﻿body
{
    background-repeat: repeat-x;
    background-color: #abd3ec;
    font-family: Georgia;
    color: #ffffff;
    min-width: 750px;
}
body, html
{
    margin: 0;
    padding: 0;
    height: 100%;
}
form
{
    height: 100%;
}
img
{
    border: none;
}
#nonFooter
{
    position: relative;
    min-height: 100%;
}
#nonFooter_MrMemory
{
    /*added by Barbara */
    position: relative;
    min-height: 100%;
    background-color: #abd3ec;
    background-image: url(../img/watchtv/MrMemory/pageBkgd_paperGrid.png);
    background-repeat: repeat-x;
    background-position: 0px 80px;
}
* html #nonFooter_MrMemory
{
    /*added by Barbara */
    height: 100%;
}
* html #nonFooter
{
    height: 100%;
}
#wrap
{
    background-repeat: repeat-x;
    background-color: #abd3ec;
    margin: 0 auto;
    padding: 0 auto;
    width: 1024px;
    padding-bottom: 9em; /*z-index:5;  /*added by Matt */
}
#wrap_MrMemory
{
    /*added by Barbara */
    margin: 0 auto;
    padding: 0 auto;
    width: 980px;
    padding-bottom: 9em;
    height: 652px;
}
#header
{
    /*z-index: 100;*/
    font-size: 14px;
    color: #136394;
    text-align: center;
    position: absolute;
    top: 0px;
}
.header_background
{
    background-repeat: repeat-x;
    background-image: url(../img/Header_shadow.png);
    font-size: 14px;
    color: #136394;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 80px;
    top: 0px;
    left: 0px;
}
.footer_background
{
    background-repeat: repeat-x;
    background-image: url(../img/Footer_Shine.png); /*z-index: 50;*/
    font-size: 14px;
    color: #136394;
    position: relative;
    width: 100%;
    height: 100px; /*left:0px; removed by Barbara 16Feb2010*/
    float: left; /*added by Barbara */
}

#MenuBorder
{
    display: inline;
    width: 1px;
    height: 55px;
}

#canvas
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 1024px;
    margin: 0 auto;
}
#canvas div
{
    position: absolute;
}

#canvas_MrMemory
{
    /*added by Barbara */
    position: relative;
    left: 0px;
    top: 0px;
    width: 980px;
    margin: 0 auto;
    height: 667px;
}

#canvas_MrMemory div
{
    /*added by Barbara */
    position: absolute;
}

