/**
 *
 * GATE LOGIN FORM
 *
 */
.gate-form {
    margin: 0;
    padding: 0;
    width: 302px;
    float: left;
    clear: none;
}

#gate-form-openid {
    position: relative;
}
	.gate-form fieldset {
        border-width: 1px;
        padding: 10px;
        min-height: 120px;
        margin: 5px 10px 10px;
    }
		.gate-form legend {
            padding: 0 10px;
            margin: 0;
            display: inline;
        }
		.gate-form div {
            width: 260px;
            min-height: 30px;
            padding: 0;
        }
            .gate-form p.desc {
                font-size: 0.8em;
                padding: 5px;
            }
			.gate-form .text label,
            .gate-form .password label {
                display: block;
                width: 90px;
                text-align: right;
                float: left;
                height: 30px;
                line-height: 30px;
                padding-right: 10px;
            }
			.gate-form input {
                border-width: 1px;
            }
			.gate-form div.text input,
            .gate-form div.password input {
                width: 140px;
                float: left;
                line-height: 18px;
                padding: 2px 5px;
                margin: 5px 0; 
            }
			.gate-form div input:hover,
            .gate-form div form input:focus {
                border-width: 1px;
            }
            .gate-form div.check {
                height: 32px;
                float: left;
                width: 190px;
            }
			.gate-form .check label {
                width: 153px;
                text-align: left;
                height: 32px;
                line-height: 32px;
                display: block;
                margin-left: 17px;
            }
				.gate-form .check input {
                    width: 15px;
                    height: 15px;
                }
            .gate-form .radio {
                width: 120px;
                height: 40px;
                float: left;
                padding: 5px;
                clear: none;
            }
                .gate-form div.radio input[type=radio] {
                    float: none;
                    width: 0;
                    display: inline;
                }
                .gate-form div.radio input[type=text] {
                    position: absolute;
                    top: 130px;
                    right: 33px;
                    width: 170px;
                }
                .gate-form div.with-js input[type=text] {
                    left: 60px;
                    top: 152px;
                    /*z-index: 100;*/
                }
                .gate-form .radio p.desc {
                    position: absolute;
                    top: 158px;
                    right: 23px;
                    width: 170px; 
                }
                .gate-form div.with-js p.desc {
                    left: 62px;
                    top: 182px;
                    z-index: 100;
                }
                .gate-form .ui-widget-overlay {
                    z-index: 10;
                }
                .gate-form .radio label {
                    display: block;
                    width: 120px;
                    height: 40px;
                    text-align: left;
                    background: transparent none 0 0 no-repeat;
                    background-image: url( "../../images/openid.png" );
                    text-indent: -1000em;
                    padding: 0; 
                }
                .gate-form .other label { background-position: 0 -80px; }
                .gate-form .other label:hover { background-position: -120px -80px; }
                .gate-form .other label:active { background-position: -240px -80px; }
                .gate-form .google label { background-position: 0 -40px; }
                .gate-form .google label:hover { background-position: -120px -40px; }
                .gate-form .google label:active { background-position: -240px -40px; }
                .gate-form .facebook label { background-position: 0 0; }
                .gate-form .facebook label:hover { background-position: -120px 0; }
                .gate-form .facebook label:active { background-position: -240px 0; }
                .gate-form .yahoo label { background-position: 0 -120px; }
                .gate-form .yahoo label:hover { background-position: -120px -120px; }
                .gate-form .yahoo label:active { background-position: -240px -120px; }
        .gate-form .with-js p {
            top: 70px;
        }
		.gate-form div.submit {
            height: 0;
            text-align: right;
            width: 250px;
        }
        #gate-form-openid div.submit {
            display: none;
        }
        #gate-form-local div.submit {
            width: 60px;
            float: left;
        }
			.gate-form .submit input {
                height: 28px;
                padding: 2px 5px;
                font-size: 12px;
                font-weight: bold;
                border-width: 1px;
                line-height: 12px;
                margin: 8px 0 0;
            }
		.gate-form p.error,
        #content p.error {
            clear: both;
            color: #f00;
            font-size: 0.9em;
            padding-bottom: 10px;
            padding-right: 10px;
            text-align: right;
        }
        #content p.error {
            text-align: center;
            font-weight: bold;
            font-size: 1em;
        }
/* register / restore */
    #gate-links {
        text-align: right;
        padding: 0 0 2px 0;
        width: 280px;
        clear: both;
        font-size: 0.8em;
    }
        #gate-links a {
            display: block;
            padding: 0.5em;
            margin-left: 100px;
            width: 180px;
            text-align: right;
        }
        #gate-links a:first-child {
            margin-bottom: 0.2em;
        }

/* tooltips */
    .gate-form div.tooltip, .gate-form p.desc {
        border-width: 1px;
        padding: 5px;
        text-align: left;
        -moz-box-shadow: 0 0 10px #000000;
        -webkit-box-shadow: 0 0 10px #000000;
        -o-box-shadow: 0 0 10px #000000;
    }
/**
 *
 * campfire
 *
 */
