/* CSS Document */

h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, strong, em, table, td, th { padding:0; margin:0;}

h1, h2, h3, h4, h5, h6, h7 { font-size:14px; font-weight:bold;}

img, table, td, th { border:0;}

ul, ol,li { list-style-type:none;}

a { color:#0097CC;}

a:hover { color:#51B400; text-decoration:none;}

body, form, input, textarea, select { font:12px Arial, "����", Verdana, sans-serif;color:#000;}


/* HEADER */

#head { background:url(../images/top_line_bg.jpg) repeat-x; width:100%; height:137px;}

#head #logo {background:url(../images/top_bg.jpg) no-repeat; width:950px; height:72px;margin:0 auto;overflow:hidden;}

#head #logo h1 { float:left;}

#head #logo table { float:right; margin-top:28px;}

#head #logo input.text {width:72px;}



input.loginbutton {

	width:52px;

	background:url(../images/button.gif) no-repeat; 

	border:0; 

	color:#fff;

	height:20px;

	font-weight:bold;

	padding:2px 0 1px 0;

}

#head #logo td a { padding:0 10px;}



/* MENU */

#menu { 

	background:url(../images/menu_back.png) no-repeat;  

	width:950px; 

	height:33px;  

	white-space:nowrap;

	font-size:12px; 

	font-weight:bold;

	margin:0 auto;

}



#menu li { float:left;height:33px;}

.menu_home a {

	background:url(../images/menu_home.jpg) no-repeat;

	display:block; 

	text-decoration:none; 

	padding:10px 20px;

	color:#fff;

}

.menu_home a:hover {

	background:url(../images/menu_home_hover.jpg) no-repeat;

	color:#000; 

	text-decoration:none; 

}

a.homehere {

	background:url(../images/menu_home_hover.jpg) no-repeat;

	color:#000; 

	text-decoration:none;

}



.menu_other a {

	background:url(../images/menu_other.png) no-repeat;

	display:block; 

	color:#fff;

	text-decoration:none; 

	padding:10px 20px;

}



.menu_other a:hover {

	background:url(../images/menu_other_hover.jpg) no-repeat;

	color:#000; 

	text-decoration:none; 

}



a.here {

	background:url(../images/menu_other_hover.jpg) no-repeat;

	color:#000; 

	text-decoration:none;

}



#menu li#searchline { 

	width:280px; 

	float:right; 

	padding-top:5px; 

	position:relative; 

}



#menu li#searchline input { 

	width:194px;

	position:absolute; 

	top:6px; 

	font-size:12px; 

	padding:4px 2px 0 3px; 

	border:1px solid #065387; 

	height:16px;

}



#menu li#searchline input.submit { 

	position:absolute; 

	top:6px; 

	left:204px; 

	height:21px; 

	border:0; 

	color:#fff; 

	font-weight:bold; 

	padding:2px 0 1px 0; 

	width:59px; 

	background:url(../images/icon_bg.gif) no-repeat;

}



/* TOPNAV */

#topnav {

	background:url(../images/topnav_bg.png) no-repeat; 

	width:950px; 

	height:32px; 

	margin:0 auto;

}



#topnav p { 

	padding:8px 22px; 

	color:#8B8583;

}



#topnav p a { 

	text-decoration:underline; 

	color:#51B400; 

}



#topnav p a:hover { 

	color:#51B400; 

	text-decoration:none;

}



.navtitle { 

	color:#000;

}



.navtitle_b { 

	color:#000;

	font-weight:bold;

}





/* PAGE FOOTER */

#foot { 

	width:100%;

	height:80px; 

	margin-top:2px;

	background:url(../images/foot_bg.jpg) left bottom repeat-x; 

}



#foot div { 

	width:950px;height:60px; 

	margin:0 auto; 

	padding-top:20px;

	padding-right:6px;

}

#foot p#footeradv {float:left;padding-left:6px;}

#foot p#footeradv strong { color:#0097CC;}

#foot p#message, #foot p#copy { float:right;padding-right:2px;}

#foot p#copy { clear:both; white-space:nowrap; margin-top:5px;}

#foot em { padding:0 10px;}





/*INDEX MAIN */

#mainheader { width:950px; margin:0 auto; margin-top:12px;border-bottom:1px solid #C9C9C9;}

#mainfooter { width:950px; margin:0 auto; margin-top:16px;border-top:1px solid #C9C9C9;}

.iconlisdiv {padding-top:4px;float:left;padding-left:2px;}

.iconlisdiv img {margin-right:2px;border:0;}

.pageselectdiv {padding-top:4px;padding-left: 12px;float:left;}

.pageselectdiv select {height:22px;}





