/*------------------------------------------------------------std */
body { font-family:arial, sans-serif; font-size:13px;	background:white; margin:0 }
img { border:none; }

a:link {/*color: green;*/ text-decoration:none;}
a:visited {/*color: silver;*/ text-decoration:none;}
a:hover {/*color:red;*/ text-decoration:none;}

#glob{position:relative; background:transparent;}

#idContent
{ 				
	margin:auto;
	border-color:white;
	border-width:1px;
	border-style:solid;
	background:white;
	color:black;
	padding: 5px;
}

#idTop
{ 	
	min-width:1022px;	
	/*background-image: url(getCustom.php?img);*/
	background-repeat:no-repeat;
	height:90px;
	border:1px solid white;
	border-radius:5px;
	position:relative	
}	

#sidebar, #topBar { background:white; }
#sidebar{ width:5px;}
/*table#idMain { width:600px;}*/

/*------------------------------------------------------------menu */

table#upperMenu { position:absolute; right:0px;  }

#upperMenu a{ color:#3D3D3F; text-decoration:none; padding-left: 10px; display:block;  }
#upperMenu tr>td { padding: 5px; background:transparent; }
#upperMenu tr>td:first-child a{ border-left: none}
#upperMenu tr>td:last-child { text-align:right; border-left: 1px solid transparent}

