/* BOFFIN BUDDIES CSS STYLES*/
A:link
{
    color: #666600;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
}
A:visited
{
    color: #666600;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
}
A:active
{
    color: #333300;
    text-decoration: underline overline;
    font-size: 10pt;
    font-weight: bold;
}
A:hover
{
    color: #333300;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
}

A.launchLink:link
{
    color: red;
    text-decoration: none;
    font-size: 12pt;
}
A.launchLink:visited
{
    color: red;
    text-decoration: none;
    font-size: 12pt;
}
A.launchLink:active
{
    color: #66CC00;
    text-decoration: underline overline;
    font-size: 12pt;
}
A.launchLink:hover
{
    color: #66CC00;
    text-decoration: none;
    font-size: 12pt;
}

A.stdLink:link
{
    color: blue;
    text-decoration: none;
    font-size: 8pt;
    font-weight: normal;
}
A.stdLink:visited
{
    color: blue;
    text-decoration: none;
    font-size: 8pt;
    font-weight: normal;
}
A.stdLink:active
{
    color: blue;
    text-decoration: underline;
    font-size: 8pt;
    font-weight: normal;
}
A.stdLink:hover
{
    color: blue;
    text-decoration: underline;
    font-size: 8pt;
    font-weight: normal;
}

A.dragLink:link
{
    color: black;
    font-family: Verdana, Arial;
    text-decoration: none;
    font-size: 10pt;
    font-weight: normal;
}
A.dragLink:visited
{
    color: black;
    font-family: Verdana, Arial;
    text-decoration: none;
    font-size: 10pt;
    font-weight: normal;
}
A.dragLink:active
{
    color: blue;
    font-family: Verdana, Arial;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: normal;
}
A.dragLink:hover
{
    color: blue;
    font-family: Verdana, Arial;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: normal;
}

body
{
    font-family: verdana;
}
.squadProfile
{
    background-color: #666600;
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
}
.squadProfileSmall
{
    color: #ffffff;
    font-size: 8pt;
}
.squadHeading
{
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
}
.gameHeading
{
    color: White; /*background-color: #cccc66;*/
    font-size: 12pt;
    font-weight: bold;
}
.profileHeadingSmall
{
    color: #666600;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
}
.img_noborder
{
    border: none;
}
.table_w460
{
    width: 460px;
}
.standard_td
{
    font-size: 8pt;
    font-family: Verdana, Sans-Serif;
    color: #666666;
}
.cursor_pointer
{
    cursor: pointer;
}


.tes_td_fs10_ff
{
    FONT-SIZE: 10pt; 
    FONT-FAMILY: Verdana, Sans-Serif;
}

.tes_td_bpc_bi_brnr_h196
{
    BACKGROUND-IMAGE: url("http://www.boffinsquad.co.uk/activities/multipleintelligence/image/quizTeacher.gif"); 
    BACKGROUND-REPEAT: no-repeat; 
    height:196px;   
}

.tes_td_w200
{
    width:230px;   
}

.tes_td_never
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color: White;
    COLOR: #0066ff; 
    width: 85px;   
}

.tes_td_hardly_ever
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color:White;
    COLOR: #33ffcc; 
    width:85px;
}

.tes_td_sometimes
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color:White;
    COLOR: #ffcc33; 
    width:85px;   
}

.tes_td_mostofthetimes
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color:White;
    COLOR: #ff6633; 
    width:85px;   
}

.tes_td_allthetimes
{
    FONT-WEIGHT: bold; 
    BORDER-LEFT: #666666 1px solid; 
    background-color:White;
    COLOR: #ff0000; 
    width:85px;   
}

.tes_td_h5
{
    height:5px;   
}





