@charset "UTF-8";

/* palette */
/*
00b38a - green highlight
f7941d - orange
982b56 - dark pink (purple)
e8e700 - yellow
f32837 - red
32c6f7 - blue
d9dabb - beige highlight
*/

* {margin: 0;padding: 0;}

body {font:small "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:white; margin:0; padding:36px 0 0 0; background: black url('/image/body-bg_split.png') repeat-x 0 -65px;}

a {text-decoration:none; color:#32c6f7;}
a:hover {text-decoration:underline;}

p {font-size:small; color: #ccc; line-height:1.5; margin:0; padding:0; margin-bottom:15px;}
h1, h2, h3, h4, h5 {font-family:"Georgia","Palatino","Times New Roman",serif;}

img {border:none;}

h1.page-title {margin: 5px 0 30px; font-size: 2.4em; font-style: italic; color: #ffe; /*color: #d9dabb;*/ /*color: #ea92b9;*/}
div#upper h1.page-title {padding: 5px 0;}

/* General Layout */
div#layout {margin: 0 auto; width: 775px; padding: 40px 25px 0 25px;}
div#layout div#sidebar {float: left; width: 220px;}
div#layout.rightcol #main, div#layout.leftcol #main {float: left; width:540px;}
div#layout.rightcol div#sidebar {margin-left: 15px;}
div#layout.leftcol div#sidebar {margin-right: 15px;}

div#upper {position:relative;}

div#main h2, div#main h3 {margin: 7px 0;}

div#main .block, div#sidebar .block {padding: 7px; background-color: #111; border: 1px solid #222; border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; margin-bottom: 10px;}
div#main .block h3, div#sidebar .block h3 {color: #32c6f7; font-size: 16px; border-bottom: 1px dotted #333; padding-bottom: 5px; margin: 5px 5px 10px 5px;}
div#main .block .content, div#sidebar .block .content {padding: 5px;}
/*.block ol.jamm-listing {margin: 5px;}*/
div#main .block .content p, div#sidebar .block .content p {font-size: 11px;}
/*div#main .block ul, div#sidebar .block ul {list-style-type: circle; margin: 10px; padding-left: 10px;}*/

/*Global Header*/
#global-header {font:11px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,Verdana,sans-serif;height:36px;line-height:1.8; background:url('/image/header/grad_bg.png') repeat-x left top; color:#ccc;position:absolute; top: 0; left: 0; right: 0;}
#global-header a{color:white;}
#global-header a:hover {color: #32c6f7;text-decoration: none;}

#site-nav{float:left;/*background-color:#111;border-right:1px solid black;*/}
#site-nav ul{list-style-type:none;float:left;margin:7px 0 0 5px;}
#site-nav ul li{float:left;margin-right:5px;/*font-weight:bold;*/ color: #444;}
#site-nav ul li:after {content: " \2022";}
#site-nav ul li.last:after {content: none;}

#site-nav h2#mini-logo{float:left;}
#site-nav h2#mini-logo a{display:block;width:100px;height:35px;text-indent:-999em;background:url('/image/header/mini_logo.png') no-repeat left top;}

a#language-flip {background: url('/image/header/language.png') no-repeat top left; height: 14px; padding: 0 0 3px 22px; line-height: normal; position: absolute; /*left: 42%;*/ top: 10px; margin-left: 20px;}
a#language-flip:hover {background-position: 0 -17px;}

/*User Navigation*/
#user-nav {position: absolute; right: 7px; top: 8px; white-space:nowrap;}
#user-nav ul {list-style-type:none;}
#user-nav ul li {float: left; margin-left: 7px; line-height: 1.6; font-weight: bold;}
#user-nav ul li a, #user-nav ul li.score {background-repeat: no-repeat; background-position: top left; padding: 0 0 3px 22px;margin-right: 5px; color:#ddd;}
#user-nav ul li.user a#nav-profile {color: white; margin: 0;background:url('/image/header/user.png') no-repeat 0 0;}
#user-nav ul li.user a#nav-account {color: white; padding-left: 0;}
#user-nav ul li.user a#nav-profile:hover, #user-nav ul li.user a#nav-account:hover {background-position: 0 -17px; color: #32c6f7;}
#user-nav ul li.score {font-weight: normal; padding-left: 17px; background:url('/image/icons/star_12.png') no-repeat 0 3px;}
#user-nav ul li.logout a {padding-left: 0;}
#user-nav ul li.user span, #user-nav ul li.score span {color: #999; font-weight: normal;}

#user-nav label {float: left;margin-right: 5px;}
#user-nav fieldset {padding: 0; margin: 0; border: 0; background: none;}
#user-nav span {float: left;}
#user-nav ul span {float: none;}
#user-nav span#login-button {margin-top: 2px; background:url('/image/header/login.png') no-repeat top left; width: 51px; height: 17px; text-indent: -999em;}
#user-nav a#signup-button {margin-top: 2px; background:url('/image/header/signup.png') no-repeat top left; width: 57px; height: 17px; text-indent: -999em; float: left; outline: none;}
#user-nav span#login-button:hover, #user-nav a#signup-button:hover {background-position: 0 -17px;}
#user-nav span#openid-button {margin: 2px 4px; padding-left: 20px; background:url('/image/icons/oid_16.png') no-repeat top left; font-size: 10px;line-height: 1.5;}
#user-nav span#openid-button:hover {color: #ff6200; cursor: default;}

#user-nav input {font-size: 0.9em;}

#user-nav #login-error {background: url('/image/icons/alert_16.png') no-repeat top left; /*font-weight: bold;*/ padding-left: 20px; margin: 0; font-weight: normal; margin-top: 2px; line-height: 1.5;}
#user-nav #login-error a {font-weight: bold;}
#user-nav #login-error span {float: none; font-size: 11px; color: #f7941d; margin: 0; padding: 0;}

/* General Message Class */
.message {margin-top:15px; margin-bottom:15px; border:1px dashed #003242; padding:5px; background-color:#f2eec2;}

/*Shared Popover Classes*/
span.close {background:url('/image/close.png') no-repeat top left; width: 19px; height: 19px; display: block; text-indent: -999em;}
span.close:hover {background-position: 0 -19px;}
span.close:active {background-position: 0 -38px;}

span.descriptor, p.descriptor {font-size:10px; margin: 0; /*color:#444;*/}

span.info, p.info {font-size: 0.9em; color: #ccc; padding-left: 25px; background: url('/image/icons/info_19.png') no-repeat top left; margin: 10px 0;}

/* General Form Elements */
input, textarea, select {margin:0;}
input, select {vertical-align:middle;}
input[type="button"], input[type="submit"], input[type="reset"] {/*background:#eee none repeat scroll 0%;border:1px outset #ccc; color:#222;*/ padding:0.2em 0.7em;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {/*background:#ccb none repeat scroll 0%;*/}
input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled] {/*background:#F6F6F6 none repeat scroll 0%; border-style:solid; color:#999;*/}
input[type="text"], input[type="password"], textarea {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border:1px solid #d7d7d7;}
input[type="text"], textarea, input[type="password"] {padding:0.3em; background-color:#111; color:#ddd; border-color:#444;}
input[type="text"].wait, input[type="password"].wait {background: #111 url('/image/spinners/loading_16-dark.gif') no-repeat 95% 50%;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {background-color: black; border:1px solid #967;}
option {border-bottom:1px dotted #d7d7d7;}
fieldset {background: #222; border:1px solid #333; padding:10px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
fieldset.iefix {background:transparent none repeat scroll 0%; border:medium none;}
* html fieldset.iefix {width:98%;}
fieldset.iefix p {margin:0;}
legend {color:#999; font-size:90%; padding:0pt 0.25em;}
label {font-size:10px;/*font-weight:bold;*/}
label.disabled {color:#d7d7d7;}
fieldset.legend-header {margin-top: 25px; padding-top: 0; border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0;}
fieldset.message-footer {padding-bottom: 0;}
fieldset fieldset {border:0; background-color: #333;}
fieldset fieldset legend {font-family:arial,helvetica,sans-serif; font-weight: bold; margin:-10px -10px 8px; padding: 7px 10px; background-color: #333; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0; clear: both;}

/*Shared Buttons*/
.button, input[type="button"], input[type="submit"], input[type="reset"] {background: #982b56 url('/image/bevels/small-up.png') repeat-x bottom left; font-family:arial,helvetica,sans-serif;display:inline-block;font-size:0.9em;padding:3px 5px;cursor:default;color:#eee;border:1px solid #999;border-top-color: #ccc; border-bottom-color: #666; border-style:solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; /*border-color:#f58cbb #8a0c45 #8a0c45 #f58cbb;background-color:#b35981;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; behavior:url('/sites/all/themes/jawa/border-radius.htc');*/}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover,.button.enabled{/*border-color:#f58cbb #8a0c45 #8a0c45 #f58cbb;*/background-color:#ad4068;color:white;border-color: #ccc; border-top-color: #fff; border-bottom-color: #999; text-decoration: none;}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active{background: url('/image/bevels/small-down.png') repeat-x top left; background-color:#ad4068; border-bottom-color: #ddd; border-top-color: #aaa;}

/* Generic Form Errors */
form ul.errorlist {list-style:none; margin:7px 0; padding:0; font-size:11px;}
form ul.errorlist li {font-size: 11px; color: #f7941d; background: url('/image/icons/alert_16.png') no-repeat top left; /*font-weight: bold;*/ padding-left: 20px; margin: 0;}

/* Generic Form Footer */
div.form-footer {padding-top: 15px; text-align: center;}

/*Footer*/
div#footer{margin-top: 75px; padding: 15px; font-size: 0.8em; border-top: 1px solid #222;}

div#footer p.copyright {margin: 0; font-size: inherit; color: #444; float:left;}

div#footer ul li {float: left;}

div#footer ul.links {list-style-type: none; float: right;}
div#footer ul.links li {margin-left: 3px; color: #222;}
div#footer ul.links li a {color: #982b56;}
div#footer ul.links li a:hover {color: #ad4068; text-decoration: none;}
div#footer ul.links li:after {content: " \2022";}
div#footer ul.links li.last:after {content: none;}

div#footer ul.support {display: none; margin: 20px auto 0; width: 400px; list-style-type: none;}
div#footer ul.support li {margin: 0 5px;}
div#footer ul.support li a {display:block; text-indent: -999em;}

div#footer a#footer-snips{background:url('/image/splash/snips-powered_logo.png') no-repeat top left;width:150px;height:50px;}
div#footer a#footer-telefilm{background:url('/image/splash/telefilm-rev-bw_logo.png') no-repeat top left;width:125px;height:52px;}
div#footer a#footer-oid{background:url('/image/splash/oid-rev_logo.png') no-repeat top left;width:95px;height:41px;margin-top:5px;}

/*Image Wrappers (square)*/
img.wrap20 {background:url(/image/wrappers/image_20px.png) no-repeat; display:block; width:20px; height:20px; padding:2px;}
img.wrap20:hover {background-position:0 -24px;}
img.wrap50 {background:url(/image/wrappers/image_50px.png) no-repeat; display:block; width:50px; height:50px; padding:3px;}
img.wrap50:hover {background-position:0 -56px;}
img.wrap120 {background:url(/image/wrappers/image_120px.png) no-repeat; display:block; width:120px; height:120px; padding:5px;}
img.wrap120:hover {background-position:0 -130px;}

/* Modal Dialog */
#modal-pane {background:rgba(255,255,255,0.3); position:fixed; top:0; left:0; right:0; bottom:0; z-index:200000;}
#modal-pane #modal-dialog {position:absolute; left:50%; top:50%;}
#modal-pane #modal-dialog.errors > * {display:none;}

/* Contextual Dialog: Confirm Form */
form.confirm-form {text-align: center; position: absolute; z-index: 15000; width: 240px; top: 5px; left: 5px;}
form.confirm-form .confirm-button {background-color: #f32837; margin: 2px;}
form.confirm-form .confirm-button:hover, form.confirm-form .confirm-button:active {background-color: #ff3f45;}
form.confirm-form .cancel-button {margin: 5px;}

/* Dialog Overlay */
.dialog {border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color: #222; padding: 15px; border: 1px solid black; border-color: #666 black black #666; color: #eee;}
.dialog h3 {/*font-family:arial,helvetica,sans-serif;*/ font-size: 16px; margin: -7px -5px 8px; padding-bottom: 5px; border-bottom: 1px dotted #555; color: #eee;}
.dialog h4 {margin-bottom: 10px; color: #999; font-style: italic; font-weight: normal;}
.dialog label {clear: both;}
.dialog fieldset {border:0; background-color: #333;}
.dialog fieldset.legend-header {margin-top: 25px; padding-top: 0; border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0;}
.dialog fieldset legend {font-family:arial,helvetica,sans-serif; font-weight: bold; margin:-10px -10px 8px; padding: 7px 10px; background-color: #333; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0; clear: both;}
.dialog span.close {position:absolute; top:9px; right:8px;}

/* Dialog Errors */
#modal-pane #modal-dialog #modal-errors {display:block; margin: 10px; font-size: 0.8em; list-style-type: none; color: #bbb; width:500px;}
#modal-errors h3 {font-weight: bold; color: white; font-size: normal; padding: 15px 40px; background: transparent url('/image/icons/alert_32.png') no-repeat 0 8px; min-height: 16px;}
#modal-errors li div.body {white-space:pre; white-space:pre-wrap; overflow:auto; padding:2px;}
#modal-errors li div.html {white-space:normal;}

/* Form Errors */
.error {*height: 1.4em; min-height: 1.4em;margin: 2px 0; display:block; clear: both;}
.error p {font-size: 11px; color: #f7941d; background: url('/image/icons/alert_16.png') no-repeat top left; /*font-weight: bold;*/ padding-left: 20px; margin: 0;}

/*General Floats*/
span.left, div.left {float:left;}
span.right, div.right {float:right;}

/*Image Floats*/
img.left {float:left; margin:0 5px 5px 0px;}
img.right {float:right; margin:0 0 5px 5px;}

/*Inline*/
.inline {display:inline;}

.snippet {font: 10px "Courier New",Courier,monospace; color: #ccc;}

/* Jamm Listings */
.jamm-listing {list-style-type: none; margin: 0; padding: 0;}
.jamm-listing li {padding: 5px 7px; margin-bottom: 5px; background: #222; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border: 1px solid #222;}
.jamm-listing li.last {margin: 0;}
.jamm-listing li:hover {background-color: #1a3040; border-color: #1a5580;}
.jamm-listing li h4.jamm-title {font-size:14px; font-style:italic; font-weight:normal; color:#999;}
.jamm-listing li h4.jamm-title a {color: white;}
.jamm-listing li .wrapper {position:relative;}
.jamm-listing li span {display:block; color: #bbb; font-size: 10px; margin-top:3px;}
.jamm-listing li .jamm-score {background: url('/image/icons/star_12.png') no-repeat right 3px; position: absolute; top: 0; right: 0; padding-right: 15px;}
.jamm-listing li .jamm-score span {color: #ddd;}

ol.leaderboard {}
ol.leaderboard li {/*list-style: decimal inside;*/ list-style: none; color: white; padding: 5px;}
ol.leaderboard li img{margin:0 7px 0 0;}
ol.leaderboard li .wrapper {margin: 5px 0 0 65px;}
ol.leaderboard li .jamm-score {top: 0; right: 8px;}

/* Loading Spinner */
span.loading {display: inline-block; width:15px !important; height:15px !important; background:url('/image/spinners/loading_16-light.gif') no-repeat top left !important;}
span.loading:hover {background-position: top left !important;}

/* Tooltips */
div.tip-bubble {width:200px; z-index:15000; position:absolute;}
div.tip-bubble h5.tip-title {font-size:14px; color: #982b56; padding:15px 20px 5px 15px; background:url('/image/bubble/bg.png') no-repeat top left;}
div.tip-bubble p.tip-content {font-size:10px; margin:0; color:#333; padding:5px 15px 15px; background:url('/image/bubble/bg.png') no-repeat bottom left;}
div.tip-bubble span.pointer {display: none;width: 25px; height: 25px; position: absolute; background:url('/image/bubble/pointer.png') no-repeat top left;}
div.tip-bubble.pointing span.pointer {display: block;}
div.tip-bubble.left {padding-left: 15px;}
div.tip-bubble.right {padding-right: 15px;}
div.tip-bubble.top {padding-top: 15px;}
div.tip-bubble.bottom {padding-bottom: 15px;}

div.tip-bubble.left span.pointer {left: 2px; top: 10px; background-position: 0px 0px;}
div.tip-bubble.right span.pointer {right: 2px; top: 10px; background-position: 0px -25px;}
div.tip-bubble.top span.pointer {left: 10px; top: 2px; background-position: 0px -50px;}
div.tip-bubble.bottom span.pointer {left: 10px; bottom: 2px; background-position: 0px -75px;}

div.tip-bubble span.close {position:absolute; top:12px; right:12px;}
div.tip-bubble.right span.close {right: 27px;}

/*Hacks!*/
.contain:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .contain {height:1%;}
.contain {/*display:block;*/}

/*Hidden*/
.hidden {display:none;}

/* Misc Overrides */
label[for="id_message"] {display:block;}
id_avatar
id_username
id_email