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

*{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
a{color:#333333}
a:hover{ color:#ff8400}
body{color:black; }

.clearBoth{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
h1{ color:#CCC; font-size:15px; padding:2px 0; margin:0}

#mainOuter{ }
#mainInner{ margin:0 auto; width:1000px;}

/*HEADER *****************************************************************************************************************/

#header{ position:relative; margin:0 auto; width:1100px; background:url(../images/header_bg2.jpg) right 41px no-repeat}
.logo{ float:left; width:432px; height:100px;}
#mainNav{ position:absolute; margin:158px 0 0 172px}
#mainNav ul{ padding:0; margin:0; color:#00FF00}
#mainNav ul li{ padding:0; margin:0 5px 0 0; float:left; list-style:none} 
#mainNav ul li a{ color:#083c61; text-decoration:none; font-weight:bold; font-size:15px; text-transform:uppercase; background-color:#ffffff;  padding:5px 25px;
-moz-border-radius: 0px 0px 10px 10px;/*Firefox*/
-webkit-border-radius: 0px 0px 10px 10px;/*Safari, Chrome*/
border-radius: 0px 0px 10px 10px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#333333)";/*IE 8*/
-moz-box-shadow: 3px 3px 5px #333333;/*FF 3.5+*/
-webkit-box-shadow: 3px 3px 5px #333333;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 3px 3px 5px #333333;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#333333); /*IE 5.5-7*/

}  
#mainNav ul li a:hover{ background:#ff8400; }
#mainNav ul li a.home{ background-image:url(../images/icon_home.png); background-repeat:no-repeat; background-position: 6px 5px; padding-left:30px }

/*CONTENTS HOME & INNER *****************************************************************************************************************/
#mainContianer{margin:10px auto 0 auto; width:1020px; background:#FFFFFF url(../images/bg_main.png) center top no-repeat; padding:30px 40px; clear:both; min-height:320px;

-moz-border-radius: 10px 10px 0 0;/*Firefox*/
-webkit-border-radius: 10px 10px 0 0;/*Safari, Chrome*/
border-radius: 10px 10px 0 0;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#333333)";/*IE 8*/
-moz-box-shadow: 0px 0px 5px #333333;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 5px #333333;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 0px 5px #333333;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#333333); /*IE 5.5-7*/
} 

a.goBack{ float:right;  margin:-20px 0 0 0 }
.centerNav{ text-align:center; padding:10px 0; text-align:center}
.centerNav a.btn_blue, .centerNav a.btn_grey{ float:none; display:inline}
.buttonHolder{ margin:10px 0}

table.tableMain{ margin:2px 0 0 0; background:#ffffff; border:1px solid #b4b4b4; border-collapse:collapse;}
table.tableMain td, table.tableMain th, table.tableMain tr{border:1px solid #b4b4b4; border-collapse:collapse; padding:2px}
table.tableMain th, table.tableMain tr{ background:#f2f2f2; font-size:12px; font-weight:bold}
table.tableMain1{ margin:2px 0 0 0; background:#CC3300; border:1px solid #b4b4b4; border-collapse:collapse; font-family: Tahoma;
	font-size: 14px;
	color: red;}
table.tableMain1 td, table.tableMain th, table.tableMain tr{border:1px solid #b4b4b4; border-collapse:collapse; padding:2px background:reed;}
table.tableMain1 th, table.tableMain tr{ background:reed; font-size:12px; font-weight:bold}


/*MISC *****************************************************************************************************************/
form.customForm{}
form.customForm label{ padding:0 5px  0 10px}
.btn_blue{ text-align:center; color:#FFFFFF; padding:10px 30px; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; float:left; margin:0 5px 0 0; background-image:url(../images/bg_main.png)  ; font-size:14px;
 
background: -moz-linear-gradient(90deg, #083c60 0%, #115585 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #083c60), color-stop(100%, #115585));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #083c60 0%, #115585 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #083c60 0%, #115585 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #083c60 0%, #115585 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#083c60', endColorstr='#115585', GradientType='0'); /* for IE */
background: linear-gradient(360deg, #083c60 0%, #115585 100%);/* W3C */
-moz-border-radius: 10px;/*Firefox*/
-webkit-border-radius: 10px;/*Safari, Chrome*/
border-radius: 10px; 
}


.btn_grey{ text-align:center; color:#FFFFFF; padding:10px 30px; text-decoration:none; font-weight:bold; text-transform:uppercase; display:block; float:left; margin:0 5px 0 0; background-image:url(../images/bg_main.png)  ; font-size:14px;
 
background: -moz-linear-gradient(90deg, #444444 0%, #727272 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #444444), color-stop(100%, #727272));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #444444 0%, #727272 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #444444 0%, #727272 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #444444 0%, #727272 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#727272', GradientType='0'); /* for IE */
background: linear-gradient(360deg, #444444 0%, #727272 100%);/* W3C */
-moz-border-radius: 10px;/*Firefox*/
-webkit-border-radius: 10px;/*Safari, Chrome*/
border-radius: 10px; 
}

.tb4 {
	background-image: url(images/bg.png);
	border: 1px solid #6297BC;
	width: 150px;
}
.button
{
border: 1px solid #6297BC;
	width: 80px;
}

.button1
{
border: 1px solid #699;
	width: 70px;
}
/*
input.btn_blue{ border:none; display:inline-block; float:none}
input[type="text"]{
	height:14px;
	padding:5px 6px;
	font-size:15px;
 	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}


input[type="text"]:focus, select:focus, textarea:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

 select{
	height:42px;
	padding:6px 12px 6px 12px;
	font-size:14px;
 	color:#000;
	background-color:#FFF;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}


textarea{
	padding:6px 12px;
	font-size:14px;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
*/
/*FOOTER *****************************************************************************************************************/
#footerOuter{ background:#CCC; padding:0 0 25px 0; margin:0}
#footerInner{ background:#FFFFFF url(../images/bg_footer.gif) center bottom repeat-x; margin:0px auto; width:1060px; padding:20px 20px 10px 20px;
-moz-border-radius: 0 0 10px 10px;/*Firefox*/
-webkit-border-radius:  0 0 10px 10px;/*Safari, Chrome*/
border-radius: 0 0 10px 10px;
text-align:center;}

/* from ori*/

/*.login{  
        width: 382px;  
        overflow: hidden;  
        margin: auto;  
        margin: 20 0 0 450px;  
        padding: 80px;  
        background: #23463f;  
       background: gray;
        border-radius: 15px ;  
}  */
.login{  
        width: 370px;  
        overflow: hidden;  
        margin: auto;  
        margin: 20 0 0 350px;  
        padding: 50px;  
        background: #b5aeaa; 
      
        border-radius: 10px ;  
}
h2{ 5
    text-align: center;  
    color: #277582;  
    padding: 20px;  
}  
label{  
    color: #08ffd1;  
    font-size: 17px;  
}  
#Uname{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
}  
#Pass{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
      
}  
#log{  
    width: 200px;  
    height: 30px;  
    border: none;  
    border-radius: 10px;  
    padding-left: 7px;  
    color: black; 
  
  
}  
span{  
    color: white;  
    font-size: 17px;  
}  
a{  
    float: right;  
    background-color: grey;  
}  


.myButton {
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #b5aeaa 5%, #373d3d 100%);
	background-color:#b5aeaa;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.myButton:hover {
	background:linear-gradient(to bottom, #373d3d 5%, #b5aeaa 100%);
	background-color:#373d3d;
}
.myButton:active {
	position:relative;
	top:1px;
}