* {outline-color: invert; outline-style: none; outline-width: medium; margin: 0px; padding: 0px}
body {font-family: "Arial","Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms","verdana"; background: #f2f2f2 repeat-x top left; color: #ffffff; font-size: 13px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; margin: 0}
#header {background: #fff; height: 220px; border-bottom: 3px #434343 solid}
#logo {width: 350px; float: left; padding-top: 5px}
.img {-moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-topright: 7px}
a {color: #434343; text-decoration: none}
a:hover {border-bottom: 1px #519eef solid}
a.git {color: #434343; text-decoration: none}
a.git:hover {border:none}
a.nav {color: #434343; font-variant: small-caps; text-decoration: none; font-size: 1em}
a.nav:hover {border-bottom: 3px #519eef solid}
a.resource {color: #cacaca; font-variant: small-caps; text-decoration: none; font-size: 1em}
a.resource:hover {border-bottom: 3px #519eef solid}
label {width: 100px; display: block; float: left}
p.code {color: #666; background: #e5e5e5; padding: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; font-weight: normal; font-size: .7em}
p.comment {color: #962920; font-style: italic; font-weight: normal; font-size: .6em}
p.regular {font-weight: normal; font-size: .9em; color: #767676; background: #f2eeee; padding: 10px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 0px}
ul {list-style-type: none}
li {font-size: 2em; color: #434343; border-top: 1px gray dashed; padding: 10px 0; margin-left: 20px}
ul#nav li {font-size: 1.5em; border: none; color: #434343; padding: 10px 0; margin-left: 20px; float: left}
p.heading {border-top: 2px #cccccc solid; font-weight: bold; font-size: 3em; color: #cccccc; margin: 10px 0px 0px 0px; cursor: pointer}
 #tooltip {display:none; background:transparent url(/images/tooltip/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#aaff76}
#usage_tooltip {display: none; background: transparent url(/images/tooltip/white_arrow.png); font-size: 12px; height: 70px; width: 160px; padding: 25px; color: #434343}
 .images {background:#fff url(../images/h300.png) repeat-x; border:1px solid #666; position:relative; height:300px; width:870px; float:left; margin:15px; cursor:pointer;  -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 0 25px #666; -webkit-box-shadow:0 0 25px #666}
 .images div {display:none; position:absolute; top:0; left:0; margin:7px; padding:15px 30px 15px 15px; height:256px; font-size:12px}
 .images h3 {font-size:22px; font-weight:normal; margin:0 0 20px 0; color:#456}
 .tabs {clear:both; margin-left:456px; height: 20px}
 .tabs a {width:8px; height:8px; float:left; margin:3px; background:url(../images/navigator.png) 0 0 no-repeat; display:block; font-size:1px}
 .tabs a:hover {background-position:0 -8px}
 .tabs a.current {background-position:0 -16px}
 .forward, .backward {float:left; margin-top:140px; background:url(../images/hori_large.png) no-repeat; display:block; width:30px; height:30px; cursor:pointer; font-size:1px; text-indent:-9999em}
 .forward {background-position: 0 -30px; clear:right}
.forward:hover {background-position:-30px -30px}
.forward:active {background-position:-60px -30px}
 .backward:hover {background-position:-30px 0}
.backward:active {background-position:-60px 0}
 .disabled {visibility:hidden !important}
a.right:hover {background-position:-30px -30px}
a.left:hover {background-position:-30px 0px}
a.left {margin-left: 0}
a.right {background-position: 0 -30px; clear: right; margin-right: 0}
a.browse {background:transparent url(../images/hori_large.png) no-repeat scroll 0 0; cursor: pointer; display: block; float: left; font-size: 1px; height: 30px; margin: 40px 10px; width: 30px}
div.scrollable {position: relative; overflow: hidden; width: 950px; height: 130px; margin-left: 43px; margin-bottom: 50px; background: #fff; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px}
div.scrollable div.items {width: 20000em; position: absolute; text-align: center}
div.scrollable div.items div {float:left}
 .scrollable img {-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background-color:#FFFFFF; border:1px solid #CCCCCC; cursor:pointer; float:left; height:75px; margin:20px 5px 20px 21px; padding:2px; width:100px}
.scrollable img.active {border: 3px #565656 solid}
div#image_wrap {width: 500px; padding:10px; border:1px solid #ccc; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-topright: 7px; background-color:#fff}