/* @charset "utf-8";
body{	font-family: Arial, Helvetica, sans-serif;
	 padding: 0px; margin: 0px; font-size: 12px;
	background: silver;}
h1	{	color: navy; font-variant: small-caps; text-align: center;}
h2	{	color: maroon; }
h3	{	color: navy; }
a	{	text-decoration:none; }
a:hover	{	text-decoration:underline; }
label	{	float: left; width: 120px; font-weight: bold; line-height: 20px;}
input	{ margin-bottom: 5px; }
br	{ clear: both;}
td	{vertical-align: baseline; }
th	{ text-align: left; }
table	{ border-collapse: collapse; }

#container {	width: 800px;
	margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0px;
	padding-top: 0px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px;
	background: white;
	}
#footer	{	width: 800px; margin-left: auto; margin-right: auto;
			font-size: x-small; text-align: center; padding-top: 10px;}

#leftcol	{ width: 380px; float: left; clear:left; }
#rightcol	{ width: 380px; float: right; clear:right; }

.info	{ color: navy; font-style:italic; font-size: small; }
.warn	{ color: #CC0000; }
.fpbutton {height: 60px; padding: 20px;}
#citable {padding: 5px; margin: 5px; border: 1px solid black;}
#ciinvoice {
background: white;
font-family: Arial, Verdana, Tahoma, Sans-Serif;
}

.invtitle {font-size: x-large; font-weight: bold;} */
/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */
tr.odd {
	background-color: #3db73729 !important;
}

tr.odd td.sorting_1 {
	background-color: #ccc;
}

