﻿
body{
	background:#F6FFFF url('images/background-top.jpg') repeat-x;
	direction:rtl;
	font:normal 12px Tahoma;
	color:#444;
	margin:0;
	padding:0;
}
a,a:visited{text-decoration:none;color:#FF9600}

form{margin:0;}
img{border:0}
h3{color:#0550A3;font:Bold 16px Arial;}
#main h3,#left-side h3{
	color:#0550A3;
	font:Bold 16px Arial;
	border-bottom:1px #3F99AE solid;
	border-top:1px #3F99AE solid;
	background:#9CE5F4;
	padding:5px;
}
#left-side h3{margin-left:30px;}

h4{color:#0550A3;font:Bold 15px Arial;}
h4 a,h3 a,h4 a:visited,h3 a:visited{color:#0550A3;}
li{padding:5px}
.factway{font:normal 15px tahoma;color:#0550A3}
.right{float:right;}
.left{float:left;}
.justify{text-align:justify;}
.attribute{color:#0550A3;line-height:30px;}
.note{color:#FF9600;}
.image{margin :10px;border:1px #4A9490 solid;}
.loader{background:url('images/loader.gif') no-repeat center}

.icon{display:inline-block;margin-right:5px;}
.rss-icon{background:url('images/rss-icon.gif') no-repeat;width:20px;height:20px}
.home-icon{background:url('images/home-icon.gif') no-repeat;width:20px;height:20px}
.fav-icon{background:url('images/fav-icon.gif') no-repeat;width:20px;height:19px}
.mobile-icon{background:url('images/mobile-icon.gif') no-repeat;width:18px;height:20px}
/************************/

#background{background:url('images/background-bottom.jpg') repeat-x 50% bottom;}
#wrapper{
	background:#F1FFFF url('images/wrapper-top.jpg') repeat-x;
	width:940px;
	margin:20px auto 0 auto;
}
#wrapper-left{background:url('images/wrapper-left.jpg') repeat-y left 50%;	clear:both;}
#wrapper-right{background:url('images/wrapper-right.jpg') repeat-y right 50%;overflow:hidden;padding:0}
#wrapper-bottom{background:url('images/wrapper-bottom.jpg') repeat-x right bottom;clear:both;visibility:hidden;}
#wrapper-bottom-left{background:url('images/wrapper-bottom-left.jpg') no-repeat left bottom;font:normal 12px tahoma;}
#wrapper-bottom-right{
	background:url('images/wrapper-bottom-right.jpg') no-repeat right bottom;
	height:173px;
	text-align:left;
	padding:20px;
}
#wrapper-bottom-right .right{float:right;color:#0C4341;}
#wrapper-bottom-right a{color:#174F7B}
/************************/

#welcome{background:url('images/wrapper-top-left.jpg') no-repeat left top;padding:}
#top{
	background:url('images/wrapper-top-right.jpg') no-repeat right top;
	text-align:left;
	padding:12px 20px 8px 20px;
	color:#eee;

}
#banner{
	background:url('images/banner.jpg') repeat-x;
	text-align:left;margin:0 2px 0 2px;
}

.logo{float:right;margin:0 20px 0 0;}

/************************/

#tabs{
	text-align:center;
	font:Bold 16px Arial;
	margin:-70px 0 0 0;
	width:100%;
	float:right;
}
#tabs ul{padding-right:15%;margin:0;}
#tabs li{display:inline;padding:0}
#tabs a{
	display:inline-block;
	float:right;
	background:url('images/tabs.jpg') repeat-x 0 30px;
	padding:5px 15px 25px 0;
	color:#fff;
}
#tabs span{
	background:url('images/tabs.jpg') repeat-x 0 30px;
	padding:0 15px 0 0;
	display:inline-block;
	color:#0F3C68;
}
#tabs a:hover{background:url('images/tabs-active.jpg') repeat-x 0 30px;color:#0F3C68;}
#tabs a:hover span{background:url('images/tabs-active.jpg') repeat-x 0 30px;}

#tabs .current{background:url('images/tabs-active.jpg') repeat-x 0 30px;color:#0F3C68;}
#tabs .current span{background:url('images/tabs-active.jpg') repeat-x 0 30px;}

/************************/

#container{margin:0 20px 20px 0;}
#right-side{width:170px;float:right;}

