/* Import YUI reset CSS to remove the inconsistent default styling of HTML elements across A-grade browsers */
@import url("reset-min.css");
/* Import YUI fonts CSS for cross-browser typographical normalization and control */
@import url("fonts-min.css");
/* Import group clear floats utilityI don't know if this is necessary */
@import url("utility.css");
/* Set specific look and feel rules for sections of the page */


/* multi-section rules; look further down for annotations on those sections
/* Assume that all lists in the header and footer are navigation that should be displayed inline */

.gimme_some_left_space {
	margin-left:	65px;
} 
.required {
    color:red;
}



.landing_divs {
height: 355px;
}

* {
	color: #666;
}

a {
	color: #06c;
}

a:visited {
 	color: #390;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 1em 0 1em 0;
}

h2 {
	font-size: 1.2.em;
	font-weight: bold;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.2.em;
	font-weight: bold;	
}

p {
	margin-bottom: 1em;
}

#header li, #footer li, #admin_nav li {
	display: inline;
}

#header a, #footer a {
	text-decoration: none;
}

#header ul, #footer ul {
	text-align: right;
}

/* each of the wrapper divs has an internal div to allow for controlling the width of the content */
#header div.wrapper, #main div.wrapper, #banner div.wrapper, #footer div.wrapper {
	width: 760px;
	position: relative;
	left: 50%;
	margin-left: -380px;
	hasLayout: true;
}

/* #header == a div wrapping the page header, including meta and primary navigation */
#header {
	color: #fff;
	/*background-color: #013a70;*/
	/*background-image: url(/images/header_background.jpg);*/
	border-bottom: 1px solid #fff;
	clear: both;
	height: 106px;
}

#header * {
	color: #06c;
}

#genre_nav {
position: relative;
top: 40px;
}

#genre_nav a.pinned {
	color: gray;
}





#more_navs {
position: relative;
z-index: 999;
}


#genre_nav a{
color: #273691;
}

#genre_nav ul {
float: right;
}

#more_navs li {
	
	display: block;	
	text-align: left;
}

li.more  {
padding-left: 11px;
background: white;

}

.hide_me{
visibility: hidden
}

#header #logo img {
	float: left;
	margin: 20px 0 0 0;
}

#header #meta_navigation {
	padding: 20px 0 0 0;
}

/*
#header #primary_navigation {
	position: absolute;
	left: 264px; 
	left: 255px;
	top: 75px;
}

*/
/*
#header #primary_navigation a {
	color: #000;
	background: transparent url(/images/primary_nav_tab.gif) no-repeat scroll top left;
	display: block;
	width: 116px;
	height: 24px;
	text-align: center;
	float: left;
	padding: 7px 0 0 0;
	margin: 0 0 0 10px;
	font-weight: bold;
}


#header #primary_navigation a:hover, #header #primary_navigation a.pinned {
	color: #fff;
	background-position: bottom left;
	height: 25px;
}

#header #primary_navigation a.pinned {
	height: 25px;
}

#header #primary_navigation a.no_tab {
	color: #fff;
	background: transparent no-repeat scroll top left;
	margin: 0 0 0 2px;
}

#header #primary_navigation a.no_tab:hover {
	color: #ccc;
}

*/

/* background images */


/* #main == a div wrapping the main page body */
#main {
	border-top: 1px solid #013a70;
	width: 100%;
	hasLayout: true;
	margin: 0 0 1em 0;
	font-size: .9em;
	
	
}

.blue_bkg {
background: url(/images/background_colors/focus_bar_bkg_blue.jpg) no-repeat;
}


#main ol, #main ul{
	padding: 0 0 0 40px;
	margin: 1em 0 1em 0;
}

#main ul li {
	list-style-type: disc;
}

#main ol li {
	list-style-type: decimal;
}

#vizzitt_news {
	width: 160px;
	float:left;
}

#vizzitt_commentary {
	width: 220px;
	float: left;
}

