/*Global Stylesheet*/
* {
    direction:rtl; 
    padding:0;
    margin:0;
    font-family: Arial, FreeSans}
body { background: url(../imgs/bg_tile.gif)}
/* Semi-transparent layer */
.overlay {position:absolute;top:0px;right:0px;background-color:#000;
		  filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;
		  z-index:4}
		  
a {text-decoration:none; color: #33ACCB;}
a:hover {color: #1A1AE8}

#container { width:    900px; 
			 margin:   0 auto;
			 
			 background: url(../imgs/bg.gif) repeat-y; }


/*Category Navigation list*/
ul#cats {margin-top:1em;width:50em;}

/* Top navigation (logo) */

h1#logo a {display: block;height: 111px; width: 160px;}
h1#logo a span {display: block; 
				float:right; 
				height: 111px;
				font-size:10px;
				visibility: hidden; 
				overflow:hidden }
h1#logo { background: url(../imgs/top_logo.jpg) no-repeat; 
		  width: 768px; 
				  
				  height: 111px;
				  margin: 0 auto;
				  _margin-top: -20px;
				  border-top: 1px #000 solid;
				 _overflow: hidden; 
		}

/*Top site navigation*/
ul.site-nav {background: url(../imgs/top_nav_bg.png) no-repeat;
	 		 width:768px; 
	 		 height: 62px;
	 		 list-style:none;
	 		 overflow:hidden;
	 		 margin: 0 auto}

/*language selector in navigation*/
ul.site-nav li.firstChild * {
	
}

ul.site-nav li.langSelect a {
	
	height:12px;
	padding:0;
	float:left;
	
	clear:both;
	font-size:10px;
}



ul.site-nav li.langSelect a:hover {
	background:none;
	color: yellow;
	font-size:12px;
	
}

ul.site-nav li {float:right; 
				width:  60px;
				height: 62px;
				background: url(../imgs/top_nav_sep.png) no-repeat; 
				text-align: center; 
				margin-top: 6px; 
				font-weight:700;
				font-size: 14px;
				}


ul.site-nav li a { width: 50px;
				float:left;
				padding: 10px 3px 0 3px;
				font-family: Arial, FreeSans; 
				margin-left: 4px;
				text-align: center;
				color: #fff;
				height: 57px;}
				


ul.site-nav li a:hover {
						background-image: url(../imgs/top_nav_link_hover.png); background-repeat: repeat-y;}
ul.site-nav li.lastChild {background-image: none;}


div#news-and-tips-container { width: 146px;
							  float: left;
							  border-right: 1px solid #d0d8c6;
							  min-height: 200px;
							  background-color: #D6EBFC }
div#news-and-tips-container div.news,
div#news-and-tips-container div.tips { float:left;
									   background: url(../imgs/tips_news_bottom.png) no-repeat 0 100% #d6ebfc; 
									   min-height: 200px; 
									   _height: 200px;
									   }
									   
									   
div#news-and-tips-container div.tips {border-bottom: 1px dotted #000}
div#news-and-tips-container div.tips h2,
div#news-and-tips-container div.news h2 { width: 143px;
										  height: 28px;
										  background: url(../imgs/tips_news_titles.png) no-repeat 0 2px;
										  padding-bottom: 2px;
										  color: #fff;
										  font-size: 20px;
										  text-indent: 6px }
div#news-and-tips-container h2 a {color: #fff}
div#news-and-tips-container h2 a:hover {color: #ccc}
/* 5 Latest news entries */
div#news-and-tips-container ul {
    list-style: none;
    padding: 0 5px;
    
}

div#news-and-tips-container ul li {
    font-size:12px;
    margin-top: 5px;
    border-bottom: 3px dotted #fff;
}

div#news-and-tips-container ul li:hover a,
div#news-and-tips-container ul li:hover {
	border-color: #092B47;
	color: #092B47
}

div#news-and-tips-container ul li.allEntities a {color: #444}
div#news-and-tips-container ul li.allEntities,
div#news-and-tips-container ul li.allEntities:hover a,
div#news-and-tips-container ul li.allEntities:hover {
	border:none
}


div#news-and-tips-container ul li.allEntities a { padding: 0.4em 0; 
                                                  text-indent: 0.2em;
                                                  display: block; 
                                                  font-size: 14px  }
                    
