.MainDiv{
	width:788px;
	height:332px;
	position:relative;
}
.MainBgDiv{
	width:788px;
	height:332px;
	background:#CDC7C7;
	position:abslolute;
	z-index:-5;
}

.Left{
	background:#825454;
	width:214px;
	height:290px;
	overflow:hidden;
	top:32px;
	left:10px;
	position:absolute;
	
}

#trackLeftBg{
	position:absolute;
	top:32px;
	left:224px;
	width: 12px;
	height: 290px;
	background: url(/ranger_ressources/sitepic/scroll-bg-left.jpg) no-repeat;
}

#trackLeft {
	position:absolute;
	top:15px;
	left:0px;
	width: 12px;
	height: 260px;
}
#handleLeft {
	width: 12px;
	height: 12px;
	cursor: move;
	background: url(/ranger_ressources/sitepic/scroll-button-left.jpg) no-repeat;
}



#trackRightBg{
	position:absolute;
	left:754px;
	top:32px;
	width:12px;
	height:256px;
	background: url(/ranger_ressources/sitepic/scroll-bg-right.jpg) no-repeat;
}	
			
#trackRight{
	position:absolute;
	left:0px;
	top:15px;
	width:12px;
	height:226px;
	
}

#handleRight{
	width: 12px;
	height: 20px;
	background: url(/ranger_ressources/sitepic/scroll-button-right.jpg) no-repeat;
	cursor: move;
}





.LeftTop{
	background:#825454;
	width:226px;
	height:10px;
	top:14px;
	left:12px;
	position:absolute;
	overflow:hidden;
	z-index:1;
        margin-top:-5px;
        height:16px;
}

.LeftTopTexte{
	position:absolute;
	color: #000000;
	font-family: trebuchet ms;
	font-size: 13px;
	left:20px;
	top:8px;
        
	z-index:2;

}


.TexteContainer{
	position:absolute;
	left:270px;
	top:32px;
	width:484px;
	height:256px;
	overflow:hidden;
	
	
}
.Texte{
	width:444px;
	height:228px;
	left:270px;
	top:41px;
	color: #320404;
	font-family: trebuchet ms;
	font-size: 12px;
	text-align: justify;

}

.Title{

	color: ;
	font-family: trebuchet ms;
	font-size: 12px;
	text-align: justify;
	width:181px;
	margin-left:15px;
	padding-top:10px;
	padding-bottom:2px;
	font-weight:bold;
}

.CutContent{

	color: #000000;
	font-family: trebuchet ms;
	font-size: 11px;
	text-align: justify;
	font-weight:normal;
	width:181px;
	margin-left:15px
}

.BottomLink{
	position:absolute;
	font-family: trebuchet ms;
	top:300px;
	text-align:right;
	font-size: 12px;
	font-weight:bold;
	right:34px;

}

.FormTexte{
	width:100px;
	float:left;
	text-align:right;
	font-family: trebuchet ms;
	font-size: 12px;
	color: ;

}

.FormInput{
	width:324px;
	margin-left:20px;
	float:left;
}

a.News {

	color:#000000;
	font-family: trebuchet ms;
	font-size: 12px;
}

a:hover.News {
	color: #FF0000;
	font-family: trebuchet ms;
	font-size: 12px;
}

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

.MainDiv{
	width:788px;
	height:332px;
	position:relative;
}
.MainBgDiv{
	width:788px;
	height:332px;
	background:#CDC7C7;
	position:abslolute;
	z-index:-5;
}

.Left{
	background:#825454;
	width:214px;
	height:290px;
	overflow:hidden;
	top:32px;
	left:10px;
	position:absolute;
	
}

#trackLeftBg{
	position:absolute;
	top:32px;
	left:224px;
	width: 12px;
	height: 290px;
	background: url(/ranger_ressources/sitepic/scroll-bg-left.jpg) no-repeat;
}

#trackLeft {
	position:absolute;
	top:15px;
	left:0px;
	width: 12px;
	height: 260px;
}
#handleLeft {
	width: 12px;
	height: 12px;
	cursor: move;
	background: url(/ranger_ressources/sitepic/scroll-button-left.jpg) no-repeat;
}


#trackRightBg{
	position:absolute;
	left:754px;
	top:32px;
	width:12px;
	height:256px;
	background: url(/ranger_ressources/sitepic/scroll-bg-right.jpg) no-repeat;
}	
			
#trackRight{
	position:absolute;
	left:0px;
	top:15px;
	width:12px;
	height:226px;
	
}

#handleRight{
	width: 12px;
	height: 20px;
	background: url(/ranger_ressources/sitepic/scroll-button-right.jpg) no-repeat;
	cursor: move;
}


