/* 
Basic layout structure styles for your BuddyPress component. The structure CSS performs
basic structural formatting on component's interface. Your structure CSS should provide
enough structure so that regardless of the theme enabled, your interface should still work.

No colors, fonts or pretty stuff.

These structure styles can be overridden by the theme CSS file if needed.
*/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/star.png) 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;padding:0;margin:0;
}

.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;
}


.my_gear_nav_ul ul{font: 12px Verdana, sans-serif; padding:0; margin:0; list-style:none; float:left; background: url(../images/background_ik.png) no-repeat top left;width:286px;height:151px;z-index:200;}

.my_gear_nav_ul li {float:left;margin:0;}
.my_gear_nav_ul li a.down:hover {background:url(../images/select_box_i_off.png) no-repeat;}
.my_gear_nav_ul li li {float:none;}


.my_gear_nav_ul li a.down {padding:6px 0 0 10px; margin:0; list-style:none; font: 12px Verdana, sans-serif; position:relative; z-index:200; background:url(../images/select_box_i_on.png) no-repeat; width: 297px;height:28px;}

/* a hack for  IE6 */
* html .my_gear_nav_ul li li {float:left;}

.my_gear_nav_ul li a {width:300px; float:left; color:#000; height:28px;  padding:0 0 0 15px; line-height:28px; text-decoration:none; }
.my_gear_nav_ul li li a {display:block; height:18px; line-height:18px; float:none; padding:1px 25px 5px 5px;}
.my_gear_nav_ul li li li a:hover {background: url(../images/hover_i_2.png) no-repeat -2px 0;text-decoration:none;}
.my_gear_nav_ul li li ul {background: none;border-left:1px solid #fff;height:148px;}
.my_gear_nav_ul li li ul.a1 {}
.my_gear_nav_ul li li ul.a2 {margin-top:-24px;}
.my_gear_nav_ul li li ul.a3 {margin-top:-47px;}

.my_gear_nav_ul li:hover {position:relative; z-index:300;margin:0;text-decoration:none;}

.my_gear_nav_ul li li a {color:#fff;margin-left:2px;}

.my_gear_nav_ul li:hover ul {left:0; top:26px; z-index:500;}

.my_gear_nav_ul ul {position:absolute; left:-9999px; top:-9999px;list-style:none;margin:0;}
* html .my_gear_nav_ul ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
.my_gear_nav_ul li:hover li:hover > ul {left:-175px; margin-left:100%; top:0; z-index:500;list-style:none;}
/* keep further levels hidden */
.my_gear_nav_ul li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; list-style:none;}
/* show path followed */
.my_gear_nav_ul li:hover > a {color:#000;}
.my_gear_nav_ul li li:hover > a { background: url(../images/hover_i_1.png) no-repeat; color: #fff;}



.my_gear_nav_ol ul{font: 12px Verdana, sans-serif; padding:0; margin:0; list-style:none; float:left; background: url(../images/background_ik.png) no-repeat top left;width:286px;height:151px;z-index:200;}

.my_gear_nav_ol li {float:left;margin:0;}
.my_gear_nav_ol li a.down:hover {background:url(../images/select_box_i_off.png) no-repeat;text-decoration:none;}
.my_gear_nav_ol li li {float:none;}


.my_gear_nav_ol li a.down {padding:6px 0 0 10px; margin:0; list-style:none; font: 12px Verdana, sans-serif; position:relative; z-index:200; background:url(../images/select_box_i_on.png) no-repeat; width: 297px;height:28px;}

/* a hack for  IE6 */
* html .my_gear_nav_ol li li {float:left;}

.my_gear_nav_ol li a {width:300px; float:left; color:#000; height:28px;  padding:0 0 0 15px; line-height:28px; text-decoration:none; }
.my_gear_nav_ol li li a {display:block; height:18px; line-height:18px; float:none; padding:1px 25px 5px 5px;}
.my_gear_nav_ol li li li a:hover {background: url(../images/hover_i_2.png) no-repeat -2px 0;text-decoration:none;}
.my_gear_nav_ol li li ul {background: none;border-left:1px solid #fff;height:148px;}
.my_gear_nav_ol li li ul.a1 {}
.my_gear_nav_ol li li ul.a2 {margin-top:-24px;}
.my_gear_nav_ol li li ul.a3 {margin-top:-47px;}


.my_gear_nav_ol table {
	border-collapse:collapse;
	padding:0; 
	margin:-1px; 
	width:0; 
	height:0; 
	z-index:1;
}

.my_gear_nav_ol li:hover {position:relative; z-index:300;margin:0;}

.my_gear_nav_ol li li a {color:#fff;margin-left:2px;}

.my_gear_nav_ol li:hover ul {left:0; top:26px; z-index:500;}

.my_gear_nav_ol ul {position:absolute; left:-9999px; top:-9999px;list-style:none;margin:0;}
* html .my_gear_nav_ol ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
.my_gear_nav_ol li:hover li:hover > ul {left:-175px; margin-left:100%; top:0; z-index:500;list-style:none;height:148px;overflow:hidden;}
/* keep further levels hidden */
.my_gear_nav_ol li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; list-style:none;}
/* show path followed */
.my_gear_nav_ol li:hover > a {color:#000;}
.my_gear_nav_ol li li ul li a { background: none;}
.my_gear_nav_ol li li ul li.oth a { display:inline;background: none;height:26px;line-height:26px;}
.my_gear_nav_ol li li ul li.oth a:hover { background: none;text-decoration:underline;}
.my_gear_nav_ol li li:hover > a { background: url(../images/hover_i_1.png) no-repeat; color: #fff;}