@import url(/styles/softcod_pro/bootstrap/css/bootstrap.min.css);
@import url(/styles/softcod_pro/bootstrap/css/bootstrap-theme.min.css);
@import url(/styles/softcod_pro/bootstrap/css/bootstrap-rtl.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://raw.githubusercontent.com/donquixote/bootstrap-autocolumns/master/bootstrap-autocolumns.css);

body{
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	height: 100%;
	overflow-x: hidden;
	font-family: 'Droid Arabic Kufi', Arial;
	position: relative
}
a{
	text-decoration: none!important;
}
header{
	font-family: 'Droid Arabic Kufi', Arial;
}
header h1,
header h2{
	color:#fff;
	font-size: 32px;
	text-align: center;
	width:300px;
}
header h2{
	font-size: 17px;
}
.logo{
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block
}
.required-field {
	background-color: #df5050!important;
	color: #fff
}
.invisible{
	visibility: hidden;
}
.red-text{
	color: brown;
}
.bold{
	font-weight: bold;
}
.label {
	display: inline-block;
	padding: 0.3em 0.6em 0.3em;
}
.footer {
	width: 100%;
	color: #eee;
	background-color: #2a2a2a;
	border-top: 5px solid #efefef;
}
.footer .block .panel-body{
	padding: 3px 0;
}
.footer .panel-primary{
	border: none;
}
.footer .panel{
	background-color: transparent;
}
.footer .list-group-item{
	background-color: transparent;
	border-color: #565656 -moz-use-text-color -moz-use-text-color;
	padding: 6px 2px;
}
.footer .btn .badge{
	background-color: #fff;
}
.footer .list-group-item img{
	margin-right: 0;
	margin-left: 3px;
}
.footer .panel-footer{
	background-color:transparent;
}
.footer-copyright{
	text-align: center;
	color: #b0b0b0;
	height: 40px;
	padding: 6px;
	background-color: #3b3d3c;
	border-top: 1px solid #4a4a4a
}
.footer-copyright a{
	color: #b0b0b0;
}
.scrolltotop{
	font-size: 20px;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 1);
}
#sc_copyrights{
	float: left;
}
.shadow{
	text-shadow: 0px 0px 5px rgba(96, 96, 96, 1);
}
.banner{
	margin:9px
}
.heading1{
	font-family: 'Droid Arabic Kufi', Arial;
	font-size: 26px;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}
