/* @override http://rudydecomputer-2.local/~stefan/pubblegum/css/rough.css */

body {
	color: #1a1a1a;
	font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

h1 {
	color: #1a1a1a;
	font: bold 24px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

h2 {
	color: #0000FF;
	cursor: pointer;
	* cursor: hand;
	margin-top:50px;
	margin-bottom:0px;
	font: 14px Georgia, "Times New Roman", Times, serif;
}

h3 {
	color: #989898;
	text-decoration: none;
	margin-top:5px;
	margin-bottom:5px;
	font: bold 18px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	padding-top: 5px;
}

h4 {
	color: #989898;
	text-decoration: none;
	margin-bottom:10px;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	border-bottom: 1px solid #ec018e;
	padding-top: 5px;
}

h5 {
	color: #989898;
	text-decoration: none;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	padding-top: 5px;
}
#subscriptions hr {
	border: none 0; 
	border-top: 1px solid #989898;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.flagIcon {
	margin-right: 10px;
}

.refreshing {
	opacity: 0.3;
	display:"none";
}

.busy {
	background: transparent url(../img/indicator.gif) no-repeat center; 
}


#DEBUG {
	color: #000;
	background-color: #ccc;
	width: 100%;
/*	border-top: 2px dotted #000;*/
	clear: both;
	font: 11px Monaco, Mono;
}

#daily, #country, #domain, #creative, #trends, #charts, #plot, #overlap, #tree, #subscriptions { display:none; }
#largeTable { height:100%; width:700px; }

.dashboardTable {
	width: 100%;
	clear: both;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

.dashboardTable td {
	margin: 3 auto;
	width: 50%;
}
.dashboardTable h2{
	margin-top:20px;
}

#campaignName {
	color: #1a1a1a;
	font: bold 24px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}


/* @group header */

.head_camp_name {
	color: #1a1a1a;
	font: bold 24px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	border-left: 1px solid #1a1a1a ;	
	padding:10px;
	margin-top: 3px;
	min-width: 100px;
}

.head_camp_name_first {	
	/*padding:10px;10px 10px 10px 0*/
	margin-top: 3px;
	color: #1a1a1a;
	font: bold 24px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;	
	min-width: 100px;
}

.trends_comparison_small {
	padding-left: 9px;
	text-transform: lowercase;
	color: #000000;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.trends_comparison_small_2 {
	padding:0px;
	text-transform: lowercase;
	color: #000000;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.trends_comparison_small_total {
	padding:0px;
	text-transform: lowercase;
	color: #989898;
	font: 11px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.trends_selection_small {
	padding:0px;
	text-transform: lowercase;
	color: #989898;
	font: 11px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}
.trends_selection_small a {
	color:#8C1616;
	font-size:12px;
	text-decoration:none;
}
.trends_selection_small a:hover {
	color:#FF0000;
	font-size:12px;
	text-decoration:none;
}

.barWithBorder {
	padding:6px;
}

p.documentation {
	color: #1a1a1a;	
	margin-bottom: 12px;
	font: 12px/115% Georgia, "Times New Roman", Times, serif;
}
p.documentation a{
	text-decoration:underline;
	cursor: pointer;
}

#datepickerDiv {
	margin: 6px;
}
.plot {
	color: #1a1a1a;	
	font: normal 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; /*Trebuchet MS1, Helvetica, sans-serif*/
}

.plot li { padding: 3px 3px 6px 3px; }

input.date {
	border:none;
	font: bold 20px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

#trends_days .ui-selecting { background: #d0d0d0; }
#trends_days .ui-selected { background: #3875d7; color: white; }
#trends_days { list-style-type: none; width: 100%; margin: 0px; padding: 0px; font: 11px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#trends_days li { padding: 3px; width:40px; float:left; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; }
/*
#trends_domains .ui-selecting { background: #d0d0d0; }
#trends_domains .ui-selected { background: #3875d7; color: white; }
#trends_domains { list-style-type: none; margin: 0px; padding: 0px; font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#trends_domains li { padding: 6px; }

#trends_creatives .ui-selecting { background: #d0d0d0; }
#trends_creatives .ui-selected { background: #3875d7; color: white; }
#trends_creatives { list-style-type: none; margin: 0px; padding: 0px; font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#trends_creatives li { padding: 6px;}

#trends_regions .ui-selecting { background: #d0d0d0; }
#trends_regions .ui-selected { background: #3875d7; color: white; }
#trends_regions { list-style-type: none; margin: 0px; padding: 0px; font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#trends_regions li { padding: 6px;}
*/
#trends_domains_nav .ui-selecting { background: #d0d0d0; }
#trends_domains_nav .ui-selected { background: #3875d7; color: white; }
#trends_domains_nav { list-style-type: none; margin: 0px; padding: 0px; font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#trends_domains_nav li { padding: 6px; }

#trends_creatives_nav .ui-selecting { background: #d0d0d0; }
#trends_creatives_nav .ui-selected { background: #3875d7; color: white; }
#trends_creatives_nav { list-style-type: none; margin: 0px; padding: 0px; font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#trends_creatives_nav li { padding: 6px;}

#trends_regions_nav .ui-selecting { background: #d0d0d0; }
#trends_regions_nav .ui-selected { background: #3875d7; color: white; }
#trends_regions_nav { list-style-type: none; margin: 0px; padding: 0px; font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
#trends_regions_nav li { padding: 6px;}

.trends_current_selection { list-style-type: none; margin: 0px; padding: 0px; font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }
.trends_current_selection li {
	padding:3px 3px 6px 3px;
	white-space: nowrap;
	}
.trends_current_selection li span {
	font-weight:bold;
} 

.trends_list_vertical {
	border: 0px solid #cccccc;
	overflow-x:hidden;
	overflow-y:auto;
	max-height: 200px;
	width:210px;
	float: left;
}

.trends_list_horizontal {
	border: 1px solid #cccccc;
	overflow:auto;
	height: 100%;
	max-height: 92px;
	width:660px;
}

#campaignList li {
	color: #000000;
	text-align: left;
	font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	padding:3px;
}

