@charset "utf-8";

/* Reset */
* {
	margin: 0px;
	padding: 0px;
	border: none;
}
ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ul {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

/* Basic */
body{
	margin: 0px;
	text-align:left;
	font: 11px/11px verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#332420;
	line-height:30px;
	font-weight:bold;
	background: #fffff;
	
	/*background: url('../imgs/bkgnd-DE.jpg') repeat;*/
	background: url('../imgs/bkgnd-new.png') repeat;
}
form {
	margin-top: 20px; 
	margin-bottom: 20px; 
}

p {
	text-align: justify;
	position: relative;
}

hr {
	width:100%;
	border: #8B0000 1px dashed; 
}
h1
{
	font:bold 20px/18px Calibri;
	letter-spacing: 2px;
	color: #FFFFFF;
	background:  url('../imgs/dark-brown-bcknd2.jpg') repeat scroll 0 0;
	
	/*background:#B22222;*/
	padding:7px;
	text-shadow: 1px 1px 1px #333;
	text-align:left;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
	/*border-bottom:#8B0000 1px solid;*/
}
h2{
	font:bold 14px/20px Arial;
	letter-spacing: 1px;
	/*color: #b4dd81;*/
	/*color:#B22222 ;*/
	color:#8B0000;
	padding:2px;
	/*border-bottom:#8B0000 1px solid;*/
	border-bottom:#461c07 1px solid;
	text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff;
	width:95%;
	text-align:left;
}
h3{
	font:bold 14px/20px Arial;
	letter-spacing: 1px;
	color: #b4dd81;
	background:#455a71;
	padding:10px;
	text-shadow: 10 -1px 0 #fff, 0 -1px 0 #fff;
	text-align:right;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
}
h4{
	font:bold 10px/12px Arial;
	letter-spacing: 1px;
	color: #8B8B8B;
	background:#8B8B8B;
	padding:0px;
	text-align:right;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:1px;
}
h5{
	font:bold 14px/16px Arial;
	letter-spacing: 1px;
	color: #fff;
	/*background:  url('../imgs/bg_new1.jpg') repeat ;*/
	padding:10px;
	text-shadow: 10 -1px 0 #fff, 0 -1px 0 #fff;
	text-align:right;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
	background-color:tan;
	border:1px solid brown;
}
hleft{
	font:bold 14px/16px Arial;
	letter-spacing: 1px;
	color: #b4dd81;
	background:#3e7a47;
	
	padding:5px;
	text-shadow: 10 -1px 0 #fff, 0 -1px 0 #fff;
	text-align:left;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
}
h3 b {color: #f8ce00; font:bold 20px/20px Arial;}

.borderh1, .borderh3 {
/*border-bottom:#3e7a47 1px solid;*/
}
.reqd, .reqdvalidator {
	font-size:14px;
	font-weight:bold;
	color:red;
	letter-spacing: 1px;
	font-family:Calibri;
}
.listingnormal {
	padding:10px;
	border:#b4dd81 1px dashed;
}
.listingboxed {
	padding:10px;
	border:#3e7a47 3px solid;
}
.listinghighlighted {
	padding:10px;
	border:#3e7a47 3px solid;
	background:#b4dd81;
}
.listingheader {
	font:bold 14px/20px Arial;
	letter-spacing: 1px;
	color: #3e7a47;
}
.listingfooter {
	font-weight:bold;
}
.lblMsg, .lblmsg, .dgPager, caption {
	font-size:12px;
	font-weight:bold;
	color:red;
	text-align:center;
	letter-spacing: 1px;
	font-family:Arial;
}
.lblName, .lblname {
	font-size:13px;
	font-weight:bold;
	/*color:#8B0000;*/
	color:#332420;
	/*text-align:center;*/
	letter-spacing: 1px;
	font-family:Arial;
}
.lblName_tab, .lblname_tab {
	font-size:24px;
	font-weight:bold;
	color:#8B0000;
	text-align:center;
	letter-spacing: 1px;
	font-family:Arial;
}
.lblWhite, .lbwhite {
	font-size:12px;
	font-weight:bold;
	color:White;
	text-align:center;
	letter-spacing: 1px;
}
.textbg {
	background: #b4dd81; 
}
.textred {
	font-weight:bold;
	color:red;
	text-align:center;
	letter-spacing: 1px;
}
.textgreen {
	font-weight:bold;
	color:green;
	text-align:center;
	letter-spacing: 1px;
}
table.border, td.border {
	padding:5px;
	border: #8B0000 1px  dashed;
}
table.tbl td {
	text-align:left;
	padding:5px;
	border: #8B0000 1px  dashed;
}
table.tblhover td {
	text-align:left;
	padding:5px;
	border-bottom:  #8B0000 1px dashed;
}
table.tblhover tr:hover {
	background: url('../imgs/mr_navrollshine.png') 0 0 repeat-x #b4dd81; 
}
.borderright {
	border-right: #455a71 1px  dashed;
    border-left: #455a71 1px  dashed;
}
.bordernotop {
	border-right: #455a71 1px  dashed;
    border-left: #455a71 1px  dashed;
    border-bottom: #455a71 1px  dashed;
}

.header, .dgHeader, .dgFooter {
	/*background:  url('../imgs/bg_new1.jpg') repeat ;*/
	background:  url('../imgs/dark-brown-bcknd2.jpg') repeat scroll 0 0;
	
	color:#fff;
	font-weight:bold;
	text-align:center;
	letter-spacing: 1px;
}
input.text, input.textbox, input[type='text'], input[type='password'], input[type="file"], .textbox {
	padding:3px;
	margin:3px;
	color:#333;
	background:#f9f9f9;
	border: #dadad8 1px solid;
	width:250px;
	height:20px;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
	border: 1px solid #461c07;
}
input.text:focus, input.textbox:focus, input[type='text']:focus, input[type='password']:focus, input[type="file"]:focus, textarea:focus, .textbox:focus {
	font-weight:bold;
	background:#fff;
	border: #878787 1px solid;
}

textarea {
	padding:3px;
	margin:3px;
	color:#333;
	background:#f9f9f9;
	border: 1px solid #461c07;
	width:250px;
	height:100px;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
}

select, .cmb {
	padding: 3px;
	margin:3px;
	color: #666;
	background: #f9f9f9;
	border: #dadad8 1px solid;
	width: 260px;
	height: 28px;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
	border: 1px solid #461c07;
}
select:focus,.cmb:focus {
	font-weight:bold;
	background:#fff;
	border: #878787 1px solid;
}
.dgbtn {
	font: 10px/12px Arial;
	text-transform: uppercase;
	width:130px;
	height:35px;
	border: 1px solid #800000;
	color: #800000;
	text-shadow:1px 1px 1px #fff;
	margin:5px;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
}
.btn {
	margin:5px;
	font: bold 12px/12px Segoe UI;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #A52A2A;
	width:150px;
	height:35px;
	border: 1px solid Black;
	color: #fff;
	text-shadow:1px 1px 1px #333;
	margin:5px;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
}
.btnactive 
{
	margin:5px;
	font: bold 12px/12px Segoe UI;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*background-color: #A52A2A;*/
	background-color:#461c07;
	width:150px;
	height:35px;
	border: 1px solid Black;
	color: #fff;
	text-shadow:1px 1px 1px #333;
	margin:5px;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
}
.btnactive:hover, .btn:hover, .dgbtn:hover {
	background: #800000;
	color: #fff;
	text-shadow:1px 1px 1px #333;
}
.btngrid {
	margin:5px;
	font: bold 12px/12px Arial;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #989898;
	width:50px;
	height:25px;
	border: 1px solid #000000;
	color: #fff;
	text-shadow:1px 1px 1px #333;
	margin:5px;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:2px;
}
.btngrid:hover, .btn:hover, .dgbtn:hover {
	background: #455a71;
	color: #fff;
	text-shadow:1px 1px 1px #333;
}
.lblejid 
{
	margin:5px;
	padding:5px;
	font:bold 14px/10px Arial;
	color:#921823;
	letter-spacing: 2px;
	text-shadow:1px 1px 1px #ccc;
}
.lblmedium_green 
{
	margin:5px;
	padding:5px;
	font:bold 16px/18px Arial;
	color:Black;
	letter-spacing: 2px;
	text-shadow:1px 1px 1px #ccc;
}
.lblmedium_red 
{
	margin:5px;
	padding:5px;
	font:bold 16px/18px Arial;
	color:#8B0000;
	letter-spacing: 2px;
	text-shadow:1px 1px 1px #ccc;
}
.lbldbid 
{
	margin:5px;
	padding:5px;
	font:bold 36px/36px Arial;
	color:#921823;
	letter-spacing: 2px;
	text-shadow:1px 1px 1px #ccc;
}
.lbldbcomitid 
{
	margin:5px;
	padding:5px;
	font:bold 30px/30px Arial;
	color:#455a71;
	letter-spacing: 2px;
	text-shadow:1px 1px 1px #ccc;
}
.lblevent {
	font:bold 14px/10px Arial;
	color:#8B0000;
	letter-spacing: 0px;
	/*text-shadow:1px 1px 1px #ccc;*/
}
.lowborder {
	border-bottom: #ccc 1px dashed;
	height: 24px
}
a:link, a:visited {
	color: #8B0000;
	text-decoration: underline;
}
a:hover {
	color: #8B0000;
	font-weight:bold;
}
table.dg, table.dg td {
	border: #8B0000 1px  dashed;
	padding-left:5px;
	
}
table.dg tr.dgItem:hover, table.dg tr.dgAlt:hover {
	background: #7b310c;
	color:White; 
}
.dgItem, .dgAlt {
	text-align:left;
}
.dgEdit, .dgSelect {
	text-align:left;
	background: #A52A2A;
	color:White; 
}
/*normal box*/
div.box 
{
	padding: 1px;
	/*margin: 1px;*/
	position: relative;
	background-color: #eee;
	border:1px solid #461c07;
	-moz-border-radius:11px;
	-khtml-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:5px;
	
	-moz-box-shadow:rgba(180,221,129,1) 0 4px 18px;
	-webkit-box-shadow:rgba(180,221,129,1) 0 4px 18px;
	-khtml-box-shadow:rgba(180,221,129,1) 0 4px 18px;
	box-shadow:rgba(99,102,111,1) 0 4px 18px;
	
}
div.content {
	padding: 1em; 
	background: #FFFFFF;
	text-align: justify;
	overflow: auto;
	/*background: url('../imgs/bkgnd-DE.jpg') repeat;*/
	background-color:#f7f2d1;
}

#HeaderBox 
{
	background: url('../imgs/Header.jpg') no-repeat #a1a1a1 ;
	position: relative;
	top:0px;
	margin: 0px;
	
	width: 100%;
	height:10036px;
	z-index: 952; /* comes over other controls [in fornt of all other controls] negative means behind other controls*/
	display: block;
	padding: 0;
	/*border-bottom: 0px dashed #000000;
	border-top: 0px dashed #000000;
	-moz-box-shadow:rgba(180,221,129,1) 0 4px 18px;
	-webkit-box-shadow:rgba(180,221,129,1) 0 4px 18px;
	-khtml-box-shadow:rgba(180,221,129,1) 0 4px 18px;
	box-shadow:rgba(99,102,111,1) 0 4px 18px;*/
}

/* Menu */
#menu {
	position: relative;
	top:0px;
	margin: 0px;
	width: 100%;
	z-index: 952; /* comes over other controls [in fornt of all other controls] negative means behind other controls*/
	display: block;
	padding: 0;
	border-bottom:#eee 1px solid;
}

img.logoUser {
	position: absolute;
	width: 230px;
	height: 40px;
	border: none;
	margin: 0 0 0 4%;
}
img.leftlogo {
	position: absolute;
	width: 230px;
	height: 40px;
	border: none;
	margin: 0 0 0 52px;
}
span.sitename 
{
	top:12px;
	position: absolute;
	width: 380px;
	height: 55px;
	margin: 10 10 10 50px;
	font:22px/20px Book Antiqua,Stencil, Arial, Verdana; 
	font-weight:bold;
	color: #ccae01;
	text-shadow: 10 -1px 0 #fff, 0 -1px 0 #fff;
	letter-spacing: 2px; 
	text-align: right ;
	vertical-align:bottom;
}
span.sitename1
{
	top:13px;
	position: absolute;
	width: 100%;
	height: 55px;
	margin: 10 10 10 50px;
	font:20px/20px Stencil, Arial, Verdana; 
	color: #fff;
	text-shadow: 10 -1px 0 #fff, 0 -1px 0 #fff;
	letter-spacing: 2px; 
	text-align: Center;
	vertical-align:bottom;
}

#navigation {
	height: 45px;
	margin: 0 auto;
	padding: 0 12px 0 0;
	background:  url('../imgs/dark-brown-bcknd2.jpg') repeat scroll 0 0;
	/*background: #461c07 none repeat scroll 0 0;*/
	
}