.chat-lite {
    display: block;
    width: 180px;
    height: 35px;
    position: fixed;
    bottom: 0;
    right: 2em;
    background-color: #333;
    border: 0 solid #000;
    border-width: 1px 1px 0;
    z-index: 400;
}
.chat-lite:hover {
    border-top-width: 0;
}
    .chat-lite ul {
        display: none;
        position: absolute;
        left: -1px;
        bottom: 35px;
        width: 180px;
        border: 0 solid #000;
        border-width: 1px 1px 0;
        background-color: #333;
        padding: 0;
        margin: 0;
    }
    .chat-lite:hover ul {
        display: block;
    }
        .chat-lite li {
            list-style-type: none;
            padding: 2px 4px 2px 10px;
            color: #fff;
        }
        .chat-lite li:last-child {
            margin-bottom: 5px;
        }

    .chat-lite p,
    .chat-lite a {
        display: block;
        width: 140px;
        height: 35px;
        text-align: left;
        line-height: 35px;
        font-size: 10px;
        margin: 0;
    }
    .chat-lite p {
        background: transparent url( "../../img/campfire.png" ) 5px 2px no-repeat;
    }
    .chat-lite.burning p {
        background-position: 5px -33px;
    }
        .chat-lite a {
            padding-left: 40px;
        }
/***
 *
 * JQUERY UI
 *
 **/

/* Corner radius */
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Layout helpers */
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
/* Interaction Cues */
.ui-state-disabled { cursor: default !important; }
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { background: transparent none; border-width: 0; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #212121; opacity: 0.8; filter: Alpha(Opacity=80); }

/* widget content */
.ui-widget-content { background: transparent none; }
.ui-widget-header { border-width: 0; }

/* Dialog */
.ui-dialog { position: absolute; padding: .2em; min-width: 340px; overflow: hidden; background-color: #212121; border: 1px solid #666; }
.ui-widget-header { padding: .5em 1em .3em; position: relative; background: #62130a none; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-widget-header { color: #fff; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 0; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
    .ui-dialog .ui-dialog-content p { margin: 0; line-height: 1.4em; font-size: 1em; }
    .ui-widget-content { color: #fff; }
        .ui-dialog .ui-dialog-content p a { text-decoration: none; }
        .ui-dialog .ui-dialog-content p a:hover { text-decoration: underline; }
        .ui-dialog .ui-dialog-content p a:focus { overflow: hidden; }
            .ui-dialog .ui-dialog-content p a img { border: 0;}
.ui-dialog .ui-dialog-buttonpane { text-align: left; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; border-top: 1px solid #666; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* resizeable */
.ui-resizable { position: relative;}
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* Icons */
.ui-icon { background-image: url("../../img/ui-icons_888888_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("../../img/ui-icons_ceb67b_256x240.png"); }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.gate-form {
    margin: 0;
    width: 302px;
    float: left;
}
/**
 *
 * JB Menu
 *
 **/
#jb-menu { left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 100; height: 2em; font-size: 16px; }
    #jb-menu ul { margin: 0 auto; padding: 0; width: 90%; padding: 0; }
    .jb-menu-bg { background-color: #62130a; }
    .jb-menu-border { border-bottom: 1px solid #ababab; }
    .jb-menu-content { overflow: hidden; font-size: 16px; }
	    .jb-menu-content li { float: left; height: 2.1em; padding: 0 0.9em; line-height: 2.1em; list-style-type: none; color: #fff; font-size: 0.9em; }
		    .jb-menu-content a { color: #ceb67b; text-decoration: none; font-family: "Verdana", "Helvetica", serif; font-weight: normal; text-align: left; }
            #jb-menu-link-h6 a { font-weight: bold; }
    		.jb-menu-content a:hover { text-decoration: underline; }
    .jb-font-color { color: #ceb67b; }
    #jb-menu-welcome { padding-right: 0.5em; }
    #jb-menu-link-logout {  padding: 0; font-size: 0.8em; line-height: 2.3em; }
/***
 *
 * visitors
 *
 **/
.visitors-members-list a:before {
    content: ", ";
}
.visitors-members-list a:first-child:before {
    content: "";
}
ul.jb-menu-subbox {
    height: 30px;
    font-size: 1em;
    border: 1px solid #ababab;
    background-color: #62130a;
    position: absolute;
    top: 2em;
}
#jb-menu ul.jb-menu-subbox {
    width: 8em;
    right: 20%;
}
    #jb-menu ul.jb-menu-subbox li {
        float: left;
        font-size: 1em;
        width: 2em;
        height: 30px;
        padding: 0;
    }
        #jb-menu ul.jb-menu-subbox a {
            display: block;
            margin: 0 0.2em;
            padding: 0 0.2em;
            height: 30px;
            line-height: 30px;
            font-size: 1em;
        }
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../../images/colorbox/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(../../images/colorbox/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(../../images/colorbox/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../../images/colorbox/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(../../images/colorbox/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(../../images/colorbox/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(../../images/colorbox/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(../../images/colorbox/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../images/colorbox/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../../images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}