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

body{
	font: 0.9em Tahoma, Verdana, Arial;
	line-height:172%;
	background: #ccc;
        margin: 0px;
        padding: 0px;
}
image{border:none;}
.container{
	overflow:hidden;
	width: 1000px;
	padding: 25px;
	background: #fff;
	margin: 0px auto 0 auto;
	min-height: 300px;
}
.container fieldset{ width:555px; margin:auto; border:1px solid #ddd;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.container fieldset legend{border:1px solid #ddd; padding:2px 9px;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.container fieldset legend label{color:#666; font-weight:bold;}
.container fieldset table{ margin:30px auto;}
.container fieldset table td label{color:#666;  position:relative; top:-7px; font-weight:bold; font-size:1em;}
.container ul{ margin:0; padding:0;}
.container ul li{ list-style-type:none; float:left;}
.container ul li a{ display:block; text-decoration:none; padding:5px;
		 display: block;
		 background: #f2f2f2;
		 text-align: center;
		 padding: 3px 3px 5px 3px; margin:4px;
		 font-size: .8em;
		 color:#039; font-weight:bold;
		 text-decoration: none;
		 -webkit-border-radius: 4px;
		 -khtml-border-radius: 4px;
		 -moz-border-radius: 4px;
		 border-radius: 4px;
		 cursor:pointer; border:2px solid #CCC;
		 -moz-box-shadow:inset 0 0 6px #ccc; -webkit-box-shadow: inset 0 0 6px #ccc; box-shadow:inset 0 0 6px #ccc;}
.container ul li a:hover{ background-color:#ccc;}		 
.container ul li a img{  position:relative; top:5px;}
.login_input{
	
	width:200px; color:#666;  padding:7px 5px; border:1px solid #ddd; -webkit-border-radius:4px; moz-border-radius:4px; border-radius:4px;
   -moz-box-shadow:inset 0 0 8px #ddd; -webkit-box-shadow: inset 0 0 8px #ddd; box-shadow:inset 0 0 8px #ddd; 
}
textArea{
	
	width:200px; color:#666;  padding:7px 5px; border:1px solid #ddd; -webkit-border-radius:4px; moz-border-radius:4px; border-radius:4px;
   -moz-box-shadow:inset 0 0 8px #ddd; -webkit-box-shadow: inset 0 0 8px #ddd; box-shadow:inset 0 0 8px #ddd; 
}

input[readonly="readonly"]{
    width:150px; color:#666;  padding:7px 5px; border:1px solid #ddd; -webkit-border-radius:4px; moz-border-radius:4px; border-radius:4px;
   -moz-box-shadow:inset 0 0 8px #ddd; -webkit-box-shadow: inset 0 0 8px #ddd; box-shadow:inset 0 0 8px #ddd; 
}

.register td span{ color:red;}

h1{ color:#066; margin:30px; text-align:center;}
.nav_info{ color:#666; font-size:11px; padding:0; margin:0;}
.button_type {
 margin:auto;
 display: block;
 background: #dddddd;
 text-align: center;
 padding: 4px 6px;
 font-size: 1em;
 color: #333; font-weight:bold;
 text-decoration: none;
 -webkit-border-radius: 4px;
 -khtml-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 cursor:pointer; border:2px solid #CCC;
 -moz-box-shadow:inset 0 0 6px #ccc; -webkit-box-shadow: inset 0 0 6px #ccc; box-shadow:inset 0 0 6px #ccc;
 }

 .button_type:hover {
 background: #3e5a6b; color:#FFF;
 }
 
 
 a.user{
	     width:160px;
		 display: block;
		 background: #dddddd;
		 text-align: center;
		 padding: 0px;
		 font-size: .8em;
		 color:#039; font-weight:bold;
		 text-decoration: none;
		 -webkit-border-radius: 4px;
		 -khtml-border-radius: 4px;
		 -moz-border-radius: 4px;
		 border-radius: 4px;
		 cursor:pointer; border:2px solid #CCC;
		 -moz-box-shadow:inset 0 0 6px #ccc; -webkit-box-shadow: inset 0 0 6px #ccc; box-shadow:inset 0 0 6px #ccc;
	 }
a.user:hover{ background-color:#ccc;}	 
	 
 
 	select::-ms-expand {
	display: none; /* hide default arrow in IE10 */
}
.select_type {
	width: 210px; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
	color: #333;
	font-weight: normal;
	font-size: 12px;
	line-height:1.2em;
	margin: 0 0 0px;
	padding: 6px 4px; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
	border:1px solid #ddd;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: "";
	background:url('../images/arrow.png') no-repeat 100% 4px #fff; /* add your own arrow image */
	*background-image:none; /* turn bg image for IE7 */
	background: url('../images/arrow.png') no-repeat 100% 0px #fff; /* fallback bg image*/
	background: url('../images/arrow.png') no-repeat 100% 0px, -webkit-linear-gradient(top, #fff, #fff);
	background: url('../images/arrow.png') no-repeat 100% 0px, -moz-linear-gradient(top, #fff, #fff);
	background: url('../images/arrow.png') no-repeat 100% 0px, -ms-linear-gradient(top, #fff, #fff);
	background: url('../images/arrow.png') no-repeat 100% 0px, -o-linear-gradient(top, #fff, #fff);
	background: url('../images/arrow.png') no-repeat 100% 0px, linear-gradient(top, #fff, #fff);
	-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
	-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
	-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	appearance: none;
	-moz-box-shadow:inset 0 0 6px #ccc; -webkit-box-shadow: inset 0 0 6px #ccc; box-shadow:inset 0 0 6px #ccc;
	-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;
}
a.action img:hover{ border:1px solid #DDD;}

#dp_arrow{ float:right; z-index:9999; margin:0px 0 0 0; clear:both; width:150px; display:none; height:auto; color:black; border:1px solid #ddd; padding:5px; background-color:#F2F2F2; position:relative;
	word-wrap:break-word; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:2em;
	z-index:1;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;
	}
		
#dp_arrow:after{
	content:''; display:block; position:absolute;
    top:-20px; left:130px; width:0; height:0;
    border-color: transparent transparent #ddd transparent;
    border-style: solid; border-width: 10px;}

#ozone{ float:right; z-index:9999; margin:0px 0 0 0; clear:both; width:150px; display:none; height:auto; color:black; border:1px solid #ddd; padding:5px; background-color:#000; position:relative;
	word-wrap:break-word; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:2em;
	z-index:1;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;
	}
		
#ozone:after{
	content:''; display:block; position:absolute;
    top:-20px; left:130px; width:0; height:0;
    border-color: transparent transparent #ddd transparent;
    border-style: solid; border-width: 10px;}		
		
#dp_arrow p{ margin:0; padding:0;}
#dp_arrow p a{ font-size:11px; margin:0; padding:0;}	
#dp_arrow p a:hover{ color:#000; font-weight:bold;}
table.user_list td {
  font-size:11px;
}

table.user_list tbody tr:nth-child(odd) {
   background-color: #f2f2f2;
}
table.user_list tbody tr:nth-child(even) {
   background-color:#FFC;
}

table.user_list tbody tr:nth-child(odd):hover{ background-color:#ff6;} 
/*{
   background-color: #f2f2f2;
}*/
table.user_list tbody tr:nth-child(even):hover {
   background-color:#ff6;
}
a.logout{  background-color:#06C; width:60px; text-decoration:none; text-align:center;
             color:#FFF; -webkit-border-radius:2px;-moz-border-radius:2px; float:right; margin:8px 0;
		     border-radius:2px; text-decoration:none; font-size:11px;font-weight:bold; padding:3px 5px;}
a.logout:hover{background-color:#03F;}

/*you can change you table style here*/  
#my-tbl {
	background-color: #FFF;
	color: black;
	padding: 5px;
	width: 700px;
	border: thin solid red;
}

#th{
	background-color: #000;
	color: #FFF;
	padding: 10px; 
	border-bottom: thin solid #000;  
}

.data-tr{
	background-color: #FFF;
	color: #000;
	border-bottom: thin solid #000;
}

.data-tr:hover {
	background-color: #FAEFCF;
	color: black;
	padding: 5px; 
	border-bottom: thin solid #000;
	   
}

.data-tr td{       
	padding: 10px;            
	margin: 0px;         
}

/* you can change page navigation here*/
.page-nav{
	margin: 10px 0 0 0;
	padding: 8px;
}

.page-nav a{
	border: none;
	padding:3px;
	font-size:10px;
	text-decoration: none;
	background-color: #FFC;
	border: thin solid #FC0;
	color: #666;
}

.page-nav a:hover{
	border: thin solid #FC0;
	background-color: #FC0;
	color: #fff;
	padding:3px;
}

/*this is the style for selected page number*/
.page_link{
	padding: 8px; font-size:11px;
}
.container .detail_table{
              border:1px solid #ddd; font-size:11px; border-collapse:collapse; margin-top:20px;}

.validate_msg{
    color:red; font-size: 10px; text-align: left;
}

.error_msg{
    display: none;
    color: red;
    font-size: 12px;    
    text-align: center;
}

.success_msg{
    display: none;
    color: green;
    font-size: 12px;    
}