@import 'grid.css'; /* 1kb grid */
@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/forms.css';
@import 'lib/buttons.css';
@import 'messagebar.css';

html, body { height:100%; }
.container {
	position:relative;
	padding:0;
	min-height:100%;
}
#header {
	position:relative;
	margin-top:10px;
	height:30px;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
}
#header h1 {
	width:100px;
	height:30px;
	margin:0;
}

#footer {
	position:relative;
	bottom:0;
	left:0;
	height:120px;
	margin-top:0px;
	padding:0 0 0;
	border-top:1px solid #ccc;
	letter-spacing:0.03em;
}
#footer .links { margin-top:5px;}

.content {
	padding-bottom:120px;
}

ul#nav {
	float:right;
	list-style:none;
	margin:5px 0 0;
}
ul.links {
	list-style:none;
	margin:0 0 5px;
}
.links li,
#nav li {
	float:left;
	padding:2px 4px;
	color:#666;
	letter-spacing:0.03em;
}
.links .username,
#nav .username { 
	background: url(../images/icons/user_gray.png) 0 50% no-repeat;
	padding-left:20px;
}
.links .signout a, 
#nav .signout a.button {
	padding:.25em .5em;
	font-size:1em;
	margin:-1px 2px -1px 0;
}
.links .signup a,
#nav .signup a {
	background:#eee url(../images/signup_orange_small.png) 0 0 no-repeat;
	display:block;
	width:59px;
	height:25px;
	text-indent:-999px;
	margin:-5px 2px -1px 0;
}

#footer p {
	line-height:1.5em;
	margin: 0 0 5px;
	text-align:right;
	font-size:11px;
	color:#aaa;
}
.content h4 {
	display:block;
	float:left;
	font-size:2em;
	margin:.85em .25em 0 0px;
}
.content.form_content h4 { margin-left:18px; }
.content h2 { margin:0; padding:.5em 0; }
.form_content h2 { padding-left:18px; }

