/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2,

h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 

address, big, cite, code,del, dfn, em, font, img, ins,

kbd, q, s, samp, small, strike, strong, sub, sup, tt, 

var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;	

	vertical-align: baseline;
	line-height:15px;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {
	color: black;
	
}

a{font-weight:bold;text-decoration:none;}

ol,ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

/*------------- Applied Style-Global -------------*/
body{	
	text-align:center;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;	
	color:#000;
	background:#3d4d5e;
	line-height:15px;
}

a{
	color:#fff;
	text-decoration:underline
}

a:hover{
	text-decoration:none;
}
table td{
	padding:3px;
}
/*---------------ids ----------*/ 
#header{
	background: url(images/header_gradiant.jpg) top left repeat-x;
	height:151px;
	position:relative;
	width:100%
}

#text-header{
	height:154px;
	padding-left:10%;	
	background:#e6f0f2;
	text-align:left	
}
#text-header h1{
	font-size:40pt;
	color:#ce732c;
	padding:20px 0;
	font-family:impact, georgia, courier, arial, sans-serif;
}
#text-header p{
	font-size:12pt;
	line-height:15px;
	padding-top:10px
}

#logo{
	background:url(images/logo.jpg) no-repeat top left;
	height:143px;	
}
#logo h1 span{ display:none}

#menu {
	position:absolute;
	left:15%;
	bottom:8px;	
	}
*html #menu {
  position:absolute;
  left:83px;
  bottom:2px;	
  }	
	
#menu li {
	background:	url(img/bg_nav.jpg) no-repeat;
	float:left;	
	width:118px;
	height:32px;
	text-align:center;	
	
}

#menu li a{ 
	color:#fff; 
	font-weight:bold;	
	text-decoration:none;
	line-height:37px;
	width:108px;
	display:block;
	padding:0px 5px;
	text-align:center;	
}
#menu a:hover{
	color:#000;
	background:url(img/bg_nav_hover.jpg) no-repeat;	
}
#content{	
	text-align:left;	
	background:#3d4d5e;
	width:auto;
	padding:20px
}
	/*--- Login * ----*/ 
#login-upload {
	padding:10px;
}
#login {
	width:277px;
}
#login a, #account a {
	text-decoration: underline;
	color:white;
	font-weight:bold; 	
}

#login a:hover, #account a:hover {
	text-decoration: none; 	
}

#login table,#account table {
	width:90%;	
	padding:10px 20px;	
}
#login h1
{
	padding:10px;
	padding-bottom:0;	
	color:#fff;
	font-size:14px;
	text-align:left;	
}
	/*---- Upload box --- */ 
	
#uploadbox{
	background: url(img/orange_box_bottom.jpg) bottom left  no-repeat;		
	padding-bottom:11px;	
	color:#fff;
	width:591px;
	
}
#uploadbox .top{
	background: url(img/orange_box_top.jpg) top right no-repeat;
	height:64px;
	line-height:66px;
	padding-left:60px; 
	color:#e6f0f2;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	margin-top:-5px;
}
#uploadbox .content{
	background:url(img/orange_box_content.jpg) top left repeat-y;
	text-align:center;
	padding:0px 10px 10px 10px 	
}	
#uploadbox .content table{
	width:90%;
	margin: 0;
}
#uploadbox .content table td{
	text-align:center;
	vertical-align:top;
}

#info{
	padding:80px 20px;
	text-align:left;

}
#info h1{
	font-size:30px;
	line-height:30px;
	border-bottom:1px dotted #000;
	padding-bottom:10px; 		
}	
#info p{
	color:#fff;
	line-height:20px;	
}

#latest{
	background:#72bc41 url(img/green_box_top.jpg) top left no-repeat;
	padding-top:10px;
	margin:10px 0;
	width:277px;
}

#latest h1{
	background:url(img/green_box_latest.jpg) top left no-repeat;
	padding-left:65px;
	line-height:40px;
	color:#fc9a30;
	height:47px;
	font-weight:bold ;
	text-align:left;
}

#latest .content{
	padding:0px 15px 10px 15px;
	background:url(img/green_box_bottom.jpg) bottom left no-repeat;
}

	/*--- Footer */ 

