body, ul, li, form, input, h1, h2, h3, h4, h5, h6, p ,table{
padding:0px;
margin:0px;
}
a:link{text-decoration:none; color:#666;}
body{width:100%; font-family:Verdana !important; font-size:13px;}
.clear {
clear:both;
}
.div-main {
	background:url(../images/main-bg.jpg); width:1155px; height:auto; margin: 21px auto;
}
.h_login{height:500px !important;}
.title{font-size:17px; }
.login_table{margin:0 auto;} .h150{height:150px;}
.email-middle{height: 251px; width: 451px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;}
.multi-select{width:250px;background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;}
.text-middle{height: 21px; width: 251px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A; padding: 1px 0px 1px 5px;}
.textarea-middle{width: 251px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A; padding: 1px 0px 1px 5px;}
.textarea-reason{width: 99%; height:200px;background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A; padding: 1px 0px 1px 5px;}
.text-middle2{height: 21px; width: 251px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;padding: 1px 0px 1px 5px;}
.text-middle3{height: 21px; width: 215px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;padding: 1px 0px 1px 5px;}
.text-middle4{height: 21px; width: 100px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;padding: 1px 0px 1px 5px;}
.text-middle5{height: 21px; width: 184px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;padding: 1px 0px 1px 5px;}
.text-middle1{height: 21px; width: 251px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;}
.multi-select-middle{width:250px;background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;}
.text-middlelog{height: 21px; width: 170px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;}
.select-middle{width:250px !important; height:27px !important;}
.select-middle-multi{width:251px !important;}
.select-middle2{width:260px !important; height:27px !important;}
.select-middle4{width:97px !important; height:27px !important;}
.select-middle5 {
    width: 53px !important;
    height: 27px !important;
}
.button{border:solid 2px #385d8a; background:#8eb4e3; color:#000000 !important; cursor:pointer; padding:3px; font-size:12px; font-weight:bold;}
.ui_button{border:solid 2px #385d8a; background:#8eb4e3; color:#000000 !important; cursor:pointer; padding:0px; font-size:12px; font-weight:bold;}
.button:hover{ background:#4f81bd;}
.login_box{width: 300px; margin: 0px auto; border: solid 4px #385D8A; padding: 11px; border-radius: 5px 5px 5px 5px; height:180px;}
.delete_button{ color:#666; cursor:pointer; padding:3px; font-size:12px; font-weight:bold; border:none; background:none; font-family:Verdana;}
/*========MESSAGE CSS==========*/
.message-box .success-box {
	/*-moz-border-radius:3px;*/
	background-color:#CDF6CD;	
	background-position:5px;
	background-repeat:no-repeat;
	border:1px solid #029B00;
	color:#006600;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:2px;
	padding:5px 5px 5px 28px;
}
.message-box .success-box a{ color:#8d0f0f; text-decoration:underline;}
.message-box .success-box a:hover{ text-decoration:none;}
.message-box .error-box {
	/*-moz-border-radius:3px;*/
	background-color:#ffbebe;	
	background-position:5px;
	background-repeat:no-repeat;
	border:1px solid #fe8c8c;
	color:#9a0000;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:2px;
	padding:5px 5px 5px 28px;
}
.message-box .error-box a{ color:#8d0f0f; text-decoration:underline;}
.message-box .error-box a:hover{ text-decoration:none;}


/*========LEFT LINK CSS=================*/

.left_panel ul{list-style:none; font-size:13px;}
.left_link{background:url('../images/left_button.png'); height:59px; width:131px; background-position:0 -6px; cursor:pointer;}
.left_link:hover{ background-position:0 -83px; font-weight:bold;}
.left_link div{width: 110px; text-align: center; line-height: 18px;}

.left_link_active{background:url('../images/left_button.png'); height:58px; width:131px; background-position:0 -83px; font-weight:bold; cursor:pointer;}

.left_link_active div{width: 110px; text-align: center; line-height: 18px;}

.last_link{height:61px !important;}

/*==========INNER PAGE CSS==============*/

.inner_div{border:solid 4px #385D8A; width:1130px; margin:11px; display:inline-table;}
.left_panel{/*border:solid 4px #385D8A;*/margin: 5px; padding: 5px 7px; width: 145px; float:left; height: 615px;}
.main_panel{border:solid 4px #385D8A; float:right; width:915px; height:auto; margin:5px; padding-top:11px; min-height: 605px;}
.content_title_td{width: 100%; text-align:center;overflow-x:hidden;}
.page_title{font-size: 16px; font-weight: bold; color: rgb(56, 93, 138);}
.link_title_td{text-align: right;}
.content{margin-left:39px;}
.content td{/*line-height:35px;*/line-height:20px;}
.td_fieldName{width:90px;}
.td_fieldName_big{width:119px;}
.retrieve_data{width:100%;}
.retrieve_data_small{width:85% !important; margin:0 auto !important;}
.retrieve_data tr{border:solid 1px; background:#ffffff;}
.retrieve_data th{background:#8EB4E3; padding:7px; text-align:center; }
.retrieve_data td{ /*padding:5px;*/padding:1px 5px; margin:0px;  border:1px solid #8eb4e3;}
.retrieve_data .tr_bg:hover{ background:#EEEEEE;}
ul{list-style:  none;}
.radio {margin : 10px 2px 0px 0px;}
ul.pageul li {    float: left;    list-style: none outside none;    margin: 0 5px;}
table{width:100%;
  border-spacing:0;
}
.text-date{height: 21px; width: 245px; background: none repeat scroll 0% 0% rgb(238, 238, 238); border:solid 3px #385D8A;}
/*===CROSS REFRENCE===*/
#site_location_div{width: 80%; margin: 0px auto;}
.w100{width:100%;}
.div_ref{border:solid 4px #385D8A; width:280px; height:400px; overflow:hidden; background:#FFFFFF; }
.div_ref_option{line-height:23px; cursor:pointer;}
.div_ref_option:hover{background:#385D8A; color:#FFF;}
.ref_select_button{cursor:pointer;}
#allLocation,#selectedLocation,#selectedUser,#allUser{border:none; width:110%; height:100%;}
#allUsers, #selectedUser, #allGroups,#selectedGroup{border:none; width:100%; height:100%; overflow-y:auto;}
.option{line-height:23px; cursor:pointer;}
.option:hover{background:#385D8A; color:#FFF;}
td .response{border:none;}
.response1{border:none;width:20%}
.add{border:none; background:url(../images/arrow_left.png) no-repeat; height:45px; width:48px;cursor:pointer;}
form {float:left;width:100%;}
.nav{margin-left:10px;}
/* =========== Evaluation Entry =================*/
#showHideDiv{border:2px solid #8eb4e3; position: absolute;}
.text_summary{height:100px; width:500px;border:solid 3px #385D8A;}
.parent{float:left;}
.child
{
    position: relative;
    left: 0;
    bottom: 0;
   /* background-color: black;*/
    opacity: 1;
    padding:10px;

    display:none;
}
.loader{background:url('../images/loader.gif') no-repeat; height:25px; width:25px; display:none;margin:auto;}
/*=============================*/

.red_text{color:#FF0000;}
.span_hint{color:#FF0000; display:none; font-size:9px;}
#searchdata{ cursor:pointer; padding-left:7px;}
#search_criteria{position: fixed; display: none; padding: 3px; border: 3px solid; background: none repeat scroll 0% 0% rgb(204, 204, 204); border-radius: 5px 5px 5px 5px; right:212px;}
#user_search_criteria{position: absolute; display: none; padding: 3px; border: 3px solid; background: none repeat scroll 0% 0% rgb(204, 204, 204); border-radius: 5px 5px 5px 5px; right:154px; z-index:1;top:128px;}
.search{ float:right;}
td.response1
{
	 border: medium none;
     display: table-cell;
     float: left;
     width: 157px;
     word-wrap: break-word;
}
.ques_res{word-wrap:break-word;}
.response1 .ques_res{ width:132px; }
.retrieve_data ul{word-wrap:break-word;}
.pos_res{width:185px; float:right; margin-top:6px;}
.retrieve_data li{ display:inline-block}
.text_date{ width:70px; border:solid 3px #385D8A; background: none repeat scroll 0% 0% rgb(238, 238, 238);padding-left:5px;}
.ui-datepicker-trigger{ margin-right:10px;}
.day,.week{ display:none;float:left}
/*=============================*/
.remove_gc_icon,.remove_case_icon{position:relative;top:5px;left:5px;}
.cases .text-middle{margin:2px;}
.group_label{width:136px;float:left;}
.case_label{width:136px;float:left;}
.groups.ui-accordion.ui-widget.ui-helper-reset > div,.scale.ui-accordion.ui-widget.ui-helper-reset > div{margin:2px;width:49%;}
.ui-accordion .ui-accordion-content > div{margin:5px 0;}
.ui-tabs-vertical .ui-tabs-nav{float:left;padding:.2em .1em .2em .2em;width:10em;}
.ui-tabs-vertical .ui-tabs-panel{float:right;width:34em;padding:0.2em;}
.ui-tabs .ui-tabs-nav li{width:100%;}
.template_tab_div,.template_tab, .retrieve_data ul.template_tab li{border:none;border-radius:0px;background:none;}
.retrieve_data ul.template_tab li a.ui-tabs-anchor{width:100%;}
.retrieve_data ul.template_tab li.ui-state-active > div, .retrieve_data ul.template_tab li.ui-state-active > a{border:1px solid #ddd;}
.retrieve_data ul.template_tab li.ui-state-active > a{border-right:none;}
#ui-datepicker-div{background:rgba(0, 0, 0, 0) url("../images/main-bg.jpg") repeat scroll 0 0;}
.searchform,.evaluatorform,.groupform,.formform,.evalueeform,.evaluationform,.taskform{position:absolute;height:262px;width:265px;background:rgba(0, 0, 0, 0) url("../images/main-bg.jpg") repeat scroll 0 0;padding:5px;display:none;border:1px solid #385d8a;}
.searchform ul,.evaluatorform ul,.groupform ul, .formform ul,.evalueeform ul,.evaluationform ul,.taskform ul{max-height:200px;max-width:99%;height:200px;overflow:auto;margin-bottom:5px;}
.search-query{margin-bottom:2px;}
.question_buttons{float:right;}
.searchselection,.groupselection,.formselection,.evalueeselection,.evaluationselection,.taskselection{width:250px;height:25px; cursor:pointer;}
.searchbyform{position:absolute;height:160px;width:265px;background:rgba(0, 0, 0, 0) url("../images/main-bg.jpg") repeat scroll 0 0;padding:5px;display:none;border:1px solid #385d8a;}
.searchbyform ul{max-height:35px;max-width:99%;height:35px;overflow:auto;margin-bottom:5px;}
.date_selection{height:95px;}
.evaluee_title{float:left;width:90%;}
.evaluation_title{float:left;width:92%;padding-left:15px;}
.location_title{float:left;width:100%;padding-left:15px;}
.evaluation_date{float:left;width:92%;padding-left:15px;}
.evaluation_title label{float:left;width:90%;}
.loading_style {display:none;}
.is_enable{
	padding:0 30px 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.review_delete_button{
		float:right;
		margin-right:20px;
		padding:0px 2px 0px 2px;
	}
}
.table_1{
	float:left;
	width:15%;
	margin-top:20px;
}
.table_2{
	float:left;
	width:85%;
}
.tableDiv_Arrays{
	float:left;
	width:100%;
}
.first_sublinks{
	display:none;
	left:100px;
	position:relative;
	top:-38px;
}
.left_link_active:hover > ul{
	display:block;
}
.left_link:hover > ul{
	display:block;
}
.left_link_active .left_link, .left_link:hover .left_link{font-weight:normal;}
.first_sublink:hover > ul{
	display:block;
}
.second_sublinks{
	display:none;left:100px;position:relative;top:-46px;
}
.left_link:hover .left_link:hover,.left_link_active:hover .left_link:hover{font-weight:bold;}
.third_sublinks{
	display:none;left:100px;position:relative;top:-46px;
}
.fourth_sublinks{
	display:none;left:100px;position:relative;top:-38px;
}
.fifth_sublinks{
	display:none;left:100px;position:relative;top:-38px;
}
.background {
    padding: 0; 
    margin: 0
}
.line1 {
    width: 41px !important;
    border-bottom: 3px solid #385d8a;
	transform:translateY(-25px) translateX(98px) rotate(45deg);
    -webkit-transform:translateY(-25px) translateX(98px) rotate(45deg);
    position: absolute;
    /* top: -20px; */
}
.line2 {
    width: 41px !important;
    border-bottom: 3px solid #385d8a;
	transform:translateY(4px) translateX(100px) rotate(-45deg);
    -webkit-transform:translateY(4px) translateX(100px) rotate(-45deg);
    position: absolute;
}
.line3 {
    width: 41px !important;
    border-bottom: 3px solid #385d8a;
	transform:translateY(-25px) translateX(98px) rotate(45deg);
    -webkit-transform:translateY(-25px) translateX(98px) rotate(45deg);
    position: absolute;
    /* top: -20px; */
}
.line4 {
    width: 41px !important;
    border-bottom: 3px solid #385d8a;
	transform:translateY(4px) translateX(100px) rotate(-45deg);
    -webkit-transform:translateY(4px) translateX(100px) rotate(-45deg);
    position: absolute;
}
.redoption{color:red;}