#vizzitt_videos, #vizzitt_audios {
	float: left;
	width: 300px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	border-right-style: solid;
	border-left-style: solid;
}
.hrBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}


#vizzitt_news, #vizzitt_commentary, #vizzitt_videos, #vizzitt_audios {
	padding: 0 12px 0 12px;
	margin: 16px 0 16px 0;
}

#vizzitt_connections li {
	padding: 0 0 12px 0;
}



#vizzitt_connections td img {
	float: left;
	margin: 0 24px 0 0;
}

#vizzitt_connections td {
	padding-bottom: 1.75em;
}

#vizzitt_news a, #vizzitt_commentary a, #vizzitt_videos a {
	text-decoration: none;
}


#vizzitt_news img.header, #vizzitt_commentary img.header, #vizzitt_videos img.header {
	padding: 0 1em 1em 0;
}

#vizzitt_news a:hover, #vizzitt_commentary a:hover, #vizzitt_videos a:hover, #footer a:hover, #header a:hover {
	text-decoration: underline;
}

/* #banner == this is a strip of content between the main page body and the "true" footer */
#banner {
	background-color: #eee;
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: .8em;
}

#banner a {
	text-decoration: none;
}

#banner h3 {
	margin: 1em 0 1em 0;
	font-size: 1.1em;
}

#banner td {
	padding: 0 24px 0 0;
}

/* #footer == a div wrapping the page footer, including the indicia and footer navigation */
#footer {
	clear: both;
	padding-top: 8px;
}

/* position the indicia */
#footer div p {
	float: left;
}

a.vizzitt_button, span.submit {
	background: transparent url(/images/vizzitt_button_cap.gif) no-repeat scroll top right;
	color: #fff;
	display: block;
	float: left;
	height: 27px;
	padding: 0 15px 0 0;
	clear: both;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}

a:hover.vizzit_button {
	text-decoration: none;
}

a.vizzitt_button span, span.submit input {
	background: transparent url(/images/vizzitt_button_bg.gif) no-repeat;
	display: block;
	line-height: 27px;
	padding: 0 15px 0 25px;
	color: #fff;
}

span.submit {
	margin-bottom: 1em;
}

span.submit input {
	border: none;
	height: 32px;
	padding: 0 15px 8px 15px;
}

a.vizzitt_button.connect_now {
	position: absolute;
	top: 100px;
	left: 120px;
}

a.vizzitt_button.product_button {
	position: relative;
	top: -10px;
	left: 36px;
}

a.vizzitt_button.gift_button {
	position: relative;
	top: -50px;
	left: 200px;
}

span.cart_button {
	position: relative;
	top: 20px;
	left: 282px;
	margin-bottom: 50px;
}

span.payment_button {
	position: relative;
	top: 20px;
	left: 322px;
	margin-bottom: 50px;
}

th {
	color: #fff;
	background-color: #333;
	padding: .5em;
	font-weight: bold;
}

.content_excerpt p {
	margin: 1em;
}

tr.content_item td{
	padding: 1em .5em .25em .5em;
}

tr.content_excerpt td{
	color: #999;
	padding-bottom: 1em;
	border: 1px solid #ccc;
}

a.edit_button {
	border: 1px solid #ccc;
	color: #333;
	background-color: #eee;
	padding: 4px;
	margin: 4px;
	text-decoration: none;
	font-weight: bold;
}

a.edit_button:hover {
	background-color: #ccc;
}

#player, #player img {
	display:block;				
	width:220px;
	height:180px;
	border:0px;	
}

/* overlay play button */
div.play {
	background:url(/images/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-110px;
	left:90px;	
	opacity:0.5;
	margin-bottom:-50px;
}

div.play:hover {
	opacity:1.0;		
}	

#featured_player {
	background: url('/images/featured_player_bg.jpg') no-repeat;
	height: 80px;
	width: 359px;
	position: absolute;
	bottom: -12px;
	left: 386px;
	padding: 12px 12px 0 12px;
}

