@charset "utf-8";
/**************************************************************
	[ PCS Content Management System CSS ]
**************************************************************/
@import url("../css_reset.css");
@import url("../ajax/ajax.css");

/**************************************************************
	[ GENERAL ]
**************************************************************/
html {height:100%;}
body {
margin:0; 
padding:0; 
height:100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #222222;
background-color: #090909;
}

div.contentspacer {margin:0 auto; height: 1px; clear: both; width: auto;}
div.contentspacer hr { display: none;}
div.contentspacer2 {margin:0 auto; height: 10px; clear: both; width: auto;}
div.contentspacer2 hr { display: none;}
div.hrclear {margin:0 auto; height: 1px; clear: both; width: auto;}
div.hrclear hr { display: none;}
div.hrspacer {margin:0 auto; height: 4em; clear: both; width: auto;}
div.hrspacer hr { display: none;}

/**************************************************************
	[ HEADERS ]
**************************************************************/
h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#444;
font-weight:bold;
margin: 0;
line-height: 1.2em;
}
h2{
font-family: "Trebuchet MS", Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#444;
margin: 0;
line-height: 1.2em;
font-weight: bold;
}
h3{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
color: #729126;
font-weight:bold;
margin: 0;
line-height: 1.2em;
}
h4{
color: #729126;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin: 0;
line-height: 1.2em;
}
h5{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #2d6b8f;
font-size:16px;
font-weight:bold;
margin: 0;
line-height: 1.2em;
padding-bottom: 10px;
}
h6{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #14232e;
font-size:16px;
font-weight:bold;
margin: 0;
line-height: 0.8em;
}

/**************************************************************
	[ MAIN CONTAINERS ]
**************************************************************/
div#container {position:relative; padding: 0; margin:0; width: auto; height:auto !important; height:100%; min-height: 100%; background: url(images/oseathean_bg5.jpg) no-repeat;}

div#topbar {width:1000px; height: 25px; margin: 0 auto; padding: 0;}
div#header {width:1000px; height: 148px; margin: 0 auto; padding: 0;}
div.header_left {width:500px; height: 136px; margin: 0; padding: 12px 0 0 0; float: left;}
div.header_right {width:500px; height: 138px; margin: 0; padding: 10px 0 0 0; float: left;}

div#tab_bar {width:1000px; height: 27px; margin: 0 auto; padding: 0;}
div.tab_bar_left {width:500px; height: 27px; margin: 0; padding: 0;}
div.tab_bar_right {width:500px; height: 27px; margin: 0; padding: 0;}

div#menu_bar {width:1000px; height: 29px; margin: 0 auto; padding: 0;}
div#content_mantle {width:1000px; height: 63px; margin: 0 auto; padding: 13px 0 0 0;}
div.toolbar {width:975px; height: 38px; margin: 0; background: url(images/toolbar_bg.png) repeat-x top; padding: 13px 15px 0 10px;}

div#content_container {width:1000px; height: auto; margin: 0 auto; padding: 0;}
div#footer_container {width:1000px; height: auto; margin: 0 auto; padding: 18px 0 45px 0;}

div.logo {width:322px; height: 81px; margin: 0; padding: 0; background: url(images/cmslogo.png) no-repeat top left;}

div.search {width:304px; height: 76px; margin: 0; padding: 0; background: url(images/search_bg.png) no-repeat top left; float: right;}

/**************************************************************
	[ CONTENT STRUCTURE ]
**************************************************************/
div#content {width:736px; height: auto; margin: 0 0 0 18px; padding: 0; float: left;}

div#content_main {width:676px; height: auto; margin: 0 0 0 0; padding: 0 30px 20px 30px; background: url(images/content_bg.png) repeat-y;}
div#content_top {width:736px; height: 30px; margin: 0; padding: 0;}
div#content_bottom {width:736px; height: 30px; margin: 0; padding: 0;}

div#content_topmid {width:670px; height: 30px; margin: 0; padding: 0; background: url(images/top_bg.png) repeat-x top; float: left;}
div#content_topleft {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/top_left.png) no-repeat top right; float: left;}
div#content_topright {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/top_right.png) no-repeat top left; float: left;}

div#content_botmid {width:670px; height: 30px; margin: 0; padding: 0; background: url(images/bottom_bg.png) repeat-x top; float: left;}
div#content_botleft {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/bottom_left.png) no-repeat top right; float: left;}
div#content_botright {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/bottom_right.png) no-repeat top left; float: left;}

