/*==========================================================================
Importing Normalize.css v1.0.0
==========================================================================*/
@import url("normalize.css");
/*==========================================================================
MAIN CSS
==========================================================================*/
body {
	width:100%;
	background:#9A0000;
}
#wrapper {
	width: 100%;
	height: 1%;
	position: relative;
}
#wrapper:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 0 0 205px;
}
#content #header {
	background:#FFD300;
	height:80px;
	padding-top:20px;
	position:relative;
}
#content #header h1 {
	font-size:100%;
	text-align:center;
	color:#940A00;
	margin:0;
	padding:0;
}
.logout {
	position:absolute;
	right:25px;
	top:18px;
}
.logout a{
	background:transparent url(../images/signout.png) no-repeat center center;
	display:block;
	width:39px;
	height:41px;
	text-indent:-99999px;
	text-decoration:none;
}
.lined {
	background:transparent url(../images/bg_line.png) repeat-x left center;
	text-align:left;
	height:26px;
	font-size:13px;
	color:#EAEAEA;
	line-height:30px;
	margin:0;
	padding:4px 0 0 0;
	position:relative;
}

.lined span a {
	color:#EAEAEA;
	height:26px;
	font-size:13px;
	text-decoration:none;
	position:absolute;
	right:20px;
}

.lined span.toright {
	color:#EAEAEA;
	height:26px;
	font-size:13px;
	text-decoration:none;
	position:absolute;
	right:20px;
}

.lined span.highlight {
	color:#CCC;
	font-size:12px;
}

.rightside a {
	color:#666666;
	font-size:12px;
	text-decoration:none;
    font-weight:bold;	
	float:right;
	clear:left;
	margin-right:10px;
}

.rightside a:hover {
	text-decoration:underline;
}

#gen_values {
	margin:10px 0;
	max-width:600px;
	color:#FFF;
	font-size:12px;
}
#gen_values table {
	margin-left:5px;
}
#gen_values table th {
	font-size:13px;
	padding:3px 0;
	text-align:center;
	}
#gen_values table td {
	font-size:12px;
	padding:3px 0;
	height: 25px;
	line-height:25px;
	text-align:center;
	border-bottom:1px solid #FFF;
	}
.textcenter {
	text-align:center !important;
}
.textleft {
	text-align:left !important;
	padding-left:15px;
}
.textright {
	text-align:right !important;
}

#sideLeft {
	float: left;
	width: 205px;
	margin-left: -100%;
	position: relative;
	background: transparent url(../images/sidebar.png);
	height:650px;
}
#sideLeft .sidebar_logo {
	background: transparent url(../images/sidebar_logo.png);
	display:block;
	clear:both;
	margin:50px auto 0 auto;
	text-align:center;
	width:147px;
	height:88px;
}
div.inner_links {
	text-align:center;
	margin:25px auto;
}
div.inner_links > div {
	display:inline-block;
	*display:inline;
	margin:5px;
}
div.inner_links > div a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
div.inner_links > div a.selected {
	text-decoration:underline;
}
div.inner_links > div a:hover {
	text-decoration:underline;
}
div.inner_links > div a img{
	border:none;
}
.creationform{ 
	margin:20px 15px;
}
.creationform label{
     font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 font-weight:bold;
	 color:#FFFFFF;  
	 margin:0 10px 0 0;
}
.input_txt{
	 border:1px solid #ABABAB;
	 background:#EAEAEA;
	 height:20px;
	 line-height:20px;
	 font-size:12px;
	 padding:0 5px;
	 width:150px;
}

.input_file {
	border:none;
	background:none;
}

.select_box{
	 border:1px solid #ABABAB;
	 background:#EAEAEA;
	 font-size:12px;
	 width:161px;
	 height:21px;
	 line-height:21px;
}

.multiselect_box{
	 border:1px solid #ABABAB;
	 background:#EAEAEA;
	 font-size:12px;
	 width:160px;
	 height:65px;
}

