/* TAGS
----------------------------------*/
html, body {
	height: 100%;
	background-color: #FFF;
	font-size: 13px;
	}
body, input, td, textarea, th, ul {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
a {
	color: #219ED8;
	text-decoration: none;
	}
/*a:hover {color: #219ED8;}*/
acronym {border-bottom: none;}li
div, p {
	margin: 0;
	padding: 0;
	}
code, pre, tt {font-family: Courier, "Courier New", monospace;}
fieldset {
	border: 1px solid #DDD;
	padding: 10px;
	}
fieldset:hover {border: 1px solid #D5D5D5;}
h1, h2, h3, h4, h5, h6 {
	color: #303030;
	font-weight: normal;
	font-family: 'DaysOneRegular', sans-serif;
	text-align: left;
	}
h1, h2 {letter-spacing: -.03em;}
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
h2 span, h3 span {
	color: #219ED8;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-left: 5px;
	}
h3 p, h4 p, h5 p {
	color: #303030;
	font-style: italic;
	font-size: 13px;
	line-height: 20px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: left;
	}
hr {
	width: 100%;
	height: 1px;
	border-top: 1px solid #E1E1E1;
	background-color: #FFF;
	color: #FFF;
	margin: 0;
	padding: 0;
	}
legend {
	color: #707070;
	font: 14px 'DaysOneRegular', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding: 0 5px;
	}

/* MAIN WRAPPER
----------------------------------*/
#wrapper {
	width: 100%;
	min-height: 100%;
	min-width: 950px;
	position: relative;
	background: #F5F5F5 repeat url('../images/general/bg_wrapper.jpg');
	}
.min-layout #wrapper {min-width: 0;}
	
/* HEADER
----------------------------------*/
#header-wrap {
	width: 100%;
	position: absolute;
	border-top: 1px solid #4ACBFE;
	border-bottom: 1px solid #F0F0F0;
	background: #219ED8 top repeat-x url('../images/general/bg_header_wrap.png');
	/* box-shadow: 0 3px 1px rgba(0,0,0,0.15); */
	z-index: +100;
	}
#header-wrap.fixed { position: fixed; }
#header {
	width: 950px;
	height: 28px;
	position: relative;
	margin: 0 auto;
	}
#header-brand {
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0;
	}
#header #header-brand a {
	height: 28px;
	display: inline-block;
	color: #505050;
	font: 24px/26px 'DaysOneRegular', sans-serif;
	letter-spacing: -.08em;
	text-align: left;
	text-shadow: 1px 1px 0 #2BBBFE;
	padding: 0 10px;
	}
#header #header-brand a:hover {
	color: #FFF;
	text-shadow: none;
	}
	
/* HEADER : MAIN NAV MENU
----------------------------------*/
#header-wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#header .nav {
	display: inline-block;
	float: left;
	position: relative;
	background: url('../images/general/nav-main_divider.png') right top no-repeat;
	}
#header .nav.right { float: right; }
#header .nav a {
	display: block;
	font-family: 'DaysOneRegular', sans-serif;
	text-decoration: none;
	}
#header .nav > li {
	float: left;
	position: relative;
	background: url('../images/general/nav-main_divider.png') left top no-repeat;
	margin-right: -2px;
	}
#header .nav > li > a {
	height: 28px;
	color: #505050;
	font-size: 13px;
	line-height: 26px;
	text-shadow: 1px 1px 0 #2BBBFE;
	padding: 0 12px;
	}
#header .nav > li:hover > a,
#header .nav > li > a.active {
	color: #FFF;
	text-shadow: none;
	}

/* Expandable sub-menus */
#header .nav > li > ul {
	position: absolute;
	box-shadow: 0 3px 2px rgba(0,0,0,0.2);
	top: 28px;
	left: 1px;
	list-style: none;
	opacity: 0;
	transition: opacity 0s .2s;
	-moz-transition: opacity 0s .2s;
	-webkit-transition: opacity 0s .2s;
	-o-transition: opacity 0s .2s;
	visibility: hidden;
	z-index: 100;
	}
/*#header .nav.right > li > ul {
	left: auto;
	right: 0px;
	}*/
#header .nav > li:hover > ul {
	opacity: 1;
	visibility: visible;
	}
#header .nav > li > ul li:first-child {margin-top: 1px;}
#header .nav > li > ul a {
	width: 140px;
	border-top: 1px solid #3E3E3E;
	border-bottom: 1px solid #0E0E0E;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.85);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000)";
	color: #BBB;
	font-size: 11px;
	text-align: left;
	padding: 10px;
	}
