@import "reset.css";

/*** clear fix ***/

.clearfix:after {
    content: ".";
    display: block !important;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



body {
	background:url(../images/body-bg_jpg.jpg) repeat-x;	
	font:14px "Trebuchet MS";
	color:#5891ca;
}

input.smallbtn ,button.smallbtn {
display:inline;
height:28px;
width:60px;
background:white url('../images/small.png') no-repeat top;
border:none;
color:#fff;
}

input.smallbtn:hover ,button.smallbtn:hover {
background:white url('../images/small_over.png') no-repeat top;
}


input.mediumbtn ,button.mediumbtn {
display:inline;
height:28px;
width:100px;
background:white url('../images/medium.png') no-repeat top;
border:none;
color:#fff;
}

input.mediumbtn:hover ,button.mediumbtn:hover {
background:white url('../images/medium_over.png') no-repeat top;
}


input.largebtn ,button.largebtn {
display:inline;
height:28px;
width:140px;
background:white url('../images/large.png') no-repeat top;
border:none;
color:#fff;
}

input.largebtn:hover ,button.largebtn:hover {
background:white url('../images/large_over.png') no-repeat top;
}

div#container {
	width:100%;
	margin:0 auto;
	min-height:100%;
	display: block;
	position: absolute;
	
}
div#menu ul {
	width:148px;
	background:url(../images/menu-ul-top-bg.png) no-repeat;	
	padding:14px 0 0;
	font:12px "Trebuchet MS";
	text-transform:uppercase;
}
div#menu li a {
	width:60%;
	border-bottom:1px solid #EFF7FF;	
	height:21px;
	padding-top:6px;
	padding-left:30px;
	display:block;
	background:url(../images/icons-bg.png) no-repeat;
	color:#fff;
	font-weight:bold;
}
div#menu li a.last {
	border-bottom:none;	
}
div#menu li a:hover, div#menu li a.selected, div#header ul li a:hover, div#header ul li a.selected {
	color:#32779a;	
}
div#menu li {
	width:82.5%;
	height:33px;
	padding:0 5px 0 20px;
	background:url(../images/menu-ul-li-bg.png) repeat;
}
div#menu li.last, div#header ul li a.last {
	border:0;	
}
div#menu li.last {
	height:28px;	
}
div#menu li#home a {
	background-position:0 0px;
}
div#menu li#lists a {
	background-position:0 -35px;
}
div#menu li#creative a {
	background-position:0 -70px;
}
div#menu li#emailpreview a {
	background-position:0 -108px;
}
div#menu li#spamcheck a {
	background-position:0 -143px;
}
div#menu li#campaigns a {
	background-position:0 -180px;
}
div#menu li#billing a {
	background-position:0 -215px;
}
div#menu li#reporting a {
	background-position:0 -250px;
}
div#menu li#settings a {
	background-position:0 -280px;
}

div#menu {
	width:176px;
	width:14%;
	height:510px;
	margin-top:65px;	
	background:url(../images/menu-bg.jpg) no-repeat 55px 195px;
}
div#menu ul li.bottom-bg {
	width:98%;
	height:13px;
	margin-top:-2px;
	background:url(../images/menu-ul-bottom-bg.png) no-repeat;
	padding-left:0;
}
div#menu img {
	position: absolute;
	top: 490px;
}
div#main {
	width:86%;
	float:left;
}
div#header {
	width:80%;
	margin:0 auto;
	height:190px;
	background:url(../images/header-bg.png) no-repeat 50% 25px;
}
div#header div.left-bg {
	width:15px;
	height:37px;
	background:url(../images/left-bg.gif) no-repeat;	
}
div#header div.right-bg {
	width:15px;
	height:37px;
	float:right;
	background:url(../images/right-bg.gif) no-repeat right;	
}
div#header .container {
	height:37px;
	overflow:hidden;
}
div#header ul {
	width:auto;
	height:37px;
	padding-left:7px;
	font:12px "Trebuchet MS";
	text-transform:uppercase;
	background:url(../images/container-bg.gif) repeat-x;
	overflow:hidden;
	white-space:nowrap;
}
div#header ul li {
	padding-top:7px;
	margin-right:5px;
	display:block;
	float:left;
}
div#header ul li.last {
	margin-right:0;	
}
div#header ul li.goright {
	padding:0;
	margin:0;
	float:right;	
	
}
div#header ul li a {
	padding-right:5px;
	border-right:1px solid #fff;
	color:#fff;
	font-weight:bold;
	
}
div#scroll {
	width:80%;
	margin:0 auto;
	/*height:700px;*/
	overflow:auto;
}
div#content {
	width:99%;
	/*padding-top:9px;*/
	/*background:url(../images/content-top-bg.gif) no-repeat;*/
	margin-bottom: 40px;

}


