/* 07-23-2025 03:49:26 */
/************
Menu CSS start here
************/
/*Menu Config-widths*/
#nav { width: 980px; }
ul.main { height: 50px; width: 970px; padding: 0 5px; word-wrap:break-word;}
ul.sub,ul.sub_rt { top: 50px; }/*Change as u change menu height*/
ul.main li ul li { width: 155px; } /*Define width of all dropdowns*/
ul.sub_2nd { left: 150px; } /*Position of dropdown 2nd lvl, must mach above number*/
ul.sub_2nd_rt { right: 150px; } /*Position of dropdown 2nd lvl right, also must mach above number*/
/*Menu Config-RED COLOR*/
ul.main { border-bottom: 3px solid #6A6A6F; } /*Bottom border on main nav*/
ul.main li:hover:after { border-color: transparent transparent #6A6A6F transparent; }/*Color of UP arrow in main menu*/ 
ul.main li a { color: #F4F4F4; } /*Nav link color*/
ul.main li ul.sub,ul.main li ul.sub_rt,ul.main li ul.sub li ul.sub_2nd,ul.main li ul.sub_rt li ul.sub_2nd_rt 
{ background: #6A6A6F;border-top: 3px solid #6A6A6F; border-bottom: 3px solid #6A6A6F; } /*Background and top/bot borders*/
ul.main li ul.sub li,ul.main li ul.sub_rt li { border-bottom: 1px dotted #B2CF95; }/*Dashed border betwean links in dropdown*/
ul.main li ul.sub li:hover,ul.main li ul.sub_rt li:hover,ul.main li ul.sub li:hover, ul.main li ul.sub_rt li:hover 
{ background: #0F75BB; }/*Hover on dropdowns*/
ul.main li ul.sub li span.rightarrow { border-color: transparent transparent transparent #0F75BB; }/*Color of right arrow*/
ul.main li ul.sub_rt li span.leftarrow { border-color: transparent #0F75BB transparent transparent; }/*Color of left arrow*/
/*Form and other elements*/
ul.main li ul.sub_rt li.form { background: #6A6A6F; }
li.form input[type=text], li.form input[type=password], li.form textarea { border: 1px solid #0F75BB; }
/** MAIN MENU STYLE **/
#nav ul.main li.fr { float: right; }
#nav ul.main {
	background: rgb(45,56,58);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgb(45,56,58)), color-stop(100%, rgb(21,30,33)));
	background: -webkit-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -moz-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -o-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -ms-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d383a', endColorstr='#151e21',GradientType=0 );
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
#nav ul.main li { float: left; position: relative; }
#nav ul.main li:hover {
	-webkit-box-shadow: inset 0 4px 10px #222;
	-moz-box-shadow: inset 0 4px 10px #222;
	box-shadow: inset 0 4px 10px #222;
	z-index:1;
}
#nav ul.main li a {
	display: block;
	font: normal 12px/50px Arial, sans-serif;
	text-decoration: none;
	padding: 0 13px;
	position: relative;
}
#nav ul.main li:hover:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 40%;
	border-style: solid;
	border-width: 6px;
	width: 0;
	height: 0;
}
#nav .main .homelink { background-color: #232c2d; }

/* SUB MENU STYLE - dropdown 1st level*/
#nav ul.main li ul.sub, #nav ul.main li ul.sub_rt { display: none; }
#nav ul.main li:hover ul.sub {
	display: block;
	position: absolute;
	left: 0;
}
#nav ul.main li:hover ul.sub_rt {
	display: block;
	position: absolute;
	right: 0;
}
#nav ul.main li ul.sub li, #nav ul.main li ul.sub_rt li { position: relative; }
#nav ul.main li ul.sub li:first-child, #nav ul.main li ul.sub_rt li:first-child { margin-left: 0; }
#nav ul.main li ul.sub li:last-child, #nav ul.main li ul.sub_rt li:last-child { border-bottom: none; }
#nav ul.main li ul.sub li:hover, #nav ul.main li ul.sub_rt li:hover {
	-webkit-box-shadow: 0 0 0 #000;
	-moz-box-shadow: 0 0 0 #000;
	box-shadow: 0 0 0 #000;
}
#nav ul.main li ul.sub li:hover:after, #nav ul.main li ul.sub_rt li:hover:after {
	content: '';
	position: absolute;
	border: 0;
}
#nav ul.main li ul.sub li a, #nav ul.main li ul.sub_rt li a {
	display: block;
	font: normal 11px/30px Arial, sans-serif;
}
#nav ul.main li ul.sub li span.rightarrow {
	position: absolute;
	z-index: 500;
	right: 0px;
	top: 10px;
	border-style: solid;
	border-width: 6px;
	width: 0;
	height: 0;
}
#nav ul.main li ul.sub_rt li span.leftarrow {
	position: absolute;
	z-index: 500;
	right: 6px;
	top: 10px;
	border-style: solid;
	border-width: 6px;
	width: 0;
	height: 0;
}
/* SUB_2nd MENU STYLE - dropdown 2nd level*/
#nav ul.main li ul.sub li ul.sub_2nd { display: none; }
#nav ul.main li ul.sub li:hover ul.sub_2nd {
	display: block;
	position: absolute;
	z-index: 55;
	top: -3px;
}
#nav ul.main li ul.sub_rt li ul.sub_2nd_rt { display: none; }
#nav ul.main li ul.sub_rt li:hover ul.sub_2nd_rt {
	display: block;
	position: absolute;
	z-index: 777;
	top: -3px;
}
/**** MENU ELEMENTS *************\
-other elements like form,
buttons and other are styled here.
\**** Form elements	*************/
ul.main li ul.sub_rt li.form {
	padding: 0 15px;
	font: normal 11px/24px Arial, sans-serif;
}
ul.main li ul.sub_rt li.form.contact {
	width: 180px;
}
li.form input[type=text], li.form input[type=password] {
	width: 94%;
	height: 20px;
	padding: 0 5px;
	color: #222;
	font: normal 11px Arial, sans-serif;
	font-style: italic;
	margin: 0;
	-webkit-box-shadow: inset 3px 3px 3px #CCCCCC;
	-moz-box-shadow: inset 3px 3px 3px #CCCCCC;
	box-shadow: inset 3px 3px 3px #CCCCCC;
}
li.form textarea {
	width: 94%;
	height: 70px;
	padding: 5px;
	color: #222;
	font: normal 11px Arial, sans-serif;
	margin: 0;
	-webkit-box-shadow: inset 3px 3px 3px #CCCCCC;
	-moz-box-shadow: inset 3px 3px 3px #CCCCCC;
	box-shadow: inset 3px 3px 3px #CCCCCC;
	resize: none;
}
li.form input[type=text]:focus, li.form input[type=password]:focus, li.form textarea:focus { outline: none; }
li.form label { color: #F4F4F4; }
li.form button {
	padding: 3px 9px;
	border: 1px solid #222;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-top: 7px;
	margin-bottom: 10px;
	color: #F4F4F4;
	font: normal 11px Arial, sans-serif;
	position: relative;
	cursor: pointer;
	outline: none;
	background: rgb(45,56,58);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgb(45,56,58)), color-stop(100%, rgb(21,30,33)));
	background: -webkit-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -moz-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -o-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: -ms-linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	background: linear-gradient(top, rgb(45,56,58) 1%, rgb(21,30,33) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d383a', endColorstr='#151e21',GradientType=0 );
}
li.form button:after {
	content: '\00a0';
	position: absolute;
	display: block;
	background: transparent;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border-top: 1px solid #555555;
}
li.form input[type=checkbox] { position: relative; top: 3px; }
li.form input.search {
	width: 83px;
	float: left;
	margin-top: 7px;
}
li.form button.searchbtn {
	float: left;
	border-left: 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-khtml-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin-left: -1px;
}
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top}ul{list-style:none}blockquote,q{quotes:none}table,table td{padding:0;border:none;border-collapse:collapse}img{vertical-align:top}embed{vertical-align:top}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
html {overflow : auto !important}