/************************/

#right-menu ul{margin:0 auto 0 auto ;padding:0;width:155px}

#right-menu li{	list-style:none;padding:0}

#right-menu .top{
	background:url('images/rightmenu-top.jpg') repeat-x;
	margin:0 auto 0 auto;
	height:16px;
	width:157px;}
#right-menu .top .right{
	background:url('images/rightmenu-top-right.jpg') no-repeat right top;
	float:right;
	height:16px;
	padding:0 5px 0 5px;
}
#right-menu .top .left{
	background:url('images/rightmenu-top-left.jpg') no-repeat left top;
	padding:0 5px 0 5px;
	float:left;
	height:16px;
}

#right-menu .bottom{background:url('images/rightmenu-bottom.jpg') repeat-x left;
margin:0;height:64px;
}
#right-menu .bottom .right{
	background:url('images/rightmenu-bottom-right.jpg') no-repeat right;
	float:right;
	height:64px;
	padding:0 5px 0 5px;
}
#right-menu .bottom .left{
	background:url('images/rightmenu-bottom-left.jpg') no-repeat left;
	padding:0 5px 0 5px;
	height:64px;
	float:left;
}

#right-menu a{
	font:Bold 15px Arial;
	background:url('images/rightmenu-li.jpg') repeat-x;
	display:block;
	padding:8px 0 7px 10px;
	margin:0;
	color:#555;
	border-left:1px #AAC1C6 solid;
	border-right:1px #AAC1C6 solid;	
	text-align:center;
}
#right-menu a:hover{background-position:0 -33px;color:#fff;}
#right-menu .current{background-position:0 -33px;color:#fff;}
#right-menu .main,#right-menu .main:hover{color:#FF9600;background-position:0 0;;}

/************************/

#center-side{
	float:right;
	width:310px;
	margin:0 10px 10px 10px;
}

#left-side{
	float:right;
	width:410px;
	margin:0 10px 0 0;
}
#main{
	float:right;
	width:570px;
	margin:0 40px 0 0;
}

.w-600px{width:600px}

/************************/

#page-path{	font:Bold 15px Arial;color:#206779;}
#page-path a{color:#0550A3}




/************************/