#indexmain { width:954px; margin:0 auto; margin-top:12px;margin-bottom:12px;}



#indexmain a {text-decoration:underline;color:#429300;}

#indexmain a:hover {text-decoration:none;color:#51B400;}



#indexmain a.category  {color: #D9AD00;text-decoration:underline;}

#indexmain a.category:hover {color:#FFCC00; text-decoration:none;}



.thumbnail {

	padding:3px;

	background:#FFF;

	border: 1px solid #DAE0E9;

}



.thumbnail_hover a:hover img {

	border: 1px solid #FF9900;

}



.thumb-lrg {

	color:#BCBABA;

	width:182px; 

	height:260px;

	margin:3px;

	background:#F3F5F8;

	border:1px solid #75C5E8;

	float:left;

	overflow:hidden;

}



.thumb-lrg table {

	padding:0px;

	border-collapse:collapse;

	border-spacing:0px;

	width:100%;

}



.thumb-lrg table thead th {

	/***** Use below two lines for Gif animation background 

	background:url('../images/image_loading.gif');

	background-position:center center;  

	********/

	text-align:center;

	width:180px;

	height:180px;

}



.thumb-lrg table td {

	padding-top:6px;

}



.thumb-lrg table div {

	font-size:8pt;

	width:150px;

	padding:1px 10px 1px 10px;

	white-space:nowrap;

	overflow:hidden;

}



.thumb-sml {

	color:#BCBABA;

	width:104px; 

	height:100px;

	margin:0px;

	float:left;

	overflow:hidden;

}



.thumb-sml table {

	padding:0px;

	border-collapse:collapse;

	border-spacing:0px;

	width:100%;

}



.thumb-sml table thead th {

	text-align:center;

	width:100px;

	height:100px;

}





/*OTHER MAIN */

#main { width:950px; margin:0 auto; margin-top:22px;margin-bottom:12px;}



#main td {vertical-align:top;}



#leftbox {

	float:left; 

	width:680px; 

}



#leftbox h2 {

	letter-spacing:2px; 

	color:#51B400; 

	font-size:14px; 

	padding-left:20px; 

	padding-bottom:10px; 

	border-bottom:1px solid #A8B5BD;

}



#leftbox_main {

	padding:16px 20px 8px 20px;

	line-height:1.7;

}



#leftbox_main td{

	height:32px;

}



#rightbox { 

	float:right; 

	width:230px; 

}

#rightbox h2 {

	letter-spacing:2px; 

	color:#996600; 

	font-size:14px; 

	padding-left:20px; 

	padding-bottom:10px; 

	border-bottom:1px solid #CC9900;

}

#rightbox_main {

	padding:10px 2px 8px 12px; 

	line-height:18px; 

	float:left;

}



/*NEWS*/



#leftbox_main table.newslist {

	border-collapse: collapse;

}



#leftbox_main td.newstitle {

	width:560px; 

	padding-top:6px;

	padding-bottom:6px;

	border-top:1px dotted #A8B5BD;

	border-bottom:1px dotted #A8B5BD;

	height:6px;

}



#leftbox_main td.newsdate {

	color:#8B8583;

	width:80px; 

	padding-top:6px;

	padding-bottom:6px;

	border-top:1px dotted #A8B5BD;

	border-bottom:1px dotted #A8B5BD;

	height:6px;

	text-align:right;

}



#leftbox_main div.news_info {

	background:#F2F2F2;

	color:#8B8583;

	float:left;

	width:640px; 

	padding:4px; 

	margin-bottom:12px; 

	border:1px dotted #A8B5BD;

}



/*MY DESK*/



#md_leftbox {

	float:left; 

	width:180px; 

}



#md_leftbox h2 {

	letter-spacing:2px; 

	color:#996600; 

	font-size:14px; 

	padding-left:20px; 

	padding-bottom:10px; 

}



#md_leftbox_main {

	background: #E8F3DE;

	border:1px solid #CC9900;

	line-height:28px;

	padding:16px 0px 8px 10px;

}



#md_rightbox { 

	float:right; 

	width:740px; 

}

#md_rightbox h2 {

	letter-spacing:2px; 

	color:#51B400; 

	font-size:14px; 

	padding-left:20px; 

	padding-bottom:10px; 

	border-bottom:1px solid #A8B5BD;

}



#md_rightbox_main {

	padding:16px 10px 8px 10px;

}



#md_rightbox_main td{

	height:30px;

}



#md_rightbox_main table.tb_images{

	border-collapse: collapse;

}



#md_rightbox_main td.tdrow1

