/* DEFAULTS
----------------------------------------------------------*/

body { background: #EDEDED; color: #3b3b41; border: none; font-family: Verdana,Arial,sans-serif,'Open Sans'; font-weight: 400; padding: 0px; margin: 0px; font-size: 12px; line-height: 1.6em; }

.hdrWrapper { width: 100%; background-color: #464646; border-bottom: 8px solid #006BA7; }
.pageWrapper { width: 100%; background-color: #F6F6F6; min-height: 5px; padding: 10px 0px 10px 0px; }
.scrollDivHdr { padding: 5px 0px 5px 0px; margin-top: 0px; color: #333; background-color: #EEE; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-weight: bold; color: #666; }
.scrollY { overflow-y: scroll; height: 500px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.scrollY_440 { overflow-y: scroll; height: 440px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.noScroll { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.tbody_scrollY_430 { display: block; overflow-y: scroll; height: 430px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.thead_scrollY_430 { display: block; border-bottom: 3px solid #6A7029; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background-color: #eee; }
.printOnly { display: none; }
.main { padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; min-height: 420px; }
.header { position: relative; margin: 0px; padding: 0px; background: #4b6c9e; width: 100%; }


.hdr{background-color: #464646;margin: 0px auto 0px auto;border: 1px none #496077;}
.page{background-color: #F6F6F6;margin: 0px auto 0px auto;border: 1px none #496077;}
.footer{color: #4e5766;padding: 8px 0px 0px 0px;margin: 0px auto 0px auto;line-height: normal;background-color: #EDEDED;}

@media screen and (max-width: 640px) {
.hdr{width: 100%;}
.page{width: 100%;}
.footer{width: 100%;}
}
@media screen and (max-width: 1370px) {
.hdr{width: 95%;}
.page{width: 95%;}
.footer{width: 95%;}
}

@media screen and (min-width: 1370px) {
.hdr{width: 80%;}
.page{width: 80%;}
.footer{width: 80%;}
}



.smallText { font-size: 14px; line-height: 16px; }
textarea { overflow: auto; font-family: inherit; font-size: inherit; }
/*textarea, input, button, select { font-family: inherit; font-size: inherit; }*/
/*div.answersDiv textarea { padding: 5px; }*/


img.headerlogo { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
img.resizable { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

a.logoimg {float:left;margin:5px 0px 0px 10px;z-index:0;}
a.ChangePwd:before {content:url('/images/simpleicons/lock-2-16.png'); display: block; height: 16px; width: 16px;float:left;margin:1px 0px 0px 0px; } 
a.ResetPwdAndEmail:before {content:url('/images/phil/ResetPasswordAndEmail_20.png');display: block; height: 20px; width: 26px;float:left;margin:-1px 0px -1px 10px; } 
a.Pass:before {content:url('/images/icons/tick-20.png');display: block; height: 20px; width: 20px;float:left;margin:0px 0px 0px 0px; } 
a.Fail:before {content:url('/images/icons/del-22.png');display: block; height: 22px; width: 22px;float:left;margin:-1px 5px 0px 5px; } 
a.Start:before {content:url('/images/icons/orange-play-20.png');display: block; height: 20px; width: 20px;float:left;margin:0px 0px 0px 0px; }

a.nostyle, a:visited.nostyle, a:hover.nostyle { text-decoration: none; color: black }

.button_bar_right {min-height:45px;padding-top:5px;}
.plainBox {padding:10px 10px 10px 20px;background-color:#FFF;border:1px none #0080B2;margin:0px 0px 20px 0px;}
.readOnlyBox {padding:0px 10px;color:#555;border:solid 1px #ccc;margin-right:10px;min-height:40px;}


div.genHM_ItemGrpParent { width: 240px; float: left; margin-top: 20px; page-break-inside: avoid; }
div.genHM_Legend { float: left; width: 380px; margin: 60px 0px 0px 60px; page-break-inside: avoid; }

@page { size: A4; margin-left: 5mm; margin-right: 5mm; margin-top: 5mm; margin-bottom: 5mm; }

@media print {
    /*html, body {width:210mm;height:297mm;background:#fff;}*/
    body { background: #fff; }
    .printOnly { display:block; }
    .noPrint { display:none; }
   
    .plainBox { padding: 10px 0px 10px 0px; }
    .survey_wizard_ButtonBarTop { display: none; }
    .survey_wizard_ButtonBarBot { display: none; }
    .button_bar_right { display:none; }
    .siteseal { display:none; }
    .page { width: 100%; background-color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 1px none #496077; }
    .scrollY{overflow-y:auto;border-bottom:1px none #333;height:100%} /*overflow-y:noscroll;*/
    .scrollY_440{overflow-y:auto;border-bottom:1px none #333;height:100%} /*overflow-y:noscroll;*/
    .tbody_scrollY_430{display:table-row-group;overflow-y:auto; height:100%;border-bottom:1px none #ccc;} /*overflow-y:noscroll;*/
    .thead_scrollY_430{display:table-header-group;}
    .box, p { page-break-inside: avoid; }

    .hdr { width: 100%; }
    .footer { width: 100%; }
    .main { font-size: 15px; width: 860px; }
    div.genHM_ItemGrpParent { width: 200px;  }
    div.genHM_Legend { margin: 60px 0px 0px 35px; }   
    /*
        size:297mm 210mm;  
        .repTable { max-width: 560px; }*/

    /*#pagefooter { display: block; position: fixed; bottom: 0; }*/
}

table.repTable tr { page-break-inside: avoid; }

.area_class { }


img{border:0px none #999;}
p{margin-bottom: 5px;}
.copyright {font-size:10px;width: 100%;margin: 5px 0px 10px 0px;text-align:left;padding-right:0px;}
.watermark { font-family: Arial; font-size: 22px; color: Orange; text-align: center; clear: both; position: absolute; left: 0; right: 0; }
.classification {clear:both;float:right;font-size:20px;color:#333;margin:0px 0px 0px 0px;}
.loginPanel { float: left; margin: 40px 40px 20px 10px;  }
.loginBoxWrapper { background-color: #FFF; padding: 10px 20px 20px 20px; border-radius: 5px; } .loginbar { float: right; text-align: right; width: 430px; margin: -0px 20px 0px 0px; z-index: 1; position: relative; }
.loginbar a, .loginbar a:visited {text-decoration:none;color:#333;}
.languages {clear:both;float:right;margin:0px 0px 10px 0px;}
.loginbar .languages a, .loginbar .languages a:visited {font-size:smaller;color:#999;}
div.grid_DetailHtml p {padding:0px 0px 5px 0px;margin:0px;}
.clientRegOrg { padding-top: 10px; min-height: 200px; }

div.poweredBy { float: right; margin: 20px 10px 0px 0px; z-index: 0; text-align: right; border: 1px none Blue; }
a.poweredBy {display:block;position:relative;background-image:url('/images/theclevercloud/logo_B_blue_pb_sm.gif');background-repeat:no-repeat; width:255px;height:65px;}
div.poweredByTcc { float: right; margin: 35px 0px 0px 0px; z-index: 0; text-align: right; display: ; }
div.poweredByTcc a { display: block; position: relative; background-image: url('/images/theclevercloud/logo_B_blue_pb_sm.png'); background-repeat: no-repeat; width: 255px; height: 65px; }

 
.puhint{display:none;width:240px;margin:-4px 0px 0px 5px;background-color:#FFFDD6;border:solid 1px #D2EEAB; padding:5px 12px;position:absolute;}
.puhint .puhint_ptr{ position:absolute;left:-10px;top:3px;width:10px;height:19px; background:url(/images/puhint_ptr.gif) left top no-repeat;}


a, a:visited { text-decoration: underline; color: #000008; }
/*z-index: 100; position: relative; */
a:hover {text-decoration:underline;color:#0000FF;cursor:pointer;}

/*see http://www.menucool.com/tooltip/css-tooltip */
a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:7px 10px; margin-top:-8px; margin-left:28px; min-width:240px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:5px;border:0;left:-12px;} /*CSS3 extras*/ a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }

a.h2tooltip {outline:none; font-size: 16px; line-height: 16px;padding:5px 5px 5px 5px;color:#333;} a.h2tooltip strong {line-height:30px;} a.h2tooltip:hover {text-decoration:none;} a.h2tooltip span { z-index:10;display:none; padding:7px 10px; margin-top:-8px; margin-left:28px; min-width:240px; line-height:16px; } a.h2tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:5px;border:0;left:-12px;} /*CSS3 extras*/ a.h2tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }

.tooltip2 {position:relative;display:inline-block;border-bottom:1px dotted black;}
.tooltip2 .tooltip2text {visibility: hidden;background-color: #fff;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;bottom: 125%;left: 50%; margin-left: -60px;opacity: 0;transition: opacity 1s;}
.tooltip2 .tooltiptext2::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.tooltip2:hover .tooltip2text {visibility: visible; opacity: 1;}
.tooltip2:hover {cursor:pointer; }

.fileUploadSmall {width:205px;}
/*.uplbar:after {content:"";background-color:#FFF;color:#FFF;}*/
.caption { color: #666; width: 200px; float: left; padding-left: 20px; }
.field { float: left; margin-right: 10px; }
.smaller { font-size: smaller; }

.answerLabelName { color: #666; width: 200px; padding: 10px 0px 5px 0px; float: left; }
.lbl { color: #666; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; }
.fld { margin-top: 6px; float: left; }
.pickMonth { float: left; background-color: #DDD; margin: 1px 0px 0px 1px; cursor: pointer; padding: 2px 3px 2px 3px; width: 27px; text-align: center; }


/* HEADINGS
----------------------------------------------------------*/
h1 { font-size: 35px; line-height: 45px; font-weight: normal; margin: 5px 0px 15px 0px; }
h2, h2 + div.plusminus { font-size: 22px; line-height: 25px; font-weight: bold; margin: 7px 0px 7px 0px; }
h3 { font-size: 18px; line-height: 21px; margin: 7px 0px 7px 0px; }
h3 + div.plusminus { font-size: 20px; line-height: 21px; margin: 7px 0px 7px 0px; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

div.plusminus { padding: 0px 15px; cursor: pointer; }

.RepTitleGrp { font-size: 16px; line-height: 18px; margin: 0px 0px 20px 0px; font-weight: bold; }
.RepTitleClient { font-size: 22px; line-height: 25px; font-weight: bold; margin: 5px 0px 0px 0px; }
.RepTitle { font-size: 35px; line-height: 45px; font-weight: normal; margin: 5px 0px 0px 0px; }
.RepSubTitle { font-size: 14px; line-height: 16px; margin: 8px 0px 0px 0px; max-width: 900px;}

.wfMainBox {margin:30px 0px 0px 0px;padding:1px 20px 20px 20px; min-width:200px;min-height:100px;background-color:#ECE9D8;}
.wfComment {max-width: 1190px; width: 100%;} 

.reportButtonBar { float: right; margin: 20px 0px 0px 0px; position: relative; z-index: 110; /*position: absolute; top: 55px; right: 0px;*/ }
.repIcon { margin: 0px 0px 0px 10px; }

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{margin-top: 0px;}

/* cellpadding */
th, td { padding: 0px; }

/* cellspacing */
table { border-collapse: collapse; border-spacing: 0; }


.sysGrpDiv {border:1px none Blue;float:left;margin:0px 20px 0px 0px;}


.sysClientList_ColName {min-width:250px;}
.wizard_page_title {padding:10px 0px 0px 0px; position:relative;}


table.results td {padding:10px 0px 0px 0px;}
table.results td.div {padding:0px 0px 0px 0px;}
table.results th {padding:0px 0px 0px 0px;}

table.paddedTbl td {padding:8px 5px 0px 5px;}
table.paddedTbl th {padding:0px 5px 0px 5px;}



div.lbWrapper { /*linkBox*/ float: left; width: 154px; background-color: #FFF; border: 1px solid #C3C3C3; margin: 0px 20px 10px 0px; padding: 5px; }
div.lbIcon { text-align: center; margin: 0px 0px 0px 0px; padding: 5px 10px 0px 10px; background: #FFF; height: 85px; }
div.lbLink { float: left; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; width: 100%; }
div.lbLink a, div.lbLink a:visited { text-decoration: none; }

div.lbWrapper2 { /*linkBox*/ float: left; width: 124px; background-color: #F2F2F2; border: 1px solid #C3C3C3; margin: 0px 20px 10px 0px; padding: 5px; }
div.lbIcon2 { text-align: center; margin: 0px 0px 0px 0px; padding: 5px 10px 0px 10px; background: #F2F2F2; height: 55px; }

div.abWrapper { float: left; /*width: 552px;*/ margin: 0px 0px 20px 0px; }
div.abStatus { float: left; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; background: #AFDADE; /*#A5A5A5;*/ width: 80px; height: 100px; }
div.abStatusWith1Ddl { height: 130px; }
div.abStatusWith2Ddls { height: 155px; }
div.abMain { float: left; margin: 0px 0px 0px 0px; padding: 0px; width: 446px; text-align: left; border: 1px solid #C3C3C3; background-color: #fff; height: 98px; }
div.abMainWith1Ddl {height: 128px; }
div.abMainWith2Ddls { height: 153px; }
div.abSurveyTitle { float: left; margin: 0px 0px 8px 0px; padding: 0px; width: 270px; text-align: left; white-space: nowrap; }
div.abSurveyTitle h3 { line-height: 20px; margin: 10px 10px 0px 20px; }


.loggedInDivHdr { border: 1px solid #ccc; width: 120px; border-radius: 3px; overflow: hidden; background-image: url("/images/loggedInDdl.png"); background-repeat: no-repeat; margin: -5px 0px 0px 0px; padding: 5px 30px 5px 5px; cursor: pointer; }
.loggedInDivChild { padding: 5px 15px 5px 5px; border: 1px solid #ccc; width: 160px; border-radius: 3px; margin: 5px 0px 5px 0px; float: right; position: absolute; right: 0px; background-color: #FFF; z-index:9999; }
.ddl200px { border: 1px solid #ccc; width: 162px; border-radius: 3px; overflow: hidden; background-image: url("/images/Ddl200px.png"); background-repeat: no-repeat; padding: 5px 30px 5px 5px; cursor: pointer; }
.ddlChild { padding: 5px 15px 5px 5px; border: 1px solid #ccc; border-radius: 3px; position: absolute; background-color: #FFF; z-index: 9999;  }

div.prodHomePanel { float: left; width: 440px; height: 190px; background-color: #F2F2F2; padding: 0px 50px 40px 50px; border-radius: 5px; margin: 0px 0px 40px 40px; cursor: pointer; }
div.prodHomePanelTitleBar { margin: 0px -50px; height: 8px; border-radius: 5px; background-color: #007DC6; }
div.prodHomePanel h3 { font-weight: bold; }

div.infoPanel { float: left; width: 410px; height: 190px; background-color: #F2F2F2; padding: 0px 20px 10px 20px; border-radius: 5px; margin: 15px 0px 15px 30px; cursor: pointer; background-color:#FFF;}
div.infoPanelTitleBar { margin: 0px -20px; height: 8px; border-radius: 5px; background-color: #007DC6; }
div.infoPanel h3 { font-weight: bold; }

div.prodBanner { clear: both;position: absolute; left: 0; right: 0; background-color: #BCE3E5; }
div.prodBanner a, div.prodBanner a:visited, div.prodBanner select { z-index: 100; position: relative; }
div.prodBannerContent { margin: 0px auto 0px auto; max-width: 1240px; padding: 10px 20px 30px 20px;  position: relative; }
div.prodBannerContentProdHome { display: flex; justify-content: space-between; }
div.prodIntro { padding: 0px 0px 0px 0px;  max-width: 610px; }
div.prodIntro h2 { font-size: 36px; line-height: 38px; margin: 20px 0px 0px 0px; font-weight: normal; }
div.prodGettingStarted { padding: 5px 0px 0px 20px;  }
div.prodGettingStarted h3 { margin: 10px 0px 8px 0px; }
div.prodGettingStarted p { margin: 2px 0px 5px 0px; }
div.prodGettingStarted a, div.prodGettingStarted a:visited { color: #1F546B; text-decoration: underline; }
div.prodBannerSpacer { position:relative;z-index:-1;}

/*z-index: 100; position: relative;
select { z-index: 100; position: relative; }
*/


.answersDiv { margin: 20px 0px 0px 0px; }

.autocomplete-suggestions { border-left: 1px solid #999; background: url(/images/shadowAlpha.png) no-repeat bottom right; position: absolute; top: 0px; left: 0px; margin: 6px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 1px 0 0 0; }
.autocomplete-suggestion { padding: 5px 5px 5px 20px; border: 0px solid #999; background: #F6F6F6; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; }
.autocomplete-selected { background: #CCCCCC; } 

.autocomplete-suggestion strong { font-weight:bold; color:#3399FF; } 

div.task {border:1px none Yellow;}
div.task :hover{}
div.task :hover{background-color: #E3E3E3;cursor:pointer;}


/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/


.rotateBack90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  transform-origin: left top 0;
}



table.list_sm th { padding: 2px 2px 2px 2px; white-space: nowrap; border: 1px solid #EEEEEE; background-color: #EEEEEE; }
table.list_sm td { padding: 0px 2px; vertical-align: top; border: 0px solid #EEEEEE; /*background-color:#fff;*/ }
table.list_sm a { text-decoration: none; color: #333; }
table.list_sm p { margin: 0px 0px 2px 0px; }
table.list_sm a:hover { text-decoration: underline; color: #333; }

table.tasklist th {padding:5px 5px 5px 5px;text-align:left;white-space:nowrap;background-color:#EEEEEE;}
table.tasklist td {padding:2px 5px 2px 5px;text-align:left;vertical-align:top;border: 1px none Blue;background-color:#fff;}
table.tasklist a {text-decoration:none;color:#333;}
table.tasklist a:hover {text-decoration:underline;color:#333;}

table.list th {padding:5px 5px 5px 5px;white-space:nowrap;border: 1px solid #EEEEEE;background-color:#EEEEEE;}
.list_th {padding:5px 5px 5px 5px;white-space:nowrap;border: 1px solid #EEEEEE;background-color:#EEEEEE;}
table.list td {padding:2px 5px 2px 5px;vertical-align:top;border: 1px solid #EEEEEE;/*background-color:#fff;*/}
table.list a {text-decoration:none;color:#333;}
table.list p {margin:2px 0px 2px 0px;}
table.list a:hover {text-decoration:underline;color:#333;}
.list-iconcell {margin:0px 0px 0px -5px;padding:0px 0px 0px 0px;}
.list-editicon {float:left;margin:0px 0px 0px 0px;}
.list-chkbox {float:left;margin:-0px 0px 0px 0px;}
.AnswerRbl {margin:5px 0px 10px 0px;}
table.AnswerRbl td {padding:0px 15px 0px 0px;text-align:left;vertical-align:top;border: 0px solid #EEEEEE;/*background-color:#fff;*/}
table.AnswerRbl td input { width: 25px; margin: 0px 0px 0px 0px; }
table.AnswerRbl td input:checked + label { font-weight: bold; }

table.CblRblMultiCols { margin: 5px 0px 10px 0px; width:100%; }
table.CblRblMultiCols td { padding: 0px 15px 0px 0px; text-align: left; vertical-align: top; width: 20%; }
table.CblRblMultiCols td input { width: 25px; margin: 0px 0px 0px 0px; }
table.CblRblMultiCols td input:checked + label { font-weight: bold; }
table.Cols2 td { width: 50%; }
table.Cols3 td { width: 33.3%; }
table.Cols4 td { width: 25%; }
table.Cols5 td { width: 20%; }
table.Cols6 td { width: 16.6%; }

table.AnswerHdr td {font-size:10px;padding:0px;text-align:left;vertical-align:top;border: 0px solid #EEEEEE;white-space:normal;background-color:#EEEEEE;}
table.AnswerHdr td {padding:0px;}

table.test_action_table th { text-align:left; }

.even{background-color: #eee;}
.odd{background-color: white;}


.LockOff{visibility:hidden;display:none;position:absolute;top:-100px;left:-100px;}
.LockBackgroundSimple{ position: absolute; top: 0px; left: -1000px; visibility: visible; display: block; width: 405%; height: 87%; background-color: #F7F9F4; z-index: 999; filter: alpha(opacity=75); opacity: 0.75; padding-top: 10%; cursor:wait; }
.LockBackground { position: absolute; top: 0px; left: -1000px; visibility: visible; display: block; width: 405%; height: 87%; background-color: #F7F9F4; z-index: 999; filter: alpha(opacity=75); opacity: 0.75; padding-top: 10%; cursor: wait; }
.LockPane{z-index:1000;position:absolute;top:-100px;left:0px;padding-top:25%;visibility:visible;display:block;width:100%;}
.LockPane div.lp{width:400px;background-color:#FFF;border:solid 1px #D0D0D0;padding:20px;margin-left:auto;margin-right:auto;}
/*LockBackground2 doesn't dim out*/
.LockBackground2 { position: absolute; top: 0px; left: -1000px; visibility: visible; display: block; width: 405%; height: 87%; background-color: #F7F9F4; z-index: 999; filter: alpha(opacity=0); opacity: 0.00; padding-top: 10%; cursor: wait; }
.Processing{position:absolute;top:300px;left:550px;visibility:visible;display:block;z-index:9999;}

.PopupOff{visibility:hidden;display:none;position:absolute;top:0px;left:0px;}
.PopupBackground{position:absolute;top:0px;left:0px;visibility:visible;display:block;width:105%;height:105%;background-color:#F7F9F4;z-index:999;filter:alpha(opacity=75);opacity:0.75;padding-top:10%;}
.PopupPane{z-index:1000;position:absolute;top:0px;left:0px;padding-top:25%;visibility:visible;display:block;width:100%;}
.PopupPane div.pu{width:500px;background-color:#FFF;border:solid 1px #D0D0D0;padding:20px;margin-left:auto;margin-right:auto;}


.LockPane2 { z-index: 1000; position: fixed; top: 50%; left: 50%; width: 30em; height: 18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ }
.LockPane2 div.lp { width: 400px; background-color: #FFF; border: solid 1px #D0D0D0; padding: 20px; margin-left: auto; margin-right: auto; }
.LockBackgroundPu { position: fixed; left: 0px; top: 0px; height: 100%; width: 100%; visibility: visible; background-color: #F7F9F4; z-index: 999; filter: alpha(opacity=75); opacity: 0.75; }


/*MSG div styles
http://www.jankoatwarpspeed.com/css-message-boxes-for-different-message-types/
*/
.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 60px;background-repeat: no-repeat;background-position: 10px center;clear: both;/*width: 950px;*/}
.msg_info {color: #00529B;background-color: #BDE5F8;background-image: url('/images/msg_info.png');}
.msg_success {color: #4F8A10;background-color: #DFF2BF;background-image:url('/images/msg_success.png');}
.msg_warning {color: #9F6000;background-color: #FEEFB3;background-image: url('/images/msg_warning.png');}
.msg_error {color: #D8000C;background-color: #FFBABA;background-image: url('/images/msg_error.png');}
.wf_error { /*width: 905px;*/ }
.msg_processing {border: 1px solid;margin: 10px 0px;padding:15px 60px 15px 60px;background-repeat: no-repeat;background-position: 10px center;clear: both;color: #00529B;background-color: #BDE5F8;background-image: url('/images/msg_info.png');}
.msg_processingSubmit { border: 1px solid; margin: 10px 0px; padding: 15px 60px 15px 60px; background-repeat: no-repeat; background-position: 10px center; clear: both; color: #00529B; background-color: blue; background-image: url('/images/msg_info.png'); }


/* TAB MENU
----------------------------------------------------------*/
ul {margin:0px; }

div.hideSkiplink{background-color:#3a4f63;width:100%;}
div.menu{padding: 4px 0px 4px 8px;}
div.menu ul{list-style: none;margin: 0px;padding: 0px;width: auto;}
div.menu ul li a, div.menu ul li a:visited{background-color: #465c71;border: 1px #4e667d solid;color: #dde4ec;display: block;line-height: 1.35em;padding: 4px 20px;text-decoration: none;white-space: nowrap;}
div.menu ul li a:hover{background-color: #bfcbd6;color: #465c71;text-decoration: none;}
div.menu ul li a:active{background-color: #465c71;color: #cfdbe6;text-decoration: none;}

/* FORM ELEMENTS
----------------------------------------------------------*/

fieldset{margin: 1em 0px;padding: 1em;border: 1px solid #ccc;}
fieldset p {margin: 2px 12px 10px 10px;}
fieldset.login label, fieldset.register label, fieldset.changePassword label{display: block;}
fieldset label.inline {display: inline;}

legend {font-size: 1.1em;font-weight: 600;padding: 2px 4px 8px 4px;}

div.loginbtndiv { margin-top: 2px; }
.loginhdr { text-align: center; text-transform: uppercase; margin: 10px 0px 10px 0px; font-size: larger; }
input { border: 1px solid #ccc; }
div.dskWrap input { border: 0px solid #ccc; }
input.login { -webkit-appearance: none; -moz-appearance: none; margin: 20px 0px 0px 0px; width: 248px; max-width: 300px; height: 30px; line-height: 30px; font-size: 17px; padding: 5px 5px 5px 5px; border-radius: 5px; }
/*input.login { -webkit-appearance: none; -moz-appearance: none; margin: 20px 0px 0px 0px; width: 100%; height: 30px; line-height: 30px; font-size: 17px; padding: 5px 5px 5px 5px; border-radius: 5px; }*/
input:hover { cursor: pointer; }
input[readonly] { cursor: default; }

.forgotUsername { color: #7C7B7C; margin: 20px 0px 0px 0px; }
div.accountInfo { width: 42%; }





.homebox {float:left;width:330px;margin:0px 20px 20px 0px;}
.homebox-task {}
.homebox-alert {}
.homebox-survey-action {margin: 0px 0px 35px 0px;}
.actionBoxBase {float:right;margin: 10px 20px 0px 0px;}

.homebox-header { height: 16px; border: 1px solid #f1f1f1; border-bottom: 1px solid #fff; margin-bottom: -1px; padding: 10px; border-radius: 5px 5px 0px 0px; overflow: hidden; text-shadow: 0px 1px 0px #FFF; font-size: 14px; font-weight: 300; line-height: 16px; background: #eee; }
.homebox-header-survey-action {}
.homebox-header-expand-collapse {float:right;padding:10px 3px 0px 12px;min-width:10px;min-height:40px;margin:-10px 0px -10px 0px;border-left:1px solid #f1f1f1;cursor:pointer;}
.expand-collapse {float:right;padding:0px 0px 0px 0px;min-width:16px;min-height:16px;margin:-5px 0px -4px 0px;border-left:0px solid #f1f1f1;cursor:pointer;font-size:18px;text-align:center;}
.showhideChildrensgAddNew {padding: 7px 10px 0px 10px;font-size: 28px; }

.homebox-content { position: relative; z-index: 0; margin-top: -1px; padding: 0px 7px 0px 7px; margin: 0px 0px 15px 0px; border: 1px solid #f1f1f1; background: #fff; border-radius: 0px 0px 5px 5px; }
.homebox-content p {margin: 2px 0px 0px 0px;}
.homebox-action {border-top: 1px solid #ddd;background: #eee;padding: 3px;margin: 10px -7px -10px -7px;overflow:auto;min-height:15px;border-radius: 0px 0px 5px 5px;}
.homebox-footer { background: #eee; padding: 5px 8px 2px 10px; margin: 5px -7px 0px -7px; border-radius: 0px 0px 5px 5px; }


.box { position: relative; float: left; margin-right: 10px; -moz-box-shadow: inset 0 0 5px #999; -webkit-box-shadow: inset 0 0 5px #999; box-shadow: inset 0 0 5px #999; border-radius: 5px 5px 5px 5px; padding: 5px; margin-top: 5px; }

.box-header {height: 16px;border: 1px solid #f1f1f1; border-bottom: 1px solid #fff;margin-bottom: -1px;padding: 10px;font-size:14px;
background: rgb(255,255,255); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

-webkit-box-shadow: none; -moz-box-shadow: none;
box-shadow: none;-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;overflow: hidden;
}

.box-header .qTitle{float:left;margin-top: 0px;font-weight: 300;text-shadow: 0px 1px 0px #fff;font-size:16px;padding-top:0px;line-height:16px;}
.box-header h2 i{margin: 0px 3px 0px 4px;opacity: .8;filter: alpha(opacity=80);}
.box-header .break{height: 16px;border-left: 1px solid #EDEDED;border-right: 1px solid #FEFEFE;margin: 0px 10px -0px 10px;padding: 0px 0px 0px 0px;}
.box-header .quest{width:790px;}

.box-footer {height: 16px;padding: 0px 10px 10px 10px; vertical-align: text-top}  /* text-align:top;}*/

.box-content {position: relative;z-index: 0;margin-top: -1px;padding: 10px 10px 10px 10px;margin:0px 0px 0px 0px; border: 1px solid #f1f1f1;background: #fff;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;}
/*
.box-content:before {content:"";width:98%;height:2px;position:absolute;bottom:-4px;left:1%;background:#fcfcfc;border:1px solid #f1f1f1;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 15px 15px;}
.box-content:after { content:"";width:96%;height:1px;position:absolute;bottom:-6px;left:2%;background:#f9f9f9;border:1px solid #f1f1f1;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;}
*/
.box-action {border-top: 1px solid #ddd;background: #eee;padding: 10px;margin: 20px -10px -10px -10px;overflow:auto;}

.client_fil {width:720px;}
.cb { clear: both; }
.fl { float: left; }
.fr { float: right; }

.btn-large {color: #ffffff;background-color: #464646; border-style:none;font-size:xx-large ;padding: 20px;text-decoration:none;border-radius:5px;margin:50px;}
.btn-primary {color: #ffffff;background-color: #464646; border-style:none;background-image:none;font-size:larger ;padding: 8px 8px 8px 8px;text-decoration:none;border-radius:5px;}
.btn-primary-sq {color: #ffffff;background-color: #464646; border-style:none;background-image:none;font-size:larger ;padding: 8px 15px 8px 15px;text-decoration:none;border-radius:0px;}
.btn-warning {color: #ffffff;background-color: #007DC6; border-style:none;background-image:none;font-size:larger ;padding: 8px 8px 8px 8px;text-decoration:none;border-radius:5px;}
.btn-small {color: #ffffff;background-color: #464646; border-style:none;background-image:none;padding: 2px 5px 2px 5px;text-decoration:none;border-radius:3px;}
.btn-large:visited {color: #ffffff;}
.btn-primary:visited {color: #ffffff;}
.btn-primary-sq:visited {color: #ffffff;}
.btn-warning:visited {color: #ffffff;}
.btn-small:visited {color: #ffffff;}
/*.btn-tb {padding: 3px 10px 3px 10px;}*/
.btn-tb {padding: 3px 10px 3px 10px;font-size:smaller;}
.btn-type1 { margin: 0px 0px 0px 0px; display: block; background-color: #ffb347; padding: 8px 15px 8px 15px; font-size: larger; text-decoration: none; border-radius: 5px; }
.btn-type1 img { margin: -2px 15px 0px -10px; float: left; }
.btn-type2 { float: left; min-height: 100px; margin: 0px 10px 0px 5px; display: block; background-color: #fff; padding: 8px 15px 8px 15px; font-size: larger; text-decoration: none; border-radius: 5px; width: 110px; text-align: center; }
.btn-type2 img { margin: 0px auto 5px auto; width:80px; padding:0px 10px;  }


.btn-large:hover,.btn-large:active,.btn-large.active,.btn-large.disabled,.btn-large[disabled] {text-decoration:underline;cursor:pointer;color: #ffffff;}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {text-decoration:underline;cursor:pointer;color: #ffffff;}
.btn-primary-sq:hover,.btn-primary-sq:active,.btn-primary-sq.active,.btn-primary-sq.disabled,.btn-primary-sq[disabled] {text-decoration:underline;cursor:pointer;color: #ffffff;}
.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled] {text-decoration:underline;cursor:pointer;color: #ffffff;}
.btn-small:hover,.btn-small:active,.btn-small.active,.btn-small.disabled,.btn-small[disabled] {text-decoration:underline;cursor:pointer;color: #ffffff;}
.btn-primary:visited {}

.alBox_old {margin:-47px 0px 25px 400px;width:600px;border:1px none Blue;}

.alBox {float:right;margin:-85px 0px 0px 0px;border:1px none Blue;}
.btn-al         {display:block;float:left;width:120px;margin-left:0px;text-align:center;border-radius:0px;border-left: 3px solid #CCC;height:40px;padding: 12px 8px 8px 8px;}
.btn-alselected {background-color:#CCC;}

a.block { display: block; min-height: 20px; position: relative; z-index: 999; }
a.exportPdf { display: block; min-height: 40px; }
a.btn-previous, a.btn-next { display: block; min-height: 30px; }
a.btn-previous:before { content: url('/images/icons/left arrow.png'); display: block; float: left; margin: -1px 5px 0px 5px; }
a.btn-next:after { content: url('/images/icons/right arrow.png'); display: block; float: right; margin: -1px 5px 0px 10px; }

div.surveyNav { float: right; margin: -34px 160px 5px 0px; font-size: larger; border: none 1px Blue; }
div.surveyNav select { /*font-size: 16px;*/ height: 27px; width:280px;}

div.ddl_large {  height: 34px; overflow: hidden; background: url('/images/down_arrow_select.png') no-repeat right #ddd; border: 1px solid #ccc; } .survey-status--1, .survey-status--10 { background: url(/images/survey/status_-1.png) no-repeat; }
div.ddl_large select { background: transparent; padding: 5px 35px 5px 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ }

select.ddl_large { font-size: 16px; height: 27px; }

.survey-status--1, .survey-status--10 { background: url(/images/survey/status_-1.png) no-repeat; }
.survey-status-0 { background: url(/images/survey/status_0.png) no-repeat; }
.survey-status-1 { background: url(/images/survey/status_1.png) no-repeat; }
.survey-status-2 { background: url(/images/survey/status_2.png) no-repeat; }
.survey-status-3 { background: url(/images/survey/status_3.png) no-repeat; }
.survey-status-5 { background: url(/images/survey/status_3.png) no-repeat; }

.surveyVisualQhr { border-top: 1px solid #666; border-bottom: 1px solid #CCC; background-color: #EEE; margin: 0px -5px 3px 0px; padding-top: 2px; }
.surveyAvgRating { float: left; margin-left: 200px; padding: 2px 10px 2px 10px; text-align: center; border: 1px none #CCC; background-color: #CCC; }

div.survey_wizard_ButtonBarTop { width: 100%; margin: 20px 0px 0px 0px; }
div.survey_wizard_ButtonBarBot { min-height: 45px; padding-top: 5px; margin: 20px 0px 10px 0px; }

.survey_GroupNameTemplate_Wizard { padding: 5px 5px 5px 0px; font-size: 16px; font-weight: bold; text-align: left; border-bottom: solid 1px #CCCCCC; }
.survey_wizard_mp_content { background: none; border: none 1px #DDDDDD; border-bottom: solid 1px #DDD; padding-bottom: 20px; }
.survey_wizard_item_hdr { padding: 10px 0px 0px 0px; display: flex; font-size: 22px; line-height: 25px; font-weight: normal; }
.survey_wizard_item_hdr .code { float: left; padding: 0px 10px 0px 0px; }
.survey_wizard_item_hdr .name { float: left; }
div.survey_wizard_NaDiv { text-align: left; padding: 0px 5px 5px 0px; }

div.survey_wizard_section_0 { float: left; width: 500px; padding: 0px 40px 0px 0px; }
div.survey_wizard_section_1 { float: left; width: 500px; padding: 0px 40px 0px 0px; }
div.survey_wizard_section_2 { float: left; width: 500px; padding: 0px 40px 0px 0px; }
div.survey_wizard_section_3 { float: left; width: 500px; padding: 0px 40px 0px 0px; }
div.survey_wizard_section_4 { float: left; width: 500px; padding: 0px 40px 0px 0px; }

div.survey_wizard_item_row { clear: both; border-bottom: 1px solid #666; }
div.survey_wizard_item_code { background-color: azure; display:none; }
div.survey_wizard_item_label { background-color: #A8D3AF; float: left; width: 275px; padding: 5px 0px 5px 5px; }
div.survey_wizard_item_name {  float: left; width: 245px; }
div.survey_wizard_item_answer { background-color: none; float: left; width: 215px; padding: 5px 0px 4px 5px; }

div.survey_wizard_item_help { background-color: none; float: right; width: 30px;  }



div.survey_wizard_section_0_theme2 { width: 800px; padding: 0px 40px 0px 0px; }
div.survey_wizard_item_label_theme2 { background-color: #A8D3AF; padding: 5px 0px 5px 5px; min-height: 15px; }
div.survey_wizard_item_answer_theme2 { padding: 30px 0px 30px 40px; }
div.survey_wizard_section_0_theme2 input, div.survey_wizard_section_0_theme2 select { padding: 10px; font-size: larger; margin: 5px 10px 5px 0px; }

div.survey_wizard_section_0_theme3 { width: 800px; padding: 0px 40px 0px 0px; float:left;}
div.survey_wizard_item_label_theme3 { background-color: #A8D3AF; padding: 15px 0px 15px 15px; float:left; width:370px; min-height:15px; }
div.survey_wizard_item_answer_theme3 { padding: 10px 0px 10px 20px; float: left; width:360px }
div.survey_wizard_section_0_theme3 input, div.survey_wizard_section_0_theme3 select { padding: 5px; font-size: larger; margin: 0px; }

span.survey_bm_item_label { display:none;}

@media print { div .survey_wizard_section_0 { float: none; width: 720px; padding: 0px 0px 0px 0px; font-size:smaller; }
    div.survey_wizard_section_1 { float: none; width: 720px; padding: 0px 0px 0px 0px; font-size: smaller; }
    div.survey_wizard_section_2 { float: none; width: 720px; padding: 0px 0px 0px 0px; }
    div.survey_wizard_section_3 { float: none; width: 100%; padding: 0px 0px 0px 0px; }
    div.survey_wizard_section_4 { float: none; width: 100%; padding: 0px 0px 0px 0px; }

    div.survey_wizard_itemgrp_row { width: 720px; }
    div.survey_wizard_item_row { clear: both; border-bottom: 1px solid #666; }
    div.survey_wizard_item_code { background-color: azure; display: none; }
    div.survey_wizard_item_label { background-color: #A8D3AF; float: left; width: 370px; padding: 1px 0px 2px 5px; }
    div.survey_wizard_item_name { float: none; width: 363px; }
    div.survey_wizard_item_answer { background-color: none; float: left; width: 330px; padding: 1px 0px 2px 5px; }

    div.survey_wizard_item_help { display:none; }
    div.survey_report_lastUpdated { float: right; margin-right: 120px; text-align: right; margin-top:-190px; font-size:smaller;  }
}

.ui-widget { font-family: inherit; }
.ui-slider-horizontal .ui-slider-handle { width: 3em; height: 1.6em; top: 50%; margin-top: -.8em; margin-left: -1.5em; text-align: center; line-height: 1.6em; cursor: pointer; color: #000; font-weight: bold; }
.ui-slider-horizontal { height: .8em; border-radius: 5px; }



/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

@media print  
{
    .scenCapMxRow {page-break-inside: avoid;}
}

td.lt  {text-align:right;width:30px}
th.lt  {text-align:right;width:30px}

.fcHomeTeam {float:left;text-align:left;width:200px;font-size:larger;font-weight:bold;padding:3px;margin:0px 3px 0px -3px;}
.fcAwayTeam {float:left;text-align:right;width:200px;font-size:larger;font-weight:bold;padding:3px;margin:0px -3px 0px 3px;}
.fcGameWinner {background-color:Yellow;}
.fcGameScore {float:left;width:25px;font-size:larger;font-weight:bold;text-align:center;border: 1px solid #999;padding:2px 0px 2px 0px;}
.fcGroupsInnerWrapper {margin:0px auto 0px auto;border:1px none Red;display: inline-block;} @media print {.fcGroupsInnerWrapper {display:inline;}}


.scPaySummLbl {float:left;width:85px;color:#999;padding-right:5px;text-align:right;font-size:smaller;}
.scPaySumBarWrap {float:left;width:150px;padding-top:2px;}
.scPaySumBar {float:left;height:10px;}
.scPaySumCount {float:left;width:40px;text-align:right;font-size:smaller;}
.scPaySumPercent {float:right;width:60px;text-align:right;font-size:smaller;}

.scUnPaid {background-color:#FF0000;color:#FFF;}
.scPartPaid {background-color:#FFC200;}
.scPaid {background-color:#98FB98;}

.scTeamMembersPaid {padding:3px 3px 3px 3px;font-weight:bold;}



.raBox {position: relative; float:left;margin:5px 20px 20px 0px; -moz-box-shadow:inset 0 0 10px #999;-webkit-box-shadow:inset 0 0 10px #999;box-shadow:inset 0 0 10px #999; border-radius: 5px 5px 5px 5px;padding:5px;}
.raBoxTitle {background-color:#EEE;font-size:140%;text-align:center;padding:5px;}





.ui-accordion .ui-accordion-content  {padding:0px 0px 0px 0px;}
.ui-accordion .ui-accordion-header {font-weight:bold; line-height:20px;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #007DC6;font-weight: normal;color:#FFF;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#FFF;}


/* Modernizr feature detection for NZDIA/gERMAF/NZGovt IE11 (IE7 emulation) */
.ie8compat .tbody_scrollY_430 {height:30px}
.no-ie8compat body {overflow-y: scroll}








/*------------------------------------------------------------------*/
/*   Scenario modelling stuff               */

div.sm_scen_edit .ui-tabs-panel { padding: 10px 0px 10px 0px; margin: 10px 0px 0px 0px; min-height: 400px; }

.smCapChildRow {background-color:#EDEDED;}
.smCapRootRow {background-color:#DDDDDD;}



.capView {background-color:#fff;float:left;width:125px;margin-right:4px;padding:0px 2px 3px 2px;}
/*Read more : http://www.ehow.com/how_8445341_make-rounded-divs-using-css.html*/

.capViewArea {border-radius: 5px 5px 5px 5px;text-align:center;padding:5px 5px 5px 5px;vertical-align:top;border: 1px solid #636826;background-color:#6A7029;color:#FFF;font-weight:bold;}

.capViewItem {page-break-inside: avoid;-moz-box-shadow:inset 0 0 5px #999;-webkit-box-shadow:inset 0 0 5px #999;box-shadow:inset 0 0 5px #999; border-radius: 5px 5px 5px 5px;padding:3px 3px 1px 1px;margin-top:5px;}
.capViewItemDep {page-break-inside: avoid;-moz-box-shadow:inset 0 0 5px #EEE;-webkit-box-shadow:inset 0 0 5px #EEE;box-shadow:inset 0 0 5px #EEE; border-radius: 5px 5px 5px 5px;padding:5px;margin-top:5px;background-color:#000;}
.capViewItemDup {background-color:rgb(153,217,234);}
.capViewItemCorp {background-color:#ADEAEA;}
.capViewItemChild {margin:1px 0px 0px 10px;background-color:#ddd;}
.capViewLvl {background-color:#00A1AF;}
.capViewItem a {text-decoration:none;color:#000;}
.capViewItem a:hover {text-decoration:underline;color:#000;}

.capViewItemTitle {text-align:center;border-style:none;padding:0px 0px 0px 0px;vertical-align:middle;margin:0px 0px 5px 10px;font-size:70%;}
.capViewItemTitleDep {background-color:#000;color:#FFF;margin-bottom:0px;font-size:70%;}
.capViewItemBL50 {width:50%;float:left;border-style:none;padding:0px 0px 0px 0px;text-align:left;font-size:80%;}
.capViewItemBR50 {width:50%;float:left;border-style:none;padding:0px 0px 0px 0px;text-align:right;font-size:80%;}
.capViewItemBL33 {width:33%;float:left;border-style:none;padding:0px 0px 0px 0px;text-align:left;font-weight:bold;font-size:80%;}
.capViewItemBM33 {width:33%;float:left;border-style:none;padding:0px 0px 0px 0px;text-align:center;font-weight:bold;font-size:80%;}
.capViewItemBR33 {width:33%;float:left;border-style:none;padding:0px 0px 0px 0px;text-align:right;font-weight:bold;font-size:80%;}

.mcdaCostYearCell {float:left;text-align:right;padding:3px 2px 3px 2px;margin:0px;width:62px;font-size:80%;}
.mcdaCostYearCell80 {float:left;text-align:right;padding:3px 2px 3px 2px;margin:0px;width:80px;font-size:80%;}
.mcdaCostYearCell80bold {float:left;text-align:right;padding:3px 2px 3px 2px;margin:0px;width:80px;font-size:90%;font-weight:bold;}
.mcdaCostYearRow    {background-color:#FFF;padding:0px 0px 0px 0px;border-bottom:1px solid #CCC;}
.mcdaCostYearRowHdr {background-color:#EEE;padding:5px 0px 5px 5px;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #CCC;}
.mcdaCostYearRowTot {background-color:#CCC;padding:1px 0px 1px 5px;}

.mcdaCostYearRowHdr2 {background-color:#EEE;padding:5px 0px 5px 5px;}



.capMxCellHdr     {font-size: 12px;float:left;text-align:center;padding:5px 1px 5px 1px;margin:0px;width:90px;border-bottom: 1px solid #999;border-right: 1px solid #999;min-height:40px;vertical-align:middle;font-weight:bold;border-top: 1px solid #999;background-color:#6A7029;color:#FFF;height:30px;}
.scenCapMxCellHdr {font-size: 12px;float:left;text-align:center;padding:5px 1px 5px 1px;margin:0px;width:82px;border-bottom: 1px solid #999;border-right: 1px solid #999;min-height:20px;vertical-align:middle;font-weight:bold;border-top: 1px solid #999;background-color:#6A7029;color:#FFF;height:30px;}

.capMxCell     {font-size: .8em;float:left;text-align:center;padding:3px 1px 3px 1px;margin:0px;width:90px;border-bottom: 1px solid #999;border-right: 1px solid #999;white-space:nowrap;height:18px;}
.scenCapMxCell {font-size: .8em;float:left;text-align:center;padding:0px 2px 0px 2px;margin:0px;width:80px;border-bottom: 1px solid #999;border-right: 1px solid #999;white-space:nowrap;height:46px;}

.capMxRow {position: relative; float:left;}

.scenCapMxRowTot{background-color:#CCC;padding:0px;border-top:3px solid #6A7029;}
.scenCapMxCellTot{background-color:#CCC;border-top:3px solid #6A7029;}
.scenCapMxRow {}
.tbl-hdr-grp {display: table-header-group;}
.tbl-row-grp {display: table-row-group;}

.scenCapMxChild {background-color:#ddd;}
.scenCapMxCell_TL {float:left;width:50%;text-align:left;}
.scenCapMxCell_TR {float:left;width:50%;text-align:right;}
.scenCapMxCell_BL {float:left;width:50%;text-align:left;padding-top:7px;}
.scenCapMxCell_BR {float:left;width:50%;text-align:right;padding-top:7px;}

.scenSummCell {float:left;width:80px;text-align:right;}

.scenCapTranCell {font-size: .8em;float:left;text-align:center;padding:2px 1px 2px 1px;margin:0px;width:65px;height:18px;border-bottom: 1px solid #999;border-right: 1px solid #999;white-space:nowrap;}
.scenCapTranCellHdr {font-size: 12px;float:left;text-align:center;padding:5px 1px 5px 1px;margin:0px;width:65px;height:28px;border-bottom: 1px solid #999;border-right: 1px solid #999;min-height:20px;vertical-align:middle;border-top: 1px solid #999;background-color:#6A7029;color:#FFF;font-weight:bold;}

.tblCell {font-size: .8em;padding:0px 0px 0px 0px;height:17px;border-bottom: 1px solid #999;border-right: 1px solid #999;white-space:nowrap;vertical-align:top;}
.tblHdr {font-size: 12px;padding:5px 0px 5px 0px;height:28px;border-top: 1px solid #999;border-bottom: 1px solid #999;border-right: 1px solid #999;min-height:20px;vertical-align:middle;background-color:#6A7029;color:#FFF;}


.mcdaBox {position: relative; float:left;margin-right:10px; -moz-box-shadow:inset 0 0 10px #999;-webkit-box-shadow:inset 0 0 10px #999;box-shadow:inset 0 0 10px #999; border-radius: 5px 5px 5px 5px;padding:5px;margin-top:5px;}
.mcdaCell {font-size: 1em;float:left;text-align:center;padding:5px;margin:0px;width:90px;border-top: 1px solid #999;}
.mcdaCell2 {font-size: 1em;float:left;text-align:center;padding:3px 5px 3px 5px;margin:0px;width:90px;}
.mcdaCellHdr {font-size: 12px;float:left;text-align:center;padding:5px;margin:0px;width:90px;vertical-align:middle;color:#333;background-color:#EEE;font-weight:bold;}
.mcdaCellHdr2 {float:left;text-align:right;padding:3px 2px 3px 2px;margin:0px;font-size:80%;color:#333;background-color:#EEE;font-weight:bold;}
/*.hdr {background-color:#EEE;font-weight:bold;}*/
.mcdaRow {position: relative; float:left;}
.mcdaBoxTitle {background-color:#CCC;font-size:140%;text-align:center;padding:5px;}
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w75 {width:75px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.mw100 { min-width: 100px; }
.mw150 { min-width: 150px; }
.mw200 { min-width: 200px; }

table td.geOutput {padding:2px 2px 2px 2px;}
div.geOutput {border-radius: 5px 5px 5px 5px;text-align:center;padding:5px 5px 5px 5px;vertical-align:top;border: 1px solid #636826;background-color:#6D6A61;color:#FFF;font-weight:bold;}
table td.geAreaGrp {padding:2px 2px 2px 2px;}
div.geAreaGrp {border-radius: 5px 5px 5px 5px;text-align:center;padding:5px 5px 5px 5px;vertical-align:top;border: 1px solid #636826;background-color:#10646D;color:#FFF;font-weight:bold;}
table td.geArea { padding: 2px 2px 2px 2px; min-width: 140px; }
div.geArea {border-radius: 5px 5px 5px 5px;text-align:center;padding:5px 5px 5px 5px;vertical-align:top;border: 1px solid #636826;background-color:#6A7029;color:#FFF;font-weight:bold;}
table.geLevel {width:100%;-moz-box-shadow:inset 0 0 3px #333;-webkit-box-shadow:inset 0 0 3px #333;box-shadow:inset 0 0 3px #333; border-radius: 5px 5px 5px 5px;padding:0px 1px 0px 1px;margin-top:2px;}
table.geLevel td {background-color: transparent;text-align:left;font-size:70%;border-style:none;padding:0px 0px 0px 0px;}
table.geLevel a {text-decoration:none;color:#000;}
table.geLevel a:hover {text-decoration:underline;color:#000;}
table.geLevelSel {background-color:#00A1AF;}

/*------------------------------------------------------------------*/

/* MISC
----------------------------------------------------------*/
.clear { clear: both; }
.title { display: block; float: left; text-align: left; width: auto; }

.highlight { background: Yellow; }
.bold { font-weight: bold; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.credit { color: #000; }
.debit { color: #FF0000; }
.hide { display: none; }
.submitButton { text-align: right; padding-right: 10px; }
.warning { font-weight: bold; color: #da9c25 }
.error { font-weight: bold; color: #FF003C; padding: 5px 0px 0px 0px; display: block; }
.success { font-weight: bold; color: #0000FF }
.answer_error { float: left; font-weight: bold; color: #FF0000 }
.bt { border-top: 1px solid #999; }
.br { border-right: 1px solid #999; }
.bb { border-bottom: 1px solid #999; }
.bl { border-left: 1px solid #999; }
.wrap { white-space: normal; }
.nowrap { white-space: nowrap; }
.disabled { background-color: #CCC; }

div.clientProfile h2, div.clientProfile h3 {
    margin-top: 30px;
}


div.exp_csv_wrap { float: right; margin: -4px 0px 0px 0px; }
div.emailPdfDetailDiv { clear: both; margin: 5px 0px 5px -238px; width: 260px; background-color: #fff; position: absolute; padding: 10px 0px 0px 10px; border: solid 1px #CCC; border-radius: 5px;}

.commentDiv { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px; min-height: 150px; text-align: left; vertical-align: top; page-break-inside: avoid; }
div.survey_adh_html_Qhdr { padding: 5px; background-color: #1F546B; color: #FFF; border: 1px solid #1F546B; margin: 20px 0px 0px 0px; max-width: 1228px; font-size: 14px; }
div.survey_adh_html_Qtxt { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px; min-height: 150px; text-align: left; vertical-align: top; border: 1px solid #1F546B; max-width: 1228px; }


div.survey_SpiderFrameOuterDiv { margin-bottom: 40px; border: 1px solid #1F546B; }
div.survey_SpiderFrameTitleDiv { text-align: left; background-color: #1F546B; color: #FFF; padding: 2px 5px 2px 5px; font-weight: bold; }
div.survey_ReportTableOuterDiv td.survey_ReportTableHdrTd { background-color: #1F546B; color: #FFF; border: 1px solid #1F546B; font-weight: bold; }
div.survey_ReportTableOuterDiv td.survey_ReportTableRowTd { border: 1px solid #1F546B; }
div.survey_ReportTableOuterDiv td.survey_ReportTableRowEmpasizedTd { font-weight: bold; border: 1px solid #1F546B; }
div.survey_ReportTableOuterDiv div.survey_CommentLabelDiv { text-align: left; background-color: #1F546B; color: #FFF; border: 1px solid #1F546B; padding: 2px 5px 2px 5px; margin-top: 20px; font-weight: bold; }
div.survey_ReportTableOuterDiv div.survey_CommentDiv { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px; min-height: 150px; text-align: left; vertical-align: top; border: 1px solid #1F546B; }

div.survey_report p { margin: 2px 0px 5px 0px; }
div.survey_ReportTableOuterDiv table td.agRating { text-align: center; width: 55px; white-space: normal; vertical-align: top; padding-top: 5px; }
div.survey_ReportTableOuterDiv table tr { page-break-inside:avoid; }
div.survey_ReportTableOuterDiv td.item_code { width: 40px; text-align: left; vertical-align: top; }

div.survey_report_lastUpdated { float: right; margin-right: 150px; }

th.responseGrid_AnswerRating { text-align: right; padding-right: 10px; }
td.responseGrid_AnswerRating { text-align: right; padding-right: 10px; width: 60px; vertical-align: top; padding: 8px; }

div.uxCompleteDivTop { float: left;}
div.uxReportDivTop { float: left; }
div.uxSaveDivTop { float: left; padding-left: 10px; }
div.uxCancelDivTop { float: right; }
div.uxNextDivTop { float: right; padding-left: 5px; }
div.uxProgressDiv { float: right; margin: 0px 0px 10px 5px; font-size: larger; }
div.uxPreviousDivTop { float: right; padding-left: 5px; }


/* default slider header styles */
table.sld_hdr { width: 100%; /*margin-left: 100px;*/ }
table tr.sld_hdr_hdr { background-color: #808080; color: #FFF; text-align: center; }
table.sld_hdr p { font-size: 13px; line-height: 14px; margin: 0px 0px 6px 0px; }


table td.sld_hdr_3lvl1_tit { background-color: #EA700D; color: #FFF; width: 33.3%; padding: 10px; font-weight: bold; }
table td.sld_hdr_3lvl2_tit { background-color: #FFC820; color: #FFF; width: 33.3%; padding: 10px; font-weight: bold; }
table td.sld_hdr_3lvl3_tit { background-color: #789440; color: #FFF; width: 33.4%; padding: 10px; font-weight: bold; }

table td.sld_hdr_3lvl1 { background-color: #FCEBDD; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
table td.sld_hdr_3lvl2 { background-color: #FFF2CC; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
table td.sld_hdr_3lvl3 { background-color: #EBF1DF; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }


table td.sld_hdr_4lvl1_tit { background-color: #EA700D; color: #FFF; width: 25%; padding: 10px; font-weight: bold; }
table td.sld_hdr_4lvl2_tit { background-color: #FFC820; color: #FFF; width: 25%; padding: 10px; font-weight: bold; }
table td.sld_hdr_4lvl3_tit { background-color: #789440; color: #FFF; width: 25%; padding: 10px; font-weight: bold; }
table td.sld_hdr_4lvl4_tit { background-color: #50632A; color: #FFF; width: 25%; padding: 10px; font-weight: bold; }

table td.sld_hdr_4lvl1 { background-color: #FCEBDD; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
table td.sld_hdr_4lvl2 { background-color: #FFF2CC; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
table td.sld_hdr_4lvl3 { background-color: #EBF1DF; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
table td.sld_hdr_4lvl4 { background-color: #D7E3BF; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }


table td.sld_hdr_5lvl1_tit { background-color: #2f93ab; color: #FFF; width: 20%; padding: 10px; font-weight: bold; }
table td.sld_hdr_5lvl2_tit { background-color: #d6b62e; color: #FFF; width: 20%; padding: 10px; font-weight: bold; }
table td.sld_hdr_5lvl3_tit { background-color: #6aa442; color: #FFF; width: 20%; padding: 10px; font-weight: bold; }
table td.sld_hdr_5lvl4_tit { background-color: #f27b0e; color: #FFF; width: 20%; padding: 10px; font-weight: bold; }
table td.sld_hdr_5lvl5_tit { background-color: #8764a4; color: #FFF; width: 20%; padding: 10px; font-weight: bold; }

table td.sld_hdr_5lvl1 { background-color: #d2ecf2; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
table td.sld_hdr_5lvl2 { background-color: #f1e6b8; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
table td.sld_hdr_5lvl3 { background-color: #e0efd6; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
table td.sld_hdr_5lvl4 { background-color: #fbd5b3; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
table td.sld_hdr_5lvl5 { background-color: #e6deeb; color: #000; vertical-align: top; text-align: left; padding: 10px 11px 8px 14px; }
/* end default slider header styles */


.GridPager span { background-color: #A1DCF2; margin: 0px -5px; padding: 4px 5px; }

td.rep_sent_ans_num { text-align: left; padding-left: 5px; display: none; }
td.rep_sent_ans_itemCode { text-align: left; padding-left: 5px; display: none; }
td.rep_sent_ans_itemAgCode { display: none; vertical-align: top; }
td.rep_sent_ans_grp { text-align: right; padding-right: 15px; min-width: 170px; vertical-align: top; }
td.rep_sent_ans_rk { padding-right: 15px; vertical-align: top; width: 200px; }
td.rep_sent_ans_date { text-align: left; padding-right: 10px; width: 90px; vertical-align: top; }
td.rep_sent_ans_ans { text-align: left; padding-right: 5px; vertical-align: top; }
td.rep_sent_ans_rating { text-align: right; padding-right: 10px; width: 60px; vertical-align: top; }

div.realMeLoginDiv {padding: 20px 0px 0px 0px; }

div.bmExtras { width: 690px; margin: 0px 0px -25px 0px; position: relative; top: -37px; }
div.bmChartOptions { float: right; width: 250px; margin: -0px 0px 0px 0px; }
div.bmExtras div.box-header, div.bmChartOptions div.box-header { border-color: #999999; }
div.bmExtras div.box-content { margin-bottom: 0px; display: none; position: absolute; width: 674px; padding: 0px 7px 0px 7px; border-color: #999999; background-color: #f7f7f7; }
div.bmChartOptions div.box-content { margin-bottom: 0px; display: none; position: absolute; width: 234px; padding: 0px 7px 0px 7px; border-color: #999999; background-color: #f7f7f7; }

div.bmExtras input[type=color] { border:none; height:20px; }
div.bmExtras input[type=text] { border: none; height: 20px; width: 100%; }
div.bmExtras select { border: none; height: 22px; width: 100%; }
div.bmExtras textarea { border: none; }
img.InModeration { cursor: pointer; margin: 0px 0px -4px 6px; height: 16px; }


label.frmlbl { width: 200px; display: inline-block; }

.cryOpenOrderHeaderUSDC { background-color: aqua; }
.cryOpenOrderHeaderUSDT { background-color: lightgreen; }
.cryOpenOrderHeaderETH { background-color: lightblue; }
.cryOpenOrderHeaderBTC { background-color: lightyellow; }

div.sgColHdr {
    margin-bottom: 3px;
    float: left;
}

div.cry_order_list_wrapper_sm {
    min-height: 660px;
    max-height: 660px;
    overflow-x: hidden;
    overflow-y: auto;
}



a.planProjectCode {
    text-align: right;
    width: 100%;
    display: block;
    font-size:smaller;
}


/*----------------------------------------------------------
    DM
----------------------------------------------------------*/

.statusHeaderDiv {
    float: left;
    width: 55px;
    text-align: center;
    cursor: pointer;
}


.statusNotStarted {
    text-align: center;
    color:#999;
    width:46px;
}
.statusInProgress {
    text-align: center;
    color: #999;
    width: 46px;
    background-color: #fdfd96;
}
.statusBlocked {
    text-align: center;
    color: #666;
    width: 46px;
    background-color: #cd5c5c;
}
.statusReview {
    text-align: center;
    color: #999;
    width: 46px;
    background-color: #abc4ff;
}
.statusComplete {
    text-align: center;
    color: #999;
    width: 46px;
    background-color: #00fa9a;
}

.reconUnknown {
    text-align: center;
    color: #999;
    width: 46px;
}
.reconNoData {
    text-align: center;
    color: black;
    width: 46px;
    background-color: #ff7f50;
}
.reconFail {
    text-align: center;
    color: #222;
    width: 46px;
    background-color: #cd5c5c;
}
.reconClose {
    text-align: center;
    color: #222;
    width: 46px;
    background-color: #abc4ff;
}
.reconPass {
    text-align: center;
    color: #222;
    width: 46px;
    background-color: #00fa9a;
}

/* Marcus */
#mc_progressBarContainer {
    display: flex;
    height: .7vw;
    width: 20vw;
    float: right;
}

.infoValidation {
    background-color: #5EB6E6;
    height: 100%;
}

#mc_progress_bar_pass, .passValidation {
    background-color: #3ec74e;
    height: 100%;
}

#mc_progress_bar_fail_non_show_stopper, .failNonSSValidation {
    background-color: #ffb121;
    height: 100%;
}

#mc_progress_bar_show_stopper, .showStopperValidation {
    background-color: #fa3c3c;
    height: 100%;
    color: #ddd;
}

table.list tr.parent {
    border-top: 1px solid #999;
    background-color: #f2f2f2;
}

table.list tr.child {
    background-color: #fff;
}


/*----------------------------------------------------------
    PLAN
----------------------------------------------------------*/

a.planColHdrHL {
    text-align: right;
    display: block;
    width: 44px;
    white-space:nowrap;
}

/*----------------------------------------------------------
    WD
----------------------------------------------------------*/
.container {
}

.section1, .section2, .section3, .section100, .section50, .section33, .section25 {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

.section1 {
}

.section2 {
}

.section3 {
}

@media only screen and (min-width: 769px) and (max-width: 1369px) {
    .section33 {
        width: 50%;
    }
    .section25 {
        width: 50%;
    }
}

@media only screen and (min-width: 1370px) {
    .section1, .section2, .section3, .section50 {
        width: 50%;
    }
    .section33 {
        width: 33.3%;
    }
    .section25 {
        width: 25%;
    }
}