/*
 * Combined style sheet for the index pages and the slide pages.
 */

#onglet {
    float:left;
    width:790px;
    background:#DAE0D2 url("onglets/bg.jpg") repeat-x bottom;
    font-size:93%;
    line-height:normal;
}
   
#onglet ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
}

#onglet li {
      float:left;
      background:url("onglets/left.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
}
    
#onglet a {
      display:block;
      background:url("onglets/right.jpg") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#808080;
}
    
#onglet a:hover {
      color:#333;
}
    
#onglet #current {
      background-image:url("onglets/left_on.jpg");
}
    
#onglet #current a {
      background-image:url("onglets/right_on.jpg");
      color:#404040;
      padding-bottom:5px;
}

 SAMP {
	font-style: normal;
 }
 SMALL {
	font-family: Arial,helvetica;
	font-size: 10px;
 }
 A {
	text-decoration: none;
	color: #666666;
 }
 A:hover {
	text-decoration: none;
	color: #9999FF;
 }
 H3 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
 }
 P, UL, OL, LI, BLOCKQUOTE {
	font-size: 12px;
 }
 
  .generator {
 	 color: #666666;
 	 font-size: 10px;
 	 font-weight: normal;
  }

 
 .header {
	 color: #000000;
	 font-size: 24px;
	 font-weight: normal;
 }
 .subheader {
	 color: #696969;
	 font-size: 14px;
	 font-weight: normal;
 }
 .detaillist {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
 }
 .detaillist_header {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
 }
 .detaillist_link {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
 }
 .tab {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
 }
 .select_exh  {
	color: #8d4650;
	font-size: 11px;
	font-weight: bold;
 }

.nav {
	font-size: 11px;
	background-color: #696969;
	color: white;
	font-weight: bold;
}

.nav table {
	cellspacing: 6;
	cellpadding: 3;
}

.nav a:active {
	text-decoration: none;
	color: white;
}
.nav a:visited {
	text-decoration: none;
	color: white;
}
.nav a:hover {
	text-decoration: none;	
	font-size: 11px;

}
.nav a:link {
	text-decoration: none;
	color: white
}


 FORM {
	font-family: helvetica;
	font-size: 10px;
 }
 
 SELECT,OPTION {
	font-family: helvetica;
	font-size: 10px;
	background-color: #eeeeee;
	color: black;
	border-style: none;
	border-color: silver;
	text-decoration: none;
 }
 
 INPUT {
	font-family: helvetica;
	font-size: 10px;
	background-color: #c2c2c2;
	color: black;
	border-style: none;
	border-color: cccccc;
	text-decoration: none;
 }
 FORM {
	margin-bottom : 0px;
	margin-top : 4px;
 }
 
 BODY {
	font-family: Tahoma, Arial,helvetica;
  	padding: 0;
 	height: 100%;
	color:#333;
	leftmargin :0; 
	topmargin:0; 
	marginwidth:0; 
	marginheight:0;
	background:#eee url(bg.gif) repeat-y 50% 0;
	font:11px Verdana, Arial, sans-serif;
	overflow-x: hidden; 
	SCROLLBAR-FACE-COLOR: #eeeeee; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #dadada; SCROLLBAR-SHADOW-COLOR: #dadada; COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #bbbbbb; SCROLLBAR-ARROW-COLOR: #bbbbbb; SCROLLBAR-TRACK-COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #eeeeee;


 }

 .rover {background: #B2B2B2; }
 .rover A {color: #ffffff; }


div#buttonA {
    margin-left: 5px;
}
div#buttonA ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 20px;
}
div#buttonA li {
    list-style-type: none;
    height: 10px;
    width: 75px;
    margin: 0px;
    text-align:center;
}
div#buttonA li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 3px;
}
div#buttonA li a:link {
    color: #000000;
    font-weight: normal;
    background-color: #CCCCCC;
    border-style: outset;
}
div#buttonA li a:visited {
    color: #000000;
    font-weight: normal;
    background-color: #CCCCCC;
    border-style: outset;
}
div#buttonA li a:hover {
    font-weight: normal;
    color: #FFFFFF;
    background-color: #999999;
    border-style: outset;
}
div#buttonA li a:active {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #666666;
    border-style: inset;
}


