/*----------------------  TYPOGRAPHY  ----------------------*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

p {
	line-height: 16px;
}

h1 {
	font-size: 25px;
	color: #000870;
	letter-spacing: -1px;
	margin: 0px 0 23px -1px;
	line-height: 25px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h2 {
	font-size: 14px;
	margin: 20px 0 10px 0;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	margin: 25px 0 12px 0;
}

h4 { font-size: 11px; color: #454545; margin: 5px 0px 0px 0px; font-weight: bold }

h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h2.top, h3.top {
	margin-top: 0;
}

a {
	text-decoration: none;
	color: #082da6;
}

a:hover {
	color: #221612;
	color: #747474;
}

* html p { margin: 12px 0 12px 0 }

*:first-child+html p { margin: 12px 0 12px 0 }

.notice { font-size: 11px }
.error { font-style: italic; font-size: 11px; color: red }

cite { display: block; font-size: 10px; font-style: italic; text-align: right; margin-top: 6px; color: #707070 }

p.intro {
	font-size: 16px;
	line-height: 27px;
	font-weight: 100;
}

blockquote {
	text-indent: -4px;
}


/*----------------------  GENERAL LAYOUT  ----------------------*/

table, td, th, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top; 
	border-spacing: 0
}

.clear { clear: both }
img { border: none }
.delimiter { margin: 0 7px }

iframe {
	border: none;
	margin: 0;
}


/*------------------- DATA TABLES -------------------*/

