/*****************************************************
*	CSS By: Azizi
*	Date: Oct 24, 2007
*	Blame at: azizzii@msn.com
*	
*****************************************************/
body{
	marigne:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*-------------------Controlls of Listing Table-------------------------*/
#Controlls{
/*	border:#CCCCCC 1px solid;*/
	width:95%;
	margin:4px auto;
	}
#FControlls{
/*	border:#CCCCCC 1px solid;*/
	width:750px;
	margin:4px auto;
	}	
#Controlls .left, #FControlls .left{
	font-family:Arial;
	float:left;
	padding:4px;

	}
#Controlls a, #FControlls a{
	padding-right:4px;
	font-weight:bold;

	}
#Controlls .plus, #FControlls .plus{
	padding-left:4px;
	font-weight:bold;
	font-size:14px;
	}	
	
#Controlls .right, #FControlls .right{
	font-family:Arial;
	float:right;
	padding:4px;	

	}
#Controlls form{
	margin:0;
	padding:0;
	}

#Controlls label{
/*	background:#FFFFCC;*/
	padding:3px;
	width:150px;
	text-align:right;
	float:left;
	font-weight:bold;
	}
#Controlls input[type=text]{
	height:14px;
	font-size:10px;
	margin-bottom:4px;
	}	
#Controlls select{
	height:18px;
	font-size:10px;
	margin-bottom:4px;
	}	
#Controlls input[type=submit]{
	height:18px;
	font-size:10px;
	margin-bottom:4px;
	}	
	
/*---------End Controlls---------------*/
/*---------Listing Table That Contains any kind of listing---------------*/
#Listing{
	border:#CCCCCC 1px solid;
	width:96%;
	}
	
#Listing a, #Listing a:visited{
	color:#0A4F86;
	text-decoration:none;
	}
#Listing a:hover{
	text-decoration:underline;
	}	
#Listing tr:hover{
	background:#FFFFD9;
	}
#Listing td{
	padding:3px 8px;
	border-bottom:#CCCCCC 1px solid;
	}
#Listing .titles, #Listing .heads{
	background:#C6D7CF;
	padding:10px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#Listing .heads, .FormListHeads{
	background:#DBE6DE;
	padding:8px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
#Listing .Sr{
	width:40px;
}
#Listing .Code{
	width:70px;
}
#Listing .VName{
	width:170px;
}
#Listing .Email{
	width:200px;
}

#Listing .Total, #Listing .Amt, #Listing .Cback, #Listing .Ohistory, #Listing .Date{
	width:80px;
}
#Listing .DateTime, #Listing .Inv, #Listing .Pass, #Listing .Country{
	width:120px;
}
#Listing .Status, #Listing .Order, #Listing .Edit, #Listing .Exp{
	width:55px;
}

#Listing .foots{
	background:#E8E8CF;
	padding:8px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	
}

#Listing .BL{
	border-left:#CCCCCC 1px solid;
	}
#Listing .active, #Listing .inactive, #Listing .miscLink{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	}
	
#Listing .active{
	color:#3F7C5F;
	}
	
#Listing .inactive{
	color:#800000;
	}
/*---------End Listing---------------*/
/*---------Forms Table That Contains any kind of input---------------*/

#Forms{
	font-family:Arial;
	border:#CCCCCC 1px solid;
	width:790px;
	}

#Forms td{
	border-bottom:#CCCCCC 1px solid;
	}

#Forms .titles, #Forms .heads, #Forms .foots, #Forms .lagend{
	background:#DBE6DE;
	padding:10px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#Forms .lagend{
	padding:5px;
	font-size:12px;
	font-weight:bold;
	color:#990000;
}
#Forms .heads{
	background:#f5f5f5;
	padding:8px;
	font-size:12px;
	text-align:right;
	width:150px;
}
#Forms .foots{
	background:#E8E8CF;
	padding:8px;
	font-size:14px;
}
#Forms .BL{
	padding:3px 8px;
	border-left:#CCCCCC 1px solid;
	}
#Forms input, #Forms textarea, #Forms .error_input{
	font-family:Arial;
	font-size:14px;
	width:570px;	
	height:18px;
	}
#Forms .Name, #Forms .Combo{
	width:350px;	
	}	
#Forms .Desc{
	width:550px;
	height:350px;

	}	
#Forms .MetaDesc{
	height:100px;		
	}	
#Forms .MetaKwd{
	height:70px;	
	}	

#Forms .Dates, #Forms .Order, #Forms .Code, #Forms .ReleaseDates{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#990000;
	width:110px;
	}

#Forms .ReleaseDates{
	width:150px;
	}
	
#Forms .Order, #Forms .Code{
	color:#000066;
	width:65px;	
	}

#Forms .list{
	width:320px;
	height:250px;	
	}			
#Forms input[type=button], #Forms input[type=submit]{
	width:auto;
	height:auto;
	}	

#Forms select{
	font-family:Arial;
	font-size:14px;
	height:22px;
	margin:1px 2px 0px 2px;
	}
	
#Forms .error_input{
	border:#990000 1px solid !important;
	}

	
/*---------End Forms---------------*/
/*---------Statstic For All Items---------------*/

#Stats{
	font-family:Arial;
	margin:auto;
	width:740px;
/*	background:#FFFFCC;*/
	}
#Stats .outer{
	border:1px solid #C3D9FF;
	padding:2px;
	width:350px;
	height:270px;
	margin:5px;
	float:left;	
	}
#Stats .data{
	background:#E8EEFA;
	width:100%;
	height:250px;
	padding-top:20px;
	}
#Stats .data h3{
	margin:0px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	
	}
	
#Stats .data p{
	margin:8px 50px;
	font-size:12px;
	font-weight:bold;
	color:#990000;
	text-align:right;
	border-bottom:#d5dcea 1px solid;
	}	
