/*MYDAS Screen CSS*/

/*General Design Properties*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
body,td,th {
	color: #000000;
}
a:link {
	color: #335588;
}
a:visited {
	color: #335588;
}
a:hover {
	color: #668800;
}

a:active {
	color: #A5CD39;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}

h1 {
	font-size: 15px;
	color: #F46600;
}
h2 {
	font-size: 13px;
	color: #A5CD39;
	margin-top: 0px;
}
h3 {
	font-size: 12px;
	color: #666666;
}

/*Layout Properties*/

#header {
	background-color: #FFFFFF;
	/* background-image: url(../images/header-gradient-bg.gif); */
	background-repeat: repeat-y;
	background-position: right;
	height: 92px;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-image: url(../images/header-grey-gradient-bg.gif);
}
form {
	margin: 0px;
	padding: 0px;
}

/* Upper left search area ------------------------------------------------- */
#searchArea {
	float: right;
	position: relative;
	width: 300px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: auto;
	clear: both;
	font-size: 12px;
	color: #666666;
	text-align: right;
	padding: 0px;
	margin-bottom: 0px;
}

#searchArea table {
	float: right;
	display: block;
}

#searchArea table td {
	text-align:right;
}

#searchArea .elements {
	font-size: 12px;
}

#searchArea select {
	font-size: 12px;
}

#searchArea select option {
	font-size: 12px;
}

#searchArea p {
	padding: 0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	font-size: 12px;
}

#searchLabel {
	font-style: italic;
	text-align: left;
	width: 147px;
	margin: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#searchBox {
	color: #333333;
	height: 16px;
	width: 114px;
	margin-right: 5px;
	vertical-align: middle;
	background-image: url(../images/search-box-gradient.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
/* ------------------------------------------------------------------------ */
/* Generic classes -------------------------------------------------------- */
.white {
	background-color: #fff;
}

.lightGreen {
	background-color: #efd;
}

.tenPx {
	font-size: 10px;
}

.elevenPx {
	font-size: 11px;
}

.twelvePx {
	font-size: 12px;
}

.fourteenPx {
	font-size: 14px;
}

.padding {
	padding: 5px;
}

.centered1024 {
	margin: 0px auto;
	width: 1024px;
	text-align: left;
}

/* ------------------------------------------------------------------------ */



.accountTable th, .accountTable td 
{
	padding: 4px;
	font-size:12px;
	border:none;
}

th.adminItblHdr
{
	color: white;
}


.imageBtn {
	vertical-align: middle;
}
#layoutArea {
	background-color: #FFFFFF;
	background-image: url(../images/layout-border-bg.gif);
	background-repeat: repeat-x;
	padding-top: 28px;
        width: auto;
        text-align: center;
}
#navColumn {
	font-size: 85%;
	color: #929497;
	padding: 0px;
	/* float: left; */
	width: 212px;
	margin: 0px;
}
#footer {
	font-size: 75%;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
	clear: both;
	background-image: url(../images/footer-grad-top.gif);
	background-repeat: repeat-x;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.clearALL {
	padding: 0px;
	clear: both;
	width: 200px;
	margin: 0px;
	font-size: 0%;
	height: 1px;
	display: block;
}
.floatRight {
	float: right;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

/*Icon Navigation Formatting*/

#navColumn a {
	font-size: 145%;
	font-weight: bold;	
}
#navColumn a:link, #navColumn a:visited {
	color: #F46600;
	text-decoration: none;
}
#navColumn a:hover {
	color: #668800;
	text-decoration: underline;
}

#navAdmin a {
	color: #FFA500;
	color: #668800;
}
#navAdmin a:link, #navAdmin a:visited {
	text-decoration: underline;
	color: #FFA500;
	color: #668800;
}
#navAdmin a:hover {
	text-decoration: underline;
	color: #668800;
	color: #FFA500;
}


/*Shared Nav Off States*/
#PUBnav1OFF, #PUBnav2OFF, #PUBnav3OFF, #PUBnav4OFF, #ADVnav1OFF, #ADVnav2OFF, #ADVnav3OFF, #ADVnav4OFF, #ADVnav5OFF { /*set size and shape og 212x54*/
	height: 52px;
	width: 212px;
	padding-top: 12px;
	padding-left: 74px;
}
/*Publisher and Adv Nav Off States*/
#PUBnav1OFF, #ADVnav1OFF { /*set icon state*/
	background-image: url(../images/icon-profile-48px.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}
#PUBnav2OFF { /*set icon state*/
	background-image: url(../images/icon-sites-48px.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}
#ADVnav2OFF { /*set icon state*/
	background-image: url(../images/icon-statistics-48px.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}
#PUBnav3OFF { /*set icon state*/
	background-image: url(../images/icon-statistics-48px.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}
#ADVnav3OFF { /*set icon state*/
	background-image: url(../images/icon-campaigns-48px.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}
#PUBnav4OFF, #ADVnav4OFF { /*set icon state*/
	background-image: url(../images/icon-users-48px.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}

#ADVnav5OFF { /*set icon state*/
	background-image: url(../images/icon-forecast-48px.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}
/*Shared Nav On States*/
#PUBnav1ON, #PUBnav2ON, #PUBnav3ON, #PUBnav4ON, #ADVnav1ON, #ADVnav2ON, #ADVnav3ON, #ADVnav4ON,#ADVnav5ON { /*set size and shape og 212x54*/
	height: 52px;
	width: 212px;
	padding-top: 12px;
	padding-left: 74px;
}
/*Publisher and Adv Nav On States*/
#PUBnav1ON, #ADVnav1ON { /*set icon state*/
	background-image: url(../images/icon-profile-on.gif);
	background-repeat: no-repeat;
}
#PUBnav2ON { /*set icon state*/
	background-image: url(../images/icon-sites-on.gif);
	background-repeat: no-repeat;
}
#ADVnav2ON { /*set icon state*/
	background-image: url(../images/icon-statistics-on.gif);
	background-repeat: no-repeat;
}
#PUBnav3ON { /*set icon state*/
	background-image: url(../images/icon-statistics-on.gif);
	background-repeat: no-repeat;
}
#ADVnav3ON { /*set icon state*/
	background-image: url(../images/icon-campaigns-on.gif);
	background-repeat: no-repeat;
}
#PUBnav4ON, #ADVnav4ON { /*set icon state*/
	background-image: url(../images/icon-users-on.gif);
	background-repeat: no-repeat;
}
/*Publisher and Adv Nav On wizard*/
#ADVnav5ON { /*set icon state*/
	background-image: url(../images/icon-forecast-on.gif);
	background-repeat: no-repeat;
}
/*Drawer Sub-nav Formatting*/