#main_wrapper
{
    float: left;
    margin: 0;
    padding: 0;
}
#main_wrapper_MrMemory
{
    /*added by Barbara */
    float: left;
    margin: 0;
    padding: 0;
}
#footer
{
    position: absolute; /*changed from 'relative' by Barbara on 13feb10 because wasn't showing on my IE6 */
    margin-top: -100px; /*border: solid 1px black;*/
    width: 100%; /*added by Barbara 13feb10 */
}
.FooterLink
{
    text-align: left;
}
.FooterLink_Right
{
    text-align: right;
    background-color: #abd3ec;
}
#footer p
{
    padding: 5px;
    margin: 0;
}
#Menu, #Menu_Canvas
{
    height: 55px;
    width: 675px; /*changed by Barbara for updated nav July10 - was 612px*/
}
#Menu
{
    width: 100%;
    text-align: center;
}
#Menu_Canvas
{
    width: 833px; /*changed by Barbara for updated nav July10 - was 612px*/ /*Changed again by Matthew 19th August 2010 for the extra item in the menu was 675px*/
    position: relative;
    margin: 0 auto;
    text-align: left; /*z-index:50;*/
}
a.Home, a.Home_Active
{
    background-image: url(../img/Nav_Home_Up.gif);
    display: block;
    height: 55px;
    width: 78px;
    position: absolute;
    left: -10px;
    top: 0px;
}
a.Home:hover
{
    background-image: url(../img/Nav_Home_Over.gif);
}
a.Home_Active
{
    background-image: url(../img/Nav_Home_Active.gif);
}
a.Home_Active:hover
{
    background-image: url(../img/Nav_Home_Up.gif);
}
a.Watch, a.Watch_Active
{
    background-image: url(../img/Nav_Watch_Up.gif);
    display: block;
    height: 55px;
    width: 88px;
    position: absolute;
    left: 70px;
    top: 0px;
}
a.Watch:hover
{
    background-image: url(../img/Nav_Watch_Over.gif);
}
a.Watch_Active
{
    background-image: url(../img/Nav_Watch_Active.gif);
}
a.Watch_Active:hover
{
    background-image: url(../img/Nav_Watch_Up.gif);
}
a.Fish4Prizes, a.Fish4Prizes_Active
{
    background-image: url(../img/Nav_Fish4Prizes_Up.gif);
    display: block;
    height: 55px;
    width: 96px;
    position: absolute;
    left: 162px;
    top: 0px;
}
a.Fish4Prizes:hover
{
    background-image: url(../img/Nav_Fish4Prizes_Over.gif);
}
a.Fish4Prizes_Active
{
    background-image: url(../img/Nav_Fish4Prizes_Active.gif);
}
a.Fish4Prizes_Active:hover
{
    background-image: url(../img/Nav_Fish4Prizes_Up.gif);
}
a.drench, a.drench_Active
{
    background-image: url(../img/Nav_Drench_Up.gif);
    display: block;
    height: 55px;
    width: 61px;
    position: absolute;
    left: 262px;
    top: 0px;
}
a.drench:hover
{
    background-image: url(../img/Nav_Drench_Over.gif);
}
a.drench_Active
{
    background-image: url(../img/Nav_Drench_Active.gif);
}
a.drench_Active:hover
{
    background-image: url(../img/Nav_Drench_Up.gif);
}
a.JuicyDrench, a.JuicyDrench_Active
{
    background-image: url(../img/Nav_JuicyDrench_Up.gif);
    display: block;
    height: 55px;
    width: 97px;
    position: absolute;
    left: 327px;
    top: 0px;
}
a.JuicyDrench:hover
{
    background-image: url(../img/Nav_JuicyDrench_Over.gif);
}
a.JuicyDrench_Active
{
    background-image: url(../img/Nav_JuicyDrench_Active.gif);
}
a.JuicyDrench_Active:hover
{
    background-image: url(../img/Nav_JuicyDrench_Up.gif);
}


a.SmartHydration, a.SmartHydration_Active
{
    background-image: url(../img/Nav_SmartHydration_Up.gif);
    display: block;
    height: 55px;
    width: 111px;
    position: absolute;
    left: 428px;
    top: 0px;
}
a.SmartHydration:hover
{
    background-image: url(../img/Nav_SmartHydration_Over.gif);
}
a.SmartHydration_Active
{
    background-image: url(../img/Nav_SmartHydration_Active.gif);
}
a.SmartHydration_Active:hover
{
    background-image: url(../img/Nav_SmartHydration_Up.gif);
}



a.BestOfAds, a.BestOfAds_Active
{
    /*added by Barbara - Jul 2010*/
    background-image: url(../img/Nav_BestOfAds_Up.gif);
    display: block;
    height: 55px;
    width: 114px;
    position: absolute;
    left: 547px;
    top: 0px;
}
a.BestOfAds:hover
{
    background-image: url(../img/Nav_BestOfAds_Up.gif);
}
a.BestOfAds_Active
{
    background-image: url(../img/Nav_BestOfAds_Active.gif);
}
a.BestOfAds_Active:hover
{
    background-image: url(../img/Nav_BestOfAds_Up.gif);
}
/**/
a.BestOfAdsMenu_Goldfish
{
    /*added by Barbara - Jul 2010*/
    background-image: url(../img/BestOfAdsMenu_Goldfish_up.png);
    display: block;
    height: 12px;
    width: 105px;
    position: relative;
    float: left;
    margin: 3px 0px 3px 0px;
}
a.BestOfAdsMenu_Goldfish:hover
{
    background-image: url(../img/BestOfAdsMenu_Goldfish_over.png);
}
/**/
a.BestOfAdsMenu_Hamsters
{
    /*added by Barbara - Jul 2010*/
    background-image: url(../img/BestOfAdsMenu_Hamsters_up.png);
    display: block;
    height: 12px;
    width: 105px;
    position: relative;
    float: left;
    margin: 3px 0px 3px 0px;
}
a.BestOfAdsMenu_Hamsters:hover
{
    background-image: url(../img/BestOfAdsMenu_Hamsters_over.png);
}
/**/
a.BestOfAdsMenu_Pheasant
{
    /*added by Barbara - Jul 2010*/
    background-image: url(../img/BestOfAdsMenu_Pheasant_up.png);
    display: block;
    height: 12px;
    width: 105px;
    position: relative;
    float: left;
    margin: 3px 0px 3px 0px;
}
a.BestOfAdsMenu_Pheasant:hover
{
    background-image: url(../img/BestOfAdsMenu_Pheasant_over.png);
}






