/* Spaghetti
*  home.css
*  Author: Asmaa Atiah "zemodibo@gmail.com"
*  Date: 25-05-2011
*  v.1.0*/
@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #787878;
	background-color:#dcdcdc;
	
}
	.style1 {color: #FF0000}
select {

	height: 22px;
	border: 1px solid #acacac;
	font-size: 11px;
margin: 0; padding: auto 0; 
	color: #747474;
	background-color: #eeeeee;
}
input{color:#787878;

	font-family:tahoma;
	
		}
.legend_tit{ color:#787878;}
.alertW {
	font-size: 12px;
	color: #F78C0D;
}

a:link {
	color: #787878;
	text-decoration: none;
	outline:none;
}
a:visited {
	color: #787878;
	text-decoration: none;
		outline:none;
}
a:active {
	color: #787878;
	text-decoration: none;
	outline:none;
}


a:hover {
	color: #787878;
	text-decoration: underline;
	outline:none;
}


.fade{
opacity:0.3;filter:alpha(opacity=30);	
}




.areports:link {
	color: #787878;
	text-decoration: underline;
	outline:none;
}
.areports:visited {
	color: #787878;
	text-decoration: underline;
		outline:none;
}
.areports:active {
	color: #787878;
	text-decoration: underline;
	outline:none;
}


.areports:hover {
	color: #787878;
	text-decoration: none;
	outline:none;
}

.afooter:link {
	color: #fff;
	text-decoration: none;
	outline:none;
}
.afooter:visited {
	color: #fff;
	text-decoration: none;
		outline:none;
}
.afooter:active {
	color: #fff;
	text-decoration: none;
	outline:none;
}
.afooter:hover {
	color: #fff;
	text-decoration: underline;
	outline:none;
}


/* Home Page */
#page {
	width: 658px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	float: left;
	width: 658px;
	margin-top: 15px;
	height: 70px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfbebe;
}
#logo {
	height:96px;
	margin-bottom:10px;

	width: 222px;
	margin-right: auto;
	margin-left: auto;
}
#home {
	float: left;
	width: 658px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e0e0e0;
	position: relative;
	margin-bottom: 25px;
}
.welcome {
	float: left;
	width: 644px;
	margin-left: 7px;
	margin-bottom: 34px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#6D6E71;
	margin: 0px;
}
.valid {
	display: block;
	float: left;
	width: 600px;
}
.iconL {
	display: block;
	float: right;
	width: 41px;
}
.port {
	float: left;
	width: 543px;
        min-height:50px;
        max-height:100%;
        padding-bottom:20px;
	margin-left: 57px;
	position: relative;
        background-color: #d3d3d3;
}
.port_up {
	float: left;
	width: 470px;
	position: relative;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #979696;
	margin-left: 36px;
}
.bar {
	height: 40px;
	width: 402px;
	position: absolute;
	left: 34px;
	top: -16px;
}
.bartop {
	float: left;
	height: 25px;
	width: 402px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #878787;
	text-align:center;
	color:#ececec;
	font-size:16px;
	font-weight:bold;
	padding-top: 5px;
}
.tray {
	float: left;
	height: 10px;
	width: 18px;
	background-image: url(images/tray.png);
	background-repeat: no-repeat;
	margin-left: 192px;
}
.type {
	float: left;
	width: 380px;
	margin-top: 30px;
	margin-left: 45px;
}
.box {
	float: left;
	width: 320px;
}
.blue {
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#6D6E71;
}
#textfield {
	float: left;
	height: 20px;
	width: 244px;
	font-size: 11px;
	color: #747474;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bfbfbf;
	border-right-color: #bfbfbf;
	border-bottom-color: #bfbfbf;
	border-left-color: #bfbfbf;
}
#login {
	float: left;
	height: 50px;
	width: 50px;
	margin-left: 10px;
	margin-top: 0px;
}
.login_butt {
	float: left;
	height: 50px;
	width: 50px;
}
.login_butt div{
	float: left;
	height: 33px;
	width: 30px;
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 17px;
	padding-left: 10px;
	padding-right: 10px;
}
.login_butt div:hover{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.addres {
	float: left;
	width: 470px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-left: 36px;
}
.cnter {
	float: left;
	width: 403px;
	display: block;
	margin-left: 33px;
	text-align: center;
	font-size:11px;
}
.addres_bast  {
	float: left;
	width: 320px;
	margin-left: 75px;
	margin-top: 10px;
}
#get {
	float: left;
	height: 22px;
	width: 139px;
	margin-left: 110px;
}
.get_butt {
	float: left;
	height: 22px;
	width: 139px;
}
.get_butt a{
	float: left;
	height: 18px;
	width: 99px;
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 20px;
}
.get_butt a:hover{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

/* Admin Page */
#continar {
	width: 795px;
	margin-right: auto;
	margin-left: auto;
	min-height:600px; 
        max-height:100%; 
	overflow:auto;
}
#head {
	float: left;
	width: 790px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfbebe;
	height: 175px;
}
#headtop {
	float: right;
	width: 480px;
	margin-top: 20px;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfbebe;
}
ol, ul {list-style:none}
#nav {
	float:right;
	width: 770px; 
		margin-right:0px;
		/*	border: 1px dotted #000000;*/

	}
