/**
 * Console css file for ZDN Console
 *
 * 2008 (c) Echovox (http://www.echovox.com)
 */

/* @group header tags */

div.cpanelHeader {
	margin-top: 0px;
	margin-left: 3px;
	width: 900px;
}

div.cpanelHeader div.cpanelHeaderMenu {
	float: left;
	padding: 5px;
	width: 890px;
	background-image: url(../images/cpanel/menu/background_menu.gif);
	border-bottom: 3px solid #edecec;
	font-size: 13px;
	color: #333333;
}
div.cpanelHeader div.cpanelHeaderMenu div.linkFirst {
	float: left;
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #9d9c9b;
}

div.cpanelHeader div.cpanelHeaderMenu div.link {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #9d9c9b;
}

div.cpanelHeader div.cpanelHeaderMenu a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

div.cpanelHeader div.cpanelHeaderMenu a:hover {
	text-decoration: underline;
}

div.cpanelHeader div.cpanelHeaderMenu div.linkLast {
	float: left;
	padding-left: 10px;
}

div.cpanelHeader div.cpanelHeaderText {
	float: left;
	color: #909090;
	height: 65px;
	width: 900px;
	background-image: url(../images/cpanel/dashboard/background_header.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #d3d3d3;
}

div.cpanelHeader div.cpanelHeaderText span.textValue {
	color: #990000;
	font-weight:bold;
	border-bottom: 1px solid #990000;
}

div.cpanelHeader div.cpanelHeaderText a {
	color: #333333;
}

div.cpanelHeader div.cpanelHeaderText a:hover {
	text-decoration: underline;
}

div.cpanelHeader div.cpanelHeaderText div.left{
	padding-top: 25px;
	float: left;
	margin-left: 15px;
}

div.cpanelHeader div.cpanelHeaderText div.right{
	padding-top: 25px;
	float: right;
	margin-right: 15px;
}

div.cpanelHeader img {
	vertical-align: middle;
}

/* @end */


/* @group dashboard tags */

div.cpanelDashboardContent {
	margin: 20px 35px 20px 35px;
	width: 830px;
	color: #454545;
}

div.cpanelDashboardContent div.warning {
	float: left;
	width: 796px;
}

div.cpanelDashboardContent div.pageTitle {
	float: left;
	font-size: 17px;
	color: #909090;
	width: 830px;
}

div.cpanelDashboardContent div.pageTitleUnderlined {
	float: left;
	width:100%;
	color: #909090;
	border-bottom:1px solid #909090;
}

div.cpanelDashboardContent div.pageSubTitle {
	float: left;
	margin-top:3px;
	font-size: 12px;
	color: #909090;
}
div.cpanelDashboardContent div.pageSubLink {
	float: left;
	margin-top:0px;
	font-size: 12px;
	color: #909090;
}
div.cpanelDashboardContent div.pageSubLink a{
	color: #5B9DD0;
}
div.cpanelDashboardContent div.buyZcoins{
	float:left;
	width:370px;
	padding-left: 30px;
	padding-right: 20px;
}	
div.cpanelDashboardContent div.buyZcoins div#value{
	float: left;
	text-align:right;
}
div.cpanelDashboardContent div.buyZcoins div#cost{
	text-decoration:underline;
	float: right;
	text-align:right;
	padding-right:30px;
}
div.cpanelDashboardContent div.buyZcoins div#paypalButton{
	text-align:right;
	float:right;
	padding-right:30px;
	padding-top:50px;

}
div.cpanelDashboardContent div.zcoinsValue{
	float:left;
	width:334px;
	padding-left: 30px;
	border-left: 1px solid #909090;
}
/* @Groupe matrix saving */
div.cpanelDashboardContent div.bulkTitle{
	float:right;
	width:100%;
	font-weight:bold	;
	padding-left: 30px;
	padding-bottom: 5px;
	color:#990000;
}
div.cpanelDashboardContent div.bulkMatrix{
	float:right;
	width:100%;
	padding-left: 30px;

}
div.cpanelDashboardContent div.bulkMatrix tr.header{
	height:6px;
	background-image: url(../images/cpanel/payment/top_band.gif);
	background-repeat: no-repeat;
}
div.cpanelDashboardContent div.bulkMatrix tr.footer{
	height:6px;
	background-image: url(../images/cpanel/payment/bottom_band.gif);
	background-repeat: no-repeat;
}
div.cpanelDashboardContent div.bulkMatrix tr{
	background-image: url(../images/cpanel/payment/pixel.gif);
	background-repeat: repeat;
	background-position:center;
	padding-left:10px;
}
div.cpanelDashboardContent div.bulkMatrix td{
	padding-left:10px;
	padding-bottom:3px;
}

