/***********************************************/
/* admincenter styles css                            */
/***********************************************/
img{
 border:none;
}
.bodystyle{
 overflow: hidden;
}

a{ hide-focus: expression(this.hideFocus=true); }
a:focus{ outline:0; }

/* ================================================================ 
  div style
=================================================================== */

#mainContent .innerhead {
	/*width:990px;*/
	width:96%;
}
#mainContent .innerbody {
	clear:both;
	width:auto;
	visibility:visible;
	margin:0;
	padding:0 10px;
}
#mainContent .innerfoot {
	clear:both;
	width:990px;
	text-align:center;
	vertical-align:middle; height:24px;z-index:3; visibility:visible;
	margin:0;
	padding:0 10px;
}
#innerfoot , #taskfoot{
	background:url("../../img/dialinterfaces/Table_tr.gif") repeat-x top #2f3130;
	text-align:left;
	height:24px;
	line-height:24px;
	margin:0;
	padding:0px 0 0 40px;
}
/* ================================================================ 
  innerhead  style
=================================================================== */
#mainContent .innerhead #loadingbar{
	margin:0 auto;
	padding:5px 0px 0px 0px;
	text-align:center;}
#mainContent .innerhead .headname {
	float:left;
	margin:0px;
	padding:0px 10px 0px 10px;
	width:auto; 
	line-height:22px;
	color:#fff;
	background:url("../../img/dialinterfaces/share/tab_active.gif") repeat-x top;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
}
/**/
.headerselect{margin:0 auto;padding:9px 10px 0px 10px;line-height: 22px;}
.headertext{float:left;margin:0;padding:0px 15px;}
.headervid{float:left !important;margin-right:0px !important;padding:0px 2px;color:#fff;}
.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;min-width:800px;}
.Search legend{}
.Search table {float:left; width:100%}
.Search table td,.Search table th{margin:0;padding:3px 2px;}
/* ================================================================ 
  #mainContent .innerbody  style
=================================================================== */

/*
*	table02
*/
#mainContent .innerbody .table02 {
	width:990px;
	background-color:#ffffff;
	border: #cfcecc 1px solid;
}
#mainContent .innerbody .table02 thead td {
	height:24px;
	background:url("../../img/dialinterfaces/Table_tr.gif") repeat-x top #2f3130;
	border-right: #cfcecc 1px solid;
	font-weight: normal;
	text-align: left;
	text-indent:1em;
	vertical-align: middle;
	padding: 0 2px 0 0;
	color:#ffffff;
}
#mainContent .innerbody .table02 thead td img {
cursor:pointer;
margin-right:1px;
}
#mainContent .innerbody .table02 tbody tr.row0 {
	background-color: #FFF;
	border-bottom: #FFF 1px solid;
	cursor:pointer;
}
#mainContent .innerbody .table02 tbody tr.row1 {
	background-color: #E9E9E9;
	border-bottom: #FFF 1px solid;
	cursor:pointer;
}
#mainContent .innerbody .table02 tbody td {
	border-bottom: #FFF 1px solid;
	border-right: #DCE0E3 1px solid;
	color: #000000;
	font-weight: normal;
	text-align: left;
	padding-left:15px;
	vertical-align: middle;
}
#mainContent .innerbody .table02 tbody th {
	border-bottom: #FFF 1px solid;
	border-right: #cfcecc 1px solid;
	color: #000000;
	height:25px;
	font-weight: normal;
	padding: 2px 2px 2px 0;
	text-align: left;
	text-indent:1em;
	vertical-align: middle;
}
.disabled th{
	border-bottom: #FFF 1px solid;
	border-right: #cfcecc 1px solid;
	color: #FF3300;
	text-decoration:line-through;
	height:25px;
	font-weight: normal;
	padding: 2px 2px 2px 0;
	text-align: left;
	text-indent:1em;
	vertical-align: middle;
	cursor:pointer;
}
#mainContent .innerbody .table02 tbody tr:hover{color:#fff; background:#5a9abb;}
#mainContent .innerbody .table02 tbody tr.row0:hover {color:#fff; background:#5a9abb;}
#mainContent .innerbody .table02 tbody tr.row1:hover {color:#fff; background:#5a9abb;}
#mainContent .innerbody .table02 tbody img {
	vertical-align:middle;
	text-align:center;
	border:none;
}

/*
*	margin
*/
.ml15{
margin-left:15px;
}

#CheckedAll,
#checkbox {cursor:pointer;}

#CheckedAll:hover,
#checkbox:hover {cursor:pointer;}