#drawerON {
	background-image: url(../images/nav-drawer-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px;
	width: 212px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#drawerON ul {
	font-size: 125%;
	color: #666666;
	font-weight: normal;
	line-height: 150%;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
	list-style-image: url(../images/nav-bullet.gif);
	vertical-align: middle;
}
#drawerON a {
/*	font-family: Arial, Helvetica, sans-serif; */
	font-size: 95%;
	font-weight: bold;
}
#drawerON a:link, #drawerON a:visited , #drawerON a:hover{
	color: #668800;
	text-decoration: underline;
}
#subnavON, #subnavON a, #subnavON a:link, #subnavON a:visited, #subnavON a:hover, #subnavON a:active {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A4A9A5;
	background-image: url(../images/subnav-highlight.gif);
	background-position: right top;
	color: #F46600;
	font-size: 95%;
	text-decoration: none;
	font-weight: bold;
}
.drawerOFF {
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}
/*Body Area Formatting*/

#breadcrumbsContainer {
	background-color: #E6E6E7;
	height: 32px;
	width: 1000px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/breadcrumbs-area-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#breadcrumbsContainer_fr1 {
	background-color: #E6E6E7;
	height: 32px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/breadcrumbs-area-bg.gif);
	}


#breadcrumbsTXT {
	color: #666666;
	padding-left: 25px;
	background-image: url(../images/breadcrumbs-arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
        text-align: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 11px;
}
#breadcrumbsHelp {
	float: right;
	margin-top: 7px;
	margin-right: 15px;
	font-size: 80%;
	background-image: url(../images/help-icon.gif);
	background-repeat: no-repeat;
	height: 14px;
	padding-left: 20px;
	padding-top: 2px;
}
#contentContainer {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
/*
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E7;
	border-bottom-color: #E6E6E7;
	border-left-color: #EEEEEE;
*/
	width: 998px;
}
#contentContainer_fr {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E7;
	border-bottom-color: #E6E6E7;
	border-left-color: #EEEEEE;
	width: auto;
}

#messageContainer {
	background-color: #ddddff;
	color: #225588;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #6699cc;
	border-bottom-color: #6699cc;
	background-image: url(../images/icon-alert-32px.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 48px;
}
#toolbarContainer {
	background-color: #FFFFFF;
	color: #333333;
	background-repeat: no-repeat;
	background-position: 5px 10px;
	margin: 0px;
	text-align: right;
}
#searchbarContainer {
	background-color: #FFFFFF;
	color: #333333;
	margin: 0px;
	vertical-align: middle;
	font-size: 90%;
	text-align: right;
}
#searchbarContainer img {
	vertical-align: middle;
}
#bodyLColumn, #body1Column {
	float: left;
	padding-top: 15px;
	padding-bottom: 20px;
	margin: 0px;
	width: 220px;
}
#bodyRColumn {
	float: left;
	width: 715px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #E6E6E7;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#body1Column {
}

/* Table Formatting Properties */
td, th {
	/* padding: 4px; */
	white-space: nowrap;
}

th {
	/*font-size: 85%;*/
	color: #666666;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #668800;
	text-align: left;
}
tr {
	/*font-size: 95%;*/
	font-weight: normal;
	color: #000000;
}
.caption {
	font-size: 110%;
	color: #A5CD39;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	width: auto;
}
/**************************************************/
caption {
	font-size: 110%;
	color: #A5CD39;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	width: auto;
}
/* Long Form **************************************/
.longForm {
	width: 1024px;
	border: 1px solid;
	margin: 0 auto;
	text-align: left;
}

.longForm input[type=text].greyForm {
	width: 200px;
}
/**************************************************/
/**************************************************/
.odd {
	background-color: #EEFFDD;
	border: 1px solid #000000;
}
.even {
	background-color: #FFFFFF;
}
.itemSelected {

}
.itemDetail {

	padding-left: 40px;
	background-color: #EEFFDD;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
tr.total, td.total {
	font-weight: bold;
	background-color: #EEFFDD;
	border-bottom-width: 1px;
        border-bottom-style: solid;
	border-bottom-color: #999999;
}
td.totalRight {
	text-align: right;
	font-weight: bold;
	background-color: #EEFFDD;
	padding-right: 10px;
	font-style: italic;
	color: #666666;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.tblHdr {
	color: #333333;
	font-weight: bold;
	text-align: left;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #DDEECC;
	background-color: #E6E6E7;
}

.tblHdrAll {
	color: #333333;
	font-weight: bold;
	text-align: left;
	border: 1px solid #999999;
	background-color: #E6E6E6;
	background-color: #CCDDBB;
	background-color: #EEFFDD;
	background-color: #DDEECC;
}

.adminTblHdrAll {
	color: #333333;
	font-weight: bold;
	text-align: left;
	border: 1px solid #999999;
        background-color: #F0E68C;
}

.tblHdrR {
	color: #333333;
	font-weight: bold;
	text-align: right;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #DDEECC;
	background-color: #E6E6E7;
}

.tblHdrL {
	color: #333333;
	font-weight: bold;
	text-align: left;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #DDEECC;
	background-color: #E6E6E7;
}

.itblHdr {
        color: #EEEEEE;
        font-weight: bold;
        text-align: right;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        background-color: #3D8DF0;
}

.itblHdrR {
        color: #EEEEEE;
        font-weight: normal;
        text-align: right;
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        background-color: #3D8DF0;
}

.itblHdrL {
        color: #EEEEEE;
        font-weight: bold;
        text-align: left;
        border-left: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        background-color: #3D8DF0;
}

.longForm .itblHdrL {
	padding: 5px;
}

.adminItblHdr {
        color: #EEEEEE;
        font-weight: bold;
        text-align: right;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        background-color: #3D8DF0;
}
.adminItblHdrR {
        color: #EEEEEE;
        font-weight: normal;
        text-align: right;
        border-right: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        background-color: #3D8DF0;
}

.adminItblHdrL {
        color: #EEEEEE;
        font-weight: bold;
        text-align: left;
        border-left: 1px solid #999999;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        background-color: #3D8DF0;
}


.mydasForm {
	display: block;
	text-align:center;
}

.mydasForm .content {
	margin: 0 auto;
	text-align: left;
}



.formRows {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 12px;
	text-align: left;
}

.formRows .formLabel {
	border: none;
}

.formRows input
{
	font-size: .88em;
}

.adminItbHeader
{
	font-size: 12px;
}

/* Non ext generated tables ------------------------------------------------ */
table.nonExt
{
	border: 1px solid black;
}

table.nonExt thead, table.nonExt tfoot
{
	font-size: 12px;
}

table.nonExt tbody
{
	font-size: 12px;
}

table.nonExt td, table.nonExt th
{
	padding: 2px;
}
table.nonExt td
{
	/*border-bottom: 1px solid black; */
}

table.nonExt td.altExt 
{
	background: #F1F1F1;
}
/* ------------------------------------------------------------------------- */

.formRow {
	border: 1px solid black;
}

.formRowL {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
        border-left-width: 1px;
	border-left-style: solid;
        border-left-color: #999999;
	background-color: #FFFFFF;
	/* background-color: #EEFFDD; */
}

.formRowLB {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
        border-left-width: 1px;
	border-left-style: solid;
        border-left-color: #999999;
	background-color: #FFFFFF;
}

.formRowR {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
        border-right-width: 1px;
	border-right-style: solid;
        border-right-color: #999999;
	background-color: #FFFFFF;
	/* background-color: #EEFFDD; */
}

.formRowRB {
	border-bottom: 1px solid #999999;
        border-right: 1px solid #999999;
	background-color: #FFFFFF;
	/* background-color: #EEFFDD; */
}

.formRowLR {
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        padding: 5px;
	background-color: #FFFFFF;
	/* background-color: #EEFFDD; */
}

.formRowLBR 
{
        border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
        border-right: 1px solid #999999;
	background-color: #FFFFFF;
	background-color: #EEEEEE;
	font-size:12px !important;
}

.formRowLBR td
{
	font-size: 12px;
}


.formRowB {
        border-bottom-width: 1px;
	border-bottom-style: solid;
        border-bottom-color: #999999;
	background-color: #FFFFFF;
	/* background-color: #EEFFDD; */
}

.formRowQ {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999999;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #999999;
  background-color: #FFFFFF;
}

.formRowA {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999999;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999999;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #999999;
  background-color: #FFFFFF;
}

.formLabel {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
}
.formLabel2 {
        font-family: Verdana,Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #E47D42;
}

.formLabel3 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #7B797A;
}

