/* CSS Document */
body {
	margin:0px; 
	font-family:Arial; 
	font-size:12px; 
	color:#6D6D6D; 
	vertical-align:top;
}

img{ border: none; }

a:link,a:visited,a:active {
	color:#003399; text-decoration:none;
}

a:hover {
	color:#F00; text-decoration:underline;
}

a.menu:link,a.menu:visited,a.menu:active {
	color:#6F6F6F; text-decoration:none;
}

a.menu:hover {
	color:#F00; text-decoration:underline;
}

span.break {word-break:break-all;}

td {
	word-wrap:break-word;
}

.alt {
	display:none;
}

div.left {
 padding-right:10px; width:auto; float:left;}

p.red {
	color:#F03; font-family:Arial; font-size:15px;}
	
p.yellow {
	color:#C90; font-family:Arial; font-size:15px;}

input,textarea,select{
	color: #333333;
	}

input.search {border:1px solid buttonshadow;}

input.text {
	 width:180px; border:1px solid buttonshadow;
}

textarea.content {
	 width:400px; border:1px solid buttonshadow;
}


input.text_long {
	   border:1px solid buttonshadow;
	   width:300px;
}

input.text_min {
	  border:1px solid buttonshadow;
	  width:50px;
}

input.file {
	width:180px;
}

.TR_Space_Color2{
	BACKGROUND-COLOR: #F1F8FE;
	line-height: normal;
	}
	
input.twonumber {width:15px;border:1px solid buttonshadow;}

input.admin {
	width:158px; border:1px solid buttonshadow;
}

input.morethan {
	width:94px; border:1px solid buttonshadow;
}

input.between {
	width:153px; border:1px solid buttonshadow;
}

input.time {
	 width:125px; border:1px solid buttonshadow;
}

input.specialtime {
	width:14px; border-left:0px; border-right:0px; border-top:0px; border-buttom:1px solid buttonshadow;
}

input.submit {
	width:auto; 
	height:21px;
	font-size:12px;
}

input.go {
	width:24px; 
	border:1px solid buttonshadow;
	font-size:12px
}

input.number {
	width:30px; font-size:11px;border:1px solid buttonshadow;
}

input.data_d {
	width:20px; height:20px; background-image:url(../images/admin/data_default.gif); background-repeat:no-repeat; border:0px;
}

input.data_o {
	width:20px; height:20px; background-image:url(../images/admin/data_over.gif); background-repeat:no-repeat; border:0px;
}

input.verify {
	width:40px; border:1px solid buttonshadow;
}

input.checkbox {
	width:auto;
}

input.ratestableadd {
	width:auto;}
	
input.settingodd {
	border:0px; background-color:#FFF; color:#C30; cursor:hand;}

input.settingeven {
	border:0px; background-color:#F1F8FE; color:#C30; cursor:hand;}

input.editodd {
	border:0px; background-color:#FFF; color:#C93; cursor:hand;}
	
input.editeven {
	border:0px; background-color:#F1F8FE; color:#C93; cursor:hand;}

div.errorrecords {
		 text-align:center;}

select {
	font-size:12px;
}

select.number {
	width:60px;
}
select.calendar {
	width:80px;
}

select.choice {
	width:82px;
}

select.month {
	width:90px;
}

select.businessgroupadd {
	width:184px;
}

select.commselect {
	width:184px;
}

select.ratestableadd {
	width:155px;}

.moneny { text-align:right}

#img_verify {
	width:62px; height:20px; 
	background-repeat:no-repeat;
}

#img_login {
	width:187px; height:50px; background-image:url(../images/admin/img_login.gif); background-repeat:no-repeat;}

.img_add {
	width:16px; height:16px; background-image:url(../images/admin/img_add.gif); background-repeat:no-repeat;
}

.img_show {
	width:16px; height:16px; background-image:url(../images/admin/img_show.gif); background-repeat:no-repeat;
}

.img_min {
	width:16px; height:16px; background-image:url(../images/admin/img_min.gif); background-repeat:no-repeat;
}

.img_none {
	width:16px; height:16px;
}

.img_darr {
	width:16px; height:16px; background-image:url(../images/admin/img_darr.gif); background-repeat:no-repeat;
}

.img_uarr {
	width:16px; height:16px; background-image:url(../images/admin/img_uarr.gif); background-repeat:no-repeat;
}

.img_detail_add {
	width:16px; height:16px; background-image:url(../images/admin/img_detail_add.gif); background-repeat:no-repeat;
}

.img_detail_min {
	width:16px; height:16px; background-image:url(../images/admin/img_detail_min.gif); background-repeat:no-repeat;
}

#img_hint {
	width:48px; height:48px; background-image:url(../images/admin/img_hint.gif); background-repeat:no-repeat;
}

#img_first {
	width:9px; height:8px; background-image:url(../images/admin/img_first.gif); background-repeat:no-repeat;
}

#img_last {
	width:9px; height:8px; background-image:url(../images/admin/img_last.gif); background-repeat:no-repeat;
}

#img_next {
	width:8px; height:8px; background-image:url(../images/admin/img_next.gif); background-repeat:no-repeat;
}

