body
{
    font-family : Helvetica;
    background-color:whiteSmoke;
    display: block;
    height: 100%;
}

#header
{
width:100%;
background-color: #E5E5E5;
background : -webkit-gradient(radial,100 36,0,100 -40,120,from(#FAFAFA),to(#F1F1F1)),#F1F1F1

height : 50px;
position: fixed;
z-index:9980;
margin-bottom : 20px;
top :0;
border-bottom:1px solid #C1BEBD;
background-repeat: repeat-x;
display: block;
overflow: visible;
left : 0;
right : 0;
}
#header_content
{
    margin : 0 auto;
    width: 1024px;
    height : 50px;
}

#pagecontainer
{
    position:relative;
    width: 1024px;
    margin: 50px auto;
    display: block;
    float:none;
    background-repeat:repeat;

}
#searchResultHeader
{
    width : 100%;
    height : 40px;
    background-color: #FFFFFF;
    padding : 10px 0px 10px 0px;
}
#sidebar
{
    display : block;
    float : right;
    width: 220px;
    margin : 0 0;
    padding-top : 20px;
    background-color: #FFFFFF;

}

#likebox
{
    width : 220px;
    margin: 0 auto;
    text-align : center;
    margin-top : 75px;
    margin-bottom: 75px;
}

#recommendation_bar
{
    width : 220px;
    margin: 0 auto;
    text-align : center;
}

#content, #openGraphAction, #likebutton, #comments , #facebookShownPopin
{
clear : both;
display : block;
float : left;
width:760px;
margin : 0;
margin-bottom : 20px;
padding : 0 0 0 0;
border-radius : 10px;
}
#comments
{
    margin : auto;
}
#content
{
    background-color: #FFFFFF;
    min-height: 815px;
}

#openGraphAction img, #openGraphAction h4, #openGraphAction a, #facebookShownPopin img , #facebookShownPopin h4
{
    display : inline-block;
    
}
#openGraphAction h4,#facebookShownPopin h4
{
    margin : 0;
}
#footer
{
   height: 10% 
    
}

.SearchTable h4
{
    color : #AAABAB;
    text-align : center;
    vertical-align: top;
    size : 1em;
    margin-top : 5px;
    line-height : 25px;
    
    
}
.SearchTable h2
{
    padding : 20px;
    color : #AAABAB;
    font-weight: bold;
    margin-bottom: 0;
    text-align : center;
    border-bottom : 1px solid #AAABAB;
    vertical-align: middle;
    
}
.SearchTable{
    
    width: 100%;
    vertical-align: middle;
  
}
.SearchTable .primarySearch
{
    text-align : center;
    width: 100%;
    
    padding-left : 0;
    padding-top :10%;
}
.SearchTable ,#extendedParametersTable, #searchTopTable_id
{
    text-align : center;
    width: 100%;
    
    padding-left : 0;
   
    padding-bottom : 10%;
   
}


#extendedParametersTable, #searchTopTable_id
{
    display : none;
    padding : 5%;
}


.SearchTable td
{
    height : 20px;
    
}


.searchResultTable
{
    margin:0 auto ;
    border-collapse : collapse;
    border-spacing : inherit;
    white-space: normal;
    width:90%;
}
.date-table
{
    width: 20%;
    
}




.search_fact
{
    display : none;
    vertical-align : middle;
}
.search_title
{
    padding : 1%;
    color : #AAABAB;
    font-weight: bold;
    font-style : italic;
}

.searchTitle_cell
{
    text-align : right;
    width : 20%;
    
}
.inputCell
{
    text-align : left;
    width : 30%;
    
}


.resultTable
{
padding : 0px;
width : 90%;
margin : 2%;
margin-top : 0;

}

.result_cell
{

vertical-align : middle;
padding : 5px;
padding-bottom : 20px;
}


.factEntry
{
    width: 100%;
    border : 1px solid #c1c1c1;
    overflow: hidden;
    margin-bottom : 15px;
   height : 145px;
   cursor : pointer;
}

.factEntry:hover
{
    background: #EBEBEB;
    -moz-box-shadow : 0 1px 2px #CCC;
    -webkit-box-shadow : 0 1px 2px #CCC;
    -ms-box-shadow : 0 1px 2px #CCC;
    box-shadow : 0 1px 2px #CCC;
}

.allImages{

	border-top: 1px solid #C1C1C1;
    padding-left: 120px;
    padding-top: 7px;


}

.allImages img{

	height : 30px;


}




 #facebox .imageInDiapo, .imageInDiapo
{
padding : 4px;
border : 1px solid #E1E2E3;
margin : auto;
vertical-align:middle;
display : inline-block;
float : left;
margin-bottom : 4px;
}


.imageInDiapo:hover
{
    border : 1px solid #000000;
}
.selectedImage
{
    padding : 4px;
border : 2px solid #000000;
margin : auto;
vertical-align:middle;
display : inline-block;
float : left;


    
}
.imagePreview
{
padding : 4px;
border : 1px solid #E1E2E3;
float: none;
text-align: center;
max-width : 500px;
}
#imageList
{
    clear : both;
}
#facebox .imageInDiapo , .imageInDiapo
{
    margin : 10px 3px;
}

.diapoImage , .selectedImage
{
    display : inline-block;
    margin-top : 0;
    margin-bottom: 7px;
    margin-right : 12px;
    margin-top : 0;
    overflow : hidden;
    vertical-align : top;
    list-style : none;

    
}
.diapoImage a
{
    
    text-decoration: none;
}




.See_more a
{
    text-decoration: none;
    font-size: 1.1em;
    color : #444545;
    font-weight : bold;
    
}

.factSearchCell input
{
   padding: 5px 9px 0;
   vertical-align: middle;
   width:80%;
   white-space: nowrap;
   line-height: 27px;
   font: 27px Helvetica;
   color : #222; 
    margin-bottom : 20px;
}
/*.searchFactField:focus{
    outline: groove 3px #E7EBF4;
}*/
.submit
{
    width : 80%;
    padding-left : 10%;
    padding-right : 10%;
}
.submitButton
{
    width : 20%;
    height : 30px;
    margin : auto;
    margin-top : 0;
}
#header ul{
    width : 100%;
    height:100%;
    display : inline-block;
    margin : auto;
    padding : 0;
    padding-top: 0px;
    list-style : none outside;
   
}
#logo_header img{
    height: 40px;
    vertical-align:middle;
    margin : auto;
}

