body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
    margin:0;
	padding:0;	
	background: url(../images/ads_header.gif) 0 0 repeat-x;
}

h1 {
	font-weight:normal;
	font-size:2em;
	letter-spacing:-1px;
	margin:0 0 10px 0;
}

h2 {
	font-weight:normal;
	font-size:1.5em;
	letter-spacing:-1px;
	margin:10px 0 10px 0;
}


/* = CONTENT STYLES
=================================================================*/
#content {
	font-size:1.2em;
	padding:35px;
}

/* = HEADER STYLES
=================================================================*/
#header {
    background: url(../images/ads_header.jpg) 0 0  no-repeat;
	height:162px;
	font-size:1.3em;
}
    
#buttons {
    padding:10px 0 0 0;
	margin:0;
	list-style:none;
	height:37px;
	position:absolute;
	top:130px;
	left:20px;
    background: url(../images/button_background.gif) 0 -1px no-repeat;	
}

#buttons li {
	display:inline;
	padding:0 0 0;
}

#buttons a{
    display:inline;
    padding: 10px 40px 10px 20px;
    color:#ffffff;
    text-decoration:none;
    font-family:arial,sans serif;
    background: url(../images/button_trans.gif) 100% -1px no-repeat;
}

#buttons a.last_link {
    padding: 10px 40px 10px 20px;
    background: url(../images/button_background.gif) 100% -1px no-repeat;	
}

.menu {
    position:absolute;
    display:block;
	top:135px;
    right:135px;
    color:#ffffff;
    height:26px;
    background: url(../images/button_small.gif) 0 -6px no-repeat;
    text-decoration:none;	
    padding: 0px 40px 0px 40px;
}
.logout {
    position:absolute;
    display:block;
	top:135px;
    right:20px;
    color:#ffffff;
    height:26px;
    background: url(../images/button_small.gif) 0 -6px no-repeat;
    text-decoration:none;	
    padding: 0px 40px 0px 40px;
}




#login_div {
    position:relative;
    padding: 35px;
    margin-top:25px;
    background: url(../images/login_div_bg.jpg) repeat-x;
    height: 250px;
    width: 350px;
    left:50px;
    font-family:arial,sans serif;
    color:#ffffff;
}


/* = LISTING TABLE STYLES
=================================================================*/
.listing
{
	border:1px solid #cccccc;
	border-collapse:collapse;
	width:99%;
	margin: 0 0 5px 0;
}

table.listing th {
    background-color:#cccccc;
	padding:5px;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #cccccc;
	color: #333333;
}

table.sortable th a{
	color: #333333;
	text-decoration:none;
}

.listing td
{
	padding:5px;
    border-bottom:1px solid #cccccc;
	vertical-align:top;
}

.listing .break th {
	background: #FFFFFF;
}

.listing .break th h3 {
	margin:0;
	padding:0;
}

.listing .breakindicator th {
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

.listing .subtotal td {
	border-top:3px double #000000;
	background:#FFFFCC;
	font-weight:bold;
}


.listing .grandtotal td {
	border-top:6px double #000000
}

.even td, .even th{
	background: #EEEEEE;
}

.even .odd th, .even .odd td {
	background: #FFFFFF;
}


/* = FORM TABLE STYLES
=================================================================*/
table.form {
	border-collapse:collapse;
}

.form th
{
	text-align:right;
	padding:5px 5px 5px 0;
	background:none;
	vertical-align:top;
}

.form td
{
	text-align:left;
	padding:5px 0;
	vertical-align:top;
}	

input.text {
	border: 1px inset #999999;
}