/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Styles the html elements
 **************************************************************/
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font: 400 0.8em verdana, arial, sans-serif;
  line-height: 170%;
  background: #666 url(/f/i/gamehappy/bg/header.jpg) repeat-x top left;
  color: #EEE;
}
h1 {   
  clear: both;
  font: 700 2.5em "trebuchet ms", serif;
  color: #FFF;
}
h2 {
  font: 400 1.5em "trebuchet ms", serif;
  color: #9FF3FF;
}
a.pseudolink {color: #FFF; text-decoration: none;}
h2 a {
  color: #29E3FF;
}
h2 a:hover {
  color: #FFF;
}
h3 {
  font: 400 1.3em "trebuchet ms", serif;
  color: #F8D766;
}
h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #F39F01;
}
h5 {
  font: 700 1.1em "trebuchet ms", serif;
  color: #F17400;
}
h6 {
  font: 700 1em "trebuchet ms", serif;
  color: #FF4B33;
}

h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 10px 15px;
}
/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
.leftColumn h1,
.leftColumn h2, 
.leftColumn h3,
.leftColumn h4,
.leftColumn h5,
.leftColumn h6,
.leftColumn p,
.leftColumn dl {
  padding-left: 0;
}
a {
  color: #8BE6FA;
}
/* Uncomment this if you would like a visited link style 
a:visited {
  text-decoration: line-through;
} */
a:hover {
  color: #FFF;
}
b {
  color: #FFF;
}
ol, ul {
  margin: 10px 30px;
  padding: 0 30px;
}
ol {
  color: #FC0;
}
ol span {
  color: #EEE;
}
ul {
  list-style-image: url(/f/i/gamehappy/bg/bullet.gif);
}
del {
  color: #AAA;
}
code {
  margin: 10px 15px;
  padding: 10px;
  display: block;
  overflow: auto;
  
  font: 400 1em courier, monospace;
  line-height: 120%;
  white-space: pre;
  
  background: #444;
}
.leftColumn code {
  margin-left: 0;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
dt {
  font-weight: bold;
  color: #FFB323;
}
dd {
  margin-left: 0;
  padding-left: 45px; 
}


/**************************************************************
   Form Elements
 **************************************************************/
label {
  display: block;
}
input,
textarea,
select {
  padding: 2px;
  font: 400 1em verdana, sans-serif;
  color: #444;
  background: #EEE;
  border: 1px solid #444;
}
input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E4F7FA;
  border: 1px solid #00DFFF;
}
input.button {
  padding: 2px 5px;
  font: 400 1.1em "trebuchet ms", serif;
  color: #555;
  background: #9FF3FF;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF #00DFFF #00DFFF #FFF;
}


/**************************************************************
   Blockquote and included icons
 **************************************************************/
blockquote {
  margin: 10px 15px;
  padding-left: 27px;
  
  background-color: #444;  
  background-image: url(/f/i/gamehappy/icons/quote.gif);
  background-repeat: no-repeat;
  background-position: 5px 50%;  
}
blockquote.exclamation {
  background-image: url(/f/i/gamehappy/icons/exclamation.gif);
}
blockquote.stop {
  background-image: url(/f/i/gamehappy/icons/stop.gif);
}
blockquote.go {
  background-image: url(/f/i/gamehappy/icons/go.gif);
}


/**************************************************************
   Images
 **************************************************************/
