@charset "utf-8";

html{
	background: transparent url('http://www.rockto.com/img/themes/sea/sea.jpg') fixed repeat;
	/*background: transparent url('http://www.rockto.com/img/themes/default/wood-bg.jpg') fixed repeat;*/
	/*background: transparent url('http://www.rockto.com/img/themes/citylight/citylight.jpg') fixed repeat;*/
	/*background: transparent url('http://www.rockto.com/img/themes/horror/horror.jpg') fixed repeat;*/
	/*background: transparent url('http://www.rockto.com/img/themes/smoke/smoke.jpg') fixed repeat;*/
}

body{}

/************************************
* Color
* @kemal
*************************************/
.white{
	background-color:white;
}
	.whiteBroken{
		background-color:#f4f4f4;
	}
.black{}

/************************************
* position
* @kemal
*************************************/
.posRelative{
	position:relative;
}
.posAbsolute{
	position:absolute;
}

/************************************
* shadow
* @kemal
*************************************/
.shadow{
	-moz-box-shadow:2px 2px 3px #dddddd;
	-webkit-box-shadow:2px 2px 3px #dddddd;
	box-shadow:2px 2px 3px #dddddd;
}
	.shadowLighter{
		-moz-box-shadow:1px 1px 3px #d5d5d5;
		-webkit-box-shadow:1px 1px 3px #d5d5d5;
		box-shadow:1px 1px 3px #d5d5d5;
	}	

