@CHARSET "UTF-8";

/* general styles */
p, form {
    padding: 0px; margin: 0px;
}

/* template defaults */
body, td, th {
    font: 9pt Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
body {
    background: #FFFFFF;
    color: #000000;
}
form, form td, form th, button, input, textarea, select, .button, .textfield, .input {
    font: 8pt Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
button, input[type=button], input[type=submit] {
    padding-left: 8pt;
    padding-right: 8pt;
}
h1 {
    color: #444444;
    font-weight: bold;
    font-size: 12.8pt;
}
h2 {
    font-size: 12pt;
    font-weight: bold;
}
h3 {
    font-size: 10pt;
    font-weight: bold;
}
.comment {
    font-size: 8pt;
}
.note {
    font-size: 8pt;
    font-style: italic;
}
.error, .inline_error {
    color: #FF0000;
}
.error {
    padding-bottom: 10px;
}
.asterisk {
    color: #FF0000;
}
table {
    border-collapse: collapse;
}
.framed {
    border: solid 1px #d0d0d0;
}
.framed_left {
    border-left: solid 1px #d0d0d0;
}
.framed_right {
    border-right: solid 1px #d0d0d0;
}
.framed_top {
    border-top: solid 1px #d0d0d0;
}
.framed_bottom {
    border-bottom: solid 1px #d0d0d0;
}
th, form th {
    background: #E0E0E0;
    font-weight: bold;
    text-align: center;
    padding: 4px;
}
.active_cell {
    background: #F0F0F0;
}
.content_a, .content_b, .content_c, .content_d, .content_e, .content_f, .content_g, .content_h,
.content_i, .content_j, .content_k, .content_l, .content_m, .content_n, .content_o, .content_p,
.content_q, .content_r, .content_s, .content_t, .content_u, .content_v, .content_w, .content_x,
.content_y, .content_z {
   vertical-align: top;
   text-align: left;
}


/* form elements */
.form_left_cell {
    padding: 5px 10px 2px 2px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}
.form_left_cell a {
	font-weight: normal;
}
.form_right_cell {
    padding: 2px; text-align: left;
}
.form_top_cell {
    font-weight: bold;
}
.form_top_cell a {
    font-weight: normal;
}
.section_hdr {
    font-size: 10pt; font-weight: bold;
    border-bottom: solid 1px #e0e0e0; padding-top: 4px;
    padding-bottom: 8px; margin-bottom: 8px;
}
.section_submit {
    padding-bottom: 4px; padding-top: 10px; text-align: center;
}
.section_sep {
    border-top: solid 1px #e0e0e0; margin-top: 6px;
    margin-bottom: 6px;
}
.fixed_field {
    padding: 2px; border: 1px solid #000000;
}
.form_label {
    font-weight: bold;
    text-align: left;
}
input[type=checkbox], input[type=radio] {
    margin: 1px 3pt 2px 0;
    vertical-align: bottom;
    position: relative;
    top: 2px;
}

/* navigation menus and dropdowns */
.submenuShell {
    border: solid 1px #A0A0A0;
    padding: 5px;
    border-radius: 2px;
    opacity: 0.95;
}
.submenuInactiveItem {
    border: solid 1px #FFFFFF;
    padding: 3px 30px 3px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
}
.submenuActiveItem {
    border: solid 1px #808080;
    padding: 3px 30px 3px 8px;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
    border-radius: 2px;
}
.submenuActiveItem.hasSubmenu, .submenuInactiveItem.hasSubmenu {
    background-image: url("../add/images/arrow.gif");
    background-position: 95% 50%;
    background-repeat: no-repeat;
}
.submenuSeparator {
    padding: 0 0 5px 2px;
    margin-top: 6px;
    border-top: solid 1px #A0A0A0;
}
.submenuHeading {
    font-weight: bold;
    padding: 5px 30px 3px 8px;
    padding-left: 4px;
    white-space: nowrap;
    text-align: left;
    cursor: default;
}
.submenuColumnFirst {
    vertical-align: top;
    border-right: solid 1px #A0A0A0;
    padding-right: 4px;
}
.submenuColumnLast {
    vertical-align: top;
    padding-left: 4px;
}
.submenuColumn {
    vertical-align: top;
    border-right: solid 1px #A0A0A0;
    padding-left: 4px;
    padding-right: 4px;
}
.submenuActiveItem a, .submenuInactiveItem a {
    text-decoration: none;
}

.newTextMenu .submenuShell {
    padding: 10px;
}
.newTextMenu .submenuInactiveItem, .newTextMenu .submenuActiveItem {
    padding: 2px 30px 4px 8px;
}
.newTextMenu .submenuColumnFirst {
    padding-right: 10px;
    border-right-style: dotted;
    border-right-width: 2px;
}
.newTextMenu .submenuColumnLast {
    padding-left: 10px;
}
.newTextMenu .submenuColumn {
    padding-left: 10px;
    padding-right: 10px;
    border-right-style: dotted;
    border-right-width: 2px;
}
.newTextMenu .submenuSeparator {
    margin-top: 10px;
    padding-bottom: 10px;
    border-top-style: dotted;
    border-top-width: 2px;
}
.newTextMenu .submenuHeading {
    padding-left: 10px;
    margin-top: 5px;
}

.nav_dropdown {
    font: 9pt Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

/* tables */
.table {
    border-collapse: collapse;
}
table.table td {
    padding: 3px 6px;
    border: 1px solid #e0e0e0;
}
table.table th {
    border: 1px solid white;
    padding: 6px 6px;
    font-weight: bold;
    text-align: left;
}
table.table td td {
    border: none;
    padding: 3px;
}
td.nopadding, table.nopadding td, tr.nopadding td {
    padding: 0px;
}
table.align_top td, table.align_top th {
    text-align: left; vertical-align: top;
}

/* headers */
td.subheader, div.subheader {
    padding-bottom: 4px;
    font-weight: bold;
}

/* frames */
.content_frame {
    vertical-align: top;
    border: 1px none #d0d0d0;
    padding: 4px;
}
.frame_container {
    border-collapse: separate;
}

/* links */
a.dynamic_link {
    text-decoration: none;
}
a.dynamic_link:hover {
    text-decoration: underline;
}

/* help window styles */
.help_window {
    background: #F8F8F8;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
.help_header {
    background: #8090A0;
    padding: 4px 8px;
    cursor: pointer;
    height: 16px;
    padding: 3px;
    color: #FFFFFF;
    font-weight: bold;
}

/* popup windows */
.popup_div {
    padding: 8px;
    overflow: hidden;
    border: 1px solid #FFFFFF;
    background: #F4F4F4;
    font: 8pt Verdana;
    color: #000000;
}
.popup_slink {
    cursor: pointer;
    margin: 0px;
    padding: 2px 4px;
    color: #000000;
}
.popup_slink2 {
    cursor: pointer;
    margin: 0px;
    padding: 1px 3px;
    border: 1px solid #808080;
    background: #E0E0FF;
    color: #000000;
}
.popup_hdr {
    font-weight: bold;
    font-size: 9pt;
    background-color: #E0E0E0;
    padding: 4px;
    color: #000000;
}
.popup_hdr td {
    color: #000000;
}
.popup_hdrtext {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
}
.popup_cell {
    width: 24px;
    height: 20px;
    padding: 1px;
    vertical-align: middle;
    text-align: center;
    font-size: 9pt;
    border: 1px solid #808080;
    color: #000000;
}

/* form view */
table.fview {
	border-collapse: collapse;
}
table.fview td {
	padding: 0px;
}
table.fview_checkboxes td {
	padding: 1px;
}
tr.fview_errorline td {
	vertical-align: bottom;
	padding-top: 4px; padding-bottom: 2px;
}
.formViewRow {
    padding-bottom: 4pt !important;
}
.blogPost .formViewRow, .blogPostDetails .formViewRow {
    padding-bottom: 2pt !important;
}


.infobox {
    border: solid 1px #808080;
    padding: 5pt 15pt 5pt 28px;
    background-color: #FFFFE0;
    background-image: url(images/information.png);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    text-align: left;
    color: black;
    display: inline-block;
}
.errorbox {
    border: solid 1px #800000;
    padding: 5pt 15pt 5pt 28px;
    background-color: #FFFFE0;
    background-image: url(images/exclamation.png);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    text-align: left;
    color: #800000;
    display: inline-block;
}

/* please wait message */
#waitWindow {
    background: #F0F0F0;
    border: solid 2px #A0A4A8;
    padding: 10px 16px 10px 16px;
    border-radius: 4px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}
#waitWindowText {
    color: #202020;
    padding: 7px 10px 10px 45px;
}

/* electronic signature */
.signatureFrame {
    border: dotted 1px #a0a0a0;
    padding: 1.5em;
    border-radius: 6px;
    text-align: center;
}

/* tooltips */
.tooltip {
    border: solid 1px #a0a0a0;
    padding: 4pt;
    background: #FFFFE0;
    color: black;
    border-radius: 4px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}
.errortip {
    border: solid 1px #800000;
    padding: 5pt 15pt 5pt 28px;
    background-color: #FFFFE0;
    background-image: url(images/exclamation.png);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    text-align: left;
    color: #800000;
    border-radius: 4px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    max-width: 150pt;
}


/* mobile version */
.AutoLayoutRow {
    padding: 0.1em 0em;
}
.AutoLayoutCell {
    padding: 0.25em 0em;
    text-align: left;
}
.LayoutMinimized {
    cursor: pointer;
    background: #8f8e8c ; background: #8f8e8c linear-gradient(top, #f0f0f0, #8f8e8c) !important; background: #8f8e8c -webkit-linear-gradient(top, #f0f0f0, #8f8e8c) !important; background: #8f8e8c -moz-linear-gradient(top, #f0f0f0, #8f8e8c) !important; background: #8f8e8c -o-linear-gradient(top, #f0f0f0, #8f8e8c) !important;
    padding: 0.65em 1em !important;
    border: solid 1px #e0e0e0 !important;
    display: block;
    font-size: 8pt;
}
.LayoutMinimized img {
    border: none;
}
.LayoutMinimized, .LayoutMinimized:link, .LayoutMinimized:hover, .LayoutMinimized:active, .LayoutMinimized:visited {
    color: black;
    text-decoration: none;
}
.LayoutMinimized:hover {
    background: #1b1174 ; background: #1b1174 linear-gradient(top, #a0a5dd, #1b1174) !important; background: #1b1174 -webkit-linear-gradient(top, #a0a5dd, #1b1174) !important; background: #1b1174 -moz-linear-gradient(top, #a0a5dd, #1b1174) !important; background: #1b1174 -o-linear-gradient(top, #a0a5dd, #1b1174) !important;
    color: white;
    border: solid 1px #a0a5dd !important;
}
.MobileMenuActiveItem, .MobileMenuInactiveItem {
    padding: 0.65em 1em !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: black;
}
.MobileMenu a:link, .MobileMenu a:hover, .MobileMenu a:active, .MobileMenu a:visited {
    text-decoration: none;
    color: black;
}
.MobileSubMenu a:link, .MobileSubMenu a:hover, .MobileSubMenu a:active, .MobileSubMenu a:visited {
    text-decoration: underline;
    color: black;
}
.MobileMenuActiveItem {
    background: #8f8e8c ; background: #8f8e8c linear-gradient(top, #f0f0f0, #8f8e8c); background: #8f8e8c -webkit-linear-gradient(top, #f0f0f0, #8f8e8c); background: #8f8e8c -moz-linear-gradient(top, #f0f0f0, #8f8e8c); background: #8f8e8c -o-linear-gradient(top, #f0f0f0, #8f8e8c);
    border: solid 1px #e0e0e0;
}
.MobileMenuInactiveItem {
    background: #dfdedc ; background: #dfdedc linear-gradient(top, #f0f0f0, #dfdedc); background: #dfdedc -webkit-linear-gradient(top, #f0f0f0, #dfdedc); background: #dfdedc -moz-linear-gradient(top, #f0f0f0, #dfdedc); background: #dfdedc -o-linear-gradient(top, #f0f0f0, #dfdedc);
    border: solid 1px #f0f0f0;
}
.MobileMenuInactiveItem:hover {
    background: #1b1174 ; background: #1b1174 linear-gradient(top, #a0a5dd, #1b1174) !important; background: #1b1174 -webkit-linear-gradient(top, #a0a5dd, #1b1174) !important; background: #1b1174 -moz-linear-gradient(top, #a0a5dd, #1b1174) !important; background: #1b1174 -o-linear-gradient(top, #a0a5dd, #1b1174) !important;
    color: white !important;
    border: solid 1px #a0a5dd !important;
}
.MobileMenuSeparator {
    display: none;
}
.MobileSubMenu {
    border: solid 1px #a0a0a0;
    border-radius: 4px;
    background: #f0f4ff;
    box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.5);
}
.MobileSubMenuActiveItem, .MobileSubMenuInactiveItem {
    border: none;
    padding: 5pt 20pt 5pt 10pt;
}
.MobileSubMenuActiveItem {
    background: #8f8e8c ; background: #8f8e8c linear-gradient(top, #f0f0f0, #8f8e8c) !important; background: #8f8e8c -webkit-linear-gradient(top, #f0f0f0, #8f8e8c) !important; background: #8f8e8c -moz-linear-gradient(top, #f0f0f0, #8f8e8c) !important; background: #8f8e8c -o-linear-gradient(top, #f0f0f0, #8f8e8c) !important;
    color: black;
}
.MobileSubMenuClose {
    background: #a0a4af ; background: #a0a4af linear-gradient(top, #f0f4ff, #a0a4af); background: #a0a4af -webkit-linear-gradient(top, #f0f4ff, #a0a4af); background: #a0a4af -moz-linear-gradient(top, #f0f4ff, #a0a4af); background: #a0a4af -o-linear-gradient(top, #f0f4ff, #a0a4af);
    padding-top: 4pt;
    padding-bottom: 4pt;
    padding-right: 4pt;
    border: solid 1px #f0f4ff;
    text-align: right;
    display: block;
    margin-bottom: 6pt;
}
.MobileSubMenuClose, .MobileSubMenuClose:link, .MobileSubMenuClose:hover, .MobileSubMenuClose:active,
.MobileSubMenuClose:visited {
    text-decoration: none !important;
}


/* item lists */
.LayoutTable {
    border-spacing: 0px;
    border-collapse: collapse;
}

.LayoutTable td {
    padding: 0px;
}
td.TabActive {
    border: solid 1px #9fcaff;
    border-bottom: none;
    background: #c8e1ff;
    padding: 3px 8px;
    cursor: default;
    font-weight: bold;
}
td.TabInactive {
    border: solid 1px #E0E0E0;
    border-bottom: none;
    background: #F8F8F8;
    padding: 3px 8px;
    cursor: pointer;
}
td.TabSpacing {
    font-size: 10px;
}
.TabBody {
    border: solid 1px #9fcaff;
    padding: 6px;
}
.FieldTable {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}
/* IE fix */
.FieldTable {
	/* *table-layout: fixed; */
}

.FieldTable td {
}
.FieldDiv {
    padding: 2px 0px;
}
.ColumnsTable {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}
.ColumnsTable td.first {
    padding: 0px;
    padding-right: 10px;
}
.ColumnsTable td.middle {
    padding: 0px;
    padding-right: 10px;
}
.ColumnsTable td.last {
    padding: 0px;
}
.ControlLine {
    padding: 2px 0px 2px 0px;
}
table.ControlLine {
	display: inline-block; /* apply alignment */
}

table.table .ControlLine {
    padding: 0px;
}
table.table .FieldTable td {
    padding: 1px;
}
.ImageListTable {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.ImageListTable td {
    padding-right: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    text-align: center;
}
.InfoWindow {
    z-index: 20000;
    border: solid 1px #E0E0E0;
    background: #FFFFFF;
    text-align: center;
    overflow: auto;
    padding: 0px;
}
.InfoWindow img.large {
    margin: 14px 0px;
}
.InfoWindow .content {
    text-align: left;
    margin: 14px;
}
.InfoWindow .loading {
    color: #a0a0a0;
    font-weight: bold;
    font-size: 12pt;
    margin: 14px;
}
.InfoWindow .controls {
    border-top: solid 1px #E0E0E0;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 14px;
}
.ImageOptionTable {
	border-collapse: separate;
}
.ImageOptionTable td {
    border: dotted 1px transparent;
}
.ImageOptionTable td.SelectedOption {
    background: #f0f0f0;
    border: dotted 1px #a0a0a0;
}

/* image boxes */
.imageset_add_button {
    background: #F0F0F0;
    color: black;
    border: solid 1px #E0E0E0;
    text-decoration: none;
    border-radius: 4px;
    cursor: default;
    margin: 2px 0px;
    text-align: center;
    width: 20px;
}
.imageset_add_button:hover {
    background: #c8e1ff;
    color: black;
    border: solid 1px #9fcaff;
    text-decoration: none;
}
.imageset_add_button:link {
    color: black;
}
.imageset {
    position: relative;
}
.imageset .box {
}
.imageset .box img {
    vertical-align: top;
    margin-right: 4px;
    margin-bottom: 4px;
}
.imageset .box .imageset_add_button {
    background: #F0F0F0;
    color: black;
    border: solid 1px #E0E0E0;
    border-radius: 4px;
    cursor: default;
    text-align: center;
    width: 20px;
    z-index: 3;
    position: absolute;
    text-decoration: none;
}
.imageset .box .imageset_add_button:hover {
    background: #c8e1ff;
    border: solid 1px #9fcaff;
}

.selectLocale {
    z-index: 20000;
    background: #FFFFFF;
    overflow: auto;
	text-align: left;
	padding: 10px;
	border: solid 1px #808080;
	color: #606060;
	font-size: 8pt;
}
.selectLocale td {
    color: #606060;
    font-size: 8pt;
}

.zoomBigImage {
    border: solid 1px #808080;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.5);
}

.AlignCenter, table.align_top .AlignCenter {
	text-align: center;
}

.AlignRight, table.align_top .AlignRight {
	text-align: right;
}

/* Fix Control Line alignment */
.AlignCenter>table, .AlignRight>table {
	display: inline-block;
}

.AlignCenter .alignedTable, .AlignRight .alignedTable {
	display:inline; display:inline-block; display:inline-table;
}

.cell0>.LayoutTable {
	display:inline-block; /* Fix alignment in layout editor */
}

/* Fix alignment for Image and Video */
.LayoutImageWrapper { display:inline-block; vertical-align: bottom; }
.LayoutVideoField { display:inline-block; vertical-align: bottom; }

/* Fix alignment for error msgs */
.AlignCenter>.fview_errorline table { display:inline; display:inline-block; display:inline-table; }
.AlignRight>.fview_errorline table { display:inline; display:inline-block; display:inline-table; }

.fullWidthInput { width: 100%; }

.inlineBlockControl { display:inline-block; vertical-align: middle; }

.InputToLabelHelperTable .LabelCell { width: 1%; white-space: nowrap;  }
/**********   COMMON STYLES   **********/
body, html {
   background:       #fff;
   width:            100%;
   height:           100%;
   padding:          0px;
   margin:           0px;
   text-align:       center;
}
body, input, select, textarea {
   font-family:  Arial,Verdana,Tahoma,Helvetica,sans-serif;
   font-size:        9pt;
}
body, td, th {
   font-size:        9pt;
}
a:link {
   color: #1778C7;
}
a:visited {
   color: #1778C7;
}
a:hover {
   color: #AA0F03;
}
a:active {
   color: #AA0F03;
}
form, div {
   background:       transparent;
   border:           none;
}
.subname {
   font-weight:      bold;
   font-size:        11.3pt;
   color:            #0D5889;
}
.comment {
   font-size:        7.5pt;
}
.error_text {
   font-weight:      bold;
   color:            #800000;
}
.asterisk {
   color:            #FF0000;
}
.button {
   font-family:  Verdana,Tahoma,Arial,Helvetica,sans-serif;
   color:            #000000;
}
.input {
   font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
.framed {
   border:           1px solid #E0E0E0;
}
.sepline {
   background:       #E0E0E0;
}
th, .header_cell {
   font-weight:      bold;
   text-align:       center;
}

/**********   DESIGN ELEMENTS   **********/
.content_a {
   vertical-align: top;
   text-align: left;
}
.content_b {
   vertical-align: top;
   text-align: right;
   color: #000;
}
.foot {
text-align: center;
color:#fff;
}
.foot, .foot a, .foot a:link, .foot a:active, .foot a:hover, .foot a:visited {
   color: #fff;
}