.LeftTop{
	background-color:#825454;
	width:226px;
	height:10px;
	top:14px;
	left:12px;
	position:absolute;
	overflow:hidden;
	z-index:1;
}

.LeftTopTexte{
	position:absolute;
	color: #000000;
	font-family: trebuchet ms;
	font-size: 13px;
	left:20px;
	top:8px;
	z-index:2;

}


.TexteContainer{
	position:absolute;
	left:270px;
	top:32px;
	width:484px;
	height:256px;
	overflow:hidden;
	
	
}
.Texte{
	width:444px;
	height:228px;
	left:270px;
	top:41px;
	color: #320404;
	font-family: trebuchet ms;
	font-size: 12px;
	text-align: justify;

}


.Title{

	color: ;
	font-family: trebuchet ms;
	font-size: 12px;
	text-align: left;
	width:181px;
	margin-left:15px;
	padding-top:10px;
	padding-bottom:2px;
}

.CutContent{

	color: #000000;
	font-family: trebuchet ms;
	font-size: 11px;
	text-align: justify;
	font-weight:normal;
	width:181px;
	margin-left:15px
}

.BottomLink{
	position:absolute;
	font-family: trebuchet ms;
	top:300px;
	text-align:right;
	font-size: 12px;
	font-weight:bold;
	right:34px;
color: ;
}

a.News {

	color: #000000;
	font-family: trebuchet ms;
	font-size: 12px;
}

a:hover.News {
	color: #FF0000;
	font-family: trebuchet ms;
	font-size: 12px;
}

#closeButton{
	position:absolute;
	left:155px;
	top:8px;
	cursor:normal;
}


.headerSentence{
	text-align:center;
	font-family:trebuchet ms;
	font-size:14px;
	font-weight:bold;
	width:170px;
	color:#FFFFFF;
	margin-top:3px;
	margin-bottom:15px;
	
}



.promotext{
	text-align:left;
	
	color:#500303;
	font-family:trebuchet ms;
	font-size:13px;
	font-weight:bold;
	display:block;
	float:left;
	width:88px;
	
	
}

.promosubtext{
	font-family:trebuchet ms;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	color:#825454;
}


.promoprice{
	color:#D10000;
	font-weight:bold;
	font-family:trebuchet ms;
	font-size:13px;
	display:block;
	
	text-align:right;
	
	float:left;
	width:74px;
}



.promoline{
	clear:both;
	margin-left:5px;
	
	text-align:left;
	
}


.buttondiv a{
	
	text-decoration:none;
	
	font-family:trebuchet ms;
	font-size:12pt;
	font-weight:bold;
	text-decoration:underline;
	color:#FFFFFF;
	z-index:3;
}

.buttondiv{
	position:absolute;
	top:330px;
	left:0px;
	width:177px;
	text-align:center;
	
	clear:both;
	display:block;
	
	margin-right:auto;
	margin-left:auto;
		
	z-index:2;
	
}
.mainDiv{
	height:364px;
	width:183px;
	
	text-align:left;
	padding:4px;
	overflow:hidden;
	m!argin-top:3px;
	position:absolute;
	top:-11px;
	left:-15px;
	z-index:500;
	
}

#pngOfMainDiv{
	position:absolute;
	z-index:-1;
	top:0px;
	left:0px;
}

#div_bookform{
	width:228px;
	margin-left:auto;
	margin-right:auto;
	
}

#table_bookform{
	background:#CDC7C7;
	width:100%;
}

.div_arrival_departure{
	margin:4px;
	padding-top:2px;
	padding-bottom:4px;
	padding-right:2px;
	text-align:center;
	background:#F8F7FA;
	cursor:pointer;
	
}


.bookinput1{
	color:#D10000;
	font-weight:normal;
	font-family:tahoma,verdana,sans-serif;
	font-weight:bold;
	font-size:11px;
}

.booktext1{
	text-align:center;
	background:#F8F7FA;
	color:#500303;
	font-weight:bold;
	padding:4px;
}
#availform{
	position:absolute;
	top:228px;
	left:0px;
	display:inline;
}


