@charset "utf-8";
/* CSS Document */


/* ----------------------------------------------------
          general purpose styles
-------------------------------------------------------*/

dt {
 font-weight: bold;
 padding-top: 4pt;
}

dd {
 padding-left: 6pt;
}

.hidden-header {
 position: absolute;
 margin-left: -9999em;
}

/* ----------------------------------------------------
          general image styles
-------------------------------------------------------*/

div.portrait {
    border: 1px solid #666;
    
    box-shadow: 1px 1px 3px #666;
    -moz-box-shadow: 1px 1px 3px #666;
    -o-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    
    float: left;
    margin: 0.5em 1.0em 0.5em 0;
    padding: 0.5em;
}

div.portrait img {
    max-height: 9.0em;
    max-width: 9.0em;
}

div.portrait span.caption {
    display: block;
    font-size: smaller;
    margin: 0.5em 0 0 0;
    max-width: 9.0em;
}

img.portrait {
    border: 1px solid #666;
    
    box-shadow: 1px 1px 3px #666;
    -moz-box-shadow: 1px 1px 3px #666;
    -o-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    
    max-height: 9.0em;
    max-width: 9.0em;
    float: left;
    margin: 0.5em 1.0em 0.5em 0;
    padding: 0.5em;
}

img.portrait + .right {
    float: right;
}

/* ----------------------------------------------------
          general table styles
-------------------------------------------------------*/

/* Copied from EIU styles */

.classy {
    width: 100%;
}

.classy td {
padding: 8px 4px;
text-align:left;
border-right: 2px #ffffff solid;
/*font-size: 10px;*/
}
#rightcontent .greybgtable {
background-color: #dddddd;
}
.classy thead tr {
color: #ffffff;
background-color: #3e3e3e;
padding: 8px 4px;
}
.classy th {
padding: 8px 4px;
border-right: 2px #ffffff solid;
}

/* ----------------------------------------------------
          personal profile styles
-------------------------------------------------------*/

div.profile {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    width: 100%;
}

div.profile .portrait {
    float: left;
}

/* ----------------------------------------------------
          info boxes
-------------------------------------------------------*/

div.boxmain {
 margin-top: 10px;
 margin-bottom: 10px;
 border: 1px solid #d4d4d4;
}

div.boxhead {
 padding-left: 3px;
 padding-right: 3px;
 background-color: #d4d4d4;
}

div.boxbody {
 padding: 3px;
}

/* ----------------------------------------------------
         Lightbox styles
-------------------------------------------------------*/

/**
 * 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.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/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: 0%;
	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;	
}

/*
    default.css
    Default styles for jquery-headershow plugin.
    George Lesica <glesica@gmail.com>
    
    Some of these can be overridden without affecting 
    the resulting layout. These have been noted below.
    The css/demo.css file overrides several of these 
    styles and adds a few extras to spruce up the 
    demo.html file a bit.
*/

.hs-container {
    background: #333;
    display: inline-block;
    padding: 0;
    position: relative;
    overflow: hidden;
}

/*
    Button styles
*/
.hs-button {
    background: #eee; /* override */
    box-shadow: 0.25em 0.25em 0.5em #333; /* override */
    
    opacity: 0.40; /* override */
    filter: alpha(opacity = 40); /* ie */
    
    padding: 0.5em;
    position: absolute;
    
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    
    z-index: 1;
}

.hs-button:hover {
    opacity: 0.8; /* override */
    filter: alpha(opacity = 80); /* ie */
}

.hs-button > img {
    display: block;
    margin: 0;
    padding: 0;
}

.hs-button-forward {
    border-radius: 1.0em 0 0 1.0em;
    -moz-border-radius: 1.0em 0 0 1.0em;
    -webkit-border-radius: 1.0em 0 0 1.0em;
    -o-border-radius: 1.0em 0 0 1.0em;
    
    right: 0;
    top: 5%;
}

.hs-button-backward {
    border-radius: 0 1.0em 1.0em 0;
    -moz-border-radius: 0 1.0em 1.0em 0;
    -webkit-border-radius: 0 1.0em 1.0em 0;
    -o-border-radius: 0 1.0em 1.0em 0;
    
    left: 0px;
    top: 5%;
}

/*
    Content area styles
*/
.hs-img * {
    border: none;
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0;
}

.hs-txt {
    background: rgb(0,0,0); /* fallback */
    background: rgba(0,0,0,0.80); /* override */
    
    bottom: 0px;
    color: #ccc; /* override */
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.hs-txt > * {
    margin-left: 1.0em;
    margin-right: 1.0em;
}

.hs-txt-overlay {
    position: absolute;
}

/*
    jquery-headershow overrides and custom styles
*/

#articles img { display: none; }

.hs-container {
    background: url('../img/bg.png');
    margin-top: 1.0em;
}

.hs-txt {
    background: #222; /* fallback */
    background: rgba(255,255,255,0.80);
    background: rgba(0,0,0,0.80);
    color: #fff !important;
    padding: 10px;
}

.hs-txt h3 {
    color: #fff !important;
}

.hs-txt a {
    color: #903 !important;
}

.hs-txt a:hover {
    background: none !important;
}

.hs-txt > * {
    margin-left: 0;
    margin-right: 0;
}

/*
    Orderly styles (for table and list sorting)
*/

.jq-orderly-btn {
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 0.25em;
    vertical-align: middle;
}

.jq-orderly-visiblebtn {
    float: right;
}

.orderly-header {
    cursor: pointer;
}