body
{
	margin:0;
	padding:0;
	font:normal 12px arial;
	background:#B5C7CA url(../images/pre-loginbg.jpg) no-repeat center fixed;
	color:#000;
}
#container
{
	width:1000px;
	margin:120px auto 0 auto;
	text-align:left;
	
}
.banner
{
	 position:absolute;
	 width:100%;
	
	top:0;
	-background:green;
}
.mid
{
	min-height:390px;
	background:.#fff;
}
.login-sectio
{
	width:470px;
	border:solid 1px silver;	
	margin:auto;	
	background:#fff url(../images/bbg.png) repeat;
	min-height:250px;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-border-radius: 1em;
}
.section1
{
	padding:5px;
	margin:auto;
	width:450px;
}
.txt1
{
	 background:#fff url(../images/txt-bg.png) repeat-x;
	 border:solid 1px gray;
	 width:220px;
	 height:30px;
}
.btn1
{
	width:90px;
	height:30px;
	
}
.hd1
{
	border-top:solid 1px black;
	border-bottom:solid 1px black;
	padding:5px;
	background:#AA000A;
	color:White;
	font:bold 18px arial;
}
.hd2
{	
	padding:4px;
	background:#000;
	color:White;
	font:bold 14px arial;
}
/*------Hmenu-------------*/
.arrowlistmenu{
width: 100%; /*width of menu*/
}
.arrowlistmenu h3{ margin:0; padding:0;}
.arrowlistmenu .headerbar{
font: bold 18px Arial;
color: Black;
background: #fff;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
margin:3px;
border-bottom:solid 1px gray;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
/*-----End---------*/


.box1
{
	width:94%;
	 margin-left:0px; 
	  margin-top:0px;
	    padding:7px; 
	    min-height:300px;
      -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius:  6px 6px 6px 6px;
   border-radius:  6px 6px 6px 6px;
   border:solid 1px gray;
  
   -moz-box-shadow:0px 0px 5px gray;
   -webkit-box-shadow:0px 0px 5px gray;
   box-shadow:0px 0px 5px gray;
  
}
.box1 span.su
{
	 font:bold 12px arial;
	 line-height:20px;
	 color:Black;
}
.box1 span
{
	 font:normal 12px arial;
	 line-height:20px;
	 color:Gray;
}

.hdd1
{	
	padding:4px;
	background:#000;
	color:White;
	font:bold 12px arial;
}

.hdd2
{	
	padding:4px;
	background:#565A1D;
	color:White;
	font:bold 12px arial;
}

.hdd3
{	
	padding:4px;
	background:#E12A2B;
	color:White;
	font:bold 12px arial;
}
.footer
{
	 background:#DCDCDC;
               background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#868487));
              background: -webkit-linear-gradient(top,  #868487, #000);
              background: -moz-linear-gradient(top, #868487, #000);
              background: -ms-linear-gradient(top,  #868487, #000);
              background: -o-linear-gradient(top,  #868487, #000);
             padding:5px 0;
             color:#FFF;  

}
.footer a
{
	text-decoration:none;
	color:#69BCE4;
}
.fLeft
{
	float:left;
}
.fRight
{
	float:right;
}
.cl
{
	clear:both;
}
.RTX{ font: normal 16px arial;  color:White;}
login-inner {height: 200px; width: 85%; margin: 0 auto; border-radius: 3px; background: rgb(252,198,156); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmY2M2OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmU3ZjE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgb(252,198,156) 0%, rgb(254,127,25) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(252,198,156)), color-stop(100%,rgb(254,127,25))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(252,198,156) 0%,rgb(254,127,25) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgb(252,198,156) 0%,rgb(254,127,25) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgb(252,198,156) 0%,rgb(254,127,25) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgb(252,198,156) 0%,rgb(254,127,25) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc69c', endColorstr='#fe7f19',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


}
.login-inner {height: 200px; width: 85%; margin: 0 auto; border-radius: 3px; background: rgb(255, 51, 0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,184,0,1) 0%, rgba(8,64,8,1) 100%); /* ff3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,184,0,1)), color-stop(100%, rgba(8,64,8,1))); /* safari4+,chrome */
background:-webkit-radial-gradient(center, ellipse cover, rgba(0,184,0,1) 0%, rgba(8,64,8,1) 100%); /* safari5.1+,chrome10+ */
background: -o-radial-gradient(center, ellipse cover, rgba(0,184,0,1) 0%, rgba(8,64,8,1) 100%); /* opera 11.10+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(0,184,0,1) 0%, rgba(8,64,8,1) 100%); /* ie10+ */
background:radial-gradient(ellipse at center, rgba(0,184,0,1) 0%, rgba(8,64,8,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B800', endColorstr='#084008',GradientType=1 ); /* ie6-9 */
}
.login-inner:hover {background: rgb(69,72,77); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgb(69,72,77) 0%, rgb(0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(69,72,77)), color-stop(100%,rgb(0,0,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(69,72,77) 0%,rgb(0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgb(69,72,77) 0%,rgb(0,0,0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgb(69,72,77) 0%,rgb(0,0,0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgb(69,72,77) 0%,rgb(0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.Box-Shadow
{
	-webkit-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.75);
}

/*-------------rrrr----------------------*/
.mask{ position:fixed; top:0px; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.8); z-index:208; display:none;}

.bk1,.bk2,.bk3,.bk4 { cursor:pointer;}
.pointer{ cursor:pointer;}
.detail1{background-color: #FFFFFF;  text-align:center;   border: 2px solid #000000;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;   display: none;    left: 40px;    position:fixed;    top:20px;   padding:0px 16px 14px 16px;    z-index:7600; -moz-box-shadow:0 0 25px 0 #000000;  -webkit-box-shadow:0 0 25px 0 #000000;  box-shadow:0 0 25px 0 #000000; }
.detail2{background-color: #FFFFFF;  text-align:center;   border: 2px solid #000000;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;   display: none;    left: 40px;    position:fixed;    top:20px;   padding:0px 16px 14px 16px;    z-index:7600; -moz-box-shadow:0 0 25px 0 #000000;  -webkit-box-shadow:0 0 25px 0 #000000;  box-shadow:0 0 25px 0 #000000; }
.detail3{background-color: #FFFFFF;  text-align:center;   border: 2px solid #000000;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;   display: none;    left: 40px;    position:fixed;    top:20px;   padding:0px 16px 14px 16px;    z-index:7600; -moz-box-shadow:0 0 25px 0 #000000;  -webkit-box-shadow:0 0 25px 0 #000000;  box-shadow:0 0 25px 0 #000000; }
.detail4{background-color: #FFFFFF;  text-align:center;   border: 2px solid #000000;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;   display: none;    left: 40px;    position:fixed;    top:20px;   padding:0px 16px 14px 16px;    z-index:7600; -moz-box-shadow:0 0 25px 0 #000000;  -webkit-box-shadow:0 0 25px 0 #000000;  box-shadow:0 0 25px 0 #000000; }
.perdtl{ width:540px; text-align:left; }
.perdtl h3{font-family:'OswaldBook',Verdana, Arial; font-size:17px; font-weight:normal; color:#f80000; border-bottom:1px solid #999999; padding:14px 2px 6px; margin:0 0px 0 0; position:relative;}
a.close1{ position:absolute; right:-15px; top:2px; width:22px; height:22px; display:block; background-image:url(../images/close.png); background-repeat:no-repeat; background-position:0 5px; text-indent:-9000px;}
a.close2{ position:absolute; right:-15px; top:2px; width:22px; height:22px; display:block; background-image:url(../images/close.png); background-repeat:no-repeat; background-position:0 5px; text-indent:-9000px;}
a.close3{ position:absolute; right:-15px; top:2px; width:22px; height:22px; display:block; background-image:url(../images/close.png); background-repeat:no-repeat; background-position:0 5px; text-indent:-9000px;}
a.close4{ position:absolute; right:-15px; top:2px; width:22px; height:22px; display:block; background-image:url(../images/close.png); background-repeat:no-repeat; background-position:0 5px; text-indent:-9000px;}