@font-face {
  font-family: "modern";
  src: url("http://ewsaly.com/fonts/HighlandGothicFLF.ttf") format("truetype");
}
@font-face {
  font-family: "modern2";
  src: url("http://ewsaly.com/fonts/Alef-Regular.ttf") format("truetype");
}

/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav {margin: 0 0 0 0px; font-family: modern2; font-size: 21px; }
ul.drop a { display:block; color: #fff; text-decoration: none; }
ul.drop a:hover { color: #ffc000;}

ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; border: 0px solid #fff; background: #7c5011; color: #fff; border-radius: 0px; }

ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { transition: 0s all ease; border-radius: 0px; background: #7c5011;  float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 10px; }

ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #0099C9; color: #ffc000; }
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 255px; background: #7c5011; border: 0px solid #7c5011; color: #ffc000; padding: 3px 3px 3px 3px; box-shadow:inset 0px 0px 2px 3px rgba(0,0,0,1); }
ul.drop ul li { float: none; border-radius: 0px; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible;}

.bannerads{
	border-radius: 14px;
	transition: 0.5s all ease;
	}
.bannerads:hover
	{
    	border-radius: 0px;
	}

.bannerads h1 {
		position: absolute;
		margin: 0;
		opacity: 0.7;
		}
.bannerads h1:hover {
		opacity: 1;
		}

.lbla{
	color: #ccc;
	TEXT-DECORATION: NONE;
	}
.lbla:hover
	{
	color: #ffff00;
	}

.likebox{
	opacity: 0.7;
	transition: 0.5s all ease;
	}
.likebox:hover
	{
    	opacity: 1;
	}

.likebo{
	opacity: 0.6;
	}
.likebo:hover
	{
    	opacity: 1;
	}

.leftbtnimg
{
	border-radius: 14px;
}
.leftbtnimg:hover
{
    box-shadow: 0px 0px 4px 7px rgba(150,110, 30,0.7);
    transition: 0.3s all ease;
    padding-left: 18px;
}
.leftbtnimgA
{
	border-radius: 14px;
}
.leftbtnimgA:hover
{
    box-shadow: 0px 0px 4px 7px rgba(150,110, 30,0.7);
    transform:scale(1.05);
    transition: 0.3s all ease;
}

body {
	background: #cee4ee;
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: Arial; font-size: 18;
	color: #404040;
	}
	input {
		border: 1px solid #dadada;
		padding: 3px 7px;
		}
	select {
		font-size: 20px;
		background: #66CCFF;
		background-image: url('img/drlikes_text.jpg');
		border: 1px solid #dadada;
		border-radius: 3px;
		transition: 0.4s all ease;
		}
	select:hover {
		box-shadow:inset 0px -4px 0px 0px rgba(99,0,0,0.5);
		color: #102055;
		border-color: #102045;
	}
	select:focus {
		background: #FFFF00;
		box-shadow:inset 0px -3px 0px 0px rgba(99,0,0,0.5);
		background: url('img/btnB2.jpg');
		color: #102088;
		border-color: #102045;
		border-width: 1px;
		border-radius: 7px;
	}
	input.submit {
		background: #f79e1f;
		background-image: url('img/btnB1.jpg');
		border: 2px solid #333;
		border-radius: 10px;
		border-width: 3px;
		color: #000;
		font-size: 18px;
		font-family: "modern", sans-serif;
		width: 150px;
		height: 37px;
		}
	input.submit2 {
		background: #f79e1f;
		background-image: url('img/btnB1.jpg');
		border: 2px solid #333;
		border-radius: 10px;
		border-width: 3px;
		color: #000;
		font-size: 18px;
		font-family: "modern", sans-serif;
		width: 150px;
		height: 37px;
		}
	input.submitNote {
		background: #c96708;
		border: 1px solid #333;
		border-radius: 10px;
		color: #fff;
		font-size: 15px;
		font-family: "modern", sans-serif;
		width: 80px;
		height: 30px;
		}
	input:hover[class="submitNote"] {
		background: #000;
		color: #ffc000;
	}
	input.submitlogin {
		background: #f79e1f;
		background-image: url('img/btnL1.jpg');
		border: 2px solid #333;
		border-radius: 10px;
		border-width: 3px;
		}
	input.submitjoin {
		background: #f79e1f;
		background-image: url('img/btnJ1.jpg');
		border: 2px solid #333;
		border-radius: 10px;
		border-width: 3px;
		}
	input:hover[class="submit"] {
		background: #FFFF00;
		background-image: url('img/btnB2.jpg');
		box-shadow:inset 0px -4px 0px 0px rgba(99,0,0,0.5);
		font: bold 16px;
		color: #102055;
		border-color: #824a21;
	}
	input:hover[class="submit2"] {
		background: #FFFF00;
		background-image: url('img/btnB2.jpg');
		box-shadow:inset 0px -4px 0px 0px rgba(99,0,0,0.5);
		font: bold 16px;
		color: #102055;
		border-color: #824a21;
		transform:scale(1.15);
	}
	input:hover[class="submitlogin"] {
		background: #ffb20e;
		background-image: url('img/btnL2.jpg');
	}
	input:hover[class="submitjoin"] {
		background: #ffb20e;
		background-image: url('img/btnJ2.jpg');
	}
	input {
		transition: 0.4s all ease;
	}
	input.submit2 {
		transition: 3s all ease;
	}
	
input[type="text"]{
		background-color: #fbce6e;
		background-image: url('img/drlikes_text.jpg');
		border-radius: 3px;
		border-width: 1px;
		color: #000;
		font-size: 18px;
		font-family: "modern", sans-serif;
		}
input:hover[type="text"] {
		border-color: #885519;
		}
input:focus[type="text"] {
		background: #FFFF00;
		box-shadow:inset 0px -3px 0px 0px rgba(99,0,0,0.5);
		background-image: url('img/btnB2.jpg');
		color: #102088;
		border-color: #885519;
		border-width: 1px;
		border-radius: 7px;
	}
input[type="password"]{
		background-color: #66CCFF;
		background-image: url('img/drlikes_text.jpg');
		border-radius: 3px;
		border-width: 1px;
		color: #000;
		font-size: 18px;
		font-family: "modern", sans-serif;
		}
input:hover[type="password"] {
		border-color: #102045;
		}
input:focus[type="password"] {
		background: #FFFF00;
		box-shadow:inset 0px -3px 0px 0px rgba(99,0,0,0.5);
		background: url('img/btnB2.jpg');
		color: #102088;
		border-color: #102045;
		border-width: 1px;
		border-radius: 7px;
	}
input:focus[class="submit"] {
		box-shadow:inset 0px 0px 0px 4px rgba(99,0,0,0.5);
		background: url('img/btnB2.jpg');
		border-width: 5px;
	}


#testdiv {width:600px; margin:0px auto; border:1px solid #ccc; padding:20px 25px 12px; background:#fff}
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(img/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(img/close.png) no-repeat; transition: 0s;}
.tclose:hover {background-position:0 -30px; transition: 0s;}
#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#904090; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:10; border-radius:10}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}



#success {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font:14px/1.4 Verdana,Arial; 
	background:#0070B9; color:#fff; text-shadow:1px 1px #1b6116; border-right:2px solid #102045; border-bottom:3px solid #102045; padding:10; -moz-border-radius:0; border-radius:5}




div
{
-webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
transition: 0.5s;
}

.imgbtn:hover
{
    box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.5);
}
.imgbtn2:hover
{
    box-shadow: 0px -4px 0px 0px rgba(0,75,90,0.3);
    opacity: 1;
    /* Firefox */
    -moz-transform:rotate(2deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(2deg);
    /* Opera */
    -o-transform:rotate(2deg);
    /* IE9 */
    -ms-transform:rotate(2deg);
    transition: 0.5s;
}

.helpimg
{
	border-radius: 10px;
	width: 20px;
	height: 20px;
	opacity: 0.7;
}
.helpimg:hover
{
    box-shadow: 0px 0px 15px 11px rgba(0,200,200,0.7);
    opacity: 1;
    transition: 0.2s all ease;
}



h1
{
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:14px;
	color:#7c4901;
	font-weight:regular;
}
a {
	color: #b88234;
	}
a:hover {
	color: #ca9953;
	}
form {
	margin: 0;
	}
#body {
	border: 2px solid #dba557;
	border-style: none solid;
	-moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
	margin: 0 auto;
	width: 780px;
	font-family: Arial; font-size: 17;
	}
#header {
	background: #dba557;
	border-bottom: 2px solid #333;
	height: 80px;
	position: relative;
	}
	#header h1 {
		position: absolute;
		left: 28px;
		margin: 0;
		top: 18px;
		}
	#header h2 {
		position: absolute;
		margin: 0;
		}
	#header h1 a {
		background: url('img/logo.png');
		display: block;
		font-size: 0;
		height: 50px;
		line-height: 0;
		text-indent: -800px;
		overflow: hidden;
		width: 195px;
		}