#img_previous {
	width:8px; height:8px; background-image:url(../images/admin/img_previous.gif); background-repeat:no-repeat;
}

#img_company {
	width:19px; 
	height:15px; 
	background-image:url(../images/admin/img_company.gif); 
	background-repeat:no-repeat;
}

#img_successed {
	width:32px; height:32px; background-image:url(../images/admin/groupscuessed.gif); background-repeat:no-repeat;
}

#user {
	width:16px; height:16px; background-image:url(../images/admin/img_user.gif); background-repeat:no-repeat;
}

#logoff {
	width:16px; height:16px; background-image:url(../images/admin/img_logoff.gif); background-repeat:no-repeat;
}

#close {
	width:14px; height:14px; background-image:url(../images/admin/img_exit.gif); background-repeat:no-repeat;
 }

.asterisk {
	padding-left:5px; color:#FF0000;
}

#onoff {float:left;}

.lineMouseOver {
	background-color:#F8DC87;
}

.lineMouseDown {
	background-color:#E1EDFD;
}

.pagination a.now:link, .pagination a.now:visited, .pagination a.now:active, .pagination a.now:hover {
	color:#C00; text-decoration:none;
}

#top {
}

#foot {
	border-top:2px solid #F4F2E3;
}

#foot .logo {
	height:auto; padding:5px 5px 0px 10px; font-size:9px; float:left;
}

#foot .left {
	margin-left:2px; padding-top:8px; font-size:9px; float:left;
}

#foot .right {
	padding:8px 10px 0px 0px; font-size:9px; float:right;
}

#top_logo {
	width:300px; 
	height:46px; 
	background-image:url(../images/admin/logo.jpg); 
	background-repeat:no-repeat; 
	float:left;
}

#top_logoff { margin-top:-18px !important; margin-top:28px; font-weight:bold; float:right;}

#top_logoff .top_logoff{ padding-left:5px; padding-right:5px; float:right;}
*html #top_logoff .top_logoff{ padding-left:5px; padding-right:5px; float:right;}
*+html #top_logoff .top_logoff{ padding-left:5px; padding-right:5px; float:right;padding-top:44px}

#top_logoff .top_user_text{ padding-left:5px; padding-right:5px; float:right;}
*html #top_logoff .top_user_text{ padding-left:5px; padding-right:5px; float:right;}
*+html #top_logoff .top_user_text{ padding-left:5px; padding-right:5px; float:right;padding-top:44px}

#top_logoff .top_user { padding-left:5px; padding-right:5px; float:right;}
*html #top_logoff .top_user { padding-left:5px; padding-right:5px; float:right;}
*+html #top_logoff .top_user { padding-left:5px; padding-right:5px; float:right;padding-top:44px}

