/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img {
	height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

}

body 
{
    background: url("/images/watchKnowBackground2.png") no-repeat 49% 0 #FFF;
    font-family: Myriad-Pro, Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    line-height: 20px;
    color: #666;
}

#LanguageWrapper 
{
    width: 100%;
    background: url("/images/languageBackground.png") repeat-x;
    height: 33px;
    color: #FFF;
}

#LanguageWrapper a
{
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.clear 
{
    clear: both;
}

.socialMedia 
{
    float: right;
    margin-top: 7px;
    background-color: #f15a24;
    padding: 1px 5px 1px 5px;    
    font-weight: bold;
    display: inline;
}

.socialMedia p 
{
    float: left;
    margin-top: 3px;
    font-size: 12px;
}

.socialMedia a 
{
    margin: 4px 3px -2px 4px;
    float: left;
}

.languages 
{
    float: left;
    margin: 10px 0 0 10px;
}

.videoCount 
{
    float: left;
    margin: 10px 0 0 350px;
    text-align: center;
    font-weight: bold;
}

.languages a 
{
    color: #FFF;
}

#Header
{
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}

#Header #Logo 
{
    margin-top: 22px;
    float: left;
}
    
#Header #loginNav 
{
    color:#00abdf;
    text-align: right;
    float: right;
}

#Header .loggedin 
{
    color: #00abdf;
    float: right;
}

#Header #loginNav ul, #Header .loggedin ul 
{
    list-style-type: none;
    margin-top: 10px;
}

#Header #loginNav ul li, #Header .loggedin ul li
{
    display: inline;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
}

 #Header .loggedin ul li .userName 
 {
     font-weight: bolder;
 }

#Header #loginNav ul li a, #Header .loggedin ul li a
{
    text-decoration: none;
    color: #00abdf;
}

#Header #loginNav ul li a:hover, #Header .loggedin ul li a:hover 
{
    text-decoration: underline;
}

#navigationContainer 
{
    float: right;
}

#topNavigation 
{
   position: relative;
   top: 0;
   right: 0;
   float: right;
   margin: 10px 0 0 0;
   z-index: 1;
}

.navigationListPipe 
{
    float: left;
    color: #f15a24;
    font-size: 15px;
    font-weight: bold;

    margin: 0 13px 0 13px;
}

    
.navigationListDropdown 
{
   overflow: hidden;
}

.listItemTopCore, .listItemTopClassrooms, .listItemTopTools
{
   background: url("/images/mainNavDownArrow.png") no-repeat 100% 50% #FFF;
   padding-right: 20px;  
   cursor: pointer;
}

.dropDownListOn 
{    
    border-bottom: 1px solid #f15a24;
    border-left: 1px solid #f15a24;
    border-right: 1px solid #f15a24;
}

.dropDownList1, .dropDownList2, .dropDownList3 
{
    display: none;
    z-index: 100;
    position: absolute;
    top: 20px;
    background-color: #FFF;
    min-width: 134px;
}

.listItem 
{
    margin: 5px 0 5px 5px;
}

#LoginMaster 
{
    position: relative;
    top: 0;
    right: 0;
    z-index: 2;
}

#loginContainer 
{
    display: none;
    position: absolute;
    top: 31px;
    right: 0px;
    width: 380px;   
    height: 168px;
    border-radius: 5px;
    z-index: 2000;
    padding: 0 10px 0 10px;
    background: url("/images/transparent.png") 0 0 repeat #04aadf;
}

#loginContainer h4
{
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 0 10px;
    float: left;
}

#helpContainer 
{
    display: none;
    position: absolute;
    top: 31px;
    right: 0px;
    width: 800px;
    z-index: 2000;
    background: #04aadf;
    border: 1px solid #04aadf;
    border-radius: 5px;
    color: #FFF;
    padding: 10px;
    overflow: hidden;
}

    #helpContainer .header
    {
        background-color: #0071BC;
        font-weight: bold;
        border-radius: 5px;
        padding: 5px 10px;
    }

    #helpContainer a
    {
        display: block;
        color: #FFF;
        line-height: 26px;
        padding-left: 10px;
        text-decoration: none;
    }

    #helpContainer .leftCol
    {
        float: left;
        padding-left: 15px;
        width: 175px;
    }

    #helpContainer .rightCol
    {
        float: left;
        padding-left: 25px;
        width: 485px;    
    }
    
    #helpContainer .floatLeft 
    {
        margin-left: 10px;
    }


.formFieldContainer 
{
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
}

.formFieldContainer label, .formFieldContainer input
{
    float: left;
}

.formFieldContainer label 
{
    background-color: #0071bc;
    padding: 6px 20px 7px 20px;
    border-radius: 5px 0 0 5px;
    width: 85px;
}

.formFieldContainer input
{
    background-color: #FFF;
    padding: 6px 20px 8px 20px;
    border-radius: 0px 5px 5px 0px;
    color: #0071bc;
    font-size: 14px;
    border: 1px solid #FFF;
    width: 200px;
}

.rememberMeFieldContainer label, .rememberMeFieldContainer input 
{
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    float: left;
}

.goButtonContainer 
{
    margin-top: 5px;
}

.goButtonContainer a 
{
    color: #FFF;
    text-decoration: none;
    margin-left: 10px;
    font-size: 11px;
    font-weight: bold;
}

.goButtonContainer a:hover 
{
    text-decoration: underline;
}

.goButton 
{
    background-color: #f15a24;
    width: 35px;
    height: 28px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    font-weight: bold;
    font-family: Myriad-Pro, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    padding: 5px;
}

.closeButton
{
    float: right;
    background-color: #FFF;   
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;      
    border: none;
    font-weight: bold;
    font-family: Myriad-Pro, Arial, Helvetica, sans-serif;
    font-size: 10px;
    width: 25px;
    color: #f15a24;    
    z-index: 2001;
    margin-top: 7px;
}

.formFieldContainer a 
{
    color: #f15a24;
    font-size: 10px;
    text-decoration: none;
}

#LoginMessage .override 
{
    top: 33px;
    right: 0px;
    left: -24px;
    width: 300px;
    padding: 5px 5px 5px 5px;
}

#LoginMessage .override a
{
    font-size: 12px;
}
#LoginMessage .override a:hover
{
    font-size: 12px;
}

/*  ##################### Directory styles ############################### */

#LeftColumnWrapper 
{
    float: left;
    border: 1px solid #CCC;
    background-color: #f5f5f4;    

}


.RadTreeView_Vista .rtPlus, .RadTreeView_Vista .rtMinus 
{
    background: url("/images/iconSprite.png") 5px 10px no-repeat;
}

.treeview-padding 
{
    background-color: #f5f5f4;
    padding: 0px 10px 0px 10px;
}

.treeview-padding .title, 
.treeViewCommonCore .title,
.treeViewSubsite .title 
{
    color: #5c8727;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0 15px 0;
}

.treeViewCommonCore,
.treeViewSubsite 
{
     background-color: #f5f5f4;
     border-top: 1px solid #ccc;
}

.RadTreeView .rtHover .FavoritesTreeNode,
.RadTreeView .rtHover .FavoritesTreeNodeMatch,
.RadTreeView .rtSelected .FavoritesTreeNode,
.RadTreeView .rtSelected .FavoritesTreeNodeMatch {
	margin-left: -1px !important;
}
.RadTreeView_Vista .rtHover .FavoritesTreeNode,
.RadTreeView_Vista .rtHover .FavoritesTreeNodeMatch {
    color:#00ABDF !important; 
}

.RadTreeView_Vista .rtSelected .FavoritesTreeNode,
.RadTreeView_Vista .rtSelected .FavoritesTreeNodeMatch { 
    color:#00ABDF !important; 
}


/**************************************************************************************************************
  RadTreeView
 **************************************************************************************************************/

.RadTreeView_Vista {
    cursor:default;
    white-space:normal !important;
}

.RadTreeView_Vista .rtPlus {
    background: url("/images/iconSprite.png") -3px -24px no-repeat !important;
}

.RadTreeView_Vista .rtMinus {
    background: url("/images/iconSprite.png") -3px -2px no-repeat !important;
}

.RadTreeView .rtPlus, .RadTreeView .rtMinus 
{
    height: 15px !important;
    width: 15px !important;
    margin: 3px 3px 0 -18px !important;
}

.RadTreeView_Vista .rtLI {
   
    background-repeat: no-repeat !important;
    background-position:3px 6px !important;
}


/*** Category Tree ***/
.RadTreeView_Vista .CategoryTreeNode,
.RadTreeView_Vista .FavoritesTreeNode,
.RadTreeView_Vista .FavoritesTreeNodeMatch
{
    background-color: #f5f5f4 !important;
    background-image:none !important;
    border:none !important;
	color:#00abdf !important;
    font-weight: bold !important;
    font-family: Myriad-Pro, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;    
    line-height: 18px;
    padding-left: 0px;
    margin-left: -1px !important;
}

.RadTreeView .rtHover .CategoryTreeNode,
.RadTreeView .rtSelected .CategoryTreeNode {
	margin-left: 0px !important;
	padding: 3px 3px 3px 2px !important;
}
.RadTreeView_Vista .rtHover .CategoryTreeNode 
{
    background-color: #f5f5f4 !important;
    background-image:none !important;
    border:none !important;
    color:#0071BC !important;
    font-weight: bold !important;
    font-family: Myriad-Pro, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;    
    line-height: 18px !important;
    padding: 0px 0px 0px 0px !important;
    margin-left: -1px !important; 
}

.RadTreeView_Vista .rtSelected .CategoryTreeNode { 
    background-color: #f5f5f4 !important;
    background-image:none !important;
    border:none !important;
    color:#0071BC !important;
    font-weight: bold !important;
    font-family: Myriad-Pro, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;    
    line-height: 18px !important;
    padding: 0px 0px 0px 0px !important;
    margin-left: -1px !important; 
}

.RadTreeView .rtIn 
{
    padding: 0px !important;
     margin-left: -1px !important; 
}

/*** Subsite Category Tree ***/
.RadTreeView_Vista .SsCategoryTreeNode {
    background-color: #f5f5f4 !important;
    background-image:none !important;
    border:none !important;
	color:#00abdf !important;
    font-weight: bold !important;
    font-family: Myriad-Pro, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;  
    padding: 0px 0px 0px 0px !important;
    margin-left: -1px !important;
}

.RadTreeView .rtHover .SsCategoryTreeNode,
.RadTreeView .rtSelected .SsCategoryTreeNode {
	 margin-left: -1px !important; 
}
.RadTreeView_Vista .rtHover .SsCategoryTreeNode {
    color:#0071BC !important; 
}

.RadTreeView_Vista .rtHover .rtIn, .RadTreeView_Vista .rtSelected .rtIn 
{
    border: none !important;
    color: #0071BC !important;
     padding: 0px 0px 0px 0px !important;
}

.RadTreeView_Vista .rtSelected .SsCategoryTreeNode { 
    color:#0071BC !important;
}


/* footer */

#topFooterWrapper 
{
    background: url("/images/footerBackground.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    height: 137px;
    width: 100%;
}

#topFooterWrapper .footerLogo 
{
    margin: 50px 0 0 0;
    float: left;
}

#topFooterWrapper .contestsLogo 
{
    margin: 22px 0 0 0;   
}

#topFooterWrapper a 
{
    float: right;
}

#bottomFooterWrapper .footerLeft 
{
    float: left;
    color: #f15a24;
    font-weight: bold;    
    margin: 10px 0 10px 0;
}

#bottomFooterWrapper .footerRight 
{
    float: right;
    font-weight: bold;
    margin: 10px 0 10px 0;
    color: #00abdf;
}

#bottomFooterWrapper .footerLeft ul li 
{
    display: inline;   
}

#bottomFooterWrapper .footerLeft ul li a
{
    text-decoration: none;
    color: #f15a24;
}

#bottomFooterWrapper .footerLeft ul li a:hover 
{
    text-decoration: underline;
}

#bottomFooterWrapper .footerRight a
{
    text-decoration: none;
    color: #00abdf;
}

#bottomFooterWrapper .footerRight p a:hover 
{
    text-decoration: underline;
}

a.VideoTitle, a.SubsiteTitle, .SubsiteTitle
{
    color: #f15a24;
    font-family: Myriad-Pro, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

a.SubsiteTitle, .SubsiteTitle 
{
    margin-right: 15px;
}

a.VideoTitle:hover, a.SubsiteTitle:hover
{
    color: #f15a24;
    font-family: Myriad-Pro, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration:underline !important;
}

.SiteSearchWrapper 
{
    background: url("/images/searchContainerBackground.png") 0 0 repeat-x #00abdf;
    position: relative;
    top: 0;
    height: 44px;
    width: 100%;
    border-radius: 5px 5px 0 0;
    
}

#searchAgeRangeContainer 
{
    float: left;
}

#searchAgeRangeContainer .ageLabel 
{
    background-color: #0071bc;
    height: 27px;
    border-radius: 5px 0 0 5px;
    float: left;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    margin: 8px 0 8px 12px;
    text-align: center;
}

#searchAgeRangeContainer .ageLabel p 
{
    margin: 4px 10px 0 10px;
}

#searchAgeRangeContainer .ageRangeLabel 
{
    float: left;
    height: 27px;
    border-radius: 0 5px 5px 0;
    background-color: #f15e23;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    margin: 8px 0 8px 0;
    cursor: pointer;
}

#searchAgeRangeContainer .ageRangeLabel p 
{
    margin: 4px 20px 0 20px;
}
#searchAgeRangeContainer .ageRangeLabel p input 
{
    border: 0; 
    color: #FFF; 
    background-color: #F15E23; 
    width: 55px; 
    font-weight: bold; 
    font-size: 15px;
    text-align: right;
    cursor: pointer;
}

.ageRangeSlider 
{
    position: absolute;
    top: 32px;
    left: -999999px;
    width: 215px;   
    height: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    background-color: #FFF; 
    border: 2px solid #f15a24;

    padding: 10px;
}


.SiteSearchWrapper .searchField
{
    float: left;    
    width: 314px;   
}

.searchBar
{
    color:#00abdf;  
    font-size: 15px;
    font-weight: bold;  
    height:24px;
    width: 300px;
    border-radius: 5px;
    border-top: 1px solid #0071bc;
    border-bottom: 1px solid #0071bc;
    border-left: 1px solid #0071bc;
    border-right: 1px solid #FFF;
    background: url("/images/iconSprite.png") 281px -40px no-repeat #FFF;
    margin: 7px 0 0 25px;
    padding-left: 5px;
}

.searchFieldSubmit 
{
    float: left;    
    margin: 8px 0 0 14px;
}
.SearchAgeRangePopup 
{
    position: absolute;	
    width: 200px;
    background-color: #00ABDF;
    border: solid 3px #0071BC;
    padding: 10px;
    z-index: 1000;
    font-size: 14px; 
    color: #FFF;
}
	
#DonateWrapper {
	float: right;	
	padding-top: 9px;
	padding-right: 10px;
}

#DonateWrapper a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;	
	display: block;
	height: 26px;
	width: 75px;
	line-height: 27px;
	text-align: center;
	background-color: #0071bc;
	border: solid 1px #015186;
	border-radius: 5px 5px 5px 5px;
}

#DonateWrapper a:hover {
	border: solid 1px #fff;
}

