/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#fff;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#fff;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% "Lucida Grande","Helvetica Neue",Helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* oocss, thanks Nichole Sullivan! */
/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{/*_text-align:center;*/}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 906px;/*_text-align:left;*/} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1;}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}

/* form inputs */
label { display: block; color: #fff; font-size: 16px; font-weight: 400; margin: 0 0 5px 0; text-shadow: 0 -1px 0px #000; }
.form-row { display: block; position:relative; padding: 10px 0 0 0; height: 80px; }
input { color: #fff; height: 27px; line-height: 27px; width: 230px; border: none; padding: 0 13px; background-color: transparent; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-repeat: no-repeat; background-position: -940px -409px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
textarea { color: #fff; line-height: 27px; padding: 0 13px; border: none; background-color: transparent; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-repeat: no-repeat; background-position: left bottom; }
input:focus, textarea:focus { outline: none; }
textarea.contact-message { height: 117px; width: 510px; }
.contact-button {  }
.form-status { float:right; margin: 7px 5px 0 0; }
#emailErrorMessages { display: none; position: absolute; top: 63px; left: 15px; width: 225px; height: 40px; padding: 28px 0 0 0; background-color: transparent; background-image:url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-repeat: no-repeat; background-position: -961px -165px; z-index: 900; text-align: center; }
#emailErrorMessages span {  font-size: 16px; }
button { float:right; margin: 5px 9px 0 0; border: 1px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
button span {  }
.darken { margin: 0 0; background: rgba(51,51,51,.4); height: 160px; }

/* **************** GRIDS ***************** */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

.clearfix { clear: both; line-height: 0px; font-size: 0px; height: 0px; }

body{font-family:"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px 0;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#fff; text-shadow: 0 -1px 0px #333; }
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#fff;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#fff;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #fff;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#fff;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#fff;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #036; font-weight:bold;text-decoration: none; outline: none; }
a:focus, a:hover { text-decoration: underline; outline: none; }
a:visited { color:#005a9c; outline: none; }
a.button { float:right; width: 82px; height: 32px; margin: 0 15px 0 0; background-color: transparent; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-repeat: no-repeat; background-position: -1030px -455px; text-align: center; line-height: 28px; color: #fff; text-decoration: none; cursor: pointer; text-shadow: 0 -1px 0px #000; }
a.button:hover { background-position: -1030px -495px; cursor: pointer; }
a.button:active { background-position: -1030px -535px; cursor: pointer; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}

p { text-shadow: 0 -1px 0px #000; }

hr { height: 1px; background: #000; border: none; border-bottom: 1px solid #666; }
html { background-image: url(http://c498814.r14.cf2.rackcdn.com/background2.jpg); }
.header { height: 80px; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: -150px -720px; background-repeat: none; }
.header .header-name a { font-size: 1px; float: left; height: 45px; width: 180px; background-color: transparent; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: 0px -590px; background-repeat: no-repeat; margin: 20px 0 0 0; }
.gradient { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); opacity: 0.4; filter: alpha(opacity = 40);  z-index: -10; }
.stage-right { position: absolute; top: 80px; right: 0px; bottom: 81px; width: 29px; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: -877px -67px; background-repeat: no-repeat; z-index: 100; }
.stage-left { position: absolute; top: 80px; left: 0px; bottom: 81px; width: 29px; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: 0px -67px; background-repeat: no-repeat; z-index: 100; }
.stage-bottom { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 81px; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: 0px -495px; background-repeat: no-repeat; z-index: 100; }

#imageTabs { margin: 6px 0 0 0; height: 20px; }
#imageTabs ul, #imageTabs ul li { list-style: none; margin: 0; padding: 0; }
#imageTabs ul { display: none; padding: 5px 0 4px 0; text-align: center; }
#imageTabs ul li { display: inline; margin: 0 0 6px 0; }
#imageTabs ul li.last { margin-right: 0; }
#imageTabs ul li a { color: #06C; padding: 0; line-height: 20px; font-size: 8px; text-decoration: none; outline: none; }
#imageTabs ul li a:hover, #imageTabs ul li a:active { outline: none; }
#imageTabs ul li a span { background: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: -1019px 2px; background-repeat: no-repeat; padding: 10px 1px 0 1px; }
#imageTabs ul li a.active span { background: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: -1050px 2px; background-repeat: no-repeat; padding: 10px 1px 0 1px; }
#imageTabs ul li a:hover span { text-decoration: none; }
* html #imageTabs ul li a { padding: 0; }

.stage-bottom p { position: absolute; top: 40px; left: 180px; width: 520px; text-align: center; color: #ccc; }
.stage-bottom p a { display: inline; margin: 0 auto; }
.stage-bottom p a img { display: inline; }
.stage-bottom #fbLikeFrame { position: absolute; top: 13px; left: 54px; width: 250px; height: 35px;  }
.stage-bottom ul.social { float: right; width: 160px; height: 45px; list-style: none; margin: 0 0; padding: 0 0; margin: 0 17px 0 0; }
.stage-bottom ul.social li { float: left; display: block; height: 45px; width: 51px; margin: 0 19px 0 0; }
.stage-bottom ul.social li a { float: left; height: 45px; width: 51px; }

/* nav begin */
.nav { position: absolute; left: 0px; top: 0px; right: 0px; height: 55px; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-repeat: no-repeat; z-index: 100; }
.nav ul { position: absolute; top: 11px; left: 20px; list-style: none; margin: 0; padding: 0; height: 67px; width: 800px; z-index: 100; }
.nav ul li { float: left; display: inline; width: 100px; height: 30px; line-height: 30px; text-align: center; margin: 0 0; padding: 0 0; }
.nav ul li a:link { display: block; opacity: 0.6; filter: alpha(opacity = 60); color: #fff; text-shadow: 0 1px 2px #000; font-size: 14px; font-weight: normal; outline: none; text-decoration: none; cursor: pointer; font-weight: 500; }
.nav ul li a:hover, .nav ul li a:active, .nav ul li a:visited { color: #fff; text-decoration: none; outline: none; cursor: pointer; }
.nav-slider { display: none; position: absolute; height: 42px; left: 20px; top: 11px; width: 100px; z-index: 1; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: -1025px -85px; background-repeat: no-repeat; }
/* nav end */

/* subnav begin */
.subnav { position: absolute; left: 0px; top: 55px; right: 0px; height: 25px; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-repeat: no-repeat; background-position: 0px -42px; z-index: 100; }
.subnav ul { display: none; list-style: none; margin: -7px 0 0 0; padding: 0 0 0 120px; text-align: center; }
.subnav ul li { float: left; display: inline; position: relative; width: 90px; margin: 0 0 0 6px; background: transparent; border: none; }
.subnav ul li a { float: left; display: block; width: 70px; background-color: transparent; background-image:url(http://c498814.r14.cf2.rackcdn.com/subnav_buttons.png); background-position: center bottom; background-repeat: no-repeat; font-weight: 400; outline: none; padding: 2px 10px 5px 10px; text-decoration: none; font-size: 11px; color: #333; font-weight: bold; text-shadow:0 1px 0px #fff; }
html>/**/body .subnav ul li a , x:-moz-any-link, x:default { padding: 2px 10px 4px 10px; }
.subnav ul li a:hover { outline: none; background-position: center center;  }
.subnav ul li a:active, .subnav ul li a.active { outline: none; color: #fff; background-position: center top;  text-shadow: 0 1px 1px #000; }

/* subnav end */

.foot { padding: 0 0; }
.foot p { float: left; margin: 0 0; color: #d2d5d9; padding: 0 0; font-size: 11px; line-height: 20px; text-shadow: 0 -1px 0px #000; }
.stage-container { position: relative; height: 589px; }
.stage { position: absolute; top: 74px; left: 23px; right: 23px; bottom: 75px; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(17,17,17,1)), to(rgba(47,47,47,1))); background: -moz-linear-gradient(top, rgba(17,17,17,1), rgba(47,47,47,1)); /* background-image: url(/assets/images/stage_back.jpg); background-position: center center; background-repeat: no-repeat; */ }

.grid { padding: 7px 0 0 7px; height: 440px; position: relative; }
div.cell-container { float: left; position: relative; height: 100px; width: 100px; margin: 5px 0 0 5px; -webkit-perspective: 1000; }
div.cell-container div { display: none; position: absolute; top: 0; left: 0; width: 100px; height: 100px; -webkit-backface-visibility: hidden; -webkit-transition-duration: .5s; /* cursor: pointer; */ }

div.fullframe0 { display: none; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; left: 0px; height: 440px; width: 860px; background: url(http://c498814.r14.cf2.rackcdn.com/shot_reporting_app_icon.jpg); background-repeat: none; }
div.fullframe1 { display: none; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; left: 0px; height: 440px; width: 860px; background: url(http://c498814.r14.cf2.rackcdn.com/pricelock_001.jpg); background-repeat: none; }
div.fullframe2 { display: none; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; left: 0px; height: 440px; width: 860px; background: url(http://c498814.r14.cf2.rackcdn.com/whattowear_003.jpg); background-repeat: none; }
div.fullframe3 { display: none; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; left: 0px; height: 440px; width: 860px; background: url(http://c498814.r14.cf2.rackcdn.com/current_fatemaker_game.jpg); background-repeat: none; }
div.frameinfo { position: absolute; left: 0px; bottom: 0px; right: 0px; height: 0px; background: #000; opacity: 0.7; filter: alpha(opacity = 70);  }
h1.frameinfo { display: none; float: left; position: absolute; left: 20px; bottom: 50px; height: 30px; right: 0px; height: 0px; }
a.portfoliojump { display: none; float: left; position: absolute; right: 17px; bottom: 22px; color: #999; border: 1px solid #999; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 2px 6px; font-weight: 400; }
a.portfoliojump:hover, a.portfoliojump:active { background: #fff; color: #111; border-color: #fff; text-decoration: none; }

div.cell-container div.frame0 { background: url(http://c498814.r14.cf2.rackcdn.com/shot_reporting_app_icon.jpg); background-repeat: none; }
div.cell-container div.frame1 { background: url(http://c498814.r14.cf2.rackcdn.com/pricelock_001.jpg); background-repeat: none; }
div.cell-container div.frame2 { background: url(http://c498814.r14.cf2.rackcdn.com/whattowear_003.jpg); background-repeat: none; }
div.cell-container div.frame3 { background: url(http://c498814.r14.cf2.rackcdn.com/current_fatemaker_game.jpg); background-repeat: none; }

div.cell-container div.row1 { background-position-y: -12px; }
div.cell-container div.row2 { background-position-y: -117px; }
div.cell-container div.row3 { background-position-y: -222px; }
div.cell-container div.row4 { background-position-y: -327px; }

div.cell-container div.col1 { background-position-x: -12px; }
div.cell-container div.col2 { background-position-x: -117px; }
div.cell-container div.col3 { background-position-x: -222px; }
div.cell-container div.col4 { background-position-x: -327px; }
div.cell-container div.col5 { background-position-x: -432px; }
div.cell-container div.col6 { background-position-x: -537px; }
div.cell-container div.col7 { background-position-x: -642px; }
div.cell-container div.col8 { background-position-x: -747px; }

div.cell-container div.sidea {  }
div.cell-container.flip div.sidea { -webkit-transform: rotateY(180deg); }
div.cell-container div.sideb { -webkit-transform: rotateY(180deg); }
div.cell-container.flip div.sideb { -webkit-transform: rotateY(360deg); }

.about { background: url(http://c498814.r14.cf2.rackcdn.com/about_back.jpg); height: 440px; width: 860px; }
.my-photo { height: 460px; width: 330px; }
.my-photo .me { float: left; position: absolute; top: 13px; left: 13px; background-image: url(http://c498814.r14.cf2.rackcdn.com/me.jpg); background-repeat: no-repeat; width: 305px; height: 413px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 2px 4px #333; -moz-box-shadow: 0 2px 4px #333; -webkit-box-shadow: 0 2px 4px #333; }
.about-content { float: right; width: 510px; height: 440px; padding: 10px; color: #f1f1f1; }
.about-content h1 { color: #f1f1f1; font-weight: 900; }
.contact { background: url(http://c498814.r14.cf2.rackcdn.com/background3.jpg); height: 440px; width: 860px; }
.contact-form { padding: 20px; }
a.contact-links { float: left; margin: 35px 0 0 0; width: 263px; height: 103px; background: transparent; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: -939px -287px; line-height: 103px; text-decoration: none; color: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; text-shadow: 0 1px 2px #000; }
a.contact-links span.copy { margin: 0 0 0 30px;  }
a.contact-links span.icon { float: right; display: block; width: 60px; height: 60px; margin: 23px 20px 0 0; }
a.download-vcf, a.download-vcf:visited, a.download-vcf:hover { float: right; position: absolute; top: 15px; right: 15px; height: 50px; width: 180px; text-align: right; color: #fff; font-weight: 400; padding: 10px; text-decoration: none; cursor: pointer; border: 1px solid transparent; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
a.download-vcf:hover { border: 1px solid rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.2) }
a.download-vcf #profileIcon { float: right; width: 60px; height: 60px; margin: 0 0 0 10px; }
.gcontainer { float: left; position: relative; display: block; height: 440px; width: 860px; overflow: hidden; }
.gcontainer ul.gallery { display: block; list-style: none; margin: 0 0; padding: 0 0; height: 440px; width: 10000px; }
.gcontainer ul.gallery li { display: none; float: left; position: absolute; top: 0px; left: 0px; margin: 0 0; padding: 0 0; width: 860px; height: 440px; }
.gcontainer ul.gallery li .slidedetails { position: absolute; left: 0px; bottom: 0px; right: 0px; height: 0px; overflow:hidden;  }
a.ima, a.ima:hover, a.ima:active, a.ima:visited { position: absolute; top: 50px; right: -10px; width: 120px; height: 120px; background-color: transparent; z-index: 1001; display: none; outline: none; text-decoration: none; }
a.whattowear { background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: -1086px -589px; }
a.pricelock { background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: -946px -589px; }
.gcontainer ul.gallery li .slidedetailsback { position: absolute; left: 0px; bottom: 0px; right: 0px; height: 70px; background: #000; opacity: 0.7; filter: alpha(opacity = 70);  }
.gcontainer ul.gallery li .slidedetails h1 { margin: 0 0; padding: 7px 0 0 0; }
.gcontainer ul.gallery li .slidedetails .slidedetailstext { position: absolute; left: 20px; bottom: 20px; right: 20px; height: 50px; }
.gcontainer ul.gallery li .slidedetails .slidedetailstext p { margin: 5px 0; padding: 5px; }
.gcontainer ul.gallery li .slidedetails .slidedetailstext a { color: #fff; border: 1px solid #999; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 2px 6px; font-weight: 400; white-space: nowrap; font-size: 10px; text-shadow: none; }
.gcontainer ul.gallery li .slidedetails .slidedetailstext a:hover, .gcontainer ul.gallery li .slidedetails .slidedetailstext a:active { background: #fff; color: #111; border-color: #fff; text-decoration: none; }

.next { display: none; position: absolute; top: 260px; right: -23px; background-color: transparent; height: 53px; width: 27px; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-repeat: no-repeat; background-position: -976px 0px; cursor: pointer; z-index: 1000; }
.prev { display: none; position: absolute; top: 260px; left: -23px; height: 53px; width: 27px; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-repeat: no-repeat; background-position: -944px 0px; cursor: pointer; z-index: 1000; }
.thumbnail-slider { height: 96px; }
.thumbnail-slider ul { list-style: none; margin: 0 0; padding: 0 0; }
.thumbnail-slider ul li { list-style: none; float: left; position: relative; display:inline; width: 156px; height: 96px; margin: 0 0 0 10px; }
.thumbnail-slider ul li a, .thumbnail-slider ul li a:visited, .thumbnail-slider ul li a:active { text-decoration: none; outline: none; width: 156px; height: 96px; }
.thumbnail-slider ul li a span.enlarge { float: left; display: none; position: absolute; top: 20px; left:53px; width: 50px; height: 50px; }
#paper { float: left; position: relative; }
a.ima-gw { position: absolute; top: 30px; left: 165px; height: 21px; width: 187px; background-color: transparent; background-image: url(http://c498814.r14.cf2.rackcdn.com/sprite1.png); background-position: -978px -248px; }
a.ima-gw:hover, a.ima-gw:visited, a.ima-gw:active { outline: none; text-decoration: none; }

/* @group Scrollbars */

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Mac */
    body {
        overflow: hidden;
    }
    #page {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 8px;
        overflow: auto;
    }
}

@media only screen and (max-device-width:480px) { /* iPhone */
    body {
        overflow: auto;
    }
    #page {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        overflow: auto;
    }
}

@media only screen and (max-device-width:1024px) { /* iPad */
    body {
        overflow: auto;
    }
    #page {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        overflow: auto;
    }
}
 
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button:start:decrement { display: block; width: 5px; height: 5px; background-color: transparent; }
::-webkit-scrollbar-button:end:increment { display: block; width: 5px; height: 5px; background-color: transparent; }
::-webkit-scrollbar-track:enabled { background-color: transparent; }
::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.05); -webkit-border-radius: 5px; margin: 10px 0; }
::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: rgba(226, 219, 254, 0.5); -webkit-border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.1); }
::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: rgba(255, 255, 255, .9); -webkit-border-radius: 5px; }

/* @end */

#at15s_head { color: #333; }

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(http://c498814.r14.cf2.rackcdn.com/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }