/*** Flash Notices and Errors ***/
menudiv.flash_note {
	background-color:#ddffd1;
	border:2px solid #32b704;
	color:#185702;
	padding:5px 20px 5px;
	margin-bottom: 15px ;
}

div.flash_error, div.errorExplanation {
	background-color:#ffddd1;
	border:2px solid #b73204;
	color:#571802;
	padding:5px 20px 5px;
	margin-bottom: 15px ;
}

div.fieldWithErrors input, div.fieldWithErrors select {  
	background-color:#ffddd1;
}

#content div.flash_error h1 { 
	color:#571802;
}

#content div.errorExplanation h2 { 
	color:#571802;
}


/*** Hierarchical list in a table ***/
 
table.table_as_list {
/*border-spacing: 0px ;*/
}

table.table_as_list tr.depth0 { 
background: #e8e9ea;
}
table.table_as_list tr.depth0 td div.menu_title {
margin-left: 0px;
}

table.table_as_list tr.depth1 { 
background: #c8e9ea;
}
table.table_as_list tr.depth1 td div.menu_title {
margin-left: 20px;
}

table.table_as_list tr.depth2 { 
background: #e8c9ea;
}
table.table_as_list tr.depth2 td div.menu_title {
margin-left: 40px;
}


/*** HTML panel within page ***/

div.html_panel {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
}


/*** Custom List Formatting ***/
ul.roles_list {  
list-style-image: url("/goldberg/images/role.png");
}

ul.permissions_list {  
list-style-image: url("/goldberg/images/permission.png");
}


/*** System Settings ***/

table.system_settings tr.settings_row { 
background-color:#ecdbbe ;
}

div.guidance_text { 
font-style: italic ;
margin-left: 20px ;
}


/*** Tabbed Panels ***/

.tablist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
}

.tablist ul, .tablist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

.tablist a:link, .tablist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

.tablist a:link.current, .tablist a:visited.current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

