* {margin: 0; padding: 0;}

body{
	color: #000000;
	font: 11px tahoma, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

a{
	color: #000000;
	text-decoration: underline;
}

a:HOVER{
	text-decoration: none;
}

img {
    border:0;
}

h1{
	text-indent: -9999px;
}

h4{
	font: bold 14px tahoma, arial, helvetica, sans-serif;
}

h5{
	font: bold 11px tahoma, arial, helvetica, sans-serif;
}

ul{
	margin:  0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

li{
	margin:  0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

fieldset{	
	border: 1px solid #e5e5e5;
}

legend{
	margin: 0px 4px 0px 4px;
	color: #000000;
	font: bold 14px tahoma, arial, helvetica, sans-serif;
}

textarea{
	font: 11px tahoma, arial, helvetica, sans-serif;
	width: 100%;
	overflow-y: scroll;
	height: 200px;
}

input, select{
	font: 11px tahoma, arial, helvetica, sans-serif;
}

input{
	height: 20px;
}

select{
	height: 19px;
}

input.text, select.text{
	width: 100%;
	margin: 0px 0px 10px 0px;
}

label{
	font-weight: bold;
	margin: 5px 0px 2px 0px;
	text-align: left;
	display: block;
}

span.rule{
	height: 35px;
	margin: 0px 0px 0px 0px;
	display: block;
	clear: both;
}

span.rule_sm{
	height: 15px;
	margin: 0px;
}

table{
	color: #000000;
	font: 11px tahoma, arial, helvetica, sans-serif;
}

.checkbox{
	height: auto;
}

div.dashed{
	border-bottom: 1px dashed #a5acb2;
	margin: 15px 0px 15px 0px;
	clear: both;
}

div.dashed_light{
	border-bottom: 1px dashed #e7e7e7;
	margin: 15px 0px 15px 0px;
	clear: both;
}

div.solid{
	border-bottom: 1px solid #cdcdcd;
	margin: 15px 0px 15px 0px;
	clear: both;
}


div.solid_light{
	border-bottom: 1px solid #eeeeee;
	margin: 15px 0px 15px 0px;
	clear: both;
}

.text_right{
	text-align: right;
}

.text_left{
	text-align: left;
}

.copy{
	text-indent: 5px;
}

.warning{
	background: #f57b00;
	margin: 15px 0px 15px 0px;
	padding: 10px;
	text-align: center;
	clear: both;
}

.section_title{
	float: left;
	display: inline;
}

.holder{
	clear: both;
	text-align: left;
	margin: 5px 10px 10px 10px;
}

.holder_right{
	text-align: right;
	margin: 0px 10px 10px 0px;
}

/* --- COLOR --- */

.grey{
	color: #606060;
}

.grey_light{
	color: #c6c6c6;	
}

.orange{
	color: #f57b00;
}

.blue{
	color: #00b7d4;
}

.black{
	color: #000000;
}

.white{
	color: #ffffff;
}

.red {
	color: red;
}

.bg_grey{
	background: #f0f0f0;
}

.bg_orange{
	background: #f57b00;
}

.bg_blue{
	background: #07b6d2;
}

/* --- FONT SPECIFIC --- */

.sm{
	font-size: 10px;
}

.md{
	font-size: 11px;	
}

.lg{
	font-size: 12px;	
}

.xlg{
	font-size: 14px;
}

.xxlg{
	font-size: 16px;
}

.xxxlg{
	font-size: 18px;
}

.bold{
	font-weight: bold;
}

.regular{
	font-weight: normal;
}

/* --- BUTTON --- */

input.button{
	color: white;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	width: 130px;
	height: 21px;
	cursor: pointer;
	background: url(images/button_back.gif) repeat #fe9819;
	border: 1px solid #cf6600;
}

input.button:hover{
	background: url(images/button_back_over.gif) repeat #fe9819;
	border: 1px solid #cf6600;
}

input.button:focus {
	outline: 0px;
}

input.button_lgr{
	width: 270px;
}

input.button_xlg{
	width: 250px;
}

input.button_lg{
	width: 200px;
}

input.button_md{
	font-size: 14px;
	width: 125px;
}

input.button_sm{
	width: 75px;
}

input.button_disable, input.button_disable:HOVER{
	cursor: default;
	background: url(images/button_disable.gif) repeat #d8d8d8;
	border: 1px solid #bebebe;
}

select.button_sm{
	width: 80px;
}

select.button_md{
	width: 120px;
}

select.button_lg{
	width: 200px;
}



/* --- TOOLTIP --- */


.tooltip{
	list-style: none;
}

.tooltip li{
	text-align: left;
	margin: 5px auto 5px auto;
}

.tooltip li a{
	background: url(images/icons/tooltip.gif) no-repeat;
	line-height: 15px;
	text-indent: 20px;
	display: block;
}

.tooltip li a:HOVER{
	background: url(images/icons/tooltip_over.gif) no-repeat;
}

.tooltip li a.video{
	background: url(images/icons/video.gif) no-repeat;
}

.tooltip li a.video:HOVER{
	background: url(images/icons/video_over.gif) no-repeat;
}


/* --- HEADER --- */


.logo{
	background: url(images/logo.gif) no-repeat;
	width: 400px;
	height: 70px;
	float: left;
}

ul.sub_nav{
	height: 35px;
	float: right;
	margin-right: 5px;
}

ul.sub_nav li{
	height: 30px;
	line-height: 30px;
	margin: 0px 0px 0px 7px;
	display: inline;
	list-style: none;
}

ul.sub_nav li a{
	margin: 0px 5px 0px 0px;
}

/* --- MAIN NAV --- */

ul.nav{
	height: 32px;
	margin: 0px 0px 0px 5px;
	clear: both;
}

ul.nav li{
	line-height: 30px;	
	list-style: none;
	margin: 0px 5px 0px 0px;
	float: left;
}

ul.nav a{
	width: 112px;
	height: 32px;
	font-size:12px;
	font-weight: bold;
	background: url(images/tab_back.gif) no-repeat;
	text-decoration: none;
	text-align: center;
	display: block;
}

ul.nav a:HOVER{
	background: url(images/tab_back_over.gif) no-repeat;
	display: block;
}

ul.nav a.selected{
	background: url(images/tab_back_on.gif) no-repeat;
	display: block;
}

ul.nav a.selected:HOVER{
	background: url(images/tab_back_on_over.gif) no-repeat;
	display: block;
}



/* --- SUB TABS --- */

ul.sub_tabs{
	height: 25px;
	margin: 0px 0px 0px 5px;
	clear: both;
}

ul.sub_tabs li{
	line-height: 25px;	
	list-style: none;
	margin: 0px 5px 0px 0px;
	float: left;
}

ul.sub_tabs a{
	width: 95px;
	height: 25px;
	font-weight: bold;
	background: url(images/tab_sub_back.gif) no-repeat;
	text-decoration: none;
	text-align: center;
	display: block;
}

ul.sub_tabs a:HOVER{
	background: url(images/tab_sub_back_over.gif) no-repeat;
	display: block;
}

ul.sub_tabs a.selected,ul.sub_tabs a.selected:HOVER{
	background: url(images/tab_sub_back_on.gif) no-repeat;
	display: block;
}


/* --- CONTENT --- */

.container{
	width: 100%;
	min-width: 980px;
	display: block;
	clear: both;
}

.bar{
	width: 100%;
	height: 15px;	
	display: block;
	clear: both;	
}

.bar_orange{
	background: url(images/orange_bar_back.gif) #f57b00;
	border: 1px solid #ce6600;
}


.bar_orange_flat{
	background:#f57b00;
}

.bar_blue{
	background: url(images/blue_bar_back.gif) #f57b00;
	border: 1px solid #00859a;
}

.bar_grey{
	background: url(images/grey_bar_back.gif) #f57b00;
	border: 1px solid #a2a2a2;
	border-left: none;
	border-right: none;
	margin: 0px 0px 10px 0px;
}

.bar_grey_sub{
	background: url(images/grey_bar_back.gif) #f57b00;
	border: 1px solid #a2a2a2;
	margin: 0px 0px 10px 0px;
}

.title_blue, .title_orange{
	width: 100%;
	height: 25px;
	border-bottom: 1px solid #868686;
	background: url(images/blue_bar_back.gif) #f57b00;
}

.title_orange{
	color: #ffffff;
	font: bold 11px tahoma, arial, helvetica, sans-serif;
	background: url(images/orange_bar_back.gif) #ff9c1b;	
}

.error_title{
	background: url(images/error_back.gif) no-repeat;
}

.help_title{
	background: url(images/icons/definition.gif) no-repeat;	
}

.error_top{
	height: 60px;
}

.error_page p{
	font-size: 12px;
	font-weight: bold;
	margin: 20px 20px 20px 70px;
}

/* --- SURVEY --- */

.survey span.bar_grey_sub{
	border-left: 0px;
	border-right: 0px;
	margin: 0px;
	padding: 0px;
}

.survey .wrapper{
	margin-top: 10px;
}

.survey label{
	display: block;
}

.survey input{
	float: left;
	margin: -4px 5px 0px 10px;
}

.survey textarea{
	width: 690px;
	margin: 0px 10px 10px 10px;
}

.survey span{
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;	
}

.survey .holder{
	float: right;
	margin-top: 10px;
	clear: both;
}

.survey .holder input{
	margin: 0px 0px 0px 0px;
}

.survey .option_text{
	margin: -5px 0px 5px 47px	
}

.survey .option_text{	
	margin: -5px 0px 5px 47px	
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: -5px 0px 5px 47px	
}

html>body .survey .option_text{
	margin: 0px 0px 5px 37px	
}

/* --- DASHBOARD --- */


.alert_constant{
	width: 250px;
	height: 30px;
	position: absolute;
 	top: 107px;
	right: 10px;
	bottom: 0px;
}

.alert_constant a{
	background: url(images/icons/alert.gif) no-repeat;
	height: 45px;
	padding: 2px 0px 0px 30px;
	display: block;
}

.alert_constant a:HOVER{
	background: url(images/icons/alert_over.gif) no-repeat;
}

.dash_top{
	width: 100%;
	margin-top: 10px;
}

.dash_left{
	width: 70%;
	height: 315px;
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;
}

.dash_start{
	float: left;
	display: inline;
	width: 44%;
	text-align: center;		
}

.dash_start h1{
	text-indent: 0px;
	text-align: center;
	margin: 20px 0px 20px 0px; 	
}

.dash_start input{
	margin-bottom: 20px; 
}

.dash_quickstart{
	border: 1px solid #f57b00;
	margin-bottom: 10px;
}

.dash_quickstart div{
	height: 45px;
	text-align: center;
	border-top: 1px solid #ffffff;
}

.dash_quickstart div p{
	width: 260px;
	height: 45px;	
	text-align: center;	
	margin-right:auto;
	margin-left:auto;
}

.dash_quickstart div p a, .dash_quickstart div p img, .dash_quickstart div p span{
	float: right;
	display: inline;
	margin: 6px;
}

.dash_quickstart div p a{
	margin-top:10px; 
}

.dash_quickstart div.dash_chat{
	border: 0px;
	height: 43px;
}

.dash_quickstart div.dash_chat p{
	width: 290px;
}

.dash_quickstart div.dash_chat span{
	margin: 10px 0px 0px 0px;
	
}

.dash_help{
	width: 53%;
	height: 315px;
	float: right;
	display: inline;	
	margin: 0 1% 0 1%;
}

.dash_box{
	height: 139px;
	border: 1px solid #868686;
	margin: 0px	0px 10px 0px;
	overflow: hidden;
}

.dash_box {	
	height: 139px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 141px;	
}

html>body .dash_box {
  height: 139px;
}

.dash_box ul{
	list-style-image: url(images/icons/bullet_blue.gif);
	margin: 8px 0px 0px 25px;
}

.dash_box li{
	line-height: 25px;
}

.dash_box p.announcement{
	height: 52px;
	overflow: hidden;
}

.dash_help .dash_box h3, .message_box .dash_box h3, .credits_gauge .dash_box h3{
	width: 100%;
	color: white;
	font: bold 11px tahoma, arial, helvetica, sans-serif;
}

.dash_help .dash_box h3 span, .message_box .dash_box h3 span, .credits_gauge .dash_box h3 span{
	float: left;
	display: inline;
	margin: 5px 0px 0px 5px
}

.message_box .dash_box h3 span{
	color: #000000;
}

.dash_help .dash_box h3 a{
	float: right;
	display: inline;
	margin: 5px 5px 0px 0px
}

h3.title_orange a{
	float: right;
	display: inline;
	margin: 5px 5px 0px 0px
}

.dash_help .dash_box p{
	margin: 2px 5px 1px 5px;
}

h1.quickstart{	
	text-indent: -9999px;
	background: url(images/quickstart.gif) no-repeat;
	width: 100%px;
	height: 41px;
	border-bottom: 1px dashed #f57b00;
	margin: 0px; 
}

.message_box, .credits_gauge{
	width: 28.5%;
	float: right;
	overflow: hidden;
	margin-right: 5px;
	display: inline;
}

.message_box .dash_box{
	height: 141px;
}

.message_box .dash_box {	
	height: 141px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 143px;	
}

html>body .message_box .dash_box {
  height: 141px;
}


.credits_gauge .dash_box{
	height: 137px;
}

.credits_gauge .dash_box {	
	height: 137px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 139px;	
}

html>body .credits_gauge .dash_box {
  height: 137px;
}

.message_box .messages{
	overflow-y: scroll;
	overflow-x: hidden;
	height: 115px;
}

.credits_gauge .messages{
	overflow-x: hidden;
}

.message_box .messages td, .credits_gauge .messages td{
	padding: 5px;
}

.credits_gauge p{
	margin: 10px;
}

.credits_gauge .gauge_holder, .credits_gauge .gauge_info{
	float: left;
} 

.credits_gauge .gauge_holder{
	width: 100px;
	height: 90px;
}


.dash_ads{
	background: #f4f4f4;
	width: 20%;
	height: 300px;
	float: right;
	overflow: hidden;
	margin-right: 5px;
	display: inline;
}	

.adwords{
	text-align: left;
	width: 95%;
	float: left;
	margin: 10px 0px 0px 0px;
}

.ads{
	width: 100%;
	overflow: hidden;
	margin-right: 10px;
	text-align: center;
	display: inline;
}

.dash_top .adwords{
	margin: 10px 0px 0px 10px;
}


.adwords a{
	color: #00b7d4;
}

.upgrade{
	width: 100%;
	height: 35px;
	float: left;
	padding: 5px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #e8e8e8;	
}

.dash_bot{
	width: 100%;
	background: #ffffff;
	clear: both;
}

.dash_bot_reports{
	width: 49%;
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;	
}

.bot_reports_box div.mostrecentcampaign .upper_left{
	width: 50%;
	float: left;
}

.bot_reports_box div.mostrecentcampaign .upper_left .holder{
	margin: 5px 0px 4px 0px;
}

.bot_reports_box div.mostrecentcampaign .upper_left .solid{
	margin: 0px 0px 0px 0px;
}

.bot_reports_box div.mostrecentcampaign .campaign_name{
	margin: 5px 0px 3px 0px;
}

.bot_reports_box div.mostrecentcampaign table td{
	padding: 5px;
}

div.mostrecentcampaign fieldset{
	border: 0px;
}


div.mostrecentcampaign .upper_right{
	float: right;
	width: 45%;
	text-align: center;
	margin-right: 1%;
}

div.mostrecentcampaign .upper_right .graph{
 	width: 90%;
	margin: 20px auto 0px auto;	
}

div.mostrecentcampaign_title{
	background: url(images/most_recent_campaign.gif) no-repeat;
	border-bottom: 1px dashed #ff8102;
	height: 30px;
}

div.mostrecentcampaign_title a{
	margin: 10px 0px 0px 0px;
	float: right;
}

div.reputation_dash_title{
	background: url(images/reputation_title.gif) no-repeat;
	border-bottom: 1px dashed #ff8102;
	height: 30px;
}

div.reputation_dash_title a{
	margin: 10px 0px 0px 0px;
	float: right;
}

div.recentcampaign{
	background: url(images/recent_campaign.gif) no-repeat;
	border-bottom: 1px dashed #07b6d2;
	height: 30px;
}

div.runningimports a{
	margin: 10px 0px 0px 0px;
	float: right;
}

div.runningimports{
	background: url(images/running_imports.gif) no-repeat;
	border-bottom: 1px dashed #07b6d2 ;
	height: 30px;
}

div.recentcampaign a{
	margin: 10px 0px 0px 0px;
	float: right;
}

.bot_reports_box{
	width: 99%;
	clear: both;
	margin-bottom: 10px;
}

.bot_reports_box table{
	width: 100%;
	font-size: 10px;
	background: url(images/table_back.gif);
	background-repeat: repeat-x;
}

.bot_reports_box table .table_title td{
	height: 10px;
}

.bot_reports_box table td{
	padding: 10px;
}

.dash_bot_delivery{
	width: 49%;
	float: right;
	display: inline;	
	margin-right: 5px;
}

.reputation_dash p{
	margin: 5px 0px 8px 10px;
	text-align: left;
	width: auto;
}

.reputation_dash .rep_right ul{
	list-style-image: url(images/icons/bullet_red.gif);
	list-style-position: inside;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}

.reputation_dash .rep_right li, .reputation_dash .rep_right a{
	color: red;
	background: none;
	text-align: left;
	padding: 0px 0px 5px 5px;
	margin: 0px;	
}

.reputation_dash .rep_right a:HOVER{
	background: none;
}

.reputation_dash .rep_details{
	margin: 10px 0px 10px 0px;
	padding-top: 5px;
	text-align: right;
	border-top: 1px dashed #ff8102;
}


/* --- SUB PAGES --- */

.sub{
	width: 100%;
}

.main{
background: #ffffff;
	width: 83.5%;
	float: right;
	display: inline;
	margin: 0px	5px 0px 5px;	
}

span.sub_title{
	width: 100%;
	height: 45px;
	text-indent: -9999px;
	display: block;
}

.left{
	width: 15%;
	float: left;
	display: inline;
	margin: 0px	0px 0px 5px;
}

.left ul{
	width: 100%;
	font-weight: bold;
	border: 1px solid #acacac;
	border-bottom: 0px;
	list-style: none;
}

.left li{
	width: 100%;
}

.left li a{
	background: url(images/contact_nav.gif);
	text-indent: 10px;
	height: 25px;
	text-decoration: none;
	display: block;	
}

.left li a:HOVER{
	background: url(images/contact_nav_over.gif);
	display: block;
}

.left li a span{
	padding: 5px 0px 0px 0px;
	display: block;
}

.left li a.selected{
	background: url(images/contact_nav_over.gif);
}

.right{
	width: 14.5%;
	float: right;
	display: inline;
	margin: 0px	0px 0px 5px;
}


.box{	
	border: 1px solid #e5e5e5;
}

.show{
	width: 98%;
	text-align: right;
	margin: 10px 0px 5px 0px;
}

.show label{
	display: inline;
}

.show select{
	width: 60px;
}

.show a{
	width:30px;
	font-size: 10px;
	background: url(images/icons/delete.gif) 0px 0px no-repeat;
	text-align: center;
	float: right;
	display: block;
	line-height: 60px;	
	margin: 0px 0px 0px 5px;
	margin-bottom: -10px;
}

.show a:HOVER{
	background: url(images/icons/delete_over.gif) 0px 0px no-repeat;
}

.show a.listadd{
	width: 55px;
	background: url(images/icons/listadd.gif) center 0px no-repeat;
	margin-bottom: -10px;
}

.show a.listadd:HOVER{
	background: url(images/icons/listadd_over.gif) center 0px no-repeat;
}

.show a.listremove{
	width: 85px;
	background: url(images/icons/listremove.gif) center 0px no-repeat;
	margin-bottom: -10px;
}

.show a.listremove:HOVER{
	background: url(images/icons/listremove_over.gif) center 0px no-repeat;
}

.show a.editcolumns{
	width: 65px;
	background: url(images/icons/edit_columns.gif) center 0px no-repeat;
	margin-bottom: -10px;
}

.show a.editcolumns:HOVER{
	background: url(images/icons/edit_columns_over.gif) center 0px no-repeat;
}

.show a.resubscribe{
	width: 65px;
	background: url(images/icons/resubscribe.gif) center 0px no-repeat;
	margin-bottom: -10px;
}
.show a.resubscribe:HOVER{
	background: url(images/icons/resubscribe_over.gif) center 0px no-repeat;
}

.show a.unsubscribe{
	width: 65px;
	background: url(images/icons/unsubscribe.gif) center 0px no-repeat;
	margin-bottom: -10px;
}

.show a.unsubscribe:HOVER{
	background: url(images/icons/unsubscribe_over.gif) center 0px no-repeat;
}

.show a.download{
	width: 85px;
	background: url(images/icons/download.gif) center 0px no-repeat;
	margin-bottom: -20px;
}

.show a.download:HOVER{
	background: url(images/icons/download_over.gif) center 0px no-repeat;
}

.show a.copycode{
	width: 95px;
	background: url(images/icons/copycode.gif) center 0px no-repeat;
	margin-bottom: -15px;
	margin-right: -20px;
}

.show a.copycode:HOVER{
	background: url(images/icons/copycode_over.gif) center 0px no-repeat;
}

.unbounce{
	margin: 0 auto 0 auto;
	width: 450px;	
	display: block;
	background: url(images/icons/unbounce.gif) 115px 0px no-repeat;
}

.unbounce:HOVER{
	background: url(images/icons/unbounce_over.gif) 115px 0px no-repeat;
}

.paging{
	width: 98%;
	height: 15px;
	clear: both;
	margin: 0 1% 1% 1%;
}

.paging div label,.paging div input{
	float: left;
	display: inline;
	margin: 5px 0px 0px 0px;
}

.paging div input{
	margin: 0px 3px 0px 0px;
}

.paging div{
	float: left;
	display: inline;
}

.paging ul{
	list-style: none;
	float: right;
	display: inline;
}

.paging li{
	float: left;
	margin: 0px 5px 0px 0px;
}

.paging li a{
	display: block;
	padding: 2px;
	border: 1px solid #ffffff;
}

.paging li a:HOVER{
	display: block;
	padding: 2px;
	border: 1px solid #f57b00;
}

.paging li a.selected, .paging li a.selected:HOVER{
	font-weight: bold;
	display: block;
	padding: 2px;
	border: 1px solid #f57b00;
	text-decoration: none;
}


.paging li span{
	color: #f57b00;
	display: block;
	margin-top: 6px;
}


ul.stats{
	list-style: none;
	margin: 10px 0px 10px 10px;
}

ul.stats li{
	height: 20px;
	font-weight: bold;
}

.selectall{
	width: 100%;
	margin: 10px 0px 0px 10px;
}

.selectall input, .selectall label{
	float: left;
	display: inline;
	margin: 5px 0px 0px 0px;
}

.selectall input{
	margin: 0px 5px 0px 10px;
}

.sub_section{
	width: 100%;
	margin-bottom: 10px;
}

.sub_section .upper_left{
	width: 50%;
	float: left;
	display: inline;
}

.sub_section .upper_left ul{
	margin: 10px 0px 0px 0px;
	list-style: none;
}

.sub_section .upper_left li{
	height: 25px;
	margin: 0px 0px 0px 0px;	
}

.sub_section .upper_left li a{
	background: url(images/icons/tooltip.gif) no-repeat;
	color: #00b7d4;
	text-indent: 18px;
	display: block;
}

.sub_section .upper_left li a:HOVER{
	background: url(images/icons/tooltip_over.gif) no-repeat;
}
.sub_section .upper_left li a.video{
	background: url(images/icons/video.gif) no-repeat;	
}

.sub_section .upper_left li a.video:HOVER{
	background: url(images/icons/video_over.gif) no-repeat;
}

.sub_section .upper_right{
	background: #f1f1f1;
	width: 35%;
	float: right;	
	display: inline;
	border: 1px solid #e4e4e4;
	margin: 0px 0px 0px 0px;	
}

.sub_section .upper_right p{
	margin: 10px;
}

.sub_section .upper_right a{
	float:right;
	display: inline;
	margin: 0px 10px 5px 0px;
	text-align:right;
	width:100%;
}

.sub_section table{
	width: 100%;
	background: url(images/table_strip.gif) 0px 5px repeat-x;
}

.sub_section td{
	padding: 5px;	
}

.sub_section td.half_width{
	width:50%;
}

.sub_section tr.header td{
	font-weight: bold;
}

.sub_section tr.grey_row td{
	background: #f6f6f6;
}

.collapse{
	background: url(images/icons/collapse_lg.gif);
	width: 13px;
	height: 13px;
	display: block;
}

.collapse:HOVER{
	background: url(images/icons/collapse_lg_over.gif);
	display: block;
}

.builder .upper_right{
	background: none;
	border: 0px;
}

/* --- REPUTATION --- */

.reputation .sub_title{
	background: white url(images/reputation.gif) 0 10px no-repeat;	
}


.reputation .section .right .collapse{
	float: right;
	margin-bottom: 5px;
	margin-right: 10px;
}

.reputation div.dashed{
	margin: 15px 10px 5px 10px;
}

.reputation .bar_grey_sub{
	border-left: 0px;
	border-right: 0px;
}

.reputation .changes{
	width: 98%;
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin:  1%;
	border: 1px solid #bdbdbd;
}

.reputation .changes table{
	width: 100%;
}

.reputation .changes tr.grey_row td {
	background: #f6f6f6;
}

.reputation .changes td{
	padding: 10px;
}

.reputation .changes .positive{
	color: #00b7d4;
}

.reputation .changes .negative{
	color: red;
}

.reputation .answers{
	height: auto;
	overflow-y: auto;
	overflow-x: aut;
	border: 0px;
}

.reputation .answers td{
	padding: 5px;
}

/* --- INFO ---*/

.data{
	width: 97.9%;
	border: 1px solid #bdbdbd;
	margin: 1% 1% 1% 1%;
	overflow-y: visible;
	overflow-x: scroll;
}

.room{
	margin: 3% 1% 1% 1%;
}

.data table{
	width: 100%;
	background: #bdbdbd;
}

.data td{
	padding: 8px;	
	background: #f4f4f4;		
}

.data td.sm_column, td.sm_column{
	width: 5%;
}

.data td.med_column, td.med_column{
	width: 15%;
}

.data td.lg_column, td.lg_column{
	width: 25%;
}

.data tr.bounce td, tr.bounce td{
	color: #f57b00;
	background: #ffe9d3;
}

.data tr.unsubscribe td{
	color: #00b7d4;
	background: #D9F7FC;
}

table tr.even td{
	line-height: 20px;
}

.data .header td{
	background: #ffffff;
	font-weight: bold;
}

.data .header td select{
	font-weight: bold;
	font-size: 12px;
}

.details{
	border: 0px;
	overflow-x: hidden;
	float: right;
}

.details input, .details .gender{
	width: 100%;
}

/* --- WIZARD --- */

.wizard .section_title{	
	text-indent: 30px;
}

.wizard .dashed{
	margin-top: 5px;
	margin-bottom: 5px;
}

.steps table{
	width: 100%;
}

.steps td{
	text-align: center;
	color: #797979;
	font-size: 12px;
}

.steps tr.upcoming td{
	background: url(images/grey_bar_back.gif);
	border: 1px solid #ACACAC;
}

.steps tr td.done{
	background: url(images/blue_bar_back.gif);
	border: 1px solid #00859A;
}

.steps tr.upcoming td.active{
	background: url(images/orange_bar_back.gif);
	border: 1px solid #CE6600;
}

.steps td.activetext{
	color: #000000;
}

.steps .three_steps td{
	width: 33%;
}

.steps .four_steps td{
	width: 25%;
}

.steps .five_steps td{
	width: 17.5%;
}

.steps .six_steps td{
	width: 16%;
}

.wrapper{
	margin: 20px 0px 20px 0px;
}

.wrapper .wizard_title{
	text-indent: 15px;
	background: url(images/icons/arrow_blue.gif) no-repeat;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}

.wrapper label, .wrapper input.radio{
	float: left;
	display: inline;
	margin: 0px 0px 0px 10px;
}

.wrapper p, .wrapper label span.normal{
	font: 11px tahoma, arial, helvetica, sans-serif;
	font-weight: normal;
}
.wrapper div.selection{
	height: 30px;
	margin: 0px 0px 10px 15px;
}

.wrapper div.selection_help{
	margin-top: -15px;
}

.wrapper div.selection ol, div.selection ol{
	list-style-position: inside;
	float: left;
	margin-bottom: 10px;
}

.wrapper div.selection li, div.selection li{
	margin: 2px 0px 2px 0px;
}

.wrapper input.text{
	font-weight: normal;
	font-size: 11px;
	width: 200px;
	float: left;
	display:inline;
	margin: 0px 0px 0px 0px;
}

.wrapper input.text {	
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: 0px 0px 0px -15px;
}

html>body .wrapper input.text {
	margin: 0px 0px 0px 0px;
}

.wrapper select.text{
	font-weight: normal;
	font-size: 11px;
	width: 250px;
	float: left;
	display:inline;
	margin-left: 0px;
}

.wrapper div.header_row{
	margin: 0px 0px 0px 0px;
}

.wrapper div.header_row input,.wrapper div.header_row label{
	float: left;
	font-weight: normal;	
}

.wrapper .search{
	float: left;
	display: inline;
	width: 400px;
	margin: 10px 0px 0px 0px;	
}

.wrapper .search label{
	margin: 0px 0px 0px 0px;	
}

.wrapper .search .criteria{
	float: left;
	display: inline;
	margin: 0px 0px 5px 0px;
}

.wrapper .search .criteria input{
	width: 380px;
}

.wrapper .search .list,.wrapper .search .column{
	width: 200px;
}

.wrapper .search .list select, .wrapper .search .column select{
	width: 180px;
}

.wrapper .search .criteria_search{
	text-align: right;
	width: 380px; 
}

.wrapper .half{
	width: 42%;
	margin: 1% 1% 1% 1%;	
	float: left;
	display: inline;
}

.wrapper .half h4{
	margin: 0px 0px 5px 0px;
}

.wrapper .half div label,.wrapper .half div input{
	float: left;
	display: inline;
	margin: 20px 0px 0px 5px;
}

.wrapper .half div input{
	margin: 15px 0px 0px 5px;
}

.wrapper .half div input.right{
	float: right; 
	margin: 0px 0px 0px 0px;
}

.wrapper .half div.global{	
	clear: both;
	background:  #A5ACB2;
	border: 1px solid #A5ACB2;
	height: 480px;
	overflow-y: scroll;	
	overflow-x: hidden;
}

.wrapper .half div.global input{
	margin: 0px;
}

.wrapper .half table{
	width: 100%;
	clear: left;
}

.wrapper .half td{
	background: #f4f4f4;
	padding: 5px;
}

.wrapper .half td.check{
	width: 5%;
}


.wrapper .add{
	height: 500px;
	float: left;
	display: inline;
}

.wrapper .add input{
	margin-top: 220px;
}

.builder .half div.global{	
	height: 300px;
}

.builder .add input{
	margin-top: 150px;
}

.wrapper .checkbox{
	margin: 0px 0px 0px 35px;
}

 div.startdate{
	height: auto;
	margin: 0px 0px 5px 5px;
	padding-left: 35px;
}

.wrapper div.startdate label{
	margin: 0px 0px 0px 0px;
}

.startdate select{
	float: left;
	display: inline;
	margin: 2px 5px 0px 0px;
}

.wrapper div.spread{
	margin: -15px 0px 20px 70px;
}

.summary ul{
	display: block;
	list-style: none;
	margin: 10px 10px 0px 5px;
}

.summary div.selection li{
	margin: 10px 0px 10px 0px;
	font-size: 12px;
}

.summary div.selection{
	height: auto;
}

.summary .data{
	margin: 0px 0px 0px 15px;
}

.summary .type_table{
	height: 180px;
	margin-bottom: 15px;
	overflow-y: scroll;
	border: 1px solid #bdbdbd;
}

.delivery input.text{
	width: 50%
}

.delivery select.text{
	margin: 0px;
}

.delivery div.selection{
	margin-bottom: 2px;
}

.delivery .link{
	display: block;
}

.delivery label{
	margin: 3px 0px 0px 3px;
}


/* --- TEMPLATE CHOOSING ---*/

.template{
	width: 99.5%;
	background: #ffffff url(images/stripe.gif);
	border: 1px solid #919191;
	padding-top: 1%;
	padding-bottom: 1%;
}

.template .designs_list{
	background: #efefef/* url(images/designs_list_back.gif) repeat-y*/;
	width: 23%;
	border: 1px solid #919191;
	margin-left: 1%;
	float: left;
}

.template .design_email{
	background: #ffffff;
	width: 73%;
	border: 1px solid #919191;
	margin-right: 1%;
	float: right;	
}

.template .choose{
	width: 100%;
	height: 500px;	
	margin: 0px;
}

.template .designs_list .choose{
	overflow-y: scroll;
}

.template .designs_list .choose div.thumb{
	width: 100%;
	text-decoration: none;
	text-align: center;
}

.template .designs_list p{
	width: 144px;
	font-weight: bold;
	padding: 10px 5px 5px 5px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.template .designs_list a.thumbnail{
	width: 150px;
	display: block;
	margin: 0px auto 0px auto;
	border: 5px solid #ffffff;
	margin-bottom: 15px;
	background: #ffffff;
}


.template .designs_list a.thumbnail:HOVER, .template .designs_list a.on{
	border: 5px solid #07b6d2;
}

.template .design_email .choose{
	overflow: auto;
	text-align: center;
}

ul.template_tabs{
	height: 25px;
	margin-left: 1%;
}

ul.template_tabs li{
	line-height: 25px;	
	list-style: none;
	margin: 0px 2px 0px 0px;
	float: left;
	display: inline;
}

ul.template_tabs img{
	margin-top: 4px;
}

ul.template_tabs a{
	width: 55px;
	height: 25px;
	font-weight: bold;
	background: url(images/template_tab.gif) no-repeat;
	text-decoration: none;
	text-align: center;
	display: block;
}

ul.template_tabs a:HOVER{
	background: url(images/template_tab_over.gif) no-repeat;
	display: block;
}

ul.template_tabs a.selected,ul.template_tabs a.selected:HOVER{
	background: url(images/template_tab_on.gif) no-repeat;
	display: block;
}

.template .category, .template .category_title{
	display: none;
}

.new .template_tabs{
	display: none;
}

.new .template .category{
	background: #efefef;
	width: 20%;
	border: 1px solid #919191;
	margin-left: 1%;
	float: left;
	display: inline;
}

.new .template .category .choose{
	overflow-y: scroll;
}

.new .template .category .choose ul{
	list-style: none;
}

.new .template .category .choose li{
	display: inline;
}

.new .template .category .choose li a{
	background: url(images/category_back.gif);
	text-indent: 25px;
	padding: 8px 0px 8px 0px;
	font-weight: bold; 
	text-decoration: none;
	display: block;
}

.new .template .category .choose li a:HOVER{
	background: url(images/category_back_on.gif);
}

.new .template p.category_title{
	padding: 0px 10px 3px 10px;
	font-weight: bold;
	font-size: 12px;
	display: block;
}

.new .template .choose .category_sub li a{
	background: #ffffff;
	font-weight: normal;
	text-indent: 20px;
	padding: 4px 0px 4px 0px;
}

.new .template .choose .category_sub li a:HOVER{
	background: #7ae4f4;
}

 .new .category .choose .category_sub li a.chosen, .new .category .choose .category_sub li a.chosen:HOVER{ 	
 	background: #7ae4f4;
	font-weight: bold;
 }

.new .template .designs_list{
	width: 23%;
}

.new .template .design_email{
	width: 52.5%;
}

.new .template .category .choose ul li ul{
	display: none;
}

.new .template .category .choose ul li.category_on ul{
	display: block;
}

.new .template .category .choose ul li.category_on a{
	background: url(images/category.gif);
}

.new .template .category .choose ul li.category_on a:HOVER{
	background: url(images/category_on.gif);
}

.new .template .category .choose ul li.category_on ul li a{
 	background: #ffffff;
	font-weight: bold;
}

.new .template .category .choose ul li.category_on ul li a.chosen, .new .template .category .choose ul li.category_on ul li a:HOVER{
 	background: #7ae4f4;
	font-weight: bold;
}

.no_thumb{
	text-align: center;
	margin-top: 170px;
}


/* --- POPUP --- */

.popup{
	width: 302px;	
	margin: 0px;
	overflow-x: hidden;
	border: 1px solid #000000;
	background: #ffffff url(images/stripe.gif);
}

.popup .something p, .popup .something h4{
	margin: 0px 10px 5px 10px;
	padding-top: 5px;
}
	
.popup .something{
	background: #ffffff;
	clear: both;
	width: 280px;
	margin: 10px;
	padding-bottom: 10px;
	border: 1px solid #cdcdcd;
}

.popup .something h4{
	background: url(images/icons/addtocontacts.gif) 0px 4px no-repeat;
	text-indent: 20px;
}
.popup .addtocontacts h4{
	background: url(images/icons/addtolist.gif) 0px 4px no-repeat;
}

.popup .something input{
	margin: 1px 0px 1px 0px;
}
.popup .something .addtolist{
	clear: both;
	width: 258px;
	height: 190px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px 10px 5px 10px;
}

.popup .holder_right{
	margin: 0px 10px 0px 0px;
}

.popup .something .selectall input{
	margin-left: 5px;
	margin-right: 5px;
}

.popup .error_title{
	background: url(images/icons/warning.gif) 0px 4px no-repeat;
	text-indent: 20px;
}

.popup .generic{
	background: url(images/icons/generic.gif) 0px 4px no-repeat;
}

.general, .general .something{
	height: auto;
}

.popup .forgot{
	background: url(images/icons/forgot.gif) 0px 4px no-repeat;
}

.popup .copy_email{
	background: url(images/icons/forgot.gif) 0px 4px no-repeat;
}

.popup .help_title{
	background: url(images/icons/definition.gif) 0px 4px no-repeat;
}

.popup .addtocontacts .text{
	width: 258px;
	margin-left: 10px;
	margin-right: 10px;
}

.popup .spam_check .spam_title{
	background: url(images/icons/spam_2.gif) 0px 4px no-repeat;
	margin-bottom: 15px;
}


.popup .spam_check .result{
	background: #d4f9ff url(images/icons/spam_low.gif) 0px 6px no-repeat;
	text-indent: 14px;
	padding: 10px;
}

.popup .spam_check .medium{
	background: #ffe2b4 url(images/icons/spam_med.gif) 0px 6px no-repeat;	
}

.popup .spam_check .high{
	background: #ffbaba url(images/icons/spam_high.gif) 0px 6px no-repeat;	
}

.popup .spam_check .sub_section{
	margin-bottom: 2px;
}

.popup .spam_check .sub_section table{
	width: 260px;
	margin-left: 10px;
	margin-right: 10px;
}

.popup .spam_check .solid{
	width: 260px;
	margin: 0px 10px 5px 10px;	
}


.popup .spam_check .solid{	
	margin: 0px 10px 5px 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin: -13px 10px 5px 10px;	
}

html>body .popup .spam_check .solid{
	margin: 0px 10px 5px 10px;
}

.popup .upload_image .image_title{
	background: url(images/icons/upload_image.gif) 0px 4px no-repeat;
}

.popup .upload_image .holder_right{
	margin-top: 10px;
}
.popup .upload_image .dimensions input, .popup .upload_image .dimensions span{
	float: left;
}

.popup .upload_image .dimensions input{
	width: 30%;
}

.popup .upload_image .dimensions span{
	font-weight: bold;
	margin-top: 2px;
}

.popup .upload_image .proportion input{
	width: 20px;
}

.popup .upload_image .proportion span{
	margin-top: 4px;
	font-weight: normal;
}

.popup .credits h4{
	background: url(images/icons/credits.gif) 0px 4px no-repeat;
}

.popup .credits table{
	margin-left: 5px;
	margin-right: 5px;
}

.popup .credits td{
	padding: 4px;
}

.popup .credits .credits_options table{
	margin-left: 15px;
	margin-right: 5px;
}

.popup .credits .credits_options td{
	padding: 2px;
}

.popup_medium{
	width: 550px;
}

.popup_medium .credits{
	background: #ffffff;
	clear: both;
	width: 530px;
	margin: 10px;
	padding-bottom: 10px;
	border: 1px solid #cdcdcd;
}

.popup_medium .credits .dashed_light{
	margin-bottom: 5px;
	margin-top: 5px;	
}

/* --- POPUP MEDIUM --- */

.popup_med{
	width: 550px;	
	overflow-x: auto;
	border: 2px solid #000000;
	background-color: rgb(255,255,255);
}
	
.popup_med .something{
	width: 530px;
	margin-left: 10px;
}

.popup_med .data{
	overflow-y: scroll;
	height: 400px;
	border: 1px solid #bdbdbd;
}

.popup_med h4{
	margin-top: 10px;
}


/* --- MY ACCOUNT --- */

.account{
	background: url(images/background_2.gif) 0px 200px;
}

.account .sub{
	width: 83.5%;
	float: left;
	display: inline;	
	margin: 0px	0px 0px 5px;
	border-right: 5px solid #ffffff;
	background: #ffffff;
}

.account span.sub_title{
	background: white url(images/my_account.gif) 0 10px no-repeat;
}

.account .main{	
	width: 100%;
	float: none;
	display: block;	
	margin: 0px;
}

.account .dash_ads{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-right: 5px;
	display: block;
}

.account .sub_section .upper_left{
	width: 70%;
}

.account .sub_section .upper_right{
	width: 29%;
	border: 0px;
	background: none;
}

.account .sub_section .upper_right .contact_total,.account .sub_section .upper_right .billing,.account .sub_section .upper_right .account_credits{
	margin-bottom: 10px;	
	margin-top: 9px;
}

.account .verified {
	border: 1px solid #e4e4e4;
	height: 100px;
	overflow-y: scroll;
}

.account .verified td{
	padding: 4px;
}

.account .verify_more span{
	float: left;
	diplay: inline;
}

.account .verify_more a{
	float: right;
	margin-bottom: 3px;
	display: inline;	
}

.account .sub_section .upper_right .billing a{
	width: auto;
	display:inline;
	float: none;	
	text-align: left;
}

.account .sub_section .upper_right .contact_total .dashed_light, .account .sub_section .upper_right .account_credits .dashed_light{
	margin-top: 0px;
	margin-bottom: 5px;
}


.account .contact_stats{
	float: left;
	display: inline;
}

.account .contact_stats a{
	float: none;
	width: auto;
}

.account .contact_graph{
	margin-top: 10px;
}

.account .contact_graph p{
	width: 46%;
	float: right;
	display: inline;
	margin: 0 1% 0 0;
}

.account p.limit{
	display: block;
	width: 100%;
	margin: 8px 0px 10px 0px;
	text-align: center
}
.account .limit a{
	text-align: center;
	margin: 0px;
	float: none;
}

.account .home{
	margin-bottom: 10px;
}

.account .home table{
	background: none;
}

.account .home .button{
	margin-bottom: 1%;
	margin-right: 1%;	
}

.account .home input, .account .home select{
	margin-bottom: 5px;
}

.freetrial{
	background: #07b6d2;
	width: 100%;
	margin-bottom: 0px;	
}

.freetrial p{
	font-weight: bold;
	padding: 10px;
}

.verify .enteraddress input{
	margin: 15px 10px 20px 0px;
	float: left;
	display: inline;
}

.verify .enteraddress input.button{
	margin-top: 13px;	
}

.verify .verify_title{
	padding:  5px 0px 0px 25px;
	background: url(images/icons/verify.gif) 0px 5px no-repeat;
}

.account .information, .account .account_reputation{
	height: auto;
}

.account .information .title_blue, .account .account_reputation .title_blue{
	color: #ffffff;	
	font: bold 12px tahoma, arial, helvetica, sans-serif;
}

.account .information .title_blue span, .account .account_reputation .title_blue span{
	position: relative;
	top: 5px;
	left: 5px;
}

.account .information fieldset, .account .account_reputation fieldset{
	border: 0px;
}

.noads{
	background: #ffffff;
}

.noads .right{
	display: none;
}

.noads .sub{
	width: 99%;
	border-right:  0px;
}

.noads .billing{
	display: block;
}

.noads .freetrial{
	display: none;
}

/* --- UNSUBSCRIBE --- */

.unsub .addtolist{
	clear: both;
	width: 100%;
	height: 193px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.unsub .main{
	width: 98%;
	float: none;
	display: inline;
	margin: 0 1% 0 1%;
	text-align: center;
}

.unsub .section h1{
	text-indent: 0px;
	margin-top: 10px;
}

.unsub .section{
	width: 40%;
	margin: 0 auto 0 auto;
	text-align: center;
}
.unsub .addtolist{
	margin: 10px auto 5px auto;
}

.unsub .addtolist td{
	text-align: left;
}

.unsub .holder .button{
	margin-right: -5px;
	margin-left: 5px;
}

.unsub .block{
	text-align: center;
}

.unsub .block p{
	width: 320px;
	margin: -5px auto 0 auto;
	text-align: left;
}

.unsub .block input{
	margin-top: 10px;
	margin-right: 5px;
	float: left;
}

.unsub .block span{
	float: left;
}


/* --- LOGIN --- */

.login .main{
	width: 98%;
	float: none;
	display: inline;
	margin: 0 1% 0 1%;
	text-align: center;
}

.login span.sub_title{
	background: white url(images/welcome.gif) 50% 10px no-repeat;
}

.login form{
	margin: 10px;
}

.login .home{
	margin: 10px 0px 10px 0px;	
}

.login form a{
	display: block;
	margin: -5px 0px 10px 0px;
}

.login .section{
	width: 30%;
	margin: 0 auto 0 auto;
	text-align: left;
}

/* --- CLEANING --- */

.cleaning{
	background: url(images/background_2.gif) 0px 200px;
}

.cleaning .sub{
	width: 83.5%;
	float: left;
	display: inline;	
	margin: 0px	0px 0px 5px;
	border-right: 5px solid #ffffff;
	background: #ffffff;
}

.cleaning p{
	margin: 10px;
}

.cleaning span.sub_title{
	background: white url(images/cleaning.gif) 0 10px no-repeat;
}

.cleaning .main{	
	width: 100%;
	float: none;
	display: block;	
	margin: 0px;
}

.cleaning .dash_ads{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-right: 5px;
	display: block;
}

.cleaning .sub_section .upper_left{
	width: 70%;
}

.cleaning .sub_section .upper_right{
	width: 29%;
	border: 0px;
	background: none;
}

.cleaning .show{	
	margin-bottom: 0px;
}

.cleaning .delete{
	float: right;
	display: inline;
	margin: 0px 0px -20px 0px;
	width: 40px;
	text-indent: 0px;	
}

.cleaning .delete a{
	background: url(images/icons/delete.gif) no-repeat;
	padding-top: 25px;
	display: block;
	text-indent: 0px;
}

.cleaning .delete a:HOVER{
	background: url(images/icons/delete_over.gif) no-repeat;
}

/* --- FOOTER --- */

ul.footer{
	border-top: 1px solid #e8e8e8;
	margin: 0px 0px 35px 0px;
	clear: both;
}

ul.footer li{
	float: left;
	display: inline;
	list-style: none;
	margin: 10px 5px 0px 5px;
}

ul.footer .powered{
	float: right;
	display: inline;
}

/* --- GENERAL --- */

.clear{
	clear: both;
}

p.error{
    font: bold 12px tahoma, arial, helvetica, sans-serif;
    color: #f57b00;
    margin-top: 5px;
}

.empty{
	clear: both;
    font: bold 12px tahoma, arial, helvetica, sans-serif;
	margin: 10px;
	text-align: center;
}

.empty a{	
	color: #00b7d4;
}

.gone{
	display: none;
}

.reputation_dash.admin .upper_left {
    float:left;
}

.reputation_dash.admin .admin_section {
    float:right;
    background: #f0f0f0;
    margin-right:10px;
}

.reputation_dash.admin .admin_section td {
    padding:5px
}