@charset "utf-8";
/* CSS Document */

/*
========================================== 
=== UI Developed by Foiz ahmed bhuiyan ===  
==========================================
*/

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrapper       { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

*{ margin:0; padding:0; }





/*-------------------------------------------------------------------------------------------------------------*/
html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	}
body{ background:#fff url(../images/body_bg.png) repeat-x;}

img{ margin:0; padding:0; border:none;}
	
/*-------------------------------------------------------------------------------------------------------------*/

/*----------------------------wrapper section---------------------------------------------------------------------------------*/
.wrapper{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	}
/*-----------------------------wrapper section end--------------------------------------------------------------------------------*/
	
/*-----------------------------header section--------------------------------------------------------------------------------*/	
.admin_container_header{
	width:960px;
	height:100px;
	margin:0 auto;
	padding:0;
	background:#05619B;
	}
	.logo{ width:560px; height:80px; margin:20px 0 0 10px; padding:0; float:left; color:#FFFFFF; font:bold 25px Verdana, Arial, Helvetica, sans-serif; text-align:left;
		/*background-image: url(../images/planet_admin_logo.gif);*/ background-color:transparent; background-repeat:no-repeat;}
		
	.admin_con{ width:250px; height:20px; margin:20px 10px 0 0; padding:0; float:right;}
	.admin_con p{ font:normal 12px Verdana, Geneva, sans-serif; color:#fff; margin:0; padding:0; text-align:center;}
	.admin_con p a{ font:normal 12px Verdana, Geneva, sans-serif; color:#fff; text-decoration:underline;}
	.admin_con p a:hover{ font:normal 12px Verdana, Geneva, sans-serif; color:#fff; text-decoration:underline;}

.header	h2 {    
	border-bottom: 2px solid #CCCCCC;
    color: #797668;
    font: bold 15px Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 10px 0 5px;
    text-align: left;
    }

.page_top_header h2 {
	border-bottom: 2px solid #CCCCCC;
    color: #797668;
    font: bold 15px Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 10px 0 5px;
    text-align: left;
    }    
/*-----------------------------header section end--------------------------------------------------------------------------------*/

/*-----------------------------menubar section--------------------------------------------------------------------------------*/	
.menubar{
	width:960px;
	height:30px;
	margin:0 auto;
	padding:0;
	clear:both;
	background:#267CB2;
	}
	
	#nav {
 background:#267CB2;
 float: left;
 margin: 0; padding: 0;
 border-bottom: none;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
}

#nav li a {
 padding: 8px 12px;
 text-decoration: none;
 color: white;
 background:#267CB2;
 font:bold 11px Arial, Helvetica, sans-serif; color:#fff;
}

#nav li a:hover {
color:#fff;
 background:#3da1e0;);
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background:#392E5A;;
	right : 0;
	bottom: 0;
	border-bottom:1px solid #fff;
	z-index:1000;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
 background:#392E5A;

}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 width: 150px;
 display: block;
 text-align:left;
 border-bottom:1px solid #2384bf;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
 color:#db5523;
}


#nav li ul { z-index:1000;}
/*-----------------------------menubar section end--------------------------------------------------------------------------------*/

/*------------------------------banner section-------------------------------------------------------------------------------*/	
.banner{
	width:960px;
	height:200px;
	margin:0 auto;
	padding:0;
	background-color:#003300;
	}
/*-----------------------------banner section end--------------------------------------------------------------------------------*/