.menu { margin-bottom:1px; /* hack so won't collapse when empty */ }
.menu a { text-decoration:none;}
.menu ul ul a:hover { text-decoration:underline;}
.menu ul { margin:0;padding-left:0; }
.menu ul ul { margin-left:0;padding-bottom:.33em;}
.menu li { 
	margin:5px 0 0; 
	padding:0;
	list-style:none; 
	border-radius:5px;
	-o-border-radius:5px;
	-icab-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.menu ul ul li { 
	margin-top:1px; 
	padding:0 .25em 0 .5em;
	list-style:circle;
	color:#999;
}
.menu .addsite { margin-top:1.5em;list-style:none;}
.hidden { display:none; } 
.sitename { 
	display:block;
	padding-left:.5em;
	line-height:20px;
	height:20px;
	letter-spacing:.03em;
	font-weight:normal; color:#000; font-weight:bold;letter-spacing:0.025em; 
	background:url(../images/menu.png) 100% 0 no-repeat;
	border-radius:3px;
	  -o-border-radius:3px;
	  -icab-border-radius:3px;
	  -khtml-border-radius:3px;
	  -moz-border-radius:3px;
	  -webkit-border-radius:3px;
	  -moz-border-radius:3px;
}
.sitename:hover { color:#000;background-position:100% -20px; }
.current .sitename { 
	color:#fff;
	background-position:100% -40px; 
	border-radius:0;
	-o-border-radius:0;
	-icab-border-radius:0;
	-khtml-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius-topright: 3px;  
	-o-border-radius-topright: 3px;
	-icab-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-radius-topleft: 3px;  
	-o-border-radius-topleft: 3px;
	-icab-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
}
.current { 
	background-color:#e5f9ff;
	background-color:#f9f9f9;
	border:1px solid #567;
}

li.site ul.sitelinks { display:none; }
li.site.current ul.sitelinks { display:block; }

th .sort_asc { padding-right:16px; background: url(../images/icons/bullet_arrow_up.png) 100% 50% no-repeat; }
th .sort_desc { padding-right:16px; background: url(../images/icons/bullet_arrow_down.png) 100% 50% no-repeat; }

/* table cell widths */
.user_list,
.message_list { clear:both; margin-top:0;}
.message_list th { vertical-align:bottom; }
.message_list th.title { width:40%; }
.message_list th.date_range {width:20%;}
.message_list th.impressions { width:10%;}
.message_list th.shares { width:10%;}
.message_list th.visits { width:10%;}
.message_list th.actions {width:10%; text-align:center;}

.message_list th.impressions,
.message_list th.shares,
.message_list th.visits { text-align:right;}

.message_list td { vertical-align: middle; }
.message_list td.date { white-space: nowrap; }
.message_list td.actions { white-space: nowrap;text-align:center; }
.message_list td.data {
	font-weight:bold;
	font-size:1.5em;
	padding:.25em;
	text-align:right;
	overflow:hidden;
}
tr.total td { background-color:#f9f9f9;color:#333;font-weight:bold; border-top:2px solid #333; }
.message_list td {
	padding-bottom:0 !important;
}
tr.percentages td { 
	border-top:none !important;
	padding:.25em .5em .25em !important;
	font-weight:normal !important; 
	font-size:.85em !important; 
	color:#393;
}


.getstarted {
	margin: 0 90px 20px;
	padding:20px 30px;
	background:#f9f9f9;
}
.getstarted ol { margin:1em 0 0;}
.getstarted li {
	list-style:none;
	margin:.33em 0;
	padding:.75em .66em;
	font-size:1.25em;
	background-color:#e5f0f5;
}
.getstarted li:hover {
	background-color:#d0f0f5;	
}
.getstarted li > a { font-size:1.2em;}
.getstarted li p { font-size:.85em; color:#555; margin:0 0;}

.campaigns	{ width:99%;margin:.25em 0 .5em; }
.campaigns th.startdate {width:41%;}
.campaigns th.enddate {width:41%;}
.campaigns th.actions {width:18%; }

.users th.actions { width:15%;}

td.actions a { font-style:normal;margin:0 .25em;}
.tablenote {
	overflow:hidden;
	margin:.5em 0;
	padding:0 .5em;
	font-size:11px;
}
.tablenote div {
	float:left; 
	margin-right:1em;
}
.tablenote div div {
	border:1px solid #999;
	float:left; 
	width:30px;
	height:1em;
	margin-right:.5em;
}
.endingsoon div, tr.ending td { background-color:#FFE0Dd; }
.activemessage div, tr.active td { background-color:#F0Fedd; }
.archivedmessage div, tr.archived td { color:#888; background-color:#fff;font-style:italic; }
.archivedmessage { font-style:italic; color:#888;}

table.stats th, 
table.stats td {
	text-align:right;
}
table.stats tr th:first-child, 
table.stats tr td:first-child {
	text-align:left;
}

.graph_types {
	list-style:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
.graph_types li {
	float:left;
	margin-right:3px;
}
.graph_types li a {
	display:block;
	padding:6px 4px 4px;
	font-size:11px;
	font-weight:bold;
	color:#666;
	line-height:1em;
	background-color:#fff;
	border:1px solid #ccc;
	border-bottom:none;
}
.graph_types .active a {
	border-color:#666;
	background-color:#eee;
	text-decoration:none;
} 


.new_message, .new_account {
	margin: 0 0 1em !important;
	font-weight:bold;
	float:right !important;
}

#mpreview { 
	position:relative;
	margin:1.5em 20px 1.5em 40px;
	background:#ffd;
	border:1px solid #bba;
	width:640px;
	overflow:hidden;
	border-radius:5px;
	  -o-border-radius:5px;
	  -icab-border-radius:5px;
	  -khtml-border-radius:5px;
	  -moz-border-radius:5px;
	  -webkit-border-radius:5px;
	  -moz-border-radius:5px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	  -o-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	  -icab-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	  -khtml-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);	
}

.message_container, 
.twitter_container {
	position:relative;
	margin:8px 0px 8px 20px;
	overflow:hidden;
	clear:both;
}
#mpreview h4 {
	font-size:11px;
	text-transform:capitalize;
	padding:5px;
	margin:0;
	color:#777770;
	float:none;
	background:#eed;
}
#mpreview hr { border:none;margin:0;}
.twitter_container {}
.message_container .message { padding:0 1% 0 0;float:left; width:74%;clear:left;}
.message_container .link { padding:0;float:left; width:25%;font-weight:bold; }

#add_offer, #add_link {
	margin: 0 2px;
	text-decoration:underline;
}
.details {
	margin:1em 0 0;
}

.add_date { font-size:.85em;}
.add_date .short { width:80px;}
.add_date input[type="submit"] { margin:.5em 0 0 2em !important;}


table.campaigns td img {
	vertical-align:middle;
	margin-right:3px;
}

.pad_left { margin-left:10px !important;}

a.button.create_user {
	position:relative;
	top:0;
	left:160px;
	float:none;
	display:inline;
	font-size:13px !important;
	margin:0;
}


.dash { margin-bottom:14px;}
.dash > div { 
	border: solid 1px #ddd;
	margin: 0;
}
.dash h4 {
	margin:0;
	padding:.5em .5em;
	font-size:12px;
	background:#eee;
}
.dash div div {
	padding:10px;
	margin:0;
}

.embed_toggle {
	background:transparent url(../images/icons/tag.png) 0 100% no-repeat;
	padding-left:18px;
}
#embed dt, #embed dd { width:600px;}

/* development only  */
.dash.analytics div div { min-height:200px; }
.dash.messages div div,
.dash.blog div div { min-height:250px; }

.tk { 
	background-image:url(../images/placeholder.gif); 
	background-repeat:no-repeat;
	background-position:50% 50%;
}
/* end development only  */