.codes {
    display: block;
    overflow: scroll;
    white-space: nowrap;
    height: 2.5em;
    background-color: #FFF;
    color: #000;
    border: 1px solid #000;
}

img {
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	}

body {
    background: #000000;
    color: #FFFFFF;
    font-family: sans-serif;
    margin: 0 auto;
}

.header {
	width: 100%;
	background: url(http://www.freepicsupload.com/design/header.png);
	background-repeat: repeat-x;
}

a:link, a:active, a:visited {
    color: #FFFF00; 
    text-decoration: underline;
}

a:hover {
    color: #FF5500;
}

#showdiv {
    text-align: center;
}

#codes input{
	width: 80%;
}

/* FOOTER */

.footer {
	font: 10px arial, helvetica, sans-serif;
	text-align: center;
}




.nav{ 
	height: 27px;
	border-top: 1px solid #3e464c;
	border-bottom: 1px solid #020202;
	background: url(http://www.freepicsupload.com/design/nav_bg.gif);
} 

.nav ul{ 
	margin: 0;
	padding: 0;
	border-right: 1px solid #3e464c;
	border-left: 1px solid #020202;
	float: left;
} 

.nav li{ 
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 27px;
	float: left;
	border-left: 1px solid #3e464c;
	border-right: 1px solid #020202;
} 

.nav a:visited, .nav a:link{ 
	height: 27px;
	color: #000000;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	padding: 0 12px;
	float: left;
} 

.nav a:hover { 
	color: #FFFFFF;
	text-decoration: none;
	background: url(http://www.freepicsupload.com/design/nav_hover_bg.gif);
	border-bottom: 0;
}