﻿/* 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_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_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;
}
.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: #0099ff;
    font-size: 8pt;
}
.headerBG
{
    background-color: #CCCC00;
    width: 98%;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    margin-left: 4px;
}

/*MASTER PAGE LAYOUTS*/
#ctl00_mySquad
{
    /*width: 35px;*/
    height: 134px;
    position: relative;
    top: 25px;
    /*left: 12px; /*background-image: url('Images/my-squad2.gif');*/
    cursor: pointer;
}
#ctl00_myProfile
{
   /* width: 35px;*/
    height: 134px;
    position: relative;
    top: 20px;
    /*left: 12px; /*background-image: url('Images/my-profile2.gif'); */
    cursor: pointer;
}
#ctl00_controlRoom
{
    /*width: 35px;*/
    height: 134px;
    position: relative;
    top: 15px;
    /*eft: 12px; /*background-image: url('Images/control-room2.gif'); */
    cursor: pointer;
}
.boxBack
{
    height: 600px;
    width: 800px;
    background-color: #666600;
    z-index: 0;
}
.boxFront
{
    /*height: 590px;*/
    width: 480px !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: 236px; /*background-color: #cccc00;*/
    position: relative; /*left: 3px;*/
    top: 0px; /*margin-right: 3px;*/
    z-index: 0;
}
.tblRightHadSide2
{
    background-color: #ffffff; /*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-image: url('Images/blackyellow.gif');
    background-repeat: repeat-x;
}
.blackYellowVal
{
    height: 22px;
    background-image: url('Images/blackyellowVal.gif');
    background-repeat: 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
{
	display: none;
    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;
}
regHeadingSmall
{
    color: #333300;
    font-size: 8pt;
}
.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;
}