/*#header .nav.right > li > ul a { text-align: right; }*/
#header .nav > li > ul > li:first-child a {border-top:none;}
#header .nav > li > ul > li:last-child a {border-bottom: none;}
#header .nav > li > ul a:hover {
	background-color: #219ED8;
	color: #FFF;
	}
	
/* SECTION-SPECIFIC SUB-NAV
----------------------------------*/
#sub-header {
	border-top: 1px solid #1281C9;
	background-color: #303030;
	height: 20px;
	width: 100%;
	}
.subnav-wrap {
	width: 950px;
	height: 100%;
	margin: 0 auto;
	}
.subnav {
	border-left: 1px solid #404040;
	border-right: 1px solid #202020;
	float: left;
	height: 100%;
	}
.subnav li {
	float: left;
	height: 100%
	}
.subnav li a, .subnav li a.active {
	display: inline-block;
	border-left: 1px solid #202020;
	border-right: 1px solid #404040;
	color: #C0C0C0;
	font: 11px/20px 'DaysOneRegular', sans-serif;
	height: 100%;
	padding: 0px 10px;
	}
.subnav li a.active {color: #FFF;}
.subnav li a:hover {
	background-color: #219ED8;
	color: #FFF;
	}
.subnav#live-chat {
	float: right;
	}
/*.subnav li#live_chat {
	border-left: 1px solid #404040;
	float: right;
}*/
.subnav#live-chat a {color: #FFCF1A;}
.subnav#live-chat a:hover {
	background-color: #FFCF1A;
	color: #303030;
	}

/* PAGE HEADING
----------------------------------*/
.page-header-wrap {
	position: relative;
	border-bottom: 1px solid #FFF;
	background-color: #DDD;
	text-shadow: 1px 1px 0 #F0F0F0;
	padding: 8px 0 10px;
	}
.page-header {
	width: 930px;
	color: #505050;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
	}
.page-header h2 {
	display: block;
	font-weight: normal;
	font-size: 22px;
	margin: 0;
	}
.page-header h2 span span {
	color: #C0C0C0;
	margin: 0;
	}
.page-header span {color: #219ED8;}
.page-header a {color: #156287;}
.page-header a:hover {color: #219ED8;}
	
/* BODY
----------------------------------*/

#content-wrap {
	width: 100%;
	overflow: hidden;
	padding: 50px 0 40px; /* placeholder for header and footer */
	position: relative;
	}
#content {
	width: 950px;
	border: 1px solid #DDD;
	background-color: #FAFAFA;
	margin: 15px auto;
	padding: 0;
	position: relative;
	}
#content:before, #content:after {
    content: " ";
    display: table;
	}
#content:after {clear: both;}
/* For IE 6/7 only; triggers hasLayout and contains floats. */
#content {*zoom: 1;}
	
/* FOOTER
----------------------------------*/
#footer-wrap {
	width: 100%;
	position: absolute;
	border-top: 1px solid #F5F5F5;
	background-color: #303030;
	bottom: 0;
	}
#footer-inner {
	width: 930px;
	height: 29px;
	color: #707070;
	font-size: 12px;
	text-align: left;
	margin: 10px auto 0;
	padding: 0 10px;
	}
#footer-inner a {
	color: #CCC;
	font-size: 11px;
	font-family: 'DaysOneRegular', Trebuchet MS, Arial, Helvetica, sans-serif;
	}
#footer-inner a:hover {color: #FFF;}
#copyright {
	display: inline-block;
	float: right;
	color: #CCC;
	font-size: 11px;
	}

/* ACCOUNT SUMMARY
----------------------------------*/
.acct_summary_group {
	border-bottom: 5px solid #707070;
	color: #707070;
	font-size: 16px;
	font-family: 'DaysOneRegular', sans-serif;
	text-align: left;
	padding-bottom: 5px;
	}
.acct_summary_detail {
	border-bottom: 1px solid #DDD;
	font-size: 14px;
	padding: 10px 0;
	}
.acct_summary_detail p {
	width: 25%;
	float: right;
	text-align: right;
	}
.textarea_ce {
	width: 938px;
	height: 300px;
	}
	
