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

* {margin:0; padding:0;}

body { 
	margin:0; 
	padding:0; 
	height:100%; 
	color: #4f4f4f;
	background:#fff; 
} 

td, span, a, p, textarea, select, input, div, h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial;
	font-style: normal;
	font-weight: normal;
	color: #4f4f4f;
	font-size:11px;
	text-decoration: none;
} 

.content {
	margin:0 auto;
	width:1000px;
}

#header {
	margin:0 auto;
}

.menu-bg {
	margin:0 auto;
	background: #ddd url(../imageset/menu-bg1.gif) no-repeat; 
	height:31px;
}
.top_menu {
	float:right;
	background: url(../imageset/menu-bg.gif) repeat-x;
	height:31px;
}
.logo {
	width:500px;
}

.banner-bg {
	margin:0 auto;
	background:url(../imageset/top-bg.gif) top center repeat-x;
	height:100px;
	border-top: 3px solid #7f7f7f;
	border-bottom: 3px solid #7f7f7f;
}

.banner {
	width: 500px;
}

.tel-bg {
	margin:0 auto;
	background:url(../imageset/bottom-bg1.gif) no-repeat;
	height:51px;
}

.tele {
	background:url(../imageset/bottom-bg.gif) repeat-x;
	width:625px; 
	height:51px;
}

.breadcrumbs {
	margin:0 auto;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#929292;
	width:1000px;
}

.colLeft {
	width: 728px;
}

.colRight {
	float:right;
	width: 265px;
}

.heading-bg {
	background:url(../imageset/head-bg.gif) no-repeat;
	width:728px;
	height: 30px;
	line-height:30px;
}
/*****************************************
	Corner colors and link color
*****************************************/
.corner-FFF		{background: #fff;}
.corner-CCC		{background: #ccc;}
.corner-EEE 	{background: #eee;}


/*****************************************
	FORM
*****************************************/
form {
	margin:0;
	padding:0;
}

#login {
	text-align:center;
	position:absolute;
	top:25%;
	left:0;
	width:100%;
	height:277px;
	background:url(../imageset/login.gif) no-repeat top center;
	font:normal 11px Tahoma, Verdana, Arial;
	color:#444;
}

#login_inner {
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left:-250px;
	width: 235px;
}


.login-box {
	width:130px;
	background:url(../imageset/input-box.gif) no-repeat;
	height: 22px;
}


.box-50 {
	width: 50px;
	height:16px;
	border:1px solid #ccc;
}

.box-70 {
	width: 70px;
	height:16px;
	border:1px solid #ccc;
}

.box-100 {
	width: 115px;
	height:16px;
	border:0px solid #ccc;
	background:url(../imageset/input-bg.gif) repeat-x;
}

.box-110 {
	width: 125px;
	height:16px;
	border:1px solid #ccc;
}

.box-150 {
	width: 150px;
	height:16px;
	border:1px solid #ccc;
}

.box-200 {
	width: 200px;
	height:16px;
	border:1px solid #ccc;
}

.box-250 {
	width: 250px;
	height:16px;
	border:1px solid #ccc;
}

.box-300 {
	width: 300px;
	height:16px;
	border:1px solid #ccc;
}

.box-350 {
	width: 350px;
	height:16px;
	border:1px solid #ccc;
}

.combo-100 {
	width: 100px;
	height:19px;
	border:1px solid #ccc;
}

.combo-105 {
	width: 107px;
	height:19px;
	margin-top:2px;
	border:1px solid #ccc;
}

.combo-150 {
	width: 150px;
	height:19px;
	border:1px solid #ccc;
}

.combo-200 {
	width: 200px;
	height:19px;
	border:1px solid #ccc;
}

.combo-220 {
	width: 220px;
	height:19px;
	margin-top:2px;
	border:1px solid #ccc;
}

.combo-250 {
	width: 250px;
	height:16px;
	border:1px solid #ccc;
}

.area-200 {
	width: 200px;
	height:120px;
	border:1px solid #ccc;
}

.area-400 {
	width: 400px;
	height:120px;
	border:1px solid #ccc;
}

.file-200 {
	width: 200px;
	border:1px solid #ccc;
}

.orange_button {
	background: #ff6600;
	border-top: #cc6600 1px solid;
	border-left: #cc6600 1px solid;
	border-bottom: #ff6600 1px solid;
	border-right: #ff6600 1px solid;
	font:normal 12px Verdana, sans-serif; 
	color: #fff;
	height: 20px;
	cursor: pointer;
	padding-bottom: 1px;
}

.blue_button {
	background: url(../imageset/btnbg.gif) no-repeat;
	width: 55px;
	height:20px ;
	text-align:center ;
	color:#FFFFFF ;
	border: #4575e6 0px solid;
	padding-bottom: 2px;
}


option {
	padding: 0 0 0 3px;
}

div.pagination {
	padding:3px;
	margin:3px;
	text-align:right;
}

div.pagination a {
	padding: 0 3px 0 3px;
	margin-right: 2px;
	border: 1px solid #7498eb;
	text-decoration: none; 
	color: #fff;
	background: #7498eb url(../imageset/nav1.gif);
}

div.pagination a:hover, div.pagination a:active {
	border:1px solid #eaeaea;
	color: #999;
	background: #f2f2f2 url(../imageset/nav2.gif);
}

div.pagination span.current {
	padding: 0 3px 0 3px;
	margin-right: 2px;
	border: 1px solid #ccc;
    font-weight: bold;
	background: #999 url(../imageset/nav2.gif);
	color: #666;
}

div.pagination span.disabled {
	padding: 0 3px 0 3px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}


/*****************************************
	Footer
*****************************************/
#footer {
	background:url(../imageset/foot-bg.gif) repeat-x;
	height:94px;
}

