/* Start Shbkat Css */
html {
	margin: 0px;
	padding: 0px;
	font-family: tahoma;
	font-size: 11px;
	color: #555;
}
body {
	background: #5e5e5e url('img/top_bg.jpg') repeat-x scroll center top;
	margin: 0px;
	padding: 0px;
	font-family: tahoma;
	font-size: 11px;
	color: #333;
}
ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-position: inside;
}
img {
	border: none;
}
a, input, a:hover, textarea, sub, select {
	text-decoration: none;
	outline: 0px none;
	margin: 0px;
	padding: 0px;
}
input, textarea, sub, select {
	font: Normal 11px Tahoma;
	text-decoration: none;
	outline: 0px none;
	margin: 0px;
	padding: 0px;
}
legend {
	background: transparent url(img/tit.jpg) repeat-x scroll right top;
	color: #fff;
	text-shadow: 0 1px 0 #0e3573;
	font: bold 11px tahoma;
	padding: 6px 10px;
}
fieldset {
	margin-bottom: 6px;
	border: 1px #FFFFFF solid;
}
hr {
	background: #EFEFEF;
	border-color: #FFFFFF;
}
a {
	color: #005acb;
	text-decoration: none;
}
a:link, body_alink {
	color: #005acb;
	text-decoration: none;
}
a:visited, body_avisited {
	color: #005acb;
	text-decoration: none;
}
a:hover, a:active {
	color: #555;
	text-decoration: none;
}
.page {
	margin: auto;
}
.page a:link, .page_alink {
	text-decoration: none;
}
.page a:visited, .page_avisited {
	text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover {
	text-decoration: none;
}
td, th, p, li {
	font: 11px tahoma, arial, helvetica,verdana;
}
.tborder {
	background: none;
}
.tcat {
	background: transparent url('img/tab.jpg') repeat-x center -1px;
	color: #555;
	text-shadow: 0 1px 0 #eee;
	font: bold 12px tahoma, arial, helvetica,verdana;
	text-align: center;
	height: 20px;
}
.tcat a:link, .tcat_alink {
	color: #555;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited {
	color: #555;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active {
	color: #888;
	text-decoration: none;
}
.thead {
	background: transparent url('img/tit.jpg') repeat-x center -1px;
	color: #fff;
	text-shadow: 0 1px 0 #0e3573;
	font: bold 11px tahoma, arial, helvetica,verdana;
	height: 20px;
}
.thead a:link, .thead_alink {
	text-decoration: none;
	color: #fff;
}
.thead a:visited, .thead_avisited {
	text-decoration: none;
	color: #fff;
}
.thead a:hover, .thead a:active, .thead_ahover {
	text-decoration: none;
	color: #f1f1f1;
}
.tfoot {
	background: transparent;
	color: #666;
	font: 11px tahoma, arial, helvetica,verdana;
	padding: 5px;
}
.tfoot a:link, .tfoot_alink {
	color: #666;
	text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited {
	color: #666;
	text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover {
	color: #888;
	text-decoration: none;
}
.alt1, .alt1Active {
	background: #f8f8f8;
	font: bold 16px arial, helvetica,verdana;
	border-top: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
	border-right: 1px #e1e1e1 solid;
	border-bottom: 1px #e1e1e1 solid;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink {
	text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited {
	text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover {
	text-decoration: none;
}
.alt2, .alt2Active {
	background: #e8e8e8;
	font: bold 13px arial, helvetica,verdana;
	border-top: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
	border-right: 1px #e1e1e1 solid;
	border-bottom: 1px #e1e1e1 solid;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink {
	text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited {
	text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover {
	text-decoration: none;
}
.inlinemod {
	background: #FFFFCC;
	color: #888;
}
.wysiwyg {
	background: #FFFFFF;
	color: #888;
	font: bold 16px arial, helvetica,verdana;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink {
	color: #999;
	text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited {
	color: #999;
	text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover {
	color: #333333;
	text-decoration: none;
}
textarea, .bginput {
	font: 11px tahoma, arial, helvetica,verdana;
}
.bginput option, .bginput optgroup {
	font-size: 11px;
	font-family: tahoma, arial, helvetica,verdana;
}
.button {
	font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
}
select {
	font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
option, optgroup {
	font-size: 11px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
.smallfont {
	font: 11px Tahoma;
	color: #888;
}
.time {
	color: #005acb;
	font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
.navbar {
	font: bold 9px tahoma, arial, helvetica,verdana;
}
.navbar a:link, .navbar_alink {
	text-decoration: none;
}
.navbar a:visited, .navbar_avisited {
	text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover {
	text-decoration: none;
}
.highlight {
	color: #005acb;
	font-weight: bold;
}
.fjsel {
	background: #C0C0C0;
	color: #005acb;
}
.fjdpth0 {
	background: #DFDFDF;
	color: #005acb;
}
.panel {
	background: #f1f1f1;
	color: #005acb;
	text-shadow: 0 1px 0 #fff;
	padding: 10px;
	border: 0px;
}
.panel a:link, .panel_alink {
	text-decoration: none;
}
.panel a:visited, .panel_avisited {
	text-decoration: none;
}
.panel a:hover, .panel a:active, .panel_ahover {
	text-decoration: none;
}
.panelsurround {
	background: #e5e5e5;
	color: #999999;
	text-shadow: 0 1px 0 #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 50px;
}
.vbmenu_control {
	background: transparent url('img/tab.jpg') repeat-x center -1px;
	color: #555;
	text-shadow: 0 1px 0 #eee;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	height: 33px;
	line-height: 30px;
}
.vbmenu_control a:link, .vbmenu_control_alink {
	color: #555;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited {
	color: #555;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover {
	color: #888;
	text-decoration: none;
}
.vbmenu_popup {
	background: #f8f8f8;
	color: #888888;
	font-family: tahoma, arial, helvetica,verdana;
}
.vbmenu_option {
	background: #f8f8f8;
	color: #888;
	font: 11px tahoma, arial, helvetica,verdana;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink {
	color: #888;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited {
	color: #888;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover {
	color: #888;
	text-decoration: none;
}
.vbmenu_hilite {
	background: #FFFFFF;
	color: #005acb;
	font: 11px tahoma, arial, helvetica,verdana;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink {
	color: #005acb;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited {
	color: #005acb;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {
	color: #005acb;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername {
	font-size: 14pt;
}
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead {
	padding: 4px;
}
/* ***** basic styles for multi-page nav elements */
.pagenav a {
	text-decoration: none;
}
.pagenav td {
	padding: 2px 4px 2px 4px;
}
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited {
	color: #777777;
	text-decoration: none;
}
a.shade:active, a.shade:hover {
	color: #FF0000;
	text-decoration: underline;
}
.tcat .shade, .thead .shade, .tfoot .shade {
	color: #DDDDDD;
}
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset {
	margin-bottom: 6px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li {
	font-size: 11px;
}
/* Shbkat Start */
:hover.tcat {
}
:hover.alt1 {
	background: #FFFFFF;
}
:hover.alt2 {
	background: #FFFFFF;
}
:hover.alt1Active {
	background: #FFFFFF;
}
:hover.button {
	color: #333333;
}
:hover.vbmenu_control {
}
/* Start Cat */
.Cat {
	overflow: hidden;
	max-width: 920px;
	direction: rtl;
	margin: auto;
}
.Cat h1 {
	font-size: 18px;
}
.CatTop {
	background: transparent url('img/cat1.jpg') repeat-x scroll center top;
	width: 100%;
	height: 72px;
}
.CatTop_Right {
	float: right;
	width: 420px;
	height: 72px;
	background: transparent url('img/cat1.jpg') no-repeat scroll right top;
}
.CatTop_Right h1 {
	color: #fff;
	text-align: right;
	float: right;
	width: 400px;
	font: bold 12px tahoma;
	text-shadow: 0 1px 0 #0e3573;
	margin-right: 43px;
	margin-top: 19px;
}
.CatTop_Right h1 a {
	color: #fff;
	text-shadow: 0 1px 0 #0e3573;
}
.CatTop_Right h1 a:hover {
	color: #ffffdd;
}
.CatTop_Left {
	float: left;
	width: 333px;
	height: 72px;
	background: transparent url('img/cat1.jpg') no-repeat scroll left top;
}
.CatCenter_Right {
	background: transparent url('img/cat2.jpg') repeat-y scroll right center;
	padding-right: 25px;
}
.CatCenter_Left {
	background: transparent url('img/cat2.jpg') repeat-y scroll left center;
	padding-left: 25px;
}
.CatBody {
	padding: 0px;
	overflow: hidden;
}
.CatBottom {
	float: left;
	width: 100%;
	height: 69px;
	background: transparent url('img/cat3.jpg') repeat-x scroll center top;
}
.CatBottom_Right {
	float: right;
	width: 333px;
	height: 69px;
	background: transparent url('img/cat3.jpg') no-repeat scroll right top;
}
.CatBottom_Left {
	float: left;
	width: 333px;
	height: 69px;
	background: transparent url('img/cat3.jpg') no-repeat scroll left top;
}
/* Cat End */
#wrapper {
	width: 100%;
	background: url(img/end_bg.jpg) center bottom repeat-x;
}
.container {
	width: 978px;
	margin: 0 auto;
}
.container .header {
	width: 978px;
	height: 524px;
}
.header .topdash {
	background: url(img/topdash_bg.jpg) center top repeat-x;
	width: 978px;
	height: 68px;
}
.header .topdash .right {
	background: url(img/topdash_R.jpg) right top no-repeat;
	width: 513px;
	height: 68px;
	float: right;
}
.topdash .right ul {
	direction: rtl;
	margin: 0 30px 0 0;
}
.topdash .right ul li {
	float: right;
	margin: 0 5px 0 0;
}
.topdash .right ul li a {
	background: url(img/menu_btns.jpg) right top no-repeat;
	display: block;
	width: 106px;
	height: 68px;
	text-align: center;
	line-height: 55px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px #0e3573;
}
.topdash .right ul li a:hover {
	background: url(img/menu_btns.jpg) left top no-repeat;
	color: #eee;
	text-shadow: 0 1px #555;
}
.header .topdash .left {
	background: url(img/topdash_L.jpg) center top no-repeat;
	width: 465px;
	height: 68px;
	float: left;
}
.header .social {
	background: url(img/social_bg.jpg) center top no-repeat;
	width: 978px;
	height: 70px;
}
.header .social .right {
	width: 480px;
	height: 70px;
	float: right;
}
.header .social .left {
	width: 333px;
	height: 70px;
	float: left;
}
.header .tophead {
	background: url(img/tophead.jpg) center top no-repeat;
	width: 978px;
	height: 122px;
}
.tophead .add {
	background: url(img/add_shadow.png) center bottom no-repeat;
	width: 468px;
	height: 73px;
	margin: 30px 0 0 10px;
	float: left;
}
.header .navbar {
	background: url(img/navbar.jpg) center top no-repeat;
	width: 978px;
	height: 63px;
}
.header .navbar .right {
	width: 466px;
	height: 63px;
	float: right;
}
.header .navbar .left {
	width: 300px;
	height: 63px;
	float: left;
}
/***/
.Search {
	width: 300px;
	height: 63px;
	float: left;
}
.Search .Box {
	width: 178px;
	height: 35px;
	line-height: 35px;
	margin-top: 15px;
	margin-right: 15px;
	border: none 0px;
	background: none;
	color: #fff; /*text-shadow:1px 1px #c5a8b6;*/;
	float: right;
	direction: rtl;
}
.Search .Box:focus {
	color: #FFFFFF;
	font-weight: bold;
}
.Search .Go {
	width: 81px;
	height: 40px;
	float: right;
	margin: 15px 0px 0 0;
}
/***/
.header .latest {
	background: url(img/latest_bg.jpg) center top no-repeat;
	width: 978px;
	height: 70px;
}
.header .latest .app {
	width: 770px;
	height: 27px;
	margin: 25px 160px 0 0;
	float: right;
	color:#fff;
}
.header .latest .app a {
color:#fff;

}
.header .latest .app a:hover {
color:#fff;

}
.header .jonus {
	background: url(img/jonus.jpg) center top no-repeat;
	width: 978px;
	height: 131px;
}
.jonusco {
	background: url(img/logout.jpg) center top no-repeat;
	width: 978px;
	height: 131px;
}

.mypage {
	background: url(img/mypage_bg.jpg) center top repeat-y;
	width: 978px;
	min-height: 300px;
}
.footer {
	width: 978px;
	height: 322px;
}
.footer .footertop {
	background: url(img/footertop.jpg) center top no-repeat;
	width: 978px;
	height: 127px;
}
.footer .footerdash {
	width: 978px;
	height: 154px;
}
.footer .footerdash .right {
	width: 630px;
	height: 154px;
	float: right;
}
.footerdash .right ul {
	direction: rtl;
	margin: 0 10px 0 0;
}
.footerdash .right ul li {
	float: right;
	margin: 0 0 4px 10px;
}
.footerdash .right ul li a {
	background: url(img/footer_btns.jpg) center top no-repeat;
	width: 144px;
	height: 28px;
	display: block;
	text-align: right;
	text-indent: 24px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #183f6c;
	text-shadow: 0 1px #57c2f9;
}
.footerdash .right ul li a:hover {
	background: url(img/footer_btns.jpg) center bottom no-repeat;
	color: #284f69;
	text-shadow: 0 1px #bae7f9;
}
.footer .footerdash .left {
	background: url(img/flogo.jpg) center top no-repeat;
	width: 329px;
	height: 154px;
	float: left;
}
.footer .footerend {
	width: 978px;
	height: 41px;
}
.footer .footerend .right {
	background: url(img/footerend_R.jpg) center top no-repeat;
	width: 318px;
	height: 35px;
	float: right;
}
.footer .footerend .left {
	background: url(img/footerend_L.jpg) center top no-repeat;
	width: 154px;
	height: 35px;
	float: left;
}
/* Shbkat end */
/* ---- www.shbkat.com ---- */