@charset "utf-8";
/* CSS Document */

* :focus { outline: 0; }

.blue-bold {
	font-family: Arial, Helvetica, sans-serif;
	color: #3A5D7B;
	font-weight: bolder;
}
.navigation-menu a,
.navigation-menu a:link,
.navigation-menu a:visited,
.navigation-menu a:active,
.navigation-menu a:hover {
	display:block;
	width:100%;
	white-space:nowrap;
	padding:5px 0 5px 0;
	border:none;
	text-decoration:none;
	color:blue;
}
.navigation-menu a:hover {
	text-decoration:underline;
}
.navigation-menu a img {
	position:relative;
	right:3px;
	top:5px;
	display:inline;	
	height:auto;
	width:auto;
	float:left;
	white-space:nowrap;
}
.navigation-menu a:hover {
	background-color:#EDEDED;
}
.navigation-menu {
	border-top:1px dashed silver;
	width:100%;
	font-size:12px;
}
.navigation-item {	
	border-bottom:1px dashed silver;
	background-image:
	font-size:12px;
}
.navigation-item-active {
	background-color:silver;
}
.navigation-item-2 {
	padding-left:15px;
	border-bottom:1px dashed silver;
	background
}
.navigation-item-2-active {
	position:relative;
	left:15px;
 
	/*
	padding-left:15px;
	*/
	background-color:silver;	
}
.navigation-item-3 {
	padding-left:25px;
}
.navigation-item-3-active {
	padding-left:25px;
	background-color:silver;	
}
.navigation {
		width:150px;
}
table.x7b tr.ruled td {
  background-color:#F2F2F2;
}
#container {
	width: 1028px;
	margin: 0;
	padding: 0;
	height: 825px;
}

#left-column {
	width: 802px;
	float: left;
	position: absolute;
	display: inline;
}
#header-main  {
	height: 100px;
	padding: 15px 15px 5px 15px;
}

#header-bottom    {
	height: 25px;
	background-color: #3A5D7B;
	color: white;
	padding-left: 22px;
	font-size: 12px;
	padding-top: 10px;
	display: block;
	clear: both;
}
#header-login {
	float: left;
	margin-top: 5px;
	width: 300px;
	position: relative;
	left: 90px;

}
#top  {
	height: 25px;
	border-bottom: 1px solid silver;
}


#right-column {
	padding: 25px;
	text-align: left;
	display: inline;
	float: right;
	border-left: 1px solid silver;
}
#main-box {
	margin-left: 10px;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 780px;
	;
	position: absolute;
	background-color: transparent;
	left: 2px;
	top: 182px;
}



#main-box-content {
	padding: 10px;
	margin-top: 10px;
	height: 604px;
}
#get-started {
	color: #169416;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#left-inner-box {
	background-color: #3A5D7B;
	width: 204px;
	position: relative;
	left: -4px;
}


#left-inner-box-content {
	color: white;
	padding: 10px;
	height: 200px;

}
#header-box {
	background-color: #3A5D7B;
	color: white;
	float: left;
	position: relative;
	left: 90px;
}

#header-box-content {
	width: 500px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
#header-box-content h1 {
	font-size:16px;
}
#tag-line {
	position: absolute;
	left: 35px;
	font-size: 14px;
	font-weight: bold;
}

#header-links {
	position: absolute;
	right: 25px;
	font-size: 11px;
}
#links {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-bottom: 12px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 12px;
	margin-top: 4px;
	position: relative;
	width: 740px;
	left: 10px;

}


#logo {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	width: 159px;
	height: 97px;
	float: left;
	position: relative;
	left: 16px;
}



#top-box {
	width: 175px;
	height: 210px;
	background-color: #3A5D7B;
}
#mid-box {
	height: 160px;
	width: 175px;
	margin-top: 25px;
}
#top-top {
	background-image: url(../images/top-img.gif);
	background-repeat: no-repeat;
	height: 92px;
	margin: 10px;
	position: relative;
}
#top-bottom {
	background-image: url(../images/ad.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 92px;
	position: relative;
}