/* AJAX STUFF
----------------------------------*/
.ajax_err_input {border: 2px solid #ED3A1D;}
.ajax_err_text {
	color: #ED3A1D;
	font-weight: bold;
	}

/* CATEGORY/GROUP ROW
----------------------------------*/
.category_row, .category_row_active {
	display: block;
	border-top: 1px solid #DDD;
	background-color: #FFF;
	color: #707070;
	font-size: 13px;
	padding: 10px;
	cursor: pointer;
	}
.category_row_active {color: #219ED8;}
.category_row:hover, .category_row_active:hover {background-color: #F1F9FC; color: #219ED8; font-weight: bold;}
.cat_dropdown {
	border: 1px solid #DDD;
	border-right: none;
	background-color: #FFF;
	color: #707070;
	font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: 0;
	}
.add_group_wrap {
	width: 33px;
	float: left;
	text-align: center;
	margin-top: 9px;
	cursor: pointer;
	}
.add_group {
	width: 13px;
	height: 13px;
	display: block;
	background: center bottom no-repeat url('../images/buttons/add_li.png');
	}
.group_row {
	display: block;
	border-top: 1px solid #DDD;
	background-color: #F5F5F5;
	color: #707070;
	font-size: 13px;
	padding-left: 10px;
	cursor: pointer;
	}
.group_row input {margin-top: 9px;}
.group_row.group-row-sel {background-color: #FFF;}
.group_row:hover, .group_row:hover .cbox_title, .group_row.group-row-sel:hover {background-color: #F1F9FC; color: #505050;}
.group_row.active .cbox_title,
.group_row :checked + .cbox_title {
	color: #219ED8;
	font-weight: bold;
	}
label:hover input[type='checkbox'] + span,
label:hover input[type='radio'] + span,
label input:checked + span {color: #219ED8;}
.group_row:hover .add_group, .group_row.group-row-sel {background-position: center top;}
.side-col .menu .group_row input {
	display: inline-block;
	float: left;
	margin: 9px 2px 0 0;
	padding: 0;
	}
.side-col .menu .group_row .cbox_title {
	background-color: #FAFAFA;
	color: #707070;
	}
.side-col .menu .group_row:hover .cbox_title {
	background-color: #F1F9FC;
	color: #219ED8;
	font-weight: bold;
	}

/* STYLED LISTS
----------------------------------*/
.list-view {text-align: left;}
table.list-view {width: 100%;}
label.item {
	display: block;
	cursor: pointer;
	}
.list-view .item {
	border-bottom: 1px solid #DDD;
	color: #505050;
	line-height: 2.75em;
	padding: 0 5px;
	}
.list-view .item:hover {
	background-color: #F1F9FC;
	color: #303030;
	}
.list-view th {vertical-align:top;}
/*.list-view .item .label,
.list-view .item > th > label {padding: 10px 5px;}*/
.list-view .item > th,
.list-view .item > td {padding: 0 5px;}
.list-view .item > th > label,
.list-view .item > td > label {margin: 0 -5px;}

.list-view .item.disabled,
.list-view .item.disabled:hover {
	background-color: #E8E8E8;
	color: #909090;
	text-shadow: 0 1px 1px #FFFFFF;
	}


/* STYLED TABLES
----------------------------------*/
.grid-view {
	background-color: #FFF;
	color: #505050;
	width: 100%;
	}
.grid-view td,
.grid-view th {padding: 10px;}
.grid-view th {
	font-weight: normal;
	font-family: 'DaysOneRegular', sans-serif;
	}
.grid-view td > *,
.grid-view th > * {
	display: block;
	margin: -10px;
	padding: 10px;
	}
.grid-view .dnone {display: none;}

.grid-view thead {text-align: left;}
.grid-view thead tr {background-color: #505050;}
.grid-view thead th,
.grid-view thead a {
	color: #FFF;
	padding: 5px 10px;
	}
.grid-view thead th > * {
	color: #FFF;
	margin: -5px -10px;
	padding: 5px 10px;
	}
.grid-view tbody tr:hover {background-color: #F1F9FC;}
.grid-view tbody th { text-align:left; }
.grid-view tbody th,
.grid-view tbody td {
	border-bottom: 1px solid #DDD;
	color: #505050;
	}
.grid-view tbody th:hover,
.grid-view tbody td:hover {
	border-bottom: 1px solid #BBB;
	color: #303030;
	}
.grid-view tbody a {color: #505050;}
.grid-view tbody a:hover {color: #219ED8;}
.grid-view tbody th {vertical-align:top;}

.grid-view .action-icons a {
	display: inline-block;
	margin: -10px -5px -10px 0;
	padding: 10px 5px;
	vertical-align: top;
	}


/* COLOR PICKER
----------------------------------*/
.color-opts {
	text-align: right;
	padding: 2px 0;
	}
.color-opts input {
    width: 60px;
    height: 24px;
	border: 1px solid #DDD;
    background: #F5F5F5 url('../images/icons/ColorBlocks.png') no-repeat 67px center;
	color: #505050;
    padding: 0 20px 0 5px;
	}
.item:hover .color-opts input, 
.color-opts input:focus {
	color: #303030;
	font-weight: bold;
	font-size: 13px;
	}
.item:hover .color-opts input {
	border-color: #AAA;
	}
.color-opts input:focus {
	border-color: #707070;
	}
.color-swatch {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	vertical-align: baseline;
	border: 1px solid #DDD;
	cursor: pointer;
	}
#form_themes .color-swatch {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	text-align: center;
	width: 36px;
	height: 36px;
	}
#form_themes .color-swatch:hover {
	border: 1px solid #219ED8;
}
#form_themes .color-swatch span {
	display: block;
	height: 20%;
	margin: 10%;
	opacity: 0;
	transition: .5s; -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s;
	width: 20%;
}
#form_themes:hover .color-swatch span {opacity: 1;}
	
/* ERRORS
----------------------------------*/
.error {color: #CC0000;}
.errors {
	border: 1px dashed #666600;
	background: #FFEEEE;
	color: #660000;
	margin: 4px;
	padding: 6px;
	}
.error_msg {
	border: 1px solid #333;
	border-top: none;
	border-bottom: none;
	background-color: #FFF;
	color: #333;
	}
.formerror {
	border: 1px solid #FF0000;
	background: #FFEEEE;
	color: #000;
	padding: 2px 4px;
	}

/* TOOLS : TOGGLE TOKEN REFERENCES
----------------------------------*/
.tools-tokref {
	width: 250px;
	position: absolute;
	border: 1px solid #DDD;
	background: #FAFAFA;
	padding: 10px;
	top: 62px;
	right: 0;
	}
.tok-name, .tok {
	display: inline-block;
	font-size: 13px;
	line-height: 22px;
	text-align: left;
	margin-top: 5px;
	}
.tok-name {
	float: left;
	font-weight: bold;
	color: #505050;
	}
.tok {
	float: right;
	color: #219ED8;
	}
.tools-tokref-wrap {width: 550px;}
.tools-tokref-wrap.tokref-on {width: 450px;}
.tools-tokref-wrap .input {width: 98%;}
/*.tools-tokref-wrap.tokref-on .input {width: 450px;}*/

/* FEATURE BOXES
----------------------------------*/
#features a {
	display: block;
	border: 1px solid #E5E5E5;
	background: #F5F5F5 url('../images/general/tile_lines.png') top;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px;
	padding: 10px;
	}
#features a:hover {
	border: 1px solid #DDD;
	background: url('../images/general/bg-editor_sel.png') repeat-x bottom;
	}
#features a h3 {
	color: #444;
	font: 20px 'DaysOneRegular', sans-serif;
	text-align: left;
	text-shadow: 1px 1px 0 #FFF;
	}
#features a:hover h3 {
	color: #219ED8;
	}

.feature_item {
	width: 363px;
	float: left;
	border: 1px solid #DDD;
	background: #FAFAFA top repeat-x url('../images/general/bg-feat_item.png');
	color: #707070;
	font-size: 18px;
	font-family: 'DaysOneRegular', sans-serif;
	letter-spacing: -.03em;
	text-shadow: 1px 1px 0 #FFF;
	text-align: center;
	margin: 0;
	padding: 10px;
	}
.feature_item p {
	color: #219ED8;
	font-size: 24px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	}
	
/* REPORT MODULE
----------------------------------*/
.repsel_d {width: 50px;}
.repsel_m {width: 100px;}
.repsel_y {width: 65px;}
.report_select {
	display: inline-block;
	border: 1px solid #DDD;
	border-right: none;
	background-color: #F5F5F5;
	color: #505050;
	font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-left: 5px;
	padding: 0;
	}

/* SEARCH
----------------------------------*/
.search_wrap {
	height: 37px;
	border: 1px solid #DDD;
	background: #F5F5F5 repeat url('../images/general/tile_lines.png');
	color: #303030;
	font: 16px/37px 'DaysOneRegular', sans-serif;
	margin-bottom: 10px;
	text-shadow: 1px 1px 0 #FFF;
	text-align: left;
	padding-right: 10px;
	}
.search_title {
	width: 89px;
	display: inline-block;
	background: left top no-repeat url('../images/general/bg_search.png');
	color: #303030;
	margin-right: 5px;
	padding-left: 40px;
	}
.input_search {
	width: 255px;
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #505050;
	font-size: 14px;
	margin: 0;
	padding: 3px 5px;
	}
.input_search:hover {border: 1px solid #AAA; color: #303030;}
.input_search:focus {border: 1px solid #707070; color: #303030;}
.search_dropdown {
	width: 235px;
	max-width: 235px;
	border: 1px solid #CCC;
	border-right: none;
	background-color: #FFF;
	color: #505050;
	font-size: 14px;
	letter-spacing: normal;
	padding: 0;
	overflow: hidden;
	}
.search_dropdown:hover {border: 1px solid #AAA; border-right: none; color: #303030;}

/* SECTION WRAP
----------------------------------*/
.detail_row {
	border-top: 1px solid #DDD;
	background-color: #FFF;
	color: #707070;
	font-size: 13px;
	margin: 0;
	padding: 15px 0;
	}
.tab_rows .detail_row {
	border-top: 1px solid #DDD;
	background-color: #FFF;
	color: #707070;
	font-size: 13px;
	margin: 0;
	padding: 10px 0;
	}
.detailwrap .detail_row:first-of-type {border-top: none; padding-top: 0;}
/*.detail_row a {color: #707070;}
.detail_row a:hover {color: #219ED8;}*/
.detail_title {
	color: #505050;
	font-size: 13px;
	font-family: 'DaysOneRegular', sans-serif;
	margin-bottom: 5px;
	text-align: left;
	}
.detail_description {
	color: #505050;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	margin: 0;
	padding-bottom: 10px;
	}
.detail_description_tracking {
	color: #707070;
	margin: 5px 0 0;
	padding: 0;
	}
.nl_detail_row {
	color: #505050;
	font-size: 14px;
	text-align: left;
	margin-top: 15px;
	}
.nl_detail_row span {
	width: 110px;
	display: inline-block;
	color: #505050;
	font-size: 13px;
	font-family: 'DaysOneRegular', sans-serif;
	text-align: left;
	}

	
/* OTHER
----------------------------------*/
.added {background-color: #009900;}

.blurb {
	border: 1px solid #000;
	background-color: #F1F6F8;
	color: #333;
	padding: 2px 8px;
	}
#browsefiles {
	left: -9999px;
	position: absolute;
	}
.default-text {
	font-size: 14px;
	line-height: 1.42857;
	}
.default-text h1, .default-text h2, .default-text h3 {
    margin-bottom: 10px;
    margin-top: 20px;
	}
.default-text h3 {
    font-size: 24px;
	}
.default-text p {
	margin: 0 0 10px;
	}
.deleted {background-color: #FA8383;}
.divider {
	width: 100%;
	height: 2px;
	background: repeat-x url('../images/general/divider.png');
	}
.editor_form {
	width: 785px;
	position: relative;
	margin: 0 auto;
	}
.editor_ver {
	background: #FFF;
	padding: 5px 10px;
	}

td.head {
	border: 1px solid #333;
	background: #0087C7;
	font-weight: bold;
	padding: 2px 8px;
	color: #FFF;
	}
td.head a:link, td.head a:visited, td.head a:active {
	color: #FFF;
	}
.h_title {
	text-align: right;
	font-weight: bold;
	}
.help {
	border: 1px solid #C0CCE1;
	background: #DAE8FD;
	color: #707070;
	font-size: 70%;
	padding: 2px 8px;
	}
.help_icon {padding-left: 10px;}
.highlighted {
	background-color: #6CE026;
	font-weight: bold;
	}
.key {margin: 0 auto;}
.key tr td {
	font-size: 9px;
	padding: 2px;
	}
.loading {
	background: url('../images/ajaxload.gif') 50% 50% no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}
.lhov:hover {color: #219ED8;}
.page_help {float: right; margin-left: 5px;}
.page_help a {
	font-size: 10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	}
.pre_break { 
	 white-space: pre-wrap;
	 white-space: -moz-pre-wrap;
	 white-space: -pre-wrap;
	 white-space: -o-pre-wrap;
	 word-wrap: break-word;
	}
table.report {
	width: 100%;
	border: 0px;
	padding: 0px;
	}
.subeditor label input[type=text] {width: 323px; margin-top: 2px;}
.subeditor .detail_title {font-size: 12px;}
.threecol {
	width: 300px;
	float: left;
	color: #707070;
	text-align: left;
	}
.tip {
	border: 1px solid #DDD;
	background: #FAFAFA;
	color: #505050;
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 10px;
	padding: 5px;
	}
.title_border {
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
	margin-bottom: 15px;
	}
.vcard_wrap {
	border-top: 1px solid #DDD;
	background: #F5F5F5 repeat url('../images/general/tile_lines.png');
	text-align: center;
	margin-top: 10px;
	padding: 10px;
	}
.vcard_upl {
	width: 440px;
	margin: 0 auto;
	padding: 10px;
	}