body {
   background-color: #e8e8e8;
   margin: 0;
   padding: 0;
   font-family: georgia, helvetica, arial;
   font-size: 10pt;
   width: 100%;
   overflow-x: hidden; 
   color: #555555;
}
ul, li, img, form,
table, tr, td, ol, p,
h1, h2, h3, h4 {
   margin: 0;
   padding: 0;
   list-style-type: none;
   border: 0;
   position: relative;
}
p { line-height: 14pt; }

a:link,a:visited { text-decoration: none; color: #555555; }
a:hover,a:active { text-decoration: none; color: #14b5be !important; } /* forces active to work properly for links previously clicked */

a.mostRecent:link,a.mostRecent:visited { text-decoration: none; color: #555555; }
a.mostRecent:hover,a.mostRecent:active { text-decoration: none; color: #14b5be !important; }

#header {
    position: relative;
    height: 63px;
    background-color: #e8e8e8;
    background-image: url('../images/header_bg.png');
    background-repeat: repeat-x;
    color: #fff;
}
#header a { color: #fff; }
#header a:hover { color: #14b5be; }
img.logo { margin-top: 10px; margin-left: 20px; }
img.arrow { position: relative; top: -3px; }
ul.topright { list-style-type: none; position: absolute; top: 17px; right: 20px; }
ul.topright li { float: left; position: relative; padding-bottom: 20px; }

ul.topright li ul.subnav {
	position: absolute;
	top: 25px;
	right: -5px;
	background-color: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 1px 1px 7px #bdbdbd;
	padding: 15px;
	z-index: 5000;
	width: 175px;
}
ul.topright li ul.subnav li {
	display: block;
	clear: both;
	color: #000;
	line-height: 18pt;
	padding-bottom: 0;
}
#header ul.topright li ul.subnav li a,  
#header ul.topright li ul.subnav li a:visited { color: #555555; }
#header ul.topright li ul.subnav li a:hover { color: #14b5be; }
#header ul.topright li ul.subnav img.subnav_arrow { position: absolute; top: -8px; right: 18px; }

ul.topnav { position: absolute; top: 7px; left: 175px; }
ul.topnav li { display: block; float: left; margin-right: 2px; }
ul.topnav li a { display: block; overflow: hidden; background-repeat: no-repeat; height: 39px; }
ul.topnav a.dash { width: 87px; background-image: url('../images/dash.png'); }
ul.topnav a.lists { width: 89px; background-image: url('../images/lists.png'); }
ul.topnav a.campaigns { width: 133px; background-image: url('../images/campaigns.png'); }
ul.topnav a.reports { width: 109px; background-image: url('../images/reports.png'); }
ul.topnav li a:hover,
ul.topnav li a.active { background-position: 0 -37px; }

.container { 
    display: block; 
    position: relative; 
    min-width: 960px;
}
.containerWide { 
    display: block; 
    position: relative; 
	min-width: 1120px;
}
.pad { padding: 5px 20px 30px 20px; }
 
.body {
    position: relative;
    padding-right: 242px;
}
.sidebar {
    width: 237px;
    position: absolute;
    top: 0;
    right: 0;
}
#main, #sub {
    position: relative;
    border: 1px solid #dadada;
    display: block; 
    background-color: #fff; 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px; 
    -moz-box-shadow: 1px 1px 4px #dadada;
    -webkit-box-shadow: 1px 1px 4px #dadada;
    box-shadow: 1px 1px 4px #dadada; 
}
#main { min-height: 300px; }
#main h1,
#login h1 {
    font-size: 17pt;
	font-family: 'Cabin',​arial,​serif;
    background-color: #f5f5f5;
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #e1e0e0;
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topleft: 7px;
    border-radius-top-left: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    border-radius-top-right: 7px;    
    font-weight: normal;
    background-image: url('../images/h1_bg.png');
    background-repeat: repeat-x;
    background-position: bottom left;
}
#main div.h1_buttons {
    position: absolute;
    top: 18px; 
    right: 20px;
}
#main div.h1_buttons a.small_blue_btn,
#main div.h1_buttons a.small_grey_btn { margin-left: 10px; }

form.search {
    position: absolute;
    top: 16px; 
    right: 20px;
    background-image: url('../images/search_bg.png');
    width: 240px;
    height: 29px;
}
form.listsearch {
    position: relative;
    top: 0px; 
    left: 10px;
    background-image: url('../images/search_bg.png');
    width: 240px;
    height: 29px;
	float:left;
}

#sub { padding-bottom: 30px; }
form.search input,form.listsearch input {
    display: block;
    border: 0;
    background: transparent;
    font-family: georgia, helvetica, arial;   
    margin: 5px 0 0 15px; 
    font-size: 10pt;
    color: #555555;
}
form.search img.mag,form.listsearch img.mag {
    position: absolute;
    right: 10px;
    top: 8px;
}