.tablist a:hover { color: #f00; }
.tablist ul a:hover { color: #f00 !important; }


body {
	background:#fff;
	color:#303030;
	font-family: Arial Narrow,Arial,Verdana,Tahoma,sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	font-size: 11px;
	color:#666;

}
div#body_wrap{
	background:#efefef;
	width:100%;
	height:100%;
}
td{
	color:#303030;
	font-family:Arial,Verdana,Tahoma,sans-serif;
}

a {
color:#00ADEF;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}
a img{
	border:none;
}
p {
	margin:0 0 15px;
	font-family: Arial,Verdana,Tahoma,sans-serif;
	font-size: 11px;
	color:#666;
	letter-spacing:1px;
	line-height:18px;
	background:#fff;
}
h1{
	color:#00ADEF;
	font-size:20px;
	font-weight:lighter;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 15px 0px;
}
h2{
	color:#303030;
	font-family:Arial,Verdana,Tahoma,sans-serif;
}
h3{
	color:#666;
	font-family:Arial,Verdana,Tahoma,sans-serif;
}
big{
	font-size:12px;
}
div.secondary_content ul li{
	font-family: Arial Narrow,Arial,Verdana,Tahoma,sans-serif;
	font-size: 11px;
	color:#666;
	letter-spacing:1px;	
}
p img{
	padding:0px 7px 0px 0px;
}

/*** Main container ***/

div.container {
	color:#303030;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:952px;
	padding: 0px 25px 0px 25px;
}

/*** Header section ***/

div.header {
	float:left;
	color:#ffffff;
	height:83px;
	width: 952px;
	margin: 25px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
div.logo_left{
	float:left;
	color:#00ADEF;
	font-size:9px;
	width:195px;
	height:83px ;	
}
div.header img.logo_left {  
	float: left ;
	height:83px ;
	width:195px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
div.header a{
	float:left;
	border:none;
	clear:none;
}
div.logo_left_text{	
	float:left;
	clear:none;
	margin: 70px 0px 0px 25px;
}
div.header p {
line-height:1.5em;
margin:0 0 0px;
}

div.header p.right_text { 
text-align: right ;
}

div.header h1, div.header h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

div.header h1 {
font-size:2.4em;
padding-top:15px;
}

div.header h2 {
font-size:1.6em;
}

/*** Horizontal menu ***/
div.mainmenu{
	float:right;
	width:740px;
	margin: 68px  0px 0px 0px;
}
div.mainmenu ul{
	float:right;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

div.mainmenu li a {
	float:left;
	color:#949599;
	display:inline;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	padding:  0px 8px 0px 8px;	
	text-transform:uppercase;
}
div.mainmenu li a:hover{
	text-decoration:none;
	color:#000;
}
div.mainmenu li {
	float:left;
	border-right:2px solid #00ADEF;
}
div.mainmenu li:first-child{
	border-left:2px solid #00ADEF;
	border-right:2px solid #00ADEF;
} 
/*
div.mainmenu li.selected a {
	color:#00ADEF;
	text-decoration:none;
	text-align:center;	
}
div.mainmenu li.selected a:hover {
	color:#000;
	text-decoration:none;
}
*/
/*** Content wrap ***/

div.wrap {
	float:left;
	clear:both;
	font-size:0.8em;
	padding: 0px 0px 0px 0px;
	width:952px;
}

/*** Sidebars ***/

div.leftside,div.rightside {
margin:0;
padding:0 10px 10px;
width:165px;
}

div.leftside {
float:left;
margin-right:10px;
}

div.rightside {
float:right;
margin-left:10px;
}

div.leftside h1, div.rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

div.leftside h2, div.rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

div.leftside p, div.rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Content ***/

.content {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
}
.content_index{
	float:left;
	width:952px;	
}
.content_index_image{
	float:left;
	width:660px;
	height:312px;
}
.content_index_text{
	float:right;
	width:242px;
	height:287px;
	margin:0;
	padding: 25px 25px 0px 25px;
	background-color: #000;
	color: #fff;
}
.content_index_text p{
	color: #fff;
	background-color: #000;
}
/* .content {margin:0 200px;}*/

div.content h1, div.content h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

div.content h2 {
font-size:1.6em;
margin-bottom:10px;
}

div.content img {
border:1px solid #b0b0b0;
}

div.featured_sections{
	float:left;
	width:952px;
	clear:both;
	/* background: url(/images/featured_section_bg.jpg) left no-repeat;*/
}
div.featured{
	float:left;
	height: 233px;
	width:188px;
	/*background: url(/images/featured_section_bg.jpg) right no-repeat;*/
}
div#featured_container{
	float:left;
	width:764px;
	background: url(/images/featured_section_single_bg.jpg ) repeat-x;
	
}
div#featured_titles{
	float:left;
	/*border:1px solid red;*/
	width: 764px;
}

div.featured_title{
	float:left;
	color:#00ADEF;
	padding:6px 15px 0px 15px;
	font-size:12px;
	font-weight:bold;
	width:161px;
	vertical-align:top;
}
div#featured_texts{
	float:left;
	/*border:1px solid green;*/
	width: 764px;
}
div.featured_text{
	float:left;
	padding: 15px;
	width:161px;
	/*
	border:1px solid blue;	
	height: 156px;
	overflow:hidden;*/
}
div.login{
	float:left;
	height: 115px;
	width:188px;
	background-color:#E2F4FE;
	background-image:url(/images/index_login_bg.jpg)
}

.login_label{
	float:left;
	font-size:9px;
    width:50px;
	margin:5px 0px 5px 15px;
	padding:0;
	color: #666;
    clear:left;
}
.login_field{
	vertical-align: middle;
	border:1px solid #ccc;
	width:90px;	
	padding:0;
	margin:0;	
}
.login_field_wrap{
	float:left;
	width:90px;		
	margin: 0px 0px 5px 10px;	
	padding:0;
}
.login_submit{
	float:left;
	padding-left:75px;
	clear:both;
	margin:0;
}
#login_wrapper{
	width:180px;
	margin:0;
	padding:0;
}

/*** Footer ***/

div.footer {	
	float:left;
	clear: both;
	color: #A8A9AB;
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	text-align: center;
	width: 952px;
}
img.footer_logo {
	vertical-align:middle;
	margin-right:20px;
}

div.footer a {
	color:#00ADEF;
	font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}


.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

input[type="submit"] {
	clear:both;
background:#f0f0f0;
border:1px solid #b0b0b0;
}

input[type="submit"]:hover {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
}


.clearingdiv {
clear:both;
height: 20px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}