/**********************************
 * TITLE: Gila Screen Stylesheet  * 
 * URI  : gila/gila-screen.css    *
 * MODIF: 2003-Apr-30 19:09 +0800 *
 **********************************/

body {
	color: black;
	background-color: rgb(243,242,235);
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 73%;  /* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
}

html > body {
	font-size: 9pt;
}

.doNotDisplay {
  display: none !important;
}

.picfl {
	   float:left;
	   padding-right: 5px;
	   position: relative;
}

.picfr {
	   float:right;
	   padding-left: 5px;
	   position: relative;
}

.picfc {
	   text-align: center;
	   padding-left: 5px;
	   padding-right: 5px;
	   position: relative;
}


/* ##### Header ##### */

/* ##### CHANGE background-color to change header color, hex code is OK ##### */
/* ##### Hex Color Chart - http://www.hypersolutions.org/pages/rgbhex.html  ##### */

#header {
  color: white;
  background-color: #355162;
}

.headerTitle {
  margin: 0;
  padding: 0.25em 4mm 0.25em 4mm;
}

.headerTitle a {
  color: #B7CEE2;
  background-color: transparent;
  text-decoration: none;
  font-size: 110%;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}

.headerTitle > a {
  font-size: 110%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}

.headerTemp {
  font-size: 36px;
  font-weight: bold;
  position: absolute;
  right: .5ex;
  top: 0.18em;
}

[class~="headerTemp"] {
  top: 0.18em;  /* For fully standards-compliant user agents */
}

.subHeader {
  color: white;
  float: left;
  clear: left;
  position: relative;
  background-color: black;
  font-size: 109%;
  margin: 0;
  padding: 0.5ex 1ex;
}

.subHeaderRight {
  color: white;
  background-color: black;
  font-size: 109%;
  text-align: right;
  margin:  0;
  padding: 0.5ex 2ex;
}

.subHeader a {
  color: white;
  background-color: black;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.subHeader a:hover {
  color: black;
  background-color: white;
}


/* ##### Left Side Bar ##### */

.leftSideBar {
	width: 140px;
	float: left;
	clear: left;
}

.leftSideBar .sideBarTitle {
	color: #FFFFFF;
	background-color: #355162;
	font-weight: bold;
	margin: 0;
	padding: 0.8ex 1ex;
}
.leftSideBar .sideBarTText {
	color: #FFFFFF;
	background-color: #355162;
	margin: 0;
	padding: 0.8ex 1ex;
}

.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

.leftSideBar li {
  margin: 1ex;
  padding: 0 0 0 0;
}

.leftSideBar a {
  color: rgb(64,64,64);
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar a:visited {
  color: rgb(112,128,144);
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar a:hover {
  color: rgb(35,54,65);
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar .sideBarText {
  color: black;
  background-color: transparent;
  line-height: 1.25em;
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;
}

.leftSideBar .sideBarText a {
  text-decoration: underline;
  font-weight: bold;
}

.leftSideBar .sideBarText a:visited {
  text-decoration: underline;
  font-weight: bold;
}

.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}

.leftSideBar .thisPage {
  color: rgb(64,64,64);
  background-color: transparent;
  font-weight: bold;
}

/* ##### Main Copy ##### */

#main-copy {
	color: black;
	background-color: white;
	text-align: justify;
	line-height: 1.5em;
	border-left: 1px solid rgb(216,210,195);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 140px;
	padding-top: 0.5ex;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	left: 150px;
	z-index: 0;
}

#main-copy-dark {
  color: white;
  background-color: black;
  text-align: justify;
  line-height: 1.5em;
  margin: .1em 0 0 9.5em;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid rgb(216,210,195);
}

#main-copy h1 {
	color: rgb(38,57,65);
	background-color: transparent;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 175%;
	font-weight: bold;
	font-style: italic;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgb(216,210,195);
	border-bottom-color: rgb(216,210,195);
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
}

#main-copy a {
  color: rgb(35,54,65);
  background-color: transparent;
  text-decoration: underline;
}