#mid-header {
	background-color: #3A5D7B;
	color: white;
	padding: 3px;
	border-bottom: 1px solid white;
}
#mid-content {
	padding: 3px;
	border: 1px solid #3A5D7B;
	height: 128px;
}
#bottom-box {
	width: 175px;
	margin-top: 25px;
}
#bottom-header {
	font-weight: bold;
	background-color: #5a5a5a;
	color: white;
	padding: 3px;
	border-bottom: 1px solid white;
}
#bottom-content {
	border: 1px solid #5a5a5a;
	height: 325px;
	padding: 3px;

}

.blog-categories {
}

.blog {
}
#left-column #main {
	height: 600px;
}
#left-column-content {
	margin-top: 15px;
}

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/ 

#main-left-column {
	float:left;
	display:block;
	width: 225px;
	background-color: #FFFFFF;
}
#main-left-content {
	padding: 15px;
	height: 530px;
}


#right {
	width: 525px;
	padding: 0px 0px 25px 0px;
	float: right;
}
#right-top {
	background-color: #3A5D7B;

}
#right-box {
	height: 200px;
	padding: 15px;
	color: white;
}

#right-bottom {
	margin-top: 15px;
	height: 300px;
}
#bottom-left-box {
	float: left;
	width: 257px;
}
#bottom-left-content {
	height: 285px;
	padding: 15px;

}

#bottom-right-box {
	float: right;
	width: 257px;
}