/***********************************************/
/* 表单form   Divs                             */
/***********************************************/
#mainContent label {
	font-size:12px; display:block; float:left; width:80px; text-align:right;
	margin:.2em .2em 0 0; color:#000; padding:0px; }
#mainContent label.error { 
	font-weight:60%;color:red;text-align:right;width:240px; height:15px; }

/* -------------
 * Button
 * ------------- */
 /* ======
#mainContent button {margin:0;padding:0;border:none;background:transparent;cursor:pointer;overflow:visible;outline:none;moz-outline:none;}
*:first-child+html button[type]{width:1;} /* IE7 */
 /* ======
#mainContent button span {
	background: transparent url(../../img/management_templates_img/btn_right.gif) no-repeat scroll right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; 
	margin: 0px;
}

#mainContent button span span {
	background: transparent url(../../img/management_templates_img/btn_left.gif) no-repeat;
	color: #FFFFFF;
	padding: 0px 4px 0px 8px;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	text-transform: lowercase;
	display: block;
	text-decoration: none;
	*width:42px; 
}

/* -------------
 * Inputs
 * ------------- */
#mainContent .jNiceInputWrapper {
	background: transparent url(../../img/jNice_img/input.gif) no-repeat left top;
	float:left;
}

#mainContent .jNiceInputInner {
	background: transparent url(../../img/jNice_img/input.gif) no-repeat right top;
	padding: 0px 4px 1px 0;
	margin: 0 0 0 4px;
}

#mainContent .jNiceInputInner input {
	font-weight:bold;
	color:#404040;	
	line-height: 18px;
	height: 18px;
	*line-height: 16px;/* IE Hacks */
	*height: 16px;/* IE Hacks */
	width:120px;
	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
}

#mainContent .jNiceInputWrapper_hover { background-position:left bottom; }
#mainContent .jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }

/* -------------
 * Radios
 * ------------- */
#mainContent .jRadioWrapper { float: left; z-index: 2; }
#mainContent .jNiceRadio {
	background: transparent url(../../img/jNice_img/radio.gif) no-repeat center top;
	height: 18px;
	width: 18px;
	position:absolute;left:0px;top:0px;cursor:pointer;vertical-align:middle;
}

#mainContent .jNiceRadio_hover { background:transparent url(../../img/jNice_img/radiohover.gif) no-repeat center top; }

/* -------------
 * Checkboxes
 * ------------- */
#mainContent .jNiceCheckbox {
	background: transparent url(../../img/jNice_img/checkbox.gif) no-repeat center top;
	height: 18px;
	width: 18px;
	position:absolute;left:0px;top:0px;z-index:2;cursor:pointer;
}
#mainContent .jNiceCheckbox_hover { background:transparent url(../../img/jNice_img/checkboxhover.gif) no-repeat center top; }
/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
#mainContent .jNiceChecked { background-position: center bottom;}

/* -------------
 * Selects
 * ------------- */
#mainContent .jNiceWrapper select 

{border:none;margin:0;padding:0;}

#mainContent .jNiceSelectWrapper {
	height: 18px;
	position:absolute;left:0px;top:0px;z-index:3;
}

#mainContent .jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

#mainContent .jNiceSelectWrapper .jNiceSelectText {
	height: 16px;
	line-height: 16px;
	padding: 0px 3px !important /*Style for FF*/ ;
	_padding: 0px; /* Style for IE */
	border: 1px solid #CCCCCC;
	border-right: none;
	background-color: #FFF;
	font-size:12px;
	overflow:hidden;float:none;position:absolute;z-index:100;
}

#mainContent .jNiceSelectWrapper .jNiceSelectOpen {
	width: 21px;
	height: 18px;
	background: url(../../img/jNice_img/select_right.gif) no-repeat center center;
	z-index:100;display:block;position:absolute;right:0px;
	top:0px;!important /Style for FF/ ;
}

.jNiceSelectWrapper .jNiceSelectOpen02 {
	width: 21px;
	height: 17px;
	background: url(../../img/jNice_img/select_right.gif) no-repeat center center;
	z-index:100;display:block;position:absolute;right:0px;
	*top:-1px; /* Style for IE */
}

#mainContent .jNiceSelectWrapper ul {
	top: 17px;
	background-color: #FFF;
	border: solid 1px #CCC;
	font-size:12px;
	position:absolute;
	left:0px;list-style:none;display:none;margin:0;padding:0;overflow-y:auto;z-index:110;
	width: 88% !important /*Style for FF*/ ;
	*width: 86%; /* Style for IE */
}