div.content { padding: 20px; }
div.content p { padding: 7px 0 7px 0; }
h2 { color: #555555; font-size: 13pt; padding-bottom: 15px; font-weight: normal; }
div.upper { padding-bottom: 15px; }

div.box {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;    
    border: 1px solid #d1d1d1; 
    background-color: #f5f5f5;
    position: relative;
    margin-bottom: 20px;
}
div.box.white { background-color: #fff; }
div.box h2 {
    border-bottom: 1px solid #d1d1d1;
    background-color: #e7e7e7;    
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topleft: 7px;
    border-radius-top-left: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    border-radius-top-right: 7px;  
    text-transform: uppercase;
    font-size: 10pt;
    padding: 10px;  
}
div.split { width: 49%; }
div.split.left { float: left; }
div.split.right { float: right; }
div.innerbox {
    position: relative;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
div.clear { clear: both; padding: 0; margin: 0; line-height: 0; }
div.innerbox h3 {
    background-color: #e7e7e7;    
    text-transform: uppercase;
    font-size: 9pt;
    padding: 7px;    
    position: relative;
}
div.innerbox h3.top {
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topleft: 7px;
    border-radius-top-left: 7px;    
    border-bottom: 1px solid #d1d1d1;
}
div.innerbox h3.bottom {
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-radius-bottomleft: 7px;
    border-radius-bottom-left: 7px;    
    border-top: 1px solid #d1d1d1;
}
div.innerbox.half {
    width: 48%;
    float: left;
}
div.innerbox.quarter {
    float: left; 
    width: 24%;
}
div.innerbox.stack {
	margin-bottom: 20px;
}
div.innerbox.half.last { float: right; }
div.innerbox.half div.content {  }

.unsubscribed { color: #aaaaaa; }

div.innerbox h3 a.reload {
    display: block;
    width: 15px;
    height: 15px;
    background-image: url('../images/reload_icon.png');
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    top: 7px; 
    right: 7px;
}
div.innerbox h3 a.reload:hover { background-position: 0 -15px; }

a.edit {
    display: block;
    position: relative;
    top: 3px;
    margin-right: 5px; 
    width: 16px;
    height: 16px;
    background-image: url('../images/edit_icon.png');
    background-repeat: no-repeat;
	 padding-left: 20px;
	margin-top: 5px;
}
a.edit:hover { background-position: 0 -16px; }

div.innerbox h3 a.edit {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px; 
    /*width: 16px;*/
	width: 100px;
    height: 16px;
    background-image: url('../images/edit_icon.png');
    background-repeat: no-repeat;
    overflow: hidden;
	padding-left: 0;
	margin-top: 0;
}
div.innerbox h3 a.edit:hover { background-position: 0 -16px; }

div.innerbox h3 a.view {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px; 
    /*width: 16px;*/
	width:200px;
    height: 16px;
    background-image: url('../images/view_icon.png');
    background-repeat: no-repeat;
    overflow: hidden;
}
div.innerbox h3 a.view:hover { background-position: 0 -16px; }

img.shadow { position: absolute; bottom: -13px; left: 50%; }
img.shadow.small { margin-left: -73px; }
img.shadow.big { margin-left: -163px; }

div.graph { text-align: center; }
img.graph { margin: 20px auto; }

div.progress {
    position: relative;
    background-image: url('../images/progress_bg.png');
    background-repeat: repeat-x;
    height: 20px;
    display: block;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #a8adb3;
}
div.progress div.bar {
    position: absolute;
    background-image: url('../images/bar_bg.png');
    background-repeat: repeat-x;   
    display: block;     
    top: -1px;
    left: -1px;
    height: 20px;
    border: 1px solid #d1a32c;
    -moz-border-radius: 20px;
    border-radius: 20px;    
}
div.progress div.bar span { 
    color: #fff; 
    position: relative; 
    top: 1px; 
    padding-left: 5px; 
    text-shadow: #886a1c 0 1px 1px;    
}
div.bar_red {
    position: absolute;
    background-image: url('../images/bar_red_bg.png');
    background-repeat: repeat-x;   
    display: block;     
    top: -1px;
    left: -1px;
    height: 20px;
    border: 1px solid #990000;
    -moz-border-radius: 20px;
    border-radius: 20px;    
}
div.bar_red span { 
    color: #ffffff; 
    position: relative; 
    top: 1px; 
    padding-left: 5px; 
    text-shadow: #886a1c 0 1px 1px;    
}

div.btn_area div.progress { margin: 15px 15px 0 15px; }
table.simple { border-collapse: collapse; width: 100%; }
table.simple tr { border-bottom: 1px solid #e5e5e5; }
table.simple tr th { font-weight: normal; text-transform: uppercase; font-size: 8pt; color: #555555; text-align: right; padding: 5px; }
table.simple tr td { padding: 5px 5px 5px 10px; text-align: left; color: #000000; }

table.simple.vert tr { cursor: pointer; }
table.simple.vert tr th { text-align: left; }
table.simple tr.active { background-color: #aeaeae; position: relative; }
table.simple tr.active td { color: #ffffff; position: relative; }

div.innerbox.account { margin-bottom: 12px; }
div.innerbox.account table.simple { margin-top: 10px; }
div.innerbox.stat { text-align: center; }
div.innerbox.stat p { font-size: 20pt; }

div.innerbox.campaign table.simple { margin-bottom: 10px; }

table.simple tr.last { border-bottom: 0; }

img.td_active_arrow { 
	position: absolute;
	top: 0px;
	left: -9px;
}

div.table_h2 {
    display: block;
    position: relative;
}

div.box_filter {
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
}
div.box_filter div.selector {
    margin: 0;
    padding: 5px 40px 0 7px;
    background-image: url('../images/box_filter_bg.png');
    background-repeat: no-repeat;
    height: 25px;
    font-size: 9pt; 
    cursor: pointer;
} 
div.box_filter img.box_filter_btn { position: absolute; top: 0; right: 0; cursor: pointer; }
div.box_filter a, div.box_filter a:hover { color: #555555; }

div.table_h2 div.box_filter {
    top: 0;
    right: 0;
}
div.table_footer div.box_filter {
    position: relative;
    top: 0;
    left: 0;
}
ul.options { 
    position: absolute;
    top: 25px;
    left: 0;
    background-color: #fff;
    border: 1px solid #c4c2c3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    width: 160px;
    font-size: 9pt;
    z-index: 1000;
    -moz-box-shadow: 1px 1px 4px #dadada;
    padding-top: 7px 0 7px 0;
}
ul.options li {
    display: block;
}
ul.options li a {
    padding: 4px;
    display: block;
}
ul.options li a:hover { background-color: #f5f5f5; }

ul.actvity {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.activity li { 
    position: relative;
    padding: 7px;
    border-bottom: 1px solid #e1e0e0; 
}
ul.activity li.last { border-bottom: 0; }
ul.activity li p { display: block; padding: 0 150px 0 0; margin: 0; }
ul.activity li p.date { position: absolute; top: 7px; right: 7px; border: 0; padding: 0; margin: 0; font-size: 8pt; text-transform: uppercase; }
ul.activity li p a,
ul.activity li p a:visited { color: #000000; }
ul.activity li p a:hover { color: #14b5be; }
span.type {
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 7pt;
    font-weight: bold;
    padding: 5px 5px 4px 5px; 
    color: #555555;
    margin-right: 10px;
    text-transform: uppercase;
}

span.type.green { background-color: #a8feaa; }
span.type.grey { background-color: #e5e5e5; }
span.type.orange { background-color: #fedba8; } 
span.type.blue { background-color: #b7f8fa; }


.left { float: left; }
.right { float: right; }
div.pagination { padding: 4px 7px 4px 7px; clear: both; font-size: 9pt; color: #555555; }

a.grey_btn {
    position: relative;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e7e6e6;
    border: 1px solid #c4c2c3;
    padding: 5px 7px 4px 7px;
    font-size: 8pt;
    margin-left: 10px;
}
a.grey_btn:hover { top: 1px; left: 1px; color: #000; }
a.grey_btn.right {margin-right: 10px; margin-left: 0;}
a.grey_btn.pie {
	background-image: url('../images/pie_icon.png');
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding-left: 25px;
}

div.btn_area {
    background-image: url('../images/btn_area_bg.png');
    background-repeat: repeat-x;
    background-position: bottom left;
    display: block;
    background-color: #e4ffff;
    border-bottom: 1px solid #ccedee;
    padding: 20px 0 20px 0;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
}
div.btn_area p.btn_desc {
    padding: 15px 20px 0 20px;
}
div#create_new_btn {
    position: relative;
    padding-left: 17px;
	z-index: 1000;
}
a.create_new_btn {
    position: relative;
    display: block;
    width: 204px;
    height: 53px;
    background-image: url('../images/create_new_btn.png');
    background-repeat: no-repeat;
}
a.create_new_btn:hover { background-position: 0 -53px; }
a.create_new_btn:active { top: 2px; left: 2px; }

a.send_btnd,a.send_btn {
    position: relative;
    display: block;
    width: 204px;
    height: 53px;
    background-image: url('../images/send_btn.png');
    background-repeat: no-repeat;
    margin-left: 17px;
    cursor: pointer;
}
a.send_btnd:hover,a.send_btn:hover { background-position: 0 -53px; }
a.send_btnd:active,a.send_btn:active { top: 2px; left: 2px; }
a.send_btnd.disabled { background-position: 0 -106px; cursor: default; }

div.row.buttons.send a.send_btn { margin-left: 0; }

a.save_campaign_btn {
    position: relative;
    display: block;
    width: 204px;
    height: 53px;
    background-image: url('../images/save_campaign_btn.png');
    background-repeat: no-repeat;
    margin-left: 17px;
    cursor: pointer;
}
a.save_campaign_btn:hover { background-position: 0 -53px; }
a.save_campaign_btn:active { top: 2px; left: 2px; }
a.save_campaign_btn.disabled { background-position: 0 -106px; cursor: default; }

a.schedule_campaign_btn {
    position: relative;
    display: block;
    width: 204px;
    height: 53px;
    background-image: url('../images/schedule_campaign_btn.png');
    background-repeat: no-repeat;
    margin-left: 0px;
    cursor: pointer;
}
a.schedule_campaign_btn:hover { background-position: 0 -53px; }
a.schedule_campaign_btn:active { top: 2px; left: 2px; }
a.schedule_campaign_btn.disabled { background-position: 0 -106px; cursor: default;pointer-events:none; }


div.row.buttons.send a.save_campaign_btn { margin-left: 0; }


ul.dd {
    display: none;
    position: absolute;
    top: 45px;
    left: 20px; 
    background-image: url('../images/dd_bg.png');
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    border: 1px solid #7bdce0;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -mox-box-shadow: 0px 2px 4px #000000;
    list-style-type: none;
    z-index: 1000;
    width: 200px;
}
ul.dd li { display: block; border-bottom: 1px solid #7bdce0; }
ul.dd li.last { border-bottom: 0; }
ul.dd li a { display: block; padding: 7px 20px 7px 20px; }

a.small_blue_btn, a.small_blue_btn:visited {
    display: block;
    float: left;
    background-image: url('../images/small_btn_bg.png');
    background-repeat: repeat-x;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #15b8c1;
    color: #ffffff;
    font-weight: normal;
    text-shadow: #057286 0 1px 1px;
    padding: 3px 15px 3px 15px;
    position: relative;
    -moz-box-shadow: 0 2px 4px #d7d9d9;
}
a.small_blue_btn:visited { color: #ffffff; }
a.small_blue_btn:hover { top: 1px; left: 1px; color: #7dfefe !important; }


a.small_grey_btn {
    display: block;
    float: left;
    background-image: url('../images/small_btn_bg_grey.png');
    background-repeat: repeat-x;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #a8adb3;
    color: #555555;
    font-weight: normal;
    text-shadow: #ffffff 0 1px 1px;
    padding: 3px 15px 3px 15px;
    position: relative;
    -moz-box-shadow: 0 2px 4px #d7d9d9;
}
a.small_grey_btn:hover { top: 1px; left: 1px; color: #000000; }

a.small_blue_btn.inactive,
a.small_grey_btn.inactive {
   background-image: url('../images/inactive_bg.png');
   background-repeat: repeat-x;	
	border-color: #e8e9e9;
	color: #b5b5b5;
	-moz-box-shadow: 0 2px 4px #f0f0f0;
}
a.small_blue_btn.inactive:hover,
a.small_grey_btn.inactive:hover {
	top: 0;
	left: 0;
}
a.small_blue_btn.icon, 
a.small_grey_btn.icon {
	padding-left: 30px;
}
.btn_icon {
	position: absolute;
	top: 3px;
	left: 10px;
}
a.small_blue_btn.icon.inactive .btn_icon, 
a.small_grey_btn.icon.inactive .btn_icon {
  filter:alpha(opacity=30); /* IE */
  opacity: 0.3; /* CSS */
}

ul.rightnav {
    border: 0; 
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul.rightnav li { border-bottom: 1px solid #e1e0e0; position: relative; }
ul.rightnav li a,
ul.rightnav li a:hover { 
    display: block; 
    padding: 10px 8px 11px 20px; 
}
ul.rightnav li img.arrow {
    position: absolute;
    top: 13px;
    left: -7px;
    display: none;
}
ul.rightnav li.active { 
    background-image: url('../images/rightnav_on_bg.png');
    background-repeat: repeat-x;
    border: 1px solid #b0b0b0;
}
ul.rightnav li.active a { color: #fff; text-shadow: #5a5959 0 1px 1px; }
ul.rightnav li.active img.arrow { display: block; }

input.text,
textarea,
iframe.preview,
select {
    border: 1px solid #bbbbbb;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url('../images/input_bg.png');
    background-repeat: no-repeat;
    padding: 7px;
    font-size: 10pt;
    color: #555555;
    font-family: georgia;
}

textarea {resize:none}
input.text { width: 200px; }

input.file {
    border: 1px solid #bbbbbb;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url('../images/input_bg.png');
    background-repeat: no-repeat;
    padding: 7px;
    font-size: 10pt;
    color: #555555;
    font-family: georgia;
}

.required{ background:#F5F5F5;border-color: #17ABB6 !important;}
/*.cardExpired{ background: #fef9e6;border-color: #990000 !important;}*/
.cardExpired{ background: #F5F5F5;border-color: #17ABB6 !important;}

form.ask { padding: 10px 20px 20px 20px; }
form.ask textarea { margin: 10px 0 5px 0; width: 92%; height: 100px; }

span.noinput {
    float: left;
    display: block;
    padding: 8px 7px 7px 7px;
    font-size: 10pt;
    color: #555555;
    font-family: georgia;
}

div.notice {
    position: relative;
    background-image: url('../images/notice_bg.png');
    background-repeat: repeat-x;
    border: 1px solid #f5d361;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 15px;
    margin-bottom: 20px;
}
div.notice h2 img.welcome_icon { position: relative; top: 4px; }
div.notice h3 {
    padding-top: 9px;
    padding-bottom: 10px;
    font-size: 10pt;
}
ul.icon_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.icon_list li { padding-bottom: 10px; }
ul.icon_list li img { position: relative; top: 2px; margin-right: 5px; }
div.notice p.welcome {
    margin: 0; 
    padding: 10px; 
    background-color: #fef9e6;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #f5cf4e;
}
div.notice .left { width: 49%; }
div.notice .right { width: 49%; }

div.confirm,div.confirmnofade,div.confirmlong {
    position: relative;
	margin-left: auto;
	margin-right: auto;
    padding: 10px; 
    background-color: #fef9e6;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #f5cf4e;
	width:800px;
	text-align:center;
}

div.ccpending{
    position: absolute;
	margin-left: auto;
	margin-right: auto;
    padding: 10px; 
    background-color: #fef9e6;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #f5cf4e;
	width:500px;
	text-align:center;
	left:350px;
	top:-12px !important;
}

a.x,a.min {
    position: absolute;
    top: 10px;
    right: 10px;
	z-index:100;
}
a.x:hover,a.min:hover { top: 11px; right: 9px; z-index:100;}

table.data,table.data2 { border-collapse: collapse; width: 100%; }
table.data thead tr,table.data2 thead tr { 
    background-image: url('../images/table_th_bg.png'); 
    background-repeat: repeat-x;
    border: 1px solid #daae16;
}
table.data.grey thead tr,table.data2.grey thead tr { background-image: url('../images/table_th_bg_grey.png'); border: 1px solid #aaaaaa; } 
table.data tr,table.data2 tr {  }
table.data th,table.data2 th { text-align: left; font-weight: normal; font-size: 10pt; padding: 10px; color: #5c4803; text-shadow: #f1dc90 0 1px 1px; }
table.data.grey th,table.data2.grey th { color: #555555; text-shadow: #e5e5e5 0 1px 1px; }
table.data td,table.data2 td { text-align: left; font-size: 10pt; padding: 10px; border-bottom: 1px solid #e5e5e5; line-height: 14pt; }
table.data td.hover { background-color: #fdf8e4; cursor: pointer; }
tr.trHover td.hover { background-color: #fdf8e4; cursor: pointer; }
tr.nohover { background-color: #ffffff; cursor: auto; }

table.data thead tr th img.sort,table.data2 thead tr th img.sort { position: relative; top: -1px; left: 2px; }
table.data tbody td div.options,table.data2 tbody td div.options { text-align: right; visibility: hidden; }
div.options a { margin-right: 10px; }

div.table_footer {
    position: relative;
    background-image: url('../images/tfoot_bg.png');
    background-repeat: repeat-x;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;        
    padding: 10px;
    margin-bottom: 20px;
    font-size: 8pt;
    height: 23px;
}
div.table_footer div.left a.grey_btn { float: left; }
div.table_footer div.left div.box_filter { float: left; }
div.table_footer div.right p { float: right; position: relative; top: -4px; }
div.table_footer div.right a.grey_btn { float: right; }

/*a.campaign_thumb img { border: 1px solid #b0b0b0; }*/
a.campaign:link, a.campaign:visited {color: #000;text-decoration: underline;}

span.cgrey { color: #999999; font-size: 9pt; padding-top: 5px; }

span.status { text-transform: uppercase; font-weight: bold; font-size: 9pt; }
.green { color: #0caf10; font-weight: bold; }
.red { color: #f15115; font-weight: bold; }

a.toggle {
    display: block;
    width: 11px;
    height: 11px;
    background-image: url('../images/toggle_bg.png');
    background-repeat: no-repeat;
}    

form.default,form.heading { display: block; position: relative; width: 100%; clear: both; }
form.heading fieldset {
font-family: 'Cabin', arial, serif;
font-size: 17pt;
background-color: #f5f5f5;
color: #555555;
padding: 15px 20px 15px 20px;
border-bottom: 1px solid #e1e0e0;
font-weight: normal;
background-image: url('../images/h1_bg.png');
background-repeat: repeat-x;
background-position: bottom left;
margin: 0;
list-style-type: none;
border: 0;
position: relative;
display: block;
}
form.heading label { 
    color: #414141; 
    float: left; 
    font-size: 11pt; 
    padding: 2px 0px 2px 0px; 
    text-align: right;
    width: 50px;
    padding-right: 15px; 
}
span.noinputHeading {
    float: left;
    display: block;
    padding: 2px 7px 2px 7px;
    font-size: 10pt;
    color: #555555;
    font-family: georgia;
}
form.default fieldset a.toggle { position: absolute; top: 12px; right: 14px; }
form.default fieldset { 
    position: relative;
    border: 1px solid #d1d1d1; 
    padding: 0 0 15px 0; 
    margin: 0 0 20px 0; 
    display: block; 
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
form.default fieldset h2 { 
    background-color: #f5f5f5; 
    border-bottom: 1px solid #d1d1d1; 
    padding: 7px 15px 7px 15px; 
    font-size: 10pt; 
    text-transform: uppercase; 
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topleft: 7px;
    border-radius-top-left: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    border-radius-top-right: 7px;    
    margin-bottom: 15px; 
}
form.default div.row { padding-bottom: 15px; }
form.default div.row.hint { padding-bottom: 0; padding-top: 0; margin-top: -10px; }
form.default label { 
    color: #414141; 
    float: left; 
    font-size: 11pt; 
    padding: 8px 0 0 0; 
    text-align: right;
    width: 115px;
    padding-right: 15px; 
}
form.default select { width: 216px; line-height: 14pt; }
form.default div.row.buttons {  }
form.default div.row span.context { padding-left: 5px; color: #555555; font-size: 11pt; }
form.default div.row span.context a { color: #14b5be; text-decoration: underline; }
form.default div.row span.context a:hover { color: #000; }
form.default div.row span.hint,form.default div.row p.hint { 
    clear: both;
    font-style: italic; 
    display: block; 
    padding-left: 130px; 
    padding-top: 5px; 
    font-size: 9pt; 
    color: #999999; 
}
form.default div.row.buttons.inside {
    border: 1px solid #e1e1e1;
    padding: 15px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin: 0 20px 15px 20px;
}

div.row.buttons a { margin-right: 15px; float: left; }
div.row.buttons.send {
    border: 1px solid #D1D1D1;
    padding: 15px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

div.row.buttons div.recipients { float: left; }
div.row.buttons div.recipients span { display: block; padding-bottom: 4px; }
div.row.buttons div.recipients strong { font-size: 16pt; font-weight: normal; }
form.default div.row.to div.group { float: left; font-size: 11pt; padding-top: 8px; margin-right: 20px; width: 35%; }
form.default div.row.to div.group strong { display: block; font-weight: normal; padding-bottom: 7px; }
form.default div.row.to div.group select { width: 100%; }

form.default div.row.textarea { padding-left: 15px; padding-right: 15px; }
form.default div.row textarea { width: 98%; height: 400px; }

form.default div.row textarea.sm {height:150px; width:450px;float:none;}

form.default div.row.iframe { padding-left: 15px; padding-right: 15px; }
form.default div.row iframe { width: 98%; height: 400px; }

form.default div.row.double { padding-left: 20px; float: left; width: 35%; padding-right: 20px; padding-bottom: 7px; margin-bottom: 0; }
form.default div.row.double span { font-size: 9pt; padding: 0px 5px 0px 2px;}
form.default div.row.double.tiny { width: 10% }
form.default div.row.double.short { width: 20%; }
form.default div.row.double.long { width: 74%; }
form.default div.row.double label { display: block; float: none; text-align: left; padding-bottom: 7px; }
form.default div.row.double input.text,
form.default div.row.double select { width: 100%; float: none; }

.clear { clear: both; line-height: 0; }

form.default fieldset ul.tabs {
    position: absolute;
    top: 33px;
    right: 15px;
}
form.default fieldset ul.tabs li {
    display: block;
    float: left;
    margin-left: 3px;
} 
ul.tabs { position: relative; top: -1px; padding-right: 15px; }
ul.tabs li a,
ul.tabs li a:visited {
    display: block;
    background-color: ##F5D361;;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;       
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topleft: 7px;
    border-radius-top-left: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    border-radius-top-right: 7px;
    padding: 5px 10px 5px 10px;   
    font-size: 9pt; 
}
ul.tabs li a.active,
ul.tabs li a:hover {
    background-color: #fff;
    border-bottom: 0;
}

ul.tabs li.buynow a,
ul.tabs li.buynow a:visited {
    display: block;
    background-color: #EFBA04;
    border-top: 1px solid #EFBA04;
    border-left: 1px solid #EFBA04;
    border-right: 1px solid #EFBA04;       
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topleft: 7px;
    border-radius-top-left: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    border-radius-top-right: 7px;
    padding: 5px 10px 5px 10px;   
    font-size: 9pt; 
	font-weight:bold;
}
ul.tabs li.buynow a.active,
ul.tabs li.buynow a:hover {
    background-color: #EFBA04;
    border-bottom: 0;
}

fieldset.templates { min-height: 500px; background-image: url('../images/templates_bg.png'); background-repeat: repeat-y; position: relative; }
fieldset.templates h2 { margin: 0; }
fieldset.templates div.left { padding: 15px 0 15px 0; width: 167px; position: absolute; top: 33px; left: 0; }
fieldset.templates div.right { padding: 10px 15px 60px 177px; float: none; }
fieldset.templates div.bottom { 
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    background-color: #fff;
    clear: both; 
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-radius-bottoleft: 7px;
    border-radius-bottom-left: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-radius-bottomright: 7px;
    border-radius-bottom-right: 7px;    
    padding: 7px 0 7px 0;
}
div.bottom p.pagination { float: right; padding-right: 15px; display: block; }
div.bottom p.desc { float: left; padding-left: 15px; display: block; }
div.bottom p.pagination a.num,
div.bottom p.pagination a.num:visited { padding: 3px; background-color: #fff; }
div.bottom p.pagination a.num:hover,
div.bottom p.pagination a.num.active { background-color: #23c7ce; color: #fff; }

ul.template_categories li { line-height: 16pt; display: block; padding-left: 5px; }
ul.template_categories li a { display: block; padding-left: 10px; font-size: 9pt; }
ul.template_categories li a:hover { color: #000; }
ul.template_categories li a.active { 
    background-color: #fff; 
    border-top: 1px solid #e1e1e1; 
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    -moz-border-radius-topleft: 7px;
    -webkit-border-radius-topleft: 7px;
    border-radius-top-left: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-radius-bottomleft: 7px;
    border-radius-bottom-left: 7px;  
    padding-top: 2px;
    padding-bottom: 2px;
}

div.radios { display: block; clear: both; padding: 0 0 8px 20px; }
div.radios span { padding: 0 20px 0 5px; }
div.radios p { padding: 0 0 8px 0; margin: 0; font-size: 11pt; }

div.radios.inline { float: left; clear: none; padding-top: 8px; padding-left: 0; }

div.template { 
    position: relative;
    display: block;
    width: 138px;
    height: 164px;
    border: 3px solid #fff;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
	overflow:hidden;
}
div.template { cursor: pointer; }
div.template.active { border-color: #23c7ce; }
/*
div.template:hover,
div.template.active { 
    border-color: #23c7ce; 
    cursor: pointer;
}
*/
img.check { display: none; position: absolute; top: 55px; left: 42px; z-index: 1000; }
div.template.active img.check { display: block; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

div.inlinepopup {
    position: relative;
    display: block;
    margin: 0 20px 0 20px;    
}
div.inlinepopup h2 {
    position: relative;
    background-image: url('../images/inline_popup_bg.png');
    background-repeat: repeat-x;
    color: #ffffff;
    text-shadow: 0px 1px 1px #056e83;
    padding: 10px 20px 10px 20px;
}
div.inlinepopup div.content {
    background-color: #e4ffff;
    border: 1px solid #ccedee;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-radius-bottomleft: 7px;
    border-radius-bottom-left: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-radius-bottomright: 7px;
    border-radius-bottom-right: 7px;    
}
div.inlinepopup div.row.buttons { padding-left: 130px; padding-bottom: 0; }
div.inlinepopup a.x { position: absolute; top: 6px; right: 8px; }

div.upload_status { 
    display: block; 
    -moz-border-radius: 7px;    
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #e1e1e1;
    padding: 20px;
    font-size: 10pt;
}
div.upload_status span.num { float: left; display: block; padding-bottom: 7px; }
div.upload_status span.errors { float: right; display: block; padding-bottom: 7px; color: red; }
div.upload_status div.progress { clear: both; }
div.upload_status span.errors img { position: relative; top: 3px; margin-right: 5px; }
    
/** ADDITIONS BY GAVIN **/
.fixed.right {
	position: absolute;
	top: 20px;
	right: 20px;
}
div.innerbox .half {width: 50%;}
.innerbox_data {
	width: 100%;
	border-left: 1px solid #e3e2e2;
	text-transform: uppercase;
	font-size: 8pt;
}
.innerbox_data tr th {
	background-color: #f5f5f5;
	text-align: left;
	padding: 10px;
}
.innerbox_data tr th.border {
	border-top: 1px solid #e3e2e2;
}
.innerbox_data tr td {
	border-top: 1px solid #e3e2e2;
	padding: 8px 10px;
	position: relative;
}
.innerbox_data span {
	display: block;
	width: 13px;
	height: 13px;
	float: left;
	margin: 1px 10px 0 0;
}
.innerbox_data td.hover { background-color: #fdf8e4; cursor: pointer; }

.innerbox_data span.white {background-color: #ffffff;}
.innerbox_data span.orange {background-color: #e48701;}
.innerbox_data span.green {background-color: #75b000;}
.innerbox_data span.blue {background-color: #1b95d9;}
.innerbox_data span.red {background-color: #f15115;}
.innerbox_data span.dkgreen {background-color: #666600;}
.innerbox_data span.ltblue {background-color: #86D1E4;}
.innerbox_data span.yellow {background-color: #E4F9A0;}

.box.teal {
	background-color: #e4ffff;
	border: 1px solid #ccedee;
}
.box.teal .buttons {
	padding: 10px 10px 5px 10px;
}
div.box h2 {
    border-bottom: none;
	margin: 0;
	padding: 8px 10px;
	text-transform: uppercase;
    border-bottom: 1px solid #d1d1d1;
}
div.box.teal h2 {
    background-image: url('../images/teal_bg.png');
	background-repeat: repeat-x;	
	color: #ffffff;	
	font-weight: bold;	
	text-transform: none;
	border-bottom: none;
	border-top: none;
}
div.box h2 .lc {position: absolute; top: 0px; left: 0px;}
div.box h2 .rc {position: absolute; top: 0px; right: 0px;}
#main.center {width: 800px; margin: 0 auto; margin-top: 20px; }
#main .tabs li {
	float: right;
	margin-right: 8px;
	top: -25px;
}

.block { padding: 8px 0 8px 0; clear: both; display: block; border-bottom: 1px solid #e5e5e5; border-top: 0; }
.block.last { border: 0; }
div.innerbox .block h3 { width: 40%; padding-top: 9px; text-align: right; float: left; background-color: transparent; background-image: none; }
div.innerbox .block p { width: 55%; display: block; text-align: left; float: left; }

div.legend{padding:10px 0;width:700px;margin:auto;}
div.graph{padding:10px 0 0 0;}
div.legend img{padding:0px;}
div.legend p.legend{padding:0 15px 0 2px;display:inline;font-size:12px;}
div.legend p.date{padding:0;display:inline;font-size:12px;}

.settings_bar {
	clear: both;
	background-color: #f5f5f5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 20px;
	position: relative;
}

.settings_left {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	margin-top: 20px;
	background-color: #f5f5f5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 20px;
}

.settings_right {
	position: relative;
	padding-left: 370px;
	margin-bottom: 20px;
	padding-top: 20px;
	min-height: 430px;
}

ul.steps {
	display: block;
	background-color: #e1e0e0;
	background-image: url('../images/steps_bg.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 37px;
	padding: 15px 0 0 15px;
   -moz-border-radius-topleft: 7px;
   -webkit-border-radius-topleft: 7px;
   border-radius-top-left: 7px;
   -moz-border-radius-topright: 7px;
   -webkit-border-radius-topright: 7px;
   border-radius-top-right: 7px;	
}	
ul.steps li {
	display: block;
	float: left;
/* height 33 */
	width: 98px;
	text-align: center;
	background-image: url('../images/step_bg.png');
	background-repeat: no-repeat;
	font-style: italic;
	font-size: 8pt;
	padding: 5px 0 15px 0;
	cursor: pointer;
}
ul.steps li.middle { margin: 0 5px 0 5px; }
ul.steps li.active { background-position: 0 -33px; }

div.fields {
	padding: 20px;
}

ul.fields {
	list-style-type: none;
	display: block;
	padding: 20px;
}

ul.fields li {
	display: block;
	float: left;
	background-image: url('../images/field_bg.png');
	background-repeat: repeat-x;
	border: 1px solid #d4d6d7;
	-moz-box-shadow: 0px 1px 2px #D7D9D9;
	font-size: 9pt;
	cursor: pointer;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 5px 10px 5px 33px;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
	width: 90px;
}

ul.fields li:hover {
	top: 1px;
	left: 1px;
}

ul.fields li img {
	position: absolute;
	top: 5px;
	left: 10px;
}

#builder {}
#builder h1 { 
	background-color: #fff; 
	background-image: none; 
	margin-bottom: 20px;
	padding: 11px 0 11px 0;
}
#builder h1 a.small_grey_btn { 
	font-size: 9pt; 
	float: none; 
	display: inline-block; 
	margin-left: 10px;
}
#builder .bfield {
	display: block;
	clear: both;
	position: relative;
	padding: 15px 15px 15px 25px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
#builder .bfield img.dragger { position: absolute; top: 50%; left: 6px; margin-top: -8px; cursor: pointer; }
#builder .bfield label { display: block; padding-bottom: 7px; font-size: 11pt; }
#builder .bfield input.btext { padding: 3px; font-family: georgia, serif; font-size: 10pt; width: 30%; }
#builder .bfield img.field_active_arrow { position: absolute; top: 50%; margin-top: -12px; left: -16px; display: none; }
#builder .bfield.active img.field_active_arrow { display: block; }

.bfield.active {
	background-color: #f5f5f5;
}

ul.checkboxes li { padding-bottom: 5px; display: block; position: relative; }
ul.checkboxes li img.del { position: absolute; top: 0; right: 0; cursor: pointer; }

.field_settings {
	padding: 20px;
}
.field_settings form.default label { 
	float: none; 
	display: block; 
	padding-left: 0; 
	margin-left: 0; 
	text-align: left;
	width: auto;
	padding-bottom: 7px;
}
.field_settings form.default input { float: none; }
.field_settings form.default input.text { width: 93%; }
.field_settings form.default div.row span.hint { text-align: left; width: auto; float: none; padding-left: 0; }
.field_settings form.default select { width: 98%; }
.field_settings form.default div.row { margin-bottom: 10px; padding-bottom: 0; }
.field_settings form.default div.row.textarea { padding-left: 0; }
.field_settings form.default div.row.textarea textarea { height: 100px; }

hr { height: 1px; line-height: 1px; border: 0; border-bottom: 1px solid #d7d7d6; clear: both; margin-bottom: 15px; }

.plan {
	display: block;
	padding: 10px 20px 0 20px;
}
.plan div.innerbox { border: 0; margin: 0; padding: 0; }
.plan div.innerbox.account { margin: 0; }

.account {
	display: block;
	width: 100%;
}


#login {
	margin: 0 auto;
   position: relative;
   border: 1px solid #dadada;
   display: block; 
   background-color: #fff; 
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px; 
   -moz-box-shadow: 1px 1px 4px #dadada;
   -webkit-box-shadow: 1px 1px 4px #dadada;
   box-shadow: 1px 1px 4px #dadada;	
	width: 500px;
	margin-top: 30px;
}

ul.formlist { list-style-type: square; padding: 7px 0 7px 150px; }
ul.formlist li { list-style-type: square; padding-bottom: 7px; font-size: 9pt; }

#feature h1,
#main h1,
#title h1,
.tk-anivers,
a.btn,
a.small_btn,
div.content h2,
div.customers h2,
div.inlinepopup h2,
form#signup h2,
h1.marketing-text,
h3,
span.status,
fieldset h2,
ul.icon-features li h2 { font-family: 'Cabin', arial, serif; }

div.editCampaignInfo,div.editCampaignInfo label {cursor:pointer;}

div.editCampaignInfo img{float:left;margin:0px 0px 0px 20px;display:none;}

div.campaign_thumb{
	width:39px;
	height:39px;
	overflow:hidden;
	border: 1px solid #b0b0b0;
	}


img.iSelected{
    width:50px; /* you can use % */
    height: auto;
}

div.buynow{
	float:right;
	z-index:10000;
}

.breakall{
-ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;
	 
	 overflow-wrap: break-word;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}