/* fix, reset */
a img { border:0; padding:0; margin:0; }
html { padding:0; margin:0; width:100%; height:100%;}
body { margin:0; width:100%; height:100%;}


/* layout */
body { text-align:center; padding:0; margin:0; background-color:#191919;}
#center { margin:0 auto; width:920px; text-align:left; padding:20px;}
#top { margin-top:80px; height:101px; }
#navigation { width:920px; padding-bottom:10px; margin-bottom:14px; border:0px white solid; border-bottom-width:1px; }


/* typo */
* { color: white; font-family: Helvetica, sans-serif; }
p { padding:0px; margin-top:0px; margin-bottom:21px; }
a, a:link, a:visited, a:hover, a:active { color:white; text-decoration:none; outline:none; }
a:hover { text-decoration: underline; }
.largeText { font-size:17px; line-height:27px; letter-spacing:1px;}
.smallText, .smallText * { font-size:12px; letter-spacing:1px; }
.yellow-text { color:#FFF200; }
.slightly-darker-text, .slightly-darker-text * { color:#aaaaaa; }
a.lowKeyLink, a.lowKeyLink :link, a.lowKeyLink:visited, a.lowKeyLink:active, a.lowKeyLink:hover { color: white; text-decoration:none; }
a.yellow-link {color:#FFF200;}
a.yellow-link, ul.hmenu li span { margin:0; padding-top:2px; padding-bottom:1px; padding-left:5px; padding-right:5px; }
a.yellow-link:hover { background-color:#FFF200; color:black; text-decoration:none; }


/* horizontal menu */
ul.hmenu { font-size:11px; letter-spacing:1px; margin:0; margin-left:-9px; padding:0; list-style: none; }
ul.hmenu li { margin:0; padding:0; padding-left:5px; padding-right:6px; display:inline; background-image:url(/assets/img/vertical-separator.gif); background-position:right 50%; background-repeat:no-repeat; }
ul.hmenu li a {color:#FFF200;}
ul.hmenu li a, ul.hmenu li span { margin:0; padding-top:2px; padding-bottom:1px; padding-left:5px; padding-right:5px; }
ul.hmenu li a:hover { background-color:#FFF200; color:black; text-decoration:none; }
ul.hmenu.submenu li a { color:white; }
ul.hmenu.submenu li a:hover { color:black; }
ul.hmenu.submenu li.selected * { color:#FFF200; }
ul.hmenu.right { margin-right: -9px; }
ul.hmenu.right li { margin:0; padding:0; padding-left:4px; padding-right:5px; display:inline; background-image:url(/assets/img/vertical-separator.gif); background-position:left 50%; background-repeat:no-repeat; }


/* popup */
.popup-source, .popup-source-img, .popup-box {}
.popup-source-label { padding-top:6px; font-size:11px; line-height:15px;}
.popup-label { padding-top:8px; text-align:left; color:white; font-size:12px; line-height:19px; letter-spacing:1px; }
.popup-background { overflow:hidden; background-color:#191919; position:absolute; left:0; top:0; width:100%; height:100%; }	
.popup-shadow { position: absolute; }


/* home button */
a.home { padding-left:18px !important; background-image: url(/assets/img/house-yellow.gif); background-repeat: no-repeat; background-position:4px bottom; }
a.home:hover { background-color:#FFF200; color:black; text-decoration:none; background-image: url(/assets/img/house-black.gif); }


/* cross button */
a.cross { color:white; margin:0; padding-top:2px; padding-bottom:2px; padding-right:18px !important; padding-left:5px; background-image: url(/assets/img/cross-white.gif); background-repeat: no-repeat; background-position:90% 60%;}
a.cross:hover { background-color:#FFF200; color:black; text-decoration:none; background-image: url(/assets/img/cross-black.gif); }


/* download button */
a.download { color:white; margin:0; padding-top:2px; padding-bottom:2px; padding-right:18px !important; padding-left:5px; background-image: url(/assets/img/arrow-down-white.png); background-repeat: no-repeat; background-position:93% 60%; }
a.download:hover { background-color:#FFF200; color:black; text-decoration:none; background-image: url(/assets/img/arrow-down-black.png); background-repeat: no-repeat; background-position:93% 60%; }


/* misc */
.loading { background:#2e2e2e url(/assets/img/tiny-blinking-point.gif); background-repeat: no-repeat; background-position:50% 50%; display:block; }
.right { float:right; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 0px solid #fff200; background: #fff200; font-weight: normal; color: #000000; outline: none; }
.ui-state-default, .ui-widget-content .ui-state-default { border: 3px solid #191919; border-right-width:0; border-left-width:0; background: #fff200; font-weight: normal; color: #000000; outline: none; }

/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { /*top: -.3em; margin-left: -.6em;*/ }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { /*left: -.3em; margin-left: 0; margin-bottom: -.6em;*/ }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* ScrollPane
----------------------------------*/
.scroll-pane { overflow: hidden; width: 920px; float:left; }
.scroll-content { float: left; margin-bottom:60px; }
.scroll-content-item { float: left; margin-right: 6px; overflow:visible; }
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { clear: left; padding: 0; margin: 0; border: 0px solid red; margin-bottom:20px; }
.scroll-bar-wrap .ui-slider { border:0; height: 6px; margin: 0 auto;  }
.scroll-bar-wrap .ui-slider-handle { height: 5px; margin-top:-3px; cursor:pointer; }
.scroll-bar-wrap, .scroll-bar-wrap .ui-slider { background: #191919 url('/assets/img/horizontal-line-white.gif'); background-position:0 50%; background-repeat:repeat-x; }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }