/*
Theme Name: LearnWake
Theme URI: http://mclindigital.com/
Description: Initial LearnWake WordPress Theme
Version: 2.0
Author: Mike McLin
Author URI: http://mclindigital.com
*/

/***********************
 Structure
***********************/
html { background:#ebf4fa; }
body { font-family: Georgia, serif; font-size: 14px; line-height: 1.4em; color:#666; }
#top_section { }
#header { width:940px; margin:0 auto; border-top:8px solid #000; height:42px; overflow:visible; position:relative; }
#main_content { width:940px; margin:0 auto; padding:20px 10px 0 10px; clear:both; position:relative; }
#footer_wrapper { clear:both; background:#ebf4fa url(images/layout/footer.png) repeat-x 0 0; height:180px; padding:20px 20px 0px 20px; }
.wide-col {float:left; display:inline; width:620px;}
.sidebar {float:right; display:inline; width:300px;}
.wider-col {float:left; display:inline; width:700px;}
.slimbar {float:right; display:inline; width:220px;}
.subpage-wrapper { width:940px; margin-left:-10px; padding:0 10px; overflow:hidden; }
.subpage-wrapper .subpages { width:9999px; position:relative; }
.subpage-wrapper .subpage { width:940px; padding-right:20px; display:inline; float:left; }
/***********************
 Top Section
***********************/
div.top_section_short { background: #e3eef6 url(images/layout/top_section_softblue_short.png) repeat-x 0 100%; }
div.top_section_medium { background: #e3eef6 url(images/layout/top_section_softblue_medium.png) repeat-x 0 100%; }
div.top_section_tall { background: #e3eef6 url(images/layout/top_section_softblue_tall.png) repeat-x 0 100%; }
body.library div.top_section_short { background: #edf6d5 url(images/layout/top_section_green_short.png) repeat-x 0 100%; }
body.library div.top_section_medium { background: #edf6d5 url(images/layout/top_section_green_medium.png) repeat-x 0 100%; }
body.library div.top_section_tall { background: #edf6d5 url(images/layout/top_section_green_tall.png) repeat-x 0 100%; }
body.videos div.top_section_short { background: #d5e7f4 url(images/layout/top_section_blue_short.png) repeat-x 0 100%; }
body.videos div.top_section_medium { background: #d5e7f4 url(images/layout/top_section_blue_medium.png) repeat-x 0 100%; }
body.videos div.top_section_tall { background: #d5e7f4 url(images/layout/top_section_blue_tall.png) repeat-x 0 100%; }
h2#top_section_heading {margin:0 auto; width:960px; position:relative; text-align:center; }
ul.subheader_nav { margin:0 auto; width:960px; height:525px; position:relative;   }
ul.subheader_nav li { list-style:none; }
ul.subheader_nav li a { text-indent:-9999px; position:absolute; top:430px; width:156px; height:75px; display:block; }
ul.subheader_nav li.sub_nav_1 a { left:10px; }
ul.subheader_nav li.sub_nav_2 a { left:167px; }
ul.subheader_nav li.sub_nav_3 a { left:324px; }
ul.subheader_nav li.sub_nav_4 a { left:481px; }
ul.subheader_nav li.sub_nav_5 a { left:638px; width:156px; }
ul.subheader_nav li.sub_nav_6 a { left:794px; width:156px; }
ul#library_header_nav { background: url(images/assets/library_headers/wakeboardInstruction.jpg) no-repeat 50% 0; }
ul#library_header_nav li.sub_nav_1 a:hover { background:url(images/assets/library_headers/wakeboardInstruction.jpg) no-repeat -10px -525px; }
ul#library_header_nav li.sub_nav_2 a:hover { background:url(images/assets/library_headers/wakeboardInstruction.jpg) no-repeat -167px -525px; }
ul#library_header_nav li.sub_nav_3 a:hover { background:url(images/assets/library_headers/wakeboardInstruction.jpg) no-repeat -324px -525px; }
ul#library_header_nav li.sub_nav_4 a:hover { background:url(images/assets/library_headers/wakeboardInstruction.jpg) no-repeat -481px -525px; }
ul#library_header_nav li.sub_nav_5 a:hover { background:url(images/assets/library_headers/wakeboardInstruction.jpg) no-repeat -638px -525px; }
ul#library_header_nav li.sub_nav_6 a:hover { background:url(images/assets/library_headers/wakeboardInstruction.jpg) no-repeat -794px -525px; }
ul#videos_header_nav { background: url(images/layout/header-videos.jpg) no-repeat 50% 0; }
ul#videos_header_nav li.sub_nav_1 a:hover { background:url(images/layout/header-videos.jpg) no-repeat -10px -525px; }
ul#videos_header_nav li.sub_nav_2 a:hover { background:url(images/layout/header-videos.jpg) no-repeat -167px -525px; }
ul#videos_header_nav li.sub_nav_3 a:hover { background:url(images/layout/header-videos.jpg) no-repeat -324px -525px; }
ul#videos_header_nav li.sub_nav_4 a:hover { background:url(images/layout/header-videos.jpg) no-repeat -481px -525px; }
ul#videos_header_nav li.sub_nav_5 a:hover { background:url(images/layout/header-videos.jpg) no-repeat -638px -525px; }
ul#videos_header_nav li.sub_nav_6 a:hover { background:url(images/layout/header-videos.jpg) no-repeat -794px -525px; }
/***********************
 Header
***********************/
h1 { margin:0; position:absolute; top: 5px; left:0;}
h1 a { display:block; text-indent:-9999px; width:188px; height:32px; background:url(images/layout/h1.png) no-repeat 0 0; }
h1 a:hover { background:url(images/layout/h1.png) no-repeat 0 100%; }
div#nav_wrapper { margin:0; position:absolute; top:0; right:0px; }
ul#main_nav { margin:0; }
ul#main_nav li { list-style:none; display:inline; padding:12px 5px 5px 5px; float:left; }
ul#main_nav li a { padding:22px 5px 10px 5px;font-family: Helvetica, Arial, sans-serif; font-size:18px; letter-spacing:-1px; line-height:1em; color:#000; font-weight:bold; text-decoration:none; background:none;  }
ul#main_nav li a:hover { color:#2f78ad; text-decoration:none; background:none; }
ul#main_nav li.login_navlink a { color:#C00; }
ul#main_nav li.login_navlink a:hover { color:#2f78ad; }
ul#main_nav li.current { background:#000; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
ul#main_nav li.current a { color:#FFF; text-decoration:none; background:none; }
ul#main_nav li.current a:hover { color:#FFF; text-decoration:none; background:none; }
div#site_search { display:none; }
/***********************
 Footer
***********************/
#footer { width:940px; margin:0 auto; text-align:center; }
#footer ul#footer_nav { margin:0 0 20px 0; }
#footer ul#footer_nav li { border-right:1px solid #999; margin-right:10px; padding-right:10px;  display:inline; list-style:none; }
#footer ul#footer_nav li.last { border-right:none; margin-right:0; padding-right:0; }
#footer ul#footer_nav li a { font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size:18px; text-transform:uppercase; }
#footer ul#footer_subnav { margin:0 0 20px 0; }
#footer ul#footer_subnav li { border-right:1px solid #999; margin-right:7px; padding-right:7px;  display:inline; list-style:none;  }
#footer ul#footer_subnav li.last { border-right:none; margin-right:0; padding-right:0; }
#footer ul#footer_subnav li a { font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size:12px; }
#footer p#copyright { font-size:24px; margin:0 0 20px 0; }
#footer p#copyright b {  color:#000; }
#footer p#site_design { font-family: Helvetica, Arial, sans-serif; font-size:12px; margin:0; }
#footer p#site_design a { color:#FFF; border:1px solid #000; padding:0 7px; background:#000; text-decoration:none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#footer p#site_design a:hover { color:#000; background:#FFF; border:1px solid #999; text-decoration:none; }
#footer a:hover { color:#000 }
/***********************
 Tags
***********************/
h2 { font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size: 40px; font-weight: bold; letter-spacing: -3px; line-height: 1.1em; color:#000; margin:15px 0; }
h3 { font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; letter-spacing: -1.5px; line-height: 1.2em; color:#000; margin-bottom:10px; }
h4 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 1.2em; color:#000; margin-bottom:10px; }
h5 { font-family: Georgia, serif; font-size: 18px; font-weight:bold; line-height: 1.3em; color:#000; }
h6 { font-family: Georgia, serif; font-size: 14px; font-weight:bold; line-height: 1.4em; color:#000; }
a,
a:active,
a:visited { text-decoration:none; color:#2f78ad; font-weight:bold; }
a:hover { text-decoration:underline; color:#000; cursor:pointer; }
a image { border:none; text-decoration:none; }
abbr,
acronym { border-bottom:1px dotted #000; cursor:help; }
b,
strong { font-weight:bold; }
em,
i { font-style:italic; }
blockquote { margin:1em; font-family: Georgia, serif; font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: normal; line-height: 1.4em; }
ul,
ol{ margin:0 1em 1em 1em; margin-left:2em; }
ul li { list-style:disc outside; }
ol li { list-style:decimal outside; }
dl { margin-bottom:1em; padding:20px 20px 0 50px; border:1px solid #CCC; background:url(images/layout/dl.gif) repeat 0 0; }
dl dt { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 1.2em; color:#000;  }
dl dd { font-size:16px; margin:0 0 20px 2em; }
th,
td { border:1px solid #CCC; padding:.5em; }
th { font-weight:bold; }
caption { margin-bottom:.5em; text-align:center; }
p,
fieldset,
table,
pre { margin-bottom:1em; }
/***********************
 Forms
***********************/
form { border:1px solid #CCC; background:#FFF; padding:15px; margin-bottom:20px; font-size:16px; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form.no_style { border:none; background:none; padding:0; margin-bottom:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
form h3.ui-widget-header { padding:7px 10px; margin-bottom:15px; clear:both; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
input[type=text],
input[type=password],
input[type=file],
textarea { border:1px solid #CCC; background:#FFF url(images/layout/text_input.png) repeat-x 0 0; padding:5px; font-size:16px; font-family: Helvetica, Arial, sans-serif; color:#666; }
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { border:1px solid #54a4de; background:#FFF; color:#000;  }
input[type=text],
input[type=password] { width:150px; }
textarea { width:500px; height:100px; }
input[type=checkbox] { /* LET JQUERY UI BUTTON (THEMEROLLER) HANDLE THESE STYLES */ }
input[type=radio] { /* LET JQUERY UI BUTTON (THEMEROLLER) HANDLE THESE STYLES */ }
input[type=submit] { /* LET JQUERY UI BUTTON (THEMEROLLER) HANDLE THESE STYLES */ }
label { line-height:1.9em; }
.realtinybox { width:30px!important; }
.tinybox { width:50px!important; }
.shortbox { width:100px!important; }
.midbox { width:200px!important; }
.longbox { width:500px!important; }
.captchabox { width:50px!important; text-align:center; background:#000; color:#FFF; }
label.error { float:left; clear:both; margin:3px 0 10px 0; font-size:13px; background:#D20000; color:#FFF !important; font-family:Arial, Helvetica, sans-serif; padding:0px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
input.error,
textarea.error { background: #FFDFDF; color: #8A0000; border-color:#D20000; float:left; }
p.captcha {overflow:auto;}
p.captcha label,
p.captcha input {float:left;margin-right:5px;}
.seperator {margin-bottom:1em; border-top:1px solid #CCC; clear:both;}
form .ui-icon { display:inline-block; vertical-align:middle; }
.float_labels label { float:left; width:150px; display:inline; }
.float_labels p { clear:both; }
.block_labels label { display:block; }
dd .part_of_speech { display:block; color:#ff9834; font-style:italic; }
/***********************
 Styles
***********************/
.small { font-size: 9px; }
:focus { outline:none; }
.alignleft { float:left; margin:4px 15px 20px 0; }
.alignright { float:right; margin:4px 0 20px 15px; }
.aligncenter { margin:0 auto 20px auto; display:block; }
.hasFocus { color:#000; font-weight:bold; }
.isChanged { color:#666; }
.hidden { display:none; }
img.size-thumbnail,
img.size-medium,
img.size-large,
img.size-full { padding:0; border:1px solid #CCC; }
a img.size-thumbnail,
a img.size-medium {padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
a img.size-thumbnail,
a img.size-medium,
a img.size-large,
a img.size-full { border:1px solid #CCC;  background:#FFF; }
a:hover img.size-thumbnail,
a:hover img.size-medium,
a:hover img.size-large,
a:hover img.size-full { border:1px solid #54a4de; box-shadow: 0 0 15px #54a4de; -moz-box-shadow: 0 0 15px #54a4de; -webkit-box-shadow: 0 0 15px #54a4de; }
div.wp-caption { padding:9px 2px 9px 9px; background:#DDD; border:1px solid #AAA; overflow:hidden; }
div.wp-caption img { padding:0; margin-bottom:5px; }
div.wp-caption p.wp-caption-text { margin:0 9px 0 0; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2em; color:#666; font-style:italic; }
/* LET JQUERY UI BUTTON (THEMEROLLER) HANDLE THESE STYLES
input[type=submit],
a.button { border: 1px solid #95b7ce; background: #c9e2f3 url(themeroller/images/ui-bg_highlight-soft_80_c9e2f3_1x100.png) 50% 0% repeat-x; font-family: "Arial Black", Helvetica, Arial, sans-serif; font-weight: bold; color: #666666; text-decoration:none; padding:10px; display:inline-block; }
input[type=submit]:hover,
a.button:hover { border: 1px solid #2694e8; background: #e5eff7 url(themeroller/images/ui-bg_highlight-soft_100_e5eff7_1x100.png) 50% 0% repeat-x; color: #000000; text-decoration:none; }*/
div.overlay, div.dialog { display:none; }
div.overlay div.close { background:url(images/close.png) no-repeat; position:absolute; top:-20px; right:-20px; width:62px; height:62px; cursor:pointer; }
div.overlay_640x480 { width:640px; padding:20px; background: url(images/overlay_640x480.png) no-repeat; }
div.pagecrumbs {line-height:37px;  border-bottom:1px solid #CCC; font-family:helvetica, arial, sans-serif; }
div.zoom {margin-bottom:1em;}
#main_content div.zoom .ui-buttonset{margin-top:5px; }
#main_content div.zoom .ui-button{ }
div.zoom a:hover img { border:1px solid #CCC;}
div.imagegroup { border:1px solid #000; background:#000 url(images/layout/pricing_product_headers.png) repeat-x 0 0; padding: 13px 0 0 18px; overflow:hidden; margin-bottom:1em;}
div.imagegroup a img { float:left; margin:0px 13px 13px 0; border:1px solid #FFF; } /* same as .alignleft */
p.edit_link {clear:both;}
p.edit_link a {color:#C00;}
p.last {margin-bottom:0;}
.clear, .clearfix {clear:both;}
.add_margin-top{margin-top:1em!important;}
.add_margin-top-2{margin-top:2em!important;}
.add_margin-bottom{margin-bottom:1em!important;}
.add_margin-bottom-2{margin-bottom:2em!important;}
.no_top_margin {margin-top:0 !important;}
.no_bottom_margin {margin-top:0 !important;}
/* override Themeroller corner radius for Jquery UI Buttons */
	.zoom .ui-button.ui-corner-right,
	.filmstrip_scroller .ui-button.ui-corner-right { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
	.zoom .ui-button.ui-corner-left,
	.filmstrip_scroller .ui-button.ui-corner-left { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
a.cancel { background:#D20000; color:#FFF !important; font-family:Arial, Helvetica, sans-serif; padding:0px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-decoration:none; font-weight:bold;}
span.canceled, a.cancel:hover { background:#f1b5b5; color:#6e1010 !important; font-family:Arial, Helvetica, sans-serif; padding:0px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-decoration:none; font-weight:bold; }
span.status_available {background: url(images/icons/status_available.png) no-repeat 0 50%; padding-left:20px;}
span.status_busy {background: url(images/icons/status_busy.png) no-repeat 0 50%; padding-left:20px;}
span.status_offline {background: url(images/icons/status_offline.png) no-repeat 0 50%; padding-left:20px;}
.ui-button:hover { box-shadow: 0 0 10px #54a4de; -moz-box-shadow: 0 0 10px #54a4de; -webkit-box-shadow: 0 0 10px #54a4de; }
.dataTables_wrapper {font-family:arial, helvetica, sans-serif; width:100%; margin-bottom:20px;}
.data-table {margin-bottom:0; width:100%;}
/***********************
 Sidebar
***********************/
div#sidebar_wrapper {position:absolute; left:730px; width:220px;}
div#sidebar {position:absolute; top:0; margin-top:20px; width:220px; }
div#sidebar.fixed {position:fixed; top:0;}
/*a#library_pages_menu { display:block; line-height:1em; padding:10px; margin:0 0 1em 0; }
a#library_pages_menu span {float:right;}*/
/* Quick page finder menu */
a#library_pages_menu { }
.fg-menu-container { font-size:12px !important; }
.fg-menu-container a { font-weight:normal; }
.fg-menu-breadcrumb { font-size:12px; }
.fg-menu-breadcrumb a.fg-menu-crumb {  }
.fg-menu-current-crumb a.fg-menu-crumb { font-size:16px; font-weight:bold; }
.fg-menu-current-crumb a.fg-menu-crumb:hover { text-decoration:underline; }
/***********************
 Toolbar (Fixed)
***********************/
div#toolbar_fixed { position:fixed; top:0; left:0; width:100%; z-index:100; -moz-box-shadow: 0px 2px 20px #000; -webkit-box-shadow: 0px 2px 20px #000; box-shadow: 0px 2px 20px #000; }
div#toolbar_fixed div.controls { width:940px; margin:10px auto; padding:0; position:relative; }
div#toolbar_fixed div.controls a.button { margin-right:7px; -moz-box-shadow: 0px 0px 5px #a2afb9; -webkit-box-shadow: 0px 0px 5px #a2afb9; box-shadow: 0px 0px 5px #a2afb9;}
div#toolbar_fixed div.controls a.top-button { position:absolute; right:0; top:0;}

.toolbar { height:40px; width:100%; background:url(images/layout/toolbar.gif) repeat-x 0 0; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; border:1px solid #888; border-left:none; border-right:none; font-family: arial, helvetica, sans-serif; }
.toolbar .toolbar-content { width:940px; padding:0 10px; margin:0 auto; }
.toolbar ul.toolbar-links { margin:0; float:left; }
.toolbar ul.toolbar-links-alt { margin:0; float:right; }
.toolbar div.label { float:left; line-height:40px; padding:0 10px 0 0; color:#999; text-shadow:1px 1px 1px #000; }
.toolbar li { float:left; list-style:none; background:url(images/layout/toolbar.gif) repeat-x  -2px -40px; }
.toolbar li.first { float:left; list-style:none; background:url(images/layout/toolbar.gif) repeat-x  0 -40px; }
.toolbar li a { float:left; line-height:40px; padding:0 15px; background:url(images/layout/toolbar.gif) repeat-x  100% -40px; margin:0; color:#CCC; text-shadow:1px 1px 1px  #000; font-size:16px; font-weight:normal;}
.toolbar li:hover { background:url(images/layout/toolbar.gif) repeat-x  -2px -120px; }
.toolbar li.first:hover { float:left; list-style:none; background:url(images/layout/toolbar.gif) repeat-x  0 -120px; }
.toolbar li:hover a { background:url(images/layout/toolbar.gif) repeat-x  100% -120px; text-decoration:none; }
.toolbar li.current { color:#FFF; background:url(images/layout/toolbar.gif) repeat-x  -2px -80px; }
.toolbar li.current.first {  background:url(images/layout/toolbar.gif) repeat-x  0 -80px; }
.toolbar li.current a { color:#FFF; background:url(images/layout/toolbar.gif) repeat-x  100% -80px;}
.toolbar li.current:hover { background:url(images/layout/toolbar.gif) repeat-x  -2px -80px; }
.toolbar li.current.first:hover {  background:url(images/layout/toolbar.gif) repeat-x  0 -80px; }
.toolbar li.current:hover a { color:#FFF; background:url(images/layout/toolbar.gif) repeat-x  100% -80px; }
/* social-toolbar 
---------------------------------------- */
div.social-toolbar {
	margin-bottom:20px;
	padding-left:100px;
	position:relative;
	height:24px;
	overflow:hidden;
}
div.social-toolbar .google-plusone {
	position:absolute;
	top:0;
	left:0;
}
/***********************
 Autocomplete
***********************/
ul.ui-autocomplete {}
ul.ui-autocomplete li {list-style:none}
ul.ui-autocomplete li a {font-size:12px;}
.autocomplete_loading {background: #FFF url(images/icons/loading_animation_24.gif) no-repeat 100% 50% !important; }
.ac_term_highlight { color:#C00; }
/***********************
 Homepage
***********************/
#home-slides {width:960px; margin:0 auto; overflow:hidden; }
#home-slides h2,
#home-slides p {text-indent:-9999px; }

#home-slide-overview {width:960px; height:500px; background:url(images/layout/header-homepage-overview.jpg) no-repeat 0 0; position:relative;}
#home-slide-overview #play-video {width:460px; height:260px; position:absolute; top:220px; left:250px;}
#home-slide-overview #player {position:absolute; top:120px; left:9999px; width:640px; height:360px;}
#home-slide-overview-video {width:960px; height:500px; background:url(images/layout/header-homepage-overview.jpg) no-repeat 0 100%; position:relative;}
#home-slide-overview-video #play-video {display:none;}
#home-slide-overview-video #player {position:absolute; top:120px; left:160px; width:640px; height:360px;}
#homepage .row {clear:both;}
#homepage .row h2 {font-size: 30px;}
.left-col {float:left; display:inline; width:460px;}
.right-col {float:right; display:inline; width:460px;}
/***********************
 Page (WordPress)
***********************/
div.page { margin-top:20px; }
div#page { width:640px;text-align:justify;}
body.amember div#page { width:100%;text-align:left;}
div.protected_wrapper { margin:3em 0; clear:both;}
div.protected { background:url(images/layout/lock.png) no-repeat 0 0; padding: 20px 20px 20px 125px; font-size:18px; line-height:1.2em; }
div.protected h3 { font-family: Helvetica, Arial, sans-serif; letter-spacing: -1px; font-size:20px; line-height:1.1em; margin:0 0 10px 0; text-transform:none; }
div.protected h3 span { color:#C00; font-style:italic;}
div.protected a { color:#54a4de; text-decoration:underline;}
div.protected a:hover { color:#000; text-decoration:none;}
div.protected p.meta { margin-bottom:0; font-size:12px; font-style:italic;}
/***********************
 404
***********************/
div#page_404 { width:640px; text-align:justify;}

/***********************
 Library
***********************/
body.library {background:#eff3e5; padding:0;}
body.library h2 { margin: 0 0 15px 0; }
div#library_page {float:left; display:inline; width: 700px; }
div#library_page h3 { color:#809d2b; clear:left; margin:30px 0 5px 0;}
div#library_page div.protected h3 { margin:0 0 10px 0;}
div#library_page h3#toc-1 { margin-top:0;}
div#library_sidebar { float:right; display:inline; width:220px; margin-top:20px; }
div#library_sidebar h3 { margin-bottom:10px; }
div#library_sidebar div.library_tools { margin-bottom:40px; }
div#library_sidebar ol.requests { margin:0 0 40px 0; border-top:1px solid #CCC; }
div#library_sidebar ol.requests li { list-style:none; border-bottom:1px solid #CCC; }
div#library_sidebar ol.requests li a { display:block; padding: 2px 10px; font-family: helvetica, arial, sans-serif; font-size:12px; }
div#library_sidebar ol.requests li a:hover { text-decoration:none; background:#FFF; }
#quick_page_finder_dialog {text-align:center; }
#quick_page_finder {width:400px; padding:3px 7px; font-size:24px; font-weight:bold; margin-top:10px; }
#typo_dialog label {font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 1.2em; color:#999; }
#typo_dialog select { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px; line-height: 1.2em; width:200px;}
#typo_dialog textarea { width:97%;}
ul#library_header_nav { /* in Top Section */ }
table#cheat_sheet {font-size:12px !important; line-height:1.2em; }
table#cheat_sheet th { padding:3px;}
table#cheat_sheet td { padding:3px;}
/***********************
 Pricing
***********************/
table#pricing_table { text-align:center; margin-bottom:2em; }
table#pricing_table .ui-icon { display:inline-block; vertical-align:middle; }
table#pricing_table td { border:1px solid #CCC; background:#bbd9ee url(images/layout/pricing_details2.png) repeat-x 0 0; line-height:30px; font-size:16px; }
table#pricing_table tr {  }
table#pricing_table th { background:#FFF url(images/layout/pricing_labels_row.png) repeat-y 0 0; border-left:none; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color:#000;  }
table#pricing_table th.top_left { border-top:none; border-left:none; background:none; }
table#pricing_table th.bottom_left { border-bottom:none; border-left:none; background:none; }
table#pricing_table td.empty_cell { border:none; background:none; }
table#pricing_table th.product_column { width:175px; font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; letter-spacing: -1.5px; color:#FFF;  background:#000 url(images/layout/pricing_product_headers.png) repeat-x 0 0; }
table#pricing_table td.button_cell { background:#999 url(images/layout/pricing_buttons_row.png) repeat-x 0 0; padding:10px; border:1px solid #666;}
table#pricing_table th.product_column div { text-indent:-9999px; background:url(images/layout/best_value.gif) no-repeat 50% 50%; height:27px; margin-top:.5em; }
h3#not_registered_heading { clear:both; text-indent:-9999px; height:140px; background: url(images/layout/not_registered_yet.png) no-repeat 50% 50%;}
table#pricing_table a.signup-button {  }
div#coupon_wrapper {line-height:1.4em;}
div#coupon_code_icon { height:96px; background: url(images/layout/gift_card_code.gif) no-repeat 50% 50%; }
/***********************
 Profile
***********************/
/* Edit */
form#edit_profile_form { width:548px; /* 580px width 15+15 padding, and 1+1 border */ float:left; display:inline; }
form#edit_profile_form div.float_labels label { width:200px; font-size:12px; margin-bottom:1em; }
form#edit_profile_form label b { display:block; font-size:16px; }
form#edit_profile_form h4 { margin-bottom:1em; }
form#edit_profile_form textarea { width:320px; height:50px;  }
form#edit_profile_form #riding_stance label { display:inline-block;  }
form#edit_profile_form .block_labels label { font-size:12px; margin-bottom:.5em; }
form#edit_profile_form span.year_label { margin-left:210px; color:#000; font-size:12px; text-transform:uppercase; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
form#edit_profile_form span.brand_label { margin-left:33px; color:#000; font-size:12px; text-transform:uppercase; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
form#edit_profile_form span.model_label { margin-left:72px; color:#000; font-size:12px; text-transform:uppercase; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
form#edit_profile_form img#profile_pic { border:1px solid #CCC;  }
form#edit_profile_form #change_pic_button { width:120px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
form#edit_profile_form #fins_height_wrapper { float:left; width:50px; overflow:visible; margin:0 0 20px 10px; }
form#edit_profile_form #fins_length_wrapper { float:left; margin-top:25px; width:400px; }
form#change_password_form { width:308px; /* 340px width 15+15 padding, and 1+1 border */ float:right; display:inline; }
form#change_password_form p { clear:both; }
form#profile_account_details { width:308px; /* 340px width 15+15 padding, and 1+1 border */ float:right; display:inline; }
/* View */
div#profile_header { border:1px solid #CCC; background:#FFF; padding:15px; margin-bottom:20px; font-size:16px; overflow:hidden; }
div#profile_header #profile_pic { float:left; margin-right:15px; border:1px solid #CCC; width:120px; height:120px;}
div#profile_header .status { float:right; margin:15px 0 0 15px; width:300px; padding-left:15px; border-left:15px solid #e3eef6;  }
div#profile_header .status h4 { margin-bottom:5px !important; color:#54a4de; text-transform:uppercase; font-weight:bold; font-size:14px; letter-spacing:-1px; }
div#profile_header .status p { font-size:24px; font-style:italic; color:#b8cfdf; margin-bottom:0; line-height:1.2em; }
div#profile_header h2 { line-height:40px; margin: 0 0 10px 0; }
div#profile_header h4 { margin-bottom:10px; }
div#profile_header div p {margin-bottom:0;}
div#profile_header div p#edit_profile_button {clear:none;}
div#profile_header form.no_style { clear:both; margin:20px 0 0 0; }
ul.profile_column { float:left; width:300px; margin:0 20px 20px 0; }
ul.profile_column li { list-style:none; border-bottom:1px solid #CCC; padding:5px 0; }
ul.profile_column_basic {  }
ul.profile_column_equipment {  }
ul.profile_column_stats { margin-right:0; }
/***********************
 Login
***********************/
form#login_form { width:400px; float:left; margin:40px 40px 50px 30px;}
form#login_form label { width:100px; }
form#forgot_password_form {width:375px; float:left; margin:40px 0 50px 0; }
/***********************
 Signup
***********************/
form#signup { width:548px; float:left; margin-top:20px; }
form#signup div.section { margin-bottom:1em; }
form#signup h4 { margin-bottom:1em; }
form#signup p { clear:both; }
form#signup label { font-size:12px; color:#888; font-style:italic;}
form#signup label b { display:block; font-size:16px; color:#666;  font-style:normal;}
form#signup div.payment_method { margin-bottom:.5em; }
form#signup div.payment_method label { display:inline; }
form#signup div.payment_method label b { display:inline; }
form#agreement_form { width:548px; float:left; margin-top:20px; }
/***********************
 CC Card / Receipt / Thanks / Cancel
***********************/
/* CC Card */
div#cc_card_receipt {float:right; width:340px; display:inline;}
div#cc_card_receipt table.receipt {width:100%;}
div#cc_card_form {float:left; width:580px; display:inline;}
form#ccForm div.float_labels label { width:300px; font-size:12px; margin-bottom:1em; }
form#ccForm div.narrow label { width:150px; font-size:12px; margin-bottom:1em; }
form#ccForm label b { display:block; font-size:16px; }
form#ccForm h4.ui-state-highlight { padding:10px; margin-bottom:20px; }
/* Receipt */
table.receipt td {border:1px solid #CCC; background:#FFF url(images/layout/text_input.png) repeat-x 0 0; line-height:30px; font-size:16px; }
table.receipt tr.heading th { font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; color:#FFF;  background:#000 url(images/layout/pricing_product_headers.png) repeat-x 0 0; }
table.receipt tr.subtotal td { border:1px solid #CCC; background:#bbd9ee url(images/layout/pricing_details2.png) repeat-x 0 0;  }
table.receipt tr.tax td { border:1px solid #CCC; background:#bbd9ee url(images/layout/pricing_details2.png) repeat-x 0 0;  }
table.receipt tr.total td { color:#FFF; background:#54a4de url(images/layout/member_heading_videos.png) repeat-x 0 0; font-weight:bold; font-size:24px;font-family: Helvetica, Arial, sans-serif;  }
table.receipt td.money { text-align:right; }
/* Thanks */
div#thanks_page {text-align:center;}
div#thanks_page div#thanks_message { padding-top:300px; height:100px; background:url(images/layout/thanks.png) no-repeat 50% 50%;}
div#thanks_page div#thanks_message h2 {display:none; }
div#thanks_page div#thanks_message h3 { }
div#receipt_wrapper {width:400px;}
/***********************
 Account / Billing (amember member.html
***********************/
div.amember_member { }
div.amember_member h4 { margin-bottom:.5em; }
div.amember_member form#account_details {float:left; margin-top:20px; width:308px;  /* 340px width 15+15 padding, and 1+1 border */}
div.amember_member form#payment {float:right; margin-top:20px; width:548px;  /* 580px width 15+15 padding, and 1+1 border */}
div.amember_member form#payment_history {float:right; width:548px;  /* 580px width 15+15 padding, and 1+1 border */}
div.amember_member form#payment_history table { text-align:center; width:100%;}
div.amember_member form#payment_history table th {font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: -1.2px; color:#FFF;  background:#000 url(images/layout/pricing_product_headers.png) repeat-x 0 0;}
div.amember_member form#payment_history table td {border:1px solid #CCC; background:#FFF url(images/layout/text_input.png) repeat-x 0 0; font-size:12px;}
div.amember_member form#payment_history table tr.current_period { font-weight:bold;}
div#amember_member_page h4.not_subscribed { color:#C00; }
div#amember_member_page p.not_subscribed { background-color:#C00; color:#FFF; padding:5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/***********************
 Notifications
***********************/
#top_section .ui-state-highlight, #top_section .ui-state-error { padding:10px; line-height:1em; }
#top_section div.notification { width:940px; margin:0 auto; overflow:visible; }
#top_section div.notification p { margin-bottom:1em; }
#top_section div.notification .ui-icon { float:left; margin-right:5px; }
#top_section div.notification a { color:#54a4de; }
#top_section div.notification a.close { float:right; display:inline; margin:-3px 0 0 7px; width:20px; height:20px; text-indent:-9999px; background:url(images/icons/close_20.png) no-repeat 0 0; }
#top_section div.notification a.close:hover { background:url(images/icons/close_20.png) no-repeat 0 100%; }
.ui-state-highlight b {color:#000;}
.ui-state-error b {color:#FFF;}
/***********************
 Redirect
***********************/
#redirect_page {text-align:center;}
#redirect_page h3 {margin-top: 40px;}
#redirect_graphic { background:url(images/layout/redirect_animation.gif) no-repeat 50% 50%; height:200px; }
#redirect_page p {margin-bottom: 40px;}
/***********************
 Member
***********************/
div#member_panel { margin-bottom:20px; border-bottom:1px dashed #999; }
p#member_controls { margin-bottom:20px; }
p#member_controls a{ margin-right:20px; }
div#modules {float:left; display:inline; width: 340px; min-height:20px;}
div#wide_modules {float:right; display:inline; width:580px; min-height:20px;}
div.module,
div.control-panel-module { border:1px solid #CCC; background:#FFF; margin-bottom:20px; overflow:hidden; clear:both;}
div.blank-module { border:none; background:#ebf4fa; height:5px; margin-bottom:0px; clear:both;}
div.placeholder_module{ margin-bottom:20px; clear:both; border: 1px dashed #666; background: #f6e896 url(images/themeroller/ui-bg_highlight-soft_25_f6e896_1x100.png) repeat-x 0 0; }
div.module h2.heading,
div.control-panel-module h2.heading{ position:relative; border-bottom:1px solid #CCC; font-family: Helvetica, Arial, sans-serif; font-size: 20px; line-height: 20px; padding: 8px 42px 8px 15px; margin:0; font-weight: bold; letter-spacing:-1px; color:#FFF; background:#000 url(images/layout/member_heading.png) repeat-x 0 0; }
div.module h2.heading { cursor:move; }
div.videos-module h2.heading { color:#FFF; background:#54a4de url(images/layout/member_heading_videos.png) repeat-x 0 0; }
div.forums-module h2.heading { color:#FFF; background:#ff9834 url(images/layout/member_heading_forums.png) repeat-x 0 0; }
div.library-module h2.heading { color:#FFF; background:#bedf5d url(images/layout/member_heading_library.png) repeat-x 0 0; }
div.apps-module h2.heading { color:#867636; background:#f6e896 url(images/layout/member_heading_apps.png) repeat-x 0 0; }
div.module h2.heading span.title { }
div.module h2.heading a.delete { position:absolute; top:8px; right:10px; display:block; text-indent:-9999px; width:20px; height:20px; background:url(images/icons/close_20.png) no-repeat 0 0; }
div.module h2.heading a.delete:hover { background:url(images/icons/close_20.png) no-repeat 0 100%; }
div.module .content,
div.control-panel-module .content{ padding:15px; overflow:hidden; }
div.module ul,
div.control-panel-module ul{ margin:0; border-top:1px solid #CCC;  }
div.module ul li,
div.control-panel-module ul li {list-style:none; border:1px solid #CCC; border-top:none; clear:both; padding:3px 7px 4px 7px; line-height:1.1em; background:#FFF url(images/layout/text_input.png) repeat-x 0 0; overflow:hidden; }
div.module ul li a {  }
div.module ul li a:hover,
div.control-panel-module ul li a:hover{ color:#000; text-decoration:none; }
div.module ul li span.date,
div.module ul li span.author { font-weight:normal; color:#666; }
div.module ul li span.date { float:right; display:inline; margin-left:10px; }
form#add_module_form { overflow:hidden; }
form#add_module_form p { float:left; display:inline; margin:0 20px 20px 0; padding:10px; border:1px solid #DDD; background:#F9F9F9; }
form#add_module_form p.last { float:none; clear:both; display:block; margin:0; padding:0; border:none; background:#FFF; }
/* Control Panel Module */
div.control-panel-module ul {   }
div.control-panel-module ul li.subheading { font-family: Helvetica, Arial, sans-serif; padding: 7px; background:#bbd9ee url(images/layout/pricing_details2.png) repeat-x 0 0; overflow:hidden; }
div.control-panel-module ul li.subheading a { background:none; padding:0; display:inline; }
div.control-panel-module ul li.subheading a:hover { background:none; padding:0; }
div.control-panel-module ul li.subheading a #profile_pic { border:1px solid #54a4de; float:left;display:inline; margin-right:7px; }
div.control-panel-module ul li.subheading a #profile_pic:hover { border:1px solid #000; }
div.control-panel-module ul li.subheading h4 a {  color:#000; text-decoration:underline;  }
div.control-panel-module ul li.subheading h4 a:hover { color:#000; text-decoration:none; }
/* Bookmarks Module */
div.bookmarks-module input[type=text]{ width:100%; }
div.bookmarks-module ul li.add_bookmark { padding:10px;  background:#f1edd7 url(images/layout/add_bookmark_form.png) repeat-x 0 0;  }
div.bookmarks-module ul li.add_bookmark h4 a { padding-left:23px; background: url(images/icons/bookmark_16.png) no-repeat 0 50%;  }
div.bookmarks-module ul li.add_bookmark form { display:none; margin-top:20px; }
div.bookmarks-module ul li.bookmark { cursor:move; position:relative; padding-right:24px; }
div.bookmarks-module ul li.placeholder_bookmark{border: 1px dashed #666; background: #f6e896 url(images/themeroller/ui-bg_highlight-soft_25_f6e896_1x100.png) repeat-x 0 0; }
a.delete_bookmark { height:16px; width:16px; position:absolute; top:4px; right:4px; text-indent:-9999px; background:url(images/icons/close_16.png) no-repeat 0 0; }
a.delete_bookmark:hover { background:url(images/icons/close_16.png) no-repeat 0 100%; }
div.bookmarks-module div.bookmark_help { display:none; }
div.bookmarks-module div.bookmark_help ol { margin:10px; }
div.bookmarks-module div.bookmark_help ol li { padding:5px 7px; list-style:decimal inside !important; }
div.bookmarks-module div.bookmark_help ol li img { vertical-align:middle; }
/***********************
 Bookmarks
***********************/
/* Some styles are in Member section */
div#bookmarks_popup { width:310px; padding:10px 0; margin:0 auto; overflow:hidden;}
div#bookmarks_popup div.module { border:none !important;}
/***********************
 Requests
***********************/
div#requests_page {  }
/* Sidebar */
div#request_sidebar { width: 280px; float:left; display:inline;}
div#request_sidebar.fixed {position:fixed; top:0;}
div#request_sidebar div.votes_left { font-size:20px; font-family: Helvetica, Arial, sans-serif; margin-bottom:20px; padding-bottom:20px; border-bottom:5px dotted #AAA;}
div#request_sidebar div.votes_left span.number { font-size: 60px; font-weight: bold; letter-spacing: -6px; line-height: 1em; color:#000; font-family: "Arial Black", Helvetica, Arial, sans-serif; margin-right:3px;}
div#request_sidebar div.votes_left span.small { font-size: 11px; }
div#request_sidebar h4 { line-height:1em; margin-bottom:5px;}
div#request_sidebar ul.voted_for { margin:0 0 20px 0;  }
div#request_sidebar ul.voted_for li { border-bottom:1px solid #CCC; padding:8px 15px; list-style:none; }
div#request_sidebar ul.voted_for li span.total_votes {  color:#000; font-weight:bold;  padding:0 5px; font-family: Helvetica, Arial, sans-serif; background:#FFF; border:1px solid #AAA;  }
div#request_sidebar ul.voted_for li a.member_votes {  color:#000; font-weight:bold;  padding:0 5px; font-family: Helvetica, Arial, sans-serif; background:#ff9834; border:1px solid #b45a02; }
div#request_sidebar ul.voted_for li a.member_votes:hover { color:#FFF; background:#F00; border:1px solid #C00; text-decoration:none; }
/* Request Content */
div#request_content { float:right; display:inline; width:640px; margin-bottom:20px; }
div#add_request { padding:20px; border:1px solid #e5cb2e; background: #f6e896 url(images/themeroller/ui-bg_highlight-soft_25_f6e896_1x100.png) repeat-x 0 0; margin-bottom:20px; }
form#add_request_form p { clear:both; }
form#add_request_form h3 label { line-height:24px; font-size:24px; margin-bottom:5px; padding:0; }
form#add_request_form div#hidden_inputs { margin-top :1em; display:none; }
form#add_request_form #votes,
form#add_request_form #request_type { font-size:20px; }
div#request_suggestions { display:none; }
div#request_suggestions h3 { margin-top:1em; }
div#results_heading h4 { background:#ff9834; color:#FFF; padding:3px 8px; margin-bottom:1em; }
div#suggested_request_list { border:1px solid #CCC; padding:10px; background:#F9F9F9;   }
h4.suggestions_heading { padding:3px 8px; margin-bottom:1em; }
div#request_tabs { }
div#request_content ul.tabs span.count {padding:0 5px; }
div#request_content span.top,
.request span.top { color:#000; background:#ff9834; }
div#request_content span.submitted,
.request span.submitted { color:#FFF; background:#54a4de; }
div#request_content span.new,
.request span.new { color:#000; background:#bedf5d; }
div#request_content span.accepted,
.request span.accepted { color:#000; background:#f6e896; }
div#request_content span.completed,
.request span.completed,
.request span.request_type { color:#FFF; background:#000; }
ul.requests { margin:0; }
.request { list-style:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #CCC; min-height:100px; position:relative; }
.request div.vote_wrapper { position:absolute; top:5px; left:0; width:80px;}
.request div.vote_wrapper div.votes { text-align:center; font-size:18px; padding:5px; border:1px solid #CCC; background:#FFF; margin-bottom:3px; }
.request div.vote_wrapper div.votes span { display:block; font-family: "Arial Black", Helvetica, Arial, sans-serif; font-size: 36px; font-weight: bold; letter-spacing: -3px; line-height: 1.1em; color:#000; }
.request div.vote_controls { position:relative; }
.request div.vote_controls a { display:block; }
.request div.vote_controls a.change_vote_button { background:#ff9834; color:#FFF; border:1px solid #b45a02; font-size:20px;  }
.request div.vote_controls a.change_vote_button:hover { background:#ffc892; color:#000; }
.request div.vote_controls a.change_vote_button span.ui-button-text { padding:1px 0; }
.request div.vote_controls div.popup { position:absolute; top:0; left:0; border:1px solid #CCC; background:#FFF url(images/layout/text_input.png) repeat-x 0 0; padding:10px; width:150px; z-index:3; -moz-box-shadow: 0px 0px 20px #333; -webkit-box-shadow: 0px 0px 20px #333; box-shadow: 0px 0px 20px #333; }
.request div.vote_controls div.popup h4 { margin-bottom:10px; }
.request div.vote_controls div.mouseout { position:absolute; top:-50px; left:-50px; width:280px; height:180px; z-index:2; }
.request div.content { margin-left:100px;}
.request div.content a {color:#2f78ad; }
.request div.content h3.title { font-size:24px; margin-bottom:5px; }
.request div.content p.description { font-family: Georgia, serif; font-size: 16px; line-height: 1.2em; margin-bottom:10px; }
.request div.content div.request_meta { font-family: Helvetica, Arial, sans-serif; font-size:13px;}
.request div.content div.request_meta span.author { padding-right:10px; border-right:1px solid #CCC; margin-right:7px; }
.request div.content div.request_meta span.comments { padding-right:10px; border-right:1px solid #CCC; margin-right:7px; }
.request div.content div.request_meta span.date { padding-right:10px; border-right:1px solid #CCC; margin-right:7px; }
.request div.content div.request_meta span.type { padding-right:10px; border-right:1px solid #CCC; margin-right:7px; }
.request div.content div.request_meta span.type span { padding:0 5px; font-weight:bold; }
.request div.content div.request_meta span.status { padding-right:10px;  }
.request div.content div.request_meta span.status span { padding:0 5px; font-weight:bold; }
.request div.content div.admin_comment { margin-top:10px; padding:10px; border:1px solid #ddd6af; background:#f1eedf; }
.request div.content div.admin_comment h4 { margin-bottom:5px; }
/* Single Page */
div#request_single_page div#request_content { float:right; display:inline; width:598px; margin-bottom:40px; padding:20px; background:#FFF; border:1px solid #CCC; }
div#request_single_page div#comment_wrapper { float:right; display:inline; width:640px; margin-bottom:40px; }
div#request_single_page .request { padding-bottom:0; margin-bottom:0; border-bottom:none; min-height:100px; position:relative; }
div#request_single_page .request div.content div.request_meta { margin-bottom:1em; }
div#request_single_page p.supporters { margin-bottom:0; }
div#request_single_page p.edit_link { margin:1em 0 0 0; }
div#request_single_page h4.date { margin-bottom:10px; color:#999; font-weight:normal; font-size:14px; border-bottom:1px solid #CCC; padding-bottom:10px; }
div#request_single_page h4.date b { color:#000; font-weight:bold; font-size:18px; }
div#request_single_page h4#average_vote { margin-bottom:10px; }
div#request_single_page h4#average_vote span { padding:0 8px; background:#54a4de; color:#FFF; }
div#request_single_page  .request div.content div.admin_comment { margin-bottom:10px; }
/***********************
 Comments
***********************/
div#comment_wrapper { margin-bottom:40px; }
div#comments { margin-bottom:40px; }
ol.commentlist { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #000 url(images/layout/commentlist.png) repeat-x 0 0; margin:0; color:#CCC; overflow:hidden; border:1px solid #000; }
ol.commentlist a { color:#54a4de; text-decoration:none; }
ol.commentlist a:hover { color:#54a4de; text-decoration:underline; }
ol.commentlist li.comment { list-style:none; background: #000 url(images/layout/commentlist.png) repeat-x 0 0; padding:20px; position:relative; }
ol.commentlist li.comment div.comment-body { margin-left:86px; }
ol.commentlist li.comment div.comment-body div.comment-author { line-height:1em;font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px;  }
ol.commentlist li.comment div.comment-body div.comment-author img.avatar { position:absolute; top:20px; left:20px; border:1px solid #CCC; }
ol.commentlist li.comment div.comment-body div.comment-author cite { font-style:normal; font-weight:bold; }
ol.commentlist li.comment div.comment-body div.comment-author span.says { font-weight:normal; font-size:16px; }
ol.commentlist li.comment div.comment-body div.comment-meta { margin-bottom:1em; font-family: Helvetica, Arial, sans-serif; font-size:13px; }
ol.commentlist li.comment div.comment-body p {  }
ol.commentlist li.comment div.comment-body div.reply {  }
ol.commentlist li.comment div.comment-body div.reply span.ui-button-text { padding-top:2px; padding-bottom:2px; }
ol.commentlist li.comment ul.children { margin: 7px 0 0 129px; color:#666; overflow:hidden; background: url(images/layout/replies_heading.png) no-repeat 0 0; padding-top:30px; }
ol.commentlist li.comment ul.children li.comment { padding:10px; background:#FFF url(images/layout/text_input.png) repeat-x 0 0; list-style:none; position:relative; }
ol.commentlist li.comment ul.children li.comment div.comment-body { margin-left:44px; }
ol.commentlist li.comment ul.children li.comment div.comment-body div.comment-author { line-height:1em;font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 0px; }
ol.commentlist li.comment ul.children li.comment div.comment-body div.comment-author img.avatar { position:absolute; top:10px; left:10px; border:1px solid #666; width:32px; height:32px; }
ol.commentlist li.comment ul.children li.comment div.comment-body div.comment-author span.says { font-weight:normal; font-size:13px; }
ol.commentlist li.comment ul.children li.comment div.comment-body div.comment-meta { margin-bottom:.5em; font-family: Helvetica, Arial, sans-serif; font-size:12px; }
p#respond_top_link { margin-bottom:0; text-align:right; }

/***********************
 .video-link-module
***********************/
.video-link-module a { display:block; width:282px; border:1px solid #CCC; background:#FFF; padding:8px; font-family:arial, helvetica, sans-serif; color:#888; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999; position:relative; margin-bottom:20px;}
.video-link-module a img{ border:1px solid #CCC; }
.video-link-module a .title { font-size:16px; line-height:16px; font-weight:bold; margin:8px 0; }
.video-link-module a .description { display:none; font-weight:normal; font-size:14px; }
.video-link-module a .meta { font-size:12px; line-height:12px; font-weight:normal; }
.video-link-module a .views { float:right; }
.video-link-module a .duration { position:absolute; top:143px; right:14px; background:#000; color:#FFF; padding:3px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.video-link-module a:hover { background:#f6e896; border: 1px solid #e4d059; text-decoration:none; }
.video-link-module a:hover img { border: 1px solid #e4d059; }

.video-link-module a.large { width:602px; height: 338px; margin-bottom:20px;  }
.video-link-module a.large .video-info { width:272px; padding:8px; border:1px solid #CCC; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; position:absolute; top:20px; right:20px; background:#FFF; }
.video-link-module a:hover img { border: 1px solid #e4d059; }
.video-link-module a.large:hover .video-info { background:#f6e896; border: 1px solid #e4d059; }
.video-link-module a.large .title { font-size:18px; line-height:20px; margin:0 0 8px 0; }
.video-link-module a.large .description { display:block; font-size:14px; line-height:16px; margin:0 0 16px 0; }
.video-link-module a.large .duration { position:absolute; top:307px; right:20px; background:#000; color:#FFF; padding:5px 8px; font-size:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.video-link-module a.wide { width:602px; height: 159px; margin-bottom:20px; }
.video-link-module a.wide img{ float:left; margin-right:8px;}
.video-link-module a.wide .title { height:36px; font-size:18px; line-height:20px; margin:0 0 8px 0; }
.video-link-module a.wide .description { display:block; font-size:14px; line-height:16px; height:95px; margin:8px 0; }
.video-link-module a.wide .meta .duration { right:335px; }

.video-link-module a.small { width:202px; margin-bottom:20px;}
.video-link-module a.small .meta .duration { top:98px; }

.video-link-module a.list { height:72px; margin-bottom:10px;}
.video-link-module a.list img { float:left; margin-right:8px; }
.video-link-module a.list .title { height:52px; line-height:18px; margin:0 0 8px 0; }
.video-link-module a.list .meta .duration { top:58px; right:182px; }

.video-link-module a.list-small { height:36px; margin-bottom:10px;}
.video-link-module a.list-small img { float:left; margin-right:8px; width:53px; height:34px; }
.video-link-module a.list-small .title { height:16px; line-height:16px; margin:0 0 8px 0; overflow:hidden; }
.video-link-module a.list-small .meta .duration { display:none; }

/***********************
 archive-videos.php
***********************/
#newest-videos { width:640px; display:inline; }
#newest-videos .video-link-module { float:left; margin-right:20px; display:inline; }
/***********************
 single-videos.php
***********************/
#video-top-section { width:940px; margin:0 auto; overflow:visible; }
#video-top-section #video-player { margin:0 auto; -moz-box-shadow: 0 0 15px #000; -webkit-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; }
#video-top-section .video-player-small { width:640px; height:360px; }
#video-top-section .video-player-large { width:940px; height:529px; }
#video-author-module { font-family:arial, helvetica, sans-serif; font-size:18px; margin-bottom:20px;}
#video-top-section .clear { height:20px;}

#single-video-toolbar #video-sizes { margin-left:90px; }
#single-video-toolbar #video-sizes a { width:30px; height:40px; position:relative; }
#single-video-toolbar #video-sizes span { text-indent:-9999px; display:block; background:#CCC; position:absolute; -moz-box-shadow: 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; }
#single-video-toolbar #video-sizes .first span { width: 18px; height:10px; top:15px; left:21px; }
#single-video-toolbar #video-sizes .last span { width: 36px; height:20px; top:10px; left:12px; }
#single-video-toolbar #video-sizes .current span { background:#FFF; }



.transcript { overflow:auto; padding:5px 10px; background:#FFF; border:1px solid #CCC;}
#video-transcript-module a.controls {height:20px; text-align:center; padding:0;}
#expand-transcript { background:#f0ffc5 url(images/layout/transcript-expand.gif) no-repeat 50% 50%; border:1px solid #bedf5d; color:#92b136; text-decoration:none; font-family:arial, helvetica, sans-serif;}
#expand-transcript:hover {background:#FFF url(images/layout/transcript-expand.gif) no-repeat 50% 50%;}
#collapse-transcript { background:#ffe0c1 url(images/layout/transcript-collapse.gif) no-repeat 50% 50%; border:1px solid #ff9834;color:#ce6b0b; text-decoration:none; font-family:arial, helvetica, sans-serif;}
#collapse-transcript:hover {background:#FFF url(images/layout/transcript-collapse.gif) no-repeat 50% 50%;}
.video-module {  margin-bottom:20px; }

#related-videos-subpage { width:960px; }
#related-videos-subpage .video-link-module {  margin:0 20px 20px 0; float:left; display:inline; }

.video-message { background:#FFF; }
.video-player-small .video-message { width:560px; height:280px; padding:40px; }
.video-player-large .video-message { width:860px; height:449px; padding:40px; }