address, blockquote, body, caption, center, cite, dd, dfn, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, menu, ol, p, samp, select, textarea, td, th, ul {font-family: verdana, arial, helvetica, vera, sans-serif; font-size: 11px; line-height: 15px; font-weight: normal; }

/* ===== links and nav =====*/
a, a:link, a:visited  {cursor: pointer; text-decoration: underline; color: #0066dd;}
a:hover, a:active {background: #e0e6ed; color: #0033cc;}
a.highlight, a.highlight:link, a.highlight:visited {font-weight: bold; text-decoration: none;}

a.nav, a.nav:link, a.nav:visited, a.nav-right, a.nav-right:link, a.nav-right:visited, .nav-selected, .nav-selectedr {background: transparent; height: 17px !important; height/**/: 18px;  float: left; color: #ffffff; text-decoration: none; padding: 1px 10px 0px 10px; font-weight: bold;}
a.nav:hover, a.nav:active {color: #ffee99; background: #000000;}

a.nav-right, a.nav-right:link, a.nav-right:visited {color: #e0e6ed; float: right;}
a.nav-right:hover, a.nav-right:active {color: #ffee99; background: #000000; float:right;}

.nav-selected, .nav-selectedr {color: #ffee99;}
.nav-selectedr {float: right;}

a.home, a.home:link, a.home:visited {background:  url(../pics/logo.gif); text-decoration: none; width: 170px; height: 73px; float: left;}
a.home:hover, a.home:active {background:  url(../pics/logo-over.gif);}

a.blugrey, a.blugrey:link, a.blugrey:visited, a.blugrey2, a.blugrey2:link, a.blugrey2:visited  {background: url(../pics/button.gif); color: #ffffff; font-weight: bold; text-decoration: none; width: 120px; height: 18px; float: left; position:relative; text-align: center; margin: 0px;}
a.blugrey:hover, a.blugrey:active, a.blugrey2:hover, a.blugrey2:active  {background: url(../pics/button-over.gif); }
a.blugrey2, a.blugrey2:link, a.blugrey2:visited, a.blugrey2:hover, a.blugrey2:active {margin: 0px 0px 0px 15px;}

a.button-med, a.button-med:link, a.button-med:visited {background: url(../pics/button-med.gif); color: #ffffff; font-weight: bold; text-decoration: none; width: 173px; height: 18px; float: left; position:relative; text-align: center; margin: 0px 0px 22px 0px;}
a.button-med:hover, a.button-med:active {background: url(../pics/button-med-over.gif); }

a.button-big, a.button-big:link, a.button-big:visited {background: url(../pics/button-big.gif); color: #ffffff; font-weight: bold; text-decoration: none; width: 252px; height: 18px; float: left; position:relative; text-align: center; margin: 0px 0px 22px 0px;}
a.button-big:hover, a.button-big:active {background: url(../pics/button-big-over.gif); }

a.tab, a.tab:link, a.tab:visited, .tab-selected {background: url(../pics/tabm.gif); height: 18px; color: #ffffff; text-decoration: none; padding: 3px 0px 2px 0px !important; padding/**/: 2px 0px 1px 0px; font-weight: bold; vertical-align: 4px !important; vertical-align/**/: 3px;}
a.tab:hover, a.tab:active {color: #000000; }
.tab-selected {color: #000000; background: url(../pics/tabselm.gif);}
.tab-nolink{background: url(../pics/tabm.gif); height: 18px; color: #ffffff; text-decoration: none; padding: 3px 0px 2px 0px !important; padding/**/: 2px 0px 1px 0px; font-weight: bold; vertical-align: 4px !important; vertical-align/**/: 3px;}

a.folder, a.folder:link, a.folder:visited, a.folder-item{background: transparent url(../pics/folder.gif); width: 150px !important; width/**/: 170px; height: 18px; float: left; padding: 0px 0px 0px 20px; text-decoration: none;}
a.folder:hover, a.folder:active {background: #d6e0e9 url(../pics/folder.gif);}
a.folder-item, a.folder-item:link, a.folder-item:visited {background: url(../pics/folder-item.gif) no-repeat; width: 230px !important; width/**/: 250px; }
a.folder-item:hover, a.folder-item:active {background: #d6e0e9 url(../pics/folder-item.gif) no-repeat; }

a.article, a.article:link, a.article:visited {background: transparent url(../pics/icon-article.gif) no-repeat; width: 380px !important; width/**/: 400px; height: 18px; float: left; padding: 0px 0px 0px 20px; text-decoration: none;}
a.article:hover, a.article:active{background: #d6e0e9 url(../pics/icon-article.gif) no-repeat; }

/* ===== standards ===== */
body {margin: 0px; text-align: center; background: #ffffff; cursor: default;}
button {cursor: pointer;}
address, big, blockquote,caption, cite, code, dfn, div, dd, dl, dt, pre {margin: 0px;}
caption {text-align: left; font-weight: bold; color: #666666; margin: 0px;}
cite, dfn, samp {font-style: italic;}
h1 {margin: 0px; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#537598; line-height: 20px;} /**** page titles only****/
h2 {margin: 0px; font-size: 11px; font-weight: bold; color: #7f96ac;} /**** section titles only ****/
h3 {margin: 20px 0px 0px 0px; font-size: 12px; font-weight: bold; color: #666666;} /**** sub-titles only ****/
h4 {margin: 20px 0px 0px 0px;  padding: 0px 11px 0px 4px; border-width: 0px 0px 0px 14px; border-style: solid; border-color: #bbbbbb; font-size: 11px; font-weight: bold; line-height: 11px;} /**** sub-sub headers only****/
h5 {margin: 0px; font-size: 10px; font-style: italic;} /**** small notes only ****/
h6 {margin: 0px; font-size: 10px; color: #888888;} /**** footer only ****/
hr {margin: 0px; height: 1px; color: #cccccc;}
html {margin: 0px;}
input {cursor: auto; line-height: 15px; vertical-align:middle;}
kbd {font: 1em monospace;}
li {margin: 0px 0px 5px -27px !important; margin/**/: 0px 0px 5px 16px; color: #7f96ac;}
ol {margin: 0px 0px 18px 9px; list-style: decimal;}
p {margin: 0px 0px 18px 0px; color: #7f96ac; line-height: 18px;}
select {cursor: auto;}
samp {color: #777777;}
small, sub, sup {margin: 0px; font-size: 13px;}
table {margin: 0px;}
td {margin: 0px; vertical-align: top;}
textarea {cursor: text; font-size: 11px;line-height: 13px;}
th, tt {text-align: left; font-weight: bold; vertical-align:top; font-size: 10px; padding: 0px 0px 0px 5px;}
ul {margin: 0px 0px 18px 0px; list-style: disc;}

/* ===== ids ===== */
#page {background: #ffffff; position: relative; margin-left: auto; margin-right: auto; width: 955px;}
#logo, #banner, #utility, #menu-left, #menu-right, #drill, #brochure-content, #content, #title, #scoop-simple, #footer {text-align: left; position: relative; float: left; margin: 0px; padding: 0px;}
#logo{width: 170px;}
#banner{width: 459px; height: 73px; background: url(../pics/banner.gif);}
#utility {width: 326px; text-align: right; padding: 5px 0px 0px 0px;}
#menu-left {height: 18px; width: 590px !important; width/**/: 600px; background: url(../pics/nav-bar.gif); padding-left: 10px; }
#menu-right {height: 18px; width: 345px !important; width/**/: 355px; background: url(../pics/nav-bar.gif) right; padding-right: 10px; text-align: right; }
#drill {width: 935px !important; width/**/: 955px; height: 29px !important; height/**/: 32px; padding: 3px 0px 0px 20px; }
#brochure-content {width: 700px; float:left;}
#title {margin: 0px; clear:left; width: 647px !important; width/**/: 700px; padding: 10px 50px 15px 3px; }
#content {clear:left; width: 590px !important; width/**/: 700px; padding: 0px 60px 30px 50px; }
#content-home {float:left; width: 365px !important; width/**/: 445px; padding: 0px 35px 0px 45px; position: relative;}
#left-panel{width: 255px; clear: left; margin: 0px; float: left; position: relative;}
#right-panel{width: 255px; float: left; margin: 0px;}
#footer {margin: 40px 0px 0px 0px; clear: left; width: 255px; text-align: center; color: #999999;}

#workspace-content {width: 700px; float:left;}
#workspace-title {margin: 0px; clear:left; width: 647px !important; width/**/: 650px; padding: 0px 0px 0px 3px; float:left; text-align: left; border-bottom: 1px solid #dde3ee;}
#workspace-diag {margin: 0px; clear:left; width: 700px; padding: 10px 0px 0px 0px; float:left; text-align: left;}
#workspace-right-panel{margin: 0px; width: 255px; float: left;}
#demo-content {clear: left; float:left; width: 955px;}
#text-only{width: 625px;}

#scoop-panel-top-pilot {margin: 0px; clear: left; width: 255px; background: url(../pics/scoop-panel-top-offer.gif); height: 38px;}
#scoop-panel-top-free {margin: 0px; clear: left; width: 255px; background: url(../pics/scoop-panel-top-free.gif); height: 38px;}
#scoop-panel-top-quick {margin: 0px; clear: left; width: 255px; background:  url(../pics/scoop-panel-top-quick.gif); height: 38px;}
#scoop-panel-top-signup {margin: 0px; clear: left; width: 255px; background: url(../pics/scoop-panel-top-benefits.gif); height: 38px;}
#scoop-panel-top-account {margin: 0px; clear: left; width: 255px; background: url(../pics/scoop-panel-top-uptodate.gif); height: 38px;}
#scoop-panel-top-users {margin: 0px; clear: left; width: 255px; background: url(../pics/scoop-panel-top-restrictions.gif); height: 38px;}
#scoop-panel-mid {margin: 0px; clear: left; width: 215px !important; width/**/: 255px; background: url(../pics/scoop-panel-mid.gif); padding: 0px 20px 0px 20px; text-align: left;}
#scoop-panel-bot {margin: 0px 0px 15px 0px; clear: left; width: 255px; background: url(../pics/scoop-panel-bot.gif); height: 19px;}
#scoop-panel-mini-left, #scoop-panel-mini-right {margin: 0px; width: 95px !important; width/**/: 120px; background: url(../pics/scoop-panel-mini.gif); height: 54px !important; height/**/: 58px; padding: 4px 13px 0px 12px; float:left;}
#scoop-panel-mini-left {clear: left;}
#scoop-panel-mini-right {float: left; position: relative; margin-left: 15px;}
#scoop-search-box{margin: 5px 0px 5px 0px;} /* for scoop topic box only */
#scoop-links{margin: 15px 0px 0px 0px; text-align: center;}

#home-panel-top{margin: 0px; clear: left; width: 252px; background: url(../pics/home-panel-top.gif); height: 35px;}
#home-panel-mid{margin: 0px; clear: left; width: 227px !important; width/**/: 252px; background: url(../pics/home-panel-mid.gif); padding: 0px 10px 5px 15px;}
#home-panel-bot{margin: 0px; clear: left; width: 252px; background: url(../pics/home-panel-bot.gif); height: 17px;}
#who-benefits{}
					
/* ===== classes ===== */
.form-login{margin: 0px; padding: 5px 0px 10px 0px;}
.form-trim{margin: 0px; text-align:left;}
.knockback{color:#999999;}
.panel-head{font-weight: bold;}
.right-shift{float: left; padding: 0px 0px 0px 15px;}
.button-bold{font-weight: bold; height: 22px; padding-bottom: 3px;}
.home{color: #000000;}
.pic-home-left{background: url(../pics/home-pic-panel.jpg); width: 172px; height: 86px; clear:left; float:left; position: relative; text-align: center; }
.pic-home-right{background: url(../pics/home-pic-panel.jpg); width: 166px !important; width/**/: 179px; height: 86px; margin: 0px 0px 0px 16px; float:left; position: relative; text-align: center;}
.elevator1, .elevator2 {margin: 5px 0px 0px 0px; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color:#cc6600; line-height: 20px;}
.elevator2{color:#ebbf8c; margin: 0px 0px 17px 0px;}
.who-benefits-pic{clear:left; float:left; position:relative; width: 90px;}
.who-benefits-copy{float:left; position:relative; margin: 0px 0px 10px 7px; width: 470px;}
.how-works-pic{clear:left; float:left; position:relative; width: 102px; height: 102px; margin: 0px 0px 20px 0px;}
.how-works-copy{float:left; margin: 0px 0px 20px 7px; width: 465px; height: 102px;}
.table-form{background: #f1f9fe; border-right: 1px solid #b9cbdb; border-left: 1px solid #b9cbdb; width: 580px;}
.form-top{clear: left; background: url(../pics/form-top.gif); width: 580px; height: 13px;}
.form-bot{clear: left; background: url(../pics/form-bot.gif); width: 580px; height: 13px; margin-bottom: 20px;}
.tabstrip{margin-left: 20px;}
.tabnav {clear: left; background: url(../pics/tabnav.gif); width: 580px; height: 40px;}
.tabtitle {clear: left; background: url(../pics/tabnav.gif); width: 570px !important; width/**/: 580px; height: 30px; font-weight:bold; padding: 0px 0px 0px 10px;}
.tab-sell{background: url(../pics/tabsell.gif); width: 11px; height: 18px;}
.tab-selr{background: url(../pics/tabselr.gif); width: 11px; height: 18px;}
.fieldhead, .fieldheademph{padding: 0px 0px 0px 10px; font-size:11px; font-weight:normal; height: 20px;}
.fieldheademph, .fieldheademphbox {border-top: 2px solid #ffffff; border-bottom: 2px solid #e1e9ee;}
.fieldheademphbox {padding:0px;}
.folder-open, .folder-list {background: #d6e0e9 url(../pics/folder-open.gif) no-repeat; width: 150px !important; width/**/: 170px; height: 18px; float: left; padding: 0px 0px 0px 20px; }
.folder-notes{line-height: 18px;}
.folder-list{background: url(../pics/folder.gif) no-repeat; width: 180px !important; width/**/: 200px; height: 18px; float: left; padding: 0px 0px 0px 20px; }
.pane-scoop {border-left: 4px solid #d6e0e9; padding: 0px 0px 0px 10px;}  
.event{float: left; position:relative; margin: 0px; padding: 0px 0px 13px 3px; width: 477px !important; width/**/: 480px;}
.top-right{float: left; text-align: right; position:relative; margin: 0px; padding: 0px 3px 13px 0px; width: 97px !important; width/**/: 100px;}
.error_msg{color: #ff0000;}
.scooplist{border-bottom: 1px solid #ffffff;}
.scooplistaction{height: 25px; vertical-align:bottom; text-align:right;}