#logo_home

{
    
    height : inherit;
    margin : 0;
}
#logo_home img
{
    
    display : block;
    margin : auto;
    height:150px;
    padding: 10px;
    
}
#main_header_content
{
    width: 760px;
    height: 50px;
    
}
.header_logo
{
    
    float : left;
    margin-right : 15px;
    display : block;
    width : 110px;
    padding-top : 5px;
}
.header_logo img
{
    
    display : block;
    margin : auto;
    height:40px;
    
}

.header_search input
{
   margin:10px;
   margin-top : 17px;
   margin-left : 20px;
   vertical-align: middle;
   width:75%;
   white-space: nowrap;
   line-height: 17px;
   font: 15px Helvetica;
   color : #222; 
  
}
.header_launch_search 
{
    margin-top : 17px;
    cursor : pointer;
    float : right;
    margin-right : 10px;
}
#header li{
     
     display : inline-block;
}

#header a
{
    color : #FFFFFF;
    text-decoration : none;
    font-weight: bold;
}
#paginator
{
    display : inline-block;
    width : 50%;
}
#paginator ul
{
    
    height : inherit;
    display : inline-block;
    margin : 0;
    padding : 0;
    padding-top: 10px;
    padding-left : 20px;
    list-style : none outside;
}
#paginator li{
    display : inline-block;
}

#paginator a
{
    
    cursor : pointer;
    display : inline-block;
    text-align : center;
    text-decoration : none;
    font-size: 1.1em;
    font-weight: bold;
    color : black;
    width: 20px;
    border : 1px solid #B9B9B9;
    background-color : #D9D9D9;
    margin : 5px;
}


#paginator a:hover
{
    opacity: 0.8; /* css standard */
    filter: alpha(opacity=80); /* internet explorer */
    background-color : #B7B7B7;
}


.currentPage
{
    display : inline-block;
    text-align : center;
    text-decoration : none;
    font-size: 1.1em;
    font-weight: bold;
    color : black;
    width: 20px;
    border : 2px solid black;
    background-color : #D9D9D9;
    margin : 5px;
}

