/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */
 
 #shell{
	width:1160px;
 }
 #adwrapper{
	position:absolute;
    margin-left:auto;
	margin-right:auto;
	height:1200;
	top:30px;
	width:1360px;
	left:0px;
	right:0px;
	overflow:hide;
    z-index:-1;

 }
 #pagewrapper{
 position:relative;
 width:1400px;
 height:3px;
 margin-left:auto;
 margin-right:auto;

  
 }
 
 #leftad{
	background-color:FFFFFF;
	border-top:1px solid #0A29C2;
	border-left:1px solid #0A29C2;
	border-right:2px solid #0A29C2;
	border-bottom:2px solid #0A29C2;
	width:190px;
	height:400px;
	z-index:1000;
	left:30px;
	margin-right:880px;
	position:relative;
	float:left;


	/*margin-left:1150px;*/       /* Uncomment and adjust value to place unit on right side */ 
 }
 #rightad{
    background-color:FFFFFF;
	border-top:1px solid #0A29C2;
	border-left:1px solid #0A29C2;
	border-right:2px solid #0A29C2;
	border-bottom:2px solid #0A29C2;
	width:190px;
	height:400px;
	z-index:0;
    position:relative;
	right:25px;
	float:right;
	
 } 

 #leftad :hover{
 z-index:10000;
 background-color:red;
 }

 #redtext {
 font: bold 16px Verdana, sans-serif;
 }
 
 .fleft {width:200px;height:120px;float:left;margin-left:9px;margin-right:9px;margin-bottom:0px}
 .fright {width:200px;height:120px;float:right;margin-left:9px;margin-right:9px;margin-bottom:0px}
 
.galleria-container {
    position: relative;
    overflow: hidden;
    background: #fff;
	bottom: 6px;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;
	height:500px;
    overflow:hidden;
}
.galleria-thumbnails-container {
	width:306px;
    height: 50px;
    bottom: 35px;
	margin-left:auto;
	margin-right:auto;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
}
.galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px;
}
.galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: #fff;
    margin: 0 5px 0 0;
    border: 1px solid #000;
    float: left;
    cursor: pointer;
}
.galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #fff;
    font: normal 11px/1 arial,sans-serif;
    z-index: 1;
}
.galleria-loader {
    background: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(classic-loader.gif) no-repeat 2px 2px;
}
.galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute;
}
.galleria-info-text {
    background-color: #fff;
    padding: 12px;
    display: none;
    /* IE7 */ zoom:1;
}
.galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
	margin-bottom: 7px;
}
.galleria-info-description {
    font: italic 12px/1.4 georgia,serif;
    margin: 0;
    color: #bbb;
}
.galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
.notouch .galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-close:active{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-info-link {
    background-position: -669px -5px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #fff;
}
.notouch .galleria-info-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-link:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-image {
width: 600px;
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 10px;
    z-index: 2;
    background-position: 0 46px;
}
.galleria-image-nav-right {
    left: auto;
    right: 10px;
    background-position: -254px 46px;
    z-index: 2;
}
.notouch .galleria-image-nav-left:hover,
.notouch .galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-image-nav-left:active,
.touch .galleria-image-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.notouch .galleria-thumbnails-container .disabled:hover {
    opacity: .2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(classic-map.png);
    background-repeat: no-repeat;
}
body {
	overflow:auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #888888;
	background-image: url(/images/bg.gif);
	background-repeat: repeat; 
	background-color: #e7ebff;
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index:10;
	height:3px;
	
}

#body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #888888;
	background-image: url(/images/bg.gif);
	background-repeat: repeat; 
	background-color: #e7ebff;
	text-align: center;
	margin: 0px;
	padding: 0px;
}


#container {
	width: 890px;
	background-color: #ffffff;
	border-left:solid #6e86ff 1px;
	border-right:solid #0a29c2 2px;
   border-top:solid #6e86ff 1px;
   border-bottom:solid #0a29c2 2px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	z-index:1000;
}

#bbcMainBody {
    z-index:10;

}

