/*************************
	CSS file for www.automem.com
	Written by Simon Baxter
	http://www.simbax.com
**************************/

body {
	padding:10px;
	background:#4B4A4D url(../i/bg_body.png) repeat-x;
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333
}

/*****************************
	Link and menu styling
******************************/

/* generic text link styling */
a:link , a:visited {
	color:#333;
	text-decoration:underline;
	font-weight:bold
}
a:hover {
	color:#EC8000;
}


a:link#uploadfiles, a:visited#uploadfiles {
	background:url(../i/bg_uploadfiles.png) no-repeat top left;
	display:block;
	width:161px;
	height:123px;
	padding:10px;
	margin:20px 0 0 10px;
	text-decoration:none;
	font-weight:normal
}

a:link#downloadfiles, a:visited#downloadfiles {
	background:url(../i/bg_downloadfiles.png) no-repeat top left;
	display:block;
	width:180px;
	height:119px;
	padding:10px;
	margin:20px 0 0 10px;
	text-decoration:none;
	font-weight:normal
}

a:link#logout_btn , a:visited#logout_btn {
	display:block;
	width:77px;
	height:42px;
	position:relative;
	top:101px;
	left:562px
}
a:hover#logout_btn {}


/*****************************
	Header tag styling
******************************/

h1 {
	font-size: 36px;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#fff;
	padding:40px 0 0;
	margin:0
}

h2 {
	font-size: 14px;
	font-weight:bold;
	color:#EC8000;
	margin:0;
	padding:0;
	text-transform:uppercase
}


/*****************************
	p, span, strong
******************************/
p {
	margin:5px 0 10px;
}

span.form_err {
	color:#cc0000; 
	padding:2px 0; 
	margin:2px 0
}

span.note {
	color:#666;
}

p.error, p.success {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:14px;
	margin:10px 0;
	border-style:solid;
	border-width:2px;
	border-color:#c00;
	padding:8px 10px 8px 10px;
	text-align:left;
	background:#f5f5f5 /*url(../i/icon_error.gif) no-repeat center left*/;
	color:#c00;
}
p.success {
	/*background:#f5f5f5 url(../i/icon_success.gif) no-repeat center left;*/
	border-color:#EC8000;
	color:#333
}

.orange {
	color:#EC8000;
}


/*****************************
	List styling
******************************/
ul#services {
	border-top:1px solid #777;
	border-bottom:1px solid #777;
	padding:10px 0;
	margin:0;
}
ul#services li {
	display:inline;
	list-style:none;
	padding:0 5px;
	font-size:14px
}
ul#services li a {
	text-decoration:none;
	font-weight:normal;
	color:#888
}
ul#services li a:hover {
	text-decoration:underline;
	color:#333
}


ul#top_menu {
	margin:20px 0 0 40px;
	padding:0;
	border-top:1px solid #fff
}
ul#top_menu li {
	list-style:none;
	border-bottom:1px solid #fff;
	padding:4px 0
}
ul#top_menu li a:link, ul#top_menu li a:visited {
	text-decoration:none
}
ul#top_menu li#li_downloadfiles {
	background:url(../i/bg_li_downloadfiles.gif) no-repeat center right;
	padding-right:20px;
	font-weight:bold;
}
ul#top_menu li#li_uploadfiles {
	background:url(../i/bg_li_uploadfiles.gif) no-repeat center right;
	padding-right:20px;
	font-weight:bold;
}


/*****************************
	Table styling
******************************/
table.general {
	width:100%;
}
table.general tr td, table.general tr th {
	border-bottom:1px solid #ccc;
	padding:4px 5px
}

table.admin_tbl {
	width:100%;
	border:2px solid #999;
	background:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:10px 0 20px
}
table.admin_tbl tr td, table.admin_tbl tr th {
	border-bottom:1px solid #ccc;
	padding:4px 5px
}

/*****************************
	Main container divs
******************************/

div#head {
	padding:0;
}

div#hello {
	float:right;
	text-align:right
}

div#siteshadow {
	background:url(../i/bg_siteshadow.png) no-repeat top
}

div#sitewrap {
	margin:0 auto;
	padding:0;
	width:939px;
	background:#fff;
	text-align:left;
}

div#head {
	background:url(../i/bg_head.png) no-repeat top center;
	height:143px
}

div#titlebar {
	background:url(../i/bg_titlebar.png) no-repeat top;
	height:115px;
	padding-left:25px
}

div#maincontent {
	margin:0; 
	padding:0 20px 0 25px;
	background:#E3E4E5;
}

div#admincontent {
	margin:0; 
	padding:20px 25px;
	background:#E3E4E5;
}

div#leftcol {
	float:left;
	width:615px;
	padding-right:20px;
	border-right:3px dotted #999;
	min-height:450px
}

div#rightcol {
	float:left;
	padding:50px 0 0 30px;
	width:217px;
	background:url(../i/bg_rightcol.png) no-repeat top right
}

div.clear {
	clear:both;
	overflow:hidden;
	height:0;
	font-size:0
}

div#foot {
	margin:10px 0 0;
	padding-bottom:40px;
	color:#888;
}
	div#foot a {color:#666}
	
/*****************************
	Divs in left col
******************************/

div#filearea {
	margin:0;
	padding:20px 10px;
	border-right:2px solid #C5C7C8;
	border-bottom:2px solid #C5C7C8;
	border-left:2px solid #C5C7C8;
	background:#fff;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}


/*****************************
	Misc divs
******************************/
div#uploadpage_menu, div#downloadpage_menu {
	float:right;
	margin-right:302px;
	text-align:right;
	background:url(../i/bg_uploadpage_menu.gif) no-repeat top left;
	height:115px;
	width:300px
}

div#downloadpage_menu {
	background:url(../i/bg_downloadpage_menu.gif) no-repeat top left;
}



/*****************************
	Image styling
******************************/
/* make sure image links don't have a border */
img {border:none}


/*****************************
	Form and field styling
******************************/
label.req {
	
}

/* give zero padding and margin to forms by default */
form {
	padding:0;
	margin:0
}

input.txtfield, textarea.txtfield {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font:16px Arial, Helvetica, sans-serif;
	color:#333;
	border:2px solid #999;
	padding:4px 6px;
	margin:3px 0
}


/* style for the buy button */
.button, .smlbutton {
	background: #efefef url(../img/bg_button.gif) top repeat-x;
	color: #666;
	font-size:16px;
	padding: 2px 3px;
	margin: 0;
	border: 2px solid #ff6600;
	border-top:2px solid #ff9900;
	border-right:2px solid #ffbb00;
	cursor: pointer;
}

.smlbutton {
	font-size:12px;
	padding:1px 2px;
}

/*
Misc Styling
******************************/

/* box to hold debug info below footer */
div#debug {
	width:870px;
	margin:10px auto;
	padding:10px 30px;
	text-align:left;
}
