*
{
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}

img
{
	border:none;
}

body
{
	background-color: white;
}

#body_center
{
	width: 1050px;
}

h4
{
	text-decoration:underline;
}

a
{
	color: black;
	text-decoration: none;
}

a:hover, a:visited:hover
{
	text-decoration: underline;
	color: #EE9140;
}

#header
{
	background-color: white;
	clear:both;
	margin:10px;
	width: 175px;
	height: 48px;
}

#menu
{
	background-color: white;
	float:left;
	margin-left:10px;
	width: 180px;
}

#dia_version
{
	font-size:12px;
	font-weight:bold;
	padding:5px 0;
}

#spacer
{
	background-color: #cccccc;
	float:left;
	width: 1px;
	height: 500px;
	margin:0 10px;
}

#content
{
	background-color: white;
	width: 70%;
	float:left;
}

table.navMenu
{
	font-weight: bold;
	font-size: 12px;
	width:100%;
}

table.navMenu, table.navMenu tr, table.navMenu tr td
{
	border-color:#cccccc;
	border-width:1px 0;
	border-style:solid;
	border-collapse:collapse;
}

table.navMenu td
{
	padding:10px 0;
}

th, td
{
	padding:5px;
}

table tr th
{
	text-align:left;
	background-color:#cccccc;
	font-weight:bold;
	border:none;
}

table.login_table, table.login_table tr, table.login_table tr td
{
	padding:0;
	border-collapse:collapse;
}

form
{
	margin-bottom: 20px;
}

.navMenuSelected a
{
	color: #FF9900;
}

.orangeHeader
{
	color: #FF9900;
	font-size: 14px;
	font-weight: bold;
	margin:5px;
}

.largeBoldText
{
	font-size: 14px;
	font-weight: bold;
	margin:5px;
}

.input_wrapper
{
	margin:5px;
	height:25px;
	vertical-align:middle;
}

.input_wrapper input
{
	width:150px;
	float:left;
}

.smallBoldText
{
	font-size: 12px;
	font-weight: bold;
	width:80px;
	float:left;
}

.extraSmallText
{
	font-size: 10px;
	margin:5px;
}

#text
{
	position: absolute;
	top: 45px;
	/*left: 255px; */
	left: 50%;
	margin: 0px 0px 0px -150px;
	font-size: 18px;
	text-align: center;
	background-color: white;
	width: 300px;
}

#barbox_a
{
	position: absolute;
	top: 75px;
	/*left: 300px; */
	left: 50%;
	margin: 0px 0px 0px -160px;
	width: 302px;
	height: 24px;
	background-color: black;
}

.per {
	position: absolute;
	top: 75px;
	font-size: 18px;
	/*left:320px; */
	left: 50%;
	margin: 1px 0px 0px 150px;
	background-color: white;
}

.bar
{
	position: absolute;
	top: 76px;
	/*left: 300px; */
	left: 50%;
	margin: 0px 0px 0px -159px;
	width: 0px;
	height: 22px;
	background-color: #09A231;
}

#mactext
{
	position: absolute;
	top: 110px;
	/*left: 255px; */
	left: 50%;
	margin: 0px 0px 0px -150px;
	font-size: 13px;
	text-align: center;
	background-color: white;
	width: 300px;
}

.blank
{
	background-color: white;
	width: 300px;
}

.redText
{
	font-size: 14px;
	color:red; 
	height:18px;
	padding:5px;
}
.statusbox
{
	background-color: white;
	position: absolute;
	top: 10px;
	left: 210px;
	width: 514px;
	height: 50px;
	text-align: center;
}

.mailbar
{
	position: absolute;
	background-image: url(images/mailerbar-bg.gif);
	background-repeat: no-repeat;
	top: 50px;
	left: 210px;
	width: 514px;
	height: 60px;
}

.baritems
{
	padding-top: 10px;
	padding-left: 7px;
	text-align: left;
}

.percentbox
{
	background-color: white;
	position: absolute;
	left: 50%;
	width: 514px;
	margin-left: -257px;
	height: 40px;
	font-size: 24px;
	font-weight: bold;
	color: #999999;
	text-align: center;
}