#AddVideoWrapper 
{
    float: right;
    padding: 0;
    margin: 9px 11px 0 0;
}

.SubVideoTitle 
{
    color: #666666;
    font-size: 12px;
}

.SubVideoTitle a 
{
    color: #00ABDF;
    text-decoration: none;
}

.videoFrom 
{
    color: #00ABDF;    
}

.videoSource, .videoProducer, .ageRange 
{
    color: #00abdf;
}

.VideoDetail 
{
     border-bottom: 1px solid #CCC;
     padding: 5px;
     margin-bottom: 10px;
}

.VideoDetail a.smallOrangeText
{
    text-decoration: none;
}

.videoThumbnailContainer, .videoContentContainer
{
    float: left;
}

.videoContentHeader 
{
    width: 100%;
}

.videoContentHeader h3 
{
    max-width: 550px;
    float: left;
}

.videoContentHeader .checkedImage 
{
    float: right;
    text-align: right;
}

.videoThumbnail 
{
    width: 132px;
    height: 100px;
    margin-top: 6px;
    background: url("/images/defaultVideo.png") 0 0 no-repeat;
    z-index: -1;
}

.videoThumbnail a 
{
	cursor: pointer;
	width: 132px;
	height: 100px;
	display: block;
}

.videoRatings, .videoAgeRange, .videoViews .graytext, .videoAges
{
    margin-top: 5px;
    font-size: 11px;
}

