/*General styles*/

*{margin:0px;padding:0px;list-style:none;letter-spacing:0px;}

h1,h2,h3,h4,h5,h6,p,fieldset,form{font-weight:normal;border:none; }
a{text-decoration:underline; color:#4a608b;}
a:hover{color:#046b24;}
.center{text-align:center; padding:0px;}
h1{font:bold 22px Arial, Helvetica, sans-serif; color:#49608b;}
h2{font:18px Arial, Helvetica, sans-serif; color:#49608b;}
h4{font:bold 16px/38px Arial, Helvetica, sans-serif; color:#FFFFFF;text-align:center;}
h3{font:bold 17px Arial, Helvetica, sans-serif;}
h5{font:13px Arial, Helvetica, sans-serif;}
h6{font: 12px Arial, Helvetica, sans-serif; margin:8px 0px 11px 0px;}
p{margin-top:5px;}
.gray{ color:#b3b5b5; }
.spacer{ clear:both;height:160px;}
.colBlue{color:#49608b;}
.colBlue2{color:#49608b; font:bold 18px Arial, Helvetica, sans-serif;}
.txt{padding-left:80px; color:#49608b; width:700px;}
.icon_small{position:relative; left:26px; }
html,body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

body{
	font:normal 13px Arial, Helvetica, sans-serif ;
	color:#000;
	background:#dcdcdc url(../images/body_bg.jpg) repeat-x;
} 
	


#wrapper{
	width:926px;
	margin:0px auto;
}

/* ............header_start..........*/

#header{
	width:926px;
	height:112px;
	position:relative;
}

#logo{
	float:left;
	margin-top:10px;
}

#header .righthead{
	float:right;
	width:600px;
}

.memberArea{
	float:right;
	font:13px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:9px;
	width:200px;
	height:29px;
	text-align:right;
}

/*#header ul{
	float:right;
	clear:both;
	width:555px;
	margin-top:22px;
	height:45px;
}

#header ul li{
	float:left;
	font:bold 14px/45px tahoma,Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/blue_link_btn.jpg) no-repeat bottom;
	margin-right:2px;
	width:182px;
	text-align:center;
	
}

#header ul li a{
	color:#fffffa;
	text-decoration:none;
}	




#header ul li.active a{
	background:url(../images/active_btn.jpg) no-repeat;
	width:182px;
	height:45px;
	display:block;
	color:#222d42;
}*/
	
/* ............header_End..........*/


/* ............Middle_content_Start..........*/

.middleDiv {
	clear:both;
	float:left;
	width:926px;
	margin-top:9px;
	z-index:-1;
	}
 /* ............left_panel..........*/
 	
.middleDiv .leftPanel{
	width:633px;
	float:left;
	position:relative;
}

.leftPanel .leftDiv{
	clear:both;
	float:left;
	width:632px;
	background:url(../images/center_medium.jpg) repeat-y;
}


.leftDiv .top{background:url(../images/blue_strip_medium.jpg) no-repeat top; padding:0px 20px 20px 20px;}
.leftPanel .bottom{ clear:both; float:left; background:url(../images/bootom_white_medium.jpg) no-repeat; width:632px; height:15px;}


.studyCycle{
	width:585px;
	float:left;
	margin:35px 0px 15px 0px;
	height:160px;
}

.iconDiv{
	float:left;
	width:140px;
	text-align:center;
}

.iconDiv1{
	float:left;
	width:191px;
	text-align:center;
}
.arrorw{
	 background:url(../images/arrow.jpg) no-repeat;
	 width:33px;
	 height:29px;
	 float:left;
	 margin-top:35px;
	 padding-left:10px;
 }

 /* ............right_panel..........*/	
.middleDiv .rightPanel{
	width:277px;
	float:left;
	position:relative;

}
.left_mrg{
	padding-left:15px;
	}
	
.rightPanel .rightDiv{
	clear:both;
	float:left;
	width:277px;
	background:url(../images/center_small.jpg) repeat-y;
}


.rightDiv .top{background:url(../images/small_blue_strip.jpg) no-repeat top; padding:0px 20px 20px 22px; }
.rightPanel .bottom{ clear:both; float:left; background:url(../images/small_bottom_white.jpg) no-repeat; width:277px; height:25px;}
.loginArea{width:230px; margin-top:20px; font:normal 12px Arial, Helvetica, sans-serif;}
.loginArea .input{ width:226px; height:15px; margin-top:3px;}
.input1{ width:170px;  margin-top:3px;}
.input2{ width:190px;  margin-top:3px;}
.loginBtn{
	background:url(../images/login_btn.jpg) no-repeat; 
	width:102px;
	height:28px;
	float:right; 
	border:0; 
	color:#FFFFFd; 
	font:bold 12px Arial, Helvetica, sans-serif;
	margin-top:7px;
	padding-bottom:3px;
	cursor:pointer;
}


/* ............welcome_page_content..........*/

.welcomeDiv{
	width:585px;
	float:left;
	margin:35px 0px 15px 0px;	
}

.iconArea{
	width:400px;
	height:49px;
	margin:0px auto;
	padding:5px 0px 20px 0px;

}

.iconArea a{text-decoration:none;}
 .btnBlue{	
	width:306px;
	height:35px;
	font:bold 14px/35px Arial, Helvetica, sans-serif;
	float:left;
	text-align:center;
	margin-top:6px;  
}

.btnBlue a{background:url(../images/blue_btn.jpg) no-repeat;}
.btnBlue a:hover{background:url(../images/green_btn.jpg) no-repeat;}
.btnRed{	
	width:134px;
	height:28px;
	font:bold 14px/28px Arial, Helvetica, sans-serif;
	float:left;
	text-align:center;
	float:right;
	margin-top:5px;  
}

.btnRed a{ background:url(../images/btn_red.jpg) no-repeat;}
.btnRed a:hover{background:url(../images/answer_btn.jpg) no-repeat;}
.btnGreen{	
	width:134px;
	height:28px;
	font:bold 14px/28px Arial, Helvetica, sans-serif;
	float:left;
	text-align:center;
	float:right;
	margin-top:5px;  
}

.btnGreen a{ background:url(../images/answer_hover.jpg) no-repeat;}
.btnGreen a:hover{ background:url(../images/btn_red.jpg) no-repeat;}
.answerBtn{	
	width:134px;
	height:28px;
	font:bold 12px/28px Arial, Helvetica, sans-serif;
	float:right;
	text-align:center;
	margin-top:6px;  
}

.answerBtn a{background:url(../images/answer_btn.jpg) no-repeat;}
.answerBtn a:hover{background:url(../images/answer_hover.jpg) no-repeat;}

.icon{float:left; width:auto; margin-right:14px;}

.btnBlue a,.btnBlue a:hover,.answerBtn a:hover,.answerBtn a,.btnRed a, .btnRed a:hover, .btnGreen a,.btnGreen a:hover{color:#FFFFFd; display:block; text-decoration:none;}

.help{text-align:justify; height:480px; float:left; width:580px; position:relative; overflow-y:scroll; padding-right:10px; }
.help p{font-size:13px; padding-left:20px;}

/*ul.links{
    clear:both;
	float:left;
	width:135px;
	list-style:none;
	padding-left:20px;
	position:relative;
	overflow:hidden;
	}
	
ul.links li{
	width:125px;	
	margin-top:9px;
	font:12px Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 10px;
	height:auto;
	color:#4b618c;
}

ul.links li ul{
	float:left;
	width:120px;
	}
	
ul.links li ul li{ color:#000001;}*/
.links{
    clear:both;
	float:left;
	width:190px;
	list-style:none;
	padding-left:0px;
	position:relative;
	overflow:hidden;
	}
.links Div{
	margin-top:3px;
}	
.links a{ text-decoration:none; font:13px Arial, Helvetica, sans-serif;}	
/* ............courses_ Management..........*/

.mainPanel{
	clear:both;
	float:left;
	width:925px;
	background:url(../images/cnter_large.jpg) repeat-y;
}

.mainPanel .top{background:url(../images/large_blue.jpg) no-repeat top; padding:0px 20px 20px 22px; }
.mainPanelbottom{clear:both; float:left; background:url(../images/bottom_large.jpg) no-repeat; width:925px; height:12px;}

.innerMiddleDiv{
	width:880px;
	float:left;
	margin:0px 0px 0px 0px;	
}

.iconSet{
	float:right;
	width:300px;
}

.icons{
	float:left;
	width:50px;
	text-align:center;
}

.arrorwSmall{
	 background:url(../images/small_arrow.jpg) no-repeat;
	 width:23px;
	 height:18px;
	 float:left;
	 margin-top:15px;
 }
 
/* ............table_content..........*/ 
 .tableDiv{
 	clear:both;
	float:left;
	width:680px;
	height:300px;
	position:relative;
	overflow-y:scroll;
	padding-left:90px;
	margin-bottom:20px;

	
	}
	
.rowDiv{
	width:650px;
	float:left;
	color:#616665;
	text-align:center;
	font:13px/33px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #bacbe0;
	height:33px;
	
}

.sNo{float:left;width:90px;}
.course{width:180px;float:left; margin-right:80px; font-weight:bold;}
.offeredBy{width:122px;float:left;}
.status{width:122px;float:left;}

.headRow{
	width:680px;
	float:left;
	color:#616665;
	text-align:center;
	font:13px/33px Arial, Helvetica, sans-serif;
	height:33px;
	margin-top:20px;
	padding-left:90px;
}

.yellowRow{
	width:650px;
	float:left;
	color:#616665;
	text-align:center;
	font:13px/33px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #bacbe0;
	height:33px;
	background-color:#fbfba6;
}

.grayRow{
	width:650px;
	float:left;
	color:#616665;
	text-align:center;
	font:13px/33px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #bacbe0;
	height:33px;
	background-color:#f8f8f8;
}


.action{
	width:70px;
	float:left;
	color:#820c09;
}

.colBlue1{color:#5D8DBE;}
.signUp{
	width:70px;
	float:left;
	color:#5d8dbe;
}



.formDiv{
 	clear:both;
	float:left;
	width:880px;
	position:relative;
}

.formDiv .input{width:270px;}
.formRow{
	width:650px;
	float:left;
	color:#000003;
	font:13px Arial, Helvetica, sans-serif;
	margin-top:15px;
	
}
.colDiv{float:left;width:300px;}

.uploadDiv{
	float:left;
	width:440px;
}


.uploadTable{
    float:left;
	width:440px;
	position:relative;
	overflow-y:scroll;
	height:300px;
	
}

.grayUpload{
	width:410px;
	float:left;
	color:#616665;
	text-align:center;
	font:13px/30px Arial, Helvetica, sans-serif;
	border-top:1px solid #bacbe0;
	height:30px;
	background-color:#f8f8f8;
	padding-left:10px;
}

.uploadRow{ 
	width:410px; 
	clear:both;
	text-align:center;
	height:30px;
	border-top:1px solid #bacbe0;
	font:13px/30px Arial, Helvetica, sans-serif;
	padding-left:10px;
}

.uploadheadRow{
	width:440px;
	float:left;
	color:#616665;
	text-align:center;
	font:13px/30px Arial, Helvetica, sans-serif;
	height:33px;

}
.fileName{float:left; width:300px; text-align:left;font:bold 13px/30px Arial, Helvetica, sans-serif; }
.action{float:left; width:103px;}


/*approvel_student_table*/

.approvalDiv{
 	clear:both;
	float:left;
	width:855px;
	height:300px;
	position:relative;
	overflow-y:scroll;
	margin-bottom:20px;
}

.size{width:870px;}	
.approvalDiv .rowDiv{
	width:835px;
	float:left;
	color:#000000;
	text-align:center;
	font:13px/33px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #bacbe0;
	height:33px;
	
}

.sName{float:left;width:250px;}
.date{width:180px;float:left; margin-right:80px; font-weight:bold;}
.dateS{width:75px;float:left;font-weight:bold;}
.dateL{width:150px;float:left; margin-right:50px; font-weight:bold;}
.approve{width:122px;float:left;}
.deny{width:122px;float:left;}
.student{width:122px;float:left;}
.course1{width:150px;float:left; color:#49608b; font-weight:bold;}
.view{width:100px;float:left;}
.view a{ color:#0066FF;}
.approve a{color:#035d1e;}
.deny a{color:#800906;}
.question {float:left; width:390px;}
.question1{float:left; width:250px; text-align:left;}
.approvalheadRow{
	width:855px;
	float:left;
	color:#616665;
	text-align:center;
	font:13px/33px Arial, Helvetica, sans-serif;
	height:33px;
	margin-top:20px;
}

.approvalDiv .yellowRow{
	width:835px;
	float:left;
	color:#00000a;
	text-align:center;
	font:13px/33px Arial, Helvetica, sans-serif;
	border-top:1px solid #bacbe0;
	height:33px;
	background-color:#fbfba6;
}

.approvalDiv .grayRow{
	width:835px;
	float:left;
	color:#00000b;
	text-align:center;
	font:13px/33px Arial, Helvetica, sans-serif;
	border-top:1px solid #bacbe0;
	height:33px;
	background-color:#f8f8f8;
}


.action{
	width:70px;
	float:left;
	color:#820c09;
}


/* ............pop_up..........*/ 


.popup_main{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/bg.png) repeat;
	top:0px; left:0px;
}

.popupDiv{
	  width:935px;
	  margin:0px auto;
}

.popupRoundDiv{
	background:url(../images/popup.gif) no-repeat;
	width:503px;
	height:319px;
	margin:0px auto;
	margin-top:150px;
	padding:30px 30px 30px 40px;
}
.popupRoundDiv .popupRow{width:500px; float:left; clear:both; margin-top:10px;}
.popupRoundDiv .popupRow1{width:500px; float:left; clear:both; margin-top:40px;}
.popupRoundDiv h3{font:18px Arial, Helvetica, sans-serif; color:#820c09; width:400px; float:left; padding-top:5px; }
.popupRoundDiv .icon{ float:right;}
.popupRoundDiv .dec{float:left; width:300px;}
.popupRoundDiv .decBtn{float:left; width:430px;}
.popupRoundDiv .btn{float:left; width:20px;}
.popupRoundDiv .student{float:left; width:70px;}



#footer{clear:both; width:100%; background-color:#e8e7e7; height:35px;}
#footerDiv{margin:0px auto; width:935px; text-align:right; color:#6a6a6a; line-height:35px;}
#footerDiv a{color:#6a6a6a; text-decoration:none; )