@charset "utf-8";
/* CSS Document */
BODY{
	margin:0px; padding:0px; font:normal 11px verdana; background:#f6f6f6;}
#navbar{
	background:url(../../images/top-bar-bg.jpg) repeat-x; height:33px;}

#navbar ul{
	float:left;
	margin:0px;
	padding:0px;
	width:70%;}

#navbar ul li{
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:left;
	display:block;}
#navbar ul li a{
	display:block;
	float:left;
	background:url(../../images/tab-divider.jpg) no-repeat right top;
	text-align:center;
	padding:8px;
	height:17px;
	color:#fff;
	font:bold 11px verdana;
	text-decoration:none;
	}

#navbar ul li a.active, #navbar ul li a:hover{background:url(../../images/tab-hover.jpg) repeat-x;}


.colpanel{
	width:12px;
	background:url(../../images/side-bar-stripe.jpg) repeat-y;}
#h_toggle{
	outline:none;}
#horizontal_slide{
	width:212px;}
.footer{
	border-top:2px solid #1f4c81;
	padding:6px 0px 20px 0px; 
	text-align:center;
	color:#646262;
	font-family:Arial;
	font-size: 15px;
}

.footer a{color:#646262; text-decoration:none;}

.page-title{
	height:59px;
	border-bottom:1px solid #48467f;
	background:url(../../images/heading-bg.jpg) repeat-x;}
	
.page-title-img{
	float:left;
	width:200px;
	padding:21px 0px 0px 7px;
}

.page-title-txt{
	float:left;
	width:200px;
	font:bold 26px verdana;
	color:#FF8C00;
	text-decoration:none;
	padding:21px 0px 0px 7px;
}

.logo{
	float:right;
	}
.logo a{
	display:block;
	text-indent:-999em;
	outline:none;
	background:url(../../images/logo_login.jpg) no-repeat;
	cursor:default;
	width:155px;
	height:59px;}
.breadcrumb{
	padding:4px 4px 4px 7px; font:bold 16px arial;}

.breadcrumb span{
	font:normal 11px arial;}
.breadcrumb span a{
	color:#000;}
.breadcrumb img{margin:0px 4px 0px 4px;}

.user-name{
	font:bold 14px arial; color:#1f4c81; padding:4px;}
.user-detail{border-bottom:2px solid #48467f; padding:4px;}
.user-detail img{border:2px solid #204f88;}
.user-detail a{ font:bold 14px arial; color:#48467f;}
.user-detail a.edit-detail{ display:block; padding:4px 4px 4px 35px; background:url(../../images/edit.jpg) no-repeat left; margin-bottom:10px;}
.user-detail a.logout{ display:block; padding:4px 4px 4px 35px; background:url(../../images/logout.jpg) no-repeat left;}

.detail-nav{font:bold 11px arial;}
.detail-nav a{font:bold 13px arial; color:#48467f; display:block; padding:8px;}
a.selected{color:#fff; background:url(../../images/tab-hover.jpg) repeat-x}

.milestone-elements {font:bold 12px arial; color:#fff; background:#204f88; display:block; padding:5px; margin-top:5px;}
.milestone-elements-links a{ display:block; background:#f0f0f0; border:1px solid #dfdfdf; width:90%; margin:auto; padding:4px; margin-top:4px; font:bold 11px arial; color:#204f88; text-decoration:none;}
.milestone-elements-links a:hover{color:#F00;}
.milestone-elements-links a.selected{color:#F00;}
#container{border:1px solid #1f4c81; width: 99%; height:200px; margin:auto; overflow:auto;}
#container .heading{font:bold 12px arial; color:#48467f; height:15px; padding:6px 0px 0px 6px;}
#container .heading a{font:bold 12px arial; color:#48467f;}
.heading-bg{height:15px;  padding:4px 0px 0px 10px; border-top:1px solid #1f4c81; border-bottom:1px solid #1f4c81; background:url(../../images/main-divider.jpg) repeat-x; margin-bottom:5px; font:bold 12px arial; color:#48467f;}
.heading-bg span{display:block; float:left; margin:0px 60px 0px 0px}
.detail{font:bold 11px arial; color:#48467f;}
.detail .inputbox{font:bold 11px arial; color:#FFF; width:20px; height:12px; background:#5E767E; border:1px solid #1f4c81;}
.dropdown{font-size: 10px; color: #fff; verdana; height:18px; background:#5E767E; border:1px solid #1f4c81;}

.prborder{
	border:2px solid #ccc; width:95%; margin:10px auto 10px auto;}

.borderRight{border-right:1px solid #ccc;}
.white{color:#fff;}
.red{color:#F00;}
.clearMargin{
	margin-bottom:0px;}
table.range-statement td{
	border-right:1px solid #204f88; border-bottom:1px solid #204f88; font:bold 11px arial;
	}
.range-statement input{ background:none; border:1px solid #1f4c81;}
.progress-bar{ margin:0px 0px 0px 0px; font:bold 12px arial; padding:6px; color:#48467f;}
.progress-bar table td {background:#5E767E; }
.pr-col1{background:#b3e2f0;}.pr-col2{background:#f59703;}.pr-col3{background:#65a30c;}.pr-col4{background:#ffff00;}.pr-col5{background:#ceaf91;}
.progress-bar div{height:12px;}

#.bot-buttons table td{background:transparent; padding:8px;}
.bot-buttons{
	width:60px;
	height:22px;
	background:url(../../images/login-bg.jpg) repeat-x;
	border:1px solid #9c9dc6;
	font:bold 12px arial;
	color:#FFF;
	cursor:pointer;}

#.bot-buttons input{ background:#1f4c81; border:1px solid #1f4c81; color:#fff; font-weight:normal;}
.heading-bg span{
	float:left;
	display:block;}
.heading-bg a{
	display:block;
	float:right;
	background:url(../../images/question-mark-ico.jpg) no-repeat;
	width:15px;
	height:15px;
	text-indent:-999em;
	outline:none;
	margin:0px 10px 0px 0px;
	}

.heading-bg table{
	margin:-3px -3px -3px -3px;
	}


/*===============Login Page Start===================*/
.title-bg{
	display:block;
	float:right;
	background:url(../../images/question-mark-ico.jpg) no-repeat;
	width:15px;
	height:15px;
	text-indent:-999em;
	outline:none;
	margin:0px 10px 0px 0px;
	}
	
.containerMain{
	width:750px;
	margin:auto;
	padding:40px 0px 0px 0px;
	font:bold 12px Arial;
	color:#5350a7;}
.login-logo{}

.login-logo h1{
	padding:0px;
	margin:0px;}
	
.login-logo h1 a{
	display:block; 
	width:264px; 
	height:81px; 
	text-indent:-999em; 
	outline:none; 
	background:url(../../images/casmax-login-logo.png) no-repeat;
	
	} 
	
.login-divider{
	 border:1px solid #44469b; 
	 margin:20px 0px 20px 0px;
	
	 }
.clearPadding{
	padding:0px;}

.leftpan{
	width:50%;
	float:left;
	font-weight:normal;}
.rightpan{
	width:50%;
	float:right;
	font-weight:normal;
	border-left:1px solid #e9e9e9;}
.heading1{
	color:#f39146;
	font:bold 20px arial;
	padding:8px 2px 2px 45px;
	height:36px;
	background:url(../../images/problem-login-ico.jpg) no-repeat left 4px;}

.heading2{
	color:#99AFC7;
	font:bold 20px arial;
	padding:8px 2px 2px 45px;
	height:36px;
	background:url(../../images/login.jpg) no-repeat left top;}
	
.last_login{
	float:right;
	color:#FFFFFF;
	padding:7px;
	font:bold 11px verdana;
	}
.login{
	font:bold 16px arial;}
.txtbox{
	width:280px;
	height:25px;
	background:#eee;
	border:1px solid #cccbe6;}
.login span{
	display:block;
	font:normal 12px arial;
	padding:4px 0px 0px 0px;}
.login span a{
	color:#5350a7;}
.login-button{
	width:100px;
	height:22px;
	background:#99AFC7;
	border:1px solid #9c9dc6;
	font:bold 14px arial;
	color:#fff;
	cursor:pointer;}
.inValid-Login{
	
	color:#fff;
	cursor:pointer;}
html>/**/body .wdt-fix{
	width:100% ;}

/*===============Login Page End===================*/


tr.normalRow td 
{
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	font-size: 12px;
}
 
tr.alternateRow td 
{
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	font-size: 12px;
}
