@charset "utf-8";

/*********  Global Style *********/
* {
	margin: 0;
	padding: 0;
}
html {overflow:auto;}
body {
	margin:10px;
	font-size: 12px;
	font-family: Verdana, Tahoma, 宋体, Arial, sans-serif;
	color: #000;
	background-color: #fff;
}
ul, li, dl, dd {
	list-style:none;
}
a, a:link, a:visited, a:active {
	color: #00f;
	text-decoration: none;
}
a:hover {
	color: #395500;
	text-decoration: underline;
}
img {
	border: 0 none;
	vertical-align: middle;
}
em, cite, th{
	font-style: normal;
	font-weight: normal;
}
select {
	padding:1px 3px; 
	border:1px solid #979AA1;
}
label { margin-right:5px; }
fieldset { margin:8px 0; }
legend { margin-left:10px; }
table {
	border-collapse:collapse;
	border-color:#ccc;
	empty-cells: show;
	line-height:1.5em;
}
iframe {border:0 none;}


/*********  Button Style *********/
button,
button:hover,
.btnNormal, 
.btnHover 
{
	border:1px solid #7EBF4F;
	margin-left:5px;
	margin-right:0;
	font-size:12px;
	background-color:#B3D997;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#B3D997);
	width:65px;
	height:22px;
	line-height:20px;
	cursor:pointer;
	border-radius:6px;
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}
button:hover,
.btnHover 
{
	background-color:#CAE4B6;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#CAE4B6);
}

