/* Eric Meyer's reset  v1.0 | 20080212 
*************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup
{
	font-size: 0.8em;
	position: relative;
	top: -3px;
}

/*************************************************************/

html
{
	border-top: 5px solid #555;
}

*
{
	position:relative;
	line-height: 1.5em;
}

body
{
	height:100%;
	font:12px/1.5em Arial,Verdana,sans-serif;
	color:#555;
	background: #f3f3f3;
	padding-top: 1em;
}

.site-width
{
	width: 1000px;
	margin: 0 auto;
}

body.mode_admin .site-width
{
	width: 100%;
}

.G1	{float: left; width: 6.25%;}
.G2	{float: left; width: 12.5%;}
.G3	{float: left; width: 18.75%;}
.G4	{float: left; width: 25%;}
.G5	{float: left; width: 31.25%;}
.G6	{float: left; width: 37.5%;}
.G7	{float: left; width: 43.75%;}
.G8	{float: left; width: 50%;}
.G9	{float: left; width: 56.25%;}
.G10	{float: left; width: 62.5%;}
.G11	{float: left; width: 68.75%;}
.G12	{float: left; width: 75%;}
.G13	{float: left; width: 81.25%;}
.G14	{float: left; width: 87.5%;}
.G15	{float: left; width: 93.75%;}
.G16	{float: left; width: 100%;}

.grid-margin
{
	margin: 0 20px;
}

.grid-padding
{
	padding: 0 20px;
}


#newContainer
{
	border:1px double #eee;
	width:960px;
	background-color:#fff;
	margin:0 auto 0;
	-moz-border-radius: 10px;
	padding: 1em 0 0;
}

body.mode_admin #newContainer
{
	width:100%;
}


/*Top links
-----------------------------------------------------------------------*/
.outer-links
{
	overflow: auto;
	font-size: 0.9em;
	margin: 0 0 0 auto;
	float: right; /*forces the width to be limited to only that which is needed*/;
	padding: 10px 0;
	font-weight: bold;
}

.outer-links.top
{
	padding-top: 2em;
}

.outer-links li
{
	float: left;
	margin: 0 0 0 2em;
	list-style-type: none;
}

.outer-links a
{
	text-decoration: none;
}

.outer-links a:hover
{
	text-decoration: underline;
}


#header
{
	height:88px;
}

#content
{
	margin-left:30px;
	margin-right:30px;
}

#bottom_navbar
{
	clear:both;
	margin-top:-15px;
	text-align:right;
	width:100%;
}

select > option
{
	padding:0 3px;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom: 1.5em;
}

thead th, 
th
{
	text-align: left;
}

td
{
	vertical-align:top;
}

a
{
	color:#5D8CE9;
}

a:hover
{
	color:#D6851C;
}

p,ol,ul
{
	padding-bottom:1.5em;
}

input,select,textarea
{
	color:#555;
	font:100% Arial,sans-serif;
}

ul,ol
{
	list-style:outside;
	margin-left:25px;
}

ul.none
{
	list-style:none;
}

#main-col
{
	padding-bottom:40px;
}

#rightcol
{
	float: right;
	width:180px;
	padding:13px 0 0 30px;
}

h1#logo
{
	background:none;
	font:normal bold 19pt arial,sans-serif;
	position: relative;
	top: 30px;
	left: 12px;
	border: 0;
}

h1#logo a,
h1#logo a:hover
{
	color:#ccc;
	text-decoration:none;
}

h1
{
	border-bottom: 1px solid #bbb;
	font: normal 155% Arial,sans-serif;
	width:100%;
	margin:10px 0;
	padding:0 0 5px;
}

h2
{
	font:bold  135% Arial,sans-serif;
	margin:0 0 5px;
}

h3
{
	font:bold  115% Arial,sans-serif;
	margin:0;
}

.illustration
{
	padding-bottom:3em;
}

.error_box
{
	border:1px solid #D64040;
	margin:12px 0 15px;
	padding:10px;
}

.error,.error_box,.error_box h2,.error_box a,.error a
{
	color:#D64040;
}

.form_section
{
	padding:15px;
}

.form_section td
{
	vertical-align:bottom;
	padding:1px;
}

th
{
	text-align: left;
}


.data td,
.data_spaced td,
.rowData td,
th
{
	border:1px solid #ccc;
	vertical-align:middle;
	padding:5px;
}


.rowData td,
.rowData th
{
	border-width: 0 0 1px;
}

.data td,
.data th
{
	padding:1px 2px;
}

.data th
{
	font-weight:700;
	text-align:left;
}

table.borderless td,
td.borderless
{
	vertical-align:middle;
	padding:1px 2px;
}

table.borderless th
{
	border: 0;
}


td.header_underline
{
	background:#555;
	height:1px;
	margin:3px 0;
}

td.none_available
{
	padding:5px;
}