.data { width: 100%; margin: 10px 0px; font-size: 11px }
.data_wrapped { border: 1px solid #cccccc; margin-top: 8px }
.data td, .data th { padding: 6px 8px 6px 8px; vertical-align: top; line-height: 14px }
.data thead td { background-color: #707070; color: #FFFFFF; font-weight: bold }
.data th { font-size: 9px; font-weight: normal; text-transform: uppercase; text-align: left; padding: 7px 8px; color: #5b5b5b }
.data td.data { padding: 0 }
.data td.date { width: 70px }
.data td.icon { width: 12px }
.data td.data table td { padding: 6px 8px 10px 8px }
.data tr.odd td, table.data tr.odd th { background-color: #f3f3f3; }
.data .title_nolink { color: #454545; }
.data div.details_text { margin: 10px 0px 0 14px; }
.data div.details_text p { margin-top: 0; }
.data a.details_link { display: block; width: 60px; height: 13px; background-position: center; background-repeat: no-repeat; text-indent: -20000px; text-decoration: none; cursor: pointer; margin: 5px 0 4px 0; clear: left; background-image: url('/assets/global/images/general/details_link_collapsed.gif'); }
.data a.details_link.details_link_expanded { background-image: url('/assets/global/images/general/details_link_expanded.gif') }
.data .title { width: 360px; display: block }
.data tbody th { text-align: right }
.data .right { text-align: right; padding-right: 25px }
.data input[type=checkbox] { font-size: 10px }
.data .datetime { width: 110px }
.data .datetimeby { width: 190px }
.data .amount { width: 60px; text-align: right }
.data .payment_action { width: 20px }
.data .type { width: 80px }
.data .payment_type { font-style: italic }
.data .data { margin-top: 0 }
.data .button { margin: 5px 0 5px 0; display: inline-block }
.data.selectrow tr:hover { cursor: pointer }
.data.selectrow tr.disabled:hover { cursor: text }

.dataTables_wrapper { margin-top: 10px }
.dataTables_wrapper thead th { cursor: pointer }
.dataTables_wrapper table.data { margin-top: 0px }
.dataTables_header, .dataTables_footer { border-color: #cccccc; border-style: solid; border-width: 0px; color: #777777; height: 20px; padding: 5px 0; font-size: 11px }
.dataTables_header { border-bottom-width: 1px }
.dataTables_footer { border-top-width: 1px }
.dataTables_length, .dataTables_info { float: left; width: 45% }
.dataTables_filter, .dataTables_paginate { float: right; width: 45%; text-align: right }
.dataTables_paginate .paginate_button { margin-left: 10px; cursor: pointer }
.dataTables_paginate .paginate_button:hover { color: black }
.dataTables_paginate .paginate_active { margin-left: 10px; font-weight: bold; color: black }
.dataTables_empty { font-style: italic; font-size: 11px; color: #777777 }

.rowdetails tr.record { cursor: pointer }
.rowdetails tr.nodetails { cursor: text }
.rowdetails tr.expanded.record td { font-weight: bold }
.rowdetails tr.record .title { width: auto }
.rowdetails tr.details { display: none; cursor: text }
.rowdetails tr.details > td { padding: 0 }
.rowdetails tr.details table.data td { background: none; border-top: 1px dashed #d2d2d2; color: #424242 }
.rowdetails tr.expanded .iconlink.toggle { background-position: top center }


/*------------------- LISTS -------------------*/

ul, ol { padding: 0px 0px 0px 16px; margin: 10px 0px 15px 0px }
ul ul, ol ol, ul ol, ol ul { margin-top: 10px; margin-left: 0px; font-size: 11px }
ol { margin-left: 4px; }
ul { list-style-image: url('/site/images/bullet.gif'); }
ul ul { list-style-type: disc; list-style-image: none }
li { margin: 0px 0px 8px 0px; padding: 0px 7px 0px 6px }
ul li { padding-left: 8px; }

ul.below_header, ol.below_header { margin-top: 14px; }
ul.nostyle { list-style: none; list-style-image: none; margin-left: 0; padding-left: 0px }
ul.nostyle li { list-style: none; list-style-image: none; margin-left: 0; padding-left: 0px }

/* IE 6 sucks */
* html ol { margin: 10px 0px 15px 12px }
* html ul { padding: 0px 0px 0px 18px; margin: 0px 0px 15px 0px }
* html li { padding-left: 6px }
* html ul li { padding-left: 5px }
* html ul.links { margin-left: 17px }

/* IE 7 sucks */
*:first-child+html ol { margin: 10px 0px 15px 12px }
*:first-child+html ul { padding: 0px 0px 0px 18px }
*:first-child+html li { padding-left: 6px }
*:first-child+html ul li { padding-left: 5px }
*:first-child+html ul.links { margin-left: 17px }


/*------------------- ICON LINKS -------------------*/

.iconlink { background-position: center left; background-repeat: no-repeat; padding: 1px 0 1px 16px; line-height: 12px; cursor: pointer; text-decoration: none; color: #000000}
.iconlink.disabled, .iconlink.cold { cursor: text; background-color: none }
.iconlink.reverse { background-position: center right; padding: 4px 20px 4px 0px }
.iconlink:hover { color: #505050 }
.iconlink.icononly { background-position: center; display: block; padding: 0; width: 12px; height: 12px; margin: 0px }
.iconlink.icononly.followinput { margin-bottom: -6px }
.iconlink.edit { background-image: url('/assets/images/icon_edit.png') }
.iconlink.delete { background-image: url('/assets/images/icon_delete.png') }
.iconlink.preview { background-image: url('/assets/images/icon_preview.png') }
.iconlink.folder { background-image: url('/assets/images/icon_folder.png') }
.iconlink.reload { background-image: url('/assets/images/icon_reload.png') }
.iconlink.user { background-image: url('/assets/images/icon_user.png') }
.iconlink.copy { background-image: url('/assets/images/icon_copy.png') }
.iconlink.add { background-image: url('/assets/images/icon_add.png') }
.iconlink.add2 { background-image: url('/assets/images/icon_add2.png') }
.iconlink.split { background-image: url('/assets/images/icon_split.png') }
.iconlink.move { background-image: url('/assets/images/icon_move.png') }
.iconlink.toggle { background-image: url('/assets/images/icon_toggle.gif'); background-position: bottom center }


/*------------------- FORMS -------------------*/

form { margin: 0 }
input, select, textarea, iframe { font-size: 11px; color: #000000; border: 1px solid #a5a5a5; margin: 0 }
input, textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px }
input.button { border: none; margin-left: -4px }
input.file { border: none }
fieldset { border: 1px solid #cccccc; margin: 0 0px 15px 0; padding: 0 15px 10px 0 }
fieldset.collapsed { height: 0px; overflow-y: hidden; border-bottom-color: #ffffff; border-left-color: #ffffff; border-right-color: #ffffff }
legend { font-style: italic; padding: 0 10px; color: #666666; margin-left: 15px }
.checkbox, .radio { border: none; margin-right: 8px; font-size: 10px; background: none; padding: 0 }
.button:hover { color: #ffffff }
.buttonbox { padding: 5px 0 5px; height: 40px }
.buttonbox .button, .buttonbox .left { float: left }
.buttonbox .right { float: right }

.form { margin: 10px 0 15px 0; font-size: 11px; position: relative }
.form input, .form textarea { margin: 0; padding: 2px 3px }
.form input[type=checkbox], .form input[type=radio] { padding: 0; border: 0; background: transparent }
.form textarea { padding: 2px 0px 2px 2px; font-size: 11px }
.form iframe { padding: 10px }
.form input[type="text"].hint.active { color: #c2c2c2 }
.form input.date { width: 80px }
.form input.year { width: 30px }
.form input.yearmonth { width: 57px }
.form input.datetime { margin-right: 10px }
.form input.phone { width: 80px }
.form input.zipcode { width: 75px }
.form input.currency { width: 75px }
.form input.readonly { border-color: #ffffff }
.form textarea.summary { width: 595px; height: 30px }
.form textarea.description { width: 595px; height: 100px }
.form textarea.report { width: 595px; height: 300px }
.form input.checkbox, .form input.radio, form input.multiselect { border: none; margin-right: 8px; font-size: 10px; background: none }
.form .title { width: 250px }
.form .fulltitle { width: 595px }
.form .order { width: 25px }
.form .formlist label { cursor: pointer }
.form .image { border: none; margin: 10px 0 0 -6px }
.form .button, .form .submit, .button { font-size: 11px; padding: 4px 10px 5px 10px; color: #FFFFFF; background: #000870; margin: 10px 10px 10px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000870), to(#00004F)); cursor: pointer; font-weight: bold }
.form .textbutton { background: none; border: 0px; color: #082da6; cursor: pointer; outline: none }
.form .textbutton:hover { color: #747474 }
.form.collection ul { list-style: none; list-style-image: none; margin: 0; padding: 0 }
.form.collection li { text-indent: 0px; margin: 0; padding: 2px 0 }
.form.collection ul.multiselect { border: 1px solid #a5a5a5; margin: 0; height: 80px; overflow-y: auto; height: 85px; padding: 2px 4px 4px 4px }
.form.collection ul.multiselect li { padding: 2px; margin: 0; display: block; text-indent: 0 }
.form.collection span.suffix { font-style: italic; margin-left: 5px; color: #525252 }
.form.collection span.prefix { font-style: italic; margin-right: 5px; color: #525252 }
.form.collection td div.text { padding-top: 4px }
.form.collection .html { padding-top: 4px }
table.form td { padding: 5px 10px 5px 0 }
table.form tr.odd td { background-color: #f5f5f5; }
table.form td.formitemlabel { padding-top: 9px; padding-left: 10px; text-align: right; font-size: 10px; text-transform: uppercase; color: #525252 }
table.form.display td.formitemlabel { padding-top: 6px; width: 100px }
div.form.display label { font-weight: bold }
div.form.collection ul { margin-top: 6px }
div.form div.formitem { margin-bottom: 5px; margin-top: 10px }


/*------------------- TOOL BAR -------------------*/

.toolbar {
	margin: 25px 0 10px 0;
	padding: 0;
	list-style: none;
	height: 16px;
}

.toolbar.top {
	margin-top: 0px;
}

.toolbar li {
	margin: 0px;
	padding: 0px;
	display: inline;
	padding: 0 20px 0 0;
}

.toolbar label {
	display: inline;	
}

.toolbar li.header {
	font-weight: bold;
}


/*--------------------  FORM VALIDATION  --------------------*/

.fvt { height: 32px; display: none; position: absolute }
.fvt_left { width: 19px; height: 28px; background: url('/assets/images/form_validation_tag_left.png') center no-repeat; float: left }
.fvt_right { width: 37px; height: 28px; background: url('/assets/images/form_validation_tag_right.png') center no-repeat; float: left }
.fvt_middle { height: 28px; background: url('/assets/images/form_validation_tag_center.png') left center repeat-x; float: left; line-height: 26px; color: #ffffff; font-weight: bold }

.fvt.pre { display: block; position: static; margin-top: 12px }
.fvt.pre .fvt_left { background-image: url('/assets/images/form_validation_tag_left_cap.png'); }

.fvt a { color: #9b9b9b; }
.fvt a:hover { color: #2b55dd }