/*Global Stylesheet*/
* { padding:0;
    margin:0;
    direction:rtl; 
    font-family: Arial, FreeSans}
body {}
/* 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:780px; margin: 0 auto;overflow:hidden;}

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

/* Top navigation (logo) */
div#top-logos {clear:both;height:146px; width:100%}
div#top-logos h1 span {visibility: hidden;}
div#top-logos h1 a {display:block; width:100%;height:146px}
div#top-logos h1 {background: url(../imgs/logo.jpg) no-repeat; width: 150px; height: 146px; float:right;_overflow:hidden}
div#top-logos img {float:right}

/*Top site navigation*/
ul#site-nav {background: url(../imgs/top_nav_bg.gif) repeat-x;
	 font-size:14px; width:100%; height: 33px;list-style:none;overflow:hidden}
ul#site-nav li.firstChild {background:none;font-size: 1em;}
ul#site-nav li {float:right; 
				width:  9.4em;
				background: url(../imgs/top_nav_bullet.gif) no-repeat 0px -2px; 
				text-align: center; 
				margin-top: 6px; 
				font-weight:700;
				font-size: 0.81em;	}
ul#site-nav li.lastChild {background: none !important}

ul#site-nav a {  display: block; width:100% ;font-family:tahoma; padding: 0.3em 0}




/* 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 div.lostPass {text-align:center }
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}


/*search form*/
	/*search box*/
div#nav li form#searchForm {padding: 0 3px}
div#nav li form#searchForm input#searchString {width: 100px; 
											   border: 1px solid #000; 
											   font-size: 12px;
											   margin-bottom:0.8em;
											   float:right;
											   margin-right: 0.3em}

div#nav li form#searchForm input#submitSearch {background: url(../imgs/search.gif) 0 5px no-repeat; 
											   padding: 0 0.5em;
											   width: 12px; 
											   border:none; 
											   margin-right:0.2em;
											   height:2em;
											   float:right;
											   margin-top:-0.2em;
											   cursor:pointer;cursor:hand}
/*end search form*/

#marqueeContainer {height:20px; width:100%; background-color:#0B88A3; color: #fff; padding:4px 0;overflow:hidden; }

div#marquee a {color: #fff}
div#marquee a:hover {color: yellow}
div#marquee {height:20px; color: #fff; overflow:hidden;}



/*content area related*/
#mainContent {width:600px; float:left; padding: 0.5em; _overflow:hidden; padding-left:0;}
#currentPath {font-size:16px}
#main div.GEditContainer {min-height:20px;}
#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}
/*manager page*/
#main div.mngr  img {margin-right:0; margin-left:0.5em}
/*recommended links page*/
#main div.links  img {margin-left:0.5em}

/*general area search string states (used via JS) */
.searchStringLabel {color:#ccc; text-align:center}

#currentPath, #currentPath a { color : #5EA8A9 ; font-family:tahoma}

.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 h2 {color: #696969;}
.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;}

/*home page indented items list*/

.itemsListPage ul.indented li {width:96% !important;margin-right:4%;_width:93%}
.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:15%;float:left; 
						   ;font-family:Verdana,sans-serif;color: #49BDEE; }
/*url surrounding image*/
.itemsListPage ul li a.imageUrl {display:inline;width:auto;float:none;}
/*url surrounding item title*/
.itemsListPage ul li a    {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 {color :#158BCB}						
.itemsListPage ul li.withImage a {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: #D9E7F1;padding:0.2em 0; overflow:hidden;width:100%}
#footer img {border:none; float:left; margin-left: 0.5em;}

#comodoSSL { text-align:center;padding:20px 0}

#sslLogoContainer {
	position:absolute; 
	margin-top:-120px;
	margin-right:5px; 
	text-align:center;
	font-size:12px; color:#409ED2

}
#sslLogoContainer img {
	float: none !important; 
}


/* page content container */
#main {
	width:100%; 
	
	overflow:hidden;
	z-index:2;
	
}


/* Content Nav: full path: div#main div#content-nav-container */
div#content-nav-container ul {list-style:none;}
div#content-nav-container ul#mainNav {padding-top: 0.5em}
div#content-nav-container ul li a { color: #118AA9;; display:block; 
									width:100%; text-indent: 10%; font-size:0.8em; font-weight:700; padding: 0.3em 0;
									background: url(../imgs/content_nav_bullet.gif) 96% 0.3em no-repeat;}
div#content-nav-container ul li a:hover{ background-color: #DFDFDF}

div#content-nav-container ul#mainNav li#signUp a {display:inline;background:none;padding-right:15px;}


div#content-nav-container ul#mainNav {float:right; width:5empx;width:10.5em;
			background: url(../imgs/content_nav_bg.gif) repeat-x #F0F0F0;padding-top:1em}

div#content-nav-container ul#subNav {background-color: #E8E8E8}
div#content-nav-container ul#subNav li a {text-indent: 20%;background-position: 85%  0.3em !important; font-weight:200}

/*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}

/*doctors page style, put this class in the surrounding div in source view*/
.docPage ul, .docPage ol, .activityPage ul, .activityPage ol {width:60%}

ul#mainNav {padding-bottom:116px;!important}