.table-top {
	color: white;
	background-color: #355162;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}

.column-dark {
	color: black;
	background-color: #B7CEE2;
	font-size: 12px;
}

.column-light {
	color: black;
	background-color: white;
	font-size: 12px;
	z-index: -1;
}

#main-copy a:hover {
  text-decoration: none;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

.watchBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #FF9900;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(34,70,79);
}

.advisoryBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #FFCC00;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(34,70,79);
}

.warningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #CC0000;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(255,255,255);
}


/* ##### Footer ##### */

#footer {
  color: white;
  background-color: #355162;
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:visited {
  color: rgb(112,128,144);
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
}
.column-forpicture {
	color: black;
	background-color: white;
	font-size: 12px;
}
/* WordPress additions for Weather Display PHP AJAX Templates */
/* Copy and paste all of this to the END of your CSS files */

/* Begin Sidebar */
#sidebar
{
	padding: 2.5em;
	width: 150px;
	float: right;
	background-color: #F3F2EB;
	margin: 5px;

	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

#sidebar {
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
	
	
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
	
#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}
	
/* Added for image alignment issued */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
#header .headerTitle {
	color: #990;
}

.wxsimtbl {
	font-family:verdana;
	margin:0 auto;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	color: #3D3D3D;
	background-color: #FFF;
	border: 0px solid #ccc;
	text-align:center;
}
.wxsimtbl_header {
	background-color: #D9EAF4;
	border: 0px solid #FFF;
	color: #27537a;
	font-size: 8pt;
	padding: 3px 10px 3px 3px;
}
.wxsimdata {
background-color: #f1f1f1;
}
.wxsimdataodd {
background-color: #e8e8e8;
}
.wxsimdateline {
background-color:#27537a;
color:#fff;
}
/* 
  -----------------------------------
  Tab Panel Magic 2
  by Project Seven Development
  www.projectseven.com
  Style Theme: 1 - Win Tabs
  -----------------------------------
*/
.p7TPM01 {
	width: auto;
	margin: 0 auto;
	padding: 12px;
	background-color: #EDEBDE;
	border-top: 1px solid #F9F8F2;
	border-right: 1px solid #D9D5B9;
	border-bottom: 1px solid #D9D5B9;
	border-left: 1px solid #F9F8F2;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.p7TPM01 img {
	vertical-align: top;
}
/*Triggers construct - including arrows*/
.p7TPM01 .p7TPMtabs_01 {
	position: relative;
	z-index: 999;
	overflow: hidden;
	zoom: 1;
}
.p7TPM_arrows_01 .p7TPM_arrow_L, .p7TPM_arrows_01 .p7TPM_arrow_R {
	float: left;
	position: relative;
	z-index: 9999999999;	
}
.p7TPM_arrows_01 .p7TPM_arrow_R {
	float: right;
}
.p7TPM_arrows_01 a {
	display: block;
	text-decoration: none;
	color: #CCC;
	text-indent: -9999px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.p7TPM_arrows_01 .p7TPM_arrow_L a {
	background-image: url(img/tpm01_west.jpg);
}
.p7TPM_arrows_01 .p7TPM_arrow_R a {
	background-image: url(img/tpm01_east.jpg);
}
.p7TPM_arrows_01 a:hover, .p7TPM_arrows_01 a:focus {
	outline: 0;
}
.p7TPM_arrows_01 a.off {
	display: block;
	background-position: 0px -138px;
	cursor: default;
}
/*Trigger Viewport*/
.p7TPM01 .p7TPMtabs_viewport {
	position:relative;
	overflow:hidden;
	zoom: 1;
}
/*Trigger and Arrows Font Size, top, and bottom padding*/
.p7TPM_arrows_01 a, .p7TPM_tabs_01 a, .p7TPM_tabs_01 a:visited {
	font-size: 14px;
	padding-top: 16px !important;
	padding-bottom: 6px !important;
}
/*Trigger Wrapper*/
.p7TPM01 .p7TPMtabs_wrapper {
	position:relative;
}
/*Trigger UL*/
.p7TPM_tabs_01 {
	margin: 0;
	padding: 0px;
	font-size: 12px;
	position: relative;
	z-index: 999;
	zoom: 1;
}
.p7TPM_tabs_01 a img {
	border: 0;
}
.p7TPM_tabs_01 li {
	float: left;
	list-style-type: none;
	margin-left: -1px;
	background-image: url(img/tpm01_tab_left.jpg);
	background-repeat: no-repeat;
	position: relative;
}
.p7TPM_tabs_01 .tpmfirst {
	margin-left: 0;
}
.p7TPM_tabs_01 a, .p7TPM_tabs_01 a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding-right: 18px;
	padding-left: 18px;
	background-image: url(img/tpm01_tab_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 1px solid #CCC;
}
.p7TPM_tabs_01 a:hover, .p7TPM_tabs_01 a:focus {
	outline: 0;
	color: #E39658;
}
.p7TPM_tabs_01 li.open {
	background-position: left -127px;
	top: 1px;
}
.p7TPM_tabs_01 a.open, .p7TPM_tabs_01 a.open:visited {
	text-decoration: none;
	color: #000;
	background-position: right -127px;
	border-color: transparent;
}
/*Panels*/
/*Outer Wrapper*/
.p7TPMcwrapper_01 {
	position: relative;
	top: -1px;
	border: 1px solid #CCC;
	background-color: #FFF;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}
.p7TPMcwrapper_01.arrows_on {
	-moz-border-radius: 0 0px 5px 5px;
	-webkit-border-radius: 0 0px 5px 5px;
	border-radius: 0 0px 5px 5px;
}
/*Panels Viewport*/
.p7TPMcwrapper_01 .p7TPM_vp {
	filter: none;
}

/*Individual panels*/
.p7TPM_content_01 {
	padding: 20px;
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
}
<!-- March 2011 Version -->  
#today {   
position: relative;top:-0px;
}

.nexstorm_main {    /* this will affect the storms display */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #000000;
}

.nexstormheader {  /* the very top "no thunderstorms" */
text-align: center;
color: #87cefa;
/*font-weight: bold;*/
font-size: 12px;
padding: 6px 0 6px 0;
}

.datetime {    /* the date and time at the top */
color: #1bff1b; 
font-size: 10px; 
font-weight:bold
}

.nexstorm_img {    /* the map table cell*/
vertical-align: top;
margin:0px;
padding-top: 0px;
padding-left: 3px;
padding-bottom: 0px;
}

.NSmapdisplay {   /* the map display area */
position: relative;
overflow: hidden; 
}

.nexstorm_sub {    /* this is the table cell that contains the whole right column */
width: 120px;
color: #f2f2f2;
padding-top: 0;
font-size: 14px;   /* sets the spacing between lines */
}

.nexstormdata_top {  /* this is the strikes/close area box */
border: 1px solid #555555;
font-size: 14px;
margin-bottom: 5px;
padding: 3px 2px 3px 3px;
}

.nexstormheader2 {  /* the various headings - strikes/close" & last strike & distribution & totals etc */
text-align: center;
color: #87cefa;
font-size: 10px;
}

.nexstrikes {  /* the strikes and close numbers */
font-size: 20px; 
font-weight: bold; 
color: #FFFFFF;
}

.nexstormdatacolored {      /* right column data boxes with colored text */
border: 1px solid #555555;
margin-top: 2px;
margin-bottom: 5px;
padding: 3px 2px 3px 3px;
text-align: left;
font-size: 10px;
color: #97adad;
}  

.nexupdt {                 /* right column updates text */
color: white;
float: right;
}

.nexstormdatawhite {       /* data boxes with white text */
border: 1px solid #555555;
margin-top: 2px;
margin-bottom: 5px;
padding: 3px 2px 3px 3px;
text-align: left;
font-size: 10px;
color: #fff;
}  
   
.nexstormdatabottom {      /* the gauges etc below the map */
border: 0;
margin: 0;
padding: 0;
text-align: left;
font-size: 10px;
color: #FFF;
width: 100%;
}

.nexstormbottomgraphs {    /* the table that holds the bar graphs below the map */  
border: 1px solid #333333;
height: 107px;
width: 100%;
}

.nexstormbottomtotals {    /* the table that holds the totals below the map */  
border: 1px solid #333333;
height: 107px;
min-width:130px;
width: 100%;
padding: 0px;
}

.nexstormdatabottomstats {   /* the countdowns and/or rates when they're below the map */  
border: 1px solid #333333;
height: 107px;
padding: 0px;
}

.nexstorm_gr {              /* the table cell that holds the JpGraphs */  
text-align: center;
padding-bottom: 5px;
}

.countdownsbottom {         /* the countdowns etc when used at the bottom */
color: #97adad;
font-size: 10px;
text-align:center;
border: 0px;
margin: 0px;
padding: 0px;
}

/* these are for the old tracreportshort */
.nexstyle1 {                /* the trac report normal text when using the old tracreportshort */
color: #FFFFFF;
font-size: 10px;
}

.nexstyle2 {               /* the trac report headings when using the old tracreportshort */
color: #87cefa;
font-weight: bold;
font-size: 12px;
padding: 0 0 10px 0;
}

.tracreport {              /* old tracreportshort */
border-bottom: 1px solid #333333;
padding: 3px 0 3px 0;
}

.tracreporthead {          /* old tracreportshort */
background: #333333;
padding: 2px;
}
/* end old tracreportshort */

.nexstyle3 {               /* the heading above the graphs */
color: #87cefa;
/* font-weight: bold; */
font-size: 12px;
padding: 0 0 0 0;
}

/*

img.NSmap {
position:relative;
left:0px;
top:0px;
z-index:-1;
}
*/

/* Positioning of the legend (tl = topleft, tr = topright, bl = bottomleft, br = bottomright) */

.NSlegend_tl {
    position:absolute; 
    top:2px;
    left:2px;
    z-index:1;
}

.NSlegend_tr {
    position:absolute; 
    top:0px;
    right:3px;
    z-index:1;
}

.NSlegend_br {
    position:absolute; 
    top:493px;
    left:293px;
    z-index:1;
}


.NSlegend_bl {
    position:absolute; 
    top:493px;
    left:2px;
    z-index:1;
}

.NSlegend_hide {
    display: none;
}

.NSoffline {         /* places the offline and pause images over the map */
    position:absolute; 
/*    top:230px;       these are now calculated in the script
    left:120px;  */
    z-index:1;
}

.NSmaptime {       /* the time in the corner of the map */
	color:white;
	font-size: 10px;
    position:absolute;
    bottom:12px;
    right:3px;
    z-index:1;
}

.NScredits {     /* the credits in the corner of the map */
	color:white;
	font-style: italic;
	font-size: 10px;
    position:absolute;
    left:2px;
    bottom:0px;
    z-index:1;
}

.NScredits a {
text-decoration: none;
}

.NScreditsb {      /* Henkka & Jim links */
	color:#fff; 
	font-style: italic;
	font-size: 10px;
}

.NScreditsb a {
text-decoration: none !important;
color: #82cdfb !important;
font-style: italic;
}

/* This whole section is for the last strikes */
#MAP .NSstrikes {           /* Added for Last Strike feature */
	font-size: 2.0em;
	font-weight: bold;	
    position:absolute;     /* Must be absolute */
    z-index:2;
}