#bottom-right-content {
	padding: 15px;
	height: 285px;


}

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}
.tlc
	{
	background-image:url(../images/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(../images/trc.gif);
	background-position: 100% 0%;
	}
	
.blc
	{
	background-image:url(../images/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(../images/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(../images/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(../images/bb.gif);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(../images/rb.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-image:url(../images/lb.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
.tlc2, .trc2, .blc2, .brc2
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc2
	{
	background-image:url(../images/tlc2.gif);
	background-position: 0% 0%;
	}

.trc2
	{
	background-image:url(../images/trc2.gif);
	background-position: 100% 0%;
	}
	
.blc2
	{
	background-image:url(../images/blc2.gif);
	background-position: 0% 100%;
	}

.brc2
	{
	background-image:url(../images/brc2.gif);
	background-position: 100% 100%;
	}

.tb2, .bb2
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb2
	{
	background-image:url(../images/tb2.gif);
	background-position: 0% 0%;
	}

.bb2
	{
	background-image:url(../images/bb2.gif);
	background-position: 50% 100%;
	}
	
.rb2
	{
	background-image:url(../images/rb2.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb2
	{
	background-image:url(../images/lb2.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

td {
		text-align:left;
		vertical-align:top;
}

.label-column {
	width:40%;
	text-align: right;
	white-space:nowrap;
}
.message-column {
	text-align:left;
}

.field-column {

}
fieldset input[type="text"],
fieldset input[type="password"],
fieldset select {
		width:250px;
}

fieldset input[type="button"],
fieldset input[type="submit"] {
	margin-right:5px;
}
fieldset {
	width:100%;
	text-align:left;
}
input.cms-button {
	margin-top:5px;
	margin-right:5px;
}
table.main-table {
	/* border:1px solid #333; */
	background-color:white; 
	padding:20px;
}
.control-bar {
	margin:10px;
}

.look-and-feel,
.metadata {
	text-align:center;
	width:100%;
}
.look-and-feel td,
.metadata td {
	text-align:center;
	vertical-align:middle;
}
.look-and-feel label,
.metadata label {
	padding-right:5px;
}
.look-and-feel select {
		width:160px;
}
.metadata input[type="text"] {
		width:130px;
}
.look-and-feel input[type="button"],
.look-and-feel input[type="submit"] {
}
.navigation-node {
	border:1px solid green;
}
.navigation-depth-1 {
	
}
div.auto-panel {
	width:100%;
	overflow:auto;
	height:auto;
}

div.auto-panel input[type="text"],
div.auto-panel select {
		width:auto;
		font-size:11px;
}
#info-architecture td {
		white-space: nowrap;
}
#info-architecture,
#info-architecture fieldset {
		min-height:300px;
		height:auto; 
		overflow-x:auto;
}
#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li {
	float: left;
	margin: 0 0.15em 10px 0;
}

#nav-menu li a {	
	background: url(/images/nav_bg.gif) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 10em;
	display: block;
	border: 0.1em solid #dcdce9;
	text-decoration: none;
	text-align: center;
	color:#006;
}

#nav-menu li a:hover {
	text-decoration:underline;
}

/* Hide from IE5-Mac \*/
#nav-menu li a {
	float: none
}
/* End hide */

#nav-menu {
	font-size:12px;
	font-weight:bold;
}
.nav-menu-vertical {
	width:10em; 
	padding:0;
	margin:0;
}
.nav-menu-horizontal{
	width:100%; 
} 

#newsForm select {
	width:150px;
}
#stopImage,
#startImage,
.startImage,
.stopImage {
	float:right;
	position:relative;
	top:15px;
}

.error {
	display:inline;
}

.invalid,
.invalid img {
	vertical-align:middle;
}

.yui-skin-sam .yuimenu .bd {
	border:0;
	font-weight: bold;
}
.newsletterBodyPanel {
	height:350px;
}

.table-controls {
	margin-bottom:10px;
	width:100%;
	text-align:center;
}

.rich-progress-bar-uploaded {
		/*
		background-color: white;
    background-image: url(/content/cms/images/anim/progress1.gif);
		background-repeat: no-repeat;
		*/
}

.wrap {
	white-space:normal;
}

.width-10 {
	width:10%;
}
.width-15 {
	width:15%;
}
.width-16 {
	width:16%;
}
.width-25 {
	width:25%;
}
.width-33 {
	width:33%;
}
.width-40 {
	width:40%;
}
.width-67 {
	width:67%;
}
.width-85 {
	width:85%;
}

.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}

div.rich-mpnl-text a:link, 
div.rich-mpnl-text a:visited {
	color:black;
	text-decoration:none;
	padding-right:5px;
}

div.rich-mpnl-text a:hover {
	text-decoration:underline;
}

.invoice-paid {
	color:red;
	font-weight:bold;
}

.message-box {
	border:2px dashed gray;
	display:block;
	padding:15px;
	text-align:center;
	vertical-align:middle;
	margin:15px 0 15px 0;
	background-color:#D5E2F0;
}

width-50 {
	width:50%;
}

width-100 {
	width: 100%;
}

.invoice-pdf-link {
	vertical-align:middle;
}


/* reset YUI menu styles */

.yui-skin-sam .yuimenubarnav .yuimenubaritem {
	border-right:none;
}

.yui-skin-sam .yuimenubar {
	background:none;
	border:0;
}

.yui-skin-sam .yuimenubaritemlabel {
	border:0;
}

#footer,
#top {
	border:0;
}

.yuimenubaritemlabel-selected {
	background:none;
}

a.yuimenubaritemlabel  {
	background:none;
}

#top li.yuimenuitem a.yuimenuitemlabel:hover,
#footer li.yuimenuitem a.yuimenuitemlabel:hover,
#top li.yuimenubaritem a.yuimenubaritemlabel:hover,
#footer li.yuimenubaritem a.yuimenubaritemlabel:hover,
li.yuimenubaritem a.yuimenubaritemlabel:hover {
	background:none;
}

li.yuimenubaritem.yuimenubaritem-selected {
	background:none;
	padding:inherit;
	margin:inherit;
}

/* end reset YUI menu styles */


.yui-skin-sam .yuimenu ul {
	padding:0;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
	padding-right:10px;
}

.nav-top a:hover, .nav-top a:active {
	background:none;
	border:none;
}

a.yuimenuitemlabel:hover,
a.yuimenubaritemlabel:hover{
	background:none;
}

#navMenu a:hover,
#navMenu li {
	/* background:none; */
}