.detailedFactHeader
{
    height: 75px;
    margin : 0;
    
    
}
.detailedFact h3 
{
    color : #133783;
    font-size :1.2em;
    font-weight: bold;
    vertical-align : middle;
    margin : 0;
    padding : 20px;
}

.detailedFact h3 a
{
    text-decoration : none;
    color : #133783;
}
.image_related
{
    float : left;
    margin : 20px 20px 0px 20px;
    width : 480px;

}

.image_related img{
    width : 400px;
    padding : 4px;
    border : 1px solid #E1E2E3;
    margin : auto;
    
}

.image_related h3
{
     width : 200px;
    font-size : 0.8em;
    font-style : italic;
    
    
}
.detailedFact
{
    
    margin : 20px;
    vertical-align : top;
    height : auto;
    
}
.likebutton
{
    clear : both;
    margin : 20px;
    vertical-align : bottom;
    text-align : left;
}
.comments
{
    clear : both;
    margin : 0 auto;
    text-align : center;
}

#facets
{
    width: 100%;
   
    background: transparent;
    border : 0;
    -moz-box-shadow: inset 0 5px 5px #DEDEDE;
    -webkit-box-shadow: inset 0 5px 5px #DEDEDE;
    box-shadow: inset 0 5px 5px #DEDEDE;
    box-shadow: 
}
#facets li
{
    width : 45%;
    list-style : none outside;
    font-weight: bold;
    font-size: 1.2em;
}
#facets .double
{
    
    overflow:hidden;
}

#facets .item_filter
{
    width : 50%;
    line-height : 1.5em;
    float : left;
    display : inline;
    font-size:0.9em;
    font-weight: normal;
}

#facets .field_filter
{
    width : 50%;
    line-height : 1.5em;
    float : left;
    display : inline;
    font-size:1em;
    font-weight: bold;
}
#facets a
{
    color : #000000;
    font-style: italic;
}
#facets a:hover
{
    font-weight : bold;
    
}

#imageList
{
    margin-top : 30px;
    display : block;
    
}
#imageList ol li
{
    list-style : none;
    line-height : 1.2;
    
}

#image_types 
{
    width: 100%;
    
    background: transparent;
    border : 0;
    -moz-box-shadow: inset 0 5px 5px #DEDEDE;
    -webkit-box-shadow: inset 0 5px 5px #DEDEDE;
    box-shadow: inset 0 5px 5px #DEDEDE;
    box-shadow: 
}
#facebox li
{
    width : 45%;
    list-style : none outside;
    font-weight: bold;
    font-size: 1.2em;
}


#facebox .double
{
    
    overflow:hidden;
}

.item_filter
{
    width : 33%;
    line-height : 1.5em;
    float : left;
    display : inline;
    font-size:0.9em;
    font-weight: normal;
}

.field_filter
{
    width :75%;
    line-height : 1.5em;
    float : left;
    display : inline;
    font-size:1em;
    font-weight: bold;
}
#image_types a
{
    color : #000000;
    font-style: italic;
}
#image_types a:hover
{
    font-weight : bold;
    
}

#resultCount
{
    width : 20%;
    display : inline-block;
    text-align : right;
    padding-right : 20px;
    float : right;
}
#resultCount h4
{
    font-size : 11px;
    margin-bottom : 0;      
}
#resultCount h4
{
    font-size : 11px;
    margin-bottom : 0;      
}

.factInformation
{
    text-align : justify;
    
}
#filter
{
    float : left;
    display : block;
    width : 25%;
    cursor : pointer;
}
#filter button
{
    background : transparent;
    
    margin : 0 0 0 20;

    height : 2.95em;
    padding : 0 .91em;
    border : 1px solid #C1C1C1;
    outline: 0;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:2px;
}
#filter button:hover
{
    border : 1px solid;
}

.hidden
{
    visibility: hidden;
    opacity:0;
    
    /* Safari and Chrome */
    -webkit-transition : opacity 0.5s linear, visibility 0.5s linear
    
}

.visible
{
    visibility : visible;
    opacity: 1;
   
    /* Safari and Chrome */
    -webkit-transition : opacity 0.5s linear, visibility 0.5s linear
}

