/*  TheWashBoard Global Style Sheet */

.ui-tabs-selected, .ui-state-active{
    border-bottom:1px solid white;
    margin-bottom:-1px !important;
}
.tabs > ul{border-bottom:1px solid #eee;width:99%;}
body
{
    padding:0px;
    margin:0px auto;
    color: #797979;
    background-color:#f9f9f9;
    text-align:left;
}
body{
    font-size:11px; 
    font-family :Arial,Helvetica, sans-serif;
}
a{color:#56aa1c; text-decoration:none;}

hr{border:0; height:1px; background-color:#cecece; margin:5px auto; clear:both;}
img{border:none;}
h1{font-size:22px; font-weight:bold; margin:0px 0px 10px 0px;}
h2{font-size:16px; font-weight:bold; margin:0px 0px 15px 0px;}
h3{font-size:14px; font-weight:bold; margin:5px 0px 3px 0px;}
h4{font-size:14px; font-weight:bold;}
#MainWrapper, .main-wrapper /* Delete class  */
{
	width:918px;
	margin:0 auto;
    background-color:#f9f9f9;
}
#MainWrapper > div {position:relative;}

#Header
{
    position:relative;
    background-image:url("/images/header/top_background.png"); 
    background-repeat:no-repeat; 
    width:860px; 
    height:157px;
    z-index:2;
    padding:0 28px;
    margin-bottom:-20px;
    background-color:transparent;
}

#Header #Navigation
{
    position:absolute;
    top:101px;
    right:20px;
}

#WelcomeMessage{
    padding-top:16px; 
    color:#A6A6A6; 
    text-align:right; 

}
#WelcomeMessage #OrgName{font-size:12px;}
#WelcomeMessage #UserName{font-size:18px; font-style:italic;}

#UserLinks{
    position:absolute; 
    top:68px;
    right:220px; 
    font-weight:bold; 
    text-align:right;
}

#Search{
    position:absolute; 
    right:28px; 
    top:65px;
}

 /* TEMP FIX -- NEED TO REMOVE */
#GlobaNavLinksContainerSeeker .GlobalNavLinks #Search, 
#GlobaNavLinksContainerSeeker .GlobalNavLinks #Search > div{
    display:inline; 
    position:relative; 
    top:auto; 
    right:auto;
}

#Search input{
    vertical-align:middle; 
    margin:0px;
}
#Search input[type="text"]{width:150px;}
#Search .button{
    margin:0px;
    background-image: url("/images/BtnSearch.gif");
    background-repeat: no-repeat;
    background-color:Transparent;
    border:none;
    width:20px;
    height:23px;
}

#PageImage  
{
    z-index:1;
    padding-left:24px;
    margin-bottom:-30px;
}

#PageContent-Wrapper
{
    z-index:3;
    width:900px;
    background-image:url("/images/header/bottom_background.png");
    background-repeat:no-repeat;
    min-height:300px;
    padding:10px;
}
#PageContent
{
    background-color:#ffffff;
    padding:20px 28px;
}

#Footer
{
    font-size:11px; 
    clear:both; 
    padding:10px 0px; 
    border-top:1px solid lightgray; 
    margin-top:25px;
}

#ProfileCompleteness, #LoginForm{
    float:right;
    width:260px;
    margin-left:30px;
    margin-bottom:10px;
    overflow:hidden;
}

form[action*="Login.aspx"] div[id="Login"], form[action*="login.aspx"] div[id="Login"] {
    position:absolute; 
    left:81px; 
    top:380px; 
    color:White;
}

#Login h2 {
    font-size:16px;
}
#Login a {
    color:#cbe591;
}
#Login input.button {
    margin:0px; vertical-align:middle;
}       
        
#LoginForm input
{
    width:250px;
    margin:5px 0px;
}

#Login .button, #LoginForm .button
{
    margin:8px 0px;
    background-image: url("/images/sign_in.png");
    background-repeat: no-repeat;
    background-color:Transparent;
    border:none;
    width:96px;
    height: 39px;
}

#LoginContent {
    background-image: url("/images/header/front_page.jpg");
    width:873px;
    height:526px;
    margin-top: 10px;
    position: relative;
}

#LoginText {
    position: absolute; 
    margin-left: 70px; 
    margin-top: 190px; 
    width: 475px; 
    font-style: italic; 
    font-size: 1.4em;
    color: white; 
}