div#pagePhoto-and-search { width: 768px;
						   margin: 0 auto;
						   overflow: hidden }
div#pagePhoto-and-search img {display: block; 
							  float: right }
							  
/*=====================Search Form========================*/
div#pagePhoto-and-search form { background: url(../imgs/search_bar_bg.png) no-repeat; 
							    width: 191px; 
							    height: 108px; 
							    float: left }
							   
div#pagePhoto-and-search form * { margin-right: 10px }

div#pagePhoto-and-search form h2 { color:#5181a9; 
								   font-size: 14px;
								   margin-top: 5px }

div#pagePhoto-and-search form input#searchString { font-size: 14px;
												   border: none;
												   background: url(../imgs/input_text.png) no-repeat; 
												   width: 164px; 
												   height: 21px; 
												   display: block;
                                                   text-indent: 5px;}
												   
div#pagePhoto-and-search form label { display: block; 
								 width: 100%; 
								 clear: both; 
								 margin: 0}
div#pagePhoto-and-search form label span { color:#5383ac;
										   font-size: 12px; 
										   margin:0 }
										   
div#pagePhoto-and-search form div {width: 100%; overflow:hidden; clear: both; margin: 0; padding-top: 5px}
div#pagePhoto-and-search form div input#submitSearch { background: url(../imgs/input_search.gif) no-repeat;
											  border: none;
											  width: 60px;
											  height: 20px;
											  cursor: pointer; cursor: hand;
											  font-weight: 700;
											  color: #fff }


.searchStringLabel {color: #ccc;
					text-align: center;}
/*=====================End Search Form========================*/

