/* CSS Document */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { padding: 0px; margin: 0px; background: #e7e7e7; font-family: arial; font-size: 15px; }
div { font-family: arial; direction: rtl; text-align: right;  }
td  { font-family: arial; font-size: 13px; direction: rtl;  }
p { 
	margin: 5px 0px;
    float: left;
    width: 100%;
}

form { margin: 0px; }
textarea { font-family: arial; }

a { color: #213f8e; text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
 }
a:hover { text-decoration: underline; color: #2596DE;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
 }


.gsc-input { background: rgb(255, 255, 255); }
.gsc-input-box { padding: 0 !important; margin: 0 !important; }
.gsc-search-button-v2 { padding: 8px 10px !important; }



.space5 { margin: 5px; } .space10 { margin: 10px; } .space15 { margin: 15px; } .space20 { margin: 20px; } .space25 { margin: 25px; } .space30 { margin: 30px; } 
.bottom0 { margin-bottom: 0px;} .bottom5 { margin-bottom: 5px;} .bottom10 { margin-bottom: 10px; } .bottom15 { margin-bottom: 15px; } .bottom20 { margin-bottom: 20px; } .bottom30 { margin-bottom: 30px; }
.top0 { margin-top: 0px; } .top5 { margin-top: 5px; } .top10 { margin-top: 10px; } .top15 { margin-top: 15px; } .top20 { margin-top: 20px; } .top25 { margin-top: 25px; } .top30 { margin-top: 30px; }
.left0 { margin-left: 5px; } .left5 { margin-left: 5px; } .left10 { margin-left: 10px; } .left15 { margin-left: 15px; } .left20 { margin-left: 20px; } .left25 { margin-left: 25px; } .left30 { margin-left: 30px; }
.right0 { margin-right: 5px; } .right5 { margin-right: 5px; } .right10 { margin-right: 10px; } .right15 { margin-right: 15px; } .right20 { margin-right: 20px; } .right25 { margin-right: 25px; } .right30 { margin-right: 30px; }
.px8 { font-size: 8px; } .px9 { font-size: 9px; } .px10 { font-size: 10px; } .px11 { font-size: 11px; } .px12 { font-size: 12px; } .px13 { font-size: 13px; } .px14 { font-size: 14px; } .px15 { font-size: 15px; } .px16 { font-size: 16px; } .px17 { font-size: 17px; } .px18 { font-size: 18px; } .px19 { font-size: 19px; } .px20 { font-size: 20px; } .px21 { font-size: 21px; } .px22 { font-size: 22px; } .px23 { font-size: 23px; } .px24 { font-size: 24px; } .px25 { font-size: 25px; } .px26 { font-size: 26px; } .px27 { font-size: 27px; } .px28 { font-size: 28px; } .px29 { font-size: 29px; } .px30 { font-size: 30px; } .px31 { font-size: 31px; } .px32 { font-size: 32px; } .px33 { font-size: 33px; } .px34 { font-size: 34px; } .px35 { font-size: 35px; } .px36 { font-size: 36px; } .px37 { font-size: 37px; } .px38 { font-size: 38px; } .px39 { font-size: 39px; } .px40 { font-size: 40px; } .px41 { font-size: 41px; } .px42 { font-size: 42px; } .px43 { font-size: 43px; } .px44 { font-size: 44px; } .px45 { font-size: 45px; } .px46 { font-size: 46px; } .px47 { font-size: 47px; } .px48 { font-size: 48px; } .px49 { font-size: 49px; } .px50 { font-size: 50px; } .px51 { font-size: 51px; } .px52 { font-size: 52px; } .px53 { font-size: 53px; } .px54 { font-size: 54px; } .px55 { font-size: 55px; } .px56 { font-size: 56px; } .px57 { font-size: 57px; } .px58 { font-size: 58px; } .px59 { font-size: 59px; } .px60 { font-size: 60px; } .px61 { font-size: 61px; } .px62 { font-size: 62px; } .px63 { font-size: 63px; } .px64 { font-size: 64px; } .px65 { font-size: 65px; } .px66 { font-size: 66px; } .px67 { font-size: 67px; } .px68 { font-size: 68px; } .px69 { font-size: 69px; } .px70 { font-size: 70px; } .px71 { font-size: 71px; } 

.hide { display: none; } 
.show   { display: block !important; }
.clear { clear: both; }
.fw { width: 100%; }
.nofloat { float: none; }
.pointer { cursor: pointer !important; }
.center { text-align: center; } 
.left { float: left; }
.right { float: right; }
.small_gray { font-size: 11px; color: #999; }
.alpha {
  opacity: 1; 
}
.alpha:hover { 
  opacity: 0.85; 

}
.post a {
  -webkit-transition: none; 
  -moz-transition: none; 
  -o-transition: none; 
  transition: none; 
}

.ad_resp { 
	width: 100%;
	float: right;
	padding: 10px;
	bottom: 10px;
	top: 10px;
}

.ad_border {
	border-top: 10px solid #ddd !important;
    border-bottom: 10px solid #ddd !important;
}

#tbl_header a {
	color:  #fff; 
	font-size:  15px; 
	
}

/*====================================================== SITE CSS ========================================================== */
.desktop_only { display: none; }

.max500 { max-width: 500px; width: 100%; }

h1 { 
	font-family: tahoma, sans-serif;
    font-size: 26px;
    font-weight: normal;
    direction: rtl;
    margin-bottom: 0px;
    line-height: 40px;
    margin-top: 0px;
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px 10px;
    color: rgb(17, 109, 201);
}

h2 { 
 	font-family: tahoma, sans-serif;
    font-size: 18px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 28px;
    color: #444;
    font-weight: normal;
    margin-top: 5px;
    padding-right: 5px;
	float: left;
	width: 100%;
	text-align: right;
    border-top-left-radius: 50px;

	
    font-size: 19px;
    padding-right: 5px;
    background-color: #0c4e90;
    line-height: 30px;
    color: #fff;
	
}


	h2 a {
		color: #fff;
	}
	
	h2 a:hover {
		color: #fff;
		text-decoration: underline; 
	}
	 
#search_q {
	margin-top: 5px;
	width: 150px; 
	line-height: 26px;
	font-size: 13px;
	border-radius: 5px;
	border-radius: 5px;
}
	 
