body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0px;
	padding:0px;

}
img { 
    max-width: 100%; 
    height: auto; 
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

.container{
	width:84%;
	height:auto;
	border:15px #FFFFFF solid;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	behavior: url(/CSS/border-radius.htc);
    border-radius: 20px;
	z-index:0;
	background-color:#437bc9;
	
}

#section_bg{
	background-image: url(../IMAGES/login_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 68.62%; /* (img-height / img-width * width) */
                /* (853 / 1280 * 100) */ 
 
  }

#mainContentLanding{
width: 244px;
height: 355px;
float: left;
margin: -46% 0% 0% 59%;
border-radius:5PX;
-moz-border-radius:5PX;
-webkit-border-radius:5PX;
z-index:1;
background:url(../IMAGES/signin.png) no-repeat;
opacity:0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
#login_table{
	margin-top:68px;
	}
#login_table tr td {
	height:50px;
}
#login_table tr td span a{
	color:#FFF;
	/*font-size:14px;*/
	text-decoration:underline;
	margin: 0px 5px 0px 5px;
	text-align:center;
}
#login_table tr td span a:hover{
	color:#333;
	/*font-size:14px;*/
	text-decoration:none;
	margin: 0px 5px 0px 5px;
	text-align:center;
}
input[type='text'], input[type='password']{
	background:url(../IMAGES/input_bg.gif) repeat-x;
	height:32px;
	width:98%;
	/*font-size:14px;*/
	color:#FFF;
}
textarea{
	background:url(../IMAGES/input_bg.gif) repeat-x;
    background-size: contain;
    
    width: 98%;
    height: auto;
    /*padding-top: 16.67%;  (img-height / img-width * width) */
                /* (853 / 1280 * 100)
 
	height:50px;
	width:90%; background-repeat: no-repeat;*/ 
	/*font-size:14px;*/
	color:#FFF;
}
textarea.inputbg{
border:1px solid #DADADA;
padding-left:8px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser*/
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser*/
}
#inner_table tr td.css3radio, .css3checkbox{
	padding-left:10px;
	}
#inner_table tr td {
	height:25px;
}
#inner_table tr td div a{
	color:#4d6679;
	font-size:80%;
	text-decoration:underline;
	padding-left:10px;
}
#inner_table tr td div a:hover{
	color:#999;
	font-size:80%;
	text-decoration:none;
	padding-left:10px;
}
#grid_table{
	width:100%;
	height:auto;
	border:1px solid #999;
	text-wrap:none;
	
}

#grid_table th{
	color:#FFF;
	/*font-size:12px;*/
	text-decoration:none;
	background-color:#3582f5;
	font-weight:bold;
	padding: 5px;
	border:1px solid #999;
}
#grid_table tr td{
	color:#333;
	/*font-size:12px;*/
	text-decoration:none;
	padding: 5px;
	border:1px solid #999;

}
#grid_table tr{
	cursor:pointer;

}
#grid_table tr:hover{
	cursor:pointer;
	background:#CCC;

}
#grid_table tr:nth-child(even) {
	background: #94bbfb;
}
#grid_table tr:nth-child(odd) {
	background: #FFF;
}
select {
	background:url(../IMAGES/input_bg.gif) repeat-x;
	height:36px;
	width:90%;
	/*font-size:14px;*/
	color:#fff;
}
option {
	background-color:#4ea6dd;
	line-height: 70%;  
	color:#FFF;
	/*font-size:14px;*/
	
}
input#user{
background-image:url(../IMAGES/usern_icon.png);
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
padding-left:35px;
width:70%;
height:36px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser*/
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser*/
}
input#pass{
background-image:url(../IMAGES/pass_icon.png);
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
padding-left:35px;
width:70%;
height:36px;
/*font-size:14px;*/
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser*/
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser*/
}
input.inputbg{
border:1px solid #DADADA;
padding-left:8px;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser*/
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser*/
}
.labeltext{
	/*font-size:14px;*/
	color:#06F;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	padding:8px;

}
.inputtext{
	font-size:88%;
	color:#4d6679;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	padding:8px;

}
select#selecttype{
background-image:url(../IMAGES/User_icon.png);
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;
padding-left:35px;
/*width:87%;*/
height:36px;
/*font-size:14px;*/
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser*/
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser*/
}
select.selecttype{
border:1px solid #DADADA;
padding-left:8px;
width:100%;
height:33px;
/*font-size:14px;*/
color:#fff;
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E */
-moz-box-shadow:0 0 10px;
/* For Mozilla Web Browser*/
border-radius:5px;
-webkit-border-radius:5px;
/* For I.E */
-moz-border-radius:5px
/* For Mozilla Web Browser*/

}