.formLabel4 {
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
}

/*Form Control Formatting*/

.colorForm, select.colorForm, input.colorForm {
	font-size: 90%;
	margin-right: 20px;
}
.greyForm, select.greyForm, input.greyForm {
	font-size: 13px;
	color: #000000;
	margin-right: 5px;
	background-color: #EEEEFF;
	vertical-align: bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-image: url(../images/form-input-gradient.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.greyFormDisabled, select.greyFormDisabled, input.greyFormDisabled {
        font-size: 13px;
        color: #777777;
        margin-right: 5px;
        background-color: #EEEEFF;
        vertical-align: bottom;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #666666;
        border-right-color: #CCCCCC;
        border-bottom-color: #CCCCCC;
        border-left-color: #999999;
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        background-image: url(../images/form-input-gradient.gif);
        background-repeat: repeat-x;
        background-position: top;
}

textarea.greyForm {
	background: url(../images/form-input-gradient.gif) bottom repeat-x #ddddff;
	height: 150px;
	width: 400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
}

input.colorBTN {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #eeeeee;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-color: #668800;
	border-top-color: #668800;
	border-right-color: #668800;
	border-left-color: #668800;
}
.tdClass
{
	font-size: 85%;
	color: #666666;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #668800;
	font-style: italic;
	text-align: left;
}
#sidebarTop {
        font-size: 5%;
        background-image: url(../images/sidebar-top.gif);
        background-repeat: no-repeat;
        height: 20px;
        width: 305px;
        margin-top: 0px;
}
#sidebarContent {
        background-color: #eeeeee;
        background-image: url(../images/sidebar-bg.gif);
        background-repeat: repeat-y;
        width: 305px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        text-align: center;
        color: #000000;
}
.sidebarHomeText {
        font-size: 85%;
}
#sidebarContent h1, #sidebarContent h2, #sidebarContent h3, #sidebarContent h4 {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
}
#sidebarContent ul {
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
        list-style-type: square;
        line-height: 120%;
        list-style-image: url(../images/bullet-orange-arrow.gif);
        font-size: 90%;
}
#sidebarContent p {
        margin-bottom: 0px;
        padding-bottom: 0px;
}
#sidebarBottom {
        font-size: 5%;
        background-image: url(../images/sidebar-bottom.gif);
        background-repeat: no-repeat;
        height: 25px;
        width: 305px;
        background-position: bottom;
        margin: 0px;
        padding: 0px;
}
#sidebarHeading {
        font-size: 110%;
        color: #668800;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
}
.roundcont {
        width: 250px;
        background-color: #f90;
        color: #fff;
}

.roundcont p {
        margin: 0 10px;
}

.roundtop { 
        background: url(../images/tr.gif) no-repeat top right; 
}

.roundbottom {
        background: url(../images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

#tagCodePublisher {
        color: #66AA00;
        text-align: left;
}

#tagCodeHeader {
        color: #FF0000;
        text-align: left;
}

#tagCodeServer {
        color: #0000FF;
        text-align: left;
}

/* charts */

.chartHeader {
  margin: 5px;
  padding: 5px;
  background: #eeeeee;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #F4F4F4;
}

/* Accounting Screens */

table.accountTable
{
	border: 1px solid black;
}

.accountTable .lBlue
{
	background: #EBEBEB;
}

table.accountTable .cont td td
{
	border-left: 1px solid #EBEBEB;
}

table.pubTabs
{
	margin: 0 auto;
}

table.pubTabs, table.pubTabs td
{
	padding: 0px;
}

.clickoptions {
	width: 640px; 
}

.clickoptions .option {
	display: block;
	float: left;
	margin: 5px;
	height: 20px;
	line-height: 20px;
	width: 200px;
	font-size: 12px !important;
}

/* */
.topAlign td {
	vertical-align: top;
}

/* Error Message */
.errorMessage {
	color: red;
	font-weight: bold;
	padding: 5px;
	margin: 10px auto 10px;
	border: dashed 1px blue;
	background-color: #EEEEFF;
}

h3 .shortTime {
	font-size: 11px;
	font-style: italic;
}

/* Status Messages for Asynchronous Events --------------------------------- */

.statusMessage {
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	clear: both;
}

.statusMessage .error {
	color: red;
}
.errorMessage {
	color: red;
	font-weight: bold;
	padding: 5px;
	margin: 10px auto 10px;
	border: dashed 1px blue;
	background-color: #EEEEFF;
}

/* ------------------------------------------------------------------------- */
/* Navigation Table Styles ------------------------------------------------- */
table.navtable td {
	vertical-align:top;
}
/* ------------------------------------------------------------------------- */
/* Stat Filter ------------------------------------------------------------- */
table.statFilter {
	border:none; 
	width:620px;
	font-size: 12px;
}