table.accounts
{
	margin-bottom:2em;
}

table.accounts td
{
	text-align:right;
}

.thirdparty_logo
{
	border:1px dashed #ccc;
	margin-left:20px;
	padding:20px;
}

input.text
{
	padding:0 5px 0 3px;
}

#top_of_page
{
	float:right;
	margin:0 0 20px;
}

#list_directory td
{
	border:1px dashed #ccc;
	padding:1px 5px;
}

.rotating_image
{
	padding-bottom:28px;
}

.name
{
	font:bold  105% Arial,sans-serif;
	line-height:95%;
}

#offline_form
{
	font-size:11pt;
	color:#000;
}

#offline_form td.amount
{
	text-align:right;
	border-right:1px solid #fff;
	width:70px;
}

#sidebar
{
	width:179px;
	float:left;
	margin-top: 24px;
}

#left_subsection
{
	padding:35px 10px 10px;
}

.left_subsection-article
{
	border:1px dashed #ccc;
	padding:10px;
}

.left_section-title
{
	border-bottom:1px solid #ccc;
	font-weight:700;
	margin-bottom:5px;
	padding:15px 0 5px;
}

img.curve_right
{
	float:right;
	clear:right;
}

img.features
{
	border:1px solid #ccc;
	margin:5px 20px 5px 0;
}

ol.pricing li
{
	padding:5px 0;
}

ol.pricing li ul li
{
	padding:0;
}

.footnote
{
	border-top:1px solid #ccc;
	font-size:90%;
	text-align:right;
	margin:10px 0 0;
	padding:10px 0 0;
}

.note
{
	font-size:90%;
}

td.usa-map
{
	background:transparent url("/_static/images/usa-hover.gif") no-repeat;
}

td.usa-map a:hover
{
	background-image:none;
}

td.usa-map a
{
	display:block;
	width:275px;
	height:150px;
	background-image:url("/_static/images/usa.gif");
	margin:0 auto;
}

.nospace1
{
	word-spacing:-0.3em;
}

.purchase_go
{
	text-align:right;
	vertical-align:bottom;
}


.clearer
{
	clear: both;
}

.attachment-link
{
	font-weight: bold;
	margin: -1em 0 0 0;
}

ol li
{
	list-style-type: decimal;
}

/*Change log
------------------------------------*/
dt
{
	font-weight: bold;
	margin-top: 1.5em;
}

/*New top menu
------------------------------------*/
#top-bar-outer
{
	position: relative;
	height: 30px;
}