img.floatRight {
  margin: 5px 0px 10px 15px;  
}
img.floatLeft {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 2px solid #8BE6FA;
}
a:hover img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 2px solid #FFF !important;
  border: 2px solid #8BE6FA;
}
#content {  
  height: 100%;
  min-height: 100%;  
  text-align: left;
}
#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}
#content[id],
#width[id] {
  width: 94%;
  height: auto;
}
/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/
#header {
  position: relative;
  height: 193px;
}
/* Holds the site title and subtitle */
#header #title {
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 130px;
  padding: 5px;
  text-align: right;
}
#header h1 {
  margin: 0;
  padding: 0;
  font: 700 4em "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #FFF;
}
#header h2 {
  position: absolute;
  top: 10px;
  right: 5px;
  margin: 0;
  padding: 0;
  font: 700 1em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #F8E776;
}
/* Sets where the header images will go */
#header img.left {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#header img.right {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
}
#header img.balloons {
  position: absolute;
  z-index: 2;
  top: 70px;
  right: 400px;
}
/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/
#mainMenu { 
  float: left;
  width: 100%;
  clear: both;  
}
#mainMenu ul {
  margin: 0;
  padding: 0;
  height:43px;
}
#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;
  font: 400 1.6em "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #FFF;
}
#mainMenu li a:hover,
#mainMenu li a.here {
  color: #65EBFF;
  border-top: 5px solid #000;
}
#mainMenu li a.last {
  margin-right: 0;
}
#headerMenu li a:hover,
#headerMenu li a.here {
  padding-top: 10px;
  color: #F8E776;
  border: none !important;
}
#bookmark{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
#bookmark a{
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
}
#bookmark a:hover{
  color: #fae484;
}
#bookmark a span{
  text-decoration: underline;
}
#bookmark img{
  border: 0 none;
  vertical-align: middle;
}
#bookmark a:hover img{
  border: 0px none !important;
}
/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/ 
ul.sideMenu {
  margin: 0;
  padding: 0;
}
.sideMenu li {
  display: inline;
  /* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(foo.gif);
  font: 400 1.3em "trebuchet ms", serif;
}
.sideMenu li a {
  display: block;
  margin: 0.2em 0;
  padding: 3px 5px; 
  text-decoration: none;
  color: #FFF;
} 
.sideMenu li a:hover {
  color: #65EBFF;
  background: #5F5F5F;
}
/* Active menu item */
.sideMenu li.here {
  display: block;  
  padding: 5px;
  color: #65EBFF;
  background: #555;
}
/* Submenu of active menu item */
.sideMenu li.here ul {
  margin: 0;
  padding: 0;
}
.sideMenu li.here ul li a {
  padding-left: 35px;
  font: 400 0.55em verdana, arial, sans-serif; 
  color: #FFF;  
  background: url(/f/i/gamehappy/bg/bullet.gif) no-repeat 10px 0px;
}
.sideMenu li.here ul li a:hover {
  color: #9FF3FF;
  background: #5F5F5F url(/f/i/gamehappy/bg/bullet.gif) no-repeat 10px 0px;
}
/**************************************************************
   #page: Holds the main page content.
 **************************************************************/
 
#page {
  float: left;
  width: 100%;
  clear: both;
  
  padding-bottom: 4em;
}




/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
  float: left;
  width: 100%;
  clear: both;
  
  margin-top: -3.8em;
  background: #000 url(/f/i/gamehappy/bg/footer.jpg) repeat-x top left;
}

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 27px;
}

.footer_menu_selected{
  color: white;
  font-weight: bold;
}

/* Sets the width of the footer content */
.counters {
  /*border: 2px solid red; position: relative;*/
  z-index: 2;
  font-size: 0.85em;
  padding-top: 30px;
}



/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}

.padding5 {
  padding: 5px;
}


/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.gradient {
  padding: 10px 0 10px 10px;
  margin-bottom: 2em;
  background: #555 url(/f/i/gamehappy/bg/gradient.jpg) repeat-x bottom left; 
}

/*
.gradient a {
  padding-left: 15px;
  font: 400 1.5em "trebuchet ms", serif;
  color: #9FF3FF;
}
*/

 a.big {
  padding-left: 15px;
  font: 400 1.5em "trebuchet ms", serif;
  color: #9FF3FF;
}


p.text a, p.text ul li a {
  padding: 0px;
  font-size: 100%;
  font-family: Tahoma;
  color: white;
  text-decoration: none;
  border-bottom: 1px dashed white;
}

p.text a:hover, p.text ul li a:hover {
  text-decoration: underline;
  border-bottom: none;
}

/* Search form */
.search {
  background:#555555 none repeat scroll 0%;
  padding:5px;
  margin-bottom:5px;
  text-align:center;
  vertical-align:middle;
}

.search input{
  width:145px;
  color:#ffffff;
  background:#666666;
  vertical-align: middle;
}

input.search_button{
  background: #555 url(/f/i/gamehappy/buttons/search_but.gif) repeat-x bottom left;
  border:none;
  width:77px;
  height:30px;
  float: right;
}
/*submenu*/
.submenu{
	background:#555555 none repeat scroll 0%;
	padding: 5px 5px 15px 5px;
	margin-bottom: 5px;
	
}
.submenu ul {
	padding: 0 0 0 20px;
	margin: 0;
	list-style-image: url(/f/i/gamehappy/bg/bullet1.gif);
}
.submenu ul ul{
	padding: 0;
	margin: 0 0 0 14px;
	font-size: 11px;
}
.submenu h3{
	padding-left: 5px;
}