/* The following will control the "tool tips" that pop up on "last strikes" */
#MAP a.info{
	position:absolute;        /* Must be absolute */
	z-index:21;
	color:inherit;
	text-decoration:none;
	outline: none;
}

#MAP a.info span {
	display: none;   /* hide the span text using this css */
}

#MAP a.info:hover {
	z-index:25;
	color:inherit;
}

#MAP a.info:hover span { /* the span will display just on :hover state */
	display:block;
	position:relative;  /* absolute doesn't work in opera but relative seems to work with all */
	width:6em;
	border:1px solid #FFF;  
	background-color:#000; 
	color:#FFF;         
	text-align: center;
	font-size: .8em;
	font-weight: normal;
	line-height: 1.4em;		
	-moz-border-radius: 6px;	 /* Rounded edges in Firefox */
}

#MAP a.info.uleft:hover span {  /* left & above */
	top: -9em;
	right: 7em;
}

#MAP a.info.uright:hover span {   /* right & above */
	top: -9em;
	left: 2em;
}
 
#MAP a.info.lleft:hover span {   /* left & below */
	top: -1em;
	right: 7em;
}

#MAP a.info.lright:hover span {  /* right & below */
	top: -1em;
	left: 2em;
}

#MAP a img {
    border:none;
}
/* End of last strikes */
/* The following are for the table that NSStorms-include provides */
.nsstormsstatus {               /* the separate heading above the storms table */
color: #87cefa;
font-size: 12px;
padding: 0 0 10px 0;
}

