#currentcyclones { border: 1px solid #b8b389; font-size: 18px; }
#currentcyclones br.clear { clear: both; display: inline-block; height: 1px; margin-top: -1px; }
#currentcyclones .cyclonepanel { border-bottom: 1px solid #968967; }
#currentcyclones .cyclonepanel:last-child { border-bottom: none; }
#currentcyclones .cpheader { padding: 5px 5px; background-color: #b8b389; color: #000; font-family: myriad-pro, sans-serif; cursor: pointer; }
#currentcyclones .cpmodule { display: none; padding-top: 5px; }

#currentcyclones .cpmodule .ccpanelimg img { width: 100%; }

/* active storms */
#currentcyclones .stormfoot { width: 100%; padding: 4px 0; margin-top: -5px; color: #000; font-size: 11px !important; text-align: center; background: #D3CBBB; }
#currentcyclones .stormfoot .updissd { display: block; font-weight: bold; margin: 0 3px 4px; }
#currentcyclones .stormfoot ul { display: table-row; width: 100%; text-align: left; }
#currentcyclones .stormfoot ul li { display: table-cell; padding: 0 5px; }
#currentcyclones .h2 { margin-left: 3px; font-size: 1em !important; line-height: 1.2em !important; }
#currentcyclones .cpfootnote { margin-left: 10px; font-size: .7em; }

/* storm names */
#stormnames .modulelist { float: left; width: 31%; }
#stormnames .modulelist:first-child { margin-left: 3px; }
#stormnames .modulelist li { font-size: .85em; line-height: 1.7em; }
#stormnames .modulelist li a { font-size: 1em !important; font-weight: bold; }
#stormnames .isactive { display: inline-block; width: 8px; height: 8px; background-color: #F00; vertical-align: text-top; margin-top: 4px; margin-right: 4px; }
#currentcyclones .cpfootnote .isactive { margin-top: 2px; }

/* info panels */
#currentcyclones .ccsubheader { margin-left: 3px; font-weight: bold; }
#currentcyclones .ccpanellink { float: left; width: 42%; margin-left: 20px; margin-bottom: 4px; font-size: 13px; list-style-type: disc; color: #575a2f; }
#currentcyclones .ccmorelink { text-align: center; margin-bottom: 5px; }
#currentcyclones .ccmorelink a { font-size:15px; font-weight: bold; color: #575a2f; }
#currentcyclones .cpmodule * {  position: relative; z-index: 1; }
#currentcyclones .ccpreventclicks { position: absolute; z-index: 100; width: 300px; height: 200px; }





/* old sytles below */

#currentcyclones .something {  }
#currentcyclones .stormhead {  }
#currentcyclones .storm {  }
#currentcyclones .storm:first-child {  }

#currentcyclones h5 { display: block; margin: 0; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 2px #ccc; }
#currentcyclones .stormthumb { width: 145px; height: 115px; float:left; overflow: hidden; margin: 0; }
#currentcyclones .stormthumb img { height: 115px; }
#currentcyclones .stormlinks { margin-left: 170px; }
#currentcyclones .stormlinks li { margin-bottom: 4px; font-size: 13px; margin-top: 8px; }
#currentcyclones .stormlinks li a, #currentcyclones .stormlinks li a:visited { color: #3C8AFA; }