html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
margin: auto;
padding: 0;
background-color: #efefef;

}

.pnlNoPreview
{
    width:70%;
    text-align:left;
}

#Header 
{
    position:absolute;
    top:0px;
    height:15%;
    width:100%;
 }
.logoH 
{
    position:absolute;
    right:0;
    height:100%;
    z-index:2;
}
.HeaderBackground 
{
    position:absolute;
    height:100%;
    width:100%;
    z-index:1;
}
#loginName 
{
    position:absolute;
    color:#003333;
    top : 11%;
    left: 12px;
    font-weight : bold;
    font-size :10px;
    z-index :3;
}

#ContentDiv {
position:absolute;
top:15%;
left:15%;
height: 85%;
width:85%;
overflow: auto;
text-align:center;
}
p, .Subtitle
{
    margin-left:auto;
    margin-right:auto;
    text-align:justify;
    width:80%;
}

#Menu {
position: absolute;
left:0;
top:17%;
width: 15%;
height: 81%;
color:White;
background-color: #071514;

/*background-image: url("/MeilleuresPhotos/Resources/meilleuresphotosbanner.gif");*/
}

#Menu a 
{
   text-decoration:none;
 color:White;
}
#Menu a:Hover {
   color:#5ab1ae;
}

.MenuBackground 
{
    width:100%;
    height: 100%;
}


.Logo 
{
	position:absolute;
    bottom:45px;
    left:6px;
    
}

.SampleImg 
{
    border : solid 3px Black;
}

#Samples
{
    text-align:center;
}

#LoginPanel 
{
    position: absolute;
    width:85%;
    left:7%;
    top: 10%;
    text-align:left;
    font-size:12px;

}

.comment 
{
  width:60%;
  margin :auto;

}
.commentHeader 
{
    border-bottom : solid 1px Gray;
    text-align:left;
    color:Gray;
}
.commentText
{
    text-align:left;
}


.commentAuthor 
{
    text-align:left;
}
.commentDate 
{
    text-align:right;
}

.PhotoHover
{
    border : solid 2px Black;
}
.Photo 
{
    border : solid 2px Black;
}

.PhotoHeader, .InfoPreview
{
    text-align:justify;
    width: 70%;
    margin:auto;
}

.Credit 
{
    text-align : left;
}

.colLabel 
{
    text-align:right;
}

.Hidden 
{
    display:none;
}