body {
	font-size:12px; font-family: Arial,Verdana;
}
img {border:0 none;}
input {border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;}
input:hover { border:1px solid #c9c943;-moz-border-radius:5px; -webkit-border-radius:5px;}
input:visited { border:1px solid #c9c943;-moz-border-radius:5px; -webkit-border-radius:5px;}
input:focus { border:1px solid #c9c943;-moz-border-radius:5px; -webkit-border-radius:5px;}
input {
onfocus: expression(onfocus=function (){this.style.border='1px solid #c9c943'});
onblur: expression(onblur=function (){this.style.border='1px solid #ccc'});  
}


ul {list-style:none;}
/* Layout */
	.ui-layout-pane {
		background: #2b3840;
		padding:0px;
		overflow:auto;
	}
.ui-layout-pane-north ,
.ui-layout-pane-south {
		padding:0px;
		/*text-align:center;*/
	}
	


.scrolling {
	overflow: auto !important;
	}

.ui-layout-resizer-west	{background:url(../../img/dialinterfaces/share/layout-resizer-bg.gif) repeat-y right; filter: alpha(opacity=100); } /* override UI theme */
.ui-layout-resizer-west:hover{background:url(../../img/dialinterfaces/share/layout-resizer-bghover.gif) repeat-y right; }	

.ui-layout-toggler-west-open{background:url(../../img/dialinterfaces/share/layout-resizer-buttonleft.gif) no-repeat right; filter: alpha(opacity=100);}
.ui-layout-toggler-west-open:hover{background:url(../../img/dialinterfaces/share/layout-resizer-buttonlefthover.gif) no-repeat right;}
.ui-layout-toggler-west-closed{background:url(../../img/dialinterfaces/share/layout-resizer-buttonright.gif) no-repeat right; filter: alpha(opacity=100);}
.ui-layout-toggler-west-closed:hover{background:url(../../img/dialinterfaces/share/layout-resizer-buttonrighthover.gif) no-repeat right;}

.ui-layout-resizer-south{background:url(../../img/dialinterfaces/share/layout-resizerdown-bg.gif) repeat-x top; filter: alpha(opacity=100); }
.ui-layout-resizer-south:hover{background:url(../../img/dialinterfaces/share/layout-resizerdown-bghover.gif) repeat-x top; filter: alpha(opacity=100); }

.ui-layout-toggler-south-open{background:url(../../img/dialinterfaces/share/layout-resizer-buttondown.gif) no-repeat top; filter: alpha(opacity=100);}
.ui-layout-toggler-south-open:hover{background:url(../../img/dialinterfaces/share/layout-resizer-buttondownhover.gif) no-repeat top; filter: alpha(opacity=100);}
.ui-layout-toggler-south-closed{background:url(../../img/dialinterfaces/share/layout-resizer-buttontop.gif) no-repeat top; filter: alpha(opacity=100);}
.ui-layout-toggler-south-closed:hover{background:url(../../img/dialinterfaces/share/layout-resizer-buttontophover.gif) no-repeat top; filter: alpha(opacity=100);}

	

/* the 'fix' for the datepicker */
	#ui-datepicker-div { z-index: 5; }
		
/* dialog and icons */
	#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
	#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
	ul#icons {margin: 0; padding: 0;}
	ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
	ul#icons span.ui-icon {float: left; margin: 0 4px;}
		
/*
*	TAB-THEME ADJUSTMENTS
*/
	.ui-tabs-nav li {
		white-space:	nowrap;
	}
	.ui-tabs-nav li a {
		font-size:		1em !important;
		padding:		4px 1.5ex 3px !important;
	}
	.ui-tabs-panel {
		font-size:		1em !important;
		padding:		0 1em !important;
	}
/*
*	CENTER-PANE TABS
*
*	These tabs have white-space around them,
*	so the content-div provides the border for the tabs
*/
	.ui-layout-pane-center {
		/* to make pane background stand-out */
		background-color:#eaebee;
		padding:0px;
	}
	.ui-layout-pane-center .ui-tabs-nav {
		/* remove rounded corners from bottom of 'tabs'*/
		-moz-border-radius-bottomleft:		0;
		-moz-border-radius-bottomright:		0;
		-webkit-border-bottom-left-radius:	0;
		-webkit-border-bottom-right-radius:	0;
	}
	/* add border to the content-div - looks like border on the tab-panel */
	.ui-layout-pane-center .ui-layout-content {
		
		background-color:#eaebee;
		border:		1px solid #AAA;
		border-top:	0;
		padding:	10px;
		/* hard-coded the ui-corner-bottom class to this div to round the corners */
	}
/*north*/
.Northcontent {
	padding:0 15px;
	position: relative;
	overflow: auto;
	height: 80px;
	background:url(../../img/dialinterfaces/share/portalnorthconter_bg.gif) repeat-x;}
.Northcontent ul{padding:0; margin:0; font-size:0px;}
.Northcontent li{float:left; margin:16px 5px 0px 0px;}
.Northcontent li a{display:block; background:url(../../img/dialinterfaces/north/t-a-bg.gif) no-repeat; width:46px; height:36px; margin:0px; padding:7px 0px 5px 0px; text-align:center;}
.Northcontent li a:hover,.Northcontent li a:visited{display:block; background:url(../../img/dialinterfaces/north/t-ahover-bg.gif) no-repeat; width:46px; height:36px;}
.Northcontent .t-a{ margin:0 10px 0 5px; height:80px; background:url(../../img/dialinterfaces/north/top2-u.gif) no-repeat; width:2px;}
.Northcontent .off{ float:right;}
/*east*/
.eastheader { 
	background: #80ade5 url(../../img/dialinterfaces/share/white-top-bottom.gif) repeat-x;
	border:1px solid #D0D0D0;
	color:#333333;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:15px;
	text-align: left;
	margin:0px;
	padding: 4px 0 4px 15px;
	position: relative;
	overflow: hidden;
}
.easthcontent {
	margin:0px;
	padding:10px 0px 0px 60px;
	position: relative;
}
/*west form base.css*/
#w-t-b{ height:37px; background:none; margin-top:5px;}
 #w-t-b a{ width:35px; height:37px; background:url(../../img/dialinterfaces/west/west-top.gif) no-repeat 0px 0px; display:block; margin-right:10px; float:left;}
 #w-t-b a:hover{background:url(../../img/dialinterfaces/west/west-top.gif) no-repeat 0px -39px;}
 #w-t-b .a-1{background:url(../../img/dialinterfaces/west/west-top.gif) no-repeat -46px 0px;}
 #w-t-b .a-1:hover{background:url(../../img/dialinterfaces/west/west-top.gif) no-repeat -46px -39px;}
 #w-t-b .a-2{background:url(../../img/dialinterfaces/west/west-top.gif) no-repeat -91px 0px;}
 #w-t-b .a-2:hover{background:url(../../img/dialinterfaces/west/west-top.gif) no-repeat -91px -39px;}
 #w-t-b .a-3{background:url(../../img/dialinterfaces/west/west-top.gif) no-repeat -135px 0px; margin-right:0;}
 #w-t-b .a-3:hover{background:url(../../img/dialinterfaces/west/west-top.gif) no-repeat -135px -39px;}
#j-fenji{text-align:center;}
 	#j-fenji-c{ margin:0 auto; text-align:center; width:150px; padding-top:10px;*padding-top:20px;}
	#j-fenji-c a{ background:url(../../img/dialinterfaces/west/j-date-mid.gif) repeat-x; display:block; width:150px; height:21px; line-height:21px; text-align:center; font-weight:bolder; color:#FFF; margin-top:10px; border:solid #7b848f; border-width:0 1px;}
	#j-fenji-c a:hover{display:block; width:150px;text-align:center; font-weight:bolder; color:#FFF;background:url(../../img/dialinterfaces/west/fan-tit.gif) repeat-x;}

#work{ padding:10px 0;}
#work ul{margin:0; padding:0;}
#work li{ height:22px; list-style:none; padding-left:5px;}
#work li img{ float:left; margin:2px 8px;}
#work li a{line-height:22px; color:#11698A; text-decoration:underline; display:block;}
#work li a:hover{color:#ffffff; text-decoration:none; background: url(../../img/dialinterfaces/west/j-date-mid.gif) repeat-x;}
/*ui-layout-center*/
.labeltext {text-align:right; width:110px;margin-right:8px;}
.labeltextwidth{width:170px;margin-right:8px;}
/*list*/
.list1 li{ float:left;}
.listleft{line-height:28px; float: left;}
.listleft ul {margin:0px; }
.listleft ul ul {clear: both; margin:0px; padding:0px;}
.listleft ul ul li {float:left;}
.listright{line-height:28px; float: left;}
.listright ul {margin:0px; }
.listright ul ul {clear:both; margin:0px; padding:0px;}
.listright ul ul li {float:left;}
.listleftdiv{width:320px; float:left;line-height:32px;}
.listleftdiv li{ float:left;}
.listleftdiv > li{ width:100%;}
.listleftdiv li ul li:first-child{ width:30%;overflow-x:auto;white-space:nowrap;}
.listleftdiv li ul li:last-child{ width:67%;}
.listleftdiv li ul li b{
	word-wrap:break-word;
}
.listleftdial{width:315px; float:left;line-height:28px;}
.listleftdial li{ float:left;}
.listtextarea{width:530px; height:120px;}
/****/

.centerbox {float:left;border:0 solid #99bbe8; padding:0; margin:0; overflow:hidden;}
.centerboxtitle {
    border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	background:#5a9abb;
	color:#fff;
	overflow:hidden;
	padding:5px 3px 4px 5px;
	width:982px;
	margin:0;}
.centerboxtitle-text{padding-left:13px;font-size:12px;font-weight:bold;line-height:15px;}
.centerboxbody{
	background: #eaebee;
	border-color:#e2e2e2;
	border-style:none;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;}
/*other*/
.clear{ clear:both; font:0px/0px sans-serif;}
.textcenter{text-align:center;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl90{padding-left:90px;}
.pt4{padding-top:4px;}
.pt10{padding-top:10px;}
.pt30{padding-top:30px;}

/*jihuatable*/
.headerselect{margin:0 auto;padding:9px 15px;}
.headertext{float:left;margin:0;padding:0px 15px;}
.headervid{float:left;padding:0px 2px;}
.headerdi{clear:left; display:block;margin:0;padding:0px 0px 5px 0px;}
.Search {clear: both; margin:0 auto; padding-left:10px; padding-right:10px;margin-bottom:10px;}
.Search table {float:left;}
.Search table td,.Search table th{margin:0;padding:3px 2px;}
tr.row1 {
background-color:#e2e2e2;
border-bottom:1px solid #FFFFFF;
cursor:pointer;
}
tr td{padding:0 5px;}
tr.row2 {
background-color:#f8f8f8;
border-bottom:1px solid #FFFFFF;
cursor:pointer;
}
tr.row2 td{padding:0 5px;}
.innerfoot {
	clear:both;
	width:990px;
	text-align:center;
	vertical-align:middle; height:30px;z-index:3; visibility:visible;
	height:24px;
    line-height:24px;
	margin:0;
	padding:0;
	background:url("../../img/dialinterfaces/Table_tr.gif") repeat-x;
	color:#ffffff;
	border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;
}
/*CSS black2 style pagination*/

.innerfoot .black2 { text-align: center;}
.innerfoot .black2 a {padding:1px 3px 1px 3px; margin:2px; color: #fff; text-decoration: none;line-height:24px;}
.innerfoot .black2 a:hover { color: #fff; background-color: #5b99c3;}
.innerfoot .black2 a:active { color: #fff; background-color: #5b99c3;}
.innerfoot .black2 span.current {padding:1px 3px 1px 3px; font-weight: bold; margin: 2px; color: #fff; background-color: #5b99c3;}
.innerfoot .black2 span.disabled {padding:1px 3px 1px 3px; margin: 0px 2px; color: #999999;}

b.showall {
	position:relative;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
/* Added to solve the z-order problem of IE */
b.showall:hover {
	z-index:2;
}
/* End */
b.showall span{
    display: none;
}
b.showall:hover span{
	display:block;
	position:absolute;
	z-index:1;
	top:2em;
	left:8em;
	width:15em;
	border:1px dashed #000000;
	background-color:#ffffe0;
	color:#000;
	text-align:justify;
	font-size:10px;
	font-weight:normal;
	padding:4px;
	line-height:15px;
}

/*---------------------------------------------------------------*/
.dialouthistory{
    clear:both; margin:15px 0 30px 15px;
}
.bothltrt{
    clear:both;
}
.texthistory{
    width:80px; text-align:right; float:left; margin-right:5px;
}
.fieldsethistory{
    width:670px;
}
.campaign{
    float:left; height:25px; margin-top:5px;
}
.blue {
color:#000066;
font-size:12px;
font-weight:bold;
}
.campaignmsgtable_title{background:#5a9abb;color:#fff; padding:0px 10px;line-height:26px;border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}

.tblAdvsearch{background:url("../../img/dialinterfaces/share/campaignmsgtable_bg.gif") repeat-x top #45525b; clear:both; display:inline-block;border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;}

.tblAdvsearch_vn{background:url("../../img/dialinterfaces/share/campaignmsgtable_bg.gif") repeat-x top #45525b; clear:both; display:none;border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;}

.virtualmsgtable_title{background:#5a9abb;color:#fff; padding:0px 10px;line-height:26px;border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}

.Advinformation{background:url("../../img/dialinterfaces/share/campaignmsgtable_bg.gif") repeat-x top #45525b; clear:both; display:inline-block;border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;line-height:26px;color:#CECECE;}

.vncontentDiv_hide{ background: url("../../img/vinterface/vn_show.png") no-repeat scroll center center transparent;cursor: pointer;float: right;height: 10px;margin: 8px 5px;width: 10px;}
.vncontentDiv_show{ background: url("../../img/vinterface/vn_hide.png") no-repeat scroll center center transparent;cursor: pointer;float: right;height: 10px;margin: 8px 5px;width: 10px;}


.searchfileDiv_show{ background: url("../../img/vinterface/vn_hide.png") no-repeat scroll center center transparent;cursor: pointer;float: right;height: 10px;margin: 8px 5px;width: 10px;}
.searchfileDiv_hide{ background: url("../../img/vinterface/vn_show.png") no-repeat scroll center center transparent;cursor: pointer;float: right;height: 10px;margin: 8px 5px;width: 10px;}

.inputemailerror{
border:thin dashed red !important;
}
.inputemptyerror{
border:thin dashed red !important;
}
.inputformaterror{
border:thin dashed red !important;
}

.searchField_campaign{
margin-left:5px;
}