.stress{ font-weight:bold}
.warning{ color:red}
.smallerTxt{ font-size:smaller }
.clInProxy{ background-color: #FFEFEF; border:1px dashed red }


div#topMenu { background:transparent; text-align:right}
div#topMenu ul{ padding:0; margin:0;	}
div#topMenu li{ display:inline; list-style-type:none; white-space:nowrap;	background:transparent; padding:0 1px; }
div#topMenu li:first-child a{ border-left:none;}
div#topMenu a
{
	color:#3D3D3F;
	text-decoration:none;
	font-size: 14px;
	font-weight:normal;
	padding: 3px 6px;
	border-left:none ;
	border-radius: 3px ;	
}

#sideBar{ padding:5px; }
div#sideMenu{ width:200px; min-height:480px; background:white; }
div#sideMenu a{ color:#3D3D3F; text-decoration:none; font-size:14px; padding:3px 6px; margin:5px; display:block; border-radius:3px;  }

div#topMenu a:hover, div#topMenu a:active, div#sideMenu a:hover, div#sideMenu a:active, .clMenuSelected,.upperMenuSelected { color:black; background:white; }

.copyright{ font-size:smaller; color:silver; text-align:right;   }
.copyright span { white-space:nowrap } 

.pageReport{ white-space:normal; font-size:smaller;}
#idErrorSection{ color:red; }
#idDebugSection, #idInfoSection { color:green;}

.clPageinfo { color:gray; font-size:11px; font-weight:normal; }
.clPageHeader { color:#EE7C2B; font-size:16px; font-weight:bold; }
.clPageHCell span { display:inline-block }
.clSubHeader, #LoginTitle { color:#3D3D3F; font-weight:bold; }

.clFilters { border: 1px solid silver; background: whitesmoke; text-align:left; white-space: nowrap; padding:2px 3px; border-radius: 4px; }
.clFilters td{ padding:2px 3px }
.clFilters td.fltCell{ border-left : 1px solid silver; }
.clFilters input, .clFilters select{ font-size:smaller }
.fltCheck{ vertical-align:top; padding-top:0 }
.fltLabel{ vertical-align:top; }
.fltControl{ vertical-align:top; }

.clPageSection{ margin-left:10px; }
/*------------------------Controls ----------------------------------*/

input, select, textarea{ border-radius:4px; border:1px solid gray; font-size:100%; padding:1px; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.radiobutton { margin-bottom:2px; vertical-align:bottom; }
.editBox { padding:1px; font: inherit; }
.editBoxT { font-size: 12px; width:18px; text-align:center; padding: 0}
.editBoxD { font-size: 12px; width:66px; text-align:center; }
.editBoxF{ padding:1px; }

.stdButton { font-size:12px; display:inline-block; text-decoration:none; min-width:40px; padding:1px 3px; text-align:center;
             border:1px solid gray; cursor:pointer; border-radius:4px; box-shadow:0 1px 2px rgba(0,0,0,.2); color:white;
             background:#f78d1d;
             background: webkit-gradient(linear, left top, left bottom, from(#B7CFE7), to(#ADC8E4));
             background:-moz-linear-gradient(top,  #B7CFE7,  #ADC8E4); }
             
.stdButton:active{ border-color:gray silver silver gray;}

.smallerButton{ font-size:smaller; padding:1px 2px;  min-width:20px; }

/*------------------------------------------------------------tables */
table{ border-width:1px; border-collapse:collapse; empty-cells:show;  }
td, th {	padding:5px; vertical-align:top; font-weight:normal; white-space:nowrap; text-align:left;
         empty-cells: show; border-width: 1px; border-style: none; }

td{ background:white; }

.tbList td, .tbList th, .tbGridClosed tr>td, .tbGridClosed tr>th { border-style: none solid solid none; }	/*top right bottom left*/
.tbList th, .tbGridClosed tr>th{ border-top-style: solid; }
.tbList tr td:first-child, .tbList tr th:first-child, .tbGridClosed tr>td:first-child, .tbGridClosed tr>th:first-child { border-left-style:solid;}
.rowEven td{ background-color:whitesmoke; }
/*------------------------------------------*/

.tbSmaller td, .tbSmaller th { font-size: smaller; }
.elliptic { overflow:hidden; text-overflow:ellipsis; o-text-overflow:ellipsis; }

.tbDsh td, .tbDsh th{	border-style: none none solid none; padding: 2px 5px 2px 5px; border-color:silver }

.tbDsh tr td:first-child { background:whitesmoke ; width:160px }
.tbDsh{ width:690px; border-top-style: solid;border-color:silver}

/*------------------------------------------
.tbGridClosedNoH td{	border-style: solid solid none none; }	
table.tbGridClosedNoH {	border-style: none none solid solid; }
*/

/*------------------------------------------*/
.simpleGrid td, .simpleGrid th { border-style: solid none none solid; }
.simpleGrid th { border-top-style:none }
.simpleGrid tr td:first-child, .simpleGrid tr th:first-child { border-left-style:none }
/*------------------------------------------*/

.tbDialog tr>td, .tbDialog tr>th, .tbDialog tr>td:first-child, .tbDialog tr>th:first-child, table td .tbDialog tr>td { background:whitesmoke; border-style: none; }
/*table.tbDialog{ border: 1px solid orange }*/
/*User style (colors)------------------------*/

.tbGridClosed tr>td, .tbGridClosed tr>th, .tbList td, .tbList th, .simpleGrid td, .simpleGrid th { border-color: silver; }
.tbGridClosed tr>th, .tbList th, .simpleGrid th { background:whitesmoke; color:black }

.tbInner tr>td, .tbInner tr>th{ padding:3px; border-color:silver; background:white  }
.tbInner tr>th { background:whitesmoke }

table#idTbRights{ border-color:silver; border-style: none none solid solid; }
table#idTbRights td  { border-color:silver; border-style: solid solid none none; }
#idEditBox{ background:whitesmoke }

table#idDbTables{ border-color:silver; border-style: none none solid solid; }
#idDbTables td, #idDbTables th  { border-color:silver; border-style: solid solid none none; background:white; padding: 2px 3px;}
#idDbTables th{ background:whitesmoke;}

.tbDialog .tbGridClosed tr>td, .tbDialog .tbGridClosed tr>th { border-style: none solid solid none;  }
.tbDialog .tbGridClosed tr>th{ border-top-style: solid; background:whitesmoke }
.tbDialog .tbGridClosed tr>td:first-child, .tbDialog .tbGridClosed tr>th:first-child { border-left-style:solid;}

/*planning*/
table.tbDialog table.pln{ border:1px solid gray; }
table.tbDialog .pln { font-size:10px; }
table.tbDialog .pln td, table.tbDialog .pln th{ border-bottom:1px solid gray; vertical-align:middle; padding: 1px; color:black; background:white }
table.tbDialog .pln0 { border-left:1px solid gray;  }
table.tbDialog .pln1 { border-left:1px dotted silver; }
table.tbDialog .pln0 div, table.tbDialog .pln1 div {width:10px; height:10px; padding:0; background-color:#5D9EEF}
table.tbDialog .pln th{ padding: 1px; font-size:10px; border-left:1px solid gray;}
table.tbDialog .headRow th{ background:#D5E4F6; }
table.tbDialog .plnToggle{ text-align:right; padding-bottom:0; vertical-align:bottom; border-left:1px solid gray; }
table.tbDialog .plnSel { background-color:#5D9EEF}
.oddRow td, .oddRow th, table.tbDialog .oddRow td, table.tbDialog .oddRow th{background-color:#F2F6FF}
.evnRow td, .evnRow th, table.tbDialog .evnRow td, table.tbDialog .evnRow th{background-color:#EFF0F4}
.activeRow td, .activeRow th { background-color:#F8F3E9 }
/*-----------*/


/*------------------------------------------------------------box */
.cl_FloatBox, .cld { overflow:visible; display:block; position:absolute; z-index:1; 
	border: 1px solid silver; border-radius: 4px;
   box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);					
}
								
img.cl_CloseIc { float:right; background-color:whitesmoke; border: 1px solid silver; cursor:pointer; margin:1px; border-radius: 5%;  }			
img.cl_CloseIc:hover{ opacity:0.9; }

.cl_BoxHeader { padding:5px 7px; border:none; border-bottom: 1px solid silver; background:#FFF0BA; color:gray; font-weight:bold; cursor:default  }

table.cl_FloatBox tr td.cl_BoxHeaderBackground{ background:#FFF0BA; }
table.cl_Draggable tr td.cl_BoxHeader:hover{ cursor:move; }

.cl_BoxMain { background:whitesmoke; padding:10px; border:none }

.cl_BoxFooter { background:whitesmoke; padding:10px; border:none }

/*------------------------------------------------------------cld */
.cld { font-weight:normal; }
table.cld { border:1px solid orange; background:white; position:absolute; }
.cld td, .cld th { padding: 1px; text-align:center; vertical-align:middle; } 
.cld tbody th, .cld tbody td{ background:white; font-weight:normal;  }
.cld tbody th{	color:gray; font-size:11px; border-bottom:1px solid orange; padding:2px 7px; }
.cld tbody td{ empty-cells:show; font-size:10px; padding:2px 7px; border-color:transparent }
.cld tbody td.cldSelected{ background:#FFF0BA; border-radius:50%; }

.cld thead td { background:#FFF0BA; font-weight:normal; font-size:11px; color:black; border-bottom:1px solid silver;}
.cld tfoot td { border:none; color:green; font-size:11px;}
.cld tfoot td:hover {font-weight:bold; background:#FFF0BA; cursor:pointer; opacity:0.7}
.cld img:hover{ cursor:pointer; opacity:0.7}
td.cldWE{ color:red }

td.cldStd:hover{ background:#FFF0BA; color:green; cursor:pointer; border-radius:50%; opacity:0.7  }
.cldPrev { width:9px; height:9px; background:url(img/dataset_left.png) no-repeat; cursor:pointer }
.cldNext { width:9px; height:9px; background:url(img/dataset_right.png) no-repeat; cursor:pointer }

.index_error{ margin-top: 10px; text-align:center; color: red; text-decoration: none;}

.tbLogin{ margin:auto; margin-top:200px; border:2px solid silver; border-radius:4px; box-shadow:2px 2px 10px rgba(0,0,0,0.5) }
.tbLogin th{ text-align:center; color:gray; font-size:16px; font-weight:bold;  }
.tbLogin td, .tbLogin th{background:whitesmoke}

.tab{ display:table-cell; border-radius:6px 6px 0 0; border:1px solid silver; padding:2px 20px; vertical-align:middle; cursor:pointer }
.tbTabs{ background:transparent; display:table; width:100%; border-collapse:separate }
.tabSelected { background:whitesmoke; color:black; border-bottom:1px solid whitesmoke; }
.tabIdle { background:transparent; color:gray }
.lastTab { display:table-cell; background:transparent; border-color:transparent; width:50%; border-bottom:1px solid silver; }

.dataSection{ border-radius:4px; box-shadow:0 0 7px rgba(0,0,0,0.2) }
.clIcn{ height:16px; width:16px; margin:2px 4px}
.clIcnOk{ background:url(img/ok.png) no-repeat; }
.clIcnKo{ background:url(img/ko.png) no-repeat; }

.tbSmall th, .tbSmall td { padding: 2px; vertical-align:center; text-align:left; }

.tbDshRpt th, .tbDshRpt td { padding: 1px 2px; }
.tbDshRpt td{ text-align:right; }
.tbDshRpt tr td:first-child, .tbDshRpt tr th:first-child { text-align:left; border-left-style:none;  }

tr.clTotal td, tr.clTotal td:first-child { border-top: 1px solid gray;}
.clTimes {  font-size:normal; vertical-align:bottom }
.clDshSection { font-size:normal; border: 1px solid whitesmoke; padding:2px 4px }
.clDshSection td, .clDshSection th { padding: 1px 2px} 
.clDshSection div.clSubHeader { height:22px }

.clOrderBy{ position:relative;}
.clOrderBy .label{ text-decoration:underline; }
.clOrderBy .spacer{display:inline-block;background:transparent;width:20px;height:16px}
.ordAsc, .ordDesc { font-weight: bold; }
.ordOpt{ display:inline-block; padding:1px 1px; margin-top:0; margin-bottom:0; margin-left:5px; background-color:transparent; border-radius:3px; border:1px solid transparent; visibility:hidden;
position:absolute; top:-3px; right:-3px; }
.ordOpt div{ width:11px; height:11px; padding:0; cursor:pointer; background-repeat:no-repeat; background-position: center center;  }
.tbSmaller .ordOpt { top:-3px; padding:1px }
.tbSmaller .ordOpt div{ height:9px;}
.tbSmaller .clOrderBy div.spacer { height:10px;}

.ordOpt div:first-child{ background-image: url(img/up.png); }
.ordOpt div:nth-child(2){ background-image: url(img/down.png); }
.clOrderBy:hover .ordOpt{ visibility:visible; background-color:white; border-color:silver; overflow:visible }

.ordOpt div:hover{ opacity:0.5; }

.ordAsc .ordOpt div:nth-child(2){ background-image: none; }
.ordDesc .ordOpt div:first-child{ background-image: none; }
.ordAsc .ordOpt, .ordDesc .ordOpt{ visibility:visible; }  

.clOrderBy:hover .ordOpt div:first-child{ background-image: url(img/up.png); }
.clOrderBy:hover .ordOpt div:nth-child(2){ background-image: url(img/down.png); }

.ordAsc:hover .ordOpt div:first-child{ background-image: url(img/close.png); }
.ordDesc:hover .ordOpt div:nth-child(2){ background-image: url(img/close.png); }

.statusFlag1, .statusFlag2 { display:inline-block; width:9px;height:9px;border-radius:50%}
.statusFlag1{ background:#00CD00; }
.statusFlag2{ background:orange; }

.cldImg{ padding:0 2px; display:inline-block; width:16px; }
.cldImg img{ vertical-align:bottom } 
.cldImg img:hover{ cursor:pointer } 

.tbRtInfo td .tbGridClosed th {font-weight:bold; color:gray}
.tbRtInfo tr:nth-child(odd) > td {background-color:whitesmoke}
.tbRtInfo tr:nth-child(even) > td {background-color:transparent}
.tbRtInfo .tbGridClosed  tr > td{background-color:transparent}
.tbRtInfo caption {text-align:left; color:gray; font-weight:bold}

.clToolsCol { text-align:right; vertical-align:bottom }
.clToggleAction{ display:inline-block; vertical-align:bottom; font-size:smaller}

.icDelete{ background: transparent url('../img/dataset_delete.png') no-repeat scroll center bottom; height:16px; width:16px; cursor:pointer; display:inline-block; }
.icPlus{ background: transparent url('../img/plus.png') no-repeat scroll center center; height:9px; width:9px; cursor:pointer; display:inline-block; }
.icMinus{ background: transparent url('../img/minus.png') no-repeat scroll center center; height:9px; width:9px; cursor:pointer; display:inline-block; }

.tbSmallStats th, .tbSmallStats td { padding: 1px 2px; vertical-align:center; }
.tbSmallStats td { text-align:right; }

tr.clPrefix td:nth-child(2):before { content:"+ "; }
.clDesc { color: green; white-space:normal }

.clLcrList{ width:400px; white-space:normal }
table#tbLcrOpr{ border:1px solid gray }
table#tbLcrOpr .listItem div:first-child{ min-width:120px; display:inline-block; }
table#tbLcrOpr th{ border-bottom:1px solid silver; padding:3px 7px}
table#tbLcrOpr td{ border:1px dotted gray; padding:3px 7px }

.icUp{ background: transparent url('../img/up.png') no-repeat scroll center center; height:9px; width:9px; cursor:pointer; display:inline-block; }
.icDown{ background: transparent url('../img/down.png') no-repeat scroll center center; height:9px; width:9px; cursor:pointer; display:inline-block; }

.importDesc {max-width:440px; display:inline-block; text-align:left; }
.importDesc pre, .importDesc div { padding: 1px; }
table.tbGtw, table.tbSMPP { min-width:280px }
table.tbGtw td:first-child, table.tbSMPP td:first-child { min-width:70px } 
table.tbSMPP td:nth-child(2), table.tbSMPP td:nth-child(3){ min-width:60px } 
table.tbSMPP td:nth-child(4), table.tbGtw td:nth-child(4){ min-width:80px }  

tbody#tbContactList div.listItem{ min-width:165px; border-left:1px dotted gray; padding-left: 10px }
tbody#tbContactList td:first-child div.listItem { border-left: none; }

tbody#tbGrpList div.listItem:first-child{ min-width:120px; display:inline-block; }
tbody#tbContactList td:first-child, tbody#tbGrpList td:first-child{  padding-left: 5px}

.clSendTarget{ max-width:580px; white-space:normal; padding: 5px; margin-bottom:10px; border:1px solid silver}
.clSendTargetContent{ font-style:italic}
.clSendTargetHeader{ display:inline-block; margin-bottom:5px}

#idTbExchangeRates tr:first-child th:first-child{ border-left:none; background: url('../img/direction.png') no-repeat 60% 65%; opacity:0.7}
.clXRateCell{ text-align:center; vertical-align:middle; padding:10px}
td.clXRateCell:hover{ background-color: #FAFFBD }
th.clXRateCell{ font-weight: bold }
.clXRateCodes{ font-size:smaller; }
.clXRateRow th:first-child{ border-top:none; min-width:70px}

.clStatsTb{ border:1px solid gray; margin-left:10px }
.clStatsTb td, .clStatsTb th { border: 1px solid gray; }
.clStatsTb th { background:whitesmoke; font-weight:bold; text-align:center }
.clStatsTb td { text-align:right; min-width:40px }
.clStatsTb td:first-child { text-align:left }
.clStatsTb tr:last-child th { text-align:right }
.clStatsTb tr:first-child th:first-child { visibility:hidden }

.clPageLinks { text-align:left; padding:1px; margin: 1px; background:transparent; font-weight: normal }
.clPageLink, .clPageLinkSel, .clPageLinkPrev, .clPageLinkNext { display: inline-block; min-width: 18px; min-height: 17px; text-align:center; vertical-align:middle; margin-right:10px; padding: 1px 3px; background: white; border:1px solid silver }
.clPageLinkPrev, .clPageLinkNext { border:none }
.clPageLinkPrev:after{ content:" <<  "}
.clPageLinkNext:before{ content:" >>  "}
.clPageLink:hover, .clPageLinkPrev:hover, .clPageLinkNext:hover { cursor:pointer; background:whitesmoke }
.clPageLinkSel{ font-weight:bold; background:whitesmoke }

#tbSMSstatus td, #tbSMSstatus th, #tbSMSdelivery td, #tbSMSdelivery th { border: 1px solid silver; padding: 5px 2px }
#tbSMSstatus tr:first-child th, #tbSMSdelivery tr:first-child th { text-align:center }
#tbSMSstatus td, #tbSMSdelivery td { text-align:right; min-width:90px; } 
/* #tbSMSstatus tr:nth-child(1) th:nth-child(1), #tbSMSdelivery tr:nth-child(1) th:nth-child(1) { visibility:hidden; border-top-color: transparent; border-left-color: transparent } */

optgroup.prv_status_0, optgroup.prv_status_2 { font-style:italic; font-weight:normal; color:gray  }
optgroup:before{ content: "<br>"}

.warningBlock { color:red; font-size:smaller; white-space:normal; display:inline-block; max-width:440px; }
.clNumber { text-align:right }
.clAlignRight { text-align:right }
.clAlignLeft { text-align:left }

#mainDshSection { position:relative; height:680px; }
#tbDshTimeStatus{ font-size:smaller }
#tbDshTimeStatus th, #tbDshTimeStatus td { padding:1px }
#sectionDshSrvCosts table { font-size:smaller; width:320px }
#tbDshBlnStatus { width:180px }
#tbDshSubAccounts, #tbDshInstantPending { width:320px }
#tbDshSubAccounts td { text-align:right }
#sectionDshSubAccountStatus { position:absolute; top:0; left:650px; }
#sectionDshCostsTable { position:absolute; top:80px; left:650px; }
#tbDshLoginTimeStatus { height:56px; width:600px; position:relative; background:whitesmoke; }
#tbDshLoginTimeStatus td{ background:transparent; }
#tbDshLastStatusUpdates { width:580px }
#tbDshCmpStatus { width:400px }
#sectionDshEventTables { width:600px }
#sectionDshPendingTable { position:absolute; top:340px; left:650px }
#sectionDshCmpTable td { padding-left: 0 }


#subAccountSummary div, .clRadioGroup { display:table-cell; padding:0 3px }
#idAttrLabel { padding:5px 12px }

table.tbActivitySummary, table.tbMediaSummary { border-collapse:separate }

#manageContacts{ display:inline-block; position:absolute; right:2px; }

.importHeadersDesc, .importExample { direction:ltr; unicode-bidi:embed; text-align:left }

#idOpenDir { background:transparent; padding:5px;  }
.mediaConfigContainer { border:1px solid silver; background:white; padding:1px; height:260px; width:510px; overflow:scroll /*;direction:ltr;unicode-bidi:embed*/ }
.filePickerContainer { border:1px solid silver; background:white; padding:1px; min-height:200px; min-width:400px; overflow:scroll /*;direction:ltr;unicode-bidi:embed*/ }
.mediaConfigContainer .mediaTopLabel { font-weight:bold;color:gray;height:20px }

.mediaMsgError { color:red; white-space:normal }
.mediaMsgInfo { color:green; white-space:normal }

table.mediaConfig, table.filePicker { width:100% }
table.mediaConfig td:last-child { text-align:right }
table.mediaConfig thead td, table.filePicker thead td { color:black; background:whitesmoke; border-bottom:1px solid silver !important }
table.mediaConfig thead td:last-child { width:80px }
table.mediaConfig tbody td, table.filePicker tbody td { padding:1px 2px; background-color:white !important }
table.mediaConfig .clRadioGroup { display:inline-block }

.icBroadcast, .icDownload, .icNewFile, .icNewFolder, .icConfigReset { cursor:pointer }
.pickerPath span, .pickerChosenFile span { display:inline-block }

#tbGrpManage { min-width:600px; background:transparent; border:1px solid gray }
#tbGrpManage td{ background:transparent }
#tbGroupFirst { border-top:1px solid silver; height:10px }

.mailWarning { color:red; font-size:smaller }

.bSMSdata{ color:blue; font-size:smaller; width:560px; text-align:left; white-space:normal }

.fltCheck input[type="checkbox"] { margin-top:0px }         
.clToolsCol a { vertical-align:top }
.clToolsCol span { padding-top:0px; vertical-align:top }