/*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;   }



.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 { 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; }

.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.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-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-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 #88888e; 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: 450px; 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; }


.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 { 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; }
.footer_top {background: url("/images/footer_top.png") repeat-x center bottom #fff; color:#fff; height:101px;   }
.footer_top ul {list-style: none; margin-left: -24px;}



/* paging */
.pageslist{margin: 10px 9px 10px 0;clear: both; }
.pageslist a,.pageslist span{font-size: 13px;font-weight: normal;float:right;display: block;padding: 8px 13px;margin: 0 3px 0 0;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;
}
        

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;	
}