/* Subscr block */
.subscr{
  background:#555555 none repeat scroll 0%;
  padding:5px;
  margin-bottom:5px;
}

.subscr div{
  text-align:left;
  padding-bottom:5px;
  font-size:12px;
  line-height:120%;
}

.subscr form{
  text-align:center;
}

.subscr input{
  width:135px;
  color:#ffffff;
  background:#666666;
  vertical-align: middle;
}

input.subscr_button{
  background: #555 url(/f/i/gamehappy/buttons/go.gif) repeat-x bottom left;
  border:none;
  width:77px;
  height:30px;
  float:ridht;
}

.subscr_button:hover{
  cursor:pointer;
}

input.subscr_button_en{
  background: #555 url(/f/i/gamehappy/buttons/ok.gif) repeat-x bottom left;
  border:none;
  width:77px;
  height:30px;
  float:ridht;
}

.subscr_button_en:hover{
  cursor:pointer;
}

.navigation{
  background:#555555;
  padding:5px;
  margin-bottom:5px;
}

.nav_here{
  color: white;
  font-size:200%;
}

.content_block{
  background:#555555 none repeat scroll 0%;
  padding:5px;
  margin-bottom:5px;
}

/*****  best games  ******/
.best_game_block{
  background:#555555 none repeat scroll 0%;
  padding:5px;
  margin-bottom:5px;
}

.best_game_descr{
  font-size:11px;
  padding:7px;
  line-height:105%;
}

.best_game_name{
    font-size:1.0em;
    color: #F39F01;
    padding-left:7px;
}

.best_game_img{
  float:right;
  margin:7px;
}

.best_game{
  background:#5D5D5D;
  margin-bottom:5px;
  padding-bottom:5px;
}

/*****  tags  ******/
.tags_block{
  background:#555555 none repeat scroll 0%;
  padding:5px;
  margin-bottom:5px;
  color: white;
}

.tags_block a{
  color: white;
}

.tags_block a:hover{
  color: #9FF3FF;
}

.tags{
  background:#5D5D5D;
  padding:5px;
  text-align:center;
  line-height: 18px;
}

.tag1{
  font-size:80%;
}

.tag2{
  font-size:110%;
}

.tag3{
  font-size:130%;
}

.tag4{
  font-size:150%;
}

.tag5{
  font-size:170%;
}

.tag6{
  font-size:180%;
}

/*****  buttons  ******/

.download_button{
  border:none;
  
}
.download_button img{
  border:none;
  float:right;
  padding-right:15px;
}

a.download_button:hover img{
  border:none !important;
}


.buttons{
  border:none !important;
  
}
.buttons img{
  border:none !important;
  float:right;
  padding-right:0px;
}

a.buttons:hover img{
  border:none !important;
}


/***** novelties *****/
.novelty{
  text-align:center;
  float:left;
  /*background:#5D5D5D;*/
  padding:5px;
  margin-right:5px;
  width:85px;
  height:110px;
  line-height: 90%;
}

.novelty_game_name{
  font-size:0.8em;
  color: #F39F01;
}

/**** screenshots ****/
.screenshots_block{
  background:#5D5D5D;
  width:505px;
  text-align:left;
}

.screenshots_block h4{
  text-align: center;
}

.screenshots{
  font: 700 1.2em "trebuchet ms", serif;
  color: #F39F01;
  text-align:center;
  padding-bottom:5px;
}

.screenshots a{
  padding:3px;
}
#screenshots-carousel{
  padding: 0;
  margin: 0;
}
#screenshots-carousel li{
  list-style: none;
  display: inline;
}
.screenshots .jcarousel-clip-horizontal{
  width: 429px;
  margin: 0 38px;
}
.screenshots .jcarousel-prev{
  display:block;  
  position:absolute;
  left:0; top:40px;
  width:32px; height:26px;
  background: url(/f/i/lightbox/lightbox-btn-prev.gif) no-repeat;
  cursor:pointer;
}
.screenshots .jcarousel-next{
  display:block;  
  position:absolute;
  right:0; top:40px;
  width:32px; height:26px;
  background: url(/f/i/lightbox/lightbox-btn-next.gif) no-repeat;
  cursor:pointer;
}
.screenshots .jcarousel-prev-disabled, .screenshots .jcarousel-next-disabled{
  background: none;
  cursor:default;
}
.screenshots .jcarousel-item{
  width: 143px; height: 108px;
}