table.nsstorms {                /* style the table however you wish */
	width: 99%;
	border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: black;
	border-collapse: collapse;
	text-align: center;
}
table.nsstorms th {             /* heading row */
	color: white;
	font-size: .8em;	
	border-width: 0px;
	padding: 3px 3px 3px 3px;
	border-style: inset;
	border-color: #333333;
	background-color: #333333; 
	font-weight: normal;        /* otherwise headings will be bold */
	line-height: 12px;
}
table.nsstorms td {             /* normal cells */
	color: white;
	font-size: .8em;
	border-width: 0px;
	padding: 3px 3px 3px 3px;
	border-style: inset;
	border-color: black;
	border-bottom: 1px solid #333333;
}
table.nsstorms td.hilite {      /* alternate rows */
	color: white;
	font-size: .8em;
	border-width: 0px;
	padding: 3px 3px 3px 3px;
	border-style: inset;
	border-color: black;
	border-bottom: 1px solid #333333;
}
table.nsstorms td.weak {
	color: #00ff00;
	font-size: .8em;
	border-width: 0px;
	padding: 3px 3px 3px 3px;
	border-style: inset;
	border-color: black;
	border-bottom: 1px solid #333333;
}
table.nsstorms td.medium {
	color: #FFFF00;
	font-size: .8em;
	border-width: 0px;
	padding: 3px 3px 3px 3px;
	border-style: inset;
	border-color: black;
	border-bottom: 1px solid #333333;
}
table.nsstorms td.strong {
	color: #ff0000;
	font-size: .8em;
	border-width: 0px;
	padding: 3px 3px 3px 3px;

	border-style: inset;
	border-color: black;
	border-bottom: 1px solid #333333;
}
table.nsstorms td.severe {
	color: #ff0080;
	font-size: .8em;
	border-width: 0px;
	padding: 3px 3px 3px 3px;
	border-style: inset;
	border-color: black;
	border-bottom: 1px solid #333333;
}
/* End of the NSStorms section */
/* AutoRange Dropdown */
/*
body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.75em; color:#000;}

.dropdown {font-family:Arial, Helvetica, Sans-Serif; font-size:14px; color:#000;}
*/
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; font-size: 10px; font-weight:inherit !important;}
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#97adad !important; text-decoration:none !important; outline:none;}
.dropdown a:hover { color:#fff !important;}
.dropdown dt a:hover { color:#fff; border: 0px solid #000;}
.dropdown dt a {background:#000 url(arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
				border:0px solid #000; width:100px;}
.dropdown dt a span {cursor:pointer; display:block; padding:0px;}
.dropdown dd ul { background:#333333 none repeat scroll 0 0; border:2px solid #000; color:#97adad; display:none;
				  left:0px; padding:0px 0px; position:absolute; top:2px; width:auto; min-width:100px; list-style:none;}  /* width of dropdown */
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:2px; display:block;}
.dropdown dd ul li a:hover { background-color:#000 !important;}
/* End of the AutoRange Dropdown */