/* entire page stuff */
/* NOTE: The bg-color specified here is used in "BODY#idAccountBody TABLE#idUserList" styles */
/*       Please make sure both places are insync. (is this still current? -rwatkins) */
BODY
{
    background-color : #FFFFFF;
    color            : #000000;
    font-size        : 9pt;
    font-family      : "Verdana";
    cursor           : default;
    margin           : 0px;
    margin-top       : 0px;
    margin-left      : 0px;
}

INPUT, SELECT
{
    font-size        : 9pt;
    font-family      : "Verdana";
}
FORM
{
    margin: 0px;
}

TD
{
    margin           : 0px;
    padding          : 0px;
    font-size        : 9pt;
    font-family      : "Verdana";
    vertical-align   : top;
}

A:hover
{
    text-decoration  : underline;
}
A
{
    text-decoration  : none;
    color            : #000000;
    cursor           : hand;
}
IMG.clsDither
{
    behavior         : ;
}


TABLE#idPageTable
{
    height: 100%;
    width: 100%;
    border-bottom: 1px solid rgb(110,127,152);
}
TD.clsTabActive
{
    background-image: ;
    background-repeat: repeat-x;
}
TD.clsTabActive A
{
    padding-left  : 10px;
    padding-right : 10px;
    margin-top    : 10px;
    font-weight   : bold;
}
TD.clsTabActive TABLE DIV
{
    font-size   : 8pt;
}
TD.clsTabActive TABLE DIV#idName
{
    font-weight : bold;
}
TABLE#idTopTable
{
    height       : 100%; 
    width        : 100%;
    border-left  : 1px solid rgb(110,127,152); 
    border-right : 1px solid rgb(110,127,152);
}

SPAN#idSettingTab
{
    height: 45px;
}
/* the cell that holds the curve on the inner part of the settings
   table - need to make sure the bgcolor here matches that of the content
   part too. */
TABLE#idTopTable TD#idCurveCell
{
    background-color : #FCFAF4;
    background-image : ; 
    background-repeat: repeat-y;
}
/* the whole cell area for the actual setting content */
TABLE#idTopTable TD#idContentCell
{
    background-color : #FCFAF4;
    height           : 100%; 
    width            : 100%; 
    border-top       : 1px solid rgb(110,127,152);
    padding-right    : 35px;
}
/* a div wrapping the text of the setting content, but not the title or icon */
TABLE#idTopTable TD#idContentCell DIV.clsContentArea 
{
    padding-left     : 50px;  
}
BODY#idSettingsBody TABLE#idTopTable TD#idCurveCell, BODY#idSettingsBody TABLE#idTopTable TD#idContentCell
{
    background-color : white;
}

/* left navigation column */
TD#idLeftCell
{
    background-color : rgb(181,189,206); 
    padding-left     : 5px; 
    font-size        : 8pt; 
}
TD#idLeftCell IMG.clsLine
{
    margin-top    : 2px;
    margin-bottom : 2px;
    display       : block;
}
TD#idLeftCell IMG#idSpacer
{
    width      : 153px;
    height     : 1px;
    visibility : hidden;
    margin     : 0px;
}
TD#idLeftCell TABLE#idNavList TD.clsNavLink A
{
    display     : block; 
    margin-left : 3px;
    margin-top  : 2px;
    font-size   : 8pt; 
    color       : #444444;
}
/* promo items column */
#idPromoCell
{
    border-top : 1px solid rgb(110,127,152); 
}
#idPromoCell, TD#idPromoCell TD
{
    font-size  : 8pt;
}
#idPromoCell, TD#idPromoCell DIV
{
    padding    : 4px;
}
#idPromoCell IMG.clsRule
{
}
.clsPromoHeader
{
    margin-top    : 1px;
    margin-bottom : 5px;
    display       : block;
    font-size     : 9pt;
    font-weight   : bold;
    color         : #004FD3;
}

/* stuff for the category and task pages */
TD#idContentCell
{
    padding-top : 5px;
}
TD#idContentCell DIV.clsIcon
{
    width       : 1px;
    float       : left;
    margin-right: 10px;
    padding-top : 5px;
}
/* changes for the top 10 table on the main settings page */
TABLE#idTopTen TD.clsLI
{
    padding-right  : 6px;
    padding-left   : 6px;
}
TABLE#idTopTen TD
{
    padding-bottom : 8px;
    font-size      : 8pt;
}
TABLE#idTopTen TD A
{
    color: #004FD3;
}
TD#idContentCell H3
{
    color         : #004FD3;
    font-family   : "Trebuchet MS";
    font-weight   : normal;
    font-size     : 16pt;
    margin-top    : 10px;
    padding-left  : 10px;
}
TD#idContentCell H4
{
    font-family   : "Verdana";
    font-size     : 9pt;   
    margin        : 0px
}
TD#idContentCell LI.clsSettingItem
{
    font-size    : 9pt;
    margin-top   : 10px;
    margin-left  : 10px;
}
TD#idContentCell LI.clsSettingItem A
{
    font-weight : bold;
    color       : #004FD3;
}
TD#idContentCell SPAN.clsSettingDesc
{
    font-size   : 8pt;
}
TD#idContentCell HR
{
    margin-top  : 10px;
    height      : 1px;
    color       : rgb(195, 201, 237);
}

/* small description text on allow/block page for msgr settings */
TD#idContentCell .clsSmallDesc 
{
    font-family   : "Verdana";
    font-size     : 8pt;   
}

TD#idContentCell DIV.clsMessage
{
    padding             : 5px;
}

TD#idContentCell DIV.clsError
{
    padding             : 5px;
    color               : #ff0000;
}