input.submit{
background:url(../IMAGES/btn_bg.gif);
border-radius:5px;
border:none;
height:27px;
padding:1px 30px;
color:#FFF;
text-shadow:1px 1px 1px #949494;
margin-right:10px;
margin-bottom:10px;
margin-top:10px;
}


input.submit:hover{
opacity:0.75;
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
filter:alpha(opacity=75); /* For IE8 and earlier */
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
margin-right:10px;
margin-bottom:10px;
}

.label_select {
	/*position:relative;*/
}
.label_select:after {
    content:'<>';
    font:16px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.label_select:before {
    content:'';
    right:6px; 
	top:0px;
    width:20px; 
	height:20px;
    position:absolute;
    pointer-events:none;
    display:block;
}
/*main page style*/
.container_landing{
	width:90%;
	height:auto;
	border:1px #FFFFFF solid;
	z-index:0;
	background-color:#fff;
	
}
.header_bg{
	background:url(../IMAGES/banner_bg.jpg);
	background-size: contain;
    background-repeat:repeat-x;
    width: 100%;
    height: 74px;
}
figure{
	text-align:left;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
figure img{

	position:absolute;
}
figure .header_text{
	font-family:Calisto MT;
	/*font-size:14px;*/
	color:#FFF;
	display: inline;
	float: right;
	padding: 35px 20px 0px 0px;
	position:relative;
	text-align:none;
	width:56%;
}
/* Nav Style*/
nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}
nav ul {
	background: #4b545f; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding:0px;
	margin:0px; 
	list-style: none;
	position: relative;
	display: inline-table;
	width:100%;
	padding-left: 2px;
}
	nav ul:after {
		content: ""; 
		clear: both; 
		display: block;
}
nav ul li {
	float: left;
}
	nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		nav ul li:hover a {
			color: #fff;
		}
	
	nav ul li a {
	display: block; 
	padding: 8px 15px 8px 8px;
	color: #4b545f; 
	display:block;
	height:auto;
	text-align: left;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	}
	
	nav ul ul {
	background: #5f6975; 
	border-radius: 0px; 
	padding:0px;
	position:absolute; 
	top: 100%;
	width:30%;
	line-height: 20px;
}
	nav ul ul ul {
	background: #5f6975; 
	border-radius: 0px; 
	padding:0px;
	position:absolute; 
	top: 100%;
	width:40%;
	line-height: 20px;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
		
	}
		nav ul ul li a {
			padding:10px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				padding:10px;
				background: #4b545f;
			}
			nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}
.thirdmenu{
	padding-left:20px;
}
.show-menu {
	text-decoration: none;
	color: #fff;
	background: #3ba9ed;
	text-align: left;
	padding: 10px 0px 10px 10px;
	display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Hover state for top level links*/
nav ul li:hover a {
	background: #3ba9ed;

}



.icon-menu {
  position:absolute;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  fill: none;
}
.show_menu{
	padding-left:33px;
	padding-top:3px;
}
.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #fff;
}
.icon-menu .line-1 { top: 0; }
 
 
.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
  transform: translateY(8px) translateX(0) rotate(45deg);
}
 
 
 
.icon-menu .line-2 {
  top: 50%;
  margin-top: -2px;
}
 
 
.is-active .icon-menu .line-2 { opacity: 0; }
 
 
.icon-menu .line-3 { bottom: 0; }
 
 
.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}
 
 
 
/*nav end*/
 
/*Accordion style*/
.inner_section{
	width:90%;
	display:inline-block;
}
#side_left{
	width:80%;
	float:left;
}
#side_right{
	width:16%;
	float:left;
    height: auto;
	margin-left:10px;  
    background: #eee; 
	border-left: 3px solid transparent;  
    -moz-border-image: -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);  
    -webkit-border-image: -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);  
    border-image: linear-gradient(to bottombottom, #3acfd5 0%, #3a4ed5 100%);  
    border-image-slice: 1;

}
#side_right .quicklink_title{
	color:#006;
	/*font-size:18px;*/
	font-weight:bold;
	border-bottom: 1px groove #F60;
	Padding: 8px 10px;
	}
#side_right .quicklink{
	Padding: 8px 10px;
}
#side_right .quicklink a{
	color:#F93;
	font-size:88%;
	text-decoration:none;
}
#side_right .quicklink a:hover{
	color:#F00;
	font-size:88%;
	text-decoration:underline;
}

.layer1 {
margin: 0;
padding: 0;
width: 100%;
}
 
.heading {
margin: 0px;
color: #fff;
padding: 3px 10px;
cursor: pointer;
/*position: relative;*/
background-color:#55bdfd;
border:1px solid #CCC;
background:url(../IMAGES/btn_bg.gif);
border-radius:5px;
}
.content {
padding: 5px 10px;
background-color:#e0eff8;
position:relative;
}
p {
padding: 5px 0;
z-index:0; }