.jumbotron{
	font-family: 'Droid Arabic Kufi', Arial;
	padding: 9px 20px !important;
	background-image: linear-gradient(to bottom,#F7F7F7 0,#FFFFFF 60%);
}
.jumbotron h3{
	font-size: 34px;
	color:red;
}
.jumbotron p{
	font-size: 16px
}
.thumbnail {
	margin-bottom: 15px
}
.jumbotron,
.panel,
.thumbnail,
.navbar,
.carousel{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.30);
}
.footer .panel{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.nowrap{
	white-space: nowrap!important;
}
.padding-0{padding:0!important}
.padding-5{padding:5px!important}
.padding-10{padding:10px!important}
.padding-15{padding:15px!important}
.padding-side-5{padding-right:5px!important;padding-left:5px!important}
.padding-side-10{padding-right:10px!important;padding-left:10px!important}
.margin-0{margin:0!important}
.margin-10{margin:10px!important}
.margin-top-0{margin-top:0!important}
.margin-top-5{margin-top:5px!important}
.margin-top-10{margin-top:10px!important}
.margin-top-15{margin-top:15px!important}
.margin-top-20{margin-top:20px!important}
.margin-bottom-0{margin-bottom:0!important}
.margin-bottom-5{margin-bottom:5px!important}
.margin-bottom-10{margin-bottom:10px!important}
.margin-bottom-15{margin-bottom:15px!important}
.margin-bottom-20{margin-bottom:20px!important}
.margin-left-5{margin-left:5px!important}
.margin-left-10{margin-left:10px!important}
.margin-left-20{margin-left:20px!important}
.clear{
	clear:both;
}
.full-width{
	width: 100%;
}
.opacity{
	opacity: 0.40;
}

.adthumb{
	float: right!important;
}
.adthumb img{
	margin-bottom: 0;
	max-width: 100px;
}
@media (min-width: 992px){
	.carousel .item,
	.height {
		height: 300px
	}
}
@media (max-width: 992px){
	.carousel .item,
	.height {
		height: 300px
	}
}
@media (max-width: 991px){
	.sm-margin-top-10{
		margin-top:10px;
	}
}
@media (max-width: 600px){
	.carousel .item,
	.height {
		height: 250px
	}
	.carousel-caption h3 {
		font-size:20px
	}
}
@media (max-width: 520px){
	.carousel .item,
	.height {
		height: 200px
	}
	.carousel-caption h3 {
		font-size:16px
	}
}
@media (max-width: 460px){
	.block .nav > li > a {
		font-size: 12px
	}
	.adthumb img{
		max-width: 100%;
		margin-bottom: 15px;
		float: none;
	}
	.caption{
		float: none;
	}
}
@media (min-width: 460px){
	.caption {
		float: right;
		margin-left: 6px
	}
}
.thumbnail-frame {
	padding: 1px;
	border: 1px solid #ccc;
}
.thumbpreview img{
	max-width: 100%;
	cursor: pointer;
}
.carousel:hover div.lastitems {
	transform: scale(1.4) /*rotate(-2deg)*/;
}
.btn-remove{
	color:red;
	cursor: pointer;
	font-size: 14px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.30);
}
.list-group{
	box-shadow:none;
	margin-bottom: 0;
}
.list-group-item{
	border: 0;
	border-top: 1px dotted #ccc;
	overflow: hidden;
	padding: 10px 6px;
}
.list-group-item:first-child{
	border:0
}
.list-group-item img{
	float: left;
	margin-right: 3px;
}
a.list-group-item:hover{
	color: #950013;
}
.block .nav > li > a{
	outline: 0
}
.block .nav-tabs{
	background-color: #eee
}
.carousel-inner > .item{
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.footer .block .nav-tabs {
	background-color: transparent;
	border-color: #4C4C4C;
}
.footer .nav-tabs>li.active>a,
.footer .nav-tabs>li.active>a:focus,
.footer .nav-tabs>li.active>a:hover{
	color: #fff;
	cursor: default;
	background-color: #383838;
	border: 1px solid rgba(110, 110, 110, 1);
	border-bottom-color: transparent;
}
.footer .nav-tabs>li>a,
.footer .nav-tabs>li>a:focus,
.footer .nav-tabs>li>a:hover{
	margin-right: 0px;
	color: #909090;
	border-bottom: 1px solid #4C4C4C;
}
.footer .nav>li>a:focus,
.footer .nav>li>a:hover{
	color: #DADADA;
	background-color: transparent;
	border-color: transparent;
}
.footer .block .nav > li > a{
	padding: 8px 6px;
}
.footer a.list-group-item {
	color: #B3B3B3;
}
.footer a.list-group-item:hover {
	background-color: #3D3D3D
}
.footer .list-group-item:first-child {
	border-radius: 0;
	border-top-color: transparent;
}
.footer .img-thumbnail{
	padding: 2px;
	border-radius: 3px;
	border: none;
}
.footer .list-group-item{
	border-top: 1px dotted #545454;
}



.carousel {
	font-family: "Droid Arabic Kufi",Arial;
}
.carousel .item {
	transition:all 0.5s;
	background-position: center center;
	background-size: 100%;
}
.carousel-inner:hover .item{
	background-size: 120%;
	/*transform: scale(1.2)*/
	/*rotate(-2deg)*/;
}
.carousel-inner:hover .carousel-caption {
	/*bottom: -100%;*/
	transition:all 0.5s;
}
.carousel-inner {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 4px solid #fff;
}
.carousel-control {
	margin: 6px;
	width: 10%;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left{
	left: 30%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right{

}
.carousel-caption {
	left:0;
	right: 0;
	bottom: 0;
	margin-bottom:0;
	padding: 15px 3px 14px 3px;
	background-color: rgba(0,0,0,0.4);
}
.carousel-caption h3 {
	margin:0;
	padding-bottom:0;
}
.carousel-caption h3 a{
	color: #fff
}
#slider-thumbs .thumbnail {
	transition: all 0.2s;
}
#slider-thumbs .thumbnail:hover {
	transform: scale(1.1);
}
.panel-body {
	font-family: "Droid Arabic Kufi",Arial;
}
.panel-body h2 {
	margin-top: 0;
	font-size: 25px;
}
.date {
	color: #888
}

.share-26{
	direction: ltr;
	text-align: left;
}
.share-26 a{
	display: inline-block;
	margin-right: 2px;
	width: 26px;
	height: 26px;
	background: transparent url(share-26.png) no-repeat;
	opacity: 0.60;
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
}
.share-26 a.fp{
	background-position: 0 0;
}
.share-26 a.tw{
	background-position: 0 -26px;
}
.share-26 a:hover{
	opacity: 1.0;
	filter: alpha(Opacity=100);
	-moz-opacity: 1.0;
}
.input-group-addon:first-child{
	border-right: 1px solid #cccccc;
}
.input-group-addon:last-child {
	border-left: 1px solid #cccccc;
}
.items_list .thumbnail{
    overflow: hidden;
    position: relative;
	transition: all 1s;
	padding: 0;
	border: 4px solid #fff;
}
.items_list .thumbnail:hover img {
	transform: scale(1.2) rotate(-5deg);
}
.items_list .thumbnail img {
	width: 100%;
	height: auto;
	transition:all 0.2s;
}
.items_list .thumbnail .caption {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    right: 0;
    position: absolute;
    width: 100%;
	/*transition:all 0.5s;*/
	padding:0 4px;
}
.items_list .thumbnail:hover .caption {
    background-color: rgba(0, 0, 0, 0.7);
}
.items_list .thumbnail .caption h3{
	font-family: "Droid Arabic Kufi",Arial;
	font-size: 16px;
	color:#fff;
	margin-top: 6px;
	margin-bottom: 6px;
}
.block .panel-body{
	padding: 4px;
}
.block .nav > li > a {
	padding: 8px 9px;
}
.list-group-item-comments{
	display: block;
	background-color: #f8f8f8;
	margin: 2px 1px 0;
	clear: both;
	overflow: hidden;
}
.list-group-item-comments:hover span{
	transition:all 0.5s;
}
.list-group-item-comments span,
#sitecoments .media-left span{
	width: 64px;
	height: 64px;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 50px;
	line-height: 62px;
	float: right;
	margin-left: 6px;
}
.list-group-item-comments h6{
	margin-top: 4px;
	margin-bottom: 2px;
	font-weight: bold;
}
.list-group-item-comments:hover h6{
	color: #950013;
	transition:all 0.5s;
}
.list-group-item-comments div{
	line-height: 14px;
	color: #888;
	font-size: 12px;
}
.block-noframe{
	overflow: hidden;
}