div.cpanelDashboardContent div.bulkMatrix th{
	text-align:left;
	padding-left:10px;
	padding-bottom:5px;
}

div.cpanelDashboardContent div.bulkMatrix table{
	width:281px;
	font-size:14px;
	padding-bottom:20px;
}

/* @group Table Div Display */
div.cpanelDashboardContent div.tableDivDisplay{
	padding-top:0px;
	padding-bottom:10px;
	width:830px;
	font-size: 13px;
	float:left;
	border-top: 1px solid #8f8f8f;
	border-bottom: 1px solid #8f8f8f;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.tableDivDisplay div.noData{
	margin: 15px 15px 0px 15px;
}
div.tableDivDisplay div.noData a{
	color: #990000;
}
div.tableDivDisplay div.header{
	background-color:#E8EFF5;
	padding:5px;
	width:820px;
	float:left;
}
div.tableDivDisplay div.header div{
	float:left;
	vertical-align:middle;
	color:#000000;
}
div.tableDivDisplay div.content{
	width:830px;
	padding-top:7px;
	float:left;
}
div.tableDivDisplay div.content div.services{
	background-color:#ECF2F7;
	float:left;
	width:780px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
	border-bottom:1px dashed black;
	display:none;
}
div.tableDivDisplay div.content div{

}
div.tableDivDisplay div.content div.user{
	float:left;
	width:830px;
}
div.tableDivDisplay div.content div.userClick{
	padding-top:3px;
}
div.tableDivDisplay div.content div.userClick div.country{
	padding-top:2px;
}
div.tableDivDisplay div.content div.users{
	width:830px;
	background-color:#FFF;
	float:left;
}
div.tableDivDisplay div.content div.users div.viewmomt{
	padding-right:10px;
	float:right;
}

div.tableDivDisplay div.content div.services div{
	float:left;
	vertical-align:middle;
}
div.tableDivDisplay div.content div.serviceList{
	float:left;
	width:830px;
}
div.tableDivDisplay div.content div.serviceList div{
	float:left;
	padding-top:1px;
	vertical-align:middle;
}
div.tableDivDisplay div.content div.serviceName{
	width:200px;
}
div.tableDivDisplay div.header div.serviceName{
	width:200px;
}
div.tableDivDisplay div.header div.serviceLogo{
	float:left;
	width:17px;
}
div.tableDivDisplay div.content div.serviceList div.serviceLogo{
	float:left;
	width:23px;
	padding-top:0px;
}
div.tableDivDisplay div.content div.sc{
	padding-left:30px;
}
div.tableDivDisplay div.content div.unsubscribe{
	padding-left:30px;
}
div.tableDivDisplay div.header div.msisdn{
	width:100px;
	padding-left:50px;
	float:left;
}
div.tableDivDisplay div.content div.msisdn{
	width:100px;
	padding-left:30px;
	float:left;
}
div.tableDivDisplay div.header div.id{
	width:60px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	float:left;
}
div.tableDivDisplay div.content div.id{
	width:60px;
	padding-left:7px;
	padding-right:10px;
	text-align:left;
	float:left;
}
div.tableDivDisplay div.content div.openUp{
	width:15px;
	padding:5px;
	float:left;
}
div.tableDivDisplay div.header div.country{
	width:60px;
	float:left;
	padding-left:70px;
}
div.tableDivDisplay div.content div.country{
	width:60px;
	float:left;
	padding-left:70px;
}
div.tableDivDisplay div.header div.carrier{
	width:200px;
	padding-left:100px;
	float:left;
}
div.tableDivDisplay div.content div.carrier{
	width:200px;
	padding-left:100px;
	float:left;
}
div.tableDivDisplay div.content div.markets{
	width:400px;
	float:left;
	padding:0px;
}
div.tableDivDisplay div.header div.market{
	width:50px;
	text-align:center;
	float:left;
	padding:0px;
}
div.tableDivDisplay div.content div.marketNumber{
	width:50px;
	text-align:center;
	float:left;
	padding:0px;
}
div.tableDivDisplay div.content div.market div.id{
	width:60px;
	text-align:left;
	float:left;
	padding:0px;
	padding-left:30px;
}
div.tableDivDisplay div.content div.market div.country{
	width:20px;
	padding-left:11px;
	float:left;
}
div.tableDivDisplay div.content div.market div.country img{
	padding-top:3px;
}
div.tableDivDisplay div.content div.market div.amount{
	width:60px;
	float:left;
	padding:0px;
}
div.tableDivDisplay div.content div.market div.status{
	width:160px;
	float:left;
	text-align:center;
	padding:0px;
}