#search_btn {
	width: 50px; 
	line-height: 26px;
	font-size: 13px;
	border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #aaa;
}


#advert_left {
	position:fixed;display:none;left:50%;width:160px; top:120px; margin-left:-685px;
}

#advert_right {
	position:fixed;display:none;right:50%;width:150px; top:120px; margin-right:-685px;
}


#div_body_cont {
	max-width: 940px;
	float: none;
	margin: 0px auto;
	padding-top: 45px;
	padding-bottom: 100px; 
}

.button_blue {
    background: #1d8eff;
    color: #fff;
    line-height: 25px;
    border-radius: 5px;
    text-align: center;
    padding: 5px 20px;
}

.button_blue:hover {
	text-decoration: underline;
	color: #fff;
}

.textfield {
	line-height: 30px;
	height: 30px;
	border-radius: 10px;
	border: 1px solid #ccc;
	width: 100%;
	outline: none;
	padding: 0px 10px;
}

.cta_form {
	width: 100%;
	font-size: 15px;
	height: 35px;
}

.profile {
	border-radius: 20px;
}

#rte_textarea {
	width: 100%; 
	min-height: 150px; 
	padding: 10px;
	line-height: 15px;
	font-size: 13px;
	border-top: none !important; 
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

#rte_textarea img {
	max-width: 100%;
}

.rte_toolbar {
	border: 1px solid #ddd;
	float: left;
	width: 100%; 
	background: #fafafa;
}

.rte_toolbar div {
	float: right;
	width: 40px;
	height: 34px;
	text-align: center;
	border-left: 1px solid #eee;
	padding: 5px;
	cursor: pointer;
}

.rte_toolbar div:hover {
	background: #fff;
}

/*====================================================== HOME PAGE ========================================================== */

	
.home_left  { float: right; width: 100%; }
.home_mid	{ float: right; display: none; }
.home_right { float: right;  width: 100%; }


/*=================== HOMEPAGE =================== */
#splash_cont {
	width: 100%; 
	float: left;
	background: #000;     
	height: 175px; 
}

.splash_h1 {
	display: block;
	line-height: 28px;
	width: 100%; 
	color: #fff; 
	font-size: 22px; 
	padding: 0px 15px; 
	text-shadow: 1px 1px 1px #000; 
	margin-top: 10px; 
	text-align: center; 
}

.splash_pic {
	width: 100%; 
	background-size: 100%; 
	height: 175px; 
	opacity: 0.8; 
    background-position: 0px -150px;
}

.splash_text {
	position: relative; top: -10px; margin-top: -140px; width: 100%; text-align: center;
}


#splash_credit {
	line-height: 50px;
}

/*====================================================== HEADER ========================================================== */
#header {
	 direction: rtl; 
	 text-align: right; 
	 background: rgb(17, 109, 201);
	 line-height: 50px; 
	 float: left; 
	 width: 100%; 
	 z-index: 2;
	 position: fixed;
	     height: 43px;
}

.header_msg {
    width: 300px;
    position: fixed;
    direction: rtl;
    color: #000;
    padding-right: 10px;
    text-align: center;
    background: #ffffaa;
    border-top: 1px solid #ddd;
    line-height: 30px;
    left: 50%;
    bottom: 5%;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 50px;
    margin-left: -150px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}

