﻿body
{
	background-color:#ffffff;
	padding:0 0 0 0; margin:0 0 0 0;
	/*width:1250px;*/
	width:100%;
	height:99%;
	font-family: Tahoma, "Times New Roman", Calibri, Arial, Times,serif !important; font-size: 12px;
	float:left;	
}

a { outline:none; color:#16385E; }

html, form { width:100%; height:100%; }

img { border-width: 0px; }

h3 { color:#3D5075; font-size:18px; }
h4 { color:#546FA2; font-size:15px; }

#coreWrapper { width:100%; min-height:100%;  margin:0 0 -104px 0; background:url('/images/header-bg-piece-01.jpg') repeat-x 0 0; }

#coreWrapper #headerLogo { min-width:800px; width:100%; height:111px; background:url('/images/header-bg-01.jpg') no-repeat 0 0; }
#coreWrapper #headerLogo #headerLogoPrimaryLinks { width:100%; height:auto; margin:3px 0 0 0; font-family:Tahoma; font-size: 12px; }
#coreWrapper #headerLogo #headerLogoPrimaryLinks a { color:#777777; text-decoration:none; margin:0 0 0 9px; }
#coreWrapper #headerLogo #headerLogoPrimaryLinks a:hover { text-decoration:underline; }
#coreWrapper #headerLogo #headerLogoSecondaryLinks { color:#ffffff; width:100%; height:auto; font-family:Calibri, Georgia, Arial; margin:65px 0 0 9px; }
#coreWrapper #headerLogo #headerLogoSecondaryLinks a { color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold; }
#coreWrapper #headerLogo #headerLogoSecondaryLinks a:hover { text-decoration:underline; }
#coreWrapper #coreContent { width:98%; height:auto; margin:50px 0 0 0; }

/* footer hack: To make the footer stick we have to add a div for virtual separation. */
.clearfooter { height: 104px; clear: both; }

#footer { width:100%; height:104px; background-color:#ffffff; }
#footer #tertiaryLinks { width:100%; height:23px; background-color:#eef1f7; }
#footer #tertiaryLinks a { color:#1E389F; text-decoration:none; margin:4px 5px 0 12px; float:left; }
#footer #tertiaryLinks a:hover { text-decoration:underline; }
#footer #signature { width:100%; height:78px; }
#footer #signature #address { width:600px; height:100%; float:left; }
#footer #signature #address span { display:block; margin:14px 0 0 12px; line-height:17px; text-align:left; }
#footer #signature #logos { height:100%; float:right; }
#footer #signature #logos img { margin:6px 0 0 0; }

.required { color:#bb0000; }
.requiredDynamic { color:#bb0000; }
.requiredMaybe { color:#F781F3; }
.requiredMaybeWarning { color:#c7c6c6; font-size:10px; }

.pipeDivider { margin:0 9px 0 9px; }

h1.siteTitle { font-family:Tahoma; font-size:20px; font-weight:normal; color:#622d1f; padding:0 0 0 0; margin:5px 0 0 20px; }
h2.siteSubTitle { font-family:Tahoma; font-size:17px; font-weight:normal; color:#bd7733; padding:0 0 0 0; margin:0 0 0 20px; }

.panelLogin { width:370px; height:133px; background:url('/images/panel-bg-login-01.jpg') no-repeat; margin:8px auto 0 auto; }
.panelLogin .panelLoginTable { float:right; width:263px; margin:20px 0 0 0; color:#808080; }

.panelLanding { width:397px; height:363px; margin:30px auto 30px auto; }
.panelLanding table { width:255px; margin:12px 0 0 99px; }
.panelLanding .panelSubmit { width:395px;  height:121px; float:left; background:url('/images/panel-bg-db-01.jpg') no-repeat; }
.panelLanding .panelExport { width:395px;  height:121px; float:left; background:url('/images/panel-bg-exp-01.jpg') no-repeat; }
.panelLanding .panelImport { width:395px;  height:121px; float:left; background:url('/images/panel-bg-imp-01.jpg') no-repeat; }
.panelLanding .panelHeader { font-size:1.5em; color:#3d5075; }

.panelExport { width:832px; height:auto; margin:0 auto 0 auto; float:left; }
.panelExport h2 { font-size:13px; color:#fff; }
.panelExport .seasonDescription { text-align:center; font-size:15px; font-weight:bold; margin:18px 0 10px 0; }
.panelExport .extension { text-align:center; }
.panelExport .panelLab { width:386px; height:200px; float:left; background:url('/images/panel-bg-01.jpg') no-repeat; margin:0 20px 0 0; }
.panelExport .panelState { width:386px; height:200px; float:left; background:url('/images/panel-bg-01.jpg') no-repeat; }
.panelExport .panelCounty { width:386px; height:200px; float:left; background:url('/images/panel-bg-01.jpg') no-repeat; }
.panelExport .panelLab h2 { margin:11px 0 0 70px; }
.panelExport .panelState h2 { margin:11px auto 0 60px; }
.panelExport .panelCounty h2 { margin:11px auto 0 60px; }
.panelExport .panelGeneral { width:345px; height:200px; float:left; background:url('/images/panel-bg-03.jpg') no-repeat; margin:0 20px 0 0; }
.panelExport .panelGeneral h2 { margin:11px 0 0 70px; }
.panelExport .info { margin:15px 0 0 45px; text-align:left; font-size:12px; width:300px; }
.panelExport .info a { font-size:inherit; }

.button-0 { width:135px; height:40px; background:url('/images/btn-bg-02.jpg') no-repeat; }
.button-0-text { display:block; text-decoration:none; color:#ffffff; font-weight:bold; float:left; }

.button-1 { width:121px; height:33px; background:url('/images/btn-bg-01.jpg') no-repeat; }
.button-1-text { display:block; text-decoration:none; color:#ffffff; font-weight:bold; text-align:center; padding:9px 0 0 0; }

.button-3 { width:135px; height:40px; background:url('/images/btn-bg-03.jpg') no-repeat; }
.button-3-text { display:block; text-decoration:none; color:#ffffff; font-weight:bold; float:left; }

#surveillance { margin:0 0 0 10px; height:100%; width:100%; }

#surveillance ul { padding:0 0 0 20px; font-size:1.3em; width:100%; font-weight:bold; display:block; list-style-type:none; list-style-position:outside; }
#surveillance ul li { float:left; width:230px; margin:0 10px 0 0; line-height:2em; }
#surveillance ul li a {  }
#surveillance ul li.on { border-bottom:5px solid #5271a5;  }
#surveillance ul li.on a { color:#395173; }
#surveillance ul li.off { border-bottom:5px solid #ecf0f6;  }
#surveillance ul li.off a { color:#a1acbf; }

#surveillance #surveillance #virusIsolation, #surveillance #polymeraseChainReaction { display:none; }
#surveillance .validationMessage a { font-size: 12px; color:#16385E; }
#surveillance table.data { border: solid 1px #fff; font-size:11px; background-color:#fff; border-bottom:solid 1px #aaaaaa; }
#surveillance table.data tr td { border:solid 1px #fff; }
#surveillance table.data tr.item { background-color:#fff; }
#surveillance table.data tr.item td { border-bottom:solid 1px #aaaaaa; }
#surveillance table.data tr.itemalternative { background-color:#e9eeee; }
#surveillance table.data tr.itemalternative td { border-bottom:solid 1px #aaaaaa; }
#surveillance table.data tr td.void { background-color: #fff; border-color:#fff; }
#surveillance table.data tr td a { color:#622d1f; font-size:11px; margin:0 3px 0 0; }
#surveillance table.data .firstheader td { background-color:#bb0000; color:#fff; text-align:center; }
#surveillance table.data .secondheader td { background-color:#808080; color:#fff; text-align:center; }
#surveillance table.data .thirdheader td { background-color:#aaaaaa; color:#fff; text-align:center; }
#surveillance table.data tr td.darkpink { background-color:#cb6f97; color:#fff; text-align:center; }
#surveillance table.data tr td.lightpink { background-color:#ef99be; color:#000; text-align:left; }
#surveillance table.data tr td.darkgreen { background-color:#8faf8f; color:#fff; text-align:center; }
#surveillance table.data tr td.lightgreen { background-color:#deebde; color:#000; text-align:left; }
#surveillance table.data tr.currentweek,
#surveillance table.data tr.currentweek td.lightgreen { background-color:#f4fa58; } /* Overwrite style of current reporting week. */

/*
*********************************************************************************
*								SCROLLABLE TABS
*********************************************************************************
*/
/* root element for tabs */
#tabs {
    /* dimensions */
    width: 1162px;
    height: 36px !important;
    margin: 0 !important;
    padding: 0;
    /* IE6 specific branch (prefixed with "_") */
    _margin-bottom: -2px;
}

/* single tab */
#tabs li { float:left; margin:0; padding:0; text-indent:0; list-style-type:none; height: 36px; width: 261px; }

/* a- tag inside single tab */
#tabs li a {
	background: url(/images/tab-bg-on-02.jpg) no-repeat;
	display:block;
	height: 36px;   
	width: 260px;
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#fff;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

/* mouseover state */
#tabs a:hover { color:#fff; background:url(/images/tab-bg-on-01.jpg); }
/*
#tabs #t1:hover { background:url(/images/tab-bg-on-01.jpg); }
#tabs #t2:hover { background:url(/images/tab-bg-on-01.jpg); }
#tabs #t3:hover { background:url(/images/tab-bg-on-01.jpg); }
*/

/* currently selected tabs */
#tabs a.current { cursor:default; color:#fff; line-height:34px; background:url(/images/tab-bg-on-01.jpg); }
/*
#tabs #t1.current { background:url(/images/tab-bg-on-01.jpg); }
#tabs #t2.current { background:url(/images/tab-bg-on-01.jpg); }
#tabs #t3.current { background:url(/images/tab-bg-on-01.jpg); }
*/
/*
*********************************************************************************
*								SCROLLABLE PANES
*********************************************************************************
*/

/* override the root element to enable scrolling */
#flowpanes { width:1445px; height:1348px; position:relative; overflow:hidden; clear:both; border:solid 1px #546fa2; }

/* override single pane */
#flowpanes div { float:left; display:block; width:1445px; /* should match #flowpanes width */ font-size:12px; color:#000; }

/* our additional wrapper element for the items */
#flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; }

/* some decorations for elements inside single pane */
#flowpanes div h2 {	font-weight:normal;	color:#546fa2; letter-spacing:1px; margin:10px 0 20px 0; padding: 0 0 0 0; font-size:15px; }
#flowpanes a { color:#cc9; font-size:14px; }
#flowpanes p, #flowpanes samp {	color:#ccc;	}
#flowpanes div.narrow { padding-right:160px; }
#flowpanes .less, #flowpanes .less a { color:#999 !important; font-size:11px; }

#antigenDetection, #virusIsolation, #polymeraseChainReaction { margin:0 0 0 20px; } 

#error-panel { background-color:Black; border-radius:5px; border:1px solid Black; margin:0 auto 0 auto; padding:5px 5px 5px 5px;  max-width: 800px; }
#error-panel h1 { text-align:center; margin:5px 5px 10px 5px; color:#ffffff; }
#error-panel #error-message { background-color:#ffffff; border-radius:5px; padding:5px 5px 5px 5px;  }
#error-panel p { line-height:1.5em; padding: 5px; font-size:16px; }

#contact { margin:0 auto 0 auto; width:539px; height:371px; background:url('/images/panel-bg-contact-01.jpg') no-repeat; }
#contact .panelHeader { margin:11px 0 0 20px; float:left; color:#ffffff; font-size:14px; display:block; }
#contact table { float:left; margin:20px auto 30px 20px; width:500px; height:304px; }
#contact input.border,
#contact textarea.border { border:solid 1px #3d5075; }
#contact input.button { width:65px; font-weight:bold; color:#045FB4; }

.datavalidation { position:fixed; top:337px; left:170px; z-index:1; width:626px; height:198px; background:url('/images/datavalidation.png') no-repeat; }
.datavalidation h2 { margin:35px 0 10px 15px; color:#bb0000; }
.datavalidation span { display:block; width:593px; height:30px; margin:0 auto 0 auto; text-align:center; }
.datavalidation span.button { display:block; width:200px; height:30px; margin:10px auto 0 auto; }
.datavalidation span.button input { width:68px; }

.controlcenter { margin:0 auto 0 auto; text-align:center; padding:0 0 0 0; }

.commonMargin1 { margin:0 0 30px 20px; }
.commonMargin1 p { line-height:18px; padding:0 0 0 0; margin:5px 0 20px 0; }

.dictionary { margin:0 auto 0 auto; }
.dictionary th { text-align:left; color:#ffffff; background-color:#4977AB; padding:0 0 0 5px; }
.dictionary tr { height:23px; }
.dictionary td { border-bottom: solid 0.063em #D8E8FA; padding:0 5px 0 5px; }
.dictionary .firstHeader { width:115px; }
.dictionary .firstColumn { border-right: solid 0.063em #D8E8FA; border-left: solid 0.063em #D8E8FA; }
.dictionary .firstColumnBold { border-right: solid 0.063em #D8E8FA; border-left: solid 0.063em #D8E8FA; font-weight:bold; }

/*
    .dictionary .item td { border-right: solid 0.063em #D8E8FA; }
    .dictionary .altitem td { border-right: solid 0.063em #D8E8FA; background-color:#EFF4FA; }
 */

.dictionary .item td { border-right: solid 0.063em #D8E8FA; }

/*
    .dictionary tr:nth-child(even) { background-color:#EFF4FA; }
*/

#registration { float:none; position:relative; width:74%; height:auto; margin:0 auto 50px auto; background-color:#F2F2F2; border:solid 1px #BDBDBD; }
#registration #formTitle { font-weight:600; display:block; font-size:17px; color:#045FB4; margin:10px 0 15px 20px; }
#registration #formTitle2 { font-weight:600; display:block; font-size:17px; color:#088A08; margin:10px 0 15px 20px; }
#registration .panel { float:left; display:block; background-color:#ffffff; width:95%; height:auto; padding:0 0 20px 0; margin:15px auto 20px 22px; border:solid 1px #6E6E6E; }
#registration .panel span.title { display:block; font-size:14px; color:#DF7401; width:98%; border-bottom:dotted 1px black; margin:5px auto 10px auto; }
#registration .panel p.description { width:98%; margin:5px auto 10px auto;  }
#registration .panel .fields { float:left; width:100%; height:auto; margin:0 0 0 10px; }
#registration .panel .fields .fieldTitle { color:#585858; font-weight:bold; }
#registration .panel .fields table { width:415px; float:left; }
#registration .panel .fields table tr { height:21px; }
#registration .panel .fields .emails { width:95%; height:150px; }
#registration .submit { width:146px; height:auto; margin:0 auto 15px auto; }
#registration .submit input { width:165px; font-weight:bold; color:#045FB4; }
#registration .summaryError { font-size:13px; margin:0 0 10px 20px; padding:0 0 0 0; }
#registration .customError { font-size:13px; margin:30px 0 10px 20px; padding:0 0 0 0; color:Red; }
#registration .customError #title { font-weight:bold; }
#registration .panel #thankyouMsg { position:relative; margin:30px 20px 30px 20px; }

.w100p { width:100%; float:left; }

.h5 { width:100%; height:5px; float:left; }
.h10 { width:100%; height:10px; float:left; }
.h30 { width:100%; height:30px; float:left; }

.tel { text-decoration:none; color:Black; }

/*	---------------------------------------------------------------------------
	Enabled non-floated parent elements to contain children.
	Needed for centered parents using (position:relative; margin:0 auto 0 auto;)
	----------------------------------------------------------------------------
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */
/*	---------------------------------------------------------------------------  */

#alert
{
    display:none;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 150px;
    /*margin: -75px 0 0 -250px; /* center */
    margin: -75px 0 0 -550px; /* more left */
    background-color: #2E3D4C;
    color: #fef7f7;
    font-weight: bold;
    border-radius: 5px;
    border: 2px #808080 solid;
}

#alert #content
{
    width:100%; height:100%;
    padding:35px 0 0 0;
    text-align:center;
}

#alert #content span
{
    display: block; line-height:1.5em;
}

#alert #content #btn
{
    margin:20px 0 0 0; background-color:#d5d5d5; color:#000000; border-radius:5px; border-width:0; padding:5px; width:80px;
}

#survey-prompt {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index:99;
    width:100%;
    height:100vh;
}

#survey-prompt h1 {
    font-size: 3.6em; color:#7b2d1f; padding:0; margin:0; text-align:center;
}

#survey-prompt h2 {
    font-size: 2.6em; color:#ff7200; padding:0 0 1em 0; margin:0; text-align:center;
}

#survey-prompt h3 {
    font-size: 2em; padding:0 0 1em 0; margin:0; text-align:center;
}

#survey-prompt #survey-prompt-message {
    width:800px; margin:0 auto 0 auto; padding:1em; background-color: #ecf2fb; border-radius:5px; line-height:1.7em;
}

#survey-prompt #survey-prompt-message p {
    font-size: 16px;
}

#survey-prompt #btn-take-survey {
    width:200px; margin:0 auto 0 auto; display:block; padding:18px; font-size:18px; font-weight:bold; background-color:#0060ff; color:#ffffff; border-radius:5px; text-decoration:none;
}

#survey-prompt #btn-maybe-later, #survey-prompt #btn-no-thanks {
    display:inline-block; font-size:16px; text-decoration:underline; padding:1em; cursor:pointer;
}