.btnLarge
{
	border:1px solid #7EBF4F;
	margin-left:5px;
	margin-right:0;
	font-size:14px;
	background-color:#B3D997;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#B3D997);
	width:85px;
	height:30px;
	line-height:30px;
	cursor:pointer;
}
/*********  TextBox Style *********/
textarea { padding:3px; overflow:auto; border:1px solid #979AA1;}
.txtNormal, input.txtRead,
.txtStr, .txtNum, .txtDate,
.txtLabel, .txtW100 
{
	color:#000;
	width:150px;
	height:18px;
	line-height:18px;
	padding:1px 3px;
	border:1px solid #979AA1;
	border-radius:5px;
}
[type=text]:hover,
[type=password]:hover,
.txtHover {
	border-color: #4F70A6;
}
input.txtRead, textarea.txtRead, .txtRead:hover {
	color:Gray !important;
	background-color:#EBEBE4 !important;
	border-color:#E4E4DF !important;;
}
.txtStr { text-align:left; }
.txtNum { text-align:right; }
.txtDate {
	text-align:center;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(../../Images/date.gif);
}
.txtLabel, .txtLabel:hover {
	width:100%;
	height:100%;
	line-height:100%;
	background-color:Transparent;
	border:0 none !important; 
}
.txtW100 {width:100%;}
 

/*********  Common Style *********/
.fBold{font-weight:bold;}
.req {color:#990000; font-weight:bold;}
.rec {color:#000099; font-weight:bold;}
.noShow {display:none;}
.comment {color:#9B9B9B}
.row_selected {background:#DBF1CB;}



/*********  Layout Style *********/
.box {
	border:1px solid #A7CE90;
	margin:5px auto;
}
.box-header
{
	background: #A7CE90;
	height: 25px;
	line-height: 25px;
	margin-top: -1px;
}
.box-header h2
{
	float: left;
	font-size: 14px;
	text-indent: 0.5em;
}
.box-btn
{
	float: right;
	display: inline-block;
}
.box-btn li
{
	float: left;
	min-width: 40px;
	text-align: center;
	cursor: default;
	padding-left: 0.3em;
	padding-right: 0.3em;
	border: 1px solid #7EBF4F;
	line-height: 20px;
	background-color: #B3D997;
	margin-left:2px;
	border-radius:5px;
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.box-btn li:hover
{
	background-color: #C5E4AF;
	cursor: pointer
}
.box-space
{
	margin-top:5px;
}
/* h4 这两个样式，建议逐步弃用，以后删除 */
.box h4{
	background: url(../../Images/header_bg_h45.gif);
	font-size:12px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin-bottom:3px;
	padding-left:5px;
}
.box h4 span{
	float:right;
	margin-right:5px;
}

.btnBar {
	text-align:right;
	border-top:1px solid #ccc;
	margin-top:10px;
	padding-top:10px;
}
.title_bar {
	padding: 8px 10px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #C5E4AF;
}


/*********  Table Style *********/
/* 表单表格 */
.tblForm {
	table-layout:fixed;
	margin:auto;
	border:0 none;
	width:100%;
}
.tblForm th, .tblForm td {
	border:0 none;
	padding:3px 2px;
	*padding:2px 2px;
}
.tblForm div {margin-right:8px}
.tblForm div input, .tblForm div textarea {width:100%}
.tblForm td.w100 select {width:100%}

/* 数据表格 */
.tblGrid { border:0 none; }
.tblGrid th, .tblGrid td {
	word-break:keep-all;
	white-space:nowrap;
	padding:2px 5px;
	*padding:1px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#bbb #eee;
}
.tblGrid th {
	text-align:center; 
	background-color:#C5E4AF; 
}
.tblGrid tr:hover {
	background-color:#EEFFDA;
}

/* 快速查询表格，文本框用 div 包起来，可以宽度自适应 */
.tblQuery { table-layout:fixed; width:100%; margin-top:5px; margin-bottom:5px;}
.tblQuery td { text-align:center; }
.tblQuery div { margin:0 10px; }
.tblQuery div input { width:100%; margin:1px; }
.tblQuery select { width:100%; }

/********* Operate Icon *********/
/*
 数据表格中的图标，为保证不换行，ul内要定义宽度。
 宽度值＝（21×n）＋2。［单位px，n为图标的个数，＋2是兼容IE6］
 如：两个图标的情况 <ul class="ico" style="width:44px">
*/
ul.ico li
{
	float:left;
	overflow:hidden;
	cursor: pointer;
	margin:0 3px 0 2px;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	background-position:bottom left;
	_display:inline; /*hack,IE6 double margin */
}
.iDisabled { filter:gray(); }
.iMng { background-image: url(../../Images/content.gif); }
.iMng:hover { background-image: url(../../Images/content2.gif); }
.iCompany { background-image: url(../../Images/iCompany.png); background-size:16px 16px; }
.iCompany:hover { background-image: url(../../Images/iCompany.png); }
.iEdit { background-image: url(../../Images/edit.gif); }
.iEdit:hover { background-image:url(../../images/edit2.gif);}
.iDel { background-image: url(../../Images/del.gif); }
.iDel:hover { background-image: url(../../Images/del2.gif); }
.iRole { background-image: url(../../Images/role.gif); }
.iKey { background-image: url(../../Images/key.gif); }
.iDetail { background-image: url(../../Images/detail.gif); }
.iRpt { background-image: url(../../Images/rpt.gif); }
.iInput { background-image: url(../../Images/input.gif); }
.iUpdate { background-image: url(../../Images/split.gif); }
.iPrint { background-image: url(../../Images/print.gif); }
.iWSBA { background-image: url(../../Images/going.gif); }
.iExcel { background-image: url(../../Images/excel.gif); }
.iLook { background-image: url(../../Images/QurDefine.gif); }
.iCopy { background-image: url(../../Images/copy.gif); }
.iUndo { background-image: url(../../Images/undo.gif); }
.iAdd { background-image: url(../../Images/add.gif); }
.iImport { background-image: url(../../Images/Import.gif); }
.iGoRG { background-image: url(../../Images/split.gif); }
.iFee { background-image: url(../../Images/fee.gif); }


/********* 房间状态颜色 *********/
.ColorBL{background-color: #C0C0C0;} /* 保留 */
.ColorWS{background-color: white;} /*  未售 */
.ColorXK{background-color: Yellow;} /* 销控 */
.ColorRG{background-color: #5EA7DC;} /* 认购 */
.ColorQY{background-color: #FFA500;} /* 签约 */
.ColorYD{background-color: LemonChiffon;} /* 预定 */
.ColorYL{background-color: Chartreuse;} /* 预留 */


/*********  Other Style *********/
.triangle-down{
	border-style: solid dashed dashed;
	border-color: transparent;
	border-top-color: #000;
	width:0; height:0;
	display:inline-block;
	vertical-align: middle;
	_overflow:hidden;
	_display:none;
}


/*********  Tab *********/
.cpu-tab-nav {
	height:24px;
	overflow:hidden;
}
.cpu-tab-nav li{
	float:left;
	width:110px; height:100%; line-height:24px;
	margin-right:2px;
	list-style:none;
	text-align:center; font-weight:bold;
	background:#d6e9c5;
	color:#4D5D2C;
	cursor:pointer;
}
li.cpu-tab-nav-active {
	background-color:#B1D795;
	color:#000;
	cursor:auto;
	text-decoration:none;
}
li.cpu-tab-nav-over {
	text-decoration:underline;
}
.cpu-tab-mid {
	background-color:#B1D795;
	min-height:5px;
	_height:5px; /*ie6 hack*/
	font-size:0;
}
.cpu-tab-bar {
	background-color:#B1D795;
}
.cpu-tab-box {
	clear:both;
	background-color:#f3fbeb;
}
.cpu-tab-box>div {
	display:none;
	overflow:auto;
	height:100%;
}
.cpu-tab-box-wrapper {/*兼容IE6*/
	display:none;
	overflow:auto;
	height:100%;
}
.cpu-tab-corner-tl {
	float:left;
	background:url(../../Images/composetab.gif) top left;
	width:3px;
	height:3px;	
	overflow:hidden;
}
.cpu-tab-corner-tr {
	float:right;
	background:url(../../Images/composetab.gif) top right;
	width:3px;
	height:3px;	
	overflow:hidden;
}
/*垂直布局*/
.cpu-tab-vt .cpu-tab-nav {
	float: left;
	width: 130px;
	height: 100%;
	background-color: #B1D795;
}
.cpu-tab-vt .cpu-tab-nav li {
	float:none;
	width:100%;
	height: 30px;
	line-height: 30px;
	margin: 2px 5px;
	margin-right: 0;
	border-radius: 5px;
}
.cpu-tab-vt li.cpu-tab-nav-active {
	background-color:#f3fbeb;
}
.cpu-tab-vt .cpu-tab-mid {
	float: left;
	width: 5px;
	height: 100%;
	background-color: #f3fbeb;
	_margin-right:-3px; /*fix ie6 3px bug*/
}
.cpu-tab-vt .cpu-tab-box {
	clear: none;
	height: 100%;
}


/*********  autoComplete *********/
.autoComplete {
	position:absolute;
	z-index:999;
	overflow:auto;
	display:none;
	background-color:white;
	border:1px solid #7F9DB9;
}
.autoComplete li {
	display:block; 
	color:#000;
	padding:3px 0 3px 5px;
	cursor:default;
	word-break:keep-all;
	white-space:nowrap;
}
li.autoComplete_item_hover {
	background:#3399FF;
	color:#fff;
}


/*********  Drop down menu *********/
.ddMenu-ctrl {
	display: inline-block;
	height: 24px;
	padding: 0 0.5em;
	cursor: default;
	border: 1px solid transparent;
	_border-color:tomato; _filter:chroma(color=tomato);
}
.ddMenu-ctrl-hover {
	border: 1px solid #679843 !important;
	border-bottom:0 none !important;
	background: #FDFDFC !important;
	position:relative;
	z-index:1000;
}
.ddMenu-wrapper {
	display: none;
	position: absolute;
	min-width: 80px;
	background: #FDFDFC;
	border: 1px solid #679843;
	border-left-width: 8px;
	z-index: 999;
	_width: 80px;
}
.ddMenu-wrapper li {
	padding: 5px;
	padding-left: 10px;
	cursor: default;
}
.ddMenu-wrapper li:hover {
	background: #C1EAAA;
}
.ddMenu-wrapper li.hr {
	border-top:1px solid #ccc;
	padding:0;
	margin:2px;
	_font-size:0;
	_line-height:0;
}

/*************** top start*******************/
#top {
	background: url(../../images/TopBG.png) repeat-x #b0b0b0;
    z-index:100;
}
#top_logo {
	background:url(../../images/Top1.png)
}
#btnBar {
	height:80px;
	width:350px;
	background-repeat:no-repeat;
	float:right;
	text-align:right;
	background-image:url(../../images/Top2.png);
}
#btnBar img {
	width:24px;
	margin-left:5px;
	cursor:pointer;
}
#userBar {
    position: absolute;
    float: right;
    right: 200px;
    line-height: 24px;
    display: inline-block;
    height: 27px;
    margin-right:10px;
}
#btnBar .logout {
    width: 26px;
    height: 27px;
    margin-right:10px;
    display: inline-block;
    cursor:pointer;
    background:url(../../images/icon_in.png) no-repeat -7px -8px;
}
#btnBar .filter {
    width: 26px;
    height: 27px;
    margin-right:10px;
    display: inline-block;
    cursor:pointer;
    background:url(../../images/icon_in.png) no-repeat -39px -8px;
}
#btnBar .usermodify {
    width: 26px;
    height: 27px;
    margin-right:10px;
    display: inline-block;
    cursor:pointer;
    background:url(../../images/icon_in.png) no-repeat -71px -8px;
}
#btnBar .passport {
    width: 26px;
    height: 27px;
    margin-right:10px;
    display: inline-block;
    cursor:pointer;
    background:url(../../images/icon_in.png) no-repeat -103px -8px;
}
#btnBar .help {
    width: 26px;
    height: 27px;
    display: inline-block;
    cursor:pointer;
    background:url(../../images/icon_in.png) no-repeat -135px -8px;
}
#btnBar .logout:hover {
    background:url(../../images/icon_on.png) no-repeat -7px -8px;
}
#btnBar .filter:hover {
    background:url(../../images/icon_on.png) no-repeat -39px -8px;
}
#btnBar .usermodify:hover {
    background:url(../../images/icon_on.png) no-repeat -71px -8px;
}
#btnBar .passport:hover {
    background:url(../../images/icon_on.png) no-repeat -103px -8px;
}
#btnBar .help:hover {
    background:url(../../images/icon_on.png) no-repeat -135px -8px;
}
#userBar {
	font-size:14px;
}
#userBar span {
	font-weight:bold;
}
/************************* top end ***********************/