.tes_td_h125
{
    height: 125px;
    width: 460px;
}
.tes_td_h150
{
    height: 150px;
    width: 460px;
}
.width_10
{
    width: 10px;
}
.width_20
{
    width: 20px;
}
.width_30
{
    width: 30px;
}
.width_40
{
    width: 40px;
}
.td_h51
{
    height: 51px;
}
.standard_td_bigger_black
{
    font-size: 10pt;
    font-family: Verdana, Sans-Serif;
    color: #000000;
    font-weight: bold;
}
.standard_td_black
{
    font-size: 8pt;
    font-family: Verdana, Sans-Serif;
    color: #000000;
}
.standard_td_white
{
    font-size: 8pt;
    font-family: Verdana, Sans-Serif;
    color: #ffffff;
}
.standard_td_bigger
{
    font-size: 10pt;
    font-family: Verdana, Sans-Serif;
    color: #666666;
    font-weight: bold;
}
.span_blue
{
    color: #0000FF;
    font-weight: bold;
}
.span_green
{
    color: #99CC00;
    font-weight: bold;
}
.span_lightblue
{
    color: #0099FF;
    font-weight: bold;
}
.span_pink
{
    color: #FF66FF;
    font-weight: bold;
}
.span_purple
{
    color: #6600CC;
    font-weight: bold;
}
.span_red
{
    color: #FF0000;
    font-weight: bold;
}
.span_orange
{
    color: #FF9900;
    font-weight: bold;
}
.span_altgreen
{
    color:#009900;   
    font-weight:bold;  
}
.span_lightorange
{
    color:#FF6600;   
    font-weight:bold;  
}
.footer_p
{
    font-size: 7pt;
    font-family: Verdana, Sans-Serif;
    text-align: center;
}
.searchTable
{
    background-color: #cccc66;
}
.headingCol
{
    /* background-color: #cccc00;*/
    font-weight: bold;
    color: White;
}
.profileDesc
{
    color: #cccc00;
    font-size: 10pt;
}
.summaryHR
{
    width: 100%;
    height: 2px;
    background-color: #cccc00;
}
.profileOrange
{
    /*background-color: #ff9900;*/ /*color: #333300;*/
    font-size: 12pt;
    font-weight: bold;
}
.profileBlue
{
    color: #99ccff;
    font-size: 8pt;
}
.headerBG
{
    background-color: #CCCC00;
    width: 98%;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    margin-left: 4px;
}

/*Teacher tabs*/
#ctl00_tabStaffRoom
{
    /*width: 35px;*/
    height: 134px;
    position: relative;
    top: 25px;
    /*left: 12px; /*background-image: url('Images/my-squad2.gif');*/
    cursor: pointer;
}
#ctl00_tabAccount
{
   /* width: 35px;*/
    height: 135px;
    position: relative;
    top: 20px;
    /*left: 12px; /*background-image: url('Images/my-profile2.gif'); */
    cursor: pointer;
}
#ctl00_tabControlRoom
{
    /*width: 35px;*/
    height: 134px;
    position: relative;
    top: 15px;
    /*eft: 12px; /*background-image: url('Images/control-room2.gif'); */
    cursor: pointer;
}

#ctl00_students
{
	/*width: 35px;*/
    position: relative;
    top: 5px;
    /*left: 12px; /*background-image: url('Images/my-squad2.gif');*/
    cursor: pointer;
}
#ctl00_teachers
{
	/*width: 35px;*/
    position: relative;
    top: 10px;
    /*left: 12px; /*background-image: url('Images/my-squad2.gif');*/
    cursor: pointer;
}


/*Student tabs*/
#ctl00_tabResults
{
    /*width: 35px;*/
    height: 102px;
    position: relative;
    top: 20px;
    /*left: 12px; /*background-image: url('Images/my-squad2.gif');*/
    cursor: pointer;
}
#ctl00_tabIntel
{
   /* width: 35px;*/
    height: 150px;
    position: relative;
    top: 25px;
    /*left: 12px; /*background-image: url('Images/my-profile2.gif'); */
    cursor: pointer;
}
#ctl00_tabQuiz
{
    /*width: 35px;*/
    height: 102px;
    position: relative;
    top: 15px;
    /*eft: 12px; /*background-image: url('Images/control-room2.gif'); */
    cursor: pointer;
}
#ctl00_tabCeleb
{
    /*width: 35px;*/
    height: 134px;
    position: relative;
    top: 30px;
    /*eft: 12px; /*background-image: url('Images/control-room2.gif'); */
    cursor: pointer;
}

/*quiz styles*/
.skipLink
{
    FONT-SIZE: 14pt; 
    FONT-FAMILY: Arial, Sans-Serif; 
    vertical-align:middle;
    text-align:right;    
    height:23px;
}
.comicClass
{
    font-family: Comic Sans MS;
    FONT-SIZE: 14pt; 
    color: #000000;
    
}