#top_logoff .top_logoff_text{ padding-left:5px; padding-right:5px; float:right;}
*html #top_logoff .top_logoff_text{ padding-left:5px; padding-right:5px; float:right;}
*+html #top_logoff .top_logoff_text{ padding-left:5px; padding-right:5px; float:right;padding-top:44px}

#top_menu {
	clear:both; height:25px;	
	border-top:4px solid #FDCD01; 
	background-image:url(../images/admin/top_menu_bg.jpg); background-repeat:repeat-x;
}

#top_menu_content {
	padding:5px; float:left;
}

#top_menu_content span {
	padding-left:2px; padding-right:2px; font-size:12px; font-weight:bold;
}

#top_menu_content a:link,#top_menu_content a:visited,#top_menu_content a:active {
	color:#1D1D1D; text-decoration:none;
}

#top_menu_content a:hover {
	color:#C30;
}

#top_menu_content span.active a:link,#top_menu_content span.active a:visited,#top_menu_content span.active a:active {
	color:#B8860B; text-decoration:none;
}

#top_menu_content span.active a:hover {
	color:#C30;
}

#top_menu_help {
	padding:5px; padding-right:10px; font-size:12px; font-weight:bold;float:right;
}

#top_menu_help a:link,#top_menu_help a:visited,#top_menu_help a:active,#top_menu_help a:hover {
	color:#369; text-decoration:none;
}

#top_help_img {
	margin-top:3px; width:18px; height:18px; background-image:url(../images/admin/img_help.gif); background-repeat:no-repeat; float:right;
}

#select_language {
	margin-right:10px; padding-top:3px; float:right;
}

#select_language span {
	padding-right:5px;
}

#login_body {
	margin-top: 20px;
}

#login_img {
}

#main {
	clear:both;
}

#main_table {
	border-top:1px solid #FFCF00;
 }
 
#main_left {
	padding:5px; width:18%; border-right:1px solid #CCC; background-color:#E7EFFF; vertical-align:top;
}

.main_left_sidebar_on {
	width:16px; height:16px; background-image:url(../images/admin/img_left.gif); background-repeat:no-repeat; float:right; cursor:hand;
}

.main_left_sidebar_off {
	width:16px; height:16px; background-image:url(../images/admin/img_right.gif); background-repeat:no-repeat; float:right; cursor:hand;
}

#left_menu {
	margin-top:10px; clear:both;
}

#left_menu_title {
	padding-left:5px; padding-top:2px; height:20px; background-image:url(../images/admin/main_menu_bg.jpg); background-repeat:repeat-x; border:1px solid #95b7F3; color:#333; font-weight:bold;
}

.left_menu_content {
	width:178px !important; width:170px; border:1px solid #95b7F3; border-top:0px; background-color:#FFF;
}

.left_menu_content table td {
	padding-top:3px; padding-bottom:4px;
}

.left_menu_content td {
vertical-align:top;
}

.left_menu_content td.li {
	width:20px; text-align:center; vertical-align:top;
}

.left_menu_content td.selected {
	border:1px solid #2254B1; background-color:#FEE197;}

.left_menu_content #li_style {
	margin: 5px auto 0px auto; width:5px; height:5px; background-image:url(../images/admin/img_curview.gif); background-repeat:no-repeat;
}

#main_right {
	padding:5px; width:18%; vertical-align:top; background-color:#EFEFEF;
}

#help_title {background-color:#999;width:200px;}
*html #help_title {background-color:#999;width:auto;}
*+html #help_title {background-color:#999;width:auto;}

#help_title .note {
	padding:5px; font-weight:bold; float:left;}

#help_title .help_close {
	padding:5px; float:right; cursor:hand;
}

#help_content {height:400px; clear:both; background-color:#FFF; border:1px solid #CCC;width:200px;}
*html #help_content {height:400px; clear:both; background-color:#FFF; border:1px solid #CCC;width:auto;}
*+html #help_content {height:400px; clear:both; background-color:#FFF; border:1px solid #CCC;width:auto;}

#main_center {
	padding:5px 15px 20px 15px; width:82%; vertical-align:top;
}

