﻿.popuplayer2{
margin-left: auto;
margin-right: auto;
clear:both;
width:100%;
border: 1px solid #999999;
background: url(../../img/management_templates_img/popuplayer/background_4_4.gif) #999999 repeat;
}
.popuplayer2 .popuplayertitle2{
width:100%;
height:22px;
background:url(../../img/management_templates_img/popuplayer/popuplayertitle.gif) repeat-x;
}
.popuplayer2 .popuplayertitle2  h1{
font-size:12px;
padding:0px 0px 0px 9px;
margin:2px 0px 0px 0px;
color:#FFFFFF;
width:70%;
float:left;
vertical-align: middle;
}
.popuplayer2 .popuplayertitle2 .popuplayerclose2{
float:right;
padding:0px 6px 3px 0px;
margin:3px 10px 0px 0px;
cursor:pointer;
display:block;
border:1px solid #b7c2d5;
background:url(../../img/management_templates_img/popuplayer/close.gif) no-repeat 4px 4px;
width:10px;
height:11px;
}
.popuplayer2 .popuplayertitle2 .popuplayerclose2:hover{
border:1px solid #FFF;
color:#FFFFFF;
background:url(../../img/management_templates_img/popuplayer/close_on.gif) no-repeat 4px 4px;
}

.popuplayer2  h2{
font-size:16px;
padding:8px 0px 5px 11px;
margin:0px;
background-color:#ebf5ff;
color:#000000;
}
.popuplayer2  h2 span{
font-size:12px;
padding:8px 0px 5px 11px;
margin:0px;
color: #FF0000;
}
.popuplayer2 table .textright {text-align:right;}
.popuplayer2  table {
width:610px;
margin:25px 20px 25px 20px;
line-height:20px;
*background: url(../../img/management_templates_img/popuplayer/background_4_4.gif) repeat;
}


.popuplayer3{
margin-left: auto;
margin-right: auto;
clear:both;
width:100%;
border: 1px solid #999999;
background: url(../../img/management_templates_img/popuplayer/background_4_4.gif) #999999 repeat;
}
.popuplayer3 .popuplayertitle3{
width:100%;
height:22px;
background:url(../../img/management_templates_img/popuplayer/popuplayertitle.gif) repeat-x;
}
.popuplayer3 .popuplayertitle3  h1{
font-size:12px;
padding:0px 0px 0px 9px;
margin:2px 0px 0px 0px;
color:#FFFFFF;
width:70%;
float:left;
vertical-align: middle;
}
.popuplayer3 .popuplayertitle3 .popuplayerclose3{
float:right;
padding:0px 6px 3px 0px;
margin:3px 10px 0px 0px;
cursor:pointer;
display:block;
border:1px solid #b7c2d5;
background:url(../../img/management_templates_img/popuplayer/close.gif) no-repeat 4px 4px;
width:10px;
height:11px;
}
.popuplayer3 .popuplayertitle3 .popuplayerclose3:hover{
border:1px solid #FFF;
color:#FFFFFF;
background:url(../../img/management_templates_img/popuplayer/close_on.gif) no-repeat 4px 4px;
}

.popuplayer3 table .textright {text-align:right;}
.popuplayer3  table {
width:610px;
margin:10px 20px 10px 20px;
line-height:25px;
*background: url(../../img/management_templates_img/popuplayer/background_4_4.gif) repeat;
}
.fontwidth{
float:left; width:auto; margin:10px 0 10px 10px;
}
.buttonbottom{
text-align:center; padding:0 20px 5px 0;
}