.graytext
{
	color: #666;	
    font-size: 13px;
    line-height: 20px;
}

.smallOrangeText 
{
    color: #F15A24;
    font-size: 13px;
    line-height: 20px;
}
    

.videoAgeRange .graytext, .videoViews .graytext, .videoAges
{
    color: #00ABDF;
}
.smallgraytext 
{
	color: #666;
	font-size: 11px;
}
.smallbluetext, .smallbluetext a, .smallgraytext a
{
	color: #00ABDF;
	font-size: 11px;
}

.bluetext, .bluetext a
{
  	color: #00ABDF;
	font-size: 12px;
	cursor: pointer;
}

.videoInfoContainer 
{
    padding-left: 10px;
    line-height: 18px;
}

.VideoDetailLabel 
{
    font-size: 11px;
    line-height: 15px;
    margin-top: 10px;
}

.postedby
{
	display:none;
    font-size: 11px;    
    color: #00abdf; 
    line-height: 15px;
}

.postedby a
{
    font-size: 11px;    
    color: #00abdf; 
    text-decoration: underline;
    line-height: 15px;
}

#DefaultPageTabsContainer 
{
    display: none;
}

.ImageMap
{
    background-image: url("/images/transparent.png"); /* Fixes IE clear link background problem */
    display: block;
    position: absolute;
}

#searchFieldClear 
{
    top: 12px;
    left: 490px;
    width: 22px;
    height: 18px;
    cursor: pointer;
}

.embedButtons
{
   width: 50px;
   z-index: 100;
}

*+html .embedButtons {
   width: 175px;
}

*+html .embedButtons .editButtonCell
{
   padding-left: 7px !important;
   padding-right: 7px !important;
   width: 50px;
}


/*
navigation.css
*/

ul#navigationMenu, ul#navigationMenu ul
{
	margin:0;
	list-style: none;
	padding:0;
}
ul#navigationMenu ul
{
	display:none;
	position:absolute;
	right: -13%;
	top:100%;
	background-color:#00abdf;
	padding:0 10px 10px;
	border: none;
	border-radius: 0 0 5px 5px;
}
ul#navigationMenu li:hover>*
{
	display:block;
}
ul#navigationMenu li
{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
}
ul#navigationMenu li:hover
{
	z-index:1;
}
ul#navigationMenu
{
	font-size: 0;
	z-index:99;
	position:relative;
	display:inline-block;
	display:inline;
}
ul#navigationMenu>li
{
	margin:0;
}
* html ul#navigationMenu li a
{
	display:inline-block;
}
ul#navigationMenu a:active, ul#navigationMenu a:focus
{
    outline-style:none;
}
ul#navigationMenu a 
{
	display:block;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	font-size: 15px;
	color:#f15a24;
	cursor:pointer;
	padding:10px 10px 10px 0;
	background-color:#FFFFFF;
}
ul#navigationMenu ul li 
{
	float:none;
	margin:10px 0 0;
}
ul#navigationMenu ul a
{
	text-align:left;
	padding:4px;
	background-color:#00abdf;
	font-size:15px;
	color:#fff;
	text-decoration:none;
}
ul#navigationMenu li:hover>a ,ul#navigationMenu a.pressed
{
	background-color:#FFFFFF;
	color:#f15a24;
	text-decoration:none;
}
ul#navigationMenu img
{
	border:none;
	vertical-align:middle;
	margin: 3px 0 0 10px;
	float: right;
}
ul#navigationMenu img.over
{
	display:none;
}
ul#navigationMenu li:hover > a img.def
{
	display:none;
}
ul#navigationMenu li:hover > a img.over
{
	display:inline;
}
ul#navigationMenu li a.pressed img.over
{
	display:inline;
}
ul#navigationMenu li a.pressed img.def
{
	display:none;
}
ul#navigationMenu span
{
	display:block;
	overflow:visible;
	padding-left:0px;
}
ul#navigationMenu li:hover>a,ul#navigationMenu li>a.pressed
{
	background-color:#FFFFFF;
	color:#f15a24;
	text-decoration:none;
}
ul#navigationMenu ul li:hover>a,ul#navigationMenu ul li>a.pressed
{
	background-color:#0071BC;
	color:#FFF;
	text-decoration:none;
}