TD#idContentCell TABLE#idProfileTable TD
{
    padding             : 5px;
}

TD#idContentCell TABLE#idProfileTable HR
{
    margin-top  : 0px;
}

TD#idContentCell TABLE#idProfileTable TD.clsLabel
{
    font-weight   : bold;
}

TD#idContentCell TABLE#idPasswordTable TD
{
    padding             : 5px;
}

TD#idContentCell TABLE#idPasswordTable HR
{
    margin-top  : 0px;
}

TD#idContentCell TABLE#idPasswordTable TD.clsLabel
{
    font-weight   : bold;
}

TD#idContentCell TABLE#idSecretQuestionTable TD
{
    padding             : 5px;
}

TD#idContentCell TABLE#idSecretQuestionTable HR
{
    margin-top  : 0px;
}

TD#idContentCell TABLE#idSecretQuestionTable TD.clsLabel
{
    font-weight   : bold;
}

/* stuff for the "all links" page */
/* stuff for the "all links" page */
TABLE.clsBigGroup
{
    background-image    : ;
    background-repeat   : no-repeat;
    background-position : 25px 15px;
}
TABLE.clsSmallGroup
{
    background-image    : ;
    background-repeat   : no-repeat;
    background-position : 25px 15px;
}
TABLE.clsBigGroup TD.clsContent, TABLE.clsSmallGroup TD.clsContent
{
    width       : 100%;
    padding-top : 25px;
}
TABLE.clsBigGroup DIV.clsSectionTitle, TABLE.clsSmallGroup DIV.clsSectionTitle
{
    font-weight : bold;
    width       : 120px;  /* to pad the cell so we dont lose the gradient */
    line-height : 150%;
}
TABLE.clsBigGroup DIV.clsSectionItem, TABLE.clsSmallGroup DIV.clsSectionItem
{
    font-size   : 8pt;
    line-height : 140%;
}
TD#idCol1, TD#idCol2
{
    width       : 50%;
}

/* for the watermark images ... */

BODY TD#idContentCell
{
    background-attachment : fixed;
    background-repeat     : no-repeat;
    background-position   : right 150px;
    background-image      : url('images/bg-account.gif');
}
BODY#idSettingsBody TD#idContentCell
{
    background-image      : none;
}

/* background images - positioned by the body tag defaults */
BODY#idMessengerBody TD#idContentCell
{
    background-image    : ;
}
BODY#idAccountBody TD#idContentCell, BODY#idServicesBody TD#idContentCell, BODY#idWebBody TD#idContentCell, BODY#idCommunicationBody TD#idContentCell
{
    background-image    : url('../../../Release/ausetting/en/us/cpq/images/bg-account.gif');
}
BODY#idFavoritesBody TD#idContentCell
{
    background-image    : ;
}
BODY#idEmailBody TD#idContentCell
{
    background-image    : ;
}
BODY#idCommunitiesBody TD#idContentCell
{
    background-image    : ;
}
BODY#idMusicBody TD#idContentCell
{
    background-image    : ;
}
BODY#idMoneyBody TD#idContentCell
{
    background-image    : ;
}
BODY#idShoppingBody TD#idContentCell
{
    background-image    : ;
}
BODY#idHomepageBody TD#idContentCell, BODY#idPersonalizationBody TD#idContentCell
{
    background-image    : ;
}

BODY#idPrivacyBody TD#idContentCell, BODY#idSecurityBody TD#idContentCell,  BODY#idParentalControlsBody TD#idContentCell
{
    background-image    : ;
}

/* selected / unselected tiles in the user list */

BODY#idAccountBody TABLE#idTileTable TD.clsUnselected
{
    border              : solid 0px #FCFAF4;
    padding             : 4px;
}

BODY#idAccountBody TABLE#idTileTable TD.clsSelected
{
    background-color    : beige;
    border              : solid 2px #009AFE;
    padding             : 2px;
}

BODY#idAccountBody TABLE#idUserList TD.clsUnselected
{
    border              : solid 0px #FCFAF4;
    padding             : 6px;
}

BODY#idAccountBody TABLE#idUserList TD.clsSelected
{
    background-color    : beige;
    border              : solid 2px #009AFE;
    padding             : 4px;
}

/* form controls */
INPUT
{
    border              : 1px solid #C0C0C0;
}
INPUT.clsCheckbox, INPUT.clsRadio
{
    border-width        : 0px;
    margin              : 1px;
}
BUTTON
{
    cursor        : hand;
    behavior      : ;
    border        : 0px;
    padding       : 5px;
    padding-left  : 15px;
    padding-right : 15px;
    font-size     : 8pt;
    font-family   : "Verdana";
}
TABLE#idButtonTable TD.clsPadCell
{
    width: 100%;
}
BUTTON.clsCancel
{
    glyph          : cancel;
    padding-left   : 10px;
    padding-top    : 2px;
    padding-bottom : 3px;
}
BUTTON.clsDo
{
    glyph          : ok;
    padding-left   : 10px;
    padding-top    : 2px;
    padding-bottom : 3px;
}
BUTTON#idButtonAllow
{
    glyph          : back;
    padding-left   : 10px;
    padding-top    : 2px;
    padding-bottom : 3px;
    width          : 75px;
}
BUTTON#idButtonDeny
{
    glyph          : next;
    glyph-align    : right;
    padding-left   : 10px;
    padding-top    : 2px;
    padding-bottom : 3px;
    width          : 75px;
}


P.clsDescription  /* paragraphs of description text for a setting - ex. privacy-logging.htm */
{
}

/* in account-deluser.htm */
DIV#idUsername
{
    font-weight         : bold;
}