@charset "utf-8";

*                   	{ margin:0; padding:0; outline:none; }
body                	{ font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
                      	background: url(/images/body_bg.png) repeat-x; /*#009FAA or #5FA3C4 */
						background-color:#f5f5f5;
						direction:rtl; margin-top:20px; }
html .login-wrap {
  position: relative;
  margin: 0 auto;
  background: #ecf0f1;
  width: 380px;
  border-radius: 5px;
  box-shadow: 3px 3px 10px #333;
  padding: 15px;
}
html .login-wrap h2 {
  text-align: center;
  font-weight: 200;
  font-size: 12px;
  margin-top: 10px;
  color: #34495e;
}
html .login-wrap .form {
  padding-top: 20px;
}
html .login-wrap .img,
html .login-wrap small{
width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 25px;
  height: 40px;
  border-radius: 5px;
  outline: 0;
  -moz-outline-style: none;
}
html .login-wrap .form input[type="text"],
html .login-wrap .form input[type="password"],
html .login-wrap .form input[type="submit"]{
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 25px;
  height: 40px;
  border-radius: 5px;
  outline: 0;
  -moz-outline-style: none;
}
html .login-wrap .form input[type="text"],
html .login-wrap .form input[type="password"] {
  border: 1px solid #bbb;
  padding: 0 0 0 10px;
  font-size: 14px;
}
#login_form { 
									width:400px; margin:0 auto; height:420px; padding:10px 0;
									background: transparent url(/images/form_bg.png) no-repeat;
									position:relative; }
#mainContent{
	background-color:#f5f5f7;
	border:1px solid #1a3867;
	width:90%;
	height:auto;
	margin-top:10px;
	margin-right:55px;
	padding:5px;
	border-radius:5px;
	box-shadow: 10px 5px 5px #888888;
}
.profilediv{
	border:1px solid #1a3867;
	border-radius:5px;
	width:90%;
	height:auto;
	background-color:#ededed;
	color:#454545;
	padding:10px;
	font-size:12px;
	margin-top:10px;
	margin-right:55px;
	box-shadow: 10px 5px 5px #888888;
}
.searchTbl td{
	padding:2px;
}
.profileTbl{
	margin-top:5px;
	border:1px;
	border-color:#d0c5c5;
	border-collapse: collapse;
	padding:20px;
}
.profileTbl td{
	padding:5px;

}
.profileTbl thead{
	font-family:tahoma;
	font-size:12px;
	text-align:right;

}
.insPayTbl td{
	padding:5px;

}
.insPayTbl{
	padding:5px;
	margin-top:5px;
	border:1px;
	border-color:#d0c5c5;
	border-collapse: collapse;
}	

form fieldset					{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1.2em; background: #EEF1F7;
												margin:0px 0px 20px 0px; width:95%; position:absolute;
												border:1px dashed;display:block; padding: 0px 10px 8px; }
form fieldset legend	{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
												font-weight:bold; font-variant:small-caps; font-size:100%; padding:4px 8px;
												margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }
/* label									{ font-size:90%; width:10em; text-align:left;
												right: 10px; display: block; margin: 5px 0 5px; font-weight:bold;padding:0px 0px 0px;} */
label.error           { font-weight:normal;color:red;text-align:center;width:180px; margin:-20px 130px 0px 0px; padding-bottom: 2px;
                        background: transparent url(/images/cancel.png) no-repeat scroll left; float: right;}

.textbox, textarea, select {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	border: 1px solid #6b91ab;
	border-radius: 3px;
	color: #000000;
	font: 11px;
	height:25px;
}
.textbox:focus {
	background-color:#f2f6f8;
}
textarea:focus {
	background-color:#f2f6f8;
}
select:focus {
	background-color:#f2f6f8;
}
textarea{
	height:100px;
}

input.button							{ margin:20px 120px; padding:3px 6px; display:block;
												border: 1px solid #7C7C7C; color:#032AA1; 
												font-family:Tahoma, Arial, Helvetica, sans-serif;
												background:#CCC; -moz-border-radius:5px; }

input.button:hover		{ background:#009FAA none repeat scroll 0% 0%; color:white; border:1px solid black;}


.messagebox, .messageboxok, .messageboxerror{
	position:relative;
	display: block;
	width:80%;
	margin-right:10%;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	width:80%;
	margin-right:10%;
	border:1px solid #349534;
	background:#C9FFCA;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	width:80%;
	margin-right:10%;
	border:1px solid #CC0000;
	background:#F7CBCA;
	font-weight:bold;
	color:#CC0000;
}


#footer	{
   position:absolute;
   bottom:0;
   font-size: 11px;
   width:97%;
   height:40px;   /* Height of the footer */
   padding-right: 3%;
   color: #00477D;
   background: #E0EAF4; /*#8EC4DD*/
   border-top: 1px solid #7F878B;
}
.error{
	color:#5f3f57;
	background: #fddfdf; /*#8EC4DD*/
	padding-right: 3%;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top:2%;
	border:#f1a899 solid 2px;
	border-radius:3px;

}
.header{
	background-color:#cdcdcd;
	font-weight:bold;
}
.star{
	color:red;
}
.odd{
	background-color:#f1f1f1;
}
.even{
	background-color:#e6e3e3;
}
.hover{
	background-color:#b5b4b4;
}
.inputHover{
	background-color:#f2f6f8;
}
.hover_select{
	background-color:#b5b4b4;
}
.btn{
	/* width:138px; */
	text-align:right
}
legend{
	cursor:pointer;
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
}
legend:hover{
	color:blue;
}