/* 
    Document   : wg_style
    Created on : Oct 14, 2009, 2:31:05 PM
    Author     : Rur
    Description: Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
.hg_chat_text{
    background-color: darkkhaki;
}
.wg_user_name{
    color: #3B5998;
    font-weight: bold;
}
.myspace_stream{
    color: #000000;
}
.myspace_stream .user_name, .channel_stream .user_name, .event_stream .user_name{
    color: #3B5998;
    font-weight: bold;
}
.myspace_stream a{
    color: #2E6AB1;
}
.autocomplete_main{
    border: 1px solid lightblue;
}
.autocomplete_field{
    background-color: whitesmoke;
}
div.autocomplete_field:hover{
    background-color: lightblue;
}
.top_tabs td {
    height: 25px;
/*    border-bottom: 1px solid blue;*/
    cursor: default;
	background-color: #0179bf;
}
.top_tabs td a, .top_tabs td a:hover, .top_tabs td a:visited {
    text-decoration:none;
    color: white;
}
.top_tabs td#button {
	background-color: #0179bf;
	border-top: 1px solid #0179bf;
	border-left: 1px solid #0179bf;
	border-right: 1px solid #0179bf;
	border-bottom: 1px solid #0179bf;
	cursor: pointer;
}
/*.top_tabs td#button:hover {
	background-color: #452bf0;
	border-top: 1px solid #452bf0;
	border-left: 1px solid #452bf0;
	border-right: 1px solid #452bf0;
	border-bottom: 1px solid #452bf0;
	cursor: pointer;
}*/
.top_tabs td#active_button {
	background-color: #E2ECFA;
	//border-top: 1px solid #0179bf;
	//border-left: 1px solid #0179bf;
	//border-right: 1px solid #0179bf;
	//border-bottom: 1px solid #0179bf;
	cursor: default;
}
.top_tabs td#active_button a, .top_tabs td#active_button a:hover, .top_tabs td#active_button a:visited {
	font-weight:bold;
	cursor: default;
	text-decoration:none;
	color: Black;
}
.top_tabs td#button a, .top_tabs td#button a:hover, .top_tabs td#button a:visited {
    cursor: pointer;
}
.top_tabs2 td {
    height: 25px;
    border-bottom: 1px solid blue;
    cursor: default;
	background-color: #E2ECFA;
}
.top_tabs2 td a, .top_tabs2 td a:hover, .top_tabs2 td a:visited {
    text-decoration:none;
    color: black;
}	
.top_tabs2 td#active_button {
    background-color: #ffffff;
    border-top: 1px solid blue;
    border-left: 1px solid blue;
    border-right: 1px solid blue;
    border-bottom: 1px solid white;
    cursor: default;
}
.top_tabs2 td#active_button a, .top_tabs2 td#active_button a:hover, .top_tabs2 td#active_button a:visited {
    font-weight:bold;
    cursor: default;
}

.top_tabs2 td#button a, .top_tabs2 td#button a:hover, .top_tabs2 td#button a:visited {
    cursor: pointer;
}

.hg_plan_top {
    background-color: #E2ECFA;
}

.listPagination {
	font-size: 90%;
	list-style-type: none;
	padding: 5px 0 0 0;
	margin: 0;
}
.user_cur_tab {
    font-weight:bold;
}
.user_normal_tab {
    font-weight:normal;
}
.listPagination li {
	display: inline;
}
.listPagination a {
	border: 1px solid #9AAFE5;
	background: #fff;
	color: #3B5998;
	display: block;
	font-size: 1.2em;
	float: left;
	padding: 0.2em 0.5em;
	margin-right: 0.5em;
	text-decoration: none;
}
.listPagination a:hover {
	border-color: #2E6AB1;
	color: #2E6AB1;
	text-decoration: none;
}
.listPagination a.current {
	border: 1px solid #2E6AB1;
	font-weight: bold;
	background-color: #3B5998;
	color: #fff;
}
.listPagination a.nextprev {
	font-weight: bold;
}
.listPagination span.more {
	background: transparent;
	color: #000;
	display: block;
	float: left;
	line-height: 1.3em;
	padding: 0.2em 0.5em;
	margin-right: 0.5em;
	text-decoration: none;
}

