/*
	Project: 2008 OKARKSkywarn redesign
	Created: 09/8/2007 Steve Bluford
*/
/* xhtml overrides */
a {
	text-decoration: none;
}
a:visited {
}
a:hover {
	text-decoration: underline;
}
a:active {
}

html,body{
      margin:0;
      padding:0;
      height:100%;
      width:100%;
      border:none
   }
body, input, p, select, td {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
}
form {
	display: inline;
}
h1 {
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	margin: 2px 0;
}
h2 {
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	margin: 2px 0;
}
hr {
	border: 0;
	height: 1px;
}
th {
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	margin: 2px 0;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
	}
err {
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	margin: 2px 0;
}

wizarderr {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14pt;
}

/* page */

#pageTop {
	position: relative;
	z-index: 900;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
    border-style: solid;
	border-width: 8px;
	height: 109px;
	}

#pageHeaderImage{
  Position: absolute;
  top: 20px;
  right: 50px;
  z-index: 102;

}
#pageAlertText{
  position: absolute;
  top: 104px;
  left: 0;
  height: 22px;
  margin-right: 40px;
  padding: 2px 1em 2px 1em;
  text-decoration: none;
  text-align: middle;
  font-size: 10pt;
  font-weight: bold;
  padding-top: 6px;
  border-top-style: groove;
  border-top-width: 0px;
  z-index: 102;
}

#pagePhoto{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1; 
}
#tabArea 
{
  position: absolute;
  font-size: 10pt;
  font-weight: normal;
  top: 114px;
  right: 10px;		
  z-index: 104;
}
#Content
{
    position: relative;
	border-left-width: 8px;
	border-left-style: solid;
	height: 100%;
	width: 100%;
	z-index: 900;
}
#topBumper {
	position: relative;
	top: 0px
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	z-index: 900;

}
#topBumperleft
{  
  
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 185px;
  padding-left: 8px;
  z-index: 1
}
#topBumperMessage
{  
  position: absolute;
  left: 186px;
  top: 0;
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  text-align: left;
  z-index: 1
}
#topBumperRight
{  
  position: absolute;
  right:10px;
  top:0;
  height: 24px;
  padding: 2px 1em 2px 1em;
  text-decoration: none;
  text-align: right;
  z-index: 1
}

#navMenu {
    position: absolute;
    width: 185px;
	top: 20px;
	left: 0px;
	height: 100%;
	padding-left: 8px;
	padding-right: 2px;
	text-decoration: none;
	border-right-style: double;
	border-right-width: 4px;
	z-index: 102;
	}

#pageMain {
    position: absolute;
	top: 26px;
	left: 195px;
	margin-top: 2px;
	margin-left: 20px;
    background-color: #c0c0c0;
	}

#pageFull {
    position: absolute;
	top: 20px;
	left: 195px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 8px 5em 8px 1em;
	z-index: 102;
	overflow: grow;
	}

#threatcenter {
	position: relative;
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 4px;
}
#pageFooter {
    position: absolute;
	bottom: 0px;
	margin-bottom: 10px;
	margin-top: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	width: 90%;
    background-color: #f3f456;
	text-align: center;
}

#ProductBox {
	margin-left: 20px;
	padding: 2px 1em 2px 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #004887;
	width: 50%;
	color: #333333;
	width: 345px;
	z-index: 102;
}
#productTitle {
	position: relative;
	top: -2px;
	left: -11px;
	width: 104%;
	padding: 0px 4px 0px 4px;
	border-style: none;
	border-width: 0px;
	border-style: solid;
	background-color: #f0f0f0;
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	padding-right:2px;
	font-size: 10pt;
	z-index: 100;
}
#productBoxL {
	margin-left: 20px;
	padding: 2px 1em 2px 1em;
	background-color: #ffffff;
	color: #333333;
	width: 90%;
	border-width: 1px;
	border-style: solid;
	border-color: #046f87;
	z-index: 102;
}

#productTitleL {
	position: relative;
	top: -2px;
	left: -11px;
	padding: 0px 4px 0px 4px;
	border-style: none;
	width: 102%;
	padding-right:2px;
	background-color: #f0f0f0;
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: green;
	z-index: 101;
}
#newsBox {
	margin-left: 2px;
	padding: 2px 1em 2px 1em;
	background-color: #ffffff;
	color: #333333;
	width: 70%;
	border-width: 1px;
	border-style: solid;
	border-color: #046f87;
	z-index: 102;
}

