@charset "utf-8";
.page{
	background:url(homebg.jpg) 0 -42px repeat-x
		
}
.container{background:#fff url(topshadow.gif) repeat-x;padding-bottom:20px;}

/***************************/
.hdr{background:url(hdr-dash-bg.png) repeat-x;}
.overflow{overflow:hidden}

ul.container_12 {
    padding-top: 4px;
    position: relative;
    z-index: 100;
}

ul.container_12 > li {
    background-position: center -54px;
    background-repeat: no-repeat;
    float: right;
    height: 69px;
    width: 64px;
}


ul.container_12 > li.write, ul.container_12 > li.write > a {
    background-image: url("icons/write_2states.png");background-position: 8px 14px;
}

ul.container_12 > li.comments, ul.container_12 > li.comments > a {
    background-image: url("icons/comments_2states.png");background-position: 8px 14px;
}

ul.container_12 > li.medias, ul.container_12 > li.medias > a {
    background-image: url("icons/medias_2states.png");background-position: 8px 14px;
}
ul.container_12 > li.users, ul.container_12 > li.users > a {
    background-image: url("icons/users_2states.png");background-position: 8px 14px;
}
ul.container_12 > li.stats, ul.container_12 > li.stats > a {
    background-image: url("icons/stats_2states.png");background-position: 8px 14px;
}
ul.container_12 > li.settings, ul.container_12 > li.settings > a {
    background-image: url("icons/settings_2states.png");background-position: 8px 14px;
}

ul.container_12 > li.backup, ul.container_12 > li.backup > a {
    background-image: url("icons/backup_2states.png");background-position: 8px 14px;
}
ul.container_12 > li > a {
    -moz-transition: opacity 2s ease 0s;
    background-position: 8px 14px;
    background-repeat: no-repeat;
    display: block;
    height: 69px;
    opacity: 0;
    overflow: hidden;
    text-indent: 200px;
    white-space: nowrap;
}
ul.container_12 > li.current > a, ul.container_12 > li > a:hover {
	opacity: 1;
	filter: none;
	-moz-transition: all 100ms;
	-webkit-transition: all 100ms;
	-o-transition: all 100ms;
	transition: all 100ms;
}


.block-border {
	padding: 0.833em;
	border: 1px solid white;
	border-color: rgba(255, 255, 255, 0.75);
	background: url(old-browsers-bg/white20.png);
	background: rgba(255, 255, 255, 0.2);
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-webkit-background-clip: padding-box;
	border-radius: 0.8em;
	-moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
	-webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
	box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
	}
	
	
	
	.block-border .block-content {
		-moz-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
		box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
	}
	.block-border .block-content + .block-content {
		margin-top: 0.833em;
	}
	.block-content h1,
.block-content .h1 {
	position: absolute;
	right: 0.5em;
	top: -0.444em;
	margin: 0;
	z-index: 100;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-border-radius: 0.278em;
	-webkit-border-radius: 0.278em;
	-webkit-background-clip: padding-box;
	border-radius: 0.278em;
	}
	.block-content h1,
.block-content .h1 {
	color: white;
	font-size: 1.5em;
	font-family: Tahoma, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	border: 1px solid;
	border-color: #50a3c8 #297cb4 #083f6f;
	background: #0c5fa5 url(old-browsers-bg/title-bg.png) repeat-x top;
	-webkit-background-size: 0% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(
		top,
		white,
		#72c6e4 4%,
		#0c5fa5
	);
	background: -webkit-gradient(
		linear,
		right top, right bottom,
		from(white),
		to(#0c5fa5),
		color-stop(0.03, #72c6e4)
	);
	-moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	padding: 0.278em 0.444em 0.389em;
	}
	
	.block-content {
	border: 1px solid #999999;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-webkit-background-clip: padding-box;
	border-radius: 0.25em;
	padding: 1.667em;
	background: white;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	position: relative;
	margin:0 40px 40px;
	
	}
	.block-content {
	padding-top: 2.833em;
	}
	.block-content .h1 h1 {
		font-size: 1em;
		border: 0;
		background: none;
		-moz-text-shadow: none;
		-webkit-text-shadow: none;
		text-shadow: none;
		padding: 0;
	}
	
	
.form legend,
.legend,
.mini-menu {
	line-height: 1.333em;
	list-style : none ;
	padding: 0.167em 0.5em 0.25em;
	border: 1px solid white;
	-moz-border-radius: 0.417em;
	-webkit-border-radius: 0.417em;
	-webkit-background-clip: padding-box;
	border-radius: 0.417em;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	text-decoration: none;
	font-weight: normal;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
	outline: 0;
	}
	/* IE class */
	.ie .button,
	.ie .form legend,
	.ie .legend,
	.ie .mini-menu {
		border-color: #cccccc;
	}
	
	
	.mini-menu > li > a:hover {
		color: #115577;
		background: #98d2f3 url(old-browsers-bg/button-hover-bg.png) repeat-x top;
		-webkit-background-size: 0% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			#dff3fc,
			#98d2f3
		);
		background: -webkit-gradient(
			linear,
			right top, right bottom,
			from(#dff3fc),
			to(#98d2f3)
		);
	}
	.form legend,
	.legend,
	.mini-menu {
		color: #666666;
		background: #e7e7e7 url(old-browsers-bg/legend-bg.png) repeat-x top;
		-webkit-background-size: 0% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			#f8f8f8,
			#e7e7e7
		);
		background: -webkit-gradient(
			linear,
			right top, right bottom,
			from(#f8f8f8),
			to(#e7e7e7)
		);
	}
	
	.form legend img,
	.legend img,
	.mini-menu img {
		margin-bottom: -2px;
	}
	
	.mini-menu {
	position: absolute;
	z-index: 89;
	left: 2em;
	top: 0;
	padding: 0;
	height: 1.833em;
	display: block;
	margin: -1.083em 0 -1.083em;
	white-space: nowrap;
	}
	td > .mini-menu {
		position: relative;
		left: 0;
		top: 0;
		float: left;
		margin-left: 1em;
	}
	:hover > .mini-menu {
		display: block;
	}
	.mini-menu > li {
		float: right;
		color: #999999;
		font-style: normal;
		height: 1.833em;
		}
		.mini-menu > li > a {
			display: block;
			line-height: 1.333em;
			height: 1.333em;
			padding: 0.25em 0.417em;
			border-right: 1px solid white;
			border-left: 1px solid #CCCCCC;
			color: #999;
			}
			/* IE class */
			.ie7 .mini-menu > li > a {
				display: table-cell;
				vertical-align: middle;
			}
			.mini-menu > li:first-child > a {
				border-right: none;
				-moz-border-radius-topleft: 0.25em;
				-moz-border-radius-bottomleft: 0.25em;
				-webkit-border-top-right-radius: 0.25em;
				-webkit-border-bottom-right-radius: 0.25em;
				border-top-right-radius: 0.25em;
				border-bottom-right-radius: 0.25em;
			}
			/* IE class */
			.mini-menu > li.first-child > a {
				border-right: none;
			}
			.mini-menu > li:last-child > a {
				border-left: none;
				-moz-border-radius-topright: 0.25em;
				-moz-border-radius-bottomright: 0.25em;
				-webkit-border-top-left-radius: 0.25em;
				-webkit-border-bottom-left-radius: 0.25em;
				border-top-left-radius: 0.25em;
				border-bottom-left-radius: 0.25em;
			}
			/* IE class */
			.mini-menu > li.last-child > a {
				border-left: none;
			}
			.mini-menu > li > a img {
				margin: 0 0 -3px;
			}
			/* IE class */
			.ie7 .mini-menu > li > a img {
				margin: 0;
				vertical-align: middle;
			}
			
			.sayer{color:#999}
			
			.post-txt,.post-img,.post-qout,.post-video,.post-album{background:url(featuretabs.png) no-repeat;width:169px;height:146px;display:block}
			.post-txt{background-position:0 0}
			.post-img{background-position:0 -292px}
			.post-qout{background-position:0 -584px}
			.post-video{background-position:0 -892px}
			.post-video:hover,.post-video.on{background-position:0 -1040px}
			.post-txt:hover,.post-txt.on{background-position:0 -146px}
			.post-img:hover,.post-img.on{background-position:0 -438px}
			.post-qout:hover,.post-qout.on{background-position:0 -730px}
			.post-album{background-position:0 -1208px}
			.post-album:hover,.post-album.on{background-position:0 -1360px}

/* ============ Monir Edits =============== */

/********************* Tips *********************/
#tips {
	z-index: 999900;
	position: absolute;
	top: 0;
	/*right: 0;*/
    left:0;
	pointer-events: none;
}

#tips > div {
    top:5px !important;
}
#tips div {
	position: absolute;
	background: #ffffcc;
	border: 1px solid #a6a6a6;
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
	-webkit-background-clip: padding-box;
	border-radius: 0.333em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.222em;
	text-transform: uppercase;
	color: #333333;
	padding: 0.222em 0.444em;
	min-width: 5em;
	text-align: center;
	white-space: nowrap;
	}
	#tips div .arrow {
		font-size: 0;
		line-height: 0;
		width: 0;
		position: absolute;
		z-index: 89;
		right: 50%;
		margin-right: -6px;
		bottom: -7px;
		border-top: 7px solid #a6a6a6;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		}
		#tips div.tip-right .arrow {
			bottom: auto;
			right: -7px;
			top: 50%;
			margin-right: 0;
			margin-top: -6px;
			border-left: 7px solid #a6a6a6;
			border-top: 6px solid transparent;
			border-bottom: 6px solid transparent;
			border-right: 0;
		}
		#tips div.tip-bottom .arrow {
			bottom: auto;
			top: -7px;
			border-top: 0;
			border-bottom: 7px solid #a6a6a6;
		}
		#tips div.tip-left .arrow {
			bottom: auto;
			right: auto;
			top: 50%;
			left: -7px;
			margin-right: 0;
			margin-top: -6px;
			border-right: 7px solid #a6a6a6;
			border-top: 6px solid transparent;
			border-bottom: 6px solid transparent;
			border-left: 0;
		}

		#tips div .arrow span {
			width: 0;
			position: absolute;
			z-index: 89;
			margin-right: -5px;
			top: -7px;
			border-top: 6px solid #ffffcc;
			border-right: 5px solid transparent;
			border-left: 5px solid transparent;
			}
			#tips div.tip-right .arrow span {
				border-left: 6px solid #ffffcc;
				border-top: 5px solid transparent;
				border-bottom: 5px solid transparent;
				border-right: 0;
				margin-right: 0;
				right: 1px;
				top: auto;
				margin-top: -5px;
			}
			#tips div.tip-bottom .arrow span {
				top: 1px;
				border-top: 0;
				border-bottom: 6px solid #ffffcc;
			}
			#tips div.tip-left .arrow span {
				border-right: 6px solid #ffffcc;
				border-top: 5px solid transparent;
				border-bottom: 5px solid transparent;
				border-left: 0;
				margin-right: 0;
				left: 1px;
				top: auto;
				margin-top: -5px;
			}