div#content img {
	width:100%;
	
}


div#content div.wrap img.emailpreview {
width:80%;
height:80%;
}

div#content div.wrap img {
	display:block;
	overflow:hidden;
	width:97%;
	margin:0 auto;
}
div#content div.wrap {
	margin-top:-4px;
	background-color:#FFF;
	border-left:1px solid #a7d3ff;
	border-right:1px solid #a7d3ff;
	padding:0px 10px 0px 10px;
}
div#content table {
	width:97%;
	border-collapse: collapse;
	margin:0 auto;
	text-align:center;
	padding-top:7px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5891ca;
	background-color:#ffffff;
	/*background:url(../images/table-head-bg.gif) no-repeat #76bafd;*/	
}
div#content table tr.first {
	font-weight:bold;
	color:#fff;
	background-color:#76bafd;
}
div#content table td {
	border-bottom:1px solid #ffffff;
	height:24px;
		
}
div#content table th {
	padding:8px 0;
	font-size:12px;
	text-transform:uppercase;
}
div#content table td.title {
	font-size:12px;
	color:#5891ca;
	background-color:#b8d9f9;
	text-align: left;
	padding-left: 5px;
	white-space: nowrap;
}
div#content table td.details {
	font-size:11px;
	color:#ffffff;
	background-color:#32779a;	
}

div#content table td.details.lf {
   text-align: left;
   padding-left: 10px;
}

div#content table td.details.lf.sub-item {
   padding-left: 50px;
}

div#content table td.minicon {
	font-size:11px;
	color:#ffffff;
	background-color:#32779a;
	white-space: nowrap;	
}

div#content table img.minicon{
display:inline;
height:25px;
width:25px;
border:none;
}
div#content table img.laricon{
display:inline;
height:95px;
width:95px;
border:none;
}

div#content table.custom {
	width:auto;
	border-collapse: collapse;
	margin-left:1.5%; margin-right: auto;
	text-align:center;
	padding-top:7px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5891ca;
	background-color:#ffffff;
	/*background:url(../images/table-head-bg.gif) no-repeat #76bafd;*/
}

div#content table.custom td.title {
	font-size:12px;
	color:#5891ca;
	background-color:#b8d9f9;
	width:100px;
	text-align: left;
}
div#content table.custom td.details {
	font-size:11px;
	color:#5891ca;
	background-color:#ffffff;
	text-align: left;
}



div#content table.custom img.preview {
width:200px; height:150px; display:block; margin:10px auto auto 0px;
}
div#content h1,h2 {
	font-size:18px;
	color:#5891ca;
	text-align:center;
	padding: 5px;
}
div#content a {
color:#F8941C;
}



a#magnify {
	width:100px;
	height:100px;
	display:block;
	background:url(../images/magnifyer-ico.png) no-repeat;	
	clear:both;
	text-align:center;
	font:12px "Trebuchet MS";
	color:#32779a;	
	font-weight:bold;
	

}
div#footer {
	clear:both;
	text-align:center;
	background-color:#a7d3ff;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	border-top:3px solid #84c2fe;
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	height: 20px;
	
}

.loading {
    background: url(/images/loading.gif) 0 0 no-repeat;
}

.translation-link {
    font-size: 20px;
	padding-right: 5px;
	padding-left: 5px;
}

.translation-link.active {
   color: red !important;
}

#token-content-container {
  width: 100%;
  position:relative;
  margin-top: 10px;
}

#token-list {
  width: 200px;
  overflow: auto;
  height: 400px;
  float:left;
  border: 1px solid #aaa;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  padding: 2px;
}

#token-action-area {
  margin-left: 210px;
  border: 1px solid #aaa;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  padding: 30px 4px;
  font-size:12px;
}

	#token-action-area-inner {
	   font-size: 12px;
	   color: #000;
	}
	
	#token-action-area-inner b, #token-action-area-inner input.mediumbtn {
	   display: block;
	   margin-top: 5px;
	}
	
	#token-action-area-inner textarea {
	   border: 1px solid #444;
	}
	
	#token-action-area-inner textarea:focus {
  	  border: 1px solid #66a;
	}

.token-link {
  display: block;
  font-size: 11px;
  color: #009933 !important;
}

.token-link.empty.current {
  color: white !important;
  background-color: red;
}

.token-link.current {
  color: #fff !important;
  background-color: #009933;
}

.token-link.empty {
  color: red !important;
}

.error-message {color: red;}
.success-message {color: green;}