body { background-color: #000000; font-family: verdana; font-size: 11px; color: #000000; }
td { font-size: 11px; vertical-align: top; font-family: Verdana; }
a { text-decoration: none; color: #000000; }
.Employment { text-decoration: underline; color: #000000; }
legend { font-weight: bold; margin-bottom: .8em; }
fieldset { margin: .8em 0 .8em 0; padding: .8em .8em .8em .8em; }
a:hover { text-decoration: underline; }
caption { text-align: left; font-weight: bold; }

.textbox { background-image: url(images/TextBoxBackground.jpg); font-family: Arial; font-weight: bold; height: 14px; border-color: #9DC8DB; border-style: solid; border-width: 1px; margin-bottom: 1px; }

textarea { background-image: url(images/TextBoxBackground.jpg); background-color: #ffffff; background-repeat: repeat-x; font-family: Arial; border-color: #9DC8DB; border-style: solid; border-width: 1px; }

ul { font-family: verdana; font-size: 11px; /*list-style-image: url(images/small_arrow.gif);*/ list-style-type: square; list-style-position: outside; padding-left: 30px; margin-left: 0px; margin-top: 5px; color: #000000; }

ol { list-style-image: none; list-style-type: decimal; list-style-position: inside; margin-left: 5px; padding-left: 5px; margin-top: 5px; }

h1 { font-family: arial; font-size: 12px; font-weight: bold; color: #000000; margin-top: 10px; margin-bottom: 10px; margin-left: 25px; margin-right: 25px; text-align: justify; line-height: 17px; }

h2 { font-family: verdana; font-weight: bold; font-size: 18px; color: #000000; margin-top: 15px; margin-bottom: 15px; }

h3 { font-family: verdana; font-weight: bold; font-size: 10px; margin-top: 2px; margin-bottom: 2px; }

.InfoBox { background-repeat: repeat-x; background-image: url(Images/CellBackground.jpg); border: 0px; padding: 0px; width: 163px; }

.InfoBox td { text-align: left; font-size: 9px; text-align: left; padding-left: 10px; padding-right: 10px; color: Black; }


.ContentPane { background-repeat: repeat-x; background-image: url(Images/ContentBackground.jpg); border: 0px; padding: 0px; width: 100%; }

.ContentPane td, .ContentPane select, .ContentPane textarea { text-align: left; color: Black; font-family: Arial; font-size: 10px; padding-left: 20px; padding-right: 20px; }

.TopNavLink { font-size: 10px; color: #000000; }


.WelcomeTitle { font-family: verdana; font-size: 23px; font-weight: 900; letter-spacing: -0.2mm; margin-top: 10px; margin-bottom: 20px; }

.MainText { font-size: 11px; height: 100%; }

.SmallText { font-size: 9px; }

.hint { color: Red; }
.DemoContainer { border: 1px silver solid; background-color: #F6F6F6; height: 530px; width: 100%; }
.DemoArea { background-color: #F6F6F6; }

.AboutBox { background-color: #FFFFFF; color: #000000; }

.SidePanelFooter { height: 100%; background-image: url(images/sidepanel_bg.gif); background-repeat: repeat-y; }

.SidePanel { background-color: #F3F3F3; font-size: 10px; color: #000000; border: 1px solid #aaaaaa; }
.DottedLine { background-image: url(images/dot_even.gif); background-repeat: repeat-x; }

.DemoName { color: #000000; font-family: verdana; font-weight: bolder; font-size: 11px; }

.OtherDemos { background-color: #FFFFFF; padding: 10px; padding-top: 8px; padding-right: 5px; padding-bottom: 0px; font-family: tahoma, verdana; border-right: 1px solid #DDDDDD; font-size: 10px; font-weight: bold; font-size: 11px; color: #000000; }

.OtherDemosIcons { background-color: #FFFFFF; font-family: verdana; font-weight: normal; font-size: 11px; color: #000000; padding-bottom: 5px; }

.DemoBottomGradient { color: #000000; background-image: url(images/demo_bottom_bg.gif); background-repeat: repeat-x; font-family: verdana; font-weight: bold; font-size: 10px; padding-left: 15px; }

.DemoGradient { color: #000000; background-image: url(images/demo_bg.gif); background-repeat: repeat-x; font-family: verdana; font-weight: bold; font-size: 11px; padding-left: 15px; }

.SideNotes { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }

.DemosNav { background-color: #F3F3F3; cursor: default; height: 330px; width: 208px; padding: 0px; }

.NavTopItem { cursor: pointer; color: #000000; background-image: url(images/nav_bg.gif); font-family: verdana; font-size: 11px; font-weight: bold; cursor: hand; padding: 0px; border-bottom: 1px solid #dddddd; }

.NavTopItemHover { cursor: pointer; color: #000000; text-decoration: underline; background-image: url(images/nav_bg.gif); font-family: verdana; font-size: 11px; font-weight: bold; cursor: hand; padding: 0px; border-bottom: 1px solid #dddddd; }

.NavTopItemActive { cursor: pointer; color: #000000; background-image: url(images/nav_bg.gif); font-family: verdana; font-size: 11px; font-weight: bold; padding: 0px; cursor: hand; padding: 0px; border-bottom: 1px solid #dddddd; }

.NavLevel2Item { cursor: pointer; font-family: verdana; font-size: 10px; color: #000000; height: 15px; background-color: #EEEEEE; cursor: hand; padding-top: 2px; padding-bottom: 2px; margin-left: 1px; }

.NavLevel2ItemSelected { cursor: pointer; background-color: #F7F7F7; color: #000000; font-family: verdana; font-size: 10px; cursor: hand; padding-top: 1px; padding-bottom: 1px; margin-left: 0px; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; border-bottom: 1px solid white; border-right: 1px solid white; }

.NavLevel2ItemHover { cursor: pointer; background-color: #F7F7F7; color: #000000; font-family: verdana; font-size: 10px; cursor: hand; padding-top: 1px; padding-bottom: 1px; margin-left: 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-top: 1px solid white; border-left: 1px solid white; }

.NavLevel2Group { cursor: default; background-color: #EEEEEE; border-bottom: 1px solid #dddddd; padding-left: 3px; padding-right: 3px; padding-top: 3px; }

.Empty { }

input { font-family: verdana; font-size: 11px; }

select { font-family: Verdana; font-size: 11px; }

.TopGroup { z-index: 10; position: relative; top: 1px; }

.DefaultTab { color: #000000; background-image: url(images/tab_bg.gif); font-family: Verdana; font-size: 10px; font-weight: bold; cursor: pointer; }

.DefaultTabHover { color: black; background-image: url(images/hover_tab_bg.gif); font-family: Verdana; font-size: 10px; font-weight: bold; text-decoration: underline; cursor: pointer; }

.SelectedTab { color: black; background-image: url(images/selected_tab_bg.gif); font-family: Verdana; font-size: 10px; font-weight: bold; cursor: default; }

.DisabledTab { color: #AAAAAA; background-image: url(images/tab_bg.gif); font-family: Verdana; font-size: 10px; font-weight: bold; cursor: default; }

.MultiPage { background-color: White; border: 1px solid #dbdbdb; width: 754px; padding: 10px; }

.MultiPageCopy { background-color: White; border: 1px solid #dbdbdb; width: 754px; padding: 10px; position: relative; top: -1px; }

.MultiPageInvisible { height: 0px !important; width: 0px !important; }

.FormTable td { vertical-align: top; }
.FormTable td, .FormTable input, .FormTable select, .FormTable textarea { font-size: 1.03em; }
.Numeric { width: 50px; }
.FormTable .Numeric { width: 50px; }

.FormTable select { /*width: 130px;*/ }


.hoverbox { cursor: default; list-style: none; padding: 2px; }

.hoverbox a { cursor: default; }

.hoverbox a .preview { display: none; }

.hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; }

.hoverbox img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 100px; height: 75px; }

.hoverbox li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative; }

.hoverbox .preview { border-color: #000; width: 200px; height: 150px; }


.FormTable .SubHeader { text-align: center; vertical-align: text-top; font-weight: bold; text-decoration: underline; height: 20px; }

.HeaderRight { height: 67px; background-image: url(Images/Navigator/HeaderBackground.jpg); background-repeat: no-repeat; }
.dropDown { width: 2.7in; }

.qa, .qaflow { padding: 2px 1px 2px 1px; border-bottom: solid 1px #ddd; overflow: auto; }

.qa label { display: block; float: left; width: 20em; margin-right: 2px; }



.qa table { width: auto; }

.qa table tr td label { display: inline; float: none; width: auto; margin-right: auto; }

.qa textarea { width: 30em; height: 4em; }

.longlist { height: 200px; overflow: auto; }

tr .sortablePlaceholder { height: 1.2em; line-height: 1.2em; }

table tbody tr td { vertical-align: top; }
table thead tr td { text-align: center; font-weight: bold; }

.form table { border-collapse: collapse; width: 100%; }

.form table caption { text-align: center; margin-top: 1em; margin-bottom: 1em; }

.form td { text-align: left; border-bottom: solid 1px #eee; }


.questionnaire { border-collapse: collapse; width: 100%; border: solid 1px #eee; }
.questionnaire td { border: solid 1px #eee; }
.questionnaire caption { padding: 0.3em; background-color: #eee; }
.questionnaire .subquestion, .questionnaire .subquestion2 { }
.questionnaire, .questionnairero { border-collapse: collapse; width: 100%; border: solid 1px #eee; }
.questionnaire td, .questionnairero td { border: solid 1px #eee; }
.questionnaire caption, .questionnairero caption { padding: 0.3em; background-color: #eee; }

.homemenuleft { background-image: url('./Images/HomeMenuLeftBg.jpg'); background-repeat: repeat-x; padding: 0 1.6em 0 1.6em; }
.homemenuleft .last { border: none; padding: none; }
.homemenuleft a { display: block; text-transform: uppercase; text-align: center; color: #6D9FAF; font-family: Times New Roman; font-size: 0.9em; font-weight: bold; letter-spacing: 0.1em; border-bottom: solid 1px #9CCAD9; padding-bottom: 1em; padding-top: 1em; }
.homemenuleft a:hover { text-decoration: none; border-bottom-color: #B6EBF9; }
.homemenuleft img { border: none; }


.hazardListGroup { font-weight: bold; font-size: 1.1em; }
.hazardOptionGroup { font-weight: normal; font-size: 1.0em; }
.hazardOptionGroup table { font-weight: normal; width: 100%; }
.hazardOptionGroup table td { width: 50%; }
.expander-closed { cursor: default; margin-right: 1em;  background-image: url('./Images/expandcollapse.gif'); background-repeat: no-repeat; background-position: 1px 1px; display: inline-block; width: 8px; height: 11px; }
.expander-closed-hover { cursor: default; margin-right: 1em;  background-image: url('./Images/expandcollapse.gif'); background-repeat: no-repeat; background-position: 1px -10px; display: inline-block; width: 8px; height: 11px; }

.expander-opened { cursor: default; margin-right: 1em;  background-image: url('./Images/expandcollapse.gif'); background-repeat: no-repeat; background-position: -9px 1px; display: inline-block; width: 8px; height: 11px; }
.expander-opened-hover { cursor: default; margin-right: 1em;  background-image: url('./Images/expandcollapse.gif'); background-repeat: no-repeat; background-position: -9px -10px; display: inline-block; width: 8px; height: 11px; }

.calllogentry { position: relative; overflow: auto; clear: both; border-bottom: solid 1px #ccc; padding: 0.5em; display: none; }
.calllogentry input, .calllogentry select { margin: 0.2em; }
.calllogentry div { float: left; width: 40%; }
.calllogentry label { display: inline-block; width: 80px; }
.calllogentry .calllognotes { width: 60%; }
.calllognotes textarea { width: 300px; height: 60px; vertical-align: top; } 
.calllogentry .calllogentrydelete { float: none; width: auto; clear: both; cursor: default; margin: 0.2em; }