#footer{
	text-align:center;
	background:url(img/footer_bg.jpg) repeat-x top left;
	height:56px;	
	padding-top:15px;

}
#footer p{
	font-size:10px;
}

#footnav{
	text-align:left;
	color:#fff;
	font-size:10px;	
	width:350px;	
}

#footnav ul li{
	float:left; 
	padding:0 5px;
}
#footnav ul li a{
	color:#fff;
	font-size:10px;
	font-weight:normal;
	text-decoration:none
}
#footnav a:hover{	
	text-decoration:underline
}
#google-ads2 li{
	float:left;	
}

/*---- Miscelaneous --------*/ 
#account{
	padding:20px; 
}
#account-area{
	float:left;
	padding-right:10px;  
}
#account-content{
	margin:10px 0;
	margin-left:320px;
}
#faq-content{
	margin:10px 0;
	margin-left:320px;

}

/*--------- Classess ---------- */ 
.content-right{
	float:right;
	width:35%;		
	text-align:left;
	display:block;
	padding-top:20px;
}

.content-left{
	pading:0px;
	padding-right:35%;
	text-align:left;
	display:block
}
.clear {
	clear:both;
	margin:0;
	padding:0
}
/*----------------- Blue Box -----------*/ 
.blue-box{
	background:#475c72 url(img/blue_bottom_right.jpg) bottom right no-repeat;
	color:#fff;
}
.blue-box-topleft{
	background:url(img/blue_top_left.jpg) left top no-repeat;
	width:8px;
	float:left;
}
.blue-box-topright{
	background:url(img/blue_top_right.jpg) right top no-repeat;
	width:8px;
	float:right;
}

.blue-box-bottomleft{
	background:url(img/blue_bottom_left.jpg) bottom left no-repeat;	
}

.blue-box ul{
	width:40%;
	float:left;	
}

.button{
	border:1px solid #fff;
	background:#fd9a31;
	color:#fff;
	font-weight:bold;
	font-size:15px;
}

.orange-box{
	background:#ef8718 url(img/orange_bottom_right.jpg) bottom right no-repeat;
	color:#fff;		
}
.orange-box-topleft{
	background:url(img/orange_top_left.jpg) left top no-repeat;
	width:8px;
	float:left;
}
.orange-box-topright{
	background:url(img/orange_top_right.jpg) right top no-repeat;
	width:8px;
	float:right;

}

.orange-box-bottomleft{
	background:url(img/orange_bottom_left.jpg) bottom left no-repeat;	
}


.blue-box a{
	color:#fd9a31;
	text-decoration:underline
} 	
.orange-box a{
	color:#f6ff00;
	text-decoration:underline
}

.blue-box a:hover, .orange-box a:hover{
	text-decoration:none;	
}

.progInner {
	COLOR:#fff; BACKGROUND-COLOR: #4c637b
}
.upload td{
	text-align:center
}
.host{
	background:url(img/host_it.jpg) no-repeat; 
	height:53px;
	width:136px;
	border:none; 
	color:white;
	font-weight:bold;
	text-align:center;
	display:block;
	text-decoration:none
}


.blue-box .contents,.orange-box .contents {
	padding:20px;
}
.border{
	border-right:1px solid #fff
}
.downloadsubmit {
	display:block;
	position: relative;
	background:url(img/download_btn.jpg) top no-repeat; 
	margin-top: -7px;
	height:56px;
	width:148px;
	float:right;
	border:none
}
.downloadsubmit:hover, .downloadsubmithover {
	display: block;
	background: url(img/btn_hover_download.jpg) top no-repeat;
	margin-top: -7px;
	height:56px;
	width:148px;
	border:none

}
.downloadsubmit {
	behavior: expression(
		this.onmouseover = new Function("this.className += ' downloadsubmithover';"),
		this.onmouseout = new Function("this.className = this.className.replace(' downloadsubmithover', '');"),
		this.style.behavior = null
	);
}

a.squarebutton{
background: transparent url(img/square-blue-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
font-weight:bold
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url(img/square-blue-right.gif) no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.blue-button{
	border:2px solid #ffa700;
	background:#3d4d5e;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	height:30px;
	width:100px; 
	cursor:pointer

}


.blue-button:hover{
		color: #FFFF00;
		background:#51687f
}