/* left */
#left {
	overflow:auto;
	text-align:center;
}
#menudiv {
	width:180px;
	text-align:left;
	overflow:hidden;
	float:right
}
#menudiv h2 {
	padding:0.5em 40px;
	cursor:pointer;
	font-size:12px;
}
#menudiv h2:hover {
	overflow:inherit;
	padding-left:42px;
}
#menudiv h3 {
	height:5px;
	font-size:0;
}
#menudiv  li  a {
	padding-left:30px;
	border-left:1px #008AF7  solid;
	border-bottom:1px #008AF7 dashed;
	border-right:1px #008AF7  solid;
}
#menudiv  li  a:hover {
	margin-left:-3px;
	padding-left:48px;
}
/*left end*/



/****************** Drop down skin ***********************/
.skin {
	z-index:110000;
	position:fixed;
	right:10px;
	top:50px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
}
.skin li li a {
	display:inline-block;
}
.skin li li a {
	display:block;
}
.skin ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.skin ul li {
	float:left;
	line-height:24px;
	display:block;
	font-size:0;
	padding:0;
	margin:0;
	width:100px;
}
.skin ul li a {
	display:block;
	width:100px;
	height:24px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}
.skin .icon-left {
	padding:0 0 0 20px;
	background-position:left center;
}
.skin .downarrow {
	display:inline-block;
	width:16px;
	height:16px;
	line-height:16px;
	font-size:12px;
	_vertical-align:middle;
}
.skin ul li ul {
	display:none;
}