tr.even td.sorting_1 {
	background-color: #f5f5f5;
}

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
html { font-size: 62.5%; overflow-y: scroll; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;color:#000;}
sub {vertical-align: sub;}
sup {vertical-align: super;}
body { background:#efefef url(images/bg.png) repeat-x scroll 0% 0%; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14/18px; line-height: 18px; color: #FFF; position: relative; -webkit-font-smoothing: antialiased; }

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.left { float:left; }
.right { float:right; }
.spacer20 { height:20px; clear:both;}
.spacer15 { height:15px; clear:both;}
.spacer10 { height:10px; clear:both;}
.line { margin:20px 0px; background:#999999; height:1px; clear:both;}

p { color:#000000; font-size:1.4em; line-height:1.6em;}
a, a:visited { color:#3db737; font-size:1.4em; text-decoration:none;}
a:hover, a:active { outline: 0; }
a:hover { color: #000;}

.btn-landing {width: 200px;margin: 10px 0;background-color: #F5F5F5;color:#000;}
.btn-landing:visited { color:inherit; }
.btn-landing:hover { background-color: #3db737;color: #fff; }


h1 { padding-bottom:15px; margin-bottom:20px; color:#3db737; font-size:2.8em; font-weight:bold; border-bottom:1px solid #CCC; }
h2 { padding-bottom:10px; margin-bottom:10px; color:#3db737; font-size:2.0em; font-weight:bold; border-bottom:1px solid #CCC; }
h4 { padding-bottom:10px; font-size:16px; font-weight:bold;}

.purple_head { color:#6600ff}
.red_head { color:#F00}

.row{width:900px;max-width:100%;min-width:767px;margin:0 auto}
.row .row{width:auto;max-width:none;min-width:0;margin:0 -15px}
.row.collapse .column,.row.collapse .columns{padding:0}
.row .row{width:auto;max-width:none;min-width:0;margin:0 -15px}
.row .row.collapse{margin:0}
.column,.columns{float:left;min-height:1px;padding:0 15px;position:relative}
.column.centered,.columns.centered{float:none;margin:0 auto}

[class*="column"]+[class*="column"]:last-child{float:right}
[class*="column"]+[class*="column"].end{float:left}

.row .one{width:8.333%}
.row .two{width:16.667%}
.row .three{width:25%}
.row .four{width:33.333%}
.row .five{width:41.667%}
.row .six{width:50%}
.row .seven{width:58.333%}
.row .eight{width:66.667%}
.row .nine{width:75%}
.row .ten{width:83.333%}
.row .eleven{width:91.667%}
.row .twelve{width:100%}

/*	--------------------------------------------------
	:: General Style of Interface
	-------------------------------------------------- */
* { margin:0px; margin:0px;}
.container { width: 1200px; margin: 0 auto; overflow:hidden;}
.left_sidebar { float:left; background: #f3f3f3 /* url(images/sidebar_bg.png) repeat-y right */ !important; /* width:189px; */ min-height:100%; padding:20px; border:1px solid #CCC !important; /* border-right:none !important; */ color:#333333; position:relative; /* -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px; behavior:url(border-radius.htc);*/ overflow:hidden; }
.content { float:right; background: #FFFFFF !important; width:908px; padding:30px; color:#000000; position:relative; border:1px solid #CCC !important; -webkit-border-radius: 5px;-webkit-border-top-left-radius: 0;-moz-border-radius: 5px;-moz-border-radius-topleft: 0;border-radius: 5px;border-top-left-radius: 0; behavior:url(border-radius.htc); overflow:hidden; }

header{ padding:0px 0px; margin:0 auto; height:115px; color:#FFFFFF; clear:both}
.connection-status { float:right; padding:10px 36px 0px 0px; background:url(images/connection-ok.png) no-repeat 95% 85%;}
.connection-status p { color:#FFFFFF; font:14px Arial, Helvetica, sans-serif;}

.logo { float:left; background:url(images/onbrand-logo-transparent-white-100x100.png) no-repeat top left; width:100px; height:100px; top:10px; position:relative; border:none; display:block; text-indent:-3333px;}
nav { float:right; top:40px; position:relative; z-index:99;}
nav ul { list-style-type:none; padding:0; margin:0;}
nav ul li { float:left; margin-left:3px; text-align:center;}
nav ul li a, nav ul li a:visited{ padding:8px 10px; background:url(images/button-bg2.gif) repeat-x top; color:#FFFFFF; font-weight:bold; text-shadow:0px 1px #000000; text-decoration:none;/* -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;*/ }
nav ul li a:hover { background:#FFFFFF; color:#000; text-decoration:none; text-shadow:0px 1px #FFF;}

.client-name { color:#FFFFFF; height:40px; font-size:24px; font-weight:bold; text-align:right; top:40px; position:relative}

ul.admin-menu { list-style-type:none; padding-bottom:12px; margin-bottom:10px; border-bottom:1px dashed #999999; }
ul.admin-menu li { width:100%; }
ul.admin-menu li a, ul.admin-menu li a:visited { display:block; background:url(images/admin-dot3.png) no-repeat left; padding:3px 0 3px 15px; color:#333333; font-size:1.2em; text-decoration:none;}
ul.admin-menu li a:hover { background: url(images/admin-dot3.png) no-repeat left; color:#333333; font-size:1.2em; text-decoration: underline;}

ul.accounts-menu { list-style-type:none; padding-bottom:12px !important; margin-bottom:10px !important; border-bottom:1px dashed #999999; }
ul.accounts-menu li { width:100%; }
ul.accounts-menu li a, ul.accounts-menu li a:visited { display:block; background:url(images/accounts-dot1.png) no-repeat left; padding:3px 0 3px 15px; color:#333333; font-size:1.2em; text-decoration:none;}
ul.accounts-menu li a:hover { background:url(images/accounts-dot3.png) no-repeat left; color:#333333; font-size:1.2em; text-decoration: underline;}

footer { margin:0 auto; color:#3db737; font-size:1.2em;float: right;width: 100%;}
.copyright { float:right; padding:10px; text-align: right;}
.back-to-top { float:right; width:97%; padding:10px; margin:15px 0px; color:#3db737; border-top:1px dashed #CCCCCC; border-bottom:1px dashed #CCCCCC; position:relative;}
.back-to-top a, .back-to-top a:visited { float:right; color:#3db737 !important; position:relative; text-decoration:none;}
.back-to-top a:hover { text-decoration: underline;}

.box_shadow {-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.50);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.50);}

/*	--------------------------------------------------
	:: LOGIN START PAGE
	-------------------------------------------------- */
.container-login { width: 500px; margin: 0 auto; overflow:hidden;}
.content-login { margin:0 auto; background: #FFFFFF !important; padding:30px; width:420px; color:#000000; position:relative; border:1px solid #CCC !important; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; behavior:url(border-radius.htc); overflow:hidden; }

/*	--------------------------------------------------
	:: ACCOUNT PAGE INTRO
	-------------------------------------------------- */
.cia_admin_boxes { float:left; /* background:url(images/cia_admin_box.jpg) no-repeat top left; */ margin-right:30px; padding:20px; /* width:232px; */ height:376px;}
#cia_admin_boxes_links { margin-top:20px !important; list-style-type:none;}
#cia_admin_boxes_links ul { margin:0px; padding:0px; list-style-type:none; }
#cia_admin_boxes_links ul li { float:left; text-align:left; width:100%;}
#cia_admin_boxes_links ul li a { cursor:pointer; }
.viewclients { display:block; background:url(images/cia_clients.png) no-repeat left top; height:55px; padding:20px 0px 0px 20px; color:#000000 !important; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.viewprospects { display:block; background:url(images/cia_prospects.png) no-repeat left top; height:55px; padding:20px 0px 0px 70px; color:#000000 !important; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.viewclients:hover { color:#3db737 !important; }
.viewprospects:hover { color:#3db737 !important; }
.viewassets { display:block; background:url(images/cia_assets.png) no-repeat left top; height:55px; padding:20px 0px 0px 70px; color:#000000 !important; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.viewassets:hover { color:#3db737 !important; }
.reporting { display:block; background: url(images/cia_reporting.png) no-repeat left top; height:55px; padding:20px 0px 0px 70px; color:#000000 !important; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.reporting:hover { color:#3db737 !important; }
.viewclients { display:block; background:url(images/cia_clients.png) no-repeat left top; height:55px; padding:20px 0px 0px 70px; color:#000000 !important; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.billing { display:block; background:url(images/cia_billings.png) no-repeat left top; height:55px; padding:20px 0px 0px 70px; color:#000000 !important;; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.billing:hover { color:#3db737 !important; }
.branding { display:block; background:url(images/cia_brands.png) no-repeat left top; height:55px; padding:20px 0px 0px 70px; color:#000000 !important;; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.branding:hover { color:#3db737 !important; }
.nominal { display:block; background:url(images/nominal.png) no-repeat left top; height:55px; padding:20px 0px 0px 70px;color:#000000 !important; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.nominal:hover { color:#3db737 !important; }
.invoices { display:block; background:url(images/cia_invoices.png) no-repeat left top; height:55px; padding:20px 0px 0px 70px; color:#000000 !important; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.invoices:hover { color:#3db737 !important; }
.invoicing { display:block; background:url(images/cia_invoicing.png) no-repeat left top; height:55px; padding:20px 0px 0px 70px; color:#000000 !important; font-size:1.6em; font-weight:bold; text-decoration:none; cursor:pointer; }
.invoicing:hover { color:#3db737 !important; }

/*	--------------------------------------------------
	:: FORM STYLE
	-------------------------------------------------- */
fieldset { padding:20px; background:#FFF; color:#000; border:1px solid #CCC !important; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; behavior:url(border-radius.htc); overflow:hidden;}
label { padding:5px; font-size:1.4em; font-weight:bold; text-align:right; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 1.4em; padding:4px; margin-bottom: 10px; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

#submit { width:81px; height:31px; background: transparent url(images/login.jpg) repeat-x top; text-indent:-3333px; font-size:0; border:none; cursor:pointer; display:block; line-height:0;}

#submit:hover { background-position:bottom;}

.subtable-grey {
padding: 10px;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

.subtable-grey tbody {
background-color: #eeeeee !important;
}

.text-required {
font-weight: bold;
color: red !important;
}

/*	--------------------------------------------------
	:: Buttons
	-------------------------------------------------- */
.button {
	display:inline-block;
	color:#ffffff !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	overflow:hidden;
}

.button:hover {
	text-decoration:none;
}

.button:active {
	position:relative;
	top:1px;
}

.blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a8ec), color-stop(1, #005577) );
	background:-moz-linear-gradient( center top, #00a8ec 5%, #005577 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a8ec', endColorstr='#005577');
	border:1px solid #337fed !important;
	text-shadow:1px 1px 0px #1570cd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(border-radius.htc);
}

.blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005577), color-stop(1, #00a8ec) );
	background:-moz-linear-gradient( center top, #005577 5%, #00a8ec 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#003448', endColorstr='#00a8ec');
}

.red {
	-moz-box-shadow:inset 0px 1px 0px 0px #ff7474;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ff7474;
	box-shadow:inset 0px 1px 0px 0px #ff7474;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #b70606) );
	background:-moz-linear-gradient( center top, #ff0000 5%, #b70606 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#b70606');
	border:1px solid #b70606 !important;
	text-shadow:1px 1px 0px #7f0404;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(border-radius.htc);
}
.red:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b70606), color-stop(1, #ff0000) );
	background:-moz-linear-gradient( center top, #b70606 5%, #ff0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b70606', endColorstr='#ff0000');
}

.purple {
	-moz-box-shadow:inset 0px 1px 0px 0px #a366ff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a366ff;
	box-shadow:inset 0px 1px 0px 0px #a366ff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c24ff), color-stop(1, #4a00b8) );
	background:-moz-linear-gradient( center top, #7c24ff 5%, #4a00b8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c24ff', endColorstr='#4a00b8');
	border:1px solid #7c24ff !important;
	text-shadow:1px 1px 0px #7c24ff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(border-radius.htc);
}
.purple:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4a00b8), color-stop(1, #7c24ff) );
	background:-moz-linear-gradient( center top, #4a00b8 5%, #7c24ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a00b8', endColorstr='#7c24ff');
}

.script-message { padding:8px; font-size:1.3em; text-align:left;}

/*    --------------------------------------------------
    Tabs
    -------------------------------------------------- */
	dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ccc; }
    dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
    dl.tabs dt:first-child { padding: 0 9px 0 0; }
    dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
    dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #ccc; margin: 0 -1px 0 0; color: #555; background: #eee; }
    dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; height: 30px; }

		.nice.tabs { border-bottom: solid 1px #ccc; margin: 0 0 30px 0; height:43px; }
		.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
		.nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 3px solid #3db737; margin: 0 10px; position: relative; top: -5px; }
		.nice.tabs dd:first-child a.active { margin-left: 0; }

	dl.tabs.vertical { height: auto; }
	dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; }
	dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
	dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; }

		.nice.tabs.vertical { border-bottom: solid 1px #ccc; height: auto; }
		.nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background: #fff; }
		.nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }
		.nice.tabs.vertical dd:first-child a.active { margin: 0; }

    ul.tabs-content { margin: 0; display: block; }
    ul.tabs-content>li { display: none; }
    .no-js ul.tabs-content>li { display: block; }
    ul.tabs-content>li.active { display: block; }

    dl.contained, dl.nice.contained { margin-bottom: 0; }
    dl.contained.tabs dd a { padding: 14px; }
    dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }

    ul.contained.tabs-content { padding: 0; }
	ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ccc; border-width: 0 1px 1px 1px; overflow:hidden }
	ul.contained.vertical.tabs-content>li { border-width: 1px 1px 1px 1px; }
	ul.nice.contained.tabs-content>li { border-color: #ccc; }

	#clientstable table { font-size:1.1em;}
	#clientstable a { color:#FFFFFF; font-size: inherit;}
	#clientstable th { color:#333; text-align:left;}
	#clientstable td { padding-right:5px; color:#333; text-align:left; font-weight:bold; }
	#clienttable input,select { font-weight: normal;font-size: 14px; }

	td.flabel {
		font-size: 10px;
	}

	.add {
		float:left;
	padding:10px 10px 8px;
	color:#666666;
	font-weight:bold;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #eaeaea) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #eaeaea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eaeaea');
	border:1px solid #d4d4d4 !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(border-radius.htc);
	cursor:pointer; }

	.add:visited {color:#666666;}

	.add:hover { padding:10px 10px 8px;
	color:#3db737;
	font-weight:bold;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eaeaea), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #eaeaea 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#f9f9f9');
	border:1px solid #d4d4d4 !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(border-radius.htc);
	cursor:pointer; text-decoration: none; }


	.add2 {
		float:left;
	padding:10px 10px 8px;
	font-weight:bold;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #eaeaea) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #eaeaea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eaeaea');
	border:1px solid #d4d4d4 !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(border-radius.htc);
	top:-15px;
	color:#3db737 !important;
	font-size:1.2em !important;
	position:relative;
	cursor:pointer; }

	.add2:hover { padding:10px 10px 8px;
	color:#666666;
	font-weight:bold;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eaeaea), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #eaeaea 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#f9f9f9');
	border:1px solid #d4d4d4 !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior:url(border-radius.htc);
	cursor:pointer; }

	.edit_that_bill { float:none !important; background: #FFFFFF !important; padding:30px; margin:50px !important; min-width:400px; color:#000000; position:relative; border:1px solid #CCC !important; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}

	.invoice_page { float:none !important; background: #FFFFFF !important; padding:20px; margin:20px !important; min-width:400px; color:#000000; position:relative; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}

	.paginate_previous { float:left; width:24px; height:24px; background: url(images/prev.png) no-repeat top left; text-indent:-3333px; font-size:0; border:0; line-height:0; cursor:pointer;}
	.paginate_previous:hover { background-position:bottom right; }
	.paginate_next { float:right; width:24px; height:24px; background: url(images/next.png) no-repeat top left; text-indent:-3333px; font-size:0; border:0; line-height:0; cursor:pointer}
	.paginate_next:hover { background-position:bottom right; }

	.invtitle span { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align:center;}

/*	--------------------------------------------------
	:: Classes for TABLES with different styles
	-------------------------------------------------- */

.table-style-1 table { border: 1px solid #ccc; font-size:1.3em !important; }
.table-style-1 a { color:#3db737 !important; font-size:1.1em; text-decoration:none;}
.table-style-1 a:hover { text-decoration: underline;}
.table-style-1 th {padding: 10px;;text-align: left ;font-family:Arial, Helvetica, sans-serif !important;font-size: 1.4em !important;font-weight:bold;border: 1px solid #ccc;}
.table-style-1 td { padding:5px 10px;height:40px; color:#333333 !important;font-family:Arial, Helvetica, sans-serif !important;text-align: left;font-size: 1.2em ;border: 1px solid #ccc;}
.table-style-1 tr.alt td {background: #e6f8ff;}
/*.table-style-1 tr.over td, tr:hover td {background: #f4f4f4;}*/


.table-style-2 table { border-collapse:collapse; padding:0; margin:0; }
.table-style-2 a { color:#6600ff; font-size: small;}
.table-style-2 th {color:#FFF;text-align: left;font-weight:bold;background: #6600ff;}
.table-style-2 td {text-align:left;}
.table-style-2 tr.alt td {background: #f1e7ff;}
/*.table-style-2 tr.over td, tr:hover td {background: #f4f4f4;} */

.table-style-3 table { border: 1px solid #ccc; font-size:1.2em !important; }
.table-style-3 a { color:#3db737 !important; font-size:1.2em; text-decoration:none;}
.table-style-3 a:hover { text-decoration: underline;}
.table-style-3 th {padding: 3px;color:#FFF !important;text-align: left ;font-family:Arial, Helvetica, sans-serif !important;font-size: 1.2em !important;font-weight:bold;border: 1px solid #ccc;background: #3db737;}
.table-style-3 td { padding:3px; color:#333333 !important;font-family:Arial, Helvetica, sans-serif !important;text-align: left;font-size: 1.2em ;border: 1px solid #ccc;}
.table-style-3 tr.alt td {background: #e6f8ff;}
/*.table-style-1 tr.over td, tr:hover td {background: #f4f4f4;}*/


.update { float:left; width:100%; padding:5px 10px 0px; background: #e6f8ff; border-top:1px solid #CCC; border-bottom:1px solid #CCC; top:-20px; position:relative; clear:both;}
.raise { float:left; top:-3px; position:relative;}

@media print{
	*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	abbr[title]:after{content:" (" attr(title) ")"}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid}
	thead{display:table-header-group}
	tr,img{page-break-inside:avoid}
	img{max-width:100% !important}
	@page{margin:0.5cm}
	p,h2,h3{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
	.edit_that_bill { border:none !important;}
	.hide-on-print{display:none !important}
	.print-only{display:block !important}}

/*	--------------------------------------------------
	:: Classes to hide stuff
	-------------------------------------------------- */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*
Invoice Despatch
*/

td.tdEmail {
	font-size:11px;border:none;border-bottom:1px solid #ccc;padding: 0 2px 0 2px;
}


/*
Invoicing
*/

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 400px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.emailto{
	text-align: center;
	border: 1px solid black;
	display: block;
	background-color: #3db737;
	color: #fff;
	font-weight: bold;
	width: 100px;
	margin: 0 auto;
  margin-top: 10px;
	padding: 5px 0;
	text-decoration: none;
}

.emailto:hover {
	color: #C0C0C0;
	border: 1px solid #C0C0C0;
	text-decoration: none;
}
input[type=checkbox] {
  margin-right: 10px;
}
.ui-datepicker {
  width: auto;
}

.hide {
	display:none; 
}

.manager {
	font-weight:bold;
}

.armstice-active:hover {
	font-weight: bold;
}