/*

	Styles for the Dashboard.

*/

.dashboard-header {
	background:#999;
	color:#fff;
	text-transform: uppercase;
	font-size:18px;
	padding:10px 0px 10px 20px;
	margin:0px;
}

#dashboard-leftWrapper {
	float:left;
	width:569px;
	height:1035px;
	padding:15px 20px;
	border-left: 1px solid #ddd;
}


hr.light {
	color:#eee;
	background-color:#eee;
	margin:20px 0px 0px 0px;
}








/*
	Dashboard top10 area
*/

#dashboard-top10 {
	margin:5px 0px 0px 0px;
}

#dashboard-top10 h2 {
	text-transform:uppercase;
	font-weight:bold;
	margin:10px 10px 10px 0px;
}

th.dashboard-table-header {
	text-transform:uppercase;
	text-align:left;
}

tr.dashboard-table-header-row {
	background:#ccc;
}

#dashboard-top10 td {
	/*height:30px;*/
	padding:10px 5px 10px 5px;
	vertical-align:top;
	border-left:1px dashed #ccc;
}

select#industries, select#content_types {
	margin:7px 15px 5px 0px;
}

select#paginate {
	margin: 7px 15px 5px;
}

#dashboard-top10 a, #dashboard-top10 a:visited {
	color:#333;
	text-decoration:underline;
}

#dashboard-top10 a:hover {
	text-decoration:none;
}

.number {
	width:30px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
}

.name {
	width:160px;
}

.company {
	width:160px;
}

.industry {
	width:125px;
}

.state-zip {
	width:70px;
}

.size {
	width:75px;
}

.notes {
	width:250px;
}

.content-name {
	width:200px;
}






/*
	The tabs along the top for switching between content and users
*/

#dashboard-tabs {
	text-align:center;
}

#dashboard-tabs a, #dashboard-tabs a:visited {
	padding:5px;
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin:0px 5px 0px 5px;
	border:1px solid #aaa;
}

#dashboard-tabs a:hover {
	color:#666;
	border: 1px solid #ccc;
}

a.current-tab {
	background-color:#ddd;
}








/*

	The sideboxes in the rightWrapper

*/

#dashboard-rightWrapper {
	float:left;
	width:139px;
	height:1050px;
	padding:10px 5px 5px 5px;
	background-color:#ccc;
}

#dashboard-rightWrapper h1 {
	font-weight:bold;
	font-size:10px;
	color:#000;
	text-transform:uppercase;
}

#dashboard-rightWrapper ul li a:hover, #dashboard-rightWrapper ol li a:hover { text-decoration:none; }
#dashboard-rightWrapper  li a, #dashboard-rightWrapper li a:visited {
	color:#333;
	font-weight:bold;
	text-decoration:underline;
}


#document-popularity, #product-popularity, #video-popularity, #industries-popularity, #update-popularity, #view-popularity {
	width:136px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#fcfcfc;
	font-size:10px;
	margin:10px 0px 0px 0px;
}

h2.popularity  {
	font-weight:normal;
	font-size:9px;
	color:#fff;
	background-color:#999;
	text-transform:uppercase;
	width:122px;
	padding:5px 5px 5px 10px;
	margin:0px;
}

#dashboard-rightWrapper ol,#dashboard-rightWrapper ul {
	padding:0px 5px 10px 10px;
	margin:10px 0px 0px 20px;
}

#dashboard-rightWrapper ul {
	margin:0px 0px 0px 20px;
}

#dashboard-rightWrapper ol li {
	list-style:decimal;
}

#dashboard-rightWrapper ul li {
	list-style:circle;
}

#dashboard-rightWrapper h3 {
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	float:none;
	margin:5px 0px 0px 10px;
}