/**************************************************************
	[ LEFTBAR STRUCTURE ]
**************************************************************/
div#left {width:246px; height: auto; margin: 0; padding: 0; float: left;}

div.left_main {width:196px; height: auto; margin: 0 0 0 0; padding: 0 25px 20px 25px; background: url(images/sidebar_bg.png) repeat-y;}
div.left_top {width:246px; height: 30px; margin: 0; padding: 0;}
div.left_bottom {width:246px; height: 30px; margin: 0; padding: 0;}

div.left_topmid {width:180px; height: 30px; margin: 0; padding: 0; background: url(images/top_bg.png) repeat-x top; float: left;}
div.left_topleft {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/top_left.png) no-repeat top right; float: left;}
div.left_topright {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/top_right.png) no-repeat top left; float: left;}

div.left_botmid {width:180px; height: 30px; margin: 0; padding: 0; background: url(images/bottom_bg.png) repeat-x top; float: left;}
div.left_botleft {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/bottom_left.png) no-repeat top right; float: left;}
div.left_botright {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/bottom_right.png) no-repeat top left; float: left;}

/**************************************************************
	[ FOOTER STRUCTURE ]
**************************************************************/
div#footer {width:1000px; height: auto; margin: 0 auto; padding: 0;}

div#footer_main {width:950px; height: auto; margin: 0 0 0 0; padding: 0 25px 20px 25px; background: url(images/footer_bg.png) repeat-y;}
div#footer_top {width:1000px; height: 30px; margin: 0; padding: 0;}
div#footer_bottom {width:1000px; height: 30px; margin: 0; padding: 0;}

div#footer_topmid {width:934px; height: 30px; margin: 0; padding: 0; background: url(images/top_bg.png) repeat-x top; float: left;}
div#footer_topleft {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/top_left.png) no-repeat top right; float: left;}
div#footer_topright {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/top_right.png) no-repeat top left; float: left;}

div#footer_botmid {width:934px; height: 30px; margin: 0; padding: 0; background: url(images/bottom_bg.png) repeat-x top; float: left;}
div#footer_botleft {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/bottom_left.png) no-repeat top right; float: left;}
div#footer_botright {width:33px; height: 30px; margin: 0; padding: 0; background: url(images/bottom_right.png) no-repeat top left; float: left;}









span.tabmenu {width: 100px; height: 27px; margin: 0; padding: 0; float: right;}