.boxBack
{
    height: 600px;
    width: 800px;
    background-color: #666600;
    z-index: 0;
}
.boxFront
{
    /*height: 590px;*/
    width: 480px !important; /*background-color: #CCCC00;*/
}
.boxFront3
{
    /*height: 590px;*/
    width: 1024px !important; /*background-color: #CCCC00;*/
}
.boxFront2
{
    width: 480px !important;
}
.divLogin
{
    height: 192px;
    width: 279px;
    background-color: #ffffff;
    position: relative;
    left: 3px;
    top: 0px;
    margin-right: 3px;
    z-index: 0;
}
.tblRightHadSide
{
    height: 192px;
    width: 279px; /*background-color: #cccc00;*/
    position: relative; /*left: 3px;*/
    top: 0px; /*margin-right: 3px;*/
    z-index: 0;
}
.divControlPH1
{
    /*height: 161px;*/
    width: 145px;
    background-color: #ffffff;
    position: relative;
    left: 0px;
    top: 3px;
    overflow: hidden;
    z-index: 0 !important;
}
.divControlPH2
{
    /*height: 245px;*/
    width: 130px;
    background-color: #ffffff;
    position: relative;
    left: 149px;
    top: -127px;
    overflow: hidden;
    z-index: 0 !important;
}
.divControlPH3
{
    /*height: 200px;*/
    width: 145px;
    background-color: #ffffff;
    position: relative;
    left: 0px;
    top: -239px;
    overflow: hidden;
    z-index: 0 !important;
}
.divControlPH4
{
    height: 46px;
    width: 129px;
    background-color: #ffffff;
    position: relative;
    left: 149px;
    top: -285px;
    overflow: hidden;
    z-index: 0 !important;
}
.divControlPH5
{
    height: 78px;
    width: 278px;
    background-color: #ffffff;
    position: relative;
    left: 0px;
    top: -282px;
    overflow: hidden;
    z-index: 0 !important;
}
.blackYellow
{
    height: 22px;
    background: url( 'Images/blackyellow.gif' ) repeat-x;
}

/*REGISTRATION PAGE STYLES*/

.buttonUp
{
    background: url( 'Images/button-up.gif' ) no-repeat;
}
.buttonDown
{
    background: url( 'Images/button-down.gif' ) no-repeat;
}
.red
{
    color: red !important;
    font-size: 10pt;
}
.hiddenElement
{
    visibility: hidden !important;
}
.notHidden
{
    visibility: visible !important;
}
.displayNone
{
    display: none;
}
.displayBlock
{
    display: block;
}
.regHR
{
    width: 100%;
    height: 6px;
    background-color: #333300;
}
.regHR2
{
    width: 90%;
    height: 4px;
    background-color: #666600;
}
.regHeading
{
    color: #333300;
    font-size: 10pt;
    font-weight: bold;
}
.regHeadingNoraml
{
    color: #333300;
    font-size: 10pt;
}
.pageHeadingStyle
{
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    color: #CCCC00;
}
.smallText
{
    color: #333300;
    font-size: 7pt;
}
.regText
{
    color: #666600;
    font-size: 8pt;
    font-weight: bold;
    font-style: italic;
}
.helpBox
{
    background-color: #FFFFFF;
    z-index: 2;
}