.wrapper img {
  background-color: #fff;
  border: 1px solid #d1cfcf;
  padding: 6px;

  }
  
  
    .wrapper {
      margin: 2px auto;
      overflow: hidden;
      padding: 0px 0px 0px 0px;
      position: relative;
    }
    .zoomimg {
      position: absolute;
      top: 0;
      left: 0;
    }
    .zoombox {
      border: solid 1px white;
      background: #bbbbbb;
      -moz-opacity: 0;
      filter: alpha(Opacity=0);

      position: absolute;
      top: 0;
      left: 0;
      width: 640px;
      height: 480px;
    }


.boxtxt 
{
	float: left; 
	text-align: center;
	border: solid gray 1px; 
    font-family: Arial, serif; 
    font-size: 8pt;
 } 



.timg {
  padding:2px;
  border:1px solid #ddd;
  background: white;

  }
/*
.tnimg 
{
	
  padding:6px;
  border:1px solid #ddd;
  background: white;
  background: white url(shadow.gif) no-repeat bottom right; 
  }
  */
  
  #photoholder 
  {
  background: url('loading.gif') 50% 50% no-repeat;
  }

#thephoto {

}

.alpha-shadow {
  float: right;
  background: url(shadow.gif)  no-repeat bottom right;
  margin:0px ;
  height:85px;
}

.alpha-shadow div {

  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 5px;
}

.tab-shadow {
  float: right;
  background: url(shadow.gif)  no-repeat bottom right;
  margin:0px ;
  height:65px;
}

.tab-shadow div {

  padding: 0px 5px 5px 0px;
}

.tab-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 5px;
}

.footer  
{
  position: relative;
  font-family: Arial, serif; 
  font-size: 8pt;
  color: #ffffff;
  background-color: #666666;
/*  background: url(bac.jpg); */
  
  border: 0px solid #bbbbbb;
  padding: 0px;
  left:0;
  width:790px;
  bottom:0px;
/*  float:left; 
  top:50px;*/
   height:50px;
}

 .footer  A:link {
        text-decoration: none;
        color: #9999FF;
   
  }
.footer  A:visited {
        text-decoration: none;
        color: #9999FF;
}
 .footer  A:hover {
	text-decoration: none;
	color: #ffffff;
 }
 .thumbholder 
  {
  background: url('thloading.gif') 50% 50% no-repeat;
  }

.indextitles 
  {
  margin:0px auto;
  width:auto;
  text-align:left;
  border:1px solid #bbbbbb;
/*  background:#ffffff; */
  border-top: dotted #808080 1px;
  border-bottom: dotted #808080 1px; font-weight: bold; 
  }
  
  #header {
	background:#000000;
	/*background-image: url(noel.jpg);*/
	border: 0px solid #666666;
	height:50px;
	width:790px;
	margin:0px;
	}


#wraper {
	width:790px;
  margin:0 auto;
	position:relative;
	height: 100%;
/*	background: #ffffff url(newbg.gif) repeat;  */
/*	background: #ffffff url(bkgnd2.gif) repeat;  */
}

#wraper2 {
	width:790px;
  left:245px;
	position:relative;
	height: 100%;
/*	background: #ffffff url(newbg.gif) repeat;  */
/*	background: #ffffff url(bkgnd2.gif) repeat;  */
}

  #topheader {
	background:#666666;
	border: 0px solid #666666;
	height:30px;
	width:790px;
	margin:0px;
	}
	
	
.botshad
{
  position: relative;
  background: url(bottomshadow.gif) repeat-x;
  padding: 0px;
  width:790px;
  margin:0px;
 /* float:left; 
  top:50px;*/
}

.topshad
{
 
  background: url(topshadow1.gif) repeat-x;
  padding: 0px;
  left: 115px;
  width:790px;
  height:9px;
}

.sltopshad
{
  position:relative;
  top:25px;
  background: url(topshadow1.gif) repeat-x;
  padding: 0px;
  left: 0px;
  width:790px;
  height:9px;
}
.slidetopshad
{
 
  background: url(slidetopshadow.gif) no-repeat;
  padding: 0px;
  left: 115px;
  width:790px;
  height:10px;
}

