@charset "utf-8";
@import url('green.less');
/*Black Style*/
*{font-family: �L�n������; font-size: 12px;}
html, body, form{ font-size: 12px; margin: 0px; padding: 0px; background-color: #fff;line-height: 20px; height: 100%;}
td{font-size: 12px;line-height: 20px;}
strong{ font-weight: bold;}

.header{ margin: 0px; padding: 0px; width: 100%;}
/*.header ul li a{ color: #d3ffa0; text-decoration: none;}*/

/*top menu*/
ul.topmenu{ display: inline; }
ul.topmenu li{ display: inline; padding: 5px;}
ul.topmenu li a{ text-decoration: none;}

.thumb{border: 1px solid #ccc; background-color: #f3f3f3; width: 100px; height: 80px; overflow: hidden; color: #ccc; text-align: center; vertical-align: middle;}
.block{border: 1px solid #ccc; width: 98%;}
.bg{ background-color: #E5EDF7;}
.note{ color: #666; padding: 10px; line-height: 20px;}
.notice{ background-color: #fff;}
.notice a{ color: #0000ff; text-decoration: none;}
.notice a:hover{ color: #6262F3; text-decoration: underline;}

.payment{ padding: 20px; width:800px; font-size: 12px;}
.payment .note{ color: #666; font-size: 12px; padding: 20px;}
.payment .note ul{ margin: 10px; display: list-item;}
.payment .note li{ margin: 10px; display: list-item;}

table.form{ width: 100%;}
table.form tr{ height: 25px;}
table.form tr.title td{ background-color: #0d8800; text-align: center;}
table.form td{ border-bottom: 1px dotted #ccc; border-right: 1px dotted #ccc; padding: 2px 5px 2px 5px;}
table.form td.name{ text-align: right; padding: 2px 5px 2px 5px; background-color: #d3ffa0;}
table.form td.value{ padding: 2px 5px 2px 5px;}
table.form .note{ color: #0d4b00;}
table.form .req{ color: #FF0000;}
table.form input[type=text]{ }
table.form input[type=password]{ }
table.form textarea{ line-height: 20px; }

table.form tr.rowover:hover td{ background-color: #ffffcc;}
table.form td.privacy{ background-color: #d3ffa0; color: #cc0000;}

table.form2 tr{ height: 25px;}
table.form2 tr.title td{ background-color: #0d8800; text-align: center;}
table.form2 td{ padding-right: 2px; padding-left: 2px;}
table.form2 .note{ color: #FF0000;}
table.form2 .req{ color: #FF0000;}
table.form2 input[type=text]{ border: 1px solid #999; padding: 2px; color: #333;}
table.form2 input[type=password]{ border: 1px solid #999; padding: 2px; color: #333;}
table.form2 textarea{ border: 1px solid #999; padding: 2px; color: #333;}

table.toolbar td{ padding: 2px 5px;}

table.red td{ background-color: #FFD3D6;}
table.red td.title{ background-color: #f1a6ab;}
table.yellow td{ background-color: #FCFFC9;}
table.yellow td.title{ background-color: #fadf8b;}
table.blue td{ background-color: #CEF5FF;}
table.blue td.title{ background-color: #8adcf1;}
table.green td{ background-color: #ceffd5;}
table.green td.title{ background-color: #71df80;}

/*form*/
input.disabled{ background: #eee; color: #666;}
select.disabled{ background: #eee; color: #666;}
textarea.disabled{ background: #eee; color: #666;}
input.search{ background: url(/images/icon/search.gif) no-repeat left; padding-left: 20px; border: 1px solid #999;}

.opt{cursor: pointer;}

/*top menu*/
ul.topmenu{ display: inline; }
ul.topmenu li{ display: inline; padding: 5px;}
ul.topmenu li a{ text-decoration: none;}

.x-check-group-bg {
	background-color: #0d8800; padding-left: 10px; font-weight: bold; color: #fff;
}
.x-check-group-alt {
	background-image: url(/Ext/resources/images/black/toolbar/bg.gif);
	border-top:1px dotted #B5B8C8;
}
.x-check-group-alt_1 {
	background-image: url(/Ext/resources/images/black/toolbar/bg.gif);
}
.x-check-group-alt2 {
	border-top:1px dotted #B5B8C8;
	background-color: #FFFFFF;
	padding-left:5px;
}
.x-check-group-alt2_1 {
	background-color: #FFFFFF;
	padding-left:5px;
}

/*icon*/
.icon-map{ background: url(/images/icon/map.gif); width: 16px; height: 16px; overflow: hidden; padding: 0px; border: 0px; vertical-align: top;}

/*FullCalendar*/
.cate1{ background: #67296F; padding: 5px; color: #FFC9FF; font-size: 12px;}
.cate2{ background: #435234; padding: 5px; color: #D3FFA0; font-size: 12px;}
.cate3{ background: #314B71; padding: 5px; color: #C1E5FF; font-size: 12px;}

/*GridPanel*/
.row_red{ background-color: #EEB9EE;}
.row_blue{ background-color: #C3E3F6;}
.row_gray{ background-color: #f3f3f3;}

/*Map Info*/
#GInfo{ width: 395px; border: 1px solid #fff;}
#GInfo .title{ margin: 5px 0px;}
#GInfo .title span{ font-size: 16px; color: #333; font-weight: bold;}
#GInfo span.name{ color: #333;}
#GInfo span.contract{ color: #666; font-size: 14px; font-family: Arial;}
#GInfo span.sell{ color: #cc0000;}
#GInfo span.rent{ color: #008000;}
#GInfo .image{ width: 150px; padding: 0px;}
#GInfo .photo{ width: 150px; text-align: center; padding: 5px; overflow: hidden; vertical-align: top;}
#GInfo .photo img{ width: 150px;}
#GInfo .info { background-color: #ccc; border: 5px solid #EDFFD8;}
#GInfo .info td{ color: #666; background-color: #fff; padding-left: 5px;}
#GInfo .info td.name{ width: 70px; color: #333; background-color: #E0FCC1; border-top: 1px solid #fff; border-right: 1px solid #fff; text-align: right; padding-right: 5px;}
#GInfo ul.list { margin: 2px; padding: 3px;}
#GInfo ul.list li{ display: inline-block; width: 45px; height: 45px; margin: 1px; }
#GInfo ul.list li img{ width: 45px; height: 45px; cursor: pointer;}
#GInfo .more{ text-align: center;}
#GInfo .more a{ color: #5671f3; text-decoration: none;}
#GInfo .more a:hover{ color: #2042e1; text-decoration: underline;}
#GInfo .more img {vertical-align:text-top;}


@media print {
    .noprint{ display:none; }
}