body
{
    background: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
}
#wrapper
{
    width: 980px;
    margin: 0 auto;
}

/*********************** START: TOP BANNER ***********************/

#topbanner
{
    width: 980px;
    height: 155px;
    margin-bottom: 8px;
}

#topbanner #corpGradientContainer
{
    position:absolute;
    top:45px;
    width:700px;
    background: -moz-linear-gradient(left,  rgba(0,145,41,1) 0%, rgba(0,104,30,0.9) 28%, rgba(0,48,14,0.42) 67%, rgba(0,20,6,0) 86%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,145,41,1)), color-stop(28%,rgba(0,104,30,0.9)), color-stop(67%,rgba(0,48,14,0.42)), color-stop(86%,rgba(0,20,6,0)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left,  rgba(0,145,41,1) 0%,rgba(0,104,30,0.9) 28%,rgba(0,48,14,0.42) 67%,rgba(0,20,6,0) 86%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left,  rgba(0,145,41,1) 0%,rgba(0,104,30,0.9) 28%,rgba(0,48,14,0.42) 67%,rgba(0,20,6,0) 86%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left,  rgba(0,145,41,1) 0%,rgba(0,104,30,0.9) 28%,rgba(0,48,14,0.42) 67%,rgba(0,20,6,0) 86%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(0,145,41,1) 0%,rgba(0,104,30,0.9) 28%,rgba(0,48,14,0.42) 67%,rgba(0,20,6,0) 86%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009129', endColorstr='#00000000',GradientType=1 );
}
#topbanner #corpGradient { padding: 10px 20px; }
#topbanner #corpText { color: #fff; font-size:40px; font-style:normal; text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; }

#topbanner #pmLogoContainer
{
    float:right;
    height:155px;
    margin-right:10px;
}

#topbanner #pmManagedByLabel {
    color: #fff;
    font-size:12px;
    font-style:normal;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

#topbanner #pmLogoOuter { display:inline-block; vertical-align:middle; text-align: center; }
#topbanner #pmLogoInner { vertical-align:middle; padding:8px 8px; background-color: white; border:2px solid #a1a1a1; border-radius:5px; }
#topbanner #pmLogoInner img { max-height: 100px; max-width: 300px; }
                          
#topbanner .divhelper { display: inline-block; vertical-align: middle; height:100%; }

/*********************** END: TOP BANNER ***********************/

.loginInfo
{
	float: right;
	width: 100%;
}
.loginInfo .dxeErrorCell_Metropolis
{
	display: none;
}

#content
{
    display: inline-block;
    width: 938px;
    min-height: 500px;
    padding: 10px 20px;
    background-color: #ffffff;
    border: solid 1px #dce0e4;
    border-top: none;
    font-size: 0.8em;
    font-family: Helvetica, Arial;
}

.contentRegion ol, .contentRegion ul { margin-left: 2em; }
.contentRegion ul { list-style-type: disc; }
.dx ul { margin-left: 0; list-style-type: none; }

.contentContainer * {
    max-width:100%;
}

#footer
{
    width: 945px;
    padding: 15px 15px;
    vertical-align: middle;
    line-height: 15px;
    text-align: center;
    font-family: Helvetica, Arial;
    font-size: 0.7em;
    color: #707070;
    margin: 0 auto !important;
}
#fLinks a, #fLinks a:visited
{
    color: #707070;
    text-decoration: none;
}
#fLinks a:hover
{
    color: #707070;
    text-decoration: underline;
}
#fLogo
{
    display: inline-block;
    margin: 0 60px;
}
#fCopyright
{
    display: inline-block;
}
.clear
{
    clear: both;
}
p
{
    margin-bottom: 1em;
}
a
{
    color: #6A6A6F;
}
a:hover
{
    text-decoration: none;
}

h1, h2
{
    margin-bottom: 0.25em;
    font-size: 1.5em;
}
h3, h4
{
    margin-bottom: 0.25em;
    font-size: 1.3em;
    color: #0F75BB;
}

/*************  Login Box Sytles *****************/

.loginInfo
{
    float: right;
    width: 100%;
}
.loginInfo .dxeErrorCell_Metropolis
{
    display: none;
}

.loginBoxUsername
{
    width: 255px;
    margin-bottom: 6px;
    color: #333;
}
.loginBoxPassword {
    width: 170px;
    margin-bottom: 6px;
    color: #333;
}
.loginBoxValidation
{
    font-size: 0.9em;
}
.loginBoxForgot
{
    margin-top: 5px;
    font-size: 0.95em;
}
.loginBoxForgot a
{
    text-decoration: none;
}
.loginBoxForgot a:hover
{
    text-decoration: underline;
}

/***************** Password Strengths **********************/

#passwordStrength
{
    height: 20px;
    display: block;
    float: left;
}
.strength0
{
    width: 130px;
    background: #cccccc;
    color: #cccccc;
}
.strength1
{
    width: 130px;
    color: #ff5f5f;
    background: #ff0000;
}

.strength2
{
    width: 130px;
    color: #56e500;
    background: #FFFF66;
}
.strength3
{
    width: 130px;
    color: #56e500;
    background: #2D98F3;
}
.strength4
{
    background: #4dcd00;
    color: #56e500;
    width: 130px;
}
.strength5
{
    background: #399800;
    color: #56e500;
    width: 130px;
}