.msg_counter {
	position: relative;
    width: 16px;
    height: 16px;
    background: #DE2000;
    color: #fff;
    font-size: 11px;
    z-index: 2;
    text-align: center;
    line-height: 16px;
    border-radius: 16px;
    right: 25px;
    top: -35px;
}

.toaster_open { 
	margin-right: 0px !important;
}

#toaster_menu_overlay {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}

#toaster_menu { 
	position: fixed; 
	z-index: 3;
	top: 43px; 
	right: 0px; 
	width: 250px; 
	margin-right: -250px; 
	height: 100%; 
	background: #0c4e90; 
	font-size: 13px; 
	color: #fff;
    transition: all 200ms ease-out;
}

#toaster_menu ul, #footer ul { 
	padding: 0px;
	margin: 0px;
}

#toaster_menu li, #footer li { 
    width: 100%;
    line-height: 35px;
    border-bottom: 1px solid #2472c2;
    font-size: 16px;
    list-style: none;	
}

#logo {
	float: right; width: 104px; _margin: 0px auto;
}

#header_sub {
	width: 100%;
	border-bottom: 1px solid #ddd;
	line-height: 25px; background: #fff; float: left; 
	display: block;
    margin-top: 44px;
    position: relative;	
	background: #0c4e90;
}


#header_sub  a {
	line-height: 40px;
    padding: 6px 10px;
	color: #fff;
	
}


#div_search {
	position: fixed;
	top: 46px;
	width: 400px;
	line-height: 45px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px 10px;
	 
}

#div_search .textfield {
	float: right;
	width: 280px;
	height: 40px;
	line-height: 40px;
}

#div_search .button_blue {
	float: left;
	width: 90px;
	font-size: 16px;
}



#footer {
	float: left; 
	width: 100%;     
	background-color: rgb(0, 125, 204);
}

#footer .text {
	padding: 20px;
	color: #eee;
	font-size: 11px;
	line-height: 20px;
}

#footer li { 
    border-bottom: 1px solid #236793;
}

#toaster_menu li a, #footer li a{ 
    color: #fff;
    text-decoration: none;
    padding-right: 10px;
    display: block;
    padding: 3px 5px;
}

#footer li a{ 
    padding-right: 25px;
}

.breadcrumbs {
    line-height: 30px;
    font-size: 12px;
    color: #39F;
    background: #fdfdfd;
    border-bottom: 1px solid #ddd;	
}

.breadcrumbs a:first-child {
	margin-right: 10px;
}
.breadcrumbs span {
	
}

/*====================================================== CONTAINERS ========================================================== */
.flexgrid { display: none; }

.pad10 { 
    padding: 10px;
    float: left;
    width: 100%;
}

.section { 
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
}

.mobile_list {
	line-height: 25px; 
}

.limit5 a:nth-child(n+4) {
	display: none;
}

.mobile_list span {
	margin-right: 10px;
}

.mobile_list a {
	display: block;
    border-bottom: 1px solid #ddd;
    line-height: 35px;
    background: #fff;
	font-size: 14px;
}

.tabs {
	line-height: 40px; 
	text-align: center;
}

