@CHARSET "UTF-8";

.clear{
	clear:both;
}

body{
	margin: 0px;
	background-color: #FFF;
	text-align: center;
	overflow-y: scroll;
	background-image: url(page-bg.png);
	background-repeat: repeat;
}

#wrap{
	text-align: center;
	
}


/********** HEADER ELEMENTS **************/
#header-wrap{
	background-image: url(header-bg.png);
	
}
	
#header{
	position: relative;
	height: 100px;
	overflow: hidden;
	width:970px;
	margin: 0px auto;
	text-align: left;
	
	
}

#header #superheader {
	position: absolute;
	right: 0px;
	top: 20px;
}
#header #superheader #logo{
	display: block;
	width: 150px;
	height: 50px;
	background-image: url(feedlytics-logo-150.png);
	text-indent: -99999px;
}
#header h1{
	margin:  0px;
	line-height: 36px;
	font-size: 36px;
	position: absolute;
	top: 20px;
	line-height: 50px;
			
}

#user-login{
	font-size: .8em;
	text-align: right;
	position: absolute;
	bottom:0px;
	left:0px;
	width: 100%;
	line-height: 20px;
	color: #FFF;
	
}
#user-login p {
	display: inline;
	margin: 0em 1em 0em 0em;
	
}
#user-login ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	display: inline;
	
}
#user-login ul li {
	display:inline-block;
	margin: 0em 1em 0em 0em;
}

#header a {
	color: #FC3;
	text-decoration: none;
}

#header a:hover{
	color: #FC0;
}
/********** END HEADER ELEMENTS **************/


/********** FLASH MESSAGE ELEMENTS **************/
#flash-message-wrap{
	width:970px;
	margin: 20px auto;
	text-align: left;
}
#flash-message{
	background-color: #000;
	-moz-border-radius:  5px ;
	-webkit-border-radius:  5px ;
	padding: 1em;
	color:#FFF;
}
#flash-message p{
	margin:0px;
}

/********** END FLASH MESSAGE ELEMENTS **************/



#content-wrap{
	width:970px;
	margin: 20px auto;
	text-align: left;
	background-color: #FFF;
	-moz-border-radius:  5px ;
	-webkit-border-radius:  5px ;
	
}
#content {
	padding: 20px;
}

#footer-wrap{
	
	margin: 20px 0px;
	text-align:center;
}
#footer{
	font-size: .8em;
	text-align: right;
	clear:both;
	color: #000;
	margin: 0px auto;	
	width:970px;
}

#footer a {
	color: #000;
}





#sidebar .section{
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #000;
}

#sidebar .section ul{
	padding:0px;
	margin:0px;
	list-style: none;
}

#sidebar .section ul li{
	margin: .5em 0px;
}



.search-form input{
	float: left;
	width: 75%;
}
.search-form button{
	float: right;
	width: 20%;
}
.search-form p{
	clear: both;
}








div.view-part{
	
	
}


h4.toggle {
	padding-left: 24px;
	background-image: url(toggle-open.png);
	background-repeat: no-repeat;
	cursor: pointer;
	color: #00F;
	line-height: 20px;
	
}
h4.toggle-open{
	background-image: url(toggle-closed.png);
}

	





.tabs{
	
}

.header-section {
	clear:both;
	margin-top: .5em;
	
}

.header-section h3, .header-section .tabs{
	margin: 5px 0px;
	
	
}
#content h3{
	font-size: 1.8em;
}

.header-section h3 a {
	text-decoration: none;
}



.tabs ul{
	margin: 0px;
	padding:0px;
	list-style: none;
	display:inline;
}

.tabs ul li.tab{
	font-size: .8em;
	display:inline-block;
	margin-right: 1em;
}

.tabs ul li.tab a {
	color:#000;
	text-decoration: none;
	opacity: .7;
	
	
}


.tabs ul li.tab-ad_delete a,
.tabs ul li.tab-delete a {
	color:#F00;
	
	
}

.tabs ul li.tab a:hover{
	opacity: 1;
}
.tabs ul li.tab a.selected{
	opacity: 1;
	font-weight: bold;
}

/***** .view-container ***********/
.view-container{
 position: relative;
}
.sidebar {
	width: 24%;
}
#content .view-container h3{
	font-size: 1.25em;
}

/******** LIST METADATA *************/
.list-info, 
.paging-description,
.list-search{
	font-size: .8em;
	margin: .5em 0em;
}