/* login dialog style (when JS's enabled) - note its hidden by default */
div.loginDialog {position:absolute; z-index: 5; width: 100%; top: 50%;margin-top:-90px; display: none}
div.loginDialog form {width: 400px; height: 175px; margin : 0 auto;background: #CFCED2;
				   border: 3px solid #aaa; padding: 3px; border-top-color: #888; border-left-color: #888}
div.loginDialog form h1 {text-align: center; border: 1px dotted blue; background: #6AB8E4; font-size: 1.5em; color: #0053B1}
div.loginDialog form fieldset {border:none; }
div.loginDialog form label {display:block;float:left; margin-top:5px;clear:both;overflow:hidden;width:100%}
div.loginDialog form label span {float:right; display:block; width:120px; margin-right: 5px; color: #1530A2}
div.loginDialog form label input {float:left; width: 260px; margin-left: 5px; direction: ltr}
div.loginDialog form a {display: block; width:100%; text-align: center; margin-top: 5px; float:left; clear: both;} /* lost pwd link */
div.loginDialog form a:hover {color: #000}
div.loginDialog form div.buttonsArea { width:100%; float:left; clear:both; margin-top: 5px; overflow:hidden}
div.loginDialog form div.buttonsArea input.firstChild {margin-left: 125px}
div.loginDialog form div.buttonsArea input {width: 70px; font-size: 14px; 
									  border: 1px solid #6AB8E4; 
									  cursor: hand; cursor: pointer;
									  display:block; float: left; margin-left:5px;
									  padding: 5px 0; font-weight:700}
.loginDialog form .buttonsArea input:hover {background : #6AB8E4; color: #fff}


#main { overflow:hidden;
	    width: 768px; 
	    margin: 0 auto; 
	    border-top: 4px solid #bacddc; 
	    padding-top: 2px; 
	    margin-top: 2px }
	   
#main div.GEditContainer {min-height:100px; _height: 100px;}
#main div.GEditContainer p {margin:1em 0}
#main div.GEditContainer img {margin-right:0.5em; border:1px #ccc solid;padding:5px}
#main div.GEditContainer ul,#main div.GEditContainer ol {margin-right: 2.2em}

 
/*content area related*/
div#mainContent { width:466px; 
				  float:right; 
				  padding-right: 5px;
				  min-height:220px;
				  _height: 220px }

span.print_link	 {
	display:block;
	width:100%;
	text-align:center;
	font-size:12px;
}
				  
div#Content {padding: 0 10px;}
div#mainContent h3.pageTitle { background: url(../imgs/page_title_bg.png) no-repeat; 
							width: 467px;
							height: 23px;
							margin: 0 auto;
							text-indent: 10px;
							color: #fff;
							font-size: 16px;
							padding-top: 1px; }

#currentPath {margin: 5px 0}
/* full path to current page */
#currentPath, #currentPath a { font-size:14px; 
			     color:#83937e; 
			     font-weight: 200;
			     }

#currentPath a:hover { color:#94a48f; }

.pagination {direction:ltr; text-align: center; float:right;width:100%;clear:both; padding: 1em 0;}
.pagination a {border: 1px #000 dotted; text-indent:2px;padding:0.1em 0;}
.pagination a:hover {border-color: #000;border-style: solid}
.pagination a.currentPage {background: #47BDED; color:#fff;border-style: solid}


/*items list page - for news,article categories and articles*/
.itemsListPage ul {width:100%}

/*home page related*/

.itemsListPage h3 {color:#898989}
.itemsListPage .categoryTitle , .itemsListPage h4 {color:#999999;width:98%;clear:both; padding:0.2em 0 0.25em 0;margin-right:2%}
/*---*/



/*list item container*/
.itemsListPage ul li {float:right;clear:both;margin-bottom: 0.25em;list-style:none;
			background: url(../imgs/content_nav_bullet.gif) 100% 3px no-repeat;
			border-bottom: dashed 1px #B2B2B2;padding-bottom:0.8em;width:100%}
			
.itemsListPage ul li:hover {background-color:#F8FEEE;border-color:blue}

.itemsListPage ul li img {float:right;margin-left:0.4em;border:1px solid #ccc; padding:5px;margin-right:0.8em;}
.itemsListPage ul li:hover img {border-style:dotted; background-color: #eaeaea;}


/*item summary text*/
.itemsListPage ul li blockquote {font-size: 12px; width:75%;_width:64%; letter-spacing:0.03em;float:right;margin-right:1.5em}

/*home page indented items list*/

.itemsListPage ul.indented li {width:95% !important;padding-right:4%;_width:93%;margin-right:4px}
.itemsListPage ul.indented li a,.itemsListPage ul.indented  li span {font-size:0.8em}
.itemsListPage ul.indented li a {width:80%}




/*Home Page - link to all entries*/
.itemsListPage ul li.allEntities {border:none;background:none}
.itemsListPage ul li.allEntities:hover {border:none;background:none}
.itemsListPage ul li.allEntities a {float:left;width:auto;margin-left:1em; color: #378BBB; font-size:0.8em !important;}
.itemsListPage ul li.allEntities a:hover {text-decoration:underline}
/*item date/counter*/
.itemsListPage ul li span {display:block;font-size:0.87em; width:78px;float:left;
						   ;font-family:Verdana,sans-serif;color: #49BDEE; }
/*url surrounding image*/
.itemsListPage ul li a.imageUrl {display:inline;width:auto;float:none;}
.itemsListPage ul li a.continueReading {display:block; text-align:left;width:100%;clear:both;float:right; font-size:14px;}

/*url surrounding item title*/
.itemsListPage ul li a.title    {display        : block;
						margin-right:0.8em; _margin-right:0.3em;
						width          : 65%;
						_width         : 70%;
						float          : right;
						font-weight    : 700;
						letter-spacing : 0.03em;
						font-family    : Verdana,sans-serif;
						color          : #37ADED;}
.itemsListPage ul li:hover a.title {color :#158BCB}						
.itemsListPage ul li.withImage a.title {width:64%;}
.itemsListPage ul li.withImage {padding-bottom:1em;}


/*categories counter*/
#articleCategories ul li span {margin-left:-0.7em}


/*content page - new / article*/
.contentPage h2 {font-size:1.2em; color:#696969; margin: 0.5em 0}
.contentPage blockquote {font-family:Verdana; font-size:0.85em;}

#footer { background: url(../imgs/footer_bg.png) no-repeat;
		  overflow:hidden;
		  width:768px;
		  height: 61px;
		  margin: 0 auto;	 }

#footer a#iokunLogo {float:left; display: block; width:40px;height:40px}
#footer ul { width:768px;
			margin-top: 8px;
			float: left; 

			list-style: none}
#footer ul li {float:right; 
			   padding-right:6px;
			   margin-left: 5px;
			   width:40px;
			   font-size: 12px; 
			   margin-top:5px;
			   color: #fff; 
			   text-align:center;
			   text-indent:5px;
			   border-right: 1px dotted #BACDDC}
#footer ul li.longerWidth {width:70px}
#footer ul li a {display:block; 
				 width:100%}
#footer ul li:hover {border-color: #000; border-right-style: solid}
#footer img {border:none; float:left; margin: 40px 0 0 10px;}


/* bottom text*/
div#bottom_text {font-size:70%;text-align:center;direction:rtl;width:768px;margin-right:65px;}

/* Content Nav: full path: div#main div#content-nav-container */
div#content-nav-container ul {list-style:none;}

div#content-nav-container ul#mainNav { float:right; 
									   width:145px;
									   min-height: 220px;
									   _height: 220px;
									   background-color: #D6EBFC}
									   
div#content-nav-container ul#mainNav #sub_products { background-color: #dddbdb;}
div#content-nav-container ul#mainNav li { border-bottom: 3px dotted #fff;}									   
div#content-nav-container ul li a { color: #118AA9;
								    display:block; 
									width:100%; 
									text-indent: 5%; 
									font-size:0.8em; 
									font-weight:700; 
									padding: 0.3em 0; }



div#content-nav-container ul#subNav {background-color: #E8E8E8}
div#content-nav-container ul#subNav li a {padding-right:15px;
										  width: 130px;
										  text-indent:0;
										  font-weight:200}
										  
div#content-nav-container ul#subNav ul li a	{padding-right:30px;
											 width: 115px;
											 background-color:#DDDBDB}

/*welcome msg*/
div#content-nav-container ul#mainNav blockquote span { font-size: 0.8em;
													   text-indent: 0.4em;
													   display: block;
													   margin-top: 2em }
/*login/logout anchor*/
div#content-nav-container ul#mainNav blockquote a { background: none;
												    text-indent: 2em;
												    margin: 0 }

/*selected pages*/
ul#mainNav a.selected { background-color: #47BDED; 
					    color: #fff }
ul#subNav a.selected { background-color: #259BCB; 
					   color: #fff }
					   

/* order summary report */
div#orderReport {direction:rtl}
div#orderReport table {width:465px}
div#orderReport * {font-family: Arial}
div#orderReport h2 {text-align: center}
div#orderReport h2, div#orderReport h3 {background-color: #FF8125; color: #fff; width: 98.5%; margin: 0 auto}
			
div#orderReport table td, div#orderReport table th {border: 1px dotted #ccc; 
								background-color: #BDBDEE; 
								color: #000; 
								padding: 5px 0;  
								text-indent: 5px;
								font-size: 0.72em}
			
div#orderReport table th  {text-align: right;
					   background-color: #AECEFF }

div#orderReport a {display:block;text-align:center; margin-top: 5px; font-weight: bold}

/*** Shopping cart height override **/
#main div#shopping_cart_text {min-height:50px;_height:50px}

#main div#faq_text {min-height:50px;_height:50px}

/*** Therapist page ***/
table.therapist-details,table.therapist-comments {
	width:100%;
	padding:5px;
	color:#04417d;
	background:#cbdfef;
	font-size:0.95em;
	line-height:1.4em;
}

table.therapist-details td.field,table.therapist-comments td.field {
	width:20%;
}

table.therapist-details td.details {
	width:55%;
	font-weight:600;
	padding-right:8px
	
}

table.therapist-resume {
	width:100%;
	padding:5px;
	color:#04417d;
	font-size:0.9em;
	line-height:2em;
	background:url(../imgs/therapist-bg.gif);
}

table.therapist-resume td.field {
	width:20%;
}

table.therapist-resume td.details,table.therapist-comments td.details {
	width:80%;
	font-weight:600;
	line-height:1em;
	padding-right:8px
}
/*************/

/** Site map ***/

ul.site_map {
	list-style-image:url(../imgs/sitemap-arrow-rtl.gif);
	
	font-size:12px;
	padding-right:20px;
	margin:10px;
}
ul.site_map a{ 
	color:#386490
}

ul.site_map a.top_cats
{
	font-weight:bolder;
	font-size:13px;
}

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