.textbox
{
	background-color: white;
	position: absolute;
	left: 50%;
	width: 514px;
	margin-left: -257px;
	height: 40px;
	font-size: 11px;
	color: #333333;
	text-align: center;
}

.resultbox
{
	background-color: white;
	position: absolute; 
	top: 140px;
	left: 50%;
   /* left: 300px; */
	width: 514px;
	margin-left: -257px;
}

.style4 {
	font-size: 16px;
	font-weight: bold;
}
.style6 {
	font-size: 14px;
	font-weight: bold;
}

.ctr
{
	margin-left:auto;
	margin-right:auto;
}

.bd
{
	font-weight:bold;
}

.f12
{
	font-size:12px;
}

.odd
{
	background-color:#fff0d9;
}
.even
{
	background-color:#fae0b9;
}
.not_in_db
{
	background-color:#fae0e9;
}

.ac
{
	text-align:center;
}

.ar
{
	text-align:right;
}

.grey
{
	background-color:#cccccc
}

.ribbon
{
	background-color:#fae0b9;
	width:100%;
	height:200px;
	margin:30px 0;
}

#login
{
	width:260px;
	height:230px;
/*	top: -220px;*/
	padding:5px;
	margin-top:-250px;
	margin-left:50px;
	background-color:white;
	-moz-box-shadow:3px 3px 5px 6px #cccccc;
	-webkit-box-shadow:3px 3px 5px 6px #cccccc;
	box-shadow:3px 3px 5px 6px #cccccc;
}

.round_corner
{
	border-radius:10px;
	-moz-border-radius:10px;
	border:1px solid #cccccc;
}
.welcome
{
	padding:30px;
	height:200px;
}

.welcome_text
{
	width:315px;
	background-color:white;
	padding:10px;
	-moz-box-shadow:3px 3px 5px 6px #cccccc;
	-webkit-box-shadow:3px 3px 5px 6px #cccccc;
	box-shadow:3px 3px 5px 6px #cccccc;
}

.welcome_text div
{
	margin:16px;
}

.upload_section
{
	width:500px;
}
.upload_body
{
	background-color:#fff0d9;
	padding:15px;
}

.device_status_top
{
	width:500px;
}

.err
{
	color:red;
	font-weight:bold;
}
.pending
{
	color:blue;
	font-weight:bold;
}
.hidden
{
	display:none;
	visibility:hidden;
}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.clr
{
	clear:both;
}

.sort
{
	text-align:center;
	margin-top:1em;
}
.sort a
{
	outline:none;
}

.arrow-up-inactive
{
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #333333;
	top:-15px;
	position:relative;
}

.arrow-up-active
{
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ee0000;
	top:-15px;
	position:relative;
}

.arrow-down-inactive
{
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-top: 10px solid #333333;
	top:15px;
	position:relative;
}

.arrow-down-active
{
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-top: 10px solid #ee0000;
	top:15px;
	position:relative;
}

.history
{
	width:920px;
}
table.history th
{
	text-align:center;
	font-weight:normal;
	vertical-align:top;
	height:40px;
}
table.history td
{
	font-size:12px;
}
.submission
{
	width:200px;
	word-wrap:break-word;
}
.h_date
{
	width:70px;
	text-align:center;
	vertical-align:middle;
}
.h_file
{
	width:180px;
	word-wrap:break-word;
}

#contact
{
	width:600px;
}
#contact legend
{
	font-size:1.5em;
	color:#ff9900;
	margin:10px;
	padding:10px;
}
#contact div.line
{
	margin:5px;
	height:1.5em;
}
#contact div.box
{
	margin:5px;
	height:11em;
}
#contact label
{
	font-weight:bold;
	float:left;
	width:200px;
}
#contact input.text, #contact textarea
{
	float:left;
	width:350px;
}

#content h2, #content h3
{
	text-align: center;
}

.retailer_head
{
	font-weight:bold;
}
.retailer_head div
{
	background-color:#cccccc;
}
.retailer_line div
{
	float:left;
	padding:5px;
	margin:0 1px;
}
.retailer_name
{
	width:350px;
}
.retailer_country
{
	width:80px;
}
.retailer_id
{
	width:150px;
}