#navigation ul {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation ul li{
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}
#navigation li a, #navigation li a:link, #navigation li a:visited {
	display: block;
	padding: 16px 5px 17px 11px;
	margin: 0;
	border-left: 1px dashed #fff;
	text-decoration: none;
	text-transform: uppercase;
	font:bold 12px/12px Arial;
	letter-spacing: 1px;
	color: #ccae01;
	text-shadow: 10 -1px 0 #fff, 0 -1px 0 #fff;
}
#navigation li a.logout {
	border-right: 1px dashed #fff;
}
#navigation li a:hover, #navigation li a.youarehere, #navigation li a:active {
	color: #fff;
	text-shadow:1px 1px 1px #fff;
}
#navigation li ul {
	display: none;
	position: absolute;
	z-index: 5;
	width: 200px;
	top: 1em;
	left: 0;
	margin:30px 0 0 0;	/*This number bumps, dropdown below main row of buttons*/
	
}
#navigation li:hover ul, #navigation li.over ul {
	display: block;
}
ul.dropdown {
	position: relative;
	z-index: 5;
	background: none;
	display: block;
	padding: 0;
	margin: 0;
}
#navigation li ul.dropdown li a.secondary {
	/*background:#992B33;*/
	display: block;
	width: 200px;
	padding: 8px 10px;
	margin: 0;
	border-bottom: 1px solid #461c07;
	border-right:1px solid #461c07;
	border-left:1px solid #461c07;
	font:bold 10px/12px Arial;
	color: #332420;
	/*text-shadow: 10 -1px 0 #fff, 0 -1px 0 #fff;*/
	/*background:  url('../imgs/bkgnd-new.png') repeat ;*/
	background-color:#f7f2d1;
}
#navigation li ul.dropdown li a:hover.secondary {
	color: white;
	background-color:#461c07;
}
#navigation li ul.dropdown li.bttmtab {
	background: White;
	width: 222px;
	height: 2px;
}



