/**** Globals ****/
body { padding:0px; margin:0px; font-family:verdana; font-size:11px; line-height:16px; color:#666666; background-color:#ffffff; }


a:link { color:#004780; font-family: verdana; text-decoration: none; }
a:visited { color: #004780; font-family: verdana; text-decoration: none; }
a:hover { color: #004780; font-family: verdana; text-decoration: underline; }

a.footer:link { color: #2261A6; font-family: verdana; font-size:11px; text-decoration: none; }
a.footer:visited { color: #2261A6; font-family: verdana; text-decoration: none; }
a.footer:hover { color: #2261A6; font-family: verdana; text-decoration: underline; }

a.announcements:link { color:#005400; text-decoration: none; }
a.announcements:visited { color:#005400; text-decoration: none; }
a.announcements:hover { color:#005400; text-decoration: underline; }

a.white:link { color:#ffffff; }
a.white:visited { color:#ffffff; }
a.white:hover { color:#ffffff; }

a.ea:link { color:#999999; font-size:9px; }
a.ea:visited { color:#999999; font-size:9px; }
a.ea:hover { color:#999999; font-size:9px; }
.ea { color:#999999; font-size:9px; }

a.blue:link { color:#003366; }
a.blue:visited { color:#003366; }
a.blue:hover { color:#003366; }
.blue { color:#003366; }

.bold { font-weight:bold; }

a.np:link { color:#999999; font-size:9px; }
a.np:visited { color:#999999; font-size:9px; }
a.np:hover { color:#999999; font-size:9px; }
.np { color:#999999; font-size:9px; display:none; }

br { line-height:9px; }
br.small { line-height:3px; }
p {  padding:0px; margin:0px; padding-bottom:9px; }
.red { color:red; }

img { behavior:url(../utils/pngHack.htc); }
.png { behavior:url(../utils/pngHack.htc); }

/* \*/
* html #container { 
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/main_sub_bkg.png",sizingMethod="scale"); 
}
* html #topnav { 
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/pagetop.png",sizingMethod="scale"); 
}
* html #footer { 
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/footer.png",sizingMethod="scale"); 
}
* html #logo { 
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo.png",sizingMethod="scale"); 
}
* html #topright { 
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/top_right.png",sizingMethod="scale"); 
}
* html #png-fixer {float:left;
position: relative; 
}
/* */

h1 { font-size:13px; margin-bottom:5px; color:#004780; }
.pagetitle { float:left; color:#004780; font-size:14px; font-weight:bold; margin:0px; padding:0px 0px 6px 0px; }
/* \*/
* html .pagetitle { padding-bottom:5px; }
/* */

h1.announcements { font-size:13px; margin:0px; padding:0px; color:#004780; }

h2 { font-family:verdana; font-size:12px; color:#666666; line-height:16px; font-weight:bold; margin:0px; padding:0px; }
h3 { font-family:verdana; font-size:11px; color:#003366; line-height:16px; font-weight:bold; margin:0px; padding:0px; }
h4 { font-family:verdana; font-size:11px; color:#004780; line-height:16px; font-weight:bold; margin:0px; padding:0px; }
h5 { font-family:verdana; font-size:11px; color:#990000; line-height:16px; font-weight:bold; margin:0px; padding:0px; }
h6 { font-family:verdana; font-size:11px; color:#ffffff; line-height:16px; font-weight:bold; margin:0px; padding:0px; }

/*ul { padding:0px; margin-left:30px; line-height:16px; margin-right:7px; margin-top:5px; margin-bottom:5px; }
li { vertical-align:top; background:url(../images/leftnav_bullet.gif) 5px 5px no-repeat; }*/

.grey { color:#333333; }


ol { padding-left:20px; margin:0px; }
ul { padding:0px; margin:5px; list-style:none; }

ul li { list-style-image:none; padding-left:18px; padding-bottom:3px; background:url(../images/leftnav_bullet.gif) 5px 5px no-repeat; }
ul.directors li { padding-left:23px; padding-bottom:6px; background:url(../images/icons/vcard.gif) 0px 1px no-repeat; }

ul.guests { padding:0px; margin:0px 15px 5px 5px; list-style:none; }
ul.guests li { list-style-image:none; padding-left:28px; padding-top:2px; padding-bottom:2px; background:url(../images/group.gif) 5px 3px no-repeat; }

ul.note { padding:0px; margin:0px 15px 5px 2px; list-style:none; }
ul.note li { list-style-image:none; padding-left:26px; padding-top:5px; padding-bottom:3px; background:url(../images/note.gif) 5px 5px no-repeat; }

ul.ruProgress { padding-left:20px; margin:5px; }
ul.ruProgress li { list-style:none; padding:0; margin:0; }
ul.ruInputs { padding-left:0; margin:0; list-style:none; background:none; }
ul.ruInputs li { list-style:none; padding:0; margin:0; background:none; }
.rade_editorModes li { list-style:none; padding:0; margin:0; background:none; }
.rade_toolbar li { list-style:none; padding:5px; margin:0; background:none; }

.smallcopy { font-size:9px; line-height:10px; }
.small { font-size:10px; line-height:11px; }
input { font-family:verdana; font-size:11px; }
select { font-family:verdana; font-size:11px; }
textarea { font-family:verdana; font-size:11px; }
.validation { color:#FF0000; }
.adminbtn { float:right; margin-bottom:10px; }

#TableLayout { }
#TableLayout table { background-color:#999999; }
#TableLayout td { background-color:#FFFFFF; }


/**** Page Styles ****/
#center { width:760px; margin:auto; text-align:left; }

/*
#top { width:760px; float:left; }
#logo { display:block; width:325px; float:left; background:url(../images/logo.png) no-repeat; height:115px; cursor:pointer; }
#topright { width:435px; float:left; height:115px; text-align:right; }
*/

#logos { width:760px; margin:auto; position:relative; height:110px; overflow:hidden; }

#topnav { float:left; width:720px; height:35px; background:url(../images/pagetop.png) no-repeat; color:#FFFFFF; font-weight:bold; padding:17px 20px 0px 20px;  }

#container { width:751px; float:left; padding-left:9px; background-image:url(../images/main_sub_bkg.png); background-repeat:repeat-y; }

#main_image { width:742px; height:140px; float:left; background-color:#E0ECE9; background-image:none; /*background-image:url(../images/main_images/subimage_1.png); background-repeat:no-repeat;*/ }


#left { width:205px; float:left; }
#left_top { width:205px; float:left; padding:0px 0px 5px 0px; background-color:#eeeeee; border-bottom: 1px solid #cccccc; }
#left_nav { float:left; padding:5px 5px 5px 11px; }
#left_text { width:183px; float:left; padding:5px 11px 5px 11px; min-height:100px; }

/* \*/
* html #left_text {
height: 400px;
}
/* */


#right { width:508px; float:left; padding:10px 13px 5px 16px; }
#right_text { width:508px; }
.textholder { float:left; width:508px; clear:left; margin:0px; padding:0px; }

#footer { width:760px; height:40px; float:left; background-image:url(../images/footer.png); background-repeat:no-repeat; }
#footer_text { width:745px; font-size:10px; float:left; padding:6px 0px 0px 10px; }

#copyright { width:751px; text-align:right; font-size:10px; float:left; }




.heightfix { display:none; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { display:inline-block; } 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* End hide from IE-mac */


/** Progress Div **/
.progressContainer { position:relative; top:25px; left:200px; z-index:2; }
.progressBox { position:absolute; width:120px; border: 1px solid #999999; padding:6px; background-color:#FFFFFF; text-align:center; }


/**** Datagrids ****/
.datagrid { border-color:#CCCCCC; width:510px; }
.datagrid tr { vertical-align: top;}
.datagrid td { padding:3px; }
.datagridheader { background-color:#666666; color:#FFFFFF; font-weight:bold; }
.datagridheader a:link { color:#FFFFFF; text-decoration:none;  }
.datagridheader a:visited { color:#FFFFFF; text-decoration:none;  }
.datagridheader a:hover { color:#FFFFFF; text-decoration:underline;  }

.datagriditem { }
.datagriditem_alt { background-color:#eeeeee; }
.datagridfooter {  }


.dropshadow2{
	float:left;
	clear:left;
	background: url(../images/shadow_large.gif) no-repeat bottom right !important;
	background: url(../images/shadow_large.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
}
.innerbox{
position:relative;
bottom:6px;
right: 6px;
border: 1px solid #999999;
padding:1px;
margin: 15px 0px 0px 0px;
}
.innerbox{
/* IE5 hack */
\margin: 0px 0px -3px 0px;
ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
margin: 3px;
padding-bottom:0px
}



.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
  border:none;
  cursor:pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
  font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}


.stats_settings_label { padding-left:3px; width:90px; }
.stats_settings_selections { padding:5px 5px 2px 0px; }


.PasswordStrengthBarIndicator { color:#666666; background-color:#666666; }

.PasswordStrengthBarBorder
{
	border-style:solid;
	border-width:1px;
	width:100px;
	vertical-align:middle;
	padding:1px;
}


/*Modal Popup*/
.modalBackground {
	background-color:#dddddd;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.modalPopup {
	background-color:#eeeeee;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	width:500px;
}

.modalPopupPadding {
	background-color:#eeeeee;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:5px;
}

 div#session-countdown 
 {
	height: 15px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 744px;
	padding-right: 16px;
	text-align: right;
	font-size: 1.1em;
 }
 
div#session-countdown .time { font-weight: bold; }
div#session-countdown-inner { float: right; }

div#last-login { float: left; margin-left: 10px; font-size: 1.1em; color: red; }

div.status 
{
	padding-top: 15px;
	font-size: 1.1em;
	font-weight: bold;
	color: red;
}

div.status a:hover { text-decoration: none; color: red; }

/* Comments */
.button-save{
font-family: verdana;
font-size: 12px;
font-weight: bold;
text-align: center;
cursor: default;
padding: 2px 6px 3px;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
text-decoration: none;
border-radius: 4px;
border: 1px solid #a6a6a6;
color: black;
padding: 0px 6px;
margin-top: 2px;
display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
margin: 2px 6px 0;
}

.back-btn { margin: 7px 6px 0; } 


/* password meter */
.password-strength { height: 15px; width: 208px; font-size: 10px; border: solid 1px #ccc; color: #fff; background-color: #fff; border-radius: 2px }
.progress-bar { height: 15px; text-align: center; border-radius: 2px }
.progress-bar.weak { background-color: darkred; }
.progress-bar.medium { background-color: darkorange; }
.progress-bar.strong { background-color: green; }