﻿#availableContent, #selectedContent, #selectedCriteria, #helpText{display:block;float:left;width:165px;font-size:.9em;}
#availableContent{padding-left:10px;}
#availableContent select, #selectedContent select, #selectedCriteria select, #helpText > div {display:block;width:165px;height:350px;}
#selectedContent option, .filterSet {background-color:#D5DEF0;}

#leftThirdDiv, #centerThirdDiv, #rightThirdDiv {float:left;display:block; width:32%;}
#leftThirdDiv h3, #centerThirdDiv h3, #rightThirdDiv h3{padding-left:10px;}
#centerThirdDiv, #rightThirdDiv {margin-left:10px;}
#searchByDiv, #predefinedDiv, #advancedDiv {height:300px; background-color:White; text-align:center; font-size:small; padding-top:20px; position:relative;}
#MainContent_divCommunityName, #MainContent_divGrantRecipient {color:#CCC;height:55px;margin:0 20px;padding-top:10px;}
#MainContent_divCommunityName.enabled, #MainContent_divGrantRecipient.enabled {background-color:#FFF9E6; color:#6E4C05; }
#MainContent_divCommunityName {margin-bottom:10px;}
#MainContent_divGrantRecipient {margin-top:10px;margin-bottom:15px;}
#MainContent_lblCommunity, #MainContent_lblGrantRecipient{display:block;padding-bottom:3px;}
#searchByTextDiv, #predefinedTextDiv, #advancedTextDiv {position:absolute;left:0;bottom:0;text-align:left;padding:5px 8px;border-top:1px dashed #F7DEAA;}
#searchByDiv, #predefinedDiv, #advancedDiv, #MainContent_divCommunityName, #MainContent_divGrantRecipient {border:1px solid #F7DEAA;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

#tutVid{display:inline-block;float: right;width:120px;height: 32px;margin:-5px 5px 5px;padding:0 2px 0 0;text-align:center;text-decoration:none;font:normal 11px Helvetica, Arial, sans-serif;border:2px solid #F7DEAA;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#tutVid .tutVidPlayBox{position:relative;width:22px;height:22px;margin:3px;float:left;border:2px solid #6E4C05;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#tutVid .tutVidPlayArrow{position:absolute;top:3px;left:7px;width:0;height:0;border-width:8px 0 8px 8px;border-style:solid;border-color:transparent transparent transparent #6E4C05;}
#tutVid .tutVidHead{font-weight:bold;text-align:center;}
#tutVid:hover{background-color:#FFF9E6;border-color:#104aa2;}
#tutVid:hover .tutVidPlayBox{border-color:#7da8e8;}
#tutVid:hover .tutVidPlayArrow{border-color:transparent transparent transparent #7da8e8;}

#feedback{display:inline-block;float: right;margin: -5px 5px 5px;width:120px;height: 32px;padding:0 2px 0 0;text-align:center;text-decoration:none;font:normal 11px Helvetica, Arial, sans-serif;border:2px solid #F7DEAA;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#feedback .feedbackHead{font-weight:bold;text-align:center;}
#feedback:hover{background-color:#FFF9E6;border-color:#104aa2;}