ul#navigationMenu li.pipe 
{
    display:block;
	vertical-align:middle;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	font-size: 17px;
	color:#f15a24;	
	padding:5px;
	background-color:#FFFFFF;
}

ul#navigationMenu li.topfirst .topLink 
{
    background: url("/images/iconSprite.png") 100% -150px no-repeat;	
    line-height: 18px;    
    padding-right: 22px;
}

/*  paging css */

.PagingBandContainer 
{
	padding: 10px;
	text-align:right;
}

.PagingBandCurrentPage 
{
    color:#fff;
    background-color: #00a1ce; 
    font-size:13px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border-radius: 7px;
	border: 1px solid #00a1ce;
	margin: 0 5px 0 5px;
}

.PagingBandPageLink 
{    
    font-size:13px;
	color: #00a1ce;
	cursor: pointer;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	border-radius: 7px;
	border: 1px solid #00a1ce;
	margin: 0 5px 0 5px;
}

.pagingText
{    
    font-size:13px;
	color: #00a1ce;
	cursor: pointer;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	margin: 0 5px 0 5px;
	letter-spacing: .75px;	
}

.pagingText:hover 
{
    text-decoration: underline;
}


.PagingBandPageSummary 
{
    font-size: 13px;
	color: #00a1ce;
}

.twitterIcon 
{
    width: 14px;
    height: 14px;
    background: url("/images/iconSprite.png") -3px -112px no-repeat;
    cursor: pointer;
}

.twitterIcon:hover 
{
    width: 14px;
    height: 14px;
    background: url("/images/iconSprite.png") -3px -134px no-repeat;
    cursor: pointer;
}

.facebookIcon 
{
    width: 14px;
    height: 14px;
    background: url("/images/iconSprite.png") -3px -68px no-repeat;
    cursor: pointer;
}

.facebookIcon:hover
{
    width: 14px;
    height: 14px;
    background: url("/images/iconSprite.png") -3px -91px no-repeat;
    cursor: pointer;
}

#FullWidthContainer 
{
    width:100%; 
    min-height: 575px;
}

#FullWidthContent
{
    clear: both;
    color: #707070;
    font-size: 13px;
    margin: 10px 0px 20px 8px;
}

#FullWidthContent .subheader 
{
    color: #04abe0;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px 6px 10px;
    line-height: 21px;
}

#FullWidthContent a, #FullWidthContainer a
{
    color: #00ABDF;
    font-size: 13px;
    text-decoration: none;
}

#FullWidthContent a:hover,#FullWidthContainer a:hover
{
    color:#00ABDF;    
    font-size:13px;
    text-decoration:underline;
}

#FullWidthContent b { font-size:13px; }

#FullWidthContent p
{
    padding: 0 15px 8px 10px;
    line-height: 18px;
}

#FullWidthContent ul 
{
    padding: 0 15px 8px 25px;
    list-style-position: outside;
    line-height: 18px;
}

#FullWidthHeader
{
    clear:both;   
    height:38px;
    line-height:49px;
    border-bottom: 7px solid #f15a24;
    margin-bottom: 10px;
}

#FullWidthHeader h2
{
    color:#f15a24;    
    font-size: 20px;
    margin: 0;
    padding: 0;
    
}

#ContentWrapper
{
    float:left; 
    width: 100%;
    margin: 10px 0 0 10px;
}

#ContentWrapper p 
{
    margin: 10px 10px 10px 5px;
}


.RadTabStripTop_Vista .rtsLI .rtsLink, .RadTabStripTop_Vista .rtsLevel , .RadTabStripBottom_Vista .rtsLevel .rtsLink, .RadTabStripBottom_Vista .rtsLevel , .RadTabStripTop_Vista_Baseline .rtsLevel, .RadTabStripBottom_Vista_Baseline .rtsLevel 
{
    background-color:#FFF !important;
    background-image:none !important;
}

.RadTabStripTop_Vista .rtsLI .rtsSelected
{
    background-color:#FFF !important;
}

.RadTabStripTop_Vista .rtsLI .rtsSelected .rtsTxt 
{
    font-weight:bold !important;
    color:#04a5dc !important;
    text-decoration:none !important;
}

.RadTabStrip .rtsLI a
{
    font-weight:bold !important;
    color:#04a5dc !important;
    text-decoration:none !important;
}	

.RadTabStrip .rtsLI
{
    border: none !important;
}

.RadTabStrip .rtsFirst
{
    border: none !important;
}

.rtsUL li
{
	width:125px !important;
	float: right !important;
}