/* #### checkbox buttons #### */

input[type="checkbox"].css3checkbox{
  display: none;
}

label.toggler{ /* checkbox label */
  display: block;
  position: relative;
  padding-left: 32px; /* space to the left of label text */
  padding-top: 2px;
  margin-bottom: 1em; /* bottom spacing */
  cursor: pointer;
  color:#333;
}

label.toggler::before{ /* flat box */
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  color:#333;
  background: #B1E5EF;
  box-shadow: 0 0 3px #BFDEFC inset;
  left: 0;
  top: 0;
}

label.toggler::after{ /* check mark inside flat box*/
  content: ''; /* fontAwesome icon font unicode. See http://fortawesome.github.io/Font-Awesome/cheatsheet/ for others */
  position:absolute;
  left: 2px;
  top: 1px;
  /*font: bold 12px FontAwesome;
	width: 0;  hide check mark initially */
  text-shadow: 0 0 2px #eee;
  overflow: hidden;
   -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
	border:none;
	color:#333;
}

input[type="checkbox"]:checked + label.toggler::after{ /* check mark when checkbox is checked */
  transition: width 0.2s; /* CSS3 transition on width property */
  width: 10px; 
  height: 10px;
  background: #1B4977;
  box-shadow: 1px 1px 5px white;
}

/* #### radio buttons #### */

input[type="radio"].css3radio{
  display: none;
}

label.toggler_r{ /* radio label */
  display: block;
  position: relative;
  padding-left: 32px; /* space to the left of label text */
  padding-top: 2px;
  margin-bottom: 1em; /* bottom spacing */
  cursor: pointer;
  color:#333;
}

label.toggler_r::before{ /* outer round circle */
  content: '';
  display: block;
  position:absolute;
  width: 15px;
  height: 15px;
  background: #B1E5EF;
  box-shadow: 0 0 3px #BFDEFC inset;
  border-radius: 25px;
  left: 0;
  top: 0;
  color:#333;
}

label.toggler_r::after{ /* inner dark circle */
  content: '';
  position:absolute;
  width: 10px;
  height: 10px;
  border-radius: 15px;
  left: 2px;
  top: 1px;
  color:#333;
  overflow: hidden;
  transition: all 0.2s;  /* CSS3 transition on dark circle */
}

input[type="radio"]:checked + label.toggler_r::after{ /* inner dark circle when radio is selected */
  background: #1B4977;
  box-shadow: 1px 1px 5px white;
  
}

.footer_text a{
	color:#006;
	/*font-size:10px;*/
	text-decoration:underline;
	padding-left:10px;
	vertical-align:top;
	text-align:left;
}
/*Upload Style*/
.chosen_style{
	width:20%;
	float:left;
}
.chosen_style input{
	font-size:50%;
}
.chosen_style #file{
	font-size:85%;
	text-decoration:underline;
	position:absolute;
}
input.submit{
background:url(../IMAGES/btn_bg.gif);
border-radius:5px;
border:none;
height:27px;
padding:1px 30px;
color:#FFF;
text-shadow:1px 1px 1px #949494;
margin-right:10px;
margin-bottom:10px;
}

#upload_form {
	/*padding-left:10px;*/
    width:90%;
	/*clear:both;*/
}
.upload_form_cont{
	width:100%;
}
#preview {
    display:block;
    width:50%;
	margin-bottom:5px;
	border:5px solid #fff;
}
#progress_info {
    /*font-size:10pt;*/
}
#fileinfo,#error,#error2,#abort,#warnsize {
    color:#aaa;
    display:none;
    /*font-size:10pt;*/
    font-style:italic;
    margin-top:10px;
}
#progress {
    border:1px solid #ccc;
    display:none;
    float:left;
    height:14px;
    border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    -webkit-border-radius:10px;
    background: -moz-linear-gradient(#66cc00, #4b9500);
    background: -ms-linear-gradient(#66cc00, #4b9500);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc00), color-stop(100%, #4b9500));
    background: -webkit-linear-gradient(#66cc00, #4b9500);
    background: -o-linear-gradient(#66cc00, #4b9500);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500')";
    background: linear-gradient(#66cc00, #4b9500);
}
#progress_percent {
    float:right;
}
#upload_response {
    margin-top: 10px;
    padding: 20px;
    overflow: hidden;
    display: none;
    border: 1px solid #ccc;
    border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    -webkit-border-radius:10px;
                box-shadow: 0 0 5px #ccc;
    background: -moz-linear-gradient(#bbb, #eee);
    background: -ms-linear-gradient(#bbb, #eee);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb), color-stop(100%, #eee));
    background: -webkit-linear-gradient(#bbb, #eee);
    background: -o-linear-gradient(#bbb, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee')";
    background: linear-gradient(#bbb, #eee);
}


/*Upload End*/