/* CSS Document */
html {margin: 0; padding: 0;}

/* top nav menu */
div#header1 {margin: 0; padding: 0; background: url(../images/bg_header.jpg) top left; height: 115px; width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}

.containercentered {margin: 0 auto 0 auto; width: 773px; text-align: left; position: relative; z-index: 1;}
 
img#header2 {margin: 0; padding: 0; width: 773px; height: 85px; position: relative; z-index: 1; display: block; border-style: none;}

div.menuBar {margin: 0; padding: 0; position: absolute; top: 84px; left: 0; width: 768px; height: 29px; background: url(../images/header_menu.jpg) top left; text-align: left; display: block; overflow: hidden; z-index: 1000;}
div.menuBar a {position: absolute; width: 100px; height: auto; top: 0; text-decoration: none;}
div.menuBar a b {visibility: hidden;}
div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {font-family: verdana, arial, helvetica, sans-serif; font-size: .85em; font-style: normal; font-weight: normal; color: #fff; z-index: 1000;}
div.menu {margin:0; padding: 2px 1px 1px 0; position: absolute; top: 113px; left: 0; background-color: #b80000; border-width: 2px; border-style: outset; border-top: 2px solid #fff; border-right-color: #e0e0e0; border-bottom-color: #e0e0e0; border-left-color: #e0e0e0; visibility: hidden; z-index: 1000;}
div.menu a.menuItem {margin: 0 0 1px 0; padding: 3px 1em; color: #fff; border: 1px solid #b80000; text-decoration: none; white-space: nowrap; position: relative; display: block;}
div.menu a.menuItem:hover {color: #fff; border: 1px solid #ccc; position: relative; z-index: 1000;}
div.menu a.menuItem span.menuItemArrow {margin-right: -.75em;}
div.menu div.menuItemSep {margin: 4px 2px; border: 1px inset #e0e0e0;}
div.menuItemSep {margin: 4px 2px; border: 1px inset #e0e0e0;}

a#NavMenu1, a#NavMenu2, a#NavMenu3, a#NavMenu4, a#NavMenu5, a#NavMenu6 {position: absolute; top: 0; height: 27px;}
a#NavMenu1	{left: 4px; width: 97px;}
a#NavMenu2	{left: 99px; width: 136px;}
a#NavMenu3	{left: 233px; width: 168px;}
a#NavMenu4	{left: 399px; width: 125px;}
a#NavMenu5	{left: 522px; width: 143px;}
a#NavMenu6	{left: 663px; width: 101px;}

div#salesMenu {left: 4px;}
div#opsMenu {left: 99px;}
div#sharedMenu	{left: 233px; }
div#reportMenu	{left: 399px; }
div#appsMenu	{left: 522px; }
div#homeMenu	{left: 663px; }

/* end top menu nav */

body {margin: 0; padding: 0; font-family:   verdana, arial, helvetica, sans-serif; color: #000; text-align: left; background-color: #666;}
blockquote, div, form, input, ul, ol, li, p, select, option, textarea {font-family:   verdana, arial, helvetica, sans-serif;}

#redline {height: 5px; background-color: #b80000; font-size: 0.01em; position: relative; top: 29px; left: 0; z-index: -100;}

.Content {margin: 35px 0 0 0; padding: 0; font-family:   verdana, arial, helvetica, sans-serif; font-size: 0.85em; overflow: visible; z-index: 1;}
.Content p {margin: 0; padding: 5px; width: 99%;}
.Content img {margin: 0 5px 0 0; border: 1px solid #000;}
img.imgright {margin: 0 0 0 5px; border: 1px solid #000;}
.Content ul, .Content ol {margin: 0 0 3px 15px; padding: 15px; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.95em; display: block; overflow: visible;}
.Content a:link, .Content a:visited, .Content a:active {color: #cc0001; background-color: transparent; text-decoration: none;}
.Content a:hover {color: #666; background-color: transparent; text-decoration: underline;}
.Content h1, .Content h2, .Content h3, .Content h4 {margin: 0; padding: 5px; font-family: arial, helvetica, geneva, sans-serif; font-weight: bold; background-color: transparent;}
.Content h1 {margin: 0 0 .3em 0; font-size: 1.30em; color: #333;}
.Content h2 {margin: 0 0 .3em 0; font-size: 1.30em; color: #333;}
.Content h3 {margin: .3em 0 0 0; font-size: 1.0em; color: #b80000;}
.Content h4 {margin: 0; font-size: 1.0em; color: #000;}
.Content strong {font-size: .95em; font-weight: bold;}
.red {color: #b80000;}

.ContentMetricReport {margin: 35px 0 0 0; padding: 0; font-family:   verdana, arial, helvetica, sans-serif; font-size: 0.8em; overflow: visible; z-index: 1;}
.Content-Pdf {margin: 0 0 0 0; padding: 0; font-family:   verdana, arial, helvetica, sans-serif; font-size: 0.7em; overflow: visible; z-index: 1;}

.Reporting
.Reporting img {border: 0;}
.Reporting a:link, .Reporting a:visited, .Reporting a:Reporting {text-decoration: none;}
.Reporting a:hover {text-decoration: underline;}

a.nextpage {color: #cc0001; background-color: transparent; font-weight: bold; text-decoration: none;}

p.clearing {clear: both; margin: 0; padding: 0;}

/* footer */
#footer {margin: 0; padding: 0; width: 99%; background-color: #b80000;  position: relative;}
div.footertext {margin: 0; padding: 4px; font-family: verdana, helvetica, geneva, sans-serif; font-size: .7em; color: #fff; background-color: #b80000; text-align: center; position: relative; top: 5px; left: 0; }
.footertext a, .footertext a:link, .footertext a:active, .footertext a:visited {color: #fff; background-color: #b80000; text-decoration: none;}
.footertext a:hover {color: #fff; background-color: #b80000; text-decoration: underline;}
p.copyright {margin: 10px; padding: 0; font-family: verdana, helvetica, geneva, sans-serif; font-size: .7em; color: #000; text-align: center; display: block;}
span.checkmark {font-family: 'wingdings 2'; font-size: .95em; color: #060; font-weight: bold;}
/* home columns */
#colswrapper {float: left; margin: 0; padding: 0;}
#floatwrapper3col {float: left; margin: 0; padding: 1px;}

.wide3col {float: right; margin: 0; padding: 1px; font-family:   verdana, helvetica, geneva, sans-serif; font-size: .85em; color: #000; background-color: #fff;}

.leftmenu {float: left; margin: 0 0 10px 0; padding: 1px; font-family: verdana, helvetica, geneva, sans-serif; font-size: .85em; color: #000; background-color: #eee;}

.rightcol {float: right; margin: 0; padding: 1px; font-family: verdana, helvetica, geneva, sans-serif; font-size: .85em; color: #000; background-color: #eee;}

#colswrapper 		
{
    width: 99%; /*expression(document.body.clientWidth < 790 ? "787px" : "99%");*/
     min-width: 787px;         		 }
#floatwrapper3col	
{
    width: 75%;/*expression(document.body.clientWidth < 790 ? "590px" : "75%");*/
    min-width: 590px;
    }
.wide3col 			
{
    width: 66%;/*expression(document.body.clientWidth < 790 ? "390px" : "66%");*/
    min-width: 390px;
    }
.personalmenu, .leftmenu, .sectionmenu 	
{
    width: 30%;/*expression(document.body.clientWidth < 790 ? "175px" : "30%");*/
    min-width: 175px;
    }
.rightcol 			
{
    width: 23%;/*expression(document.body.clientWidth < 790 ? "183px" : "23%");*/
    min-width: 183px;
    }
/* end home columns */

/* ops section */
#floatwrapper2col {float: left; margin: 0; padding: 1px;}

.wide2col {float: right; margin: 0; padding: 1px; font-family: verdana, helvetica, geneva, sans-serif; font-size: .85em; color: #000; background-color: #fff; border: 1px solid #fff;}

#floatwrapper2col	
{
    width: 99%;/*expression(document.body.clientWidth < 790 ? "785px" : "99%");*/
    min-width: 785px;
    }
.wide2col 			
{
    width: 66%;/*expression(document.body.clientWidth < 790 ? "580px" : "66%");*/
    min-width: 580px;
    }

.sectionmenu {float: left; margin: 0 0 10px 0; padding: 5px; text-align: left; background-color: #fff; position:relative; min-width: 200px;}
.smenuhead {margin: 0; padding: 1px; line-height: 18px; color: #fff; background-color: #000; border: none;}
.smenuleft {float: left; margin: 0; padding: 0; text-align: left;}
.smenuright {float: right; margin: 0; padding: 0; text-align: right;}

.sectionmenu h4 {margin: 0; padding: 3px; font-family: arial, helvetica, geneva, sans-serif; font-weight: bold; font-size: .85em; color: #000; background-color: transparent;}
.sectionmenu p {margin: 0; padding: 0; font-family: verdana, helvetica, geneva, sans-serif; font-size: .85em;}

.smenu, .smenu p, .smenuleft, .smenuright {margin: 0; padding: 0; font-family: verdana, helvetica, geneva, sans-serif; font-size: .85em; line-height: 16px;}

.smenu a, .smenu a:link, .smenu a:active, .smenu a:visited {margin: 0; padding: 3px; color: #b80000; background-color: transparent; text-decoration: none; display: block;}
.smenu a:hover {margin: 0; padding: 2px; color: #cc0001; background-color: transparent; text-decoration: none; border: 1px solid #ccc;}

/* report encore table */
.tablewrapper {margin: 0; padding: 0; text-align: center; position: relative; background-color: #fff;}
#reportwrapper {margin: 0 auto 0 auto; padding: 0; text-align: center; width: 98%; position: relative; background-color: #fff;}
#reportwrapper-pdf {margin: 0 0 0 0; padding: 0; text-align: center; width: 100%; position: relative; background-color: #fff;}
#reportheader {margin: 0 auto 0 auto; padding: 0; text-align: center; vertical-align: center; width: 98%; background-color: #fff;}
#reporttitle {float: left; margin: 0; padding: 0; width: 50%; text-align: center;}
#reporttitle h4 {text-align: center;}
#reportselect {float: left; margin: 0; padding: 0; width: 40%; text-align: left; position: relative; z-index: 500;}

.reporttable {margin: 0 auto 0 auto; padding: 3px; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; width: 98%; text-align: left; vertical-align: middle; position: relative; background-color: #fff;}
.reporttable th {margin: 0; padding: 3px; background-color: #d4dfff; font-weight: bold; line-height: 11px;}
.reporttable td {margin: 0; padding: 3px; line-height: 15px;}

#cogwrapper {margin: 0; padding: 0; text-align: left; width: 98%; position: relative; background-color: #fff;}
.cogtable {margin: 0 padding: 3px; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; width: 98%; text-align: left; vertical-align: middle; position: relative; background-color: #fff;}
.cogtable th {margin: 0; padding: 3px; background-color: #d4dfff; font-weight: bold; font-size: 1.2em;}
.cogtable td {margin: 0; padding: 3px;}
.cogtable a, .cogtable a:link, .cogtable a:active, .cogtable a:visited {margin: 0; padding: 0; color: #000; font-size: 1.2em; text-decoration: none;}
.cogtable a:hover {text-decoration: underline;}

/* required field on dashboard reports */
.inputyellow {background-color: #ffffcc; }

/* sales division page */
.awardbox    {margin: 0 0 0 5px; padding: 5px; width: 95%; border: 1px solid #000; text-align: center;}
.awardleft   {margin: 0; padding: 0; float: left; width: 80px;}
.awardcenter {margin: 0; padding: 0; float: left; width: 200px; text-align: center;}
.awardright  {margin: 0; padding: 0; float: right; width: 75px;}
.awardall    {margin: 0; padding: 0 0 0 10px; float: left; width: 275px;}

.awardrow	{margin: 0 auto 0 auto; padding: 0; width: 95%;}
.awardlt	{float: left; margin: 0; padding: 0; width: 170px; border: 1px solid #000; }
.awardrt	{float: right; margin: 0; padding: 0; width: 170px; border: 1px solid #000; }
.awardlt p, .awardrt p		{background-color: #fff; font-size: 0.85em;}
.awardlt h3, .awardrt h3	{margin: 0; padding: 5px; color: #000; background-color: #ccc; width: 100%;}

/* sales rep scoreboard */
.scoretable {float: left; margin: 0 auto 0 auto; padding: 0px; width: 311px;}
.querytable {margin: 0 auto 0 auto; padding: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; width: 98%; text-align: left; vertical-align: middle; position: relative; background-color: #fff; z-index: 0; border: 1px solid #996;}
.querytablehead {color: #333; background-color: #eed;}
.querytablefooter {color: #333; background-color: #eed; border-top: 1px solid #995;}
.querytable th {margin: 0; padding: 3px; background-color: #333; color: #eed; font-weight: bold; vertical-align: middle; line-height: 11px;}
.querytable td {margin: 0; padding: 3px; line-height: 15px;}
.rowa {background-color: #fff;}
.rowb {background-color: #e6e6e6;}
.querytable h4 {margin: 0; padding: 5px; font-size: 1.2em; color: #000; font-family: arial, helvetica, geneva, sans-serif; font-weight: bold; background-color: transparent;}

/* rep profile */
img.redstar {margin: 0 1px 0 1px; padding: 0; border: 0;}

/* instrumentready text */
span.inst {margin: 0; padding: 0; color: #333; font-weight: bold;}
span.ready {margin: 0; padding: 0; color: #b80000; font-weight: bold; font-style: italic;}

/* misc */
.repeatrule {background-repeat: repeat-y;}
.center {text-align: center;}

/* s3 quality assurance */
.s3menu {margin-bottom: 20px;}
td.s3blackheading {background-color: #000;}
p.s3blackheading {margin: 0; padding: 5px; color: #fff;}

.h2_red {color: #b80000 !important;}