.RadGrid_Vista .rgPagerCell 
{
    /*border-top:1px solid #cccccc !important;*/
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.RadGrid_Vista .rgPager 
{
    background:#FFF none repeat scroll 0 0 !important;
}

.RadGrid_Vista 
{
    border: none !important;
    color:#00abdf !important;
}

.RadGrid_Vista .rgPageFirst, .RadGrid_Vista .rgPageFirst:hover
{
    background-image:url("/images/arrowLeftStart.png") !important;
    background-repeat:no-repeat !important;
    height: 23px !important;
    width: 23px !important;
    background-position:top left !important;
    vertical-align:middle !important;
}


.RadGrid_Vista .rgPagePrev, .RadGrid_Vista .rgPagePrev:hover
{
    background-image:url("/images/arrowLeftPrev.png") !important;
    background-repeat:no-repeat !important;
    height: 23px !important;
    width: 23px !important;
    background-position:top left !important;
    vertical-align:middle !important;
}

.RadGrid_Vista .rgPageNext, .RadGrid_Vista .rgPageNext:hover
{
    background-image:url("/images/arrowRightNext.png") !important;
    background-repeat:no-repeat !important;
    height: 23px !important;
    width: 23px !important;
    background-position:top left !important;
    vertical-align:middle !important;
}

.RadGrid_Vista .rgPageLast, .RadGrid_Vista .rgPageLast:hover 
{
    background-image:url("/images/arrowRightEnd.png") !important;
    background-repeat:no-repeat !important;
    height: 23px !important;
    width: 23px !important;
    background-position:top left !important;
    vertical-align:middle !important;
}

.RadGrid_Vista .rgNumPart a:hover, .RadGrid_Vista .rgNumPart a:hover span, .RadGrid_Vista .rgNumPart a.rgCurrentPage 
{
    background-image: none !important;
}

.RadGrid_Vista .rgNumPart a.rgCurrentPage span 
{
    background-image:none !important;
    color:#FFF !important;
    background-color: #00abdf !important; 
    font-size:13px !important;
	font-weight: bold !important;
	padding: 1px 8px 1px 8px !important;
	border-radius: 5px !important;	
	margin: 1px 3px 0 3px !important;
	line-height: 19px !important;
	font-family: Myriad-Pro, Arial, Helvetica, sans-serif !important;
}

.RadGrid_Vista .rgNumPart a span 
{
    background-image:none !important;
    color:#00abdf !important;
    background-color: #FFF !important; 
    font-size:13px !important;
	font-weight: bold !important;
	padding: 1px 8px 1px 8px !important;
	border: 1px solid #00a1ce;
	border-radius: 5px !important;	
	margin: 1px 3px 0 3px !important;
	line-height: 19px !important;
	font-family: Myriad-Pro, Arial, Helvetica, sans-serif !important;
}

.RadGrid .rgNumPart a 
{
    padding: 0px !important;
}

.RadGrid .rgAdvPart 
{
    display: none;
}

.RadGrid_Vista .rgInfoPart 
{
    color:#666 !important;
    text-transform:uppercase !important;
}

.RadGrid_Vista .rgHeader, .RadGrid_Vista th.rgResizeCol, .RadGrid_Vista .rgHeader a
{
    background-image: none !important;
    background-color:#f47321 !important;
    border:none !important;
    color:#FFF !important;
    font-weight:bold !important;
    text-transform:uppercase !important;
    height:29px !important;
    margin:0 !important;
    padding:0 0 0 8px !important;
}

.RadGrid_Vista .rgRow td
{
    border: none !important;
}

.alternatingLeaderboardRow 
{
    background-color: #f1f5f6 !important;
}

.RadGrid_Vista .rgAltRow td 
{
    border: 1px solid #d0d0d0 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    background-color: #F5F5F4 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    padding: 5px 5px 5px 5px !important;
}

.RadGrid_Vista .rgRow td 
{
    font-size: 11px !important;
    line-height: 14px !important;
    padding: 5px 5px 5px 5px !important;
}

.RadGrid_Vista .rgEditRow td,
.RadGrid_Vista .rgEditForm 
{
    border: none !important;
    background-color: #F9E6E6 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    padding: 5px 5px 5px 5px !important;
}

.RadGrid_Vista .rgRow td a, 
.RadGrid_Vista .rgAltRow td a,
.RadGrid_Vista .rgEditRow td a,
.RadGrid_Vista .rgEditForm a 
{
    text-decoration: underline !important;
    color: #00ABDF !important;
}

.RadGrid_Vista .rgRow td .ChangeLogNotesAbbreviated td,
.RadGrid_Vista .rgAltRow td .ChangeLogNotesAbbreviated td,
.RadGrid_Vista .rgEditRow td .ChangeLogNotesAbbreviated td,
.RadGrid_Vista .rgRow td .ChangeLogBeforeAfter td,
.RadGrid_Vista .rgAltRow td .ChangeLogBeforeAfter td,
.RadGrid_Vista .rgEditRow td .ChangeLogBeforeAfter td,
.RadGrid_Vista .rgEditForm .ChangeLogBeforeAfter td,
.RadGrid_Vista .rgEditForm .ChangeLog td
{
    padding: 3px 3px 3px 3px !important;
}

.RadGrid_Vista .rgRow td .noborder, 
.RadGrid_Vista .rgAltRow td .noborder,
.RadGrid_Vista .rgEditRow td .noborder,
.RadGrid_Vista .rgEditForm td .noborder
{
    border:none !important;
    text-align: left !important;
}

.RadTabStrip .rtsUL 
{
    float: right !important;
}

#leaderboardToggle .rtsFirst
{
    /*display: none;*/
}

#leaderboardToggle .RadTabStripTop_Default .rtsLevel .rtsLink, 
#leaderboardToggle .RadTabStripTop_Default .rtsLevel .rtsOut, 
#leaderboardToggle .RadTabStripBottom_Default .rtsLevel .rtsLink,
#leaderboardToggle .RadTabStripBottom_Default .rtsLevel .rtsOut, 
#leaderboardToggle .RadTabStripTop_Default_Baseline .rtsLevel, 
#leaderboardToggle .RadTabStripBottom_Default_Baseline .rtsLevel 
{
    background-image: none;
}

.RadGrid_Vista .leaderboardTable .rgAltRow td,
.RadGrid_Vista .leaderboardTable .rgRow td
{
    padding: 7px 0 7px 0 !important;
}

#VideoBreadCrumbs
{
    color: #999;
    font-size: 12px;
    line-height: 18px;
    text-transform: capitalize;
}

#VideoBreadCrumbs a
{
    text-decoration: none;
    color: #999;
}

#VideoBreadCrumbs a:hover
{
    text-decoration: underline;
    color: #999;
}

#RightColumnHeader-Video
{
    margin: 10px 0 5px 0;
    border-bottom: 7px solid #f15a24;
}

#RightColumnHeader-Video h2
{
    color: #f15a24;    
    font-size: 24px;
    font-weight:normal;
    margin:0;
    padding:0;    
}

#VideoDetails 
{
    width: 100%;
    border-bottom: 1px solid #EEEFEF;
    margin-top: 10px;
}

#VideoTabsContainer 
{
    margin: 10px 0 10px 0;
}

.videoWrapper 
{
    float: left;
    display: block;
}

.videoWrapper .videoEmbed
{
    z-index: 1;
}

.videoWrapper p 
{
    margin: 7px 0 7px 0;    
    font-size: 11px;   
}

.videoWrapper .content img 
{
    margin-top: 40px;
}

.videoIcons 
{
    margin: 10px 0 10px 0;
    position: relative;
    top: 0;
	z-index: 100;	/* needed for ie7 */
	width: 178px;
}

.ratingsIconContainer 
{
    float: left;    
    margin-left: 20px;
}

.videoRatingContainer 
{
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    width: 145px;
    background-color: #eeefef;
    margin: 3px 0px 0px 0px;
}

.videoRatings p, .videoVote p 
{
    color: #b3b3b3;
    font-size: 15px;
    margin: 10px 0 0 10px;
}

/* per an email from bill, i'm decreasing the left-margin property here. if it is being used elsewhere we'll need a new style. */
.videoRatingStars 
{
    margin: 10px 0 0 5px;
}

.videoVote .InfoBubbleIcon 
{
    position: relative;
    top: 2px;
    left: 10px;
    z-index: 2;
}

.totalVideoViews 
{
    font-size: 18px;
    color: #7a7a7a;
    margin: 10px 0 0 5px;
}

.totalVideoViews span 
{
    color: #00ABDF;
}

.attention 
{
   background: none repeat scroll 0 0 #FFE6E6;
    border: 1px dotted #FF0000;
    color: #FF0000;
    display: block;
    margin: 0 0 10px;
    padding: 10px;
}

.errorButton
{
    padding: 5px;
    color: red;
    border: 1px dotted red;
    text-decoration: none;
    cursor: pointer;
    margin-right: 5px;
}

#divDeleteVideo
{ 
	background:#fff; 
	border:solid 5px red; 
	color:#666; 
	display:none; 
	padding:5px;
	position:absolute;
	z-index:1100 !important; 
}

.addToFavoriteIconWrapper 
{
   	background-color: #EEEFEF;
    border: 1px solid #B3B3B3;
    border-radius: 5px 0px 0px 5px;
    padding: 5px;
    width: 25px;
    height: 25px;
    float: left;
}

.addToClassroomIconWrapper 
{
   	background-color: #EEEFEF;
    border-top: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    border-left: none;
    border-radius: 0px 0px 0px 0px;
    padding: 5px 6px;
    width: 25px;
    height: 25px;
    float: left
}

.addToFeaturedIconWrapper 
{
   	background-color: #EEEFEF;
    border-top: 1px solid #B3B3B3;
    border-right: 0px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    border-left: none;
    border-radius: 0px 0px 0px 0px;
    padding: 5px;
    width: 25px;
    height: 25px;
    float: left
}

.flagVideoIconWrapper
{
   	background-color: #EEEFEF;
    border: 1px solid #B3B3B3;    
    border-radius: 0px 5px 5px 0px;
    padding: 5px;
    width: 25px;
    height: 25px;
	float: left;
	/*left: 108px;
	position: absolute;*/
}

.toolTipContainer 
{
    padding: 5px;
    min-width: 100px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    background-color: #00abdf;
    z-index: 200;
}

#VideoFavoritesInfo 
{
    display:none;
    position: absolute;
    top: -28px;
    left: 0px;    
}

#VideoClassroomInfo
{
    display:none;
    position: absolute;
    top: -28px;
    left: 27px;    
}

#VideoFeatured 
{
    display:none;
    position: absolute;
    top: -28px;
    left: 0px;    
	white-space: nowrap;
}
#VideoFeatured 
{
    display:none;
    position: absolute;
    top: -28px;
    left: 0px;  
}

#VideoFlagInfo
{
    display:none;
    position: absolute;
    top: -28px;
    right: 0px;    
}

#VideoAddToSubsiteButton
{
	cursor: pointer;
	float: left;	
	/*margin: 3px;*/
	background: url("/images/iconSprite.png") 1px -315px no-repeat;
	width: 25px;
	height: 25px;
}

	#VideoAddToSubsiteButton:hover
	{
		cursor: pointer;
		float: left;	
		/*margin: 3px;*/
		background: url("/images/iconSprite.png") 1px -547px no-repeat;
		width: 25px;
		height: 25px;
	}

/* used just for search result page */
.searchResultIconRow #VideoAddToSubsiteButton
{
	cursor: pointer;
	/*margin: 0px;*/
	background: url("/images/wkAddToClassroomButton.png") 0 0 no-repeat;
	width: 20px;
	height: 22px;
}

#VideoAddToSubsiteText,
#VideoFavoritesText,
.VideoFavoritesText,
#VideoEditText,
.VideoRemoveText,
#VideoFlagText 
{
    cursor: pointer;
}

#VideoFavoritesButton
{
	cursor: pointer;
	float: left;	
	/*margin: 3px;*/
	background: url("/images/iconSprite.png") 2px -285px no-repeat;
	width: 25px;
	height: 25px;
}

	#VideoFavoritesButton:hover
	{
		cursor: pointer;
		float: left;	
		/*margin: 3px;*/
		background: url("/images/iconSprite.png") 2px -515px no-repeat;
		width: 25px;
		height: 25px;
	}

#VideoAddToFeaturedVideosButton
{
	cursor: pointer;
	float: left;	
	margin: 1px;
	background: url("/images/iconSprite.png") 2px -800px no-repeat;
	width: 22px;
	height: 22px;
}

	#VideoAddToFeaturedVideosButton:hover
	{
		cursor: pointer;
		float: left;	
		/*margin: 3px;*/
		background: url("/images/iconSprite.png") 2px -822px no-repeat;
		width: 22px;
		height: 22px;
	}

	.VideoAdded
	{
		cursor: pointer;
		float: left;	
		/*margin: 3px;
		background: url("/images/iconSprite.png") 2px -844px no-repeat;*/
		background: url("/images/iconSprite.png") 2px -866px no-repeat;
		width: 22px;
		height: 22px;
	}

#VideoFlagButton
{
	cursor: pointer;
	background: url("/images/iconSprite.png") 8px -340px no-repeat #EEEFEF;
	width: 25px;
	height: 25px;
}

#VideoFlagButton:hover
{
	cursor: pointer;
	background: url("/images/iconSprite.png") 9px -571px no-repeat #EEEFEF;
	width: 25px;
	height: 25px;
}

#divFlagVideo,
#divAddFeaturedVideo
{
    background:#fff;
    border:solid 5px #00abdf;
    color:#666;
    display:none;
    padding: 15px;
    position:absolute;
    text-align:left;
    z-index:1100 !important;
}

#divFlagVideo label, #divFlagVideo select, #divFlagVideo input, #divFlagVideo a,
#divAddFeaturedVideo label, #divAddFeaturedVideo select, #divAddFeaturedVideo input, #divAddFeaturedVideo a 
{
    margin: 10px;
}

#divRemoveVideo
{
    background:#fff;
    border:solid 5px #00abdf;
    color:#666;
    display:none;
    font-family:Arial;
    font-size:12px;
    padding:5px;
    position:absolute;
    text-align:left;
    z-index:1100 !important;
}

#VideoDetails .subsiteEditRemove 
{
    position: relative;
}

#VideoDetails #divRemoveVideo 
{
    top: 40px;
    left: -17px;
}

#VideoDetails #divRemoveVideo select 
{
    width: 150px !important;
}

#pnlRateReminder 
{
    display: none;
}

.whitebground 
{ 
   background-color: White; 
   width: 99%;
}

.editlink
{
  	cursor: pointer;
	float: left;	
	background: url("/images/iconSprite.png") 0px -423px no-repeat;
	width: 25px;
	height: 25px;
}

.editlink:hover 
{
    background: url("/images/iconSprite.png") 0px -608px no-repeat;
}

.editlinkText 
{
    cursor: pointer;
	float: left;	
	color: #666;
	font-size: 11px;
	text-decoration: none;
	margin: 4px 20px 0 0;
}

.deletelinkText
{
    cursor: pointer;
	float: left;	
	color: #666;
	font-size: 11px;
	text-decoration: none;
	margin: 4px 0px 0 5px;
}

.videoIconsTable 
{
    width: 650px;
    margin: 10px 0 10px 0;
}

.videoIconsTable td
{
    padding: 10px 4px 10px 0;
}

.videoIconsTable img
{
    cursor: pointer;
    float: left;
}

.VideoRemoveText img
{
    cursor: pointer;
    float: left;
}

.editIconWrapper
{
   	background-color: #EEEFEF;
    border: 1px solid #B3B3B3;    
    border-radius: 3px;
    padding: 4px;
    width: 12px;
    height: 12px;
}

.historyIcon
{
  	cursor: pointer;
	float: right;	
	margin: 3px;
	background: url("/images/iconSprite.png") -1px -212px no-repeat;
	width: 35px;
	height: 25px;
}

.historyHeader 
{
   color: #f15a24;    
   font-size: 20px;
   border-bottom: 1px solid #EEEFEF;
   padding: 5px 0 5px 0;
   margin-bottom: 5px;
}

.commentsHeader
{
   color: #f15a24;    
   font-size: 20px;
   padding: 5px 0 5px 0;
   margin-bottom: 5px;
}

.commentsHeader span 
{
    color: #666;
    font-size: 11px;
}

.showlink 
{
    color: #666;
    font-size: 11px;
    cursor: pointer;
}


.orangeBorder
{
   border-top: 7px solid #F15A24;
   padding:  6px 0px 0px 0px;
   height: 7px;   
}
.bodyTextMargin 
{
	padding-bottom: 10px;
	display: block
}

.Simple.reWrapper 
{
    border:none !important;
}

.Simple.RadEditor 
{
    background-color: #FFF !important;
}

.Simple.RadEditor .reContentCell 
{
    border: 1px solid #EEEFEF !important;
}

.reToolbar li 
{
    background-image:none !important;
}

.RadEditor.reWrapper .reToolCell 
{
    background-color: #EEEFEF !important;
}

.commentButton 
{
    background: url("/images/blueButtonBackground.png") 0 0 repeat-x;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    width: 130px;
    border: none;
    border-radius: 3px;
    float: left;
    cursor: pointer;
}

.commentCheckBoxes 
{
    float: left;
    margin: 10px 0 0 15px;
}

#VideoCommentList {
	
}