#navMenu a:hover {
	text-decoration:underline;
}

.rich-tab-active,
.rich-tab-inactive {
	cursor:pointer;
}
.blog-category-new {
	width: 150px;
}
.blog-category-select {
	width: 155px;
}
.avatar {
	max-width:77px;	
}

.row-border-bottom {
	border-bottom: 1px solid silver;	
}

.browse-alpha td {
	padding:3px;
}

.row-border-bottom-off {
	border-bottom: none;
	margin-bottom:5px;
}

.lightbox-image-large,
.large-image {
	max-width:700px;
	max-height: 575px;
}

.status-chars-remaining {
	text-align:right;
}

.status-textarea {
	 height:40px;
	 width:100%;
	 border:1px solid silver;
	 margin-top:10px;
}

.featured-content-user-container {
	width:100%;
	text-align:left;
	padding:5px;
}

.image-thumbnail img {
	max-width:77px;
	max-height:65px;
}

.document-thumbnail img {
	max-width:77px;
	max-height:65px;
}

.competition-grid,
.competition-grid td {
	text-align:center;
	vertical-align:middle;
	padding:0;
	margin:0;
	border:none;
}

.featured-content .rich-table-cell {
	text-align:center;	
}

.competition-grid-item {
	text-align:center;
	vertical-align:middle;
	width:75px;
	height:65px;
	padding:2px;
	border:1px solid silver;
	margin:3px;
}

#top-ten .dr-table {
	border:none;
	text-align:center;
	vertical-align:middle;
}

.vote-box-body a.vote-link {
	display:block;
}

.competition-document {
}

ul.status-update-list {
	padding:5px 5px 0 5px;
	margin:0;
}

.status-update-list li {
	list-style-type:none;
	padding:0;
	margin:0 0 10px 0;
}

.status-updates-read-more {
	padding-left:5px;
	margin-top:-5px;
}

.message-view-header {
	border-bottom:1px solid silver; 
	background-color:#E4E4E4; 
	padding:5px
}

.message-view {
	min-height:150px;	
	border:1px solid silver;
}

.message-view-body {
	padding:10px;
}

.message-new {
	font-weight:bold;
}
.message-opened {
	font-weight:normal;	
}

.cms-editor body {
	font-size:12px;
}
.no-padding {
	padding:0;
}

.yui-skin-sam .mask  {
	opacity: 0.5;
}

.yui-skin-sam .yui-editor-panel input, 
.yui-skin-sam .yui-editor-panel select {
	width:50px;
}

.yui-skin-sam .yui-editor-container ul li {
	background-color:silver;
}

input, select, textarea, button, keygen, isindex, legend, a,
textarea[type="textarea"], input[type="text"], input[type="password"],
button[type="button"], button[type="reset"], button[type="submit"], input[type="reset"], input[type="submit"], input[type="button"],
fieldset textarea {

}

#facePageMenu .rich-pmenu-item-icon {

}

#facePageMenu ul.status-update-list {
	width:100%;
}

#facePageMenu .productGridPanel .rich-table-cell {
	padding:0;
}

.cms-inline {
	display:inline;	
}

.cms-label-container {
	float:left;
	min-width:150px;
	padding-right:5px;
	text-align:right;
}

.cms-field-container {
	min-width:120px;	
	float:left;
	position:relative;
}

.cms-input-container {
	margin-left:10%;
	margin-right:10%;
	white-space:nowrap;
}

.cms-invalid {
	background-color:#FF6953;
	padding:1px;
}

.cms-error-message {
	color:red;
	/*
	display:block;
	float:left;
	left:-70px;
	margin-left:10%;
	margin-right:10%;
	padding:5px;
	position:relative;
	*/
}

.cms-centered-panel {
	display:block;
	width:100%;
	text-align:center;	
}
/*
.cms-error {
	background-image: url(/images/error.gif);
	background-position:left 10px;
	background-repeat:no-repeat;
	padding:10px;
}
*/

fieldset input[type="text"].rich-calendar-spinner-input {
  	width:22px;
}