#mp3player 
{
  position:absolute;
  padding: 0px;
  height:30px;
  width:90px;
  top:2px;
  right:0px;
  text-align:right;
}

#websitename
{
  position:absolute;
  top:0px;	
  padding: 0px;
  margin-left:5px;
  padding:0px;
}


div.float {
  float:left;
  border: 0px solid #666666;
  width:109px;
  text-decoration:none;
  margin:9px;
  padding-bottom:5px;
  padding-top:5px;
  height:90px;
  background-color:#ffffff;
  
  }
div.float p  {
   text-align:center;
   text-decoration:none;
   vertical-align:bottom;
   color: #bbbbbb;
   font-size: 11px;
   font-weight: normal;
   }  
div.float p a {
   text-align:center;
   text-decoration:none;
   vertical-align:bottom;
   
   }
div.float img {
   left: 30px;
 
   }

div.container {
  border: 0px dotted #bbbbbb;
/*  background: #ffffff url(bkgnd2.gif) repeat; */
  background: #ffffff;  
  width:790px;
  padding: 0px;
  position:relative;
  height:100%;
  }
div.spacer {
  clear: both;
  }

div.floatcontainer 
{
  margin-top : 2px;
  padding:0px;
  margin-left:0px;
  border: 0px dotted #bbbbbb;
  width:790px;
  text-align: center;

  }
.tab1 {
	color: #c2c2c2;
	font-size: 11px;
	font-weight: normal;
	background-color: #eeeeee;
	border-bottom: 1px solid #e2e2e2;
 }
 .tab2 
 {
	position:absolute;
	top:62px;
	width:100%;
	height:10px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial,Verdana, Helvetica, sans-serif;
 }

 .tab3 
 {
	position:absolute;
	top:62px;
	width:100%;
	height:30px;
	color: #666666;
	font-size: 13px;
	font-weight: normal;
	font-family: Arial,Verdana, Helvetica, sans-serif;
 }
 
 #slidetopframe 
 {
	position:relative;
	margin-left:0px;
	padding:0px;
	height:50px;
	width:100%;
	text-align:center;
	border:0px dotted #bbbbbb;
	background: white url(topframe.gif) no-repeat;

	}
	
#controls
{
	text-align:center;
	border:0px dotted #666666;
	width:790px;
	vertical-align:bottom;
}

#filters
{
	margin-left:5px;
	border:0px dotted white;
}
#buttons
{
	border:0px dotted white;
}
#scrollthumbs
{
	margin-top:5px;
	border:0px dotted white;
}

#zoomtext
{
	display:inline;
	float:left;
	border:0px solid #000000;
	margin-left:30px;
}
#rating
{
	position:relative;
	top:15px;
	float:right;
	display:inline;
	border:0px solid #000000;
	margin-right:73px;
	vertical-align:top;
	color: #eeeeee;
	font-size: 10px;
	font-weight: normal;

}

#hittext
{
	position:relative;
	height:15px;
	top:30px;
	border:0px solid #000000;
	width:790px;
	font-size: 10px;
	font-weight: normal;
	color:#666666;
	text-align:center;
}

#commentsadd
{
	border:0px dotted #ffffff;
	width:790px;
	top:25px;
	position:relative;
	font-size: 11px;
	font-weight: normal;
	color:#bbbbbb;
/*	background: url(test.gif) repeat-x; */
	background-color:#666666;
/*	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2; */
	text-align:left;
	height:20px;



}

#commentsadd2
{
	border:0px dotted #ffffff;
	width:790px;
	top:25px;
	position:relative;
	font-size: 11px;
	font-weight: normal;
	color:#bbbbbb;
/*	background: url(test.gif) repeat-x; */
	background-color:#666666;
/*	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2; */
	text-align:left;
	height:50px;



}

#commentsadd3
{
	border:0px dotted #ffffff;
	width:790px;
	top:25px;
	position:relative;
	font-size: 11px;
	font-weight: normal;
	color:#bbbbbb;
/*	background: url(test.gif) repeat-x; */
	background-color:#666666;
/*	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2; */
	text-align:left;
	height:50px;



}

