@charset "utf-8";
/* CSS Document */

/* GLOBAL STYLES */

a:link              { color:#FFF; text-decoration:none; }
a:visited           { color:#FFF; text-decoration:none; }
a:hover             { color:#FF0000; text-decoration:none; }
a:active            { color:$#FFF; text-decoration:none; }


h1 {
	font-size: 16px;
	color:#F00;
	display:inline;
	padding-bottom:5px;
	text-decoration:none;
}

h2 {
	font-size: 14px;
	padding-bottom:5px;
	color:#FFF;
	text-decoration:none;
}

h3 {
	font-size: 14px;
	padding-bottom:5px;
	color:#FF0000;
	text-decoration:none;
}

h4 {
	font-size: 12px;
	padding-bottom:5px;
	color:#FFF;
	text-decoration:none;
}

h5 {
	font-size: 12px;
	display:inline;
	padding-bottom:5px;
	color:#FF0000;
	text-decoration:none;
}

.error {
	color:#FF0000;
}

a.orange {
	color:#CC9900;
}

a.orange:hover {
	color:#FF0000;
}


.top { vertical-align:top; }

.content {
	padding:10px;
	border: 1px solid #666666;
	background: #000 url('../img/ex_content_background.jpg') repeat-x;
}

.btn {
	background: #313D44 url('../img/ex_btn_background.jpg') repeat-x;
	border: 1px solid #3B474E;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	padding-left:3px;
	padding-right:3px;
}

.textbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #3B474E;
	font-size:11px;
	font-weight:normal;
	color: #3B474E;
	width:100%;
	padding:3px 2px 2px 8px;
}

.selector {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #3B474E;
	font-size:10px;
	font-weight:normal;
	color: #3B474E;
	padding:3px 2px 2px 8px;
}


.fixed { width:auto; }

.login {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #3B474E;
	font-size:12px;
	font-weight:bold;
	color: #3B474E;
	text-indent:5px;
	height:16px;
	width:99%;
}

.foot {
	padding-top: 10px;
	color:#FF0000;
}

a.foot {
	color:#FFF;
}

a.foot:hover {
	color:#FF0000;
}

.dir img { padding-right:10px; } 

a.dir:link              { font-size:12px; color:#FFF; text-decoration:none; }
a.dir:visited           { font-size:12px; color:#666; text-decoration:none; }
a.dir:hover             { font-size:12px; color:#FF0000; text-decoration:none; }
a.dir:active            { font-size:12px; color:$#FFF; text-decoration:none; }

.btn_content {
	color:#F00; 
	border: 1px #CCC solid; 
	margin:0px 10px 10px 0px; 
	background: #FFF url('../img/ex_btn_content.jpg') repeat-x;
 	float:left; 
	min-width:190px;
	padding:20px;
}

.btn_content a {
	font-size: 12px;
	font-weight:bold;
	color: #333333;
	text-decoration:none;
}

.btn_content a:hover {
	font-size: 12px;
	font-weight:bold;
	color: #FF0000;
	text-decoration:none;
}


.border {
	border: 1px solid #666666;
}

.lborder {
	border-left: 1px solid #666666;
}

.tborder {
	border-top: 1px solid #666666;
}

.rborder {
	border-right: 1px solid #666666;
}

.bborder {
	border-bottom: 1px solid #666666;
}

.subnav:link, .subnav:active, .subnav:visited { color:#FF0000; text-decoration:none; }
.subnav:hover { color:#FF0000; text-decoration:underline; }

.title_row {
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	background-color: #000000;
	background-image:url(../img/ex_btn_background.jpg);
	background-repeat:repeat-x;	
}

.section_row {
	font-size:12px;
	background-color:#DDDDDD;
	color: #333333;
	font-weight:bold;
	border: 1px solid #CCCCCC;
}

.section_row:hover {
	font-size:12px;
	cursor: pointer;
	background-color:#FFFFFF;
	color: #333333;
	font-weight:bold;
	border: 1px solid #CCCCCC;

}

.item_row {
	font-size:12px;
	background-color:#FFFFFF;
	color: #333333;
	font-weight:normal;
	border: 1px solid #CCCCCC;
}

.item_row:hover {
	font-size:12px;
	color: #FF0000;
	background-color:#EFEFEF;
	font-weight:normal;
	border: 1px solid #CCCCCC;
}