/*PROFILE CHAT DRAG & DROP / ANIMATE STYLES (viewProfile.aspx)*/
.DragContainer
{
    border-right: 0px;
    border-top: 0px;
    float: left;
    padding-bottom: 5px;
    margin: 1px;
    border-left: 0px;
    padding-top: 5px;
    border-bottom: #666600 4px solid;
    background-color: #ffffff;
    width: 730px;
}
.DragDropContainer
{
    border-right: 0px;
    border-top: 0px;
    float: left;
    padding-bottom: 5px;
    margin: 1px;
    border-left: 0px;
    padding-top: 5px;
    border-bottom: #666600 4px solid;
    background-color: #eee;
    overflow: auto;
    height: 80px;
    width: 730px;
}
.TrashCan
{
    border: 0px;
    height: 66px;
    width: 66px;
    float: left;
    background: url( 'Images/bin.gif' ) no-repeat center right;
}
.DragBox
{
    border-right: #333300 1px solid;
    padding-right: 2px;
    border-top: #333300 1px solid;
    padding-left: 2px;
    font-size: 10px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-left: #333300 1px solid;
    cursor: pointer;
    padding-top: 2px;
    border-bottom: #333300 1px solid;
    font-family: verdana, arial;
    background-color: #ddd;
}
.OverDragBox
{
    border-right: #333300 1px solid;
    padding-right: 2px;
    border-top: #333300 1px solid;
    padding-left: 2px;
    font-size: 10px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-left: #333300 1px solid;
    cursor: pointer;
    padding-top: 2px;
    border-bottom: #333300 1px solid;
    font-family: verdana, arial;
    background-color: #666600;
}
.DragDragBox
{
    border-right: #333300 1px solid;
    padding-right: 2px;
    border-top: #333300 1px solid;
    padding-left: 2px;
    font-size: 10px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-left: #333300 1px solid;
    cursor: pointer;
    padding-top: 2px;
    border-bottom: #333300 1px solid;
    font-family: verdana, arial; /*filter: alpha(opacity=50);*/
    background-color: #666600;
}
.dragHidden
{
    display: none;
    height: 0px;
    overflow: hidden;
}
.dragNotHidden
{
    display: block;
    overflow: hidden;
}
.dragButton
{
    font-size: 10pt;
    font-family: Verdana, Arial;
    cursor: pointer;
}
.dragButtonOver
{
    font-size: 10pt;
    font-family: Verdana, Arial;
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}
.modalPopup
{
    position: absolute;
    top: 840px;
    left: 50%;
    margin-left: -366px;
    z-index: 100001;
    display: block;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 1000;
}

/*PASSWORD STRENGTH BAR STYLES (regStep1.aspx)*/
table#password_bar
{
    width: 300px;
    border-collapse: collapse;
}

#password_bar #negative_bar
{
    height: 10px;
    background: #ddd;
}

#password_bar.strength_0 #positive_bar
{
    width: 0px;
}
#password_bar.strength_1 #positive_bar
{
    width: 20%;
    background: #a71528;
}
#password_bar.strength_2 #positive_bar
{
    width: 40%;
    background: #fec72d;
}
#password_bar.strength_3 #positive_bar
{
    width: 60%;
    background: #6b9fd6;
}
#password_bar.strength_4 #positive_bar
{
    width: 80%;
    background: #17d114;
}
#password_bar.strength_5 #positive_bar
{
    width: 100%;
    background: #038001;
}

#password_bar.strength_0 #negative_bar
{
    width: 100%;
}
#password_bar.strength_1 #negative_bar
{
    width: 80%;
}
#password_bar.strength_2 #negative_bar
{
    width: 60%;
}
#password_bar.strength_3 #negative_bar
{
    width: 40%;
}
#password_bar.strength_4 #negative_bar
{
    width: 20%;
}
#password_bar.strength_5 #negative_bar
{
    width: 0px;
}

#password_bar #password_strength_label
{
    text-align: right;
}
#password_bar.strength_0 #password_strength_label
{
    color: #ddd;
}
#password_bar.strength_1 #password_strength_label
{
    color: #a71528;
}
#password_bar.strength_2 #password_strength_label
{
    color: #fec72d;
}
#password_bar.strength_3 #password_strength_label
{
    color: #6b9fd6;
}
#password_bar.strength_4 #password_strength_label
{
    color: #17d114;
}
#password_bar.strength_5 #password_strength_label
{
    color: #038001;
}


.greenText
{
    color: #33cc33;
}

.teacherRegPage
{
    color: #999933;
    font-size: 9pt;
}
.teachersLoungeHeading
{
    color: #666600;
    font-size: 13pt;
    font-weight: bold;
}
.teachersLoungeHeadingVal
{
    color: Red;
    font-size: 13pt;
    font-weight: bold;
}
.teachersLoungeHeadingEaster
{
    color: #cc00cc;
    font-size: 13pt;
    font-weight: bold;
}
.teacherTitleBar
{
    color: #000000;
    font-size: 14pt;
    background-image: url('images/titleBarShine.gif');
    background-repeat:repeat-x;
    font-weight: bold;
}

.teacherHomeworkHubTitleBar
{
    color: #000000;
    font-size: 14pt;    
    font-weight: bold;
}

.redLink
{
    color: Red;
}