#featured_player h3 {
	width: 260px;
}

#featured_player p {
	font-size: .8em;
	width: 150px;
}

#featured_player img {
	float: left;
	padding: 2px 24px 2px 2px;
	height: 60px;
}

#featured_player a {
	text-decoration: none;
}

#featured_player .vizzitt_button {
	position: relative;
	left: 237px;
	bottom: 24px;
}


#featured_player hr {
	width: 256px;
	margin: 2px 0 2px 0;
}

/*legend landing page styling*/
#Legends_Roster {
	width: 80%;	
	position: relative;
	left:	10%;
}

#Legends_Roster td {
	padding-left: 15px;
	padding-right: 15px;
	
}

#Legends_Roster a {
	color:	#0066CC;
	text-decoration: none;
}

.legend_info {
	width:   60%;	
	height:	 80px;
	font-size: .9em;
	margin-right: 15px;
	
}

.list_line_odd{
	background: #DEDEDE;
}

.legend_headshot {
	#padding-left: 15px;
}

.novizz {
	color:	#666666;
}

#my_profile_view a {
	text-decoration: none;
}

#my_profile_view .link_row {
	text-align: right;
}
/*legend profile page styling*/
#legend_profile {
color: #666666;
line-height: 150%;
}
#profile_sidebar {
width:  25%;
float: right;
margin: 20px 0 20px 0;
line-height: 200%;

}


#profile_main {
width:	72%;
float: right;
margin-right: 22px;
margin-bottom:  25px;
}

#legend_profile #playlist {
display: none;
}



#schedule {
clear: both;
}

#schedule .vizzitt_button {

}

#legend_profile #player, #legend_profile #player img {
	display:block;				
	width:200px;
	height:160px;
	
}	

#available_times {
	width:		80%;
	position: relative;
	left: 50%;
	margin-left: -40%;
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #EAEAEA;
}

#schedule table {
	width: 110%;
	margin-bottom: 25px;
}

#available_times table {
	width: 100%;
	
}

#available_times tr {
	border-bottom: 1px solid white;	
}

#available_times td {
text-align: center;
}

#about_products_table {
	margin: .5em 20px 2em 20px;
}

#about_products_table td {
	padding: .5em;
}
/*cart and checkout styling*/

#cart {
	color: #666666;
	line-height: 150%;
}

#cart table {
	width: 100%;
	margin-bottom: 25px;
}

#cart_table{
	width:		90%;
	position: relative;
	left: 50%;
	margin-left: -45%;
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #EAEAEA;
}

#cart_table tr {
	border-bottom: 1px solid white;	
}

#cart_table td {
text-align: center;
}

a.vizzitt_button.check_out_button {
	position: relative;
	top: -40px;
	left: 639px;
}

a.vizzitt_button.more_legends {
	position: relative;
	top: -30px;
	left: 620px;
}

a.vizzitt_button.confirm_button {
	position: relative;
	top: -40px;
	left: 625px;
}

a.continue_browsing {
	position: relative;
	top: -30px;
	left: 36px;
}

#available_times_cart {
	width:		60%;
	position: relative;
	left: 50%;
	margin-left: -30%;
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #EAEAEA;
}

#available_times_cart td {
text-align: center;
}

/*Admin orders table*/
#orders_table table, #home_page_items table, #genres table {
	width: 100%;
	margin-bottom: 25px;	
}

#faq_list dt{
	padding: 1em 0 1em 0;
}

#faq_list dd {
	margin: 0 2em;
}

hr {
color: white;
}

#rand_legends_table td
{
width: 115x;
padding: 5px;
}



/*payment page styling*/
#bill_info, #payment_info {
	margin-left: 50px;
}

#bill_info label, #payment_info label {
color: black;
}

#bill_submit {
	float: right;
}

.required_warning {
margin-left: 145px;
}
.VborderLR {
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	border-right-style: solid;
	border-left-style: solid;
	width: 324px;
}