body { 
	margin:0px; 
	padding:0px;
	background: #F9F9F7;
	font: normal small Arial, sans-serif;	
}
#errors{
	color: red;
}
 form input,textarea {
	font: normal small Verdana, Arial, sans-serif;
} 
.button {
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	padding: 1px 2px;
	background:url(../images/formbg.gif) repeat-x left top;
	/*color: #0A6195;*/
	}


.row1 {
      background-color: #eee;
    }
.row2 {
      background-color: #fff;
    }
.amazon_row {
      background-color: #F1F1E2;
    }
.ebay_row {
      background-color: #FFE88D;
    }

#header #ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
position:relative;
	text-align: center;
	top:38px;
	left:300px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #CF3A3A url(../images/color_tabs_left.gif) no-repeat left top;
color: white;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #CF3A3A;
}

#ddcolortabs a:hover span{
background-color: #CF3A3A;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #CF3A3A;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: white;
border-top: 1px solid #CF3A3A; /*Remove this to remove border between bar and tabs*/
}

#wrap {
	background-color:  #FFFFFF;
	font-size: 95%;
	margin: 0 auto;
	padding: 0 3px;
	position: relative;
	text-align: left;
	width: 933px;
}
#header {
	/*background: #000 url(http://odeo.com//img/bg-header2.gif) no-repeat top left;*/
	background-color:  #FFFFFF;

	/*border-bottom: 5px solid #FF55A9;*/
	/*green border-bottom: 5px solid #D2E78F;*/
	border-bottom: 5px solid #CF3A3A;
	height: 70px;
	position: relative;
} 
#header #logo {
	background: url(../images/lively_docs_logo.png) no-repeat;
	height: 58px;
	left: 10px;
	position: absolute;
	top: 5px;
	width: 150px;
}
#header #logo a {
	display: block;
	height: 45px;
	width: 129px;
}
#header #logo img {
	display: none;
}
#header #tabs {
	position:relative;
	top:35px;
	left:200px;
	width:400px;
}
#header #language {
	color: #666;
	font-size: 90%;
	position: absolute;
	right: 27px;
	text-align: right;
	top: 0px;
	z-index: 1100;
}
#header #member {
	color: white;
	font-size: 90%;
	position: absolute;
	right: 27px;
	text-align: right;
	top: 43px;
	z-index: 1100;
}

#header #member {
	color: #999;
}

#header #member a {
	color: #999;
	font-size:1.1em;
	text-decoration: underline;
}

#header #member a:hover {
	color: #ccc;
	text-decoration: underline;
}


img.icon {width:24px;height:24px;border: solid 1px #000; float:left; margin-top:1px;margin-right:5px;}


#main {
	background-color: #fff;
	color: #333;
	float: left;
	margin-bottom: 20px;
	width: 933px;            
}

#main #main-title {
  	background: no-repeat bottom left;
	clear: both;
	margin-bottom: 15px;
	padding: 15px 30px 15px 20px;
	position: absolunte;
}
#main #main-title h1 {
	clear: left;
	color: #333;
	font: normal 190%/1em Arial, sans-serif;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}


#main #main-title p {
	clear: left;
	font: normal 120%/1em Arial, sans-serif;
	margin: 5px 0 5px 0;
}
#main #main-body {
	color: #333;
	font-size: 95%;
	margin: 15px 10px 20px 0px;
}
#main #main-body h2 {
	color: #333;
	font: bold 120%/1.5em Arial, sans-serif;
	margin: 15px 0 .5em;
	padding: 0;                   
}
body.audio h2 {
	margin-top:0;
}


#main #main-body h3 {
	color: #3176AF;
	font: bold 110%/1.2em Arial, sans-serif;
	margin: 20px 0 .5em;
	padding: 0;                   
}
#main #main-body h4 {
	color: #3176AF;
	font: bold 100%/1.1em Arial, sans-serif;
	margin: 20px 0 .5em;
	padding: 0;                   
}

