body{
text-align: center;
font-family: Arial;
background-color:#09C;
color:#333;
font-size:14px;
}


form{clear:both;}


.base
{
	
	margin-top:0 auto;
	width:1024px;
}
.header
{
	background:url(capiz-admin/images/header2.png) scroll no-repeat center;
	height:126px;
	margin-bottom:0px;
}
.base_body
{
	background:url(capiz-admin/images/body2.png) scroll repeat-y center;
	overflow:hidden;
	margin-left:15px;
}

.base_footer
{
	background:url(capiz-admin/images/footer.png) scroll repeat-y center;
	overflow:hidden;
	margin-left:15px;
	height:37px;

}
.contain
{
	float:left;
	width:370px;
	height:450px;
	background-image:url(capiz-admin/images/bak-pic-ref.png);
	background-repeat:no-repeat;
	margin-left:5px;
	text-align:left;
	padding-left:12px;
	padding-top:8px;
}

.contain3
{
	float:left;
	width:370px;
	height:500px;
	background-image:url(capiz-admin/images/bak-pic-ref2.png);
	background-repeat:no-repeat;
	margin-left:5px;
	text-align:left;
	padding-left:12px;
	padding-top:8px;
}

.contain2
{
	float:left;
	width:400px;
	margin-left:10px;
	border-left:groove;
	text-align:left;
	padding-left:10px;
}
h1{
	font:Georgia;
	size:12px;
	color:#666;
}
h2{
	color:#C00;
	size:9px;
}
#note
{
	color:#F00;
	font-weight:bold;
	margin-top:10px;
}
#note2
{
	color:#003;
	font-weight:bold;
	font-size:18px;
}
#data
{
	margin-top:10px;
}



a img,:link img,:visited img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
*{margin:0;padding:0;}
p, blockquote, dd, dt{margin:0 0 8px 0;line-height:1.5em;}
fieldset {padding:0px;padding-left:7px;padding-right:7px;padding-bottom:0px;}
fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;}
dl dd{margin:0px;}
dl dt{}

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}


ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:5px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid red;
}

.jqzoom{

	text-decoration:none;
	float:left;
}
#menu{
	height:45px;
	font-family:tahoma;
	float:right;
	margin-right:40px;
	width:660px;
	size:17px;
	color:#FFF;
}
.left-menu{
	width:28px;
	float:left;
	height:170px;
	background:url(css/left-menu.png) top no-repeat; 
}
.right-menu{
	width:27px;
	float:left;
	height:170px;
	background:url(css/right-menu.png) top no-repeat; 
}
#data-menu{
	padding-top:12px;
	text-align:center;
	width:120px;;
	height:45px;
	float:left;
	background:#003;
	background:url(css/data-menu.png) repeat-x; 
}

#data-menu a{
	font-family:Tahoma;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
}


#data-menu:hover{
	padding-top:12px;
	text-align:center;
	width:120px;;
	height:45px;
	float:left;
	background:#003;
	background:url(css/data-menu2.png) repeat-x;			   
}

.align-form{
	margin-left:50px;
}
.form-data-imp{
	height:31px;  
	background:#FFD5D5; 
	border:#C00 1px solid; 
	font-family:tahoma; 
	font-size:14px;
	padding:3px;
}
.form-data-imp:hover{
	height:31px;  
	background:#FFA4A4; 
	border:#400000 1px solid; 
	font-family:tahoma; 
	font-size:14px;
	padding:3px;
}
.form-data{
	height:31px;  
	background:#D9FFD9; 
	border:#0C9 1px solid; 
	font-family:tahoma; 
	font-size:14px;
	padding:3px;
}
.form-data:hover{
	height:31px;  
	background:#B7FFB7; 
	border:#030 1px solid; 
	font-family:tahoma; 
	font-size:14px;
	padding:3px;
}
.form-data2{
	height:23px; 
	background:#FFC; 
	border:#F93 1px solid; 
	font-family:tahoma; 
	font-size:14px;
	padding:3px;
}
.form-data2:hover{
	height:23px; 
	background:#FFFF9D; 
	border:#F63 1px solid; 
	font-family:tahoma; 
	font-size:14px;
	padding:3px;
}
#border{
	height:48px; 
	text-align:center; 
	width:1px; 
	float:left;
	background:#003;
	background:url(css/data-menu.png) repeat-x; 
}


.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
			font-weight:bold;
		}
.tooltip:hover {
			border-bottom: 1px dotted #900; 
			color: #F00; 
			outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }