﻿
div#menubar div.nav {
	height: 28px;
	float: left;
	margin: 5px 5px 0 0;
	width: 134px;
}

div#menubar div.report a {
	background: #6487b0 url(../i/button_blank.gif) no-repeat;
	color: #ebeceb;
	display: inline-block;
	font-size: 90%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	height: 23px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	width: 134px;
}

div#menubar div.report a:hover {
	color: #fff;
}

div#menubar div.report a.active {
	background-image: url(../i/button_active_blank.gif);
}

div#container {
	width: 782px;
	height: 100%;
	margin: auto;
}
	div#top {
		width: 782px;
		height: 14px;
		background-image: url(../i/top.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	div#middle {
		background-image: url(../i/middle.gif);
		background-position: top left;
		background-repeat: repeat-y;
		padding: 0 8px 0 8px;
	}
		div#logobar {
			padding:0px 8px 8px 8px;
		}
		div#menubar {
			width: 734px;
			margin: auto;
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
			color: #638ac5;
		}
			div#menubar ul {
				padding: 4px 0;
				margin: 0;
				list-style-type: none;
				width: 100%;
			}
			div#menubar ul li {
				display: inline;
			}			
			div#menubar ul li a {
				text-decoration: none;
				color: #638ac5;
				padding: 0 15px;
			}			
			div#menubar ul li a:hover {
				text-decoration: none;
				color: #000000;
			}
		div#submenubar {
			height: 15px;
			width: 718px;
			padding: 8px 8px;
			margin: 4px auto 12px auto;
			font-size: 12px;
			text-align: left;
			text-transform: lowercase;
			background-image: url(../i/submenu_bg.gif);
			background-position: top left;
			background-repeat: repeat-x;
		}
			div#submenubar ul {
				padding: 0;
				margin: 0;
				list-style-type: none;
				width: 100%;
				text-align: left;
			}
			div#submenubar ul li {
				display: inline;
			}
			div#submenubar ul li.header {
				font-weight: bold;
				padding: 0 8px 0 4px;
			}			
			div#submenubar ul li a {
				text-decoration: none;
				color: #638ac5;
				padding: 0 4px;
			}			
			div#submenubar ul li a:hover {
				text-decoration: none;
				color: #000000;
			}
	div#bottom {
		width: 782px;
		height: 14px;
		background-image: url(../i/bottom.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	div#copyright {
		font-size: 9px;
		text-align: center;
		text-transform: uppercase;
	}
	
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.none {
	clear: none;
	font-size: 1px;
}
.notes {
	padding: 0 0 0 24px;
	margin: 0 10px 12px 10px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
.box {
	width: 734px;
	margin: 0 auto 12px auto;
	background-color: #f3f8fc;
	border-bottom: #e7eaec 1px solid;
}
	.box h1 {
		padding: 10px 0 0 15px;
		margin: 0;
		width: 719px;
		height: 24px;
		background-image: url(../i/headerbar.gif);
		background-position: top left;
		background-repeat: no-repeat;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}
	.box table.header {
		padding: 10px 0 15px 15px;
		margin: 0;
		width: 100%;
		height: 24px;
		background-image: url(../i/headerbar.gif);
		background-position: top left;
		background-repeat: no-repeat;
		font-size: 13px;
		font-weight: bold;
	}
	.box table.header tr
	{
		height:24px;
	}
	.box div {
		padding: 8px;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	}

/*.grid div div table .scrollable_grid */
.scrollable_grid
{
	overflow:scroll;
}

.explanation_box {
	width: 98%;
	margin: 0 auto 12px auto;
	background-color: #f3f8fc;
	border-bottom: #e7eaec 1px solid;
}
	.explanation_box h1 {
		padding: 10px 0 0 15px;
		margin: 0;
		width: 98%;
		height: 24px;
		background-image: url(../i/headerbar.gif);
		background-position: top left;
		background-repeat: no-repeat;
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}
	.explanation_box table.header {
		padding: 10px 0 15px 15px;
		margin: 0;
		width: 98%;
		height: 24px;
		background-image: url(../i/headerbar.gif);
		background-position: top left;
		background-repeat: no-repeat;
		font-size: 13px;
		font-weight: bold;
	}
	.explanation_box table.header tr
	{
		height:24px;
	}
	.explanation_box div {
		padding: 8px;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	}
	
.grid {
	width: 734px;
	margin: 0 auto 12px auto;
	background-color: #ffffff;
}
	.grid table {
		width: 734px;
	}
	.grid table tr {
		height: 34px;
	}
	.grid table tr.header {
		background-color: #dfe6ed;
	}
	.grid table tr.header th.rcorner {
		background-color: #dfe6ed;
		background-image: url(../i/headerbar.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	.grid table tr.header th.lcorner {
		background-color: #dfe6ed;
		background-image: url(../i/headerbar.gif);
		background-position: top right;
		background-repeat: no-repeat;
	}
	.grid table tr.white {
		background-color: #ffffff;
	}
	.grid table tr.blue {
		background-color: #f3f8fc;
	}
	.grid table tr th {
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		padding: 0 8px;
	}
	.grid table tr th.number_header {
		font-size: 13px;
		font-weight: bold;
		text-align: right;
		padding: 0 8px;
	}
	.grid table tr td {
		font-size: 11px;
		font-weight: normal;
		padding: 0 8px;
		border-bottom: #e7eaec 1px solid;
	}
	
.sub_grid {
	margin: 0 auto 12px auto;
	background-color: #ffffff;
}
	.sub_grid table {
		width: 600px;
	}
	.sub_grid table tr {
		height: 34px;
	}
	.sub_grid table tr.header {
		background-color: #dfe6ed;
	}
	.sub_grid table tr.header th.rcorner {
		background-color: #dfe6ed;
		background-image: url(../i/headerbar.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	.sub_grid table tr.header th.lcorner {
		background-color: #dfe6ed;
		background-image: url(../i/headerbar.gif);
		background-position: top right;
		background-repeat: no-repeat;
	}
	.sub_grid table tr.white {
		background-color: #ffffff;
	}
	.sub_grid table tr.blue {
		background-color: #f3f8fc;
	}
	.sub_grid table tr th {
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		padding: 0 8px;
	}
	.sub_grid table tr th.number_header {
		font-size: 13px;
		font-weight: bold;
		text-align: right;
		padding: 0 8px;
	}
	.sub_grid table tr td {
		font-size: 11px;
		font-weight: normal;
		padding: 0 8px;
		border-bottom: #e7eaec 1px solid;
	}	

.calendar {
	width: 100px;
	margin: 0 auto 1px auto;
	background-color: #ffffff;
	padding: 2px;
	border-style: outset;
	border: outset 3px #f3f8fc;
}
	.calendar table {
		width: 100px;
	}
	.calendar table tr.header {
		background-color: #dfe6ed;
	}
	.calendar table tr.header th.rcorner {
		background-color: #dfe6ed;
		background-image: url(../i/headerbar.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	.calendar table tr.header th.lcorner {
		background-color: #dfe6ed;
		background-image: url(../i/headerbar.gif);
		background-position: top right;
		background-repeat: no-repeat;
	}
	.calendar table tr.white {
		background-color: #ffffff;
	}
	.calendar table tr.blue {
		background-color: #f3f8fc;
	}
	.calendar table tr th {
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding: 0 12px;
	}
	.calendar table tr td {
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		padding: 5px 12px 5px 12px;
	}
	.calendar table tr td:hover 
	{
		background-color: #dfe6ed;
		color: #ffffff;
	}
	
	
.AccountTable
{
	margin: 3px auto auto 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #DFE6ED;
}
	.AccountTable .subheader
	{
		background-color: #DFE6ED;
		color: #000000;
		padding-left: 3px;
		padding-right: 3px;
		font-size: 11px;
	}
		.AccountTable .heading
		{
			font-size: 14px;
			font-weight: bold;
			padding: 10px;
		}
		.AccountTable .required
		{
			font-weight: bold;
		}
	.AccountTable .subheader_item
	{
		border-bottom: solid 1px #DFE6ED;
		padding-left: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 4px;
		font-size: 11px;
	}
	.AccountTable .subheader_item_last
	{
		padding-left: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 4px;
		font-size: 11px;
	}
	.AccountTable th
	{
		background-color: #DFE6ED; 
		color:#000000;
		font-weight:bold;
		text-align: left;
		padding: 5px 5px 5px 20px; 
	}
	.AccountTable th.head
	{
		background-color: #DFE6ED; 
		color:#000000;
		font-weight:bold;
		text-align: center;
		padding: 5px 5px 5px 20px; 
	}
	

.fluid_box {
	width: 100%;
	margin: 0 auto 12px auto;
	background-color: #f3f8fc;
	border-bottom: #e7eaec 1px solid;
}
	.fluid_box div.headerbar {
		width: 100%;
		padding: 0;
		margin: 0;
		height: 34px;
		clear: both;
		background-color: #dfe6ed;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}
		.fluid_box div.headerbar th.rcorner {
			width: 13px;
			height: 34px;
			background-color: #dfe6ed;
			background-image: url(../i/headerbar_right.gif);
			background-position: top right;
			background-repeat: no-repeat;
		}
		.fluid_box div.headerbar th.content {
			height: 34px;
			text-align: left;
		}
		.fluid_box div.headerbar th.lcorner {
			width: 13px;
			height: 34px;
			background-color: #dfe6ed;
			background-image: url(../i/headerbar_left.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
	.fluid_box div {
		padding: 8px;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	}
	
	
.loginGrid {
	width: 100%;
	margin: 0 auto 15px auto;
	background-color: #FCFDFD;
}
	.loginGrid table
	{
		border-bottom: solid 1px #dfe6ed;
	}
	.loginGrid table tr {
		height: 24px;
	}
	.loginGrid table tr.header {
		background-color: #dfe6ed;
	}
	.loginGrid table tr.header th.rcorner {
		background-color: #dfe6ed;
		background-image: url(../i/headerbar.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	.loginGrid table tr.header th.lcorner {
		background-color: #dfe6ed;
		background-image: url(../i/headerbar.gif);
		background-position: top right;
		background-repeat: no-repeat;
	}
	.loginGrid div {
		padding: 8px;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
	}
	

.item{ white-space: nowrap; 
		border-bottom: #e7eaec 1px solid; }
.item td{ padding-left: 4px; padding-right: 4px; }

.alternatingItem{ background-color:#f3f8fc; }
.alternatingItem td{ padding-left: 4px; padding-right: 4px; }

.selectedItem { background-color:#E6ECBF; }
.selectedItem .selected_arrow
{ 
	font-weight: bold;
	background-image: url( ../i/menu/arrow.gif ); 
	background-position: center right;
	background-repeat: no-repeat;
}
.selectedItem td {padding-left: 4px; padding-right: 4px;}


.CreativesTable
{
	width: 734px; /*width: 100%;*/
	/*margin: 0 auto 12px 0;*/ /*auto;*/ /*margin: 0 16px 12px auto;*/
	margin: 0 0 12px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /*background-color: Purple;*/
	border-left: white 15px solid;
	border-right: white 15px solid;
	/*
	border-right: #dfe6ed 1px solid;
	border-top: #dfe6ed 1px solid;
	border-left: red 15px solid;
	border-bottom: #dfe6ed 1px solid;
	*/
}

	.CreativesTable th
	{
		background-color: #DFE6ED;
		color:#000000;
		font-weight:bold;
		text-align: left;
		font-size: 13px;
		padding: 5px 5px 5px 20px; 
		/*background-color: Green;*/
	}
	
	
.CreativesList
{
	/*background-color: white;*/
}


