/* Hacks Used: */
/* IE6 & IE7 - *attribute: value; */
/* IE6 - _attribute: value; */

* { margin: 0; padding: 0; }

body, html {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	color: #333;
	background: #333 url(../images/bg_stripes.gif) repeat;
}

a {
	color: #4096ee;
	font-weight: bold;
	text-decoration: underline;
}


/* SITE CONTAINER */
table#container {
	width: auto;
	width:expression(document.body.clientWidth < 853? "851px" : "auto");
	min-width: 851px;
	min-height: 400px; _height: 400px;
	margin: 0 auto;
	border: none;
	background: #000 url(../images/shadow_box_left.gif) top left repeat-y;
}
#container_td { border: none; }

div#shadow-box {
	position: relative;
	width: auto;
	*min-width: 775px;
	min-height: 400px; _height: 400px;
	margin-left: 38px;
	padding-right: 38px;
	background: url(../images/shadow_box_right.gif) top right repeat-y;
}


/* SITE HEADER */
div#header { width: auto; }

h1#site-title {
	width: 352px;
	height: 109px;
	background: #000 url(../images/site_header.gif) no-repeat;
}
h1#site-title span { margin-left: -9999px; }

h4#need-help {
	position: absolute;
	top: 35px;
	right: 65px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
h4#need-help a {
	font-size: 13px;
	font-weight: bold;
	color: #3cf;
}


/* MAIN NAVIGATION */
ul#main-nav {
	display: block;
	width: auto;
	height: 34px;
	list-style: none;
	padding-left: 30px;
	background: #606060 url(../images/main-nav_bg.gif) repeat-x;
}
#main-nav li {
	float: left;
	width: 110px;
	height: 29px;
	margin: 2px 40px 0 0;
	background-image: url(../images/main-nav_sprite.gif);
	overflow: hidden;
}
#main-nav li#admin { margin-right: 0px; }
#main-nav li a {
	display: block;
	width: 110px;
	height: 29px;
	background-image: url(../images/main-nav_sprite.gif);
	overflow: hidden;
}
#main-nav li a span { margin-left: -9999px; }

#main-nav li#advertiser, #main-nav li#advertiser a { background-position: 0px 0px; }
#main-nav li#publisher, #main-nav li#publisher a { background-position: -110px 0px; }
#main-nav li#brand, #main-nav li#brand a { background-position: -220px 0px; }
#main-nav li#agent, #main-nav li#agent a { background-position: -330px 0px; }
#main-nav li#admin, #main-nav li#admin a { background-position: -440px 0px; }

/* active states */
#main-nav li#advertiser .active, #main-nav li#advertiser .active a { background-position: 0px -29px; }
#main-nav li#publisher .active, #main-nav li#publisher .active a { background-position: -110px -29px; }
#main-nav li#brand .active, #main-nav li#brand .active a { background-position: -220px -29px; }
#main-nav li#agent .active, #main-nav li#agent .active a { background-position: -330px -29px; }
#main-nav li#admin .active, #main-nav li#admin .active a { background-position: -440px -29px; }

/* hover states */
#main-nav li#advertiser a:hover { background-position: 0px -29px; }
#main-nav li#publisher a:hover { background-position: -110px -29px; }
#main-nav li#brand a:hover { background-position: -220px -29px; }
#main-nav li#agent a:hover { background-position: -330px -29px; }
#main-nav li#admin a:hover { background-position: -440px -29px; }



/* HEADER LOGIN FORM */
div#logout-box {
	position: absolute;
	width: auto; _width: 400px;
	max-width: 400px;
	height: 25px;
	top: 0px;
	right: 55px;
	padding: 0 10px 0 0;
	background: #606060 url(../images/logout-form_right.gif) bottom right no-repeat;
}
#logout-box .left-edge {
	width: auto;
	height: 25px;
	text-align: right;
	padding: 0 0 0 15px;
	white-space: nowrap;
	background: url(../images/logout-form_left.gif) bottom left no-repeat;
}
/*#logout-box form { display: inline; }*/
#logout-box h3 {
	min-width: 200px;
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding: 4px 0 0 20px;
		
}
#logout-box input#logout {
	float: right;
	padding: 0px 4px; *padding: 0px 2px;
	margin: 0 0 0 8px;
}