.stepgroup{font:normal 30px Helvetica, Arial, sans-serif;color:#6E4C05;text-align: center;}

.stepbox{display:inline-block;margin: 5px;width:150px;height: 32px;padding:0 2px 0 0;text-align:center;text-decoration:none;font:normal 11px Helvetica, Arial, sans-serif;border:2px solid #F7DEAA;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.stepbox h1{font:bold 11px Helvetica, Arial, sans-serif;text-align:center;border: none;margin: 0;padding: 0;}
/*.stepbox:hover{background-color:#FFF9E6;border-color:#104aa2;}*/
.stepbox.active{border-color:#6E4C05;}

#helpText{width:230px;}
#helpText > div {overflow:auto;border:1px solid #F7DEAA;width:220px;padding:5px;font-size:.9em;height:340px;background-color:#fffdf7;}
#selectorBtns, #orderBtns{position:relative;float:left;width:60px;padding-top:140px;}
#orderBtns{padding-top:169px;}
#selectorBtns input, #orderBtns input{display:block !important;position:relative;z-index:60;width:40px;margin:0 auto 5px auto !important;}
#sortMsg{display:none;position:absolute;z-index:50;left:4px;width:165px;min-height:50px;margin-top:-6px;padding:2px 5px 5px 50px;color:#C00;font-size:0.80em;text-align:left;background-color:#FFF;border:3px double #C00;}
#sortMsg div{text-align:center;font-weight:bold;margin-bottom:1px;padding-bottom:2px;border-bottom:1px solid #FCC;}
#eGONav{width:100%;margin:10px 0 0 0;padding:10px 0 0 0;text-align:center;border-top:1px solid #F7DEAA;}
#eGONav input{width:auto;}
.criteriaPnl{
	float:left;
	width:465px;
	height:330px;
	margin:0 0 0 10px;
	font-size:.9em;
}
.criteriaBox{
	width:100%;
	height:100%;
	padding:10px;
	border:1px solid #F7DEAA;
	background-color:#FFF;
}
.criteriaBox .aboutFld {float:right;width:220px;height:318px;padding:5px;font-size:.9em;background-color:#FFFDF7;border:1px solid #F7DEAA;overflow-y:auto;overflow-x:hidden;}
.chkBxList {width:220px;height:309px;border:1px solid #999;background-color:#FFF;overflow-y:auto;overflow-x:hidden;}
.chkBxList td{margin:0;padding:0;white-space:nowrap;}
.chkBxList label{font-size:.9em;}

.filterInput {text-align: right;margin-bottom: 30px;width:200px;}
.filterInput .filterInputFormat{ font-size: 0.9em;color: #999;}

#MainContent_lblCriteria{display:block;height:100%;overflow-y:auto;}
#MainContent_lblCriteria h4{display:inline-block;position:relative;margin:10px 0 0;padding:2px 10px;color:#6E4C05;font:bold .9em Helvetica,Arial,sans-serif;background-color:#FFFDF7;border:1px solid #F7DEAA;border-bottom:none;z-index:500;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#MainContent_lblCriteria p{display:block;position:relative;margin-top:-1px;padding:5px 10px;background-color:#FFFDF7;border:1px solid #F7DEAA;z-index:400;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;border-radius:0 10px 10px 10px;}

#divRptEmpty{width:500px;margin:50px auto;padding:10px;font:normal 11px Verdana,Arial,Helvetica,sans-serif;background-color:#f0f0f0;border:1px solid #999;z-index:500;-moz-box-shadow:0 1px 5px #000;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#divRptEmpty  > div > h3{margin:10px 0;}
#divRptEmpty  > div > h4{display:inline-block;position:relative;margin:0 10px;padding:2px 10px;color:#666;font:bold 1.1em Helvetica,Arial,sans-serif;background-color:#F9F9F9;border:1px solid #999;border-bottom:none;z-index:500;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#divRptEmpty  > div > p{display:block;position:relative;margin:-1px 10px 10px;padding:5px 10px;background-color:#F9F9F9;border:1px solid #999;z-index:400;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;border-radius:0 10px 10px 10px;}
#divRptEmpty  > div > *{padding-left:10px;}

.modalProgress{display:none;}
.modalBoxBG{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:#000;filter:alpha(opacity=40);opacity:0.4;}

.progressBox{
	position:fixed;
	width:300px;
	height:100px;
	top:50%;
	left:50%;
	margin:-50px 0 0 -150px;
	border:2px solid #eee;
	text-align:center;
	font:bold 14px/100px Verdana,Arial,Helvetica,sans-serif;
	z-index:2000;
	background:url('../images/ajax-loader.gif') no-repeat 20px center #fff;
	-moz-box-shadow:0 2px 10px #000;
	-webkit-box-shadow:0 2px 10px #000;
	box-shadow:0 2px 10px #000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* Calendar Extender ----------------------------------------------------------*/
.ajax__calendar{z-index:1001 !important; }

/* ResultsDisplay -------------------------------------------------------------*/
ul#rptToolbar{display:block;position:fixed;top:0;left:0;margin:0;padding:4px 10px;width:100%;height:22px;font:normal 12px Verdana,Arial,Helvetica,sans-serif;border-bottom:1px solid #999;background:url('../Images/toolbar.gif') repeat-x #CCC;overflow:hidden;-moz-box-shadow:0 1px 5px #000;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;z-index:600;}
ul#rptToolbar > li{display:block;float:left;margin:0 0 5px 10px;padding:0 0 0 10px;border-left:2px groove #FFF;cursor:default;}
ul#rptToolbar > li:first-child{margin:0 0 5px 0;padding-left:0;border:none;}
ul#rptToolbar > li > select{float:left;font-size:13px;margin-left:5px;}
ul#rptToolbar > li > span{display:block;float:left;margin:0 5px;line-height:18px;}
ul#rptToolbar > li a{display:block;float:left;height:18px;padding:2px 3px 0;color:#00C;line-height:14px;text-decoration:none;border:1px solid transparent; white-space:nowrap;}
ul#rptToolbar > li a:hover{border-color:#999;background-color:#EEE;}
ul#rptToolbar > li a.aspNetDisabled:hover{border-color:transparent;background-color:transparent;}
ul#rptToolbar #btnFirst div, ul#rptToolbar #btnPrev div, ul#rptToolbar #btnNext div, ul#rptToolbar #btnLast div, 
	ul#rptToolbar #btnExport div, ul#rptToolbar #btnCriteria div,#TableView tr th a span{width:16px;height:16px;display:inline-block;vertical-align:middle;background:url("../Images/toolNav.gif") no-repeat 16px 16px transparent;cursor:pointer;}
ul#rptToolbar #btnFirst div{background-position:0 0;}
ul#rptToolbar #btnFirst.aspNetDisabled div{background-position:0 -16px;}
ul#rptToolbar #btnPrev div{background-position:-16px 0;}
ul#rptToolbar #btnPrev.aspNetDisabled div{background-position:-16px -16px;}
ul#rptToolbar #btnNext div{background-position:-32px 0;}
ul#rptToolbar #btnNext.aspNetDisabled div{background-position:-32px -16px;}
ul#rptToolbar #btnLast div{background-position:-48px 0;}
ul#rptToolbar #btnLast.aspNetDisabled div{background-position:-48px -16px;}
ul#rptToolbar #btnExport div{background-position:-64px 0;margin-right:3px;float:left;}
ul#rptToolbar #btnCriteria div{background-position:-64px -16px;margin-right:3px;float:left;}
ul#rptToolbar .aspNetDisabled, ul#rptToolbar .aspNetDisabled div{cursor:default !important;}
#TableView{margin-top:31px;font:normal 12px Verdana,Arial,Helvetica,sans-serif;background-color:#F7DEAA;}
#TableView tbody tr th{font-weight:bold;padding-right:16px;vertical-align:bottom;background-color:#F7DEAA;}
#TableView tbody tr th a{position:relative;display:block;color:#333 !important;text-decoration:none;}
#TableView tbody tr th a:hover{text-decoration:underline;}
#TableView tbody tr th a span{position:absolute;bottom:0;right:-16px;background-position:-112px 0;}
#TableView tbody tr th a span.ASC{background-position:-96px 0;}
#TableView tbody tr th a span.DESC{background-position:-96px -16px;}

/* end columnHeader class  (.columnHeader = #TableView tr td)  Could not get code to build a th tag.   */
#TableView tr{vertical-align:top;background-color:#FFF;}
#TableView tr.altRow{background-color:#FEF4D6;}
#hdCriteria {position:fixed;top:31px;left:0;width:100%;height:150px;background-color:#f0f0f0;border-bottom:1px solid #999;z-index:500;-moz-box-shadow:0 1px 5px #000;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;}
#hdCriteria  > div{position:absolute;bottom:0;left:0;width:100%;height:150px;color:#333;font:normal 11px Verdana,Arial,Helvetica,sans-serif;overflow-y:auto;}
#hdCriteria  > div > h3{margin:10px 0;}
#hdCriteria  > div > h4{display:inline-block;position:relative;margin:0 10px;padding:2px 10px;color:#666;font:bold 1.1em Helvetica,Arial,sans-serif;background-color:#F9F9F9;border:1px solid #999;border-bottom:none;z-index:500;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#hdCriteria  > div > p{display:block;position:relative;margin:-1px 10px 10px;padding:5px 10px;background-color:#F9F9F9;border:1px solid #999;z-index:400;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;border-radius:0 10px 10px 10px;}
#hdCriteria  > div > *{padding-left:10px;}
.highlight {background-color:Yellow;}

/* styles used for custom report display */
.TextAlignLeft 
{
    text-align: left;
    float: left;
}
.TextAlignRight
{
    text-align: right;
    float: right;
}
.TextRight {text-align:right;}
.TextAlignCenter
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

@media print{
	ul#rptToolbar{display:none;}
	#GridView1 tr td{border-top:1px dotted #999;}
	#hdCriteria, #hdCriteria > div{position:relative;display:block !important;top:0;width:99%;height:inherit;}
	#hdCriteria{margin-top:25px;border:none;}
	#hdCriteria > div{border:1px solid #CCC;overflow:inherit;}
}

/*#revMainDiv{float:left;display:block; width:96%;}*/
#revMainDiv h3{padding-left:10px;}
#revCriteriaDiv{text-align:left; font-size:small; padding-top:20px; position:relative;}
#revProgram { padding:10px; background-color:White; border:1px solid #F7DEAA;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
