/* CSS Document */

/* Ask BRYCS! */
#sidebar-left #askbrycs {
	background: url(../images/icon-askbrycs.gif) 115px 17px no-repeat;
}


/* Sign Up! */
#sidebar-left #signup {
	background: url(../images/icon-signup.gif) 104px 22px no-repeat;
}


/* Promising Practices Sidebar */
#sidebar-left #promising-practices {
	background: url(../images/icon-promising.gif) 104px 22px no-repeat;
}



/* Search Form */
form#search-form {
	float: right;
	background-color: #ffffff;
	margin-top: -16px;
	padding: 0px 42px 0px 7px;
}

body.front form#search-form {
	margin-top: -23px;
}

form#search-form .form-field {
	border: 1px #7591d6 solid;
	color: #000000;
	// #CCCCCC;
	font-size: 10px;
	padding: 1px 8px;
	font-family: Arial, Helvetica, sans-serif;
	width: 118px;
}

form#search-form .form-submit {
	margin-top: 1px;
	font-size: 9px;
}

/* Announcements on Homepage */
#announcements {
	width: 723px;
	margin-top: 20px;
	margin-bottom: 10px;
}

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

#announcements ul li {
	float: left;
	background: #DEDBCC url(../images/announcements-left.gif) top left no-repeat;
	padding: 0px;
	margin: 0px 5px 0px 0px;
}

#announcements ul li.active {
	background: #2E4492 url(../images/announcements-active-left.gif) top left no-repeat;
}

#announcements ul li.inactive a {
	background: #aaaaaa;
	color: #333333;
}

#announcements ul li a:hover {
	color: #009EB5;
}

#announcements ul li a {
	display: block;
	color: #263D8E;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/announcements-right.gif) top right no-repeat;
	padding: 2px 12px;
}

#announcements ul li.active a {
	color: #ffffff;
	background: url(../images/announcements-active-right.gif) top right no-repeat;
}

#announcements .content {
	background: #cad2ee url(../images/announcements-bg.png) top left repeat-x;
	clear: both;
}

#announcements h2 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 25px 19px 10px 22px;
	line-height: 130%;
}

#announcements p {
	font-size: 14px;
	color: #ffffff;
	padding: 12px 21px;
	margin: 0px 41px 0px 0px;
	line-height: 135%;
}

#announcements p a {
	color: #FFFF80;
	text-decoration: none;
}

#announcements p a:hover {
	color: #009EB5;
}


/* Promising Practices on Homepage, Promising Practices Search Page, Clearinghouse Search Page */
#promising-practices p, #clearinghouse p {
	font-weight: bold;
	color: #666666;
}

#promising-practices form label, #clearinghouse form label {
	font-size: 11px;
	color: #2E4492;
	font-weight: bold;
	background: url(../images/icon-label.gif) left center no-repeat;
	padding-left: 10px;
	margin-top: 14px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	clear: left;
}

#promising-practices form select, #promising-practices form input, #clearinghouse form select, #clearinghouse form input {
	font-size: 9px;
	color: #999999;
	margin-bottom: 16px;
	border: 1px #999 solid;
	float: left;
	margin-right: 3px;
}

#promising-practices form input#searchon {
	float:none;
	margin-bottom: 0px;
	border: none;
}

#promising-practices form select {
	width: 150px;	
}

#clearinghouse form select {
	/* width: 120px; */
}

#promising-practices form .form-submit, #clearinghouse form .form-submit  {
	margin-bottom: 6px;
	font-weight: bold;
	color: #FFFFFF;
}



/* Spotlight */
.spotlight {
	float: right;
	width: 214px;
	margin: 26px 45px 10px 30px;
}

* html .spotlight {
	margin-right: 22px;
}

.spotlight h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: url(../images/spotlight-header.gif) top left no-repeat;
	margin: 0px;
	padding: 6px 0px 6px 34px;
	text-transform: uppercase;
}

.spotlight h4 {
	border-left: 1px #2F4592 solid;
	border-right: 1px #2F4592 solid;
	margin: 0px;
	font-size: 11px;
	color: #982B31;
	padding: 12px 5px 10px 10px;
}

#container .spotlight .content {
	border-left: 1px #2F4592 solid;
	border-right: 1px #2F4592 solid;
	border-bottom: 1px #2F4592 solid;
}

#container .spotlight p {
	font-size: 11px;
	line-height: 120%;
	color: #666666;
	margin: 0px;
	padding: 0px 14px 10px 14px;
}


/* Utility Menu (Footer) */
#utility-menu {
	float: right;
	margin: -30px 10px 0px 0px;
}


/* Right Sidebar Blocks */
#sidebar-right .block {
	float: right;
	width: 161px;
	border-bottom: 1px #019EB5 solid;
	text-align: center;
}

#sidebar-right .block h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: url(../images/sidebar-right-header.gif) top left no-repeat;
	margin: 0px;
	padding: 6px 0px 6px 0px;
	text-align: center;
	text-transform: uppercase;
}

#sidebar-right .block .content {
	border-left: 1px #019EB5 solid;
	border-right: 1px #019EB5 solid;
}

#sidebar-right .block h3 {
	border-left: 1px #019EB5 solid;
	border-right: 1px #019EB5 solid;
	margin: 0px;
	padding: 9px 0px;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}

#container #sidebar-right .block ul {
	list-style: none;
	margin: 0px;
	padding: 10px 9px;
}

#container #sidebar-right .block ul li {
	font-size: 10px;
	padding: 1px 0px 1px 10px;
}