/* Start Follow Me*/
div.spicesocialwidget{
	text-align: center;
}
div.spicesocialwidget a{
	background-color:transparent;
	background-image:url('mini-social-icons.png');
	background-repeat:no-repeat;
	background-size:auto 252px;
	border:0 none;
	color:white;
	display:block;
	float: right;
	width:84px;
	height:84px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-999em;
	transition:all 0.3s ease 0s;
}
div.spicesocialwidget a.facebook{background-position:0 0}
div.spicesocialwidget a.twitter{background-position:-84px 0}
div.spicesocialwidget a.googleplus{background-position:-168px 0}
div.spicesocialwidget a.youtube{background-position:-252px 0}
div.spicesocialwidget a.thumblr{background-position:-336px 0}
div.spicesocialwidget a.instagram{background-position:-420px 0}
div.spicesocialwidget a.rss{background-position:-504px 0}
div.spicesocialwidget a.email{background-position:-588px 0}

div.spicesocialwidget a.facebook:hover{
	background-position:0 -84px
}
div.spicesocialwidget a.twitter:hover{
	background-position:-84px -84px
}
div.spicesocialwidget a.googleplus:hover{
	background-position:-168px -84px
}
div.spicesocialwidget a.youtube:hover{
	background-position:-252px -84px
}
div.spicesocialwidget a.thumblr:hover{
	background-position:-336px -84px
}
div.spicesocialwidget a.instagram:hover{
	background-position:-420px -84px
}
div.spicesocialwidget a.rss:hover{
	background-position:-504px -84px
}
div.spicesocialwidget a.email:hover{
	background-position:-588px -84px
}

