.foo {} /* W3C Validators want .css files to start with a selector, not a comment - so... */

#logo{float:left; background-image:url(../../images/logo.gif); width:274px; height:230px;}

/**************** Header and navigation styles ****************/

#container{
width:90%;
margin:20px auto;
padding:1px 0px 0px 0px;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0;
}

#content{
width:100%;
margin:0px 0px 0px 0px;
padding:1px 0px 0px 0px;
text-align:left;
background:#ffffff;
color:#303030;
}

#header{
height:110px;
width:90%;
margin:20px auto auto auto;
background:#467aa7;
color:#ffffff;
}

#header h2{
margin:10px 0px 0px 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#navigation{
width:100%;
margin:0px 1px 0px 0px;
background:#E7EBF4;
color:#ffffff;
padding:1px 0px 0px 0px;
text-align:left;
float: left;
display:block;
}

#content { clear:both; }

#header .header-body
{
    background: #fff url(../../images/logo.gif) no-repeat left center;
    height:100%;
    width:100%;
}

#header .logo img
{
    float:left;
    padding: 5px 20px 0px 0px;
}

#header h1
{
	padding: 35px 0px 0px 20px;
	font-size:1.3em;
	color:#000000;
	font-weight:bold;
	float: right;
}

#header .topics
{
	position: absolute;
	right: 10px;
	padding: 45px 0px 0px 20px;
	font-size: 0.9em;
	color: #516A89;
	font-weight: normal;
	float: right;
}

#header h2
{
	margin: 10px 0px 0px 40px;
	font-size: 0.9em;
	background-color: inherit;
	color: #516A89;
	font-weight: normal;
	float: right;
}

#leftpanel
{
	float: left; 
	width: 274px;
}

.button
{
	width: auto;
	padding: 0px 1px 0px 0px;
	border: 1px solid #808080;
	font-size: 0.8em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

a.navigationLinks:link
{
color:#4c4e0e;
text-decoration:none;
font-weight:bold;
	font-size:12px;
}
a.navigationLinks:visited
{
color:#4c4e0e;
text-decoration:none;
font-weight:bold;
	font-size:12px;
}
a.navigationLinks:hover
{
color:#afb55b;
border-bottom: #ba4c22 dotted 1px;
text-decoration:none;
font-weight:bold;
	font-size:12px;
}

p 
{
	page-break-after:always;}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

pre, code {
	display:block;
	margin:15px 15px 15px 0px;
	padding:10px 0px 0px 0px;
	border:1px dashed #CCC;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
}

/******************************/
/**Styling information specific to individual content pages**/



/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	/*opacity:.9;*/
	/*filter: alpha(opacity=90);*/
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

/* PagingBulletedList */
.selectIndex {
    font-weight: bold;
    text-decoration:none;
}
.unselectIndex {
    font-weight:normal;
    text-decoration:underline;
}


/*Modal Popup*/
.modalBackground
{
	background-color: #C0C0C0;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.modalPopup
{
	background-color: #E6F2FF;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px 0px 0px 0px;
	width: 250px;
	z-index: 10000000;
}

.modalPopupPie
{
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px 0px 0px 0px;
	width: 250px;
	z-index: 10000000;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/* Rounded Corners*/

.roundedPanel
{	
	width:300px;	
	background-color:#5377A9;	
	color:white;
	font-weight:bold;		
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:Lime;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.validatorCalloutHighlight 
{
	background-image:url(images/val_bad.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#ffc0c0;
}
.validatorCalloutHighlightMulti
{
	background-image:url(images/val_bad.gif);
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#ffc0c0;
}

.right 
{ 
	text-align: right;
}

.errorMessage
{
	color: Red;
}

.navigationLeft
{
	float:left; 
	width:80%;
}

.signOut
{
	float:right; 
	width: 10%;
	position: relative;
	text-align: right;
}

/**********Page Title*************/
.pageTitle
{
	font-weight: bold; 
	font-size: 2em; 
	height: 2em;
	text-align: center;
}

.tdHeight
{
	height: 1.5em;
}

/* RatingControl */
.rating{
}

.ratingStar {
    font-size: 0pt;
    width: 17px;
    height: 15px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../../Images/star1.gif);
    height:17px;
}

.halfFilledRatingStar {
    background-image: url(../../Images/half_star2.gif);
    height:17px;
}

.emptyRatingStar {
    background-image: url(../../Images/empty_star2.gif);
    height:17px;
}

.savedRatingStar {
    background-image: url(../../Images/star1.gif);
}
/* End-RatingControl */

.centerTable
{
	display:inline-table;
	width:950px;
}

#sideContent {
	float: right;
	width: 300px;
	padding: 15px 0px 0px 3px;
}

#sideContent ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#sideContent li {
	padding: 15px 0px 0px 0px;
}

#sideContent li ul {
	line-height: 25px;
	padding: 15px 20px 30px 20px;
	margin-bottom: 40px;
}

#sideContent li li {
	padding: 0px 0px 0px 0px;
}

#leftContent {
	float: left;
	width: 310px;
	line-height: 25px;
	padding-right:0px;
	position:inherit;
}

.boxed
{
	border: 1px solid #C0C0C0;
	padding: 12px 12px 12px 12px;
}

.multiline
{
	font-family:Arial;
}

.commentUser
{
	background-color: #F9FBCA;
	vertical-align: bottom;
}

/*** accordion pane ***/
.accordionHeader
{
	border: 1px none #FFFFFF;
	background-color: #FFFFFF;
	color: #000000; 
	font-size: .9em;
	font-weight: lighter;
	padding: 3px 0px 0px 0px;
	margin-top: 3px;
	cursor: pointer;
}

.accordionHeaderSelected
{
	border: 1px none #FFFFFF;
	background-color: #FFFFFF; /*color: #DE7310;*/
	color: #000000; /*border: 1px solid #C0DCE7;*/ /*background-color: #C0DCE7;*/
	font-size: .9em;
	font-weight: bold;
	padding: 3px 0px 0px 0px;
	margin-top: 3px;
	cursor: pointer;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px none #FFFFFF;
    border-top: none;
    padding: 3px 0px 0px 0px;
    padding-top: 5px;
	font-size: .9em;
}

.accordionCategoryHeader
{
	color: #FFFFFF;
    background-color: #FFFFFF;
	padding: 3px 0px 0px 0px;
    margin-top: 3px;

	/*color: #214858;*/
	font-size: .9em;
	font-weight:bold;
    /*padding-top: 5px;
    padding-left: 5px;*/
    cursor: pointer;
}

.accordionCategoryHeaderSelected
{
	color: #214858;
    background-color: #FFFFFF;
	padding: 3px 0px 0px 0px;
	margin-top: 3px;

	/*color: #214858;*/
	font-size: .9em;
	font-weight: bold;
    /*padding-top: 5px;
    padding-left: 5px;*/
    cursor: pointer;
}

.accordionCategoryContent
{
    border-top: none;
	font-size: .9em;
	padding-left: 10px;
}

.validatorCalloutHighlight
{
	background-image: url(../../images/val_bad.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #ffc0c0;
	width: 278px;
}

.validatorCalloutHighlightMulti
{
	background-image: url(../../images/val_bad.gif);
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#ffc0c0;
	text-align:right;
	width: 278px;
}

.watermarked 
{
	background-position: right;
	height:20px;
	width:150px;
	padding:2px 0px 0px 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

.thumbnails li
{
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}