table.statFilter tr td.left  {
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}

table.statFilter tr td + td.right {
	font-weight: normal;
	text-align: left;
}


table.statFilter select {
	font-size: 11px;	
}
	
/* ------------------------------------------------------------------------- */
/* traffic filter button --------------------------------------------------- */
.trafficFilter {
	width:auto;
	float:left;
	height: 36px;
	cursor:pointer;
	line-height: 36px;
}
.trafficFilter .left {
	float:left;
	width: 10px;
	height: 36px;	
}

.trafficFilter .right {
	float:left;
	width: 15px;
	height: 36px;
}
.trafficFilter .content {
	float: left;
	width: auto;
	line-height: 36px;
	font-size: 11px;
	font-weight: bold;
}

.trafficFilter .on .left {
	background: url(../images/grayButton_on_left.png) no-repeat right;
}
.trafficFilter .on .content {
	background: url(../images/grayButton_on_center.png) repeat-x;
	color: black;
}
.trafficFilter .on .right {
	background: url(../images/grayButton_on_right.png) no-repeat left;
}

.trafficFilter .off .left {
	background: url(../images/grayButton_off_left.png) no-repeat right;
}
.trafficFilter .off .content {
	background: url(../images/grayButton_off_center.png) repeat-x;
	color: white;
}
.trafficFilter .off .right {
	background: url(../images/grayButton_off_right.png) no-repeat left;
}

.trafficFilter .highlight .left {
	background: url(../images/grayButton_highlight_left.png) no-repeat right;
}
.trafficFilter .highlight .content {
	background: url(../images/grayButton_highlight_center.png) repeat-x;
	color: black;
}
.trafficFilter .highlight .right {
	background: url(../images/grayButton_highlight_right.png) no-repeat left;
}

.trafficOpts {
	clear: both;	
}

.trafficOpts label { 
	float: left;
	display: block;
	width: auto;
	margin: 5px;
	height: 20px; 
	line-height: 20px;
	text-transform: capitalize;
	position: relative;
}

.trafficOpts label input[type=checkbox] {
	vertical-align: text-bottom;
}

/* ------------------------------------------------------------------------- */
/* Rounded Borders (see: http://blog.yosle.com/2007/09/20/css-round-corners/) */
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div { /*margin-left: 5px; */}
/* ------------------------------------------------------------------------- */
/* Message Box  ------------------------------------------------------------ */
.messageBox {
	color: red;
	font-weight: bold;
}
/* ------------------------------------------------------------------------- */
/* Totals table on the Services By Date Chart ------------------------------ */
.totalsTable table {
	border: 1px solid #C2D5DC;	
}
.totalsTable table td {
	text-align:right;
	border:1px solid #D6D6D6;
	border-left:1px solid white;
	border-width:0 1px;
	font-family:Tahoma;
	font-size:11px;
	padding-left:4px;
	padding-right:4px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.totalsTable td.hdrcell {
	width: 76px;
	*width: 80px;
}
.totalsTable td.first {
	font-weight:bold;
	*width: 83px;
	font-family:arial,tahoma,helvetica,sans-serif
}
.totalsTable td.last {
	width: 6px;
	border:none;
}
/* ------------------------------------------------------------------------- */
/* dhtmlxgrid styles ------------------------------------------------------- */
.netPartner div.gridbox table.hdr td  {
	background: #3E8DF0;
	color: #EEEEEE;
	font-family: arial,tahoma,helvetica,sans-serif;
	text-align: center;
}

div.gridbox_light TABLE.hdr TD DIV.hdrcell {
	padding: 0px;
	text-align: center;
}

div.gridbox div.ftr td {
	background-color: #fff;
	height: 25px;
	line-height: 25px;
}

div.gridbox div.ftr .hdrcell {
	text-align: right;
	font-style: normal;
	font-weight: bold;
	
}
/* ------------------------------------------------------------------------- */
/* Publisher styles -------------------------------------------------------- */

.regUser #trafficOptions {
	display: none;
}

.disclaimer {

	font-style: italic;
	font-size: 11px;
}

.netPartner .disclaimer {
	display: none;
	
}

/* ------------------------------------------------------------------------- */
/* Multi Select Object ----------------------------------------------------- */
.multioptions {
	width: 800px;
	padding-bottom: 5px;
	font-size: 11px;
} 

.multioptions .selects {
	width: 200px;
	float: left;
	display:block;
}

.multioptions .edit {
	width: 150px;
	text-align: right;
	float: right;
	display: block;
}

#multiselect {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size: 11px;
}

#multiselect fieldset {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	
}

#multiselect legend {
	font-weight: bold;	
}

#multiselect .lefto {
	width: 395px;
	margin-right: 20px;
	float: left;
}

#multiselect .righto {
	width: 300px;
	float: left;
}

#multiselect .field {
	clear: both;
	margin: 5px;
	*margin: 2px 5px;
}

#multiselect .field label {
	display: block;
	width: 125px;
	float: left;
	height: 18px;
	line-height: 18px;
}

#multiselect .option {
	float:left;
	width: auto;
}

#multiselect .field input[type=text] {
	width: 200px;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size: 11px;

}

#multiselect .selector {
	width: 20px;
	float: left;
}

/* ------------------------------------------------------------------------- */


/* Error Message */

/* Copy Campaigns styles --------------------------------------------------- */
#containerElement {
	margin: 0 auto;
	width: 1000px;
	padding: 5px;
	position: relative;
}

#containerElement h3 {
	text-align: center;
}


/* Loading screens ---------------------------------- */
.progressFront {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1002;
	padding-top: 100px;
	text-align: center;
}

.progressBack {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1001;
	background-color: white;
	opacity:0.8;
	filter:alpha(opacity=80);
}



#bigbox {
	background: #ebebeb;	
}

#bigForm {
	display:block;
	font-size:12px;
	margin:0 auto;
	width:1000px;
}

#bigbox .column {
	width: 320px;
	float: left;
	padding: 5px;	
}

#bigbox .column  h3 {
	font-size: 14px;
	margin: 0px;
	padding: 10px 0 10px;
}

#bigbox .columnBig {
	width: 560px;	
}

#bigbox .columnSmall {
	width: 200px;
}

#bigbox  h3 {
	cursor: pointer;	
}

#bigbox .stuff {
	height: 250px;
	overflow: auto;	
}

#bigbox .approvalBox .stuff {
	height: 30px;
}

#bigbox .flightBox {
	clear: both;
	margin-top: 10px;
}

#bigbox .flightBox .stuff {
	height: 154px;
}



