/********************
Reset
********************/
@import url("loc_reset_v2.css");

/********************
Header
********************/
@import url("loc_header_v2.css");

/********************
Footer
********************/
@import url("loc_footer_v2.css");

/********************
Base styles
********************/
a#skip {
position: absolute;
top:-100px;
}
a:link,
a:visited {
color: #036;
text-decoration: underline;
}
a:focus,
a:hover,
a:active {
color: #36C;
text-decoration: underline;
}
body {
font-size: 68.75%; /* 11px */
line-height: 1.333;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
}
h1, h2, h3 {font-family:Georgia, Verdana, Arial, Serif;}
h1 {font-size: 1.75em;color:#343268;}
h2 {font-size: 1.33em;margin: 0 0 0.6em 0;color:#36C;}
h3, h4, h5, h6 {color:#666;} /*lak changed from #000 to #666 per Schneider */
h2, h3 {font-size: 1.125em;margin: 0 0 0.4em 0;}
h4 {font-size: 1em;margin: 0 0 0.2em 0;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}
p, dl {margin: 0 0 1.25em 0;}
ul, ol {margin: 0 0 1.25em 0; padding-left: 2.5em;}
dt {margin: 0 0 0.5em 0;font-weight:bold;}
dd {margin: 0 0 0.5em 2.5em;}
pre, code, tt {margin: 0 0 1em 0;}
code, tt {border-bottom: 1px solid #E3E3E3; padding: 0 1px;}
pre code {border-bottom: 0;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
table {
border-collapse:separate;
width:100%;
border-color:#ccc;
border-width: 1px 0 0 1px;
border-style:solid;
text-align:left;
empty-cells:hide;
margin-bottom:1.25em;
}
th, td {
border-color:#ccc;
border-width: 0 1px 1px 0;
border-style:solid;
padding:3px;
vertical-align:middle;
}
ul li, ol li {margin-bottom: 4px;}
li ul, li ol {margin: .5em 0 .5em 0;}

/********************
forms
********************/
form {margin-bottom:1.25em;}
label,
input,
select {
vertical-align:middle;
}
select {
border: 1px solid #ccc;
}
label {
font-weight:bold;
}
input.reset {
background-color: #fff;
width:auto;
font-weight: bold;
color: #666;
margin: 0px 0px 0px 0px;
border: 1px solid #999;
}
input.submit {
background-color: #fff;
width:auto;
font-weight: bold;
color: #f60;
margin: 0px 0px 0px 0px;
border: 1px solid #f60;
}
input.std {
border: 1px solid #999;
}

/********************
Lists and icon styles
********************/
/* external links */
a.external {
background: transparent url(/images/imagesv2/icon-external.gif) 100% 100% no-repeat;
padding: 0 10px 0 0;
}
a.external span {
display:none;
} 
.nomargin-bottom {margin-bottom: 0;}
.gray {color:#666;}
.fix-float {overflow:hidden;}
ul.std {
list-style: none;
padding-left: 0px;
}
ul.std li {
padding: 0 0 0 14px;
background: transparent url(/images/imagesv2/arrow.gif) 3px 5px no-repeat;
}
ul.bullet {
list-style: none;
padding-left: 0px;
}
ul.bullet li {
padding: 0 0 0 14px;
background: transparent url(/images/imagesv2/bullet.gif) 3px 6px no-repeat;
}
ul.arrow_o {
list-style: none;
padding-left: 0px;
}
ul.arrow_o li {
padding: 0 0 0 14px;
background: transparent url(/images/imagesv2/arrow_o.gif) 0px 4px no-repeat;
}
ul.bold {font-weight:bold;}
ul.std ul,
ul.bullet ul,
ul.arrow_o ul {
list-style:none;
padding-left: 1em;
}
ul.leftpad {padding-left: 15px;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
a.ar-more {
padding: 0 8px 0 0 ;
background: transparent url(/images/imagesv2/arrow-dbl-right.gif) right 5px no-repeat;
}
a.ar-back {
padding: 0 0 0 8px ;
background: transparent url(/images/imagesv2/arrow-dbl-left.gif) left 5px no-repeat;
}
a.ar-more-gray {
padding: 0 8px 0 0 ;
background: transparent url(/images/imagesv2/arrow-dbl-gray-right.gif) right 5px no-repeat;
}
a.ar-back-gray {
padding: 0 0 0 8px ;
background: transparent url(/images/imagesv2/arrow-dbl-gray-left.gif) left 5px no-repeat;
}
a.enlarge {
padding: 0 0 0 15px;
background: transparent url(/images/imagesv2/icon-enlarge.gif) 0 0 no-repeat;
}
a.gray:link,
a.gray:visited {
color: #666;
text-decoration: underline;
}
a.gray:focus,
a.gray:hover,
a.gray:active {
color: #333;
text-decoration: underline;
}
.backtotop {
clear: both;
text-align: right;
}
.backtotop a {
padding: 0 12px 0 0 ;
background: transparent url(/images/imagesv2/arrow_up.gif) right 3px no-repeat;
}
h2.dot-bot {
background: transparent url(/images/imagesv2/dot.gif) 0 bottom repeat-x;
padding-bottom: 5px;
}
h2.dot-top, p.dot-top {  /*  lak added p.dot-top*****/
background: transparent url(/images/imagesv2/dot.gif) 0 top repeat-x;
padding-top: 10px;
}
ul.list-container {
padding:0; 
list-style: none;
}
ul.list-container ul {
margin: 2px 0 1.25em 0;
}
ul.list-container li h3 {
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
margin-bottom:1px;
}
.alpha-browse {
color:#999;
}
.alpha-browse a {
padding: 0 3px;
}
.alpha-browse a.selected {
color:#333;
text-decoration:none;
cursor:text;
font-weight:bold;
}

/********************
container, content and img box
********************/
#container {
width:762px; /**************** LINKED *****************/
margin: 0 auto;
background-color: #fff;
border: 1px solid #999;
color:#333;
clear:both;
}
#branding {
display: none;
position: absolute;
top:-50px;
}
#content {
padding: 10px;
clear:both;
}

.box_img {
border:5px solid #ccc;
background-color:#eee;
margin-bottom:1.25em;
}
#main_nav {
border:1px solid #d4e9ff;
background-color:#eff6fd;
padding:9px;
margin-bottom: 1.25em;
color: #666;
}

/********************
left nav
********************/
#left_nav {
width: 197px;
margin-right:10px;
margin-bottom: 1.25em;
position: relative; 
text-align: left;
float:left;
clear:left;
background-color:transparent;
}
#left_nav table, 
#left_nav form,
#left_nav p,
#left_nav dl,
#left_nav ol,
#left_nav ul {
margin-bottom:0;
}
#left_nav .box {
padding:10px 10px 11px 10px;
margin:0;
border:1px solid #ccc;
border-top:none;
}
#left_nav .box-gray {background-color:#eee;}
#left_nav .box-altcolor {background-color:#eee;} /* third color */
#left_nav .box-nopad {padding:0;}
#left_nav .box-nobord {border:0;}
#left_nav .leftnavtitle {
padding:0;
border:0;
margin-bottom:13px;
}
#left_nav .leftnavimg {
border-top:1px solid #ccc;
padding:0;
width: 195px;
height: 50px;
background: transparent url(/images/imagesv2/leftnav.jpg) 0 0 no-repeat;
}
#left_nav .leftnavimg {
text-indent:-9000em;
}
#left_nav h2 {
font-size:1.125em;
margin: 0 0 0.33em 0;
color: #900;
}
#left_nav form#site_search input.button,
form#site_search input.button {
font: bold 1em/1.3em verdana, helvetica, sans-serif;
width:auto;
background-color: #fff;
color: #f60;
border: 1px solid #f60;
}
#left_nav form#site_search input,
form#site_search input {
width: 140px;
padding: 0;
margin: 0;
background-color: #fff;
border: 1px solid #999;
}