span.tabmenu a:link, span.tabmenu a:visited {display: block; height: 19px; width: 100px; text-decoration: none; color: #444; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background: url(images/tab.png) no-repeat bottom left; text-align: center; font-weight: bold; padding-top: 8px;}

span.tabmenu a:hover {display: block; height: 19px; width: 100px; text-decoration: none; color: #2d6b8f; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background: url(images/tab.png) no-repeat bottom left; text-align: center; font-weight: bold; padding-top: 8px;}



span.bluetag {display: block; height: 21px; width: 121px; color: #fff; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background: url(images/blue_tag.png) no-repeat top left; font-weight: bold; float: left; padding: 2px 6px 0 2px;}

span.bluetag_back {display: block; height: 21px; width: 93px; color: #fff; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background: url(images/blue_tag_back.png) no-repeat top left; float: left; padding: 2px 0 0 2px;}

span.bluetag_front {display: block; height: 21px; width: 28px; color: #fff; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background: url(images/blue_tag_head.png) no-repeat top left; font-weight: bold; float: left; padding: 2px 0 0 2px;}

.go_button {height: 23px; width: 28px; color: #fff; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background: url(images/blue_tag_head.png) no-repeat top left; font-weight: bold; float: left; padding: 0 6px 0 0; border: none; cursor: pointer;}

div.select_bar {
margin: 0 15px 0 0;
padding: 0px;
width: 285px;
height: 25px;
border-right: 1px solid #444;
float: left;
}

.section_select_fset {
height: auto;
width: auto;
padding:0;
border: none;
margin: 0;
}
select.section_select {
width: 150px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:12px;
border: 1px solid #053769;
height: 23px;
float: left;
color: #111;
padding: 0 0 3px 0;
}
p.toolbar_text {
padding: 0;
margin: 0;
font-size: 14px;
font-family: Arial;
line-height: 1.5em;
text-align: right;
color: #fff;
font-weight: bold;
}



p.admin_text_1 {
padding: 1em 0 1em 0;
margin: 0;
font-size: 11px;
font-family: "Trebuchet MS";
line-height: 1.5em;
}
p.admin_text_2 {
padding: 1em 0 1em 0;
margin: 0;
font-size: 12px;
font-family: "Trebuchet MS";
line-height: 1.5em;
}
p.admin_text_3 {
padding: 1em 0 1em 0;
margin: 0;
font-size: 14px;
font-family: "Trebuchet MS";
line-height: 1.5em;
}

p.user_welcome {
padding: 3px 0 0 0;
margin: 0;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1.4em;
color: #f3f3f3;
}
p.user_welcome a:link, p.user_welcome a:visited {color: #b0ca39; text-decoration: underline;}
p.user_welcome a:hover {color: #fff; text-decoration: underline;}



ol.list_search {margin: 0 0 0 10px; padding:0;}
ol.list_search {list-style-type:none; margin-bottom: 1px; display: block; height: auto; width: 275px;}


.search_fset {
height: auto;
width: auto;
padding:10px 0 0 5px;
border: none;
margin: 0;
}
.search_input {
width: 240px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:14px;
border-top: 1px solid #4a4a4a;
border-left: 1px solid #4a4a4a;
border-bottom: 1px solid #4a4a4a;
border-right: none;
height: 23px;
float: left;
color: #111;
padding: 3px 0 0 3px;
}
.search_input:hover {
width: 240px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:14px;
border-top: 1px solid #4a4a4a;
border-left: 1px solid #4a4a4a;
border-bottom: 1px solid #4a4a4a;
border-right: none;
height: 23px;
float: left;
color: #111;
padding: 3px 0 0 3px;
background: #b0ca39;
}
.search_label {   
width: auto;
height: 23px;
margin: 0;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size: 12px;
color: #fff;
font-weight: bold;
display: block;
float: left;
padding-right: 5px;
}
.search_label2 {   
width: auto;
margin: 0;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size: 12px;
color: #fff;
float: left;
}
a:link.search_select, a:visited.search_select {color: #b0ca39; padding: 1px 2px 2px 2px; font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial; font-size: 12px;}
a:hover.search_select {color: #fff; text-decoration: none; background-color: #376400; padding: 0px 2px 2px 2px;}

a:link.search_active, a:visited.search_active {color: #fff; text-decoration: none;  padding: 0px 2px 2px 2px; background-color: #376400; font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial; font-size: 12px;}
a:hover.search_active {color: #fff; text-decoration: none; background-color: #376400; padding: 0px 2px 2px 2px;}

.search_button {
font-family: Arial, Helvetica, sans-serif;
background: url(images/search_button.jpg) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 29px;
height: 28px;
float: left;
border: none;
}
.search_button:hover {
font-family: Arial, Helvetica, sans-serif;
background: url(images/search_button_over.jpg) no-repeat top left;
font-size: 11px;
cursor: pointer;
width: 29px;
height: 28px;
float: left;
border: none
}
.admin_label {  
float: left;  
width: 8em;
margin: 0 5px 0 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
vertical-align: top;
text-align: right;
padding: 3px 10px 3px 3px;
background: #24527f /* 2d5101 */;
color: #fff;
}





.navlink a:link, .navlink a:visited {color: #14232e; text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.navlink a:hover {color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}

.navlink ul li a:link, .navlink ul li a:visited {color: #14232e; text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}

.nav {
	margin: 0;
	float: right;
	padding: 0;
	height: 29px;
}
.nav ul {
	height: 29px;
	float: right;
	margin: 0;
	list-style: none;
	font-size: 12px;
}
.nav li {
	float: left;
	padding: 0;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 29px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	background: url(menu/menuleft8.png) no-repeat left top;
	width: 1px;
	height: 29px;
	line-height: 20px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(menu/menumid8.png) repeat-x top left;
	height: 24px;
	line-height: 20px;
	display: block;
	float: left;
	padding: 5px 5px 0 5px;
}
a .menu-right {
	background: url(menu/menuright8.png) no-repeat top left;
	width: 1px;
	height: 29px;
	line-height: 20px;
	display: block;
	float: left;
}

.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -29px;
	line-height: 20px;
	color: #14232e;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #14232e;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 29px;
	left: -4px;
	background: url(menu/submenu_top8.png) no-repeat;
	width: 185px;
	padding-top: 4px;
}
.nav li ul {
	background: url(menu/submenu_bg8.png) repeat-y;
	width: 175px;
	height: auto;
	margin: 0;
	padding: 0 0 2px 10px;
	list-style: none;
	font-size: 12px;
}

.nav li:hover li,
.nav li.active li {
	width: 183px;
	padding: 1px 0 1px 0;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #000;
	background: #f0f7ce !important;
	line-height: normal;
	width: 156px;
	padding: 3px 3px 3px 6px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #fff;
	background: #b0ca39 !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #b0ca39 !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(menu/submenu_bottom8.png) no-repeat;
	width: 185px;
	height: 6px;
	overflow: hidden;
	clear: both;
}


/**************************************************************
	[ LOGIN PAGE ]
**************************************************************/
div#login_container {position:relative; padding: 0; margin:0; width: auto; height:auto !important; height:100%; min-height: 100%; background: url(images/login_images/login_topbg2.png) repeat-x top;}

div#input_container {width:468px; height: 189px; margin:0 auto 0 auto; padding: 0 0 0 0; background: url(images/login_images/login_input_bg.png) no-repeat top right;}
div#input_container_top {width:468px; height: 92px; margin:0 auto 0 auto; padding: 0 0 0 0; background: url(images/login_images/login_logo.png) no-repeat top left;}
div#login_hold {width:600px; height: auto; margin: 0 auto; padding: 250px 0 0 0;}

div.inputbox {width:375px; height: 48px; margin:0 auto 15px auto; padding: 8px 0 0 0; background: url(images/login_images/login_inputbar.png) no-repeat top right;}
div.buttonbox {width:375px; height: 48px; margin:0 auto; padding: 0;}

.login_label {   
width: 152px;
height: 31px;
margin: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
font-weight: bold;
display: block;
float: left;
padding: 10px 0 0 0;
text-align: center;
background: url(images/login_images/login_labelbg.png) no-repeat top left;
}

.login_fset {
height: auto;
width: auto;
padding:0;
border: none;
margin: 0;
}
.login_input {
width: 195px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:14px;
border: 1px solid #3a638d;
height: 23px;
float: left;
color: #111;
padding: 3px 0 0 3px;
margin: 6px 0 0 4px;
}
.login_input:hover {
width: 195px;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size:14px;
border: 1px solid #3a638d;
height: 23px;
float: left;
color: #111;
padding: 3px 0 0 3px;
margin: 6px 0 0 4px;
background: #dcec68;
}
.login_button {
font-family: Verdana, Helvetica, Arial;
background: url(images/login_images/login_button_on.png) no-repeat top left;
font-size: 14px;
cursor: pointer;
width: 130px;
height: 34px;
border: none;
float: right;
color: #222;
font-weight: bold;
}
.login_button:hover {
font-family: Verdana, Helvetica, Arial;
background: url(images/login_images/login_button.png) no-repeat top left;
font-size: 14px;
cursor: pointer;
width: 130px;
height: 34px;
float: right;
color: #222;
border: none;
font-weight: bold;
}

p.loggedout {
padding: 5px 0 0 70px;
margin: 0;
font-size: 14px;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 1.4em;
color: #f3f3f3;
}
p.loggedout a:link, p.loggedout a:visited {color: #b0ca39; text-decoration: underline;}
p.loggedout a:hover {color: #fff; text-decoration: underline;}

p.logout_header {
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:24px;
color: #729126;
font-weight:bold;
margin: 0;
line-height: 1.2em;
padding: 15px 0 0 70px;
}

/* -------------------------------------------- */
/* ---- PAGINATION ---------------------------- */
/* -------------------------------------------- */

.pagination-clean li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* 
savers */ float:left; }
/* savers #pagination-clean li,*/
.pagination-clean a           { border-right:solid 1px #DEDEDE; margin-right:2px; }
.pagination-clean .previous-off,
.pagination-clean .next-off   { color:#888888; display:block; float:left; font-weight:bold; 
padding:3px 4px; }	
.pagination-clean .next a,
.pagination-clean previous a  { border:none; font-weight:bold; }	
.pagination-clean .active     { color:#000000; font-weight:bold; display:block; float:left; 
padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
.pagination-clean a:link,
.pagination-clean a:visited   { color:#0e509e; display:block; float:left; padding:3px 6px; text-
decoration:underline; }
.pagination-clean a:hover     { text-decoration:none; color: #fe5d1f;}


.adminmsg {
width: auto;
height: auto;
margin: auto 0;
padding: 6px;
border: 1px solid #999;
background: #dedede;
font-size: 10px;
color: #111;
font-family: Verdana, Arial, Helvetica;
}

/* -------------------------------------------- */
/* ---- TEXT STYLES --------------------------- */
/* -------------------------------------------- */

.text1 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;
margin: 0 0 1.7em 0;
line-height: 1.8em;
}

.valign {vertical-align: middle;}