div.tableDivDisplay div.content div.market div.keyword{
	width:230px;
	overflow:hidden;
	float:left;
	padding:0px;
	padding-left:100px;
}
div.tableDivDisplay div.content div.market div.sc{
	width:40px;
	float:left;
	padding:0px;
}
div.tableDivDisplay div.content div.market div.deleteMarket{
	width:120px;
	float:right;
	text-align:right;
	padding-right:10px;
	color:#ED1114;
}
div.tableDivDisplay div.content div.marketsList{
	width:100%;
	background-color:#ECF2F7;
	float:left;
	padding:3px 0px;
	border-bottom:1px dashed black;
	display:none;
}
div.tableDivDisplay div.content div.marketsList div.market{
	width:100%;
}
div.tableDivDisplay div.header div.status{
	width:50px;
	text-align:center;
	float:left;
	padding-left:50px;
}
div.tableDivDisplay div.content div.status{
	width:50px;
	text-align:center;
	float:left;
	padding-left:50px;
}
div.tableDivDisplay div.content div.statusLink{
	width:50px;
	text-align:center;
	float:left;
	padding-left:50px;
	text-decoration:underline;
}
div.tableDivDisplay div.header div.created{
	width:200px;
	float:left;
	padding-left:70px;
}
div.tableDivDisplay div.content div.created{
	width:200px;
	float:left;
	padding-left:70px;
}
div.tableDivDisplay div.header div.edit{
	float:right;
	text-align:right;
}
div.tableDivDisplay div.content div.serviceList div.edit{
	float:right;
	padding-right:10px;
}
div.tableDivDisplay div.content div.serviceList div.edit a{
	text-decoration:underline;
	color:#454545;
}
div.tableDivDisplay div.content div.serviceList div.deleteService{
	color:#ed1114;
	float:right;
	text-decoration:underline;
	font-weight: bold;
	padding-right:10px;
	display:none;
	cursor:pointer;
}
/*   Table MoMt   */
div.tableShowMoMt{
	margin-top:10px;
	border-top:1px solid #8f8f8f;
	border-bottom:1px solid #8f8f8f;
}
table.tableShowMoMt{
	padding-top:0px;
	padding-bottom:10px;
	font-size: 12px;
}
table.tableShowMoMt tr.noData {
}
table.tableShowMoMt tr.header{
	background-color:#E8EFF5;
	height:20px;
	text-align:left;
}
table.tableShowMoMt tr.content{
	border:0px solid red;
	height:18px;
}
/* @end */

div.cpanelDashboardContent div.graph{
	padding-top:10px;
	padding-bottom:10px;
}

div.cpanelDashboardContent div.anchorLinks{
	text-align:center;
	font-size:12px;
}
div.cpanelDashboardContent a{
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
div.cpanelDashboardContent a:hover{
	text-decoration:underline;
}

div.tablePresentation {
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px solid #8f8f8f;
	border-bottom: 1px solid #8f8f8f;
	width: 830px;
}

div#services_icons {
	float: left;
}

div#services_icons div.item {
	float: left;
	color: #3e3e3e;
	font-size: 12px;
	margin-right: 30px;
}

div#services_icons div.item img {
	vertical-align: middle;
}

/* @end */


/* @group default table  */

table.default {
	float: left;
	width: 100%;
}

table.default th {
	height: 20px;
	text-align: left;
	background-color: #e8eff5;
	color:#000000;
	font-size: 13px;
	font-weight: bold;
}