{

	vertical-align:middle; 

	background-color:#A1A1A1;

	border:1px solid #D1DCEB;

	font-weight: bold;

	color:#FFF;

	padding:5px;

	height:18px;

}



#md_rightbox_main td.tdrow2

{

	vertical-align:middle; 

	border:1px solid #D1DCEB;

	padding:5px;

}



#md_rightbox_main ul {

	line-height:26px; 

	width:420px; 

	float:left;

}



#md_rightbox_main ul label{

	color:#737373; 

	margin-right: 8px;

	font-weight: normal;

}



#md_rightbox_main ul li{

	font-weight: bold;

}



#md_rightbox_authority {

	border:1px solid #DBDBDB;

	background: #F0EEEE;

	width:240px; 

	padding:16px;

	float:right;

	line-height:20px; 

}



#md_rightbox_authority ol label{

	color: #000;

	margin-left: 8px;

	font-weight: normal;

}



#md_rightbox_authority ol li{

	color: blue;

	font-weight: bold;

}



/*SHOW IMAGE*/



#showimage {

	width:950px; 

}



#showimage_image {

	text-align: center;

}



#showimage_image .prevbutton {

	padding-right: 36px;

}



#showimage_image .nextbutton {

	padding-left: 36px;

}



#showimage_image .bigimage {

	padding:12px;

	background:#FFF;

	border: 1px solid #B2B2B2;

}



#showimage h2 {

	color:#51B400; 

	font-size:14px; 

	padding-left:10px; 

	padding-bottom:6px; 

	padding-top:30px; 

	border-bottom:1px solid #205E4F;

}



#showimage_info {

	padding:12px 10px 8px 10px;

	line-height:1.7; 

}



#showimage_comments {

	padding:12px 10px 8px 10px;

	line-height:20px; 

}



#showimage_info ul.imageinfo {

	width:230px; 

	padding:6px;

	background:#F2F2F2;

	border:1px solid #A8B5BD;

	line-height:22px; 

	/*float:right;*/

}



#showimage_info ul label {

	color:#737373; 

	margin-right: 8px;

	font-weight: normal;

}



#showimage_info ul li {

	font-weight: bold;

}



#showimage_userinfo, #showimage_download {

	line-height:18px; 

	padding:6px;

	background:#FFF;

	border:1px solid #A8B5BD;

}



#showimage h3 {

	color:#205E4F; 

	font-size:14px; 

	padding-left:10px; 

	padding-bottom:6px; 

	padding-top:30px; 

	border-bottom:1px solid #B0653C;

}



#showimage_submitcomment {

	width:230px; 

	padding:6px;

	border:1px solid #A8B5BD;

	line-height:22px; 

	float:right;

}



#showimage_comments div.comment {

	float:left;

	width:640px; 

	padding:10px;

	border:1px dotted #A8B5BD;

	margin-bottom:16px;

}



#showimage_comments div.author {

	background:#F2F2F2;

	color:#8B8583;

	float:left;

	width:574px; 

	overflow:hidden;

	padding-left:6px; 

	height:24px; 

}



#showimage_comments div.author a {

	margin-right:22px;

}



#showimage_comments div.number {

	background:#F2F2F2;

	width:74px; 

	color:#8B8583;

	float:right;

	text-align: right;

	padding-right:8px; 

	height:24px; 

}



/*PUBLISH IMAGES*/



#pb_leftbox {

	float:left; 

	width:220px; 

}



#pb_leftbox h2 {

	letter-spacing:2px; 

	color:#996600; 

	font-size:14px; 

	padding-left:20px; 

	padding-bottom:10px; 

	border-bottom:1px solid #CC9900;

}



#pb_leftbox_main {

	padding:10px 6px 8px 6px; 

	float:left;

}



#pb_rightbox { 

	float:right; 

	width:700px; 

}

#pb_rightbox h2 {

	letter-spacing:2px; 

	color:#51B400; 

	font-size:14px; 

	padding-left:20px; 

	padding-bottom:10px; 

	border-bottom:1px solid #A8B5BD;

}



#pb_rightbox_main {

	padding:16px 10px 8px 10px;

}



#pb_rightbox_main td{

	height:30px;

}



/*LOGIN FORM*/



#login {

	border:1px solid #FF9900;

	width:300px; 

	margin:0 auto; 

	margin-top:48px;

	line-height:18px;

	padding:6px;

}



#login .loginform{

	background: #ffd;

	padding:26px 6px 16px 6px;

	margin-top:6px;

}



#login input.text {width:138px;}



#login td {vertical-align:middle;}



#login td.label {

	text-align:right;

	padding-right:6px;

	padding-left:10px;

}



#login a {

	padding-left:16px;

}



