@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(droid.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(open_sans.woff) format('woff');
}	



body{
	background:#fff;
	padding:0px;
	font-family:Open Sans;
	margin:auto;
	font-size:12px;
	color:#454545 ;
}

body a{
	color:#565b2c;
	text-decoration:none;
	font-family:Open Sans;
	font-size:12px;
}
body a:hover{
	color:#565b2c;
	text-decoration:underline;
	font-family:Open Sans;
	font-size:12px;
}
body a img{
	border: none;
}
.bold{
	font-weight: bold;
	
}
.bordered{
	border: 1px solid #b6b9bc;	
}
.bordered-top{
	border-top: 1px solid #b6b9bc;	
}
.bordered-left{
	border-left: 1px solid #b6b9bc;	
}
.bordered-right{
	border-right: 1px solid #b6b9bc;	
}
.bordered-bottom{
	border-bottom: 1px solid #b6b9bc;	
}

/* Wrapper */
.wrapper{
	width: 960px;
	margin: auto;
}
/* End */

/* Header */
.header{	
	width:960px;
	height:55px;
	border:0px solid black;
	background:url('../images/Logo.jpg') no-repeat 0 0;
	background-size: 20em;
	background-position:0px 5px;	
	padding-top:30px;
	border:0px solid black;
	
}
.header2{	
	width:960px;
	height:50px;
	border:0px solid black;

	background-size: 30em;
	background-position:10px 5px;	
}
.report-header{
	width: 960px;
	height: 89px;
}
.report-title-container{
	background: #073d7f url('../images/right-panel-header-background.png') repeat-x;
	width: 710px;
	height: 20px;
	margin: 0 0 1px 0;
	padding: 2px 5px 0 5px;
	color: #ffffff;
}
.report-title-container a{
	color: #ffffff;
}
.report-title-container a:hover{
	color: #ffffff;
	text-decoration: underline;
}
.report-title-container img{

}
.report-title-container .title{
	font-family: Open Sans;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

.report-detail{
	background: #f3f4f8;
	width: 541px;
	height: 66px;
}
.report-detail .report-label{
	color: #565b2c;
	font-family:Open Sans;
}
.report-label{
	color: #565b2c;
	font-family:Open San;
	font-weight:bolder;
	font-size:12px;
	font-family:Open Sans;
}
.heading-title{
	font-family: Droid Serif;
	font-size: 16px;
	color: #565b2c;
}
.first-letter{
	font-size: 20px;
}
.report-name{
	font-family: Open Sans;
	font-size: 16px;
	color: #565b2c;
}
/* End */

/* Spacer */
.spacer-container{
	border-left: 1px solid #b6b9bc;	
	border-right: 1px solid #b6b9bc;	
	width: 960px;
	height: 30px;
}
/* End */

/* Breadcrumb */
.ul-breadcrumb{
	margin: 2px 0 0 0;
	padding: 0;
	list-style: none;
}
.ul-breadcrumb li{
	float: left;
}
.ul-breadcrumb li:before{
	content: '>';
	margin: 0 10px 0 10px;
}
.ul-breadcrumb li:first-child:before{
	content: '';
	margin: 0 10px 0 0;
}
/* End */
/* Report Table */
.report-heading{
	width: 100%;
	margin: auto;
}
.report-heading .icon{
	line-height: 2em;
}
.report-heading .title{
	margin-left: 10px;
	margin-top: -100px;
	font-size: 16px;
	font-family: Droid Serif;
	font-weight: bold;
	color: #565b2c;
	line-height: 2em;
}
.report-heading .title .first{
	font-size: 20px;
}
.report-data{
	border: 1px solid #b6b9bc;	
	
	width:100%;
	height:500px;
	overflow:hidden;
}
.report-data-2{
	border-left: 1px solid #b6b9bc;	
	border-right: 1px solid #b6b9bc;	
	width: 960px;
	height: 450px;
	overflow:auto;
}
.report-data-wrapper{
	background: url('../images/Background_960x622.jpg');
}
.report-data-wrapper2{
	background: url('../images/BackgroundNoBox_960x622.jpg');
}
.report-grid{
	width: 900px;
	margin: 0;
	padding: 0;
	height:300px;
	border-spacing:0;
	border-collapse:collapse;
	border: 1px solid #b6b9bc;	
}
.report-grid-950{
	width: 950px;
	margin: 0;
	padding: 0;
	border-spacing:0;
	border-collapse:collapse;
	border: 1px solid #b6b9bc;	
	height:450px;
	overflow:auto;
}
.report-grid-generic{
	width: 97%;
	margin: 0;
	padding: 0;
	height:auto;
	border-spacing:0;
	border-collapse:collapse;
	border: 1px solid #b6b9bc;	
}

.report-grid th, 
.report-grid-950 th,
.report-grid-generic th{
	background: #dfe1c2;
	margin: 0;
	padding: 0 5px 0 5px;
	border-left: 1px solid #b6b9bc;	
	border-bottom: 1px solid #b6b9bc;	
	line-height: 2em;
	font-size: 12px;
	font-family: Open Sans;
	text-align:center;
	
}
 
.all_cb_td , .the{
	background: #dfe1c2;
	margin: 0;
	
	border-left: 1px solid #b6b9bc;	
	border-bottom: 1px solid #b6b9bc;	
	line-height: 2em;
	font-size: 12px;
	font-family: Open Sans;
	text-align:center;
	
}
.report-grid .first-col, 
.report-grid-950 .first-col,
.report-grid-generic .first-col{
	border-left: none;
}
.report-grid .date-row, 
.report-grid-950 .date-row,
.report-grid-generic .date-row{
	border-top: 1px solid #b6b9bc;	
	line-height: 2em;
	text-align: center;
	background:#e9e9e9;
}
.report-grid .date-selected, 
.report-grid-950 .date-selected,
.report-grid-generic .date-selected{
	background: #fec9d3;
}
.report-grid .date-row td, 
.report-grid-950 .date-row td,
.report-grid-generic .date-row{
	border-right: 1px solid #b6b9bc;	
	font-family: Open Sans;
	font-weight: bold;
	font-size: 12px;
		
}

.report-grid .location-row, 
.report-grid-950 .location-row,
.report-grid-generic .location-row{
	border-top: 1px solid #b6b9bc;	
	border-bottom: 1px solid #b6b9bc;	
	line-height: 2em;
	background:#ffffff;
}
.report-grid .location-row td, 
.report-grid-950 .location-row td,
.report-grid-generic .location-row td{
	padding: 0 0 0 5px;
	color: #565b2c;
	font-weight: bold;
}

.report-grid .data-row, 
.report-grid-950 .data-row,
.report-grid-generic .data-row{
	padding: 5px;
	background:#dfe1c2;
	line-height: 2em;
	
}


.report-grid .data-row-alternate, 
.report-grid-950 .data-row-alternate,
.report-grid-generic .data-row-alternate{
	padding: 5px;
	background:#ffffff;
	line-height: 2em;
}
.report-grid .data-row td, 
.report-grid .data-row-alternate td, 
.report-grid-950 .data-row td, 
.report-grid-950 .data-row-alternate td,
.report-grid-generic .data-row td,
.report-grid-generic .data-row-alternate td{
	border-left: 1px solid #b6b9bc;	
	

	padding: 0 2px 0 5px;
	
	
}

.report-grid .data-row td input[type='checkbox'], 
.report-grid .data-row-alternate td input[type='checkbox'], 
.report-grid-950 .data-row td input[type='checkbox'], 
.report-grid-950 .data-row-alternate td input[type='checkbox'],
.report-grid-generic .data-row td input[type='checkbox'],
.report-grid-generic .data-row-alternate td input[type='checkbox']{
	margin: 5px;
}

.report-grid .data-row .first-col, 
.report-grid .data-row-alternate .first-col, 
.report-grid-950 .data-row .first-col, 
.report-grid-950 .data-row-alternate .first-col,
.report-grid-generic .data-row-alternate .first-col{
	border-left: none;
}
.report-grid .data-row .last-col, 
.report-grid .data-row-alternate .last-col, 
.report-grid-950 .data-row .last-col, 
.report-grid-950 .data-row-alternate .last-col,
.report-grid-generic .data-row-alternate .last-col{
	border-right: 1px solid #b6b9bc;	
}
/* End */



.s_title {
	font-family: Open Sans;
    background: url("../images/BlueArrow_9x9.png") no-repeat scroll 10px 4px transparent;
    color: #565b2c;
    font-size: 14px;
    font-weight: bold;
    padding-left: 25px;
}

/* Content */
.content{
	width:960px;
	height:622px;
	background:url('../images/Background_960x622.jpg');	
}
.content .left-panel{
    display: inline-block;
    height: 620px;
    width: 242px;
}
.content .content-panel-header{
	background: #073D7F url('../images/right-panel-header-background.png') repeat-x;
    color: #FFFFFF;
    font-family: Open Sans;
    font-size: 10px;
    font-weight: bolder;
    height: 22px;
    padding: 2px 0px 0 10px;
    width: 708px;
}
.content .content-panel-header a{
	color: #FFFFFF;
	font-weight: normal;
}
.content .content-panel{
    height: 594px;
    width: 718px;
	overflow-y: auto;
}
.content .content-panel .right-panel-report-content{
	height: 550px;
	padding: 0px;
	overflow:hidden;
	width:100%;
}
/* End */


/* Left */
.content .left-panel-header{
	background: #CFE4FB url('../images/left-panel-header-background.png') repeat-x;
	font-family:Open Sans;
    color: #FFFFFF;
	height: 20px;
	width: 240px;
    padding: 2px 0px 0 0;
	border: 1px solid #B6B9BC;
}

.left-panel-buttons-group{
	list-style: none;
	margin: 10px;
	padding: 0;
}
.left-panel-buttons-group li{
	clear: both;
	height: 50px;
}

.left-select-group{
	list-style: none;
	margin: 10px;
	padding: 0;
}

.left-select-group li{
	clear: both;
	height: 30px;
}
.left-panel-buttons-group li a{
	font-size: 14px;
	font-family: Open Sans;
}
.left-panel-buttons-group .image-link{
	float: left;
}
.left-panel-buttons-group .image-link:hover{
	text-decoration: none;
}
.left-panel-buttons-group .text-link{
	margin: 6px 0 0 10px;	
	float: left;
	width: 180px;
}
.left-panel-menu{
}
.left-panel-footer{
	background: url('../images/left-panel-footer-background.png') repeat-x 0 0;
	height: 42px;
	width: 240px;
	border: 1px solid #B6B9BC;
	text-align: center;
	padding-top: 10px;
}
.left-panel-footer span{
	font-family: Droid Serif;
	font-size: 15px;
	color: #565b2c;
	line-height: 1.2em;
}
/* End */

/* Activity Selection */
.activity-selection-detail{
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing:0;
	border-collapse:collapse;
	border: 1px solid #b6b9bc;	
}
.activity-selection-detail th{
	background: #dfe1c2;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;	
	border-bottom: 1px solid #b6b9bc;	
	line-height: 2em;
	font-size: 12px;
	font-family: Open Sans;
	text-align: center;
}
.activity-selection-detail tr{
	padding: 5px;
	background:#ffffff;
	line-height: 2em;
}
.activity-selection-detail td{
	padding: 0 0 0 5px;
	text-align: center;
}
.activity-selection-filter{
	padding: 10px 5px 5px 5px;
	border: 1px solid #b6b9bc;	
	background:#dfe1c2;
	height: auto;
}

.activity-selection-grid{
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing:0;
	border-collapse:collapse;
	border: 1px solid #dfe1c2;	
}
.activity-selection-grid th{
	background: #dfe1c2;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;	
	border-bottom: 1px solid #b6b9bc;	
	line-height: 2em;
	font-size: 12px;
	font-family: Open Sans;
}
.activity-selection-grid tr{
	padding: 5px;
	background:#ffffff;
	line-height: 2em;
}
.activity-selection-grid .alternate{
	padding: 5px;
	background:#dfe1c2;
	line-height: 2em;
}
.activity-selection-grid td{
	padding: 0 0 0 5px;
	text-align: left;
}

.report_select{
	padding-top:40px;
	width:80%;
	text-align:left;
	margin:auto;
	padding-top:0px;
	padding-left:40px;
	padding-bottom:30px;
	background:#fff;
	margin:40px;
	margin-top:20px;
	margin-left:80px;
	border-radius:8px;
 }
 .report_select td{
	padding-top:20px;
	font-family:Open Sans;
	font-weight:bolder;
 }
 .report_select td select{
	
	height:30px;
	width:300px;
	vertical-align:bottom;
	text-align:bottom;
	font-size:14px;
	color:#454545;
	line-height:30px;
	font-family:inherit;
	
	
 }
 .report_select td select ,option{ 
	
	padding:0px;
	margin:0px;
	
	
 }
 
 .activity-selection-grid{
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing:0;
	border-collapse:collapse;
	border: 1px solid #b6b9bc;	
}
.activity-selection-grid th{
	background: #dfe1c2;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;	
	border-bottom: 1px solid #b6b9bc;	
	line-height: 2em;
	font-size: 12px;
	font-family: Open Sans;
}
.activity-selection-grid tr{
	padding: 5px;
	background:#ffffff;
	line-height: 2em;
}
.activity-selection-grid .alternate{
	padding: 5px;
	background:#dfe1c2;
	line-height: 2em;
}
.activity-selection-grid td{
	padding: 0 0 0 5px;
	text-align: left;
}

 #column_one
 {
	width:5px;
 }
 
 #placeholderLeft
 {
	float:left;height:80px;padding-right:3px; padding-left:3px; border-top:1px solid #073D7F;border-left:1px solid #073D7F;border-bottom:1px solid #073D7F; background-color:#CFE4FB
 }
 
 
 	#loginbtn {
		cursor:pointer;background:transparent url(../images/Button_SignIn-OFF_100x27.jpg) no-repeat;
		width:104px;
		height:28px;
		border:0;
		margin-top:0px;
		margin-left:10px;
	}
	#loginbtn:hover{
		cursor:pointer;
		background:transparent url(../images/Button_SignIn-ON_100x27.jpg) no-repeat;
		width:104px;
		height:28px;
		border:0;
		margin-top:0px;
		margin-left:10px;
	}
	
	#signup{
	
		cursor:pointer;background:transparent url(../images/Button_SignUp-OFF_249x38.png) no-repeat;
		width:249px;
		height:38px;
		border:0;
		margin-top:0px;
		margin-left:10px;
	}
	#signup:hover{
	
		cursor:pointer;background:transparent url(../images/Button_SignUp-ON_249x38.png) no-repeat;
		width:249px;
		height:38px;
		border:0;
		margin-top:0px;
		margin-left:10px;
	}
	.menu {
		color:#565b2c;
	}
	.menu a{
		color:#565b2c;
		padding-right:5px;
		padding-left:5px;
	}
	.menu a:hover{
		color:#565b2c;
		padding-right:5px;
		padding-left:5px;
	}
	.menu .selected{
		color:#bd6d00;
	}
	
	.content_sub1{
		background:transparent url(../images/Graphic_3Containers_299x386.png) no-repeat;
		display:inline-block;
		
		margin-left:14px;
		width:299px;
		height:386px;
		border:0px solid black;
		vertical-align:top;
		
	}
	
	.content_sub1 img{
	   
	   margin-top: 30px; 
	   margin-left:30px;
	   
	   border:0px solid black;
	}
	.content_sub1 ul{
		border:0px solid black;width:299px;
		margin-top:0px;display:inline-block;
		padding:0px;
		list-style-image: url('images/Graphic_Bullet_8x9.png');
		list-style-position:inside;
		font-size:11px;
		color:#515151;
	}
	.content_sub1 li{
		font-family:Open Sans;
		border-bottom:1px solid #e8e9de;
		height:50px;
		
		padding-left:15px;
		line-height: 50px;
		
		

	}
	.content_sub1 span{
		text-align:center;
		margin-top:10px;
		display:inline-block;
		padding:10px;
		border-top:1px solid #e8e9de;
		width:275px;
		color:#515151;
		
		
	}
	
	.content_sub1 .view{
		
		width:278px;
		
		margin:0px;
		padding-left:15px;
		color:#565b2c;
		font-weight:bolder;
		cursor:pointer;
		background:transparent url(../images/Button_Arrow-OFF_33x10.png) right no-repeat;
	}
	.content_sub1 .view:hover{
		width:278px;
		margin:0px;
		padding-left:15px;
		color:#565b2c;
		font-weight:bolder;
		cursor:pointer;
		background:transparent url(../images/Button_Arrow-ON_33x10.png) right no-repeat;
	}
	.footer{
		height:20px;
		line-height:20px;
		vertical-align:bottom;
		margin:auto;
		margin-top:10px;
		
		background:#575A2D;
		text-align:right;
		color:#fff;
		font-family:Open Sans;
		
		font-size:11px;
		padding-top:8px;
		padding-right:10px;
		
	}	
	
	/*Page Slider*/