/* SITE FOOTER */
div#footer-box {
	position: relative;
	width: auto;
	min-width: 851px;
	height: 105px;
	background: #424242 url(../images/footer_shadow_left.gif) no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	/* Safari 3 / Chrome only */
	div#footer-box { height: 103px; }
}
#footer-content {
	width: auto;
	min-width: 775px;
	height: 105px;
	padding: 0 0 0 0;
	background: url(../images/footer_shadow_right.gif) top right no-repeat;
}
#footer-box h4 {
	float: left;
	width: 133px;
	height: 19px;
	margin-top: 10px;
	margin-left: 54px; _margin-left: 27px;
	*margin-bottom: 9px;
	background: url(../images/footer_logo.gif) no-repeat;
}
#footer-box h4 span { margin-left: -9999px; }
#footer-box ul {
	float: right;
	list-style: none;
	margin-top: 12px;
	margin-right: 58px; _margin-right: 29px;
}
#footer-box li {
	float: left;
	margin-left: 25px;
}
#footer-box li a {
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
}
#footer-box h6 {
	clear: left;
	font-size: 0.85em;
	font-weight: bold;
	color: #fff;
	padding-top: 2px; *padding: 0;
	padding-bottom: 22px;
	*margin-top: -7px;
	margin-left: 54px;
}
#footer-box h6 span { margin-left: 22px; }
#footer-box h6 span a { color: #fff; text-decoration: none; }

#footer-bottom-shadow {
	width: auto;
	height: 38px;
	margin-left: 38px;
	background: url(../images/footer_shadow_bottom.gif) repeat-x;
}
#footer-bottom-shadow .left-edge {
	float: left;
	width: 27px;
	height: 38px;
	background: url(../images/footer_shadow_bottom_left.gif) no-repeat;
}
#footer-bottom-shadow .right-edge {
	float: right;
	width: 65px;
	height: 38px;
	background: url(../images/footer_shadow_bottom_right.gif) no-repeat;
}


/* CONTENT AREA */
#middle-box {
	position: relative;
	width: auto;
	width:expression(document.body.clientWidth < 762? "760px" : "auto");
	min-width: 760px;
	min-height: 600px; _height: 600px;
	padding: 15px 15px 35px 0;
	background: #eff5ff;
}

#sidebar {
	position: absolute;
	width: 166px;
	min-height: 550px; _height: 550px;
	top: 15px;
	left: 15px;
	background: url(../images/sidebar_mid.gif) repeat-y;
}
#sidebar h4 {
	width: 166px;
	height: 56px;
	background: url(../images/sidebar_top.gif) no-repeat;
}
#sidebar h4 span { margin-left: -9999px; }

#sidebar .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 166px;
	height: 10px;
	background: url(../images/sidebar_bottom.gif) no-repeat;
}

#sidebar ul {
	list-style: none;
	margin: 8px 0 16px 11px;
}
#sidebar li {
	
}
#sidebar li.header {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	line-height: 1em;
	padding-bottom: 1px;
}
#sidebar li a {
	font-size: 13px;
	font-weight: normal;
	color: #069;
}

#content-box {
	width: auto;
	min-height: 650px; _height: 650px;
	margin-left: 195px;
}

#login-box {
	position: relative;
	width: 745px;
	height: 650px;
	padding: 1px 0 0 0;
	margin: 0 0 0 15px;
	background: #fff url(../images/login_page_top.gif) no-repeat;
}

#login-box .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 745px;
	height: 5px;
	background: url(../images/login_page_bottom.gif) no-repeat;
}

#login-box form {
	width: 310px; _width: 320px;
	margin: 70px auto 0 auto;
}

#login-box form h4 {
	width: 250px;
	height: 85px;
	margin: 0 auto 30px auto;
	background: url(../images/login_header.gif) no-repeat;
}
#login-box form h4 span { margin-left: -9999px; }

#login-box form fieldset {
	margin: 0 0 15px 0;
	border: none;
}

#login-box form .label {
	display: block;
	float: left;
	width: 75px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding: 3px 10px 0 0;
}

#login-box form input#username {
	width: 148px;
}

#login-box form input#password {
	width: 148px;
}

#login-box form input#login {
	margin: 0 0 0 7px;
}
@media all and (min-width: 0){
	#login-box form input#login{ padding: 0 6px 0 6px; }
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#login-box form input#login{ padding: 0; }
}