body {
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	margin:0px;
	padding:0px;
	}

li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

a:link, a:visited {
	color:#C33;
	text-decoration:none;
	font-weight:normal;
	}

a:hover {
	color:#F00;
	text-decoration:underline;
	font-weight:normal;
	}
	
h1, h2 {
	font-size:14px;
	}

.midside {
	width:400px;
	float:left;
	margin-left:10px;
	}

.minside {
	width:270px;
	float:left;
	margin-left:10px;
	}


.fullside {
	width:900px;
	float:left;
	}
.fullsid2 {
	width:875px;
	float:left;
	}
	
.errorstyle {
	color:#F00;
	font-weight:bold;
	}

form.clean
{
	font-family: Arial, sans-serif;
	margin-top: 1em;
	background-color: #fff;
}

form.clean *
{
	margin: 0;
	padding: 0;
}

form.clean p
{
	margin: .5em 0;
}

form.clean input[type=text],
form.clean input[type=password],
form.clean textarea,
form.clean select
{
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	background-color: #fafafa;
	border: 1px solid #666;
	color: #666;
	font-size: 10px;
	padding: .15em;
	width: 100%;
}

form.clean input:focus,
form.clean textarea:focus,
form.clean select:focus
{
	background-color: #ffe;
}

form.clean fieldset
{
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
	border: 1px solid #666;
	margin-bottom: 10px;
	padding: 5px;
}

form.clean fieldset legend
{
	color: #17b;
	font-size: 10px;
	margin-left: 1em;
}

form.clean ol
{
	list-style: none;
}

form.clean ol li label
{
	display: block;
}

form.clean ol.table
{
	list-style: none;
	display: table;
}

form.clean ol.table li
{
	display: table-row;
}

form.clean ol.table li label[for]
{
	display: table-cell;
	text-align: right;
	padding: .5em;
}

form.clean div.col2 label
{
	float: left;
	width: 50%;
}

form.clean div.col3 label
{
	float: left;
	width: 33%;
}

form.clean div.col4 label
{
	float: left;
	width: 25%;
}

form.clean fieldset:first-child
{
	margin-top: 0;
}

form.clean input[type=button],
form.clean input[type=reset],
form.clean input[type=submit],
form.clean button
{
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	background-color: #fafafa;
	border: 1px solid #666;
	color: #666;
	font-size: 10px;
	padding: .15em .4em;
	margin: 0 .3em;
}

form.clean input[type=submit]:hover,
form.clean input[type=reset]:hover,
form.clean input[type=button]:hover,
form.clean button:hover
{
	background-color: #ffd;
}

.bodyarea {
	width:900px;
	margin:auto;
	}

.main {
	width:900px;
	color: #666;
	font-size: 10px;
	float:left;
	}

.main2 {	
	background-color: #fafafa;
	color: #666;
	font-size: 10px;
	padding: .15em .4em;
	float:left;
	width:665px;
	}
	
.bodyarea-dialog {
	width:700px;
	margin:auto;
	}
.main-dialog
{
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	width:700px;
	border-radius: .4em;
	background-color: #fafafa;
	border: 1px solid #666;
	color: #666;
	font-size: 10px;
	padding: .15em .4em;
	float:left;
	}
.userbox {
	float:left;
	}

.userpic {
	float:left;
	padding:5px;
	width:160px;
	}
.userinfo {
	float:left;
	padding:5px;
	width:610px;
	}
.datablock {
	width:430px;
	height:250px;
	float:left;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	border: 1px solid #666;
	padding:5px;
	margin:4px;
	overflow:auto;
	}

	
#persontopmenu ul {
	display:block;
	float:right;
	}
	
#persontopmenu li {
	float:left;
	}
#persontopmenu {
	width:900px;
	float:left;
	padding:0px;
	margin:0px;
	}

#persontopmenu li {
	float:left;
	list-style:none;
	display:block;
	padding-left:10px;
	}
.hint {
	position:absolute;
	margin-left:200px;
	margin-top:15px;
	display:block;
	font-size:24px;
	}
.optionsbar {
	position:absolute;
	margin-top:225px;
	width:300px;
	}
.optionsbar span {
	display:block;
	}
.fadebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color:#666;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	}
.overbox {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	z-index:1002;
	overflow: auto;
	}
.buttons {
	float:left;
	;
	}

.buttons1 {
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	border: 1px solid #666;
	display:block !important;
	padding:5px !important;
	margin-right:10px !important;
	}

.buttons1:hover {
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	border: 1px solid #666;
	display:block !important;
	padding:5px !important;
	margin-right:10px !important;
	background:#FFF;
	}

.buttons2 {
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	width:95px;
	border-radius: .4em;
	border: 1px solid #666;
	display:block !important;
	padding:5px !important;
	margin-right:10px !important;
	margin-bottom:10px !important;
	float:right;
	text-align:center;
	}

.buttonsextra {	
	width:102px;
	height:15px;
	display:block !important;
	padding:5px !important;
	margin-right:10px !important;
	margin-bottom:10px !important;
	float:right;
	background-image:url(../img/button100.jpg);
	text-align:center;
	} 
	
.datatable table tr td {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	}
	
.button4 {
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	border: 1px solid #666;
	display:block !important;
	padding:5px !important;
	margin-right:10px !important;
	}
#nav {
	background-image:url(../img/banner.jpg);
	width:900px;
	height:112px;
	}
#nav ul {
	margin-top:20px;
	margin-right:20px;
	font-size:12px;
	}

#nav ul li a {
	color: #FFF;
	}
	
.datablock2 {
	float:left; 
	width:405px;
	margin:5px !important;
	}

.datablock3 {
	float:right; 
	width:450px;
	margin:5px !important;
	}
.datablock4 {
	width:430px;
	height:210px;
	overflow:auto;
	padding:5px;
	margin:auto;
	}
.headerpage {
	height:296px;
	background:#000;
	margin:0px;
	padding:0px;
	}
.mainbanner {
	width:900px;
	height:296px;
	margin:auto;
	background:url(../img/top-banner.jpg) no-repeat;
	}
.boxmain {
	width:442px;
	height:320px;
	border:1px solid #999;
	float:left;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	border: 1px solid #666;
	margin-bottom:15px;
	margin-right:12px;
	}
.boxmain2 {
	width:442px;
	height:320px;
	border:1px solid #999;
	float:left;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	border: 1px solid #666;
	margin-bottom:15px;
	margin:0px;
	}
.areatitle a {
	color:#333;
	}


.subareatitle a {
	color:#333;
	}

.subareatitle a:hover {
	color:#F00;
	}

#downarea {
    margin: auto !important;
    width: 900px;
}
#posA {
    float: left;
    margin-bottom: 20px;
    margin-top: 40px;
    overflow: hidden;
    width: 900px;
}
#posB {
    float: left;
    margin-bottom: 20px;
    margin-right: 30px;
    width: 200px;
}
#posC {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 30px;
    width: 200px;
}
#posD {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 30px;
    width: 200px;
}
#posE {
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    width: 200px;
}
#downarea ul {
    display: block;
    margin: auto;
}
#downarea ul li {
    display: block;
    padding: 5px;
}
#downarea ul li a {
    color: #666666;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    text-decoration: none;
}
#downarea ul li a:hover {
    color: #FF0000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    text-decoration: none;
}