﻿body
{
	font-family: Arial,Helvetica,sans-serif;
	color: #333333;
	font-size: 75%;
	margin: 0;
	background: #42AFDC url('Images/bg-body.gif') repeat-x;
	overflow-y: scroll;
}

img#logo			{ float: left; position: relative; left: -5px; margin-right: -12px; top: 4px; }
div#back-container	{ background: transparent url('Images/bg-main.jpg') no-repeat 0 0; min-height: 500px; width: 1030px; }

div#container-top	{ width: 1000px; background: transparent url('Images/bg-container-top.png') no-repeat; height: 10px; margin-top: 5px; }
div#container		{ width: 980px; background: transparent url('Images/bg-container-middle.png') repeat-y; min-height: 380px; text-align: left; padding: 10px 10px; }
div#container-bottom{ width: 1000px; background: transparent url('Images/bg-container-bottom.png') no-repeat; height: 23px; }

div#hidden-area		{ display: none; }
div.fleft           { float: left; }
div.breakl          { clear: both; }

/**** General
*********************************/
a			{ color: #F5F5F5; }
a:hover		{ cursor: pointer; text-decoration: underline; }
h1			{ font-size: 20px; color: #739F0B; margin-bottom: 20px; border-bottom: solid 2px #739F0B; text-transform: lowercase; }
h2			{ font-family: Lucida Calligraphy, Arial; color: #739F0B; margin: 0 5px; cursor: pointer; }
h2:hover	{ text-decoration: underline; }
h3			{ color: #87AF52; margin: 0; margin: 0 5px 0 0; font-size: 12px; }
div.spacer	{ clear: both; height: 20px; }
div.clear	{ clear: both; }
object		{ margin-left: 10px; }

div.alternate-baner     { width: 100%; height: 260px; text-align: center; background: url('Images/alternate-banner.jpg') no-repeat 0 10px; cursor: pointer; }
div.content-advertising	{ overflow: hidden; width: 300px; height: 115px; }
img#advertising			{ height: 100px; margin-top: 14px; margin-left: 15px; display: none; cursor: pointer; }

img#MdhSelectionMap			{ cursor: pointer; opacity: 0.8; }
img#MdhSelectionMap:hover	{ opacity: 1; }

h3[history]             { cursor: pointer; padding: 5px; }
h3[history]:hover       { background-color: #E1E1E1; }

/*** Manipulators
*********************************/
.mr30		{ margin-right: 30px; }

/*** Maintenance
*********************************/
div#maintenance					{ background: transparent url('Images/bg-maintenance.png') no-repeat; width: 580px; height: 280px; text-align: left; }
div#maintenance > label			{ position: relative; color: #AAA; font-size: 24px; left: 320px; top: 115px; }

/**** Header
*********************************/
div#header-menu				{ height: 130px; position: relative; text-align: left; background: transparent url('Images/header.png') no-repeat; }
div#header-menu > img		{ height: 150px; margin: -5px 0 0 18px; }
div#header-menu	a			{ font-size: 16px; display: none; text-align: left; }
div#header-menu	a#login		{ width: 55px; }
div#header-menu	a#register	{ width: 75px; }
div#header-menu	a#language	{ width: 135px; }
div#content-header			{ display: inline-block; float: right; color: #FFF; margin: 20px 20px 0; font-size: 12px; }

div#header-menu	.social-icons				{ position: absolute; right: 15px; top: 70px; width: 400px; height: 60px; padding: 8px 70px 0; background: transparent url('Images/splash.png') no-repeat right top; }
div#header-menu	.social-icons > label		{ float: right; color: #E5E5E5; font-size: 14px; font-weight: bold; margin-top: 10px; display: none; cursor: text; }
div#header-menu	.social-icons > a			{ float: right; margin-left: 10px; width: 32px; height: 32px; display: inline-block; }
div#header-menu	.social-icons > a.gmail		{ background: transparent url('Icons/gmail.png') no-repeat; }
div#header-menu	.social-icons > a.skype		{ background: transparent url('Icons/skype.png') no-repeat; }
div#header-menu	.social-icons > a.blog		{ background: transparent url('Icons/blog.png') no-repeat; }
div#header-menu	.social-icons > a.facebook	{ background: transparent url('Icons/facebook.png') no-repeat; }
div#header-menu	.social-icons > a.youtube	{ background: transparent url('Icons/youtube.png') no-repeat; }
div#header-menu	.social-icons > a.twitter	{ background: transparent url('Icons/twitter.png') no-repeat; }
div#header-menu	.social-icons > a.orkut		{ background: transparent url('Icons/orkut.png') no-repeat; }
div#header-menu	.social-icons > a.msn		{ background: transparent url('Icons/msn.png') no-repeat; }

div#header-menu	.social-icons > a.gmail:hover	{ background: transparent url('Icons/gmail.png') no-repeat 0 bottom; }
div#header-menu	.social-icons > a.skype:hover	{ background: transparent url('Icons/skype.png') no-repeat 0 bottom; }
div#header-menu	.social-icons > a.blog:hover	{ background: transparent url('Icons/blog.png') no-repeat 0 bottom; }
div#header-menu	.social-icons > a.facebook:hover{ background: transparent url('Icons/facebook.png') no-repeat 0 bottom; }
div#header-menu	.social-icons > a.youtube:hover	{ background: transparent url('Icons/youtube.png') no-repeat 0 bottom; }
div#header-menu	.social-icons > a.twitter:hover	{ background: transparent url('Icons/twitter.png') no-repeat 0 bottom; }
div#header-menu	.social-icons > a.orkut:hover	{ background: transparent url('Icons/orkut.png') no-repeat 0 bottom; }
div#header-menu	.social-icons > a.msn:hover		{ background: transparent url('Icons/msn.png') no-repeat 0 bottom; }

/**** Site Menu
*********************************/
div#content-menu			{ height: 50px; }
div#content-menu > div.bar	{ height: 40px; float: left; margin-top: 12px; text-align: left; }
div#content-menu > div.bar > div > span	{ font-size: 18px; color: #FFF; text-align: center; margin-top: 5px; margin-bottom: 13px; display: block; }

div#content-menu > div#content-left		{ background: transparent url('Images/bg-sitemenu-blue-l.png') no-repeat; width: 14px; margin-left: 15px; }
div#content-menu > div#content-middle	{ background: transparent url('Images/bg-sitemenu-blue.png') repeat-x; width: 972px; }
div#content-menu > div#content-right	{ background: transparent url('Images/bg-sitemenu-blue-r.png') no-repeat; width: 14px; }

div.static-menu		{ float: left; width: 160px; min-height: 40px; text-align: left; background: transparent url('Images/bg-sitemenu-green.png') repeat-x; }
div.menu			{ float: left; width: 135px; min-height: 40px; text-align: left; border-left: solid 1px transparent; border-right: solid 1px transparent; /*display: none;*/ }
div.menu:hover		{ background: transparent url('Images/bg-sitemenu-hover.png') repeat-x; border-color: #E5E5E5; cursor: pointer;  }
img#new-icon        { position: absolute; margin-left: -25px; }

div.menu > div   	{ background: transparent url('Images/bg-submenu-content.png') repeat-y; height: 200px; display: none; }
div.menu > div.bot 	{ background: transparent url('Images/bg-submenu-bottom.png') no-repeat; height: 15px; display: none; }
div.menu > div > a	{ display: block; }


/*** Wireframes
*********************************/
div#container-left		{ float: left; width: 680px; margin-left: 5px; }
div#container-right		{ float: right; width: 680px; }
div#container-highlight	{ float: right; width: 280px; margin-left: 5px; }
div#container-ecom	    { float: left; width: 280px; }
div#footerBy			{ position: relative; width: 400px; height: 60px; padding-top: 10px; background: transparent url('Images/splash.png') no-repeat right top; }

/*** Container Highlights
*********************************/
div#container-highlight > div	{ border-bottom: solid 2px #E1E1E1; margin-bottom: 10px; padding-left: 5px; }

/*** Home
*********************************/
div#home-container				{ padding: 0 5px; }
div#home-content-middle	h1		{ margin-bottom: 0px; }
div#home-content-middle > div	{ position: relative; }

div#hcmleft						{ float: left; width: 255px; margin-right: 15px; }
div#hcmright					{ float: right; width: 255px; margin-right: 15px; }
div#hcmmiddle					{ float: left; width: 413px; }

div#home-content-botton			{ clear: both; }

div#home-content-middle .mini-box-container	{ width: inherit; }
div#home-content-middle .minicover			{ max-width: 255px; max-height: 170px; }
div#home-content-middle .minicover img		{ max-width: 251px; max-height: 166px; }

div#hcmmiddle > div.control					{  }
div#hcmmiddle > div.control > h1			{ margin-bottom: 20px; }
div#hcmmiddle div.spacer					{ height: 0px; }
div#hcmmiddle > h1							{ margin-bottom: 10px; }

div.control > div#columnists a				{ color: #023376; font-size: 12px; text-decoration: none; font-weight: bold; }
div.control > div#columnists a:hover		{ cursor: pointer; text-decoration: underline; }
div.control > div#columnists > div			{ float: left; width: 102px; }
div.control > div#columnists div.minicover	{ max-width: 95px; height: 100; overflow: hidden; }
div.control > div#columnists > div img		{ width: 91px; height: 96px; border: solid 2px #EEE; }
div.control > div#columnists > div img:hover{ cursor: pointer; border-color: #023376; }

div.control > div#interviewed .minicover	{ float: left; max-width: 104px; max-height: 84px; overflow: hidden; margin-right: 20px; }
div.control > div#interviewed img			{ max-width: 100px; max-height: 80px; border: solid 2px #EEE; }
div.control > div#interviewed img:hover		{ cursor: pointer; border-color: #023376; }
div.control > div#interviewed a				{ color: #023376; font-size: 12px; text-decoration: none; font-weight: bold; display: block; }
div.control > div#interviewed a:hover		{ text-decoration: underline; }
div.control > div#interviewed label			{ display: block; font-weight: bold; margin-bottom: 5px; }
div.control > div#interviewed label:hover	{ text-decoration: underline; cursor: pointer; }
div.control > div#interviewed span:hover	{ text-decoration: underline; cursor: pointer; }

div#hcmmiddle > div.publicity a							{ color: Transparent; border-spacing: 0; }
div#hcmmiddle > div.publicity > div.content-advertising	{ float: right; width: 266px; height: 120px; background: transparent url('Images/bg-home-publicity.png') no-repeat; }
div#hcmmiddle > div.publicity img#advertising			{ margin: 9px 0 0; max-width: 250px; }

/**** Content
*********************************/
div.content			{ width: 308px; margin-right: 5px; }
div.ctop			{ background: transparent url('Images/bg-content-box-top.png') no-repeat; height: 25px; width: auto; padding: 10px 10px 0 10px; }
div.cmid			{ background: transparent url('Images/bg-content-box-mid.png') repeat-y; width: auto; }
div.cbot			{ background: transparent url('Images/bg-content-box-bot.png') no-repeat; height: 22px; width: auto; }
div.right			{ float: right; }
div.left			{ float: left; }
div.content > h1	{ margin-bottom: 10px; }

div.ctop > h2		{ float: left; }
div.ctop > h3		{ float: right; margin-top: 5px; }

div#news			{ margin-top: -5px; }
div#interviewed		{ margin-top: 8px;  }
div#informative		{ margin-top: -5px; }

div#news div.cmid,
div#informative div.cmid,
div#columnists div.cmid  { height: 165px; }
div#interviewed div.cmid { height: 60px; }

/*** Items Highlights
*********************************/
div.highligths							{ padding: 10px 0; border-bottom: solid 2px #E1E1E1; }
div.highligths > a						{ color: #023376; font-size: 18px; line-height: 25px; text-decoration: none; font-weight: bold; }
div.highligths > a:hover				{ text-decoration: underline; }
div.highligths > div.cover				{ max-width: 325px; max-height: 200px; overflow: hidden; }
div.highligths > div.cover > img		{ max-width: 321px; max-height: 196px; border: solid 2px #EEE; }
div.highligths > div.cover > img:hover	{ cursor: pointer; border-color: #023376; }
div.highligths > span					{ cursor: pointer; }
div.highligths > span:hover				{ text-decoration: underline; }

div.highligths > div.minicover			{ max-width: 205px; max-height: 150px; overflow: hidden; }
div.highligths > div.minicover > img	{ max-width: 201px; max-height: 146px; border: solid 2px #EEE; }
div.highligths > div.minicover > img:hover{ cursor: pointer; border-color: #023376; }

/*** Oldcontent
*********************************/
div.oldcontent							{ padding: 5px 0; border-bottom: solid 1px #E1E1E1; }
div.oldcontent > a						{ color: #023376; font-size: 12px; text-decoration: none; font-weight: bold; display: block; }
div.oldcontent > a:hover				{ text-decoration: underline; }
div.oldcontent > span					{ cursor: pointer; }
div.oldcontent > span:hover				{ text-decoration: underline; }

/*** Controls
*********************************/
div.cmidcontainer						{ padding: 5px 20px; }
div.hcontent							{ padding: 5px 0; border-bottom: solid 1px #E1E1E1; }
div.hcontent > label.date   			{ color: Gray; font-size: 10px; position: relative; float: right; }
div.hcontent > a						{ color: #023376; font-size: 12px; text-decoration: none; font-weight: bold; display: block; }
div.hcontent > a:hover					{ text-decoration: underline; }
div.hcontent > span						{ cursor: pointer; }
div.hcontent > span:hover				{ text-decoration: underline; }

/**** Table Box
*********************************/
table.box					{ margin-left: 1px; padding: 3px; }
table.box tr.item			{ height: 50px; }
table.box tr.item:hover		{ background: transparent url('Images/bg-content-box-hover.png') repeat-x; cursor: pointer; }

table.box td.date			{ text-align: center; padding: 0 5px; width: 75px; }
table.box td.picture		{ padding-left: 20px; width: 55px; }
table.box td.picture img	{ height: 40px; border: solid 2px #F5F5F5; }

/**** Banners
*********************************/
div#content-banner			{ float: left; height: 320px; width: 605px; position: relative; overflow: hidden; cursor: pointer; }

div#banner-details			{ width: 100%; height: 136px; position: absolute; bottom: -55px; left: 0px; background: transparent url('Images/bg-banner-details.png') no-repeat; }
div#banner-details p		{ color: White; margin: 75px 0 0 10px; width: 430px; }
div#banner-details label	{ display: block; font-weight: bold; font-size: 16px; }

div#banner-thumbs			{ width: 120px; height: 100%; cursor: pointer; position: absolute; top: 0px; right: 5px; padding-left: 75px; background: transparent url('Images/bg-banner-thumbs.png') no-repeat; z-index: 5; }
div#banner-thumbs > img		{ margin: 10px; width: 100px; filter: alpha(opacity=60); opacity: 0.6; border: solid 1px Transparent; /*cursor: pointer;*/ }
/*div#banner-thumbs > img:hover{ filter: alpha(opacity=90); border-color: #EEE; }*/
div#banner-thumbs > img.active{ border-color: #EEE; }

img#current-banner			{ width: 600px; }
img#banner-mask				{ position: absolute; top: 0; left: 0; z-index: 4; }

div#content-banner > div.corner-left-top	{ position: absolute; top: 0px; left: 0px; background: transparent url('Images/bg-banner-corner.png') no-repeat; }

/**** Player
*********************************/
/*div#player				{ width: 500px; margin-top: 15px; margin-left: -10px; }*/
div#player					{ width: 350px; margin-left: -10px; padding: 5px 0 0 10px; background: url('Images/bgt-player.png') no-repeat 10px 0;  }
div#player > span			{ font-size: 12px; display: block; margin-right: 10px; }
                 			   
/*** News
********************************/
div.box-container			{ float: left; width: 325px; }
div.mini-box-container		{ float: left; width: 205px; }

/*** MdHSelection
*********************************/
div.mdhplayers				{ float: left; padding: 10px 27px 10px 5px; min-height: 196px; min-width: 194px; border-bottom: 2px solid #E1E1E1; }
div.mdhplayers img			{ width: 190px; display: block; border: solid 2px #EEE; }
div.mdhplayers img:hover	{ cursor: pointer; border-color: #023376; }
div.mdhplayers a			{ color: #023376; font-size: 18px; text-decoration: none; font-weight: bold; }
div.mdhplayers a:hover		{ text-decoration: underline; }

/*** Cotnent View
********************************/
div.contentview a               { color: #023376; text-decoration: none; }
div.contentview a:hover         { text-decoration: underline; }
div.contentview .inline			{ display: block; width: 100%; color: #888; border-bottom: solid 2px #ddd; margin: 10px 0; font-size: 14px; text-align: right; } 
div.contentview .inline > span	{ display: block; font-style: italic; } 
div.contentview .inline > .name	{ float: left; font-size: 22px; font-weight: bold; } 
div.contentview .title			{ color: #333; font-size: 22px; text-decoration: none; font-weight: bold; display: block; } 
div.contentview .description	{ font-size: 16px; color: #555; font-style: italic; }
div.contentview .descriptions	{ font-size: 18px; color: #555; font-style: italic; }
div.contentview .body			{ margin: 15px 15px 0 0;  text-align: justify; line-height: 18px; }
div.contentview .body img		{ border: solid 1px #CCC; padding: 2px; max-width: 660px; }
div.contentview .interviee-image{ border: solid 1px #CCC; padding: 2px; margin: 0 10px 2px 0; float: left; max-width: 200px; }
div.contentview .iterviewed-player > object{ border: solid 1px #CCC; width: 644px; padding: 9px 2px 2px 2px; clear: both; margin-top: 40px; background: url('Images/bgt-big-player.png') no-repeat 3px 2px; }

div.contentview table			{ color: #888; border-bottom: solid 2px #ddd; margin: 10px 0; font-size: 14px; } 
div.contentview table .image	{ width: 110px; }	
div.contentview table img		{ border: solid 2px #EEE; }	
div.contentview table h4		{ margin: 0; font-size: 18px; }	
div.contentview table .title	{ font-size: 20px; }	
div.contentview table .description{ font-size: 12px; font-style: italic; }	

/**** Posts Slides
*********************************/
div.posts-slide				{ border-bottom: 1px solid #E1E1E1; height: 100%; margin-bottom: 15px; overflow: hidden; padding-bottom: 2px; margin-bottom: 15px; height: 33px; }
div.posts-slide > p			{ text-align: justify; padding-left: 20px; margin: 0 0 10px; }

div.posts-slide > div >span,
div.posts-slide > div >label{ color: #023376; display: inline-block; font-size: 12px; font-weight: bold; }

div.posts-slide > div		{ margin-bottom: 3px; }
div.posts-slide > div >span { float: left; color: #CCC; }
div.posts-slide > div >label{ margin-left: 8px; }
div.posts-slide > div >.date{ float: right; color: #CCC; }


div.posts-slide > div:hover				{ cursor: pointer; }
div.posts-slide > div:hover label		{ text-decoration: underline; cursor: pointer; }

/**** Blackboard
********************************/
div#blackboard						{ width: 100%; height: 340px; padding: 10px; background: transparent url('Images/bg-blackboard-mm.png') no-repeat; }

div#blackboard > .postit			{ width: 160px; height: 155px; margin-left: 6px; padding: 27px 0 0 20px; cursor: pointer; background: transparent url('Images/bg-postit.png') no-repeat; display: inline-block; position: relative; opacity: 0.8; }
div#blackboard > .postit:hover		{ opacity: 1; }
div#blackboard > .postit > img		{ display: block; height: 120px; border: solid 1px #CCC; }
div#blackboard > .postit > label	{ color: #333; font-size: 10px; font-family: Comic Sans MS; }

div#blackboard > .names 			{ position: relative; top: 128px; padding: 0 17px; width: 920px; text-align: center; }
div#blackboard > .names > a			{ color: #CCC; }
div#blackboard > .names > span		{ color: #777; }

/**** Multimedia
********************************/
div#gallery                         { width: 670px; }
div#gallery ul                      { list-style: none; padding-left: 10px; }
div#gallery ul li                   { display: inline; }
div#gallery ul img                  { border: 5px solid #FFF; border-width: 2px; padding: 2px; margin: 5px; }
div#gallery ul a:hover img          { border-color: #023376; }
div#gallery ul a:hover              { color: #023376; }

/**** Downloads
********************************/
div.downloadButtons > div           { width: 230px; height: 61px; margin: 20px; display: inline-block; color: #FFF; padding-top: 29px; font-size: 18px; cursor: pointer; border-bottom: solid 3px transparent; }
div.downloadButtons > div:hover     { border-color: #E5E5E5; }
div.downloadButtons > div#t1        { background: url('Icons/t1.png') no-repeat; }
div.downloadButtons > div#t2        { background: url('Icons/t2.png') no-repeat;  }
div.downloadButtons > div#t3        { background: url('Icons/t3.png') no-repeat;  }
div.downloadButtons > div#t4        { background: url('Icons/t4.png') no-repeat;  }
div.downloadButtons > div#t5        { background: url('Icons/t5.png') no-repeat;  }

/**** List
*******************************/
div.list                            { width: 670px; }
div.list > .top                     { background: url('Images/bg-list-top.png') no-repeat; height:19px;  }
div.list > .mid                     { background: url('Images/bg-list-mid.png') repeat-y; padding-left: 15px; }
div.list > .bot                     { background: url('Images/bg-list-bot.png') no-repeat; height:18px;  }

/**** Product
*******************************/
div.bgpro                           { width: 311px; }
div.bgpro > .top                    { background: url('Images/bg-products.png') no-repeat top 0; height:20px;  }
div.bgpro > .mid                    { background: url('Images/bg-products-mid.png') repeat-y; padding-left: 15px; }
div.bgpro > .bot                    { background: url('Images/bg-products.png') no-repeat bottom 0; height:20px;  }

/**** Ecom
*******************************/
div#products .item                  { height: 200px; width: 150px; display: inline-block; cursor: pointer; margin-right: 10px; }
div#products .item:hover            { text-decoration: underline !important; }
div#products .item .thumb           { width: 124px; height: 124px; overflow: hidden; }
div#products .item .thumb > img     { max-width: 120px; max-height: 120px; display: block; }
div#products .item > a			    { color: #023376; font-size: 12px; text-decoration: none; font-weight: bold; display: block; height: 30px; }

img.product-image                   { max-width: 285px; max-height: 300px; } 

div.product-info                    { width: 360px; float: right; }
div.product-info > label            { display: block; font-size: 18px; font-style: italic; color: #888; } 
div.product-info > .title           { color: #333; font-size: 22px; text-decoration: none; font-weight: bold; font-style: normal; display: block; } 
div.product-info > .description     { color: #888; font-style: italic; display: block; margin-top: 15px; padding: 5px 0; border-bottom: solid 2px #E5E5E5; border-top: solid 2px #E5E5E5; } 
div.product-info > .buy             { float: right; margin-top: 5px; }
center#invite-banner                { margin-top: 50px; }

div.product-info > .price           { color: #1D6283; font-size: 12px; margin: 10px 0 10px 0; display: block; width: 100%; text-align: right; font-weight: bold; }
div.product-info > .price > span    { font-size: 1.3em; }
div.product-info > .price > strong  { font-size: 1.8em; }
div.product-info > .price > sup     { font-size: 1em; }
div.product-info > .price > select  { width: 60px; margin-right: 20px; }
div.product-info > .price > .qtde   { width: 30px; margin-right: 50px; }

div.more-products                   { position: relative; width: 220px; height: 20px; cursor: pointer; background: url('Images/more-prod.png') no-repeat left top; color: #999; padding: 10px 10px 10px 3px; text-align: center; background-color: White; font-size: 14px; font-weight: bold; }
div.more-products:hover             { background-position: left bottom; }
div.more-products > img             { position: absolute; top: 11px; left: 30px; display: none; }

/**** YouTube Channel
*******************************/
#youtubeChannel iframe              { width: 670px; }

/**** JQuery Plugins
********************************/
.tooltip					{ display: none; background: transparent url('Images/bg-white_arrow-min.png') no-repeat; font-size: 10px; height: 45px; width: 110px; padding: 10px; color: #333; }

/*Slider*/
#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-top{width: 100%;}
#lightbox-container-image-box-top-left{width: 10%;height: 1px;position: relative;margin: 0 auto;float: left;z-index: 10;display: inline;text-align: left; cursor: pointer;}
#lightbox-container-image-box-top-middle{width: 80%;padding-top: 5px;height: 5px;position: relative;margin: 0 auto 0 0px;float: left;z-index: 5;display: inline;}
#lightbox-container-image-box-top-middle div.progress{width: 80%;padding-top: 5px;height: 5px;position: relative;margin: 0 auto 0 0px;float: left;background-color: #e4e4e4;z-index: 5;display: inline;}
#lightbox-container-image-box-top-right{width: 10%;height: 1px;position: relative;margin: 0 auto;float: right;text-align: right;z-index: 10;display: inline;cursor:pointer;}
#lightbox-container-image-box{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image{height: 100%;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: 32px;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;text-align: left;}
#lightbox-container-image-data #lightbox-image-details{width: 70%;float: left;text-align: left;}
#lightbox-image-details-caption{font-weight: bold;display: block;height: 25px;line-height: 25px;vertical-align: middle;}
#lightbox-image-details-currentNumber{display: block;clear: left;padding-bottom: 1.0em;display: inline;height: 16px;line-height: 16px;vertical-align: middle;}
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text{display: inline;height: 25px;line-height: 25px;vertical-align: middle;cursor: pointer;cursor: hand;}