/********************
main body
********************/
#main_body {
width:535px; /* container(762)-content(20pad)-leftnav(197+10marg)=535*/  /**************** LINKED *****************/
float:left;
clear:right;
margin:0;
margin-bottom: .5em;
}
.innerbox {
padding: 0 7px;
clear:both;
}
.innerbox-left {
padding: 0 0 0 7px;
clear:both;
}
.innerbox-right {
padding: 0 7px 0 0;
clear:both;
}
#main_body_full {
margin-bottom: .5em;
clear:both;
}
.clear-share {
clear:both;
height:10px;
}

/*********************   
h1 heading
*********************/
#page_head {
background: transparent url(/images/imagesv2/ph_top.gif) top left no-repeat;
text-align:left;
margin: 0px 0px 13px 0px;
padding:0;
clear:both;
}
#page_head h1 {
color: #343268;
margin: 0;
padding: 6px 10px 4px 10px;
background: transparent url(/images/imagesv2/ph_bot.gif) bottom left no-repeat;
line-height: 1.05em; 
}
#page_head.w_742 {
background: transparent url(/images/imagesv2/ph_top_742.gif) top left no-repeat;
}
#page_head.w_742 h1 {
background: transparent url(/images/imagesv2/ph_bot_742.gif) bottom left no-repeat;
}
#page_head h1.oneline {
padding: 12px 10px 14px 10px;
line-height: 1.25em; 
}
#page_head h1 span {
color: #000;
font-size: 70%;
font-weight: 200;
}
#page_head h1 span a {
color: #036;
}