.block-blue{background:#96DDFF url('images/block-blue-background.jpg') repeat-x;}
.block-blue h3{	
	background:url('images/block-blue-corner.jpg') no-repeat left top;
	margin:0;
	padding:10px 10px 0 10px;
	color:#0550A3;
}
.block-blue .content{
	background:url('images/block-blue-left.jpg') repeat-y left;
	border-bottom:1px #7BBADB solid;
	border-right:1px #7BBADB solid;
	padding:0;
	text-align:justify;
}
.block-blue .content div{padding:10px;}
.block-blue .bottom{background:url('images/block-blue-bottom.jpg') repeat-x;height:19px;}
/************************/

.block-blue2{background:#96DDFF url('images/block-blue2-background.jpg') repeat-x;}
.block-blue2 h3{	
	background:url('images/block-blue2-corner.jpg') no-repeat left top;
	margin:0;
	padding:10px 10px 0 10px;
	color:#0550A3;
}
.block-blue2 .content{
	background:url('images/block-blue2-left.jpg') repeat-y left;
	border-bottom:1px #7BBADB solid;
	border-right:1px #7BBADB solid;
	padding:0;
	text-align:justify;
}
.block-blue2 .content div{padding:10px;}
.block-blue2 .bottom{background:url('images/block-blue2-bottom.jpg') repeat-x;height:16px;}
/************************/

.block-gray{background:#DBDBDB url('images/block-gray-background.jpg') repeat-x;}
.block-gray h3{	
	background:url('images/block-gray-corner.jpg') no-repeat left top;
	margin:0;
	padding:10px 10px 0 10px;
	color:#0550A3;
}
.block-gray .content{
	background:url('images/block-gray-left.jpg') repeat-y left;
	border-bottom:1px #BABABA solid;
	border-right:1px #BABABA solid;
	padding:0;
	text-align:justify;
}
.block-gray .content div{padding:10px;}
.block-gray .bottom{background:url('images/block-gray-bottom.jpg') repeat-x;height:16px;}
/************************/

.block-green{	background:#B9FF5E url('images/block-green-background.jpg') repeat-x;}
.block-green h3{
	background:url('images/block-green-corner.jpg') no-repeat left top;
	margin:0;
	padding:10px 10px 0 10px;
	color:#578022;
}
.block-green .content{
	background:url('images/block-green-left.jpg') repeat-y left;
	border-bottom:1px #92E014 solid;
	border-right:1px #92E014 solid;
	padding:0;
	text-align:right;	
}
.block-green .content div{padding:10px;}
.block-green .bottom{	background:url('images/block-green-bottom.jpg') repeat-x;height:17px;}

/************************/

.block-orange{	background:#FFD52C url('images/block-orange-background.jpg') repeat-x;}
.block-orange h3{
	background:url('images/block-orange-corner.jpg') no-repeat left top;
	margin:0;
	padding:10px 10px 0 10px;
	color:#75600B;
}
.block-orange .content{
	background:url('images/block-orange-left.jpg') repeat-y left;
	border-bottom:1px #E5BE20 solid;
	border-right:1px #E5BE20 solid;
	padding:0px;
	text-align:right;
}
.block-orange .content div{padding:10px;}
.block-orange .bottom{background:url('images/block-orange-bottom.jpg') repeat-x;height:16px;}

/************************/

.content{font:normal 13px tahoma;text-align:justify;padding:10px;}
#left-side .content{padding:0 10px 10px 40px;}
.w-240{width:240px;}
.m-20{margin:20px;}

/************************/

.text-field{
	font: normal 11px tahoma;
	padding:3px;
	color: #555;
	margin: 2px;
	width:200px;
	border-bottom: 1px #96DDFF solid;
	border-right: 1px #96DDFF solid;
	border-top: 1px #0550A3 solid;
	border-left: 1px #96DDFF solid;
}
.text-area,.message{
	font:normal 11px tahoma;
	vertical-align:top;
	padding:10px;
	color:#555;
	margin:2px;
	width:300px;
	height:200px;
	border-bottom:1px #96DDFF solid;
	border-right:1px #96DDFF solid;	
	border-top:1px #0550A3 solid;
	border-left:1px #96DDFF solid;		
}
.file{
	font: normal 11px tahoma;
	padding:3px;
	color: #555;
	margin: 2px;
	width:200px;
}

.button{
	font: normal 11px tahoma;
	padding:3px 20px 3px 20px
}

.table{	width:100%;;clear:both}
.table th{	border-bottom:3px #0F3C68 solid;font:Bold 15px Arial;text-align:}
.table td{empty-cells:show;text-align:right}
.table .alternate td{	background-color: #fff;}
.table .footer td{
    text-align:left;
    background:url('images/rightmenu-li.jpg') repeat-x;
}
.table .delete{width:10px;}
.table .date {width:140px;}

.table-threads{width:100%;}
.table-threads .sample{width:10%;vertical-align:top;}
.table-threads .sample img{border:1px #4A9490 solid;}
.table-threads td{padding:20px;}
.table-threads .alternate td{	border-top:1px #4A9490 solid;border-bottom:1px #4A9490 solid;}



.valid{font:Normal 11px Tahom;vertical-align:top;visibility:hidden}
.unvalid{font:Normal 11px Tahom;vertical-align:top;color:#FFA200}
.edit{width:10%;}
.confirm{display:block;text-align:center;margin:20px}
.date{font:Normal 13px Arial;width:150px;direction:ltr;text-align:right;display:inline-block}
.date .separator{padding:0 10px 0 10px}
.separator{padding:0 10px 0 10px}

/*******************/

.player{
	display:inline;
	width:50px;
}
.player a{color:#0550A3;font:normal 11px arial;}
.player ul{list-style:none;display:inline;margin:0;}
.player li{display:inline;;padding:0}
.player li a{
    padding:1px 6px 1px 6px;
	display:inline-block ;
	line-height:15px;
	border:1px solid #aaa;
	text-align:center;
}
.player  li a:hover{border:1px solid #0F3C68}	
.player  a{text-decoration:none ;background:transparent;}
.player .next{
	border: 0;
	background: url('images/button-next.gif') no-repeat top;
}
.player .next:hover{border:0;}
.player .prev{
	border: 0;
	background: url('images/button-prev.gif') no-repeat top;
}
.player .prev:hover{border:0}
.player .current{background: #7BBADB ;}

.player .last{
	border: 0;
	background: url('images/button-last.gif') no-repeat top;
}
.player .last:hover{border:0;}
.player .first{
	border: 0;
	background: url('images/button-first.gif') no-repeat top;
}
.player .first:hover{border:0}

/*******************/

.link{margin:0 0 20px 0;}
.link a{
	color:#0550A3;
	font:Bold 15px Arial;
	background-color:#9CE5F4;
	padding:5px 15px 0 15px;
	border-right:1px #3F99AE solid;
	border-left:1px #3F99AE solid;
	border-top:1px #3F99AE solid;
	border-bottom:4px #3F99AE solid;
}
.link a:hover{
	color:#0550A3;
	font:Bold 15px Arial;
	background-color:#fff;
	padding:5px 15px 0 15px;
	border-right:1px #3F99AE solid;
	border-left:1px #3F99AE solid;
	border-top:1px #3F99AE solid;
}

/*******************/

.unexpand{height:0;overflow:hidden;padding:0}
.down{background:url('images/down.gif') no-repeat;float:left;height:15px;width:25px;margin:-24px 0 0 10px}
.up{background:url('images/up.gif') no-repeat;float:left;height:15px;width:25px;margin:-24px 0 0 10px}

/*******************/

#main .about-us{background:#9CE5F4 url('images/about-us.png') no-repeat 99%;padding:18px 60px 18px 10px;}
#main .contact-us{background:#9CE5F4 url('images/contact-us.png') no-repeat 99%;padding:18px 70px 18px 10px;}
#main .privacy{background:#9CE5F4 url('images/privacy.png') no-repeat 99%;padding:12px 50px 12px 10px;}
#main .support{background:#9CE5F4 url('images/support.gif') no-repeat 99%;padding:18px 70px 18px 10px;}
#main .accomplish{background:#9CE5F4 url('images/accomplish.gif') no-repeat 97%;padding:18px 80px 18px 10px;}
#main .news{background:#9CE5F4 url('images/news.gif') no-repeat 97%;padding:18px 80px 18px 10px;}
#main .advanced-services{background:#9CE5F4 url('images/advanced-services.gif') no-repeat 97%;padding:18px 80px 18px 10px;}
#main .our-services{background:#9CE5F4 url('images/our-services.gif') no-repeat 97%;padding:18px 80px 18px 10px;}
#main .product{background:#9CE5F4 url('images/product.gif') no-repeat 97%;padding:20px 70px 20px 10px;}
#main .agreement{background:#9CE5F4 url('images/agreement.gif') no-repeat 97%;padding:20px 70px 20px 10px;}
#main .tell-friend{background:#9CE5F4 url('images/tell-friend.gif') no-repeat 97%;padding:20px 70px 20px 10px;}
#main .solution{background:#9CE5F4 url('images/solution.gif') no-repeat 97%;padding:20px 80px 20px 10px;}
#main .payment{background:#9CE5F4 url('images/payment.gif') no-repeat 97%;padding:20px 70px 20px 10px;}
#main .login{background:#9CE5F4 url('images/login.gif') no-repeat 97%;padding:20px 70px 20px 10px;}
#main .site-map{background:#9CE5F4 url('images/site-map.gif') no-repeat 97%;padding:20px 75px 20px 10px;}

#left-side .our-goal{background:#9CE5F4 url('images/our-goal.gif') no-repeat 97%;padding:10px 55px 10px 10px;}
#left-side .how-accomplish{background:#9CE5F4 url('images/how-accomplish.gif') no-repeat 97%;padding:10px 55px 10px 10px;}

#welcome #top .on{background:url('images/on.gif') no-repeat 97% bottom;padding:3px 20px 1px 0;display:inline-block;color:#75D658}
#welcome #top .off{background:url('images/off.gif') no-repeat 97% bottom;padding:3px 20px 1px 0;display:inline-block;color:#DA3B3B}

.complete{background:url('images/complete.gif') no-repeat 97% bottom;padding:20px 70px 20px 10px;display:inline-block;}
.error{background:url('images/error.gif') no-repeat 97% bottom;padding:20px 70px 20px 10px;display:inline-block;}