﻿hr {
	border: 0; 
  height: 1px; 
  margin:5px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
.heading
{
    font: bold 13px Verdana, Tahoma, Helvetica, sans-serif;
	color:#000;
	text-align:left;   
}
.textCell
{
    font: 11px Verdana, Tahoma, Helvetica, sans-serif;
	color:#000;
	text-align:right;  
}

.fieldCell
{
    font: 11px Verdana, Tahoma, Helvetica, sans-serif;
	color:#000;
	text-align:left;   
}

.content-box
{	
/*	height:200px; */
	width:100%;
	font-family: verdana,Century Gothic;
	font-size: 12px;
	background-color:#FFFFFF;
	color:black;
	text-decoration: none;
	border-top:1px solid #808080;
	border-right:1px solid #808080;
	border-left:1px solid #808080;
	border-bottom:5px solid #808080;
	vertical-align:middle;	
	border-radius:10px;
	-moz-box-shadow: inset 2px 0 15px 2px #F2F2F2;
	-webkit-box-shadow: inset  2px 0 15px 2px #F2F2F2;
	box-shadow: inset 2px 0 15px 2px #F2F2F2;
}
.pageTitle
{
	background-color:#EFF3F1;
	height:20px;
	font-size: 18px;
	color:#000000;
	font-family: verdana,Century Gothic;
	border-bottom:1px #808080 solid;
	border-top:1px #808080 solid;
	text-align:left;
	padding: 5px 5px 5px 10px;
	-webkit-box-shadow: 0px 2px 2px 0px #F3F3F3;
	box-shadow: 0px 2px 2px 0px #F3F3F3;	
	letter-spacing:2px;
}
.AddNewButton
{
	font-family: verdana;
	color: #5A5B5B;
	font-size: 11px;
	font-weight:bold;
	background:#F7F7F7;		
	height: 30px;
	cursor: hand;	
	vertical-align:middle;	
	border:solid 1px #5A5B5B;
	padding: 7px 25px 7px 10px;
	border-radius:6px;
	background-image: url('../img/add.png');
	background-repeat: no-repeat;
	background-position:right;
	text-align:left;	
	-moz-box-shadow: 2px 2px 4px #C0C0C0; 
	-webkit-box-shadow: 2px 2px 4px #C0C0C0; 
	box-shadow: 2px 2px 4px #C0C0C0;
}
.SaveButton
{
	font-family: verdana;
	color: #5A5B5B;
	font-size: 11px;
	font-weight:bold;
	background:#F7F7F7;		
	height: 30px;
	cursor: hand;	
	vertical-align:middle;	
	border:solid 1px #5A5B5B;
	padding: 7px 25px 7px 10px;
	border-radius:6px;
	background-image: url('../img/save.gif');
	background-repeat: no-repeat;
	background-position:right;
	text-align:left;	
	-moz-box-shadow: 2px 2px 4px #C0C0C0; 
	-webkit-box-shadow: 2px 2px 4px #C0C0C0; 
	box-shadow: 2px 2px 4px #C0C0C0;
}
.CancelButton
{
	font-family: verdana;
	color: #5A5B5B;
	font-size: 11px;
	font-weight:bold;
	background:#F7F7F7;		
	height: 30px;
	cursor: hand;	
	vertical-align:middle;	
	border:solid 1px #5A5B5B;
	padding: 7px 25px 7px 10px;
	border-radius:6px;
	background-image: url('../img/cancel.png');
	background-repeat: no-repeat;
	background-position:right;
	text-align:left;	
	-moz-box-shadow: 2px 2px 4px #C0C0C0; 
	-webkit-box-shadow: 2px 2px 4px #C0C0C0; 
	box-shadow: 2px 2px 4px #C0C0C0;
}
.txtBox
{
	font-family: verdana,Century Gothic;
	color: #5A5B5B;
	font-size: 12px;
	border: 1px solid #C0C0C0;	
	height: 20px;		
	vertical-align:middle;	
	border-radius:5px;
	-moz-box-shadow: inset 1px 0 15px 2px #E0E0E0;
	-webkit-box-shadow: inset  1px 0 15px 2px #E0E0E0;
	box-shadow: inset 1px 0 15px 2px #E0E0E0;
	padding: 5px 5px 5px 5px;
	resize: none;
	width:98%;
}
.txtBoxCalender
{
	font-family: verdana,Century Gothic;
	color: #5A5B5B;
	font-size: 12px;
	border: 1px solid #C0C0C0;	
	height: 20px;
	vertical-align:middle;	
	background-image: url(../img/cal.gif);
	background-repeat: no-repeat;
	background-position: right;
	cursor:help;	
	border-radius:5px;
	-moz-box-shadow: inset 1px 0 15px 2px #E0E0E0;
	-webkit-box-shadow: inset  1px 0 15px 2px #E0E0E0;
	box-shadow: inset 1px 0 15px 2px #E0E0E0;
	padding: 5px 5px 5px 5px;
	width:98%;
}
.engCell {
	text-align: left;
	font-family: verdana,Century Gothic;
	color: #000000;
	font-size: 11px;
	width:60%;
	height:20px;
	xbackground-color:#fff;
}
.arCell 
{
	text-align: right;
	font-family: verdana,Century Gothic;
	color: #000000;
	font-size: 13px;
	width:60%;
	height:20px;
	xbackground-color:#fff;
}
.iframecss{height:450px;width:100%;}
/* ----------Place holder & required CSS------*/
input.txtBox {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
input.txtBox:required {

    background:url('../img/required.gif') no-repeat scroll 100% 50% transparent;
}
input.txtBox:required:valid {
background: url('../img/success_16.png') no-repeat scroll 95% 50% transparent;
}
input.txtBox:not(:focus), textarea:not(:focus) {
    opacity: 0.7;
}
input.txtBox:invalid:focus {
    background: url('../img/error_16.png') no-repeat scroll 95% 50% transparent;
    border-color: rgba(216, 113, 16, 0.8);
    box-shadow: inset 1px 0 11px 1px #E0E0E0;
}
input.txtBox:required:valid:focus {
    background: url('../img/success_16.png') no-repeat scroll 95% 50% transparent;
    border-color: rgba(34, 136, 34, 0.8);
   box-shadow: inset 1px 0 11px 1px #E0E0E0;
}
/* ----------Place holder & required CSS Ends------*/