#availform_submit{
	
	height:21px;
	
	border:1px solid #825454;
	font-size:12px;
	font-family:trebuchet ms;
	color:#DFE3F2;
	background-color:#500303;
	font-weight:bold;
	cursor:pointer;
}
	img { -ms-interpolation-mode: bicubic; }
	.ggmap{
		width:200px;
		height:80px;
		font-family:verdana;
		font-size:8pt;
		margin:0px;
		text-align:center;
		
	}
	.ggmap2{
		/*
		width:200px;
		height:100px;
		*/
		font-family:verdana;
		font-size:8pt;
		margin:0px;
		text-align:center;
		overflow:hidden;
		
	}
	
	.google_link{
		color:blue;
		font-weight:bold;
		font-family:verdana;
		font-size:8pt;
	}

	
	body{
		margin:0 0 150px 0;
		text-align:center; /*IE Fix*/
		background:url(http://67.227.177.134/ranger_ressources/sitepic/bg.jpg) repeat-x #4B4847;
	}
	#mainContent{
		width:900px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	#header{
		text-align:right;
		font-size:18pt;
		font-family:trebuchet ms;
		color:#050505;
		height:31px;
		vertical-align:bottom;
		padding-top:20px;
	}
	#subheader{	
		margin-right:15px;
	}
	
	a.linksubheader{
		font-size:18pt;
		font-family:trebuchet ms;
		color:#050505;
		text-decoration:none;
	}
	
	#subheader_br{
		font-size:1px;
		line-height:30px;
	}
	
	
	#topmenu{
		display:block;
		text-align:center;
		height:15px;
		width:780px;
		overflow:hidden;
		
		
		margin-left:auto;
		margin-right:0px;
		
		
		
		padding-bottom:2px;
	}
	
	#topmenu_endgame_left{
		background:url(/ranger_ressources/sitepic/menu-end-game.png) no-repeat;
		
		height:15px;
		width:100px;
		float:left;
	}
	#topmenu_endgame_right{
		background:url(/ranger_ressources/sitepic/menu-end-game-right.png) no-repeat;
		height:15px;
		width:100px;
		float:left;
	}
	
	#topmenu_text{
		background:#CDC7C7;
		float:left;
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:580px;
		text-align:right;
		font-size:10pt;
		font-family:trebuchet ms;
		line-height:15px;
		height:15px;
		overflow:none;
	}
	
	
	#imageShow{
		
		width:788px;
		height:332px;
		
		margin-left:auto;
		margin-right:auto;
		position:relative;
	}
	
	
	
	#footer{
		width:750px;
		height:310px;
		overflow:hidden;
		position:relative;
		top:-20px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#diaporama{
		overflow:hidden;
		width: 788px;
		height:332px;
		background:#CDC7C7;
	}
	#diaporama img {
		position: absolute;
		left:0px;
		width: 788px
	}

	#map{
		position:relative;
		height:252px;
		overflow:hidden;
	}
	
	#inbetween{
		background:url(/ranger_ressources/sitepic/photo-bottom.png);
		width:788px;
		height:64px;
		margin-left:auto;margin-right:auto;
	}
	
	
	#ourRooms{
		position:absolute;
		left:670px;
		top:10px;
		height:304px;
		
		width:105px;
		background:url(/ranger_ressources/sitepic/1px.gif) transparent;
		
		
		z-index:500;
		cursor:pointer;
	}
	
	#ourRooms_fake{
		position:absolute;
		left:670px;
		top:10px;
		height:304px;
		
		width:105px;
		
		
		
		z-index:500;
		
		
	}
	
	
	#ourRoomsButton_content{
		height:30px;
		width:105px;
		position:absolute;
		left:0px;
		top:278px;
		cursor:pointer;
		
		
	}
	#arrow_top{
		position:absolute;
		left:48px;
		top:0px;
	}
	
	#ourRoomsButton_a{
	font-family:trebuchet ms;
		color:#DFE3F2;
	}
	
	#ourRoomsButton{
		position:absolute;
		top:11px;
		left:0px;
		border:1px #825454 solid;
		
		width:105px;
		height:19px;
		background-color:#500303;
		
		font-size:12px;
		font-weight:bold;
	}
	
	#listingRooms{
		position:absolute;
		
		left:0px;
		width:105px;
		
		
		background-color:transparent;
	}
	
	.listingLI{
		margin:0;
		padding:0;
	}
	
	
	
	
	/*gg ultimate gagging*/
	
	.pictoGroup{
		background-color:#DAD7D7;
		width:105px;
		height:30px;
		border-top:1px dotted #767171;
		border-bottom:1px dotted #767171;
		margin-top:14px;
		margin-bottom:14px;
		font-family:trebuchet ms;
		font-size:13px;
		font-weight:bold;
		position:relative;
		
	}
	.pictoGroup_trans{
		position:absolute;
		top:0px;
		left:-10px;
		width:125px;
		height:30px;
		z-index:501;
		
	}
	.picto{
		float:left;
	}
	
	.picto_text{
		margin-right:auto;
		margin-left:auto;
		position:relative;
		top:5px;
		l!eft:3px;
		
	}
	
	.booktext1{
		font-family:trebuchet ms;
		font-size:12px;
	}
	.bookinput1{
		font-family:trebuchet ms;
		font-size:12px;
		width:80px;
		text-align:center;
		height:15px;
	}
	
	.sectionGallery{
		font-family:trebuchet ms;
		background-color:#F2F3FF;
		color:#500303;
		font-size:13px;
		font-weight:bold;
		position:relative;
		padding-top:6px;
		padding-bottom:6px;
		border-bottom:1px solid #F8F7FA;
		width:176px;
	}

	.sectionGallery_trans{
		position:absolute;
		top:0px;
		left:0px;
		width:196px;
		height:30px;
		cursor:pointer;
		z-index:501;
			
		}

	.sectionGallery_conteneur{
		
		position:relative;
		left:-3px;
		width:176px;
	}

	#gal_thumbslist{
		position:absolute;
		background:url(/ranger_ressources/sitepic/1px.gif) transparent;
		width:450px;
		height:64px;
		top:261px;
		left:195px;
		z-index:20;
	}


	#gal_reflectsol{
		border-top:1px solid #825454;
		height:20px;
		width:512px;
		position:absolute;
		top:53px;
		left:30px;
		
	}




	a.menulink{
		color:#500303;
		text-decoration:none;
	}

	a.menulink:hover{
		color:#FF0000;
		text-decoration:none;
	}

	#contact{
		width:700px;
		top:20px;
		left:44px;
		text-align:left;
		color:#320404;
		font-family:trebuchet ms;
		font-size:12px;
		position:absolute;
	
	}
	#contactText{
		width:350px;
		top:70px;
		right:20px;
		text-align:justify;
		color:#320404;
		font-family:trebuchet ms;
		font-size:12px;
		position:absolute;
	
	}
	#contactRates{
		color:#D10000;
	}
	a.contactLink{
		color:#D10000;
		text-decoration:none;
	}
	a.contactLink:hover{
		color:#D10000;
		text-decoration:none;
	}

		
		
		
		