#Stats p a{
	color:#0A4F86;
	margin-right:10px;
	float:left;
	text-decoration:none;
	
	}
#Stats p a:over{
	text-decoration:underline;
		
	}	
/*---------End Stats---------------*/

/*---------Start Paging---------------*/
.paging {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	background:#E8E8CF;
	text-align:center;
	height:35px;
}
.paging ul {
	margin:0;
	width:auto;
	list-style-type: none;
}
.paging .Pre {
	margin-right:15px;
}
.paging .Nxt {
	margin-left:15px;
}
.paging .Crt {
	margin-right:15px;
	margin-left:15px;

}

.paging li {
	margin:0px 6px;
	display:inline;
}

#Listing .paging li a {
	display:compact;
	color:#0A4F86;
	font-weight:bold;
	text-decoration:underline;
}
/*---------End Paging---------------*/

/***************************** End New CSS *************************************/

a{
	color:#0A4F86;
	font-weight:normal;
}

a:hover{
	color:#0A4F86;
	font-weight:normal;
}

.awhite_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0A4F86;
	text-decoration: none;
	text-align: center;
}
.asub_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6699CC;
	text-decoration: none;
}
.atext_field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #D1D9DF;
}
.abutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0A4F86;
	border: 1px outset #2193EF;
	cursor: hand;
}

.atext_field1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0A4F86;
	border: 1px solid #2193EF;
}

.atext_field1 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}

.atext_field1 li {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #fff;
}

.atext_field1 li.selected {
  background-color: #cef;
  border-top: 1px solid #9bc;
  border-bottom: 1px solid #9bc;
}

a.ext{
	color:#000000;
	text-decoration:none
}

.admin-form {
	background:#B3D7EF;
	border:#D1D9DF 1px solid;
}

/***************************/


#cs-form {
	font-size:11px;
	width:750px;
	margin:auto;
	clear:both;
}

#cs-form table {
	background:#CCCCCC;
	border:1px solid #CCCCCC;
}

#cs-form .btn {
	padding:2px;
	border:#99AECE 1px solid;
	font-size:12px;
	width:auto;
	background:#2A568F;
	color:#FFFFFF
}
#cs-form .btn-del {
	padding:2px;
	border:#99AECE 1px solid;
	font-size:12px;
	width:auto;
	background:#B61600;
	color:#FFFFFF
}

#cs-form input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#cs-form .selector {
	width:250px;
}

#cs-form .tabular-head {
	background:#A8BDCF;
	font-weight:bold;

}

.product-added {
	background:#EFEFEF;
}

.product-date {
	color:#2F2820;
	text-decoration:none;
}

.product-date:hover {
	text-decoration:underline;
}

.left-border {
	border-left:1px solid #CCCCCC;
	background:#F2F2F2;
}

.right-border {
	border-right:1px solid #CCCCCC;
	background:#F2F2F2;
}
.bottom-border {
	border-bottom:1px solid #CCCCCC;
	background:#F2F2F2;
}

#list_view {
	font-size:11px;
	background:#F2F2F2;
	border:1px solid #CCCCCC;
	margin-left:3px;
	height:880px;
}
#message {
	margin:auto;
	margin-bottom:5px;
	width:600px;
	height:20px;
}
.good-msg, .bad-msg {
	width: 98%;
	background:#000066;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	display:compact;
	padding:3px 10px;
}
.bad-msg {
	background:#660000;
}
#processing {
	text-align:center;
	position:absolute;
/*	top:172px;*/
	/*left:20%;*/
	z-index:200;
	width:730px;
	background:#eeeeee;
	border:1px solid #333333;
	margin-top:200px;
	margin-left:10px;	
	padding:100px 0px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
}

#page-heading {
	height:30px;
	/*margin:3px;
	padding:10px;
	float:left;
	text-align:center;
	font-weight:bold;
	background:#7A1D42;
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;*/
}

#Footer{

	margin-top:20px;

	}



#Footer .links, #Footer .links a{

	color:#003366;

	font-size:10px;

	text-decoration:none;

	line-height:15px;

	margin-bottom:15px;

	}



#Footer .privacy, #Footer .privacy a{

	color:#666666;

	font-size:9px;

	text-decoration:none;

	margin:3px;

	}



#Footer .copyright, #Footer .copyright a{

	margin:3px;

	color:#FF6600;

	font-size:9px;

	text-decoration:none;	

	}



#Footer .links a:hover, #Footer .privacy a:hover{

	text-decoration:underline;	

	}

#page-top-links {
	font-size:10px;
	color:#666666;
	float:right; 
	text-align:right; 
	width:auto; 
	padding:3px 10px; 
}

#page-top-links a {
	text-decoration:none;
	color:#666666;
}
.outer {
	border:#4189DD 1px solid;
	padding:2px;
	width:250px;

}

.filled {
	background:#DBE5F1;
	width:100%;
	clear:both;

}
.filled h6 {

	margin:0px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#C9504D;
	padding:4px;

}
#login-form{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.login-form input {
	width:150px;
	border:#99A5AF 1px solid;

}



.login-form .btn {

	padding:2px;
	border:#99AECE 1px solid;
	font-size:12px;
	width:auto;
	background:#2A568F;
	color:#FFFFFF

}

.css-form {
	padding-left:150px; 
	width:auto; 
}

.css-form p {
	width:auto; 
	clear:left;
}

.css-form label {
	float:left;
	margin-left:-150px; 
	width:148px; 
	text-align:right; 
}


.row-highlight:hover {
	background:#FFFFD7;
}

.sample-code {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#0A79D3;
}
.keywords {
	font-family:"Courier New", Courier, monospace;
	color:#FF9933;
	font-size:12px;
}