/************************************************************ UI CORE ************************************************************/
/* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Updated 2012 08 06 NBL
	Removed all extinct image URL's. /polopoly_fs/, /img/
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.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 */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: segoe ui, Arial, sans-serif; font-size: 1em; }
.ui-widget-header a { color: #ffffff; }
.ui-widget-content a { /* color: #222222; */ }

/************************************************************ UI TABS ************************************************************/
	/* Caution! Ensure accessibility in print and other media types... */
	@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide {
	display: none;
	}
	}
	
	/* Hide useless elements in print layouts... */
	@media print {
	.ui-tabs-nav {
	display: none;
	}
	}
	/* Skin */
	.ui-tabs-nav, .ui-tabs-panel {
	z-index:11;
	}
	.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
	}
	.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
	}
	.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px; /* be nice to Opera */
	list-style:none;
	}
	.ui-tabs-nav a, .ui-tabs-nav a span {
	 color: #454545; 
	
	display: block;
	padding: 0 10px;
	
	}
	.ui-tabs-nav a {
	margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
	outline: 0; /* prevent dotted border in Firefox */
	
	}
	.ui-tabs-nav .ui-tabs-selected a {
	
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	color: #000;
	}
	.ui-tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
	}
	*>.ui-tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
	
	}
	.ui-tabs-nav .ui-tabs-selected a span {
	padding-bottom: 1px;
	color:#000000;
	}
	.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
	background-position: 100% -150px;
	}
	.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
	background-position: 100% -100px;
	}
	.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
	background-position: 0 -50px;
	}
	.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
	background-position: 0 0;
	}
	.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
	}
	.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
	.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
	back
	}
	.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
	background:red;
	}
	.ui-tabs-panel {
	border-top: 1px solid #97a5b0;
	padding: .5em 3px;
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	}
	.ui-tabs-loading em {
	padding: 0 0 0 20px;
	}
	
	/* Additional IE specific bug fixes... */
	* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
	}
	*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
	}



/************************************************************ Lightbox ************************************************************/
    /**
     * jQuery lightBox plugin
     * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
     * and adapted to me for use like a plugin from jQuery.
     * @name jquery-lightbox-0.4.css
     * @author Leandro Vieira Pinho - http://leandrovieira.com
     * @version 0.4
     * @date November 17, 2007
     * @category jQuery plugin
     * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
     * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
     * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
     */
    #jquery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
    }
    #jquery-lightbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
    }
    #jquery-lightbox a img { border: none; }
    #lightbox-container-image-box {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #lightbox-container-image { padding: 10px; }
    #lightbox-loading {
        position: absolute;
        top: 40%;
        left: 50%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #lightbox-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    #lightbox-container-image-box > #lightbox-nav { left: 0; }
    #lightbox-nav a { outline: none;}
    #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
        width: 49%;
        height: 100%;
        zoom: 1;
        display: block;
    }
    #lightbox-nav-btnPrev { 
        left: 0; 
        float: left;
    }
    #lightbox-nav-btnNext { 
        right: 0; 
        float: right;
    }
    #lightbox-container-image-data-box {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%;
        padding: 0 10px 0;
    }
    #lightbox-container-image-data {
        padding: 0 10px; 
        color: #666; 
    }
    #lightbox-container-image-data #lightbox-image-details { 
        width: 70%; 
        float: left; 
        text-align: left; 
    }   
    #lightbox-image-details-caption { font-weight: bold; }
    #lightbox-image-details-currentNumber {
        display: block; 
        clear: left; 
        padding-bottom: 1.0em;  
    }           
    #lightbox-secNav-btnClose {
        width: 66px; 
        float: right;
        padding-bottom: 0.7em;  
    }
    
 
 
 /********************************************************** BOXY ***********************************************************/
 
    .boxy-wrapper { position: absolute; overflow:auto; }
.boxy-wrapper.fixed { position: fixed; overflow:auto; }

  /* Modal */
  .boxy-modal-blackout { position: absolute; background-color: black; opacity: 0.7; filter: alpha(opacity=70); left: 0; top: 0; }
  /* .boxy-modal-blackout { position: absolute; left: 0; top: 0; } */
  
  /* Border */

    .boxy-wrapper .top-left,
    .boxy-wrapper .top-right,
    .boxy-wrapper .bottom-right,
    .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
    
		 
    /* IE6 hacks for the border */
		
    .boxy-wrapper .top,
    .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
    
    .boxy-wrapper .left,
    .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
    
    /* Title bar */
    
    .boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; color:white; font-weight:bold; text-align:left; font-size:12px; }
      .boxy-wrapper .title-bar.dragging { cursor: move; }
        .boxy-wrapper .title-bar h2 { font-size: 16px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
        .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
        
    /* Content Region */
    
    .boxy-inner { background-color: white; padding: 0; overflow:auto; }
    .boxy-content { padding: 15px; width:600px; overflow:auto;}
    .boxy-content * { font-size:12px;}
    
    /* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }