body 
{
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:verdana;
	font-size:10px;
}

/* Overall - Overall - Overall - Overall - Overall - Overall - Overall - Overall - Overall - Overall - Overall */
#overall 
{
	width: 995px;
	height: 100%;
	margin-right: auto;
	margin-left: auto; 
	padding: 0;
	text-align: left;
}

/* Header - Header - Header - Header - Header - Header - Header - Header - Header - Header - Header - Header */
#header 
{
	width: 995px;
	height: 143px;
	margin-bottom: 7px;
	background-color: black;
}
#header img
{
	 width: 995px;
	 height: 140px;
}

/* navi_container - navi_container - navi_container - navi_container - navi_container - navi_container - navi_container */
#navi_container 
{
	width: 951px;
	height: 40px;
	padding-left: 22px;
	padding-right: 22px;
	background-color: #faf008;
}

/* Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi - Navi */
#navi 
{
	width: 930px;
	height: 22px;
	margin-top: 18px;
	float: left;
}
#navi a:hover
{
	color:#626262;
}
#nav, #nav ul 
{ /* all lists */
	z-index:2000;
	padding:0px;
	margin:0px;
	list-style: none;
}
#nav a 
{
	display: block;
	font-size: 1.4em;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
#nav a:hover 
{
	color:#626262;
}
#nav li 
{ /* all list items */
	padding-right:35px;
	float: left;
	display:inline;
}
#nav li a
{ 
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	font-size:1.4em;
}
#nav ul li ul li
{ 
	width:130px;
	border-bottom:2px solid #faf008;
	border-right:2px solid #faf008; 
	font-size:1.1em;
}
#nav li ul 
{ /* second-level lists */
	position: absolute;
	padding:0px;
	margin-top: 0px;
	width:130px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li a:hover
{ 
	color:#626262;
}	
#nav li ul li
{ 
	width:170px;
	background-color:#ffffff;
	height: 18px;
	border-left: 2px solid #faf008;
	border-right: 2px solid #faf008;
	border-bottom: 2px solid #faf008;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	height: 12px;
}
#nav li ul li a
{
	display:block;
	color: #626262;
	text-decoration: none;
	font: bold 11px Arial;
	text-transform: uppercase;
}
#nav li ul li a:hover
{
	color: #000000;
}
#nav li:hover ul ul, #nav li.sfhover ul ul 
{
	left: -999em;
}
#navilast ul li ul
{
	margin-left:-143px;
}
#navlast li ul li a
{
	font-weight:bold;
	display:block;
	color: #626262;
	text-decoration: none;
	font: 1.1em Arial;
	text-transform: uppercase;
}
#navlast li ul li a:hover
{
	color: #000000;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul 
{ /* lists nested under hovered list items */
	margin-left: -2px;	
	left: auto;
}
#nav li li:hover
{
	position:relative;
}
#nav li li:hover ul
{ /* lists nested under hovered list items */
	margin-left: -2px;	
	position: absolute;
	top: -5px;
	left: 190px;
}
#nav li .hi
{
	color:#000;
}
div.customer 
{
	margin-top:0px;
	float:right;
	font-family:Arial,sans-serif;
	color: #676767;
	display:block;
	width:410px;
	text-align:right;
}
h1.customer
{
	color: #676767;
}
.spanCus
{
	color: #676767;
}
/* Content - Content - Content - Content - Content - Content - Content - Content - Content - Content - Content - Content */
#content 
{
	width: 951px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left:22px;
	clear: both;
	float: left;
	margin-left:auto;
	margin-right:auto;
}
/* Grids - Grids - Grids - Grids - Grids - Grids - Grids - Grids - Grids - Grids - Grids - Grids - Grids - Grids - Grids - Grids */
#overview 
{
	position:relative;
	z-index:5;	
}

#overview .gridMilestones, #pod .gridHeader, #orderdetail .gridHeader
{
	padding-top: 0px;
	margin-top: 0px;
}
#overview .gridHeader, #pod .gridHeader, #orderdetail .gridHeader
{
	border: none;
	background-color: #faf008;
	height: 25px;
}
#overview .gridHeaderGrey, #pod .gridHeaderGrey, #orderdetail .gridHeaderGrey
{
	border: none;
	background-color: #676767;
	color: #ffffff;
	height: 35px;
}
#overview .gridItem, #pod .gridItem, #orderdetail .gridItem
{
	border: none;
	background-color: #e0e0e0;
	height: 35px;
	cursor: pointer;
}
#orderdetail .gridItem
{
	cursor: auto;
}
#overview table td, #pod table td
{
	padding-left: 5px;	
	padding-right: 5px;
}
#search
{
	position: relative;
	width: 423px;
	background-color: #faf008;
	height: 34px;
	padding-top: 1px;
	padding-left: 20px;
}
#search td.text
{
	font-size: 12px;
	color: #676767;
	font-family: Verdana, sans-serif;
	font-weight: bold;
}
#search td.txt
{
	
}
#search input
{
	height: 17px;
}
#search input.button
{
	vertical-align: middle;
	padding-bottom: 1px;
	height: 14px;
}
#manifest
{
	position: relative;
	width: 423px;
	top: -35px;
	left: 451px;
	background-color: #faf008;
	padding-top: 8px;
	height: 27px;
	padding-left: 20px;
}
#manifest input
{
	vertical-align: middle;
	padding-bottom: 5px;
}
#manifest span, #manifest a
{
	font-size: 12px;
	color: #676767;
	font-family: Verdana, sans-serif;
	font-weight: bold;
}
#manifest a
{
	vertical-align: middle;
	display:block;
	position: relative;
	top: -22px;
	left: 30px;
}
/* Orderdetail - Orderdetail - Orderdetail - Orderdetail - Orderdetail - Orderdetail - Orderdetail - Orderdetail - Orderdetail */
#orderdetail p, #orderdetail h3
{

}
#orderdetail table
{
	width: 100%;

}
table tr.header
{
	background:#FAF008;
	font-weight:bold;
	padding-left:0px;
	height:25px;
	color:#676767;
	text-align:left;
	font-size:12px;
}
table tr.row 
{
	background:#e0e0e0;
	color:#000000;
	padding-left:0px;
}
table td
{
	padding:5px;
}
#orderdetail table td.tdlabel
{
	width: 130px;
}
#orderdetail table tr.row td span
{
	font-weight: bold;
}

/* NewOrder - NewOrder - NewOrder - NewOrder - NewOrder - NewOrder - NewOrder - NewOrder - NewOrder - NewOrder - NewOrder - NewOrder */
.cusBlocked p
{
	color:#000000;
	font-size: 11px;
}
.cusBlocked p.title
{
	font-weight: bold;
	padding-top: 20px;
}
div.table_wrapper 
{
	background-color:#FAF008;
	width:870px;
	padding:20px 0 20px 20px;
}
div.table_wrapper input.large
{
	width: 308px;
}
div.table_wrapper input.medium, #orderdetail input.medium
{
	width: 100px;
}
div.table_wrapper input.small, #orderdetail input.small
{
	width: 40px;
}
div.table_wrapper input.smallDim
{
	width: 55px;
}
div.table_wrapper select.large
{
	width: 145px;
	height: 20px;
}
div.table_wrapper select.medium
{
	width: 150px;
	height: 20px;
}
table.table_block 
{
	border:none;
	color:#676767;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
.CalPickup
{
	position: relative;
	top: -265px;
	left: 580px;
}
.CalDelivery
{
	position: relative;
	top: -220px;
	left: 580px;
}
/* Col Left - Col Left - Col Left - Col Left - Col Left - Col Left - Col Left - Col Left - Col Left - Col Left - Col Left */
#col_left 
{
	width: 896px;
	border: 5px solid #faf008;
	position:relative;
	padding: 22px;
	margin-right: 17px;
	float: left;
	margin-bottom: 16px;
}
#col_left h1 span
{
	
}
/* Logon - Logon - Logon - Logon - Logon - Logon - Logon - Logon - Logon - Logon - Logon - Logon - Logon - Logon */
#logon
{
	margin-top: 15px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#logon table
{
	background-color: #faf008; 
	width: 429px;
	color: #919396;
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#logon table.tblButton
{
	background-color: #ffffff; 
	width: 429px;
	text-align:right;
}
#logon input
{
	width: 250px;
}
#logon .button
{
	width: 50px;
}
#logon .checkbox input
{
	width: 20px;
}
.Validation
{
	width: 429px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}
/* Lay-out - Lay-out - Lay-out - Lay-out - Lay-out - Lay-out - Lay-out - Lay-out - Lay-out - Lay-out - Lay-out */
* 
{
	margin: 0;
	padding: 0;
}
h1 
{
	color: #000000;
	text-transform: uppercase;
	font: bold 1.8em Verdana;
	margin-bottom: 25px;
}
#customer h1 
{
	color: #676767;
	text-transform: uppercase;
	font: bold 1.8em Verdana;
	margin-bottom: 25px;
}
h2 
{
	color: #000000;
	text-transform: uppercase;
	font: bold 1.2em Verdana;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
h3 
{
	font-size: 12px;
	color: #676767;
	font-family: Verdana, sans-serif;
	margin-bottom: 15px;
	margin-top: 0.5em;
}
img 
{
	border-style: none;
	margin: 0;
	padding: 0;
}
a 
{
	color: #676767;
	text-decoration: none;
	font: 12px Arial;
}
a:hover 
{
	text-decoration: underline;
}
a:visited
{
	color: #676767;
}
hr 
{
	border-top: none;
	border-bottom: 1px dotted #676767;
	margin-bottom: 1.3em;
	margin-top: 1.3em;
}
strong 
{
	font-weight: bold;
}
dt 
{
	color: #676767;
	font: 1em Arial, sans-serif;
}
dd 
{
	font-size: 1.2em;
	color: #676767;
	font-family: Arial, sans-serif;
	margin-bottom: 5px;
}
dl 
{
	display: inline;
}
p 
{
	font-size: 12px;
	color: #676767;
	font-family: Arial, sans-serif;
	margin-bottom: 10px;
}
li 
{
	background: url(img/bullet.gif) no-repeat left top;
	list-style-type: none;
	padding-left: 8px;
}
ul
{
	font-size: 12px;
	color: #676767;
	font-family: Arial, sans-serif;
}
input 
{
	color:#000000;
}

/* Modalwindow - Modalwindow - Modalwindow - Modalwindow - Modalwindow - Modalwindow - Modalwindow - Modalwindow - Modalwindow - Modalwindow - Modalwindow */

.modalWindow
{
	display:block;
	position:fixed;
	z-index:300; 
	width:100%; 
	height:100%;
	background:url(../../images/modal_overlay.png);
	left:0px;
	top:0px;
}
.modalWindow .modalWindowFrame
{
	position:absolute; 
	/*overflow:hidden; */
	overflow:auto;
	padding:15px; 
	text-align:left; 
	height:283px; 
	width:437px; 
	margin-left:-183px; 
	margin-top:-170px; 
	left:50%; 
	top:50%; 
	background:#ffffff;
	border:5px solid #faf008;
}
.modalWindow .modalWindowFrame .modalClose
{
	position:absolute;
	right:15px;
	top:15px;
}

/* -- Tennisgame -- Tennisgame -- Tennisgame -- Tennisgame -- Tennisgame -- Tennisgame -- Tennisgame ------------------- */


.tennisgame_LinkWindow
{
	position:absolute;
	background:url(../../images/tennisgame_background.png);
	width:300px;
	height:183px;
	right:-10px;
	top:-15px;
	z-index:10;
}
.tennisgame_LinkWindow input
{
	margin-left:280px;
	margin-top:10px;
}
.tennisgame_Link
{
	position:absolute;
	display:block;
	bottom:-10px;
	left:17px;
	width:114px;
	height:120px;
	background:none;
}
.tennisgame_Link:hover
{
	background:url(../../images/tennisball_over.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.tennisgame_Link2
{
	position:absolute;
	display:block;
	bottom:25px;
	width:144px;
	height:38px;
	right:20px;
}

.tennisgame_Window
{
	display:block;
	position:absolute;
	left:160px;
	top:50%;
	margin-top:-300px;
	width:600px;
	height:600px;
	padding:20px;
	background:#ffffff;
	z-index:15;
}

.tennisgame_Close
{
	position:absolute;
	display:block;
	right:20px;
	top:5px;
}

.tennisgame_Thanks
{
	position:absolute;
	display:block;
	width:350px;
	height:243px;
	left:280px;
	background:url(../../images/tennisgame_thanks.png);
	z-index:20;
}

.tennisgame_Close2
{
	position:absolute;
	display:block;
	left:30px;
	top:15px;
}