@charset "UTF-8";
/* CSS Document */

#rotator {width:584px; height:320px; border:4px solid #d3c6a7; background:#002667; position:relative; padding:0}
#rotator h2 {margin:0; padding:0}
#rotator .contentBox {width:584px; height:320px; position:absolute; bottom:0; right:0; z-index:1}

/* Tabs */
li.tab, li.tab a, #rotator .ui-tabs-selected {float:left; width:25px; height:25px; margin:0}
li.tab a {position:relative; z-index:100; background:url(images/button-down.png) center no-repeat}
li.tab a:hover, li.tab a:active {background:url(images/button-over.png) center no-repeat}
li.ui-tabs-selected a {background:url(images/button-up.png) center no-repeat; position:relative; z-index:100}

ul.rotatorList {list-style:none; margin:0; padding:0; position:absolute; bottom:0px; right:0; z-index:10; height:25px}

/* Active Tab */
#rotator .ui-tabs-selected {background:#000}

/* Content Panels */

#rotator .ui-tabs-hide {display:none}

.teaser {width:454px; height:60px; background:url(images/darker.png); position:absolute; bottom:0; left:0; padding:6px 110px 6px 20px; font-size:12px; font-weight:normal; line-height:16px; color:#c6cbe1}
.teaser h2 {color:#fff; font-size:24px; font-weight:normal}
a#rotatorLink {width:584px; height:320px; position:absolute; border:0; left:0; background:none}
a#rotatorLink:hover h2 {color:#1f99eb}
a#rotatorLink div {cursor:pointer}