table.default td {
	font-size: 12px;
}

table.default div.noData {
	margin: 15px 0px 15px 10px;
}

table.default span.link {
	font-weight: bold;
	color: #5b9dd0;
}

table.default tr.overlay span.link{
	font-weight: bold;
	color: white;
}


/* @end */


/* @group options header  */

div.cpanelHeader div.optionsHeaderText {
	float: left;
	color: #909090;
	height: 100px;
	width: 900px;
	background-image: url(../images/cpanel/options/background_header.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #d3d3d3;
}

/* @end */

/* @group tabed pages header  */

div.tabedPage {
	margin: 20px 40px 20px 40px;
	width: 820px;
}
div.tabStatistics {
 margin: 20px 0px 20px 0px;
}

/* @end */

/* @group API Key pages  */

#regenerate{
	text-decoration: underline;
	font-weight:bold;
}
/* @end */
/* @group API Key pages  */

#graphStatistics .export{
	cursor: pointer;
}
#graphStatistics img{
	vertical-align: middle;
}
/* @end */

/* @group edit service pages  */

table.market {
	float: left;
	width: 800px;
}

table.market td {
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #454545;
}

table.market div.noData {
	margin: 15px 0px 15px 10px;
	font-weight: bold;
	color: #5b9dd0;
}

div.deleteMarket {
	color: #ed1114; 
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

div.editMarket {
	color: #454545;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

/* @end */

/* @group services page */

#serviceContentPage{
}

#serviceList{
	width:114px;
	float:left;
	margin:6px 0px;
}
#serviceList a:hover{
    text-decoration: none;
}
#serviceContent{
	float:left;
	margin:7px 2px;
	border:1px solid #909090;
	width:708px;
	display:block;
}

div#serviceContent div#serviceInfo table {
	width: 550px;
}

div#serviceContent div#serviceInfo table tr {
	vertical-align: top;
}

div#serviceContent div#serviceInfo table td.key{
	width: 165px;
	font-weight: 700;
	color:#909090;
}

div#serviceContent div#serviceInfo table td.value{
	width: 360px;
}

div#serviceContent div#titleService {
	color:#454545;
	font-size:20px;
	font-weight:bold;
	margin-bottom: 20px;
}

div#serviceContent div#serviceInfo {
	float: left;
}

div#serviceContent div.toolsBox {
	float: right;
	width: 140px;
}
div#serviceContent div.toolsBox div{
	color: #990000;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
}
div#serviceContent div.toolsBox div:hover{
	color: #990000;
	text-decoration:underline;
}

div#serviceContent ul {
	padding: 0px;
	margin: 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div#serviceContent li {
	border-bottom: 1px solid #909090;
}

div#serviceContent div#marketsInfo {
	width: 100%;
}

div#serviceContent div#marketsInfo div.titleMarket {
	font-size:13px;
	font-weight:bold;
	margin-bottom: 5px;
}

div#serviceContent div#marketsInfo table {
	width: 530px;
	margin-left: 21px;
}

div#serviceContent div#marketsInfo table tr {
	vertical-align: top;
}

div#serviceContent div#marketsInfo table td.key{
	width: 100px;
	font-weight: 700;
	color:#909090;
}

div#serviceContent div#marketsInfo table td.value{
	width: 150px;
}

div#serviceContent div#serviceInfo table td.value{
	width: 350px;
}

div#serviceContent div.marketInfo {
	border-top: 1px solid #909090;
	padding-top: 5px;
	margin-top: 10px;
}

div.marketsMainTitle {
	font-size:17px;
	font-weight:bold;
	margin-top: 30px;
}

/* @end */

/* @group thickbox page */
div.zdnThickbox .link{
	color: #990000;
	font-weight:bold;
	cursor:pointer;	
}

div.zdnThickbox .link:hover{
	text-decoration:underline;
}
div.zdnThickbox .serviceDelete{
	color: #990000;
	text-decoration:underline;
}
div.zdnThickbox div.warning {
	margin-top:0px;
	width: 260px;
}

div.zdnThickbox div.valid {
	margin-top:0px;
	width: 260px;
}
/* @end */

/* @group span link */
div.spanLink {
	color: #990000;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
}
div.spanLink:hover{
	color: #990000;
	text-decoration:underline;
}
/* @end */