/*html, body, #wrapper {height: 100%;}*/

/*body #wrapper { height: auto; min-height: 100%; }*/

/*body { background: url("/images/background.jpg") repeat-x center bottom #fff; color: #333; font-size: 11px; margin:0px;   }*/
body { color: #333; font-size: 11px; margin:0px;   }



.clear { clear: both; }

#wrapper { width: 960px; margin: 0px auto; position: relative;  top:-172px }
#header-bg { background: url(/images/header-bg.jpg) repeat-x center top; height: 172px; width: 100%; }
.header-bar {width:100% !important; background: url(/images/header-main-bg.png) repeat-x top; overflow: hidden  }
.header { background: url(/images/head_banner.jpg); height: 117px; width: 958px;/* border: 1px solid #fff; */ }
.top-bar { height: 28px; width:100% !important; background: url(/images/top-bar.jpg) repeat-x top; overflow: hidden  }
/*.top-bar .container_16 {background: transparent;}*/

/*.content-bar {width:100% !important; background: url("/images/background_content.png") repeat-x bottom #fff; overflow: hidden  }*/
.content { background-color:White; background-image:none;}

.register-now { background: url(/images/register.jpg) no-repeat left center; width: 220px; height: 114px; }
.paid-worksheets { background: url(/images/paid-worksheets.jpg) no-repeat left center; width: 220px; height: 88px; }
.get-all-resources { background: url(/images/get-all-resources-99.png) no-repeat left center; width: 220px; height: 97px; }
.register-now:hover { background: url(/images/register-hover.jpg) no-repeat left center; width: 220px; height: 114px; }
.paid-worksheets:hover { background: url(/images/paid-worksheets-hover.jpg) no-repeat left center; width: 220px; height: 88px; }
.get-all-resources:hover { background: url(/images/get-all-resources-99-hover.png) no-repeat left center; width: 220px; height: 97px; }

/* these elements are used to pre-download rollover images */
.register-now-prep { background: url(/images/register-hover.jpg); width: 0px; height: 0px; }
.paid-worksheets-prep { background: url(/images/paid-worksheets-hover.jpg) ; width: 0px; height: 0px; }
.get-all-resources-prep { background: url(/images/get-all-resources-99-hover.png) ; width: 0px; height: 0px; }

.facebook { background: url(/images/facebook.jpg) no-repeat center center; width: 220px; height: 48px; }
.twitter { background: url(/images/twitter.jpg) no-repeat center center; width: 220px; height: 48px; }

.tick-list {list-style-image: url(/images/icons/check.png); }  

.register-now, .paid-worksheets, .get-all-resources, .facebook, .twitter, .mini-feature-box, .tick-list { margin-bottom: 15px; }

.register-now a { width: 220px; height: 114px; display: block; }
.paid-worksheets a { width: 220px; height: 88px; display: block; }
.get-all-resources a { width: 220px; height: 97px; display: block; }
.facebook a, .twitter a { width: 220px; height: 48px; display: block; }

.top-buttons { height: 90px; margin-left: 48px; }
a#logo { height: 107px; }

/* these are in header */
.header {margin-right:0px; margin-left:0px; width:100% !important;}
.header .songs, .header .worksheets, .header .games, .header .strategies { float: left; margin-top: 24px; }

.header .worksheets, .header .games, .header .strategies { margin-left: 22px; }
.inbody .songs, .inbody .worksheets, .inbody .games, .inbody .strategies { margin-left: 46px; }
.songs,  .worksheets,  .games,  .strategies { width: 68px; height: 89px;  }
.songs a, .worksheets a, .games a, .strategies a { width: 68px; height: 89px; display:block; }

.songs { background: url(/images/songs.png) no-repeat center center; }
.worksheets { background: url(/images/Worksheets.png) no-repeat center center; }
.games { background: url(/images/games.png) no-repeat center center;}
.strategies { background: url(/images/strategies.png) no-repeat center center;}   

.songs:hover { background: url(/images/songs_hover.png) no-repeat center center; }
.worksheets:hover  { background: url(/images/Worksheets_hover.png) no-repeat center center; }
.games:hover  { background: url(/images/games_hover.png) no-repeat center center;}
.strategies:hover  { background: url(/images/strategies_hover.png) no-repeat center center;} 

.songs-prep { background: url(/images/songs_hover.png); width: 0px; height: 0px;}
.worksheets-prep  { background: url(/images/Worksheets_hover.png); width: 0px; height: 0px;}
.games-prep  { background: url(/images/games_hover.png); width: 0px; height: 0px;}
.strategies-prep  { background: url(/images/strategies_hover.png); width: 0px; height: 0px;} 

/* width: 338px !important; */
.feature-box { border: 1px solid #90c50b; margin-bottom:20px;  }
.mini-feature-box { border: 1px solid #88888e; width: 218px !important;  }
.mini-feature-box ul { list-style: none; margin-left: -12px; }
.mini-feature-box ul li { margin-bottom: 10px; line-height: 5px !important; }


#login-panel { width: 460px; float: right; height: 28px; padding-right: 17px;text-align:right; }
#login-panel, #login-panel a { color: #575f75; font: 12px/28px Arial, Helvetica, sans-serif; text-decoration: none;   }
#login-panel a:hover { text-decoration: underline;  }

.padding-top {padding-top:10px;}
.margin-top { margin-top: 20px; }
.form-spacer {margin-bottom:10px;}
.search-box { height: 66px; text-align:right; }
.search-box input[type=text] {width:150px}


.floatElementsLeft { float: left; margin: 0px 20px 30px 0px; }
.floatElementsRight { float: right; margin: 0px 0px 30px 20px; }



/*
.container_16 {
  background-color: #fff;
  background-repeat: repeat-y;
  background-image:none;
}*/
#content { overflow: auto; padding-bottom: 45px; } 
.grid_6 { /*border:1px solid black;*/ }

/* Menu styles */
.menu-bar {width:100% !important; background: #7114f1; overflow: hidden  }
#menu { height:25px; background: #7114f1; width: 958px;/* border-right: 1px solid #fff; border-left: 1px solid #fff; */ }
#menu ul { height:25px;width:960px; margin: 0px; }
#menu ul li { display:inline-block;  height: 25px; line-height: 25px; margin: 0px !important; }
#menu ul li a { color:#fff; font: normal 14px/25px Arial, Helvetica, sans-serif; display: block; padding: 0px 37px; text-decoration: none; }
#menu ul li.login { background: url(/images/login-bg.jpg) no-repeat center center;  }
#menu ul li.login:hover { background: url(/images/login-bg-hover.jpg) no-repeat center center;  }
#menu ul li.login a { padding: 0px 36px !important;}
#menu ul li:hover { background: #9614f1; }
#menu ul li a:hover { text-decoration: none; }


/* Footer styles */
.footer_bottom {background: url("/images/footer_bottom.png") repeat-x center bottom #fff; color:#fff; height:45px; overflow:hidden; }
/*.footer_top {background: url("/images/footer_top.png") repeat-x center bottom #fff; color:#fff; height:101px; overflow:hidden;  }*/
.footer_top { background-color:#091966; color:#fff; height:121px; overflow:hidden;  }
.footer_top ul {list-style: none; margin-left: -24px;}



/* paging */
.pageslist{margin: 10px 9px 10px 0; padding-top:6px; padding-right:5px; background-color: #F5FAFD; border-bottom: 1px solid #B1E4FF;  clear: both;  }
.pageslist a{font-size: 13px;font-weight: normal;float:right;display: block;padding: 8px 13px;margin: 0 3px 0 0;text-decoration: none; background-color:#FFFFFF;}
.pageslist span{font-size: 13px;font-weight: normal;float:left;display: block;padding: 13px 13px;text-decoration: none;}
.pageslist a{ border: solid 1px silver}
.pageslist a.selected,.pageslist span.selected{background-color: #19558d;border-color: #071a29;}
.pageslist a.selected{color: #fff}
.pageslist a:hover{color: #fff;background-color: #19558d;border-color: #071a29;}
   

.float_elements_left { float: left; padding: 0 10px 10px 0; }
.float_elements_right { float: right; padding: 0 0 10px 10px; }  


 .ActivityType {
    color:#999999;
 }

.thumbnailContainer {display:-moz-inline-stack; display:inline-block; zoom:1;  *display:inline;border-bottom:solid 1px black; border-right:solid 1px black;}
/* Used for Song Icon hover flyout*/
#preview{position:absolute;	border:1px solid #ccc;	background:#333;	padding:5px;	display:none;	color:#fff;	}        

a.advancedSearch, span.advancedSearch  {background: url(/images/search.png) no-repeat; padding:1px 0px 3px 15px; font-family: Verdana; font-size: 12px; font-weight: normal; text-decoration: none; color: #222DE1;	cursor: pointer;  }	
a.advancedSearch:hover, span.advancedSearch:hover { font-family: Verdana;  font-size: 12px; font-weight: normal; text-decoration: underline; color: #222DE1; cursor: pointer;  }
SPAN.bookmarkRibbon {background: url(/images/icons/bookmark_ribbon.png) no-repeat; padding:1px 0px 3px 13px; font-family: Verdana; font-size: 12px; font-weight: normal; text-decoration: underline; color: #bb240b; cursor: pointer;  }	
SPAN.bookmarkRibbon:hover {font-family: Verdana; font-size: 12px; font-weight: normal; text-decoration: none; color: #bb240b; cursor: pointer; }


/* Default Table settings */
table.default {background-color: #FFFFFF;}
table.default tr td, table.default th {padding: 5px;border-spacing: 3px; border:0px;  }
table.default tr.hd td , table.default tr.ft td, table.default th {background-color:#abe217;} /* see h1 for more style info, see normal for more style info  */ 
table.default tr.d0 td {background-color:#ffffff;} /* see normal for more style info */
table.default tr.d1 td {background-color:#E5EDF0;}/*see normal for more style info*/

/* Table settings */
table.defaultTbl {background-color: #FFFFFF;}
table.defaultTbl tr td, table.defaultTbl th {padding: 5px;border-spacing: 3px; border:0px;  }
table.defaultTbl tr.hd td , table.defaultTbl tr.ft td, table.defaultTbl th {background-color:#abe217;} /* see h1 for more style info, see normal for more style info  */ 
table.defaultTbl tr.d0 td {background-color:#ffffff;} /* see normal for more style info */
table.defaultTbl tr.d1 td {background-color:#E5EDF0;}/*see normal for more style info*/

/* Form settings */
table.defaultFrm {background-color: #FFFFFF;}
table.defaultFrm tr td, table.defaultFrm th {padding: 5px;border-spacing: 3px; border:0px;  }
table.defaultFrm tr.hd td , table.defaultFrm tr.ft td, table.defaultFrm th {background-color:#abe217;} /* see h1 for more style info, see normal for more style info  */ 
table.defaultFrm tr.d0 td {background-color:#ffffff;} /* see normal for more style info */
table.defaultFrm tr.d1 td {background-color:#E5EDF0;}/*see normal for more style info*/

/*table.normal {background-color: #FFFFFF;}*/
table.normal tr td, table.normal th {padding: 2px;  }
/* table.normal tr.hd td , table.normal tr.ft td, table.normal th {background-color:#abe217;}  */ 
/* table.normal tr.d0 td {background-color:#ffffff;}   */
/* table.normal tr.d1 td {background-color:#E5EDF0;}*/


/* Used to show right column list of search results */
.song_box_items {height:275px; overflow:auto; }
.song_box_footer { text-align:right; margin-top:10px; margin-bottom:10px;}


/* flyout style */
.flyPanel{border:1px solid #88888e;background-color:#E5EDF0; padding:10px;}

/*.tooltip {
	background:transparent url(/images/tools/tooltip/black_arrow.png);
	height:70px;
	width:160px;	
} 
.tooltip-big {
	background:transparent url(/images/tools/tooltip/black_arrow_big.png);
	height:164px;
	width:319px;	
}    
.tooltip, .tooltip-big {
	display:none;
	font-size:12px;	
	padding:25px;
	color:#fff;	
}*/        

.preview-now a, .download-now a, .add-now a {display: block; width: 140px; height: 28px; padding-top:27px; color:#7D836D; text-decoration:none; font: 13px/17px Arial, Helvetica, "sans-serif "; text-align:center;} 
.preview-now a {background: transparent url(/images/preview-now.png) no-repeat;} 
.download-now a {background: transparent url(/images/download-now.png) no-repeat;} 
.add-now a {background: transparent url(/images/add-now1.png) no-repeat;} 
.preview-now a:hover, .download-now a:hover, .add-now a:hover {background-position: -140px 0;} 
.preview-now, .download-now, .add-now {margin-bottom:15px; margin-top:15px;}

.continue-button a {display: block; width: 80px; height: 20px; } 
.continue-button a {background: url(/images/continue-button.png) no-repeat;} 
.continue-button a:hover {background-position: -80px 0;} 
.continue-button {margin-bottom:15px;}

.product-top {
    background: url("/images/products/top.png") no-repeat scroll center bottom transparent;    
    height: 21px;
    text-align: left;
    margin-top:10px;
    border-right: 1px solid white;
}

.product-content {
    background: url("/images/products/middle.png") repeat-y scroll 0 0 transparent;
    padding: 0px 15px;
    text-align: left;
}

.product-bottom {
    background: url("/images/products/bottom.png") no-repeat scroll 0 0 transparent;    
    height: 21px;
    text-align: left;
    margin-bottom:10px;
}

.notification-info, .notification-success, .notification-warning, .notification-error, .notification-loading {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.notification-info a, .notification-success a, .notification-warning a, .notification-error a, .notification-loading a {
    text-decoration: underline;
}
.notification-info a:hover, .notification-success a:hover, .notification-warning a:hover, .notification-error a:hover, .notification-loading a:hover {
    text-decoration: none;
}

.notification-info {
    color: #00529B;
    background-color: #DCF6FD;
    background-image: url('/images/icons/notifications/32x32/information.png');
}
.notification-success {
    color: #4F8A10;
    background-color: #EAFBCF;
    background-image: url('/images/icons/notifications/32x32/accept.png');
}
.notification-warning {
    color: #9F6000;
    background-color: #FFF7C7;
    background-image: url('/images/icons/notifications/32x32/warning.png');
}
.notification-error {
    color: #AF040D;
    background-color: #FFE0E0;
    background-image: url('/images/icons/notifications/32x32/error.png');
}
.notification-loading {
    color: black;    
    background-image: url('/images/loading_icons/5.gif');
}

.toneImage { height:16px;}

/* Audio styles */
div.jp-playlist {
    width: 100%;
    background-color: #ccc;
    border: 1px solid #009be3;
    border-top:none;
}
div.jp-playlist ul{
    padding:0 10px;
}
div.jp-playlist li:last-child {            
    border-bottom: none;
}

div.jp-playlist a {
    color: #0d88c1;
    text-decoration: none;
}
div.jp-playlist a:hover {
    color: #0d88c1;
    text-decoration: none;
}
div.jp-playlist li.jp-playlist-disabled a, div.jp-playlist li.jp-playlist-disabled a:hover {
    color: #333; 
    cursor: not-allowed;          
}        

div.jp-playlist span.jp-free-media{
    float: right;
    display: inline;
    text-align:right;
    margin-right:10px;
}       
div.jp-playlist li {            
    padding-left: 14px;
    margin-left:0px;
}
div.jp-playlist li.jp-playlist-current {                     
    padding-left: 0px;
}                
div.jp-playlist li.jp-playlist-current:before {
    content: "\25B6 \ "; /* caractère ISO 10646 */                                
}