a.Game, a.Game_Active
{
    background-image: url(../img/Nav_Game_Up.gif);
    display: block;
    height: 55px;
    width: 104px;
    position: absolute;
    left: 670px;
    top: 0px;
}
a.Game:hover
{
    background-image: url(../img/Nav_Game_Over.gif);
}
a.Game_Active
{
    background-image: url(../img/Nav_Game_Active.gif);
}
a.Game_Active:hover
{
    background-image: url(../img/Nav_Game_Up.gif);
}





/**/
.MenuSpacer
{
    position: absolute;
    top: 0px;
    width: 1px;
    height: 55px; /* z-index: 100;*/
}
.FooterSpacer
{
    position: absolute;
    top: 13px;
    width: 1px;
    height: 13px;
}
.FootBar
{
    /*z-index: 100;*/
    margin: 0 auto;
    top: 50px;
    position: relative;
    height: 20px;
    width: 900px; /*left:50px;*/ /*removed by Barbara 14Feb2010 to center footer*/
    border-top-color: #0365A6;
    border-top-style: dotted;
    border-top-width: 1px;
}
.FootBar a
{
    top: 10px;
    text-decoration: none;
    position: absolute;
    color: #0365A6;
    position: absolute;
    border-top-color: #0365A6;
    border-top-style: none;
    border-top-width: thin;
}
.FooterLink
{
    position: absolute;
    top: 5px;
}
.SmallA
{
    position: absolute;
    top: 5px;
    left: 370px;
    width: 13px;
    height: 27px;
}
.MediumA
{
    position: absolute;
    top: 5px;
    left: 390px;
    width: 17px;
    height: 27px;
}
.LargeA
{
    position: absolute;
    top: 5px;
    left: 415px;
    width: 22px;
    height: 27px;
}
.AccessibleText
{
    position: absolute;
    left: 240px;
    top: 15px;
}
.SmallA2
{
    /*added by Barbara B on 14 Feb 2010 - SmallA2, MediumA2, LargeA2 and AccessibleText2 are for FooterBar2.ascx to adjust positioning of items in footer when Add to Blog and Share buttons are present*/
    position: absolute;
    top: 5px;
    left: 470px;
    width: 13px;
    height: 27px;
}
.MediumA2
{
    position: absolute;
    top: 5px;
    left: 490px;
    width: 17px;
    height: 27px;
}
.LargeA2
{
    position: absolute;
    top: 5px;
    left: 515px;
    width: 22px;
    height: 27px;
}
.AccessibleText2
{
    position: absolute;
    left: 340px;
    top: 15px;
}
A:link
{
    text-decoration: none;
    color: #0365a6;
}
A:visited
{
    text-decoration: none;
    color: #0365a6;
}
A:active
{
    text-decoration: none;
    color: #0365a6;
}
A:hover
{
    text-decoration: underline;
    color: #0365a6;
}
.Fish4Prizes
{
    cursor: pointer;
    cursor: hand;
}

/************ the styles below were added by Barbara: *************/