/************************************
* transparent
* @kemal
*************************************/
.transp-0{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.transp-10{
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}
.transp-25{
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}
.transp-50{
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}
.transp-75{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
.transp-90{
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}

/************************************
* Corner
* @kemal
*************************************/
.corner-3.tr{-moz-border-radius-topright: 3px;-webkit-border-radius-topright: 3px;border-top-right-radius: 3px;}
.corner-3.tl{-moz-border-radius-topleft: 3px;-webkit-border-radius-topleft: 3px;border-top-left-radius: 3px;}
.corner-3.br{-moz-border-radius-bottomright: 3px;-webkit-border-radius-bottomright: 3px;border-bottom-right-radius: 3px;}
.corner-3.bl{-moz-border-radius-bottomleft: 3px;-webkit-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px;}

.corner-5.tr{-moz-border-radius-topright: 5px;-webkit-border-radius-topright: 5px;border-top-right-radius: 5px;}
.corner-5.tl{-moz-border-radius-topleft: 5px;-webkit-border-radius-topleft: 5px;border-top-left-radius: 5px;}
.corner-5.br{-moz-border-radius-bottomright: 5px;-webkit-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;}
.corner-5.bl{-moz-border-radius-bottomleft: 5px;-webkit-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;}

.corner-10.tr{-moz-border-radius-topright: 10px;-webkit-border-radius-topright: 10px;border-top-right-radius: 10px;}
.corner-10.tl{-moz-border-radius-topleft: 10px;-webkit-border-radius-topleft: 10px;border-top-left-radius: 10px;}
.corner-10.br{-moz-border-radius-bottomright: 10px;-webkit-border-radius-bottomright: 10px;border-bottom-right-radius: 10px;}
.corner-10.bl{-moz-border-radius-bottomleft: 10px;-webkit-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px;}

.corner-15.tr{-moz-border-radius-topright: 15px;-webkit-border-radius-topright: 15px;border-top-right-radius: 15px;}
.corner-15.tl{-moz-border-radius-topleft: 15px;-webkit-border-radius-topleft: 15px;border-top-left-radius: 15px;}
.corner-15.br{-moz-border-radius-bottomright: 15px;-webkit-border-radius-bottomright: 15px;border-bottom-right-radius: 15px;}
.corner-15.bl{-moz-border-radius-bottomleft: 15px;-webkit-border-radius-bottomleft: 15px;border-bottom-left-radius: 15px;}

/************************************
* bordering
* @kemal
*************************************/
.borderTop{border-top:1px solid #252525;}
.borderBottom{border-bottom:#000000 1px solid;}

/************************************
* typo
* @kemal
*************************************/
h1{
	font-size:175%;
	color:#aaaaaa;
	margin-bottom:1em;
}

h1.posttool{
	font-size: 300%;
	font-style: normal;
	color:#ccc;
	text-transform: normal;
	line-height: 0.75em;
}
h1.notif{
	font-size:150%;
	color:white;
	margin-bottom:0.75em;
	font-weight:bold;
}
h1.userbox{
	font-size:24px;
	color:#CCCCCC;
	margin-bottom:0px;
	letter-spacing:-1px;
}
	h1.userbox.black{
		color:#333;
	}
		h1.userbox.black.noshadow{
		}	

h2{
	margin-bottom:0em;
	font-size:175%;	
}
	h2.headline{font-size:200%;line-height:30px;letter-spacing: -1px;margin-bottom:0.5em;}
	h2.headline a{
		color:#666666;
		text-decoration:none;
	}
	h2.headline a.headlineOrange{
		color:#C0A02F;
	}
		h2 a:hover{color:#C0A02F}
		h2.headline a.headlineOrange:hover{
			border-bottom:1px solid #C0A02F;
		}
	
h3{
	margin-bottom:0.25em;
	color:#333333;
	line-height:1.1;
}
	h3 a{
		text-decoration:none;
	}
.notify h3 a{color:#666666}

p{
	color:#666666;
	line-height:16px;
}

em{font-size:11px;font-family:Georgia, "Times New Roman", Times, serif;color:#ccc;font-style:italic}
	em a {
	}

/************************************
* link
* @kemal
*************************************/
a.link-fullname{
	color:#FF8712;
	text-decoration:none;
	font-weight:bold;
}
	a.link-fullname:link{color:#FF9900;}
	a.link-fullname:visited{color:#FF9900;}
	a.link-fullname:hover{color:#FF9900;border-bottom:#FF9900 1px solid}
	a.link-fullname:active{color:#FF9900;}

/************************************
* button
* @kemal
*************************************/
a.btn{
		display:block;
		text-align:center;
	}
	a.btn.shareLink{
		width:100px;
		background-color:#222222;
		padding:7px;
		width:55px;
		font-size:14px;
		color:#FFF;
		filter:alpha(opacity=25);
		-moz-opacity:0.25;
		-khtml-opacity: 0.25;
		opacity: 0.25;
	}
		a:hover.btn.shareLink{
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity: 0.75;
		}
	
	a.btn.addTopic{
		background-color:#717272;
		color:white;
		font-size:11px;
		padding:4px 0px;
	}
		a:hover.btn.addTopic{
			background-color:#666666;
			color:white;
			font-size:11px;
			padding:4px 0px;
		}
		
	a.btn.btnPublic, a.btn.btnMyFeed{
		background-color:#b1c3d7;
		padding:7px;
		font-size:12px;
		font-weight:bold;
		color:#FFF;
		filter:alpha(opacity=50);
		-moz-opacity:0.50;
		-khtml-opacity: 0.50;
		opacity: 0.50;
	}
		a:hover.btn.btnPublic, a:hover.btn.btnMyFeed{filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;}
		a.btn.btnPublic.selected, a.btn.btnMyFeed.selected{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

a.btnRock{display:block;background-color:#999;width:75%;color:white;padding-bottom:1px;border:1px solid #888}
	a.btnRock span{display:block;position:relative;top:-2px;background-color:#aaa;padding:2px 0px;font-size:11px}
	a.btnRock:hover span{top:-1px}

a.rocksOff{display:block;background-color:#999;width:75%;color:white;padding-bottom:1px;border:1px solid #888}
	a.rocksOff span{display:block;position:relative;top:-1px;background-color:#aaa;padding:2px 0px;font-size:11px;color:#cccccc}
	
.btnFixedPosition{
	position:fixed;
}
	.btnFixedPosition.btnBackToTop{
		bottom:5px;
		right:5px;
	}
		.btnFixedPosition.btnBackToTop a{
			display:block;
			opacity:0.4;
			filter:alpha(opacity=40)
		}
		.btnFixedPosition.btnBackToTop a:hover{
			opacity:1;
			filter:alpha(opacity=100)		;
		}

/************************************
* no margin bottom
* @kemal
*************************************/
.box.noMarginTop{
	margin-top:0px
}
.box.noMarginRight{
	margin-right:0px
}
.box.noMarginBottom{
	margin-bottom:0px
}
.box.noMarginLeft{
	margin-left:0px
}

/************************************
* override
* @kemal
*************************************/
hr.half{
	margin-bottom:1em;
}

ul.horizontal{
	list-style:none;
	padding:0px;
	margin:0px;
}
	ul.horizontal.left li{
		float:left;
		margin-right:5px;
	}
	ul.horizontal.right li{
		float:right;
		margin-left:5px;
	}

blockquote.why-sharing{
	color:#bbbbbb;
	margin:0px;
	margin-top:1em;
	position:relative;
}
blockquote.why-sharing:before{
	color: #333333;
	content: '"'; /* http://monc.se/kitchen/129/rendering-quotes-with-css */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6em;
	font-weight: bold;
	line-height: 0px;
	margin: 0px 5px 0px -3px;
	vertical-align: bottom;
}

.notif{
	background-color:#333333;
	color:#FFFFFF;
}
	.notif p{
		margin-bottom:0px;
	}

/************************************
* Circle
* @kemal
*************************************/
.circle-25{display:block;-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;width:25px;height:25px;text-align:center;background-color:#5d91c4;}
	.circle-25:hover{background-color:#5186bb}
	.circle-25 span{font-size:12px;font-weight:bold;position:relative;top:5px;color:white}
.circle-50{display:block;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;width:50px;height:50px;background-color:#5d91c4}

/************************************
* segitiga
* @kemal
*************************************/
.triangle {
	border-style: solid;
	height: 0px;
	width: 0px;
}
	.triangle.rocktoslide{
		border-color: transparent transparent black;
		border-width: 20px 20px 20px 20px;
		position:absolute;
		top:-33px;
		left:70px;
	}
	.triangle.home-rocks-tip{
		border-color: #FF9900 transparent transparent;
		border-width: 10px 5px 10px 5px;
		position:absolute;
		top:35px;
		left:18px;
	}
	.triangle.comment{
		border-color: transparent transparent #eeeeee transparent;
		border-width: 10px 8px 10px 8px;
		position:absolute;
		top:-19px;
		left:15px;
	}
	
.trianglePost{
	position:absolute;
	width:9px;
	height:6px;
	background-image:url(../img/COMMON/feedCatRibbon.png);
	background-repeat:no-repeat;
}
	.trianglePost.left{
		left:1px;bottom:-6px;
		background-position:0px 0px
	}
	.trianglePost.right{
		right:0px;bottom:-6px;
		background-position:-24px 0px;
	}

/************************************
* header
* @kemal
*************************************/
#headerWrapper{
	width:100%;
	height:60px;
	position:relative;
	margin-bottom:1.5em;
}
	#headerWrapper #headerBg{position:absolute;top:0px;left:0px;z-index:1;background-color:#000;width:100%;height:60px;}
	#headerWrapper #headerMenu{position:absolute;top:0px;left:0px;z-index:2;width:100%;}
		#homeStat{display:block;position:relative;}
			#homeStat .child{display:block;}
				#homeStat .child.one{width:55px;height:35px;border:white 1px solid;background-color:#000;}
				#homeStat .child.two{position:absolute;top:5px;left:5px}
					#homeStat .child.two a{display:block;float:left;}
	
/************************************
* posttool
* @kemal
*************************************/
#posttool-menu{
	padding:0em 0px 0px 0em;
}
	.posttool-menu-btn{
			float:left;
			margin-right:2px;
			background-color:#999999;					
	}
		.posttool-menu-btn:hover{
			background-color:#666666;
		}
	.posttool-menu-btn.selected{
		background-color:#000000;
	}
		.posttool-menu-btn a{
			display:block;
			padding:0.5em 1.5em 0.5em 1.5em;			
			color:#FFFFFF;
			text-decoration:none;
			font-size:18px;
		}			
		.posttool-menu-btn.selected a{
			display:block;
			padding:0.5em 1.5em 0.5em 1.5em;			
			color:#FFFFFF;
			text-decoration:none;
			font-size:18px;
			cursor:text;
		}

.posttool-area{
	display:none;
}
	.posttool-area.show{
		display:block;
	}

#posttool-area{			
	position:relative;
	background-color:#000000;
}
	#posttool-area-notes, #posttool-area-upload{
		padding:3em 0px;
	}
	#posttool-area-link	{
		padding:0em 0px 0em 0px;
	}

#posttoolAreaLinkBox{
	width: 565px;
	background: url(../img/COMMON/bg-addblog.png);
	background-repeat:repeat-x;
	-moz-box-shadow:0 0 15px #ccc;
	-webkit-box-shadow:0 0 15px #ccc;
	box-shadow:0 0 15px #ccc;
}

#posttoolAreaLinkBox #posttoolAreaLinkBox-input{
	padding: 0;
	border: 0;
	width: 545px;
	background: none;
	color:#dededd;font-size:18px;
	/*font-family:Georgia, 'Times New Roman', Times, serif;*/
}

.posttoolHighl{
	-moz-box-shadow:0 0 15px #444444;
	-webkit-box-shadow:0 0 15px #444444;
	box-shadow:0 0 15px #444444;
}

/************************************
* content menu & content
* @kemal
*************************************/
#contentWrapper{}

.box.top{
	margin-bottom:0px;
}

.add-bg{
	background-color:#dededd;
}

#content-menu{
	padding:0em 0px 0px 0em;	
	}
		.content-menu-btn{
				float:left;margin-right:10px;background-color:#ffffff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;
		}
			.content-menu-btn:hover{
				background-color:#ffffff;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;
			}
		.content-menu-btn.selected{
			background-color:white;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;
		}				
			.content-menu-btn a{
				display:block;padding:0.5em 1em 0.5em 1em;color:#989898;
				text-decoration:none;font-size:16px;font-weight:bold;
			}
			.content-menu-btn.selected a{
				display:block;
				padding:0.5em 1em 0.5em 1em;color:#989898;
				text-decoration:none;font-size:16px;font-weight:bold;
			}
		
		.content-menu-btn-greet{
			float:left;margin-right:2px;background-color:#000000;padding:0.5em 1.5em 0.5em 1.5em;color:#CCCCCC;text-decoration:none;font-size:16px;font-weight:bold;text-shadow:#333333 1px 1px;display:none;	
		}
			.content-menu-btn-greet a{
				padding:0px;
				color:#FF9900;
				text-decoration:none
			}
			.content-menu-btn-greet a:hover{
				text-decoration:underline
			}

.btn-profile.more, .btn-stream.more{
	display:block;
	background-color:#000000;
	padding:1em;
	text-align:center;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}
	.btn-stream.more:hover{
		background-color:#333333;
		color:#f5f5f5;
	}
	
.btn-stream.newer, .btn-stream.older{
	display:block;
	background-color:#000000;
	padding:1em 2em;
	text-align:center;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}
	.btn-stream.newer{
		float:left;
	}
	.btn-stream.older{
		float:right;
	}
			.btn-stream.newer:hover, .btn-stream.older:hover{
				background-color:#333333;
				color:#f5f5f5;
			}
			
/************************************
* in within
* daily, weekly, 24hour
* @kemal
*************************************/	
.in-within{
	font-size:175%;
	float:right;
	position:relative;
}
	.in-within a{
		text-decoration:none;
		color:#666666;
	}
	.in-within ul{
		position:absolute;
		left:-20px;
		font-size:24px;
		list-style:none;
		z-index:997;
		background-color:#CCCCCC;
		padding:0.25em 0.75em;
		margin:0px;
		border-bottom:#999999 5px solid;
	}
			.in-within ul li a{
				color:#FFFFFF;
			}
				.in-within ul li a:hover{
					color:#999999;
				}

#footerWrapper{
	width:100%;
	position:fixed;
	bottom:0;
	background-color:#000000;
	color:#f5f5f5;
	margin-bottom:0px;
	margin-top:40px;
}

/************************************
* value box
* black in left post
* @kemal
*************************************/
.value-box{
	position:relative;
	background-color:#000000;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:62px;
	padding-top:8px;
}
	.value-box:hover{
		color:#f5f5f5;
		text-shadow:0 0px 0px #ddd;		
	}
	.value-box .value-box-numbers{
		font-weight:bold;font-size:24px;
		text-shadow:0 1px 1px #ddd;
	}
	.value-box .value-box-rock{
		position:relative;top:-10px;
		text-shadow:0 1px 1px #ddd;		
	}	
	.value-box-tip{
		position:absolute;right:-10px;top:25px;
	}

.plus-minus{
	padding:0.75em 0em 2px 0em;position:relative;top:-7px;
}
	.plus-minus a{
		font-size:175%;font-weight:bold;text-decoration:none;line-height:1em;
	}
		.plus-minus a:link{color:#666666}
		.plus-minus a:visited{color:#666666}
		.plus-minus a:hover{color:#000000}
		.plus-minus a:active{color:#666666}	

/************************************
* topics container
* use in streamline
* @kemal
*************************************/	
.topics-container {
	clear:both;
	font-weight:bold;
	margin-top:0;
	position:relative;
}	
	.topics-container h2 {
	}	
	.topics-container ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
	}	
		.topics-container ul li {
			float:left;
			margin:0.2em 0.2em 0.75em 0em;
		}		
		.topics-container ul li a:link,  .topics-container ul li a:visited {
			background-color:#000;
			color:#FFFFFF;
			cursor:pointer !important;
			padding:0.4em 0.75em;
			text-decoration:none;	
		}		
		.topics-container:hover a:link,  .topics-container:hover a:visited {
		}
		.topics-container ul li a:hover,  .topics-container ul li a:active {
			background-color:#FF9900;
			color:#FFFFFF;
			cursor:pointer;
		}		
		.topics-container li.selected a:link,  .topics-container li.selected a:visited,  .topics-container li.selected a:hover {
			/*background-color:#2745C7;*/
			background-color:#FF9900;
			color:#FFFFFF;
			cursor:pointer;
		}

/************************************
* notify
* use in streamline
* @kemal
*************************************/	
.notify, .followList{
	position:relative;
}
.followList{margin-bottom:1em;}
	.notify.rckd{
		background-color:#fcfad7;
		background-image:url(../img/COMMON/NEW/bgRck.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		border-bottom: 1px solid #edeab4;
	}
	.notify.blog{
		background-color:#e4eeed;
		background-image:url(../img/COMMON/NEW/bgBlog.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		border-bottom: 1px solid #d8e2e1;
	}
	
	.notify h2.headline{
		font-size:21px;
		line-height:27px;
	}
	.notify .column.span-12.box{
		border-left:1px solid white;
	}
		.notify.rckd .column.span-12.box{
		}
		.notify.blog .column.span-12.box{
		}

/************************************
* badges
* use in post notify badges
* @kemal
*************************************/
img.badges{
	width:60px;
	position:absolute;
	top:6px;
	right:20px;
/*	-moz-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);*/
}

/************************************
* post
* use in streamline
* @kemal
*************************************/
.newPostNotif, .newPostOff{
	display:block;
	cursor:pointer;
	background-color:#fece90;
	padding:0.5em 1.5em;
	font-size:18px;
	color:#FFF;
}
	.newPostNotif:hover{color:#f5f5f5}

.post{
	margin: 0px;position:relative;border-bottom:1px solid #eeeeee;
	background-image:url(../img/COMMON/NEW/bgPost.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
	.post .box{
		margin-bottom:0px;
	}
	.icon-cat{position:absolute;top:-3px;left:-7px;}
	.icon-cat-name{background-color:#CCCCCC;width:30px;height:30px;}
	.icon-cat-shadow{}
	
	.tag-cat, .tag-type{background-color:#F8F8F8;float:left;margin-left:1px;}
		.tag-type{}
		.tag-cat{
			background-color:#f1f1f1;
			position:relative;
			top:10px;
			-moz-box-shadow:1px 1px 3px #dddddd;
			-webkit-box-shadow:1px 1px 3px #dddddd;
			box-shadow:1px 1px 3px #dddddd;
		}
			.tag-cat a, .tag-type a{
				color:#999999;padding:0.5em 1.5em;text-decoration:none;display:block
			}
				.tag-type a{
					padding:0.5em 1em 0.5em 1.5em;
				}
				.tag-cat a{
					line-height:20px;
				}
				.tag-cat a .value-box-numbers{
					font-weight:bold;
					float:left;
					font-size:18px;
					margin-right:3px;
					letter-spacing: -2px;
				}
				.tag-cat a .value-box-rock{
					font-size:8px;
					float:left;
					position:relative;
					top:-7px;
					left:3px;
				}

	.post.link .span-14:not(.nav), .post.media .span-14:not(.nav), .post.blogs .span-14:not(.nav){
	}
		.post.link .span-15:hover:not(.nav, .response-box), .post.media .span-15:hover:not(.nav){
			background-color:#f8f8f8;
		}
		.post.media .player{
			display:none;
		}
		.post.media .playMp3{
			background-image:url(../img/COMMON/bgMp3.png);
		}	
		.post.media .playVid{
			cursor:pointer;
		}
		.post.media .image{
			position:relative;
		}
			.post.media .image .zoom{cursor:pointer}
			.post.media .image .zoom .out{max-width:460px}
			/*.nav{position:relative;left:66px;}*/
		
		.post-title{
			margin-bottom:1.5em;
		}
		
		em.madepopular{
			color:#999999;
			font-size:11px;
			padding:4px 0;
			position:relative;		
		}
				
		.uname{
			color:#FF9900;
			font-size:12px;
			text-decoration:none;
		}
			.uname:hover{
				color:#555;
				text-decoration:underline;
			}

.post.new{
	margin-top:0px;
	margin-bottom:0px;
}
	.post.new.top{
	}
	
	.post.new.middle{
	}
		.post-thumbgallery{
			position:relative;left:2em;margin-bottom:4em;
		}

.rocks, .rocks-off, .blog-post-btn{
	display:block;
	width:66px;
	height:66px;
	background-color:#eeeeee;
	position:absolute;
	top:70px;
	left:-25px;
	border-top:1px solid #d7d7d7;
}
	.postInfo{
		background-color:#eeeeee;
		position:relative;
		padding-bottom:2em;
		border-top:1px solid #e9e9e9;
	}
	
/************************************
* response
* use in post
* @kemal
*************************************/
.responsePost div.span-16, .rockedList{background-color:#f6f7f7;color:#999;font-size:11px;border-bottom:1px solid #ffffff}
	.responsePost .box, .rockedList .box{padding-top:0.75em;padding-bottom:0.75em;}

/************************************
* tags
* use in streamline
* @kemal
*************************************/
ul.postTag li a{
	display:block;
	background-color:#b1c3d7;
	font-size:10px;
	color:white;
	padding:3px 5px;
}
	ul.postTag li a:hover{
		background-color:#699acd;
		}	

/************************************
* interaction
* @kemal
*************************************/
.responPost{
		background-color:#eeeeee;
		margin-top:0.5em;
		width:546px;
	}
	.responPostBox:hover{
		background-color:#F2f2f2;
		-moz-box-shadow:1px 1px 3px #e5e5e5 inset;
		-webkit-box-shadow:1px 1px 3px #e5e5e5 inset;
		box-shadow:1px 1px 3px #e5e5e5 inset;
	}
		.responBlock{
			color:red;
			display:block;
		}
			.responBlockImg{
				 display:block;float:left;width:25%;max-width: 50px;
			}
				.responBlockPadding{
					display:block;background-color:white;float:left;-moz-box-shadow:1px 1px 2px #D5D5D5;overflow:hidden;padding:2px
				}
					.responBlockOverflow{
						display:block;background-color:white;width:36px;height:36px;overflow:hidden;border:1px solid #eeeeee;
					}
			
			.responBlockLink{
				display:block;float:left;width:75%
			}
				.responBlockLink strong{
					color:#feba54;
					text-decoration:underline;
				}
				.responBlockLink{
					color:#666666;
				}
				.responBlockLink span{
					font-weight:bold;
				}			

/*.actions-hover {
		color:#999999;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		padding:0px;
		margin:0px;
		margin-right:15px;
	}
		.actions-hover li {
			display:block;float:right;padding:0 !important;margin-left:0.5em
		}
			.actions-hover li a {
				color:#999999;text-decoration:none;
			}
				.actions-hover li a:link{}
				.actions-hover li a:visited{}
				.actions-hover li a:hover{color:#FF9900;text-decoration:underline}
				.actions-hover li a:active{	}		
				
.int-tools{
	padding-bottom:10px;
	background-color:#EBEBEB;
	position:absolute;
	right:0px;
	-moz-box-shadow:2px 2px 3px #dddddd;
	-webkit-box-shadow:2px 2px 3px #dddddd;
	box-shadow:2px 2px 3px #dddddd;
	z-index:996;
}
	.int-tools .triangle.int{
		border-color: transparent transparent #eaf3e7;
		border-width: 15px 13px 15px 13px;
		position:absolute;
		top:-30px;
		right:22px;
	}
	.int-tools ul{
		list-style:none;
		margin:0px;
	}
		.int-tools ul li{
			float:left;
		}
		.int-tools ul li a{
			display:block;
			padding:7px 15px 5px 15px;
			text-decoration:none;
			color:#999999;
			line-height:24px;
		}
			.int-tools ul li a:hover{
				color:#666666;
				background-color:#E8E8E8;
			}
			.int-tools ul li a span{
				font-size:27px;
				font-weight:bold;
				text-decoration:none;
				text-shadow:1px 1px #999999;
				letter-spacing:-2px;
				position:relative;
				top:-2px;
				margin-right:7px;
			}
		.int-tools ul li:not(.last) a{
			border-right:#FFFFFF 1px solid;
			padding-bottom:8px;
		}

.btn-int{float:right;margin-left:0.5em;}
	.btn-int-left{
		float:left;
		width:23px;
		height:20px;
	}
		.btn-int-left.response{background:url(../img/COMMON/btn-interaction_response.png);
		background-repeat:no-repeat;}
		.btn-int-left.repost{background:url(../img/COMMON/btn-interaction_repost.png);
		background-repeat:no-repeat;}
	.btn-int-mid{
		float:left;
		background:url(../img/COMMON/btn-interaction_bg.png);
		background-repeat:repeat-x;
		font-size:13px;
		font-weight:bold;
		color:#999999;
		letter-spacing:-1px;
		height:20px;
		padding-right:3px;
	}
	.btn-int-right{
		float:left;
		background:url(../img/COMMON/btn-interaction_tail.png);
		background-repeat:no-repeat;
		width:9px;
		height:20px;
	}*/
		
/************************************
* paging
* sebelum footer palingvbawah
* @kemal
*************************************/
.paging{}
	.paging ul{
		list-style:none;margin:2px;
	}
		.paging ul li{
			float:left;
		}
			.paging ul li a{
				text-decoration:none;color:#999999;margin-right:0.5em;
				padding:0.25em 0.5em;background-color:#F3F3F3;border:1px #CCCCCC solid;
			}
				.paging ul li a:link{color:#999999}
				.paging ul li a:visited{color:#494949}
				.paging ul li a:hover{color:#FF8712}
				.paging ul li a:active{color:#494949}

/************************************
* main buat box kanan
* @kemal
*************************************/
.rightbox-top{
	margin-bottom:0px;
	border-bottom:#222222 1px solid;
	background-color:#000000;
}

.rightbox-mid{
	border-bottom:#222222 1px solid;
	background-color:#111111;
	margin-bottom:0px;
}

.rightbox-bottom{
	background-color:#171717;
	opacity:0.9;
	filter: alpha(opacity=90); 
}

/************************************
* user home stat
* kanan atas
* @kemal
*************************************/
#profileRock{
	padding-bottom:1em;
}
	#profileRockValue{
		position:relative;
	}
		#profileRockValue a{
			font-size: 375%;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#999999;
			display:block;
			text-shadow:0 1px 2px #666666;
			text-decoration:none;
			line-height:40px;
			position:relative;
			top:-5px;
			left:5px;
		}
			#profileRockValue a:hover{
				color:#898989;
			}
			#profileRockValue .homeRocksLabel{
				position:absolute;
				top:-30px;
				right:15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				color:#000000;
				vertical-align:top;
				padding:10px 10px;
				background-color:#FF9900;
				/*border-bottom:#666666 1px solid;
				border-right:#666666 1px solid;*/
				text-shadow:none;
				display:none;
			}

#topicsAdd{padding:1.5em 0px;}
	#topicsAddBox{margin-bottom:1em;}
		#topicsAddBox input[type=text]{margin:0px;padding:4px;border:none}
		
	#topicsFollowed{}
		#topicsFollowed ul{}
			#topicsFollowed ul li{}
				#topicsFollowed ul li span:not(.notThis){font-size:10px;display:block;margin-bottom:7px}
				#topicsFollowed ul li span span.notThis{display:block}
				#topicsFollowed ul li span a{float:left;display:block;padding:3px 7px;background-color:#4b85c5;color:#FFF;}
				#topicsFollowed ul li span a:not(.btnExcludeTopics){border-right:1px solid #336699;-moz-border-radius-topleft: 3px;-webkit-border-radius-topleft: 3px;border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;-webkit-border-radius-bottomleft: 3px;border-radius-bottomleft: 3px}
				#topicsFollowed ul li span a.btnExcludeTopics{padding:3px 5px;background-color:#336699;-moz-border-radius-topright: 3px;-webkit-border-radius-topright: 3px;border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;-webkit-border-radius-bottomright: 3px;border-radius-bottomright: 3px}
		
#profile-stats{
	border-top:#252525 1px solid;
}
	#profile-stats ul{
		list-style:none;
		padding:0px;
		margin:0px;
		margin:1.5em 0px;
	}
		#profile-stats ul li a{
			text-decoration:none;
			color:#bbbbbb;
		}
			#profile-stats ul li a img{
				margin-right:5px;
				vertical-align:-3px;
			}
/*************************************
* rocker list
* author kemtol
**************************************/
.rocker-list{
}
	.rocker-list .rockers-list{
		width:30px;
		height:30px;
		overflow:hidden;
		margin-bottom:1em;
	}

/************************************
* user filtering
* kanan atas
* @kemal
*************************************/
#user-filter, #user-filter-die{padding:0px 1px;margin:0px;list-style:none}
	#user-filter li a, #user-filter-die li a{
		display:block;
		padding:3px 1.5em;
		text-decoration:none;
		font-size:12px;
	}
		#user-filter li, #user-filter-die li{
			border-bottom:#000000 1px solid;
		}
			#user-filter li a.off, #user-filter-die li a.off{
				background-color:#111111;
				color:#999999;
			}
			#user-filter li a.on, #user-filter-die li a.on{
				background-color:#222222;
				color:#bbbbbb;
			}
				#user-filter li a img, #user-filter-die li a img{
					position:relative;
					top:2px;
					margin-right:0.75em;
				}

/************************************
* user search box
* kanan atas
* @kemal
*************************************/
.searchHighl{
	-moz-box-shadow : 0px 0px 15px #bbbbbb;
	-webkit-box-shadow : 0px 0px 15px #bbbbbb;
	box-shadow : 0px 0px 15px #bbbbbb;
}
#searchBox{
    width: 400px;
    height: 25px;
    background: url(../img/COMMON/search-box-input.jpg);
	background-repeat:repeat-x;
}
	#searchBox #searchBoxInput{
		float: left;
		padding: 0;
		margin: 3px 0 0 8px;
		border: 0;
		width: 350px;
		background: none;
		color:#cccccc;font-size:medium;
		font-family:Georgia, 'Times New Roman', Times, serif;
	}	
	#searchBox #searchBoxBtn{
		float: right;
		margin: 0px 0px 0 0;
		position:relative;
		left:2px;
		height:25px;
	}

/************************************
* user blog
* kanan
* @kemal
*************************************/
.blog-menu{
}
	.blog-menu.tool{
		border-bottom:1px solid #111111;
		margin-bottom:1em;
	}
	.blog-menu ul{
		color:#999999;
		list-style:none;
		margin-left:0.5em;
		margin-right:0px;
	}
		.blog-menu ul ul{
			margin-left:1.5em;
		}		
	.blog-menu a{
		text-decoration:none;
		color:#ccc;
	}
		.blog-menu a.selected{
			text-decoration:none;
			color:#FF9900;
		}

.blog-item{}
	.blog-item img{
		max-width:230px;
		margin-right:10px;
		vertical-align:text-top;
		float:left;
	}	
	.blog-item h2.headline{
		margin-bottom:0px;
	}	
	.blog-item a{
		color:#FF9900;
	}

.blog-item-title{
	margin-bottom:1.5em;
}

.blog-item-image-wrapper{
	max-width:40%;
	max-height:200px;
	overflow:hidden;
	margin-right:15px;
	margin-bottom:15px;
	float:left;
	font-size:x-small;
	color:#F8F8F8;
}

#addblog-box{
	width: 545px;
	height: 50px;
	background: url(../img/COMMON/bg-addblog.png);
	background-repeat:repeat-x;
}
	#addblog-box #addblog-box-input{
		float: left;
		padding: 0;
		margin: 9px 0 0 8px;
		border: 0;
		width: 440px;
		background: none;
		color:#aaa;font-size:x-large;
		font-family:Georgia, 'Times New Roman', Times, serif;
	}	
	#addblog-box #addblog-box-btn{
		float: right;
		margin: 0px 0px 0 0;
		position:relative;
		left:3px;
	}

/**********************
* ajax load page
* di ie 7 masih ada horizontal scroll
**********************/
.ajax-load-page{
	background:transparent url(http://www.rockto.com/img/COMMON/bgTransBlack45.png) repeat;
	width:580px;
	position:fixed;
	margin-left:-455px;
	left:50%;
	top:45%;
	z-index:1001;
	padding:0px;
	-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	display:none;
}
	.ajax-load-page span{
		color:#eee;
		font-family:Arial, Helvetica, sans-serif;
		font-size:36px;
		font-weight:400;
		letter-spacing:-1px;
		margin-left:0.75em;
		position:relative;
		top:-15px;
		text-shadow:#333333 1px 1px;
	}

/******************************************************************
* POST BOX
* @kemtol
******************************************************************/
.overlay{
	position:fixed;
	left:0%;
	top:0%;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
	background-color:#000000;
	width:100%;
	height:100%;
	display:none;
	overflow:auto;
}

.modalPostFeed{
	padding:1px 0px;
}
#new-post{
	margin:5% 10%;
}
.post.new{
	margin-top:0px;
	margin-bottom:0px;
}
	.post.new.top{
		background:none;
		font-size:36px;
	}
		.post.new.top h2{
			color:#f5f5f5;
			margin-bottom:0.5em;
			line-height:56px;
		}
		.post.new.top #posttitle{
			margin-bottom:0.5em;
			width:100%;
			font-size:36px;
			padding:5px 0.5em;
		}
	
	.post.new.middle{}
		.post.new.middle .post-detail{
			-moz-box-shadow:2px 3px 5px #333333 inset;
			box-shadow:2px 3px 5px #333333 inset;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			padding:1em;
			margin-bottom:1.5em;
		}
		 .post.new.middle .post-detail textarea{margin:0px;}
		.post.new.middle .post-detail, .post.new.middle .post-detail textarea{
			background-color:#eeeeee;
			font-size:20px;
			color:#666666;
			border:none;
			width:100%;
		}
		.post-thumbgallery{
			left:0px;
			width:100%;
			height:150px;
		}
		.post-thumbgallery .imgItem{
			float:left;
			margin-right:10px;			
		}
		
			.polaroid-70{
				padding:5px;
				background-color:white;
				border:1px solid #CCCCCC;
				height:125px;
				width:125px;
			}
				.polaroid-70:hover{
					background-color:#FF9900;
					border:1px solid #FF9900;
					cursor:pointer;
				}
				.polaroid-70.selected{
					background-color:#FF9900;
					border:1px solid #FF9900;
				}
			.img-polaroid-70{
				float:left;
				overflow:hidden;
				height:125px;
				max-width:125px;
			}
		.topics-container #friends, .tagContainer{
			width:100%;
			width:100% !important;
			padding:0.55em 0.75em 0.3em 0.75em;
			background-color:#eeeeee;
			-moz-box-shadow:2px 3px 5px #555555 inset;
			box-shadow:2px 3px 5px #333333 inset;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			font-size:18px;
		}
		
/************************************
* autocomplete
* use in post
* @kemtol
*************************************/	
		#friends, .tagContainer { cursor:text; }
		#friends span {
			display:block;
			width:auto;
			margin:0 3px 3px 0;
			padding:3px 20px 4px 8px;
			position:relative;
			float:left;
			text-indent:0;
			background-color:#FF9900;
			color:#ffffff;
			font-size:20px;
			-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;
		}
		.tagContainer span {
			display:block;
			width:auto;
			margin:0 3px 3px 0;
			padding:3px 20px 4px 8px;
			position:relative;
			float:left;
			text-indent:0;
			background-color:#FF9900;
			color:#ffffff;
			font-size:20px;
			-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;
		}
		#friends span a { position:absolute; right:5px; top:4px; color:#ffffff; font:bold 14px Verdana, Sans-serif; text-decoration:none; }
		#friends span a:hover { color:#ff0000; }
		#friends input { background-color:#eeeeee;font-size:20px;color:#444444; }
		#friends #to { width:auto; margin:0 0 2px 0; padding:0 0 3px; position:relative; top:0; float:left; border:none; }
		#friends #to:focus { background-color:#eeeeee; }
		.ui-menu .ui-menu-item { white-space:nowrap; padding:0 10px 0 0; }
		.ui-autocomplete-input ui-autocomplete-loading{
			background: url("http://jqueryui.com/demos/autocomplete/images/ui-anim_basic_16x16.gif") no-repeat scroll right center white;
		}
		.topics-container .info{
			background:none;
			color:#999999;
			margin-bottom:4em;
		}
		.topics-container h2{
			display:none;
		}
		.topics-container button{
			-moz-border-radius:15px 15px 15px 15px;
			font-size:24px;
			padding:0.5em;
			font-family:Arial,Helvetica,Calibri,sans-serif;
			margin-right:5px;
		}
		.topics-container .column.span-13.last{
			color:#999999
		}

/************************************
* topics container
* use in streamline
* @kemal
*************************************/	
.topics-container {
	clear:both;
	font-weight:bold;
	margin-top:0;
	position:relative;
}	
	.topics-container h2 {
	}	
	.topics-container ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
	}	
		.topics-container ul li {
			float:left;
			margin:0.2em 0.5em 2.3em 0em;
		}		
		.topics-container ul li a:link,  .topics-container ul li a:visited {
			font-size:18px;
			background-color:#bababa;
			color:#474747;
			cursor:pointer !important;
			padding:0.5em 0.75em;
			text-decoration:none;
			-moz-border-radius: 5px;
			border-radius: 5px;		
			-moz-box-shadow:2px 3px 5px #666666 inset;
			box-shadow:2px 3px 5px #666666 inset;	
		}		
		.topics-container:hover a:link,  .topics-container:hover a:visited {
		}
		.topics-container ul li a:hover,  .topics-container ul li a:active {
			background-color:#FF9900;
			color:#FFFFFF;
			cursor:pointer;
			-moz-box-shadow:2px 3px 5px #FF9900 inset;
			box-shadow:2px 3px 5px #FF9900 inset;
		}		
		.topics-container li.selected a:link,  .topics-container li.selected a:visited,  .topics-container li.selected a:hover {
			background-color:#FF9900;
			color:#FFFFFF;
			cursor:pointer;
			-moz-box-shadow:2px 3px 5px #FF9900 inset;
			box-shadow:2px 3px 5px #FF8800 inset;
		}

/************************************
* follow list
* use in user.php
* @kemal
*************************************/
table.followList td{
	padding:10px 10px;
}
table.followList.notification tr{
	filter:alpha(opacity=60);opacity:0.6;
}
table.followList.notification tr.newNotif{
	filter:alpha(opacity=100);opacity:1;
}

.horizontal.right.btnFollowTools li{margin-left:2px}
.horizontal.right.btnFollowTools li a{
	display:block;
	padding:0.5em 0.75em;
	background-color:#333333;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:2px 3px #393939 inset;
	line-height:14px;
}
	.horizontal.right.btnFollowTools li a:hover{
		background-color:#222222;
	}
	
.horizontal.right.btnFollowTools li a span.status.icon{
	font-weight:bold;
	font-size:18px;
	position:relative;
	top:2px;
}

/************************************
* STORE
* @kemal
*************************************/
.redeemPrice{
	background-color:#000000;
	bottom:10px;
	color:white;
	font-size:24px;
	opacity:0.4;
	padding:0.1em 1em;
	position:absolute;
	left:0;
}
	.horizontal li .btnRedeem{
		background-color:#000000;
		color:white;
		display:block;
		font-size:10px;
		margin-top:5px;
		padding:0.5em 0.75em;
		text-decoration:none;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:5px 5px 20px #555 inset;
		-webkit-box-shadow:5px 5px 20px #555 inset;
		box-shadow:5px 5px 20px #555 inset;
	}
	.horizontal li .btnRedeem:hover{
		background-color:#555555;
	}
	
	.horizontal li .btnConfirm{
		background-color:#FFaa00;
		color:white;
		display:block;
		font-size:24px;
		margin-top:5px;
		padding:0.25em 0.75em;
		text-decoration:none;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:5px 5px 20px #FFaa00 inset;
		-webkit-box-shadow:5px 5px 20px #FFaa00 inset;
		box-shadow:5px 5px 20px #FFaa00 inset;
	}
	.horizontal li .btnConfirm:hover{
		background-color:#FF9900;
	}
	
/************************************
* Lightbox
* @kemal
*************************************/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1090;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px;background-color:#f5f5f5}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

/*************************************
* polaroid
* @kemtol
**************************************/
.polaroid{
	padding:0.75em;
	background-color:white;
	border-top:1px solid #eeeeee;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #eeeeee;
	height:49px;
	width:49px;
}
	.polaroid:hover{
		border-top:1px solid #eeeeee;
		border-right:1px solid #cccccc;
		border-bottom:1px solid#cccccc;
		border-left:1px solid #eeeeee;
	}
	
.polaroid-70{
	padding:3px;
	background-color:white;
	border:1px solid #CCCCCC;
	height:70px;
	width:70px;
}
	.polaroid-70:hover{
		background-color:#FF9900;
		border:1px solid #CCCCCC;
		cursor:pointer;
	}
	.polaroid-70.selected{
		background-color:#FF9900;
		border:1px solid #CCCCCC;
	}	

.polaroid-80{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	padding:1em;
	background-color:white;
	border-top:1px solid #eeeeee;
	border-right:1px solid #dddddd;
	border-bottom:1px solid#dddddd;
	border-left:1px solid #eeeeee;
	height:80px;
	width:80px;
}
.polaroid-80.profile{
	background-color:#333333;
	border:1px solid #333333;
	padding:0px;
}
	.polaroid-80:hover{
		border-top:1px solid #eeeeee;
		border-right:1px solid #cccccc;
		border-bottom:1px solid#cccccc;
		border-left:1px solid #eeeeee;
	}
	.polaroid-80.profile:hover{
		background-color:#000000;
		border:1px solid #000000;
	}
	
.polaroid-110{
	padding:3px;
	background-color:#eee;
	border:1px solid #999999;
	height:112px;
	width:112px;
}
	.polaroid-110:hover{
		background-color:#F2F2F2;
		border:1px solid #CCCCCC;
	}
	
.polaroid-125{
	padding:5px;
	background-color:white;
	border:1px solid #CCCCCC;
	height:125px;
	width:125px;
}
	.polaroid-125:hover{
		background-color:#FF9900;
		border:1px solid #FF9900;
		cursor:pointer;
	}
	.polaroid-125.selected{
		background-color:#FF9900;
		border:1px solid #FF9900;
	}
.img-polaroid-125{
	float:left;
	overflow:hidden;
	height:125px;
	max-width:125px;
}

.polaroid-150{
	padding:5px 5px 5px 5px;
	background-color:#f8f8f8;
	border-top:1px solid #eeeeee;
	border-right:1px solid #cccccc;
	border-bottom:1px solid#cccccc;
	border-left:1px solid #eeeeee;
	height:150px;
	width:150px;
}
	.polaroid-150:hover{
		background-color:#F2F2F2;
		border-top:1px solid #eeeeee;
		border-right:1px solid #cccccc;
		border-bottom:1px solid#cccccc;
		border-left:1px solid #eeeeee;
	}
	
.polaroid-200{
	padding:5px 5px 5px 5px;
	background-color:#f8f8f8;
	border:1px solid #CCCCCC;
	height:200px;
	width:200px;
}
	.polaroid-200:hover{
		background-color:#F2F2F2;
		border:1px solid #CCCCCC;
		cursor:pointer;
	}

.polaroid-full{
}

.polaroid-blogs{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top:1px solid #eeeeee;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #eeeeee;
	padding:1em;
	background-color:white;
	overflow:hidden;
	margin-right:15px;
	margin-bottom:15px;
	float:left;
}
	.polaroid-blogs div{
		max-width:200px;
		max-height:300px;
		overflow:hidden
	}
	
	.polaroid-blogs img{
		max-width:200px;
	}

.img-polaroid, .img-polaroid-70, .img-polaroid-80, .img-polaroid-110, .img-polaroid-150, .img-polaroid-200{
	float:left;
	overflow:hidden;	
}

.img-polaroid{
	height:49px;
	max-width:49px;
}
.img-polaroid-70{
	height:70px;
	max-width:70px;
}
.img-polaroid-80{
	height:80px;
	max-width:80px;
}
.img-polaroid-110{
	height:112px;
	max-width:112px;
}
.img-polaroid-150{
	height:150px;
	max-width:150px;
}
.img-polaroid-200{
	max-width:200px;
}
.img-polaroid-full{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top:1px solid #eeeeee;
	border-right:1px solid #dddddd;
	border-bottom:1px solid#dddddd;
	border-left:1px solid #eeeeee;
	float:left;
	padding:1em;
	background-color:white;
}
	.img-polaroid-full img{
		max-width:480px;
	}
	.img-polaroid-200 img{max-width:200px;}
	.icoPlay{position:absolute;top:60px;right:235px;}
	.ico-img{position:absolute;bottom:5px;right:35px;}
	
/***********************************
* jqmodal
* @kemtol
************************************/	
.jqmWindow {
    display: none;    
    position: fixed;
    top: 10%;
    left: 50%;    
    margin-left: -300px;
    width: 600px;    
    background-color: #ffffff;
    color: #333;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/*overiding*/
.jqmWindow#dialog-redeem{
    top: 15%;
}

/***********************************
* tipsy
* @kemtol
************************************/	
.tipsy { padding: 5px; font-size: 10px;/* opacity: 0.8; filter: alpha(opacity=80);*/ background-repeat: no-repeat;  /*background-image: url(../images/tipsy.gif);*/ }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #FF9900; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


/***********************************
* jQuery UI CSS Framework @VERSION
*************************************/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Autocomplete @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

/****************************************
* jgrowl
* @kemtol
****************************************/
div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;


	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

/*jgrowl themes*/
div.jGrowl div.manilla {
	background-color: 		#FFF1C2;
	color: 					navy;
}

div.jGrowl div.smoke {
	background: url(smoke.png) no-repeat;
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	width: 					280px;
	height: 				55px;
	overflow: 				hidden;
}

div.jGrowl div.flora {
	background: 			#E6F7D4 url(flora-notification.png) no-repeat;
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	opacity: 				1;
	filter: 				alpha(opacity = 100);
	width: 					270px;
	height: 				90px;
	padding: 				0px;
	overflow: 				hidden;
	border-color: 			#5ab500;
}

div.jGrowl div.flora div.message {
	padding: 				5px;
	color: 					#000;
}

div.jGrowl div.flora div.header {
	background: 			url(flora-header.png) no-repeat;
	padding: 				5px;
}

div.jGrowl div.flora div.close {
	background: 			url(flora-close.png) no-repeat;
	padding: 				5px;
	color: 					transparent;
	padding: 				0px;
	margin: 				5px;
	width:					17px;
}

div.jGrowl div.iphone {
	font-family: 			"Helvetica Neue", "Helvetica";
	font-size: 				12px;
	background: 			url(iphone.png) no-repeat;
	-moz-border-radius: 	0px;
	-webkit-border-radius:	0px;
	opacity: 				.90;
	filter: 				alpha(opacity = 90);
	width: 					245px;
	height: 				137px;
	padding: 				0px;
	overflow: 				hidden;
	border-color: 			#5ab500;
	color: 					#fff;
}

div.jGrowl div.iphone div.message {
	padding-top: 			0px;
	padding-bottom: 		7px;
	padding-left: 			15px;
	padding-right: 			15px;
}

div.jGrowl div.iphone div.header {
	padding: 				7px;
	padding-left: 			15px;
	padding-right: 			15px;
	font-size: 				17px;
}

div.jGrowl div.iphone div.close {
	display: 				none;
}

div#random {
	width: 					1000px;
	background-color: 		red;
	line-height: 			60px;
}