/* 
Mediaburst Textburst Style 2010

Author: Martin Steel / Mediaburst Ltd.
Copyright: Mediaburst Ltd.
*/

/* HTML Tags*/
h1 { font-weight:normal; font-size: 2em; margin: 15px 0px;}
h2 { font-weight:normal; font-size: 1.5em; margin: 10px 0px;}

textarea {  height: 100px; font: 14px/1.4 Arial, Helvetica, sans-serif; color: #333; resize: vertical;}

table { width: 100%; clear: both;}
th { padding: 5px; text-align: left;}
	th span.error  	{
		background: #FEFFBF;
 	 	clear: both;
 	 	color: #000;
 	 	display: block;
 	 	float: left;
 	 	font-size: 12px;
 	 	font-weight: bold;
 	 	margin: 5px 0 0 0;
 	 	padding: 2px 4px;
	}
td { padding: 10px 5px; font-size: 0.9em; word-wrap: break-word; }

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

fieldset { clear: left; }

.button, button
{
    cursor: pointer;
	background: #e1e1e1;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: bold 14px sans-serif;
	color: #333;
	padding: 5px 11px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #AAA;
	border-right: 1px solid #AAA;
	text-decoration:none;
}

#BalancePurchaseLink
{
    color: #FFF;
    font: 13px sans-serif;
    padding: 5px 10px;
}

/* Template items */
#accountmenu, #accountmenu *, #footermenu, #footermenu * {margin:0; padding:0; list-style:none; display:inline; }
#accountmenu, #footermenu { display:block; overflow:hidden; zoom:1; text-align: right;  float: right;}
#accountmenu a, #footermenu a { position:relative; right:-1px;  padding:0px 8px; border-right: 1px solid #888; } 
#header { height: 80px; margin: 0px; padding: 4px 0px 0px 0px; }

#menu { font-size: 1.2em; display: block; float: left; width: 100%; }
#submenu { display: block; float: left; width: 100%; }
#menu ul, #submenu ul, #menu ul *, #submenu ul * {margin:0; padding:0px 9px; list-style:none; }
#menu li, #submenu li { display:block; float:left; margin: 0; padding: 0px 6px; }
#menu li a, #submenu li a { color: #ffffff; text-decoration: none; padding: 4px 6px; display: block;}
#submenu li.selected a { text-decoration: underline; }
#header p {padding-left: 15px; color: #888888; }
#header p em { font-style: italic;}
#footer { height: 30px; margin: 10px; padding-top: 10px; font-size: 0.8em; clear: both;}
#footer p {float: left; margin: 0px; padding: 0px;}

#contentholder {float: left; width: 100%; margin: 0px; padding: 0px; }
#content  
{
    margin: 20px 270px 15px 15px; 
    min-height: 400px; 
    background: #fff; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    padding: 0px 10px 0px 10px;
}
#related { width: 250px; float: left; margin: 20px 0px 0px -260px; }
    #related .relateditem  
    {
        padding: 10px; 
        background: #fff; 
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        border-radius: 10px; 
        margin-bottom: 15px;
    }
	    #related .relateditem p { margin: 10px 0px;}
	    #related .relateditem a { padding-right: 20px; }
		    #related .relateditem a.external { padding-right: 15px; background: transparent url(/images/external_link.png) no-repeat scroll center right; }
		    #related .relateditem a.csv { background: transparent url(/images/page_excel.png) no-repeat scroll center right; }
		    #related .relateditem a.email { background: transparent url(/images/email.png) no-repeat scroll center right; }
		    #related .relateditem a.report { background: transparent url(/images/report.png) no-repeat scroll center right; }

	    #related .relateditem h2 { margin-top:0px;font-size: 24px;}
	    #related .relateditem>p>strong { font-weight: bold; margin: 0px; padding: 0px; display: block;}
	    #related .relateditem>p>em { font-style: italic; margin: 0px; padding: 0px; display: block;}
	
	#related .alert { padding: 10px; margin-bottom: 10px; border: 1px solid #BFEFA4; background-color: #EAFFDF; border-radius: 10px; }
		#related .alert a.ok { float: right; margin: 0px 0px 10px 10px; text-decoration: none; font-size: 0.9em; color: #589F31;}

	
#balance 
{
	position: relative;
	width: 260px;
	float: right;
	margin-top: -4.5em;
	height: 4.5em;	
}
	#balance div { position: absolute; }
		#balance div.label { font-size: 1em; top: 23px; left: 7px; }
		#balance div.amount { font-size: 2em; top: 12px; left: 60px; text-align: right; width: 105px; font-weight: bold; text-shadow: 1px 1px #666; }
		#balance div.messages { font-size: 0.8em; top: 45px; left: 60px; text-align: right; width: 105px; font-style: italic; }
		#balance div.purchase { font-size: 0.8em; top: 25px; left: 170px; }

div.container { padding: 1px 0px 10px 0px;}
div.section
{ 
	background: url("/images/squares-white.gif") repeat-x scroll left bottom transparent; 
	padding: 10px 0px 20px; 
	margin: 0px 0px 10px; 
	overflow: auto;
}

    div.section p { margin-bottom: 1em;}
	div.section div { padding: 0px; }
	div.section h2 { margin: 0px; padding: 0px; }
	div.section a.topright { float: right; margin-top: -30px;}

div.field { float: left; margin: 0px 0px 5px 0px; width: 95%; clear: both; }
	div.field>label { display: block; font-weight: bold; margin: 4px 15px 0px 0px; }
	div.field>input { display: block;}
		div.field>label.checkbox { width: auto; float: none;}
		div.field .checkbox input { margin-left: 165px; }
    div.field>ul { margin: 15px 0px; }
    div.field li { margin: 5px 0px; }
	
div.inlinefield { float: left; margin: 0px 20px 10px 20px; width: 95%; clear: both; }
	div.inlinefield>label { width: 150px; font-weight: bold; margin: 4px 15px 0px 0px; float: left; }
		div.inlinefield>label.checkbox { width: auto; float: none;}
		div.inlinefield .checkbox input { margin-left: 165px; }
		div.inlinefield .fieldvalue { float: left; margin-top: 4px; }

	div.field span.error, div.inlinefield span.error {
 		background: #FEFFBF;
 	 	clear: both;
 	 	color: #000;
 	 	display: block;
 	 	float: left;
 	 	font-size: 12px;
 	 	font-weight: normal;
 	 	margin: 5px 0 10px 160px;
 	 	padding: 2px 4px;
 	}

div.inlineform { float: left; margin: 0px 20px 10px 20px; width: 95%; clear: both; }

div.gridfooter { padding: 10px 8px;}
div.gridfooter .button { padding: 0px 2px;}
div.gridnavtop { padding-bottom: 0px; }
div.gridnavbot { padding: 30px 8px; }
	div.gridnavtop a[disabled="disabled"], div.gridnavbot a[disabled="disabled"], div.gridnavtop a.aspNetDisabled, div.gridnavbot a.aspNetDisabled  { color: #999; }

div.updateprogress 
{
	position: fixed;
	top: 40%;
	left: 40%;
	border: 2px solid #999;
	background: #EFEFEF url(/images/ajax-loader.gif) no-repeat scroll 50% 75px;
	padding: 20px 20px 40px 20px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 	
	text-align: center;
	width: 200px;
	height: 45px;
	overflow: hidden;
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

div.lightbox h1
{
    margin: 0px 5px;
    padding: 0px;
}

/* Page contents */
.floatcol { display: block; float: left; margin-right: 15px; }
.clearbox { clear: both; }
.floatcol h2 { float: left; }
.aspNetDisabled { cursor: default; }

label.line { display: block; }

/* Hide jQuery triggered controls */
.hidden { display:none; }

/* Search Box */
input.search { float: right; margin-bottom: 5px;}

/* Sub-Headings with links next to them */
h2.headingaction { float: left; display: block; width: auto; }
a.headingaction { float: right; display: block; padding-top: 5px; }

/* Headings with Add links */
h1.add { display: inline-block; }
h2.add { display: inline-block; }
a.add
{
    margin-left: 10px;
    position:relative;
    top:-3px;
    font-size: 10pt;
    padding: 3px 10px 3px 10px;
}
a.addbutton
{
    padding-left: 20px;
    background: #e1e1e1 url(/images/plus.png) no-repeat scroll top left;
}

p.success { border: 1px solid #BFEFA4; background-color: #EAFFDF; padding: 10px; margin-bottom: 10px; line-height: 1.4em; }
p.error { border: 1px solid #EF7777; background-color: #FFDFDF; padding: 10px; margin-bottom: 10px; }
p.info { border: 1px solid #EFED77; background-color: #FEFFDF; padding: 10px; margin-bottom: 10px; }

/* table footer */
.tablefoot 
{
    height: 50px;
}

.tableaction 
{
    text-align: right;
    float: left;
    width: 50%;
    margin-top: 15px;
}

/* table navigation footer for js tables */
.tablenav 
{
    float: left;
    width: 50%;
    /*text-align: center;*/
}
.tablenav ul 
{
    margin-top: 15px;
}
.tablenav ol, .tablenav li
{
    display: inline;
    cursor: pointer;
}
.tablenav ol li 
{
    display: inline;
    border: 1px solid #aaa;
    color: #666;
    padding: 2px 4px;
}
.tablenav ol li.selected 
{
    cursor: default;
}
/* Table columns */
th.checkbox, td.checkbox 
{
    width: 25px;
}
td.phone 
{
    width: 110px;
    text-align: right;
    padding-right: 20px;
}
/* jQuery UI tabs with tables */
.tabletabs p
{
    margin: 20px;
}
.tabletabs.ui-tabs .ui-tabs-nav li a 
{
    height: 20px;
    padding: 22px 10px 5px 10px;
        
}
.tabletabs span.count 
{
    font-size: 2.5em;
    float: left;
    padding-left: 10px;
    margin-right: -5px;
}


.section blockquote 
{
    font-style: italic;
    margin-bottom: 15px;
}


/*
 * Single Page styles
 */

/* Send Page*/
#mergefields li
{
	list-style-type: none;
	margin: 4px;
	padding: 2px 2px 2px 25px;
	width: 95px;
	cursor: pointer;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #e1e1e1 url(/images/plus.png) no-repeat scroll top left;
}
#tags li
{
	float: left;
	list-style-type: none;
	margin: 20px 4px 4px 4px;
	padding: 2px 2px 2px 25px;
	width: 150px;
	background-color: #e1e1e1;
	cursor: pointer;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #e1e1e1 url(/images/plus.png) no-repeat scroll top left;
}
#tags li span { font-weight: normal; color: #666; font-size: 0.9em; display: block;}

/* Send Page Message Box */
.send-row { display: block; float: left; width: 70%; clear: left; }
	.send-row textarea { width: 100%; padding: 0px; margin: 0px; }
	.send-chars { float: right; display: block; }
	.send-msgs { float: left; display: block; }
	
.send-tags, .send-opt-out { display: block; float: left; width: 30%; }
	.send-tags ul { margin-left: 15px;}
	.send-tags strong { margin-left: 18px; font-weight: bold; }
    .send-opt-out p { margin-left: 15px;}
	
/* Send Page to box */
div.textboxlist { width: 70%; }
ul.textboxlist-bits 
{
	border-top-color: #c1c1c1;
	border-right-color: #c1c1c1;
	border-left-color: #e1e1e1;
	border-bottom-color: #e1e1e1;	
}
.textboxlist-livesearch-results { display: none; }
li.textboxlist-bit> span.group { background: transparent url(/images/group.png) no-repeat scroll top left; padding-left: 20px; }
li.textboxlist-bit> span.contact { background: transparent url(/images/user.png) no-repeat scroll top left; padding-left: 20px; }
li.textboxlist-bit> span.sub { background: transparent url(/images/folder_user.png) no-repeat scroll top left; padding-left: 20px; }

/* Send page Group lightbox */
#pickgroup li
{
	float: left; 
	width: 150px; 
	list-style-type: none; 
	margin: 5px; 
	padding: 2px 2px 2px 5px;
	background-color: #e1e1e1;
	cursor: pointer;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	border-radius: 6px;	
}
#pickgroup li a { text-decoration: none; color: #000; display: block; }
#pickgroup li span { color: #666; font-size: 0.9em; display: block; }

/* Send Page Template lightbox */
#picktemplate li, #picksub li
{
	list-style-type: none; 
	margin: 5px 5px 5px 0px; 
	padding: 4px 6px;
	background-color: #e1e1e1;
	cursor: pointer;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#picktemplate li a, #picksub li a { text-decoration: none; color: #000; display: block; }
#picktemplate li span, #picksub li span { color: #666; font-size: 0.9em; display: block; }

/* Send Page from box */
#sender { overflow: visible; z-index: 6; }
#sender input { padding: 5px 3px; width: 180px; -moz-box-sizing:border-box;}
.ui-combobox-list { width: 186px; margin-top: 7px; padding-right: 8px; overflow:hidden;}
.ui-combobox-item { padding: 5px 0px 5px 6px; width: 182px;}

#SendMessage { font-size: 17px; padding: 5px 15px; } 

/* Sent Message Page*/
.sent-message-text { font-style: italic; margin: 10px 0px; line-height: 1.8em; }
.sent-message-meta { font-style: normal; margin-bottom: 20px;}
.quoteopen { font-size: 5em; line-height: 0; vertical-align: middle;}
.quoteclose { font-size: 5em; line-height: 0; vertical-align: bottom; }

#currentgrouplist li
{
	float: left;
	list-style-type: none;
	margin: 10px 4px 4px 4px;
	padding: 2px 2px 2px 5px;
	background-color: #e1e1e1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	vertical-align:top;
}

#currentgrouplist a { margin-left: 2px; cursor: pointer;}
#currentgrouplist img { vertical-align:text-top; }

/* Group Delete Confirm LightBox */
#delconfirm li
{
	margin: 5px;
}
#delconfirm input
{
	margin-left: 10px;
}

.settingscontainer 
{
	width: 100%;
	overflow:hidden;
}

.settingsopt
{
	float: left;
	list-style-type: none;
	margin: 4px 20px 20px 4px;
	padding: 10px;
	width: 200px;
	height: 150px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #EFEFEF;
	-moz-box-shadow: 2px 2px 5px #bbb;
	-webkit-box-shadow: 2px 2px 5px #bbb;
	box-shadow: 2px 2px 5px #bbb;
}

.settingsopt a
{
	color: #333;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}

.settingsopt h2
{
	text-shadow: 1px 1px #eee;
}

/* Shop */
div.shop h2 
{
    margin-bottom: 15px;
}
    div.shop h2 span.number
    {
        margin-right: 10px;
    }
    
#PaymentGateways { text-align: center;}
    #PaymentGateways>input { margin-left: 10px;}
    #PaymentGateways>input:first-child { margin-left: 0px;}
    
    #PaymentGateways #SagePay { margin-top: 1px; }
    #PaymentGateways #PayPal { margin-top: 2px; }
    #PaymentGateways #GoogleCheckout {  }