/******* Don't Move System CSS *************/



#sysinfo_error { width:400px; margin:0 auto; margin-top:22px;margin-bottom:22px;color:#000;}

#sysinfo_success { width:400px; margin:0 auto; margin-top:22px;margin-bottom:22px;color:#000;}



/* Pagelist CSS */



.PageListDiv {

	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, sans-serif;

	font-size:14px;

	line-height:30px;

	font-weight:bold;

	padding-right:2px;

	float:right;

	text-align:right;

}



.PageList {

	margin:0;

	padding:0;

	list-style:none;

}



.PageList li {

	display:inline;

}



.PageList a, 

.PageList li a {

	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, sans-serif !important;

	font-size:14px !important;

	background: #C5E0AB; 

	padding: 2px 7px 2px 7px; 

	text-decoration:none !important;

	color:#3354aa !important;

}



.PageList span.CurrentPage {

	background: #E8F3DE; 

	padding: 2px 7px 2px 7px; 

	border: 1px solid #C5E0AB;

	color:#ACA8AA;

}



.PageList li a.PagePrev {

	background:#fff url(../images/page_nav.jpg) top left no-repeat !important;

}



.PageList li a.PageNext {

	background:#fff url(../images/page_nav.jpg) top right no-repeat !important;

}



.PageList li span.NoPagePrev {

	background:#fff url(../images/page_nav.jpg) top left no-repeat;

	padding: 2px 7px 2px 7px; 

	color:#ACA8AA;

}



.PageList li span.NoPageNext {

	background:#fff url(../images/page_nav.jpg) top right no-repeat;

	padding: 2px 7px 2px 7px; 

	color:#ACA8AA;

}



/* Errors Info CSS */



.e_lborder {

	background:#FFE1E1 url(../images/e_border.gif) repeat-y left bottom;

}

.e_rborder {

	background:transparent url(../images/e_border.gif) repeat-y right top;

}

.e_tborder {

	background:transparent url(../images/e_border.gif) repeat-x;

}

.e_bborder {

	background:transparent url(../images/e_border.gif) repeat-x center bottom;

}

.e_tlcorner {

	background:transparent url(../images/e_tlcorner.gif) no-repeat;

}

.e_trcorner {

	background:transparent url(../images/e_trcorner.gif) no-repeat right top;

	padding:12px 20px;

	overflow:auto;

}

.e_blcorner {

	background:transparent url(../images/e_blcorner.gif) no-repeat left bottom;

}

.e_brcorner {

	background:transparent url(../images/e_brcorner.gif) no-repeat right bottom;

}



/* Success Info CSS */



.s_lborder {

	background:#DEFBC6 url(../images/s_border.gif) repeat-y left bottom;

}

.s_rborder {

	background:transparent url(../images/s_border.gif) repeat-y right top;

}

.s_tborder {

	background:transparent url(../images/s_border.gif) repeat-x;

}

.s_bborder {

	background:transparent url(../images/s_border.gif) repeat-x center bottom;

}

.s_tlcorner {

	background:transparent url(../images/s_tlcorner.gif) no-repeat;

}

.s_trcorner {

	background:transparent url(../images/s_trcorner.gif) no-repeat right top;

	padding:12px 20px;

	overflow:auto;

}

.s_blcorner {

	background:transparent url(../images/s_blcorner.gif) no-repeat left bottom;

}

.s_brcorner {

	background:transparent url(../images/s_brcorner.gif) no-repeat right bottom;

}





/* Font Color CSS */



.red {

	color:red;

}



.redb {

	color:red;

	font-weight:bold;

}



.lightgrey {

	color:#8B8583;

}



.lightgreyb {

	color:#8B8583;

	font-weight:bold;

}



.black {

	color:#000;

}



.blackb {

	color:#000;

	font-weight:bold;

}



.orange {

	color:#FF9900;

}



.orangeb {

	color:#FF9900;

	font-weight:bold;

}



/******* Don't Move System CSS *************/





.c_1 {border:1px solid #D9D9D9;margin-bottom:18px;}

.c_2 {width:96%;float:right;margin-bottom:10px;margin-top:8px;}

.c_h1 {background:#F3F5F8;border-bottom:1px solid #D9D9D9;color:#5E5E5E;text-align:left;padding:2px 10px 0; height:26px;}

.c_h2 {border:1px dotted #D9D9D9;color:#5E5E5E;text-align:left;padding:2px 10px 0; height:26px;border-right:0px;}

.c_h1 span {float:right;}

.c_h1 div {float:left}

#background {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
}

.stretch {
    width: 100%;
    height: 100% !important;
    display: none;
}