.skin ul ul li {
	display:block;
	width:100%;
	border:none;
}
.skin a {
    cursor:pointer;
}
.skin>ul>ul li:hover {
	display:block;
	border-radius:5px 5px 5px 5px;
	margin:0 2px 0 2px;
}
.skin .menu-text {
	font-size:12px;
	line-height:20px;
	float:left;
	padding-left:20px;
}
.skin .menu-item {
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	border-width:1px;
	border-style:solid;
}
.skin .menu-icon {
	position:absolute;
	width:16px;
	height:16px;
	left:2px;
	top:40%;
	margin-top:-4px;
}
.skin ul li:hover,.nav ul li a:hover,.nav ul li a:active {
	border-radius:5px 5px 5px 5px;
}
.skin .menu-level2 {
    display:none;
    border-radius:5px 5px 5px 5px;
    margin:0 2px 0 2px;
    position: absolute;
    z-index: 100;
    margin-right: 200px;
    padding-right: 3px;
    left: -104px;
    top: 25px;
}
.skin .menu-selected {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    background: url('../../images/icon/yes.png') no-repeat ;
    float:left;
    margin:2px 0 0 2px;
}
.skin .downarrow {
	display:inline-block;
	width:16px;
	height:16px;
	line-height:16px;
	font-size:12px;
	_vertical-align:middle;
}
.skin .leftarrow {
    float:left;
    position:absolute;
    left:2px;
    top:2px;
    display:inline-block;
	width:16px;
	height:16px;
	line-height:16px;
	font-size:12px;
	_vertical-align:middle;
}