img.screenshot{
  border: 2px solid #c7c7c7;
}

img.imgBorder{
  border:2px solid white;
}

img.imgBorder:hover{
  border:2px solid #9FF3FF;
}


.detail{
  padding:10px;
  color:#8BE6FA;
  text-align:left;
  font-family:verdana,arial,sans-serif;
  font-size:12px;
  line-height:170%;
}

.detail th{
  vertical-align:top;
  width:30%;
}

.tags_list{
  background:none;
  padding-bottom:15px;
  color:white;
  font-size:1.0em;
}

.tags_list a{
  font-family:verdana,arial,sans-serif;
  background:none;
  font-size:1.0em;
  color:#999999;
  padding-left:10px;
}

.tags_list a:hover{
  color:white;
}

.main_text{
  font-size:11px;
  line-height:150%;
}

.imgMedium{
  margin: 15px 15px 0 15px;
  float: left;
}

a.noborder{
  border:none;
}

a.noborder:hover{
  border:none;
}

.noborder img{
  border:none;
}

.noborder img:hover{
  border:none !important;
}


.games_list {
  padding-left: 15px;
  padding-top: 10px;
  font-size:11px;
  width:95%;
  overflow: hidden;
}

.games_list img{
  float: left;
  margin-right: 5px;
}

.games_list a{
  padding: 0px;
  color:#F8D766;
  line-height:100%;
  font-size:13px;
}

.games_list a:hover{
  color:#9FF3FF;
}

.short_descr_block{
  text-align:center;
  float:left;
  background:#5D5D5D;
  padding:7px;
  margin:5px;
  width:210px;
  height:170px;
  line-height: 90%;
}

.short_descr{
  text-align:left;
  padding:5px;
  color:white;
  line-height: 120%;
}

.short_descr_name{
  font-size:100%;
  color: #F39F01;
  font-weight:bold;
  line-height: 130%;
}

.right_text{
  width:100%;
  text-align:right;
}

/**** comments ****/
.comments_block{
  /*background:#5D5D5D;*/
  /*width:80%;*/
  text-align:left;
  margin:15px;
}

.comments_block{
  text-align:center;
  display:none;
}

.comments_block input{
  width:300px;
  color:#ffffff;
  background:#666666;
  vertical-align: middle;
  margin-bottom:5px;
}

.comments_block textarea{
  width:300px;
  height:100px;
  color:#ffffff;
  background:#666666;
  vertical-align: middle;
  margin-bottom:5px;
  overflow: auto;
}

.comment{
  margin:0 15px 15px 15px;
  padding:5px;
  background:#5D5D5D;
}

.comment div{
  color:#F8D766;
  font-weight:bold;
}

.comment_info{
  color:#b2b0b0;
  font-size:11px;
  line-height:100%;
  padding-bottom:7px;
}

.orange_link{
  font-size:100%;
  color:#F39F01;
  font-family:verdana,arial,sans-serif;
  text-decoration:underline;
  cursor:pointer;
}

input.comment_button{
  background: url(/f/i/gamehappy/buttons/add.gif) repeat-x bottom left;
  border:none;
  width:90px;
  height:30px;
}

.comment_button:hover{
  cursor:pointer;
}

.error{
  color:red;
  font-size:11px;
  display:none;
  line-height:110%;
  padding-bottom:7px;
}


/******STARS******/
.stars{
  margin-left:15px;
  margin-bottom:10px;
}

span.estimate{
  margin-left:10px;
  color:#F8D766;
  font-size:12px;
  font-weight:bold;
}

.stars span{
  vertical-align:middle;
}

input.star_active{
  width:16px;
  height:16px;
  background: url(/f/i/gamehappy/icons/star_active.gif);
  border:none;
  margin-left:3px;
  vertical-align:middle;
}

input.star_active:hover{
  width:16px;
  height:16px;
  cursor:pointer;
  background:url(/f/i/gamehappy/icons/star_active_hover.gif);
  border:none;
  margin-left:3px;
  vertical-align:middle;
}