.mapMainDiv{
	width:441px;
	height:312px;
	position:relative;
	top:0px;
	left:0px;
	float:left;
}

.mapTitle{
	width:411px;
	height:18px;
	position:absolute;
	background:#F8F7FA;
	z-index:2;
	border:1px solid #500303;
	left:10px;
	top:10px;

}

.mapTitleTexet{
	color:#500303;
	font-family:trebuchet ms;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}

.mapGMapDisplay{
	position:absolute;
	top:42px;
	left:10px;
	width:411px;
	height:252px;
	background:white;
	z-index:2;
	border:1px solid #500303;
}
.mapImgDiv{
	height:266px;
	width:425px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:1;
}


.bookMainDiv{
	width:285px;
	height:312px;
	position:relative;
	left:20px;
	float:left;
}

.bookTitle{
	width:254px;
	height:18px;
	position:absolute;
	background:#F8F7FA;
	z-index:2;
	border:1px solid #500303;
	left:10px;
	top:10px;

}

.bookTitleTexet{
	color:#500303;
	font-family:trebuchet ms;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}

.bookEngineDisplay{
	position:absolute;
	top:42px;
	left:10px;
	width:254px;
	height:252px;
	background:#F8F7FA;
	z-index:2;
	border:1px solid #500303;
}
.bookImgDiv{
	position:absolute;
	top:0px;
	left:0px;
	height:312px;
	width:285px;
	
	z-index:1;
}


/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative;z-index:12 }

.calendar, .calendar table {
  border: 1px solid #CDC7C7;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #CDC7C7;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
 
}

.calendar .nav {
  background: #E3E3E3 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: normal;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #CDC7C7;
  color: #000000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #E3E3E3;
  color: #000000;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #655;
  padding: 2px;
  text-align: center;
  color: #000000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #000000;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #F8F7FA;
  color: #000;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #F8F7FA;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #CDC7C7;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #F8F7FA;
}

.calendar tbody .rowhilite td {
  background: #F8F7FA;
}

.calendar tbody .rowhilite td.wn {
  background: #F8F7FA;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #E3E3E3;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #CDC7C7;
  padding: 2px 2px 0px 2px;
   font-weight: bold;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #E3E3E3;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c42222;
}

.calendar tbody td.today { font-weight: normal; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #CDC7C7;
  color: #000;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655; 
  background: #CDC7C7;
  color: #000000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffe;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #fc8;
}

.calendar .combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #a88;
  padding: 1px 0px;
  text-align: center;
  background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #988;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #866;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;

}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(/ranger_ressources/js/shadowbox/skin/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(/ranger_ressources/js/shadowbox/skin/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(/ranger_ressources/js/shadowbox/skin/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(/ranger_ressources/js/shadowbox/skin/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(/ranger_ressources/js/shadowbox/skin/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(/ranger_ressources/js/shadowbox/skin/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}


/*IE 8 Fix for shadow box*/
#shadowbox_title {    border: 0px solid;  }   
#shadowbox_info {    border: 0px solid;  }