.list-info  p,
.paging-description p{
	margin:0px;
}
.list-info .jump-to-page {
	width: 45%;
	float: left;
	text-align: left;
}

.list-info .adjacent-page-links {
	width: 45%;
	float: right;
	text-align: right;
}
.page-link{
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
.next {
	padding-right: 20px;
	background-image: url(resultset_next.png);
	background-position: 100% 0%;
}
.prev {
	padding-left: 20px;
	background-image: url(resultset_previous.png);
	
}


/********** FORMS ************/

div.form h4{
	margin-top: 0em;
}
div.input{
	border-bottom: 1px dotted #000;
}
div.input-50{
	width:50%;
	float: left;
	padding: .5em 0em;
	background-color: #FF9 !important;
}

div.input-25{
	width:25%;
	float: left;
	padding: .5em 0em;
	background-color: #FF9 !important;
}
div.input-25 div.form-label,
div.input-50 div.form-label,
div.input-25 	div.form-input,
div.input-50 div.form-input{
	width:100%;
	float:none;
	text-align: left;
	padding:0em .5em ;
}

div.form-label{
	width: 25%;
	float:left;
	text-align: right;
	padding: .5em 0em;
}

div.form-label label {
	padding-right: .5em;
	font-weight: bold;
	color: #555;
}

div.input-checkbox div.form-label{
	width: 75%;
	float:right;
	text-align: left;
	padding: .5em 0em;
}

div.input-checkbox  div.form-label label {
	padding-left: .5em;
	font-weight: normal;
	color: #000;
	font-size: 1em;
}


div.form-label label:AFTER{
	content: ":";
}
div.required div.form-label label:BEFORE{
	content: "* ";
}

div.form-input{
		padding: .5em 0em;
		margin: 0em;
		float: left;
		width: 75%;
		
}

div.input-checkbox div.form-input{
		padding: .5em 0em;
		margin: 0em;
		float: left;
		width: 25%;
		text-align: right;
		
}

div.input-checkbox div.form-label label:AFTER{
	content: "";
}

div.form-help{
		padding: .5em;
		margin: 0em;
		clear:both;
		font-size: .8em;
}
div.form-error{
		padding: .5em ;
		clear:both;
		margin-top: .5em;
		font-size: .8em;
		background-color: #FF0;
}

div.form-errors{
	float: left;
	width:66%;
	-moz-border-radius: 5px;
	background-color: #FF0;
	margin:0 1% 1em 0;
	border: 1px solid #F00;
}
div.form-errors p {
	
	font-weight:bold;
	padding: .5em;
	margin: 0em;
}

div.input-text input,
div.input-select select,
div.input-password input,
div.input textarea{
	
	width: 95%;
	
}

div.form-submit {

	text-align: right;
	clear: both;
	padding: .5em 0em ;
	width: 66%;
	
}

div.form-submit button{
	
}

div.integer input{ width: 30%; text-align: right;}

div.form-prompt{
	background-color: #FF0;
}
div.form-prompt p{
	margin: 0px;
	padding: 2em;
}

div.form-nav-ctr{
	float:right;
	width: 30%;
	clear: right;
	text-align: right;
}
div.form-nav{
	text-align: left;
	position: fixed;
	padding: 10px;
	-moz-border-radius: 5px;
	border: 1px solid #000;
	font-size: .8em;
	background-color: #FFF;
	
	
}

div.form-nav select {
	width: 200px;
}



div.input-row div.clear{
	clear: none;
}
div.input-row div.input-select select{
	width: auto;
}
div.input-row div.input{
	border-bottom: none;
}


/*
div.stats div.form-input{
	width: auto;
}
div.stats div.form-label{
	width: auto;
}
div.stats div.input select{
	width: auto;
	}
*/
/*********** LIST  *************/

.view-part{
	width: 48%;
	border: 1px solid #000;
	
}


.view-part-left {
	float:left;
	margin: 0em 1% 1em 0%;
	clear: left;
	width: 48%;
	-moz-border-radius: 5px;
}

.view-part-right {
	float: right;
	margin: 0em 0% 1em 1%;
	clear: right;
	width: 49%;
}

.view-part-right-66{
	float: right;
	margin: 0em 0% 1em 1%;
	clear: right;
	width: 66%;
	-moz-border-radius: 5px;
}

.view-part-left-66{
	float: left;
	margin: 0em 1% 1em 0%;
	clear: left;
	width: 66%;
	-moz-border-radius: 5px;
}


.view-part-full {
	width: 100%;
	margin: 0em 0% 1em 0%;
	clear: both;
	-moz-border-radius: 5px;
}

.view-part-full-inner{
	padding: 1em;
}

.view-part-middle {
	width: 70%;
	margin: 0em 15% 1em 15%;
	clear: both;
}

.view-part h4{
	padding: .5em;	
	background-color: #000;
	color: #FFF;
	margin: 0px;
}

.view-part h4 a{
	font-size: .8em;
	color: #FFF;
	float: right;
	font-weight: normal;
}

.view-part ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


.data-item{
	padding: .5em 0em;	
	clear:both;
	border-bottom: 1px dotted #000;
}

li.data-item {
	padding: .5em;
}
.data-label{
	width: 33%;
	float: left;
}
 .data{
	width: 67%;
	float: left;

}

.data-label{
	text-align: right;
}
div.form-label label,
.data-label label{
	padding-right: .5em;
	font-weight: bold;
	color: #333;
	font-size: .7em;
	display: block;
}

.data-label label:AFTER{
	content: ":";
}



.even { background-color:#FF9;}
.odd { background-color:#EEE;}


 




	
table {
	width: 100%;
}

table td, table th{
	padding: 5px;
	text-align: left;
}

table THEAD {
	background-color: #000;
}
table THEAD TH A {
	color: #FFF;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	font-weight: normal;
	padding-right: 20px;
}

table THEAD TH A.ASC {
	background-image: url(bullet_arrow_down.png);
	font-weight: bold;
}
table THEAD TH A.DESC {
	background-image: url(bullet_arrow_up.png);
	font-weight: bold;
}

table tbody td.header{
	font-weight:bold;
}



div.stats table thead{
	color: #FFF;
}


div.stats table td{
	width: 50%;
}



.move-link{
	display: inline-block;
	height: 24px;
	width: 24px;
	background-image: url(up_down_arrows.png);
	text-indent: -999px;
	overflow: hidden;
	
}

a.move-link{
	opacity: .8;
}
a.move-link:hover{
	opacity: 1;
}

.move-up{
	background-position: -24px 0px;
}
.move-down{
	background-position: -24px -24px;
}

.move-first{
	background-position: 0px 0px;
}
.move-last{
	background-position: 0px -24px;
}
/********** TYPO *****************/
body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
}

.disabled {
	opacity: .3;
}
a {
	color: #00F;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
	margin-top: .5em;
	margin-bottom: .5em;
	
}

h1, h2, h3, h4, h5, h6{
	color: #444;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #444;
	text-decoration: underline;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #000;
}



input, button, select{
	font-size: 1em;
	font-family: inherit;
}

.breadcrumbs{
	font-size: .8em;
}

.action-header{
	background-color: #FC3;
	-moz-border-radius: 5px;
	margin: 1em 0em;
	width:66%;
}

.action-header h2{
	font-size: 2em;
	margin: 0px;
	padding: .5em;
}

.action-header .object-headers ul{
	margin: 0px;
	padding: .5em ;
	list-style: none;
}

.action-header .object-headers ul li {
	padding: 5px 10px;
	-moz-border-radius: 5px;
	margin: 0em .3em 0em 0em;
	font-size: .8em;
	background-color: #FF9;
	display: inline-block;
}
	
.related{
	width: 30%;
	float: right;
	margin: 1em 0em;
	clear: right;
}

.related  h5{
	margin: 0px;
	padding: .5em;
	background-color: #000;
	color: #FFF;
	-moz-border-radius: 5px 5px 0px 0px;
}

.related ul {
	margin: 0px;
	padding: .5em ;
	list-style: none;
	background-color: #FF9;
	color: #000;
	-moz-border-radius: 0px 0px 5px 5px;
}

.related ul li{
	margin: .3em 0em;
	font-size: .8em;
	padding-left: 24px;
	background-position: 0px 50;
	background-repeat: no-repeat;
}

.related ul li.selected {
	font-weight: bold;
	background-image: url(bullet_black.png);
}





.nolabel .data-label {
	display: none;
}

.nolabel .data {
	float:none;
	width: 100%;
}

.scrolling .data {
	height: 120px;
	overflow-y: scroll;
	font-family:monospace;
	background-color: #fff;
	margin: 10px 5%;
	border: 1px solid #CCC;
	width: 90%;
	
	
}

div.input textarea {
	height: 200px;
}