/*-----------------------------bodycontainer section--------------------------------------------------------------------------------*/	
.bodycontainer{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
	.bodycontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	.bodycontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	.bodycontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	.bodycontainer h2{font:bold 15px Verdana, Arial, Helvetica, sans-serif; color: #797668; margin:0; padding:10px 0 5px 0; text-align:left; border-bottom:2px solid #CCCCCC;}
	.bodycontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	.bodycontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
/*------------------------------bodycontainer section end-------------------------------------------------------------------------------*/

	/*-----------------------------left container section--------------------------------------------------------------------------------*/
	 .leftcontainer{width:201px; height:auto; margin:0 0 0 14px; padding:0; float:left; display:inline;}
	
	 .leftcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .leftcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .leftcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .leftcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .leftcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .leftcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 
	/*-----------------------------leftcontainer section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------mid container section--------------------------------------------------------------------------------*/
	 .midcontainer{width:509px; height:auto; margin:10px 0 0 10px; padding:0; border-right:1px solid #b3b3b3; border-left:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; 
	 	float:left; display:inline;}
	
	 .midcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .midcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .midcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .midcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .midcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .midcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}						
	/*-----------------------------mid container section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------right container section--------------------------------------------------------------------------------*/
	 .rightcontainer{width:201px; height:auto; margin:0 13px 0 0; padding:0; float:right; display:inline;}
	
	 .rightcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .rightcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .rightcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .rightcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .rightcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .rightcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 
	/*-----------------------------right container section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------2_col_left section--------------------------------------------------------------------------------*/
	 .two_col_left{width:730px; height:auto; margin:0 10px 0 0; padding:0; float:left; background-color:#00FF00;}
	
	 .two_col_left p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .two_col_left p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .two_col_left p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .two_col_left h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .two_col_left h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .two_col_left h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	/*-----------------------------2_col_left section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------2_col_right section--------------------------------------------------------------------------------*/
	 .two_col_right{ width:730px; height:auto; margin:0 0 0 10px; padding:0; float:left; background-color:#00FF00;}
	
	 .two_col_right p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .two_col_right p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .two_col_right p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .two_col_right h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .two_col_right h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .two_col_right h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	/*-----------------------------2_col_right section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------half left section--------------------------------------------------------------------------------*/
	 .half_laftcontainer{ width:480px; height:auto; margin:0 auto; padding:0; float:left; background-color:#99FF99;}
	
	 .half_laftcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .half_laftcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .half_laftcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .half_laftcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .half_laftcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .half_laftcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	/*-----------------------------half left section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------half right section--------------------------------------------------------------------------------*/
	 .half_rightcontainer{ width:480px; height:auto; margin:0 auto; padding:0; float:left; background-color:#99CCCC;}
	
	 .half_rightcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .half_rightcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .half_rightcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .half_rightcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .half_rightcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .half_rightcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	/*-----------------------------half right section end--------------------------------------------------------------------------------*/

/*------------------------------footer section-------------------------------------------------------------------------------*/
	.footer{
		width:960px;
		height:45px;
		margin:10px auto;
		padding:0;
		background:#F2EFEF;
		}
		
		.f_logo{ width:220px; height:40px; margin:12px 0 0 2px; padding:0; float:left; /*background:url(../images/f_logo.gif) no-repeat;*/}
		.fnav{ width:700px; height:40px; margin:0 auto; padding:0; float:left;}
		
	#footNav {color:#000; text-align:left; padding:14px 0 0 10px;}
	#footNav ul {padding:22px 0 8px 11px; font:normal 12px Verdana, Geneva, sans-serif; color:#000;}
	#footNav li {display:inline; font:normal 11px Verdana, Geneva, sans-serif; color:#000; line-height:17px;}
	#footNav li a {color:#000; font:normal 12px Verdana, Geneva, sans-serif; padding:1px 0 2px 0; text-decoration:none;}
	#footNav li a:hover{text-decoration:underline; color:#D12A2A;}	
/*------------------------------footer section end-------------------------------------------------------------------------------*/	

/*------------------------------fixed footer section-------------------------------------------------------------------------------*/
.fixed_footer{
	width:960px;
	height:20px;
	margin:0 auto;
	padding:0;
	background-color:#FF0000;
	}
/*------------------------------fixed footer section end-------------------------------------------------------------------------------*/	

.name_box{ width:18px; height:16px; margin:0 auto; padding:0; border:1px solid #00CCFF; background-color:#FFFFFF;}
.pass_box{ width:18px; height:16px; margin:0 auto; padding:0; border:1px solid #00CCFF; background-color:#FFFFFF;}
.address_box{ width:18px; height:16px; margin:0 auto; padding:0; border:1px solid #00CCFF; background-color:#FFFFFF;}

.search_btn{}
.view_btn{}
.more_btn{}
.signup_btn{}
.login_btn{}
.edit_btn{}
.delet_btn{}
.insert_btn{}
.submit_btn{}
.upload_btn{}
.update_btn{}

.red_lines { background: #FBE6DD; }
.blue_lines { background: #F4F4F4; }
.no_border td { border: 0;}
.status_table {margin: 0; padding: 0; text-align: left;}
.box_red{ width:25px; height: 15px; background-color: FBE6DD; }
.box_blue{ width:25px; height: 15px; background-color: #F4F4F4; }