.tabs a {
	display: inline;
	background: #fff;
	padding: 5px 8px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.paginate {
	line-height: 40px; 
	text-align: center;
	float: left;
	width: 100%;
}

.paginate a {
	display: inline;
	background: #fff;
	padding: 5px 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

/*====================================================== POST ========================================================== */
.post {
	direction: rtl; font-family: arial; font-size: 13px; border-bottom: 1px solid #eee; background: #fff; float: left; width: 100%; padding: 5px;
}

.post:hover .post_options { 
	visibility: visible;
}

.post_options {
	line-height: 30px;
	text-align: right;
	float: right;
	visibility: visible;
}

.post_liked {
	float:  left;
	line-height: 30px;
	font-weight: bold;
    color: #116dc9;
}

.post_date {
	float: left;
    color: #aaa;
	font-size: 12px;
}

.post_forum a {
	font-size: 12px;
}

.post_date2 {
    color: #aaa;
	font-size: 12px;
}

.post_comments {
	float: left;
    color: #444;
	font-size: 12px;
	background-image: url('/images/comments.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	line-height: 20px;
}

.post_likes {
	float: left;
	font-size: 12px;
	background-image: url('/images/likes.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	line-height: 20px;
	color: #213f8e;
	margin-left: 10px;
background-position: 13px;	
	
}


.post .user {
	float: right;
	width: 55;
	text-align: center;
}

.post .nick {
	font-size: 11px; margin-top: 5px; text-align: center; width: 55; overflow: hidden;
}

.post .user_title {
    color: #78B4E0;
	
}

.post_body_outer {
	float: left; margin-right: 10px; font-size: 13px;
}


.post_body {
	float: left;
	width: 100%;
    line-height: 18px;
	font-family: arial !important;
}

.post_body img {
	max-width: 100% !important;
	margin: 10px 0px;
    height: auto !important;
}

.post_body div {
    float: right;
	width: 100%;
	text-align: right;
	direction: rtl;
}

.post_body font {
    float: right;
	width: 100%;
	text-align: right;
	direction: rtl;
}

.post_body iframe {
	float: none;
	width: 100% !important;
	height: 200px !important;
}

.fish_cat { 
    _width: 50%;
    float: right;
}
 
.fish_cat div { overflow: hidden; }
.fish_cat a {
	text-decoration: none;
}

.quote { padding: 10px; background: #fafafa; border: 1px solid #eee; margin-bottom: 10px; margin-top: 10px;  }

.button_blue_cont { text-align: center; }

.desktop_only_cell { display: none; }

.forums_50 { float: right; width: 100%; margin-bottom: 20px; }


/*====================================================== RESPONSIVE ========================================================== */

@media all and (min-width: 800px) and (max-width: 18699px) {

	h1 { 
		font-size: 42px !important; font-weight: normal !important; line-height: 60px !important; text-align: right !important; border-bottom: 1px solid #2596DE; margin-bottom: 10px; padding-bottom: 0px;
	}
	
	h2 {
    font-size: 18px;
    padding-right: 5px;
    background-color: #2e71b3;
    line-height: 30px;
    color: #fff;
	}
	
	#header {
		position: relative;
		z-index: 4;
		    float: none;
    margin: 0px auto;
    width: 980px;
	}
	
	#header_sub  a {
		color: #fff;
		line-height: 35px;
		border-left: 1px solid #0e57a1;
	}
	
	body {
		padding-top: 0p !importantx;
	}
	
	#header_sub	{
		position: relative;
		left: 0px;
		top: 0px;
		background: #0c4e90;
		width: 100%;
		z-index: 3;
		    float: none;
    margin: 0px auto;
    width: 980px;
		
		}
	
	#div_body_cont { 
		padding-top: 0px;
	}
	
	.breadcrumbs {
		border: 1px solid #ddd;
	}
	
	.desktop_only { display: inline !important; }
	.mobile_only  { display: none !important; }
	.desktop_only_cell { display: table-cell !important; }
	  
	.desktop_max { float: right; max-width: 580px; width: 100%; }

	.home_left  { width: 43%; }
	.home_mid	{ width: 2%; display: inline !important; }
	.home_right { width: 55%; }
	
	.button_blue_cont { text-align: right !important; }
	.button_blue:hover {
		background: #3BA2E4;
	}
	
	

	
	.forums_50 { width: 45%; margin-left: 20px; }
	
	.splash_h1 {
		font-size: 33px !important; 
		line-height: 38px;
	}
	
	#splash_credit {
		font-size: 13px !important;
	}

	
	.guides .desktop30 { width: 33% !important; padding: 10px; }
	
	.post_body {
	   font-size: 15px !important; 
	   line-height: 20px !important;
	}
	
	.post_options {
		visibility: hidden;
	}
	
	
	.fish_cat {
		float: right;
		_max-width: 33% !important;
		margin-bottom: 1px !important;
	}  
	
	.post_body iframe {
		float: none;
		width: 480px !important;
		height: 350px !important;
	}
		
	#header_sub {display: block !important; }
	
	.desktop50 {
		float: right;
		width: 50%;
	}
	
	.desktop30 {
		float: right;
		width: 40%;
	}
	
	.desktop70 {
		float: right;
		width: 60%;
	}
	
	.tabs {
		text-align: right;
	}
	
	#footer li a {
		display: inline !important;
		line-height: 50px;
		padding: 3px 0px !important;
	}
	
	#footer li a:after {
		content: ' · ';
		padding: 0px 5px;
	}
	#footer li:last-child a:after {
		content: ' ';
		padding: 0px 5px;
	}
	
	#footer li {
		float: none !important;
		display: inline !important;
		border: none !important;
	}
	
	#footer {
		text-align: center !important;
	}
	
	#splash_cont {
		line-height: 40px !important;
		height: 250px !important; 
	}
	
	.splash_pic {
		height: 250px !important; 
	}
	
	.splash_text {
		line-height: 20px !important;
		margin-top: -180px !important;
	}

	.splash_text .button_blue {
		font-size: 24px;
	}

}




/*====================================================== RESPONSIVE ========================================================== */

@media all and (min-width: 800px) and (max-width: 1100px) {
/*
	#header_sub	{
		position: fixed;
		top: 40px;
		background: #0c4e90;
		
		}
		
body {
    padding-top: 90px;
}
*/		
}