#main_title {
	margin-top:5px; padding:5px; padding-left:10px; border:1px solid #95b7F3; background-image:url(../images/admin/main_menu_bg.jpg); color:#000; font-weight:bold;
}

#main_title_content {
	margin:5px; margin-bottom:15px; text-align: justify; text-indent: 10px; line-height:1.5em;
}

#main_top_table {
}

#main_top_table div.leaf {
	margin-right:10px; padding:5px; float:left; font-weight:bold; border:1px solid #FDCD01; background-image:url(../images/admin/top_menu_bg.jpg); background-repeat:repeat-x;}

#main_menu {
	margin-top:5px; margin-bottom:5px; border:1px solid #95b7F3; clear:both;
}

#main_menu_title {
	height:22px; background-image:url(../images/admin/main_menu_bg.jpg);
}

#main_menu_title a:link,#main_menu_title a:visited,#main_menu_title a:active {
	color:#222; text-decoration:none;
}

#main_menu_title a:hover {
	color:#C30;}

.main_menu_img {
	width:4%; text-align:center;
}

.main_menu_buttom {
	width:15%; font-size:12px; font-weight:bold; text-align:center;
}

.main_menu_active {
	width:15%; border:1px solid #2254B1; background-color:#FEE197; font-size:12px; font-weight:bold; text-align:center;
}

#main_menu_content td {
	height:2.5em;
}

#main_menu_search {
	padding:5px; border-top:1px solid #95B7F3;
}

#main_menu_search td {
	height:2.5em; vertical-align:top;
}

#main_menu_search .space {
	width:5%;
}

#main_menu_search .name {
	width:20%;
}

#main_menu_search .object {
	width:30%;
}

#main_menu_search .submit {
	margin-left:10px;
}

#main_menu_batch {
	padding:5px; border-top:1px solid #95B7F3;
}

#main_menu_batch .space {
	width:5%;
}

#main_menu_batch .name {
	width:10%;
}

#main_menu_batch .submit {
	margin-left:10px;
}

#main_content {
	margin-bottom:10px; margin-top:10px; border:1px solid #95b7F3;
}

#main_content_title {
	color:#333; height:25px; background-image:url(../images/admin/main_menu_bg.jpg); background-repeat:repeat-x; border-bottom:1px solid #95b7F3;
}

#main_content_title .note {
	padding:5px; padding-left:10px; float:left;font-weight:bold;
}

#note {
	padding:5px; padding-left:10px; float:left;font-weight:bold;
}

#main_content_title .note1 {
	padding:5px; padding-right:10px; float:right;
}

#main_content_title .step {
	padding:5px; padding-left:10px; float:left; font-weight:bold; color:#C90;
}

#main_content_title .pagination {
	margin-top:2px;width:auto; color:#333; float:right;
}

#main_content_title .pagination td {
	padding-left:4px; padding-right:4px;
}

#main_content_title .pagination label {
	cursor:hand;
}

#main_content_title .pagination lable {
	cursor:hand;
}

#main_content_foot {
	height:25px; background-image:url(../images/admin/main_menu_bg.jpg); border-top:1px solid #95b7F3;padding-top:3px
}

*html #main_content_foot {
	height:20px; background-image:url(../images/admin/main_menu_bg.jpg); border-top:1px solid #95b7F3;
}

*+html #main_content_foot {
	height:25px; background-image:url(../images/admin/main_menu_bg.jpg); border-top:1px solid #95b7F3;padding-top:3px
}

#main_content_foot .pagination {
	width:auto; color:#333; float:right; padding-right:10px;
}

#main_content_foot .pagination td {
	padding-left:4px; padding-right:4px;
}

#main_content_foot .pagination label {
	cursor:hand;
}

#main_content_foot .pagination lable {
	cursor:hand;
}

#main_content_list {
	margin:10px;
}

#main_content_list td {
	padding-left:2px; padding-right:2px;}

#main_content_table {
	margin:20px; margin-bottom:10px;
}

