﻿

/** reset **/
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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* formatting of these tags can overwritten with font:inherit so they are removed from the above group */
strong, b, em, i
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
/* ReSharper disable InvalidValue */
	font-variant: inherit;
/* ReSharper restore InvalidValue */
	vertical-align: baseline;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote
{
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after
{
	content: "";
	content: none;
}
a img
{
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary
{
	display: block;
}



/** common **/
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
}
.clearfix
{
	*display: inline-block;
	_height: 1%;
}
.clear
{
	clear: both;
}
.inline
{
	display: inline;
}
.none
{
	display: none;
}
.inlineBlock
{
	display: inline-block;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.textCenter
{
	text-align: center;
}
.auto
{
	width: auto !important;
}
.normal
{
	line-height: normal;
}
.hr
{
	width: 95%;
	height: 1px;
	margin: 10px 0;
	line-height: 1px;
	background: #777777;
	color: #777777;
}
.leftPadding
{
	padding-left: 10px;
}
.lineWrapper
{
	border-bottom: 1px solid #2eb135;
	padding-bottom: 2px;
	padding-top: 5px;
	display: inline-block;
	padding-right: 10px;
}
.red
{
	color: #ff0000;
}
.spacer				/* intended for <span> to add a little spacing */
{
	padding: 0 5px;
}


/** base page **/
#grad
{
	height: 800px;
	width: 100%;
	position: fixed;
	z-index: -1;
	background: url('/content/images/katana/bkg_page_grad.png') repeat-x top;
}
#page-wrap, #footer
{
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #c4c4c4;
}
#content
{
	background: #fff;
}
#content .content-pad
{
	padding: 15px 20px;
}
#content .content-pad .logoRight
{
	position: relative;
	display: inline-block;
	margin-left: 150px;
	
}
#content-inner
{
	width: 980px;
	margin: 0 auto;
	padding: 20px;
}
#breadcrumb
{
	margin: 20px 0 0 50px;
	line-height: 130%;
	font-size: 14px;
	font-weight: 600;
}
#breadcrumb a
{
	padding: 0 0 0 10px;
	color: #2eb135;
	font-weight: normal;
}
#breadcrumb span
{
	padding: 0 10px 0 0;
	color: #2eb135;
}


body
{
	background-image: url('/content/images/katana/bkg_page.png');
}
body, table, p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p
{
	margin-bottom: 15px;
}
a
{
	color: #2eb135;
}
h1, h2
{
	font-size: 24px;
	color: #54b948;
}
h3, legend
{
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	line-height: 24px;
}
h3.green
{
	color: #54b948;
}
h4
{
	font-size: 15px;
	color: #666666;
	line-height: 18px;
}
.ml20
{
	margin: 0 0 0 20px !important;
}





/** pod box **/
#content .pod-box
{
	color: #666666;
	font-size: 12px;
}
#content .pod-box.colSpacer{}	/* left blank by default; available to add space between boxes when there are multiple next to each other */
#content .pod-box .pod-box-title
{
	height: 50px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #808080), color-stop(100%, #5b5b5b));
	background: -webkit-linear-gradient(#808080, #5b5b5b);
	background: -moz-linear-gradient(#808080, #5b5b5b);
	background: -o-linear-gradient(#808080, #5b5b5b);
	background: -ms-linear-gradient(#808080, #5b5b5b);
	background: linear-gradient(#808080, #5b5b5b);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF808080', endColorstr='#FF5B5B5B');
}
#content .pod-box .pod-box-title .wrapper
{
	position: relative;
	width: 945px;
	margin-left: auto;
}
#content .pod-box .pod-box-title .collapse-toggle
{
	background: url('/content/images/katana/collapse_toggle.png') no-repeat center left;
	height: 16px;
	width: 16px;
	margin: 17px;
	float: right;
}
#content .pod-box .pod-box-title .collapse-toggle.collapsed
{
/* ReSharper disable CssNotResolved */
	background-position-x: -20px;
/* ReSharper restore CssNotResolved */
}
#content .pod-box .pod-box-title h2
{
	display: inline-block;
	margin-left: 25px;
	line-height: 50px;
	padding-right: 18px;
	color: #cce5c0;
	font-size: 15px;
	font-weight: bold;
	text-shadow: #454545 1px 1px 1px;
  
}
#content .pod-box .pod-box-title .link
{
	width: 12px;
	height: 12px;
	background: url('/content/images/katana/icon_arrow_right.png') no-repeat right 50%;
	font-size: 0;
	display: inline-block;
	top: -10px;
	line-height: 24px;
}
#content .pod-box .pod-box-title .cuetooltip
{
	display: block;
	text-indent: -999em;
	position: absolute;
	top: 18px;
	left: 0;
	width: 15px;
	height: 15px;
	background: url('/content/images/katana/icon_question.png') no-repeat;
}
#content .pod-box .content .wrapper
{
	position: relative;
	width: 822px;
	margin: 0 auto;
	padding: 5px 0 25px;
}
#content .pod-box .content .wrapper .section
{
	margin: 10px 20px 0 20px;
}
#content .pod-box .content .wrapper .content-info
{
	position: relative;
	padding-top: 20px;
}
#content .pod-box .content .wrapper .content-eligibility{
    table-layout:fixed;
    width:410px;
 }
#content .pod-box .content .wrapper .content-eligibility td 
{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
#content .pod-box .content .wrapper .edit
{
	position: absolute;
	top: 0;
	right: 0;
}
#content .pod-box .content .logo
{
	float: left;
    margin-right: 20px;
    margin-left: -25px;
}
#content .pod-box .content .projects h3
{
	font-size: 12px;
	margin-bottom: 9px;
}
#content .pod-box .content .projects .current, #content .pod-box .content .projects .recent
{
	position: relative;
	width: 411px;
	float: left;
	padding-top: 20px;
}
#content .pod-box .content .projects .current .add-project
{
	position: absolute;
	top: 0;
	right: 25px;
}
#content .pod-box .content .projects .recent table 
{
	width: 409px;
	border: 1px solid #333;
}
#content .pod-box .content .projects .recent th
{
	height: 23px;
}
#content .pod-box .content .projects .recent td
{
	height: 25px;
}
#content .pod-box .content table
{
	width: 822px;
	color: #676767;
	border-collapse: inherit;
}
#content .pod-box .content table th
{
	background: #454545;
	border-left: 1px solid #ffffff;
	padding: 6px 10px;
	color: #cce5c0;
	text-transform: uppercase;
	font-weight: bold;
}
/* ReSharper disable CssNotResolved */
#content .pod-box .content table th:first
/* ReSharper restore CssNotResolved */
{
	border-left: 1px solid #454545;
}
/*
.pod-box .content table tr
{
	border-left: 1px solid #454545;
}
*/
#content .pod-box .content table tr.even, #content .pod-box .content table tr.highlight
{
	background: #cce5c0;
}
#content .pod-box .content table td
{
	border-right: 1px solid #454545;
	border-left: 1px solid #ffffff;
	padding: 4px 8px;
}

#content .pod-box .content .info
{
	width: 445px;
	float: left;
}

#content .pod-box .content .info .label
{
	display: inline-block;
	min-width: 90px;
	min-height: 12px;
	float: left;
	text-align: right;
	margin-right: 15px;
	margin-bottom: 15px;
}

#content .pod-box .content .info .info-value
{
	display: inline-block;
	min-width: 300px;
	min-height: 12px;
	clear: both;
	margin-bottom: 15px;
}

#content .pod-box .content .info .header
{
	width: 445px;
	float: left;
}

#content .pod-box .content .info .header .label
{
	float: left;
	text-align: left;
	margin-bottom: 15px;
}

#content .pod-box .content .info .address
{
	width: 805px;
	float: left;
}

#content .pod-box .content .info .address .subaddress
{
	width: 400px;
	float: left;
}

#content .pod-box .content .info .address .subaddress .header
{
	width: 300px;
	font-weight: 700;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

#content .pod-box .content .info .address .subaddress .label
{
	min-width: 90px;
	float: left;
	clear: left;
	text-align: left;
	margin-bottom: 9px;
}

#content .pod-box .content .info .address .subaddress .info-value
{
	min-width: 185px;
	width: 280px;
	float: left;
	clear: none;
	margin-bottom: 9px;
}

/** tooltip **/
.tooltip
{
	display: none;
	width: 200px;
	padding: 15px;
	background: #fff;
	border: 1px solid #333;
	z-index: 10;
}
.tooltip dt
{
	font-weight: bold;
	margin-bottom: 8px;
}



/** title bar **/
#title-bar
{
	height: 87px;
	padding: 10px 10px 0;
	background: url('/content/images/katana//bkg_header_gray.png') repeat-x;
}
#title-bar a#logo
{
	display: block;
	float: left;
	background-image: url('/content/images/katana/quest_logo_white.png');
	width: 136px;
	height: 51px;
	margin: 18px 0 0 8px;
}
#title-bar #account-search
{
	float: right;
	margin: 15px 15px 0 0;
}
#title-bar #account-search #account
{
	margin-bottom: 12px;
	color: #fff;
	font-size: 14px;
	text-align: right;
}
#title-bar #account-search #account a
{
	color: #d4e9ca;
}
#title-bar #account-search #account .divider
{
	color: #444;
}
#title-bar #account-search #search input[type="text"]
{
	width: 320px;
	height: 25px;
	border: 2px inset #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	font-size: 14px;
	padding: 0 8px;
}



/** menu **/
#menu-primary
{
	height: 47px;
	background: #138f35 url('/content/images/katana/bkg_header_green_tall.png') repeat-x;
}
#menu-primary > ul
{
	position: relative;
	z-index: 900;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	*zoom: 1;
}
#menu-primary > ul > li
{
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	white-space: nowrap;
	float: left;
	/*width: 144px;*/
}
#menu-primary > ul > li.home
{
	width: 175px;
}
#menu-primary > ul > li.users
{
	width: 175px;
}
#menu-primary > ul > li.management
{
	width: 175px;
}
#menu-primary > ul > li
{
	*display: inline;
}
#menu-primary > ul > li a
{
	text-decoration: none;
	font-size: 14px;
	display: block;
}
#menu-primary > ul > li > a
{
	text-shadow: rgba(0, 0, 0, 0.45) 0 2px 2px;
	line-height: 47px;
	text-align: center;
	color: #cce5c0;
	font-weight: bold;
	text-transform: uppercase;
	border-width: 0 1px;
	border-style: solid;
	border-left-color: #31b848;
	border-right-color: #158942;
}
#menu-primary > ul > li > a .text-wrap
{
	background: url('/content/images/katana/menu_arrow.png') no-repeat center right;
	padding-right: 15px;
}
#menu-primary > ul > li.first a
{
	border-left-width: 0;
}
#menu-primary > ul > li.last a
{
	border-right-width: 0;
}
#menu-primary > ul > li:hover > a
{
	background: #138f35 url('/content/images/katana/bkg_header_green_dark.png') repeat-x;
}
#menu-primary > ul > li .sub-menu
{
	background-color: #ccc;
	border: 1px solid #444;
	float: left;
	display: none;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
	-ms-border-radius: 0 0 8px 8px;
	-khtml-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
#menu-primary > ul > li .sub-menu ul
{
	width: 99%;
	float: left;
}
#menu-primary > ul > li .sub-menu ul li a
{
	color: #444;
	padding: 10px 20px;
    min-width: 175px;
}
#menu-primary > ul > li .sub-menu ul li a:hover
{
	font-weight: bold;
	background-color: #e6e6e6;
}
#menu-primary > ul > li .sub-menu ul li.bottom a:hover
{
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
	-ms-border-radius: 0 0 8px 8px;
	-khtml-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
#menu-primary > ul > li .sub-menu.two-col
{
    
	width: 380px;
}
#menu-primary > ul > li .sub-menu.two-col ul
{
    width: 49%;
	border-right: 2px dotted #fff;
}
#menu-primary > ul > li .sub-menu.two-col ul.col-2
{
	border-right-width: 0;
}
#menu-primary > ul > li .sub-menu.two-col ul.col-2 li.bottom a:hover
{
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
	-o-border-radius: 0 0 8px 0;
	-ms-border-radius: 0 0 8px 0;
	-khtml-border-radius: 0 0 8px 0;
	border-radius: 0 0 8px 0;
}
#menu-primary > ul > li .sub-menu.two-col ul li.bottom a:hover
{
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	-o-border-radius: 0 0 0 8px;
	-ms-border-radius: 0 0 0 8px;
	-khtml-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}



/** footer **/
#footer
{
	clear: both;
	margin: 15px auto;
	background: url('/content/images/katana/bkg_footer.png') repeat-x;
	line-height: 35px;
}
#footer
{
	font-size: 10px;
	color: #666;
}
#footer .copy
{
	float: right;
	padding-right: 10px;
}
#footer .links
{
	float: left;
	padding-left: 10px;
}



/** Unobtrusive Validation **/
/* defaults */
.input-validation-error { border: 1px solid #ff0000 !important }
.input-validation-valid  { /* Optional: you can set whatever style you want */ }
.field-validation-error { color: #ff0000 }
.field-validation-valid { display: none }
.validation-summary-errors { font-weight: bold; color: #ff0000 }
.validation-summary-valid { display: none }
/* custom */
.validation-summary-errors
{
	/* match .section definition */
	margin: 20px 50px;
	overflow: hidden;
	position: relative;
	/* custom */
	display: block;
	clear: both;
	min-height: 55px;
	background: url('/content/images/katana/warning.png') 12px 10px no-repeat #ffffff;
	background-size: 50px 41px;
	line-height: normal;
	border: 3px solid #2eb135;
	padding: 4px 10px 4px 74px;
}
.validation-summary-errors li
{
	margin: 2px 0;
}


/*Custom Header text color for telerik grid in _ContractSummary.cshtml*/
.t-header,.t-header .t-link{color:#c0e9b3}


.standardLabelBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	font-weight: bold;
}

.requiredLabel {
    width: 10px; 
	display: inline-block; 
	margin-right: -10px;
	text-align: right;
    color: red;
}

.heading span
{
    background-color: white;
    padding: 0 20px;
    margin: 0 0 40px;
	color: #72b84c;   
    font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;	
}

.heading 
{
    margin-bottom: 50px;
	 margin-top: 50px;	 
	 background: url('/content/images/bkg_heading_line.png') repeat-x center;
	 text-align: center;
}

.modal
 {
    position: relative;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #d3d3d3), color-stop(100%, #e7e7e7));
	background: -webkit-linear-gradient(#d3d3d3, #e7e7e7);
	background: -moz-linear-gradient(#d3d3d3, #e7e7e7);
	background: -o-linear-gradient(#d3d3d3, #e7e7e7);
	background: -ms-linear-gradient(#d3d3d3, #e7e7e7);
	-pie-background: linear-gradient(#d3d3d3, #e7e7e7);
	background: linear-gradient(#d3d3d3, #e7e7e7);
	background-color: #e7e7e7\9; /* ie only */
	width: 370px;
	height: 330px;
    left: 310px;
    margin-bottom: 50px;
    behavior: url(/Content/themes/Ie-PIE.htc);
}


.modal fieldset  
{
    position: relative;
    left: 20px;
    top: 15px;
}


.modal .editor-label  
{
    margin-bottom: 3px;
}

.modal .editor-field
 {
     margin-bottom: 6px;
}

#pswd_box,
#confirmpswd_box
 {    
	position:relative;	
	bottom: -115px9; /* IE Specific */
	 left: 340px; 
	width:250px;
	padding:15px;
	background:#fefefe;
	font-size:.875em;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
	behavior: url(/Content/themes/Ie-PIE.htc);
}

#pswd_box
 {  
    bottom:200px;   
}
#confirmpswd_box
{
     bottom:115px;
}

#pswd_box h4,
#confirmpswd_box h4
 {
    font-weight: normal;
    font-size: 13px;
	margin:0 0 10px 0;
	padding:0;	
}

#pswd_box::before,
#confirmpswd_box::before
 {
	content: "\25C4";
	position:relative;	
	left: -11%;
	font-size:14px;
	line-height:14px;
	color:#72b84c;
	text-shadow:none;
	display:block;
}
#pswd_box::before
 {
     top:40px;
}
#confirmpswd_box::before 
{
    top:25px;    
}

.invalidInput {
	background:url('/content/images/Invalid.png') no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#ec3f41;
}
.validInput {
	background:url('/content/images/Valid.png') no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#3a7d34;
}


#pswd_box,
#confirmpswd_box
 {
	display:none;
}

.modal input[type="text"],
.modal input[type="password"]
 {   
    display: block;
    width: 238px;
    padding: 0 15px;
    line-height: 26px;
    height: 30px;
    background: url('/content/images/bkg_input.png') no-repeat 0 0;
    margin: 4px 0 15px;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #666;
}

.button, input[type="submit"], #export, #complete
{
    font-size: 14px;
    font-weight: bold;
    background-color: #3DB030;
    padding: 5px 30px;
    color: white;
    border-top: 2px solid #65C05A;
    border-left: 1px solid #A7DBA1;
    border-right: 2px solid #127206;
    border-bottom: 2px solid #127206;
    cursor: pointer;
}

.buttons_footer
 {
    position: absolute;
    left: 145px;
    top: 270px;
    width: 220px;
}

.ellipsis
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

div.stacking {
    display: inline-block;
    white-space: nowrap;
}

div.stacking span.field-validation-valid {
    display: block;
}

/* To Display MarkDown Text*/
.qdx-markdown ul, .qdx-markdown ol {list-style: inherit !important;margin-bottom: 16px;}
.qdx-markdown li {margin-left: 40px;padding: inherit;list-style-image: none;}
.qdx-markdown em, .qdx.markdown i { font-style: italic}