#login {
	color: #fff;
	font: 13px/16px Tahoma, Arial, Helvetica, sans-serif;
	position: absolute;
	right: 28px;
	text-align: right;
	top: 36px;
	}
	#login ul, #login ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#login ul {
		float: right;
		}
	#login ul li {
		border-left: 1px solid #fff;
		float: left;
		font-weight: bold;
		line-height: 1em;
		margin-left: 10px;
		padding-left: 10px;
		width: auto;
		}
	#login ul li:first-child {
		border: 0;
		}
	#login ul li a {
		color: #fff;
		text-decoration: none;
		}
	#login ul li a:hover {
		text-decoration: underline;
		}

#menu-empty {
	background: #a4865b;
	border-bottom: 1px solid #333;
	height: 20px;
	}
#menu {
	background: #a4865b;
	border-bottom: 1px solid #333;
	font: 14px/35px Lucida Grande, Lucida, Verdana, sans-serif;
	height: 35px;
	}
	#menu ul, #menu ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#menu ul {
		float: left;
		}
	#menu ul li {
		border-right: 1px solid #786549;
		float: left;
		}
	#menu ul li a {
		color: #fff;
		display: block;
		padding: 0 25px;
		text-decoration: none;
		text-shadow: #000 1px 1px 1px;
		width: auto;
		}
	#menu ul li a:hover {
		background: #9e8259;
		}
