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

/*css browser reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; 	padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; 	background: transparent;}
body {line-height: 1.4;}
ol, ul {	list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';content: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup 
table {border-collapse: collapse; border-spacing: 0;}
end browser css reset*/
html {overflow:-moz-scrollbars-vertical;}


body { font:16px "Lucida Grande",arial,verdana,sans-serif; line-height: 1.3; min-width:955px; width:100%; background-color:#fcfcfc;}
img {border:none;}

#loginform {position:absolute; width:500px;  left:50%; margin-left:-200px; margin-top:15px;  text-align:left; }

#loginform div {
	margin-top: 15px;
}

#loginform div p {
	font: 12px Georgia, "Times New Roman", Times, serif;
}


#wrapper {position:absolute; width:870px;  left:50%; margin-left:-350px; margin-top:2px;  text-align:left; }

#home {width:700px; float:left;  margin: 10px 0 10px; display:block;}
#account {width:700px; float:left;  margin: 10px 0 10px; display:none;}
#newCampaign {width:700px; float:left;  margin: 10px 0 10px; display:none;}
#data {display:none;}
#chartIntro {display:none;}


#header {width: 870px; height:30px; margin:10px 0 0 5px; text-align:right; background: url(/img/pubblegumlogo_dashb.jpg) no-repeat;}
#mainContent {width:700px; float:left;  margin: 5px 0 0px;}
#columnLeft { width:350px; float:left; margin-top: 20px;}
#columnRight { float: right;  width:350px; margin-top: 20px;}
#columnFull { width:700px;}

#sidebar {position: absolute; top:68px; width:170px; left: 700px; margin:25px 0 10px 0;}

#contentWrapTwo {width:705px; clear:both; }
#mainContentTwo{width:700px; float:left; margin:5px 0 10px 0;}
#sidebarTwo {position: absolute; width:170px; left: 700px; margin:10px 0 10px 0;}
#footer{width: 870px; float:left; margin:30px 0 20px 0; clear:left; font: 0.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

.stretch {width: 250px;}
.r {float:right;}
.button {padding-left:70px;}
#summary{
	margin-top: 30px;
}

#trends_summary {
	margin-top: 15px;
	clear:both;
	width:100%;
}

#trend_tables {
	margin-top: 15px;
}

.user_name {
	width: 100px;
	height: 15px;
	color: #666666;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#loginform label {
	font: small-caps bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.reportDownload{
	text-align:right;
	width:630px;
	margin-bottom:10px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#columnChart{
	padding-top:20px;
}