#bigForm .sumnumb {
	font-weight: bold;	
}

#bigForm .aftForm {
	display:block;
	height: 22px;
	line-height: 22px;
	margin-right: 10px;
	clear: both;
}

#bigForm .center .aftForm {
	text-align: left;
	width: 300px;
		
}

/* Rounded Box styles ---------------------- */

#bigbox .b1, #bigbox .b2, #bigbox .b3, #bigbox .b4{font-size:1px; overflow:hidden; display:block;}
#bigbox .b1 {height:1px; background:#888; margin:0 5px;}
#bigbox .b2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
#bigbox .b3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
#bigbox .b4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
#bigbox .contentb {background: #fff; border-right:1px solid #888; border-left:1px solid #888; padding: 5px;}


/* Stuff ---- */

.stuff .ad {
	padding: 5px;	
	margin: 5px;
	text-align: center;
	border: 1px solid #aaa;
	overflow: auto;
}

.stuff .selected {
	/* background-color: whiteSmoke;	 */
}

.stuff .unselected {
	/* background-color: lightBlue; */
	background-color: #FEAAAC;
	border-color: red;
}

.stuff .ad .selectit {
	text-align: left;
	padding-bottom: 5px;
}

.stuff .ad span.selectit {
	cursor: pointer;
	text-decoration: underline;
}

.stuff select, .stuff select option, .stuff input {
	font-size: 12px;	
}

.stuff .flight {
	border: 1px solid #AAA;
	padding: 5px;
	margin: 5px;
}

.stuff .flight .id {
	color: #A5CD39;
	font-weight: bold;
	float: left;
	width: 40px;
	overflow: hidden;
}

.stuff .flight .name {
	float: left;
	width: 200px;
	overflow: hidden;
	font-weight: bold;
	font-size: 11px;
}

.stuff .flight .range {
	clear: both;
	font-size: 11px;
	font-style: italic;
	text-align: center;

}

/* vals ---------------- */
.vals .display label {
	font-weight: bold;
	color: #A5CD39;		
}

.vals .display .value {
	/*overflow: auto;*/
	*height: 20px;
	min-height: 20px;
	padding-bottom: 5px;
}

.vals .display div.value {
	clear: both;
}

/* denial lists ------------------ */
ul.denied {
	font-size: 10px;
	font-weight: bold;
}

ul.denied ul {
	font-weight: normal;
}

/* Column Small styles ----------- */

.columnSmall .vals .display .inputs, .column .vals .display .inputs 
{
	display: none;
}


.columnSmall .adelement {
	display: none;	
}

.columnSmall .selectit {
	font-size: 10px;
	font-style: italic;	
}

.columnSmall ul.denied {
	padding-left: 22px;
	margin: 0px;
}

.columnSmall ul.denied ul.site, .columnSmall ul.denied ul.placement {
	padding-left: 20px;
	margin: 0px;
}

.columnSmall ul.denied ul.list {
	display:none;
}

/* Column Big styles ---------  */

.columnBig .vals .display div.inputs {
	display: block;
	padding-bottom: 10px;
}

.columnBig .vals .display span.inputs {
	display: inline;
}

.columnBig .vals .display input[type=text] {
	width: 200px;	
}

.columnBig .vals .display span input[type=text] {
	width: 50px;
	text-align: right;
}

.columnBig .vals span.value {
	display: none;
}

.columnBig .vals .display div.value {
	/*display: none; */
	height: 1px;
	max-height: 1px;
	min-height: 1px;
	padding-bottom: 0px;
	overflow: hidden;
	margin-bottom: 5px;
	clear: both;	
}

.columnBig .flight .name {
	width: 400px;
}

/* confirmBox styles ------------------------- */
#confirmBox .column {
	float:left;
	width: 320px;
	padding: 5px;
}

#confirmBox .column .inner {
	padding: 0 15px;	
}

#confirmBox .column h3 {
	font-size: 14px;
	padding: 5px 0;
	margin: 0px;
}

#confirmBox .column p {
	clear: both;
	padding: 5px 0px;
	margin: 0px;
}

#confirmBox .column ul {
	padding: 5px 0 20px 15px;
	margin: 0px;	
}

#confirmBox .column ul li {
	padding: 5px 0;	
}

#confirmBox .center select {
	margin-left: 25px;	
}

#confirmBox input[type=text], #confirmBox select {
	width: 275px;
}

/* Magnifying glass -------------------------- */
a.mag {
	display: block;
	height: 60px;
	width: 60px;
	background: url(../images/mag.png) top center;	
}

a.mag:hover {
	background: url(../images/mag.png) bottom center;	
		
}

.mouseOverInfo {
	 text-decoration: underline;
}

/* Vertical Controls ----------------------------------- */
.verticalControls {
	position: relative;
}

.verticalControls .progressBack {
	border: none;
}

.verticalControls .container {
	position: relative;
	width: 1024px;
	height: 400px;
	overflow: auto;
	border: 1px solid #A5CD39;
	top: -1px;
	padding: 15px 5px;
}

.verticalControls .branch {
	padding-top: 5px;
	width: 820px;
	height: 25px;
	line-height: 25px;
	clear: both;
}


.verticalControls .branch input[type=button] {
	margin-left: 15px;
}

/* Category Tree ---------------------------------- */
.categoryTree {
	height: 400px;
	width: 1022px;
	overflow: auto;
}

.categoryTree .expand {
	height: 14px;
	width: 14px;
	font-size: 14px;
	border: 1px solid #A5CD39;
	color: #A5CD39;
	background: #DDFED8;
	text-align:center;
	font-weight: bold;
	line-height: 14px;
	float: left;
	cursor: pointer;
	margin: 2px 0;
}


.categoryTree a.newBranch {
	/* display: block; */
	clear: both;
	margin-left: 25px;
	width: auto;
	font-size: 12px;
}


.categoryTree .subBranch {
	margin: 0px 0 5px 31px;
	border-left: 1px dashed;
	clear: left;
}

.categoryTree .subBranch .newBranch  {
/*	border-bottom: 1px dashed; */
}

.categoryTree .link {
	height: 15px;
	width: 20px;
	float:left;
	line-height: 15px;
	margin-top: 3px;
	margin-right: 3px;
}

.categoryTree .link hr {
	display: none;
}

.categoryTree .subBranch .link {
/*	border-left: 1px dashed; */
}

.categoryTree .subBranch .link hr {
	display:block;
	border-style: dashed;
	border-top: none;
	border-left: none;
	border-right: none;
}

.categoryTree .catTreeBranch {
	clear: both;
}

