html { overflow-y: scroll; -webkit-text-size-adjust: 100%; }
body { font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-image: url('/vortex/images/template/headerbg.gif'); background-repeat: repeat-x; background-color: #edf0f4; padding: 6px 12px; }
input, select, textarea, td { font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
input[type=text], input[type=email], input[type=file], input[type=password], textarea, select { border: 1px solid #cacaca; padding-top: 2px; padding-bottom: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }
select { padding-top: 2px; padding-bottom: 2px; }
.error { border: 1px solid #b05e5f !important; background-color: #ffeeee !important; }
.label_error { color: #ff0000; }
.searchbox { width: 120px; margin: 0px; margin-bottom: 4px; }
.searchfilter { width: 140px; float: right; margin-right: 4px; margin-bottom: 4px; }
#minwidth { width: 870px; height: 1px; }
#logo { width: 134px; float: left; height: 45px; padding-left: 8px; }
#message { width: 198px; display: none; border: 1px solid #ffd23c; background-color: #fffee1; line-height: 20px; text-align: center; font-weight: bold; font-size: 12px; margin-top: 12px; }
#userinfo { min-width: 360px; float: right; text-align: right; padding-right: 10px; }
#userinfo a { text-decoration: none; }
#accountbar { clear: both; background-color: #005f81; margin-top: 6px; margin-bottom: 12px; line-height: 14px; }
#accountbar .content { padding: 5px 8px; }
#accountbar td { font-weight: bold; color: #fff; }
#mainnav, #adminnav { margin-right: 9px; margin-bottom: 12px; font-size: 12px; }
.navitem { border-bottom: 1px solid #cccccc; color: #000; font-weight: bold; line-height: normal; margin-top: 3px; margin-bottom: 3px; }
.navimg { margin-top: 1px; margin-left: 5px; float: left; width: 20px; height: 14px; background-repeat: no-repeat; background-size: 14px 28px; }
.navtext { float: left; }
.navitem .content { padding: 0px; height: 15px; }
.navitem:hover { cursor: pointer; }
.navitem:hover .navtext { text-decoration: underline; }
.navitem.selected .navimg { background-position: 0px -14px; }
.navitem.selected { background-color: #4e4e50; color: #fff; border-bottom: none; }
.navitem.selected:hover .navtext{ text-decoration: none; }
.navitem.selected .content { background-color: #4e4e50; }
.subnav .navitem { border-bottom: none; margin: 0px; font-size: 12px; font-weight: normal; margin-left: 15px; }
.subnav .navimg { padding-left: 2px; width: 10px; }
.subnav .navimg img { margin-top: 4px; }
.subnav .navtext { padding-left: 10px; padding-right: 5px; }
.subnav .content { height: 14px; }
.subsubnav { margin-left: 10px; }
.subsubnav .navtext { padding-left: 10px; }
#breadcrumb { margin-top: -10px; margin-bottom: 15px; font-size: 12px; }
a { outline: none; color: #333333; text-decoration: underline; }
a:hover { color: #FFC73C; text-decoration: underline; }
a img { border: none; }
p { margin: 0px; padding: 0px; margin-bottom: 10px; }
form { padding: 0px; margin: 0px; width: 100%; height: auto; }
h1 { font-size: 24px; color: #000; margin: 0px; padding: 0px; margin-top: 0px; margin-bottom: 15px; font-weight: normal; }
h1 a, h1 a:hover { text-decoration: none; }
h2 { font-size: 15px; color: #000; margin: 0px; padding: 0px; margin-bottom: 6px; font-weight: normal; }
hr { color: #ccc; background-color: #ccc; height: 1px; width: 100%; border: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; }
.smalltext { font-size: 10px; }
#dashboard a { text-decoration: none; }
#footer { font-size: 10px; margin-top: 12px; margin-bottom: 12px; border-top: 1px dashed #b5b5b5; padding-top: 12px; text-align: center; }
/* Rounded Corners */
.r1 { background-repeat: no-repeat; background-position: left top; }
.r2 { background-repeat: no-repeat; background-position: left bottom; }
.r3 { background-repeat: no-repeat; background-position: right top; }
.r4 { background-repeat: no-repeat; background-position: right bottom; }
.roundcorner .r1 { background-image: url('/vortex/images/template/corner_tl.gif'); }
.roundcorner .r2 { background-image: url('/vortex/images/template/corner_bl.gif'); }
.roundcorner .r3 { background-image: url('/vortex/images/template/corner_tr.gif'); padding-top: 4px; }
.roundcorner .r4 { background-image: url('/vortex/images/template/corner_br.gif'); padding-bottom: 4px; }
.roundcorner .content { padding: 4px 10px; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; background-color: #fff; }
.smallcorner .r1 { background-image: url('/vortex/images/template/corner_small_generic_tl.gif'); }
.smallcorner .r2 { background-image: url('/vortex/images/template/corner_small_generic_bl.gif'); }
.smallcorner .r3 { background-image: url('/vortex/images/template/corner_small_generic_tr.gif'); }
.smallcorner .r4 { background-image: url('/vortex/images/template/corner_small_generic_br.gif'); }
.smallcorner .content { padding: 0px; border: none; }
.box_heading { height: 26px; font-weight: bold; background-image: url('/vortex/images/box.jpg'); background-repeat: repeat-x; border: 1px solid #999999; border-bottom: none; line-height: 26px; padding-left: 5px; background-color: #ffffff; }
/* Tabs */
div.tab_container { text-align: left; width: 100%; margin: 0 auto; display: block; }
div.tabArea { font-size: 12px; font-weight: bold; padding-bottom: 5px; padding-left: 6px; padding-right: 6px; }
a.tab { background-color: #ebeaee; border: 1px solid #d0d0d0; border-bottom-width: 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius-topleft: 4px; border-radius-topright: 4px; padding: 4px 12px; position: relative; text-decoration: none; top: 3px; z-index: 10; padding-bottom: 2px; }
div.tabArea a { color: #000000; }
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited { background-color: #FFFFFF; color: #000000; text-decoration: none; padding-bottom: 4px; }
a.tab:hover { text-decoration: none; background-color: #f7f6fa; }
a.tab.activeTab { padding-bottom: 3px; top: 3px; z-index: 12; border-top: 1px solid #ffc73c; }
div.tabMain { background-color: #ffffff; border-top: 1px solid #d0d0d0; padding: 0px; z-index: 11; width: 100%; /*position: relative;*/ }
div.tabWrapper { padding: 12px 0px; background-color: #FFFFFF; }
.tabbox { background-color: #FFFFFF; width: 100%; }
.tabbox.hidden { display: none; }
.tabbox.selected { display: block; }
/* Buttons */
.buttons .loading { margin-top: 7px; display: none; float: left; }
.pagenav .buttons a { padding: 2px 7px 3px 4px; }
.buttons a, .buttons button { font-weight:bold; display:block; float:left; margin:0 5px 0 0; font-size: 12px; line-height: normal; text-decoration:none; color:#333333; cursor:pointer; background-color:#f5f5f5; border:1px solid #d0d0d0; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; padding: 5px 12px 5px 9px; }
.buttons a img { margin-right: 5px; padding:0; border:none; width:16px; height:16px; display: block; float: left; }
.buttons a:hover { color:#333333; text-decoration: none; background-color:#e6eef5; border:1px solid #c2e1ef; }
.buttons a.positive { }
.buttons a.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; }
.buttons a.negative { }
.buttons a.negative:hover { background-color:#f9cbc3; border:1px solid #dd6a69; }
.buttons a.actionlink { border: none; background: none; font-weight: bold; }
.buttons a.actionlink:hover { text-decoration: underline; }
.buttons a.itembtn { font-weight: normal; padding: 2px 7px 2px 4px; }
/* Page Navigation */
.pagenav { padding-top: 0px; padding-bottom: 0px; margin: 0px; margin-bottom: 10px; }
.pagenav select { margin-right: 6px; }
.prev_button, .next_button { width: 28px; height: 17px; display: block; float: left; background-repeat: no-repeat; }
.prev_button:hover, .next_button:hover { background-position: 0px -17px; }
.prev_button { background-image: url('/vortex/images/buttons/arrow_prev.gif'); margin-right: 4px; }
.next_button { background-image: url('/vortex/images/buttons/arrow_next.gif'); margin-right: 12px; }
/* View Buttons */
.list_button, .thumbnail_button { width: 25px; height: 21px; display: block; float: left; background-repeat: no-repeat; }
.list_button:hover, .thumbnail_button:hover { background-position: 0px -21px; }
.list_button { background-image: url('/vortex/images/buttons/view_list.gif'); }
.list_button.selected { background-position: 0px -42px; }
.thumbnail_button { background-image: url('/vortex/images/buttons/view_thumbnail.gif'); }
.thumbnail_button.selected { background-position: 0px -42px; }
/* Vortex Body --------------------------------------------------- */
.delete_button { background-color: #fbd1d1; border: 1px solid #aaaaaa; height: 22px; text-decoration: none; color: #666666; font-weight: bold; padding-left: 5px; padding-right: 5px; cursor: hand; cursor: pointer; width: auto; overflow: visible; }
.save_button { background-color: #F2FADA; border: 1px solid #aaaaaa; height: 22px; text-decoration: none; color: #666666; font-weight: bold; padding-left: 5px; padding-right: 5px; cursor: hand; cursor: pointer; width: auto; overflow: visible; }
.search_button { background-color: #e3e8f1; border: 1px solid #aaaaaa; height: 19px; text-decoration: none; color: #666666; font-size: 10px; font-weight: bold; padding-left: 5px; padding-right: 5px; cursor: hand; cursor: pointer; width: auto; overflow: visible; }
.pagenav_button { background-color: #eeeeee; border: 1px solid #aaaaaa; height: 19px; text-decoration: none; color: #666666; font-size: 10px; padding-left: 5px; padding-right: 5px; cursor: hand; cursor: pointer; width: auto; overflow: visible; }
.button { background-color: #e3e8f1; border: 1px solid #aaaaaa; height: 22px; text-decoration: none; color: #666666; font-weight: bold; padding-left: 5px; padding-right: 5px; cursor: hand; cursor: pointer; width: auto; overflow: visible; }
.loading { margin-top: 3px; display: none; float: left; }
.loading_pagenav { margin-top: 0px; display: none; float: left; }
.buttons_loading { margin-top: 4px; display: none; float: left; }
a.status_pending { font-style: italic; color: #999999; }
.action_buttons { padding-top: 10px; }
.pagenav span { cursor: pointer; }
.contentbox { border: 1px solid #d0d0d0; padding: 10px; margin-top: 15px; margin-bottom: 20px; padding-bottom: 0px; -moz-border-radius: 3px 3px 3px 3px; border-radius-topright: 3px; border-radius-topleft: 3px; border-radius-bottomright: 3px; border-radius-bottomleft: 3px; }
.contentbox_header { position: relative; float: left; display: block; left: 0px; top: -18px; padding-left: 4px; padding-right: 3px; background-color: #FFFFFF; font-size: 12px; font-weight: bold; color: #000000; height: 14px; padding-bottom: 0px; margin-bottom: 0px; }
.contentbox_content { margin-top: 15px; padding-left: 4px; padding-right: 4px; position: relative; top: -10px; margin-bottom: 0px; }
/* Page Loading */
#wrapper.page_loading { display: none; }
/* Table Formatting */
.addeditform { min-width: 750px; }
.datatable, .formtable { border-top: 1px solid #cacaca; border-left: 1px solid #cacaca; margin-bottom: 10px; }
.datatable td, .formtable td { border-bottom: 1px solid #cacaca; border-right: 1px solid #cacaca; padding: 6px 5px; }
.datatable .heading td,
.formtable .heading td { background-color: #edf0f4; font-weight: bold; }
.datatable .heading2 td,
.formtable .heading2 td { background-color: #eee; }
.datatable .heading a { color: #333; }
.datatable .category td { background-color: #e1e1e1; font-weight: bold; }
.category a { text-decoration: none; }
.category a:hover { text-decoration: underline; color: #333; }
.datatable .altcol, .formtable .altcol { background-color: #f9f9f9; }
.datatable .lightcol, .formtable .lightcol { background-color: #ffffff; }
.datatable .darkcol { background-color: #e3e8f1; font-weight: bold; }
.datatable .medcol { background-color: #cacaca; font-weight: bold; }
.datatable tr.italics td { font-style: italic; color: #666; }
.datatable tr.italics td a { font-style: italic; color: #666; }
td.label.top { padding-top: 9px !important; vertical-align: top; }
table.noborder { padding: 0px; }
.noborder, .noborder td { border: none; padding: 3px; }
td.sortorder { padding-top: 0px; padding-bottom: 0px; }
table.nopadding td { padding: 0px !important; }
.group_heading { background-color: #4e4e50; font-weight: bold; font-size: 12px; color: #fff; line-height: 16px; }
.group_heading .r1 { background-image: url('/vortex/images/template/corner_small_generic_tl.gif'); }
.group_heading .r2 { background-image: none; }
.group_heading .r3 { background-image: url('/vortex/images/template/corner_small_generic_tr.gif'); padding-top: 4px; }
.group_heading .r4 { background-image: none; padding-bottom: 3px; }
.group_heading .content { padding: 1px 10px; border: none; background-color: #4e4e50; }
.group_heading .count { font-weight: normal; font-size: 11px; }
.group_heading .viewall { float: right; color: #fff; text-decoration: none; font-size: 11px; font-weight: normal; }
.group_heading .viewall:hover { text-decoration: underline; }
.label { width: 140px; background-color: #eeeeee; text-align: right; padding-right: 5px;}
.field { background-color: #F8F8F8; }
.datatable.sortable { border-collapse: collapse; border: none; border-spacing: 0; }
.datatable.sortable td { border: 1px solid #cacaca; margin: 0px; }
.handle { margin-right: 6px; cursor: move; }
.ui-autocomplete { z-index: 9000 !important; }
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.photolist { list-style: none; margin: 0px; padding: 0px; margin-top: 1px; }
.photolist li { float: left; margin: 0px; padding: 0px; margin-bottom: 6px; margin-right: 6px; }
.content_photo { border: 1px solid #cccccc; padding: 4px; background-color: #fff; }
.photo_box:hover { }
.photo_delete { display: none; position: relative; top: 5px; height: 13px; width: 13px; background-image: url('/vortex/images/icons/photo_x.png'); }
.photo_delete:hover { background-position: 0px -13px; }
.photo_delete a { height: 13px; width: 13px; display: block; }
ul.multilevel { list-style: none; margin: 0px; padding: 0px; }
ul.multilevel li { padding: 0px; margin: 0px; margin-top: -1px; }
ul.multilevel li div { padding: 5px 5px; border: 1px solid #cacaca; height: 15px; background-color: #fff; }
ul.multilevel ul { margin-left: 25px; padding: 0px; list-style: none; }