/*in footer*/
.footer div.spicesocialwidget a{
	width:65px;
	height:65px;
	background-size:auto 195px;
}
.footer div.spicesocialwidget a.facebook{background-position:0 0}
.footer div.spicesocialwidget a.twitter{background-position:-65px 0}
.footer div.spicesocialwidget a.googleplus{background-position:-130px 0}
.footer div.spicesocialwidget a.youtube{background-position:-195px 0}
.footer div.spicesocialwidget a.thumblr{background-position:-260px 0}
.footer div.spicesocialwidget a.instagram{background-position:-325px 0}
.footer div.spicesocialwidget a.rss{background-position:-390px 0}
.footer div.spicesocialwidget a.email{background-position:-455px 0}

.footer div.spicesocialwidget a.facebook:hover{
	background-position: 0 -65px
}
.footer div.spicesocialwidget a.twitter:hover{
	background-position: -65px -65px
}
.footer div.spicesocialwidget a.googleplus:hover{
	background-position: -130px -65px
}
.footer div.spicesocialwidget a.youtube:hover{
	background-position: -195px -65px
}
.footer div.spicesocialwidget a.thumblr:hover{
	background-position: -260px -65px
}
.footer div.spicesocialwidget a.instagram:hover{
	background-position: -325px -65px
}
.footer div.spicesocialwidget a.rss:hover{
	background-position: -390px -65px
}
.footer div.spicesocialwidget a.email:hover{
	background-position: -455px -65px
}

/* End Follow Me*/
.alert{
	padding: 6px;
}
.footer .heading-back{
	padding: 10px 5px;
	background-color: #484848;
	border-bottom: 1px solid #5D5D5D;
}

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

.online-flags{
	overflow-y: auto;
	max-height: 200px;
	padding: 0 4px;
}

.progress-div .progress{
	margin-bottom:0;
	height:14px;
}