/* --- Quot Live Preview Styles ---------- */
.quotPreviewBg{
    /*padding-bottom: 20px;*/
    min-height: 20px;
    background: url(exampleQuot-bg-end.png) no-repeat left bottom;
}
.quotPreviewContentHolder{
    background: url(exampleQuot-bg-start.png) no-repeat right top;
    padding-top: 43px;
    padding-right: 35px;
    padding-bottom: 10px;
}
.quotPreviewContent{
    font-size: 18px;
}
.quotPreviewAuthor{
    background: url(exampleQuot-bg-Author.png) no-repeat right top;
    padding-right: 18px;
    /*margin-right: 37px;*/
    margin-right: 0px;
    margin-top: 10px;
    color: #999999;
}
.quotPreview{

}

/****************************/
.message {
	line-height: 1.25em;
	margin-bottom: 2.5em;
	border: 1px solid #999999;
	background: #F0F0F0;
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
	-webkit-background-clip: padding-box;
	border-radius: 0.333em;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	position: relative;
	z-index: 89;
	}
	.message {
		background-color: #e4e4dc;
		border-color: #999999;
	}
	.message.warning {
		background-color: #ffffcc;
		border-color: #c3c39e;
	}
	.close-bt,
ul li.close-bt,
ul.message li.close-bt {
	display: block;
	position: absolute;
	top: 0.083em;
	left: 0.083em;
	font-size: 1em;
	line-height: 1em;
	width: 1em;
	height: 1em;
	padding: 0;
	margin: 0;
	background: url(icons/fugue/cross-small.png) no-repeat center center;
	cursor: pointer;
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
	-webkit-background-clip: padding-box;
	border-radius: 0.333em;
	opacity: 0.5;
	filter: alpha(opacity=50);
	}