.teacherTitleBarVal
{
    color: #ffffff;
    font-size: 14pt;
    background-image: url('images/titleBarShine.gif');
    background-repeat:repeat-x;
    font-weight: bold;
}
.teacherValTitleBarVal
{
    color: #ffffff;
    font-size: 14pt;
    background-image: url('images/redBarLarge.gif');
    background-repeat:repeat-x;
    font-weight: bold;
}
.teacherValTitleBarEaster
{
    color: #cc00cc;
    font-size: 14pt;
    background-image: url('images/yellowBarLarge.gif');
    background-repeat:repeat-x;
    font-weight: bold;
}

.teacherTitleBarSmaller
{
    color: #000000;
    font-size: 9pt;
    background-image: url('images/titleBarShine.gif');
    background-repeat:repeat-x;
    font-weight: bold;
}

.instructionsBG
{
    background-color: #cccc00;
    text-align:center;
    height: 25px;
    
}
.instructionsBGval
{
    background-color: #ffcccc;
    text-align:center;
    height: 25px;
    
}
.instructionsBGsummer
{
	background-color: #FFCC00;
	text-align: center;
	height: 25px;	
}
.instructionsBGeaster
{
    background-color: #ffff99;
    text-align:center;
    height: 25px;
}
.instructionsBGhalloween
{
    background-color: #ff6600;
    text-align:center;
    height: 25px;        
}
.instructionsBGxmas
{
    background-color: #cc0000;
    text-align:center;
    height: 25px;        
}
.redBG
{
    background-color: #ff0000;
    text-align:center;
    height: 25px;
    
}
.orangeBG
{
    background-color: #ff6600;
    text-align:center;
    height: 25px;
    
}
.yellowBG
{
    background-color: #ffcc00;
    text-align:center;
    height: 25px;
    
}
.greenBG
{
    background-color: #99cc33;
    text-align:center;
    height: 25px;
    
}
.dkGreenBG
{
    background-color: #339900;
    text-align:center;
    height: 25px;
    
}
.blueBG
{
    background-color: #33ccff;
    text-align:center;
    height: 25px;
   
}
.dkBlueBG
{
    background-color: #000099;
    text-align:center;
    height: 25px;
    
}
.pinkBG
{
    background-color: #ff66ff;
    text-align:center;
    height: 25px;
    
}
.purpleBG
{
    background-color: #660099;
    text-align:center;
    height: 25px;
    
}

.tdInfo
{
    color: #cccc00;
    background-color: #666600;
    font-size: 12px;
}





.tdCol1
{
    color: black;
    background-color: #cccc00;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdCol2
{
    color: #999900;
    background-color: #333300;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdCol3
{
    color: black;
    background-color: #999900;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdCol4
{
    color: black;
    background-color: #cccc00;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdCol5
{
    color: black;
    background-color: #cccc66;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdCol6
{
    color: #999900;
    background-color: #333300;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdCol7
{
    color: black;
    background-color: #666600;
    font-size: 12px;
    text-align:center;
    height: 50px;
}


.tdClass
{

    color: #999900;
    background-color: #333300;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdClassSelected
{
    color: black;
    background-color: #999900;
    font-size: 12px;
    text-align:center;
    height: 50px;
}

.tdClassEaster
{

    color: #999900;
    background-color: #333300;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdClassSelectedEaster
{
    color: black;
    background-color: #999900;
    font-size: 12px;
    text-align:center;
    height: 50px;
}

.tdClassVal
{

    color: #999900;
    background-color: red;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdClassHalloween
{

    color: black;
    background-color: #660066;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdClassXmas
{

    color: black;
    background-color: #660066;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdClassSelectedVal
{
    color: black;
    background-color: #ff9999;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdClassSelectedHalloween
{
    color: black;
    background-color: #ff6600;
    font-size: 12px;
    text-align:center;
    height: 50px;
}
.tdClassSelectedXmas
{
    color: black;
    background-color: #CC0000;
    font-size: 12px;
    text-align:center;
    height: 50px;
}



.tipTable
{
    background-color: #cccc00;
    color: #333300;
    font-size: 12pt;
    font-weight: bold;
    }
    
    .tipTableRed
{
background-color: #cccc00;
    color: red;
    font-size: 12pt;
    font-weight: bold;
    }