#LoginText a, #LoginText a:active, #LoginText a:visited
{
    color: #CCFCFF;
}

#LoginText a:hover, #LoginText a:hover{
	color:#FFFFFF;
}

#TooltipContainer
{ 
    position:relative;
    background-color:#333; 
    border:1px solid #ccc; 
    padding:10px 15px; 
    width:300px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:11px; 
    z-index:1000;
    
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

.sortableListView .headerSortDown a, .MatchList .headerSortUp a{color:Blue;}
.sortableListView .headerSortDown .sort_dir_img, .MatchList .headerSortUp .sort_dir_img{width:5px; height:3px; margin-right:3px; margin-top:7px;}
.sortableListView .headerSortDown .sort_dir_img{background-image:url("/images/IcoArrowDown.gif"); display:block;}
.sortableListView .headerSortUp .sort_dir_img{background-image:url("/images/IcoArrowUp.gif"); display:block;}

.MatchList .headerSortDown a, .MatchList .headerSortUp a{color:Blue;}
.MatchList .headerSortDown .sort_dir_img, .MatchList .headerSortUp .sort_dir_img{width:5px; height:3px; margin-right:3px; margin-top:7px;}
.MatchList .headerSortDown .sort_dir_img{background-image:url("/images/IcoArrowDown.gif"); display:block;}
.MatchList .headerSortUp .sort_dir_img{background-image:url("/images/IcoArrowUp.gif"); display:block;}

img.info.tip{
    position:relative;
    top:-3px;
    margin:0px 3px;
    width:10px; 
    height:10px; 
    cursor: help;
}

span.tip, span.psuedo-tip {
    border-bottom:1px dotted gray; 
    cursor: help;
}

#PrintPreview{float:right;}

/* Used as subtitle under page headers */
p.hookline, p.hookline + ul
{
    font-style:italic; 
    font-size:17px; 
    color:Black;
    width: auto;
}

p.hooklineExt, p.hooklineExt + ul
{
    font-size:15px; 
    width: auto;
}

/* SHOULD DELETE -- USE HR INSTEAD */
div.divider{
    clear:both; 
    border-top:1px solid #CCCCCC; 
    margin:20px 0px; 
}

div.two-column, div.three-column{overflow:hidden; width:100%;}

/* Generates a two column layout (immediate children are 2 divs) */
div.two-column > div:first-child {float:left; width:43%;}
div.two-column > div:first-child + div {float:right; width:51%;}
div.two-column.with_divider {
    background-image:url(/images/BoxSeparatorLine.gif);
    background-position:46% 0%;
    background-repeat:repeat-y;
}

/* Generates a three column layout (immediate children are 3 divs)*/
div.three-column{padding:0px 10px;}
div.three-column > div
{
    width:235px; 
    float:left;
}

div.section{padding:10px 0px;}
div.section:first-child{padding-top:0px;}

div.three-column > div:first-child, 
div.three-column > div:first-child + div
{
   background-image:url("/images/BoxSeparatorLine.gif");
   background-position:right;
   background-repeat:no-repeat;
   margin-right:20px;
   padding-right:35px;
}

input.button{
    background-color:#92b843;
    background-image:url("/images/button_right.gif"), url("/images/button_left.gif");
    background-position: right,left;
    background-repeat:no-repeat;
    border:none;
    color:White;
    font-size:11px;
    font-weight:bold;
    height:29px;
    margin:2px;
    padding:0px 0px;
	text-align:center;
	text-decoration: none;
	width:auto
}
/* Green buttons */
a.button {
    background-image:url("/images/button_left.gif");
    background-position:left;
    background-repeat:no-repeat;
	display: inline-block;
	height: 29px; 
	text-decoration: none;
	color: #ffffff;
	background-color:#92b843;
	margin:2px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
a.button span {
    display:block;
	background-image:url("/images/button_right.gif");
    background-position:right;
    background-repeat:no-repeat;	
	line-height: 17px;
	padding: 6px 15px;
	white-space:nowrap;
} 

a.button.disabled 
{
	background-color: #d1d1d1;
	background-image:url("/images/button_leftGray.gif");
}
a.button.disabled span
{
	background-image:url("/images/button_rightGray.gif");
}

/* Places a green arrow icon prior to link */
a.circle-icon-link
{
    display:block;
    background-image:url("/images/Ico_GreenArrow.gif");
    background-position:left;
    font-style:italic;
    font-weight:bold;
    background-repeat:no-repeat;
    padding-left:19px;
    height:14px;
}

.button{cursor:pointer;}
.button.disabled{cursor:default;}
.watermark{color:Gray;}
.clear{clear:both; float:none;}
.required_indicator{color:Red; font-weight:bold;}

/* NEEDS REFACTORING: */

table.sortableTable
{
	font-family: Arial, Helvetica, sans-serif;
	color:#414141;
	font-size: 11px;
	line-height: 2.5em;
	margin: 10px 0pt 15px;
	width: 100%;
	border-collapse: collapse;
}

table.sortableTable thead tr th, table.sortableTable tfoot tr th
{
	background-color: #f7f7f7;
	border: 1px solid #FFF;
	padding: 4px;
}
table.sortableTable thead tr .header
{
    background-repeat: no-repeat;
	background-position: center left;
	padding-left:20px;
	line-height: 1.25em;
	cursor: pointer;
	background-color: #f7f7f7;
	background-image: url(/images/IcoArrowUp.gif);
}

table.sortableTable tbody td
{
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.sortableTable tbody tr.odd td
{
	border-bottom: 1px solid #e5e5e5;
}
table.sortableTable thead tr .headerSortUp
{
	background-image: url(/images/IcoArrowUp.gif);
}
table.sortableTable thead tr .headerSortDown
{
	background-image: url(/images/IcoArrowDown.gif);
}
table.sortableTable thead tr .headerSortDown, table.sortableTable thead tr .headerSortUp
{
	 color: #5083ba;
}

.coolTip
{
    cursor: help;
    padding: 2px;
   
}

.coolTipErrorIcon a, coolTipErrorIcon a:active, coolTipErrorIcon a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
	
}

.coolTipInfoIcon a, coolTipInfoIcon a:active, coolTipInfoIcon a:visited
{
    background-color: #6699FF;
    font-size: 1.3em;
    font-weight: bold;
    padding: 1px 2px;
    margin-left: 5px;
    color: #FFFFFF;
    text-decoration: none;
}

.coolTipErrorIcon a:hover, coolTipInfoIcon:hover{
	color:#660000;
	text-decoration: none;
}

#COOLTIP_arrow_left
{
	background-image: url(../images/cooltip_arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#COOLTIP_arrow_right
{
	background-image: url(../images/cooltip_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#COOLTIP
{
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	
}

#COOLTIP_copy
{
	padding:10px 10px 10px 10px;
	color:#333333;
	text-align:left;
}


#COOLTIP_close_left
{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-size: 1.1em;
    font-weight: bold;
    color: #000000;
}

#COOLTIP_close_right
{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
    color: #000000;
    font-size:1.1em;
}

#COOLTIP_CONTENT p
{
    margin:3px 0;
    
}

#COOLTIP_CONTENT 
{
    margin:3px;
    font-size:1.1em;
    text-align:left;
}

#COOLTIP_CONTENT img
{
	padding: 1px;
	border: 1px solid #CCCCCC;
	
}

.Blue{color:#5083BA;}

.charleft 
{
	text-align: right;
}

.HighlightBoxDiv 
{
	border: 1px solid black; 
	margin:10px 0px; 
	padding: 10px 10px 15px 15px;
	clear:both;
}

.DynamicQuestionRB > *
{
    display: inline;
    float: left;
}

.DynamicQuestion {
    width: 320px;
}

.DynamicQuestion > table > tbody > tr > td > input {
    margin-left: 8px;
}

.DynamicQuestionRB > label
{
    margin-top: 5px;
    width:15em;
}

.DynamicQuestionRB > label > span
{   
    float: right;
}


.twocolumns span 
{
    border: 1px solid black;
    display: inline-block;
    width: 300px;
}

.ApplicationMethodDiv 
{
	border: 1px solid black; 
	margin:10px 0px; 
	padding: 10px 10px 15px 15px;
	clear:both;
}

.ApplicationMethodDiv label
{
	width: 60%;
}

.ApplicationMethodDescription
{
	margin-left: 65px;
	display: block;
	clear: both;
}

.ApplicationMethodDescription input
{
    display: inline;
    float: none;
}

.IndentedRadio input
{
	margin-left: 30px;
	margin-right: 10px;
}

.originalDisplayInfo 
{
	text-align: right;
	font-size: 12px;
	color: #333333;
}
.hiddenDisplayInfo 
{
	text-align: right;
	font-size: 12px;
	color: #333333;
	visibility: hidden;
}	
.warningDisplayInfo 
{
	text-align: right;
	font-size: 12px;
	color: #96201A;
	visibility: visible;
}

a.RateScholarshipInterest 
{
	color: #000000;
}

.clickable
{
	cursor: pointer;
}

.userFormControls 
{
	float: left;
}

.userFormControlsSpacer 
{
	height: 6px;
}

.userFormControls > a
{
	clear: both;
	display: block;	
}

.userFormMain 
{
	float: left;
	display: block;
	padding-right: 2em;
}

.userFormMain > table > tbody > tr > td > input[type='text']
{
	width: 16em;
}

table.ReviewerSearchList > thead > tr 
{
    border-top: 0px;    
}

.ReviewerSearchList th.ReviewerSearchListName
{
    width: 20em;
}

table.ReviewerSearchList
{
    border-collapse:collapse;
}

.ReviewerSearchList tr
{
    border-top: lightgray solid thin;
}

.ReviewerSearchList td
{
    padding-left: 8px;
}

ul#ProviderFinancialNeed > li 
{
	list-style-type: none;
	margin: .5em 10% .5em 0;
}

ul#ProviderFinancialNeed li *
{
	float: none;
	display: inline;
}

ul#ProviderFinancialNeed > li > label > div > ul > li
{
	display: block;
}

ul#ProviderFinNeed_FamilyIncome > li 
{
	display: block;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight:bold;
}

div.ProviderFinNeed_FamilyIncomeRange 
{
	display: inline-block;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight:bold;
	margin-left: 10em;
	margin-right: 2em;
	vertical-align: top;
}

.CenteredTextBox 
{
	margin: 7px 0px 7px 0px;
}

.adminDiv
{
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:10px;
    font-size:12px;
}

.mGrid 
{ 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #92b843; 
    border-collapse:collapse; 
}

.mGrid td 
{ 
    padding: 5px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}

.Awards_Left 
{
	display: inline-block;
	padding-right: 1em;
	width: 24em;
}

#AwardsTab label, #AwardsTab input 
{
	display: inline;
	float: none;
}

ul#AwardedApplicants
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-style: normal; 
    font-size: 1.0em; 
    color:#797979;
    width: 100%;
}

ul#AwardedApplicants li .Awards_Left
{    
	padding-left: 1em;
	padding-right: 1em;
	text-align: right;
	width: 28em;
}

.Awards_LowerLeft 
{
	display: inline-block;
	padding-right: 1em;
	width: 39em;
}

li.AdditionalRequirementsHeader 
{
	list-style-type: none;
	padding-left: 16em;
}

li.AdditionalRequirementsLabel 
{
	list-style-type: none;
}

li.AdditionalRequirementsLabel span.textSpan
{
	display: inline-block;
	width: 14em;
}

li.AdditionalRequirementsLabel input[type=text]
{
	width: 25em;
}

ul.BasicList, ul.IndentedList
{
	list-style-type: none;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

ul.IndentedList li
{
    margin-left: 3em;
}

.PageTitle 
{
	color: black; 
	font-family: Verdana,Arial;
	font-size:x-large;
	font-style:italic;
	font-weight: lighter;
	padding-top: 10px;
}

table.FileUploadControls 
{
	border: 1px solid #C1C1C1;
	border-spacing: 0px;
	padding: 3px;	
}

table.FileUploadControls td
{
	margin: 0px;
	padding: 3px;
}

.AwardsIndentedTable 
{
    margin-bottom: 10px;
    margin-left: 5em; 
}

.TextRight 
{
	text-align: right;
}

td.AttGrid_Col_ChildAssoc 
{
	width: auto;
}

td.AttGrid_Col_DownloadLink 
{
	width: 20%;
}

td.AttGrid_Col_Type
{
	width: auto;
}

td.AttGrid_Col_Comment
{
	width: 30%;
}

td.AttGrid_Col_IncludeInAll
{
	width: 1%;
}

td.AttGrid_Col_Buttons
{
	width: auto;
}

 .buttonBar {
    width: 280px;
    margin-left: 140px;
    text-align: center;
    left: 50%;
}
.ReviewerMessage{
    color:#888888; 
    font-size:18px; 
    font-style:italic;
    margin-top: 8px;
    margin-bottom: 4px
}
.indicatorIcon {
    height: 16px;
    width: 16px;
    display: inline-block;
}
.inlineHeadingContainer 
{
    position: relative;
    display:block;
    min-height:16px;
    text-align:right; 
    width:135px !important; 
    margin-top:2px;
    margin-right:10px;
    float: left;
}
.inlineHeadingContainer label {
    margin-top:2px;
    float: right;
    width: auto;
}
.inlineHeadingContainer img {
    margin-right: 3px;
}
.headingContainer {
    position: relative;
    display:block;
    min-height:16px;
    text-align:left; 
    width:auto; 
    margin-top:4px;
    margin-right:10px;
    margin-bottom: 6px;
}
.headingContainer label {
    margin-top:2px;
    width: auto;
}

input.headingContainerTextBox {
    margin-left: 140px;    
}

label.headingLabelLeft {
    margin-top:2px;
    width: auto;
    text-align: left;
    float: left;
}

#headingLabelLeft {
    margin-top:2px;
    width: auto;
    text-align: left;
    clear: left;
    float: left;
}
.headingContainer img {
    margin-right: 3px;
}
.financialQuestions > div * img 
{
    height: 16px;
    width: 16px;
    position: absolute; 
    left: 0px; 
    top: 2px;
}
.financialQuestions > div > div > img + div
{
    margin-left: 20px;
}
.financialQuestions * select
{
    margin-left: 140px;
}
.controlsRight {
    float: right !important; 
    width: 240px;
    margin-bottom: 16px;
    margin-top:4px;
}
input.date, input.phone, input.ein {
    /* the date class is used in site.js to create a MM/DD/YYYY mask */
    /* the phone class is used in site.js to create a XXX-XXX-XXXX mask */
    /* the ein class is used in site.js to create a "99-9999999" mask */    
}

div.NestedOptionsList
{
    border: 1px dotted #797979;
    margin-left: 20px;
    margin-top: 3px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
}

.NestedOptionsLabel
{
    display: block;
}

#RegistrationDialog ul 
{
    list-style: none;
    margin-left: 5px;
    padding: 0px;
}

#RegistrationDialog li
{
    display: inline-block;
    margin-bottom: 7px;
    width: 360px; 
}

#RegistrationDialog li > span
{
    height: 2em; 
    line-height: 2em;
}

#RegistrationDialog li > input
{
    float: right;
    width: 160px;
}

.strikethrough 
{
    text-decoration: line-through;
}

.posRelative 
{
    position: relative;    
}

.RegistrationTrialAccountInfoPanel 
{
    border: black thin solid;
    font-size: 12px;
    left: 450px;
    line-height: 1.4em; 
    padding: 15px;
    position: absolute; 
    top: 115px; 
    width: 230px;     
}

.ui-button .ui-icon 
{
    display: inline-block;    
}

.scholarshipStageFilter 
{
    background-color: beige; 
    border: solid black 1px;
    padding: 1.5em;
    width: 15em; 
}

.scholarshipStageFilter hr+div
{
    padding-left: 5em;
}

.MenuButton 
{
	width: 150px;
	font-size: 11px;
	display: inline-block;
}

.MenuButton ul 
{
	margin: 0px;
	padding: 0px;
}

.MenuButton ul.top-level {  }
		
.MenuButton li 
{
     list-style: none;
}

.MenuButton ul.top-level li { }

.MenuButton a 
{
	color: #fff;
	cursor: pointer;
	display:block;
	font-weight: bold;
	height:auto;
	line-height: 28px;
	text-indent: 10px;					
	text-decoration:none;
	width:100%;
}

.MenuButton ul.sub-level a 
{
     text-decoration:underline;
}

.MenuButton li:hover 
{
	position: relative;
}
	
.MenuButton ul.sub-level li:hover 
{
	background: #f90;
}
	
.MenuButton ul.sub-level 
{
     display: none;
}
	
.MenuButton li:hover .sub-level 
{
	background: #999;
	border: #fff solid;
	border-width: 1px;
	display: block;
	position: absolute;
	left: 120px;
	top: 5px;
}
	
.MenuButton ul.sub-level li 
{
	border: none;
	float: left;
	width: 195px; 
}
	
.MenuButton .sub-level 
{
     background: #999;
}
	
.MenuButton .sub-level .sub-level 
{
     background: #09C;
}

.FullWidthLabel label 
{
    width: 80%;
}