@charset "utf-8"; /* *CSS Document  */ 
html,
body {
   margin:0;
   padding:0;
   height:100%;
}

body {
    color: #191919;
	font-size:20px;
    font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight:bold;
/*   	background-image: url("/sites/all/themes/hao2eu2/images/background.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-size:100% 100%;*/
}
#custom_background{
width: 100%;
height: 100%;  
position: fixed;
top: 0;
left: 0;
z-index: -1; 
background-image: url("/images/background.jpg") ;
background-repeat:no-repeat;
background-position: center center;
/* background-attachment: fixed; removed for Android */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#node-1{
	font-size:23px;
}
p {margin-bottom: 10px;margin-top: 0;}
a{
	color:#020167;
}

.center{
	text-align:center;
}
.container, .curved-main{
	max-width:1260px;
	padding: 0 10px;
	margin:0 auto;
	color:#FFF;}
	.curved-main{
		padding: 0 40px;
		color:#000;
		margin-top:50px;
		padding-bottom: 85px;
		font-weight:normal;
		}
#overall{
	min-height:100%;
   position:relative;
}
#header-overall{
	background-image: url("/images/header.png");
	background-repeat:repeat-x;
	height:58px;
}
#header-overall-reviewer{
	background-image: url("/images/header_reviewer.png");
	background-repeat:repeat-x;
	height:58px;
}
#header-container{
	font-size:20px;
	padding-top: 29px;
}
#header-left{
	float: left; 
	width: 375px;

}
#header-center{
	margin-left: 375px;
	margin-right:60px;
	
	text-align:right;

}
#header-right{
	float:right;
	width:57px;
	margin-top:-24px;
}

#floatright{
float: right;
width: 300px;
text-align: center;
}
#floatleft{
	margin-right: 315px;
	padding: 5px;
}
p.login{
	width:100px;
	float:left;
	text-align:left;
}
input.loginbox {
width: 195px;
color: #000;
background: #DCE6EB;
border: 1px solid #8BAABC;
float:right;
}
.clear{
	clear:both;
}
ul.menu{border:none;list-style:none;text-align:left;}ul.menu li{margin:0 0 0 0.5em;}

ul li.collapsed, ul li.leaf, ul li.expanded { list-style-type:none; list-style-image:none;margin:0;  }
ul li.expanded { background:url(/images/down-arrow.png) no-repeat; background-position:100% 9px;margin:0 11px 0 0; height:35px;}

#header-center ul { margin: 0px 0px 0px 0px; padding: 0; width: auto; float: right;  }
#header-center ul li{padding: 0; float: left; position: relative;}
#header-center ul li a{ color: #FFF; text-decoration: none; padding: 0px 15px; display: block; float: left;}
#header-center ul li a:hover{ color:#FFF; text-decoration: none;  }

/*sub item list*/
#header-center ul li li { background-color:#000; width:165px; left:15px;  }
#header-center ul li li a { width:144px; color:#FFF; text-transform: none; display: block; background: none; border-left: 0px; padding: 8px 10px 13px 10px;  }
#header-center ul li li a:hover{color:#FFF; background-color:#FF4200;  width:144px; margin-left:1px; margin-right:1px; padding-left:9px;}
#header-center ul li li.first a:hover{margin-top:1px; padding-top:7px;}
#header-center ul li li.last a:hover{margin-bottom:1px;}

/*hide/show sub menu*/
#header-center ul li ul {left: -999em; top: 30px; left: 0; display: block; height: 24px; width: 165px; position: absolute; z-index: 99; left: -999em; clear: left; margin-left: 0px; }
#header-center ul li:hover ul, #header-center ul li li:hover ul, #header-center ul li li li:hover ul { left: auto; }

#maincolumn{
	margin-top:50px;
	/*margin-bottom:30px;*/
	padding-bottom:42px;
    color:#191919;
	font-weight:normal;
	
}

#footer{
	background-color:#000;
	height:42px;
	position:absolute;
	bottom:0px;
	font-size:15px;
	width:100%;
	font-weight:normal;
}
#footer a{
	color:#FFF;}
#footer-container{
	height:42px;

}
#footer-left{
	float: left; 
	width: 150px;
}
#footer-center{
	margin-left: 150px;
	margin-right:150px;
	text-align:center;
}
#footer-right{
	float:right;
	width:150px;
	text-align:right;
	height:34px;
}