.menu {
	float:right;

	padding: 0px;
	margin: 0px;
	width: 500px;

}
.menu2 {
	float:right;

	padding: 0px;
	margin: 0px;
	width: 75px;
}
.menu2 li {
	display:block;
	margin-bottom:0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 75px;
	margin-right:6px;
}
.menu2 li a {
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	height:20px;
	padding-top: 8px;
	width:75px;
}
.menu2 li a.out{
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #666666;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	height:20px;
	padding-top: 8px;
	width:75px;
	
}
.menu2 li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;
}
.menu2 li a.out:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-image: -moz-linear-gradient(top, #ce1a1a, #971313);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ce1a1a), color-stop(1.0, #971313));
	background-color: #990000;
}
.menu li {
	display:block;
	margin-bottom:0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 75px;
	margin-right:6px;
}
.menu li a {
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	height:20px;
	padding-top: 8px;
	width:75px;
}
.menu li a.out{
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #666666;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	height:20px;
	padding-top: 8px;
	width:75px;
	margin-left:75px;
}
.menu li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;
}
.menu li a.out:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-image: -moz-linear-gradient(top, #ce1a1a, #971313);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ce1a1a), color-stop(1.0, #971313));
	background-color: #990000;
}
#head_down {
	float: left;
	width: 785px;
        margin-top: 12px;

}
#logo_down_tell{
	float: left;
	width: 137px;
	height:150px;

	z-index:100px;
	margin-top:-55px;


}
#logo_down {
	float: left;
	width: 300px;
	height:116px;

	z-index:100px;
	margin-top:-15px;


}
.hi {
	float: right;
	display:block;
	padding-top: 18px;
}
#contint {
	width:790px;
	float:left;
	border-top:solid 1px #e0e0e0;
	padding-top:20px;
	min-height:480px;
	max-height:100%;
	overflow:!important;
}
.data_container{
	margin-top:-60px; 
	/*position:relative;*/ z-index:100;
}
.sets {
	width:785px;
	float:left;
	

	
	
	
}
.sets_col {
	width:785px;
	float:left;

}
.colum1 {
	width:150px;
	height: 160px;
	float:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #d3d3d3;
	margin-right: 7px;
	text-align: center;
        cursor:pointer;
        margin-bottom:25px;
		
}
.colum1_hover {
	width:150px;
	height: 160px;
	float:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #C9C9C9;
        color:#F9930E;
	margin-right: 7px;
	text-align: center;
        cursor:pointer;
        margin-bottom:25px;
}
.colum1 a:hover {
	cursor: pointer;
	background-color: #d3d3d3;
	width:171px;
	height: 160px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.colum1 a {
	text-decoration: none;
	float: left;
}
.colum2 {
	width:160px;
	height: 160px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #d3d3d3;
	text-align: center;
	float:right;
        margin-bottom:25px;
        margin-right:7px;
        cursor:pointer;
}
.colum2_hover {
	width:160px;
	height: 160px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
        margin-right:7px;
        cursor:pointer;
	background-color: #C9C9C9;
	text-align: center;
	float:right;
        color:#F9930E;

}
.colum_tit {
	width:150px;
	display:block;
	float: left;
	margin-top: 11px;
	font-size: 12px;
	font-weight: bold;

}
#icons {
	width:51px;
	float: left;
	margin-top: 30px;
	margin-left: 47px;

}
#iconP {
	width:51px;
	float: left;
	margin-top: 30px;
	margin-left: 47px;
	
}
#iconV {
	width:34px;
	float: left;
	margin-top: 30px;
	margin-left: 63px;
}
.news a{
	width:51px;
	height:50px;
	display: block;
/*	background:url(images/news.png) top left no-repeat;*/
text-align:center;
}
.news a:hover {
/*	background-image: url(images/news.png);
	background-repeat: no-repeat;
	background-position: 0px -60px;*/
 
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;

text-align:center;	
}
.pen a{
	width:46px;
	height:47px;
	display: block;
/*	background:url(images/pen.png) top left no-repeat;*/
text-align:center;	
}
.pen a:hover {
/*	background-image: url(images/pen.png);
	background-repeat: no-repeat;
	background-position: 0px -53px;*/
	text-align:center;	
/*	 background-color:#ffffff;*/


  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;

}
.system a{
	width:51px;
	height:51px;
	display: block;
/*	background:url(images/system.png) top left no-repeat;*/
	text-align:center;	
}
.system a:hover {
/*	background-image: url(images/system.png);
	background-repeat: no-repeat;
	background-position: 0px -59px;*/
	text-align:center;	
	
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;

}
.key a{
	width:49px;
	height:48px;
	display: block;
	/*background:url(images/key.png) top left no-repeat;*/
	text-align:center;	
}
.key a:hover {
/*	background-image: url(images/key.png);
	background-repeat: no-repeat;
	background-position: 0px -52px;*/
	text-align:center;	
	
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;

}
.usar a{
	width:46px;
	height:52px;
	display: block;
	background:url(images/user.png) top left no-repeat;
}
.nav_titleo{
	margin-bottom:15px;
	margin-left:5px;
	font-size: 16px;	
	color: #6D6E71;
}
.usar a:hover {
	background-image: url(images/user.png);
	background-repeat: no-repeat;
	background-position: 0px -58px;
}
.show a{
	width:52px;
	height:47px;
	display: block;
	background:url(images/show.png) top left no-repeat;
}
.show a:hover {
	background-image: url(images/show.png);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}
