/* 
 * ---------------------------------------------
 * Notes: Page structure defined by div classes.
 *        Font styles defined by div ids.
 *        Ids have priority over classes.
 * ---------------------------------------------
 */


/* 
 * Structural Elements
 */
body {
font-family: trebuchet ms;
font-size: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}

hr {
border: 0;
height: 3px;
margin: 0 0 3px 0;
padding: 0;
width: 100%;
}

#container {
font-size: 16px;
margin: 0px auto;
padding: 0px;
text-align: left;
width: 800px;
}

#reviews_header{
width: 100%;
}

#header {
clear: both;
margin: 0px;
padding: 0px;
width: 800px;
}

#header_nav {
background-repeat: no-repeat;
height: 20px;
margin: 0px;
padding: 0px;
width: 800px;
}

#left_container {
float: left;
margin: 25px 0px 15px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
width: 585px;
}

#tl_content {
float: left;
height: 100px;
margin: 15px auto;
text-align: left;
width: 585px;
}

#ml_container {
background-repeat: no-repeat;
height: 20px;
float: left;
width: 585px;
}

#bl_container {
background-repeat: no-repeat;
clear: both;
height: 20px;
width: 100%;
}

#search_container {
margin: 15px 0 5px 0;
}

#right_container {
float: right;
margin: 0px 0px 15px 0px;
padding: 0px;
width: 188px;
}

#login {
padding-left: 8px;
text-align: left;
}

#nav_box {
float: right;
margin: 10px 0px 0px 0px;
width: 100%;
}

#footer {
background-repeat: no-repeat;
clear: both;
height: 20px;
margin: 0px;
width: 800px;
}

#section_header {
width: 50%;
}

#page_header {
width: 100%;
}

/* 
 * Company Listing
 */
#company_listing {
padding-top: 8px;
width: 575px;
width: 575px;
}

#company_pic {
float: left;
width: 160px;
}

#company_info {
float: left;
text-align: left;
width: 252px;
}

#company_overall_rating {
float: right;
padding-right: 8px;
text-align: center;
width: 145px;
}

/*
*listing rows
*/
#pagination{
height: 20px;
padding-bottom: 4px;
text-align: center;
width: 585px;
}


/*
*Google maps
*/
#google_map {
padding-top: 0px;
width: 575px;
}


.nav_link {
font-size: 14px;
font-weight: bold;
text-align: left;
}

.left_content {
font-size: 14px;
margin-left: 8px;
text-align: left;
}

.tl_content {

}

.ml_container_bg {
background-repeat: no-repeat;
font-size: 13px;
min-height: 109px;
text-align: left;
float: left;
width: 585px;
/*border-right-style:inset;
border-right-width:2px;
border-bottom-style:outset;
border-bottom-width:2px*/
}

.bl_container_bg {
background-repeat: no-repeat;
clear: both;
font-size: 13px;
/*min-height: 109px;*/
padding: 0px 0px 0px 0px;
text-align: left;
float: left;
width: 585px;
/*border-right-style:inset;
border-right-width:2px;
border-bottom-style:outset;
border-bottom-width:2px*/
}

.nav_box_header {
font-size: 14px;
font-weight: bold;
}

.nav_box_bg {
background-repeat: no-repeat;
font-size: 12px;
font-weight: normal;
min-height: 90px;
text-align: left;
padding: 5px 0px 0px 6px;
width: 183px;
/* Code added for borders around login / ads. etc.*/
/*
border-left-style:outset;
border-left-width:2px;
border-bottom-style:outset;
border-bottom-width:2px*/
}

.footer {
clear: both;
font-size: 11px;
text-align: center;
}

.date {
float: right;
margin: 0px 8px 0px 0px;
}

.step {
float: left;
margin: 0 5px 20px 5px;
text-align: center;
width: 169px;
}

/* 
 * Misc. Classes
 */
.indent { 
margin: 0px 0px 0px 8px;
}

.active {
font-size: 112%;
}

.inactive {
font-size: 80%;
}

.left_align {
text-align: left;
}

.big {
font-size: 24px;
font-weight: bold;
}

.medium {
font-size: 17px;
}

.small {
font-size: 14px;
font-weight: bold;
}

.tiny {
font-size: 11px;
}

.underline {
text-decoration: underline;
}

.bold {
font-weight: bold;
}

.highlight {
margin: 0;
padding: 2px 8px 0 8px;
}

.nav_padding {
padding-right: 10px;
}

.center {
text-align: center;
}




.rating_container{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/

}


.rating_container img{
border: 0px solid white;

}

.rating_container:hover{
background-color: transparent;

}

.rating_container:hover img{
border: 0px solid blue;

}

.rating_container span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.rating_container span img{ /*CSS for enlarged image*/
border-width: 0;
}

.rating_container:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 120px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.restaurant_listing_row1 {
position: static;
background-color: #efefef;
height: 25px;
padding-left: 4px;
padding-top: 5px;
}

.restaurant_listing_row1:hover{
background-color: #D2E9FF;
color: black;
}

.restaurant_listing_row2 {
position: static;
background-color: #f9f9f9;
height: 25px;
padding-left: 4px;
padding-top: 5px;
}


.restaurant_listing_row2:hover{
background-color: #D2E9FF;
color: black;
}