.social{
	display: inline-block;
    background: url("/sites/all/themes/hao2eu2/images/social-buttons.png") no-repeat;
    height: 34px;
    width: 33px;
}
.linkedin { background-position: 0 0; }
.twitter{ background-position: -33px 0; }
.facebook{ background-position: -66px 0; }

a.tooltip, .tooltip {
	color:#000;
	cursor:help;
	border-bottom: 1px dashed #999;
	text-decoration:none;
}
.message h1{
	margin-top:-15px;
}
div.message {
    background-position: 8px 8px;
    background-repeat: no-repeat;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
}
div.warning {
    background-image: url("/images/warning.png");
    border:#EEDD55 1px solid;
	color: #884400;
	background-color: #FFFCE5;
	background-position: 8px 8px;
    background-repeat: no-repeat;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
	width:550px;
	left: 50%;
   	 margin-left: -275px;
    position: relative;
	border-radius: 10px 10px 10px 10px;
}

div.success {
    border:#BE7 1px solid;
	color: #234600;
	background-color: #F8FFF0;
	background-position: 8px 8px;
    background-repeat: no-repeat;
    margin: 6px 0;
    padding: 10px 10px 10px 10px;
	width:550px;
	left: 50%;
   	 margin-left: -275px;
    position: relative;
	border-radius: 10px 10px 10px 10px;
}
.progress{
	    border: 1px solid gray;
   /* float: left;*/
    height: 16px;
    margin-right: 10px;
    padding: 1px;
   /* width: 100%;*/
   font-size: 13px;
	
}
.progress_inner{
	  background-color: #5392C8;
	  color:#000;
	  text-align:center;
    float: left;
    height: 100%;
	
}

.progress_large{
    height: 36px;
	font-size: 20px;
	width:90%;margin: 5px 5% 50px 5%;
}
.print_show{display:none;}
/* User Admin */
#updated{
	display:none;
		background-color:#C9F192;
		text-align:center;
		width:400px;
}
.hidden{display:none;}
#updated.failed{
		background-color:#FF9191;
}

.left_menu{
	float:left;
	width:105px;
	padding:5px;
	
}
.left_menu ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.left_menu li{
	padding:5px;
}
.active {
	border-right:#CCC 2px solid;
}
.right_main{
	margin-left:125px;
	padding:5px;
}
/* end User Admin */

table.data{
	border-collapse:collapse;
/*border: 1px solid black;*/
text-align:center;
width:100%;
}

table.data td{
	padding:5px;
}

.table_odd{
	background-color:#C1EAFD;
}
.table_odd:hover, .table_even:hover{
	background-color:#E8E8E8;
	cursor:pointer;
}


/* Comments */
a.link_data {
	text-decoration:none;
	width:100%;
	display:block;
}
a img{
	border:none;
}
.comments{
	border:#CCC 1px solid;
	border-bottom:none;
}
.comment{
	border-bottom:#CCC 1px solid;
	padding:5px;
}
.comment_small{
	font-style:italic;
	font-size:11px;
	padding-top:5px;
	text-align:right;
	display:block;
}
/* end comments */


.steps-2 {
    border: 1px solid transparent; /*follows #slider2 style for sizing purposes */
    /*width: 800px; */
    position: relative; 
    height: 30px;
    }
    .tick { 
        border: 1px solid transparent; /*follows slide handle style for sizing purposes*/
        position: absolute;
        width: 70px;
        margin-left: -35px;
        text-align:center;
        left: 0;
    }
	
	
.graph{
	position:relative;
	height:500px;
	max-width:1260px;
	margin:0 auto;
}
.graphAxis{
	position:absolute;
	height:400px;
	top:0;
	left:0;
	border-bottom:#000 1px solid;
	border-left:#000 1px solid;
	width:100%;
}
.graphItem{
	position:relative;
	height:500px;
	width:100px;
	float:left;
	
}
.graphBar{
/*	height:400px;*/
	width:80px;
	position:absolute;
	bottom:100px;
	left:10px;;
	background-color:#5392C8;
	text-align:center;
	color:#FFF;
	display:table;
	vertical-align: middle;
}
.graphcolour1{
	background-color:#5392C8;
}
.graphcolour2{
	background-color:#6CFFB6;
}
.graphcolour3{
	background-color:#6F9;
}
.graphcolour4{
	background-color:#84C1FF;
}
.graphcolour7{
	background-color:#FC3;
}
.graphcolour10{
	background-color:#CC6;
}
.graphBlank{
	background:none;
	border:#2EA4C2 1px solid;
}
.graphPercent{
	 display: table-cell;
     vertical-align: middle
}
.graphText{
	height:100px;
	width:100px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}
