@charset "utf-8";
/* CSS Document */

*{font-family:cabin, sanserif; margin:0; padding:0; font-size:1em;}
body{ }
a{cursor:pointer;}

p.note{font-size:.85em; font-style:italic; color:rgb(84,179,13); margin:0 0 .4em 0;}
p{font-size:1em; color:rgb(74,108,112); margin:0 0 .4em 0;}
p a{font-size:1em; color:rgb(35,48,71); text-decoration:underline; }

.copyDiv{padding:.4em 0; width:76%; text-align:left; margin:0 0 0 23%; }

div.error{font-size:1.3em; font-weight:bold; display:block; padding:.4em; margin:2em 0 0 0; color:rgb(74,108,112); }

#referral-con{ width:50%; float:left; box-sizing: border-box; margin:1em 0 0 0; padding:1em 0 0 0; border-top:1px solid rgb(220,105,55); }
#referral-con label{display: block;width:100%; height: auto;}
#referral-con textarea{width:100%; max-width:500px; height: 250px; resize: vertical; border:1px solid rgb(94,107,111); }
#referral-con input[type='button']{width:100%; max-width: 500px;}
#referral-con h2{font-size: 1.3em; color:rgb(220,105,55); margin: .4em 0;}
#referral-con h2 a{font-size: 1em; color: rgb(107,165,67); text-decoration: none;}
#referral-con p.note{font-size: .8em; margin: 1em 0 0 0; font-style: italic; color: rgb(35,48,71)}

#header{ width:100%; hreight:auto; position:relative; background:url(../img/CubeBG.png) repeat-x top left; }
#titleDiv{ width:74%; height:auto; font-size:2em; color:rgb(94,107,111); background:rgba(255,255,255,.8); padding:.5em 13%; }
#titleDiv em{font-weight:bold; font-size:.8em; color:rgb(15,31,76); font-style:italic; }

#formDiv{ width:74%; min-height:500px;margin:0 auto; }
.inputDiv{ clear:both; width:100%; margin:.8em 0 0 0; height:auto; }
.inputDiv label{ display:block; width:100%; font-size:.9em; font-weight:bold; color:rgb(74,108,112); text-align:left; margin:0 3% 0 0; }
.inputDiv input[type=text],.inputDiv textarea, .inputDiv select{ padding:.4em 1%; border-radius:.4em; border:1px solid rgb(74,108,112); color:rgb(74,108,112); font-size:1em; width:50%; background:rgb(204,204,204); box-sizing:border-box; }
.inputDiv input[type=text]:focus, .inputDiv textarea:focus, .inputDiv select:focus{ border:1px solid rgb(143,183,64); background:rgb(214,224,234); }
.inputDiv input.date { float:left; padding:.4em 1%; border-radius:.4em; border:1px solid rgb(74,108,112); color:rgb(74,108,112); font-size:1em; width:35%; background:rgb(204,204,204); }
.inputDiv input.date:focus{border:1px solid rgb(143,183,64); background:rgb(214,224,234);}
input[type=button],input[type=submit]{border:1px solid rgb(65,65,65); color:rgb(255,255,255); font-size:1em; text-align:center; padding:.5em .8em;  border-radius:8px; background:rgb(74,108,112);}
input[type=button]:hover,input[type=submit]:hover{background:rgb(15,31,76);}
input[type=button]:disabled,input[type=submit]:disabled{background:rgb(50,50,50);}

#commentsTxt{float:left; padding:.4em 1%; border-radius:.4em; border:1px solid rgb(74,108,112); color:rgb(74,108,112); font-size:1em; width:74%; height:auto; background:rgb(204,204,204); }

.err{background:rgb(15,31,76) !important; color:rgb(240,240,240) !important;}
.reqHid{display:none;}
#rehire{color:rgb(74,108,112);}

.headerDiv{ width:76%; margin:.8em 0 0 23%; height:auto; }
.headerDiv hr{ margin:.8em 0; }
.headerDiv table{ margin:0; padding:0; border-spacing:0; width:100%; }
.headerDiv table tr { color:rgb(74,108,112); }
.headerDiv table thead th{ background:rgb(15,31,76); color:rgb(255,255,255); font-weight:bold; padding:.4em; }
.headerDiv table thead th{ border-radius:.5em; }
.headerDiv table thead th a{ color:rgb(255,255,153); }

