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


.rectangle {
  margin-top: 10em;
  width: 660px;
  height: 660px;
  background: #696;
  padding: 1em;
  -webkit-clip-path: circle(50%, 50%, 50%);
}

.profile_image {
	width: 75px;
	height: 75px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;	
	behavior: url(PIE/PIE.htc);
	float:left; 
	margin-top:10px; 
	margin-left:10px;
	}
	
.profile_name{
	float:left; 
	height:75px; 
	width:30%; 
	margin-top:10px; 
	margin-left:10px; 
	text-align:center; 
	color:#FFF; 
	font-size:20px; 
	padding-top:10px;	
}

.boder1{
	height:2px; 
	width:100%; 
	background:url(../images/border.png) repeat-x;
}

@font-face {
 font-family: Handsome-Regular;
 src: url("fonts/Handsome-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: Handsome-Regular;
 src: url("fonts/Handsome-Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: Chevin_Bold;
 src: url("fonts/Chevin_Bold.eot") /* EOT file for IE */
}

@font-face {
 font-family: Chevin_Bold;
 src: url("fonts/Chevin_Bold.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: Nobel-Regular;
 src: url("fonts/Nobel-Regular.otf") /* EOT file for IE */
}

@font-face {
 font-family: No-move;
 src: url("fonts/No-move.ttf") /* EOT file for IE */
}


body {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#F4F4F4;	
	margin:0px;
	padding:0px;
	/*color:#333;	
	font-family:Verdana, Geneva, sans-serif;*/
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 11px;  
  	color: #333333;
	
	/*font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:1.5em; 
	background-color: #ede4bb;
	background-image: url(images/templatemo_body.jpg);
	background-position: top;
	background-repeat: repeat-x;*/
}

a, a:link, a:visited {
	color: #7c0d0b;
}

a:hover {
	color: #996600;
	text-decoration:none;
}

p { margin: 0px; padding: 0 0 10px 0; }
img { border: none; }

h1, h2, h3, h4, h5 { font-weight: normal; }

h1 { font-size: 30px; color: #000; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 24px; color: #000; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; color: #000; margin: 0 0 20px 0; padding: 0; }
h4 { font-size: 18px; color: #000; margin: 0 0 10px 0; padding: 0; }
h5 { font-size: 16px; color: #000; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 12px; margin: 0 0 5px 0; padding: 0; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


.errorDiv{padding:10px; margin:10px 0;  margin-left:10px; margin-right:10px; font-size: 14px; border:1px solid #D55518; background:#FFE0DF; color:#CB1F02; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;}

.successDiv{padding:10px; margin:10px 0; margin-left:10px; margin-right:10px; font-size: 14px; border:1px solid #348B1E; background:#E6FFDF; color:#348B1E; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;}

.errorDiv2{padding:10px; width:90%; margin:0 auto;  font-size: 14px; border:1px solid #D55518; background:#FFE0DF; color:#CB1F02; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;}

.errorDivAutoHhide{padding:10px; margin:10px 0;  margin-left:10px; margin-right:10px; font-size: 14px; border:1px solid #D55518; background:#FFE0DF; color:#CB1F02; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;}

.successDivAutoHhide{padding:10px; margin:10px 0; margin-left:10px; margin-right:10px; font-size: 14px; border:1px solid #348B1E; background:#E6FFDF; color:#348B1E; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;}


#hide{
	
}
.main_content 
{
	max-width:100%; 
	background:#F0F0F0; 
	margin-top:0px;	
	margin:0 auto;	
	background:#FFFFFF; 
}

.body_section
{
	background:#FFFFFF; 
	border:1px solid #DBDBDB;
	/*min-height:800px; 	*/
	margin-top:0px;
	padding-top:10px; 	
	z-index:0;	
	width:99.8%; 
	margin:0 auto;		
  	
	
  
}


/*.body_content
{
	background:#FFFFFF; 
	min-height:800px; 
	width:98%; 	
	border:1px solid #DBDBDB; 
	margin-top:15px;	
	float:left;	
	margin:0 auto;	
}*/

.top_pannel
{	
	background:url(../images/header_bg_black.jpg);	
	width:100%; 	
	height:27px; 	
	margin-top:0px; 
	margin-left:0px; 
	/*padding-left:250px; */
	border-bottom:1px solid #346C9B; 
	z-index:10;
	color:#FFF;
	font-size:12px;
	
}


.top_panne2
{	
	background:url(../images/header_bg.jpg);
	background-position:bottom;
	width:100%; 	
	height:80px; 	
	margin-top:0px; 
	margin-left:0px; 
	/*padding-left:250px; */
	border-bottom:1px solid #346C9B; 
	z-index:10;
	padding-top:10px;	
	
}


.page_heading{
	float:left;
	width:92%; 
	background:#F9F9F9; 
	margin:5px 10px 20px 10px;
	border:1px solid #DBDBDB;
	height:40px;
	padding-top:10px; 
	padding-left:10px;
	font-size: 20px;	
	
}

#login_container{
	width:500px;
	margin:0 auto;	
	margin-top:100px;
	border:1px solid #CCC;
}

.login_co_name{
	 float:left;  
	 width:80%; 
	 height:65px; 
	 text-align:center; 	 
     font-size:36px; 
	 color:#FFF;padding-top:15px; 
	 font-family:Nobel-Regular;
}

.top_panne_login
{	
	background:url(../images/header_bg.jpg);
	background-position:bottom;
	width:100%; 	
	height:80px; 
	
	margin-top:0px; 
	margin-left:0px; 
	/*padding-left:250px; */
	border-bottom:1px solid #346C9B; 
	z-index:10;
	padding-top:10px;
}

.left_pannel
{
	width:20%; 
	
	
	/*
	width:250px;
	position:fixed;*/ 
	margin-top:0px; 
	height:100%; 
	background:#4A8BC2; 
	z-index:20;
	float:left;
	
	
}

.li-category {
	padding-left:10px; 
	/*background:url(images/plus_icon.gif) no-repeat;*/ 
	list-style-type:none; 
	background-position:top left;
	line-height:25px;	
	border-bottom: 1px solid #D6D8D9;
	color:#26282A;
}

.li-category:hover {
	background-color:#8F8E8E;
}


.fill_circle{
	font-size: 10px;
		background: #ea4f35;
		padding: 3px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;		
		font-style: normal;
		color: #fff;
		margin-top: 9px;
		margin-right: 15px;
		line-height: 10px;
		height: 10px;		
		/*float:right;*/
}


	h1 {
		/*color:#fff;*/
		margin:0 auto;
		margin-top:10px;
		margin-bottom:5px;
		font-size:30px;
		/*width:300px;
		text-align:center;*/
	}
	
	p {
		/*text-align:center;
		position:absolute;*/
		width:100%;
		bottom:0;
		font-size:12px;
		font-family:Arial, Helvetica;
		/*color:#fff;
		text-transform:uppercase;*/
	}
	p a {
		/*color:#fff;*/
		text-decoration:none;
	}
	
	
<!--	 End of menue -->

.img_thumb {
	width:185px; 
	float:left;
	margin-right:18px;
	border:solid 1px #CCC;
	margin-bottom:20px;
}

.left_menu{
	float:left; 
	width:160px; 
	margin-right:10px; 
	background-color:#009EC6;
}

.red1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
	color: #F00;
}



input[type=text]:focus, textarea:focus, select:focus, password:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  /*padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;*/
  border: 1px solid rgba(81, 203, 238, 1);
}



div.pagination {
	padding: 3px;
	margin: 3px;
}
div.pagination a {
	padding: 2px 7px 2px 7px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
	font-weight: bold;
	color: #000099;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #000099;
	color:#FFF;
}
div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
}


ol, ul{
	/*list-style: none;*/
}

#hide_in_mobile{
	/*display: none;*/
	display: display;
}

#hide_in_desktop{
	display: none;
	
}

.header_user_type{
	 display: display;
}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.top_panne2
{
	display: none;
}
#hide{
	display: none;
}

#hide_in_mobile{
	display: display;
}

#login_container{
	width:95%;
	margin-top:10px;
}	

.login_co_name{
	 font-size:24px;
}

.header_user_type{
	 display: none;
}
	
}