.VideoCommentItem
{
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #EEEFEF; 
	border-top: 1px solid #EEEFEF; 
}

.VideoCommentItemAlternate 
{
   	margin: 10px 0 10px 0;
}    

.VideoCommentItem span a, .VideoCommentItemAlternate span a 
{
    color: #333;
    font-size: 14px;
    text-decoration: none;
    margin-right: 10px;
    font-weight: bold;
    text-transform: capitalize;
}

.VideoCommentItem span, .VideoCommentItemAlternate span 
{
    font-size: 10px;
}

.commentsText 
{
    margin: 15px 0 15px 0;
}

.commentsEditButton
{
    background: url("/images/iconSprite.png") -1px -423px no-repeat;
    width: 25px;
	height: 25px;
	cursor: pointer; 	
	float: left;
}

.commentsDeleteButton
{
    background: url("/images/iconSprite.png") -1px -456px no-repeat;
    width: 25px;
	height: 25px;
	cursor: pointer; 
	float: left;	
}

.commentsFlagButton
{
    background: url("/images/iconSprite.png") -1px -484px no-repeat;
    width: 25px;
	height: 25px;
	cursor: pointer; 
	float: left;	
}

.commentButtonRow 
{
    margin: 10px 0 15px 0;
}

.commentButtonRow a 
{
    text-decoration: none;
    font-size: 11px;    
}