.advanced_search
{
text-align : right;
    
}
.advanced_search a
{
    color : #AAABAB;
    font-style : italic;
    margin-right : 30px;
    
}
.fact_date
{
    float : left;
}
.fact_date a
{
   color : #000000;
    font-weight : bold;
    text-align : left;
}

.showAllImages
{
    text-decoration : none;
}

.showAllImages h4
{
    margin-top : 0;
}
.showAllImages:hover
{
    text-decoration : underline;
    
}
.sameMonth, .sameWeek
{
    
    float:right;
    margin-right : 10px;
}
.sameMonth a, .sameWeek  a, .showAllImages
{
    color: #AAABAB;
    font-style : italic;
    text-align : right;
}
.sameWeek:hover
{
    text-decoration:underline;
}
.sameMonth:hover
{
    text-decoration:underline;
}
.fact_date:hover
{
    text-decoration:underline;
}

.down-arrow, filter-text
{
    vertical-align : middle;
    padding-left : 4px;
    
}

#searchHeader
{
    margin-bottom: 30px;
    
}

.horizontal-line
{
    border-bottom : 1px solid #AAABAB;
}


#facebox.hidden_facet , .hidden_facet {
    max-height: 0;
    overflow : hidden;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -ms-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}

#facebox.visible_facet, .visible_facet{
    max-height: 250px;
    overflow : hidden;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -ms-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
    display : block;
}

.image_description
{
    font-size : 0.7em;
    text-align : center;
    color : #AAABAB;
    padding : 6px;
    margin : 10px;
}

.video
{
    margin-top : 20px;
    clear : both;
   text-align : center;
}
.video iframe
{
    padding : 4px;
    border : 1px solid #E1E2E3;
    margin : auto;
}

.country
{
    float : left;
}

.facebook_action
{
    display : none;
}

.facebook_action_button , .facebook_action_button_checked
{
    text-decoration : none;
    width : 118px;
    height: 36px;
    color : #FFFFFF;
    font-weight : bold;
    cursor : pointer;
    text-align : left;
    margin-bottom : 10px;
    margin-right : 10px;
    
}
.facebook_action_button
{
     background: url('http://www.hitslife.com/media/images/action_button.png') no-repeat;
}
.facebook_action_button_checked
{
     background: url('http://www.hitslife.com/media/images/action_button_checked.png') no-repeat;
}
.facebook_action_button:hover
{
    background-position: 0 -36px;
}


#fbLogin
{
    display : inline-block;
    vertical-align : top;
    margin : 10px;
    margin-left : 50px;
    
    height : 38px;
    width : 321px;
    cursor : pointer;
    background : url('http://www.hitslife.com/media/images/connect_with_facebook.png') no-repeat;
}
#openGraphAction, #facebookShownPopin
{
    background-color : #c6cbdf;
    vertical-align : middle;
    padding-right : 0;
    
}
#openGraphAction img , #facebookShownPopin img
{
    margin : 10px;
    margin-bottom : 5px;
}
#openGraphAction h4, #facebookShownPopin h4
{
    padding-top : 20px;
    vertical-align : top;
}

#openGraphAction .facebook_action
{
    padding-left : 10px;
    padding-top : 5px;
}

#explicit_sharing_wrapper
{
    display : block;
    padding-top : 10px;
}
#explicit_sharing_wrapper h4
{
    margin : 0;
    padding : 0;
}
.fbSubmitButton
{
    background-color: #5B74A8;
    border-color: #29447E #29447E #1A356E;
    border : 1px solid #999;
    -webkit-box-shadow : 0 1px 0 rgba(0, 0, 0, .1);
    padding : 2px 6px;
    font-size : 11px;
    color : white;
    font-family : Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
    font-weight : bold;
    cursor : pointer;
    display : block;
    float : right;
    margin-right : 20px;
    margin-bottom : 20px;
    clear : both;
    width : 100px;
    
}

#facebookHiddenPopin
{
    display : none;
}

#facebookShownPopin
{
    width : 600px;
    background-color : #c6cbdf;
    margin : 5px;
}

#facebookImage
{
    width : 110px;
    margin : 0;
    float : left;
}