#main_content_table td {
	height:2.5em; vertical-align:top;
}

#main_content_table td.label {
	padding-top:2px; background-color:#FFF;
}

#main_content_table td.lable {
	padding-top:2px; background-color:#FFF;
}

#main_content_action {
	margin:20px; margin-top:0px; padding-right:30px; text-align:right;
}

#main_content_action span {
	padding-left:10px; padding-right:10px;}

#main_content_list table.main {
	background-color:#95b7F3;
}

#main_content_list td {
	height:20px;
}

#main_content_list .selectall{
	padding-left:5px; 
	background-image:url(../images/admin/main_menu_bg.jpg); 
	background-repeat:repeat-x;
	height:30px;
}

#main_content_list a.edit:link,#main_content_list a.edit:visited,#main_content_list a.edit:active {
	color:#C93; text-decoration:none;
}

#main_content_list a.edit:hover {
	color:#F00;
}

#main_content_list a.setting:link,#main_content_list a.setting:visited,#main_content_list a.setting:active {
	color:#C30; text-decoration:none;
}

#main_content_list a.setting:hover {
	color:#F00;
}

#main_content_list a.view:link,#main_content_list a.view:visited,#main_content_list a.view:active {
	color:#069; text-decoration:none;
}

#main_content_list a.view:hover {
	color:#F00;
}

#main_list_index {
	background-image:url(../images/admin/main_menu_bg.jpg); 
	background-repeat:repeat-x; 
	font-weight:bold; 
	color:#000; 
	text-align:center;
}

#main_list_index a:link,#main_list_index a:visited,#main_list_index a:active {
	color:#000; text-decoration:none;
}

#main_list_index a:hover {
	color:#000; text-decoration:none;
}

#main_list_index a.ordertext:link,#main_list_index a.ordertext:visited,#main_list_index a.ordertext:active {
	color:#000;text-decoration:none;
}

#main_list_index a.ordertext:hover {
	color:#F00; text-decoration:underline;
}

#main_list_index .updown {
	margin-left:auto; margin-right:auto; cursor:hand;
}

.odd {
	background-color:#FFF;
}

.even {
	background-color:#F1F8FE;
}

.object {
	background-color:#FFF;
}

.label {
	background-color:#F1F8FE;
}

.lable {
	background-color:#F1F8FE;
}

#main_content_list td.select {
	text-align:center;
}

#main_content_list td.right {
	text-align:right;
}

#main_content_list  tr.detail {
	background-color:#FFF;
}

#main_content_list  tr.detail  td{
	padding:5px; vertical-align:top;
}

#detail_content {
	margin:15px;
}
/*-------------------------------------------------------*/

#login_body {
	width:100%;
}

#login_img {
	padding:20px 20px 20px 160px;
}

#login_img span.img {
	padding-right:30px;
}

#login_img span.welcomeword {
	font-size:medium;
	font-weight:bold;
}

#login_form td{
	height:2.5em;}

#export {
}

#export .txt{
	width:32px; height:32px; background-image:url(../images/txt.gif); background-repeat:no-repeat;
}
	
#export .csv{
	width:32px; height:32px; background-image:url(../images/csv.gif); background-repeat:no-repeat;
}

#export .xls{
	width:32px; height:32px; background-image:url(../images/xls.gif); background-repeat:no-repeat;
}	

/*Credits: Dynamic Drive CSS Library */
.somediv{
width: 650px;
clear: left;
border: 0px solid gray;
height:130px;
}

.somediv .floatbox{
float: left;
width: 175px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 100%;
}

.somediv p{
margin-top: 0;
margin-left: 175px;
}