/* for liquid layout (not approved yet) */
#page_head2 {
background: transparent url(/images/imagesv2/dotted-h1-bot.gif) 0px 100% no-repeat;
margin: 0px 0px 13px 0px;
padding: 0px;
text-align: left;
overflow: hidden;
clear: both;
}
#page_head2 div.head-bot {
background: transparent url(/images/imagesv2/dotted-h1-bot-rh.gif) 100% 100% no-repeat;
padding: 0px 0px 14px 0px;
margin: 0px;
overflow: hidden;
}
#page_head2 div.head-top {
background: transparent url(/images/imagesv2/dotted-h1-top.gif) 0px 0px repeat-x;
overflow: hidden;
padding: 0px;
margin: 0px;
}
#page_head2 h1 {
background: #fff url(/images/imagesv2/dotted-h1-top-rh.gif) 100% 0px no-repeat;
line-height: 1.25em; 
display: block;
margin: 1px 0px 0px 1px;
padding: 11px 12px 0px 12px;
}

/*********************   
TABBED NAV 1
*********************/
ul.tabnav {
margin: 0;
padding: 0;
list-style: none;
height: 26px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
ul.tabnav li {
float: left;
margin: 0;
padding: 0;
height: 25px;
line-height: 25px;
border: 1px solid #ccc;
margin-bottom: -1px;
margin-right:2px;
background: #eee;
position: relative;
}
ul.tabnav li.first {
border-left: none;
}
ul.tabnav li a,
ul.tabnav li a:visited {
text-decoration: none;
color: #666;
display: block;
padding: 0 20px;
border: 1px none #fff;
outline: none;
}
ul.tabnav li a:hover,
ul.tabnav li a:focus {
background: #ddd;
}
ul.tabnav li a:visited,
ul.tabnav li a:active,
ul.tabnav li a:hover {
text-decoration: none;
}
ul.tabnav li.active,
ul.tabnav li.active a,
ul.tabnav li.active a:hover,
ul.tabnav li.active a:visited  {
background: #fff;
border-bottom: 1px solid #fff;
color:#900;
font-weight:bold;
text-decoration:none;
}
.tab_container {
border: 1px solid #ccc;
border-top: none;
clear: both;
padding:15px 10px 10px 10px;
margin-bottom:1.25em;
}
.tab_content {
background-color:transparent;
}

/*********************   
2 columns
*********************/
.col2_equal {
width:50%;
float:left;
}
/* outside innerbox */
#col2_left_out {
width:356px;  /**************** LINKED *****************/
margin-right:10px;
float:left;
clear:left;
}
#col2_right_out {
width:169px;
float:left;
clear:right;
}
/* inside innerbox */
#col2_left {
width:342px;  /**************** LINKED *****************/
margin-right:10px;
float:left;
clear:left;
}
#col2_right {
width:169px;
float:left;
clear:right;
}
#col2full_left {
width:529px;  /**************** LINKED *****************/
margin-right:10px;
float:left;
clear:left;
}
#col2full_right {
width:203px;
float:left;
clear:right;
}

/*********************   
clear
*********************/
.clear {
height: 0;
clear: both;
}
.clear-std {
clear: both;
}
/***************************************lak removed jukebox specific styles*****************/
/****************
multimedia thumbs   lak added for multimedia list view
*****************/
ul.multimedia-list {
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
	overflow:hidden;
}
ul.multimedia-list li {
	padding:7px;
	clear:both;
	border:1px none #ccc;
	margin: 10px 0 15px 0;
	overflow:auto;
	background:none;
}
ul.multimedia-list li .image {
	text-align:center;
	clear:left;
	float:left;
	width:118px;
	margin: 0 15px 0 0;
}
.image {
		text-align:center;
		width:118px;
}
ul.multimedia-list li .description {
	float:left;
	clear:right;
}
ul.multimedia-list li .description dl,
		ul.multimedia-list li .description dt,
		ul.multimedia-list li .description dd {
		padding:0;
		margin:0;
		width: 350px; /******lak added how do we work around long paragraph text*******/
}
/***************ul.multimedia-list li .description span.duration,
ul.multimedia-list li .description dd.desc-d,
ul.multimedia-list li .description dd.desc-e,
ul.multimedia-list li .description dd.desc-f,
ul.multimedia-list li .description dd.desc-g {
			display:none;
}                                                   lak commented out for now*****************/
ul.multimedia-list li .description dt {
		font-weight:normal;
		color: #666;
		margin-bottom:2px;
}
/******************************
multimedia video detail pages  lak added for multimedia list view
*******************************/
#video {
border:1px solid #000000;
width:480px;
margin-bottom:15px;
}
#video .videoHead {
	height:21px;
	width:460px;
	padding:16px 10px 14px!important;
	padding:16px 10px 0px;
	background-image:url(/images/imagesv2/video_header_bg.gif);
}
#video .videoHead h3 {
	color:#dcdcdc;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
a#player {
	display:block;
	width:480px;
	height:360px;
}