/* Release v3.7.0.0 */


/* Public Application Template v.3.0 */ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline !important; font-weight: 400;box-sizing: content-box; list-style-type: none; text-align: left;}
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 95%;
    vertical-align: baseline;
    font-weight: 200;
    box-sizing: content-box;
    list-style-type: none;
}
body {color:#333; font-size:76%; line-height:1.25;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
abbr, acronym {border-bottom:1px dotted #ebebee; cursor:help;}
em {font-style:italic; font-weight:inherit;}
strong {font-weight:bold; font-style:inherit;}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
li li, li p, td p, blockquote p {font-size:1em;}
:focus {outline:0;}
ins {text-decoration:none; color:#090; font-size:1.1em;}
del {text-decoration:line-through;}

/* Layout tools */
.clear:after {display:block; visibility:hidden; clear:both; height:0; content: ".";}

/* Watchdog : defeat deprecated content */
font, basefont {font:inherit; font-size:100%;}
center {text-align:inherit;}
s,strike/*,u*/ {text-decoration:inherit;}
div[align], h1[align], h2[align], h3[align], h4[align], h5[align], h6[align], p[align], blockquote[align], pre[align], font[align], img[align], center[align], dl[align], dd[align], dt[align], ul[align], ol[align], li[align], table[align], tr[align] {text-align:inherit;}
marquee {overflow:visible; -moz-binding:none;}
blink {text-decoration:none;}

/* MAIN */
html, body {
    background-image: url("../images/bodyBg_tile.png");
    background-size: auto 100%;
    text-align: center;
}

/* Primary containing block for all page areas. */
#container {background-color:#fff; margin:10px auto; padding:10px; text-align:left; width:960px;}
body.full #container {margin:0; padding:0; width:auto;}

#head {background:transparent url("../images/ExternalHeaderBG.png") left top repeat-x; height:99px;}
#head a.logo {background:transparent url("../images/ExternalLogo.png") right top no-repeat; margin:0; padding:0 0 0 10px; display:block; float:left; height:99px; text-decoration:none; width:240px;}
	#head a.logo img {display:none;}
/*#headlink {height:99px; float:right; padding:0 15px 0 0;}
#headlink a {display:block; margin-top:25px; font-weight:bold; font-family:Verdana,Arial,sans-serif; color:#0365fe; width:auto;}
#headlink tbody td { padding-right:1px; }*/
#headlink {height:99px; float:right; padding:0 15px 0 0;}
#headlink a {display:inline; margin-top:25px; font-weight:bold; font-family:Verdana,Arial,sans-serif; color:#fff; width:auto;}
#headlink span {color:#fff;}

/* Star Ratings */
p.difficulty {height:16px; line-height:16px;}
p.difficulty span {background:#fff url("../images/rating.png") left top no-repeat; display:inline-block; text-indent:-99999px; height:16px; overflow:hidden; width:100px; vertical-align:middle;}
p.difficulty span.rating1 {background-position:0 0;}
p.difficulty span.rating2 {background-position:0 -16px;}
p.difficulty span.rating3 {background-position:0 -32px;}
p.difficulty span.rating4 {background-position:0 -48px;}
p.difficulty span.rating5 {background-position:0 -64px;}

#mainContent {padding-bottom:10px; min-width:940px; overflow:hidden;}
body.full #mainContent {padding:10px; min-width:auto;}

#footer {background:transparent url("../images/footer_matrix.png") left top repeat-x;  border-top:1px solid #C3D2DF; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden; height:125px; padding:23px 0 10px; margin:0; position:relative; clear:both;}
	#footer a {
               color: #2353ba;text-decoration: none;transition: color .2s linear; font:1.1em/1.5 FreeSans, Helmet,sans-serif;
	}
	#footer .midSection {width:160px; height:133px; float:left;}
	#footer .divide {background:transparent url("../images/footer_matrix.png") 0 -430px no-repeat; padding-left:15px;}
	#footer p.title {font-size:1.3em; font-weight:bold; clear:left; color:#575757;}
	#footer ul {margin-top:2px;}
	#footer .address {background:transparent url("../images/footer_matrix.png") 10px -206px no-repeat; float:left; width:210px; padding-left:80px;font:1.1em/1.5 FreeSans, Helmet,sans-serif;}
	#footer .address a {margin: 1.5em 0 .214em; color:#2870df;}
	#footer .right {width:275px; height:133px;}
		#footer .right p.title, #footer .right ul {margin-left:35px;}
	#footer .readersViewers {float:left;}
		#footer .readersViewers {height:16px; margin:0 0 13px 0;}
		#footer .readersViewers li {float:left; padding:0 0 0 7px;}
		#footer .readersViewers a {width:16px; height:16px; display:block; background-image:url("../images/footer_matrix.png"); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
			#footer .readersViewers li.pdf a {background-position:0 -350px;}
			#footer .readersViewers li.ppt a {background-position:-16px -350px;}
			#footer .readersViewers li.zip a {background-position:-32px -350px; width:14px;}
			#footer .readersViewers li.doc a {background-position:-46px -350px;}
			#footer .readersViewers li.xls a {background-position:-62px -350px; width:15px;}
		#footer p.faq {background:transparent url("../images/footer_matrix.png") 0 -600px no-repeat; height:30px; position:relative; top:-7px;}
		#footer p.faq a {color:#2870df; line-height:30px; font-weight:bold; font-size:1.3em; padding-left:35px;}
		#footer p.allQuestions a {font-weight:normal; font-size:1em; color:#2870df; position:relative; left:35px; top:-10px;}


/* Horizontal Navigation */
#hNav ul {background:#efefef url("../images/hNav_l1.png") left top repeat-x; border-top:1px solid #ccc; height:30px; width:100%; margin:10px 0 0 0; padding:0;}
#hNav ul li {background-color:transparent; background-image:none; margin:0; padding:0; float:left; text-align:center;}
#hNav ul li a {color:#4d4d4d; display:block; float:left; height:23px; line-height:23px; padding:3px 11px; margin-top:1px;}
#hNav ul li.here a {background-color:#303A52; color:#fff; font-size:1.1em; font-weight:bold;}
	/* Level 2 support */
	#hNav ul.l2 {background:#303A52 url("../images/hNav_l2bottom.png") left bottom repeat-x; border-top:0; clear:left; height:36px; margin-top:0; width:100%;}
	#hNav ul.l2 li {padding-bottom:7px;}
	#hNav ul.l2 li a {background-color:#303A52; border-top:0; color:#fff; margin-top:0;}
    /*#hNav ul.l2 li a {color:#4d4d4d; display:block; float:left; height:23px; line-height:23px; padding:3px 11px; margin-top:1px;}*/
	#hNav ul.l2 li.here {background:transparent url("../images/hNav_l2here.png") center bottom no-repeat;}
	/*#hNav ul.l2 li.here a {}*/
		/* Level 3 support */
#hNav ul.l3 {background:#efefef url("../images/hNav_l1.png") left top repeat-x; border-top:1px solid #ccc; height:30px; width:100%; margin:0 0 0 0; padding:0;}
#hNav ul.l3 li {background-color:transparent; background-image:none; margin:0; padding:0; float:left; text-align:center;}
#hNav ul.l3 li a {color:#4d4d4d; display:block; float:left; height:23px; line-height:23px; padding:3px 11px;margin:0 0 0 0; }
#hNav ul.l3 li.here a  {background-color:#303A52; color:#fff; font-size:1.1em; font-weight:bold;}


#hNav ul.l4 {background:#303A52 left bottom repeat-x;  border-top:1px solid #ccc; height:30px; width:100%; margin-top:0px; padding:0;}
#hNav ul.l4 li {background:#303A52; }
#hNav ul.l4 li a {color:#fff; display:block; float:left; height:23px; line-height:23px; padding:3px 11px; margin-top:1px;}
#hNav ul.l4 li.here a {background-color:#303A52; color:#fff; font-size:1.1em; font-weight:bold;}

/* Start - Navigation TabLinks */
#navLink{margin: 0;width:100%;background:#C8CACA;height:25px;clear: both;}
#navLink ul{margin: 0;padding: 0;}
#navLink ul li{float: left;margin-right:2px;border-right-width:2px;list-style: none;}
#navLink ul li a{display: block;padding: 5px 10px 7px;text-align:left;color: Black;white-space: nowrap;}
#navLink ul li a:hover{background: White;color : Black;}
#navLink ul li.here a{text-decoration:underline;}
/* End - Navigation TabLinks */


/* PAGE CONTENT: USER INPUT */
.content {font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.45; text-align:left;}

/* 2Column layout support */
.content .twoColumn {width:100%; overflow:hidden;}
.content .twoColumn .leftColumn, .content .twoColumn .rightColumn {overflow:hidden; width:48.72%;}
.content .twoColumn .leftColumn {float:left;}
.content .twoColumn .rightColumn {float:right;}

/* 3Column layout support */
.content .threeColumn {width:100%; overflow:hidden;}
.content .threeColumn .leftColumn, .content .threeColumn .middleColumn, .content .threeColumn .rightColumn {width:32.32%; overflow:hidden;}
.content .threeColumn .leftColumn {float:left; padding-right:10px;}
.content .threeColumn .middleColumn {float:left; padding-right:10px;}
.content .threeColumn .rightColumn {float:left;}

/* Boxed/colored headers */
.content .boxed {border:1px solid #ccc; margin:15px 0 2px; width:318px;}
	.content .boxed div {padding:5px;}
.content .boxed-left {float:left; margin-right:10px; margin-bottom:2px;}
.content .boxed-right {float:right; margin-left:10px; margin-bottom:2px;}
.content .boxed-clearLeft {clear:left;}
.content .boxed-clearRight {clear:right;}
.content .boxed h3 {font-size:1.2em; margin-top:0; line-height:26px; height:26px; padding:0 5px;}
.content .boxed-blue h3 {background:#026F9C url("../images/blue_gradient.gif") left top repeat-x; color:#fff;}
.content .boxed-lightBlue h3 {background:#028FC3 url("../images/lightBlue_gradient.png") left top repeat-x; color:#fff;}
.content .boxed-black h3 {background:#424345 url("../images/black_gradient.gif") left top repeat-x; color:#fff;}
.content .boxed-gray h3 {background:#EFEFDB url("../images/gray_gradient.gif") left top repeat-x; color:#2d2d2d;}

/* Element Spacing: Top-Down */
.content p, .content ul, .content ol, .content dl, .content table, .content blockquote, .content form, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {margin:2px 0 2px 0;}
.content *.join, .content *.afterp {margin-top:2px;}

/* Horizontal Rules */
hr {border-color:#8e8e8e; border-style:solid; border-width:1px 0 0; clear:both; margin:20px 0 0; height:0;}
hr.heavy {border-width:3px 0 0;}

/* Links */
.content a, .content a:link {color:#054b99; text-decoration:underline;}
	.content ul a, .content ul a:link {text-decoration:none;}
.content a:visited, .content ul a:visited {color:#6a2e7d;}
.content a:hover {color:#054b99; text-decoration:none;}
	.content ul a:hover {color:#054b99; text-decoration:underline;}
.content a:active, .content ul a:active {color:#039; text-decoration:underline;}
.content a:focus, .content ul a:focus {outline:1px dotted #444;}
.content a.exiter, .content a[href^='/exit/'] {background:transparent url("../images/exit_button.gif") right 2px no-repeat; padding-right:13px;}

/* Headings */
.content h1 {font-size:1.4em;}
.content h2 {font-size:1.25em;}
.content h3, .content h4, .content h5, .content h6 {font-size:1.05em;} /*3 visual levels enforced*/

/* Lists 
   NOTE: IE6 uses different set of less flexible rules for UL/OL */
.content dt {margin:10px 0 2px 0; font-weight:bold;}
.content dd {margin:2px 0 2px 15px;}

.content ul {margin-left:0; padding-left:4px;}
	.content ul > li {list-style-type:none; padding-left:12px;}
	.content ul ul > li {list-style-type:none; }
.content ol {list-style-position:outside; padding-left:28px;}
	.content ol > li {list-style-type:decimal;}
	.content ol ol > li {list-style-type:lower-alpha;}
	.content ol ol ol > li {list-style-type:lower-roman;}
.content ul ol, .content ul ul, .content ol ul, .content ol ol {font-size:1.0em; margin-bottom:2px; margin-top:2px;}

.content li.more {background-image:none; list-style:none; list-style-image:none; font-weight:normal; font-size:0.9em; margin-top:5px;}
.content li.more a {font-weight:bold;}
.content ul.oversized li li, .content ol.oversized li li, .content ul.oversized li li li, .content ol.oversized li li li {margin:0 0 0 0;}
.content ul.oversized li, .content ol.oversized li, .content ul.oversized li ol.oversized li, .content ul.oversized li ul.oversized li, .content ol.oversized li ol.oversized li, .content ol.oversized li ul.oversized li {margin:10px 0;}

/* Visual Anchoring */
.content a.anchorUp, .content a.anchor-up, .content a.anchorDown, .content a.anchor-down {background-color:transparent; background-position:left center; background-repeat:no-repeat; padding:0 0 0 11px;}
.content a.anchorUp, .content a.anchor-up {background-image:url("../images/anchor_up.gif");}
.content a.anchorDown, .content a.anchor-down {background-image:url("../images/anchor_down.gif");}
.content ul.anchor-down li, .content ul.anchorDown li {background-image:url("../images/anchor_down.gif"); background-position:left 5px;}
.content ul.anchor-up li, .content ul.anchorUp li {background-image:url("../images/anchor_up.gif"); background-position:left 4px;}

/* Images */
.content img.border {border:1px solid #1d1d1d;}
.content img.left {float:left; margin:5px 4px 2px 0;}
.content img.right {float:right; margin:5px 0 2px 4px;}
.content div.image img {display:block;}
.content div.s1 img, .content div.s3 img {border:1px solid #3d3d3d; margin:0 auto;}
.content div.s2 img {margin:0 auto;}
.content div.s2, .content div.s3 {border:1px solid #3d3d3d; padding:2px 0; background:#f1f1f1;}
.content div.image p.caption {margin:0 auto; font-style:italic; font-size:76%;}

/* Blockquotes */
.content blockquote {margin-left:40px; margin-right:40px; padding:8px 10px 2px 10px; font-style:italic; background-color:#efefef; color:#052346;}
.content blockquote p {margin:2px 0 8px;}
.content blockquote em {font-style:normal;}

/* Super/subscript */
.content sup {font-size:0.76em; padding-left:1px; position:relative; top:-3px; line-height:0;}
.content sub {font-size:0.76em; padding-left:1px; position:relative; bottom:-3px; line-height:0;}

/* Monospace/Code */
.content pre {font-size:1.1em;}
.content tt, .content code {color:#a20; font-family:"Courier New", Courier, monospace; font-size:1.05em; line-height:1.1;}
.content var {font-style:italic; color:#a20;}
.content kbd {font-family:'andale mono','lucida console','courier new',monospace; font-size:1em; background-color:#eee; padding-left:2px; padding-right:2px; border:1px solid #ddd; border-bottom-color:#999; border-left-color:#999;}

/* New Tables */
.content table { border:0px solid #888; border-collapse:collapse; text-align:left; margin:5px 0 2px 0;}
.content table.strict {table-layout:fixed;}
.content table.collapsed {border-collapse:collapse;}
.content table.layout {background-color:#FFF; border:0; margin:15px 0 0;}
.content table.layout tbody td, .content table.layout tbody th {border:0; padding:0;}
.content th {background-color:#FFF; vertical-align:top; padding:2px 2px;}
.content td {vertical-align:top; padding:2px 2px;}
.content caption {font-weight:bold; text-align:left;}
.content caption.header {background-color:#4D4D4D; text-align:center; color:#FFF; border:1px solid #2F2F2F; margin:0;}
.content thead {font-size:1em;}
.content thead tr th {background-image:url(../Images/ui-bg_NB-wave_55_5c9ccc_500x100.png)}
.content thead tr.level-one th, .content thead tr.levelOne th {background-color:#003063;}
.content thead tr.level-two th, .content thead tr.levelTwo th {background-color:#052346;}
.content thead th {font-weight:bold; color:white; border:1px solid #777;}
.content thead tr.level-two th, .content thead tr.levelTwo th {color:#fff;}
.content tfoot th, .content tfoot td {background-color:#003063; border:1px solid #888; border-top:2px solid #666; font-weight:bold;}
.content tfoot td, .content tfoot th {color:#fff; font-size:0.9em;}
.content tfoot a:link,
.content tfoot a:visited {color:skyblue;}
/*.content tbody tr {background-color:#fff;}*/
.content tbody tr.altBg td, .content tbody tr.altBg th, .content tbody tr.alt-bg td, .content tbody tr.alt-bg th {background-color:#efefef;}
	/* css3 striping */
	.content table.striped tbody tr:nth-child(odd) td {background-color:#fff;}
	.content table.striped tbody tr:nth-child(even) td {background-color:#efefef;}
/*.content tbody td {border:0px solid #888;}*/
.content tbody th {border:1px solid #535353; font-weight:bold;}
.content table thead tr th a, .content table thead tr th a:link, .content table thead tr th a:visited {color:#fff !important;}
.content table.centered, .content tr.centered, .content td.centered, .content th.centered {text-align:center;}
.content table.left, .content tr.left, .content td.left, .content th.left {text-align:left;}
.content table.right, .content tr.right, .content td.right, .content th.right {text-align:right;}

/* FORM STYLES */
	form.layout p.required {margin:0; padding:2px;}
	form.layout p.required span, form.layout span.required {color:#C00; font-weight:bold; font-size:1.5em;}
	
	form.layout .formRow {clear:both; padding:4px; vertical-align:middle; overflow:hidden; line-height:1.6em;}
	form.layout .noLabel {padding-left:148px;}
	form.layout .optionGroup {clear:both; width:415px; border:1px solid #fff; margin:1px 0;}
	form.layout .caption {display: block; clear:both; margin-left:145px; font-style:italic;}
	form.layout .alt-bg {background-color:#F6F1DF; border:1px solid #F6F1DF;}
	form.layout .border {border:1px solid #999; margin-bottom:12px;}
	/*--Headings as Legends--*/
	form.layout .legend {font-size:1em; font-weight:bold; display:block; padding:2px 8px; margin-top:0;}
	form.layout h2.legend {border-bottom:1px solid #A4AFAD; color:#036;}
	form.layout h3.legend {padding:2px 8px; margin-bottom:0;}
	/*--Labels--*/
	form.layout label {clear:left; width:140px; text-align:right; float:left; display:block; margin:0 0; padding-top:1px; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;}
	form.layout label.secondary {clear:none; width:140px; text-align:left; float:left; padding-left: 4px;}
	/*--Text, Password, and Select Input Styling--*/
	form.layout input[type=password] {height:19px; border:1px solid #999;}
	form.layout input[type=text], form.layout textarea, form.layout select, form.layout input[type=password], form.layout input[type=file] {float:left; margin-left: 5px; }
	form.layout textarea {padding:2px;}
	form.layout input.readOnly {border: none; border-bottom: 1px dotted #CCC;}
	/*--Radio and Checkbox Styling--*/

	/*--Required, Error, and Locked Field Styling--*/
	form.layout input.errorField, form.layout textarea.errorField, form.layout select.errorField {background-color:#FDD;} 
	/*--Horizontal Layout of Checkboxes and Radio Buttons--*/

	form.layout div.multiInput input, form.layout div.multiInput select, form.layout div.multiInput textarea {float:none;}	
	input.button {margin-right:10px; border:1px solid #999; border-top-color:#CCC; border-left-color:#CCC; padding:0.2em 0.6em; background-color:#FFF; background-position:left top; background-image: url("../images/buttonDefaultInverted.gif"); background-repeat:repeat-x; color:#333; font-weight:bold;}
	input.button:hover {/*background-image:url("../images/buttonDefault.gif");*/ background-position:left bottom; border-top-color:#999; border-left-color:#999; cursor:pointer;}
	input.button:active {border-top-color:#999; border-left-color:#999; border-bottom-color:#CCC; border-right-color:#CCC; position:relative; bottom:-1px; right:-1px;}
	input.primary {padding:0.2em 0.8em; border-color:#555;}
	input.secondary {background-image:url("../images/buttonSecondaryInverted.gif"); color:#656565; text-transform:capitalize;}
	input.error {background:#FCC;}

/* jQueryUI Accordion Styling */
.ui-accordion {border:1px solid #999; float:right; width:360px;}
.ui-accordion .ui-accordion-header {cursor:pointer; height:26px; margin:0; padding:0; position:relative;}
.ui-accordion .ui-state-active{background:#000 url("../images/accordion/black_gradient.gif") top left repeat-x;}
.ui-accordion .ui-state-default {background:#4A9BEA url("../images/accordion/blue_gradient.gif") left bottom repeat-x;}
.ui-accordion .ui-accordion-header .ui-icon {height:26px; width:25px; position:absolute; left:0; top:0;}
.ui-accordion .ui-state-active .ui-icon {background:url("../images/accordion/aud_down-arrow.gif") 5px center no-repeat;}
.ui-accordion .ui-state-default .ui-icon {background:url("../images/accordion/mvv_arrow_right.gif") 5px center no-repeat;}
.ui-accordion .ui-accordion-header a, .ui-accordion .ui-accordion-header a:link, .ui-accordion .ui-accordion-header a:visited, .ui-accordion .ui-accordion-header a:hover {color:#fff; display:inline-block; font-size:1.1em; height:26px; line-height:26px; padding-left:25px; text-decoration:none;}
/*.ui-accordion .ui-state-active a {/*reserve}
.ui-accordion .ui-state-default a {/*reserve} */
.ui-accordion .ui-accordion-content {display:none; overflow:hidden; width:360px;}
.ui-accordion .ui-accordion-content div {padding:8px; width:344px;}
.ui-accordion .ui-accordion-content-active {display:block;}
.ui-accordion .ui-accordion-content p, .ui-accordion .ui-accordion-content ul, .ui-accordion .ui-accordion-content ol, .ui-accordion .ui-accordion-content dl {margin-top:12px; margin-bottom:2px;}
.ui-accordion .ui-accordion-content p.join, .ui-accordion .ui-accordion-content ul.join, .ui-accordion .ui-accordion-content ol.join, .ui-accordion .ui-accordion-content dl.join {margin-top:2px;}
.ui-accordion .ui-accordion-li-fix {display:inline;}

/* GLOBAL STYLES */
.left {float:left; margin:0 10px 10px 0;}
.right {float:right; margin:0 0 10px 10px;}
.hidden, .forPrint {display:none;}
big, .big {font-size:1.15em;}
small, .small {font-size:0.85em;}
.bold {font-weight:bold;}
.alert {color:#e00;}

/* Validation summary styles */
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}
/* Validation summary styles end */

/*PRD Styles begin*/
/*fieldset
{
	border:1px solid #ddd;
}*/
fieldset {
    /*border: 1px solid #b6b6b6;*/
    padding: 0 1em 1em 1em;
    margin: 0 0 1em 0;
    border: 1px solid #666;
    border-radius: 8px;
    box-shadow: 0 0 10px #666;
    padding-top: 10px;
}
.fieldset {
    border: 1px solid #666;
}
.Label
{
	/*vertical-align:text-top;
	font-size:9pt;
	float:right;*/
    font-weight:bold;
}
.LabelBold {
    vertical-align: text-top;
    font-size: 9pt;
    float: left;
    font-weight: bold;
    white-space: pre-line;
}
.LabelBoldSpace {
    white-space: pre;
    vertical-align: text-top;
    font-size: 9pt;
    float: left;
    font-weight: bold;
}
.LabelBoldAlignLeft
{
	vertical-align:text-top;
	font-size:9pt;
	/*float:left;*/
    font-weight:bold;
}

.LabelBoldAlignLeftNoWrapRightPadding {
    vertical-align: text-top;
    font-size: 9pt;
    /*float:left;*/
    font-weight: bold;
    white-space: nowrap;
    padding-right: 4px;
}

.LabelBoldAlignLeftRightPadding {
    vertical-align: text-top;
    font-size: 9pt;
    /*float:left;*/
    font-weight: bold;
    padding-right: 4px;
}

.LabelBoldAlignLeftWidth165 {
    vertical-align: text-top;
    font-size: 9pt;
    /*float:left;*/
    font-weight: bold;
    width: 165px;
}

.LabelBoldAlignLeftNoWrap {
    vertical-align: text-top;
    font-size: 9pt;
    /*float:left;*/
    font-weight: bold;
    white-space: nowrap;
}

.LabeBoldNoFloat {
    vertical-align: text-top;
    font-size: 9pt;
    float: left;
    font-weight: bold;
    white-space: nowrap;
}

.LabelValue
{
	text-align:left;
	vertical-align:text-top;
	font-size:9pt;
	/*float:left;*/
    max-height:15px;
}
.LongLabelValue
{
	text-align:left;
	vertical-align:text-top;
	font-size:9pt;
    max-height:15px;
    width:350px;
}
.Textbox
{
	font-size:9pt;
	width:250px;
	vertical-align:text-top;
	float:left;
}
.checkbox
{
	vertical-align:text-top;
	float:left;
}

.multiSelect {
    float: left;
    font-size: 9pt;
    word-wrap: break-word;
    width: 450px;
}

/*
.dropdown
{
	float:left;
	font-size:9pt;
}*/
.dropdown {
    float: left;
    font-size: 9pt;
    word-wrap: break-word;
    width: 250px;
    height: 22px;
}

.dropdown375 {
    float: left;
    font-size: 9pt;
    word-wrap: break-word;
    width: 375px;
    height: 22px;
}

.LargeWidthTxtArea {
    font-size: 9pt;
    vertical-align: text-top;
    float: left;
    width: 698px;
}

.HorizonLine {
    border: 0.5px solid gray;   
}

/*Textarea 
{

	font-size:9pt;
	vertical-align:text-top;
	float:left;
}
.PanelWithBorder                                    
{
	
	
}*/

div#frmLogin 
{
 padding: 50px 50px 50px 50px;
 margin: 50px 50px 50px 50px;
 width: 600px;
}

.PageHeader
{
	border:0px;
}

.PageHeader legend {
        background-color: #f4f3f3;
        padding: 3px 3px 3px 3px;
        margin: 2px 0px 0px 0px;
        text-align: center;
}


.InstructionMessage {
    overflow: hidden;
    /*border-left: solid 2px #3498db;*/
    font-weight: bold;
    background-color: #e3e5e6;
    line-height: 17px;
    overflow: hidden;
    padding: 12px;
    display: block;
    color: #000000;
}


/*legend {
font-weight: bold;
text-align: left;
}*/

legend {
    font-weight: bold;
    text-align: left;
    width: auto;
    font-size: 1em;
    font-weight: bold;
    color: #0000FF;
    padding: 4px 8px 4px 8px;
    background: #fff;
    float: none;
}


/* Employee Details Modal Popup Buttons Panel*/
#panelButtonsDutyGrid 
{
	text-align:left;
}

#panelButtonsDutyAddForm {
	text-align: left;
}

#lblNDRUnderConstr {
	float:left;
}

/* Manage Pages Menu */
#leftContentMargin
{
	float: left;
	width: 35%;
	height: 600px;
	table-layout: fixed;
	border-right: 3px solid #d6d6d6;
	
	overflow-x: auto;
	overflow-y: inherit;
	height: expression(this.scrollHeight>600?'600px':'hidden');
}
#leftContentMarginManItems
{
	float: left;
	width: 35%;
	height: 600px;
	table-layout: fixed;
	border-right: 3px solid #d6d6d6;
	
	overflow-x: auto;
	overflow-y: inherit;
	height: expression(this.scrollHeight>600?'600px':'hidden');
}

/* manage items right content area */

#rightContentMargin
{
	float: right;
	width: 63%;
	height: 600px;
	padding: 10px 10px 10px 10px;
	table-layout: auto; /*border-right:3px solid  #d6d6d6;*/
	overflow-x: auto;
	overflow-y: inherit;
	height: expression(this.scrollHeight>600?'500px':'hidden');
}

.ViewPrintPanel
{
	float:right;
}

#identificationTitleBar
{	
	display:block; font-weight:bold; font-family:Verdana,Arial,sans-serif; color:#0365fe; width:100%; margin-bottom:0px;
}
#identificationTitleBar table { width:100%; border:0px solid #888; border-collapse:collapse; text-align:left; margin:0px 0 0px 0;}
#identificationTitleBar tbody td.centered, td.centered {text-align:center; margin-bottom:0px;}
#identificationTitleBar td.left, tbody td.left {text-align:left;margin-bottom:0px;}
#identificationTitleBar td.right, tbody td.right {text-align:right;margin-bottom:0px;}

.pageTitleClass {margin: 1px;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    color: #0365fe;
    text-align: center;
    font-size: medium; }
.pageTitleClass tbody tr {background-color: #efefef ;}
.pageTitleClass tbody td {background-color: #efefef ;} 
.pageTitleClass table { background-color: #efefef ;width:100%; border:0px;margin:0px 0 0px 0;}
.pageTitleClass tbody td.centered, td.centered {text-align:center; margin-bottom:0px; }
.pageTitleClass td.left, tbody td.left {text-align:left;margin-bottom:0px;}
.pageTitleClass td.right, tbody td.right {text-align:right;margin-bottom:0px; }
.pageTitleClass td.rightEmpty, tbody td.rightEmpty {margin-bottom:0px; margin-left:200px;}


#idTitle {
    margin: 1px;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    color: #0365fe;
    text-align: center;
    font-size: x-large;
}
#pgeTitle {
    margin: 1px;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    text-align: center;
    font-size: medium;
}
.loggedinUserName {
    text-align: right;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    color: #fff;
    width: auto;
    border-bottom: 1px solid #C3D2DF;
    background:transparent url("../images/ExternalHeaderBG.png");
}

.ProjectHeader {
    overflow: hidden;
    background: #fff url(../Images/sprite2.png) top repeat-x;
    border-color: #cbcbcb #cbcbcb #cbcbcb #cbcbcb;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    padding: 3px 0px 2px 5px;
    margin-bottom: 10px;
    border-left: 10px solid #D37575;
    border-radius: 4px;
}
.SplashContent {
    position: relative;
    width: 400pt;
    margin: auto;
    margin-left: 200px;
    margin-right: 200px;
    padding: 4pt;
    border: solid 1pt;

   
}
.SplashWarning {
    border-top-style: solid;
    border-top-width: medium;
    border-bottom:hidden;
    position: relative;
    width: 400pt;
    margin: auto;
    margin-left: 200px;
    margin-right: 200px;
    padding: 4pt;
    border: solid 1pt;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    border-color: #000000;
    font-size: medium;

}
.SplashMessage {
    font-size: 100%;
    border-top-style: solid;
    border-top-width: medium;
    margin: 2pt;
}
.splashButtons {
    border-top-style: solid;
    margin: 2pt;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
     border-bottom:hidden;
}

.SplashHeading{
    margin: 1px;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
    text-align: center;
    font-size: medium;
    border-top-style: solid;
    margin-left: 200px;
    margin-right: 200px;
    position: relative;
    width: 400pt;
    margin: auto;
    margin-left: 200px;
    margin-right: 200px;
    padding: 4pt;
    border: solid 1pt;
}
#ErrorMessage{
  
    font-family: Verdana,Arial,sans-serif;
    text-align: center;
    font-size: medium;
    border-top-style: solid;
    
}
.firstColumn,
.secondColumn
{
    width:inherit; 
    white-space:nowrap;
    float:left; 
    padding-right:10px; 
    text-align:left;

}

.thirdColumn,
.fourthColumn

{
    width:20%; 
    overflow:hidden;
    float:left; 
    padding-right:10px; 
    text-align:left;

}

/*.thirdColumn,
.fourthColumn
{
    width:17%; 
    overflow:hidden;
    float:left; 
    padding-right:10px; 
    text-align:left;

}*/
.LabelBackground {background-color: #efefef ;} 
/*PRD Styles end*/

/* Kendo Accordion - Expansion Panel CSS Changes*/
.k-expander-header {
    background-color: #f5f4f4 !important;
}

.k-expander-title {
    font-weight: bold;
    color: #0000FF
}

.k-content {
    margin-top: 7px;
}

/* Kendo Grid CSS Changes*/

/*grid filtered column*/
th a.k-state-active {
    background-color: #ebebeb;
}

th a.k-grid-column-menu:hover {
    background-color: #666 !important;
}

.colored-icon-green {
    color: green !important;
}

.colored-icon-red {
    color: darkred !important;
}

.colored-icon-blue {
    color: blue;
}

/*popup grid header fixed*/
.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: white;
    background: #303A52;
}

.k-grid .k-state-selected > td { background-color: #c5c5c5; color:black; }
.k-grid .k-state-selected {
    color:black;
    background-color:white;
    border-color:white;
}

.k-filter-row th, .k-grid-header th.k-header {
    padding: 0.5em 0.6em .4em .6em !important;
}

ul.k-pager-numbers {
    margin: 0px;
}
ul.k-pager-numbers li {
    padding-left: 2px;
}

ul.k-pager-numbers li a:link {
    color:white;
}

.k-grid {
    width: auto;
    overflow-x: scroll;
    color: #2E2E2E;
}

.k-grid > table {
    margin: 0px;
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;    
}

.k-grid > table > tbody > tr {
	border-bottom: solid 1px silver;
    font-weight:bolder;
}

.k-grid > table > tbody > tr > td.k-table-td {
    border: solid 1px silver;
    padding: 3px;
    vertical-align: top;
}

.k-grid > table > thead.k-grid-header > tr > th {
    white-space: normal;
    vertical-align: top !important;
}

.k-grid td, .k-grid .k-table-td {
    font-weight: normal;
}

.k-table-th.k-sorted {
    background: #303A52;
}

.k-grid-pager {
    background-color: #303A52;
    background-image: none;
    border-color: #303A52;
    color: white;
    padding-block: 4px;
}

.k-pager-wrap > .k-link > .k-icon{
    margin-top: -2px;
    color: white;
    opacity: 1;
    font-size: 16px;
    font-weight:800;    
}

.k-pager-wrap span {
    font-weight:600;
}
.k-ff {
    overflow: inherit !important;
}
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    border:solid 1px silver;
}

.ui-autocomplete .ui-menu-item > div.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-autocomplete div.ui-menu-item-alternate {
      background-color: #f1f1f1;  
 }

 .ui-autocomplete li.ui-menu-item {
     padding: 3px;
      border: 1px silver;   
    }

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #c5c5c5 !important;
    font-weight: normal !important;
    color: black;
    border: none;
}

.leftAlign {
    text-align: left;
}

label#lblCommentRRContact {
    vertical-align: top !important;
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    white-space: nowrap;
}

label#lblRequestedComments {
    vertical-align: top !important;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    white-space: nowrap;
}

textarea#RequestComments {
    display: flex;
    /* height: 80px;*/
    float: left;
    margin-bottom: 10px;
    font-size: 9pt;
    width: 320px;
    vertical-align: text-top;
}

label#RequestComments {
    display: flex;
    /* height: 80px;*/
    float: left;
    margin-left: 7px;
    margin-bottom: 10px;
    font-size: 9pt;
    width: 320px;
    vertical-align: text-top;
}


label#lblRespondedCommentsDSA {
    vertical-align: top !important;
    font-weight: bold;
    /*display: inline-block;*/
    margin-right: 5px;
    white-space: nowrap;
}

#RespondComments {
    display: flex;
    width: 350px;
    float: left;
    margin-left: 7px;
    margin-bottom: 10px;
    font-size: 9pt;
    text-align: left;
}

.exportBtn {
    margin-left: 10px !important;
    box-shadow: 0 0.2em rgba(0, 0, 0, 0.4);
    background: #e6e5e5;
    color: black;
    border-radius: 4px;
    border-color: #bbb;
}

.exportBtnRight {
    margin-right: 10px !important;
    box-shadow: 0 0.2em rgba(0, 0, 0, 0.4);
    background: #e6e5e5;
    color: black;
    border-radius: 4px;
    border-color: #bbb;
}

.TextAreaReadOnly {
    white-space: normal !important;
}

.ui-dialog {
    border: 1px solid #666;
    border-radius: 4px;
    box-shadow: 0 0 10px #666;
    position: fixed !important;
    padding: .1em;
    overflow: hidden !important;
}

.ui-datepicker {
    position: absolute !important;
}

.k-multiselect-wrap {
    border: 1px solid #666;
}

.grd-btn {
    background-color: #1976d2;
    color: white;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    height: 25px;
    padding: 5px;
}

.grd-btn:hover {
    background-color: #1565c0;
    cursor: pointer;
}


.k-pager-wrap, .k-grouping-header {
    padding: 4px 4px;
    border: 1px solid silver;
}

.k-grid-header th.k-header > .k-link {
    min-height: 18px;
    line-height: 18px;
}

.k-grid .k-column-title {
    text-decoration: underline;
    white-space: normal;
    color: white;
}

.k-grid > table > tbody > tr > td {
    border: 1px solid silver !important;
    font-size: 11.55px;
}

.k-table-th.k-sorted {
    background: #303A52;
}

.k-header .k-icon:before {
    color: white;
}

.k-active {
    background-color: #ebebeb;
}

.k-input-solid {
    border-color: #888;
}

.k-input-solid:hover {
    border-color: #888;
}

.k-grid-header .k-sort-icon {
    color: whitesmoke;
}

.k-grid tr.k-selected {
    color: black;
    /*background-color: silver;*/
    border-color: white;
}


.k-grid tr.k-selected:hover {
    color: black;
    background-color: silver;
    border-color: white;
}

/*.k-checkbox:checked {
    border-color: #c5c5c5;
    color: #000000 !important;
    background-color: #303A52;
}*/

.k-checkbox {
    border-color: #ccc;
}

.k-text-center {
    text-align:center !important;
}

.k-button-flat-primary {
    color: #fff;
}

.k-grid .k-grouping-row td {
    background-color: #e0e0e0;
}

.k-grid td.k-group-cell {
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0 !important;
    /*//#e0e0e0;*/
}

.k-grid .k-selected {
    /*color: black;*/
    background-color: silver;
    border-color: white;
}

.AnnouncementTitle {
    vertical-align: text-top;
    font-size: 11pt;
    font-weight: bold;
}

.AnnouncementDesc {
    margin-left: 23px;
    margin-top: 5px;
}


.k-expander {
    margin-bottom: 15px;
    border: 1px solid #666 !important;
    border-radius: 8px;
    box-shadow: 0 0 10px #666;
}

.k-expander-header {
    border-bottom: 1px solid #666 !important;
    border-radius: 8px;
}

.k-expander-title {
    text-transform: none;
}

/*style for validation message*/
/*.alert.alert-info {
    background: #def4ff;
    border-color: #03a9f4;
}

.alert.alert-error {
    background: #ffe6e4;
    border-color: #f31700;   
}

.alert {
    background: #fff;
    padding: 15px 30px;
    border-left: 4px solid;
    font-size: 18px;
    font-weight: 400;
    font-family: Metric, sans-serif;
    line-height: 22px;
    color: #383f55;
    width:52vw;
}*/


/*Blur background for the dialog.*/
.ui-widget-overlay {
    opacity: .70 !important; /* Make sure to change both of these, as IE only sees the second one */
    /*filter: Alpha(Opacity=20) !important;*/
    filter: blur(3px);
    background: rgb(50, 50, 50) !important; /* This will make it darker */
}