* html #container #sidebar-right .block ul li {
	padding: 0px 0px 0px 10px;
	margin-bottom: -10px;
	display: inline;
}

*+ html #container #sidebar-right .block ul li {
	padding: 0px 0px 0px 10px;
	margin-bottom: -10px;
	display: inline;
}

/* Promising Practices / Clearinghouse Resources */
div.textblock_Add_New {
	margin-bottom: 12px;
}

td.CS_DataSheet_Data_Column {
	vertical-align:top;
}

div.marginZero {
	margin-bottom:0;
}

div.Container_spacer {
	padding:20px;
}

div.Container_line_spacer {
	padding:12px;
}

div.Container_left_spacer {
	padding:12px 48px;
}

body.admin #content {
    margin: 0;
    padding: 0;
    width: 728px;
}

form.CS_QBE_Form {
    width: 428px;
}

form.CS_QBE_Form select.long {
    width: 228px;
}

form.CS_QBE_Form select.medium {
    width: 128px;
}

form.CS_QBE_Form select.short {
    width: 58px;
}

div.customfig tr {
    vertical-align: top;
}

div.customfig td {
    vertical-align: top;
    padding-bottom:10px;
}

div.customfig2 span#tabDlg_1_30375 tr {
    vertical-align: top;
}

div.customfig2 span#tabDlg_2_30375 tr {
    vertical-align: top;
}

div.customfig2 span#tabDlg_3_30375 tr {
    vertical-align: top;
}

div.customfig2 span#tabDlg_1_30375 td {
    vertical-align: top;
    padding-bottom:10px;
}

div.customfig2 span#tabDlg_2_30375 td {
    vertical-align: top;
    padding-bottom:10px;
}

div.customfig2 span#tabDlg_3_30375 td {
    vertical-align: top;
    padding-bottom:10px;
}

div.customfig td.CS_Form_Required_Baseline {
    padding-top:0;
}

div.mainArea .shell {width: 980px; margin: 0 10%; line-height: 0;} 
div.mainArea .shell2 {width: 980px; margin: 0 10%; line-height: 0;} 
div.mainArea .content_shell { width: 940px; margin: 10px 10px 0px 20px; background: white;	}
div.mainArea .content_shell2 { width: 940px; margin: 10px 10px 0px 20px; background: white;	}
div.mainArea .leftNav { padding: 0px 10px; width: 200px; float: left; display: inline; }
div.mainArea .mainArea { padding: 0px 10px; margin-bottom: 10px; width: 650px; min-height: 275px; border-left: 2px solid #039cb5; float: left; display: inline; }

div.mainArea .menu { 
	font-color: #333; font-weight: bold; font-family: Helvetica, Arial, sans-serif; 
	margin: 20px 0px 5px 0px; 
	font-size: .9em; 
	}
  
div.mainArea .appTitle {
	border-top: 2px solid #039cb5; border-bottom: 2px solid #039cb5; 
	width: 860px; 
	text-align: center; 
	font-color: #333; 
	font-weight: bold; 
	font-size: 1.2em; 
	font-family: Helvetica, Arial, sans-serif; 
	padding: 10px 20px; 
	margin-bottom: 15px; margin-left: 20px;
	}
	
div.mainArea td {padding-bottom: 15px;}

div.mainArea .error {color: red; font-size: 0.8em; font-weight: bold;}
div.mainArea .errorList {color: red; font-size: 1em;}

div.mainArea div.row {
	clear: both;
	padding: 0;
	vertical-align: top;
}

div.mainArea div.row .label {
	float: left;
	width: 150px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	margin: 6px 5px 15px 0;
}

div.mainArea div.row .label span.required {
	color: red;
}

div.mainArea div.row span.collect {
	float: left;
	width: 350px;
	text-align: left;
	margin: 6px 0 10px 0;
}

div.mainArea div.row span.collect select {
	margin-left: 0px;
}

div.mainArea div.row span.collect textarea {
	height: auto; 
	display: inline; 
	margin: 6px 0 0 0;
	width: auto; 
}

div.mainArea div.row span.help {
	font-size: 0.7em;
}

div.mainArea .adminPageHeader {
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 16px;
}

div.mainArea .adminListTable, .adminListTable td {
	border-style: none;
	border-width: 1px;
	font-family: Verdana, Arial;
	padding: 3px;
	font-size: .9em;
}
div.mainArea .adminListTable a, .adminListTable td a{
	font-size: 1em;
}

div.mainArea .adminListHeader {
	background-color: #ECD8B5;
	font-weight: bold;
	color: #333333;
}

div.mainArea .adminListHeaderText, .adminListHeaderText a {
	color: #333333;
}

div.mainArea .adminList0 {
	background-color: white;
}

div.mainArea .adminList1 {
	background-color: #F7E6C8;
}
div.mainArea .button {
	font-size: 11px;
	background-color: #E6E4DE;
	color: #333;
	font-weight: bold;
	height: 22px;
	vertical-align: middle;
	border: 1px solid black;
	margin: 0;
}

div.mainArea .suggestion_list
 {
 background: white;
 border: 1px solid;
 padding: 4px;
 }

div.mainArea .suggestion_list ul
 {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }

div.mainArea .suggestion_list a
 {
 text-decoration: none;
 color: navy;
 }

div.mainArea .suggestion_list .selected
 {
 background: navy;
 color: white;
 }

div.mainArea .suggestion_list .selected a
 {
 color: white;
 }

div.mainArea #autosuggest
 {
 display: none;
 }