/* CSS Document */
HTML, BODY {height:100%;}
BODY {margin:0px; text-align:left; color:#000000; background-color:#FFFFFF;}
BODY, TD {font-family:Arial, Helvetica, sans-serif; font-size:14px;}


/* BACKGROUND CELL STYLES*/
#blue-curve {width:106px; height:101px; vertical-align:top}
.blue {background-color:#1A75CF; color:#000000; }
#content {height:100%; width:100%; vertical-align:top; text-align:left; margin:0px;}
#left-elements{position:absolute; top:12px; left:0px; margin:0px;}
.left-elements {vertical-align:top;width:106px; height:auto;}
#left-bottom {position:absolute; top:291px; left:0px; margin:0px; height:100%; }
#menu {position:absolute; top:148px; left:0px;}
.menu {width:106px; height:144px; border:none; padding:0px; vertical-align:top;}
.menu-cell {width:106px; height:24px; }
#page-menu {position:absolute; top:29px; left:0px; height:19px; width:100%;}
#page_menu_arc {width:8px;}
.page-menu {width:100%;}
.page-menu-contents {height:19px; text-align:right; padding-right:25px; vertical-align:middle;}
#under-logo {width:106px; height:35px; background-color:#FFFFFF;}

/* Top Bar Styles */
.page-menu-contents A, .page-menu-contents {font-size:11px; color:#FFFFFF; text-decoration:none;}
.page-menu-contents A:hover {color:#FFFFCC;}
.page-menu-title {text-transform:uppercase; font-size:14px; font-weight:bold; padding-left:5px;}
.copyright {width:100%; height:29px; vertical-align:middle; text-align:right; color:#B7B7B7; background-color:#FFFFFF; padding-top:9px;}

/* MAIN AREA STYLES */
#main {padding-left:15px; padding-right:15px; padding-bottom:15px; padding-top:2px; vertical-align:top; text-align:left;height:100%;}


/* Styles for PC IE only to make up for its misunderstanding of 100% width/height */
.page-menu { width: expression(document.body.clientWidth + 'px');}
#main {height:expression(document.body.clientHeight - 68 + 'px');}

/*form element modifiers */
.help {font-size:9px; letter-spacing:.1em; margin:0px; height:18px;vertical-align:middle;}
.pulldowns {font-size:9px; height:17px; vertical-align:middle;}
.insert {height:17px; margin:0px; padding:0px; font-size:9px; vertical-align:middle;}
.control-bar { font-size:9px; letter-spacing:.1em; margin:0px; height:18px;}
.form-tiny { font-size:7px; letter-spacing:.1em; margin:1px; height:18px;}

input.buttons, input.button, .buttons {display:block; color:#000000;  border: 1px solid #000000; background-repeat:repeat-x; vertical-align:middle}

.button A, .buttons A {color:#000000;}

input.buttons, input.button, .button A, .buttons A, .buttons {font-size:14px; text-align:center; text-decoration:none;}

input.buttonsover, {border: 1px solid #333333;}
.button A:hover, .buttons A:hover {color:#333333;}
.bns {width:100%;}

.sidepadding20 {padding-left:20px; padding-right:20px;}
.minwidth {width:250px;}
/* Color-coded Styles -- Buttons */
input.bnetwork, .bnetwork, .bnetwork A {background-image:url(bn-netw-off.gif);}
input.bnetworkover, .bnetwork A:hover, .bnetwork:hover {background-image:url(bn-netw-on.gif);}

input.bemail,.bemail, .bemail A {background-image:url(bn-email-off.gif);}
input.bemailover,.bemail A:hover, .bemail:hover {background-image:url(bn-email-on.gif);}

input.bhelp,.bhelp, .bhelp A {background-image:url(bn-help-off.gif);}
input.bhelpover,.bhelp A:hover, .bhelp:hover {background-image:url(bn-help-on.gif);}

input.bpreferences,.bpreferences, .bpreferences A {background-image:url(bn-pref-off.gif);}
input.bpreferencesover,.bpreferences A:hover, .bpreferences:hover {background-image:url(bn-pref-on.gif);}

input.bcommunity,.bcommunity, .bcommunity A {background-image:url(bn-comm-off.gif);}
input.bcommunityover,.bcommunity A:hover, .bcommunity:hover {background-image:url(bn-comm-on.gif);}

input.bblocking,.bblocking, .bblocking A {background-image:url(bn-block-off.gif);}
input.bblockingover,.bblocking A:hover, .bblocking:hover {background-image:url(bn-block-on.gif);}

/*alternate color codes--Buttons */
input.bbluecommunity,.bbluecommunity, .bbluecommunity A {background-image:url(bn-blue-off.gif);}
input.bbluecommunityover,.bbluecommunity A:hover, .bbluecommunity:hover {background-image:url(bn-blue-on.gif);}

input.bpurpleblocking,.bpurpleblocking, .bpurpleblocking A {background-image:url(bn-comm-off.gif);}
input.bpurpleblockingover,.bpurpleblocking A:hover, .bpurpleblocking:hover {background-image:url(bn-comm-on.gif);}


.bluetab {
   background-image:url(cellpic3.gif);
   font-size:18px;
   text-align:center;
   color:white;
   font-weight:bold;
}

.bluetab A:link {
   color:white;
}
.bluetab A:visited {
   color:#DDDDFF;
}
.bluetab A:hover {
    background-image:url(cellpic4.gif);
   color:#FFFFDD;
}

.adhocblue {color:#076CA0;} /* decimal RGB: 07 108 159 */


/*Color-coded Styles -- MAIN */
.network {background-color:#FF7B00; color:#FFFFFF;}
.email {background-color:#FFB700; color:#FFFFFF;}
.helpbar {background-color:#B2CF00; color:#FFFFFF;}
.preferences {background-color:#00A13E; color:#FFFFFF;}
.community {background-color:#003FC4; color:#FFFFFF;}
.blocking {background-color:#002F8F; color:#FFFFFF;}

/*alternate color codes--MAIN */
.bluecommunity {background-color:#2211C4; color:#FFFFFF;}
.purpleblocking {background-color:#6F00C4; color:#FFFFFF;}

/* Color-coded Styles --Lighter colors for tinting form areas */
.networklt {background-color:#F8BE8F; color:#000000;}
.emaillt {background-color:#FCDC88; color:#000000;}
.helplt {background-color:#D9E59A; color:#000000;}
.preferencelt {background-color:#8BCDA5; color:#000000;}
.preferenceblack {background-color:#C7E4D1; color:#000000; font-size:16px; }
.communitylt {background-color:#97A7D1; color:#000000;}
.blockinglt {background-color:#929FC5; color:#000000;}



#main IFRAME {z-index:100; background-color:#FFFFFF}
.title {font-size:16px; font-weight:bold;}


/* Standard Text Styles */
.larger {font-size:larger;}
.smaller {font-size:smaller;}