#commentsadd4
{
	border:0px dotted #ffffff;
	width:790px;
	top:4px;
	position:relative;
	font-size: 11px;
	font-weight: normal;
	color:#bbbbbb;
/*	background: url(test.gif) repeat-x; */
	background-color:#666666;
/*	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2; */
	text-align:left;
	height:50px;



}

select { font-family: Arial, Helvetica;
font-size: 7pt; color: #eeeeee; background-color: #bbbbbb;
 }


#comments
{
	border:0px dotted #eeeeee;
	width:790px;
	position:relative;
	top:25px;
	background: #eeeeee;

}

#comments2
{
	border:0px dotted #eeeeee;
	width:790px;
	position:relative;
	top:25px;
	background: #eeeeee;

}

#comments3
{
	border:0px dotted #eeeeee;
	width:770px;
	position:relative;
	top:0px;
	background: #eeeeee;
	padding-left:10px;
	padding-right:10px;

}

div.floatfld {
 
  border: 0px solid #666666;
  width:115px;
  text-decoration:none;
  margin:9px;
  padding-bottom:5px;
  padding-top:5px;
  height:100px;
  background-color:#ffffff;
  background: #ffffff url(folderbg.gif) no-repeat;
  }
div.floatfld p  {
   text-align:center;
   text-decoration:none;
   vertical-align:bottom;
   color: #bbbbbb;
   font-size: 11px;
   font-weight: normal;
   }  
div.floatfld p a {
   text-align:center;
   text-decoration:none;
   vertical-align:bottom;
   
   }
div.floatfld img {
   left:2px;
   top:9px;
   /*margin-top: 9px;
   margin-left: 1px;*/
   width:88px;
   height:78px;
	 position:relative;
   }

 #linebreak
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }

 #linebreak1 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }

 #linebreak2 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }

 #linebreak3 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }

 #linebreak4 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }
 
 
  #linebreak5 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }


 #linebreak6 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }


 #linebreak7 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }


 #linebreak8 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }

 #linebreak9 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }

 #linebreak10 
 {

	width:200px;
/*	background:#ffffff url(linebreak.gif) repeat-x; */
	border:1px dotted #bbbbbb;
	margin-left:0px;
	top:50px;
	text-align:left;
	height:85px;
	padding:10px;
	padding-top:10px;
 }
 
 
 /* most viewed, top ranked, last commented tabs styles starts here */
 
 
       DIV.tabcontent {
		position:absolute;
        top:0px;
		width:790px;
        visibility: hidden;
       	border-bottom:1px solid #e2e2e2;
       	
      }

      #tb1 {
        padding: 50px 12px 0px 15px;

      }

      #tb2 {
        float: right;
		
      }

      #tabcontainer {
        width: 100%;
				
      }

      #tabs {
        float: left; 
        padding: 0px 477px 0px 10px;

      }

      A:link {
        text-decoration: none;
        color: #666666;
   
      }

      A:visited {
        text-decoration: none;
        color: #666666;
  
      }
    
    /* tab style ends here */
    
 div.tabfloat {
  float:left;
  border: 0px solid #666666;
  width:109px;
  text-decoration:none;
  margin:9px;
  padding-bottom:5px;
  padding-top:5px;
  height:90px;
  background-color:#eeeeee;
  text-align:center;	  

  }
div.tabfloat p  {
   
   text-decoration:none;
   vertical-align:bottom;
   color: #666666;
   font-size: 11px;
   font-weight: normal;
   width:75px;
   text-align:center;
   }  
div.tabfloat p a {
   text-align:center;
   text-decoration:none;
   vertical-align:bottom;
   
   }
   
.tabon {  
 background: url(tabbutton.gif) repeat-x; border-right:1px solid #999999; border-left:1px solid #999999;
}
.taboff {  
 background: url(tabbuttonoff.gif) repeat-x;border-right:1px solid #999999;border-left:1px solid #999999;
}

.imageexif {
	position: absolute;
	left: 270px;
	top: 110px;
	width: 230px;
	z-index: 1;
	background-color: #FFFFFF;
	filter: alpha(Opacity=50);
	-moz-opacity: 70;
	color: #000000;
	visibility: hidden;
	border: 1px solid #bbbbbb;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.grasn {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-left: 25px;
}
.centre {
	text-align: center;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.popper { 
position : absolute; 
visibility : hidden;
}