/*Credits: Dynamic Drive CSS Library */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.font_orange{color:#FF6600}
.font_red{color:#FF0000}
.font_blue{color:#333399}
.font_green{color:#006600} 
.list_note{font-weight:normal;color:#666};

 /* pic */
#edbody{width:100%;clear:both;margin-top:2px;}
#photolist .iconsmode .op,#photolist .iconsmode .op,#photolist .iconsmode .cl,#photolist .iconsmode .fr{ display:block; font-size:0px; width: 16px; height: 16px; line-height:0px; text-decoration:none; margin:4px; text-indent: -9999px; background-repeat:no-repeat; background-position:center; float:left;}

#albumcollectionlist .iconsmode .op,#albumcollectionlist .iconsmode .op,#albumcollectionlist .iconsmode .cl,#albumcollectionlist .iconsmode .fr{ display:block; font-size:0px; width: 16px; height: 16px; line-height:0px; text-decoration:none; margin:4px; text-indent: -9999px; background-repeat:no-repeat; background-position:center; float:left;}

.iconsmode{clear:both;width:100%;margin-top:3px;}

.iconsmode .item{width:102px;height:130px;float:left;margin:10px;padding:12px;margin-bottom:10px}
*html .iconsmode .item{width:102px;height:130px;float:left;margin:10px;padding:0px;margin-bottom:auto}
*+html .iconsmode .item{width:102px;height:130px;float:left;margin:10px;padding:12px;margin-bottom:10px;margin-top:0px}

.iconsmode .inner{width:100px; height:115px;background-color:#FFF;border:1px solid #CCC;margin-bottom:35px}
*html.iconsmode .inner{width:110px; height:100px;margin-top:4px;background-color:#FFF;border:1px solid #CCC;margin-bottom:auto}
*+html .iconsmode .inner{width:100px; height:115px;margin-top:4px;background-color:#FFF;border:1px solid #CCC;margin-bottom:35px}


.iconsmode dl{ display: block; width: 128px; height: 134px; margin: 3px; background: url(../images/icons/bg_album.gif) no-repeat; }
.iconsmode dl.content,.iconsmode dl.audio,.iconsmode dl.video{ background:#f8f8f8; }
.iconsmode dt{ display: block; width: 128px; height: 90px; text-align:center; }

#main_guaid{margin:6px 0px 6px 0px}
#main_guaid a:link, #main_guaid a:visited, #main_guaid a:active {color:#666; text-decoration:none;}
#main_guaid a:hover {color:#C30;}

/* page nav */
div.pagenav {
	padding-right: 6px; padding-left: 0px; font-size: 12px; padding-bottom: 4px; color: #313031; padding-top: 4px; font-family: arial, helvetica, sans-serif;  text-align: right
}
div.pagenav a {
	padding-right: 3px; padding-left: 3px; font-weight: normal; padding-bottom: 1px; margin: 0px 1px;   padding-top: 1px; text-decoration: underline
}
div.pagenav a:hover {
	
}
div.pagenav a:active {
	
}
div.pagenav span.current {
	padding-right: 2px; padding-left: 2px; padding-bottom: 1px; color: #000; padding-top: 1px; background-color: #fff
}
div.pagenav span.disabled {
	display: none
}

/* info msg */
.InfoMsgBig {
	BORDER-RIGHT: #ddcf8f 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ddcf8f 1px solid; PADDING-LEFT: 80px; BACKGROUND: url(../images/admin/standard_msg_warning_big.gif) #ffffed no-repeat 5px 8px; PADDING-BOTTOM: 5px; MARGIN: 10px 5px 20px 0px; BORDER-LEFT: #ddcf8f 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ddcf8f 1px solid; ZOOM: 1; TEXT-ALIGN: left;
}
.InfoMsgBig P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 20px; PADDING-TOP: 0px
}

.InfoMsgSmall {
	BORDER-RIGHT: #ddcf8f 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ddcf8f 1px solid; PADDING-LEFT: 30px; BACKGROUND: url(../images/admin/standard_msg_warning.gif) #ffffed no-repeat 5px 8px; PADDING-BOTTOM: 5px; MARGIN: 10px 5px 20px 0px; BORDER-LEFT: #ddcf8f 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ddcf8f 1px solid; ZOOM: 1; TEXT-ALIGN: left;
}
.InfoMsgSmall P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 20px; PADDING-TOP: 0px
}