#mainContent .jNiceSelectWrapper ul a {
	color:#0099CC;
	width:91% !important /*Style for FF*/ ;
	*width:86%; /* Style for IE */
	background-color: #FFF;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

#mainContent .jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
#mainContent .jNiceSelectWrapper ul a.selected {background:#EDEDED;}
#mainContent .jNiceFocus { border: dotted 1px #666666; }
#mainContent .jNiceHidden {opacity:0;z-index:-1;position:relative;}
#mainContent .jNiceWrapper {position:relative;vertical-align:top;}
#mainContent .jNiceWrapper input {outline:none;moz-outline:none;}

/*CSS black2 style pagination*/

.innerfoot .black2 { padding:7px; text-align: center;}
.innerfoot .black2 a { padding:2px 5px 2px 5px; 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:2px 5px 2px 5px; font-weight: bold; margin: 2px; color: #fff; background-color: #5b99c3;}
.innerfoot .black2 span.disabled {  padding:2px 5px 2px 5px; margin: 0px 2px; color: #999999;}

#mainContent .innerhead #reloadConf{
text-align:center;
position:fixed; 
top:5px; 
right:20px;
}

#reloadConf a {
    text-decoration:none;
	display:block;
	background: #fffcdb;
	color: #b43001;
	font-weight:bold;
	border:1px solid #2c2c2c;
	line-height:12px;
	padding:3px 8px 3px 8px;
	float:left;
	border:#d56009 1px solid;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	}
#reloadConf a:hover {
	text-decoration: none;
	display:block;
	background: #ffffc2;
	color:#000000;
	font-weight:bold;
	line-height:12px;
	padding:3px 8px 3px 8px;
	border:#8f8f88 1px solid;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	}
	
.backup01,	
.newbackup01,	
.addPublicButton01
{
background:#2c2c2c url(../../img/management_templates_img/popuplayer/buttonground01.gif) repeat-x; 
border:1px solid #2c2c2c;
color:#ffffff;
cursor:pointer;
-moz-border-radius:3px;
-webkit-border-radius:3px;
height:19px;
padding:0 8px;
*padding:0 4px;/* Style for IE */
onfocus: expression(onfocus=function (){this.style.border='1px solid #2c2c2c'});
onblur: expression(onblur=function (){this.style.border='1px solid #2c2c2c'});
}

.backup02,
.newbackup02,
.addPublicButton02
{
background:#747474 url(../../img/management_templates_img/popuplayer/buttonground01_on.gif) repeat-x;
border:1px solid #747474; 
cursor:pointer;
color:#ffffff;
height:19px;
padding:0 8px;
*padding:0 4px;/* Style for IE */
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.addButton01 
{
background:#2c2c2c url(../../img/management_templates_img/popuplayer/buttonground01.gif) repeat-x; 
border:1px solid #2c2c2c;
color:#ffffff;
cursor:pointer;
-moz-border-radius:3px;
-webkit-border-radius:3px;
height:19px;
*width:160px;/* Style for IE */
onfocus: expression(onfocus=function (){this.style.border='1px solid #2c2c2c'});
onblur: expression(onblur=function (){this.style.border='1px solid #2c2c2c'});
}
.addButton01:hover
{
background:#747474 url(../../img/management_templates_img/popuplayer/buttonground01_on.gif) repeat-x;
border:1px solid #747474; 
cursor:pointer;
color:#ffffff;
height:19px;
*width:160px;/* Style for IE */
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.addButton02
{
background:#747474 url(../../img/management_templates_img/popuplayer/buttonground01_on.gif) repeat-x;
border:1px solid #747474; 
cursor:pointer;
color:#ffffff;
height:19px;
*width:160px;/* Style for IE */
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
/* ======#reset,
#searchAdvBtn,
#advExport,
#addPublicButton,
#deletePublicButton,
#portalSearchBtn{
margin:0px; padding:0px;
border:none;!important /*Style for FF*/ ;

/* ======*border:none;/* Style for IE */
/* ======background: url(../../img/management_templates_img/popuplayer/buttonground01.gif) repeat-x;!important /*Style for FF*/ ;
/* ======background: url(../../img/management_templates_img/popuplayer/buttonblack.gif) no-repeat 0 0;/* Style for IE */
/* ======color:#FFF; padding-left:8px; padding-right:8px;
-moz-border-radius:3px;-webkit-border-radius:3px;cursor:pointer;outline:none;moz-outline:none;
onfocus: expression(onfocus=function (){this.style.border=''});
onblur: expression(onblur=function (){this.style.border=''});}}

/*#reset:hover,
#searchAdvBtn:hover,
#advExport:hover,
#addPublicButton:hover,
#deletePublicButton:hover,
#portalSearchBtn:hover{
margin:0px; padding:0px;
border:none;!important*/ /*Style for FF*/;
/**border:none;*//* Style for IE */
/*background:url(../../img/management_templates_img/popuplayer/buttonground01_on.gif) repeat-x; padding-left:5px; padding-right:5px; !important /*Style for FF*/ ;
/*background: url(../../img/management_templates_img/popuplayer/buttonblack_on.gif) no-repeat;/* Style for IE */
/*color:#fff; cursor:pointer;outline:none;moz-outline:none; padding-left:8px; padding-right:8px;}

#viewCdr,
#viewContactLog,
#viewNoAnswer{
margin:0px; padding:0px;
border:1px solid #66b0df;!important /*Style for FF*/ ;
/* =*border:none;/* Style for IE */
/* ======background: url(../../img/management_templates_img/popuplayer/buttonblueground.gif) repeat-x; padding-left:5px; padding-right:5px;!important /*Style for FF*/ ;
/* ======background: url(../../img/management_templates_img/popuplayer/buttonblue.gif) no-repeat 0 0;/* Style for IE */
/* ======color:#FFF;
-moz-border-radius:3px;-webkit-border-radius:3px;cursor:pointer;outline:none;moz-outline:none;
onfocus: expression(onfocus=function (){this.style.border=''});
onblur: expression(onblur=function (){this.style.border=''});}}

#viewCdr:hover,
#viewContactLog:hover,
#viewNoAnswer:hover{
margin:0px; padding:0px;
border:1px solid #66b0df;!important /*Style for FF*/;
/* ======*border:none;/* Style for IE */
/* ======background:url(../../img/management_templates_img/popuplayer/buttonblueground_on.gif) repeat-x; padding-left:10px; padding-right:10px;!important /*Style for FF*/ ;
/* ======background: url(../../img/management_templates_img/popuplayer/buttonblue_on.gif) no-repeat;/* Style for IE */
/* ======color:#fff; cursor:pointer;outline:none;moz-outline:none; }
/**/

.surveybox{background:#9ac0ff; width:580px;height:450px; overflow:hidden;}
#surveyTitle{text-align:center; font-size:15px; font-weight:bold;padding:2px;background: url(../../img/management_templates_img/surveyresult/surveytitle.png) repeat-x; height:21px;color:#000000;}
.surveyfaq{width:560px;height:300px;overflow:scroll;padding:10px;background: url(../../img/management_templates_img/surveyresult/surveyfaq.png) repeat-x;}
#closeOneDel{background:#5589f9;font-weight:bold;border:1px solid #2354bd;-moz-border-radius:5px; -webkit-border-radius:5px;}
#closeOneDel:hover{background:#2354bd;color:#FFFFFF;font-weight:bold;bold;border:1px solid #5589f9;-moz-border-radius:5px; -webkit-border-radius:5px;}
.advsearcheng{cursor:pointer;background:url(../../img/management_templates_img/go_dn_on.png) no-repeat 0 0; width:114px;line-height:19px;margin:0px;padding:0 17px 0 7px;color:#000000;}
.advsearch{cursor:pointer;background:url(../../img/management_templates_img/go_dn_on_ch.png) no-repeat 0 0; width:67px; line-height:19px;margin:0px;padding:0; text-indent:6px;color:#000000;}
.advsearchengtop{cursor:pointer;background:url(../../img/management_templates_img/go_dn_on.png) no-repeat 0 -19px; width:114px;line-height:19px;margin:0px;padding:0; text-indent:6px;color:#000000;}
.advsearchtop{cursor:pointer;background:url(../../img/management_templates_img/go_dn_on_ch.png) no-repeat 0 -19px; width:67px; line-height:19px;margin:0px;padding:0; text-indent:6px;color:#000000;}
/***/
#advSearchDiv{margin:0;padding:2px 5px 0px;}
/*.headervid select{width:55px;}*/
.headervid select{min-width:55px; *width:55px;}

/*CSS mains top*/
.rowtopdiv{ position:fixed; top:0; max-height:74px; overflow-y:auto; width:100%; }
.rowtopdiv .rowtop1{border-bottom:#bdbdbd 1px solid; border-top:#ffffff 1px solid; padding:0 10px; line-height:20px; background:#ffebe8; color:#ff0000;}
.rowtopdiv .rowtop1:hover{color:#2d2d2d; background:#ffdbd6;cursor:pointer;color:#ff0000;}

.rowtopdiv .rowtop2{border-bottom:#bdbdbd 1px solid; border-top:#ffffff 1px solid; padding:0 10px; line-height:20px; background:#f7fcff;}
.rowtopdiv .rowtop2:hover{color:#2d2d2d; background:#e9f5fc;cursor:pointer;}

.rowtopdiv .rowtop{border-bottom:#bdbdbd 1px solid; border-top:#ffffff 1px solid; padding:0 10px; line-height:20px; color:#af7945;background:#fffcda;}
.rowtopdiv .rowtop:hover{color:#2d2d2d; background:#ffebb9;cursor:pointer; color:#af7945;}
.rowtopdiv .rowtop .rowtoppointer{
background:url(../../img/management_templates_img/pointer.png) no-repeat;
width:16px;
height:15px;
float:left;
margin-top:2px;
margin-right:5px;
}
.rowtopdiv .rowtop .rowtopX ,
.rowtopdiv .rowtop1 .rowtopX ,
.rowtopdiv .rowtop2 .rowtopX
{
padding:0px 6px 3px 0px;
border:1px solid #bdbdbd;
background:url(../../img/management_templates_img/topclose.gif) no-repeat 4px 4px;
width:10px;
height:11px;
float:left;
margin-top:2px;
margin-right:5px;
}
.rowtopdiv .rowtop .rowtopX:hover,
.rowtopdiv .rowtop1 .rowtopX:hover,
.rowtopdiv .rowtop2 .rowtopX:hover
 {
border:1px solid #868686;
background:url(../../img/management_templates_img/topclose_on.gif) no-repeat 4px 4px;
}

.advancedSearch_title{background:#5a9abb;color:#fff; padding:0px 10px;line-height:26px;border-radius:0px 5px 0px 0px; -moz-border-radius:0px 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;
    width:100%;
}

#quotaFoot,#soViewPageFoot{background:url("../../img/dialinterfaces/Table_tr.gif") repeat-x top #2f3130;}
#dataDesktopBtn #showdataLink {background:url("../../img/working_platforms/dataDesktop_show_list.png") no-repeat left center; padding-left:16px;}
#dataDesktopBtn #recycleBinLink {background:url("../../img/working_platforms/dataDesktop_show_trash.png") no-repeat left center; padding-left:16px;}
#dataDesktopBtn #Truncate {background:url("../../img/working_platforms/dataDesktop_show_cleartrash.png") no-repeat left center; padding-left:18px;}

#dataDesktopBtn {text-align:left;font-size:12px;padding-left:5px;}
#dataDesktop{width:972px; margin-top:5px; clear:both; display:inline-block;}
#dataDesktop #dataDesktopTipDiv{float:right;text-align:center; min-width:150px;background:#febf63;color:#333; font-size: 12px; font-weight: bold; clear: both; padding: 3px 15px 3px;border-radius:5px; -moz-border-radius:5px;}
#dataDesktop #dataDesktopBtn{float:left; min-width:400px;}


/* ================================================================ 
  search field box
=================================================================== */
.tblAdvsearch .searchListLeft{
    float:left;
    min-width:318px;
    max-width:345px;
}

.searchListLeft .datetimevalue,
.searchListLeft .datevalue,
.searchListLeft .timevalue{
    width:90px;
}

.fieldSearch_show,
.fieldSearch_type,
.fieldSearch_value{
    line-height:30px;
}

.fieldSearch_show{
    text-align:right;
    min-width:80px;
    max-width:125px;
    white-space:nowrap;
}

.fieldSearch_type select{
    width:85px;
}

.fieldSearch_type select.fixedSelect{
    width:30px;
}

.tblAdvsearch .searchListLeft .inputSearchDiv input{
    width:120px;
}

.tblAdvsearch .searchListLeft .fieldSearch_value img{
    top:5px;
}

.searchButton{
    width:100%;
    clear:both;
    text-align:center;
    padding-top:5px;
    padding-bottom:10px;
}


/* ================================================================ 
  tip message on the top of page 
=================================================================== */
.bodystyle .messageToptipDiv{
    display:none;
    text-align:center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    line-height:20px;
    z-index: 1001;
}

.bodystyle .messageToptipDiv .messageToptip{
    text-align:center;
    background-color:#fff1a8;
    padding:5px 10px;
    display:inline;
    font-size:14px;
    font-weight:bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}