#facebookMessageBox
{
  width : 400px;
  margin-top: 10px;
  height : 60px;
}

.facebookAddToTimeline, .facebookAddMessage
{
    display : block;
   
    margin-left : 10px;
    font-weight : bold;
}
.facebookAddMessage
{
    margin-top : 10px;
}

.facebookDate
{
    color : white;
}
#header_social
{
    display : inline-block;
    float : right;
    width : 220px;
    height:40px;
    padding-top : 10px;
}
#header_profile_pic
{
    width : 30px;
    margin-left : 10px;
}
#header_profile_name
{
    vertical-align : middle;
    margin-bottom : 20px;
    display : inline-block;
    font-size : 0.9em;
    font-weight : bold;
    color : #AAABAB;
}

.previousImage, .nextImage
{
    width : 40px;
    height:43px;
    
}
#previousImage, #nextImage
{
    width:10%;
}
.previousImage
{
    background : url('http://www.hitslife.com/media/images/previous.png') no-repeat;
    float : left;
    display : block;
    margin-left : 20px;
}

.previousImage:hover, .nextImage:hover
{
    background-position : 0 -43px;
}
.nextImage
{
    background : url('http://www.hitslife.com/media/images/next.png') no-repeat;
    float : right;
    display : block;
    margin-right : 20px;
}
#nextImage
{
    float : right;
}
.searchTop_title_container
{
    text-align : left;
    border-bottom : 1px solid #AAABAB;
    margin-left : 20px;
    margin-right : 20px;
    padding-bottom : 2px;
    color: #AAABAB;
}

.searchTop_title_link
{
    display : inline-block;
    width : 150px;
}

.searchTop_title_title
{
    display : inline-block;
    width : 250px;
}
.selectedTop
{
    color : black;
    font-weight : bold;
}
.searchTop_title_link:hover
{
    cursor : pointer;
    color : black;
    font-weight : bold;
}
.searchTop
{
    margin-bottom : 10px;
    margin-top : 20px;
    margin-left:140px;
    text-align : left;
}

.searchTopFieldTitle
{
    color: #AAABAB;
    font-weight: bold;
    font-style:italic;
    width: 20%;
    display : inline-block;
    text-align : right;
    margin-right : 10px;
}



.dateField_2digits
{
    width : 30px;
    text-align : center;
    margin-right : 5px;
}
.dateField_4digits
{
    width : 60px;
    text-align : center;
}


.imagePreview_wrapper
{
    
    border : 1px solid black;
    text-align : center;
    width : 70%;
    margin : auto;
    padding-top : 20px;
}

.other_images_related
{
    float : left;
    clear : left;
    margin-left : 20px;
    margin-right : 20px;
    margin-bottom: 40px;
    width : 480px;
    
}
.other_images_related img
{
    width: 60px;
    margin-right : 10px;
}

#loading_image
{
    position: absolute;
    display: none;
}

.notBestImages
{
    margin : 20px;
    border: 1px solid #AAABAB;
    text-align : center;
    width : 70%;
    margin : auto;
    margin-top : 20px;
    float : none;
}

.notBestImages h5
{
    size : 0.8em;
    font-weight : bold;
    color : #AAABAB;
    font-style : italic;
    margin : 0;
}

#profile_info_wrapper
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    z-index : 100;
    min-height : 100px;
    padding : 7px;
    margin-top : -3px;
    display : none;
}

#profile_info
{
    font-weight : bold;
    width : 100%;
    background-color : #E5E5E5;
    min-height : 100px;
}
.display_profile_infos
{
    display : inline-block;
    background : url('http://www.hitslife.com/media/images/display_profile.png') no-repeat;
    width : 16px;
    height : 16px;
    cursor : pointer;
    margin-bottom : 7px;
    margin-left : 7px;
}
.hide_profile_infos
{
    
    display : inline-block;
    background : url('http://www.hitslife.com/media/images/display_profile.png') no-repeat;
    background-position : 0 -16px;
    width : 16px;
    height : 16px;
    cursor : pointer;
    margin-bottom : 7px;
    margin-left : 7px;
}

.JBH_object p
{
 font-size: 0.7em;
color : #333;
margin : 0;
float : right;
font-style : italic;
}