@media screen {
/* ---- TAGS ------------------------------------------------------------------------------------------------------------- */
* { padding: 0px; margin: 0px; } 
a { outline: none; text-decoration: none; }
a:link {  /*color: #405A73; text-decoration: none; */}
a:visited { /*color: #2d2b55; text-decoration: none;*/ }
a:hover { /*color: #737373; text-decoration: none;*/ }
a:active { /*color: 737373; text-decoration: none;*/ }
blockquote { margin-left: 40px; }
body { background: #f1f1f1; color: #181818; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1em; height: 100%;  } 
dl { color:#454545; margin: 10px 40px; }
dt { border-bottom: 1px solid #f1f1f1; font-weight: bold; }
dd { margin: 0px 0px 10px 20px; }
dd h4 { border: none; }
em { color:#036; }
em strong { color: #172B40 !important; font-style: normal; }
h1, h2, h3, h4, h5, h6 { margin: 15px 0px 5px 0px; }
h1 { font-size: 1.3em; }
h2 { color: #333333; font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 {  font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
hr { color:#dddddd; background-color:#dddddd; height:1px; border:0px; }
img { border: none; }
input, select { font-size: 1em; padding: 2px; }
input.important { margin: 0px; padding:5px 5px 5px 25px; }

input.readOnly, textArea.readOnly { background-color: #f1f1f1; border: 1px solid #bbb; color: #555; margin: 0px; padding:5px; }
input.required, textArea.required, select.required { background-color: #ebefc7; border: 1px solid #888; color: #333; padding:5px; }
select.important { margin: 0px; padding: 2px; }
li { margin: 0px 0px 15px 0px; }
p { line-height: 1.3em; margin: 10px 0px 10px 0px; }
pre { font-size: 1.1em; }
span.green { color:#0C0; }
span.red { color:#f00; }
span.yellow { color:#ff0; }
span.important { display:inline-block; }
table { }
table.plain, table.plain tr, table.plain tr td { border: none !important; }
td { padding-bottom: 10px; }
th.blue, td.blue, td.blue strong { background:#172B40 !important; color:#FFF !important; }
td.blue { border-right: none !important; }
td.blue em { color:#C1E0FF !important; }
th.gray, td.gray, td.gray strong { background:#333 !important; color:#FFF !important; }
td.gray { border-right: none !important; }
td.gray em { color:#C1E0FF !important; }
th.green, td.green, td.green strong { background:#030 !important; color:#FFF !important; }
td.green { border-right: none !important; }
td.green em { color:#C1E0FF !important; }

th.greenLight, td.greenLight, td.greenLight strong { background:#9bda9b !important; color:#333 !important; }
td.greenLight { border-right: none !important; }
td.greenLight em {  }

th.red, td.red, td.red strong { background:#900 !important; color:#FFF !important; }
td.red { border-right: none !important; }
td.red em { color:#C1E0FF !important; }

th.yellow, td.yellow, td.yellow strong { background:#ecc400 !important; color:#000 !important; }
td.yellow { border-right: none !important; }
td.yellow em { color:#C1E0FF !important; }

th { padding: 5px 0px; }
tr { }
tr.selected {  color:#000 !important; font-weight: bold; }
tr.selected td { background:#868D4E !important; border-right:none !important; }

ul, ol { color:#036; margin: 0px 0px 15px 40px; }
ul.plain { margin-left: 0px !important; }
ul.plain li { list-style:none !important; margin-left: 0px !important; }

/* ---- IDS ------------------------------------------------------------------------------------------------------------- */
#container { background: #ffffff; border: #e7e7e7 10px solid; color: #333; margin: 0px auto; max-width: 1900px; min-width:1000px; margin-top: 20px; /*position: relative;*/ text-align: left; width: 95%; }
#container strong { color:#000; }
#container a:hover { text-decoration:underline; }

#header { background: url("images/bg-header.gif") repeat-x  #ffffff; height: 92px; }
#header h1 { display: none; }
#headerHome { background: url("images/sitebanner_sos_sub2.jpg") no-repeat  #ffffff; height: 92px; width:580px; }
#headerHome a { display: block; font-size: 0px; height: 92px; text-indent: -5000px; width:515px; }

#headerSocial { float:right; font-size: 0px; margin: 10px 10px 0px 0px; text-indent: -5000px; width: 160px; }
#headerSocial a#fb { background: url(images/icons/icn16-socfb.png) no-repeat; display:block; float:right; height: 16px; margin: 0px 5px 0px 0px; width: 16px; }
#headerSocial a#flickr { background: url(images/icons/icn16-socflickr.png) no-repeat; display:block; float:right; height: 16px; margin: 0px 5px 0px 0px; width: 16px; }
#headerSocial a#twitter { background: url(images/icons/icn16-soctwitter.png) no-repeat; display:block; float:right; height: 16px; margin: 0px 5px 0px 0px; width: 16px; }
#headerSocial a#vimeo { background: url(images/icons/icn16-socvimeo.png) no-repeat; display:block; float:right; height: 16px; margin: 0px 5px 0px 0px; width: 16px; }
#headerSocial a#ustream { background: url(images/icons/ustreamsub.jpg) no-repeat; background-size:contain; display: block; float: right; height: 16px; margin: 0 5px 0 0; width: 16px; }
#headerSocial a#rss { background: url(images/icons/icn16-socrss.png) no-repeat; display:block; float:right; height: 16px; margin: 0px 10px 0px 0px; width: 16px; }

#appsBar { background: url("images/bg-appbar.gif") repeat-x #284372; color: #ffffff; height:50px; position: relative; }
#appsBar h2 {  font-size: 13px; font-weight: bold; position: absolute; left: 20px; margin: 0px; padding: 0px; top: 17px; }
#appsBar h2 a { color:#dbe8fc; }
#appsBar h2 a:hover { color:#FFFFFF; text-decoration:underline; }
#appsBar h3 { position: absolute; right: 20px; margin: 0px; padding: 0px; top: 13px; }

#sslBar { background:#f0d100 url(/images/bg-sslbar.png) repeat-x; color: #333; font-size: 12px; font-weight: bold; height: 16px; margin: 0px 0px 200px 0px; padding: 2px 20px; position:fixed; top: 0px; left: 0px; width: 100%; z-index: 1000;  }

#navbar { background:#e7e7e7; color: #eee; font-size: 14px; font-weight: bold; height: 30px; margin: 0px; padding: 1px /*8px 0px 10px*/ 0px; /*position:relative;*/ width: 100%; }
#navbar a:hover { text-decoration:none; }
#navbar ul li { float: left; list-style: none; padding: 0px 20px 0px 5px;  position: relative; z-index:102; }
#navbar ul li a { color: #444; display: block; height: 23px; padding: 7px 0px 0px 0px; }
#navbar ul li:hover  { background:#284372; color:#eee; }	
#navbar ul li:hover a  { color:#eee;  }
#navbar ul li ul { position:absolute; top:28px; left:0px; display:none;  }
#navbar ul li:hover ul { display:block; z-index: 101; margin:0px !important; padding: 0px !important; }
#navbar ul li ul li { background:#284372; float:none; font-weight:normal; margin:0px !important; padding: 0px !important;   }
#navbar ul li ul li a { text-indent: 0px; background-color:#284372;  height: 30px; margin:0px !important; padding: 5px !important; width:200px !important;  }
#navbar ul li ul li a:hover { background:#dfe6ed; color: #222; }

#navHelp { background: url(images/icons/icn16-help2.png) no-repeat; display:block; font-size: 0px; height: 26px; margin: 0px; position:absolute; right: 45px; top: 165px; text-indent: -5000px; width: 24px; display: none; }

#navHelp:hover { background: url(images/icons/icn16-help3.png) no-repeat; }

#sitemaplist ul { list-style: none; margin: 20px 0px; }
#sitemaplist ul li  { font-weight: bold; margin: 0px; list-style: none;  }
#sitemaplist ul li a { color: #333; }
#sitemaplist ul li ul { margin: 10px 0px 10px 40px;  }
#sitemaplist ul li ul li { font-weight: normal; list-style: disc; margin: 10px 0px;  }
#sitemaplist ul li ul li a { color:#00E;  }
#sitemaplist a:hover { text-decoration:underline; }

#userToolbar { background: url("images/bg-appbar.gif") repeat-x #284372; color: #ccc; font-size: .9em; height: 14px; margin: 0px; padding: 14px 20px; position: relative; text-align: right; }
#userToolbar a { color:#dbe8fc; }
#userToolbar a:hover { color:#FFF; text-decoration:underline; }

#subMenu { font-size: .8em; line-height: 1.6em; margin: 0px; padding: 0px; position: absolute; right: 40px; top: 8px; text-align: right; }
#subMenu a:hover { text-decoration:underline; }

#content { background:url("images/bg-content.gif") repeat-x; border: 1px solid #284372; min-height: 300px; padding: 10px 40px 60px 40px; position: relative; z-index: 100; }
#content h3 { color:#52687D; }
#content table { margin-top: 10px; }
#content table th { /*width: 30%; */}
#content #dropdowns { margin: 20px 0px; }
#content .button { font-size: 1em; font-weight: bold; padding: 3px; }
#footer { background: #284372; color: #ffffff; font-size: .9em;  padding: 15px 0px 20px 0px; text-align: center; /* width: 100%; */ }
#footer a { color: #ffffff;  font-weight: bold; }
#footer a:hover { text-decoration: underline; }
#wvMtn { background:url(images/wv-logo-mtn-sm.gif) no-repeat; display:inline-block; height: 27px; width: 87px; }
#datetime { padding-bottom: 20px; text-align: center; }
#copyright { padding-bottom: 50px; text-align: center; }

/* ---- CLASSES ------------------------------------------------------------------------------------------------------------- */
.aDetails { background:url(images/icons/icon-search16.gif) left top no-repeat; padding-left: 20px; }
.button {  }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

/* REPLACE WITH GENERIC COLOR CLASSES */
.colorGreen { color:#060 !important; }
.colorRed { color:#990000 !important; }
.colorRedBold { color:#990000 !important; font-weight: bold; }
.colorWhite { color:#FFFFFF !important; }


/* GENERIC COLOR CLASSES */
.black { }
.blue { }
.gray  { }
.grayLight { }
.grayDark { }
.green { }
.greenLight { }
.red  { }
.white  { }
.yellow { }

.contentColRightBlock { background: #e9edf4; border: #E2E2E2 5px solid; float: right; margin: 5px 0px 10px 8px; padding: 10px; width: 25%; }
.cursorHand { cursor: pointer; cursor:hand; }

.ddlLimit { max-width: 540px; width: 540px; }
.displayNone { display: none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.floatLeftMargin { float: left; margin: 1px 8px 10px 0px; }
.floatRightMargin { float: right; margin: 1px 0px 10px 8px; }
.floatLeftGrayOutline { float: left; margin: 1px 8px 10px 0px; border: #E2E2E2 1px solid; }
.floatRightGrayOutline { float: right; margin: 1px 0px 10px 8px; border: #E2E2E2 1px solid; }
.floatLeftGrayOutlinePadded { border: #E2E2E2 1px solid; float: left; margin: 1px 8px 10px 0px; padding: 6px;  }
.floatRightGrayOutlinePadded { border: #E2E2E2 1px solid; float: right; margin: 1px 0px 10px 8px; padding: 6px;  }
.floatRightGrayOutlinePaddedThick { border: #E2E2E2 10px solid; float: right; margin: 1px 0px 10px 8px; padding: 10px; }

.icn16Add { background: url(images/icons/icn16-add.png) no-repeat; padding-left: 20px; }
.icn16Back { background: url(images/icons/icn16-back.png) no-repeat; padding-left: 20px; }
.icn16Book { background: url(images/icons/icn16-book.png) no-repeat; padding-left: 20px; }
.icn16Database { background: url(images/icons/icn16-database.png) no-repeat; padding-left: 20px; }
.icn16Date { background: url(images/icons/icn16-date.png) no-repeat; padding-left: 20px; }
.icn16Delete { background: url(images/icons/icn16-delete.png) no-repeat; padding-left: 20px; }
.icn16Down { background: url(images/icons/icn16-up.gif) no-repeat; padding-left: 20px; }
.icn16Edit { background: url(images/icons/icn16-edit.png) no-repeat; padding-left: 20px; }
.icn16Email { background: url(images/icons/icn16-email.png) no-repeat; padding-left: 20px; }
.icn16Fax { background: url(images/icons/icn16-fax.png) no-repeat; padding-left: 20px; }
.icn16File { background: url(images/icons/icn16-file.gif) no-repeat; padding-left: 20px; }
.icn16FileWord { background: url(images/icons/icn16-fileword.png) no-repeat; padding-left: 20px; }
.icn16Forward { background: url(images/icons/icn16-forward.png) no-repeat; padding-left: 20px; }
.icn16Help { background: url(images/icons/icn16-help.png) no-repeat; padding-left: 20px; }
.icn16Home { background: url(images/icons/icn16-home.png) no-repeat; padding-left: 20px; }
.icn16Image { background: url(images/icons/icn16image.png) no-repeat; padding-left: 20px; }
.icn16Lock1 { background: url(images/icons/icn16-lock1.png) no-repeat; padding-left: 20px; }
.icn16Lock2 { background: url(images/icons/icn16-lock2.png) no-repeat; padding-left: 20px; }
.icn16Minus { background: url(images/icons/icn16-minus.png) no-repeat; padding-left: 20px; }
.icn16Pdf { background: url(images/icons/icn16-pdf.gif) no-repeat; padding-left: 20px; }

a:hover.icn16View { background: url(images/icons/icn16-view1.png) no-repeat left center  !important; }
a:hover.icn16Pdf, a:hover.icn16File, a:hover.icn16FileWord { background: url(images/icons/icn16-view.png) no-repeat left center  !important; }

.icn16Phone { background: url(images/icons/icn16-phone.png) no-repeat; padding-left: 20px; }
.icn16Plus { background: url(images/icons/icn16-plus.png) no-repeat; padding-left: 20px; }
.icn16Print { background: url(images/icons/icn16-print.png) no-repeat; padding-left: 20px; }

.icn16Rss { background: url(images/icons/icn16-rss.png) no-repeat; padding-left: 20px; }

.icn16Up { background: url(images/icons/icn16-up.gif) no-repeat; padding-left: 20px; }
.icn16Upload { background: url(images/icons/icn16-upload.gif) no-repeat; padding-left: 20px; }
.icn16User { background: url(images/icons/icn16-user.png) no-repeat; padding-left: 20px; }
.icn16Users { background: url(images/icons/icn16-users.png) no-repeat; padding-left: 20px; }
.icn16View { background: url(images/icons/icn16-view.png) no-repeat; padding-left: 20px; }
.icn16Web { background: url(images/icons/icn16-web.gif) no-repeat; padding-left: 20px; }
.imgBorder { border: 1px solid #999; }
.imgBorderThick { border: 5px solid #999; }
.imgBorderMargin { border: 1px solid #999; padding: 8px; }
.imgBorderMarginThick { border: 5px solid #999; padding: 8px; }

.important { background: url(images/icons/icn16-important.png) no-repeat #ffffe1; background-position: 5px; border:1px solid #900; color: #181818; margin:15px 0; padding:5px 5px 5px 25px; }

.plain { }
.printNone { }
.printOnly { display:none; }

.readOnly { }
.required { }
.rowAHover { cursor: pointer; }
.rowHeader, tr.rowHeader th { background:#172B40; color:#FFF !important; font-weight: bold; text-align:center; }
.rowHeader a, .rowHeader h1, .rowHeader h2, .rowHeader h3, .rowHeader h4, .rowHeader h5, .rowHeader h6 { color: #FFF; margin: 0px; padding: 0px; }
.rowHeader em { color: #c1e0ff; }
.rowOther { background:#f1f1f1; color: #555; font-weight: bold; font-size: .8em; padding: 3px 10px 1px 10px; }
td.rowOther span.floatRight { font-size: 1.3em; }

.selected { }
.success { background: url(images/icons/icn16-accept.png) no-repeat #ffffe1; background-position: 5px; border:1px solid #090; color: #181818; margin:15px 0; padding:5px 5px 5px 25px; }

/* REPLACE WITH GENERIC COLORS CLASSES */
.tableCellBlue { background:#172B40 !important; color:#FFF !important; }
.tableCellGray { background:#333 !important; color:#FFF !important; }
.tableCellRed { background:#900 !important; color:#FFF !important; }

.tableData tr.rowAlt td.rowHeader { background:#172B40; color:#FFF; font-weight: bold; text-align:center; }
.tableData { background:#ffffff; border:#172B40 4px solid; border-collapse:collapse; margin-bottom: 15px; width:100%; }
.tableData caption { text-align:left; margin-bottom:10px; font-weight:bold; font-size:13px; }
.tableData th { background:#52687D; color:#ffffff; font-size: 1.1em; font-weight: bold; padding:7px 3px; text-align:center; vertical-align: top; }
.tableData.textSmall th { font-size: .9em !important; }
.tableData th a { color:#FFFFFF; }
.tableData th a:hover { background: none; }
.tableData th em { color:#dbe9f8; font-size:.8em; }
.tableData td { border-right: 1px solid #f9f9f9; padding:3px 5px 8px 5px !important; vertical-align:top; }
.tableData tr.rowAlt td, td.rowAlt { background:#efefef; }
.tableData tr.rowAlt td tr.rowNormal td { background:#fff; }
.tableData tr.rowHeader td, .tableData tr.rowHeader th, .tableData td.rowHeader { border: none !important; }
.tableData tr.altRowRed td { background:#990000; color:#FFFFFF; }
.tableData tr.altRowSpacer td{ padding-bottom: 30px !important; }

.tableData.gray { border-color:#191919; }
.tableData.gray tr th  { background:#555; }
.tableData.gray tr.rowHeader { background:#191919; }

.tableData.green { border-color:#030; }
.tableData.green tr th  { background:#4b604c; }
.tableData.green tr.rowHeader { background:#030; }

.tableData.red { border-color:#580000; }
.tableData.red tr th  { background:#900; }
.tableData.red tr.rowHeader { background:#580000; }

.tableData.yellow { border-color:#756100; }
.tableData.yellow tr th  { background:#a98c00; }
.tableData.yellow tr.rowHeader { background:#756100; }

.textImportant { color:#900; }
.textRed { color:#900; }
.textSmall { font-size: .9em; }
.textSmaller { font-size: .7em; }
.toolbar { background: url("images/bg-appbar.gif") repeat-x #284372; color: #ffffff; font-size: .9em; height: 44px; margin: 0px; padding: 3px 20px; }
.toolbar a { color:#dbe8fc; }
.toolbar a:hover { color:#FFF; text-decoration:underline; }
.underline { border-bottom: 1px solid #999 !important; }
}

@media print { 
/* ---- TAGS ------------------------------------------------------------------------------------------------------------- */
a { outline: none; }
img { border: none; }
body { background: #FFFFFF; }
body, td, th { color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1em; font-size: 1em; text-align:left; }
h1, h2, h3, h4, h5, h6 { margin: 15px 0px 5px 0px; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

/* ---- IDS ------------------------------------------------------------------------------------------------------------- */
a { color:#000000; text-decoration:none; }
#header, #footer, #subMenu, .printNone, #navbar { display:none !important; }
#container { width:99% !important; margin:0 !important; padding:0 !important; }
#content { border: none !important; }

/* ---- CLASSES ------------------------------------------------------------------------------------------------------------- */
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }
.colorWhite { color:#FFFFFF; }



.displayNone { display: none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.floatLeftMargin { float: left; margin: 1px 8px 10px 0px; }
.floatRightMargin { float: right; margin: 1px 0px 10px 8px; }
.floatLeftGrayOutline { float: left; margin: 1px 8px 10px 0px; border: #E2E2E2 1px solid; }
.floatRightGrayOutline { float: right; margin: 1px 0px 10px 8px; border: #E2E2E2 1px solid; }
.floatLeftGrayOutlinePadded { border: #E2E2E2 1px solid; float: left; margin: 1px 8px 10px 0px; padding: 6px;  }
.floatRightGrayOutlinePadded { border: #E2E2E2 1px solid; float: right; margin: 1px 0px 10px 8px; padding: 6px;  }
.floatRightGrayOutlinePaddedThick { border: #E2E2E2 10px solid; float: right; margin: 1px 0px 10px 8px; padding: 10px; }
.plain { }

.rowHeader { color:#000; font-weight: bold; text-align:center; }
.rowHeader a { color: #000; }

.tableData { border: 1px solid #333; margin: 30px 0px; position: static; width:100%; }
.tableData caption { font-weight:bold; font-size:13px; margin-bottom:10px; text-align:left; }
.tableData th { border-bottom: 1px solid #333; font-size: 1.2em; font-weight: bold; padding:7px 10px; text-align:center; } 
.tableData td { border-bottom: 1px solid #333; padding:5px; }
.tableData tfoot { position:static; display: inline; }
.textSmall { font-size: .9em; }
.textSmaller { font-size: .7em; }
.underline { border-bottom: 1px solid #f1f1f1; }

}

@media handheld {

}