.view a{
	width:34px;
	height:53px;
	display: block;
	background:url(images/view.png) top left no-repeat;
}
.view a:hover {
	background-image: url(images/view.png);
	background-repeat: no-repeat;
	background-position: 0px -53px;
}
.comments a{
	width:51px;
	height:50px;
	display: block;
	background:url(images/comments.png) top left no-repeat;
}
.comments a:hover {
	background-image: url(images/comments.png);
	background-repeat: no-repeat;
	background-position: 0px -60px;
}


/* Password Page */
#tab {
	width:790px;
       min-height:150px;
       max-height:100%;
	position:relative;
	float:left;
-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

background-color: #d3d3d3;
}
.distanse {
	width:750px;
	float:left;
	padding-top: 23px;
	padding-left: 29px;
	padding-bottom: 20px;
/*	cursor:pointer;
<!--	background-color: #336;-->*/
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin: 0px;
	width: 500px;
	display: block;
	float: left;
}
.imgL {
	float: right;
	height: 32px;
	width: 32px;
	display: block;
	margin-right: 26px;
}
.img_help {
	float: right;
/*	height: 32px;
	width: 32px;*/
	display: block;
	margin-right: 16px;
}
#old {
	
	float: left;
	width: 760px;
	margin-left: 27px;
	margin-bottom: 15px;
}
.Below {
	font-size:15px;
	font-weight:bold;
	color:#6D6E71;
	text-align: center;
	float: left;
	display: block;
	width: 686px;
}
#main {
	background-color: #ececec;
	float: left;
	width: 740px;
	
	border: 1px solid #acacac;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-top: 15px;
	padding-bottom: 15px;
	
	margin-top: 10px;
}
.textfield_g {

	height: 20px;
	width: 600px;
	border: 1px solid #acacac;
	font-size: 11px;
	color: #747474;
	background-color: #eeeeee;
}
.textfield_small {
	height: 20px;
	width: 150px;
	border: 1px solid #acacac;
	font-size: 11px;
	color: #747474;
	background-color: #eeeeee;
}
.textfield_small2 {

	height: 20px;
	width: 120px;
	border: 1px solid #acacac;
	font-size: 11px;
	color: #747474;
	background-color: #eeeeee;
}
#change {
	float: left;
	height: 22px;
	width: 161px;
	margin-left: 262px;
	margin-top: 20px;
}
.change_butt {
	float: left;
	height: 22px;
	width: 161px;
}
.change_butt a{
	float: left;
	height: 18px;
	width: 121px;
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px #808080;
	-moz-box-shadow: 1px 1px 2px #808080;
	box-shadow: 1px 1px 2px #808080;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 20px;
}
.change_butt a:hover{
	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.small {
	font-size:11px;
	color:#6D6E71;
	float: left;
	display: block;
	width: 686px;
}
#maneg {
	background-color: #ececec;
	float: left;
	width: 686px;
	border: 1px solid #acacac;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 10px;
}
.number {
	font-size:18px;
	color:#757575;
}
.date {
	font-size:11px;
}
.typogra {
	font-size:11px;
}
.cont {
	background-color: #ececec;
	float: left;
	width: 686px;
	border: 1px solid #acacac;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
}
#select {
	width:116px;
	height:19px;
	float: left;
	border: 1px solid #acacac;
	font-size: 11px;
	color: #787878;
	background-color: #ECECEC;
}
#stat {
	float: left;
	height: 22px;
	width: 120px;
}
.stat_butt {
	float: left;
	height: 22px;
	width: 120px;
}
.stat_butt a{
	float: left;
	height: 18px;
	width: 116px;
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px #808080;
	-moz-box-shadow: 1px 1px 2px #808080;
	box-shadow: 1px 1px 2px #808080;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
}
.stat_butt a:hover{
	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.eye_button {
	background-image: url(images/eye02.png);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 20px;
}
.eye_button:hover {
	background-image: url(images/eye02_hov.png);
	background-repeat: no-repeat;
}




/* Footer */
#footer {
	width: 100%;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	height: 117px;
	margin-top:20px;
	bottom: 0px;
	float: left;
}
#footer_iner {
	width: 100%;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	height: 117px;
	float:left;
}
#foot {
	width: 430px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	color: #FFF;
	margin-top: 40px;
}
.copy {
	display: block;
	float: left;
	width: 390px;
	margin-top: 13px;
}
.foot_icon {
	float: right;
	height: 33px;
	width: 33px;
}

