/* Global */
html, body { height: 100%; }
body { background: #fff; color: #000; margin: 0; padding: 0; }
body, table, input, select, textarea, button { font: 8pt Tahoma, Geneva, sans-serif; }
img { border: none; }
a { color: #036; }
a:hover { color: #f00; }
.PageLinkDisabled { color: Gray !important; text-decoration:none !important; }

/* Master Page */
.Menu_Image { padding-top: 0px; }
.MasterMenu_MenuBar { clear: both; width: 100%; height: 30px; position: relative; z-index: 99; background: #369 url(./images/menu/gradient_black.png) repeat-x; vertical-align: middle; }
.welcomebar { height: 18px; }
.welcomelabel { display:block; padding-top: 2px; font-weight: bold; }
.form_Master { width: 960px; min-height: 100%; margin: 0 auto 5px auto; text-align: left; }
* html .form_Master { height: 100%; }

/* Validation Summary */
.validationsummary { background: #ffc; border: solid 1px #666; margin-bottom: 5px; padding: 3px; color: #f00; }
.error { color: #f00; }

/* Information Area */
.informationarea { background: #ffc; border: solid 1px #666; margin-bottom: 5px; padding: 3px; color: #f00; }
.error { color: #f00; }

/* Main Work Area */
.wrapper { padding-bottom: 10px; }
h1 { min-height: 22px; height: auto !important; height: 22px; margin: 0 0 5px 0; padding: 3px 10px; background: #acf; border: solid 1px #000; color: #000; font-size: 12pt; text-align: left; }
h1 .titlebar_area { float: right; margin: 1px 0 0 5px; font-size: 10pt; color: #000; }
h1 .titlebar_area select { font-size: 12px; vertical-align: top; }
h2 { min-height: 15px; height: auto !important; height: 15px; margin: 5px 0; padding: 3px 5px; background: #E0EFFF; border: solid 1px #8af; color: #036; font-size: 9pt; text-align: left; }
h2 .titlebar_area { float: right; margin: -2px 0 0 5px; }
h2 .titlebar_area select { font-size: 10px; vertical-align: top; }
h2 .titlebar_link { font-size: 7pt; padding: 1px 5px 1px 5px; }
h3 { margin: 0; padding: 1px 1px 1px 5px; background: #acf; border: solid 1px #000; color: #036; font-size: 9pt; text-align: left; }
h3 .titlebar_area { float: right; margin: 1px 0 0 5px; font-size: 7pt; }
.titlebar_area .button { margin-top: -1px; padding: 0 1px 0 1px; vertical-align: top; }
.titlebar_link { font: 8pt Tahoma, Geneva, sans-serif; margin-left: 2px; padding: 5px 0 0 5px; float: right; }
.titlebar_link a, .titlebar_link a:hover { font-weight: normal; color: #000; text-decoration: none; }
.titlebar_link img { vertical-align: middle; border: none; padding-right: 6px; }
.h1custom { min-height: 22px; height: auto !important; height: 22px; margin: 0 0 5px 0; padding: 3px; background: #acf; border: solid 1px #000; color: #000; font-size: 10pt; font-weight: bold; text-align: left; }
.h2section { padding: 0 5px; }
.section { margin: 0 8px 0 8px; font-size: 8pt; }
.column { float: left; }
.leftcolumn { float: left; margin-right: 30px; }
.rightcolumn { float: left; clear: right; }
.box { border: 1px solid #8af; margin-bottom: 10px; }
.boxheader { margin: 0; border-width: 0; border-bottom-width: 1px; }
.boxcontents { margin: 10px; }
.filter { background: #eee; border: #ccc 1px solid; padding: 5px; }
.wrappertable { width: 100%; border-collapse: collapse; }

/* Datafields */
.datafield { margin-bottom: 8px; }
.datafield label { float: left; width: 150px; font: bold 8pt Tahoma, Geneva, sans-serif; white-space: nowrap; margin: 0 10px 0 0; }
.datafield .textbox, .datafield textarea, .datafield select { width: 175px; }
.datafield textarea { height: 65px; }
.datafield .time { width: 100px; }
.datafield .suffix { width: 50px; margin-left: 5px; }
.datafield img { vertical-align: bottom; }
.datafield2 { margin-bottom: 8px; }
.datafield2 label { float: left; width: 100px; font-family: Tahoma,Geneva,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 8pt; line-height: normal; white-space: nowrap; margin-top: 0pt; margin-right: 10px; margin-bottom: 0pt; margin-left: 0pt; }


.large .textbox, .large textarea { width: 300px; }
.stretch .textbox, .stretch textarea { width: 99%; }
.fill textarea { width: 590px; }
.fill .textbox { width: 590px; }
.widelabel label { width: 215px; }
.colorpicker .textbox { width: 100px; }
.checkbox label, .radio label { float: none; font-weight: normal; white-space: normal; }
.clear { clear: both; }
.formbuttons { clear: both; margin: 5px 0 5px 0; text-align: right; }
.required { color: #f00; }
.fieldName { font-weight: bold; text-align: right; }
.largefieldName { font-family: Arial; font-size: large; }
.fieldName_edit { font-weight: normal; }

/* Tables */
.table_Main { width: 100%; height: 500px; background-color: transparent; background-repeat: no-repeat; margin: 0 auto; }

/* DataGrids */
.DG_Main_Themes { width: 100%; border: solid 1px #666; text-indent: 0px; text-align: center; }
.DG_Main_Themes td { padding: 3px 5px; }
.DG_Header { text-align: left; background: #acf; font-size: 9pt; font-weight: bold; }
.DG_Footer { }
.DG_Pager { text-align: right; }
.DG_Item { padding: 0 0 0 0; text-align: left; background: #fff; color: #036; }
.DG_AlternatingItem { text-align: left; background: #ddd; color: #036; }
.DG_Skills { border-right: solid 1px #666; }

/* Tabs */
div.tabarea { font-size: 11px; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 3px; margin: 9px 0 0 0; }
div.contentarea { padding: 10px; border: 1px solid #000; border-top: none; }
.tabcontent { width: 100%; }
.tabcontent h2 { margin: 5px 0; }
a.tab, a.activetab { color: #333; background: #E0EFFF; border: 1px solid #000; border-bottom: none; padding: 2px 5px 3px 5px; font-weight: bold; text-decoration: none; }
a.activetab { border: 1px solid #000; border-bottom: none; }
a.activetab:hover { color: #000; cursor: default; }
a.tab:hover { background: #fff; color: #666; }
a.activetab { background: #fff; color: #000; padding-bottom: 4px; }

/* Calendar */
.CAL_Main { border: solid 1px #999; }
.CAL_Title { background: transparent; font-size: 12pt; font-weight: bold; }
.CAL_NextPrev { font-size: 8pt; font-weight: normal; vertical-align: bottom; }
.CAL_DayHeader { background: #069; color: #fff; font-weight: bold; }
.CAL_Day { width: 105px; height: 70px; text-align: right; vertical-align: top; font-family: Arial; font-size: 11px; color: Black; background-color: #FFFFFF; border: solid 1px #C6C1AC; }
.CAL_Today { background: #ddd; border: solid 1px #ccc; height: 90px; }
.CAL_OtherMonthDay { border: solid 1px #ccc; background: #eee; color: #eee; height: 90px; }
.CAL_OtherMonthDay a { display: none; }
.CAL_Line { border-top: solid 1px #ccc; }
.CAL_NoLine { border-top: none; }
.CAL_SelectedDay { width: 105px; height: 70px; text-align: right; vertical-align: top; font-family: Arial; font-size: 11px; color: Black; background-color: #F4F2E4; border: solid 1px #C6C1AC; }

/* Modal Dialogs */
.popuppanel { background-color: #eee; width: 700px; height: auto; padding: 10px 10px 10px 10px; border: solid 1px #99f; z-index: 9; max-height: 700px; }
.modalbackground { background-color: #ccc; filter: alpha(opacity=70); opacity: 0.7; }
.absolutepopup { width: 700px; height: auto; margin-left: 90px; position: absolute; top: 25%; left: auto; padding: 10px 10px 10px 10px; z-index: 9; }
.popupdialog { width: 29.3%; height: auto; left: 34.8%; position: absolute; top: 25%; padding: 10px 10px 10px 10px; z-index: 9; }
.viewindividual_popup { position: absolute; top: 33%; left: 17%; width: 65%; z-index: 9; }

/* Themes */
#divPreviewWindow { background-color: #fff; }
.themes_level1 { border: solid 1px Black; width: 950px; background-color: white; }
.themes_level2 { margin: 10px; border: solid 5px Black; width: 910px; background-color: ActiveBorder; }
.themes_level2a { margin: 10px; width: 920px; }
.themes_level3 { margin: 0 10px 0 10px; width: 890px; background-color: white; }
.themes_level4 { margin: 10px; border: solid 1px Black; width: 870px; background-color: white; }
.themes_level5 { margin: 10px; padding: 3px; border: solid 1px #0191C8; width: 840px; background-color: #DCEBF1; }
.table_Wide_Themes { width: 100%; border: none; padding: 0px; font-family: tahoma; font-size: 11px; text-align: left; }
.table_SubHeader_Themes { width: 870px; height: 30px; border: solid 1px #666666; background-color: #ACF; font-weight: bold; font-size: medium; }
.login_Themes { background: #369 url(./images/menu/gradient_black.png) top repeat-x; height: 20px; border: solid 1px #666; padding: 5px 10px; color: #fff; font-weight: bold; font-size: medium; }

/* Web 2.0 design */
.web2header { height: 18px; border-bottom: solid 1px #8af; padding: 3px 5px 3px 5px; margin-bottom: 5px; text-align: left; font-weight: bold; overflow: hidden; }
.web2header label, .web2header span, .collapse , .collapse span { color: #036; font-size: 10pt !important; float: left; margin-right: 20px; }
.web2header a, .collapse a { float: right; font-weight: normal; margin-right: 5px; }
.web2header .hyperlink, .collapse .hyperlink { font-size: 8pt; }
.web2panel { border: solid 1px #8af; margin: 5px 0 0 0; background-color: #e0efff; padding: 5px; overflow: hidden; }
.web2button { color: #fff !important; background: #578EE0 url(/access/images/menu/sm_gradient_white.png) repeat-x top; border-top: solid 1px #8af; border-left: solid 1px #8af; border-bottom: solid 1px #000; border-right: solid 1px #000; font-weight: bold !important; font-size: 11px; text-decoration: none; padding: 1px 7px 3px 7px; }
.web2border { border: solid 1px #8af; overflow: hidden; }
.whiteboxnotop { border-top-width: 0px !important; padding: 5px; margin: 0; }
.collapse { height: 18px; margin: 5px 0 0 0; border: solid 1px #8af; background-color: #e0efff; padding: 3px 5px 3px 5px; text-align: left; font-weight: bold; overflow: hidden; }
.collapse img { float: right; display: inline; }
.example { font-style: italic; }

/* password css */
.imgLegend {clear: left !important;
            float: left !important;
            position: relative !important;
            margin-bottom: -3px !important;
           margin-right: 5px !important;}
.inline {display: inline;}
.italic {font-style: italic;}
.noPad {padding: 0;}
.show {display: inline !important;}
.txtLg {font-size: 125%;}
.txtSmall {font-size: 75%;}
.txtLeft {text-align: left; background: #E0EFFF; color: #036;}
.txtCenter {text-align: center; background: #E0EFFF; color: #036;}
.txtRight {text-align: right;}
div.xtend {clear: both !important;
           line-height: 0; height: 0;}
.hide {display: none;}
div.fail,div.pass,div.exceed,div.warn {background-repeat: no-repeat;
			background-position: left top;
			height: 16px;
			margin-left: auto;
			margin-right: auto;
			width: 16px;}
div.exceed {background-image: url(./images/img_status_exceed.png);}
div.fail {background-image: url(./images/img_status_fail.png);}
div.pass {background-image: url(./images/img_status_pass.png);}
div.warn {background-image: url(./images/img_status_warn.png);}
td.exceed,td.fail,td.pass,td.warn {color: #fff; font-weight: bold; text-align: center;}
td.exceed {background: #1C60A4;}
td.fail {background: #C00;}
td.pass {background: #093;}
td.warn {background: #f60;}
div.boxMinus,div.boxPlus {border: none;
			color: #fff;
			font-weight: bold;
			padding: 2px;
			text-align: left;
			white-space: nowrap;}
.bold {font-weight: bold;}
div.box2 {background: #456;
			border: 1px #000 solid;
			color: #fff;
			height: 16px;
			padding: 2px;
			white-space: nowrap;
			width: 16px;}
#content {margin: 0 auto;
			
			text-align: left;
			}
#linkstop {background: #234;
			color: #fff;
			margin-top: -10px;
			padding: 2px;}
#linkstop a {color: #fff;}
#score {color: #000;
		font-size: 85%;
		position:absolute;
		text-align: center;
		width: 100px;
		z-index: 10;}
#score,#rating,#standards {font-weight: bold;}
#scorebar {background-image: url(./images/bg_strength_gradient.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		position:absolute;
		width: 100px;
		z-index: 0;}
#scorebarBorder {background: #333;
		border: 1px #000 solid;
		height: 16px;
		margin-bottom: 2px;
		width: 100px;}
#password {border: 1px #000 solid; font-size: 85%; width: 100px;}
#tablePwdScoring {margin-bottom: 0 !important;}
#listLegend li {list-style: none; padding-bottom: 4px; margin-left: 0; padding-left: 0;}
#listLegend {margin-left: 0; padding-left: 0;}
#header {background:url(./images/top.gif) top repeat-x; height:145px; margin:0; padding:0; width:100%;}
#logo {height:100px; width:900px; margin:0 auto;}
#blogname {height:30px; padding-left:12px; padding-top:28px; text-align:left;}
h1#blogname a {color:#fff; font-size:1.3em;}
#navigation {clear:both; height:24px; margin:0 auto; padding:0 10px; text-align:center; width:880px; font-size:1.1em;}
#navigation a:link, #navigation a:visited {background:#FFF url(./images/active1.gif) left bottom no-repeat;
		color:#fff;
		height:24px;
		margin-right:2px;
		padding-left:12px;
		text-decoration:none;
		border:none;}
#navigation a:link,#navigation a:link span,#navigation a:visited,#navigation a:visited span {cursor:hand;
		display:block;
		float:left;
		border:none;}
#navigation li {line-height:23px; float:left; list-style:none; margin:0;}
#navigation a:hover {background:url(./images/active1.gif) left bottom no-repeat;
		color:#040;
		height:24px;
		padding-left:12px;
		text-decoration:none;
		border:none;}
#navigation .current_page_item a:link, #navigation .current_page_item a:visited 
{	background:#FFF url(./images/current1.gif) left bottom no-repeat;
	color:#fff;
	height:27px;
	line-height:24px;
	margin-right:2px;
	padding-left:15px;
	text-decoration:none;
	border:none;}
#navigation .current_page_item a:hover 
{	background:#FFF url(./images/current1.gif) left bottom no-repeat;
	color:#AAC8E0;
	height:27px;
	margin-right:2px;
	padding-left:15px;
	text-decoration:none;
	border:none;}
#navigation ul 
{	list-style:none;
	margin:0;
	padding:0;}
#navigation a:link span, #navigation a:visited span, #navigation a:hover span 
{	background:url(./images/active2.gif) right bottom no-repeat;
	height:24px;
	padding-right:12px;
	border:none;}
#navigation .current_page_item a:link span, #navigation .current_page_item a:visited span, #navigation .current_page_item a:hover span 
{	background:url(./images/current2.gif) right bottom no-repeat;
	height:27px;
	padding-right:15px;
	border:none;}
#footer {background:#223344 url(./images/top.gif) bottom repeat-x;
	clear: both;
	height: 60px;
	padding: 10px;
	text-align: center;
	margin:0 auto;
	color:#ccc;}
input {	font-size: 100%; margin-bottom: 2px; padding: 1px;}
ol,ul {	line-height: 1.4em; margin-bottom: 4px;	margin-top: 4px;}
p {	line-height: 1.4em;	margin-bottom: 5px;	margin-top: 5px; text-align: justify;}
table.pw { background: #345; margin-bottom: 10px; width: 100%; }
td.pw { background: #eee; text-align: left; vertical-align: top;}
th.pw { background: #456; color: #fff; text-align: left; vertical-align: top;}
/* Date picker */
.datepicker
{
	position: absolute;
	z-index: 99999 !important;/*The ajaxtoolkit hardcodes z-index 100, which is a HUGE problem.*/
}
.datepicker .ajax__calendar_header
{
	background: #acf;
	border-bottom: 1px solid #000;
	color: #000;
}
.datepicker .ajax__calendar_container
{
	background: #fff;
	border: solid 1px #000;
	margin-top: 3px;
	padding: 0;
	color: #000;
	text-align: center;
}
.datepicker .ajax__calendar_dayname
{
	font-weight: bold;
}
.datepicker .ajax__calendar_day, .datepicker .ajax__calendar_month, .datepicker .ajax__calendar_year
{
	border: 1px solid transparent;
	text-align: center;
}
.datepicker .ajax__calendar_active .ajax__calendar_day, .datepicker .ajax__calendar_active .ajax__calendar_month, .datepicker .ajax__calendar_active .ajax__calendar_year
{
	background: #eee;
	border-color: #ccc;
}
.datepicker .ajax__calendar_other .ajax__calendar_day, .datepicker .ajax__calendar_other .ajax__calendar_year
{
	color: #999;
}
.datepicker .ajax__calendar_hover .ajax__calendar_day, .datepicker .ajax__calendar_hover .ajax__calendar_month, .datepicker .ajax__calendar_hover .ajax__calendar_year
{
	border-color: #ccc;
}