#submenu {
	background: #ffc526;
	border-bottom: 1px solid #333;
	font: 14px/35px Lucida Grande, Lucida, Verdana, sans-serif;
	height: 35px;
	}
	#submenu p {
		background: #c00;
		border-right: 1px solid #7c0000;
		color: #fff;
		float: left;
		font-size: 13px;
		font-weight: bold;
		margin: 0;
		padding: 0 15px;
		text-shadow: #000 1px 1px 1px;
		width: auto;
		}
	#submenu ul, #submenu ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#submenu ul {
		float: left;
		}
	#submenu ul li {
		border-right: 1px solid #d69700;
		float: left;
		}
	#submenu ul li a {
		color: #000;
		display: block;
		padding: 0 25px;
		text-decoration: none;
		text-shadow: #fff 1px 1px 1px;
		width: auto;
		}
	#submenu ul li a:hover {
		background: #feb300;
		}
#user {
	background: #e9ebf0;
	border-bottom: 1px dotted #333;
	font: 13px/30px Lucida Grande, Lucida, Verdana, sans-serif;
	height: 30px;
	}
	#user ul, #user ul li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#user p {
		color: #333;
		float: left;
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 0 15px 0 20px;
		width: auto;
		}
	#user ul {
		float: right;
		}
	#user ul li {
		border-left: 1px dotted #333;
		float: left;
		}
	#user ul li a {
		color: #333;
		display: block;
		padding: 0 15px;
		text-decoration: none;
		width: auto;
		}
		#user ul li a.buy {
			font-weight: bold;
			}
	#user ul li a:hover {
		background: #d1d6e1;
		}
	#user-points {
		color: #c00;
		margin: 0 5px 0 20px;
		}
#main {
	background: #fff;
	min-height: 415px;
	padding: 5px 22px;
	text-align: left;
	}
#footer {
	background: #7c5011;
	color: #fff;
	font-family: modern2; font-size: 14;
	padding: 5px 20px;
	}

.center {
	text-align: center;
	}
	.center table {
		margin-left: auto!important;
		margin-right: auto!important;
		text-align: left;
		}
	.center object {
		margin: 0 auto;
		}