/* Edit Branch button ------------------------------- */
.categoryTree .editBranch {
	display: block;
	width: 17px;
	height: 16px;
	border: none;
	background: url(../images/btn_edit.gif) center top no-repeat;
	float: left;
	margin: 3px;
	overflow: hidden;
	cursor: pointer;
}

/* Delete Branch button ------------------------------ */
.categoryTree .branch .delete {
	display: block;
	float: left;
	width: 20px;
	color: red;
	font-weight: bold;
	text-align: center;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}

/* info container ----------------------------------- */
.categoryTree .branch .infoContainer {
	float: left;
	width: 700px;
}

.categoryTree .branch .infoContainer .name, .categoryTree .branch .infoContainer .descr {
	font-size: 12px;
}

.categoryTree .branch .infoContainer .name {
	float: left;
	width: 300px;
	margin-left: 15px;
}

.categoryTree .branch .infoContainer .descr {
	/* position:relative; */
	line-height: 25px;
	float: left;
	width: 300px;
	font-style: italic;
}

.categoryTree .branch .infoContainer .name input[type=text], 
.categoryTree .branch .infoContainer .descr input[type=text]{
	width: 250px;
}

.categoryTree .branch .infoContainer  .controlBox {
	clear: both;
}
/* Rounded border stuff (vertical controls) ----------------------------- */

.verticalControls .b1, .verticalControls .b2, .verticalControls .b3, .verticalControls .b4 {font-size:1px; overflow:hidden; display:block;}
.verticalControls .b1 {height:1px; background:#888; margin:0 5px;}
.verticalControls .b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.verticalControls .b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.verticalControls .b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.verticalControls .contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
/* .verticalControls .contentb div {margin-left: 5px;} */



/* Light Box Effects (vertical controls) ------------------------------- */


.verticalControls #pfront {
	z-index: 1050;
}

.verticalControls .padme {
	margin: 50px auto;
	width: 500px;
}

.verticalControls .contentb {
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
}

.verticalControls .contentb .input {
	clear: both;
	margin: 5px 0 5px;
}

.verticalControls .contentb .input input[type=text]  {
	width: 200px;
}

.verticalControls .contentb label {
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 5px;
	height: 20px;
	line-height: 20px;
}

.verticalControls #vertParentName {
	font-style:italic;
	
}

#verticalBody #contentArea
{
	width: 1024px;
	margin: 0 auto;
}

/* Vertical Controls toggle buttons -------------------------------- */
.verticalControls .togglers {
	margin-top: 10px;
	height: 28px;
	position: relative;
	z-index:800;
}

.verticalControls .togglers .toggle {
	width: auto;
	padding: 5px 10px;
	float: left;
	cursor: pointer;
	border: 1px solid #A5CD39;
	border-bottom: none;
	background: #DDFED8 url(../images/bg.gradient.top.png) repeat-x top;
	color: #A5CD39;
	font-weight: bold;
}

.verticalControls .togglers .toggle + .toggle {
	border-left: none;
}

.verticalControls .togglers .selected {
	background: white;
	border-bottom: 1px solid white;
}
/* Filter Options --------------------------------------------------- */

.filterOpt {
	font-size: 11px;
	font-style: italic;
	padding: 5px 0;
}

/* assignChannelForm ------------------------------------------------- */

#assignChannelForm {
	height: auto;
	*text-align: left;
}

#assignChannelForm .controls {
	text-align: center;
}

.assignChannelBlock {
	width: 800px;
	margin: 0px auto;
	height: auto;
	text-align: left;
	*margin: 0;
}

.assignChannelBlock  .identifier {
	font-weight: bold;
}

.assignChannelBlock .b2, .assignChannelBlock .b3, .assignChannelBlock .b4, .assignChannelBlock .contentb {
	background: white;
}

#assignChannelForm {
	*text-align: left;
}

#assignChannelForm .assignChannelBlock {
	*margin: 0;
}


/* ---------------------------------------------------------------------------- */

/* The Channel Select Component ----------------------------------------------- */
#assignChannelForm  .chanFibulator {
	padding: 15px 0;
}

.chanFibulator #canHolder, .chanFibulator .buttonHolder, .chanFibulator .selectHolder {
	float: left;
	text-align: center;
	height: 150px;
}

.chanFibulator #canHolder {
	width: 430px;
	text-align: left;
	overflow: auto;
}


.chanFibulator #canHolder .labels, .chanFibulator #canHolder .channelDropBox {
	background: white url(../images/bg_light_red_stripes.png) top repeat-x;
	float: left;
}

.chanFibulator #canHolder .labels {
	width: 100px;
	text-align: right;
}

.chanFibulator #canHolder .channelDropBox {
	width: 300px;
	line-height: 30px;
	height: 125px;
	max-height: 125px;
	overflow: auto;
}

.chanFibulator #canHolder .channelDropBox .channelWidget {
	margin: 5px auto;
}

.chanFibulator .buttonHolder {
	width: 45px;
	height: 50px;
	margin-top: 50px;
}

.chanFibulator .buttonHolder  input[type=button] {
	width: 30px;
}


.chanFibulator .selectHolder {
	width: 285px;
}

.chanFibulator .selectHolder select {
	width: 270px;
}