#campaignList a {
	color: #989898;
	text-decoration: none;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

#campaignList a:hover {
	color: #ec018e;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
}

#campaignList a:active {
	color: #ec018e;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
}

.trend_tables {
	display:block; 
	width:100%; 
	padding-bottom: 12px;
}

.trend_tables fieldset {
	width: 33%;
	border-bottom: 1px solid #aaaaaa;
}
#trends_summary, #summary{
	display:block;
	height:45px;
	white-space:nowrap;
	overflow:hidden;	
}
#trends_summary fieldset, #summary fieldset {
	float:left;
	width: 19%;
}

legend {
	color:#ec018e;
	padding-left: 10px;
	text-transform: lowercase;
	font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	min-width: 120px;
}
legend.first_legend{
	padding-left:0px;
}

legend.large {
	padding-left: 0px;
	color:#ec018e;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	padding-bottom: 2px;
	text-transform: lowercase;
	padding-top: 5px;
}

/*#trendsGraph {
	padding-top: 30px;
}*/
  
#headTabsContainer{
	padding-top:8px;
}
.head_tabs {
	padding-right:6px;
	margin-top: 50px;
	cursor: pointer;
}

a.head_tabs {
	color: #989898;
	text-decoration: none;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

a.head_tabs:hover {
	color: #ec018e;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
}

/*a.head_tabs:active {
	color: #ec018e;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
} */

.head_tabs_active {
	padding-right:6px;
	color: #ec018e;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;
}


/* @end */



/* @group table */

.table_row_header {
	color: #C6C6C6;
	font: 16px Georgia, "Times New Roman", Times, serif;
}

.table_text, .table_text a {
	color: #111;
	text-align: left;
	font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	white-space:nowrap;
	overflow:hidden;
	text-decoration:none;
}
.table_text a:hover{
	color:#999;
}


.table_numeric_data {
	text-align: right;
	color: #1a1a1a;
	font: 12px Monaco, mono;
}

.domain_table {
	color:  #c6c6c6;
	font: 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.number_table {
	color:  #1a1a1a;
	font: 12px Monaco, Mono;
}


/* @end */

/* css columns start */
#container
{
width: 90%;
margin: 10px auto;
color: #000000;
line-height: 130%;
}

#top
{
padding: .5em;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #989898;
	font: 11px Georgia, "Times New Roman", Times, serif;
	position: relative;
	top: 40px;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* css columns end */
                               
/* General dropdown styles */       
.dropdown dd, .dropdown dt, .dropdown ul { 
	margin:0px; padding:0px;
}
.dropdown dd { 
	position:relative; 
}
/* DT styles for sliding doors */
.dropdown dt a {
	color: #1a1a1a;
	font: bold 24px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background:#fefefe url("../img/downarrow2.gif") no-repeat scroll right center;
    display:block; 
	padding-right:20px;
	padding-left:2px; 
	border:1px solid #eee;
	width:600px;
}
.dropdown dt a:hover {
	border:1px solid #aaa;    
	background:#efefef url("") no-repeat scroll right center;    
}
.dropdown dt a span {
	cursor:pointer;
	display:block; 
	padding:5px;
}
/* UL styles */
.dropdown dd ul { 
	background:#eee none repeat scroll 0 0; display:none;
    list-style:none; 
	padding:5px 0px; 
	position:absolute; 
    left:0px; 
	top:2px; 
	width:auto; 
	min-width:250px;
	cursor:pointer;
} 
.dropdown span.value { 
	display:none;
	}
.dropdown dd ul li a { 
	padding:5px; 
	display:block;
}
.dropdown dd ul li a:hover { 
	background:#fff;
}
#target ul{
	max-height:500px;
	overflow:auto;
}

#campaignId{
	/*visibility:hidden;*/
	display:none;
}
#fullChartContainer{
	width:98%;
	height:90%;
	background-color:#ffffff;
	margin:5px;
	
}
#flashWrapper{
	width:50%;
	height:90%;
	display:inline;
	padding-right:auto;
}
#fullChartContainerClose{
	text-align:right;
	cursor:pointer;
}
.downloadList li{
	cursor:pointer;
	color: #989898;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	line-height:28px;
}
#subscriptionForms{
}
.subscriptionFormContainer{
	width:625px;
}
#addFormContainer{
	padding:10px 10px 10px 0px ;
} 
#addFormContainer span{
	padding:2px;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
}
.formNew{
	background-color:#ddd;
}
.downloadImg{
	vertical-align:middle;
	margin-right:7px;
	border:none;
}
#dailySmall_wrapper table, #domainSmall_wrapper table, #countrySmall_wrapper table, #creativeSmall_wrapper table {
	width:270px;
}