#top-bar
{
	position: absolute;
	right: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#top-bar li
{
	float: left;
	margin: 0 1em 0 0;
	padding: 0;
}

#top-bar li a
{
	line-height: 1em;
	border: 1px solid none;
	border-width: 1px 1px 0;
	-moz-border-radius: 5px 5px 0 0;
	text-decoration: none;
	line-height: 3em;
	padding: 5px 0;
	color: #555;
	font-weight: bold;
}

#top-bar li a:hover
{
	background: #dfdfdf;
}


#top-bar li a.active
{
	background: white;
	color: #5d8cd9;
	border-bottom-color: #fff;
}

#top-bar li a span
{
	padding: 10px;
}

/*Page view over-rides
------------------------------------*/
body.images #main-col
{
	float: left;
	width: 500px;
}

body.left_menu #content 
{
	margin-left: 210px;
}

body.left_menu #container
{
	width: 100%; 
	float: right;	
	margin-left: -180px;
}



/*********************************************
ALERT BOXES
***********************************************/
.alertbox
{
	margin: 0 0 1.5em;
	padding: 0.4em  0.8em; 
	font-weight: bold;
}

.success
{
	background: #E6F9E6;	
	color: #3b8f32; 
}

.warning
{
	background: #FFF6BF;	
	color: #71673E; 
	border: 2px solid #ffd324; 
}

/*BROCHURE MENU
------------------------------------------------*/
#brochure-menu
{
	margin:37px 0 0 20px;
	-moz-border-radius: 10px;
	background: #f3f3f3;
}

#brochure-menu li
{
	padding: 10px 0;
	border-bottom: 2px solid #fff;
}

#brochure-menu li li
{
	padding: 0;
	border-bottom: 1px solid #ddd;
}

#brochure-menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#brochure-menu ul ul
{
	border-top: 1px solid #ddd;
}

#brochure-menu li a
{
	padding: 0 10px;
	text-decoration: none;
	color: #555;
	display: block;
	font-weight: bold;
}

#brochure-menu li a:hover,
#brochure-menu li a.active,
#brochure-menu li li a.active
{

	color: #5d8cd9;
	background: #e5e5e5;
}


#brochure-menu li li a
{
	padding: 0 20px;
	font-size: 11px;
}


#top-tab-line
{
	height: 1px;
	background: #bbb;
	margin: 0 0 15px;
	clear: both;
}

/*SENDING SMS TAB MENU
------------------------------------------------*/
#top-tab-outer
{
	margin-top: 15px;
}

#top-tab-label
{
	float: left;
	font-weight: bold;
	padding-right: 5px;
	color: #999;
	position: relative;
	top: 2px;
}

#top-tab
{
	padding: 0;
	float: left;
	margin: 0;
	position: relative;
	top: 1px;
	z-index: 1;
}

#top-tab li
{
	float: left;
	list-style-type: none;
	border: 1px solid #bbb;
	margin-right: 10px;
	background: #f5f5f5;
}

#top-tab li a
{
	text-decoration: none;
	padding: 2px 6px;
}

#top-tab li.active
{
	border-bottom-color: white;
	font-weight: bold;
	background: #fff;
}

#top-tab li.active a
{
	color: #555;
}

/*NEW Client Menu
------------------------------------------------*/
#client-menu
{
	margin:37px 0 20px 20px;
	-moz-border-radius: 10px;
	background: #f3f3f3;
	font-weight: bold;
	padding: 10px 0;
}

#client-menu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#client-menu ul li
{
	border: 1px solid white;
	border-width: 1px 0;
}

#client-menu ul ul li
{
	border-bottom: 1px solid #eee;
}

#client-menu ul li a,
#client-menu ul li span.noLink
{
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #555;
	display: block;
}

#client-menu ul li li a
{
	padding: 2px 0 2px 20px;
	font-size: 11px;
}

#client-menu ul li a:hover
{
	color: #5d8cd9;
	background: #ddd;
}

#client-menu ul li span.noLink
{
	color: #aaa;
}

/*NEW Logged in bar
------------------------------------------------*/
#loggedInBar
{
	margin: 0 20px 0px 20px;
	border: 1px solid #ddd;
	border-width: 1px 0;
	padding: 2px 5px;
	font-size: 11px;
	color: #aaa;
}

/*SMS Inbox
------------------------------------------------*/
.moMessageWrapper
{
	background: #eee;
	margin-bottom: 1em;
	-moz-border-radius: 5px;
	padding: 5px 0;
}

.moMessageMeta
{
	padding: 0 10px;
	font-size: 0.9em;
}

.moMessageBody
{
	padding: 10px;
	background: #fcfcfc;
}

.moEventLogs
{
	display: none;
}

.moIdHolder
{
	float: right;
	color: #aaa;
}


/*PRICING TABLE
---------------------------------------------------------*/
table .serviceName
{
	width: 280px;
}

table .primeUser
{
	width: 88px;
	text-align: center;
}

table .liteUser
{
	width: 88px;
	text-align: center;
}

table td.liteUser
{
	width: 80px;
}

table.innerTable .primeUser
{
	width: 90px;
}

table.innerTable .liteUser
{
	width: 73px;
}


.firstRow td
{
	border-top: 0;
}

.lastRow td
{
	border-bottom: 0;
}

tr.serviceRow
{
	border-top: 1px solid #ccc;
}

.networkCoverage td
{
	vertical-align: top;
}

.networkCoverage a
{
	color: #555;
	text-decoration: none;
}

.networkCoverage ul
{
	list-style-type:none; 
	padding: 0;
	margin: 0;
}



#endless-scroll-loader-icon
{
	height: 15px;
	background: url(/_static/images/icons/ajax-endless-scroll.gif) no-repeat center 0;
	display: hidden;
	margin-top: 1em;
}


/*COntact Centre Quicktexts
-----------------------------------------------*/
.helpdeskQuickTexts
{
	height: 100px;
	overflow: auto;
	border: 1px solid #ccc;
	border-width: 1px 0;
	font-size: 11px;
	margin-bottom: 2em;
}

#helpdeskQuickTexts .links
{
	height: 50px;
}

.helpdeskQuickTexts div
{
	padding: 0 5px;
	border-bottom: 1px solid #eee;
}

.helpdeskQuickTexts div:hover
{
	cursor: pointer;
	background: #eee;
}

/*Web-to-SMS Broadcast COnfirmation Settings
------------------------------------------------------------*/
dl.broadcastConfirmSettings
{
    border: 1px solid #ccc; 
    padding: 2px 4px; 
    margin: 0 0 1.5em; 
    background: #f1f1f1;
    overflow: auto;
}

dl.broadcastConfirmSettings dt, dl.broadcastConfirmSettings dd
{
    float: left;
    margin: 0;
}

dl.broadcastConfirmSettings dt
{
    margin-right: 3px;
}

dl.broadcastConfirmSettings dd
{
    border-right: 2px solid #e0e0e0;
    padding-right: 10px;
    margin-right: 10px;
}

dl.broadcastConfirmSettings dd.last
{
    border:0 ;
    padding: 0; 
    margin: 0;
}