@charset "utf-8";
/* (c) iddo.org.il */
 * { margin: 0; padding: 0;  border: 0; }

body { padding: 0; margin: 0; background: url(../img/bg.jpg) center top no-repeat #000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; text-align: center; }
h1 { font-size: 24px; font-weight: bolder; margin-top: 0; margin-bottom: 8px; padding-top: 0px; }
h2 { font-size: 20px; font-weight: bolder; margin-top: 0; margin-bottom: 8px; padding-top: 0px; }
h3 { font-size: 16px; font-weight: bolder; margin-top: 0; margin-bottom: 8px; padding-top: 0px; }
h4 { font-size: 14px; font-weight: bolder; margin-top: 0; margin-bottom: 8px; padding-top: 0px; }
strong, .strong { font-weight: bold; }
table { border: 0; }
img { border: none; }
select { border:1px solid #BDC7D8; font-size:11px; padding:2px; }

a { cursor: pointer; text-decoration: none;}                              
a:link, a:visited { color: #fff; text-decoration: underline; text-decoration: none; } /* #2E67C7 */
a:hover, a:active, a:focus { outline: 0; color: #000; text-decoration: none; background:transparent; }
a:link img, a:visited img, a:hover img, a:active img, a:focus img { color: #fff; background: transparent; }
.imgLink, .imgLink:visited { text-decoration: none; color: #fff; background: #fff; }
.nul, .nul a, .nul:link, .nul:visited, .nul a:link, .nul a:visited, .selected, .selected a { text-decoration: none; }
.selected:link, .selected:visited { text-decoration: none; color: inherit; background: #fff; }
.selected:hover, .selected:active, .selected:focus { color: inherit; text-decoration: underline; background: none; }

#captcha_image { border-style: solid; border-width: 1px; border-color: #7f9db9; margin-top: 6px; margin-bottom: 4px; background: url(../img/busy.gif?v=1) no-repeat center center; cursor: pointer; }

.Confirm { margin-bottom: 20px; padding: 0 0 5px 25px; background: url(../img/green.png?v=1) no-repeat left top; font-size: 14px; font-weight: bold; text-align: left; vertical-align: middle; color: #000; }
.Problem { margin-bottom: 20px; padding: 0 0 5px 25px; background: url(../img/red.png?v=1)   no-repeat left top; font-size: 14px; font-weight: bold; text-align: left; vertical-align: middle; color: #000; }

/* Header */
.iddoPageHeader { overflow: hidden; margin-left: auto; margin-right: auto; display: block; width: 800px; padding-bottom: 3px; border-bottom: 1px dotted #fff;}
.iddoPageHeader .topNavigationMenu {float: right}
.iddoPageHeader .topNavigationMenu .topNavigationItem { font-size: 9px; color: #fff; margin-right: 3px;}
.iddoPageHeader .topNavigationMenu .seperator { font-size: 9px; color: gray; margin-right: 3px; }

/* Fotter */
.iddoPageFooter { overflow: hidden; margin-left: auto; margin-right: auto; display: block; width: 800px; padding-top: 3px; text-align: center; direction: rtl; font-size: 9px; }
.iddoPageFooter a:hover, .iddoPageFooter a:active, .iddoPageFooter a:focus { color: yellow; }
.iddoPageFooter a:visited { text-decoration: none; }

.iddo { overflow: hidden; margin-left: auto; margin-right: auto; display: block; width: 800px; text-align: left; position: relative; }

#boxInterior { text-align: center; color: #000; font-weight: bold; padding: 10px; min-height: 250px; }
#boxInterior a { text-decoration: underline; color: #000; }
#boxInterior a:link, a:visited { text-decoration: underline; color: #000; }
#boxInterior a:hover, a:active, a:focus { color: yellow; }
#placeHolder { display: block; }
#boxWating { position: absolute; top: 0; left: 0; background: url(../img/loaderST.png) no-repeat 50% 50%; display: none; margin:0.5em 0; }
#loading { background: transparent url(../img/gallery/loading_image.gif) no-repeat 50% 50%; }

#blog { text-align: right; direction: rtl; }
#homePage { text-align: right; direction: rtl; }
#images { text-align: right; direction: rtl; }
.error { text-align: left; color: #000; font-weight: bold; }
.inlineImageLeft { float: left; margin:0 3px; }
.inlineImageRight { float: right; margin:0 3px 0 6px; }
.footNote { font-size: 10px; font-weight: normal; text-align: right; direction: rtl; margin-top: 20px; border-top: 1px black dotted; }

.bookComments { text-align: right; direction: rtl; }
.bookComments .bookLinksL { width: 250px; text-align: left; } 
.bookComments .bookLinksC { width: 250px; text-align: center; font-size: 13px; } 
.bookComments .bookLinksR { width: 250px; text-align: right; } 
.bookComments .bookPageTitle { text-align: center; margin-bottom: 10px; }
.bookComments .bookPagination { font-weight: normal; font-size: 11px; text-align: left;}
.bookComments .comment { margin: 2px 0 25px 0; }
.bookComments .commentDetailsTop { background: url(../img/book/entryTitleTop.png) no-repeat; width: 750px; height: 10px; margin-top:3px; }
.bookComments .commentDetailsBottom { background: url(../img/book/entryTitleBottom.png) no-repeat 0 -1px; width: 750px; height: 10px; }
.bookComments .comment .commnetDetails { background-color: #000; color: yellow; font-weight: normal; padding: 0 6px;}
.bookComments .commentTextTop {background: url(../img/book/entryBody.png) no-repeat 0 0; width: 750px; height: 10px; margin-top: 3px; }
.bookComments .commentTextBottom {background: url(../img/book/entryBody.png) no-repeat 0 -30px; width: 750px; height: 10px; }
.bookComments .comment .commentText { padding: 6px; border-left: 2px solid black; border-right: 2px solid black; }
.bookComments .comment .commentDate { text-align:center; font-weight: normal; font-size: 9px; padding: 3px; color: #000; border-left: 2px solid black; border-right: 2px solid black;}

*:focus { outline: transparent 4px; }
.bookInsert { text-align: right; direction: rtl; }
.bookInsert input { margin-left: 3px; height: 20px; background-color: transparent; direction: rtl; }
.bookInsert textarea { background-color: transparent; border: none; margin-right: 2px; }
.bookInsert .inputArea { border: none; padding: 5px; height: 155px;  background:transparent url(../img/book/textArea.png) no-repeat scroll 80px 0; }
.bookInsert .textInput { margin:3px 11px 3px 0; height: 22px; background-color: transparent; border: none; }
.bookInsert .button { border: none; height: 26px; }
.bookInsert .insertBookCheck { margin-top : 5px; }
.bookInsert .insertBookSec { margin:15px 0; }
.bookInsert .bookInsertTitle { text-align: center; font-weight: normal; font-size: 12px; }
.bookInsert .insertForm { width: 500px; margin-right:150px; margin-top: 25px; font-weight: normal;}
.bookInsert .tableRow { margin: 5px 0; } 
.bookInsert .tableField { background: url(../img/book/inputText.png) no-repeat right top; }
.bookInsert .lables {margin-top: 25px; }
#lableCommnet { text-align: right; font-weight: bold; }
#lablePlease { font-size: 12px; font-weight: normal; font-style: italic; margin-right: 25px; }
#emailNote { font-size: 12px; font-weight: normal; font-style: italic; margin-right: 5px; }
#secNumberInputTD { background: transparent url(../img/book/smallInputText.png) no-repeat scroll right top; height:23px; padding-top: 1px; width: 110px; }
#secNumberInput { margin-right: 9px; margin-left: 0; height: 18px; }
#secNumPlace { padding-right: 3px; }
.blankP { margin: 10px; }
.blankSpan  { visibility: hidden; }
.notation { cursor: help; border-bottom: dashed 1px; font-style: italic; font-size: 17px; text-decoration: none !important; }

/* CSS for the Box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb { margin:0.5em 0; }
/* Rules for the top corners and border */
.bt { background:url(../img/box.png) no-repeat 100% 0; margin:0 0 0 18px; height:17px; }
.bt div { height:17px; width:18px; position:relative; left:-18px; background:url(../img/box.png) no-repeat 0 0; }
/* Rules for the bottom corners and border */
.bb { background:url(../img/box.png) no-repeat 100% 100%; margin:0 0 0 18px; height:17px; }
.bb div { height:17px; width:18px; position:relative; left:-18px; background:url(../img/box.png) no-repeat 0 100%; }
/* Insert the left border */
.i1 { padding:0 0 0 5px; background:url(../img/boxBorder.png) repeat-y 0 0; overflow: hidden; }
/* Insert the right border */
.i2 { padding:0 5px 0 0; background:url(../img/boxBorder.png) repeat-y 100% 0; overflow: hidden;}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 { background:url(../img/boxBG.png);  border-width:1px 0; padding:0 10px; }
/*================================================
  CSS for the box ends here */

/* CSS for the Menu starts here
================================================*/
/* Navigation Structure */
.nav-container-outer{ background: #990000; padding: 0px; height: 74px; background: url(../img/menu/nav-bg.png); margin-left: auto; margin-right: auto; width: 800px; text-align: right;}
.float-left{ float: left; }
.float-right{ float: right; }
.nav-container .divider{ display:block; font-size:1px; border-width:0px; border-style:solid; }
.nav-container .divider-vert{ float:left; width:0px; display: none; }
.nav-container .item-secondary-title{ display:block; cursor:default; white-space:nowrap; }
.clear{ font-size:1px; height:0px; width:0px; clear:left; line-height:0px; display:block; float:none; }
.nav-container{ position:relative; zoom:1; margin: 0 auto; }
.nav-container a, .nav-container li{ float:left; display:block; white-space:nowrap; }
.nav-container div a, .nav-container ul a, .nav-container ul li{ float:none; }
.nav-container ul{ display: none; position:absolute; }
.nav-container, .nav-container ul{ list-style:none; padding:0px; margin:0px; float: right; }
.nav-container li a{ float:none }
.nav-container li{ position:relative; }
.nav-container ul{ z-index:2000; }
/*.nav-container ul ul{ z-index:2000; }
.nav-container ul ul ul{ z-index:3000; }
.nav-container ul ul ul ul{ z-index:4000; }
.nav-container ul ul ul ul ul{ z-index:5000; }*/
/*.nav-container li:hover ul { display: block; border: 1px solid; }*/
#nav-container ul { top:100%; }
/*#nav-container ul li:hover>ul{ top:0px; left:100%; }*/

/* Primary Items */    
#nav-container a{ padding:7px 17px 7px 18px; margin: 10px 0px 0px 0px; color: #FFFFFF; font-family: Trebuchet MS, Arial, sans-serif, Helvetica; font-size:14px; text-decoration:none; font-weight: bold; background: url(../img/menu/item-primary-bg.gif); background-repeat: no-repeat; background-position: top; }
#nav-container a:hover{ color: #6C3600; background: url(../img/menu/item-primary-bg.gif); background-repeat: no-repeat; background-position: center; }

/* Secondary Items Container */    
#nav-container div, #nav-container ul{ padding:10px 4px 10px 4px; margin:0px 0px 0px 0px; background: url(../img/menu/item-secondary-container-bg.jpg); background-repeat: repeat-x; background-color: #FF9900; border-bottom: 1px solid #CA6500; }

/* Secondary Items */    
#nav-container div a, #nav-container ul a{ padding:3px 10px 3px 0px; background-color: #FFFFFF; background: url(../img/menu/item-secondary-bg.jpg); background-repeat: no-repeat; background-position: 0px 22px; font-size:11px; border-width:0px; border-style:none; margin: 0px 0px 0px 0px; width: 149px; }

/* Secondary Items Hover State */    
#nav-container div a:hover, #nav-container ul a:hover{ background-color: #FFFFFF; background: url(../img/menu/item-secondary-bg.jpg); background-repeat: no-repeat; color:#CC0000; }

/* Secondary Item Titles */    
#nav-container .item-secondary-title{ cursor:default; padding:4px 0px 3px 7px; color: #6C3600; font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica; font-size:11px; /* background: url(images/item-secondary-title-bg.jpg); */ background-repeat: no-repeat; font-weight:bold; }

/* Horizontal Dividers */    
#nav-container .divider-horiz{ border-top-width:1px; margin:5px 5px; border-color: #C16100; }

/* Vertical Dividers */    
#nav-container .divider-vert{ border-left-width:1px; height:15px; margin:4px 2px 0px 2px; border-color:#AAAAAA; }
/*================================================
  CSS for the Menu ends here */

/* CSS for the Gallery starts here
================================================*/
#main_image_wrapper { position:relative; border:2px solid #000; width:600px; height:399px; background: transparent url(../img/gallery/loading_image.gif) no-repeat 50% 50%; }
#imgloader { text-align:center; vertical-align:middle; }
#thumbbox { border:solid 1px #000; text-align:center; width:590px; position:relative; padding:5px; }
#thumb_container{position:relative; overflow:hidden; width:530px; height:80px; margin:0 0 0 32px; }
#thumbs img{ margin-right:4px; vertical-align:top; }
#thumbs a img { border: 0px} /*{ border:1px solid #333; }*/
#thumbs a:hover img { border: 0px} /*{ border:1px solid #CCC; }*/
#thumbs a:hover{ color:red; background-color: transparent;}
#photocount{ color:#000; font-size:10px; float: left; width: 48%; text-align: left; left:0; }
#back{position:absolute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;left:568px;float:right;z-index:1001;}
.morelink:hover{font-size:11px;color:#FFF;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:1000;}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px;}
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;}
#iptc_btn{width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;}
#iptc_info{position:absolute;bottom:0;left:0;height:auto;width:100%;background-color:#000;color:#CCC;font-size:10px;line-height:140%;text-align:left;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; z-index: 1200;}
#iptc_info a { text-decoration: underline; color: #CCC; }
#iptc_info a:link, a:visited { text-decoration: underline; color: #CCC; }
.iptc_left{float:left;text-align:right;width:79%;color:#FFF;padding:0 0 0 2%;}
.iptc_right{float:right;text-align:right;width:18%;}
#rightmore li a{background:url(../img/gallery/right_more.gif) no-repeat 0 -10px; display: block; color: #fff; text-decoration: none; width:100%;padding:0;}
#rightmore li a:hover{background:url(../img/gallery/right_more_over.gif) no-repeat 0 -10px; color: #fff; height: 90px;}
#leftmore li a{background:url(../img/gallery/left_more.gif) no-repeat 0 -10px; display:block ; color: #fff; text-decoration: none; width:100%;padding:0;}
#leftmore li a:hover{background:url(../img/gallery/left_more_over.gif) no-repeat 0 -10px; color: #fff; height: 90px; }
.spacing{padding:1px;}
.morelink:link,.morelink:visited{font-size:11px;color:#FFF;text-decoration:none;}
#rightmore,#leftmore{color:#333;height:90px;width:32px;padding:0;}
#rightmore ul,#leftmore ul{list-style:none;border:none;height:90px;margin:0;padding:0;}
#rightmore li,#leftmore li{height:90px;margin:0;}
html>body #rightmore li a,html>body #leftmore li a{ width:auto; height: 90px;}
#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:998;}
#prev, #next{ width: 30%; height: 100%; background: transparent url(../img/gallery/blank.gif) no-repeat; /* Trick IE into showing hover */ outline:none; }
#prev { left: 0; float: left; outline: none; -moz-outline: none; visibility:hidden;}
#next { right: 0; float: right; outline: none; -moz-outline: none;}
#prev:hover, #prev:visited:hover { background: url(../img/gallery/prev.png) left 50% no-repeat; }
#next:hover, #next:visited:hover { background: url(../img/gallery/next.png) right 50% no-repeat; }
#imgtitle{width:600px; font-size:.8em; text-align:center; color:#000; display:block}
#imgtitle h2{font-size:1.3em; margin:0; padding:0}
#thumbtoggler { text-align: right; float: right; width: 48%; right:0; z-index:1100; }
#thumbtoggler img { cursor: pointer; }
#thumbdisplay { width: 600px; }
.clear{ clear:both; }
#e2link {font-family: Arial, Helvetica, sans-serif; font-size: 9px; padding:5px 0; color: #FFFFFF; text-align:left;}
#e2link a { color: #FFFFFF; text-decoration:none }
.tooltip { color: #fff; width: 150px; z-index: 15000; text-align:left; }
.tooltip h4 { font-weight: bold; font-size: 12px; margin: 0px; padding: 8px 8px 2px; background:#000; }
.tooltip p { font-size: 11px; padding: 1px 8px 8px; margin:0px; background: #000;}
#thumbhide { position: relative; overflow:hidden; }
/*================================================
  CSS for the Gallery ends here */