.vote-progress-color-1{
	background-image: linear-gradient(to bottom, #337ab7 0px, #286090 100%);
	background-image: -o-linear-gradient(top,#337ab7 0,#286090 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));
}
.vote-progress-color-2{
	background-image: linear-gradient(to bottom, #5cb85c 0px, #449d44 100%);
	background-image: -o-linear-gradient(top,#5cb85c 0,#449d44 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));
}
.vote-progress-color-3{
	background-image: linear-gradient(to bottom, #5bc0de 0px, #31b0d5 100%);
	background-image: -o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));
}
.vote-progress-color-4{
	background-image: linear-gradient(to bottom, #f0ad4e 0px, #ec971f 100%);
	background-image: -o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));
}
.vote-progress-color-5{
	background-image: linear-gradient(to bottom, #d9534f 0px, #c9302c 100%);
	background-image: -o-linear-gradient(top,#d9534f 0,#c9302c 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));
}
.vote-progress-color-6{
	background-image: linear-gradient(to bottom, #b85cac 0px, #902c7b 100%);
	background-image: -o-linear-gradient(top,#b85cac 0,#902c7b 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#b85cac),to(#902c7b));
}
.vote-progress-color-7{
	background-image: linear-gradient(to bottom, #ff84bc 0px, #d84794 100%);
	background-image: -o-linear-gradient(top,#ff84bc 0,#d84794 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#ff84bc),to(#d84794));
}
.vote-progress-color-8{
	background-image: linear-gradient(to bottom, #818181 0px, #454545 100%);
	background-image: -o-linear-gradient(top,#818181 0,#454545 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#818181),to(#454545));
}
.vote-progress-color-9{
	background-image: linear-gradient(to bottom, #dbdbdb 0px, #b3b3b3 100%);
	background-image: -o-linear-gradient(top,#dbdbdb 0,#b3b3b3 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#b3b3b3));
}
.vote-progress-color-10{
	background-image: linear-gradient(to bottom, #be1818 0px, #8b1a1a 100%);
	background-image: -o-linear-gradient(top,#be1818 0,#8b1a1a 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#be1818),to(#8b1a1a));
}

.breadcrumb {
	font-family: "Droid Arabic Kufi",Arial;
	font-size: 13px;
}
.breadcrumb > li + li:before {
	color: #ccc;
	content: "\00BB";
	padding: 0 7px;
}
.jfontsize {
	margin-left: 0px;
	margin-bottom: 10px;
}
#sharethis span {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.rtl{direction:rtl!important;}
.ltr{direction:ltr!important;}
.noresize{
	resize: none
}
.resize-ver{
	resize: vertical
}
.left{
	float: left;
}
.right{
	float: right;
}
.textcenter{
	text-align:center
}
/*.btn{
	margin-bottom: 4px;
}*/
.btn,
.btn:active,
.btn:focus{
	outline: none
}

/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: block;    /* undo display:none          */
    height: 0;         /* height:0 is also invisible */ 
    overflow: hidden;  /* no-overflow                */
}
.tab-content > .active, .pill-content > .active {
    height: auto;      /* let the content decide it  */
} /* bootstrap hack end */

.commentrating button {
	padding: 1px 7px!important;
	font-size: 12px!important;
	line-height: 1.3!important;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.10) inset, 0px 1px 1px rgba(0, 0, 0, 0.050);
}
.adrate {
	white-space: normal;
}
.adlike button {
	padding: 5px 10px 1px!important;
	font-size: 20px!important;
	line-height: 10px!important;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.10) inset, 0px 1px 1px rgba(0, 0, 0, 0.050);
}
.adlike .numberup,
.adlike .numberdown {
	font-size: 12px;
	font-weight: bold;
	float: left;
	line-height: 26px!important;
	padding-right: 5px;
	color: #656565;
}
.adlike .numberdown {
	float: right;
	padding-left: 5px;
}
#sitecoments .media{
	border-bottom: 1px dotted #eee;
	padding-bottom: 10px;
	margin-top: 10px;
}
.commentrating button{
	outline: 0!important
}
.comment .media-body{
	margin-top: 10px;
	border-top: 1px dotted #eee;
	padding-top: 10px;
}
.comment p{
	clear: both;
	color: #52545f;
}
.btn-ajax{
	margin-bottom: -3px;
	width: 14px;
}

hr{
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: transparent;
}

.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}
.cursor-pointer{cursor:pointer; cursor:;}
.cursor-croshair{cursor: crosshair;}
.cursor-eresize{cursor: e-resize;}
.cursor-move{cursor: move;}

.relative{
	position: relative;
}
.newpost-logostamp-pos{
	position: absolute;
}
.noliststyletype{
	list-style-type:none;
	padding:0!important;
	margin: 0!important
}
ul.newpost-attachments-list{
	overflow: auto;
	max-height: 200px
}
.newpost-attachments-list li{
	border-top: 1px dotted #eee;
	margin-top: 3px;
	padding-top: 3px;
	overflow: hidden;
}
.newpost-attachments-list li .attach-info div{
	color: #888;
	font-size: 12px
}
.newpost-attachments-list li img.thumb{
	width: 100px;
	padding: 1px;
	border: 1px solid #ccc;
	margin-left: 6px;
	cursor: pointer;
}
.newpost-attachments-list li:first-child{
	border-top: none;
	margin-top: 0;
}

.jq-ry-container{
	position:relative;
	padding:0;
	line-height:0;
	display:block;
	cursor:pointer;
	margin-top: -10px;
	margin-bottom: 5px
}
.jq-ry-container[readonly=readonly]{
	cursor:default
}
.jq-ry-container>.jq-ry-group-wrapper{
	position:relative;width:100%
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{
	position:relative;
	line-height:0;
	z-index:10;
	white-space:nowrap
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{
	display:inline
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{
	width:100%
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{
	width:0;
	z-index:11;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden
}
.input-group-addon img{
	margin: auto 6px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: all 0.2s ease-in-out 0s;
}
.tooltip {
	font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tooltip-inner {
	max-width: 300px;
}
.panel ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.ehdaa{
	height: 80px;
	overflow-y: auto;
	overflow-x: hidden;
}
.smiles {
	border: 1px solid #ccc;
	padding: 2px;
	margin-top: 10px;
	border-radius: 4px;
	max-height: 100px;
	overflow: auto;
}
.alert{
	margin-bottom: 0;
}
.iframe-zero{
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow-y: auto;
}
.style-colors{
	margin: -14px 5px 10px 5px;
}
.style-colors a{
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid #fff;
	border-radius: 6px;
	margin-left: 5px;
}
.style-colors a#blue{
	background-color: #017CC3
}
.style-colors a#pink{
	background-color: #FF84FB
}
.style-colors a#violet{
	background-color: #B80CBA
}
.style-colors a#green{
	background-color: #369A1B
}
.page-title a{
	color: #fff;
}
select{
	padding-top: 3px!important;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	input::-webkit-input-placeholder{
		padding-top: 4px!important;
	}
}
.alignleft {display: inline;float:left;margin-right:10px;}
.alignright {display: inline;float:right;margin-left:10px;}
.aligncenter {	display: block;margin-left: auto;margin-right: auto;}
.breadcrumb > li + li:before{
	color: #747474;
	content: "\00BB";
	padding: 0 7px;
	font-size: 18px;
}
@media screen and (max-width: 540px){
	.postcontents img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none!important;
		width: auto!important;
	}
}
.images_upl{
	border: 1px solid #eee;
	overflow: hidden;
}
.images_upl .tchthumb {
	max-width: 100px!important;
	border: 1px solid #BEBEBE;
	padding: 1px;
	cursor: pointer;
}
.images_upl .selected {
	cursor: default;
	border-color: red
}
#adimages > div{
	margin: 6px;
}
.images_upl .remove{
	position:absolute;
	top:4px;
	left:4px;
	cursor:pointer;
	width:16px;height:16px
}
.ajx-upl {
	background: transparent url(/styles/loading2.gif) no-repeat 20px center;
}
.label-white{
	background-color: white;
	color: red;
}
.caption{
	color: #888
}
.info{
	font-weight: bold;
}
.phones span,
.phones span a{
	direction: ltr;
	background-color: #888;
	margin-left: 6px;
	display: inline-block;
	padding: .2em .6em .3em;
	font-size: 100%;
	font-weight: 700;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.ad-thumbnail a,
.sitethumb{
	display: inline-block;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}
.ad-thumbnail a:hover{
	border-color: #c12e2a
}
.sitethumb{
	float: right;
	max-width: 50px;
	margin-left: 3px
}
.modal-footer {
	text-align: center;
}
.tall-list{
	overflow-x:auto;
	max-height: 280px
}
.head {
	background: #BABABA;
	padding: 4px 6px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);
}
.ads_bit{
	padding: 10px;
}
.ads_seb{
	border-top: 1px dashed #ccc;
	margin-top: 6px;
	padding-top: 15px;
}
.adtitle{
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
.adinfo,
.adinfo2 {
	font-size: 12px;
	color: #888;
}
.adinfo > span {
	white-space: nowrap;
	margin-left: 10px
}
.mod-table h2{
	margin-bottom: 0;
	margin-top: 0
}
.mod-table h2 a{
	color: #fff;
}

/*Light box*/
.ekko-lightbox-container {
  position: relative;
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
	 -moz-transition: opacity 0.5s;
	   -o-transition: opacity 0.5s;
		  transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.ekko-lightbox .modal-footer {
  text-align: left;
}
/*Light box*/

/*UI autocomplate*/
/*input{padding:6px;border-radius:4px;border:1px solid rgb(170,170,170);}*/
.ui-helper-hidden-accessible{border:0px none;clip:rect(0px,0px,0px,0px);height:1px;margin:-1px;overflow:hidden;padding:0px;position:absolute;width:1px;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px;}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px;}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px;}
.ui-widget-content{border:1px solid rgb(170,170,170);background:repeat-x scroll 50% 50% rgb(255,255,255);color:rgb(34,34,34);}
.ui-menu{list-style:none outside none;padding:2px;margin:0px;display:block;outline:medium none;}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:6px 5px;line-height:1.5;min-height:0;/* support: IE7 */font-weight:normal;}
.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:0px;}
.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:0px solid rgb(153,153,153);border-radius:3px;background:repeat-x scroll 50% 50% #009ec6;font-weight:normal;color:#fff;}
.ui-autocomplete{position:absolute;top:0px;left:0px;cursor:default;max-height: 300px;overflow-y: auto;}
.ui-front{z-index:100;}
/*/UI autocomplate*/

.multiselect-container li a,
.multiselect-container li.active a,
.multiselect-container li a:hover,
.multiselect-container li.active a:hover {
	background-repeat: no-repeat!important;
	background-position: 6px center;
}
.multiselect-container li label{
	padding-right: 6px;
	padding-left: 9px;
}
.multiselect-container > li > a{
	width: auto;
}
ul.multiselect-container{
	width: 100%;
}
button.multiselect {
	width: 100%!important;
}

.lightspan span,
.phones span {
	background-color:#337ab7;
	display: inline-block;
    padding: .5em .6em .5em;
    font-size: 90%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-left: 3px;
    margin-bottom: 3px;
}
.phones span {
	padding: .6em .8em .4em!important;
}
.row-separator{
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px dotted #ccc;
}
.weather-wraper{
	color: #fff;
}
.weather-currentcity{
	display: inline-block;
	color: #fff;
	margin-right: 9px;
	font-size: 26px;
	font-weight: bold;
}
.weather-tempcity{
	margin-left: 12px;
	float:left;
	color: #f9b71f;
	font-size: 60px;
	font-weight: bold;
}
.weather-condition{
	margin-right: 9px;
	color: #fff;
}
.weather-temphigh{
	
	margin-left: 12px;
	color: #fff;
}
.weather-cityicon{
	width: 60px;
	margin-right: 9px;
}
.weather-cityicon1{
	width: 40px;
	float: left;
	/*margin-right: 9px;*/
}
.weather-bg{
	background-color: #235c72;
	margin-bottom: 2px
}

.currency, .prayer {
	background: #f0f0f0;
	overflow: hidden;
	margin: 2px 0px 2px;
	padding: 3px 4px;
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.currency:nth-child(odd) {
    background: #f9f9f9;
}

.currency .buy b {
	color: #166d9c;
}
.currency .sell b {
	color: #b0211a;
}
.prayer img{
	margin-left: 4px
}

.weathers {
	margin: 0px;
	color: #fff;
	position: relative;
}
.weathers .today,
.weathers .forecast {
	background: #2b5e71;
	padding: 3px 5px 4px;
	margin-bottom: 3px;
	border: 0px solid #73b8ef;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.weathers .forecast .cond{
	margin-top: 3px
}
.weathers .icon{
	background-position: -10px -12px;
	background-repeat: no-repeat;
	width:90px; height:80px;
	float: left
}
.weathers .temp{
	font-size:48px;
	color:#f9b71f;
	font-family: Arial;
	font-weight: bold;
	text-shadow: #404040 1px 1px 1px;
}
.weathers .city {
	margin-top: 3px;
}
.weathers .city,
.weathers .cond{
	font-size: 24px;
	text-shadow: #404040 1px 1px 1px;
}
.weathers .cond{
	color: #e2e2e2;
	float: right;
	font-size: 12px;
	font-weight: normal;
}
.weathers .temph{
	color: #fcde9a
}
.weathers .templ{
	color: #bbe0ff
}

.online-flags{
	overflow-y: auto;
	max-height: 200px;
	padding: 0 4px;
}
.newadbtn a{
	font-size: 24px;
	width:80%;
	padding: 15px
}
.newadbtn a img{
	width: 24px;
}

/*new bar CSS*/
.js-marquee-wrapper{
	direction: rtl;
}
.marquee {
	width: 100%;
	overflow: hidden;
	padding: 6px;
}
.ver {
	height: 30px;
	width: 200px;
}

.aljazeera a,
.cnn a{
	padding-left: 0px;
	margin-left: 30px;
	margin-right: 30px;
	color: #A70000;
	font-weight: bold;
	font-size : 13px;
}
.aljazeera .logo,
.cnn .logo{
	width: 60px;
	height: 21px;
	background-image: url("../aljazeera.png");
	background-repeat: no-repeat;
	margin: 0;
	border: 0;
}
.cnn .logo{
	background-image: url("../cnn_arabic.png");
}


/* Start Follow Me*/
div.spicesocialwidget{
	text-align: center;
}
div.spicesocialwidget a{
	background-color:transparent;
	background-image:url('mini-social-icons.png');
	background-repeat:no-repeat;
	background-size:auto 252px;
	border:0 none;
	color:white;
	display:block;
	float: right;
	width:84px;
	height:84px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-999em;
	transition:all 0.3s ease 0s;
}
div.spicesocialwidget a.facebook{background-position:0 0}
div.spicesocialwidget a.twitter{background-position:-84px 0}
div.spicesocialwidget a.googleplus{background-position:-168px 0}
div.spicesocialwidget a.youtube{background-position:-252px 0}
div.spicesocialwidget a.thumblr{background-position:-336px 0}
div.spicesocialwidget a.instagram{background-position:-420px 0}
div.spicesocialwidget a.rss{background-position:-504px 0}
div.spicesocialwidget a.email{background-position:-588px 0}

div.spicesocialwidget a.facebook:hover{
	background-position:0 -84px
}
div.spicesocialwidget a.twitter:hover{
	background-position:-84px -84px
}
div.spicesocialwidget a.googleplus:hover{
	background-position:-168px -84px
}
div.spicesocialwidget a.youtube:hover{
	background-position:-252px -84px
}
div.spicesocialwidget a.thumblr:hover{
	background-position:-336px -84px
}
div.spicesocialwidget a.instagram:hover{
	background-position:-420px -84px
}
div.spicesocialwidget a.rss:hover{
	background-position:-504px -84px
}
div.spicesocialwidget a.email:hover{
	background-position:-588px -84px
}

.rating-select .star-light,
.rating-select .btn-default{
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #ccc;
	color: #555;
}
.rating-select .star-light{
	color: #f2aa00;
}
.rating-select .btn:hover{
	color: #f2aa00;
}
.rating-select .nstar{
	background: #eee;
	color: #616161;

}
.rating-select .star,
.rating-select .nstar{
	outline: 0!important;
	font-size: 16px;
	padding: 3px 7px
}

.news-height{
	height: 30px;
	overflow: hidden;
	padding: 2px;
}
.fixedads{
	background: #ffe8b4;
	border: 1px dotted #ff0000;
}
.fixedads .adtitle{
    font-size: 16px;
    color: #c10b0b;
    outline: none;
}
.fixedads .adinfo{
	color: #656565
}
.newadmainbtn{
	color: #e24747!important;
    font-weight: bold;
}
.none{
	display: none;
}
label.required{
	color: red;
	display: block;
	font-weight: normal;
}

.panel-heading .h1,
.panel-heading .h2,
.panel-heading .h3,
.panel-heading h1,
.panel-heading h2,
.panel-heading h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.panel-heading .h2,
.panel-heading h2 {
	font-size: 22px;
}