.graphLink{
	 height: 90%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.button a{
	width:64px;
	height:64px;
	display:inline-block;
	margin:5px;
}
.print a{
	background-image:url(/images/print.png);
}
.delete a{
	background-image:url(/images/delete.png);
}
.email a{
	background-image:url(/images/email.png);
}
.download a{
	background-image:url(/images/download.png);
}
.review a{
	background-image:url(/images/review.png);
}
.report a{
	background-image:url(/images/report_return.png);
}
.alignRight{
	text-align:right;
}
.alignLeft{
	text-align:left;
	float:left;
}
#form_submit{
	display:none;
}
.red_back{
	background-color: #FF9191 !important;
border-color: #F00 !important;
}
.reviewButton a{
	 background: url("/images/nav_bg.gif") repeat-x scroll 0 0 transparent;
    clear: both;
    height: 30px;
	display:inline-block;
    padding: 5px;
	margin:5px;
    text-align: center;
	font-size:20px;
	color:#fff;
	border-radius: 10px 10px 10px 10px;
	cursor:pointer;
	text-decoration:none;
	width:200px;
}
.comment-advisor, .comment-advisor .tooltip{
	color:#333;
	background-color:#D2FDFF;
	background-color:#E0FEFD;
}
.comment-client, .comment-client .tooltip{
	color:#006;
	/*background-color:#F0F0F0;*/
	background-color:#CCC;
}

.details_left{
	width:30%;
	float:left;
}
#qa_details{
	width:68%;
	float:right;
}
#ui-datepicker-div{
	font-size:15px;
}
.right{
	float:right;
}
.right img{
	vertical-align:middle;
}
.grey{
background-color: #000;
display: block;
height: 100%;
left: 0;
opacity: 0.7;
position: fixed;
top: 0;
width: 100%;
}
#grey{
	display:none;
}
#result, #result_account{
	display:none;
}
.result{
	width:800px;
	/*height:600px;*/
	height:80%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;

	position: fixed;
    /*top: 100px;*/
	top:10%;
    left: 50%;
    margin-left: -400px;
	overflow:auto;
	padding:2px;
}
.h2_small{
	margin-top:0px;
	margin-bottom:0px;
}
.clickable{
	cursor:pointer;
}
.selected{
	background-color:#0FF;
}

.table {
	display:inline-block;
	vertical-align: top;
}
session{
	clear:both;
}
.session_description{
	padding: 5px 0 10px;
}
.session_rows{
	height: 35px;
}
.date_left{
	width:350px;
	float:left;
	display:block;
}
.date_middle{
	display:block;
	margin-left:360px;
	margin-right:360px;
}
.date_right{
	display:block;
	width:350px;
	float:right;
	text-align:right;
}
.session_status{
	background-image:url(/images/session_green.png);
	background-size: 20px 20px;
    background-repeat: no-repeat;
	width:20px;
	height:20px;
}

.ball_green{
	background-image:url(/images/session_green.png);
}
.ball_red{
	background-image:url(/images/session_red.png);
}
.ball_yellow{
	background-image:url(/images/session_yellow.png);
}
.ball_blue{
	background-image:url(/images/session_blue.png);
}
.padding5{
	padding:5px;
}
.padding5 table{
	border: #000 1px solid;border-collapse: collapse;/* margin: 5px; */clear: both;
}
.session_images{
	width:32px;height:32px;display:inline-block;
}
.sessions_text{
	vertical-align: top;width: 34px;display: inline-block;
}
.topics{  border-collapse: collapse; margin:0 auto;}

.topics td{
	border-bottom:#666 1px solid;
	 padding:5px 0;
}
.topics tr:last-child td{
	border-bottom:none;
}
.search{
	width:400px;
	margin:0 auto;
}
.hide{
	width:36px;
	height:25px;
	z-index:100;
	background:url(/images/hide.png);
	display: inline-block;
	cursor:pointer;
	margin: 0 5px;
}
.hidden{
	background-position:0 -25px;
	
}

.iv_table, #actions_table, #evidence_table{
	width:100%;
}
.iv_table input[type="text"], .iv_table textarea, #actions_table textarea, #evidence_table textarea{
width: 98%;
}
.expand_table_column{
	width:30%;
}
.expand_table_column_deleted{
	width:10%;
}
.first_td{
width:310px;	
}
.add_rows{
width:90%;
text-align:right;
}