/*old backend css*/
.buttonSmall_top_insert {
	min-width:120px;
	max-width:100%;
	height:28px;
	margin-bottom:15px;
	cursor:pointer;
	background-color: #A0A0A0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:solid 2px #A0A0A0;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	
}

.buttonSmall_top_insert:hover{
	min-width:120px;
	max-width:100%;
	height:28px;
	margin-bottom:15px;
	cursor:pointer;
	background-color: #F88D0D;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:solid 2px #A0A0A0;
	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	
}

.buttonSmall_test {
	min-width:120px;
	max-width:100%;
	height:28px;
	margin-top:15px;
	margin-bottom:15px;
	cursor:pointer;
	background-color: #A0A0A0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:solid 2px #A0A0A0;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
}
.buttonSmall_test:hover {
	min-width:120px;
	max-width:100%;
	height:28px;
	margin-top:15px;
	margin-bottom:15px;
	cursor:pointer;
	background-color: #F88D0D;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:solid 2px #A0A0A0;
	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
}
.buttonSmall {
	
	margin-top:15px;
	margin-bottom:15px;
	cursor:pointer;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px #808080;
	-moz-box-shadow: 1px 1px 1px #808080;
	box-shadow: 1px 1px 1px #808080;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	height:25px;
}
.buttonSmall:hover {
	margin-top:15px;
	margin-bottom:15px;
	cursor:pointer;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px #808080;
	-moz-box-shadow: 1px 1px 1px #808080;
	box-shadow: 1px 1px 1px #808080;
	
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	height:25px;	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;



}
.buttonSmall2 {
	
	margin-top:15px;
	margin-bottom:15px;
	cursor:pointer;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px #808080;
	-moz-box-shadow: 1px 1px 1px #808080;
	box-shadow: 1px 1px 1px #808080;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	height:25px;
}
.error_div{
	width:100%; 
	height:20px; 
	float:left;
}
.tool_tip{
	width:320px;
	height:114px;
	padding:10px;
	padding-bottom:10px;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	top:-110px;
	right:28px;
	background-image:url(images/tool_tip_bg.png);
	background-repeat:no-repeat;
	z-index:103px;
}
.buttonSmall2:hover {
	margin-top:15px;
	margin-bottom:15px;
	cursor:pointer;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px #808080;
	-moz-box-shadow: 1px 1px 1px #808080;
	box-shadow: 1px 1px 1px #808080;
	
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	height:25px;	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;



}
/*
	

	font-size: 11px;
	color: #ffffff;
	padding: 10px 10px;
	background: -moz-linear-gradient(
		top,
		#b0b0b0 ,
		#878787);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#00c746),
		color-stop(0.50, #ffffff),
		to(#a635a6));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0px solid #2ea100;
	-moz-box-shadow:
		0px 1px 3px rgba(255,0,0,0.5),
		inset 0px 0px 3px rgba(0,0,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(255,0,0,0.5),
		inset 0px 0px 3px rgba(0,0,0,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
*/
/*
.mybtn {
	float:right;
	margin-right:55px;
	padding: 0px;
	margin: 0px;
	width: 580px;
}

.mybtn li {
	display:block;
	margin-bottom:0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 75px;
	margin-right:6px;
}
.mybtn li a {
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px #808080;
	-moz-box-shadow: 1px 1px 2px #808080;
	box-shadow: 1px 1px 2px #808080;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	height:17px;
	padding-top: 4px;
	width:75px;
}
.mybtn li a.out{
	display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px #808080;
	-moz-box-shadow: 1px 1px 2px #808080;
	box-shadow: 1px 1px 2px #808080;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #666666;
	text-align:center;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	height:17px;
	padding-top: 4px;
	width:75px;
	margin-left:75px;
}
.mybtn li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;
}
.mybtn li a.out:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-image: -moz-linear-gradient(top, #ce1a1a, #971313);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ce1a1a), color-stop(1.0, #971313));
	background-color: #990000;
}

*/