#ButtonNav { 
   float: center;
	width: 796px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 1px;
	margin-bottom: 1px;
	padding-bottom: 10px;
	z-index:100000;
}
#Button {
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	background-color: #ff1400;
	width: 150px;
	border-right: solid #ffffff 1px;
	padding-bottom: 2px;
	padding-bottom: 2px;
		z-index:100000;
}
a.button:link, a.button:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	background-color: #ff1400;
	text-decoration: none;
}

a.button:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #ff1400;
	background-color: #ffffff;
   text-decoration: none;
}

a:link {
	text-decoration: underline;
 	color: #444444;
}

.vislink:link {
	text-decoration: underline;
 	color: #444444;
}

a:visited {
	text-decoration: none;
	color: #444444;
}

a:hover {
	text-decoration: none;
	color: #CC0000;
}

.current {
	font-weight: bold;
 	color: #000000;
	background-color: #eeeeee;
}

.cthumb {
	background-color: #dddddd;
	border: 0px;
}

.thumb {
	background-color: #eeeeee;
	border: 0px;
}

.image { border: 1px solid #aaaaaa;}
a:link .image {  border-color: #aaaaaa;}
a:visited .image {  border-color: #aaaaaa;}
a:hover .image { border-color: #ffffff;}

.mthumb { border: 1px solid #aaaaaa;}
a:link .mthumb {  border-color: #aaaaaa;}
a:visited .mthumb {  border-color: #aaaaaa;}
a:hover .mthumb { border-color: #ffffff;}

.slideImage { border-width: 8px; border: 8px solid; border-color: #ffffff;}
a:link .slideImage { border-color: #ffffff;}
a:visited .slideImage { border-color: #ffffff;}

.title {
	font-size: 120%;
	font-weight: bold;
	color: #CCCCCC;
}

.title a:link {
	text-decoration: none;
	color: #888888;
}

.title a:visited {
	text-decoration: none;
	color: #888888;
}

.title a:hover {
	text-decoration: none;
	color: #000000;
}

.infotable {
	border: 1px solid #eeeeee;
	border-collapse: collapse;
}

.infotable td {
	border: 1px solid #eeeeee;
}

.infotable table {
	border-collapse: separate;
}

.infotable table td {
	border: 0px;
}

.dirname {
	font-size: 100%;
	font-weight: bold;
	color: #888888;
}

.comment {
	color: #888888;
	font-weight: bold;
	font-size: 100%;
}

.smalltxt {
	color: #aaaaaa;
	font-size: 90%;
}

.xsmalltxt {
	color: #aaaaaa;
	font-size: 80%;
}

.newlabel {
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	background-color: #FFCC00;
}
/* thumbnail popups */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #EEEEFF;
padding: 0px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
text-wrap:none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width:450px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position:absolute;
visibility: visible;
top: -60px;
left: 60px; /*position where enlarged image should offset horizontally */
z-index:1000;

}

.thumbright:hover span{ /*CSS for enlarged image on hover*/
position:absolute;
visibility: visible;
top: -60px;
left: -400px; /*position where enlarged image should offset horizontally */
z-index:1000;

}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:.25em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 margin-bottom: 3px;
 padding: 0px 0;
 border-bottom: 1px solid #778;
 font: 11px bold Verdana, sans-serif;
 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 1px 0.5em;
 margin-left: 1px;
 border: 1px solid #778;
 border-bottom: none;
 background: #AAB;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 font: bold 16px Verdana, sans-serif;
 color: #FFF;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 font: bold 16px Verdana, sans-serif;
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:2px;
 margin-bottom: 5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
 
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* tooltips */

.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 450px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

		#bpoMainBody {
	position: relative;
   float: left;
	top: 0px;
	left: 10px;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 10px;
	z-index: 1;
	width: 560px;
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11pt;
	color: #1E90FF;
	width: 540px;
	}
html>body #left {
	width: 540px; /* ie5win fudge ends */
	}
	
	h2{
    color: #0A29C2;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 17px;
    margin-left: 10px;
}
a.bodycopy{
text-decoration:underline;
}
.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
	margin-left: 10px;
}