/*
	InfoSite Administration System
	(c) Copyright 2001-Present
	Licensed by Yorganic.com
	Unauthorised reverse engineering strictly prohibited
	http://www.yorganic.com
*/

html{ height:100%; }
body {
	background:#e0e0e0;
	margin: 0px;
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:100%;
	}

p { font-size:12px; color:#252424; }
li { font-size:12px; list-style: square; }
a { font-size: 12px; color: black; text-decoration: underline; }
a:hover { text-decoration: none;  }
h1{ color:#4c4c4c; font-size:18px; margin:0px; }
h2{ color:#d8d8d8; font-size:15px; margin:0px; }
h3 { padding:3px; color:#d8d8d8; font-size:13px; margin:0px; }

/* Content */

.header {
	background:url(images/banner-bg.gif) bottom;
	border-bottom:#1860A3;
}

.header .searchbox {
	float:right; width:400px;
	text-align:right;
	position:relative; right:130px; top:30px;
}

.header .searchbox input {
	font-size:10px; font-weight:bold;
	padding: 3px 5px;
}

.header .searchbox select {
	font-size:10px;
	padding:3px 5px;
}

.header .searchbox td {
	font-size:10px; color:white; font-weight:bold;
}

.headerright {
	background-image: url(images/banner-right.jpg);
	background-repeat: no-repeat;
	height: 75px; border-bottom:1px solid #1B2139;
	background-position: right;
}

.headerleft {
	background-image: url(images/banner-left.jpg);
	background-repeat: no-repeat;
	height: 75px; border-bottom:1px solid #1B2139;
	background-position: left;
}

.headerintro {
	margin-top:6px;
	margin-bottom:20px;
}
.headerintro p {
	font-size:11px; color:#494949;
}

.topnavbar { background:#3B5998; height:45px; border-bottom:2px solid #2F4677; border-top:1px solid #5075C4;}
.topnavbar p { font-size:11px; color:#C3CDDF;}
.topnavbar a { font-size:11px; color:#C3CDDF;}
#topnav ul { margin: 0px 0px 0px 0px; padding: 1px 10px 0px; list-style:none; }
#topnav li { display:inline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:black; font-size:11px;}
#topnav a { background:#C0C0C0; text-decoration:none; padding:1px; font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border:1px solid silver; }
#topnav a span { padding-left:5px; padding-right:5px; color:#000000; }
#topnav #current a { background-color:#DDDDDD; /*border:1px solid #363636;*/}
#topnav #current a span { background-color:#DDDDDD; color:black;}
#topnav a:hover { text-decoration:none; background:#6B6F6E; color:white;}
#topnav a:hover span { text-decoration:none; color:white;}

#topnavr p {
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:11px; color:#000000;
}

table#toolbar {
	margin-right: 10px;
	border-bottom:1px solid #8a8a8a;
	margin-bottom:10px;
}

table#toolbar a.toolbar {
	color : #808080;
	background:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration : none;
	display: block;
	border: 1px solid #DDD;
	width: 75px;
	padding: 2px 1px 2px 1px; margin: 2px 2px 6px 2px;
}
table#toolbar a.toolbar:hover {
	color : #C64934;
	border: 1px solid #2C375F;
	padding: 3px 0px 1px 2px;
}
table#toolbar a.toolbar:active {
	color : #FF9900;
}

#nonFooter {position: relative; min-height: 100%;}
* html #nonFooter {height: 100%;}

#logincontainer{
 background:#1a68b0;
position: absolute;
top: 50%;
left: 50%;
border: 3px solid #233442;
width: 500px;
margin-left: -245px;
margin-top: -230px;
}


#container {
	padding: 10px 15px 100px 15px;
	background:#e0e0e0;
	/*border-bottom:2px solid #175793;*/
}

#footer { 
padding: 4px 10px 4px 10px; background:#464646; 
border-top:1px solid #262626;
text-align:left; width:98%; position:relative;
height:50px;
margin: -60px auto 0 auto;
}

#footer p {
	color:#c9c9c9; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px;
}

.maintable {
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
	padding: 3px 3px 3px 3px;
}

.cpanelhead {
	background:url(images/cpanelheadbg.gif) no-repeat right #FFD468;
	color: #000000; height:25px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight:bold;
	padding-top:6px; padding-left:5px; border-bottom:1px solid #DB9B19;
	border-top:1px solid #FFDD8F;
}

.cpanel1 {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding:6px; margin:2px;
}

.cpanel2 {
	border-left: 1px solid #DFDEDE;
	border-right: 1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding: 6px; margin:2px;
}

.cpanelsplit1 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding: 3px 3px 3px 3px;
}