.textarea{
	 border:1px solid #ABABAB;
	 background:#EAEAEA;
	 font-size:12px;
	 width:97%;
	 clear:both;
	 padding:5px;
	 height:80px;
}

div.main_block {
	display:block;
	margin:5px;
	clear:both !important;
}
div.main_block label{
	text-align:left;
	clear:both;
	display:block;
	padding-bottom:2px;
}


div.block1 {
	display:inline-block;
	*display:inline;
	margin:5px;
	vertical-align:top;
	clear:right !important;
}
div.block1 label{
	text-align:left;
	clear:both;
	display:block;
	padding-bottom:2px;
}
label.error {
	display:none ;
	visibility:hidden ;
	margin:0 ;
	padding:0 ;
	height:0 ;
	position:absolute ;
}
input.error , select.error, textarea.error {
	background:#F99;
	border:1px solid #666
}
.dataTable {
	font-size:12px !important;
}
/*
==========================================================================
Media Type iPads (landscape)
========================================================================== 
*/
@media (max-device-width: 1024px) and (orientation: landscape) {

}
/*
==========================================================================
Media Type iPads (portrait)
@media (max-device-width: 768px) and (orientation: portrait) {
========================================================================== 
*/
@media screen and (max-width: 768px) {

}
/*
==========================================================================
Media Type Desktops and laptops
========================================================================== 
*/
@media screen and (max-width: 1024px) {
} 
/*
==========================================================================
Media Type iPhone 4
========================================================================== 
*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

}

/* Start Tooltips */
.tip-yellowsimple{z-index:1000;text-align:left;border:1px solid #c7bf93;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;min-width:20px;max-width:auto;color:#000;text-shadow:1px 1px 1px #ddd;background-color:#fff9c9;padding:6px 8px}
.tip-yellowsimple .tip-inner{font-size:12px;line-height:1.2em}
.tip-yellowsimple .tip-arrow-top{margin-top:-6px;margin-left:-5px;top:0;left:50%;width:9px;height:6px;background:url(../images/tip-yellowsimple_arrows.gif) no-repeat}
.tip-yellowsimple .tip-arrow-right{margin-top:-4px;margin-left:0;top:50%;left:100%;width:6px;height:9px;background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -9px 0}
.tip-yellowsimple .tip-arrow-bottom{margin-top:0;margin-left:-5px;top:100%;left:20px;width:9px;height:6px;background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -18px 0}
.tip-yellowsimple .tip-arrow-left{margin-top:-4px;margin-left:-6px;top:50%;left:0;width:6px;height:9px;background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -27px 0}
/* End Tooltips */

/* Helper css */
.dataTable img, .dataTable a{
	border:none;
	text-decoration:none;
}

.no_javascript {
	height:100%;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:99999999 !important;
	background-color:black;
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
	overflow:hidden;
}
.no_javascript div{
	border:1px solid #F00;
	padding:10px 0;
	color:#FFF;
	font-size:18px;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	margin-top:20%;
	width:70%;
	background-color: #333;
}


.ajax_call {
	height:100%;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:99999999 !important;
	background-color:black;
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
	overflow:hidden;
	display:none;
}
.ajax_call div{
	border:1px solid #0F0;
	padding:10px 0;
	color:#FFF;
	font-size:18px;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	margin-top:20%;
	width:70%;
	background-color: #333;
}

/* CSS BUTTONS 
---------------------------------------------- */
.jbtn {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
}
.jbtn:hover {
	text-decoration: none;
}
.jbtn:active {
	position: relative;
	top: 1px;
}

.jbigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.jlarge {
	font-size: 13px;
	padding: .6em 2.5em .68em;
}
.jmedium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.jsmall {
	font-size: 11px;
	padding: .2em 1em .275em;
}
.jmini {
	font-size: 11px;
	padding: .1em ;
	width:56px;
}

/* color styles 
---------------------------------------------- */

/* black */
.jblack {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.jblack:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.jblack:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.jgray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.jgray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.jgray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.jwhite {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.jwhite:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.jwhite:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.jorange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.jorange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.jorange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.jred {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.jred:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.jred:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.jblue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.jblue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.jblue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.jrosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.jrosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.jrosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.jgreen {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.jgreen:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.jgreen:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.jpink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.jpink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.jpink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}
/* END OF BUTTONS */

.table {
	vertical-align: top;
}
.table table {
	border:none;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
.table td, .table tr{
	vertical-align:top !important;
	text-align:left;
}
.table .checkbox {
	margin:0 2px;
}
.cat_color {
	min-width:80px;
	padding:1px 2px 5px !important; 
}
.cat_color span{
    background-color:#FFCC00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-align:center;
	vertical-align:top;
	display:block;
}

.sub_color {
	width:110px;
	padding:0 2px 5px 2px !important;
}
.sub_color a{
    background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	text-align:center;
	vertical-align:top;
	display:block;
	text-decoration:none;
	padding:3px !important;
}

.sub_color2 {
	width:110px;
	padding:0 2px 5px 2px !important; 
}
.sub_color2 a{
    background-color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CCCCCC;
	text-align:center;
	vertical-align:top;
	display:block;
	text-decoration:none;
	padding:3px !important;
}

.survey_header{
    background-color: #FFCC00;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 20px;
    width: 160px;	
}
.survey_detail{
    background-color:#FFFFFF;
	width:160px;
	min-height:25px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding:10px 0 0 20px;
	font-weight:bold;
}

.popup_header{
    background-color: #FFCC00;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    padding:10px;
    width: 260px;	
}
.popup_detail{
    background-color:#FFFFFF;
	width:260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding:10px;
	font-weight:bold;
}

.popup_detail th{
	text-align:left;
	font-size:12px;
	padding:2px 0;
}

.popup_detail td{
	text-align:right;
	font-size:12px;
	padding:2px 0;
}

.staff_heading{
	display:block; 
    background-color: #FFCC00;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    padding: 0 0 0 20px;
    width:354px;
	word-break: break-word;	
}
.staff_heading span{
    float:right;
	padding-right:20px;  
}
.staff_heading a{
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
    text-decoration:none;
}
.staff_heading_full{
	display:block; 
    background-color: #FFCC00;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    padding: 0 0 0 20px;
	margin: 0 0 0 6px;
    width: 768px;
	word-break: break-word;	
}
.reason_heading{
	display:block; 
    background-color: #FFF;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    padding: 0 0 0 20px;
	margin: 0 0 7px 6px;
    width: 768px;
	word-break: break-word;	
}
.remark_heading{
    background-color:#FFCC00;
	width:96.1%; 
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	padding:10px 0 0 20px;
	margin-left:5px;
	font-weight:bold;
}
.remark_textarea{
	width:100%;
	margin-left:5px;
}
.textarea2{
   background:#EAEAEA;
   width:95.8%;
   height:80px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   border:1px solid #ABABAB;
   clear:both;
   padding:5px 10px;
 
}
.table_space{
    width:374px;
    margin:4px 0 0;
}
.table_space .tb{ 
    width:100%;
  	vertical-align: top;
    border:none;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	border:1px solid #000;
}
.table_space .tb thead{
    background-color:#666666;
	font-size:12px;
	color:#FFF;
	border:1px solid #000;

}

.table_space .tb thead td{
     padding:5px 5px 5px 5px;
	 color:#FFF;
	 border-bottom:1px solid #252525;
} 

.table_space .tb tbody{
     background-color:#ccc;
}
.table_space .tb td{
     padding:5px 5px 5px 5px;
	 color:#666666;
	 border-bottom:1px solid #252525;
	 vertical-align:top;
} 

.table_space .tb tbody tr:hover td{
	background-color:#A2A2A2;
	cursor:pointer;
	color:#FFF;
} 

.table_space2{
    width:374px;
    margin:4px 0 0;
}
.table_space2 .tb{ 
    width:100%;
  	vertical-align: top;
    border:none;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}
.table_space2 .tb thead{
    background-color:#666666;
	font-size:12px;
	color:#FFF;
}

.table_space2 .tb thead td{
     padding:5px 5px 5px 5px;
	 color:#FFF;
	 border-bottom:1px solid #252525;
} 

.table_space2 .tb tbody{
     background-color:#ccc;
}
.table_space2 .tb td{
	 width: 250px;
     padding:5px 5px 5px 5px;
	 color:#666666;
	 border-bottom:1px solid #252525;
	 word-break: break-word;
     vertical-align: top;
} 
.table_space_full{
    width:789px;
    margin:0 auto;
}
.table_space_full .tb{ 
    width:100%;
  	vertical-align: top;
    border:none;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}
.table_space_full .tb thead{
    background-color:#666666;
	font-size:12px;
	color:#FFF;
}

.table_space_full .tb thead td{
     padding:5px 5px 5px 5px;
	 color:#FFF;
	 border-bottom:1px solid #252525;
} 

.table_space_full .tb tbody{
     background-color:#fff;
}
.table_space_full .tb td{
	 width:250px;
     padding:5px 5px 5px 5px;
	 color:#666666;
	 vertical-align:top;
	 border:1px solid #D1D1D1;

} 

.table_space_full .tb tbody tr:hover td{
	background-color:#A2A2A2;
	cursor:pointer;
	color:#FFF;
} 

/* Jquery Model Popup CSS*/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
/* END OF POPUP*/

/* Jquery datepicker large size issue hack */
.ui-datepicker {font-size:11px !important;}


/* date CSS*/
.date
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
}
/* END OF POPUP*/

.tbl {
	border:1px solid #CCCCCC;
	margin-left: 5px;
    width: 98.5%;
}
.tbl th{
	background-color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align:left;
	vertical-align:top;
}
.tbl td{
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#666666;
	border:1px solid #CCCCCC;
}
.tb2 {
	border:1px solid #CCCCCC;
	background-color:#FFD300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	height:30px;
	color:#666666;
	margin-left: 5px;
    width: 98.5%;
}
.tb3{
	width:100%;
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#666666;
}
.tb4 {
	width:100%;
	border:1px solid #CCCCCC;
}
.tb4 thead tr td{
	background-color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
}
.tb4 tbody tr td{
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#666666;
	border:1px solid #CCCCCC;
}
.tb5 {
	width:100%;
	border:1px solid #CCCCCC;
}
.tb5 th{
	background-color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border:1px solid #CCCCCC;
	padding:4px 0;
}
.tb5 td{
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#FF0000;
	border:1px solid #CCCCCC;
	padding:4px 0;
}
.theading
{
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
	font-weight:bold;
    color:#666666;
	border:1px solid #CCCCCC;
}
.theading1
{
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
	font-weight:bold;
	color:#FF9900 !important;
	border:1px solid #CCCCCC;
}
.select_box1{
	 border:1px solid #ABABAB;
	 background:#EAEAEA;
	 font-size:12px;
	 width:80px;
	 height:21px;
	 line-height:21px;	
}
.dheading
{
	width:175px;
	background-color:#FFD300 !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
	font-weight:bold;
	color:#666666 !important;
	margin-bottom:2px;
	text-align:left;
	padding:2px;
}
.dheading a {
	color:#666666 !important;
	text-decoration:none;
}

.dheading1 {
	width:175px;
	background-color:#666666 !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
	font-weight:bold;
	color:#FFFFFF !important;
	margin-bottom:2px;
	text-align:left;
	padding:2px;	
}
.dheading1 a {
	color:#FFF !important;
	text-decoration:none;
}

.headcount {
	width:180px;
	background-color:#666666 !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	color:#FFFFFF !important;
	margin-bottom:2px;
	text-align:left;
	padding:2px 2px 2px 5px;
}
.headcount input {
	width:95%;
	background:#ABABAB;
	border:1px solid #D5D5D5;
	margin:5px 0;
}
.headcount_heading {
	padding:0 0 2px 0;
	margin:10px 0;
	text-align:left;
	font-size:13px;
	color:#FFF;
	border-bottom:3px double #ABABAB;
}
.stander
{
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif !important;
    font-size:14px !important;
	font-weight:bold !important;
    color:#000000 !important;
}
.shift
{
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif !important;
    font-size:13px !important;
	font-weight:bold !important;
    color:#0000FF !important;
}
.mapping {
	width:400px;
}
.mapping .listed {
	height:150px;
	color:#2D2D2D;
	font-size:11px;
}
.mapping th{
	color:#FFF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	height:20px;
	line-height:20px;
}
.mapping td{
	color:#FFF;
	text-align:left;
	font-size:12px;
	height:30px;
	line-height:30px;
}

div.error_div {
	color:#C7C7C7;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:italicl;
	padding:10px 5px;
	border:1px solid #575757;
	margin-bottom:5px;
	background:#030303;
}

.white_font {
	color:#FFF;
	font-size:12px;
	vertical-align:bottom;
}


.customers_detailed {
	width:100%;
	border:1px solid #CCCCCC;
}
.customers_detailed th{
	background-color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border:1px solid #CCCCCC;
	padding:4px 0;
	text-align:left;
	padding-left:10px;
}
.customers_detailed td{
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#666666;
	border:1px solid #CCCCCC;
	padding:4px 0 4px 10px;
}
.clear {
	clear:both;
	float:none;
}

.box{
	background:#EAEAEA;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:5px;
	margin:10px;
	font-size:12px;
	}

/* == Backup == */
#backup {
	margin:5px 10px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#backup a {
	color:#424242;
	text-decoration:none;
}
#backup a:hover {
	text-decoration:underline;
}

#backup .db-backup{height:65px;width:230px;float:left;position:relative;margin-right:20px;background-image:url(../images/db-old-bg.png);background-repeat:no-repeat;margin-top:5px;margin-bottom:5px}
#backup .db-backup.new{background-image:url(../images/db-new-bg.png)}
#backup .db-backup.new .download{color:#030303;font-weight:bold;}
#backup .db-backup .filename{position:absolute;top:15px;left:60px;color:#000}
#backup .db-backup .download{display:block;position:absolute;left:60px;top:35px;background-image:url(../images/save2.png);background-repeat:no-repeat;background-position:left;padding-left:20px}
#backup .db-backup .delete{display:block;position:absolute;top:35px;right:10px;background-image:url(../images/delete2.png);background-repeat:no-repeat;background-position:left;padding-left:20px}



/* == Messages == */
#msgholder,#alt-msgholder{width:auto;overflow:hidden;position:relative;z-index:8000;display:inline-block;
margin:5px 10px;font-size:12px;}
.msgAlert,.msgInfo,.msgError,.msgOk{background-image:url(../images/msg-bg.png);border:3px;color:#fff;-webkit-text-shadow:#444 -1px -1px;-moz-text-shadow:#444 -1px -1px;text-shadow:#444 -1px -1px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border-style:solid;padding:8px 10px}
.msgAlert{background-color:#7b3700;border-color:#4b2b10}
.msgAlert span{background-image:url(../images/alert-ico.png)}
.msgInfo{background-color:#315862;border-color:#29363a}
.msgInfo span{background-image:url(../images/info-ico.png)}
.msgError{background-color:#801c1c;border-color:#721d1d}
.msgError span{background-image:url(../images/error-ico.png)}
.msgOk{background-color:#486231;border-color:#323e26}
.msgOk span{background-image:url(../images/ok-ico.png)}
.msgError span,.msgOk span,.msgAlert span,.msgInfo span{background-repeat:no-repeat;background-position:0 center;display:inline-block;padding-right:5px;padding-left:25px;font-weight:700}
.msgError .error li{background-image:url(../images/required2.png);background-repeat:no-repeat;background-position:left 6px;padding-left:15px;margin-left:15px}



.head_table {
	float:right;
	border:1px solid #CCCCCC;
	width:300px;
	margin: 0 7px 5px 0;
}
.head_table th{
	background-color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align:left;
	vertical-align:top;
	padding:5px;
}
.head_table td{
	background-color:#FFFFFF !important;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#666666;
	border:1px solid #CCCCCC;
}