#footer {
	background: no-repeat top left; 
	border-top: 1px solid #D3E1E7;
	clear: both;
	font-size: 90%;
	line-height: 1.6em;
	margin: 20px;
	padding: 8px 0 70px 0;
}
#footer p {
	color: #334864;
	margin: 0;
	padding: 0;
}
#footer p.one {
	float: left;
}
#footer p.two {
	float: right;
}
#footer p.three {
	clear: both;
}

a:link {
	color: #3878AF;
	text-decoration: none;
	font: normal small Verdana, Arial, sans-serif;
}
a:visited {
	color: #7494AD;
	text-decoration: none;
	font: normal small Verdana, Arial, sans-serif
}
a:hover {
	color: #C3156C;
	text-decoration: underline;
	font: normal small Verdana, Arial, sans-serif
}
#header a, 
#member a, 
#side a, 
#footer a {
	text-decoration: none;
}

#header a:hover, 
#member a:hover, 
#footer a:hover {
	text-decoration: underline;
}
/*********************************************************/




/****( @common Common reusable CSS )*****************************************************/
/****( Misc CSS )*************************/
hr, 
.hide {
	display: none;
}
table, 
tr, 
th, 
td, 
img, 
fieldset {
	border: 0;
	font: normal small Arial, sans-serif;
}
.white-fade23 {background-color: #FFFFFF;}
.white-fade22 {background-color: #FFFFF7;}
.white-fade21 {background-color: #FFFFEE;}
.white-fade20 {background-color: #FFFFE6;}
.white-fade19 {background-color: #FFFFDD;}
.white-fade18 {background-color: #FFFFD5;}
.white-fade17 {background-color: #FFFFCC;}
.white-fade16 {background-color: #FFFFC4;}
.white-fade15 {background-color: #FFFFBB;}
.white-fade14 {background-color: #FFFFB3;}
.white-fade13 {background-color: #FFFFAA;}
.white-fade12 {background-color: #FFFFA2;}
.white-fade11 {background-color: #FFFFAA;}
.white-fade10 {background-color: #FFFFB3;}
.white-fade9 {background-color: #FFFFBB;}
.white-fade8 {background-color: #FFFFC4;}
.white-fade7 {background-color: #FFFFCC;}
.white-fade6 {background-color: #FFFFD5;}
.white-fade5 {background-color: #FFFFDD;}
.white-fade4 {background-color: #FFFFE6;}
.white-fade3 {background-color: #FFFFEE;}
.white-fade2 {background-color: #FFFFF7;}
.white-fade1 {background-color: #FFFFFF;}
#side .box-2 ul li.all-tags {
	font-style: italic;
}
/****( Forms )*************************/
/* 
DESCRIPTION: this is for styling forms in tables, it's the style we use in most cases on the site
URL EG: /create/channel/
*/
form.form-style1 {
	margin: 20px 0;
}
form.form-style1 fieldset {
	border-bottom: 3px solid #D0E6EC;
	border-top: 3px solid #D0E6EC;
	margin: 20px 0;
	padding: 10px;
}
form.form-style1 fieldset legend {
	color: #3176AF;
	font-weight: bold;
	padding: 0 5px;
}
form.form-style1 table {
	border: 0;
	padding: 0;
}
form.form-style1 table th {
	border-right: 2px solid #E5F1F5;
	font-weight: bold;
	padding: 10px 10px 10px;
	text-align: right;
	vertical-align: top;
	width: 130px;
}
form.form-style1 table th span.help {
	color: #888;
	display: block;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
}
form.form-style1 table td {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	vertical-align: top;
}
form.form-style1 table td span.help {
	color: #888;
	display: block;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	margin-top: 3px;
}
form.form-style1 input, 
form.form-style1 select, 
form.form-style1 textarea {
	margin: 0;
	width: 100%;
}
form.form-style1 input[type="checkbox"], 
form.form-style1 input[type="image"], 
form.form-style1 input[type="submit"], 
form.form-style1 input[type="radio"], 
form.form-style1 .normal {
	width: auto;
}
form.form-style1 ul, 
form.form-style1 ol {
	margin: 0;
	padding-left: 2.2em;
}
form.form-style1 ul.plain, 
form.form-style1 ol.plain {
	list-style-type: none;
	padding-left: 0;
}
form.form-style1 ul.plain li, 
form.form-style1 ol.plain li {
	padding-left: 0;
}
form.form-style1 li {
	padding-left: 0;
}
form.form-style1 li+li {
	margin-top: 5px;
}
form.form-style1 a {
	display: inline;
}
/*****************/


/****( @table )*************************/
/*
DESCRIPTION: table styling
URL EG: /listen/
*/
table.table-style1 {
	background-color: #F6FAFC;
	border-bottom: 1px solid #D0E6EC;
	border-left: 2px solid #D0E6EC;
	border-right: 2px solid #D0E6EC;
	border-top: 2px solid #D0E6EC;
	color: #4C5456;
	width: 100%;
}
table.table-style1 caption {
	color: #333;
	display: none;
	margin: 0 0 15px;
	text-align: left;
}
table.table-style1 thead th {
	background-color: #DDEDF1;
	border-bottom: 2px solid #D0E6EC;
	font-weight: normal;
}
table.table-style1 tfoot th {
	background-color: #DDEDF1;
	border-bottom: 1px solid #D0E6EC;
	border-top: 1px solid #D0E6EC;
	font-weight: normal;
}
table.table-style1 thead th.chnl, 
table.table-style1 thead th.show,  
table.table-style1 thead th.date, 
table.table-style1 thead th.edit, 
table.table-style1 thead th.promote,  
table.table-style1 thead th.upload {
	text-align: left;
}
table.table-style1 tbody th {
	background-color: #E5F1F4;
	border-bottom: 1px solid #D0E6EC;
	font-size: .9em;
	font-weight: normal;
	text-align: left;
}
table.table-style1 tbody td {
	border-bottom: 1px solid #D0E6EC;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
table.table-style1 tbody tr.even td {
	background-color: #F2F8FA;
}
table.table-style1 tbody td.num {
	padding: 0 5px;
	text-align: right;
}
table.table-style1 tbody td img.icon {
	border: 1px solid #999;
	height: 20px;
	margin: 0;
	padding: 0;
	width: 20px;
}
table.table-style1 tbody td.empty {
	color: #888;
	padding: 5px;
}
table.table-style1 tbody tr:hover td {
	background-color: #FFECF6;
}
table.table-style1 tbody td.shows, 
table.table-style1 tbody td.subs, 
table.table-style1 tbody td.cmnts {
	text-align: center;
} 
table.table-style1 tbody td.date {
	font-size: .9em;
	padding: 0 5px;
	width: 110px;
}
table.table-style1 tbody a {
	display: block;
	padding: 3px;
	text-decoration: none;
}
table.table-style1 tbody a:hover {
	text-decoration: none;
}
/*****************/

.panel_table {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	font-size: 12px;
}

.panel_table th {
	background-color: #CCCCCC;
	color: #003366;
	padding: 5px;
	border: 1px solid #FFFFFF;
}

.panel_table td {
	padding: 5px;
	border: 1px solid #FFFFFF;
}

.panel_table .header {
	background-color: #6699CC;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
}
.header_{
    background-color: #6699CC;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	width:55%;}

.light_row {
	background-color: #FFFFFF;
}

.dark_row {
	background-color: #EEEEEE;
}

.selected_row {
	background-color: #FFFFCC;
}

.login_prompt {
  padding: 10px 0px 15px;
}

.login_sector {
  width: 270px;
  float: left;
  border-right: solid 1px #839553;
}

.login_sector_fb {
  float: left;
  padding-left: 10px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix {
    display: inline-block; }
    
register .login_sector {
    width: 320px;
}

.register .login_sector_fb {
    width: 400px;
}