.chanFibulator .chtype {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
/* ---------------------------------------------------------------------------- */

/* Channel Select Tool ---------------------------------------------------- */

.chselect {
	width: 750px;
}

.chselect .channelWidget .shortName {
	cursor: move;
}

.chselect .b1, .chselect .b2, .chselect .b3, .chselect .b4{font-size:1px; overflow:hidden; display:block;}
.chselect .b1 {height:1px; background:#888; margin:0 5px;}
.chselect .b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.chselect .b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.chselect .b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.chselect .contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888; padding: 5px;}

.chselect .channels {
	padding-top: 5px;
}

.chselect .channels .labels, .chselect .channels .channelDest, .chselect .channels .channelPool {
	width: 256px;
	height: 200px;
	float: left;
	margin: 2px;
	background: white;
	padding: 0 5px;
	overflow: auto;
	text-align: center;
}

.chselect .channels .labels {
	width: 150px;
}


.chselect .channels .labels, .chselect .channels .channelDest {
	background: white url(../images/bg_light_red_stripes.png) top repeat-x;
}



.chselect .channels .channelWidget{
	margin: 5px auto;
}

/* ------------------------------------------------------------------------ */
/* channel widgets -------------------------------------------------------- */
.channelWidget {
    width: 200px;
	font-size: 10px ;
	position: relative;
	text-align: left;
	margin: 5px 0;
	cursor: move;
}

.channelWidget  .b1, .channelWidget .b2, .channelWidget .b3, .channelWidget .b4{font-size:1px; overflow:hidden; display:block;}
.channelWidget .b1 {height:1px; background:#a5cd39; margin:0 5px;}
.channelWidget .b2 {height:1px; background:#fff; border-right:2px solid #a5cd39; border-left:2px solid #a5cd39; margin:0 3px;}
.channelWidget .b3 {height:1px; background:#fff; border-right:1px solid #a5cd39; border-left:1px solid #a5cd39; margin:0 2px;}
.channelWidget .b4 {height:2px; background:#fff; border-right:1px solid #a5cd39; border-left:1px solid #a5cd39; margin:0 1px;}
.channelWidget .contentb {background: #fff; border-right:1px solid #a5cd39; border-left:1px solid #a5cd39; padding: 0px;}


.channelWidget .shortName, .channelWidget .control, .channelWidget .delete {
	float: right;
	display: block;
	width: 20px;
	height: 15px;
	line-height: 15px;
	font-size: 11px ;
}

.channelWidget .shortName {
	width: 148px;
	padding: 0 5px 0;
	position: relative;
	z-index:499;
	overflow:hidden;
	font-weight: normal;
}

.channelWidget .shortNameOverlay {
	position: absolute;
	z-index: 501;
	height: 100%;
	width: 34px;
	left: 130px;
	background: url(../images/channel_bg.png) right repeat-y;
}

.channelWidget .shortNameHolder {
	width: 300px;
}

.channelWidget .control {
	background: center no-repeat;
	cursor: pointer;
}

.channelWidget .down {
	background-image: url(../images/Arrow_down.png);
}

.channelWidget .up {
	background-image: url(../images/Arrow_up.png);
}

.channelWidget .delete {
	text-align:center;
	color: red;
	font-weight: bold;
	cursor: pointer;
}

.channelWidget .information {
	background:#F4FFF5;
	border: 1px solid #A5cd39;
	width: 150px;
	padding: 0 10px 0 10px;
	left: 15px;
	top: 25px;
	position: absolute;
	z-index: 500;
	color: #A5cd39;
}

.channelWidget .information .description {
	padding: 5px;
} 


.channelWidget .information ul {
	margin-left: 0px;
	padding-left: 10px;
}


.channelWidget .contracted {
	height: 1px;
	overflow: hidden;
}

.channelWidget .expanded {
	height: auto;
	overflow:auto;
}

/* ------------------------------------------------------------------------ */
/* Targets Table ---------------------------------------------------------- */
.targetsTable {
	width: 802px;
	margin: 10px 0;
	background: white;
	clear: both;
}

.targetsTable .rows {
	max-height: 150px;
	clear: both;
	font-size: 11px;
}

.targetsTable .rows .row {
	clear: both;
	cursor: move;
}

.targetsTable .headers {
	background: #3D8DF0 url(../images/bg.gradient.top.png) repeat-x top;
	color: white;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
}

.targetsTable  .headers .remove, .targetsTable .headers .name, 
.targetsTable .headers .id, .targetsTable .headers .inverted, 
.targetsTable .headers .url {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

.targetsTable .remove, .targetsTable .name, .targetsTable .id,
.targetsTable .inverted, .targetsTable .url {
	float: left;
	height: 20px;
	line-height: 20px;
	/*line-height: normal;*/
	overflow: hidden;
	padding: 0 5px;
	font-size: 11px;

}

.targetsTable .even .remove, .targetsTable .even .name, .targetsTable .even .id,
.targetsTable .even .inverted, .targetsTable .even .url {
	background: #EBEBEB url(../images/bg.gradient.top.png) repeat-x top;
}

.targetsTable .odd .remove, .targetsTable .odd .name, .targetsTable .odd .id,
.targetsTable .odd .inverted, .targetsTable .odd .url {
	background: white;
}

.targetsTable .odd {
	border: none;
	background: none;
}

.targetsTable .id {
	width: 40px;
	text-align: center;
}

.targetsTable .remove {
	width: 50px;
	text-align: center;
}

.targetsTable .remove a {
	font-weight: bold;
	color: red;
	text-decoration: none;
	font-size: 13px;
}

.targetsTable .remove input{
	cursor: pointer;
}

.targetsTable .name {
	width: 150px;
}

.targetsTable .inverted {
	width: 50px;
	text-align: center;
}

.targetsTable .url {
	width: 225px;
	/* width: 295px; */
}

.targetsTable .rows .url {
	line-height: normal;
}

.targetsTable .url input{
	width: 220px;
	font-size: 11px;
	padding: 0 2px;
	margin: 2px 0 0 0;
}

/* Target profile adjustments */
.creativeTargetProfile .targetsTable {
	width: 800px;
}

.creativeTargetProfile .targetsTable .name {
	width: 200px;
}

.creativeTargetProfile .targetsTable .url {
	width: 220px;
}

.creativeTargetProfile .targetsTable .url input[type=text]{
	width: 215px;
}

.creativeTargetProfile .targetsTable .rows {
	max-height: 100px;
	overflow: auto;
}

/* Ie6&7 hack */
* html .creativeTargetProfile .targetsTable .rows {
	height: expression( this.scrollHeight > 100 ? "100px" : "auto" );
}

.creativeTargetProfile .targetsTable .rows .name, .creativeTargetProfile .targetsTable  .rows .id  {
	text-decoration: line-through;
	font-style: italic;
	color: red;
}

.creativeTargetProfile .targetsTable .selected .name, 
.creativeTargetProfile .targetsTable  .selected .id  {
	text-decoration: none;
	font-style: normal;
	color: black;	
}

/* Target controls */
.targetControls .column {
	float: left;
	width: 380px;
	margin: 5px 0;
}

.targetControls input.greyForm[type=text] {
	width: 150px;
}

/* ------------------------------------------------------------------------ */
/* advertiser-creative and advertiser-campaign styles --------------------- */
#advertiserCreative #contentArea {
	width: 900px;
	margin: 0 auto;
}	

.headerGeneric {
	background: navy url(../images/bg.gradient.top.png) repeat-x scroll center top;
	font-weight: bold;
	color: white;
	font-family: tahoma, "sans serif", arial;
	font-size: 14px;
	cursor: move;
	height: 25px;
}

#creativesForm {
	display: block;
	position: relative;
}

/* Edit image pop up */
.popup {
	background: #AED0F9;
	width: 400px;
	border: 1px solid #3D8DF0;
	position: absolute;
	z-index: 1005;
	top: -100px;
}

#templatePopUp {
	width: 420px;
}

#defaultCampaignPage .popup {
	top: 50px;
	left: 300px;
}



.popup .frame {
	margin: 5px 0;
	padding: 5px;
}

.popup .controls {
	text-align: right;
	padding: 5px;
	padding-bottom: 10px;
}

.popup .popTitle {
	float: left;
	width: 300px;
	overflow: hidden;
	height: 22px;
	line-height: 22px;
	padding-left: 5px;
}

.popup .closePopup {
	float: right;
	width: 20px;
	text-align: center; 
	font-weight: bold;
	cursor: pointer;
	height: 22px;
	line-height: 22px;
}

.popup label {
	width: 125px;
	display: block;
	height: 20px;
	line-height: 20px;
	float: left;
	font-size: 12px;
	font-family: tahoma, arial, "sans-serif";
	font-weight: normal;
}


.popup .input {
	clear: both;
	margin: 0;
	line-height: 23px;
	height: 23px;
	font-size: 12px;
}

.popup .creativeTargetProfile  .input label { 
	width: 150px;
	height: 23px;
	line-height: 23px;
}

.creativeTargetProfile input[type=button] {
	font-size: 12px;
}

/* The big Edit Creative popup */
#editCreative {
	width: 890px;
}

#editCreative .column {
	float: left;
	padding: 5px;
	width: 414px;
}

#editCreative .input input.greyForm[type=text] {
	width: 175px;
	font-size: 10px;
	font-family: "sans-serif", tahome, arial;
}