input.star_inactive{
  width:16px;
  height:16px;
  background:url(/f/i/gamehappy/icons/star_inactive.gif);
  border:none;
  margin-left:3px;
  vertical-align:middle;
}

input.star_inactive:hover{
  width:16px;
  height:16px;
  cursor:pointer;
  background:url(/f/i/gamehappy/icons/star_inactive_hover.gif);
  border:none;
  margin-left:3px;
  vertical-align:middle;
}

.game_descr a{
  color:#fff !important;
  border-bottom:1px dashed #ffffff !important;
  padding:0;
  text-decoration:none !important;
  font-family:verdana,arial,sans-serif;
  font-size:13px;
}

.game_descr a:hover{
  color:#9FF3FF !important;
  border-bottom:1px dashed #9FF3FF !important;
}

div.game_descr{
  line-height: 150%; 
  width:30%; 
  color:white; 
  font-family:verdana,arial,sans-serif; 
  font-size:14px; 
  text-align:left;
}

/* modalWindow */
.bgFader{position: fixed; background: #555555; top: 0; left: 0; bottom: 0; width: 100%; height: 100% !important; z-index: 99998; opacity: 0.8; // filter: alpha(opacity=80);}
.modalWindow{position: absolute; color: black; padding: 0px; overflow: auto; z-index: 99999;}
.modalWindow button.close{position: absolute; top: 0px; right: 0px;}
.modalWindow .cnt{padding: 0px;}

.last_comments{
  font-size:11px;
  line-height:120%;
  margin:10px;
}

.last_comments td{
  background: #5D5D5D none repeat scroll 0 0;
  padding: 3px;
}

a.comment_user_name {
  color: white;
  font-weight:bold;
  text-decoration:none;
  padding-left: 3px;
}

a.comment_user_name:hover {
  color: #8BE6FA;
  text-decoration:underline;
}

a.comment_game_link {
  color: #8BE6FA;
  text-decoration:none;
  border-bottom:1px dashed #8BE6FA;
}

a.comment_game_link:hover{
  color: white;
  text-decoration:underline;
  border:none;
}

.hide{
  display: none;
}

/*---faq----*/
.faq_button{
  float: right;
  background: url(/f/i/gamehappy/buttons/faq.jpg) no-repeat;
  width: 41px;
  height: 41px;
  border: none;
  margin-right: 7px;
  position: relative;
}

.faq_button:hover{
  background: url(/f/i/gamehappy/buttons/faq_hover.jpg) no-repeat;
  cursor: pointer;
}

.faq{
  position: absolute;
  top: 50px;
  right: 10px;
  display: none;
  width: 500px;
  background: #5D5D5D;
  font-size: 11px;
  line-height: 110%;
  border: 2px solid #F39F01;
  padding: 7px;
  cursor: help;
  z-index: 1000;
}

.faq h2{
  font-size: 13px;
  color: #F39F01;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
}

.faq h3{
  font-size: 11px;
  color: #F8D766;
  font-weight: bold;
  padding: 10px 0px 0px 0px;
}

.faq p{
  padding: 0px;
}

.faq a{
  color:#fff !important;
  border-bottom:1px dashed #ffffff !important;
  padding:0;
  text-decoration:none !important;
  font-family:verdana,arial,sans-serif;
  font-size:11px;
}

.faq a:hover{
  color:#9FF3FF !important;
  border-bottom:1px dashed #9FF3FF !important;
}

div.game_h{
	float:left;
	font-size:80%;
	width:100px;
	padding:3px;
	text-align: center;
}

.game_h img{
	border:2px solid white;
}

.game_h img:hover{
	border:2px solid orange;
}

.game_h a:hover{
	color: orange!important;
}

#bookmarks_block{
  height:30px;
  padding-left:20px;
}

/**
 * jQuery lightBox plugin
 * @copyright (c) 2008 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
 */
#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: #666;
	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-secNav a:hover img{border: 0 none !important;}
#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: #777;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #FFF; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}
#lightbox-image-details-caption{
  display: none !important;
}
#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;	
}

div.sm {
  margin-left: 15px;
  margin-bottom: 10px;
}

div.sm div.bt {
  float:left;
  padding-right: 10px;
}

div.sm div.bt img, div.sm div.bt img:hover, div.sm div.bt a:hover img {
  border: none !important;
}

a.bbn img, a.bbn:hover img {
  border:none !important;
}