* { margin:0;padding:0;border:0px none}
body {font:90% "Open Sans", Arial, sans-serif; color:#494c50; background:#dee0e1;}
body, html {height:100%}

/*html { overflow: hidden; }*/
body { overflow: auto; }

input, select, textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

textarea {height:6em}
/* setting in portal.js - this style is not applied if tinymce textarea not visible on page load */
/*textarea.htmlfield {height:15em}*/

/* BRAND COLOURS
---------------------------------------- */searc
/* Primary colour */
a, h6, .profileName h2 {color:#93774e}
[role="navigation"] li ul li a span, aside h6 span, [role="navigation"] li span.number {display:none; background:#93774e}

/* Lighter Primary colour */
.no-touch a:hover {color:#c3a75f}

/* Text Shadow colour (Darker)*/
p.btn a, div.btn input, div.btn button, aside form button, header a.btn, body a.bbtn {text-shadow:0px -1px 1px #583421;}



/* EMAIL TEMPLATE
---------------------------------------- */

img.emailBranding {max-width:20%; max-height:20% }

/* END EMAIL TEMPLATE */



/* COMMON ELEMENTS
---------------------------------------- */

/* Gradients */
.js [role="main"], .menu-button, .sidebar-button, .page-title a, body.login input, .messageDetails .btn {background:rgb(255,255,255); background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(222,224,225) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(222,224,225))); background:-webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(222,224,225) 100%); background:-o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(222,224,225) 100%); background:-ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(222,224,225) 100%); background:linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(222,224,225) 100%); }
header {background:#333940; -webkit-box-shadow:inset 0px 10px 25px 0px rgba(0, 0, 0, 0.4); box-shadow:inset 0px 10px 25px 0px rgba(0, 0, 0, 0.4)}
.dots {width:100%; background:url(../images/dots.png) 0 0 repeat}


/* Fonts */
h1 {font:300 250% "Quicksand"; letter-spacing:-0.06em; color:white}
h2 {font:300 250%/100% "Quicksand"; letter-spacing:-0.1em}
h3 {font-weight:700; font-size:100%}
	h3.indent {clear:both; display:block; padding:0.5em 3%; font-weight:700; margin:0; margin-bottom:0.5em; font-size:100%;}
	h3.indent i {font-size:120%; margin:0 0.25em 0 0}
h4 {font-weight:700; font-size:100%; margin-bottom:0.5em}
	h4.indent {clear:both; display:block; padding:0.5em 5%; font-weight:300; margin:0; font-size:140%; background:#ebeded; border-bottom:1px solid #e4e5e5}
	h4.indent i {font-size:150%; color:#cacaca; margin:0 0.25em 0 0}
h5 {font-weight:400; font-size:90%; margin-bottom:0.5em}
h6 {font:400 110% "Quicksand"; letter-spacing:-0.1em}
a {text-decoration:none}
i {padding-right:0.15em; }
header a.btn em {font-style:normal; font-weight:bold}
.hideTitle {display:none;}
body a.bbtn em {font-style:normal; font-weight:bold}
body a.btn em {font-style:normal; font-weight:bold; text-decoration: none}
body a.inlineButton em {font-style: normal;}
hr.style1 {border-top: 1px solid #565e67;}
hr.style2 {border-top: 1px solid #ccc;margin: 10px 0px;}


/* Buttons */
p.btn {width:80%; padding:1em 10%}
p.btn a, div.btn input, div.btn button {float:left; width:100%; padding:0;}
p.btn a span, div.btn input, div.btn button { padding:0.5em 0; margin:0.25em; -webkit-border-radius:3px; border-radius:3px; text-decoration:none}
.no-touch p.btn a:hover span, .no-touch div.btn input:hover, .no-touch div.btn button:hover, .no-touch header a.btn:hover, .no-touch body a.bbtn:hover {background:#9d8458; text-decoration:none}
.no-touch p.btn.secondary a:hover span, .no-touch div.btn.secondary input:hover, .no-touch div.btn.secondary button:hover, .no-touch header a.btn.secondary:hover, .no-touch body a.bbtn.secondary:hover {background:#eaeaea; text-decoration:none}
.js [role="main"] div.btn, .next ul li {background:#d3d5d6; filter:none; border:1px solid #c7c9ca; border-bottom:1px solid #cdcecf; border-top:1px solid #bfc1c2}
.js [role="main"] div.btn input, .js [role="main"] div.btn button {width:97.5%}


/* Embedded Buttons & Form Links */
p.btn a, aside form div, div.btn {display:block; -webkit-border-radius:5px; border-radius:5px; border-bottom:1px solid #7e8186; background:rgb(27,30,34); background:-moz-linear-gradient(top, rgba(27,30,34,1) 0%, rgba(54,60,66,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,30,34,1)), color-stop(100%,rgba(54,60,66,1))); background:-webkit-linear-gradient(top, rgba(27,30,34,1) 0%,rgba(54,60,66,1) 100%); background:-o-linear-gradient(top, rgba(27,30,34,1) 0%,rgba(54,60,66,1) 100%); background:-ms-linear-gradient(top, rgba(27,30,34,1) 0%,rgba(54,60,66,1) 100%); background:linear-gradient(to bottom, rgba(27,30,34,1) 0%,rgba(54,60,66,1) 100%); }
p.btn a span, form button, div.btn input, div.btn button, a.btn, a.bbtn, .next ul li div { text-align:center; cursor:pointer; color:white; display:block; text-decoration:none; border:1px solid #b7a57f; border-bottom:1px solid #5b3f19; border-top:1px solid #dfd6b7; background:rgb(185,167,116); background:-moz-linear-gradient(top, rgba(185,167,116,1) 0%, rgba(135,104,65,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,167,116,1)), color-stop(100%,rgba(135,104,65,1))); background:-webkit-linear-gradient(top, rgba(185,167,116,1) 0%,rgba(135,104,65,1) 100%); background:-o-linear-gradient(top, rgba(185,167,116,1) 0%,rgba(135,104,65,1) 100%); background:-ms-linear-gradient(top, rgba(185,167,116,1) 0%,rgba(135,104,65,1) 100%); background:linear-gradient(to bottom, rgba(185,167,116,1) 0%,rgba(135,104,65,1) 100%); -webkit-box-shadow:none; box-shadow:none}
p.btn.secondary a span, form button, div.btn.secondary input, div.btn.secondary button, a.btn.secondary, a.bbtn.secondary, .next.secondary ul li div { text-align:center; cursor:pointer; color:#272a30; display:block; text-decoration:none; border:1px solid #ccc; background:#eee;text-shadow:none;-webkit-appearance:none;}



/* Forms */
input:focus, select:focus, textarea:focus {border:1px solid #c3a75f; cursor:default}
.placeholder {color:#999} ::-webkit-input-placeholder {color:#C5C8CC} :-moz-placeholder {color:#C5C8CC}
*:-moz-placeholder:focus { color:transparent !important; }
.js [role="main"] form {width:90%; padding:0 5%}
.js [role="main"] form.fullWidth {width:100%; padding:0}
label {display:block; padding:1em 0 0.25em}
	label i {color:#bbb; }
label.inline {display: inline; padding: 0}
input, textarea, select, .ui-widget input, .ui-widget select, .ui-widget textarea, div.btn button {border:0; font-family:"Open Sans"; font-size:100%; width:100%; padding:0.75em 2.5%; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 1px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow:inset 1px 2px 3px 0px rgba(0, 0, 0, 0.4)}
.ui-datepicker select {width:auto; padding:0; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none}
select {width:auto; min-width:50%;}
.js [role="main"] input, .js [role="main"] textarea, .js [role="main"] select {border: 1px solid #d4d4d4;}
form div {clear:both}
div.btn {float:left; width:auto; /*margin:0 1em 1em 0;*/ }
	div.btn input, div.btn button, .js [role="main"] div.btn input, .js [role="main"] div.btn button {width:auto; float:left; padding:0.6em 75px; margin:0.25 1%; display:block; }
.checkbox, .radio {padding:1em 0; float:left; width:100%}
	.checkbox input, .radio input {padding:0; background:none; float:left; filter:none; width:auto; margin:0.25em 2% 0 0; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none}
	.checkbox label, .radio label {float:left; padding:0; max-width:90%}
	#ui-datepicker-div {font-size:85%}
	.mceEditor {font:90% "Open Sans", Arial, sans-serif}
.sectionDivider div.btn {clear:none; }
.sectionDivider div.btn:nth-of-type(2) {margin:0 0 0 1em;}
.fullWidthForm{width:100%;}
.halfWidthForm{width:50%;}
.js [role="main"] .attach input {border:0; width:auto; padding:0; line-height:100%; font-size:80%;-webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none}
.spacerBox { margin:15px 0 0; clear: both;}
.spacerBoxLrg { margin:1.5em 0 0; clear: both;}



/* Fix for right floated buttons with icons */

a.inlineButton.pull-right .fa{
    display:inline;
}

/* END COMMON ELEMENTS */


/* ADVANCED SEARCH
---------------------------------------- */
.searchSections{
    width:50%;
    float:left;
}
.searchSections:first-of-type{
    margin-right:15px;
}
.searchSections label{
    padding:0.6em;
    font-size:95%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.searchSections label:hover{
    color:black;
    background-color:#f6f6f6;
    cursor: pointer;
}

.searchSections i{
    margin-left:20px;
}
.searchHolder{width:100%;}
.advSearch{
    width:100%; float:left; clear:both; margin: -20px 0px 20px;
}
.advSearchLink{
    float:right; text-decoration: underline; font-size: smaller; padding-right:10%;
}


/* LOGIN TEMPLATE
---------------------------------------- */
body.login {min-height:100%; background:#333940; -webkit-box-shadow:inset 0px 10px 25px 0px rgba(0, 0, 0, 0.4);box-shadow:inset 0px 10px 25px 0px rgba(0, 0, 0, 0.4)}
	body.login .dots {min-height:100%}
	body.login .container {width:80%; padding:2em 10%; max-width:450px; margin:0 auto}
		body.login .logo {width:100%; text-align:center}
		body.login .logo img {max-width:100%; max-height: 250px;}
		body.login h1 {color:#767d83; font-size:160%; text-align:center; background:url(../images/login-h1.png) center center no-repeat; margin:0.25em 0 0}
		body.login form p {color:white; font-size:90%; margin:1em 0;}
		body.login label {color:white}
			body.login label i {color:#7b8187; font-size:110%}
		body.login div.btn button {font-size:100%}
/* END LOGIN TEMPLATE */




/* MAIN TEMPLATE FUNCTIONALITY
---------------------------------------- */

/* Layout Elements */

.container {width:100%; overflow:hidden; }
.containerInside {flex-direction: row; min-height: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; width:100%; }
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
.clearfix {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
[role="navigation"], [role="main"], [role="search"] { -webkit-transition:.2s all ease; -moz-transition:.2s all ease; -o-transition:.2s all ease; -ms-transition:.2s all ease; transition:.2s all ease; width:100%; padding:0%; position:relative;}
/*[role="navigation"], [role="main"], [role="search"] { padding:0%;-webkit-transition:.2s all ease; -moz-transition:.2s all ease; -o-transition:.2s all ease; -ms-transition:.2s all ease; transition:.2s all ease;-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}*/
.js [role="navigation"] {width:65%;margin-left:-65%; background:#353c44; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiMzNTNjNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmYzMzM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background:-moz-linear-gradient(left,  #353c44 93%, #2f3337 100%); background:-webkit-gradient(linear, left top, right top, color-stop(93%,#353c44), color-stop(100%,#2f3337)); background:-webkit-linear-gradient(left,  #353c44 93%,#2f3337 100%); background:-o-linear-gradient(left,  #353c44 93%,#2f3337 100%); background:-ms-linear-gradient(left,  #353c44 93%,#2f3337 100%); background:linear-gradient(to right,  #353c44 93%,#2f3337 100%); }
.js [role="main"] { width:100%; background: #fff; background: -moz-linear-gradient(top,#fff 0,#dee0e1 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#dee0e1)); background: -webkit-linear-gradient(top,#fff 0,#dee0e1 100%); background: -o-linear-gradient(top,#fff 0,#dee0e1 100%); background: -ms-linear-gradient(top,#fff 0,#dee0e1 100%); background: linear-gradient(to bottom,#fff 0,#dee0e1 100%);}
.js [role="search"] {width:65%; margin-right:-65%;background:#2f3337; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmMzMzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjMzUzYzQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background:-moz-linear-gradient(left,  #2f3337 0%, #353c44 7%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,#2f3337), color-stop(7%,#353c44)); background:-webkit-linear-gradient(left,  #2f3337 0%,#353c44 7%); background:-o-linear-gradient(left,  #2f3337 0%,#353c44 7%); background:-ms-linear-gradient(left,  #2f3337 0%,#353c44 7%); background:linear-gradient(to right,  #2f3337 0%,#353c44 7%); }
.active-nav [role="navigation"] {margin-left:0%;}
.active-nav [role="main"]{ margin-right:-65%}
.active-nav [role="search"] {margin-right:-100%; float:right}
.active-sidebar [role="navigation"] {margin-left:-65%}
.active-sidebar [role="main"] { margin-left:-65%}
.active-sidebar [role="search"] {margin-right:0%;}
.active-nav [role="main"] { -webkit-transition:.2s all ease; -moz-transition:.2s all ease; -o-transition:.2s all ease; -ms-transition:.2s all ease; transition:.2s all ease;}
.brdr, .brdrBtm {height:0.3em; width:100%; display:block; background:rgb(130,109,75); background:-moz-linear-gradient(left, rgba(130,109,75,1) 0%, rgba(192,172,136,1) 51%, rgba(130,109,75,1) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(130,109,75,1)), color-stop(51%,rgba(192,172,136,1)), color-stop(100%,rgba(130,109,75,1))); background:-webkit-linear-gradient(left, rgba(130,109,75,1) 0%,rgba(192,172,136,1) 51%,rgba(130,109,75,1) 100%); background:-o-linear-gradient(left, rgba(130,109,75,1) 0%,rgba(192,172,136,1) 51%,rgba(130,109,75,1) 100%); background:-ms-linear-gradient(left, rgba(130,109,75,1) 0%,rgba(192,172,136,1) 51%,rgba(130,109,75,1) 100%); background:linear-gradient(to right, rgba(130,109,75,1) 0%,rgba(192,172,136,1) 51%,rgba(130,109,75,1) 100%);  }
	.brdrBtm {position:absolute; bottom:0; left:0}

/* Off Canvas Navigation */
.off-canvas-navigation { width:100%; overflow:hidden; display:block; position:relative; z-index:500; color:white; -webkit-box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.25); box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.25)}
	.off-canvas-navigation ul li { width:15%; display:block; float:left; text-align:center; }
	.off-canvas-navigation ul li.page-title {width:70%; }
		.off-canvas-navigation ul li a {font:125%/250% "Quicksand"; letter-spacing:-0.07em; height:45px; cursor:pointer}
		.off-canvas-navigation ul li.menu-item a, .off-canvas-navigation ul li.sidebar-item a {color:#887249; border-right:1px solid #abacad; font:200%/140% 'FontAwesome', Arial, sans-serif}
		.off-canvas-navigation ul li.menu-item a {font:275%/110% 'Arial', Arial, sans-serif}
		.off-canvas-navigation ul li.page-title a { color:#292c31; border-left:1px solid white; border-right:1px solid #abacad; }
		.off-canvas-navigation ul li.sidebar-item a {color:#858a91; border-left:1px solid white; border-right:0}
		.menu-button, .sidebar-button, .page-title a {  display:block; }

/* Left Column */
#menu .logo {display:none}
footer {padding:2em 10% 2em; display:block; clear:left; width:80%; color:#72777c; font-size:75%}
	footer a {color:#72777c}

/* Main Menu */
[role="navigation"] ul { border-top:1px solid #22272d; border-bottom:1px solid #3e4650; width:100%;}
	[role="navigation"] li { list-style:none; cursor:pointer; }
		[role="navigation"] li a { display:block; padding:0.6em 10%; color:#c5c8cc; font-size:95%; font-weight:300; border-bottom:1px solid #2c3239; border-top:1px solid #3e4650}
		[role="navigation"] span.expand { display:block; padding:0.6em 10%; color:#c5c8cc; font-size:95%; font-weight:300; border-bottom:1px solid #2c3239; border-top:1px solid #3e4650;}
                [role="navigation"] .expandable span.expand:after{content: "\f105";display: inline-block; font-family: FontAwesome;position: absolute; right: 1em; margin-top:3px;}
                [role="navigation"] .collapsable span.expand:after{content: "\f107";display: inline-block; font-family: FontAwesome;position: absolute; right: 1em; margin-top:3px;}
		[role="navigation"] li.expandable { padding:0; }
		[role="navigation"] li.collapsable span.expand { border-bottom:0}
			.no-touch [role="navigation"] li a:hover, [role="navigation"] li a:active, [role="navigation"] li a:focus, [role="navigation"] li a.current, [role="navigation"] li ul, .no-touch [role="navigation"] span.expand:hover {text-decoration:none; border-bottom:1px solid #22272d; border-top:1px solid #3d464f; background:rgb(40,46,53); background:-moz-linear-gradient(left, rgba(40,46,53,1) 80%, rgba(37,39,44,1) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(80%,rgba(40,46,53,1)), color-stop(100%,rgba(37,39,44,1))); background:-webkit-linear-gradient(left, rgba(40,46,53,1) 80%,rgba(37,39,44,1) 100%); background:-o-linear-gradient(left, rgba(40,46,53,1) 80%,rgba(37,39,44,1) 100%); background:-ms-linear-gradient(left, rgba(40,46,53,1) 80%,rgba(37,39,44,1) 100%); background:linear-gradient(to right, rgba(40,46,53,1) 80%,rgba(37,39,44,1) 100%);  }
			[role="navigation"] li a.current {color:white; font-weight:700}
			[role="navigation"] li a.open, .no-touch [role="navigation"] li.collapsable span.expand:hover {background:none; border-bottom:0; }
				[role="navigation"] li ul { position: relative; display:block; padding:0 10%; width:80%; border-top:0; -webkit-box-shadow:inset 0px 0px 1px 1px #252a30; box-shadow:inset 0px 0px 1px 1px #252a30}
					[role="navigation"] .collapsable ul li:first-child {background:url(../images/open-menu.png) -9px -9px no-repeat}
					.no-touch [role="navigation"] li ul li a:hover, [role="navigation"] li ul li a:active, [role="navigation"] li ul li a:focus, [role="navigation"] li ul li a.current, [role="navigation"] li ul li ul {background:none; }
					.no-touch [role="navigation"] li ul li a:hover {background:none; color:#c3a75f}
						[role="navigation"] li ul li a { border-bottom:1px solid #22272d; border-top:1px solid #3d464f; padding:0.5em 0 0.5em 10%; }
						/*[role="navigation"] li span.number, [role="navigation"] li ul li a span {float: right; margin-right:8px; text-align:center; font-size:75%; color:white; font-weight:400; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding:0.1em 5%; border-top:1px solid #1b1c1e; border-bottom:1px solid #7e8185; }*/

                                                [role="navigation"] li span.number  {position:absolute; right:2.8em; text-align:center; font-size:75%; color:white; font-weight:400; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding:0.1em 5%; border-top:1px solid #1b1c1e; border-bottom:1px solid #7e8185; }
                                                [role="navigation"] .collapsable ul li a span, [role="navigation"] li ul li a span {position:absolute; right:2.8em; text-align:center; font-size:75%; color:white; font-weight:400; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding:0.1em 5%; border-top:1px solid #1b1c1e; border-bottom:1px solid #7e8185; }

                                                [role="navigation"] li ul li:first-child a { border-top:0}
						[role="navigation"] li ul li:last-child a { border-bottom:0}

/* Search Sidebar */
aside {padding:1em 0 4em}
	aside h3 {color:white; padding:1em 10%; border-bottom:1px solid #2c3239; }
		aside h3 small {font-weight:normal; font-size:70%; display:block; padding:0 0 0.25em}
	aside ul {border-top:1px solid #3e4650; padding:0.4em 10% 5em}
		aside li { list-style:none; margin:0; display:block; font-size:90%}
			aside li a { display:block; padding:0.3em 0; color:#c5c8cc; font-weight:300; }
	aside form { display:block; width:80%; padding:1em 10%; float:left; margin:0 0 1em}
		aside form div {padding:0.05em; float:left}
			aside input {float:left; background:none; width:77%; padding:0; text-indent:10px; height:45px; line-height:45px; color:white}
			aside form button {width:22%; float:right; text-align:center; height:45px; -webkit-border-radius:0px 4px 4px 0px; border-radius:0px 4px 4px 0px; cursor:auto; font:150%/100% 'FontAwesome', Arial, sans-serif; -webkit-box-shadow:none; box-shadow:none}
	aside .searchResults {border-bottom:1px solid #3e4650; margin:0 0 0.5em}
	aside .searchResult { display:block; padding:0.6em 5% 0.6em 10%; color:#c5c8cc; font-size:95%; font-weight:300; border-bottom:1px solid #2c3239; border-top:1px solid #3e4650}
        aside .searchResult h6 {font:700 80% "Open Sans", Arial, sans-serif; letter-spacing:0; margin:0 0 0.5em; color:#b29f6d;}
        aside h6 a {color:#b29f6d;}
        aside h6 span {float:left; font-size:90%; color:white; font-weight:400; -webkit-border-radius:15px; border-radius:15px; margin:0 0.5em 0 0; padding:0.1em 4%; border-top:1px solid #1b1c1e; border-bottom:1px solid #7e8185}
        aside .searchResult h6 a.viewAll {float:right; text-decoration:underline; font-size:90%}
			aside .searchResult ul {border-top:0; padding:0}
				aside .searchResult ul li {padding:0.15em 0 0}

    aside select.searchDropDown{width:100%; margin-bottom: 8px; background: #25292e; color: white;}

/* END MAIN TEMPLATE FUNCTIONALITY */



/* HEADER
---------------------------------------- */
header {float:left; display:block; width:100%}
	header .dots {float:left; padding:0}
	header .contain {display:block}
	header h1 {float:left; clear:left; padding:0 5% 0.5em; color:white}
		header h1 a {color:white}
	header h6 {float:left; padding:1em 5% 0}
		header h6 i {padding:0 0.4em}
	header .contain .btns {float:left; clear:both; background:white; width:90%; padding:0.8em 5%; -webkit-box-shadow:0px -5px 25px 0px rgba(0, 0, 0, 0.5); box-shadow:0px -5px 25px 0px rgba(0, 0, 0, 0.5)}
		header .contain .btns .direction {float:right;}
		header .contain .btns .direction a.btn {margin-right:0; margin-left:0; float:left; padding:0}
			header .contain .btns .direction a.btn i {background:none;}
			header .contain .btns .direction a.back {-webkit-border-radius:3px 0px 0px 3px; border-radius:3px 0px 0px 3px; border-left:0; border-right:1px solid #624936;}
			header .contain .btns .direction a.forward {-webkit-border-radius:0px 3px 3px 0px; border-radius:0px 3px 3px 0px; border-right:0; border-left:1px solid #ae9b80;}
                        header .contain .btns .direction a.btn i:after{border-right: 0px;}
	header .noBtn p {float:right; font-size:90%; padding-top:1.1em; color:white; display:none;}
	header a.btn {float:left; clear:none; width:auto; -webkit-border-radius:4px; border-radius:4px; margin:0.5em 2.5% 0.25em 0}
		header a.btn i {height:100%; float:left; font-size:125%; line-height:100%; padding:0.3em 0.6em}
			header a.btn em {font-weight:300; line-height:225%; font-size:90%; padding:0 0.75em; float:left; letter-spacing:0}

        h6 a.backButton {margin-right:15px;}
        .backButton i {padding-right:8px;}


/* END HEADER */

body a.bbtn {margin-right:0; margin-left:0; float:left; padding:0}
body a.bbtn i {background:none;}
body a.bbtn {float:left; clear:none; width:auto; -webkit-border-radius:4px; border-radius:4px; margin:0 2.5% 0 0}
body a.bbtn i {height:100%; float:left; font-size:125%; line-height:100%; padding:0.3em 0.6em}
body a.bbtn em {font-weight:300; line-height:225%; font-size:90%; padding:0 0.75em; float:left; letter-spacing:0; }


/* NOTIFICATIONS SLIDE PANEL
---------------------------------------- */
#toggle a {position:relative; z-index:500;display: block; }
#toggle a:after {
    content:'';
    position:absolute;
    top:-10px; bottom:-10px;
    left:-5px; right:-20px;
}


.bellAlerts {position:relative; float:right;text-align:center; width:50px; height:45px;margin: 20px 25px 0;}
.bellAlerts a {color:rgba(255, 255, 255, 1); text-align:center; height:30px;}
.bellAlerts a:hover {color:rgba(255, 255, 255, 0.7)!important;}

.bellAlerts:after {
    content: "\f0f3";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    left: 10px;
    top: 14px;
    font-size: 28px;
    color: #858A91;
    z-index: 499;
}
span.redBall{
    position:absolute;
    top:10px;
    left:0px;
    font-size:.7em;
    background:red;
    color:white;
    width:24px;
    height:24px;
    text-align:center;
    line-height:24px;
    border-radius:20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow:0 0 1px #000;
    z-index: 500;
}


#toppanel {position:absolute; top:45px; width:96%; z-index:200; text-align:center; margin-left:2%; margin-right:2%; }
#panel {width:100%; /*height:250px;*/ text-align:left; overflow:hidden; position:relative; z-index:3; display:none; -webkit-box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.50); box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.50); background:rgb(255,255,255); background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(230,230,230) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(230,230,230))); background:-webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(230,230,230) 100%); background:-o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(230,230,230) 100%); background:-ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(230,230,230) 100%); background:linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(230,230,230) 100%); }
#panel .brdr {position:absolute; bottom:0; left:0}
#panel h3 {font:300 250% "Quicksand"; letter-spacing:-0.1em; color:#565e67; width:90%; padding:0.5em 5%; margin:0}
.notifications-content { width:90%; padding:0 5% 2%}
	.notifications-content div { display:block; margin:0; padding:0.5em 0; border-bottom:1px solid #ddd}
		.notifications-content i { font-size:150%; margin-right:5px; color:#d9d9d9; text-shadow:0px 1px 0px #aaaaaa; }




/* ACCORDION (CONTACTS)
---------------------------------------- */
.accordion { width:100%; min-width:250px; margin:0 auto; }
	.accordion ul li { height:auto; clear:both; height:2.5em; line-height:2.5em; border-bottom:1px solid #ddd; overflow:hidden; padding:0 0 0.1em}
	.accordion ul li.group {height:3em; padding:1em 0 0; line-height:3em}
		.accordion ul li:first-child { border-top:none; }
		.accordion ul li a { font-size:100%; padding:0 2.5%; margin:0.1em 0 0; display:block;  color:#394049; position:relative; outline:none; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.2s ease-in-out; -o-transition:color 0.2s ease-in-out; -ms-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out; }
			.no-touch .accordion ul li a:hover { color:#886f41; cursor:pointer}
		.accordion ul li.st-open a { color:#886f41; background:#e7e3d6; font-weight:700; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px}
			.accordion ul li.st-open a span {background:#d4d0c1; font-weight:normal; color:#777}
.contact-content { padding:0 2.5% 0.5em; margin:0 0 0.1em ; color:#494c50; background:#e7e3d6; -webkit-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.2s ease-in-out; -o-transition:color 0.2s ease-in-out; -ms-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out}
	.contact-content div { display:block; padding:0; line-height:225%; font-size:85%; margin:0}
	.contact-content div.action {float:left; width:30%}
	.contact-content div div {font-size:100%}
		.contact-content i {color:#9b8155; font-size:110%}
		.accordion ul li .contact-content div a {padding:0; display:inline; font-weight:normal; color:#394049}
		.no-touch .accordion ul li .contact-content div a:hover {color:#886f41}
.accordion .ui-accordion-content div a.inlineButton {font-size: 90%; color:#FFF; display:inline; font-weight:normal; background-color:#B9A774; padding:5px; -webkit-border-radius:3px; border-radius:3px}
.accordion .ui-accordion-content div a.inlineButton i {color:#FFF}
.no-touch .accordion .ui-accordion-content div a.inlineButton:hover {color:#FFF}

/* END ACCORDION (CONTACTS) */


/* NESTED ACCORDION
---------------------------------------- */
.nestedaccordion li {list-style-type:none}
.nestedaccordion .outer {background:#fff; padding: 0 1em;}
	.nestedaccordion .outer .outer { background:none; padding: 0;}
.nestedaccordion .inner {position:relative; overflow:hidden;}
	.nestedaccordion .inner .inner {color:#494c50; padding:0.4em 1em; background:#e7e3d6; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.2s ease-in-out; -o-transition:color 0.2s ease-in-out; -ms-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out; }
		.nestedaccordion .inner .inner div {font-size:90%; display:block; padding:0.3em 0}
a.trigger {display:block;}
.last-child a.trigger {font-weight:normal}
.nestedaccordion h4 {padding:0; margin:0;}
.nestedaccordion h5 {padding:0; margin:0;}
.nestedaccordion h4 a.trigger {padding:0.6em 1em;}
.nestedaccordion h5 a.trigger {padding:0.2em 1em;}
.nestedaccordion h5 img { height: 2em; vertical-align: middle; margin-right: 0.5em; }
.nestedaccordion .new {background:#fff; border:none; border-bottom:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px;}
	.nestedaccordion .new .new {background:#fff; border:0; padding:0.5em 0; border-top:1px dotted #ddd; -webkit-border-radius:0; border-radius:0;}


.nestedaccordion a.open { color: #886f41; background: #e7e3d6; font-weight: 700; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px }
.nestedaccordion a.open span { background: #d4d0c1; font-weight: normal; color: #777 }
.nestedaccordion .inner div.pic img { height: 4em; padding-right: 1em; }
.nestedaccordion .inner .inner div.pic img { height: 4em; padding-right: 1em; }
.nestedaccordion a.open img { display: none; }
.nestedaccordion .inner .inner div.separator { clear: both; float: none; border-bottom: 1px solid #bbb; margin: 0.5em 0; padding-top: 0.5em}
.nestedaccordion .inner .inner div.description {font-size: 75%; margin-top: 0.5em}

/* END NESTED ACCORDION */

/*
   themeTable
*/
/*.themeTable table {*/
	/*width: 100%;*/
	/*border-collapse: collapse;*/
/*}*/

/*.themeTable table tr:nth-of-type(odd) {*/
	/*background: #eee;*/
/*}*/

/*.themeTable table th {*/
	/*background: #dee0e1;*/
	/*color: black;*/
	/*font-weight: bold;*/
/*}*/

/*.themeTable table td, th {*/
	/*padding: 6px;*/
	/*!*border: 1px solid #ccc;*!*/
	/*text-align: left;*/
/*}*/

/* end themeTable*/

/* tablesorter */
table.tablesorter {
	border-collapse: separate;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	max-width: 100%;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px;
}

table.tablesorter thead tr .tablesorter-headerUnSorted {
	background: url(images/bg.gif) no-repeat right;
	padding: 10px 30px 10px 15px;
	white-space: normal;
	cursor: pointer;
}

table.tablesorter thead .sorter-false {
	background-image: none !important;
	cursor: default;
	padding: 4px;
}

table.tablesorter tbody td {
	text-align: left;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 30px;
}

/*table.tablesorter tbody tr.odd td {*/
	/*background-color: #e8f3f9;*/
/*}*/

/*table.tablesorter tbody tr td {*/
	/*background-color: #f9fcfd;*/
/*}*/

table.tablesorter thead tr .tablesorter-headerAsc {
	background: url(images/asc.gif) no-repeat right;
	padding: 10px 30px 10px 15px;
	white-space: normal;
	cursor: pointer;
}

table.tablesorter thead tr .tablesorter-headerDesc {
	background: url(images/desc.gif) no-repeat right;
	padding: 10px 30px 10px 15px;
	white-space: normal;
	cursor: pointer;
}

/*end of tablesorter*/


/* PROFILE
---------------------------------------- */

.firstTimeProfile{
    text-align: center;
    margin:auto;
}

.firstTimeProfile .containerWhite{
    float:left;
    padding: 3em 0;
    width: 100%;
}

.firstTimeProfile h1{
    text-align: center;
    color: #494c50;
    font: 300 180%/100% "Quicksand";
}

/*.firstTimeProfile a.inlineButton{
    padding:1em;
}*/

.progressContainer{
    float:left;
    width:100%;
    margin:2.2em 0 1.5em;
    font-size: 110%;
}

.centreButton{
    display: inline-block;
}

.centreButton div.btn{
    margin: 0 auto;
}
.centreButton.btn{
    margin: 0 auto;
}
.progressContainer h3{
    text-align: center;
}

.progressContainer .subdued{
    font-size: 90%;
    display:block;
    text-transform: none;
}


/* Checkbox for NON-Switch pages   */

div .profileCBSpan{
    float:left;
    margin:10px 0 8px;
}

.profileCBSpan i{
color:#bbb;
}


label.profileCBLabel{

}

/* Checkbox for Switch pages only   */
.profileCBSwitchSpan{

}

label.profileCBSwitchLabel{
    margin:30px 0px;
    padding: 1em;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#ddd;

}

/* END  Checkbox for Switch pages only   */


/* DOCUMENTS   */

/*.catSection{float:left; border: 1px solid #ccc; padding:1em 2.5%; margin: 0 0 1em; width: 95%; clear: both;  -webkit-border-radius: 5px; border-radius: 5px;}*/
/*.catSection{float:left; background:rgba(255,255,255,0.6); padding:1em 2.5%; margin: 0 0 1em; width: 95%; clear: both}*/

/*.catSection{float:left; background:#999; padding:1em 2.5%; margin: 1em 0; width: 95%; clear: both}*/

/* DOCUMENTS END  */


.profilePhoto {float:left; width:22%; padding:1em 5%;}
	.profilePhoto img {max-width:100%; -webkit-box-shadow: 2px 6px 16px -1px rgba(0,0,0,0.58);-moz-box-shadow: 2px 6px 16px -1px rgba(0,0,0,0.58);box-shadow: 2px 6px 16px -1px rgba(0,0,0,0.58);}
	.profileName {padding:1.5em 0 0; float:left; width:68%}
	.profileName h2 {font-size:225%}


.roundProfilePhoto {float:left; width:65%; margin-bottom:1em; }
    .roundProfilePhoto img {-webkit-box-shadow: 2px 4px 10px -1px rgba(0,0,0,0.3);-moz-box-shadow: 2px 4px 10px -1px rgba(0,0,0,0.3);box-shadow: 2px 4px 10px -1px rgba(0,0,0,0.3); width:100%; min-width:100px;}

.profileAdmin {line-height: 28px; float:left; width: 90%; padding:1.2em 5%; font-size: 94%; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom:15px;}

/*.roundProfilePhoto {float:left; width:32%; margin-bottom:1em;}
    .roundProfilePhoto img {-webkit-box-shadow: 2px 4px 10px -1px rgba(0,0,0,0.3);-moz-box-shadow: 2px 4px 10px -1px rgba(0,0,0,0.3);box-shadow: 2px 4px 10px -1px rgba(0,0,0,0.3); width:100%; min-width:100px;}

.profileAdmin {line-height: 28px; float:right; width: 58%; background: rgba(255, 255, 255, 1); padding:1.5em 4%; font-size: 94%; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom:15px;}      */


h5.profileHeading{font-weight: 700; }

h3.profileHeading{background: #fff; padding: 0.8em;  }

.loginCount{float: left; display: block; padding-right:0px; font-size: 75%; line-height:22px;}
.loginCount:first-of-type {padding-right:15px;}

.profileInfo {display: inline-block; width: 95%; padding:2.5%; font-size: 95%; background:#fff; -webkit-border-radius: 5px; border-radius: 5px; margin: 0.5em 0 0; }

.profileInfo.summary {display: inline-block; width: 100%; padding:0; font-size: 95%; background:none; margin: 1em 0; }

.profileInfo h3{padding:0 0 0.5em;}


.topLineInfo{
    clear:both;
}

.box-info-Buttons  {display: grid;}

.profileAdminTask{display:block; clear: left;}

.box-info .pull-right a{
    padding:0.3em 0.5em;
}

/* Radio */

.box-info .radioSections{
    font-weight: 400 !important;
    padding: 1em 0.5em;
}


.radioSections input[type="radio"]{
    width:auto;
    webkit-box-shadow: none;
    box-shadow: none;
    margin: 0.4em 0;
}


/* Profile Fields Display on Summary Page */

.profileIcon {
    color: #bbb;
    width: 5%;
    display: inline-block;
    float:left;
    clear: left;
}

.profileLabel {
    color: #999;
    float:left;
    width: 33%;
}

.profileLabel:after{
    content: ": \00a0"
}

.profileValue {
    float:left;
    width: 62%;
}

.profileNoInfo {
    color: #999;
}

.info1 .profileInfo span{
    padding: 2px 0 0;
}

.profileGroupingDiv {
    margin:1em 0 0;
    width:100%;
    float:left;
}
.profileGroupingDiv:last-of-type{
    margin:1em 0 1em;
}

.profileSingleDiv {
    margin:1em 0 0;
    width:100%;
    float:left;
}

.profileSingleDiv:first-of-type {
    margin:0;
    width:100%;
    float:left;
}
.profileRole {
    display: inline-block;
    width: 100%;
    margin: 0 0 0.2em;
}

.profileRoles {
    display: inline-block;
    width: 100%;
    margin: 0 0 -0.7em 0;
    display: list-item;
    margin-left: 1.3em;
}

/* END of Profile Fields Display on Summary Page */

#OperatingHoursPanel{
    margin: 20px 0;

}
#summaryTable td:first-of-type{
    padding-right:30px;
}

#summaryTable{
    margin-top:10px;
}

.approvalPending{
    color: #fbc728;
    font-style: italic;
}
.approvalRequired{
    color: #bbb;
    font-style: italic;
}

/* END PROFILE */


/* ALERT MESSAGES
---------------------------------------- */
.info-box{
            color:#666;
            border-radius: 3px;
            padding:1.5em;
            margin: 1em 0 2em;
            float:left;
            width:100%;
            box-sizing: border-box;
        }

.info-box.orange{
            border-left: solid 5px #f7941d;
            background-color: #fbeedf;
        }

        .orange .fa.fa-info-circle{
            color:#f7941d;
            padding-right:5px;
        }

#alertDiv{
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top:0;
    z-index: 900;
    padding:2em;
}

    #alertDiv.modal{
      position: fixed;
      background-color: rgba(0, 0, 0, 0.5);
      width:100%;
      height:100%;
      padding:0;
    }

    #alertDiv.modal .alert-message {
        position: absolute;
        left: 0;
        right: 0;
        padding: 2rem;
        background: #fff;
        color: #444;
        margin: 6% auto;
        width:100%;
        max-width:60%;
    }


    #alertDiv .alert-message{
                color:#333;
                border-radius: 3px;
                padding:1.5em;
                margin: auto;
                box-sizing: border-box;
                position: relative;
                background: white;
                -webkit-box-shadow: 6px 7px 26px -4px rgba(0,0,0,0.36);
                -moz-box-shadow: 6px 7px 26px -4px rgba(0,0,0,0.36);
                box-shadow: 6px 7px 26px -4px rgba(0,0,0,0.36);
                width:100%;
                max-width:80%;
            }
            .alert-message p{ font-size: 0.9em; line-height: 1.2em; }

            .alert-message p::before {
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                position: relative;
                float:left;
                font-size: 2em;
                padding-right:10px;
                padding-bottom:10px;
                margin-top:2px;
            }

            .alert-message a{float:right; padding-left:10px; font-size: 0.9em; margin-top:8px; background:#eee;color:#272a30;border: 1px solid #ccc;}

            .alert-message a:hover{color:#999; background: #eaeaea;}

                .alert-message.yellow p::before {
                    content: "\f071";
                    color:#fbc728;
                }

                .alert-message.red p::before {
                    content: "\f071";
                    color:#f33;
                }

                .alert-message.green p::before {
                    content: "\f058";
                    color:#56ae37;
                }

                .alert-message.blue p::before {
                    content: "\f05a";
                    color:#67acc9;

                }



/* END ALERTS */



/* WHITE CONTAINER ELEMENTS
---------------------------------------- */
.containerWhite {background:white; padding:1em 5%; float:left; display:block; width:90%; clear:both}
.containerWhite h5 {padding:0.5em 0; margin:0 0 1em; border-bottom:1px solid #d4d4d4}
.containerWhite h5 a {font-size:90%; float:right;}
.containerWhite img.right {float:right; margin:0 0 1em 5%}
.containerWhite p {font-size:80%; line-height:150%; margin:0 0 1em}
.containerWhite ol {font-size:80%; line-height:150%; margin:0 0 1em 2em}
.containerWhite ol ul {margin-left: 2em;}
.js [role="main"] .containerWhite form {width:100%; padding:0}
form .large {font:300 200%/100% "Quicksand"; letter-spacing:-0.05em}
dl.results, dl.results dt, dl.results dd {width:100%; float:left; display:block; padding:0.75em 0}
	dl.results dt {width:100%; padding:0.5em 0 0; clear:both}
	dl.results dt.large {font:300 150%/100% "Quicksand"; letter-spacing:-0.05em}
	dl.results dd {width:100%; }
/* END WHITE CONTAINER ELEMENTS  */


/* TRANSPARENT CONTAINER ELEMENTS
---------------------------------------- */
.containerClearSimple {background:none; padding:1em 2.5%; float:left; display:block; width:95%; clear:both}

.containerClear {background:none; padding:1em 5%; float:left; display:block; width:90%; clear:both;}
.containerClear h5 {padding:0.5em 0; margin:0 0 1em; border-bottom:1px solid #d4d4d4}
.containerClear h5 a {font-size:90%; float:right;}
.containerClear img.right {float:right; margin:0 0 1em 5%}
.containerClear p {font-size:80%; line-height:150%; margin:0 0 1em}
.containerClear ol {font-size:80%; line-height:150%; margin:0 0 1em 2em}
.containerClear ol ul {margin-left: 2em;}
.js [role="main"] .containerClear form {width:100%; padding:0}
form .large {font:300 200%/100% "Quicksand"; letter-spacing:-0.05em}
dl.results, dl.results dt, dl.results dd {width:100%; float:left; display:block; padding:0.75em 0}
	dl.results dt {width:100%; padding:0.5em 0 0; clear:both}
	dl.results dt.large {font:300 150%/100% "Quicksand"; letter-spacing:-0.05em}
	dl.results dd {width:100%; }
/* END TRANSPARENT CONTAINER ELEMENTS  */


/* GREY CONTAINER ELEMENTS
---------------------------------------- */
.containerGrey {background:#d4d4d4; padding:1em 5%; float:left; display:block; width:90%; clear:both; margin-bottom: 1em;}
.containerGrey h5 {padding:0.5em 0; margin:0 0 1em; border-bottom:1px solid #d4d4d4}
.containerGrey h5 a {font-size:90%; float:right;}
.containerGrey img.right {float:right; margin:0 0 1em 5%}
.containerGrey p {font-size:80%; line-height:150%; margin:0 0 1em}
.containerGrey ol {font-size:80%; line-height:150%; margin:0 0 1em 2em}
.containerGrey ol ul {margin-left: 2em;}
.js [role="main"] .containerGrey form {width:100%; padding:0}
form .large {font:300 200%/100% "Quicksand"; letter-spacing:-0.05em}
dl.results, dl.results dt, dl.results dd {width:100%; float:left; display:block; padding:0.75em 0}
dl.results dt {width:100%; padding:0.5em 0 0; clear:both}
dl.results dt.large {font:300 150%/100% "Quicksand"; letter-spacing:-0.05em}
dl.results dd {width:100%; }
/* END GREY CONTAINER ELEMENTS  */



/* DASHBOARD
---------------------------------------- */
ul.what {float:left; width:100%; list-style-type:none; display:block; margin:0 0 1.5em; border-bottom:1px solid #d4d4d4}
	ul.what li {float:left; width:100%; list-style-type:none; text-align:left}
	ul.what li i {font-size:250%; color:#757f8a; margin:0 1% 0.25em 0; float:left;}
.next {float:left; width:100%; margin:0 0 0.5em; display:block; }
	.next h5 {margin:0; font-weight:bold; border:0; padding:0;}
	.next ul {float:left; width:100%; list-style-type:none; display:block; padding:1em 0 0}
	.next ul li {float:left; width:96%; margin:0 0 0.25em; font-size:125%; padding:4px 5px 4px 4px; list-style-type:none; text-align:center; color:white; background:white; -webkit-border-radius:6px; border-radius:6px;}
		.next ul li.last {margin:0;}
		.next ul li div {float:left; width:95%; display:block; padding:0.5em 2.5% 0; -webkit-border-radius:3px; border-radius:3px; text-align:left; }
			.next ul li div a {color:white;}
			.no-touch .next ul li div:hover {background:#9d8458; text-decoration:none; color:white;}
		.next ul li i {font-size:240%; color:white; margin:0 1% 0 0; float:left;}
.banner {width:100%; font-size:100%; float:left; line-height:150%; padding:25px 0 0 0; min-height:175px; margin:1em 0 0; display:block; background:url(../images/clouds.jpg) 70% bottom no-repeat; }
	.clearBanner { clear:both; float:left; width:100%; height:6px;}
	.banner img.right {float:right; max-width:25%; margin:1em 5% 1em 2em;}
	.banner h5 { margin-left:5%}
	.banner p { margin:0 0 1.25em 5%}
	.banner p a { background:white; font-size:80%; padding:0.4em 1em; border:1px solid #a3b2c1; -webkit-border-radius:6px; border-radius:6px}

.newUserImage { text-align: center; padding: 0 0 2em;}
    .newUserImage img {width:100%; max-width:250px;}
    .newUserImage i {
        font-size:8em;
        color:red;
        text-shadow: 3px 3px 9px rgba(150, 150, 150, 1);
        padding:0;
    }
.contentNew {
    margin: auto;
    background: rgba(222,224,225,1);
    background: -moz-linear-gradient(top, rgba(222,224,225,1) 0%, rgba(231,232,233,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,224,225,1)), color-stop(100%, rgba(231,232,233,1)));
    background: -webkit-linear-gradient(top, rgba(222,224,225,1) 0%, rgba(231,232,233,1) 100%);
    background: -o-linear-gradient(top, rgba(222,224,225,1) 0%, rgba(231,232,233,1) 100%);
    background: -ms-linear-gradient(top, rgba(222,224,225,1) 0%, rgba(231,232,233,1) 100%);
    background: linear-gradient(to bottom, rgba(222,224,225,1) 0%, rgba(231,232,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0e1', endColorstr='#e7e8e9', GradientType=0 );
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:2em 4em;
}

.welcomeDisplay {
    white-space:pre-wrap;
    display: inline-block
}

/* END DASHBOARD  */


/* CONFIG
---------------------------------------- */

.galleryPhoto {float:left; padding:1em 5%;}
	.galleryPhoto img {width:100%; max-width:100%; -webkit-box-shadow: 2px 6px 16px -1px rgba(0,0,0,0.58);-moz-box-shadow: 2px 6px 16px -1px rgba(0,0,0,0.58);box-shadow: 2px 6px 16px -1px rgba(0,0,0,0.58);}

.galleryImageHolder{padding:0.5em; float:left; margin:1em 0;}
.checkBoxHolder{padding:1em 0 0; text-align: center; }

/* END CONFIG  */


/* NEWS
---------------------------------------- */
.newsItem { width:90%; background:white; margin:0 0 1em; padding:1.5em 5% 0.5em;}
	.newsItem .head {width:100%; float:left; margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:1px solid #d4d4d4}
		.newsItem .headShot {width:12%; float:left; margin-right:3%;}
			.newsItem .head img {max-width:100%;}
		.newsItem .head .title {width:75%; float:left; color:#93774e; font-size:140%; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
                .newsItem .head i {float: left; padding-top: 3px; padding-right: 10px; opacity: 0.5;}
                .newsItem .head .draft i {float: none; padding-top: 3px; padding-right: 0px; color:#FFA500; opacity: 1;}
		.newsItem .head .from {width:65%; float:left; font-size:80%;}
			.newsItem .head .from strong {font-size:120%; padding-right:1%}
                .newsItem .head .date {background:none; clear:none; float:right; width:20%; padding:0; font-size:80%; color:#494c50; font-weight:normal; text-align:right }
                .newsItem .head .draft {background:none; clear:none; float:right; width:30%; padding:0; font-size:80%; color:#FFA500; font-weight:normal; text-align:right }
		.newsItem p {font-size:85%; margin:0 0 1em}
		.newsItem ul, .newsItem ol {font-size:85%; margin:0 0 1em 2em}
		.newsItem p img {max-width: 100%; height: auto; }
		.newsItem img {max-width: 100%; height: auto; }
                .draftNews {display: inline-block;}


/* END NEWS */




/* PROGRESS BAR
---------------------------------------- */
.meter {height:15px; position:relative; background:#eaeaea; -webkit-border-radius:25px; border-radius:25px; padding:6px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3); box-shadow:inset 0 1px 1px rgba(0,0,0,0.3); }
.meter > span { display:block; height:100%; -webkit-border-radius:22px; border-radius:22px; background-color:rgb(134,102,64); background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(134,102,64)), color-stop(1, rgb(186,169,117)))}
/* END PROGRESS BAR */




/* CALENDAR
---------------------------------------- */
table.calendar {width:100%; border:collapse; background:white; margin:0 0 1em; font-size:90%;}
	table.calendar th {color:white; text-align:center; font-size:100%; width:14.25%; padding:0.6em 0; font-weight:normal; background:#484e55; background:-moz-linear-gradient(top,  #484e55 0%, #292d31 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#484e55), color-stop(100%,#292d31)); background:-webkit-linear-gradient(top,  #484e55 0%,#292d31 100%); background:-o-linear-gradient(top,  #484e55 0%,#292d31 100%); background:-ms-linear-gradient(top,  #484e55 0%,#292d31 100%); background:linear-gradient(to bottom,  #484e55 0%,#292d31 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#484e55', endColorstr='#292d31',GradientType=0 ); }
	table.calendar td {vertical-align:top; font-size:110%; width:14.25%; font-weight:normal; text-align:center}
		table.calendar td a {color:#6c7174; cursor:pointer; display:block; line-height:140%; padding:6px 0 0; height:40px; width:99%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px); background:white; border:1px solid #eee}
		.no-touch table.calendar td a:hover {color:#c3a75f; cursor:pointer}
		table.calendar td a.selected {border:1px solid #aa9464; color:#aa9464; font-weight:bold}
		table.calendar td.current a {color:white; background:#aa9464; border:1px solid #917e55}
		table.calendar td.current a.selected {color:white; font-weight:normal; border:1px solid #917e55}
		table.calendar td a span.events { display:inline; color:#aa9464; font-size:190%; text-align:center; display:block; font-weight:bold; font-family:Arial; letter-spacing:0.1em; padding-left:0.1em;}
		table.calendar td.current a span.events {color:white;}
		table.calendar td.otherMonth a {color:#c4c6c7}
		table.calendar td.otherMonth a span.events {color:#c4c6c7}
.EventOfTheDay {width:90%; padding:0 5%;}
.EventOfTheDay p {margin:0 0 1em;}
.dailyEvents {width:95%; float:left; display:block; background:white; padding:0.25em 2.5%; margin:0 0 1em;}
.event {width:100%; float:left; display:block; border-bottom:1px solid #d4d4d4; padding:0.5em 0;}
.event:last-child {border-bottom:0;}
.event .eventTitle {float:left; width:50%;}
.event .eventDate {float:left; width:25%; text-align:right;}
.event .eventTime {float:left; width:25%; font-weight:bold; text-align:right;}
.calendarEvent { width:90%; background:white; margin:0 0 1em; padding:1.5em 5% 0.5em;}
	.calendarEvent .head {width:100%; float:left; margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:1px solid #d4d4d4}
/*		.calendarEvent .headShot {width:12%; float:left; margin-right:3%;}*/
                        .calendarEvent .headShot {width:12%; float:left; margin-right:3%;}
			.calendarEvent .head img {max-width:100%;}
		.calendarEvent .head .title {width:85%; float:left; color:#93774e; font-size:150%;}
/*		.calendarEvent .head .from {width:43%; float:left; font-size:80%;}*/
                .calendarEvent .head .from {width:85%; float:left; font-size:90%; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
			.calendarEvent .head .from strong {font-size:120%; padding-right:1%}
/*		.calendarEvent .head .date {filter:none;background:white; clear:none; float:right; width:40%; padding:0; font-size:80%; color:#494c50; font-weight:normal; text-align:right }*/
                .calendarEvent .head .date {filter:none;background:white; clear:none; float:left; width:85%; padding:0; font-size:80%; color:#494c50; font-weight:normal; text-align:left }
		.calendarEvent p {font-size:85%; margin:0 0 1em}
		.calendarEvent ul, .calendarEvent ol {font-size:85%; margin:0 0 1em 2em}
        .calendarEvent p img {max-width: 100%;height: auto;}
/* END CALENDAR */




/* MESSAGES
---------------------------------------- */
.messages {background:white; }
	.messages .messageThread {border-top:1px solid white; font-size:90%}
	.messages .messageThread:last-child {border-bottom:1px solid #ddd}
		.messageThread, .messages {width:100%; display:block; clear:both;}
			.messages .messageThread .expand a {color:#394049; background:#f0f0f0; padding:1em 2.5%; width:95%; font-size:90%; -webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25)}
			.messages .messageThread .expand a.open {background:white;}
			.messages .messageThread td {vertical-align:top;}
			.no-touch .messages .messageThread .expand a:hover {color:#c3a75f;}
				.messageThread .messageFrom {width:30%; font-weight:600}
				.messageThread .messageSubject {width:45%;}
				.messageThread .messageDate, .messageThread .messageTime {width:12.5%; text-align:right; font-size:90%; color:#666;}
				.messageThread .headshot {width:20%; float:left;}
					.messageThread .headshot img {max-width:75%; float:left}
			.messages .messageThread .collapse {padding:0 2.5% 1.5em; width:95%; }
			.messages .messageThread .collapse p {margin:0 0 1.5em;}
		.messageDetails {width:100%; display:block; float:left; font-size:85%; border-top:1px dotted #d5d5d5; border-bottom:1px dotted #d5d5d5; padding:0.5em 0; margin:0 0 1.5em}
		.messageDetails span {float:left; width:75%; line-height:100%; margin:0; padding:1em 0 0;}
		.messageDetails .btn {float:right; width:auto; font-size:175%; line-height:175%; width:37px; height:35px; margin:0; color:#777; border:1px solid #ccc; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.15)}
		.messageDetails a.active {background:#eeeeee;}
		.replyForward {display:block; padding:1.5em 0 0.5em;}
		.replyForward p {background:#f0f0f0; -webkit-border-radius:5px; border-radius:5px; margin:50px 0 20px; width:auto; display:inline; padding:0.75em 1.25em; font-size:90%; -webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25)}
		.replyForward a.active { -webkit-border-radius: 2px; border-radius: 2px; padding: 0 2px; }
		.replyForwardAttachments {background:#e7e8e9;-webkit-border-radius:5px; border-radius:5px; padding:15px; word-wrap: break-word;}
/* END MESSAGES */





/* INBOX
---------------------------------------- */
.inbox { clear:both; width:95%; padding:1em 2.5%;}
	.inboxMessage {padding:1em 2.5%; margin:0 0 0.8em; width:95%; float:left; font-size:90%; background:#f0f0f0; border-bottom:1px solid white; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25)}
		.inboxMessage a {color:#494c50;}
			.no-touch .inboxMessage a:hover {color:#c3a75f}
	.inbox .unread {background:white; border:0; -webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.3);}
		.inbox .unread .inboxRecipients, .inbox .unread .subject {font-weight:bold;}
		.inbox .unread .me {font-weight:normal;}
	.inboxMessage .headshot {width:15%; float:left;}
		.inboxMessage .headshot img {max-width:75%}
	.inboxMessage .inboxRecipients {width:45%; float:left;}
	.inboxMessage .inboxDate {width:35%; text-align:right; font-size:90%; float:right;}
	.inboxMessage .inboxContent {width:85%; float:right; padding:0.5em 0 0;}
	.contain h1 span.messagesContain {float:left; padding-right:0.5em;}
	.contain h1 span.unread {font-size:40%; color:#494c50; float:left; background:white; margin:0.85em 0 0 ; font-weight:700; -webkit-border-radius:25px; border-radius:25px; padding:0.3em 0.9em 0.2em 0.8em; border-bottom:1px solid white; -webkit-box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5); box-shadow:inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5)}
/* END INBOX */





/* FORUM
---------------------------------------- */
.forumTopics {float:left; width:90%; padding:0.5em 5%; font-size:85%; display:block; margin:0.5em 0 1.5em; -webkit-border-radius:3px; border-radius:3px; background:white;}
	.topic {float:left; width:100%; display:block; border-bottom:1px solid #d4d4d4; padding:0.7em 0;}
	.topic:last-child {border:0;}
		.topic .author {float:left; width:35%;}
		.topic .subject {float:left; width:50%; font-weight:700;}
		.topic .replies {float:left; width:15%; text-align:center;}
		.forumTopics .head div {color:#c3a75f; font-weight:bold;}
.forumCategories {float:left; width:100%; padding:0; font-size:80%; margin:0 0 1em; display:block; }
	.forumCategories .category {float:left; width:90%; padding:0 5%; display:block; border-bottom:1px solid #d4d4d4;  background:white;}
	.forumCategories .category:last-child {border:0;}
	.forumCategories .categoryHead {float:left; width:100%; display:block; border-bottom:1px dotted #d4d4d4}
	.forumCategories .categoryTitle {float:left; width:61%; padding:1em 3% 0.5em 1%; display:block; font-size:135%;}
	.forumCategories .categoryTitle img {height:3em; float: left; margin-right: 1em;}
	.forumCategories .categoryHead .read {float:right; width:31%; padding:1.5em 1% 0 3%; display:block; text-align:right;}
	.forumCategories p {float:left; width:100%; padding:1em 0 1.5em; display:block; text-align:justify;}
	.forumCategories .categoryDetails {display:none;}
		.forumCategories .categoryDetails .lastPost  {display:block;}
.forumPost {float:left; width:90%; padding:1em 5%; font-size:80%; margin:0 0 1em; display:block; -webkit-border-radius:3px; border-radius:3px; background:white;}
	.forumPost .postHead {float:left; width:100%; display:block; padding:0.5em 0 1em; margin:0 0 1em; font-size:135%; border-bottom:1px dotted #d4d4d4}
		.forumPost .postHead i {color:#c5c5c5; font-size:200%; margin:0 0.5em 0 0;}
		.forumPost .postHead .postDate {float:right; width:30%; display:block; font-size:75%; text-align:right;}
		.forumPost .postHead .categoryTitle img {height:3em; float: left; margin-right: 1em;}
		.forumPost p img {
			max-width: 100%;
			height: auto;
		}
	.forumPostReply {padding:1.5em 0 1em; clear:both;}
		.forumPostReply textarea {background:#f0f0f0;}
		.forumPostReply .placeholder {color:#93774e} .forumPostReply ::-webkit-input-placeholder {color:#93774e} .forumPostReply :-moz-placeholder {color:#93774e}
	.postDetails .checkbox {width:50%; padding:0; margin:0; float:left;}
/*	.postDetails .repost {float:right; width:50%; text-align:right;}*/
/*	.postDetails .repost .btn {float:right;}*/
/* END FORUM */



/*MARKETING TAGS */
.clr {clear:both;}
.sectionHead{
    clear:both; float: left; margin: 20px 0px 20px 0px; width:100%;
}
.sectionHead h3{
    display: inline;
}
.listboxswap .source_wrapper p, .listboxswap .destination_wrapper p{
    color: #333;
    background-color: #d3e5f7;
}
.listboxswap .source_wrapper p, .listboxswap .destination_wrapper p:nth-of-type(2){
    background-color: #d9f7d3;
}
.buttonHolder{display:block; float: right; margin-top:20px;}

.checkSmallerText{font-size: smaller; padding-left:10px;}

.sectionDivider{clear:both; margin: 20px 0px; float:left;}

.inputButtonGrey {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Arial;
  color: #333;
  font-size: 14px;
  background: #ebebeb;
  padding: 1.2em 45px;
  width:100%;
  text-decoration: none;
  text-align: center;
  float:left;
}

.inputButtonGrey:hover {
  background: #d9d8d8;
  text-decoration: none;
  cursor:pointer;
}

.addTag-div {
    border-style: solid;
    /*border-bottom: 1px solid #b1afaf;*/
    padding-top: 5px;
    padding-bottom: 5px;
}
/*.addTag-input {
    max-width: 50%;
    height: 20px;
}*/


.largerIcons i{
    font-size:larger;
}

.bottomTableButton{
    color:white; text-decoration: underline; font-size: smaller; text-align: center;
}

#tags tr td:nth-child(n+3){
    text-align: center;
    max-width:75px;
    width: 75px;
    padding-left: 0px;
}
#tags tr th:nth-child(n+3){
    text-align: center;
    max-width:75px;
    width: 75px;
    padding-left: 0px;
}

.tagDevFilter { min-width: 180px; font-size:90%;
    padding: initial; }

.labelLighter{
    color:#999;
}
.labelLighter i{
    color:#bbb;
}

/* MARKETPLACE
---------------------------------------- */
.marketplaceItem { width:90%; background:white; margin:0 0 1em; padding:1.5em 4% 4.5em; cursor:pointer; overflow: auto; padding-bottom: 24px}
.marketplaceItem .head {width:100%; float:left; margin-bottom:0.5em; padding-bottom:0.5em;}
.marketplaceItem .headSummary {display:inline-block; max-width: 75%}
.marketplaceItem .headShot {width:22%; float:left; margin-right:3%;}
.marketplaceItem .head img {max-width:70%;}
.marketplaceItem .head .title {width:100%; float:left; color:#93774e; font-size:150%;}
.marketplaceItem .head i {float: left; padding-top: 3px; padding-right: 10px; opacity: 0.5;}
.marketplaceItem .head .summary {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; float:left; font-size:80%;}
.marketplaceItem .head .summary strong {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:120%; padding-right:1%}
.marketplaceItem p {font-size:85%; margin:0 0 1em}
.marketplaceItem ul, .marketplaceItem ol {font-size:85%; margin:0 0 1em 2em}
.marketplaceItem .head .summaryDetail {width:100%; float:left;}
.marketplaceItem p img {
	max-width: 100%;
	height: auto;
}
.marketplaceFilter {
	padding: 1em;
	margin-bottom: 1em;
	background: #fcfcca;
	line-height: 3em;
	font-size: 90%;
	padding-left: 1.5em;
}
.marketplaceFilter select { min-width: 180px; font-size:90%;
	padding: initial; }

.marketplaceContact {
	background: white;
	padding: 1em;
	width: 95%;
	display: inline-block;
	margin-bottom: 1em;
}
.marketplaceContact .header {
	font-size: 150%;
	padding-bottom: 0.5em;
	font-family: Quicksand;
	width: 50%;
}
.marketplaceContact .detail {
	float: left;
	width: 50%;
}
.marketplaceContact .detail a {
	text-decoration: underline;
	color: #494c50;
}
.marketplaceContact .hours {
	float: left;
	width: 50%;
}
.marketplaceContact .hours span {
	display: block;
}
/* END MARKETPLACE */



/* Preferences Table */
.table-preferences{
    border-collapse: separate;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
    font-size: 80%;
    background-color: #eee;
}

.table-preferences th{
    text-align: left;
    background-color: #FFFFFF;
    padding: 10px;
}

.table-preferences td {
    text-align: left;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    min-width: 30px;
}
.table-preferences tr {
    background-color: #f9fcfd;
}

.table-preferences tr.odd {
    background-color: #e8f3f9;
}

.table-preferences tr:nth-of-type(even) {
    background-color: #f9fcfd;
}

.table-preferences tr:nth-of-type(odd) {
    background-color: #e8f3f9;
}

.table-preferences td .smallCells{
    text-align: center;
}

.smallCells a{
    padding:1em 2em;
}
.smallCells i{
    font-size:larger;
}

/*COJ Table*/
.batch-download{
    float: right;
}

/* Units Table */
.table-units {
	border-collapse: separate;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	max-width: 100%;
	font-size: 80%;
}

.table-units th {
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px;
}

.table-units td {
	text-align: left;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	min-width: 30px;
}

.table-units tr:nth-of-type(even) {
background: #f9fcfd
}

.table-units tr:nth-of-type(odd) {
background: #e8f3f9
}

.pending{
	border-collapse: separate;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	max-width: 100%;
	font-size: 14px;
	padding: 1px;
	font-weight: normal;
	font-size: 0.8em;
	width: 5%;
}

.marketplaceListItem {
	border-collapse: separate;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	max-width: 100%;
	font-size: 14px;
	padding: 1px;
	font-weight: normal;
	font-size: 0.8em;
}

.pet-status {
	font-weight: normal;
	font-size: 0.8em;
	float: right;
}


/* Styles for FAQ and Orientation

.containerWhite p {
    font-size: 100%;
}

.containerWhite ul ol {
    font-size: 100%;
}


/* FAQ */

#faq p {
    font-size: 100%;
}

#faq ul ol {
    font-size: 100%;
}


#faq ol {
    margin-left: 2em;
    padding-left: 0;
}

#faq UL {
    margin-left: 2em;
    padding-left: 0;
}

div a.anchorButton {
    font-size: 90%;
    color: #0378be;
    display: inline;
    font-weight: normal;
    padding: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #0378be;
}

/* Orientation */

.about .new ol {
    counter-reset: item;
}

.about .new ol li {
    display: block ;
    list-style-type:lower-alpha;
}

.about .new ol li:before {
    content: counters(item, ".") " "; counter-increment: item;
}

.about .new, .about .inner ul li {
    list-style-type:circle;
}

.about .inner ul, .about .new ol {
    margin-left: 2em;
    padding-left: 0;
}

.about .new img, .about .inner img {
    border: 2px solid #0a91e2;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


/* File Attachments */
.attachments { margin-top: 3em; padding-top: 4px; border-top: 1px solid #d4d4d4; clear: both; word-wrap: break-word;}
.attachments div { margin: 0.3em 0; }
.attachments a { margin: 0 1em 0 0.5em; }
.attachments .size { font-size: 80% }

#fileUploadProgressDiv {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:48%;
	display:none;
	background:white;
	opacity:0.8;
	z-index: 500;
}

#fileUploadProgressMessage{
	position:fixed;
	left:25%;
	width:50%;
	opacity:1.38;
	text-align:center;
	vertical-align:middle;
}

.propertyProfileData {
	background:#d1d6d9;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:20px;
}

.listedInfo {
	background:#fff;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:15px;
    word-wrap: break-word;
}


a.document-delete-link i.document-delete-link
{
	color:red;
}
a.document-delete-link i.document-delete-link:hover
{
	color:#cc0000;
}

.forum-read
{
	font-weight:normal;
}

.forum-unread
{
	font-weight:bold;
}

a.forum-read
{
	font-weight:normal;
}

a.forum-unread
{
	font-weight:bold;
}

.forum-subscribe-link
{
	float:right;
}

/* Border Radius */
.borderRadius {border-radius: 4px;}

/* Circular Image */
.img-circle {border-radius: 50%;}

.pull-right {text-align: right;}

.pull-left {text-align: left;}

.padDivs {padding-top: 4px; padding-bottom: 4px;}

.smallText {font-size: x-small;}

/* Slider CSS */

.switchHolder{
    margin:25px 0px 15px;
}

.switchHolder p{
    display: inline;
    float:left;
    margin: 0px 15px 0 0;
}

.switch {
	position: relative;
	display: inline-block;
	width: 38px;
	height: auto;
        min-height:3px;
}

.switch input {
	display: none;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/*NADA'S STYLES*/



a.btnSecond{
    border:1px solid #186099;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background-colour:none;
    padding:1em 1.6em;
    text-color: #186099;
    font-size: 13px;
    margin: 0px 10px;
}
.right{
    float:right;
}

.subNavHolder{
    float:left;
    width:100%;
    margin-bottom:10px;
}
.greySection{
    background: #e7e8e9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2em 2.5%;
    float: left;
    width: 95%;
    margin-bottom:40px;
}
.whiteSection{
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2em 2.5%;
    width: 95%;
    margin-bottom:40px;
}

.innerSection1{
    width:95%;
    margin:auto;
}
.innerSection2{
    width:80%;
    margin:auto;
}

.underline {
    text-decoration:underline;
}

.subTitleHolder{
    background-color: #e7e8e9;
    padding:1em;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:100%;
    -o-box-sizing: border-box; /* Opera */
    -ms-box-sizing: border-box; /* IE */
    -moz-box-sizing: border-box; /* Mozilla */
    -webkit-box-sizing: border-box; /* Chrome, Safari */
    box-sizing: border-box;
    margin-bottom: 1em;
}
.subTitleHolder span{
    font-size: 1em;
}
.textFieldwithButton{
    width: 100%;
    float:left;
    display: inline-block;
    margin: 0.6em 0 2em 0;
}
.textFieldwithButton a{
    margin-left:10px;
}
.centred{
    text-align:center !important;

}
.deniedAccess{
    color:red;
}


/* FIXES FOR IE10+
---------------------------------------- */



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    /* IE10+ CSS here */
    body {font-weight: 300;}
    .container {position: relative;}
    .containerInside {flex-direction: row; min-height: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; width:100%; height:100%;}
/*    #toppanel.forceIEfix {width:96%; max-width:55%; }*/
    /* Main Menu */

    [role="navigation"] .expandable span.expand:after{content: "\f105";display: inline-block; font-family: FontAwesome;position: relative; float:right; margin-right: -25px; margin-top:3px;}
    [role="navigation"] .collapsable span.expand:after{content: "\f107";display: inline-block; font-family: FontAwesome;position: relative; float:right; margin-right: -25px; margin-top:3px;}

    [role="navigation"] li span.number  {position:relative; float:right; margin-right:-25px; text-align:center; font-size:75%; color:white; font-weight:400; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding:0.1em 5%; border-top:1px solid #1b1c1e; border-bottom:1px solid #7e8185; }
    [role="navigation"] .collapsable ul li a span, [role="navigation"] li ul li a span {position:relative; float:right; margin-right:-25px; text-align:center; font-size:75%; color:white; font-weight:400; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; padding:0.1em 5%; border-top:1px solid #1b1c1e; border-bottom:1px solid #7e8185; }

}


/* ----------------------------------------
END FIXES FOR IE10+ */


/* SCREENS BELOW 400 PIXELS
---------------------------------------- */
@media all and (max-width:400px) {

    .profileIcon {
        width: 7%;
    }
    .profileLabel {
        width: 45%;
    }

    .profileValue {
        width: 48%;

    }

    select {width:auto; min-width:100%;}
    .datePart { width: 100% }
    .timePart { width: 50% }

}

/* ----------------------------------------
END SCREENS BELOW 400 PIXELS */




/* SCREENS BELOW 600 PIXELS
---------------------------------------- */
@media all and (max-width:600px) {

	.img-offset {margin-top: -100px;}
	.offset {margin-top: 80px;}

        .sectionDivider div.btn:nth-of-type(2) {clear:left; margin:1em 0 0 0;}
        /*#toppanel.forceIEfix {width:96%; max-width:96% !important; }*/
        .searchSections{
            width:100%;
            float:left;
        }


    select {width:auto; min-width:100%;}
    .datePart { width: 100% }
    .timePart { width: 50% }

        .profileIcon {
        width: 7%;
    }
    .profileLabel {
        width: 45%;
    }

    .profileValue {
        width: 48%;

    }

}

/* ----------------------------------------
END SCREENS BELOW 600 PIXELS */



/* SCREENS BETWEEN 600 AND 730 PIXELS
---------------------------------------- */
@media all and (max-width: 730px) and (min-width: 600px) {

        .sectionDivider div.btn:nth-of-type(2) {clear:left; margin:1em 0 0 0;}

        }



/* ----------------------------------------
END SCREENS BETWEEN 600 AND 730 PIXELS */


/* MOBILE AND TABLET SMOOTH SCROLLING
---------------------------------------- */


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    .touch {

        -webkit-overflow-scrolling: touch;
    }
}
@media screen and (max-width: 768px) {

    .forumCategories .categoryTitle
    {
        width: 90%;
    }
        .touch {
             -webkit-overflow-scrolling: touch;
        }
        [role="navigation"] li span.number{ border-top: 0px;  }
        [role="navigation"] .collapsable ul li a span, [role="navigation"] li ul li a span{ border-top: 0px;   }
}



/* SCREENS ABOVE 600 PIXELS
---------------------------------------- */
@media all and (min-width:600px) {
	pre { margin:0 0 0 10% }
	body {font-size:95%}
	.off-canvas-navigation ul li {float:left; width:20%}
	.menu-button {display:none}
	.sidebar-button {border:none}
	.off-canvas-navigation ul li.page-title {display:none}
/*	.js [role="navigation"] {width:30%; margin-left:0}
        .js [role="main"] {width:65%; padding:0 2.5% 2.5em; float:left; height:100%; }
	.js [role="search"] {width:30%; margin-right:-200%; float:left}
	.active-sidebar [role="navigation"] {margin-left:-100%}
	.active-sidebar [role="main"] {margin-left:0; width:65%}
	.active-sidebar [role="search"] {margin-left:0; margin-right:-200%; width:30%}*/
	[role="main"] h1 {text-align:left}

        /* NEW STYLES*/
        .js [role="navigation"] {width:30%;margin-left:0%; }
        .js [role="main"] {width:65%; margin-left:0%;padding:0 2.5% 2.5em;}
        .js [role="search"] {width:30%; margin-right:-30%;}
        .active-sidebar [role="navigation"] {margin-left:-30%}
        .active-sidebar [role="main"] { margin-left:0%}
        .active-sidebar [role="search"] {margin-right:0%;}

        .firstTimeProfile h1{text-align: center;}

	/* Logo */
	#menu .logo {display:block; width:100%; text-align:center; padding:1em 0}
		#menu .logo img {max-width:85%; max-height: 250px;}
		body.login .logo img {max-width:70%; max-height: 250px;}

	/* Header */
	header {background:none; filter:none; -webkit-box-shadow:none; box-shadow:none; margin:0 0 1em;}
	header .dots {background:none}
	header h1 { color:#565e67; padding:0; max-width:100%}
		header h1 a {color:#565e67}
	header .noBtn h1 {max-width:90%; }
	header .noBtn p {color:#494c50; display:block;}
	h4.indent {padding:0.5em 2.5% 0.5em; background:none; border:0}
	header h6 {padding:2em 2.5%; float:left; width:50%}
	header .contain {background:#e7e8e9; -webkit-border-radius:5px; border-radius:5px; padding:1em 2.5%; float:left; display:block; width:95%}
	header .contain .btns {float:left; width:100%; background:none; clear:left; -webkit-box-shadow:none; box-shadow:none; margin:0; padding:0}
		header a.btn {float:left; clear:none; margin:1em 2.5% 0.25em 0}
		header a.btn em {padding:0 0.75em}

	body a.bbtn {float:left; clear:none; margin:1em 2.5% 0.25em 0}
	body a.bbtn em {padding:0 0.75em}

	/* Notifications Slide Panel */
	#toppanel {position:absolute; top:0; width:80%; margin:0; }
	/*#panel {height:300px}*/

        .bellAlerts {width:50px; height:45px;margin: 10px 10px 0;}
                .bellAlerts:after {color: #494c50;}

	/* Forms */
	.js [role="main"] form {width:95%; padding:0 2.5%}
	.js [role="main"] form.fullWidth {width:100%; padding:0}
	.js [role="main"] form .radio input, .js [role="main"] form .checkbox input {width:auto;}


	/* Off Canvas Navigation */
	.off-canvas-navigation {width:15%; float:right; padding:0.8em 0 0 0; -webkit-box-shadow:none; box-shadow:none}
		.off-canvas-navigation ul li {display:none}
		.off-canvas-navigation ul li.sidebar-item {display:block; width:45px; height:45px; float:right}
		.off-canvas-navigation ul li.sidebar-item a {float:right; width:100%; font-size:200%; line-height:140%; height:43px; margin:0; border:1px solid #ccc; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.15)}

	/* Profile */
	.profilePhoto {width:20%; padding:1em 5% 1em 2.5%}
		.profilePhoto img {max-width:95%}
		.profileName {padding:1em 0 0; width:72.5%}
		.profileName h2 {font-size:325%}


	/* Timeline */
	.scroll_container {background:url(../images/timeline.png) center 0 no-repeat; width:100%; margin-left:auto; margin-right:auto; text-align:center; clear:both; padding:40px 0; display:block; float:left}
		.timelineMonth {width:100%; display:block; clear:both; float:left; background:url(../images/timeline.gif) center 0 repeat-y}
		.date {width:100%; font-size:160%; color:#888; font-weight:300; padding:0.5em 0; background:url(../images/date-dot.png) center center no-repeat}
			.date span.month {width:47.25%; padding-right:2.5%; float:left; text-align:right}
			.date span.year {width:47.25%; padding-left:2.5%; float:right; text-align:left}
		.timelineItem {width:40%; padding:1em 3%; background:white; position:relative; float:left; text-align:left; }
		.timelineItem:after {content:""; position:absolute; left:100%;	top:20px; width:0; height:0; border-top:12px solid transparent; border-left:12px solid white; border-bottom:12px solid transparent}
		.rightItem {float:right}
		.rightItem:after {left:auto; right:100%; border-left:0;	border-right:12px solid white; }
		.timelineItem h4 {display:block; padding:0 0 0.25em; margin:0 0 0.5em; background:none}
		.timelineItem h5 {width:100%; padding:0 0 0.5em}
		.timelineItem p {margin:0}
		.timelineItem div.download {background:#f0f0f0; margin:0; display:block; clear:none; float:left; width:90%; padding:0 5%}

	/* White Container Elements */
	.containerWhite {padding:1em 2.5%; width:95%}
	form .large {font:300 200%/100% "Quicksand"}
	.js [role="main"] .containerWhite form .radio input {width:auto}
	ul.what li {width:25%}
	/* End White Container Elements */

        /* Transparent Container Elements */
	.containerClear {padding:1em 2.5%; width:95%}
	form .large {font:300 200%/100% "Quicksand"}
	.js [role="main"] .containerClear form .radio input {width:auto}
	ul.what li {width:25%}
        .containerClearSimple {padding:0; width:100%}
	/* End Transparent Container Elements */

	/* Calendar */
	table.calendar {font-size:100%;}
	table.calendar th {font-size:110%;}
	table.calendar td a {padding:10px 0 0; height:55px;}
	.EventOfTheDay {width:100%; padding:0;}
	.calendarEvent { width:94%; padding: 1.5em 3% 0.5em; }
	.calendarEvent .headShot {width:8%; float:left; margin-right:2%;}
	.calendarEvent .head .title {width:50%;}
	.calendarEvent .head .from {width:70%;}
	.calendarEvent .head .date {width:20%; float:right; text-align: right;}
	.calendarEvent p img {max-width: 100%;height: auto;}
	/* End Calendar */

	/* Messages */
	.messages .messageThread .expand a {padding:0.5em 1.5%; width:97%; font-size:100%; }
	.messageThread .messageFrom {width:30%;}
	.messageThread .messageSubject {width:50%;}
	.messageThread .messageDate, .messageThread .messageTime {width:10%;}
	.messageThread .headshot {width:15%; float:left;}
	/* End Messages */

	/* Inbox */
	.inbox { clear:both; width:100%; padding:0;}
	.inboxMessage .headshot {width:10%}
	.inboxMessage .inboxRecipients {width:50%}
	.inboxMessage .inboxContent {width:90%;}
	.inboxMessage .inboxDate {font-size:85%; width:30%; font-size: 85%;}
	/* End Inbox */

	/* Dashboard */
	.banner {font-size:120%; min-height:228px;}
	.banner img.right {max-width:20%;}
	ul.what li {float:left; width:25%; list-style-type:none; text-align:center}
	ul.what li i {float:none; margin:0 0 0.25em}
	.next ul li {float:left; width:28.5%; margin:0 2% 0 0; padding:5px 6px 5px 5px; text-align:center;}
	.next ul li i {float:none; margin:0; padding:0; text-align:center;}
	.next ul li div { height:7.5em; text-align:center;}
	/* End Dashboard */

	/* News  */
	.newsItem { width:94%; padding:1.5em 3% 0.5em;}
	.newsItem .headShot {width:8%; float:left; margin-right:3%;}
	.newsItem .head .title {width:75%;}
	.newsItem .head .from {width:65%;}
	.newsItem .head .date {width:20%;}

	/* End News */

	/* Forum */
	.forumCategories .category {width:95%; padding:0 2.5%; -webkit-border-radius:3px; border-radius:3px; background:white url(../images/categories-bg.gif) 72% 0 repeat-y;}
		.forumCategories .categoryTitle {width:61%; padding:1em 3% 0.5em 1%;}
		.forumCategories .categoryHead .read {float:right; width:31%; padding:1em 1% 1em 3%;}
		.forumCategories p {float:left; width:61%; text-align:justify;}
		.forumCategories .categoryDetails {float:right; width:31%; padding:1em 1% 1.5em 3%; display:block;}
	.forumPost {width:95%; padding:1em 2.5%;}
	/* End Forum */

	.img-offset {margin-top: -120px;}
	.offset {margin-top: 120px;}

}
/* ----------------------------------------
END SCREENS ABOVE 600 PIXELS */


/* SCREENS ABOVE 800 PIXELS
---------------------------------------- */
@media all and (min-width:800px) {

	.img-offset {margin-top: -125px;}
	.offset {margin-top: 125px;}


        .profileIcon {
            width: 4%;
            display: inline-block;
            float:left;
            clear: left;
        }

        .profileLabel {
            float:left;
            width: 33%;
        }

        .profileValue {
            float:left;
            clear:right;
            width: 63%;
        }
        #alertDiv.modal .alert-message{
            max-width:420px;
        }
        #alertDiv .alert-message{
            max-width:500px;
        }
        .roundProfilePhoto {float:left; width:32%; margin-bottom:1em;}
            .roundProfilePhoto img {-webkit-box-shadow: 2px 4px 10px -1px rgba(0,0,0,0.3);-moz-box-shadow: 2px 4px 10px -1px rgba(0,0,0,0.3);box-shadow: 2px 4px 10px -1px rgba(0,0,0,0.3); width:100%; min-width:100px;}

        .profileAdmin {float:right; width: 58%; padding:1.5em 4%; margin-bottom:15px;}

}

/* ----------------------------------------
END SCREENS ABOVE 800 PIXELS */



/* SCREENS ABOVE 1100 PIXELS
---------------------------------------- */
@media all and (min-width:1100px) {
	body {font-size:100%}
	.dots {}
	.container {max-width:1300px; margin:0 auto}
	.off-canvas-navigation {display:none}
/*	.js [role="navigation"] {width:20%; margin-left:0; float:left; padding:0; }
	.js [role="main"] {width:55%; padding:0 2.5% 2.5em}
	.js [role="search"] {width:20%; padding:0; margin-right:-200%; float:left; }*/

        /* NEW STYLES*/
        .js [role="navigation"] {width:20%;margin-left:0%; }
        .js [role="main"] {width:55%; padding:0 2.5% 2.5em; margin-left:0%;}
        .js [role="search"] {width:20%; margin-right:0%;}

	/* Forms */
	.js [role="main"] form .radio input {width:auto}

	/* Accordion (Contacts) */
	.contact-content div { display:inline; padding-right:2%; font-size:82%; }

	/* Profile */
	.profilePhoto {width:20%; padding:1em 2.5%}
		.profilePhoto img {max-width:95%}
		.profileName {padding:1.5em 0 0; width:75%}
		.profileName h2 {font-size:400%}

/*	.roundProfilePhoto {width:20%;}
		.roundProfilePhoto img {max-width:160%}*/

	/* Header Elements */
	header .contain .btns {float:right; clear:none; width:50%; margin:0; padding:0}
	header a.btn {float:right; clear:none; margin:0.5em 0 0.5em 3%}

	body a.bbtn {float:left; clear:none; margin:0.5em 0 0.5em 3%}

	/* Notifications Slide Panel */
	#toppanel {width:92%;}
        .bellAlerts {width:50px; height:45px;margin: 10px 20px 0;}


	/* Communications */
	dl.results, dl.results dt, dl.results dd {width:100%; float:left; display:block; padding:0.75em 0}
		dl.results dt.large {font:300 175%/100% "Quicksand"; padding:0.4em 0 0}
	/* END COMMUNICATIONS */

	/* Dashboard */
	.banner img.right {max-width:17%;}
	.next ul li {float:left; width:30%; margin:0 1% 0 0; padding:6px 7px 6px 6px}
	.next ul li div { height:6em; }
	/* End Dashboard */

	/* Nested Accordion */
	.nestedaccordion .inner .inner {padding:1em;}
		.nestedaccordion .inner .inner div {float:left; font-size:85%;  padding:0}
		.nestedaccordion .inner .inner div.message {width:45%}
		.nestedaccordion .inner .inner div.email {width:45%; white-space: nowrap}
		.nestedaccordion .inner .inner div.phone {width:60%}
		/*.nestedaccordion .inner .inner div.profile {width:20%}*/
		/*.nestedaccordion .inner .inner div.favourites {width:25%}*/
		.nestedaccordion .inner .inner div.download {width:50%}
		.nestedaccordion .inner .inner div.uploaded {width:50%}
		.nestedaccordion .inner .inner div.description {width: 80%}
	/* End Nested Accordion */

	/* Messages */
	.messageThread .headshot {width:12%; float:left;}

	.img-offset {margin-top: -150px;}
	.offset {margin-top: 150px;}


}
/* ----------------------------------------
END SCREENS ABOVE 1100 PIXELS */




/* Validation using jQuery validation plugin. */

.formValidationError
{
    float:right;
    color:red;
}

.restricted {
	background-color: rgb(250, 255, 189);
	background-image: none;
	color: rgb(0, 0, 0);
}

.cojmappingred {
    background: #ff4953;
}

.cojmappingclear {
    background: white;
}