.popuplayer5{
margin-left: auto;
margin-right: auto;
clear:both;
width:650px;
border: 1px solid #999999;
background: url(../../img/management_templates_img/popuplayer/background_4_4.gif) #999999 repeat;
}
.popuplayer5 .popuplayertitle5{
width:100%;
height:22px;
background:url(../../img/management_templates_img/popuplayer/popuplayertitle.gif) repeat-x;
}
.popuplayer5 .popuplayertitle5  h1{
font-size:12px;
padding:0px 0px 0px 9px;
margin:2px 0px 0px 0px;
color:#FFFFFF;
width:70%;
float:left;
vertical-align: middle;
}
.popuplayer5 .popuplayertitle5 .popuplayerclose5{
float:right;
padding:0px 6px 3px 0px;
margin:3px 10px 0px 0px;
cursor:pointer;
display:block;
border:1px solid #b7c2d5;
background:url(../../img/management_templates_img/popuplayer/close.gif) no-repeat 4px 4px;
width:10px;
height:11px;
}
.popuplayer5 .popuplayertitle5 .popuplayerclose5:hover{
border:1px solid #FFF;
color:#FFFFFF;
background:url(../../img/management_templates_img/popuplayer/close_on.gif) no-repeat 4px 4px;
}

.popuplayer5 table .textright {text-align:right;}
.popuplayer5  table {
width:610px;
margin:10px 20px 10px 20px;
line-height:25px;
*background: url(../../img/management_templates_img/popuplayer/background_4_4.gif) repeat;
}





.popuplayer4{
margin-left: auto;
margin-right: auto;
clear:both;
width:850px;
border: 1px solid #999999;
background: url(../../img/management_templates_img/popuplayer/background_4_4.gif) #999999 repeat;
}
.popuplayer4 .popuplayertitle4{
width:100%;
height:22px;
background:url(../../img/management_templates_img/popuplayer/popuplayertitle.gif) repeat-x;
}
.popuplayer4 .popuplayertitle4  h1{
font-size:12px;
padding:0px 0px 0px 9px;
margin:2px 0px 0px 0px;
color:#FFFFFF;
width:70%;
float:left;
vertical-align: middle;
}
.popuplayer4 .popuplayertitle4 .popuplayerclose4{
float:right;
padding:0px 6px 3px 0px;
margin:3px 10px 0px 0px;
cursor:pointer;
display:block;
border:1px solid #b7c2d5;
background:url(../../img/management_templates_img/popuplayer/close.gif) no-repeat 4px 4px;
width:10px;
height:11px;
}
.popuplayer4 .popuplayertitle4 .popuplayerclose4:hover{
border:1px solid #FFF;
color:#FFFFFF;
background:url(../../img/management_templates_img/popuplayer/close_on.gif) no-repeat 4px 4px;
}
.fontwidth4{
float:left; width:240px; margin:10px 0 10px 10px;
}
.buttonbottom4{
text-align:right; padding:0 20px 5px 0; clear:both;
}
.showPackagesMsg4{
padding:10px 10px 10px 50px;
}
.clear{
clear:both;
}
.leftfolat{
float:left;
}
.leftSite{
width:250px; float:left; margin-left:100px; 
}
.leftContent{
line-height:20px;
}
.leftSitetable{
width:250px; height:300px; border:#cccccc 1px solid; overflow:scroll; background:#ececec;
}
.centerSite{
width:120px; height:300px; float:left; margin-left:10px; 
}
.rightSite{
width:250px; float:left;
}
.rightContent{
line-height:20px;
}
.rightSitetable{
width:250px; height:300px; border:#cccccc 1px solid; overflow:scroll; background:#ececec;
}
.btnSite4{
padding:20px; clear:both; text-align:center;
}
.blue {
color:#000066;
font-weight:bold;
font-size:12px;
}
.rowPOP0 {
	background-color: #FFF;
	border-bottom: #FFF 1px solid;
	cursor:pointer;
	height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
}
.rowPOP1 {
	background-color: #E9E9E9;
	border-bottom: #FFF 1px solid;
	cursor:pointer;
	height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
}