.commentButtonRow a .buttonRowText 
{
    color: #666;
    text-decoration: none;
    margin: 5px 35px 0px 0px;
    float: left;
}
    
.sharedbox
{
    color:#00ABDF;
    background-color:#EEEFEF;
    border:0;
    font-size:12px;
    padding:5px;
}

.subheader, .subheader a
{
    color:#F15A24;    
    font-size: 20px;
    margin: 15px 0 0 0;
}

.ui-draggable
{
	cursor: move;
}

.InfoBubbleIcon {
    cursor:pointer;   
    position: relative;
    top: 1px;
    left: 0px;
}

.InfoBubble {
    cursor:pointer;
    border:5px solid #00ABDF;
    background-color:White;
    color: #666;
    padding:15px 15px 15px 25px;
    display:none;
    z-index:10000;
    position:absolute;
    white-space: normal;
    text-align: left;
}

.InfoBubble ul {
    margin:0px;
    padding:0px;
}

.InfoBubble li { padding-bottom:10px; }

.InfoBubble a {
    color:#00ABDF !important;
    line-height:18px !important;
    text-decoration:underline !important;
}

.InfoBubble a:hover {
    color:#0071BC  !important;
    line-height:18px !important;
    text-decoration:underline !important;
}

#RightColumnHeader
{
    border-bottom: 7px solid #F15A24;
}

#RightColumnHeader h2
{
    color: #F15A24;    
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0 5px 0;
    float: left;
}

#RightColumnHeader #headingIcons 
{
    float: right;
    margin: 15px 5px 5px 0;
}

#CategoryWrapper
{
    margin: 10px;
}

#CategoryWrapper p 
{
    margin: 10px 10px 10px 5px;
}

#VideoCategoryDetails .content 
{
    background-color: #f5f5f5;
    padding: 5px;
    margin: 5px 0 15px 0;
    border-top: 1px solid #ccc;
}

#VideoCategoryDetails h4 
{
    font-size: 18px;
    color: #5C8727;
    font-weight: bold;
    margin: 3px 0 5px 15px;
}

#VideoCategoryDetails .content .subcategory 
{
    margin: 4px 15px 5px 15px;        
}

#VideoCategoryDetails .content .subcategory li
{  
    background-color: #e6e6e6;
    padding: 1px 10px 1px 10px;
    border-radius: 5px;
    margin: 0 10px 5px 0;
    float: left;
    list-style-type: none;
    list-style-position: outside;
}

#VideoCategoryDetails .content .subcategory li a 
{
    color: #00ABDF;
    text-decoration: none;
    font-size: 14px;
    line-height: 25px;
}   

#VideoCategoryDetails .content .subcategory li a:hover 
{
    text-decoration: underline;
}

.iconText 
{
    font-size: 10px;
    color: #666;
    float: left;
    margin: 0 10px 0 5px;
    cursor: pointer;
}
    
.toggleVideoContainer 
{
    border-bottom: 1px solid #CCC;
    width: 100%;
    float: right;
}    

.toggleVideoContainer select 
{
    position: relative;
    top: 0;
    left: 599px;
    opacity: 0;
    width: 140px;
    cursor: pointer;
}

.toggleVideoContainer select option 
{
    line-height: 15px;
    padding: 3px;
}

.toggleVideoContainer span
{
    float: right;
    font-size: 13px;
    font-weight: bold;
    color: #F15A24;
    cursor: pointer;
    border: none;
    background: url("/images/iconSprite.png") no-repeat scroll 110px -159px transparent;
    width: 130px;
    cursor: pointer;
}

.commentContainer .buttonRow input
{
    margin: 10px 5px 0 0;
}

.commentContainer a, #VideoCommentsPostForm a 
{
    color: #00ABDF;
    text-decoration: underline;
}

.commentContainer a:hover, #VideoCommentsPostForm a:hover 
{
    color: #0071BC;
}

.subsiteWrapper 
{
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.subsiteWrapper .smallOrangeText 
{
    text-decoration: none;
}

.subsiteWrapper .linkButton 
{
    color: #00ABDF;
    text-decoration: none;
}

.subsiteWrapper .linkButton:hover 
{
    text-decoration: underline;
}

.RadUpload_Telerik .ruButton, .RadUploadProgressArea_Telerik .ruButton
{
  background-image: url("/images/orangeButtonBackground.png") !important;
  background-repeat: repeat !important;
  background-position: 0 0 !important;
  color: #FFF !important;
  border: 1px solid transparent !important;
  height: 27px !important;
  padding: 5px !important;
  border-radius: 5px !important;    
} 

.orangeButton
{
    background: url("/images/orangeButtonBackground.png") 0 0 repeat;
    border-radius: 5px;
    color: #FFF;
    border: 1px solid transparent;
    height: 27px;
    padding: 5px;    
    font-size: 13px;
    cursor: pointer;
}

/* -- Upload Video -- */
     
#UploadForm {
    width: 100%; 
}
        
