/* General */
body{background-color:#FFF; font-family:Arial,Helvetica,sans-serif;line-height:1;padding: 0; margin: 0;font-size: 90%;}
a{color:#04308a;text-decoration:underline;}
a:hover{text-decoration:none;}
hr {color: #FFF; border: 1px solid #004f7f;}
h1 {font-size: 1.6em; color:#333; margin:0;}
h2 {font-size: 1.5em; color:#333; margin:0;}
h3 {font-size: 1.4em; color:#333; margin:0;}
h2 {font-size: 1.3em; color:#333; margin:0;}
.literal {font-weight: bold;}
.smallfont {font-size: 10px;}
 a.textAction {color: white; text-decoration: none;}
 a:hover.textAction {color: white; text-decoration: underline;}
.stdRed {color: #383C3F;}
.clear {clear:both;}
 
.small {font-size:0.75em;}
.hidden {display: none;}

#logoImg {display: inline-block;}
#logoText {display: inline-block; font-size: 30px; padding-left: 15px;}

/* Buttons */
button.imageBtn {margin:0; padding:0; background:none; border:none; cursor:pointer; line-height:1;}

.Button, .button, .btn, .Btn, .SmlButton {display: inline-block;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-radius: 4px;border: 1px solid #004f7f; cursor:pointer;
	background: -moz-linear-gradient(center top, #568cad, #004f7f);
	background: -webkit-linear-gradient(#568cad, #004f7f);
	color: white;padding: 0 10px;cursor: pointer;height: 27px;line-height: 27px;font-size: 14px;}
.Button:hover, .button:hover, .btn:hover, .Btn:hover, .SmlButton:hover {
	background: -moz-linear-gradient(center top, #004f7f, #004f7f);
	background: -webkit-linear-gradient(#004f7f, #004f7f);
}
a.btn {text-decoration: none;}
a.Btn {display:inline-block; padding:4px 6px; background:#383C3F; color:#ffffff; text-decoration:none;}

/* common - header */
#header {padding:10px; margin: 0; background-color: #4D4D4D; color: #FFF;}
#header h1 {color: #FFF;}
/* common - error text */
#errortext {margin: 0 10px 10px 10px; padding:5px; display: table; border: 1px solid red; color: red; background-color: #fedfdf;}
/* common - info text */
#infotext {margin: 0 10px 10px 10px; padding:5px; display: table; border: 1px solid green; color: green; background-color: #e1fed2;}
/* common - warn text */
#warntext {margin: 0 10px 10px 10px; padding:5px; display: table; border: 1px solid red; color: red; background-color: #fedfdf;}
/* common - header */
#bodycontent {padding:0 10px 10px 10px;}

/* common - footer */
#footer {color:#808080; font-size:0.9em; padding:10px; margin: 0;}

/* login table */
table.login {border-collapse: collapse; padding: 0; margin: 0; border: 1px solid #cccccc;}
table.login td{padding: 10px; margin: 0; background: #eeeeee;}
table.login td.heading{background: #cccccc; font-weight: bold; padding: 5px;}
table.entries td{padding:0;}
table.entries {padding: 0;margin:0;}

/* page setting fieldset */
fieldset.search {padding: 10px; border: 1px solid #383C3F; margin: 0 10px 0 0;background: #F6F6EE;}
fieldset.search legend {font-weight:bold; font-size:1.4em; background: #383C3F; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px 10px; letter-spacing: -1px;color: #ffffff;}
td.searchbody {padding: 8px; border: 1px solid #F6F6EE; margin: 0 10px 0 0;background: #F6F6EE;}
td.searchhead {font-weight:bold; font-size:1.4em; background: #F6F6EE; padding: 5px 10px; letter-spacing: -1px; border: 1px solid #383C3F; color: #004276; }

fieldset.capture {padding: 10px; border: 1px solid #cccccc; margin: 0 10px 0 0;background: #eeeeee;}
fieldset.capture legend, fieldset.innercapture legend {font-weight:bold; font-size:1.4em; background: #cccccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px 10px; letter-spacing: -1px;}
td.capturebody {padding: 8px; border: 1px solid #CCC; margin: 0 10px 0 0;background: #eeeeee;}
td.capturehead {font-weight:bold; font-size:1.4em; background: #cccccc; padding: 5px 10px; letter-spacing: -1px; border: 1px solid #cccccc; color: #000000;}

fieldset.innercapture {padding: 10px; border: 1px solid #cccccc; margin: 0 10px 0 0;background: #ffffff;}
td.innercapturebody {padding: 8px; border: 1px solid #CCC; margin: 0 10px 0 0;background: #fff;}
td.innercapturehead {font-weight:bold; font-size:1.4em; background: #F6F6EE; padding: 5px 10px; letter-spacing: -1px; border: 1px solid #383C3F; color: #004276; }

table.capture, table.innercapture, table.search {padding: 0px; margin: 0px;}
/* end page setting fieldset */

a.areatag {font-size: 1.2em;font-weight: bold;text-decoration: none;color: #000000;background-color: #FFF;border: 1px solid #999;padding: 2px;}
a.areatag:hover {font-size: 1.2em;font-weight: bold;text-decoration: none;color: #000000;background-color: #EEE;border: 1px solid #999;padding: 2px;}
a.areatagactive, a.areatagactive:hover {font-size: 1.2em;font-weight: bold;text-decoration: none;color: #000000;background-color: #CCC;border: 1px solid #999;padding: 2px;}

.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w320 {width: 320px;}
.w400 {width: 400px;}
.w550 {width: 550px;}
.w575 {width: 575px;}
.w600 {width: 600px;}
.w650 {width: 650px;}
.w700 {width: 700px;}
.w750 {width: 750px;}
.w775 {width: 775px;}
.w800 {width: 800px;}
.w850 {width: 850px;}
.w875 {width: 875px;}
.w900 {width: 900px;}
.w1000 {width: 1000px;}
.w1100 {width: 1100px;}

div.page_spacer{display: block; height: 615px;}

div.rblock {text-align: right; display: block;}
div.lblock {text-align: left; display: block;}

/* inline List */
ul.inline_list {padding: 0; margin: 0; list-style: none inside;}
ul.inline_list li {display: inline; padding-right: 20px;}

table.URL-table {border-collapse: collapse; padding: 0; margin: 0; border: 1px solid #cccccc;}
table.URL-table td{padding: 1px; margin: 0; font-size: 12px;border: 1px solid #cccccc;}

div.areaspacer {position: absolute; top: 390px; left: 18px; z-index: 5; display: block; width: 836; height: 540px; background-color: #ffffff; border: 1px solid #cccccc;}

ins {color: blue;margin: 0;padding: 0;border: 0;vertical-align: baseline;background: transparent;}
del {color: red;text-decoration: line-through;margin: 0;padding: 0;border: 0;vertical-align: baseline;background: transparent;}

#disptext {border: 1px solid #999; padding: 10px; background-color: #FFFFFF;}

/* mega menu styles */
#mainmenu {background: #004f7f; font-size: 90%;}

#navigation {height: 30px; padding: 5px 0 5px 20px;background: -moz-linear-gradient(center top, #F0F3B3, #d0da00, #F0F3B3);background: -webkit-linear-gradient(#F0F3B3, #d0da00, #F0F3B3); border: 1px solid #d0da00;}
#navigation ul {list-style: none; margin: 0; list-style-position: inside; padding: 0 0 0 5px; }
#navigation li {position: relative; float: left; font-weight: bold;}

.awesomeicon {color: white; display: inline-block; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); padding-right: 5px;}
a.topmenuactive {color: #ffffff;display: block;padding: 0 10px;line-height: 30px;background: -moz-linear-gradient(center top, #000,#568cad, #000);background: -webkit-linear-gradient(#000,#568cad, #000);text-decoration: none;text-align: center;margin-right: 1px;}
a.topmenu {color: #ffffff;display: block;padding: 0 10px;line-height: 30px;background: -moz-linear-gradient(center top, #004f7f,#568cad, #004f7f);background: -webkit-linear-gradient(#004f7f,#568cad, #004f7f);text-decoration: none;text-align: center;margin-right: 1px;}
a:hover.topmenu {color: #ffffff;display: block;padding: 0 10px;line-height: 30px;background: -moz-linear-gradient(center top, #000,#568cad, #000);background: -webkit-linear-gradient(#000,#568cad, #000);text-align: center;margin-right: 1px;}
a.submenu, a:hover.submenu {height: auto;background: none;border: 0;text-align: left;margin: 0;line-height: 24px;}

a:hover.submenu {text-decoration: underline; text-align: left;}

div.ddContainer, div.ddContainerLarge, div.ddContainerLarge2, div.ddContainerLarge3, div.ddContainerLarge4 {position: absolute; left: -10000px; z-index: 10;}

#navigation li:hover div.ddContainer,
#navigation li:hover div.ddContainerLarge,
#navigation li:hover div.ddContainerLarge2,
#navigation li:hover div.ddContainerLarge3,
#navigation li:hover div.ddContainerLarge4 {display: block; left: 0;}

/* styles for drop-down */
div.ddContainer, div.ddContainerLarge, div.ddContainerLarge2, div.ddContainerLarge3, div.ddContainerLarge4 {border: 1px solid #000; background: #555;}

div.ddContainerLarge {width: 350px;}
div.ddContainerLarge2 {width: 500px;}
div.ddContainerLarge3 {width: 650px;}
div.ddContainerLarge4 {width: 800px;}

a.submenu {font-weight: bold; color: #ffffff; text-decoration: none; width: auto !important;}
a:hover.submenu {text-decoration: underline; background: #555;}

ul.ddc1, ul.ddc2, ul.ddc3, ul.ddc4, ul.ddc5 {float: left; width: 143px;}
ul.ddc1 li, ul.ddc2 li, ul.ddc3 li, ul.ddc4 li, ul.ddc5 li {width: 140px;}

span.extraMenuHeading {color: #d0da00;}
li.extraMenuHeading {padding-top: 5px;}

span.spacer {background-color: #000; width: 140px; font-size: 2px; display: block;}

div.boxedProcessLeft {float: left; border: 1px solid #666; padding: 5px; margin-right: 5px;}
div.boxedProcess { border: 1px solid #CCC; padding: 5px; }

/* plain white table with lines */
table.formatTable {padding: 0; margin: 0; background: #FFF; border-collapse: collapse;}
table.formatTable thead {background: #ebf6fa;}
table.formatTable td {border: 1px solid #999; padding: 5px;}
table.formatTable td.noformat, td.noformat {border: 1px solid #EEE; background-color: #EEE;}

/* Medical Enquiry Tracking System Pages */
#main-content {float:left;}
#main-content .left, #main-content .right {float:left;}
#right-content {float:right;width:250px;min-height:600px;}
#right-content .date-box {border:solid #000 1px;padding:6px 10px;text-align:center;}
.red-star {color:#383C3F;}
#client-comments {margin-top:20px;max-height:200px;overflow-y:scroll;line-height:1.1em;font-size:0.95em;}
#client-comments .small {font-style:italic;}
.manage-contacts {text-align:right;}

/* jQuery Dialog box */
.dialog {background-color: #EEEEEE;border: 1px solid #CCCCCC;margin: 0;padding: 0;}
.dialog-inner {width: 900px;}

.gd-grid {display: inline-block; border: 1px solid #D8DCDF; border-radius: 5px;}
table.gd-grid-table {border-collapse: collapse;}
tr.gd-grid-header-row, tr.gd-grid-col-ctrl-row {color: #004276; font-weight: bold;}
tr.gd-grid-light-row {background-color: #FFF;}
tr.gd-grid-dark-row {background-color: #FBFFFF;}
tr:hover.gd-grid-light-row, tr:hover.gd-grid-dark-row:hover {background-color: #D0FFFF;}
tr.gd-grid-select-row {background-color: #90FFFF !important;}
td.gd-grid-header-cell {padding: 5px 5px 7px 5px;border-top: 1px solid #EEEEEE; border-left: 1px solid #D8DCDf; border-right: 1px solid #D8DCDf; border-bottom: 1px solid #B2C6D5; text-align: center;}
td.gd-grid-header-cell a {text-decoration: none; color: #004276;}
td.gd-grid-header-cell a:hover {text-decoration: none; color: black;}
td.gd-grid-col-ctrl-cell {background-color: #FAFAFA; text-align: right; border-left: 1px solid #D8DCDf; border-right: 1px solid #D8DCDf; padding-right: 10px;}
td.gd-grid-col-ctrl-cell a {text-decoration: none; color: #D91A21; font-weight: bold; font-size: 18px; line-height: 10px;}
td.td.gd-grid-col-ctrl-cell a:hover {text-decoration: none; color: black;}
tr.gd-grid-footer-row {color: #004276; font-weight: bold;}
td.gd-grid-footer-cell {padding: 5px;border-top: 1px solid #EEEEEE; border-left: 1px solid #D8DCDf; border-right: 1px solid #D8DCDf; border-bottom: 1px solid #B2C6D5; text-align: left;}
tr.gd-grid-new-row {background-color: #383C3F;}
td.gd-grid-search-cell {padding: 2px;border-top: 1px solid #EEEEEE; border-left: 1px solid #D8DCDf; border-right: 1px solid #D8DCDf; border-bottom: 1px solid #D8DCDf;}
td.gd-grid-content-cell {padding: 2px; border: 1px solid #D8DCDf; white-space: nowrap; vertical-align: top;}
table.gd-grid-pager-table {width: 100%; border-collapse: collapse;}
tr.gd-grid-pager-row {color: #004276; font-weight: bold;}
td.gd-grid-pager-cell-left {padding: 5px 5px 7px 5px;border-top: 1px solid #B2C6D5; border-left: 1px solid #D8DCDf; border-right: 0; border-bottom: 1px solid #B2C6D5; text-align: left; width: 45%; min-width: 150px;}
td.gd-grid-pager-cell-center {padding: 5px 5px 7px 5px;border-top: 1px solid #B2C6D5; border-left: 0; border-right: 0; border-bottom: 1px solid #B2C6D5; text-align: center; width: 20%;}
td.gd-grid-pager-cell-right {padding: 5px 5px 7px 5px;border-top: 1px solid #B2C6D5; border-right: 1px solid #D8DCDf; border-left: 0; border-bottom: 1px solid #B2C6D5; text-align: right;}

td.gd-grid-header-cell,td.gd-grid-footer-cell,td.gd-grid-search-cell,td.gd-grid-pager-cell-left,td.gd-grid-pager-cell-center,td.gd-grid-pager-cell-right
{background: -moz-linear-gradient(center top, #f8f8f8, #eeeeee);background: -webkit-linear-gradient(#f8f8f8, #eeeeee);}

.gd-form-body {background-color: #EDEDED;}
.gd-form-holder {width: 1000px; margin: 10px auto 0 auto;}
.gd-form {background-color: white; border: 1px solid #004F7F; border-radius: 5px; padding: 2px; display: table;min-width:800px;}
.gd-form-header {display: block; height: 15px; background-color: #004F7F; padding: 5px; border-radius: 5px; color: white;}
.gd-form-expand {width: 100%; padding-right: 20px;}
.gd-form-footer {padding: 5px; border-radius: 5px; color: white; text-align: right;}
.gd-form-content-block {float: left; padding: 10px;}
.gd-form-err input, .gd-form-err select, .gd-form-err textarea, .gd-form-err-div {border: 2px solid red;}
.gd-form-archive {display: block; width: 150px; height: 80px; overflow: auto; overflow-x: hidden; border: 1px solid #EEE; padding: 5px; max-height: 80px; height:auto !important;}
.gd-form-archive-medium {display: block; width: 555px; height: 40px; overflow: auto; overflow-x: hidden; border: 1px solid #EEE; padding: 5px; max-height: 40px; height:auto !important;}
.gd-form-archive-medium-high {display: block; width: 555px; height: 200px; overflow: auto; overflow-x: hidden; border: 1px solid #EEE; padding: 5px; max-height: 200px; height:auto !important;}
.gd-form-archive-long {display: block; width: 800px; height: 40px; overflow: auto; overflow-x: hidden; border: 1px solid #EEE; padding: 5px; max-height: 40px; height:auto !important;}
.gd-form-archive-long-high {display: block; width: 800px; height: 200px; overflow: auto; overflow-x: hidden; border: 1px solid #EEE; padding: 5px; max-height: 200px; height:auto !important;}
.gd-form-content-header {font-weight: bold; color: #004f7f; padding: 0 0 5px 0;}
.gd-grid-right {text-align: right;}
.formHeightSet { min-height: 225px;}
.gdFormContentTitle {display: inline-block; width: 120px; vertical-align: top; padding: 5px 0 5px 0; color: grey;}
.gdFormContentValue {display: inline-block; width: 182px; vertical-align: top; padding: 5px 0 5px 0;}

#otherBoxClick, #keydataBoxClick, #contentBoxClick, #productsBoxClick, #functionsBoxClick, #imgBoxClick {background-color: #FCFCFC; border: 1px solid #CCCCCC; font-weight: bold; margin: 5px 0 0; padding: 5px; text-transform: uppercase; border-radius: 5px 5px 0 0;}
#otherBoxClick:hover, #keydataBoxClick:hover, #contentBoxClick:hover, #productsBoxClick:hover, #functionsBoxClick:hover, #imgBoxClick:hover {background-color: #F1F1F1; cursor: pointer;}
#otherBox, #keydataBox, #contentBox, #productsBox, #functionsBox, #imgBox {background-color: #FCFCFC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin: 0 0 10px; padding: 10px; border-radius: 0 0 5px 5px;}
#otherBoxNeat, #keydataBoxNeat, #contentBoxNeat, #productsBoxNeat, #functionsBoxNeat, #imgBoxNeat {background-color: #FCFCFC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; height: 5px; border-radius: 0 0 5px 5px;}
#statsBox, #previewBox {display: inline-block; border: 1px solid #CCC; padding: 4px; margin: 2px;}
.productThumbnail {display: inline-block;}
.prodURL {display: inline-block;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);border-radius: 4px;border: 1px solid #CCC;background: -moz-linear-gradient(center top, #fff, #eee);background: -webkit-linear-gradient(#fff, #eee);color: #333;padding: 10px;font-size: 16px;margin: 5px 5px 10px;float: right;}
body .redactor_toolbar li a.redactor_btn_widgets {background: url(/adm585/images/widgets-25.png) no-repeat;}
#settingsBoxClick, #metaBoxClick, #thumbnailBoxClick, #seoBoxClick, #faqBoxClick, #relatedBoxClick, #releaseBoxClick, #artistBoxClick, #searchBoxClick {color: #FFF; background-color: #666; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; font-weight: bold; margin: 5px 0 0; padding: 5px; text-transform: uppercase; border-radius: 5px 5px 0 0;}
#settingsBoxClick:hover, #metaBoxClick:hover, #thumbnailBoxClick:hover, #seoBoxClick:hover, #faqBoxClick:hover, #relatedBoxClick:hover, #releaseBoxClick:hover, #artistBoxClick:hover, #searchBoxClick:hover {background-color: #333; cursor: pointer;}
#settingsBox, #metaBox, #thumbnailBox, #seoBox, #faqBox, #relatedBox, #releaseBox, #artistBox, #searchBox {background-color: #CCC; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 0 10px; padding: 10px; border-radius: 0 0 5px 5px;}
#settingsBoxNeat, #metaBoxNeat, #thumbnailBoxNeat, #seoBoxNeat, #relatedBoxNeat, #releaseBoxNeat, #artistBoxNeat, #searchBoxNeat, #faqBoxNeat {background-color: #666; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; height: 5px; border-radius: 0 0 5px 5px;}
#searchBoxNeat {display: none;}

span.titleWidth185 {display: inline-block; width: 185px;}
span.titleWidth115 {display: inline-block; width: 115px;}
.boxNotes {color: #888; padding-top: 10px;}
table.searchBox {border: 1px solid #FFF;}

.prodImg {display: inline-block; padding: 0 20px 0 0; vertical-align: top;}
#prodImgOptions i {color: #999;}
#prodImgType {display: block; padding-left: 20px;}
div.prodImages {display: inline-block;}
img.delExtraProdImg:hover, img.delProdCat:hover {cursor: pointer;}

div.searchFields {float: left; border: 1px solid #FFF; padding: 2px;}
div.searchFields ul{padding: 0; margin: 0; list-style: none;}
div.searchFields li{line-height: 1.8em;}
span.fieldName {font-weight: bold; width: 200px; display: inline-block; text-align: right;}
span.fieldNameShort {font-weight: bold; display: inline-block; text-align: right;}
div.searchAction {float: left; padding-left: 20px;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom:1;}
div.searchInfo {clear:both; line-height: 1.8em;}

/*--------------------------------------------------
Popup image 
--------------------------------------------------*/
#popup_frame{border:2px solid #FFF; background-color:#383c3f; z-index:100; position:relative;}
#popup{position:absolute; margin:-110px 0 0 60px;}
div.popup_close{text-align:right; cursor:pointer; background-color: #FFF; padding: 5px 2px 2px 0;}
#blank_background{position:fixed; top:0; left:0; display:block; width:100%; height:100%; z-index:50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:0.5; background-color:black;}

#siteWidth {display: inline-block; float: left; border: 1px solid #004f7f; box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.4); margin: 0; padding: 20px; width: 920px;}
#prodSiteWidth {display: inline-block; float: left; border: 1px solid #004f7f; box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.4); margin: 0; padding: 20px; width: 750px;}
#siteLayout, #optionLayout {display: inline-block; float: left; margin-left: 40px;}
#siteLayoutNotes {display: inline-block; float: left; margin-left: 20px; padding-left: 20px; border-left: 1px solid #ccc; max-width: 200px;}
#productImageArea {display: inline-block; float: left; margin-right: 20px;}
#productHeadingArea {display: inline-block; color: #EB8817; font-size: 33px; font-family: PoorRichard,Poor Richard,serif; font-weight: normal; margin-bottom: 10px;}
#prodEditorArea {display: inline-block; float: left; width: 530px;}
#LayoutArea1,#LayoutArea2,#LayoutArea3,#LayoutArea4,#LayoutArea5,#LayoutArea6,#LayoutArea7,#LayoutArea8 {display: inline-block; vertical-align: top; text-align: left; float: left; margin: 0; padding: 0;}
/*Take up all available space*/
#LayoutArea1 {width: 920px;}
/*Take up 80% available space and center*/
#LayoutArea2 {width: 720px; margin: 0 100px !important;}
/*Col1 = 33%; Col2 = 66%*/
#LayoutArea3 {width: 300px;}
#LayoutArea4 {width: 600px; margin-left: 20px !important;}
/*Col1 = 66%; Col2 = 33%*/
#LayoutArea5 {width: 600px;}
#LayoutArea6 {width: 300px; margin-left: 20px !important;}
/*Take up all available space after clearing other areas*/
#LayoutArea7 {clear: both; width: 100%; margin-top: 20px !important;}
/*Col1 = 33% (area3); Col2 = 33% (area6); Col3 = 33%*/
#LayoutArea8 {width: 280px; margin-left: 20px !important;}

div.SLA {display: inline-block; background-color: #BBB; border: 1px solid #BBB; min-width: 40px; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); margin-bottom: 10px;}
div.SLAcheckbox {display: inline-block; vertical-align: top;}

div.SLA1, div.SLA2, div.SLA3, div.SLA4, div.SLA5, div.SLA6, div.SLA7, div.SLA8 {display: inline-block; vertical-align: top; text-align: left; float: left;  border: 2px solid #004f7f; height: 40px; background-color: white;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
/*Take up all available space*/
div.SLA1 {width: 40px;}
/*Take up 80% available space and center*/
div.SLA2 {width: 16px; margin: 0 12px;}
/*Col1 = 33%; Col2 = 66%*/
div.SLA3 {width: 12px;}
div.SLA4 {width: 24px; margin-left: 4px;}
/*Col1 = 66%; Col2 = 33%*/
div.SLA5 {width: 24px;}
div.SLA6 {width: 12px; margin-left: 4px;}
/*Take up all available space after clearing other areas*/
div.SLA7 {clear: both; width: 40px; height: 20px !important; margin-top: 4px;}
/*Col1 = 33% (area3); Col2 = 33% (area6); Col3 = 33%*/
div.SLA8 {width: 12px; margin-left: 4px;}

.contentMenu, .filterBox {display: inline-block; float: left; padding: 0 20px; border: 1px solid #004f7f; border-radius: 10px; margin: 0 10px 10px 0;}
.contentMenu .btn, .filterBox .btn {margin: 5px 0;}
.contentMenuHeading {font-weight: bold;}
.contentMenu .spacer, .filterBox .s[acer] {margin: 5px 0;}

.fa-red{color:#D91A21;}

.gd-tab-active{border-top:1px solid #004F7F;border-left:1px solid #004F7F;border-right:1px solid #004F7F;border-radius: 5px 5px 0 0;padding:5px;background-color:#004F7F;display:inline-block;color:#FFF;}
.gd-tab-inactive{border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-radius: 5px 5px 0 0;padding:5px;display:inline-block;}
.gd-tab-inactive:hover {cursor:pointer;color:#000;}
.gdTabMenu{display:block;width:100%;border-bottom:3px solid #004F7F;}
.gdFormTab {}
.gdFormBlock {float: left; padding: 10px;}
.gdFormInnerBlock {float: left; padding: 10px;}
.LT{display:inline-block;width:170px;}
.RT{clear:both;display:inline-block;}
.FLT{display:block;padding-bottom:5px;}

/* --- Help Popup --- */
.adminHelpArea, .helpPlaceholderSwitch,#helpEditBtn, #helpSaveBtn, #helpCloseBtn, #helpDeleteBtn,.sysHelpBlockRight,.sysHelpPopup,.redactor-box {background-color: #FFFFFF;}
.helpOtherBtn i:hover, .helpBtn i:hover{background-color:#F1F1F1;}
.sysHelpPopupOverlay,.pageHelpIconGrey,hr.otherHelpDivider{background-color: #CCC;}
.sysOptions {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.sysOptions span {width: 200px; text-align: right;}
.adminHelpArea {position:fixed; top:0; right:10%; padding: 2px; border: 2px solid white; border-radius:2px;}
.helpPlaceholderSwitch {display: inline-block; padding: 5px 10px; cursor: pointer;}
.pageHelpIcon {display: inline-block; background-color: #0A7FFB; padding: 5px 10px; color: white; cursor: pointer; border-radius: 2px;}
div:hover.pageHelpIcon {box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);}
a.allHelpBtn {display: inline-block; background-color: #0A7FFB; padding: 5px 10px; color: white; cursor: pointer; line-height: unset; text-decoration: none; border-radius: 2px;}
a:hover.allHelpBtn {text-decoration: none; box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);}
.pageHelpIconGrey {display: inline-block; padding: 5px 10px; color: white; cursor: pointer; border-radius: 2px;}
.helpPopup {min-width: 500px; max-width: 610px; position: fixed; top: 0; right: 0; padding: 0; margin: 0; border-left: solid 1px black; border-bottom: solid 1px black; max-height: 700px; overflow: auto; z-index: 110;}
.helpPopupHeader {width: 100%; background-color: #0A7FFB; padding: 10px 0; color: black; text-align: center; color: white; text-transform: uppercase;}
.helpPopupContent {padding: 10px; color: black; background-color: lightcyan; opacity: 0.95;}
.helpQuestionIcon {color: #0A7FFB; cursor: pointer;}
.greyHelpQuestionIcon {color: #CCC; cursor: pointer;}
.helpQuestionIconEmpty {color: #999; cursor: pointer;}
.closeHelpIcon {float: right; margin-top: -7px; cursor: pointer;}
.helpIconBlock {display: inline-block; position: absolute; margin-left: -25px;}
.gridHelpIconBlock {display: inline-block; position: absolute; margin-left: -33px; margin-top: 30px;}
#helpEditBtn, #helpSaveBtn, #helpCloseBtn, #helpDeleteBtn { cursor: pointer; float: left; padding: 3px 3px 0 4px; margin-top: -8px; margin-left: 2px; border-radius: 2px;}
#helpFixedContent p, #helpFixedContent h1, #helpFixedContent h2, #helpFixedContent h3, #helpFixedContent h4, #helpFixedContent h5, #helpFixedContent li, #helpFixedContent span, #helpFixedContent td {color: black;}
#helpFixedContent table {padding: 0; margin: 0; border: none; border-collapse: collapse;}
#helpFixedContent td, #helpFixedContent th {border: 1px solid black; padding: 5px;}
#helpFixedContent th {font-weight: bold;}
#helpEditableContent .redactor-box {min-width: 600px; max-width: 600px;}
.otherAreaLevel1, .otherAreaLevel2, .otherAreaLevel3, .otherAreaLevel4, .otherAreaLevel5, .otherAreaLevel6 {padding-left: 20px;}
.sysHelpNoExpand {font-size: xx-small;}

/* --- WIKI --- */
pre.wiki {background: #f7f7f7; border: 1px solid #d7d7d7; margin: 1em 1.75em; padding: .25em; overflow: auto;white-space: pre-wrap;}


/* --- System Help Page --- */
.successGreen {color: #4F8A10;}
.warningOrange {color: #9F6000;}
.errorRed {color: #D8000C;}
.activeHelpLink {color: #0A7FFB;}
.sysHelpBlock {width: 100%; padding: 0; display: flex; flex-wrap: nowrap; align-items: stretch;}
.sysHelpBlockLeft {width: 300px;max-height: 800px;overflow: auto; background-color: #F4F5F7;}
.sysHelpBlockRight {width: 100%; padding: 0 10px;}
.sysHelpBlockRight h1 {margin: 0;}

.helpCheckbox {cursor: pointer;}
.helpOtherBtn {cursor: pointer; margin-right: 10px;}
.helpOtherBtn i {border: 1px solid #CCC; border-radius: 2px; padding: 3px;}
hr.otherHelpDivider {height: 1px; border: none;}
.otherAddBtn {color: #999;}
.otherAddBtn, .otherTopAddBtn {padding: 7px;}
.otherTopAddBtn {height: 20px; display: inline-block;}
.sysHelpPage {display: flex; flex-wrap: nowrap; align-items: stretch;}
.sysHelpExpand, .sysHelpNoExpand {width:20px; padding: 7px;}
.sysHelpView, .sysHelpViewNoLink {width: 100%; padding: 7px;}
.sysHelpExpand, .sysHelpView, .otherAddBtn, .otherTopAddBtn {cursor: pointer;}
.sysHelpNoExpand {}
.topHelpBlock {padding: 8px;}
.topHelpBlock:hover {background-color: antiquewhite; cursor: pointer;}
span:hover.sysHelpExpand, span:hover.sysHelpView, span:hover.otherAddBtn, span:hover.otherTopAddBtn {background-color: #EBECF0;}

.sysHelpElement, .sysHelpGrid {margin-top: 5px; margin-left: 40px; cursor: pointer; padding: 4px;}
div:hover.sysHelpElement, div:hover.sysHelpGrid {background-color: #EBECF0;}

.sysHelpPageHeading, .sysHelpElementHeading, .sysHelpGridHeading {margin-top: 10px; color: #999;}
.sysHelpPageHeadingSub {font-size: 10px; }
.sysHelpPageHeadingSub {display: inline-block; height: 20px; vertical-align: middle;}
.sysHelpPageHeading {margin-left: 10px;}
.sysHelpElementHeading, .sysHelpGridHeading {margin-left: 20px; font-size: xx-small;}
.helpEditors {font-size: xx-small; color: #999; padding-bottom: 20px;}
.helpBreadcrumb {font-size: unset; color: #999; padding-bottom: 10px;}
.helpBreadcrumb a, a.helpLinkedText, span.helpLinkedText {font-size: unset; color: #999; text-decoration: none; cursor: pointer;}
.helpBreadcrumb a:hover, a:hover.helpLinkedText, span:hover.helpLinkedText {text-decoration: none; color: #0A7FFB;}
.helpCompareError {display: inline-block; padding-left: 20px; color: red;}

/* --- SYS HELP VERSIONS --- */
.helpVersionTitle {width: 100%;}
.helpVersionTitleBlock {display: flex; justify-content: space-around;}
.helpVersionTitleCell {text-align: center;}
.helpVersionTitleContent {display: inline-block; font-size: large; padding-bottom: 10px;}
.helpVersionBlock {display: flex; justify-content: space-between;}
.helpVersionCellLeft {border: 4px solid #F4F5F7; padding: 10px; margin-right: 2px; width: 50%;}
.helpVersionCellRight {border: 4px solid #F4F5F7; padding: 10px; width: 50%;}

/* --- HELP POPUP --- */
.sysHelpPopupOverlay {height: 100%; z-index: 20; opacity:0.8; position:fixed; top:0; left:0; width: 100%;}
.sysHelpPopup {z-index: 25; position: absolute; top: 50px; left: 50%; padding: 10px; border-radius: 30px; margin-left: -450px; width: 900px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);}
.sysHelpPopupRounded {border-radius: 25px; border-style: solid; border-width: 6px; padding: 20px; color: #4d4d4d; border-color: #D91A21;}
.sysHelpHeading {font-weight: bold; font-size: x-large;}

/* --- REDACTOR ---*/
.redactor-box {padding: 10px; border: 1px solid #0A7FFB;}
.redactor-in {padding: 10px 0; min-height: 400px; min-width: 500px;}
/* --- Standard Admin Table follows --- */
.sysHelpBlockRight table, .helpPopup table {border-collapse: collapse; border: 1px solid lightgray;}
.sysHelpBlockRight th, .helpPopup th {background-color: #666666; color: white; border: 1px solid lightgray; text-align: center; vertical-align: middle; padding: 7px 10px;}
.sysHelpBlockRight td, .helpPopup td {vertical-align: top; border: 1px solid lightgray; padding: 7px 10px;}