#editCreative  .popTitle {
	width: 700px;
}

.popup .input select.greyForm {
	width: 180px;
	font-size: 11px;
	font-family: "sans-serif", tahome, arial;
	height: 20px;
	line-height: 20px;
}

.popup .input select.greyForm option {
	font-size: 11px;
	font-family: "sans-serif", tahome, arial;
	width: auto;
}

.popup fieldset {
	border: 1px solid #EBEBEB;
}

.popup legend {
	font-weight: bold;
	font-family: "sans serif", tahoma, arial;
	font-size: 12px;
}

.popup .clickoptions {
	width: 845px;
	margin: 0 auto;
}

.single .multSelects {
	display: none;
}

.single input[type=checkbox].multSel {
	display: none;
}

.mult .nonMult {
	display: none;
}

.mult .multSelects {
	width: 25px;
	float: left;
	height: 20px;
}

.mult fieldset {
	border-color: #8ab589;
}

/* ------------------------------------------------------------------------ */
/* Admin Reports ---------------------------------------------------------- */


.reportOptions {
	width: 900px;
	font-size: 12px;
	float: left;
}

.reportOptions h3 {
	margin: 0;
	padding: 0;
}

.reportOptions .section, .reportOptions .buttons {
	margin: 5px 0;
	clear: both;
}

.reportOptions .section label {
	display: block;
	width: 200px;
	float: left;
}

.reportOptions .buttons {
	text-align: center;
}

.reportOptions .dateSelect label, .reportOptions .heading {
	width: 75px;
	font-weight: bold;
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
}

.reportOptions .dateSelect {
	width: 210px;
}

.reportOptions .dateSelect label {
	height: 30px;
	line-height: 30px;
}

.reportOptions .dateSelect select {
	margin-top: 5px;
}

.reportOptions .b1, .reportOptions .b2, .reportOptions .b3, .reportOptions .b4{font-size:1px; overflow:hidden; display:block;}
.reportOptions .b1 {height:1px; background:#888; margin:0 5px;}
.reportOptions .b2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.reportOptions .b3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.reportOptions .b4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.reportOptions .contentb {background: #fff; border-right:1px solid #888; border-left:1px solid #888; padding: 10px;}
	
.reportGraphics {
	width: 1000px;
	padding: 0px 10px 10px 0;
}	

.reportGraphics .headers {
	height: 26px;
}

.reportGraphics .header {
	width: 114px;
	text-align: center;
	font-weight: bold;
	float: left;
	border: 1px solid #888;
	color: #888;
	cursor: pointer;
	height: 25px;
	line-height: 25px;
	background: #eee url(../images/bg.gradient.top.png) repeat-x top;
	*position: relative;
}
.reportGraphics .header + .header {
	border-left: none;
}


/* Dangerous, IE7- incompatible */
.reportGraphics .header:hover {
	background: #A5CD39 url(../images/bg.gradient.top.png) repeat-x top;
	color: white;
	border-color: #888;
}

.reportGraphics .selected {
	background: white;
	border-bottom: 1px solid white;
	cursor: default;

}

.reportGraphics .selected:hover {
	border-bottom: 1px solid white;
	color: #888;
	background: white;
}

.reportGraphics .chartHolder {
	width: 1000px;
	border: 1px solid #888;
	padding: 10px;
}

.reportFloater {
	margin-top: 10px;
	float: left;
}

#reportDiv {
	width: 900px;
	margin: 0 auto;
}

#chartDest {
	width: 900px;
	height: 400px;
	margin: 0 auto;
}

.reportOptions .columnThird {
	width: 287px;
}
/* ------------------------------------------------------------------------ */
/* Placement Report ------------------------------------------------------- */
#placementReportsBody .reportOptions {
	float: none;
	margin: 0 auto;
}
.repOpts .header {
	text-align: center;
}

.repOpts .dates {
	margin-bottom: 5px;
}

.repOpts .dates input[type=text] {
	width: 75px;
}

.repOpts select {
	width: 230px;
	font-size: 12px;
}

#repOpts label {
    display: block;
    float: left;
    width: 100px;
}
/* ------------------------------------------------------------------------ */
/* Campaign name ---------------------------------------------------------- */
.campDefaultHeader {
	clear: both;
	height: 30px;
}
.campDefaultHeader .campaignName {
	float: left;
	width: 500px;
}
.campDefaultHeader .checkBoxDiv {
	float: left;
	width: 248px;
	text-align: right;
}
/* ------------------------------------------------------------------------ */
/* Ratios ----------------------------------------------------------------- */

.dimensions, .adtypes {
	width: 600px;
}

.dimensions .header {
	clear: both;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #ccc;
}

.dimensions .header span {
	color: #3D8DF0;
	font-size: 11px;
	cursor: pointer;
}

.dimensions .dimblock {
	padding-top: 5px;
	padding-left: 20px;
}

label.dimension, label.adtype {
	width: 258px;
	float: left;
	display: block;
	font-size: 11px;
	overflow: hidden;
}
/* ------------------------------------------------------------------------ */
/* Frequency Cap ---------------------------------------------------------- */
.freq input.greyForm[type=text] {
	width: 50px;
	margin-left: 5px;
}
/* ------------------------------------------------------------------------ */
/* universal classes ------------------------------------------------------ */
.clearit {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.alignRight {
	text-align: right;
}

.columnThird {
	width: 341px;
	float: left;
}