.close-bt:hover,
ul li.close-bt:hover {
	opacity: 1;
	filter: none;
}
.socialMediaIcon{
	margin-left:10px;
}
div.message,
	p.message {
		padding: 0.583em 2.5em 0.75em 0.833em;
		background-repeat: no-repeat;
		background-position: 0.667em 0.583em;
	}
	
	div.message{direction:ltr}
	div.message *{direction:rtl}
div.message h1 {
    color: #3F525F;
    font-size: 18px;
    margin-bottom: 1em;
	font-weight:700;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.message.warning li,
	div.message.warning,
	p.message.warning {
		background-image: url(icons/fugue/balloon.png);
		background-position:99% 8px;
		background-repeat:no-repeat;
		color: #56563e;
		}
		.message.warning li strong,
		div.message.warning strong,
		p.message.warning strong {
			color: #56563e;
		}
		
		
		/* new header */
		
		.post-txt, .post-img, .post-qout, .post-video, .post-album {background: url('featuretabs.png') no-repeat;width: 133px;height: 115px;display: block}
		.post-txt {background-position:0 1px}
		.post-img {background-position:0 -230px}
		.post-qout {background-position:0 -467px}
		.post-video {background-position:0 -709px}
		.post-video:hover, .post-video.on {background-position:0 -825px}
		.post-txt:hover, .post-txt.on {background-position:0 -113px}
		.post-img:hover, .post-img.on {background-position:0 -344px}
		.post-qout:hover, .post-qout.on {background-position:0 -590px}
		.post-album {background-position:0 -956px}
		.post-album:hover, .post-album.on {background-position:0 -1075px}
		
		.tabs-nav{float:right;width:715px;margin-top: 20px}
		.tab-v-sep{float:left;background:url(tab-v-sep.jpg) no-repeat;width:9px;height:118px;margin-left: 40px}
		.other_opt{float:left;width:155px}
		.other_opt ul{margin-top:5px}
		.other_opt li{background:url(setting-icn.png)  no-repeat;padding:3px 25px 3px 0;margin-bottom:2px}
		.other_opt li.medias1{background-position:100% 3px}
		.other_opt li.users1{background-position:100% -22px}
		.other_opt li.stats1{background-position:100% -46px}
		.other_opt li.write1{background-position:100% -73px}
		
		
.noti{background: #FFFFCC; border: 1px solid #DEDEDE; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 8px; text-align: center;margin-left: 40px;
}