.tableDiv{ width:76%; margin:.8em 0 0 23%; height:auto;}
.tableDiv hr{ margin:.8em 0; }
.tableDiv table{margin:0; padding:0; border-spacing:0; width:100%;}
.tableDiv table tr {color:rgb(74,108,112);}
.tableDiv table thead th{background:rgb(143,183,64); color:rgb(255,255,255); font-weight:bold; padding:.4em;}
.tableDiv table thead th{border-radius:.5em .5em 0 0;}
.tableDiv table tr:nth-child(1) td{background:rgb(74,108,112); color:rgb(255,255,255); font-weight:bold; padding:.4em;}
/*
.tableDiv table tr:first-child td:first-child{border-radius:.5em 0 0 0;}
.tableDiv table tr:first-child td:last-child{border-radius:0 .5em 0 0;}
*/
.tableDiv table tr:last-child td:first-child{border-radius:0  0 0 .5em;}
.tableDiv table tr:last-child td:last-child{border-radius:0 0 .5em 0;}
.tableDiv table tr:nth-child(even){ background:rgba(143,183,64,.4); }
.tableDiv table tr td{text-align:center; padding:.2em;}
.tableDiv table tr td:nth-child(1){}
.tableDiv a{font-size:1em; text-decoration:none; color:rgb(74,108,112); }

tr.n {font-weight:bold;}
tr.y {font-style:italic;}

.resDiv{ width:76%; margin:.8em 0 0 23%; height:auto;}
.resDiv hr{ margin:.8em 0; }
.resDiv table{margin:0; padding:0; border-spacing:0; width:100%;}
.resDiv table tr {color:rgb(74,108,112);}
.resDiv table thead th{background:rgb(143,183,64); color:rgb(255,255,255); font-weight:bold; padding:.4em; font-size:1em;}
.resDiv table thead th{border-radius:.5em .5em 0 0;}
.resDiv table tr:nth-child(1) td{background:rgb(74,108,112); color:rgb(255,255,255); font-weight:bold; padding:.4em;}
.resDiv table tr:last-child td:first-child{border-radius:0  0 0 .5em;}
.resDiv table tr:last-child td:last-child{border-radius:0 0 .5em 0;}
.resDiv table tr:nth-child(even){ background:rgba(143,183,64,.4); }
.resDiv table tr td{text-align:left; padding:.2em .2em .2em .6em; font-size:.9em;}
.resDiv table tr td:nth-child(1){}
.resDiv a{font-size:1em; text-decoration:none; color:rgb(74,108,112); }


#footer{width:80%; margin:1em auto .3em auto; padding:1em 0 0 0; border-top: 3px solid rgb(176,250,201);}
#logoDiv{width:22%; float:left; margin:0 2% 0 0;}
#logoDiv img{width:100%; max-width: 225px;}

#footerCopy{width:62%; float:left; margin:0; text-align:center;}

#jointDiv{ width:7%; margin:0 0 0 93%; }
#jointDiv img { width:100%; }

#overlay{position:fixed; display:none; top:0; left:0; width:100%; height:100%;  margin:0; padding:0; z-index:999; 
background: rgba(255,255,255,.7);
/*for ie 5.5-7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF, endColorstr=#90FFFFFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF, endColorstr=#90FFFFFF)";
}

#process_mess{position:relative; width:30%; height:10%; top:20%; left:25%; padding:10%; background:rgba(176,250,201,.8); border:2px solid rgb(74,108,112);  border-radius:2em;}
#process_mess p {color:rgb(74,108,112); font-size:1.2em;}
#process_mess a{ color:rgb(84,179,13); font-size:1.2em;}

.clear{display:block; clear:both; height:1px; margin:-1px 0 0 0; background:none; }

.es, .ms, .ni, .na{display:inline-block; margin:0; font-size:.8em; height:1.2em; padding:0; overflow:hidden;}
.es{background:rgb(143,183,64); color:rgb(255,255,255);}
.ms{background:rgb(15,31,76); color:rgb(255,255,255);}
.ni{background:rgb(120,40,40); color:rgb(255,255,255);}
.na{background:rgb(176,250,201); color:rgb(50,50,50);}

/*Search --------------------- */
#searchDiv{ display:inline-block; width:auto; position:relative; color:rgb(255,255,255);}
#searchResults{position:absolute; width:600px; top:100%; left:0; background:rgba(255,255,255,.8); padding:.7em; text-align:left;}
.searchRes{padding:.3em 0; margin:0; clear:both; border-bottom: 1px solid rgb(35,48,71); text-align:left;}
.searchRes a{color: rgb(35,48,71) !important; text-align:left;}

.nps_avg{width:96%;background:rgb(143,183,64); color:rgb(255,255,255); padding:.4em 2%; margin:0 0 .5em 0; font-size:1.5em; border-radius:.4em;}

.nps_resp{width:96%; padding:.3em 2%; border-bottom:1px dashed rgb(74,108,112);}
.nps_resp:nth-child(even){ background:rgba(143,183,64,.25); }
.nps_score{float:left; width:12%; margin:0 2% 0 0; font-size:2.1em; color:rgb(143,183,64); font-weight:bold; text-align:center;}
span.date{display:block; width:100%; font-size:.4em; color:rgb(35,48,71); text-align:center; }
.nps_info{float:left; width:24%; margin:0 2% 0 0;}
.nps_comments{float:left; width:33%; margin:0 2% 0 0}
.nps_tags{float:left; width:23%; margin:0; position:relative;}
p.nps_cc{ color:rgb(229,169,70); }
.nps_cc_col a{font-size:1em;}