.add {
	color: #666;
	font-family: modern2; font-size: 14;
	text-align: right;
	}
	.add a{
		color: #c00;
		}

table.form {
	margin: 1em 0;
	}
table.form td {
	color: #1a1a1a;
	}

#front {
	margin: 20px -22px;
	}

#tbl2 {
	margin: 4px 0;
	width: 700px;
	}


#tbl {
	margin: 4px 0;
	width: 800px;
	}

	#tbl .tbl {
		background: #e9ebf0;
		border: 2px solid #cdcdcd;
		float: left;
		margin: 8px 8px 0 0;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		text-align: center;
		width: 232px;
		height: 140px;
		}
		#tbl .tbl-facebook {
			background: #f2f2f2;
			border-color: #5872a7 #ccc #ccc #ccc;
			}
		#tbl .tbl-package {
			height: 140px;
			}

	#tbl a.close {
		color: #999;
		position: absolute;
		right: 5px;
		text-decoration: none;
		top: 5px;
		width: 10px;
		}
		#tbl a.close:hover {
			color: #333;
			}
	#tbl .title {
		font-weight: bold;
		line-height: 14px;
		overflow: hidden;
		margin: 5px auto 0;
		max-height: 28px;
		width: 120px;
		}
	#tbl .points {
		margin-top: 5px;
		}
	#tbl .points b {
		color: #039;
		}
		#tbl .tbl-facebook .points b {
			color: #2a8917;
			}
.clearer {
	clear: both;
	}

table.display {
	border-bottom: 1px solid #ddd;
	margin: 1em 0 1em 50px;
	}
	table.display table.display {
		margin: 5px 0 5px 50px;
		}
	table.display td, table.display th {
		border-top: 1px solid #bbb;
		padding: 3px 10px 3px 10px;
		text-align: left;
		vertical-align: top;
		}
	table.display th {
		background: #e9ebf0;
		font-weight: bold;
		}
		table.display table.display th {
			background: #f9f9f9;
			}
	table.display img {
		margin: 4px 0 -4px;
		}
big {
	color: #c00;
	}



#pageNav {
             background: #e9ebf0;
             border-bottom: 3px solid #333;
             font-size: 12px;
             font-family: modern2; font-size: 14;
             color: #3B5998;
             display: block; 
             height: 46px;
             font-weight: bold;
             text-decoration: none;
}
#pageNav ul {list-style-type:none;margin:0;padding:0}
#pageNav li {float: left;}
#pageNav ul li a {
		color: #3B5998;
		display: block;
		padding: 0 15px;
		text-decoration: none;
                display: inline-block;
                padding: 8px 10px 0px 10px; 
                height: 38px;
		}
#pageNav ul li a:hover,#pageNav ul li a:focus,#pageNav a:active {outline:none;color: #fff; background-color:#3B5998;}


 
ul#tabnav { 
text-align: left;
margin: 1em 0 1em 0; 
border-bottom: 3px solid #7c5011;
list-style-type: none;
padding: 3px 10px 3px 10px;
margin-left: -22px;
margin-right: -22px;
}
 
ul#tabnav li {
display: inline;
}
 
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5 { 
border-bottom: 3px solid #fff; 
background-color: #fff; 
}
 
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { 
background-color: #fff; 
color: #000; 
position: relative;
top: 2px;
padding-top: 4px; 
border-bottom: 2px solid #fff; 
}

ul#tabnav li a { 
padding: 3px 4px; 
border: 1px solid #C5C5C5; 
background-color: #C5C5C5; 
color: #444444;
margin-right: 0px; 
text-decoration: none;
border-bottom: none;
}
 
ul#tabnav a:hover { 
background: #fff; 
color: #fff;
}