.smallListPagination li {
	display: inline;
}
.smallListPagination a {
	border: 1px solid #9AAFE5;
	background: #fff;
	color: #3B5998;
	display: block;
	font-size: 0.9em;
	float: left;
	padding: 0.2em 0.4em;
	margin-right: 0.4em;
	text-decoration: none;
}
.smallListPagination a:hover {
	border-color: #2E6AB1;
	color: #2E6AB1;
	text-decoration: none;
}
.smallListPagination a.current {
	border: 1px solid #2E6AB1;
	font-weight: bold;
	background-color: #3B5998;
	color: #fff;
}
.smallListPagination a.nextprev {
	font-weight: bold;
}
.smallListPagination span.more {
	background: transparent;
	color: #000;
	display: block;
	float: left;
	line-height: 1.3em;
	padding: 0.2em 0.5em;
	margin-right: 0.5em;
	text-decoration: none;
}


.custom_btn input {
	background: #369;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 3px;
	font: bold 12px Verdana, Arial;
	border: 1px solid  #369;
	pointer: hand;
	cursor: pointer;
}
.custom_btn input:hover {
	background: #c00;
	color: #fff;
	text-transform: uppercase;
	font: bold 12px Verdana, Arial;
	border: 1px solid #c00;
}
.side_tabs td {    
	background-color: #E2ECFA;
}
.td_background {
	background-color: #E2ECFA;
	height: 25px;
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Verdana;
}
a.a_underline:link {
    text-decoration:none;
    border-bottom:1px solid blue;
    color: blue;
}
a.a_underline:visited {
    text-decoration:none;
    border-bottom:1px solid blue;
    color: blue;
}
a.a_underline:hover {
    text-decoration:none;
    border-bottom:1px solid blue;
    color: blue;
}
img.stars_0{clip:rect(0,83px,15px,0);}
img.stars_0{clip:rect(0,83px,15px,0);}
img.stars_1{clip:rect(19px,83px,35px,0);top:-19px;}
img.stars_1_half{clip:rect(38px,83px,53px,0);top:-38px;}
img.stars_2{clip:rect(57px,83px,72px,0);top:-57px;}
img.stars_2_half{clip:rect(76px,83px,91px,0);top:-76px;}
img.stars_3{clip:rect(95px,83px,110px,0);top:-95px;}
img.stars_3_half{clip:rect(114px,83px,129px,0);top:-114px;}
img.stars_4{clip:rect(133px,83px,148px,0);top:-133px;}
img.stars_4_half{clip:rect(152px,83px,168px,0);top:-152px;}
img.stars_5{clip:rect(171px,83px,186px,0);top:-171px;}
div.rating{height:17px;overflow:hidden!important;position:relative;width:84px;}
div.rating img,
div.rating-small 
img{position:absolute;}

div.rating-small img.stars_0{clip:rect(190px,50px,199px,0);top:-190px;}div.rating-small img.stars_1{clip:rect(204px,50px,213px,0);top:-204px;}div.rating-small img.stars_1_half{clip:rect(218px,50px,227px,0);top:-218px;}div.rating-small img.stars_2{clip:rect(232px,50px,241px,0);top:-232px;}div.rating-small img.stars_2_half{clip:rect(246px,50px,255px,0);top:-246px;}div.rating-small img.stars_3{clip:rect(260px,50px,269px,0);top:-260px;}div.rating-small img.stars_3_half{clip:rect(274px,50px,283px,0);top:-274px;}
div.rating-small img.stars_4{clip:rect(288px,50px,297px,0);top:-288px;}div.rating-small img.stars_4_half{clip:rect(302px,50px,311px,0);top:-302px;}div.rating-small img.stars_5{clip:rect(316px,50px,325px,0);top:-316px;}.checkin{color:#666;display:inline-block;height:21px;padding-left:23px;margin-left:10px;line-height:21px;background:url(//media2.px.yelpcdn.com/static/200911303287881689/i/ico/ico_map.gif) no-repeat 0 -845px;}.checkin-regular{background-position:0 -868px;padding-left:25px;}.checkin-top-regular{background-position:0 -889px;padding-left:25px;}



.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/images/icons/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(/images/icons/star_small.gif);
	line-height: 10px;
	height: 10px;
}