/* CSS Document */

/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}
body {
	font: 72%/1.4 Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #444;
	text-align:center;
}



/* ~~ this fixed width container surrounds all other divs ~~ */
.container 
{
    
	width: 926px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
	text-align:left;
	padding: 18px 0 0 0;
}


#sidebar {
	float: left;
	width: 192px;
	background: #ffffff;
	padding-bottom: 10px;
}
#nav{background: #fff; margin: 0;padding:0;}
.content {

	padding: 0;
	width: 697px;
	float: left;
	background:#efefef;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.innercontent {
	width:697px;
	margin-left: auto;
	margin-right: auto;
}
#topcontent, .innercontent > #onecol
{
    padding: 5px;
}
#left {
	float:left;
	width: 250px;
	border-right: 1px solid #ccc;
	padding: 5px;
}

#right {
	float:left;
	width: 420px;
	padding: 5px;
}


#footer
{
    position:absolute;
    left: 50%;
    margin-left: -270px;
    width: 600px;
    

    padding: 10px 0;
}
/**********top menu***************/
#top_nav {margin:0; padding:0;}
#top_nav li, #bottom_nav li
{
 display: inline;
 list-style-type: none;
 margin-right: 5px;

   
}
#banner {background: #fff; height: 174px;}
#banner img{margin: -1px 0 0 0; padding:0;}
#top_nav li#collections_tab { margin: 0  10px 0 0; }
#collections_tab
{
 line-height: 24px; 
 float: left; 
 text-align: center;  
 width:88px; 
 height: 24px; 
    background: url(http://www.imj.org.il/imj/images/collections.gif) no-repeat;  
}
#nav_links
{
 float: left; 
 padding: 5px 0; 
 height: 10px; 
 margin: 0 0 0 16px;   
}

#top_search
{
 float:right; 
 margin: 0; 
 padding:0;
 height: 15px; 
}

#top_search_box
{
width: 125px; 
border: 1px #aaa solid; 
font-size: 1em; 
/*height: 12px;*/
}

    #status
	{
    	/* width:50%; */
    	/* padding:10px; */
    	/* height:42px; */
    	outline:none;
    }
    .focusField{
		background:#fff;
		color: #999;
		border: 0px solid #ccc;
		font-size: 1em;
		padding: 3px 0 0 4px; 
		width: 150px;
	margin: 0;

    }
    .idleField{
		background:#fff;
		color: #999;
		border: 0px solid #ccc;
		font-size: 1em;
		padding: 3px 0 0 4px; 
	margin: 0;
			width: 150px;
    }

.sfield 
{ 
    background-color:#ffffff;
    border: #a9a9a9 solid 1px; 
    height: 15px!important;
    width:120px; 
    font-size:12px;
    color:#555555;
    margin:0px; 
    padding:0px;
    }

/******side menu****************************/
#left_date
{
 width: 150px; 
 margin: 10px 25px 10px 0;
 border-top:solid 1px #7C7C7C; 
 border-bottom:solid 1px #7C7C7C;
 color:#7C7C7C;
 font-size: .95em;
 font-weight:normal;
 line-height:120%;
 color:#555555; 
 height:35px!important; 
 vertical-align:middle;
 text-align:center;
 padding:5px 3px 15px 3px;   
}

#sidemenu
{
padding: 0 0 15px 15px;
}

.right_menu{font-size: .95em; line-height: 18px; text-decoration: none; font-weight: bold; color: #666;}
.right_menu:hover{font-size: .95em; line-height: 18px;text-decoration: none; font-weight: bold; color: #888;}

/************content**********/
#right h2
{
color: #333;
font-size: 1.2em;
margin: 10px 0;
padding:0; 
}
#right h3
{
color: #b83219;
font-size: 1.0em;
border-bottom: 1px solid #b83219;
border-top: 0px solid #cfbd88;
margin: 15px 0 10px 0; 
}
#onecol h3, #onecol h4 {margin: 10px 0;}
#right h4
{
clear: both;
margin: 0;
font-weight:bold; 
padding: 10px 0;
}
#right h5
{
margin: 5px 0 0 0;
padding: 0;
font-size: 1em;
font-weight:bold; 
}

#right p
{
 font-weight: normal;   
}

#right .artistinfo
{
width: 420px; 
float: left;    
}

.milestones
{
border: 0; 
font-size: 1.2em; 
color: #999; 
margin: 10px 0 5px;
font-weight: bold;  
}

#right .artist_and_sideinfo
{
 width: 420px;   
}

#right .portrait_container
{
 float:left; 
 margin: 0 5px 0 0;
 color:#653e3e; 
 font-size: .87em; 
 width: 260px;  
}

#right .portrait_box
{
    line-height: 170px;
    width: 260px; 
    min-height: 150px; 
    text-align: center;
    border: 1px solid #d79c91;
    background: #fff;
}

#right .portrait_box img
{
 /*width: 250px;*/
 vertical-align: middle;   
}

#right .sideinfo
{    
width: 150px; 
float: right;   
}

#right .file
{
 color: #666; 
 margin: 5px 0 0 0;  
}

.exhibitions
{
 color: #d79c91;   
}

fieldset {position:relative; border: 1px solid #ccc; width: 600px; margin: 5px auto;}
legend {margin: 0 10px;}



.hline
{
border-bottom: #b83219 1px solid;
margin: 10px 0;
}

.minimalH
{
 min-height: 550px;   
}

.backto
{
font-size: .92em;    
}

.letterbox
{
 font-size: 1.2em;
 text-align: center; 
 color:#999; 
 padding:2px 2px 2px 6px; 
 border: 1px solid #ccc; 
 background: #ededed; 
 margin: 0 4px 0 0; 
 /* height: 14px;*/
 width: 14px;
        /*-moz-box-shadow: 2px 2px 3px #666;
		-webkit-box-shadow: 2px 2px 3px #666;
		box-shadow: 2px 2px 3px #666;
		/* For IE 8 */
		/*ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, color=#666666,direction=115);
		/* For IE 5.5 - 7 */
		/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, color=#666666,direction=115);

		/*display:inline-block;*/ 

}

table.show  
{
border-collapse:collapse;
margin: 15px 0 45px 0;
/*width: 120px;*/
width: 370px;
table-layout:fixed;
}

table.showless  
{
border-collapse:collapse;
margin: 25px 0 45px 0;
/*width: 120px;
width: 370px;*/
table-layout:fixed;
}

table.showExh  
{
border-collapse:collapse;
/*margin: 15px 0 45px 0;*/
  width: 100%;
table-layout:fixed;
}

table.showExh th, table.showExh td  
{
border-bottom: 1px solid #ddd;
padding: 5px;
}

table,th, td  
{
border: 0px solid #ddd;
padding: 5px 18px 5px 0;
}

.item_container
{
border: 1px solid #b83219;
 height: 130px;
 width: 120px;
 min-height: 130px; 
 line-height: 18px;  
 display: table-cell;   
 vertical-align: middle;   
}


/*************search**********/
.artcenter  #ajaxsearch
{
border: 2px solid #bbb; 
height: 20px; 
width: 212px; 
padding: 2px; 
margin: 0 0 10px 0;
}

.artcenter  .search div
{
padding: 1px 0 1px 1px; 
border: 2px solid #ccc; 
width: 212px; 
height: 20px;
}

.artcenter #top_search_box
{
width: 130px; 
border: 1px #aaa solid; 
font-size: 1em; 
/*height: 12px;*/
}
	
.artcenter  #square
{
border: 0; 
vertical-align: middle; 
margin: 0; 
padding: 0; 
float: left;
}

    .artcenter  #status
	{
    	/* width:50%; */
    	/* padding:10px; */
    	/* height:42px; */
    	outline:none;
    }
    .artcenter  .focusField{
		background:#fff;
		color: #999;
		border: 0px solid #ccc;
		font-size: 1em;
		padding: 3px 0 0 4px; 
		width: 150px;
	margin: 0;

    }
    .artcenter  .idleField{
		background:#fff;
		color: #999;
		border: 0px solid #ccc;
		font-size: 1em;
		padding: 3px 0 0 4px; 
	margin: 0;
			width: 150px;
    }
    
        .artcenter  .sArtist
    {
        padding: 3px 0;
        background: #ddd;
}
     
   .artcenter  .sArtist a 
     {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  cursor: pointer;
}

.artcenter  .sArtist a:hover {
  text-decoration:none;
  background-color: #ccc;
  cursor: pointer;
  color: #333;
}

.none
{
  padding: 5px;
  margin: 0 0 10px 0;  
}

.artcenter  .dropdown
{
position:absolute; 
width: 210px; 
word-wrap: break-word; 
left: 50%; 
top: 230px; 
margin-left: -261px; 
z-index: 99; 
border: 1px solid #A5ACB2; 
padding: 2px;
background: #dedede;
}    


.list_of_artists li
{
list-style-type: none;     
padding: 2px 0; 
border-bottom: 1px #ddd solid;
font-size: .95em;
}

#logo
{
margin: 10px 0 20px 0; text-align: left; width: 100%;
}
#logo h3
{
    padding: 10px 0; 

}
#logo img,#logo h3,#logo>a, #logo #disclaimer
{
    margin: 0 0 0 35px;
   

}

#logo #disclaimer
{
    padding: 10px 0 0 0;
   

}

#logo>a + a
{
    margin-left: 0; 

}

/*******link tags************/

a
{
 	color: #666;
	text-decoration:none;   
}

a:hover,
a:hover.menu_link
{
color: #999;
	text-decoration:none;
}
ul.list_of_artists li a:focus
{
 font-weight: bold;
 background: #ccc;   
}

#fullwidth a

{
color: #20648a;
}

#fullwidth a:hover
{
color: #7895a5;
}

#footer > a, #footer  a
{
	color: #666;
	text-decoration:none;
	font-size: .85em	
}

#footer > a:hover, #footer  a:hover
{
	color: #999;
	text-decoration:none;
		font-size: .85em		
}

 #mainContent > a, 
#mainContent  a 
{
color: #333;
}

 #mainContent > a:hover, 
 #mainContent  a:hover 
{
color: #999;
}

a.menu_link, a:link.menu_link, a:visited.menu_link, a:hover.menu_link
{
	color: #666;
	text-decoration:none;
	margin-top: 5px;
}

a.collection_link
{
line-height: 16px; font-weight:bold ;  font-size: 12px;  text-decoration: none; color: #FFFFFF; text-align:center;
}