.rowPOP0:hover {color:#2d2d2d; background:#6097FB;}
.rowPOP1:hover {color:#2d2d2d; background:#6097FB;}

.buttoncentersitelt			{margin-top:40px; margin-left:40px; width:35px; height:35px; background: url(../../img/management_templates_img/go_left.png) no-repeat center; }
.buttoncentersitelt:hover	{ background: url(../../img/management_templates_img/go_left_on.png)  no-repeat center; cursor:pointer}
.buttoncentersitert			{margin-top:120px; margin-left:40px;width:35px; height:35px; background: url(../../img/management_templates_img/go_right.png) no-repeat center; }
.buttoncentersitert:hover	{ background: url(../../img/management_templates_img/go_right_on.png)  no-repeat center; cursor:pointer}

.ltrtfoot {text-align:center; min-width:215px; background-color:#F0F1F4; height:25px; line-height:25px;}
.ltrtfoot a { border: #000000 1px solid; padding:2px 3px 2px 3px; margin:2px; color: #000000; text-decoration: none;line-height:25px;}
.ltrtfoot a:hover { border: #3366cc 1px solid; color: #fff; background-color: #3366cc;}
.ltrtfoot a:active {border: #3366cc 1px solid; color: #fff; background-color: #3366cc;}
.ltrtfoot span.current {border: #3366cc 1px solid;  padding:2px 3px 2px 3px; font-weight: bold; margin: 2px; color: #fff; background-color: #3366cc;}
.ltrtfoot span.disabled {border: #999999 1px solid;  padding:2px 3px 2px 3px; margin: 0px 2px; color: #999999;}


.tableborder{ border-collapse:collapse; border: 1px solid #929292; }
.tableborder td{border:1px solid #929292;}
#agentnoList3{ margin-left:10px;}

.tabl{height:260px; text-align:left;}


#manualAssignBtn,
#CampaignFieldSetBtn,
#autoAssignBtn,
#addAgentnoBtn,
#getAgentnoBtn,
#manualAddAgentnoBtn,
#backPageAED2Btn4,
#confirmAutoAssignBtn,
#saveFieldBtn,
#backEditAEDPageBtn,
#confirmAgentnoBtn,
#CampaignFieldManageBtn,
#backAEDPageBtn
{
background: #5a7fab url(../../img/management_templates_img/popuplayer/buttonground_1_17.gif) repeat-x; 
border:1px solid #697581;
color:#ffffff;
cursor:pointer;
-moz-border-radius:5px;
height:19px;
*padding:0 3px;/* Style for IE */
*height:20px;/* Style for IE */
onfocus: expression(onfocus=function (){this.style.border='1px solid #697581'});
onblur: expression(onblur=function (){this.style.border='1px solid #697581'});
}


#manualAssignBtn:hover,
#CampaignFieldSetBtn:hover,
#autoAssignBtn:hover,
#addAgentnoBtn:hover,
#getAgentnoBtn:hover,
#manualAddAgentnoBtn:hover,
#backPageAED2Btn4:hover,
#confirmAutoAssignBtn:hover,
#saveFieldBtn:hover,
#backEditAEDPageBtn:hover,
#confirmAgentnoBtn:hover,
#CampaignFieldManageBtn:hover,
#backAEDPageBtn:hover
{
background:#5a7fab url(../../img/management_templates_img/popuplayer/buttonground_1_17_on.gif) repeat-x;
border:1px solid #697581; 
cursor:pointer;
color:#000000;
-moz-border-radius:5px;
height:19px;
*padding:0 3px;/* Style for IE */
*height:20px;/* Style for IE */
}

/*
*	protable02  2009-10-23
*/
#proContent .protable02 {
	/*width:990px;*/
	background-color:#ffffff;
}
#proContent .protable02 thead td {
	height:30px;
	background-color:#f0f1f4;
	border-left: #DCE0E3 1px solid;
	color: #000000;
	font-weight: normal;
	text-align: left;
	text-indent:1em;
	vertical-align: middle;
	padding: 0 2px 0 0;
	white-space:nowrap;
}
#proContent .protable02 thead td img {
cursor:pointer;
margin-right:1px;
}
#proContent .protable02 tbody tr.prorow0 {
	background-color: #FFF;
	border-bottom: #FFF 1px solid;
	cursor:pointer;
}
#proContent .protable02 tbody tr.prorow1 {
	background-color: #E9E9E9;
	border-bottom: #FFF 1px solid;
	cursor:pointer;
}
#proContent .protable02 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;
}
#proContent .protable02 tbody th {
	border-bottom: #FFF 1px solid;
	border-right: #DCE0E3 1px solid;
	color: #000000;
	height:25px;
	font-weight: normal;
	padding: 2px 2px 2px 0;
	text-align: left;
	text-indent:1em;
	vertical-align: middle;
}
#proContent .protable02 tbody tr:hover{color:#2d2d2d; background:#6097FB;}
#proContent .protable02 tbody tr.prorow0:hover {color:#2d2d2d; background:#6097FB;}
#proContent .protable02 tbody tr.prorow1:hover {color:#2d2d2d; background:#6097FB;}
#proContent .protable02 tbody img {
	vertical-align:middle;
	text-align:center;
	border:none;
}

/*
*	proContent2 protable02
*/
#proContent2 .protable02 {
	width:990px;
	background-color:#ffffff;
}
#proContent2 .protable02 thead td {
	height:30px;
	background-color:#f0f1f4;
	border-left: #DCE0E3 1px solid;
	color: #000000;
	font-weight: normal;
	text-align: left;
	text-indent:1em;
	vertical-align: middle;
	padding: 0 2px 0 0;
}
#proContent2 .protable02 thead td img {
cursor:pointer;
margin-right:1px;
}
#proContent2 .protable02 tbody tr.prorow0 {
	background-color: #FFF;
	border-bottom: #FFF 1px solid;
	cursor:pointer;
}
#proContent2 .protable02 tbody tr.prorow1 {
	background-color: #E9E9E9;
	border-bottom: #FFF 1px solid;
	cursor:pointer;
}
#proContent2 .protable02 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;
}
#proContent2 .protable02 tbody th {
	border-bottom: #FFF 1px solid;
	border-right: #DCE0E3 1px solid;
	color: #000000;
	height:25px;
	font-weight: normal;
	padding: 2px 2px 2px 0;
	text-align: left;
	text-indent:1em;
	vertical-align: middle;
}
#proContent2 .protable02 tbody tr:hover{color:#2d2d2d; background:#6097FB;}
#proContent2 .protable02 tbody tr.prorow0:hover {color:#2d2d2d; background:#6097FB;}
#proContent2 .protable02 tbody tr.prorow1:hover {color:#2d2d2d; background:#6097FB;}
#proContent2 .protable02 tbody img {
	vertical-align:middle;
	text-align:center;
	border:none;
}