#imageslider {
	text-align:center;
	width:935px;
	margin:auto;
	height:320px;
}

#imageslider .image {
	display: none;
}

#imageslider .image.first {
	display: block;
}

#dots {
	float: right;
	margin: 3px 2px;
	padding-right:10px;
}

#dots .item {
	height: 9px;
	width: 12px;
	float: left;
	margin-right: 5px;
	cursor: pointer;
	border: 1px solid #ccc;
	background-color: #fff;
	
	-webkit-box-shadow: 1px 1px 2px 0px rgba(100, 100, 100, .3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(100, 100, 100, .3);
	box-shadow: 1px 1px 2px 0px rgba(100, 100, 100, .3);
}

#dots .item.activeSlide {
	background-color: #9da839;	
}

#dots .item.last {
	margin-right: 0;
}
	
	/* Mask for background, by default is not display */
#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

/* You can customize to your needs  */
.login-popup{
	display:none;
	background: url(../images/Graphic_LoginBkgd_462x222.png) no-repeat;
	
	padding: 0px; 	
	border: 0px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	
	width:462px;
	height:222px;
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close { 
	
	
}

fieldset { 
	margin-top:20px;
	margin-left:40px;
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:inline-block;
	width:120px;
	
	color:#565b2c;
	font-size:12px;
	
	border:0px solid black;
}

form.signin p, form.signin span { 
	
	font-size:11px; 
	line-height:18px;
} 

form.signin .textbox input { 

	border-bottom:1px solid #e8e9de;
	border-left:1px solid #e8e9de;
	border-right:1px solid #e8e9de;
	border-top:1px solid #e8e9de;
	
        border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}


.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
        border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}
.button:hover { background:#ddd; }
#username{
	border:1px solid #565b2c;
}
#password{
		border:1px solid #565b2c;
}