.foot {
	margin:0 auto;
	line-height: 44px;
	width:900px;
	color:#000;
}

.copyright {
	margin:0 auto;
	line-height: 32px;
	width:1000px;
	color:#fff;
}

.box {
    height:150px;
    width:400px;
    overflow:scroll;
}

/*****************************************
	GENERIC
*****************************************/
.fl {float: left;}
.fr {float: right;}
.fn {float: none;}

.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}

.mt-0  {margin-top: 0px;}
.mt-1  {margin-top: 1px;}
.mt-2  {margin-top: 2px;}
.mt-3  {margin-top: 3px;}
.mt-4  {margin-top: 4px;}
.mt-5  {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-55 {margin-top: 55px;}
.mt-60 {margin-top: 60px;}
.mt-65 {margin-top: 65px;}

.mb-0  {margin-bottom: 0;}
.mb-1  {margin-bottom: 1px;}
.mb-2  {margin-bottom: 2px;}
.mb-3  {margin-bottom: 3px;}
.mb-4  {margin-bottom: 4px;}
.mb-5  {margin-bottom: 5px;}
.mb-6  {margin-bottom: 6px;}
.mb-7  {margin-bottom: 7px;}
.mb-8  {margin-bottom: 8px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-50 {margin-bottom: 55px;}
.mr-2  {margin-right: 2px;}
.mr-3  {margin-right: 3px;}
.mr-4  {margin-right: 4px;}
.mr-5  {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}

.ml-1  {margin-left: 1px;}
.ml-2  {margin-left: 2px;}
.ml-3  {margin-left: 3px;}
.ml-4  {margin-left: 4px;}
.ml-5  {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}

.m-c  {margin-left: auto;margin-right: auto;}
.m-0  {margin: 0px;}
.m-1  {margin: 1px;}
.m-2  {margin: 2px;}
.m-3  {margin: 3px;}
.m-4  {margin: 4px;}
.m-5  {margin: 5px;}
.m-10 {margin: 10px;}

.pt-0  {padding-top: 0;}
.pt-1  {padding-top: 1px;}
.pt-2  {padding-top: 2px;}
.pt-3  {padding-top: 3px;}
.pt-4  {padding-top: 4px;}
.pt-5  {padding-top: 5px;}
.pt-7  {padding-top: 7px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-35 {padding-top: 35px;}
.pt-40 {padding-top: 40px;}
.pt-45 {padding-top: 45px;}
.pt-50 {padding-top: 50px;}
.pt-55 {padding-top: 55px;}
.pt-60 {padding-top: 60px;}
.pt-65 {padding-top: 65px;}

.pb-0  {padding-bottom: 0;}
.pb-1  {padding-bottom: 1px;}
.pb-2  {padding-bottom: 2px;}
.pb-3  {padding-bottom: 3px;}
.pb-4  {padding-bottom: 4px;}
.pb-5  {padding-bottom: 5px;}
.pb-6  {padding-bottom: 6px;}
.pb-7  {padding-bottom: 7px;}
.pb-8  {padding-bottom: 8px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pr-1  {padding-right: 1px;}
.pr-2  {padding-right: 2px;}
.pr-3  {padding-right: 3px;}
.pr-4  {padding-right: 4px;}
.pr-5  {padding-right: 5px;}
.pr-7  {padding-right: 7px;}
.pr-10 {padding-right: 10px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pr-25 {padding-right: 25px;}
.pr-30 {padding-right: 30px;}
.pr-35 {padding-right: 35px;}
.pr-40 {padding-right: 40px;}
.pl-1  {padding-left: 1px;}
.pl-2  {padding-left: 2px;}
.pl-3  {padding-left: 3px;}
.pl-4  {padding-left: 4px;}
.pl-5  {padding-left: 5px;}
.pl-6  {padding-left: 6px;}
.pl-7  {padding-left: 7px;}
.pl-8  {padding-left: 8px;}
.pl-10 {padding-left: 10px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-25 {padding-left: 25px;}
.pl-30 {padding-left: 30px;}
.p-0  {padding: 0;}
.p-1  {padding: 1px;}
.p-2  {padding: 2px;}
.p-3  {padding: 3px;}
.p-4  {padding: 4px;}
.p-5  {padding: 5px;}
.p-6  {padding: 6px;}
.p-7  {padding: 7px;}
.p-8  {padding: 8px;}
.p-9  {padding: 9px;}
.p-10 {padding: 10px;}

.di {display: inline;}
.db {display: block;}
.dn {display: none;}

/*********************************
 Borders
**********************************/
.b-CCC {border: 1px solid #CCC;}
.b-999 {border: 1px solid #999;}
.b-666 {border: 1px solid #666;}
.b-333 {border: 1px solid #333;}
.b-000 {border: 1px solid #000;}
.b-EEE {border: 1px solid #EEE;}

.bt-CCC {border-top: 1px solid #CCC;}
.br-CCC {border-right: 1px solid #CCC;}
.bl-CCC {border-left: 1px solid #CCC;}
.bb-CCC {border-bottom: 1px solid #CCC;}

.bt-FFF {border-top: 3px solid #FFF;}
.br-FFF {border-right: 3px solid #FFF;}
.bl-FFF {border-left: 3px solid #FFF;}
.bb-FFF {border-bottom: 3px solid #FFF;}

.bg-FFF {background-color: #FFF;}
.bg-F7F {background-color: #F7F7F7;}
.bg-EEE {background-color: #EEE;}
.bg-CCC {background-color: #CCC;}
.bg-DDD {background-color: #DDD;}
.bg-666 {background-color: #666;}
.bg-333 {background-color: #333;}
.bg-000 {background-color: #000;}
.bg-879 {background-color: #8793a8;}
.bg-FF9 {background-color: #ffffcc;}


.fc-FFF {color:#FFF;}
.fc-F7F {color:#F7F7F7;}
.fc-EEE {color:#EEE;}
.fc-CCC {color:#CCC;}
.fc-666 {color:#666;}
.fc-999 {color: #999;}
.fc-000 {color: #000;}
.fc-EAB {color: #1e69b3;}
.fc-FF0 {color: #FF0000;}

.w-50 {width:50%;}
.w-100 {width:100%;}
.w-150 {width:150px;}
.w-250 {width:250px;}

.cursor {cursor: pointer;}
/*****************************
FONTS
*****************************/

/* LINKS */

a {color: #1e69b3;text-decoration: none;cursor: pointer;}
a:hover {color: #1e69b3;text-decoration: underline;}

a.orange {color: #ff6600;text-decoration: none;cursor: pointer;}
a.orange:hover {color: #ff3300;text-decoration: underline;}

a.white {color: #fff;text-decoration: none;cursor: pointer;}
a.white:hover {color: #fff;text-decoration: underline;}

a.grey {color: #444;text-decoration: none;}
a.grey:hover {text-decoration: underline;}

/* FONT SIZE */
.fs-10 {font-size:10px;}
.fs-11 {font-size:11px;}
.fs-12 {font-size:12px;}
.fs-14 {font-size:14px;}
.fs-15 {font-size:15px;}
.fs-16 {font-size:16px;}
.fs-18 {font-size:18px;}
.fs-20 {font-size:20px;}
/* WEIGHTS */

.f-italic {font-style: italic;}
.f-bold {font-weight: bold;}
.f-normal {font-weight: normal;}
.f-small {
	font-size:9px;
	line-height:9px;
}
.f-times {
	font:bold 20px "Times New Roman", Times, serif;
	color:#000066;
}

.td-n {text-decoration: none;}

.lh-6 {line-height: 6px;}
.lh-8 {line-height: 8px;}
.lh-9 {line-height: 9px;}
.lh-10 {line-height: 10px;}
.lh-11 {line-height: 11px;}
.lh-12 {line-height: 12px;}
.lh-14 {line-height: 14px;}
.lh-16 {line-height: 16px;}
.lh-18 {line-height: 18px;}
.lh-19 {line-height: 19px;}
.lh-20 {line-height: 20px;}
.lh-22 {line-height: 22px;}
.lh-24 {line-height: 24px;}
.lh-26 {line-height: 26px;}
.lh-28 {line-height: 28px;}
.lh-30 {line-height: 30px;}
.lh-32 {line-height: 32px;}
.lh-34 {line-height: 34px;}
.lh-36 {line-height: 36px;}
.lh-38 {line-height: 38px;}
.lh-40 {line-height: 40px;}
.lh-50 {line-height: 50px;}
/* ALIGNMENT */

.ta-c {text-align: center;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}
.ta-j {text-align: justify;}
.va-t {vertical-align: top;}
.va-m {vertical-align: middle;}
.va-b {vertical-align: bottom;}