/*@charset "utf-8";*/

body { font-family: Verdana, Tahoma, Helvetica, Arial, Sans-Serif; font-size: 11px; margin: 0; padding: 0; color: #fff; background-color: #3770ab; }

img {border: none;}
input[type=button], input[type=submit], input[type=file], select, #roles-table label[for] { cursor: pointer; }
#roles-table label[for]:hover {color: #3770AB; }

.version { color: white /*#3770AB*/; background-color: #3770AB; margin: 10px auto; width: 290px; font-size: xx-small; text-align: center; }

#wrapper { margin: 5px auto; width: 1000px; background-color: #fff; color: #000;}

.header {background-color: #6B696B; font-weight: bold; color: #fff !important;}
.header a {color: #fff !important;}

#header { font-family: Arial,Helvetica,sans-serif; margin: 0; height: 91px; background-color: white;
           background-image: url('../Images/header_web.gif');
           font-size: 12px; text-align: right; color: #00349a; padding: 0 5px; font-weight: bold; }

#sidebar { float: left; width: 199px; background-color: #3770ab;}
#content { float: left; width: 801px; background-color: #fff;}

#menu-bar {color:#fff; font-weight: bold; cursor: pointer; z-index: 100; float:left; width: 199px;}
#menutitle {padding: 3px 10px; display: block; color: #3770ab; background: #F7F7DE url("../images/ArrowDown.gif") no-repeat 49px 8px }
#menu-bar:hover #menu {display: block;}
#menu { padding: 5px; background-color: #004894; font-weight: normal;
		/*display: none; top: 115px; position: absolute; */
		-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2); -moz-appearance: none;
		box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2);}

.menu-item { list-style-type: none; margin: 0 0 0 2px; text-align: left; color: #FFFFFF; text-decoration: none; vertical-align: top;}
.menu-item:hover { text-decoration: underline; }

.menu-container { border: solid 1px white; font-family: Verdana; font-size: 11px; margin-bottom: 5px; }
.menu-caption { background-color: White; color: #004894; font-family: Verdana; font-size: 11px;font-weight: bold; padding: 3px; }

ul {padding-left: 30px; margin: 11px 7px 11px 0;}
li { padding: 1px 3px; text-align: left; list-style-image: url('../images/bullet_blue.gif'); vertical-align: middle; }

#no-menu {padding: 5px; background-color: #fff; height: 358px;}

.selected-menu {background-color: #0FAFFB; width: 150px; padding-left: 3px;
                -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}

#login {padding: 122px 20px 75px 160px; width: 300px; height: 171px;}
#ctl00_cph_pnlWrongRole {width: 281px; margin: 3px 0 5px;}
div.wrong-role {padding: 5px; }
div.error {color: #f00; border: solid 1px #f00; font-weight: bold;}

#table { width: 100%; border-collapse: collapse; }

#ctl00_cph_updatePanel > table {padding-bottom: 5px;}

input[type=text]:focus, input[type=password]:focus { background-color: #FAFFBD; }

input[type=button], input[type=submit] {padding: 2px;}
#ctl00_cph_cmdSave, #ctl00_cph_lnkSave {padding: 2px 4px 4px; background-color: #F6F6AF; border: 1px dotted #ccc;}


#ctl00_cph_loginForm {background-color: #F7F6F3; border: 1px solid #E6E2D8; color: #333333;}

#ctl00_cph_loginForm table {width: 100%;}
#ctl00_cph_loginForm table td {padding: 2px 0;}
#ctl00_cph_loginForm table label {padding: 0 2px;}

#ctl00_cph_loginForm_LoginButton {background-color: #FFFBFF; border: 1px solid #f00; color: #f00;}
.login-title {background-color: #f00; color: #fff; height: 20px; font-weight: bold;}
.login-instruction {font-style: italic; color: #000;}
#ctl00_cph_loginForm_UserName, #ctl00_cph_loginForm_Password {width: 140px;}


##topics {background-color: #0FAFFB; width: 153px;}

/*.header { background-image: url('../Images/header_web.gif'); font-family: Arial, Helvetica, sans-serif;
 font-size: 12px; text-align: right; color: #00349a; padding-left: 5px; padding-top: 2px; padding-right: 5px; font-weight: bold; }*/

#status-holder {padding: 2px 10px; text-align: center; height: 0;}
#status {background-color: #fff1a8; padding: 5px 10px; margin: 3px auto; font-weight: bold; font-size: small; text-align: center;
         color: #000;
         border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-appearance: none;}

.problem {font-weight: bold; margin: 10px 0; color: #f00; text-align: center;}
.disabled { font-style: italic; background-color: #C7CCCD !important}
.locked, .locked a {color: #f00;}
a.delete {width: 100px;}
.current-project {background-color: #bada55 !important;}
.selected {background-color: #ccc;}
.odd {background-color: #fff;}
.even {background-color: #F7F7DE;}

#welcome {margin: 30px auto; text-align: center; font-weight: bold;}
#placeholder {margin: 160px auto}

.img-arrow {margin: 2px 5px; vertical-align: middle;}

#ctl00_cph_chkUsers span {padding: 3px 3px 4px 0;}
#ctl00_cph_chkUsers input { vertical-align: middle;}
#ctl00_cph_chkUsers td {width: 200px;}
#ctl00_cph_chkUsers label {width: 200px;}

#ctl00_cph_ddlRegions {margin-left:20px; width:220px;}

.no-records {color: #f00 !important; background-color: #fff !important; border: 1px solid #f00; text-align:center;}

#ctl00_cph_dvContractorDetails {margin-bottom: 20px;}

/* Cms Editor */

#cms-area {padding: 5px 5px 9px 5px; margin: 0 auto;}

#introduction {text-align: center; font-weight: bold;}
#ctl00_cph_cmsArea {width:100%; background-color: #fff;}

.select-field {width: 250px;}

.list_style { font-family: Verdana; font-size: 11px; text-align: left; list-style-position: outside; list-style-type: circle; color: #00349a; }

.selected_item { font-family: Verdana; font-size: 11px; text-align: left; text-decoration: none; }
.selected_item:hover { text-decoration: underline; }

#ctl00_cph_gvEmployeeList {width: 100%;}

#ctl00_cph_gvGroupList {width: 100%;}
#ctl00_cph_dvProjectsDetails {width: 100%;}
##ctl00_cph_dvProjectsDetails input {}

.answer-date {width: 70px;}

.validation-summary, .error-container {background-color: #fff !important; color: #f00 !important; border: 1px solid #f00;
                                                                 padding: 5px !important;}

.pager {background-color: #fff !important;}
.pager td span {padding: 2px 4px; background-color: #D1006C; color: #fff; font-weight: bold;}
.pager td {padding: 2px 0; }
.pager a {margin: 0; padding: 1px 4px; background-color: #F6F6AF; border: 1px dotted #ccc;}
.pager a:hover {background-color: #F6DD75;}

#ctl00_cph_pnlProgress {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;
                                        z-index: 1000; background-color:#e6e6e6; filter:alpha(opacity=80); opacity:0.80;}

#progress-content {padding: 10px; position: absolute; left: 50%; top: 50%; width: 250px; 
                   border: 1px solid #000; background-color: #3770AB; color: #fff; font-weight: bold;}
#progress-content img {vertical-align: middle;}
#progress-text {font-size:14px; vertical-align:middle;}

#answer-set {width: 1000px; margin: 5px auto; color: #474747; background-color: #fff; font-size: 12px; overflow: visible;}

#answer-set-header {padding: 15px 0; font-size: 13px; color: #2B48B8; border-top: 2px solid #2B48B8; 
                    border-bottom: 2px solid #2B48B8; font-weight: bold;}

td.norm-cell > div {width: 300px;}
.ajax__slider_h_handle {cursor: pointer; cursor: hand;}

.header-label {color: #D1006C; margin-left: 10px;}
.answer-row {border-bottom: 2px solid #ff1212; font-family: Trebuchet MS; margin: 0 7px;}
.image {padding: 7px 5px;}
.image-row {padding: 7px 0;}
.subanswer-label { font-weight: bold;}
.subanswer {padding: 7px 5px;}
.subanswer-text {}
.subanswer-answer {width: 40px; font-style: italic;}
.attachment {width: 640px;}
.answersList {width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.question, .answer {margin: 5px 7px;}
.question-label, .question-text {color: #090;}
.answer-label, .answer-text {color: #f00;}
.question-label, .answer-label {font-weight: bold;}
.row {padding-left: 7px;}
#lblComment { font-weight: bold; padding: 5px 0px 0px 0px; display: inline-block; }
#lblCommentValue { padding: 5px 15px 20px; display: inline-block; }

.link_style { text-align: left; color: #00349a; text-decoration: underline; padding-left: 5px; padding-top: 2px; }
a.link_style { text-align: left; color: #00349a; text-decoration: underline; padding-left: 5px; padding-top: 2px; }
a.link_style:hover { text-align: left; color: #00349a; text-decoration: none; padding-left: 5px; padding-top: 2px; }
.txt-style { font-family: Verdana; font-size:11px; text-align: left; color: #00349a; padding: 2px 5px; }
.page-style { text-align: right; color: #00349a; padding-left: 5px; padding-top: 2px; padding-right: 5px; font-weight: bold; }

.form-style {font-size:11px; color: #000000; padding-top: 2px; font-family: Verdana;}

.form_btn { color: #FFFFFF; background-color: #00349a; height: 22px; text-align: center; padding-top: 2px; }
.submit-link { color: #FFFFFF; text-decoration: none; }
a.submit-link { color: #FFFFFF; text-decoration: none; }
a.submit-link:hover { color: #CCCCCC; text-decoration: none; }



#ctl00_cph_ddlContractors {width: 250px;}

#ctl00_cph_ddlContractors {width: 250px;}
#ctl00_cph_ddlRegions {margin-left:20px; width:150px;}

#ctl00_cph_chkUsers tr:even { background-color: green; font-weight: normal; }

ul.checkBoxList { list-style: none; margin: 0; padding: 0; }
ul.checkBoxList.horizontal li { display: inline; }
ul.checkBoxList li.disabled { color: Gray; }
.va, .va * { vertical-align: middle; cursor: pointer}
.important {font-weight: bold; color: #f00;}

.subquestion { width: 265px;}

.ddl-report { width: 150px !important; margin-left: auto !important; }