#newsTitle {
	position: relative;
	top: -2px;
	left: -11px;
	padding: 0px 4px 0px 4px;
	border-style: none;
	width: 104%;
	padding-right:2px;
	background-color: #f0f0f0;
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: green;
	text-decoration: italic; 
	z-index: 101;
	margin: 0px 0px 0px 0px;
}

/* Drop Shadows Styles here  */
#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 10px;
    }



.dim {
	font-size: 8pt;
}
.pageError {
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 2px 0;
}
.menuHeader {
	font-family:Verdana,sans-serif; 
	font-size: 8pt; 
	font-weight:bold; 
	text-decoration:none;}
}

.menuItem {
	font-family:Verdana,sans-serif; 
	font-size: 8pt; 
	text-decoration:none;}
}

/* classes */
.menubar {
	/*background-repeat: repeat-x;
	height: 30px;*/
}

.subMenu
{
	width: 110px;
	height: 550px;
	vertical-align: top;
	font-weight:bold;
	font-size: 10pt;
    background-position:center;
    text-align:center;
    border-style:none;
 }
 .pageTitle {
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	font-size: 18pt;
	
}
.pageTitleSuffix {
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

table.forms
{
	border: none;
	width: 100%;
}

table.forms td.fields
{
	padding: 2px;
	width: 85%;
}

table.forms td.prompt
{
	padding: 4px 2px 0px 2px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	width: 14%;
}
table.forms td.required
{
	font-weight: bold;
	padding: 4px 2px 0px 2px;
	text-align: center;
	vertical-align: top;
	width: 1%;
}
.requiredsymbol
{
	font-weight: bold;
}

.requiredtext
{
	color: #f00;
}
.tactiveAlert{
	background-color: #e8e8e8;
}
.toolbar {
	border-style: solid;
	border-width: 1px;
	margin: 2px 0; 
	padding: 2px 4px; 
	background-color: #e8e8e8;
	border-top-color: #eee;
	border-left-color: #eee;
	border-bottom-color: #c8c8c8;
	border-right-color: #c8c8c8;
}
.fpg  {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: italic; color:#999999;}
.fpgs {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 6pt; color:#999999;}
.tg   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 10pt;; color:#000000; text-decoration:none; color:#999999;}
.tw   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 10pt;; color:#ffffff; text-decoration:none;}
.tb   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 12pt; 
		color:#000000; text-decoration:none; color:#222222; white-space: pre;}
.t10   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 8pt;  color:#222222; }
.t12   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 10pt;;  color:#222222; }
.t14   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 12pt;  color:#222222; }
.b10   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 8pt;  color:#004887; }
.b12   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 10pt;;  color:#004887; }
.b14   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 12pt;  color:#004887; }
.b16   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 14pt;  color:#004887; }
.b18   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 16pt;  color:#004887; }
.bL12   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 10pt;;  color:blue; }
.bL14   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 12pt;  color:blue; }
.bL16   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 14pt;  color:blue; }
.ok12   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 10pt;;  color:green; }
.ok14   {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 12pt;  color:green; }
.nxlb {font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 14pt; color:#000000; font-weight:bold; text-decoration:none;}
.xs    {font-family:"Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;}
.s    {font-family:"Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 8pt;; color:#000000;}
.sb   {font-family:"Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 8pt;; color:#000000; font-weight:bold;}
.n    {font-family:"Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000;}
.nb   {font-family:"Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000; font-weight:bold;}
.nl    {font-family:"Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 12pt; color:#000000;}
.nlb   {font-family:"Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 12pt; color:#000000; font-weight:bold;}
.err    {font-family:"Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;  font-size: 10pt;; color:#cc0033;}
.err14    {font-family:"Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;  font-size: 12pt; color:#cc0033;}
.ch  {	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; font-size: 10pt;;  color:#222222; text-align: left; }
.ora10   {font-family:Verdana,sans-serif; font-size: 8pt;; color:#f8b13b; font-weight:bold; text-decoration:none;}
.ora12   {font-family:Verdana,sans-serif; font-size: 10pt;; color:#f8b13b; font-weight:bold; text-decoration:none;}
.ora14 {font-family:Verdana,sans-serif; font-size: 12pt; color:#f8b13b; font-weight:bold; text-decoration:none;}