file{
	
		margin-top:15px;
	margin-bottom:15px;
	BORDER-RIGHT: #666666 1px solid;
	PADDING-RIGHT: 1px;
	BORDER-TOP: #666666 1px solid;
	PADDING-LEFT: 1px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #666666 1px solid;
	COLOR: #FFF;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #666666 1px solid;
	background-color: #888888;
	}

.texti {
	font-family: Tahoma;
	font-size: 13px;
}


#titl {
	font-size: 15px;
	font-weight: bold;
}

#tableLayout {
	background-color: #FFFFFF;
	padding: 0px;
	width: 750px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(images/logo_water.jpg);
	background-repeat: no-repeat;
	background-position: center 180px;
}


#tablePersonal {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;

	margin-bottom: 10px;
}

#tablePersonal td {
	border: none;
	padding: 2px;
/*	color:#2197AF;
	font-weight:bold;*/
}
legend {
	color: #0046D5;
}
fieldset {
	
	margin-bottom: 20px;
	float:left;
	width:95%;
	background-color:#ECECEC;
}
#fieldHalf {
	width: 97%;
	float:left;
	margin-right: auto;
	margin-left: auto;
}
#tdPersonsNo {
	padding-right: 10px;
	width: 50%;
}
#tdAmountNo {
	width: 50%;
	padding-left: 10px;
}
.texti_small {

	font-family: Tahoma;
	font-size: 11px;
	font-weight:normal;
}

#field75 {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#tdShow1 {
	background-color: #C8D7CC;
}
#field25 {
background-color:#ECECEC;
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
textarea {
	font-family: Tahoma;
	font-size: 11px;
}
#tblDetails {
	padding: 5px;
	width: 98%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 11px;
}
#tblDetails td{
	padding: 3px;
}
#fieldDet {
	width: 97%;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}



/* CLASSES */
.login {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 2em; PADDING-LEFT: 15px; BACKGROUND: #f1f3f5; PADDING-BOTTOM: 15px; MARGIN-LEFT: auto; BORDER-LEFT: #cccccc 1px solid; WIDTH: 429px; MARGIN-RIGHT: auto; PADDING-TOP: 15px; BORDER-BOTTOM: #cccccc 1px solid
}


.form-block {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BACKGROUND: #e9ecef;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
}


.inputlabel {
	FONT-WEIGHT: bold; TEXT-ALIGN: left
}
.login-text {
	FLOAT: left; WIDTH: 40%; TEXT-ALIGN: left
}
.ctr {
	TEXT-ALIGN: center
}
.clr {
	CLEAR: both
}

