/*--------------------------------------------------------------------------

CareersTube - Basic Style Sheet

Version:	1.0
Author:		Aaron Mitchard / Ben Aldred
Email:		aaron@idaho.uk.net
Website:	http://careerstube.dev / http://www.careerstube.com

Additional Mentions
-------------------

FAMFAMFAM Icons
Mark James
http://www.famfamfam.com/lab/icons/silk/


*** Last Modify Date: 19/07/2007 ( Aaron ) ***

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
		- header
		- navigation
		- p-content	
		- s-content
		- footer
	=Shared Styles
	=header
	=p-content ( insides )
	=s-content ( insides )
	=footer ( insides )

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; } 

body { line-height: 1.4; background: #ffffff url(/img/body-bg.gif) repeat-x 0 0; }

.clearme { clear: both; }
.hideme { display: none; } /* visibility: hidden; could be used here instead depends what you need */
.left { float: left; }
.right { float: right; }

acronym { speak: normal; }
abbr { speak: spell-out; }


/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { font-size: 100.01%; }

body { font-size: 0.75em; font-family: Tahoma, "Trebuchet MS", Arial, Sans-Serif; }
body:last-child:not(:root:root) { font-size: 0.725em; }
#p-content p, #s-content p { color: #8B8B8B; }
#s-content p { padding: 0 0 6px 0; }
#s-content { }

/* Freeform - normally we have freeform wrapped inside a container of some sort */