.UploadFormLabel {
    width: 200px; 
    text-align: left;
    vertical-align: top; 
}
        
.CurrentCategory {
	color: #00ABDF;
	cursor: pointer;
}
		
.CategoryTreeContainer {
	position: absolute; 
	border: solid 1px #000000; 
	width: 400px; 
	height: 200px; 
	overflow: scroll; 
	background: #ffffff; 
	z-index: 7000;
	display: none;
}		
		
.RadUpload .ruFileInput	{
	width: 500px !important;        
}
		
.RadUpload .ruFakeInput {
	width: 420px !important;
}
		
.RadUploadProgressArea {
    height: auto !important;
    width: 505px !important;
    visibility: visible !important;
}
		
.RadUploadProgressArea .ruProgress li.ruCurrentFile {
	line-height: 17px;
	margin-bottom: 15px !important;
}
        
.videoUploadContainer	
{
    display: none;
}

.uploadVideo 
{
    cursor: pointer;
}

.uploadVideoFormContainer h3, .uploadVideoFormContainer h4 span
{
    font-size: 13px !important;
    color: #F15A24;
    font-weight: bold;
    text-decoration: none;
}

.uploadVideoFormContainer h4 span:hover 
{
    text-decoration: underline;
}

.VideoCheckBox input 
{
    float: left;
    margin-right: 12px;
}

.editVideoContainer 
{
    margin: 20px 20px 0 0;
}

.column 
{
    padding-left: 30px;
}

.floatLeft 
{
    float: left;
}

.floatRight 
{
    float: right;
}
    
.approveWrapper 
{
    margin: 10px 0 10px 0;
}

.approveWrapper a 
{
    color: #666;
    text-decoration: none;
}

.approveWrapper a:hover 
{
    text-decoration: underline;
}

.seperator 
{
    width: 479px;
    border-top: 1px solid #F15A24;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    color: #F15A24;
}

.aboutcontent
{
    padding:5px;
    width:681px;
}

.accountform .RadGrid_Vista, .accountform .RadGrid_Vista .rgMasterTable, .accountform .RadGrid_Vista .rgDetailTable, .accountform .RadGrid_Vista .rgGroupPanel table, .accountform .RadGrid_Vista .rgCommandRow table, .accountform .RadGrid_Vista .rgEditForm table, .accountform .RadGrid_Vista .rgPager table, .accountform .GridToolTip_Vista
{
    background-color:White;
    font: 13px/20px Myriad-Pro,Arial,Helvetica,sans-serif !important;
}

.accountnav
{
    padding: 5px;
    border-bottom: 1px solid #CCC;
    overflow:hidden;
}

.accountnav a
{
    color:#00ABDF  !important;
    cursor:pointer !important;
    font-size:13px !important;
    text-decoration:none;
}

.accountnav a:hover
{
    color:#0071BC !important;
    cursor:pointer !important;
    font-size:13px !important;
    text-decoration:underline;
}

.accountnav a.AccountMenuTitle,
.accountnav a.AccountMenuTitle:hover {
	color: #00ABDF  !important;	
	font-size: 13px !important;
	text-decoration: none !important;
	cursor: default !important;
}

a.accountnavselected 
{
    color:#0071BC !important;
    cursor:pointer !important;
    font-size:13px !important;    
    text-decoration:underline;
}

#divAccountWrapper 
{
    margin: 10px 0 0 8px;
    width: 100%;
}

#MyAccountLeft 
{
    float: left;
    width: 138px;
    display: block;
}

.myaccountleft, .myaccountright
{ 
    float:left;
    width:885px;
}

.myaccountpadding { padding-top:10px; }

.leftAccountColumn 
{
    width: 248px;
    float: left;    
    background-color: #F5F5F4;    
    border: 1px solid #CCC;
}

.rightAccountColumn 
{
    width: 880px;
    float: left;
    margin: 5px;
}

.userPanel 
{
    background-color: #efefef;
    padding: 8px;
    text-align: right;
    width: 100%;
}
	.userPanelLinks{
		margin-right: 18px;
	}

.RadGrid_Vista .rgCommandRow
{
    background: url("/images/searchContainerBackground.png") 0 0 repeat-x #00abdf !important;
}

.rgCommandTable a 
{
    color: #FFF !important;
}

.rightAccountColumn .RadGrid_Vista .rgEditForm 
{
    background-color: #FFF !important;
    border-bottom: 1px solid #666 !important;
}

.reDropdown, .reTool_disabled.reDropdown:hover
{
    border:1px solid #666 !important; 
}

.accountTypesContainer, .accountAgreement 
{
    background-color: #F5F5F4;
    border: 1px solid #CCCCCC;
    margin: 10px 0 10px 0;    
    padding: 10px 0px 0px 5px; 
}

.accountTypesContainer p
{
    color: #00ABDF;
    padding: 10px 0 10px 5px;
}

.accountFormFieldContainer 
{    
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
}

.accountCheckBoxFormFieldContainer 
{
    margin: 5px;
}

.accountCheckBoxFormFieldContainer input
{
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
}

.accountCheckBoxFormFieldContainer label
{
    font-size: 12px;
    padding-left: 10px;
    margin: 0;
}

.accountFormFieldContainer .radioButtonContainer, .accountAgreement .accountFormFieldContainer
{
    font-size: 12px;
    font-weight: normal;
}

.textbox
{
    color:#00ABDF;
    border:1px solid #C8C8C8;
    font-size:14px;
    line-height:26px;
    padding: 4px 0 4px 4px;
    width:170px;
}

.textbox_gray
{
    color:#666666 !important;
    border:1px solid #C8C8C8;
	font-family: Myriad-Pro,Arial,Helvetica,sans-serif !important;
    font-size:14px;
    line-height:26px;
    padding: 4px 0 4px 4px;
    width:170px;
}

.dropdownlist
{
    color:#00ABDF;
    border:1px solid #C8C8C8;
    font-size:14px;    
    width:305px;
}

.dropdownlist option 
{
    color: #00ABDF;
    font-size: 14px;
    padding: 4px 0 2px 4px;
}

#faqContainer li
{
   list-style-position: outside;
}

.VideoDetail 
{
    position: relative;
}
.VideoDetail .VideoFavoritesTreeContainer {
	position: absolute;
	top: 200px;
	left: 493px;
	border: solid 1px #F15A24;
	background-color: white;
	width: 300px;
	height: 250px;
	z-index: 10000;
	overflow: auto;
	display: none;	
}

#ContentWrapper h1 {
    color: #5C8727;
    font-size: 18px;
    font-weight: bold;
    margin: 4px 0 15px 0;
}

.Creator
{
    position:absolute;
    left:-1500px;
    top: 10px;
}