ul#tabnav li a { 
border: 3px solid #7c5011; border-radius: 20px 20px 0px 0px; padding: 3px 10px 3px 10px;
}
ul#tabnav a:hover { 
border: 3px solid #7c5011; border-radius: 10px 10px 0px 0px; padding: 3px 10px 3px 10px; background: #3B5998; top: 2px; position: relative; border-bottom: none;
transition: 0.3s all ease;
}


 
.msg_success {
    display: block;
    width: 95%;
    margin: 20px 3% 0 3%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #99FF99;
    background-position: 10px 10px;
    border: 1px solid #85A948;
    color: #5D7731;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
    font-weight: bold;
}
.msg_successNote {
    display: block;
    width: 95%;
    height:30px;
    margin: 20px 3% 0 3%;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 12px;
    background: #00A9F9;
    background-position: 10px 10px;
    border: 1px solid #85A948;
    color: #5D7731;
    padding: 0px;
    text-indent: 40px;
    font-size: 14px;
    font-weight: bold;
}
.msg_successNote:hover {
    background: #ddf9ff;
}
.msg_error {
    display: block;
    width: 95%;
    margin: 20px 3% 0 3%;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F56C7E;
    background-position: 10px 10px;
    border: 1px solid #D54F5F;
    color: #903844;
    padding: 10px 0;
    text-indent: 40px;
    font-size: 14px;
    font-weight: bold;
}
.infobox {
		display: block; clear: both;
		background: #EFEFEF;
		border: 1px solid #a9a9a9;
		padding: 10px;
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
	}
.smartbox {
		display: block;
		background: #888888;
		border: 1px solid #a9a9a9;
		padding: 1px;
		-webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
	}
.main-content>section.with-table{padding:0 0 10px 0;margin-top:1px;}.main-content>section.with-table .pagination{padding-left:20px;}table caption{font-size:12px;padding-bottom:10px;}table.no-style{border:none;border-collapse:collapse;padding:0;margin:0;background:none;}table.full{width:100%;}table.no-style>body>tr>td,table.no-style>tbody>tr>th{background:none;border:none;}table.simple{border-top:1px dotted #ddd;}table.simple>thead>tr>th{background:#eee;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px;text-align:left;}table.simple>thead>tr>th:last-child{border-right:none;}table.simple>tbody>tr>td,table.simple>tbody>tr>th{padding:5px;border-bottom:1px dotted #ddd;text-align:left;}table.simple>tbody>tr>th{background:#eee;border-right:1px solid #ddd;font-weight:bold;text-align:right;}table.datatable{border:1px solid #ccc;border-collapse:separate;border-spacing:0;}.main-content>section.with-table>table{border:none;}table.datatable>thead>tr>th{background:#f7f7f7;background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e1e1e1));background:-moz-linear-gradient(top,#f7f7f7,#e1e1e1);-pie-background:linear-gradient(top,#f7f7f7,#e1e1e1);border-bottom:1px solid #aaa;color:#333;text-shadow:0 1px 0 #fff;position:relative;}table.datatable>thead>tr>th:not(:last-child){border-right:1px solid #aaa;}table.datatable>thead>tr>th:not(:first-child){border-left:1px solid #fff;}table.datatable>tbody>tr>th,table.datatable>tbody>tr>td{padding:5px 20px;vertical-align:middle;}table.datatable>tbody>tr:nth-child(odd)>td{background:#f2f2f2;}table.datatable>tbody>tr>td:not(:last-child){border-right:1px solid #eee;}table.datatable.tablesort{table-layout:fixed;}table.datatable.tablesort>thead>tr>th{padding:0;}table.datatable.tablesort>tbody>tr>td.column-selected{background:#ffffc0!important;}table.datatable.tablesort>thead>tr>th>a{background:transparent url(img/arrow-updown.png) no-repeat 20px center;color:#434343;display:block;text-decoration:none;padding:5px 20px;}table.datatable.tablesort>thead>tr>th>a.sort-asc{background:transparent url(img/arrow-up.png) no-repeat 20px center;}table.datatable.tablesort>thead>tr>th>a.sort-desc{background:transparent url(img/arrow-down.png) no-repeat 20px center;}table.datatable.selectable>tbody>tr.hover>td,table.datatable.selectable>tbody>tr.selected>td{background:#ffffc0;}table.datatable>tfoot>tr>th,table.datatable>tfoot>tr>td{border-top:1px solid #e1e1e1;background:#eee;padding:5px 20px;}.main-content>section.with-table table.datatable>tfoot>tr>th,.main-content>section.with-table table.datatable>tfoot>tr>td{border-bottom:1px solid #e1e1e1;}