.proFooter {
	clear:both;
	width:990px;
	text-align:center;
	vertical-align:middle; height:30px;z-index:3; visibility:visible;
	margin:0;
	padding:0 12px;
}
#proFooter {
	background-color:#f0f1f4;
	text-align:center;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0px 0 0 0;
}

.proFooter2 {
	clear:both;
	width:990px;
	text-align:center;
	vertical-align:middle; height:30px;z-index:3; visibility:visible;
	margin:0;
	padding:0 12px;
}
#proFooter2 {
	background-color:#f0f1f4;
	text-align:center;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0px 0 0 0;
}

/*CSS proFooter style pagination*/

.proFooter { padding:7px; text-align: center;
background:url("../img/dialinterfaces/Table_tr.gif") repeat-x top #2f3130;color:#fff; }
.proFooter a { padding:2px 5px 2px 5px; margin:2px; color: #000000; text-decoration: none;line-height:28px;}
.proFooter a:hover { color: #fff; background-color: #3366cc;}
.proFooter a:active { color: #fff; background-color: #3366cc;}
.proFooter span.current { padding:2px 5px 2px 5px; font-weight: bold; margin: 2px; color: #fff; background-color: #3366cc;}
.proFooter span.disabled { padding:2px 5px 2px 5px; margin: 0px 2px; color: #999999;}


.proFooter2 { padding:7px; text-align: center;}
.proFooter2 a { border: #000000 1px solid; padding:2px 5px 2px 5px; margin:2px; color: #000000; text-decoration: none;line-height:28px;}
.proFooter2 a:hover { border: #3366cc 1px solid; color: #fff; background-color: #3366cc;}
.proFooter2 a:active {border: #3366cc 1px solid; color: #fff; background-color: #3366cc;}
.proFooter2 span.current {border: #3366cc 1px solid;  padding:2px 5px 2px 5px; font-weight: bold; margin: 2px; color: #fff; background-color: #3366cc;}
.proFooter2 span.disabled {border: #999999 1px solid;  padding:2px 5px 2px 5px; margin: 0px 2px; color: #999999;}


.surveyInnerFoot{
	clear:both;
	/*width:100%;*/
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	height:24px;
	z-index:3;
	visibility:visible;
	margin:0 5px;
}
.surveyInnerFoot .black2 {text-align: center;}
.surveyInnerFoot .black2 a { padding:2px 5px 2px 5px; margin:2px; color: #fff; text-decoration: none;line-height:24px;}
.surveyInnerFoot .black2 a:hover { color: #fff; background-color: #5b99c3;}
.surveyInnerFoot .black2 a:active { color: #fff; background-color: #5b99c3;}
.surveyInnerFoot .black2 span.current {padding:2px 5px 2px 5px; font-weight: bold; margin: 2px; color: #fff; background-color: #5b99c3;}
.surveyInnerFoot .black2 span.disabled {  padding:2px 5px 2px 5px; margin: 0px 2px; color: #999999;}


.rulesPic img {
    border: medium none;
}

.rulesPic {
    float: left;
    line-height: 26px;
    margin: 3px 2px 3px 3px;
}

.rulesPic a {
    background: none repeat scroll 0 0 #EEF5F8;
    border: 1px solid #BACAD4;
    border-radius: 5px 5px 5px 5px;
    color: #434343;
    line-height: 32px;
    padding: 5px 10px;
}

.rulesPic a:hover {
    background: none repeat scroll 0 0 #D9EFF7;
    border: 1px solid #96C0DA;
    color: #4380BF;
    line-height: 32px;
    padding: 5px 10px;
}


.columns{
	margin:10px;
	padding: 5px 10px;
	height:80%;
	overflow:auto;
}

.fieldTitleDiv{
	width:22%;
	float:left;
	font-weight:bold;
}

.fieldlistDiv{
	width:23%;
	float:left;
}

.fieldlistLi{
	background:#C1D5EC; border:1px solid #94B2D9;
}

#columns #column1 .widget{
	margin:5px 0;
}

.informationTip{
	font-size:12px;
	color:red;
}


.campaigns_pageAEDPopuplayer{
	overflow: auto;
	width:700px;
}

.campaigns_tdsurveyname{
	height:20px !important
}

.campaigns_showPackagesMsg{
	width:900px;
}

.campaigns_addAgentnoBtnSite{
	clear:both;
}

.campaigns_tabl{
	overflow-y: auto;
}

.campaigns_table{
	width:880px;
}

.campaigns_proMsgDiv{
	overflow:auto;
}

.campaigns_fontwidth4{
	width:auto;
}

.campaigns_InputSelectNummin{
	width:50px;
}

.campaigns_agentAssign{
	font-weight:800;
}

.campaigns_SoViewPage{
	text-align:center;
	margin:5px 15px 5px 5px;
}

.quotaList{
	line-height:25px;
	max-height: 280px;
	overflow-y: auto;
	margin:0 5px;
}

.quotaList table {
	width:100%;
}

.proSearchFieldsetDiv{
	clear:both;
	margin:0 5px;
}

.hangupActionListDiv{
	min-height:50px;
	max-height:300px;
	overflow-y:auto;
	text-align:center;
	padding:5px;
}

.textscriptlist{
	clear:both;
	width:700px;
}