/*****watchtv styles*****/
#nonFooter_watchtv
{
    position: relative;
    min-height: 100%;
    background-color: #abd3ec;
    background-image: url(../img/watchtv/watchtv_background_repeated.gif);
    background-repeat: repeat-x;
    background-position: 0px 80px; /*margin:auto; 15feb*/
}
* html #nonFooter_watchtv
{
    height: 100%;
}
#wrap_watchtv
{
    margin: 0px auto;
    padding: 0 auto;
    width: 960px;
    padding-bottom: 9em;
    height: 750px;
}
#canvas_watchtv
{
    position: relative;
    left: 0px;
    top: 80px;
    width: 960px;
    height: 750px;
    margin: 0 auto;
    background-image: url(../img/watchtv/watchtv_background2.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#canvas_watchtv div
{
    /*position: absolute;*/
}
#main_wrapper_watchtv
{
    float: left;
    margin: 0;
    padding: 0; /*height:670px; 	margin-top: 80px; 15feb*/ /*width:960px; 15 feb*/
}
#watchtv_thumbnails_container
{
    width: 510px;
    height: 360px;
    float: left;
    position: absolute;
    left: 0px;
    top: 290px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}
#watchtv_vidPreviews_container
{
    width: 450px;
    height: 670px;
    float: left;
    position: absolute;
    left: 510px;
    top: 0px;
}
.watchtv_thumbnails_ind
{
    width: 245px;
    height: 147px;
    float: left;
    position: relative;
}
.watchtv_thumbnails_name
{
    width: 215px;
    height: 17px;
    float: left;
    position: relative;
}
.watchtv_thumbnails_name img
{
    margin-left: 35px;
}
.watchtv_thumbnails_pic
{
    width: 140px;
    height: 120px;
    float: left;
    position: relative;
}
.watchtv_thumbnails_pic img
{
    margin-left: 35px;
}
.watchtv_thumbnails_bio
{
    width: 105px;
    height: 130px;
    float: left;
    text-align: left;
    color: #4F515D;
    position: relative;
}
#watchtv_ttl_meetBand
{
    margin-left: 35px;
    margin-bottom: 19px;
    float: left;
    width: 500px;
}
#watchtv_but_auditions
{
    position: absolute;
    top: 353px;
    left: 0px;
    width: 405px;
    height: 224px;
}
#watchtv_but_auditions img
{
    border: none;
}
#watchtv_eCardButton
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 373px;
    float: left;
}
#watchtv_otherButtons
{
    position: absolute;
    top: 452px;
    left: 0px;
    width: 400px;
    height: 373px;
    float: left;
}

/*****watchauditions styles*****/
#nonFooter_watchauditions
{
    position: relative;
    min-height: 100%;
    background-color: #abd3ec;
    background-image: url(../img/watchtv/watchtv_background_repeated.gif);
    background-repeat: repeat-x;
    background-position: 0px 80px; /*margin:auto; removed by Barbara 15Feb2010*/
}
* html #nonFooter_watchauditions
{
    height: 100%;
}
#wrap_watchauditions
{
    margin: 0 auto;
    padding: 0 auto;
    width: 960px;
    padding-bottom: 9em;
    height: 750px;
}
#canvas_watchauditions
{
    position: relative;
    left: 0px;
    top: 80px;
    width: 960px;
    height: 750px;
    margin: 0 auto;
    background-image: url(../img/watchtv/watchtv_background2.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#canvas_watchauditions div
{
    /* position: absolute;*/
}
#main_wrapper_watchauditions
{
    float: left;
    margin: 0;
    padding: 0; /*height:670px; 	margin-top: 80px; 	background-image:url(../img/watchtv/watchtv_background2.jpg); 	background-repeat:no-repeat; 	background-position:left top; 	width:960px;*/ /*removed by Barbara 15Feb2010*/
}
#watchauditions_vidPreviews_container
{
    width: 960px;
    height: 315px;
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
#watchauditions_thumbnails_container
{
    width: 925px;
    height: 355px;
    float: left;
    position: absolute;
    left: 0px;
    top: 302px;
    margin-left: 30px;
}
.watchauditions_thumbnails_ind
{
    width: 91px;
    height: 125px;
    float: left;
    position: relative;
}
.watchauditions_img_ttl
{
    margin-bottom: 7px;
    margin-top: 26px;
    height: 8px;
    float: left;
}
.watchauditions_thumbnails_ind img
{
    border: none;
}

/*.centergame {
	padding-top:44px;
	width:740px;
	height:600px;
	position:absolute;
	                                z-index:10;
}*/


.centergame
{
    height: 600px;
    margin-top: 90px;
    position: inherit;
    width: 740px;
}


.flashgame
{
    margin: 0 auto;
    width: 740px;
    height:790px;
}