/* footer */
#footer {
	width: 100%;
	margin: 0;
	display: block;
	height: 25px;
	float: left;
	border-top: 1px dashed #8B0000;
	
}
a.footerlogo:link, a.footerlogo:visited {
    /*position: absolute;
    border: 0;
    width: 25px;
    height: 20px;
    display: block; 
	margin: 5px 0px 0px 39%;
     background: url('../imgs/TssLogo.jpg') no-repeat;*/
    
}
#footer ul {
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 42%;
}
#footer ul li.border {
	height: 25px;
	width: 400px;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px dashed #f8ce00;

	text-decoration: none;
	color: #f8ce00;
	font:bold 8px/8px verdana;
	letter-spacing: 1px;
}
#footer ul li a, 
#footer ul li a:link, 
#footer ul li a:visited, 
#footer ul li a:hover, 
#footer ul li a:active
{
	text-decoration: none;
	margin: 0px;
	font:bold 12px/20px arial; 
	color:#fff;
	letter-spacing: 2px; 
}

.datagrid1
{
	border: #b4dd81 1px  dashed;
	text-align:left;
	line-height:17px;
	}

.textArALKANZ {font: 18px/18px 'AL-KANZ', 'lisan-ud-dawat', 'AL-FATEMI-Lisaan-ud-Dawat', 'Al-Fatemi(lisaan-ud-Dawat)', 'colaborate-lightregular', arial, serif; direction: rtl;color:#844039;}