.cpanelsplit2 {
	border-left: 1px solid #FFFFFF;
	background-color:#F5F5F5;
	padding: 3px 3px 3px 3px;
}

.cpanelsplit3 {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding: 3px 3px 3px 3px;
}

/* MENU SEGMENTS */

.optionbox {
	border:1px solid silver;
	height:100px;
	padding-top:4px;
	margin:3px;
}

.optionbox ul,.optionbox a {
	font-size:11px; margin-top:0px;
}

.optionhead {
	background:url(images/optionhead-bg.gif) right no-repeat #1768B4;
	padding-top:3px; padding-bottom:3px; padding-left:5px;color:white;
	border-bottom:1px solid #212948;
}

.optionhead h1 {
	color:white; font-size:12px;
}

.row1 {
	background-color: #DBDBDB;
	padding: 6px 3px 6px 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: bold;
	text-align:left;
}

.row2 {
	background-color: #FFFFFF;
	padding: 6px 3px 6px 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: bold;
	text-align:left;
}

.cell1 {
	background-color: #DBDBDB;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	padding: 6px 3px 6px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: bold;
	text-align:left;
}

.cell2 {
	background-color: #FFFFFF;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	padding: 6px 3px 6px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.cell3 {
	background-color: #BEBEBE;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	padding: 3px 3px 3px 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: bold;
}

.cell3 {
	background:#FCFECC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight:normal;
}

.cell1 a,.cell2 a,.cell3 a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.managercell1 {
	background-color: #E6E6E6; border-bottom:1px solid #D7D5D5;
	padding: 9px 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; font-weight: bold;
	text-align:left;
}

.managercell2 {
	background-color: #F9F9F9; border-bottom:1px solid #B7BAC1;
	padding: 6px 6px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
}

.managercell3 {
	background-color: #8d8c8c; border-bottom:1px solid #6c6c6c;
	padding: 6px 6px; border-top:2px solid #cdcdcd;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color:white;
	text-align:left;
}

.managercell1 a { font-size:10px;}
.managercell2 a { font-size:10px; color:#1B3597;}
.managercell3 a { font-size:10px; color:#FFFFFF;}

.manualh {
	background-color: #AB3B3E;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 3px 3px 3px;
}

/* Front End */

.loginbox {
	padding:0px;
	text-align:left;
	/*border:2px solid silver;*/
}

.loginbox h1 {
	margin: 0px 0px 5px 0px;
	color:white;
}

.loginbox p,.loginbox a {color:white;}
.loginbox p {
	margin: 0px 0px 12px 0px;
}
#MainLogin,#recoverpass { padding: 5px 15px 10px 15px; }
#msgpopup {
	font-size:11px;
}
.loginbox .headbar {
	background:url(images/box-head.gif);
	font-size:12px;
}

.logintxtbox {
	border:1px solid #2E598F; color:#4F4F4F;
	height:25px; font-size:18px;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	padding:3px 5px;
}

.admintxtbox {
	border:1px solid #5A5A5A;
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:3px;
}

.infobox {
	background-color:white;
	padding:10px;
	border:1px solid silver;
	width:500px; text-align:left;
}

li.blue{
  background-color: #EAEAEB;
  border-top:1px solid #B3B3B3;
  border-left:1px solid #B3B3B3;
  border-right:1px solid #3A3A3A;
  border-bottom:1px solid #3A3A3A;
  cursor: move;
  padding:10px; margin-bottom:3px;
}

li.blue:hover{
  background-color: #A3A3A3;
}

#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#FF0000;
}

#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;

}

#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process{
   /*z-index:100;*/
	padding:10px; width:90%;
	text-align:center;
   visibility:hidden;
   position:absolute;
}

#upload_msg{ visibility:hidden; z-index:100; height:0px;}

.isformerror { border:2px solid red; background:#FCF7C1; padding:5px; }
.isformerror li {
	margin-left:20px; list-style:disc;
	display: list-item; padding-left:10px;
}
.isformok { border:2px solid #FAD426; background:#FCF7C1; padding:5px; }

.SysMSG { border:2px solid #FAD426; background:#FCF7C1; padding:6px; margin:10px;}
.SysMSGBad { border:2px solid red; background:#FCF7C1; padding:6px; margin:10px;}
.SysMSG p,.SysMSGBad p { font-size:13px; color:black;}
.SysMSG h1,.SysMSGBad h1 { font-size:15px; color:#202020;}

/* JS Live Validation */

.LV_validation_message{ font-weight:bold; margin:0 0 0 5px;}
.LV_valid { color:#00CC00; }
.LV_invalid { color:#CC0000; }   
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; }  
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; }