/************* Input Style Classes ************************/

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea, button
{
    padding: 5px 5px;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
input[type="text"], input[type="password"], textarea
{
    background: #f3f5f6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #f3f5f6));
    background: -webkit-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: -moz-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: -o-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: -ms-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f5f6', endColorstr='#f3f5f6',GradientType=0 );
}
input[readonly="readonly"], input[readonly]
{
    color: #777;
    cursor: default;
    background-color: threedface !important;
}
input[type="button"], input[type="submit"], button
{
    padding-left: 1em;
    padding-right: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: #30393b;
    background: #d6dcdf;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f3f5f6), color-stop(100%, #d6dcdf));
    background: -webkit-linear-gradient(top, #f3f5f6 1%, #d6dcdf 100%);
    background: -moz-linear-gradient(top, #f3f5f6 1%, #d6dcdf 100%);
    background: -o-linear-gradient(top, #f3f5f6 1%, #d6dcdf 100%);
    background: -ms-linear-gradient(top, #f3f5f6 1%, #d6dcdf 100%);
    background: linear-gradient(top, #f3f5f6 1%, #d6dcdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f5f6', endColorstr='#d6dcdf',GradientType=0 );
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover
{
    cursor: pointer;
    background: #dee6ea;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f9fbfc), color-stop(100%, #dee6ea));
    background: -webkit-linear-gradient(top, #f9fbfc 1%, #dee6ea 100%);
    background: -moz-linear-gradient(top, #f9fbfc 1%, #dee6ea 100%);
    background: -o-linear-gradient(top, #f9fbfc 1%, #dee6ea 100%);
    background: -ms-linear-gradient(top, #f9fbfc 1%, #dee6ea 100%);
    background: linear-gradient(top, #f9fbfc 1%, #dee6ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfc', endColorstr='#dee6ea',GradientType=0 );
}

input[type="submit"][disabled=disabled],
input[type="button"][disabled=disabled] 
{
	color:Gray;
	cursor:default;
}

.twoColLeft
{
    float: left;
    width: 630px;
}
.twoColRight
{
    float: right;
    width: 290px;
}
.threeColLeft
{
    float: left;
    word-break: break-word;
}

.width1
{
    width: 20%;
}

.width2
{
    width: 70%;
}

.threeColRight
{
    float: right;
    width: 300px;
}

.userFeedHeight1
{
    min-height: 57px;
    overflow-y: scroll;
    max-height: 380px;
}

.roundBox .rbTitle
{
    padding: 5px 10px;
    background-color: #252e30;
    border: solid 1px #252e30;
    border-bottom: none;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.titleDocLib
{
    border: solid 1px White !important;
    padding: 0.8em 0 0 !important;
    text-transform: none !important;
    font-weight: normal !important;
    background-color: #393939 !important;
    height: 45px !important;
    margin-top: 0.4em;
}

#ddlCat_EC
{
    display: none;
}

.roundBox .rbContent
{
    padding: 5px 10px;
    border: solid 1px #d4dce4;
    border-top: none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.contentColor1
{
    padding: 0px 0px !important;
    border: solid 1px White !important;
    background-color: #393939 !important;
}

.roundBox .nopadding
{
    padding: 0px;
}


.watermark
{
    color: #acacac;
}

.field-validation-error
{
    color: #d81111;
    font-weight: bold;
}
.field-validation-success
{
    color: #6A6A6F;
    font-weight: bold;
}

.contentRegion > fieldset legend, .inner-fieldset legend
{
    color: #226230;
    text-transform: uppercase;
    padding: 0.2em 0 0.5em 0;
    font-size: 1.3em;
    text-decoration: normal;
}

.divcontentRegion > fieldset legend, .inner-fieldset legend
{
    color: #226230;
    text-transform: uppercase;
    padding: 0.2em 0 0.5em 0;
    font-size: 1.3em;
}

.contentRegion > fieldset legend img, .inner-fieldset legend img
{
    margin-right: 0.5em;
    vertical-align: middle;
}
.divcontentRegion > fieldset legend img, .inner-fieldset legend img
{
    margin-right: 0.5em;
    vertical-align: middle;
}

fieldset .fsHeader
{
    width: 100%;
    height: 4em;
}

.filterRowContainer
{
    width: 100%;
    border: #c0c0c0 solid 1px;
}
.filterRowContent
{
    padding: 0.5em 1em 0.7em 1em;
}

.requestBox .inquiry
{
    margin: 0px 0px 8px 0px;
    width: 100%;
}
.requestBox .inquiry input[type="text"], .requestBox .inquiry input[type="password"]
{
    width: 200px;
}
.requestBox label
{
    float: left;
    width: 170px;
    display: inline-block;
}

.btnPosition1
{
    margin: 1em 0 0 13em;
}
.btnPosition2
{
    margin: 1em 0 0 28.5em;
}


.formContainer
{
    padding: 0 0;
}
.formContainer .title
{
    display: inline-block;
    margin: 0 0 0.25em 0;
    font-weight: bold;
    text-decoration: underline;
}

.formSetTwo
{
    margin: 0.7em 0 0.7em 25em;
}
.divformSetTwo
{
    margin: 0.7em 0 0.7em 29.5em;
}
.formSetThree
{
    margin: 0.7em 0 0.7em 10em;
}
.divformSetThree
{
    margin: 0.7em 0 0.7em 25em;
}
.formSetThree label
{
    margin-left: 10px;
}
.divformSetThree label
{
    margin-right: 2em !important;
}
.formSet
{
    margin: 0.7em 0 0.7em 0;
}

.formSet label
{
    float: left;
    width: 8.5em;
    display: inline-block;
    padding-top: 0.3em;
    font-weight: bold;
}

.formSetTwo label
{
    float: left;
    width: 4em;
    display: inline-block;
    font-weight: bold;
    padding-top: 0.3em;
}
.divformSetTwo label
{
    float: left;
    width: 4em;
    display: inline-block;
    font-weight: bold;
    padding-top: 0.3em;
    font-weight: bold;
}
.formSetFour label
{
    float: left;
    width: 0.7em;
    display: inline-block;
    padding-top: 0.3em;
    font-weight: bold;
    margin-right: 0em;
    margin-left: 3em;
}
.divformSetFour label
{
    float: left;
    width: 0.7em;
    display: inline-block;
    padding-top: 0.3em;
    font-weight: bold;
    margin-right: 0em;
    margin-left: 2em;
}
.formSet .valueField
{
    float: left;
    width: 10em;
    padding-top: 0.45em;
}
.formSet .inputField
{
    float: left;
    width: 10em;
    margin-right: 4em;
    border-radius: 5px;
}


.formSetFive .inputField
{
    float: left;
    width: 10em;
    margin-right: 1.4em;
    border-radius: 5px;
}

.formSetFour .inputField
{
    float: left;
    width: 6em;
    margin-right: 0em;
    margin-left: 0em;
    border-radius: 5px;
}
.divformSetFour .inputField
{
    float: left !important;
    width: 6em !important;
    margin-right: 0em !important;
    margin-left: 0em !important;
    border-radius: 5px !important;
}
.formSet span
{
    float: left;
}
.formSet .noBorder
{
    border-color: transparent;
}



.userProfileContainer
{
    margin-left: 0em;
}

.field
{
    width: 13em;
    height: 16px;
    font: 12px Segoe UI;
    padding-left: 8px;
    color: #333333;
}

.field_s
{
    width: 4.2em;
    height: 16px;
    font: 12px Segoe UI;
    padding-left: 8px;
    color: #333333;
}
.divformSet .inputField
{
    float: left;
    width: 10em;
    border-radius: 5px;
}
.divformSet
{
    margin: 0.7em 0 0.1em 0;
}
.divformSet label
{
    float: left;
    width: 10em;
    display: inline-block;
    padding-top: 0.3em;
    font-weight: bold;
    margin-right: 2em;
    text-align: right;
}
.divformSet .valueField
{
    float: left;
    width: 10em;
    padding-top: 0.45em;
}

.divformSetSix
{
    margin-left: 2.8em !important;
}
.divformSix
{
    margin-left: 2.4em !important;
}
.lblPostalCode
{
    margin-left: 2.5em !important;
}

.spnPostalCode
{
    margin-left: -2.4em !important;
}
.lblInitial
{
    margin-right: 2em !important;
}
.spnInitial
{
    margin-left: -3em !important;
}
#userProvince label
{
    margin-left: 2.6em !important;
}

.divformSetProvince
{
    margin: 0.7em 0 0.7em 25em;
    width: 25em;
}
.divformSetProvince #ddlProvincecombo
{
    float: left;
}
.divformSetProvince #fldProvince
{
    float: left;
}

/*****************************************
Style for Alert,Error and Info messages
******************************************/
.divAlertMsg
{
    min-height: 2em;
    line-height: 2em;
    background-color: #90EE90;
    width: 100%;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.divErrorMsg
{
    min-height: 2em;
    line-height: 2em;
    background-color: #F15738;
    width: 100%;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.divInfoMsg
{
    min-height: 2em;
    line-height: 2em;
    background-color: #54B1DB;
    width: 100%;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}


.divAlertMsg p
{
    line-height: 2em;
    margin-bottom: 0em;
    margin-left: 10px;
    word-break: break-word;
}

.divErrorMsg p
{
    line-height: 2em;
    margin-bottom: 0em;
    margin-left: 10px;
    word-break: break-word;
}

.divInfoMsg p
{
    line-height: 2em;
    margin-bottom: 0em;
    margin-left: 10px;
    word-break: break-word;
}


/************************************
ZenQA My Profile styles
************************************/

.userProfileDiv
{
    padding: 5px 10px;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    -o-border-radius: 16px 16px 16px 16px;
    -ms-border-radius: 16px 16px 16px 16px;
    -khtml-border-radius: 16px 16px 16px 16px;
    border-radius: 16px 16px 16px 16px;
    font-weight: bold;
}

.height1
{
    height: 150px;
}
.height2
{
    min-height: 190px;
}
.height3
{
    height: 210px;
}
.divNote
{
    background-color: whitesmoke;
    border: 1px solid #CCCCCC;
    margin-bottom: 0.5em;
    padding: 5px 5px;
}

.noteHeight1
{
    min-height: 50px;
}

.noteHeight2
{
    min-height: 18px;
}

.profileImgStyle
{
    padding: 5px;
    float: left;
    width: 130px;
}
.divprofileImgStyle
{
    padding: 5px;
    float: left;
    width: 180px;
}

.profileContentStyle
{
    float: left;
    width: 500px;
}
.divprofileContentStyle
{
    float: left;
    width: 650px;
}
.spacer
{
    height: 6px;
}

.spacerTwo
{
    height: 16px;
}

.myProfileIcons
{
    height: 128px;
    width: 128px;
}

.textAreaStyle
{
    background: #f3f5f6;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #f3f5f6));
    background: -webkit-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: -moz-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: -o-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: -ms-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f5f6', endColorstr='#f3f5f6',GradientType=0 );
    padding: 5px 5px 5px 8px;
    font: 12px Segoe UI;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 5px 5px 5px 8px;
    -moz-border-radius: 5px 5px 5px 8px;
    -o-border-radius: 5px 5px 5px 8px;
    -ms-border-radius: 5px 5px 5px 8px;
    -khtml-border-radius: 5px 5px 5px 8px;
    border-radius: 5px 5px 5px 5px;
}

.userProfileTopButtons
{
    width: 100%;
    margin: 0 8em 0 0;
    text-align: right;
}

.userProfileBottomButtons
{
    width: 100%;
    margin: 1em 8em 1em 0;
    text-align: right;
}

.helpText
{
    color: #2d2d2d;
    font-style: italic;
}

.userProfileTopLabels label
{
    width: auto;
    padding: 0 0.5em 0 0.75em;
}

.userProfileTopLabels .valueField
{
    width: auto;
    padding: 0 0.5em 0 0em;
}

#pwdhelprmsg
{
    color: #0d2b4d;
}

.forgotPasswordMsg
{
    padding: 1em 0 1em 0;
}

.enabledBorder input[type='text']
{
    padding: 5px 5px;
    border: solid 1px #8e8e8e !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.devExanchor
{
    text-decoration: none;
    cursor: pointer;
}

.corpDDLlabel
{
    float: left;
    padding-top: 0.5em;
    font-family: Segoe UI;
}

.corpDDLspan
{
    width: 180px;
}

.pkgDDLlabel
{
    float: left;
    padding-top: 0.5em;
    font-family: Segoe UI;
}

.pkgDDLspan
{
    width: 180px;
}

.corpModulesGridcls
{
    padding-top: 2px;
}
/************************************
Community News Styles
************************************/

.communityNewsDiv
{
    padding: 5px 10px;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    -ms-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    height: auto;
    width: 97.9%;
    min-height: 17.5em;
    background-color: White;
}
.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

html[xmlns] .clearfix
{
    display: block;
}

* html .clearfix
{
    height: 1%;
}

#ribbon
{
    background: #114935;
    border: 1px solid #114935;
    height: 2.8em;
    margin-left: -19px;
    clear: both;
    margin-top: 3em;
    margin-bottom: 1.3em;
    -moz-box-shadow: .2em .1em #999;
    -webkit-box-shadow: 0em .1em #999;
    width: 103.8%;
    z-index: 1em;
}

.arrow-right
{
    display: block;
    border-color: #114935 #114935 #114935 #114935;
    border-style: solid;
    position: relative;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    left: 99.3%;
    top: -25px;
    border-left: 8px solid #114935;
    width: 0;
    height: 0;
}

.arrow-left
{
    display: block;
    border-color: #114935 #114935 #114935 #114935;
    border-style: solid;
    position: relative;
    border-top: 9px solid transparent;
    border-bottom: 8px solid transparent;
    top: -9.5px;
    border-right: 9px solid #114935;
    width: 0;
    height: 0;
    margin-left: -1px;
}

.divPostTypeImage
{
    float: left;
    margin: 8px 0px 0px 10px;
    height: 70px;
    width: 70px;
    display: inline;
}

.postTypeImage
{
    height: 60px;
    width: 60px;
}

#divNews
{
    margin-top:0.5em;
}

.divNewsContent * { max-width:100%; }
.divNewsContent ul { margin-left: 3em; list-style: square; }
.divNewsContent ol { margin-left: 3em; }

.divNewsContent
{
    float: left;
    width: 880px;
    display: inline;
    height: auto;
    margin-left: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.divNewsContent img 
{
    max-width:100%;
}

.divNewsTitleEditDelete
{
    margin-top: 1em;
    margin-left: 1em;
}

.divNewsTitle
{
    display: inline-block;
    margin-left:10px;
}

.divNewsEditDelete
{
    float: right;
    display: inline;
}

.divNewsPostDesc
{
    display:inline-block;
    margin-top: 1em;
    margin-left: 1em;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: middle;
    height: 20px;
    width: 810px;
    padding-top: 0.3em;
}

.lblNewsPostDesc
{
    margin-top: 0.5em;
    padding-top: 1em;
    color: rgb(124,120,120);
}



.ribbonText
{
    float: right;
    margin-right: 3em;
    margin-top: 0.8em;
    color: White;
}

.posttxtbox
{
	font-family: 'Segoe UI';
	font-size: 12px;
	font-weight: normal;
}
/************************************
Discussion Forum
************************************/

.CustomGridHeaderStyle /*.DisucssionForumHeader */
{
    background: #6A6A6F !important;
    border: solid 1px #6A6A6F !important;
    color: White;
    font-family: Arial, Helvetica, sans-serif;
}

.CustomGridCellStyle /*.DisucssionForumCell */
{
    background: #F0F0F0;
    border: 1px solid #FFFFFF !important;
    font-family: Arial, Helvetica, sans-serif;
}

.CustomGridStyle /* .DisucssionForumstyle */
{
    border: solid 5px #6A6A6F !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.CustomGridCellpadding
{
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}


.DocumentLibraryStyle
{
    border-radius: 0 0 5px 5px !important;
}

.addTopic
{
    border-style: solid;
    border-width: 25px 4px 4px 4px;
    min-height: 305px;
    padding-bottom: 10px;
    border-color: #6A6A6F;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}


.topicArrow-left
{
    display: inline-block;
    border-color: red red red red;
    border-style: solid;
    position: relative;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -6px;
    top: 0px;
    border-right: 10px solid #114935;
    width: 0;
    height: 0;
}

.discussionForum .inquiry
{
    margin: 10px 0px 0px 50px;
    width: 746px;
}
.discussionForum label
{
    width: 130px;
    display: inline-block;
    font-weight: bold;
}
.discussionForum .inquiry input[type="text"], .discussionForum .inquiry textarea
{
    width: 600px;
    font-family: 'Segoe UI';
    font-size: 12px;
}

.infoHeader
{
    border-width: thin;
    background: #f3f5f6;
    border-bottom-color: #f3f5f6;
    padding-top: 5px;
    padding-bottom: 5px;
}

.infoTopic label
{
    font-weight: normal !important;
    padding-left: 10px;
    padding-right: 10px;
    width: 220px;
    word-break: break-word;
    line-height: 150%;
}
.infoTopic
{
    width: 250px;
    border: 1px solid #ddd;
    z-index: 101;
    background-color: White;
    position: absolute;
    min-height: 150px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    word-wrap: break-word;
    margin-top: -70px;
    margin-left: 6px;
}

.infoTopic:after
{
    content: '';
    display: block;
    position: relative;
    top: -68px;
    left: -8px;
    width: 14px;
    height: 14px;
    z-index: 101;
    background-color: White;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.imgBubbleStyle:hover
{
    cursor: pointer !important;
}


/************************************
************************************/



/************************************
Document Library
************************************/
.doc_tab
{
    float: left;
    padding: 0.5em 1.5em;
    border: #c0c0c0 solid 1px;
    border-bottom: none;
    text-align: center;
    font-weight: bold;
}

.doc_content
{
    float: left;
    padding: 0.5em 1.5em;
    border-bottom: none;
    text-align: center;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
}

.divdoc_content
{
    float: left;
    padding: 0.5em 1.5em;
    border-bottom: none;
    text-align: center;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
    border-style: solid;
    width: 95%;
}

/************************************
DevExpress
************************************/

.dxpPageNumber_Metropolis 
{
    white-space:nowrap;
}

td#editor_DesignViewCell,td#Editeditor_DesignViewCell
{
    /* height: 150px !important; */
}

.nopad td.dxgv
{
    padding: 0px !important;
}

.dxucTextBox_Metropolis
{
    width: 0%;
}

.dxucControl_Metropolis
{
    margin-top: 10px;
    margin-bottom: 5px;
}


.dxucBrowseButton_Metropolis
{
    vertical-align: middle;
}

.dxucBrowseButtonHover_Metropolis
{
    background-color: #6A6A6F;
}

.dxheControl_Metropolis .dxic > input[name]
{
    height: 18px !important;
    width: 150px !important;
}


.dxgvControl_Metropolis a
{
    color: #6A6A6F !important;
}
.dxgvControl_Metropolis a:hover
{
    text-decoration: none;
}

.dxTextbox input[type="text"]
{
    padding-left: 0;
    padding-right: 0;
    text-indent: 4px;
}
.dxpComboBox_Metropolis input[type="text"], .dxCombo input[type="text"]
{
    border: none !important;
    padding: 0;
}

.dxeTextBox_Metropolis .dxeEditArea_Metropolis
{
    border: none !important;
    background: none !important;
}

activeTab, .dxtcLite_Metropolis .dxtc-activeTab a, .dxtc-tabHover, .dxgvFocusedRow_Metropolis
{
    background-color: #6A6A6F !important;
}
.dxtc-tab
{
    border-bottom-color: #6A6A6F !important;
}
.dxtc-leftIndent, .dxtc-rightIndent, .dxtc-spacer
{
    border-bottom-color: #FFFFFF !important;
}


.dxheControl_Metropolis
{
    border: 1px solid #ddd;
}
.dxtcLeftIndentCell_Metropolis, .dxtcRightAlignCell_Metropolis, .dxtcTabWithTabPositionBottom_Metropolis, #editor_TC_T0S, #editor_TC_T1S
{
    border-top-color: #6A6A6F !important;
}

.dxtcActiveTab_Metropolis, .dxtcActiveTabWithTabPositionBottom_Metropolis, .dxtcActiveTabWithTabPositionLeft_Metropolis, .dxtcActiveTabWithTabPositionRight_Metropolis
{
    background-color: #6A6A6F !important;
}

.dxeButtonEditButtonHover_Metropolis
{
    background-color: #6A6A6F !important;
}
.dxeFocused_Metropolis
{
    border: 1px solid #6A6A6F !important;
}

.dxbButtonHover_Metropolis
{
    background-color: #6A6A6F !important;
    border: 1px solid #6A6A6F !important;
}

.dxpCurrentPageNumber_Metropolis
{
    background-color: #6A6A6F !important;
}

.dxpHoverDropDownButton_Metropolis, .dxmSubMenuItemHover_Metropolis
{
    background-color: #6A6A6F !important;
}

.dxeListBoxItemSelected_Metropolis
{
    background-color: #6A6A6F !important;
}

.dxgvTable_Metropolis tbody tr td
{
    word-wrap: break-word;
}



.dxtcLite_Metropolis .dxtc-content
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 13px;
    padding: 11px;
    border: 1px rgb(168, 168, 168) !important;
    color: rgb(51, 51, 51) !important;
    overflow: hidden;
    clear: left;
    float: left;
    font-size-adjust: none;
    font-stretch: normal;
    background-color: rgb(255, 255, 255);
    border-style: none solid solid solid !important;
    border-width: 1px;
    border-color: #ddd !important;
    min-height: 280px;
}

.dxeTextBoxSys
{
    border-collapse: separate !important;
}

.dxeButtonEditSys
{
    border-collapse: separate !important;
}

.dxeButtonEdit_Metropolis .dxeEditArea_Metropolis
{
    background-color: white;
}
.dxeButtonEdit_Metropolis
{
    background: #f3f5f6;
    padding: 5px 5px;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #f3f5f6));
    background: -webkit-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: -moz-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: -o-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: -ms-linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    background: linear-gradient(top, #ffffff 1%, #f3f5f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f5f6', endColorstr='#f3f5f6',GradientType=0 );
}


.dxeButtonEdit_Metropolis .dxeEditArea_Metropolis
{
    padding: 5px 5px;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.dxeTextBox_Metropolis
{
    border: solid 1px #ddd !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.dxheContentArea_Metropolis td.dxheViewArea_Metropolis
{
    border-bottom-color: #6A6A6F !important;
}


/*-------------- DevExpress CheckboxSelectAll ------------------*/

span#cbSelectAll, span#chkSelectAll
{
    padding-left: 0px !important;
}


/************************************** For Circular Tab **************************************/

/*.dxtcLite_Metropolis .dxtc-n
{
    _display: inline;
    height: 30px;
    padding-top: 10px;
    background: #f2f2f2;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #ddd;
}

.dxtcLite_Metropolis .dxtc-tab
{
    _display: inline;
    height: 30px;
    padding-top: 10px;
    background: #f2f2f2;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #ddd;
}

.dxtcLite_Metropolis .dxtc-activeTab
{
    _display: inline;
    height: 30px;
    padding-top: 10px;
    background: #ffffff !important;
    border: 1px solid #ddd;
    border-bottom-color: #ffffff;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
}

.dxtcLite_Metropolis .dxtc-activeTab .dxtc-text
{
    color: #777;
}

.dxtcLite_Metropolis .dxtc-activeRowItem
{
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
}

.dxtcLite_Metropolis .dxtc-text, .dxtcLite_Metropolis .dxtc-leftIndent, .dxtcLite_Metropolis .dxtc-rightIndent
{
    font: normal 12px Segoe UI;
    text-decoration: none;
    white-space: pre-wrap;
    text-transform: uppercase;
    font-weight: bold;
    color: #777;
    height: 25px;
}


.dxtcLite_Metropolis .dxtc-spacer
{
    color: White;
}

.dxtcLite_Metropolis .dxtc-leftIndent, .dxtcLite_Metropolis .dxtc-rightIndent, .dxtcLite_Metropolis .dxtc-spacer
{
    display: block;
    width: 0px;
}

.dxtcLite_Metropolis .dxtc-link
{
    background-color: White;
}
.dxtcLite_Metropolis .dxtc-link
{
    margin-top: -10px;
}

.dxtcLite_Metropolis .dxtc-link
{
    background-color: #F2F2F2 !important;
}
.dxtcLite_Metropolis .dxtc-tab
{
    background-color: #F2F2F2 !important;
    border-left-color: #ddd !important;
    border-right-color: #ddd !important;
    border-bottom-width: 2px !important;
}
.dxtcLite_Metropolis .dxtc-strip
{
    border-style: none solid solid solid;
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    _overflow: hidden;
}

activeTab, .dxtcLite_Metropolis .dxtc-activeTab a, .dxtc-tabHover, .dxgvFocusedRow_Metropolis
{
    background-color: rgb(255, 255, 255) !important;
}

tr .dxgvFocusedRow_Metropolis
{
    background-color: #6A6A6F !important;
}*/




/************************************** STANDARD (BASE) STYLES **************************************/
.standardButton
{
    width: auto;
    cursor: pointer;
    padding: 0.33em 0 0.33em 0;
    border: #9AB7D4 solid 1px;
    text-align: center;
    font-size: 13px;
    color: #223968;
    font-weight: bold;
    background: #fff; /* CSS3 Styling */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d2d5d8'); /* for IE */
    background: linear-gradient(#fefefe, #d2d5d8);
    background: -o-linear-gradient(#fefefe, #d2d5d8);
    background: -moz-linear-gradient(bottom, #fefefe, #d2d5d8 50%, #d2d5d8 50%, #fefefe);
    background: -webkit-gradient(linear, left bottom, left top, from(#fefefe), to(#fefefe), color-stop(0.5, #d2d5d8), color-stop(0.5, #d2d5d8));
    background: -ms-linear-gradient(#fefefe, #d2d5d8);
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px; /* Text Styling */
    color: #223968;
}

.standardButton:hover
{
    color: #379bba;
    border: #d2d5d8 solid 1px;
}

.standardDropdown
{
    border: #9AB7D4 solid 1px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}

.dvxGridEditor
{
    padding-top: 0px;
}



/*--------------Permissions to Enter List-----------------------------------------------------*/
.norecords
{
    padding: 30px 0 30px 0;
    vertical-align: middle;
    text-align: center;
}



.withrecords
{
    vertical-align: middle;
    text-align: center;
}

.withrecords p
{
    vertical-align: middle;
    text-align: left;
}

.addheader input[type="image"]
{
    vertical-align: middle;
    text-align: center;
}

h5
{
    padding: 0px;
}

/*--------------User Emergency Contacts-----------------------------------------------------*/

.emergencycontactimage
{
    height: 30px;
    width: 32px;
    vertical-align: middle;
}

.emergencyContactTextbox
{
    width: 19em !important;
    height: 16px;
}

.emergencyContactphnumTextbox
{
    width: 10em !important;
    height: 16px;
}


.editedtextbox
{
    border: 3px solid rgb(36, 95, 128) !important;
}

.disabledtextbox
{
    border: 0px;
}

.emergencycontactImgStyle
{
    padding: 1px;
    float: left;
    width: 40px;
    min-height: 35px;
}

.emergencycontactlabelStyle
{
    padding: 7px 1px 1px 1px;
    float: left !important;
    width: 450px;
    min-height: 30px;
    vertical-align: middle;
}

.emergencycontactlabelStyle label:hover
{
    cursor: pointer;
}

.contactpermissionDiv
{
    padding: 10px 10px 5px 10px;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    -o-border-radius: 16px 16px 16px 16px;
    -ms-border-radius: 16px 16px 16px 16px;
    -khtml-border-radius: 16px 16px 16px 16px;
    border-radius: 16px 16px 16px 16px;
    font-weight: bold;
    min-height: 45px;
}
.contactpermissionDiv p
{
    margin-bottom: 0.1em;
}

.contactpermissionDiv p .disabled input[type="text"]
{
    background-color: #FF0000 !important;
}

.contactpermissionDiv p .enabled
{
}

/*-------------------------------- Calendar --------------------------------- */
.dx-ac {
    text-align: center !important;
    width: 33%;
}

.dxm-checked {
    background: #0F75BB !important;
}

.dxm-hovered {
    background: #0F75BB !important;
}

.dxscViewSelectorButtonChecked_Metropolis
{
    background: #6A6A6F;
    color: white;
}
.dxscTodayCellHeader_Metropolis {
    background: #0F75BB !important;
    border-top-width: 1px;
    color: #FFFFFF;
}

.dxscSel
{
    background: #6A6A6F !important;
}
.dxscViewSelectorButtonHover_Metropolis
{
    color: white;
    background-color: #6A6A6F;
}

.dxscAlternateTimelineDateHeader_Metropolis
{
    background: #0F75BB;
}
.dxscAlternateDateHeader_Metropolis
{
    background: #0F75BB;
}

.dxeCalendarSelected_Metropolis
{
    color: white;
    background-color: #6A6A6F;
}
.dxeDisabled_Metropolis.dxeCalendarSelected_Metropolis
{
    background-color: #6A6A6F;
}
.dxeCalendarWeekend_Metropolis
{
    color: #0F75BB;
}
.dxeCalendarHeader_Metropolis
{
    color: #6A6A6F;
}

.dxeCalendarToday_Metropolis
{
    border: 1px solid #0F75BB;
}

.dxeCalendarButtonHover_Metropolis
{
    color: white;
    background-color: #6A6A6F;
    border-color: #0F75BB;
}

.dxeCalendarFastNavMonthSelected_Metropolis
{
    color: white;
    background-color: #6A6A6F;
}
.dxeCalendarFastNavYearSelected_Metropolis
{
    color: white;
    background-color: #6A6A6F;
}
.dxeCalendarFooter_Metropolis
{
    padding: 8px 40%;
    border-bottom-color: #0F75BB;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.dxeFocused_Metropolis.dxeCalendar_Metropolis .dxeCalendarFooter_Metropolis
{
    border-color: #0F75BB;
}
.dxeCalendar_Metropolis
{
    color: rgb(51, 51, 51);
    font-weight: normal;
    cursor: default;
    background-color: white;
    border: thin solid #0F75BB;
}
/*-------------------------User Feed ----------------------*/


.box
{
    border: 2px solid #E6E6E6;
    width: 300px;
    height: 300px;
    top: 30px;
    float: right;
}
.box h3
{
    background: #CCCCCC;
    padding: 10px;
}
.box
{
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}

.userFeed
{
    float: right;
    width: 290px;
    height: 255px;
    overflow: auto;
}

.feedHeader
{
    position: relative;
    color: #0F75BB;
    font-weight: bold;
    padding-top: 4px;
}
.feedHeader img
{
    float: left;
    width: 40px;
    height: 30px;
}

.hr
{
    height: 2px;
    background-color: #6A6A6F;
}

.feedDate
{
    color: #C0C0C0;
    padding-top: 4px;
}

.feedTxt
{
    padding-top: 4px;
    padding-bottom: 2px;
}

/*-------------------------------- Profile Tabs --------------------------------- */

.profilewrapper
{
    width: 930px;
    margin: 0px auto;
    min-height: 600px;
}

.profilewrapper h1, .profilewrapper h4, .profilewrapper p, .profilewrapper pre, .profilewrapper ul, .profilewrapper li
{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}

.profilewrapper li
{
    outline: 0;
    text-decoration: none;
    -webkit-transition-property: background color;
    -moz-transition-property: background color;
    -o-transition-property: background color;
    -ms-transition-property: background color;
    transition-property: background color;
    -webkit-transition-duration: 0.12s;
    -moz-transition-duration: 0.12s;
    -o-transition-duration: 0.12s;
    -ms-transition-duration: 0.12s;
    transition-duration: 0.12s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#v-nav
{
    height: 100%;
    margin: auto;
    color: #333;
    font: 12px 'Segoe UI';
}

#v-nav > ul
{
    border-right-width: 0;
    float: left;
    width: 210px;
    display: block;
    position: relative;
    top: 0;
    border: 1px solid #DDD;
    margin: auto 0 !important;
    padding: 0;
    background-color: #F2F2F2 !important;
}

#v-nav > ul > li
{
    list-style-type: none;
    display: block;
    font-size: 1.11em;
    position: relative;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right-width: 0;
    border-left: 6px solid #DDD;
    margin: auto;
    padding: 10px 15px !important;
    background: whiteSmoke; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    font-weight: bold;
    color: #777777;
    cursor: pointer;
}

#v-nav > ul > li.current
{
    color: black;
    border-right: none;
    background: white !important;
    position: relative;
    border-left: 6px solid #0F75BB !important;
}

#v-nav > ul > li.first.current
{
}

#v-nav > ul > li.last
{
    border-bottom: 1px solid #DDD;
}

#v-nav > div.tab-content
{
    margin-left: 210px;
    border: 1px solid #ddd;
    background-color: #FFF;
    min-height: 400px;
    position: relative;
    padding: 12px;
    display: none;
    padding: 25px;
    -webkit-border-radius: 0px 16px 16px 16px;
    -moz-border-radius: 0px 16px 16px 16px;
    -o-border-radius: 0px 16px 16px 16px;
    -ms-border-radius: 0px 16px 16px 16px;
    -khtml-border-radius: 0px 16px 16px 16px;
    border-radius: 0px 16px 16px 16px;
}

#v-nav > div.tab-content > h4
{
    color: Black;
    border-bottom: 1px dotted #CCCCCC;
    padding-top: 5px;
    padding-bottom: 5px;
}

#v-nav > ul > li.current 
{
    border-bottom:0px !important;
    border-top:0px !important;
}
#v-nav > ul > li.last.current 
{
     border-bottom:0px !important;
}
#v-nav > ul > li.last
{
     border-bottom:1px !important;
}


/*-------------------------------- Calendar --------------------------------- */
.dx-ac {
    text-align: center !important;
    width: 33%;
}

.dxm-checked {
    background: #0F75BB !important;
}

.dxm-hovered {
    background: #0F75BB !important;
}

.dxscViewSelectorButtonChecked_Metropolis
{
    background: #6A6A6F;
    color: white;
}
.dxscTodayCellHeader_Metropolis {
    background: #0F75BB !important;
    border-top-width: 1px;
    color: #FFFFFF;
}

.dxscSel
{
    background: #6A6A6F !important;
}
.dxscViewSelectorButtonHover_Metropolis
{
    color: white;
    background-color: #6A6A6F;
}

.dxscAlternateTimelineDateHeader_Metropolis
{
    background: #0F75BB;
}
.dxscAlternateDateHeader_Metropolis
{
    background: #0F75BB;
}

.dxeCalendarSelected_Metropolis
{
    color: white;
    background-color: #6A6A6F;
}
.dxeDisabled_Metropolis.dxeCalendarSelected_Metropolis
{
    background-color: #6A6A6F;
}
.dxeCalendarWeekend_Metropolis
{
    color: #0F75BB;
}
.dxeCalendarHeader_Metropolis
{
    color: #6A6A6F;
}

.dxeCalendarToday_Metropolis
{
    border: 1px solid #0F75BB;
}

.dxeCalendarButtonHover_Metropolis
{
    color: white;
    background-color: #6A6A6F;
    border-color: #0F75BB;
}

.dxeCalendarFastNavMonthSelected_Metropolis
{
    color: white;
    background-color: #6A6A6F;
}
.dxeCalendarFastNavYearSelected_Metropolis
{
    color: white;
    background-color: #6A6A6F;
}
.dxeCalendarFooter_Metropolis
{
    padding: 8px 40%;
    border-bottom-color: #0F75BB;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.dxeFocused_Metropolis.dxeCalendar_Metropolis .dxeCalendarFooter_Metropolis
{
    border-color: #0F75BB;
}
.dxeCalendar_Metropolis
{
    color: rgb(51, 51, 51);
    font-weight: normal;
    cursor: default;
    background-color: white;
    border: thin solid #0F75BB;
}

/*-------------------------------- Add User --------------------------------- */
.userHeading
{
    color: #226230 !important;
    text-transform: uppercase;
    padding: 0.2em 0 0.5em 0;
    font-size: 1.3em;
    text-decoration: normal;
}

/*---------------------- User Profile ------------------------------------- */
.profileDiv .inquiry
{
    margin: 0px 0px 8px 0px;
    width: 100%;
}

.profileDiv .inquiry input[type="text"], .requestBox .inquiry input[type="password"]
{
    width: 200px;
    font-family: 'Segoe UI';
    font-size: 12px;
}

.profileDiv label
{
    padding: 4px 0px 0px 0px;
    float: left;
    width: 170px;
    font-family: 'Segoe UI';
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
}

/*-------------- Community News --------------------------------------------- */

.dxpcLite_Metropolis .dxpc-header
{
    padding: 5px 2px 5px 12px;
    height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    color: #000000;
    font-size: 14px;
    white-space: nowrap;
    background: #6A6A6F;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
}

.dxpcLite_Metropolis .dxpc-closeBtn
{
    padding: 5px;
    float: right;
}
.dxpc-mainDiv.dxpcLite_Metropolis
{
    border: solid 1px #ddd;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.dxpcLite_Metropolis .dxpc-content
{
    padding: 12px;
    white-space: normal;
}
.postButtons
{
    width: 100%;
    margin: 1em 8em 1em 0;
    text-align: right;
}

/*-------------------------------- Calendar --------------------------------- */




/*-------------------------------- START: HTML Editor Changes --------------------------------- */

.dxheControl_Metropolis .dxeButtonEdit_Metropolis
{
    border: none !important;
    padding: 0 0;
}

/*-------------------------------- END: HTML Editor Changes --------------------------------- */



/******************************** Ajax Loading *****************************/
.PopUpLoading
{
    border-color: black;
    border-width: thin;
    border-style: solid;   
    position: absolute;
    z-index: 9999;
    background-color:White;
}

.Postloader
{
    width: 16%;
    height: 10%;
    margin-top: 20%;
    margin-left: 38%;
}

.Docloader
{
    width: 100px;
    height: 45px;
    margin-top: 20%;
    margin-left: 32%;
}


.dxgvFilterRow_Metropolis input[type="text"] {
    padding: 5px 0;
}
.formContainer2 
{
    padding: 11px 15px;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}




#topribbon {
    position: absolute;
    padding: 0 10px 0;
}
#topribbon h1 {
    width: 820px;
    display: block;
    margin: 0;
    padding: 13px 22px;
    position: relative;
    left: -16px;
    top: 16px;
    color: #f2f2f2;
    text-shadow: 0 1px 1px #111;
    border-radius: 2px 2px 0 0;

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NTAxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzE0NTAxMyIgc3RvcC1vcGFjaXR5PSIwLjcyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDUwMTMiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(15,117,187,1) 0%, rgba(15,117,187,0.72) 75%, rgba(15,117,187,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(15,117,187,1)), color-stop(75%,rgba(15,117,187,0.72)), color-stop(100%,rgba(15,117,187,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(15,117,187,1) 0%,rgba(15,117,187,0.72) 75%,rgba(15,117,187,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(15,117,187,1) 0%,rgba(15,117,187,0.72) 75%,rgba(15,117,187,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(15,117,187,1) 0%,rgba(15,117,187,0.72) 75%,rgba(15,117,187,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(15,117,187,1) 0%,rgba(15,117,187,0.72) 75%,rgba(15,117,187,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145013', endColorstr='#00145013',GradientType=1 ); /* IE6-8 */
    
    font-size:30px;
}
#topribbon h1::before,
#topribbon h1::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -10px;
    z-index: -10;
    border: 5px solid;
    border-color: #242424 transparent transparent transparent;    
}
#topribbon h1::before {left: 0;}
#topribbon h1::after {right: 0;}

.cblist { display:inline-block; width:100%; }
.cblistItem { margin: 3px 0; padding: 8px 16px 8px 4px; border: solid 1px #ddd; }
.cblistItem span { margin-left: 3px; }

.form-group { margin: 7px 0; }
.form-group label { display: inline-block; line-height: 21px; font-weight: bold; }
.form-group select { padding: 3px 3px; }