.button {
	
	margin-top:15px;
	margin-bottom:15px;
	PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;

	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	PADDING-BOTTOM:5px;
	PADDING-TOP: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px #808080;
	-moz-box-shadow: 1px 1px 1px #808080;
	box-shadow: 1px 1px 1px #808080;
	background-image: -moz-linear-gradient(top, #b0b0b0, #878787);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0b0b0), color-stop(1.0, #878787));
	background-color: #A0A0A0;
text-align:center;
	font-size: 11px;
	color: #FFFFFF;
height:28px;
}
.button:hover {
	
	margin-top:15px;
	margin-bottom:15px;
	PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;

	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	PADDING-BOTTOM:5px;
	PADDING-TOP: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px #808080;
	-moz-box-shadow: 1px 1px 1px #808080;
	box-shadow: 1px 1px 1px #808080;

	background-image: -moz-linear-gradient(top,#F7AD02, #F88D0D );
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F7AD02), color-stop(1.0, #F88D0D));
	background-color: #ADADAD;
text-align:center;
	font-size: 11px;
	color: #FFFFFF;
height:28px;
}

.inputbox {
	WIDTH: 150px;
}


.selectSmall {
	font-size: 10px;
}



/*  class for tables designs TABLE 1*/
.dcaption {
	WIDTH: 100%
}
.dcaption .left {
	BACKGROUND: url(images/topleft.png) no-repeat; FLOAT: left; WIDTH: 9px; MARGIN-RIGHT: -3px; HEIGHT: 26px
}
.dcaption .right {
	BACKGROUND: url(images/topright.png) no-repeat; FLOAT: right; MARGIN-LEFT: -3px; WIDTH: 9px; HEIGHT: 26px
}
.dcaption .center {
	BACKGROUND-IMAGE: url(images/top.png); FONT: 10px/26px Verdana, Tahoma, Arial, Helvetica, sans-serif; COLOR: #111; HEIGHT: 26px
}
.dbody {
	WIDTH: 100%
}
.dbody .leftwrapper {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/left.png) repeat-y left 50%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.dbody .rightwrapper {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/right.png) repeat-y right 50%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.dbody .leftcontent {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 9px; PADDING-TOP: 0px
}
.dbody .rightcontent {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 9px; PADDING-TOP: 0px
}
.dbody .dcenter {
	BACKGROUND: url(images/menubg.png) #eee; MARGIN: 0px 5px
}
.dbody .dinner {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; FONT: 9px Verdana, Tahoma, Arial, Helvetica, sans-serif; COLOR: #222; PADDING-TOP: 4px
}
.dbottom .left {
	FONT-SIZE: 1px; BACKGROUND: url(images/bottomleft.png) no-repeat; FLOAT: left; WIDTH: 9px; MARGIN-RIGHT: -3px; HEIGHT: 8px
}
.dbottom .right {
	FONT-SIZE: 1px; BACKGROUND: url(images/bottomright.png) no-repeat; FLOAT: right; MARGIN-LEFT: -3px; WIDTH: 9px; HEIGHT: 8px
}
.dbottom .center {
	FONT-SIZE: 1px; BACKGROUND-IMAGE: url(images/bottom.png); HEIGHT: 8px
}
/* /////////////////////////////// */
.cap_border {
	BORDER-TOP: #878787 1px solid; BORDER-BOTTOM: #fff 1px solid
}
.main_caption {
	BACKGROUND-IMAGE: url(images/s_main_cap_.png); BACKGROUND-COLOR: #e1e4e8; PADDING-RIGHT: 5px; BACKGROUND-POSITION: left 50%; BORDER-TOP: #e9efff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #878787 1px solid; BACKGROUND-REPEAT: no-repeat; WHITE-SPACE: nowrap
}
.left_caption {
	BACKGROUND-IMAGE: url(images/s_left_cap_.png); BACKGROUND-COLOR: #d2d5d9; PADDING-RIGHT: 5px; BACKGROUND-POSITION: left 50%; BORDER-TOP: #e9efff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #878787 1px solid; BACKGROUND-REPEAT: no-repeat; WHITE-SPACE: nowrap
}
.right_caption {
	BACKGROUND-IMAGE: url(images/s_left_cap_.png); BACKGROUND-COLOR: #d2d5d9; PADDING-RIGHT: 5px; BACKGROUND-POSITION: left 50%; BORDER-TOP: #e9efff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #878787 1px solid; BACKGROUND-REPEAT: no-repeat; WHITE-SPACE: nowrap
}
.cont {
	WIDTH: 100%; BORDER-COLLAPSE: collapse; border-spacing: 0px
}
.menu_content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}
.bevel {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(images/s_left_bevel_.png); BACKGROUND-REPEAT: no-repeat
}


DIV.menuBar {
	FONT: 11px arial, verdana, tahoma, sans-serif; COLOR: #000
}
DIV.menuBar A.menuButton {
	FONT: 11px arial, verdana, tahoma, sans-serif; COLOR: #000
}
DIV.menuButton {
	FONT: 11px arial, verdana, tahoma, sans-serif; COLOR: #000
}
DIV.menuButton_over {
	FONT: 11px arial, verdana, tahoma, sans-serif; COLOR: #000
}
DIV.menu {
	FONT: 11px arial, verdana, tahoma, sans-serif; COLOR: #000
}
DIV.menu A.menuItem {
	FONT: 11px arial, verdana, tahoma, sans-serif; COLOR: #000
}
DIV.menuBar {
	PADDING-RIGHT: 0px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(images/s_nav_.png); PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #f7f9fa; TEXT-ALIGN: left
}
DIV.emenuBar {
	BORDER-TOP: #fff 1px solid; BACKGROUND-COLOR: #f7f9fa; TEXT-ALIGN: left
}
DIV.menuBar A.menuButton {
	BORDER-RIGHT: #f8fafb 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 22px; Z-INDEX: 100; LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #f8fafb 1px solid; CURSOR: default; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f2f3 1px solid; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuButton {
	BORDER-RIGHT: #f8fafb 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 22px; Z-INDEX: 100; LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #f8fafb 1px solid; CURSOR: default; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f2f3 1px solid; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuButton_over {
	BORDER-RIGHT: #f8fafb 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 22px; Z-INDEX: 100; LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #f8fafb 1px solid; CURSOR: default; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f2f3 1px solid; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuBar A.menuButton:hover {
	BORDER-LEFT-COLOR: #fff! important; BORDER-BOTTOM-COLOR: #a5a5a5! important; BORDER-TOP-COLOR: #fff! important; BACKGROUND-COLOR: transparent; BORDER-RIGHT-COLOR: #a5a5a5! important
}
DIV.menuButton:hover {
	BORDER-LEFT-COLOR: #fff! important; BORDER-BOTTOM-COLOR: #a5a5a5! important; BORDER-TOP-COLOR: #fff! important; BACKGROUND-COLOR: transparent; BORDER-RIGHT-COLOR: #a5a5a5! important
}
DIV.menuButton_over {
	BORDER-LEFT-COLOR: #fff! important; BORDER-BOTTOM-COLOR: #a5a5a5! important; BORDER-TOP-COLOR: #fff! important; BACKGROUND-COLOR: transparent; BORDER-RIGHT-COLOR: #a5a5a5! important
}
DIV.menuBar A.menuButtonActive {
	BORDER-LEFT-COLOR: #a5a5a5! important; LEFT: 1px; BORDER-BOTTOM-COLOR: #fff! important; BORDER-TOP-COLOR: #a5a5a5! important; TOP: 1px; BACKGROUND-COLOR: #fff; BORDER-RIGHT-COLOR: #fff! important
}
DIV.menuButtonActive {
	BORDER-LEFT-COLOR: #a5a5a5! important; LEFT: 1px; BORDER-BOTTOM-COLOR: #fff! important; BORDER-TOP-COLOR: #a5a5a5! important; TOP: 1px; BACKGROUND-COLOR: #fff; BORDER-RIGHT-COLOR: #fff! important

}
DIV.menuButtonActive:hover {
	BORDER-LEFT-COLOR: #a5a5a5! important; LEFT: 1px; BORDER-BOTTOM-COLOR: #fff! important; BORDER-TOP-COLOR: #a5a5a5! important; TOP: 1px; BACKGROUND-COLOR: #fff; BORDER-RIGHT-COLOR: #fff! important
}
DIV.menuBar A.menuButtonActive:hover {
	BORDER-LEFT-COLOR: #a5a5a5! important; LEFT: 1px; BORDER-BOTTOM-COLOR: #fff! important; BORDER-TOP-COLOR: #a5a5a5! important; TOP: 1px; BACKGROUND-COLOR: #fff; BORDER-RIGHT-COLOR: #fff! important
}
DIV.menu {
	width:15%;
	margin-top:2px;
	BORDER-RIGHT: #a5a5a5 1px solid;
	PADDING-RIGHT: 1px;
	BORDER-TOP: #fff 1px solid;
	PADDING-LEFT: 1px;
	Z-INDEX: 101;
	LEFT: 0px;
	VISIBILITY: hidden;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #fff 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #a5a5a5 1px solid;
	POSITION: absolute;
	TOP: 0px;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
	BACKGROUND-COLOR: #C1C1C1;

}
DIV.menu A.menuItem {
	PADDING-RIGHT: 11px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; CURSOR: default; PADDING-TOP: 2px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
DIV.menu A.menuItem:hover {
	BACKGROUND-COLOR: #f2f4ff
}
DIV.menu A.menuItemHighlight {
	BACKGROUND-COLOR: #f2f4ff
}
DIV.menu A.menuItem SPAN.menuItemBuffer {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
DIV.menu A.menuItem:hover SPAN.menuItemBuffer {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
DIV.menu A.menuItem SPAN.menuItemText {
	PADDING-RIGHT: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
DIV.menu A.menuItem SPAN.menuItemArrow {
	MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {
	BORDER-TOP: #a5a5a5 1px solid; MARGIN: 4px 2px; BORDER-BOTTOM: #fff 1px solid
}
A.header {
	BORDER-BOTTOM: #b3b3b3 1px solid
}
DIV.menu IMG.imgIcon {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: bottom; BORDER-LEFT: 0px; WIDTH: 16px; BORDER-BOTTOM: 0px; HEIGHT: 16px
}

.mainIconsTr {
	VERTICAL-ALIGN: top; WIDTH: 25%; TEXT-ALIGN: center; height: 80px
}
.mainIconImg {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px;BORDER-BOTTOM: 0px;
}
#mainIconsA {
	font-size: 11px;
	color: #787878;
	text-decoration: underline;
}
#mainIconsA:hover {
	font-size: 11px;
	color: #787878;
	text-decoration: none;
}


.odd_center {
	FONT-SIZE: 12px; BACKGROUND: #BBDDFF; COLOR: #000033; BORDER-BOTTOM: #000033 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.odd_right {
	PADDING-RIGHT: 6px; FONT-SIZE: 12px; BACKGROUND: #BBDDFF; COLOR: #000033; BORDER-BOTTOM: #000033 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: right
}
.odd_left {
	PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #BBDDFF; COLOR: #000033; BORDER-BOTTOM: #000033 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
.odd_left A {
	COLOR: #000033
}
.odd_left A:hover {
	COLOR: #0000cc
}
.even_center {
	FONT-SIZE: 12px; BACKGROUND: #ffffff; COLOR: #000033; BORDER-BOTTOM: #000033 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.even_right {
	PADDING-RIGHT: 6px; FONT-SIZE: 12px; BACKGROUND: #ffffff; COLOR: #000033; BORDER-BOTTOM: #000033 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: right
}
.even_left {
	PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #ffffff; COLOR: #000033; BORDER-BOTTOM: #000033 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
.even_left A {
	COLOR: #000033
}
.even_left A:hover {
	COLOR: #0000cc
}
.bgwater {
	background-attachment: fixed;
	background-image: url(images/logo_water.jpg);
	background-repeat: no-repeat;
	background-position: center 180px;
}.warning {
	list-style-image: url(images/warning.png);
	list-style-position: outside;
}
.em_texti {
	margin-top: 0px;
	margin-bottom: 20px;
	font-family: Tahoma;
	font-size: 13px;
	border: 2px groove #CCCCCC;
	background-color:#F4FBFF;
}

/* Login CLASSES */

.login-form {
	FLOAT: right; WIDTH: 60%; TEXT-ALIGN: left
}

.ctr {
	TEXT-ALIGN: center

	CLEAR: both
}
.button2 {
	BORDER-RIGHT: #1a61a9 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #1a61a9 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 10px; PADDING-BOTTOM: 1px; MARGIN: 1px; BORDER-LEFT: #1a61a9 1px solid; COLOR: white; PADDING-TOP: 1px; BORDER-BOTTOM: #1a61a9 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #1a61a9
}


.alertR {

	font-size: 12px;
	color: #6D6E71;
}
.nav_sep {
	color: #670000;
	font-size: 16px;
	background-color: #E6E9EC;
}
.cdown{

	font-size: 15px;
	color: #670000;
	height: 50px;
	width: 80px;
	text-align: center;
	margin-right:auto;
	margin-left:auto;
}
.help_tit{
	font-size: 14px;

	font-weight: bold;
}
.subc{
text-align:right;color:#F7880C;	font-family: Tahoma;
	font-size: 11px;
	font-weight:normal;	
	}
	.return_msg{width:100%; margin-top:10px; margin-bottom:30px;color:#F78C0D; text-align:center; float:left;}
	.return_validation{width:100%; margin-bottom:15px;text-align:center; float:left;}
		.highlight_important
{
	color:#FF0000;
	background-color:#FFFF00;
}
.floating_table{
	color:#FF0000;
	margin-left:-190px;
	position:fixed;
	margin-top:50px;
	z-index:100; 
	width:140px;
	height: 22px;
	padding:5px;
	padding-top:10px;
	float:left;
	border:solid 1px #ACACAC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#CDCDCD;
	margin-right: 25px;
	text-align: center;
	cursor:pointer;		
	display:no;
}
.item_available_one{
	width:150px; 
	height:120px; 
	float:left; 
	padding-top:40px;
	position:absolute;
	z-index:10000000;
	top:0px;
	left:0px;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
	background-color:#EBEBEB;
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CDCEC9;
	text-shadow: 0px 2px 1px #333;
	text-align:center;
	cursor:default
}
.item_available_one_2{
	width:150px; 
	height:120px; 
	float:left; 
	padding-top:40px;
	position:absolute;
	z-index:10000000;
	top:0px;
	left:157px;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
	background-color:#EBEBEB;
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CDCEC9;
	text-shadow: 0px 2px 1px #333;
	text-align:center;
	cursor:default
}
.item_available_one_3{
	width:150px; 
	height:120px; 
	float:left; 
	padding-top:40px;
	position:absolute;
	z-index:10000000;
	top:0px;
	left:314px;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
	background-color:#EBEBEB;
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CDCEC9;
	text-shadow: 0px 2px 1px #333;
	text-align:center;
	cursor:default
}