.nps_col{ float:left; width:31%; margin:0 2% .5em 0; }
.nps_tab{display:table; width:100%;}
.nps_tab div{display:table-row;}
.nps_tab div.nps_by_cc:nth-child(even){background:rgba(143,183,64,.25); }
.nps_tab div.nps_by_team{background:rgb(74,108,112); color:rgb(255,255,255); }
.nps_tab div.nps_by_team div{ color:rgb(255,255,255); padding:.2em; text-transform:capitalize; }
.nps_tab div div{display:table-cell; font-size:.8em; color:rgb(74,108,112); padding:.1em 0;}

.nps_header{display:table-row; background:rgb(214,221,200); color:rgb(94,107,111); }
.nps_header_col{ color:rgb(94,107,111); font-size:.9em; }
.nps_header_col a{ color:rgb(94,107,111); font-size:1em; }
#tagsDiv{position:relative;float:right; width:33%; margin:0 2% 0 0; padding:1.2em 0 0 0; }

input.addTag{float:left; width:60%; height:2em; margin:0; padding:.3em 2%; border:1px solid rgb(143,183,64); color:rgb(143,183,64); font-size:.9em;border-radius:.5em 0 0 .5em;box-sizing: border-box; -moz-box-sizing: border-box; border-right:none; box-shadow: inset 0 0 .3em rgb(210,210,210);}
/* input#addTag:focus{box-shadow: inset 0 0 .3em rgb(190,190,190);} */
input#addTagBtn{float:left; width:auto; height:2em; margin:0; padding:.3em 2%; border:1px solid rgb(143,183,64); background:rgba(143,183,64,.6); color:rgb(255,255,255); font-size:.9em; border-radius:0 .5em .5em 0;transition: background .5s;box-sizing: border-box; -moz-box-sizing: border-box; border-left:none;}
input#addTagBtn:hover{background:rgba(143,183,64,1.00);}

.tagsPop{position:absolute; top:0; left:-100%; width:94%; height:auto; min-height:100%; background:rgba(255,255,255,.8); padding:3%; margin:0 4% 0 0; z-index:999;}

div.tagsPop div, div.tags div{float:left; width:auto; height:auto; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:.9em; padding:0 0 0 .3em; margin:.4em .4em 0 0; border:1px solid rgba(74,108,112,.5); border-radius:.3em; }
div.tagsPop div a, div.tags div a{display:inline-block; margin:0 0 0 .4em; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding:.3em; font-size:.8em; background:rgba(74,108,112,.5); color:rgb(255,255,255); cursor:pointer; border-radius:0 .3em .3em 0; transition:background .5s;}
div.tagsPop div a:hover, div.tags div a:hover{background:rgba(74,108,112,1.00);}

@media screen{
/*IE Pre 9 work around and minimal hack. All old IE above, redefine here for modern browsers. */
	#titleDiv{ background:rgba(255,255,255,.8); }
	#commentsTxt{display:none; overflow:hidden;}
	.inputDiv textarea{height:5em;}
	*{font-size:10px;}
}
@media screen and (max-width:700px){
	*{font-size:13px;}
	#referral-con{ width:100%; float:none; }
}
@media screen and (min-width:700px) and(max-width:900px){
	*{font-size:14px;}
}
@media screen and (min-width:900px) and (max-width:1100px){
	*{font-size:15px;}
}
@media screen and (min-width:1100px) {
	*{font-size:16px;}
}

@media print{
	
	
	*{font-size:12px; font-family:cabin, sanserif; font-style:normal; margin:0; padding:0;}
	body{background:url(../img/CubeBG68.png) repeat-x top left; width:100%; height:100%; }
	#container{width:100%; width:100%; position:relative;}
	#formDiv{width:100%; margin:0;}
	#header{ width:100%; height:68px; position:relative;}
	
	.inputDiv input[type=text], inputDiv select{ padding:0 1% ; border-radius:none; border:none; color:rgb(0,0,0); font-size:1em; width:74%; background:none; }
	.inputDiv input.date { float:left; padding:0 1% ; border-radius:none; border:none; color:rgb(0,0,0); font-size:1em; width:auto; background:none; }
	/*.inputDiv textarea{ padding:0 1%; border-radius:none; border:none; color:rgb(0,0,0); font-size:1em; width:74%; background:none; height:auto; }
	*/
	input[type=button]{display:none;}
	#commentsTxt{ display: block; padding:0 1%; border-radius:none; border:none; color:rgb(0,0,0); font-size:1em; width:74%; background:none; height:auto; }
	#comments{display:none; overflow:hidden;}
	
	#footer{ width:100%; margin:1.5em 0 0 0; padding:0; border-top: 1px solid rgb(176,250,201); }
	#logoDiv{width:17%; float:left; margin:0 2% 0 0;}
	#footerCopy{width:62%; float:left; margin:0; text-align:center;}
	#jointDiv{ width:5%; margin:0 0 0 93%; }
}