/*****  首页的欢迎 *******/
.iwelcome-panel{
	height:100%;
	background:url(../../images/body_bg.png);
}
.iwelcome-content{
	background: url(../../images/body_bg.png);
}
.iwelcome-header {
	font-size:14px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin-bottom:3px;
	padding-left:20px;	
}
.iwelcome-header span {
	font: 12px arial,tahoma,helvetica,sans-serif;
}

.iwelcome-heade-color-red {
    color:red;
}


/****************** some icon ****************/
.icon-color-default {
	background:url('../../images/icons/d_color_default.png') no-repeat top center;
}
.icon-color-bluegreen {
	background:url('../../images/icons/d_color_bluegreen.png') no-repeat top center;
}
.icon-color-gray {
	background:url('../../images/icons/d_color_gray.png') no-repeat top center;
}
.icon-color-black {
	background:url('../../images/icons/d_color_black.png') no-repeat top center;
}
.icon-color-pink {
	background:url('../../images/icons/d_color_pink.png') no-repeat top center;
}
.icon-color-blue {
	background:url('../../images/icons/d_color_blue.png') no-repeat top center;
}
.icon-color-green {
	background:url('../../images/icons/d_color_green.png') no-repeat top center;
}

/*********  Info页 *********/
#info_body {
	font-family: 'Microsoft YaHei';
	background: url(App_Themes/green/images/leftbg.png);
}
#info_wrapper {
	position: absolute;
	left: 50%;
	top: 40%;
	width: 500px;
	height: 300px;
	margin-left: -250px;
	margin-top: -150px;
	border-radius: 10px;
	background: rgba(177, 177, 177, 0.5);
	padding: 20px;
}
#info_wrapper2 {
	background: #F8F8F8;
	border: 2px solid #ACACAA;
	border-radius: 10px;
	height: 100%;
}
#info_icon {
	background: url(App_Themes/green/images/icon.png) no-repeat center;
	width: 150px;
	height: 220px;
	float: left;
}
#info_wrapper h1 {
	background: #CBCBCB;
	color: #000;
	font-size: 20px;
	padding: 5px;
	border-radius: 7px 7px 0 0;
}
#info_wrapper h2 {
	color: #959595;
	font-size: 16px;
	line-height: 1.5em;
	padding: 1em;
}
#info_wrapper h3 {
	font-weight: normal;
	color: #8A8A8A;
}
#info_btn {
	clear: both;
	text-align: right;
	padding-right: 25px;
}
#info_btn li {
	float: right;
	background: #AFAFAF;
	margin-right: 8px;
	border-radius: 5px;
	padding: 5px;
	color: white;
	min-width: 70px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
}
#info_btn li:hover {
	background: #BDBDBD;
}