.freeform { clear: both; color: #8B8B8B; }
.freeform p { margin: 0.58em 0; }
.freeform ul { margin: 1em 0 0 2em; }
.freeform ol { margin: 1em 0 0 2.17em; } /* needs slightly bigger left margin than ul */
.freeform a, #faqs a, .clients-videos a { color: #FF8C00; text-decoration: underline; }
.freeform a:hover, #faqs a:hover, .clients-videos a:hover { color: #003386; text-decoration: none; }

.freeform img { margin: 5px; }
/* CSS3 selectors, for the good browsers */
.freeform img[align=left] { margin-left: 0; }
.freeform img[align=right] { margin-right: 0; }

#p-content address, #s-content address { color: #8B8B8B; margin-bottom: 6px; font-style: normal; }


/* =Headings
--------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif; color: #003386; }
h1 { margin: 0 0 0 0; font-size: 1.42em; } /* 17px */
h2 { margin: 0.50em 0; padding: 0 0 2px 0; border-bottom: 1px solid #E3E3E3; font-size: 1.33em; } /* 16px */
h3 { margin: 0.71em 0; font-size: 1.17em; } /* 14px */
h4 { margin: 0.77em 0; font-size: 1.08em; } /* 13px */
h5 { margin: 0.83em 0 -0.83em 0; font-family: Tahoma, Arial, Sans-Serif; font-size: 1em; color: #8B8B8B; } /* 12px */


/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a { }
a:link { }
a:visited { }
a:hover, a:active, a:focus { }

a img { border: none; }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------*/

fieldset { display: block; border: none; }
legend { display: none; }
label { cursor: pointer; }

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

input.formFieldText { padding: 2px; float:left; width: 250px; border: 1px solid #B6BBC1; font-family: Arial, Tahoma, Sans-Serif; font-size: 1em; color: #908F8F; }

input.qan { width: 200px; }
input.button-qan { padding: 0 5px; width: 50px; float: left; }

textarea { padding: 2px; width: 250px; /*height: 175px;*/ border: 1px solid #B6BBC1; font-family: Arial, Tahoma, Sans-Serif; font-size: 1em; }
    
.formFieldTextArea { float:left; color: #908F8F; height: 70px; }

fieldset ol { margin: 0; padding: 11px 0; list-style: none; float: left; }

fieldset ul { margin: 0; padding: 0; list-style: none; }

.sameline li { margin: 0 0 11px 0; clear: both; float:left; width: 550px; }

.sameline li.hidden-field { margin: 0; padding: 0; height: 0; overflow: hidden; }


.sameline .radio input { margin-right: 5px; }
.sameline .checkbox input { margin-right: 5px; }



.sameline label
{
	margin: 0;
	float: left;
	/* For some odd reason firefox dont support inline-block which in this case would be ideal :/
	display: inline-block;
	display: -moz-inline-box;
	*/
	width: 130px;
	line-height: 20px;
	color: #8B8B8B;	
}

label.hideme { display: none; }

li.passwords { position: relative; }
.custom { width: 113px; display: block; position: relative; float: left; clear: left; line-height: 20px; }
#passwordConfirm, #newpasswordConfirm { margin: 0 0 0 0; position: absolute; top: 30px; left: 130px; }
li.passwords .formFieldHelp { margin-top: 10px; }

.sameline input, .abovebelow input { vertical-align: middle; }

fieldset.abovebelow li { margin: 0 0 5px 0; }
fieldset.abovebelow label { }
fieldset.abovebelow .textbox, fieldset.abovebelow textarea, fieldset.abovebelow select { margin: 5px 0 0 0; }

fieldset.abovebelow .radio label { line-height: 20px;  }

fieldset.abovebelow .checkbox label { line-height: 20px; }
fieldset.abovebelow .checkbox input { margin: 0 5px 0 0; }

fieldset.sameline input#submitbutton { width: 63px !important; height: 19px !important; }

.formFieldDropDown,
.formFieldSelect 
{ width: 256px; float: left; color: #908F8F; }

#agerange
{	
	padding: 3px;
	margin: 5px 0 0 130px;
	border: solid 1px #B6BBC1;
}

/* Additionals hooks for forms */

.reg { background: url(/img/greydot.gif) repeat-x bottom left; }
.submit, .regnext, .regback { margin: 0; }

.submitline { margin: 7px 0; border-top: 1px solid #E3E3E3; }
input.contactus { margin-left: 323px; }
body.sales-180 input.contactus, body.sales-184 input.contactus { margin-left: 323px; }

input.videoupload { margin-right: 165px; float: right; }
input.back { float: left; }

.criteria { margin-bottom: 0 !important; padding: 5px 0 0 0; clear: both; color: #9A195C; }
.criteria span { color: #000; }

.resultDetail { margin: 10px 0; padding: 0 0 10px 0; border: 1px solid #E3E3E3; border-top-color: #FFF; border-left-color: #FFF; border-right-color: #FFF; color: #888B88; font-weight: bold; }
.showing { float: left; width: 250px; }
.amount { float: right; width: 250px; text-align: right; }

.pageSizeSelector { }
.pageSizeSelector input, .pageSizeSelector select { vertical-align: middle; }
.pageSizeSelector h5 { margin: 0; padding: 0; color: #8B8B8B; font-family: Arial; font-weight: normal; }
.objectsResultsPageSizeSelector { width: 40px; }
#pageSizeSubmit { margin-left: 4px; } 

.page_select { padding: 7px 0 0 0; clear: both; border-top: 1px solid #E3E3E3; text-align: center; color: #8B8B8B; font-weight: bold; }
.page_select a { color: #FE9611; font-weight: normal; }
.page_select span { font-weight: normal; }

.errorBlock
{
	margin: 10px 0;
	padding: 0 0 10px 0;
	background: #FDEBEB url(/img/formerror-bg.gif) repeat-x bottom left;
	border: 1px solid #F5D1D1;	
	color: #DA434C;
}

.errorBlock h3 
{	
	margin: 10px 0 0 0;
	padding: 0 10px;
	border: 0;
	font-size: 100%; color: #D00F12;
}

.errorBlock ul { margin: 5px 0 0 0; padding: 0; list-style-type: disc; }
.errorBlock li { margin-left: 30px; float: none; width: auto; }

.formFieldHelpCustom {
    font-size: 0.92em; width: 150px;
    float: right;
    margin: 2px 0; margin-left: 7px;
    color: #8B8B8B;	
}

#form_form table {
    width: 250px; float: left;
}

#docFile {
   /* border: 1px solid #B6BBC1;*/
   width: 255px;
}

.reject_approve { margin: 0 0 0 210px; }
#approvebutton { margin-left: 20px; }

#embed { margin: 4px 0; padding: 1px; width: 324px; }

#categorylistHierarchyPicker { width: 400px; }
#categorylistHierarchyPicker ol { padding: 0; }
#categorylistHierarchyPicker li { width: auto; }
#categorylistHierarchyPicker label { float: none; display: block; }

#categorylistHierarchyPicker .formFieldSelect { }

.explanation { padding: 10px 0; border-top: 1px dashed #8B8B8B; border-bottom: 1px dashed #8B8B8B; color: #8B8B8B; }

#categorylistList
{
	margin: 0 0 10px 0;
	padding: 5px 5px 0 5px;
	float: left;
	width: 245px; 	
	background-color: #F6F6F6;
	border: 1px solid #EDEDED;
}


#categorylistList li { width: 245px; }
#categorylistList li input { margin: 5px 0 0 0; float: left; }
#categorylistList li label { display: block; float: right; width: 220px; }

input.hierarchyButton { margin: 0; float: left; clear: both; }

#categorylistNewFS { margin-top: 10px; }

/* =LayoutStructure
--------------------------------------------------------------------------*/

#sitecontainer { margin: 0 auto; width: 936px; }

#header 
{
	padding: 0 0 5px 0;
	position: relative;
	width: 936px;	
	background: url(/img/header_bg.gif) no-repeat 0 100%	
}

#navigation 
{ 
	margin: 6px 6px 6px 19px;
	list-style: none;
	float: left;
	clear: both;
	width: 906px;
}

#contentcontainer { background: url(/img/contentcontainer-bg.gif) no-repeat 0 0; padding: 5px 0 50px 0; width: 936px; float: left; clear: both; }

#p-content { margin: 6px 0 10px 19px; float: left; width: 550px; min-height: 350px; }
#s-content { margin: 10px 19px 10px 0; float: right; width: 326px; min-height: 350px; }

#footer  
{
	margin: 0;
	height: 60px;
	padding: 5px 19px;
	position: relative;
	clear: both;
	border-top: 1px solid #EBEBEB;
	font-size: 1em;
	color: #A0A0A0;
}


/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/

.no-wrap { white-space: nowrap; }

.morechannels, .morevideos
{ 
	padding: 0 0 0 25px; 
	clear: both; 
	float: right;		
	background: url(/img/buttons/arrow.gif) no-repeat 0 50%; 
	font-family: "Trebuchet MS", Tahoma, Arial; font-size: 1.33em; font-weight: bold; color: #6789C2;
	text-decoration: none;
}

.browse-all-tags
{
	margin: 0 2px 0 0;
	padding: 0 0 0 20px;
	float: right;
	display: block;
	background: url(/img/videomanagement/right_arrow.gif) no-repeat 0 50%;
	color: #8B8B8B;
	text-decoration: none;
}

.browse-all-tags:hover { text-decoration: underline; color: #EE7D54; }

.morechannels:hover, .morevideos:hover { color: #EE7D54; }

.morechannels { margin-right: 65px;  }

h2#latestvids { }

h2.important { margin-top: 0; margin-bottom: 4px; border: none; }

/* Tag Clouds */

.tagcloud, .sampletagcloud
{	
	margin: 5px 0 10px 0;
	min-height: 153px;
	background: url(/img/tagclouds/large_bottom.gif) no-repeat bottom left;
}

.smallcloud { width: 326px; background-image: url(/img/tagclouds/small_bottom.gif); }

.tagcloud h2 { margin: 0 !important; padding: 7px 12px; border: none; background: url(/img/tagclouds/large_top.gif) no-repeat top left; }
.smallcloud h2 { margin: 0 !important; padding: 7px 12px; background: url(/img/tagclouds/small_top.gif) no-repeat top left; }

.tagcloud ol, .sampletagcloud ol { margin: 0 12px; padding: 12px 0;  }
.tagcloud li, .sampletagcloud li { margin: 0 5px 0 0; padding: 0; list-style: none; display: inline; }

.tagcloud .size0, .tagcloud .size1, 
.tagcloud .size2, .tagcloud .size3,
.tagcloud .size4, .tagcloud .size5,
.sampletagcloud .size0, .sampletagcloud .size1,
.sampletagcloud .size2, .sampletagcloud .size3,
.sampletagcloud .size4, .sampletagcloud .size5 { font-family: Arial, Verdana, Sans-Serif; text-decoration: none; } 

.tagcloud a:hover { background-color: #FE940D; color: #FFF; }

.tagcloud .size0 { font-size: 0.92em; color: #ECAC91; }
.tagcloud .size1 { font-size: 0.92em; color: #eeac93; }
.tagcloud .size2 { font-size: 1.17em; color: #517abc; }
.tagcloud .size3 { font-size: 1.42em; color: #23519c; }
.tagcloud .size4 { font-size: 1.58em; color: #22519c; font-weight: bold; }
.tagcloud .size5 { font-size: 2.17em; color: #003386; font-weight: bold; }

.sampletagcloud .size0 { font-size: 0.92em; color: #fbe3da; }
.sampletagcloud .size1 { font-size: 0.92em; color: #f5cdbf; }
.sampletagcloud .size2 { font-size: 1.17em; color: #f0c5b7; }
.sampletagcloud .size3 { font-size: 1.42em; color: #becde5; }
.sampletagcloud .size4 { font-size: 1.58em; color: #7e99c4; font-weight: bold; }
.sampletagcloud .size5 { font-size: 2.17em; color: #6181b3; font-weight: bold; }

.tagcloud .accessibility, .sampletagcloud .accessibility { display: none; }



/* =header
--------------------------------------------------------------------------*/

#logincontrol
{
	padding: 0 19px 0 0;	
	height: 30px;
	background-color: #003386;
	font-size: 0.92em; color: #FFF;
	text-align: right;
}

#logincontrol fieldset { padding: 7px 0 0 0; display: block; }

#logincontrol label { font-family: Arial, Tahoma, Sans-Serif; }
#logincontrol .textbox { padding: 2px; border: 1px solid #A4ABB3; color: #8F8F8F; }
#logincontrol #login_form_submit { padding: 0 0.5em; }

#logincontrol a { color: #FFF; line-height: 32px;  }
#logincontrol a:hover { text-decoration: none; }

#header #header-inner
{
	margin: 0;
	padding: 9px 19px 5px 19px;
	border-top: 1px solid #003386;
}

#logo 
{
	width: 550px;
	height: 60px;
	margin: 0 0 0 0; 
	display: block; 
}

#search_form
{
	position: absolute;
	bottom: 17px; right: 15px;
	width: 220px;
}

#search_form label { display: block; font-weight: bold; color: #FFF; margin-bottom: 8px;}

#search_form_text { width: 190px; float: left; }
#search_form_submit { float: left; }


/* =navigation
--------------------------------------------------------------------------*/


#navigation li { padding: 0 35px 0 0; display: inline; float: left; }

#navigation li a
{
	font-family: "Trebuchet MS", Tahoma, Arial; font-size: 1.25em; font-weight: bold; color: #727171; 
	text-decoration: none;
}
#navigation li.tour a { color: #bfbfbf !important; }
#navigation li a:hover, #navigation li a.active, #navigation li.tour a:hover { color: #ff8e00 !important; }

#navigation li.help { width: 150px; text-align: right; float: right; clear: none; padding-top: 0px; }
#navigation li.help a span { color: #727171; text-align: right; }
#navigation li.help a:hover span, #navigation li.help a.active span { display: block; color: #ff8e00; }
#navigation li.help a  
{
	width: 150px; 
	height: 19px;
	padding-right: 27px;
	clear: none; 
	display: block; 
	background: url(/img/buttons/help.gif) right 0 no-repeat;
}
#navigation li.help a:hover, #navigation li.help a.active { text-indent: 0; background: url(/img/buttons/help.gif) right -19px no-repeat;
 }

/* =contentcontainer
--------------------------------------------------------------------------*/

#contentcontainer-inner { background-color: #FFF; }


/* =p-content
--------------------------------------------------------------------------*/


/* My Channels + CT Channels + Provider Channels */

h2 .count { color: #898B88; }

#mychannels, #providerchannels { float: left; }
#mychannels li, #categories li, #providerchannels li { margin: 0 25px 14px 0; padding: 10px 0; float: left; width: 260px; list-style: none; border: 1px solid #EDEDED; background-color: #F6F6F6; }
#mychannels li.alt, #categories li.alt, #providerchannels li.alt { margin-left: 1px; margin-right: 0; }

#mychannels .vthumb-l, #mychannels .vthumb-r, 
#categories .vthumb-l, #categories .vthumb-r,
#providerchannels .vthumb-l, #providerchannels .vthumb-r { float: left; display: block; }

#mychannels .vthumb-l img, #mychannels .vthumb-r img, 
#categories .vthumb-l img, #categories .vthumb-r img 
#providerchannels .vthumb-l img, #providerchannels .vthumb-r img { border: none; }

#mychannels .vthumb-l,
#categories .vthumb-l,
#providerchannels .vthumb-l
{ margin: 8px 0 8px 18px; }

#mychannels .vthumb-r,
#categories .vthumb-r,
#providerchannels .vthumb-r
{ margin: 8px 0 8px 15px; }

#mychannels h3, #categories h3, #providerchannels h3 { margin: 4px 18px; color: #8B8B8B; }
#mychannels h3 a, #categories h3 a, #providerchannels h3 a { color: #FF8D06; border-bottom: 1px dotted #9D9D9D; text-decoration: none; margin: 0 0 2px 0; display: inline-block; }
#mychannels h3 a:hover, #categories h3 a:hover, #providerchannels h3 a:hover { border-bottom: 1px solid #de7c01; color: #de7c01; text-decoration: none; }

#mychannels p, #categories p, #providerchannels p { margin: 6px 18px; color: #8B8B8B; }

#mychannels .delete { margin: 0 18px; padding: 0 0 0 20px; background: url(/img/videomanagement/delete-channel.gif) no-repeat 0 45%; font-family: "Trebuchet MS", Tahoma, Sans-Serif; text-decoration: none; color: #6789C2; font-weight: bold; }
#mychannels .delete:hover { color: #C9115B; }

#categories li { background-color: #ecf9fe; border-color: #c5ecfa; }
#providerchannels li { background-color: #fff5f1; border-color: #fcd8cc; }


/* Videos List */

.videos { margin: 0 0 5px 0; float: left; }

.videos li.vid, #recentvideos li { margin: 0 0 10px 0; float: left; clear: left; position: relative; width: 550px; min-height: 106px; list-style: none; border-bottom: 1px solid #E3E3E3; }
.videos li.nounderline { margin-bottom: 0; border-bottom: none; }

.videos .info, #recentvideos .info { margin: 0 0 0 0; width: 416px; float: right; }

.videos h3, #recentvideos h3 { margin: 0; padding: 0; color: #8B8B8B; }
.videos h3 a, #recentvideos h3 a { color: #FF8D06; border-bottom: 1px dotted #9D9D9D; text-decoration: none; }
.videos h3 a:hover, #recentvideos h3 a:hover { border-bottom: 1px solid #de7c01; color: #de7c01; text-decoration: none; }

.videos p { margin: 2px 0; color: #8B8B8B; }
.videos p img { vertical-align: middle; }
.videos .data, #recentvideos .data { margin: 10px 0; }

.videos .actions_list { margin: 0; padding: 0 0 7px 0; clear: both; }
.videos .actions_list li { padding: 0; border: none; clear: none; }
.videos .actions_list a { border: none; color: #6789C2; font-size: 0.88em;  }
.videos .actions_list a:hover { border: none; }

.videos ol.actions_list li.edit_video a { padding: 0 0 0 20px; background-image: url(/img/videomanagement/right_arrow.gif); }

.videos .thumb, #recentvideos .thumb { display: block; float: left; }
.videos .thumb img, #recentvideos .thumb img { border: none; }
.videos .corner-overlay, #recentvideos .corner-overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 126px; height: 96px; background: url(/img/thumbnail_border/medium.gif) no-repeat top left; }

#recentvideos li { padding-left: 108px; min-height: 77px; border: none; } /* TODO: add height: 77px; to IE < 7 stylesheet */
#recentvideos .corner-overlay { width: 102px; height: 77px; background-image: url(/img/thumbnail_border/small.gif); }


/* Site Messages */

.sitemessage
{
	margin: 5px 0;
	padding: 5px;
	border-width: 2px;
	border-style: solid;
}

.deleted { padding-left: 28px; border-color: #ffb5b5; background: #ffdada url(/img/status_delete.gif) no-repeat 5px 50%; color: #e01e1e; } /* Shouldnt be mixing px and % */
.added, .edited { padding-left: 26px; border-color: #b4cce6; background: #edf3f9 url(/img/status_info.gif) no-repeat 5px 50%; color: #3c5ca3; }
.confirm strong { color: #c6125a; }


/* Secondary Navigation + Browse Menu */

.s-navigation, ol.browse-menu
{
	margin: 5px 0 2px 0;	  
	padding: 0;
	float: left;
	width: 500px;	
	list-style: none;		
}

.s-navigation li, ol.browse-menu li { padding-right: 5px; float: left; }

.s-navigation li a, ol.browse-menu li a
{
	position: relative;	
	display: block;	
	height: 24px;
	overflow: hidden; 
	cursor: hand;	
}

.s-navigation li#myvideos a span.button,
.s-navigation li#mycategories a span.button,
.s-navigation li#statistics a span.button,
.s-navigation li#moderation a span.button,
#by-category a span.button,
#by-member a span.button,
#by-tag a span.button
{
	position: absolute; top: 0; left: 0; 		
	display: block;		
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;	
}

.s-navigation li#myvideos a, .s-navigation li#myvideos a span.button { width: 93px; }
.s-navigation li#mycategories a, .s-navigation li#mycategories a span.button { width: 117px; }
.s-navigation li#statistics a, .s-navigation li#statistics a span.button { width: 86px; }
.s-navigation li#moderation a, .s-navigation li#moderation a span.button { width: 180px; }

.s-navigation li#myvideos a span.button { background-image: url(/img/videomanagement/myvideos_all.gif); }
.s-navigation li#mycategories a span.button { background-image: url(/img/videomanagement/mycategories_all.gif); }
.s-navigation li#statistics a span.button { background-image: url(/img/videomanagement/statistics_all.gif); }
.s-navigation li#moderation a span.button { background-image: url(/img/videomanagement/moderation_all.gif); }

.s-navigation li#myvideos a:hover span.button, 
.s-navigation li#mycategories a:hover span.button,
.s-navigation li#statistics a:hover span.button,
.s-navigation li#moderation a:hover span.button
{ background-position: 0 -24px; }

.s-navigation li#myvideos a.active span.button,
.s-navigation li#mycategories a.active span.button,
.s-navigation li#statistics a.active span.button,
.s-navigation li#moderation a.active span.button
{
	background-position: 0 -48px !important;
}

#by-category a, #by-category a span.button { width: 147px; }
#by-category a span.button { background-image: url(/img/browse/by_category.gif); }
#by-category a:hover span.button { background-position: 0 -24px; }
#by-category a.active span.button { background-position: 0 -48px !important; }

#by-member a, #by-member a span.button { width: 83px; }
#by-member a span.button { background-image: url(/img/browse/by_member.gif); }
#by-member a:hover span.button { background-position: 0 -24px; }
#by-member a.active span.button { background-position: 0 -48px !important; }

#by-tag a, #by-tag a span.button { width: 54px; }
#by-tag a span.button { background-image: url(/img/browse/by_tag.gif); }
#by-tag a:hover span.button { background-position: 0 -24px; }
#by-tag a.active span.button { background-position: 0 -48px !important; }


/* Important Actions */

ol.actions_list {
	margin: 0 0 0.75em 0;
	float: left;
	width: 100%;	 
}

ol.actions_list li {
	margin: 0 10px 0 0;         
	padding: 0;
	float: left;
	display: inline;  
}

ol.actions_list h3 { margin: 0; }

ol.actions_list li a {
   padding: 0 0 0 26px;
   display: block;
   float: left;   
   background-position: 0 45%;
   background-repeat: no-repeat;   
   color: #6789C2;
   text-decoration: none;
}

ol.actions_list li.upload_video a { background-image: url(/img/buttons/upload.gif); }
ol.actions_list li.upload_video a:hover { color: #EE7D53; }

ol.actions_list li.flagged_videos a { background-image: url(/img/buttons/flagged.gif); }
ol.actions_list li.flagged_videos a:hover { color: #C41359; } 

ol.actions_list li.add_category a { background-image: url(/img/buttons/add_channel.gif); }
ol.actions_list li.add_category a:hover { color: #EE7D53; } 

ol.actions_list li.edit_video a, ol.actions_list li.edit_category a { background-image: url(/img/buttons/arrow.gif); }
ol.actions_list li.edit_video a:hover, ol.actions_list li.edit_category a:hover { color: #EE7D53 !important; } 

ol.actions_list li.remove_video a { padding: 0 0 0 20px; background-image: url(/img/videomanagement/delete-channel.gif); }
ol.actions_list li.remove_video a:hover { color: #C41359 !important; } 

ol.actions_list li.moderate_video a { padding: 0 0 0 20px; background-image: url(/img/videomanagement/moderate_arrow.gif); }
ol.actions_list li.moderate_video a:hover { color: #60A75C !important; }

ol.actions_list li.delete_category a { background-image: url(/img/buttons/remove.gif); }
ol.actions_list li.delete_category a:hover { color: #C41359 !important; }

ol.actions_list li.start_search a { background-image: url(/img/buttons/approve.gif); }
ol.actions_list li.start_search a:hover { color: #60A65D !important; }


/* Orderby */

h2.orderby, h2.filterby { float: left; border-bottom: none; }
#filter_list, #order_list { margin: 0.75em; padding: 0; float: left; display: inline; width: 400px; }
#filter_list li, #order_list li { margin-right: 5px; display: inline; }
#filter_list li h3, #order_list li h3 { margin: 0; display: inline; color: #6888C1; }
#filter_list li a, #order_list li a { margin-right: 5px; color: #6888C1; font-size: 1.14em; text-decoration: none; }
#filter_list li a:hover, #filter_list li a.active, #order_list li a:hover, #order_list li a.active { color: #FE8E00; }

#alpha_list { margin: 0; padding: 10px; border: 1px solid #FFD49D; border-left: none; border-right: none; background-color: #FFF5E8; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 1.17em; }
#alpha_list li { margin: 0; padding: 0 10px 0 0; display: inline; }
#alpha_list a { color: #6789C3; }
#alpha_list .selected { color: #FF8D00; font-weight: bold; }


/* Video Detail */

.ctchannels { border: 1px solid #c5ecfa; background-color: #ecf9fe; margin-bottom: 12px; }

.mychannels {
    border: 1px solid #EDEDED; background-color: #F6F6F6; width: 256px;
    float: left;
}

.sameline .form_mychannels li, .sameline .form_ctchannels li {
    width: 250px;    
}

.form_mychannels 
{
	float: left;
    width: 254px;
    border: 1px solid #EDEDED; background-color: #F6F6F6;     
}

.form_mychannels input, .form_ctchannels input {
   float:left;
   margin: 4px 6px 0 6px;
}

.form_mychannels ol , .form_ctchannels ol 
{
	width: 250px;
    padding: 4px 0 6px 0;
}

.sameline .form_mychannels li, .sameline .form_ctchannels li {
    margin-bottom: 2px;
}

.mychannels label {
    margin-left: 5px;
}

.ctchannels h3, .ctchannels ol, .ctchannels li, .mychannels h3, .mychannels ol, .mychannels li {
    padding: 0; margin:0;
}

.form_ctchannels li label, .form_mychannels li label { width: 210px; }

.form_mychannels p { margin: 5px; }

.ctchannels h3, .mychannels h3 {
    font-family:Tahoma,"Trebuchet MS",Arial;
    font-size:1em; margin: 10px; color:#8B8B8B;
}

.ctchannels ol, .mychannels ol {
    margin: 0 10px 10px 10px;    
}

.ctchannels li, .mychannels li {
    list-style-type: none;
    }

.ctchannels a { color:#8B8B8B; }
.ctchannels a:hover { text-decoration: none; }


.form_ctchannels {
    border: 1px solid #c5ecfa; background-color: #ecf9fe; 
    float:left;
    width: 254px;
}
 
 .mychannels, .stats {
    margin-bottom: 9px;
    color:#8B8B8B;
    padding-bottom: 4px;
 }
 
 
 
#update_categories {
    margin: 0px 9px 5px 9px;
}
 
 

.star-rating {
    width: 307px;
    margin-bottom: 13px;
    clear:both;
    background: #FFF5EA url(/img/orange-top-big.gif) top left no-repeat;
    float:left;
    padding: 5px 0;
    position: relative;
    
}

.star-rating .bottom {
    width: 307px;
    background: #FFF5EA url(/img/orange-bottom-big.gif) top left no-repeat;
    display: block;
    height: 5px;
    overflow: hidden;
    position: absolute;
    bottom:0;
    left: 0;
}

.star-rating p {
    float:left;
    display: block;
    margin-top: 8px;
    color:#8B8B8B;
}

.star-rating .title {
    margin-left: 25px;
}

.star-rating ul
{
	list-style: none;
	margin: 0px 5px;
	padding: 0px;
	width: 150px;
	height: 30px;
	position: relative;
	background: #FFF5EA url(/img/star_rating.gif) top left repeat-x;
	float:left;
}
.star-rating li
{
	padding: 0px;
	margin: 0px; 
	float: left;
    text-indent: -9000px;
}
.star-rating li a
{
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover
{
	background: url(/img/star_rating.gif) left center;
	z-index: 2;
	left: 0px;
}
.star-rating a.star-1
{
	left: 0px;
}
.star-rating a.star-1:hover
{
	width: 30px;
}
.star-rating a.star-2
{
	left: 30px;
}
.star-rating a.star-2:hover
{
	width: 60px;
}
.star-rating a.star-3
{
	left: 60px;
}
.star-rating a.star-3:hover
{
	width: 90px;
}
.star-rating a.star-4
{
	left: 90px;
}
.star-rating a.star-4:hover
{
	width: 120px;
}
.star-rating a.star-5
{
	left: 120px;
}
.star-rating a.star-5:hover
{
	width: 150px;
}
.star-rating li.current-rating
{
	background: url(/img/star_rating.gif) left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

#video-detail h2.actions_list {
    border-bottom: 0;
}

#video-detail dt {
    font-weight: bold; padding-right: 5px;
}

#video-detail dl.channels dt {
    display: block;
    margin-bottom: 0.5em;
}

#video-detail dt, #video-detail dd {
    display: inline; margin:0px;
}

#video-detail span, h1 .video_length {    
    color: #8B8B8B;
}

#video {
    margin: 5px 0 10px 0;
}

.tags h4 {
    color:#8B8B8B;
}

.tags h4, .tags ul, .tags li {
    display: inline;
    margin: 0; padding:0;
}

.tags li {
    margin-left: 5px;
}

#video-detail { margin: 0 0 0 0; float: left; clear: both; width: 550px; }

#video-detail-content {
    border-top: 1px solid #ebebeb;
    padding-top: 10px;
}

#video-detail-content .lhs{
    width: 310px;
    float:left;
}

#video-detail-content .rhs{
    width: 214px;
    float:right;
}

#video-detail-content .stat {
    margin:0 0 10px 0;
    display: inline;
    width: 94px;
    background: #FFF5EA url(/img/orange-bottom.gif) no-repeat bottom left;
    float:left;
     text-align: center;
     padding: 0 0 10px 0;
     color:#8B8B8B;
}

#video-detail-content .date, #video-detail-content .views {
    margin:0 13px 10px 0;
}

#video-detail-content .views {
    margin:0 12px 10px 0;
}

#video-detail-content .views {
}

#video-detail-content .stat h4 {
    margin: 0; margin-bottom: 2px; padding-top:8px;
   color:#8B8B8B;
   background: #FFF5EA url(/img/orange-top.gif) no-repeat top left;
}



#video-detail-content .summary {
    width: 310px;
    color:#8B8B8B;
    clear: both;
 }
 
 #video-detail-content .ctchannels { 
        width: 214px; 
        }
        
 #video-detail-content .mychannels { 
        width: 214px; 
        }
        
#ipod_winner {
    float: right;
    width: 90px;
}

#ipod_winner p {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 3px;
}

.uploaded-by { margin-top: 10px; }
.uploaded-by a { color: #FF8C00; text-decoration: underline; }
.uploaded-by a:hover { color: #003386; text-decoration: none; }



/* Homepage -------------- */


#help img {
    border: 0;
}

#help {
    background: url(/img/help.gif) no-repeat top left;
   width: 326px; height: 97px;
    text-indent: -9999px;
    display: block;
}

#help:hover {
  background: url(/img/help_on.gif) no-repeat top left;
}


/* search results ----------*/

#sitesearch .searchcriteria {
    font-family:"Trebuchet MS",Arial;
    font-size:1.2em;
    color:#8B8B8B;
    margin-bottom: 12px;
}

#sitesearch .searchcriteria span {
    color:#003386;
}

#sitesearch .controls {
     border-top: 1px solid #ebebeb;
     border-bottom: 1px solid #ebebeb;
}

#sitesearch .overline {
     border-top: 1px solid #e3e3e3;
}

#sitesearch .underline {
     border-bottom: 1px solid #e3e3e3;
}

#sitesearch .controls .orderby, #sitesearch .controls #order_list {
    margin-top: 0;
}

#sitesearch #results {
    padding-top: 10px;
}


/* Sitemap */

.sitemap { margin: 0 0 0 1.5em; }
.sitemap li { padding: 0.25em 0; }
.sitemap a { color: #8B8B8B; text-decoration: none; }
.sitemap a:hover { text-decoration: underline; }
.sitemap ul { margin: 0.25em 0 0 2em; }


/* Profile */

.rightarrow { padding: 5px 0 7px 30px; background: url(/img/buttons/arrow.gif) no-repeat 0 50%; }
.rightarrow:hover { color: #EE7D53; }

/* Young Person */

.youngperson
{
	margin: 10px 0 0 0;
	float: left;
	clear: left;
	width: 500px;
	color: #8B8B8B;	
}

.youngperson dt { margin: 0 0 10px 0; float: left; clear: left; width: 130px; font-weight: bold; }
.youngperson dd { margin: 0 0 10px 0; float: left; width: 370px; }

.emailaddress { margin-top: 0; }
.emailaddress a { color: #8B8B8B; }
.emailaddress a:hover { text-decoration: none; }

.backto { padding: 10px 0 0 0; clear: both;  border-top: 1px solid #E3E3E3; }

/* Autocomplete */

.yui-ac { position: relative; float: left; z-index: 100; }

.yui-ac-container
{
	position: absolute;
	top: 76px;
	left: 0;
	width: 256px;	
	background-color: #ECF9FE;	
}

.abbr-course-title-autocomplete-container .yui-ac-container
{
	top: 1.75em;
}

.yui-ac-content { max-height: 140px; overflow: auto; }

.yui-ac-bd li
{
	margin: 0;
	padding: 5px;
	width: 229px;
}

.yui-ac-highlight
{
	background-color: #C5ECFA;
}

.dont-know-qan
{	
	margin: 5px 0 0 130px;
	float: left;	
	width: 200px;	
}

/*
#page-128 .dont-know-qan,
#page-162 .dont-know-qan 
{ margin-left: 0; }
*/

.dont-know-qan a { color: #41B9E5; font-weight: bold; font-size: 0.92em; }
.dont-know-qan a:hover { text-decoration: none; }

.course-list
{
	margin: 20px 0;
}

.course-list table { margin: 0; list-style-type: disc; color: #8B8B8B; }

.course-list th { padding: 5px 0; text-align: left; color: #003386; border-bottom: 1px dashed #ccc; }
.course-list th.qual-title { width: 180px; }

.course-list th.qual-desc,
.course-list td.qual-desc,
.course-list th.a-body,
.course-list td.a-body
{ padding-left: 10px; width: 180px; }

.course-list td { padding: 4px 0; }

.course-list a { color: #FF8D06; }


/* =s-content
--------------------------------------------------------------------------*/

#s-content h2 {
    border-bottom: 0; margin-bottom: 0; 
}

#s-content h2.underline, #s-content #providerchannels { margin-left: 12px; }

/* Login */

.loginbox {	margin: 10px 0; background: url(/img/login/bottom.gif) no-repeat bottom left; padding-bottom: 20px; }

.loginbox h2 { margin: 0 !important; padding: 10px 9px 0 9px; border: none; background: url(/img/login/top.gif) no-repeat top left; }

#login_form { margin: 5px 0 0 0; padding:0; }

.username, .password, div.forgotten, div.register-interest { float:left; width: 135px; display: inline; color: #8B8B8B; }
div.register-interest { width: 250px; }
fieldset#register-interest { position: relative; }

.username { margin-right: 28px; margin-left: 11px; }

#login_form_check { margin-left: 12px; }

#login_form_text, #login_form_password, #interest_form_text, div.register-interest input { margin: 8px 0; padding: 2px; width: 135px; border: 1px solid #a4abb1; color: #908F8F; }
#interest_form_text, div.register-interest input { width: 240px; margin: 2px 0 8px 0; }
#login_form_submit {
    margin-right: 16px;
    float: right;
    width: 53px; height: 19px;    
    background: url(/img/login.gif) no-repeat top left;
    border: none;
    text-indent: -1000em;
    cursor: pointer;
}

#login_form_submit:hover { background: url(/img/login_on.gif) no-repeat top left; }

#login_form_check, #remember-me { float:left; display: inline; }

#login_form_check { margin-top: 1px; margin-left: 3px; }

.rememberme { margin-left: 8px; float: left; display: block; width: 240px; }
.rememberme #login_form_check { margin-top: 2px; }

#remember-me { margin-left: 5px; color: #8B8B8B; }
.forgotten { margin-left: 15px; color: #8A8C8B; }
.forgotten:hover { text-decoration: none; }

#detailvideos { float: left; }

#detailvideos li.vid 
{ 	
	margin: 0 0 10px 0;
	position: relative;
	float: left; 
	width: 326px; min-height: 78px;
	list-style: none;
}

#detailvideos .info
{
	margin: 0;
	float: right;
	width: 210px;	
}

#detailvideos h3 { margin: 0; color: #8B8B8B; }
#detailvideos h3 a { color: #FF8D06; border-bottom: 1px dotted #9D9D9D; text-decoration: none; }
#detailvideos h3 a:hover { border-bottom: 1px solid #de7c01; color: #de7c01; text-decoration: none; } 

#detailvideos p 
{ 
    margin: 6px 0; 
    color:#8B8B8B;
}

#detailvideos .data { margin: 10px 0; }

#detailvideos .thumb { display: block; float: left; }
#detailvideos .thumb img { border: none; }
#detailvideos .corner-overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 102px; height: 78px; background: url(/img/thumbnail_border/small.gif) no-repeat top left; }

#s-content #providerchannels .alt { margin-left: 0; }

.suggestions-pod
{
	background: url(/img/suggest_top.gif) no-repeat top left;	
}

.suggestions-pod .inside
{
	padding: 5px 18px 12px 18px;
	background: url(/img/suggest_bottom.gif) no-repeat bottom left; 
}

.suggestions-pod h2 { margin: 3px 0; width: 280px; font-size: 1.25em; }
.suggestions-pod h3 { margin: 1px 0 5px 0; color: #4CBEE8; }

.suggestions-pod ol { margin-top: 0; list-style: none; }
.suggestions-pod li { margin: 0 0 10px 0; }
.suggestions-pod li.last { margin-bottom: 0; }

.suggestions-pod label { margin: 0 0 3px 0; display: block; color: #8B8B8B; }

.suggestions-pod #name,
.suggestions-pod #member,
.suggestions-pod #suggestion
{	
	padding: 3px;
	width: 280px;
	border: 1px solid #B6BBC1;
}
.suggestions-pod select { width: 288px; padding: 1px; border: 1px solid #B6BBC1; }
.suggestions-pod select option { padding: 1px; }

.suggestions-pod .validation-summary,
.suggestions-pod .alert
{
	margin: 10px 0 0 0;
	padding: 5px;
}

.suggestions-pod .validation-summary { background-color: #FFEFEF; border: 1px solid #BF3B3B; color: #BF3B3B; }
.suggestions-pod .alert { background-color: #F0FFDF; border: 1px solid #539F00; color: #539F00; }




/* =footer
--------------------------------------------------------------------------*/

#footer ul { float: right; width: 400px; list-style: none; text-align: right; }
#footer li { display: inline; }
#footer a { color: #A0A0A0; text-decoration: none; }

#footer a.idaho { text-indent: -9999em; background: url(/img/idaho_sml.png) 0 4px no-repeat; width: 46px; display: inline-block; }

#footer a:hover { text-decoration: underline; }
#footer #copyright { float: left; width: 300px; }





/* Contact Page
-----------------------------------------------------------------------------*/
.special-projects {margin-top: -11px;}