/* */
/* general settings */
/* */

@import url("style-manuscript-browser-specific.css");

* { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6,h7 {
	font-family: "Trebuchet MS", Arial,
            Helvetica,
            sans-serif;
}

ol, ul, dl, p, table {
   font-family: "SBL Hebrew", "Times New Roman", Georgia, serif;
	/*font-family: Georgia,
             "New Century Schoolbook",
             "Nimbus Roman No9 L",
             serif;*/
}

ol, ul, dl { padding-left: 20px; }
p { padding-bottom: 8px; line-height: 1.5;}
li,dt,dd { line-height: 1.5; }
a, a:visited { color: #21445F; text-decoration: none; }
a:hover { color: #21445F; }

dd { margin-left: 30px; }

.floatleft { float:left; }
.floatright { float:right; }
.clearboth { clear:both; }
.textright{ text-align:right; }
.textleft{ text-align:left; }


a, a:visited {
    color: #695b31;
    padding-left: 3px;
    padding-right: 3px;
}

a[href ^="/search/"] {
    padding-right: 25px;
    background-image: url(/images/glasssmall.png);
    background-repeat: no-repeat;
    background-position: center right;
    /*color: #21995F;*/
}

.current a[href ^="/search/"],
.facet a[href ^="/search/"],
.alphabet a[href ^="/search/"] {
    padding-right: 3px;
    background-image: none;
}

a:hover {
    background-color: #956e3a;
  color: white;
}
    
	
label, legend { color: black; }
    
.hebrew {
    font-family: "SBL Hebrew", Georgia, serif;
}

html { 
	min-height:100%;
}
body { 
	min-height:100%;
	background-color: #956e3a;
}
foot {
    display:none;
}
/* */
/* sections and stuff */
/* */
	
#wrapper {
	margin:0 auto;
	min-height:100%;
}
	
#content_left {
    background: transparent url("/images/paper-edge-left.png") repeat-y scroll 0 0;
    padding-left: 28px;
    min-height:100%;
    margin-bottom: 28px;
}
#content_right {
    background: transparent url("/images/paper-edge-right.png") repeat-y scroll 100% 0;
    padding-right: 28px;
    min-width: 800px;
    min-height:100%;
}

#content {
    min-width:800px;
    min-height:100%;
    
    background-color: #ebe2c2;
   /*background: url("/images/paper-edge-bottom.png") repeat-x scroll 0 100% #EBE2C2;*/
   padding-bottom: 20px;
   border-bottom: 1px solid #000;
   box-shadow: 0 10px 28px #000;
}	

@media screen and (max-width: 799px) {
	
	#content_left {
		background: none;
		padding-left: 0px;
		min-height:100%;
	    margin-bottom: 28px;
	}
	#content_right {
		background: none;
		padding-right: 0px;
		min-height:100%;
        min-width: 50px;
	}
	
	#content {
       min-width: 50px;
		min-height:100%;
		
		background-color: #ebe2c2;
	   /*background: url("/images/paper-edge-bottom.png") repeat-x scroll 0 100% #EBE2C2;*/
	   padding-bottom: 20px;
	   border-bottom: 1px solid #000;
	   box-shadow: 0 10px 28px #000;
	}	

}

#head {
	margin: 0 0 20px;
	color: #000;
	border-bottom: 0px solid white;
	/*height: 130px;*/
		background: #cfcdae url( "/images/hebrew_banner.jpg" ) no-repeat scroll 40px 0;
}
	   
	#subhead {
		border-radius: 0 0 10px 10px;
		/*height: 103px;*/
		padding-left: 10px;
		line-height: 1;
		border-color: #65225F;
      background-color: transparent;
	}
	
	#head h1 {
		color: #4b4123;
        text-shadow: 0px 0px 15px #fff;
		display: block;
		font-size: 32px;
		margin-bottom: 0px;
		padding: 5px 10px 0;
		background-color: transparent;
		font-family: sans-serif;
		border-radius: 10px;
		border: 2px solid transparent;
	}
		#head h1 .lang-en{
			float:left;
		}
		#head h1 .lang-ar{
			float:right;
		}
	
      #head .subtitle {
         clear:right;
         color:#fff5f5;
         font-weight:bold;
         margin: 0px 10px 10px 15px;
      }
	  
	#nav {
		margin-top: 0px;
		background-color: transparent;
		padding: 0;
		text-align:center;
	}
	
	#nav ul {
		list-style: none;
		background-color: transparent;
	}
	
		#nav li {
			display: inline-block;
            line-height: 1;
            margin-bottom: -8px;
		}
		
			/*#nav form,*/
			#nav a,
			#nav span {
				display: block;
				margin: 0 4px;
				padding: 5px 10px 5px;
				float:left;
				
				border-radius: 5px 5px 0 0;
				
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;			
				text-decoration: none;	
			}
            
            @media screen and (max-width: 799px) {
                #nav a, #nav span {
                border: 1px solid black;
                border-radius: 5px;
				   margin: 4px;
              }
            }
            
			#nav a,
			#nav span.quick {
				background-color: #dfddbe;
             background-color: rgba(223, 221, 190, 0.8);
				color: #000;
			}
			
			#nav a:hover {
				background-color:#bfbd8e;
				color: #fff;
			}
				
			#nav form {
				border-width: 0;
			}
			#nav input {
				border: 0;
			}
	
            #nav input {
            text-align:center;
          }
    
			#nav span  {
				border-color: #555;
				background-color: #ebe2c2;
				color: #000;
              font-weight: bold;
			}
				
    #loggedin {
        float:right;
        background-color: #dfddbe;
        color: #000000;
        padding: 2px 2px 2px 5px;
        border-radius: 5px 0 0 0;
    }
        #loggedin a {
            padding: 1px;
            margin-right: 2px;
            margin-left: 2px;
        }
    
#main {
	padding: 10px 20px 20px;
}

	#main .full, 
	#main .left,
	#main .right {
		padding-top: 1px;
		padding-right: 1px;
		padding-left: 1px;
		margin-bottom:20px;
		border-bottom: 0 double #ddd;
		border-color: #ddd #ddd #222 #222;
		border-radius: 10px 10px;
		/*background-color: none;*/
	}

	#main .full{
		padding-bottom: 1px; /* Move past [#main #right] */
	}
    
    #main .left { 
        float: left;
        width: 280px;
        padding-bottom: 1px;
    }
    #main .right {
        min-width: 420px; /* Move past [#main .right] */
        padding-bottom: 1px; 
        margin-left: 305px;
    }
     
    @media screen and (max-width: 799px) {
        #main .left { 
            width: auto;
            float: none;
            padding-bottom: 1px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom:5px;
        }
        #main .right {
            min-width: 30px !important;
            padding-bottom: 1px; 
            margin-left: 5px !important;
            margin-bottom:5px;
        }
     }

     
	/* Swap sides.
	#main .left { 
		float: right;
		width: 280px;
		padding-bottom: 1px;
	}
	#main .right {
		min-width: 420px;
		padding-bottom: 1px; 
		margin-right: 305px;
	}*/
	
	.box {
		border-radius: 0 0 10px 10px;
		border: 2px solid #7f7d4e;
		margin-bottom: 20px;
		/*background: #c0b099 url("/images/manuscript.jpg") repeat scroll 0 0;*/
		background: #ebe3ca url("") repeat scroll 0 0;
	        box-shadow: -3px 3px 10px #555;
	}
    
    @media screen and (max-width: 799px) {
        .box {
            position: relative !important;
       }
    }
	.box.results {
		border-radius: 0;
	}
	.box .hideshow {
		float:right;
	}
	
	.box h2 {
		margin: 0 0px 0 0px;
		padding: 0px 10px 10px 10px;
		border-bottom: 1px solid #000;
		text-shadow: 0 0 5px #000;
		text-align: left;
		font-size: 18px;
		min-height: 18px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		
		background: #785d3d url("/images/manuscript-dark.jpg") repeat scroll 0 0;
		color: #fff;
	}
    div.profile div.side h2 {
        background: #785d3d none repeat scroll 0 0;
    }
    
    
	
	.box h2 .lang-en {
		float:left;
	}
	
	.box h2 .lang-ar {
		float:right;
	}
	
	
		/*.box .subbox {
			border: 1px solid #ccf;
			margin: 31px 10px 10px;
			padding: 10px;
			border-radius: 10px 0 0 10px;
			background-color: #fcfcfc;
			float: left;
			width: 200px;
		}

			.box .subbox h3 {
				margin-bottom: 5px;
			}

			.box .subbox ol ul {				
				list-style-type: disc;
			}
			.box .subbox ol ul li {
				list-style-position: inside;
			}
		
			.box .subbox input.button{
				min-width: 150px;
			}
			
			.box .subbox dl {
			}
			.box .subbox dt {
				list-style-type: square;
				font-weight: bold;
			}
			.box .subbox dd {
				margin: 3px 0 5px 20px;
			}*/
		
		/*.box .subbox + .content { */ /* This probably doesn't work in IE */
		.box.wide .content  {
			margin-left: 210px;
		}
	
	.box .content {
		padding: 10px;
		padding-bottom: 20px;
	}
	
	.box .content img {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
		.box.mini {
			margin-bottom: 20px;
		}
		
		.box.mini h2 {
			margin: 0;
			padding: 5px ;
			border-bottom-width: 0;
			font-size: 16px;
		}
		
		.box.mini .content {
			/*display:none;*/ /* Now done by jQuery */
		}

	form {
		
	}
	
	form label {
		width: 100px;
		display:inline-block;
		text-align: right;
		padding-right: 3px;
		font-size: 1em;
	}
   
   #qsearch label {
      width: 45px;
   }
		.right form label,
		.left form label {
			width: 80px;
		}
		.full form label {
			width: 150px;
		}
        @media screen and (max-width: 799px) {
            .right form label,
            .left form label,
            .full form label {
                width: auto;
                text-align:left;
                display: block;
            }
        }
        
		form label.lang-en {
			text-align:right;
		}
		
		form label.lang-ar {
			text-align:left;
			width: 100px;
		}
	
	form input.text,
	form select option.default {
		color: #999;
	}
			
	.right form input,
	.full form input.text  {
		padding: 5px 8px;
		font-size: 1em;
		width: 70%;
	}
    
    .right form.simple label {
        width: 50px;
    }		
        
	.right form.simple input {
        width: 52%;
    }
	.right form.simple input.submit {
        width: 100px;
        margin-left: 20px;
    }
    
    @media screen and (max-width: 799px) {
        right form.simple label,
        .right form.simple input,
        .right form.simple input.submit {
            /*width: 95%;
            display:block;*/
        }
    }    
    
	.full form input.text	{
		width: 57%;
	}
	

    
	form ol {
		list-style: none;
		padding-left: 0;
	}
	
		form ol li {
			margin: 4px 0;
			padding: 5px 0;
		}
			
			form ol li select {
				font-size: 1em;
				padding: 0 4px;
			}
            
            @media screen and (max-width: 799px) {
                form ol li select {
                max-width: 90%;
            }
            }
			
			form ol li input,
			form ol li select option.default {
				color: #999;
			}
			
			form ol li input {
				padding: 5px 8px;
				font-size: 1em;
				width: 70%;
			}
			
			form ol li input.numbers,
			.full form ol li input.numbers {
				width: 100px;
			}
			
			.full form ol li input {
				width: 70%;
			}
			
			.full form ol li input.checkbox {
				width: 0;
			}
			
			
			form ol li select option.default:hover, /* This one doesn't work! */
			form ol li input:hover {
				color:#ccc;
			}
			
			form ol li input:focus {
				color:#000;
			}
			
			.right form img.help,
			.full form img.help {
				display: inline;
				border: 1px solid transparent;
				padding: 3px;
				vertical-align: middle;
			}
			
			form img.help:hover {
				border: 1px solid #999;
				background-color: #ffc;
			}
			
			form div.helptext {
				display:none;
				color:#007;
				font-size:0.9em;
				margin-left:87px; /* [form ol li label] width*/
				width: 69%;
				
				padding: 5px;
				background-color: #777;
				color:white;
			}
            
			
			.full form div.helptext {
				margin-left: 160px;/* [.full form ol li label] width*/
				padding-left: 10px;
				width: 70%;
			}
			
         @media screen and (max-width: 799px) {
            form div.helptext,
            .full form div.helptext {
                margin-left: 0;
            }
         }
			form ol li fieldset label{
				color: #444;
			}
				
            .alphabet img.helpstat,
            .stats img.helpstat {
				display: inline;
				border: 1px solid transparent;
				padding: 3px;
				vertical-align: middle;
			}
            
            .alphabet img.helpstat:hover,
			.stats img.helpstat:hover {
				border: 1px solid #999;
				background-color: #ffc;
			}
            .alphabet .helptext,
			.stats .helptext {
				display:none;
				color:#007;
				font-size:0.9em;
				
				padding: 5px;
				background-color: #777;
				color: white;
			}
                
                
				.full form ol li fieldset {
					border: 1px dotted #444;
					padding: 0 0 10px 0px;
					margin: 0 0 10px 10px;
					margin-bottom: 10px;
				}			
					.full form ol li fieldset legend {
						/*font-size: 1em;
						font-weight: 700;
						font-family: Georgia,
						 "New Century Schoolbook",
						 "Nimbus Roman No9 L",
						 serif;
						color: black;*/
						text-align: right;
						width: 140px;
						margin-right: 10px;
					}

					.full form ol li fieldset label {
						color: #444;
						font-size: 0.9em;
						
					}

                    @media screen and (max-width: 799px) {
                        .full form ol li fieldset {
                        padding: 10px;
                        margin: 2px;
                    }
                        .full form ol li fieldset legend {
                        width: auto !important;
                        margin: 0;
                        text-align: left;
                     }
                    }		
   
	form input.button {
		margin-top: 10px;
		padding: 3px 10px 4px;
		font-size: 0.9em;
		width:auto;
	}
	
	form input.submit {
		font-size: 1em;
		margin-left:86px; /* [form ol li label] width*/
		margin-right: 15px;
		float:none;
	}
	
	.full form input.submit {
		margin-left: 166px;
		margin-right: 20px;
	}
    
    @media screen and (max-width: 799px) {
    	.full form input.submit {
            margin-left: 5px;
            margin-right: 20px;
        }
    }

    p.lang-ara,
    p.lang-per {
       text-align: right;
    }

    h2 span.lang-ara,
    h2 span.lang-per {
        float:right;
    }
    
    h3 span.lang-ara,
    h3 span.lang-per {
        float: right;
        display: inline-block;
    }

/* results */
			
	.box .content #results{
		list-style: none;
	}
	
	.box .content #results li {
		border: 1px dotted #555;
		padding: 10px;
		margin: 0 10px 20px 0;
		background-color: white;
	}
	
	.box .content #results a {
		font-weight: bold;
		display: block;
		background-color: #9B6997;
		color: white;
		padding: 5px;
	}
	
    
	.results h2 {
		background: transparent none repeat scroll 0 0;
		text-shadow: 0 0 0;
		border-bottom: 0px solid #000;
        padding-left: 10px;
		margin-top: 0px;
   }
   
   /*.results h2 a {
      display: inline-block;
      margin: 3px;
      padding: 3px 7px;
		min-width: 15px;
      border: 1px solid #7f7d4e;
		border-width: 1px 2px 2px 1px;
		border-radius: 4px;
		
		font-family: sans-serif;
      text-decoration: none;
      text-align: center;
	  font-weight: normal;
      background-color: #dfddbe;
	  
	  color: black;
   }*/
   
   .results h2 a:hover {
      background-color: #afad7e;
      color: white;
      border-color: #7f7d4e;
	
   }
   
   .results p.type {
      margin: 2px 15px 2px 5px;
      float: right;
   }
   
    .results p.number,
	.results p.type { 
      font-family: sans-serif;
      float: right;
      border: 1px solid #7f7d4e;
		border-width: 1px 3px 3px 1px;
		
	  background-color: #dfddbe;
      color: #8d5d5b;
      line-height: 1;
      padding: 3px 3px 4px 4px;
      margin: 6px 8px 5px 6px;
      border-radius: 100px;
      font-size: 9px;
   }
   
	.results .highlight {
		background-color: #eea;
		padding: 2px;
	}
	
   .box .content.filters img {
	  display:inline;
      border: 0;
	}
    
    .filters h3 {
       margin:0;
       padding:0;
       padding-left:5px;
       background: #bfbd9e none repeat scroll 0;
       color: black;
       font-weight: normal;
       text-align: center;
		font-size: 15px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
    
    .box.results div.title {
       margin:0;
       padding:0;
       padding-left:5px;
       background: #bfbd9e none repeat scroll 0;
       color: black;
       font-weight: normal;
       text-align: center;
		font-size: 10px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       border-bottom: 1px solid #7f7d4e;
    }
    
    .box.results h3 {
        padding: 10px;
        background-color: #dfddbe; 
        background-color: rgba(223, 221, 190, 0.47);
        border-bottom: 2px solid #7f7d4e;
    }
   
   .options table, .options tr, .options td {
      border: 0;
      margin-bottom: 20px;
   }
   .options table tr {
      background-color: #dfddbe;
      margin-bottom: 1px;
      display: table;
   }
   
   .options table tr.odd {
      background-color: #d4d2b3;
   }
   
   .options table tr:hover {
      background-color: #efedce;
   }
   
   .options td.number {
        text-align: center;
   }
   
   /* */	
   /* Profile */
   /* */
   .profile h2 {
      font-size: 15px;
      padding-bottom: 0;
   }
   
   .profile h3 {
      font-size: 1.3em;
   }
   
   .profile .toppart {
      margin-bottom: 15px;
      padding:5px 10px 5px;
      border-top: 1px solid #c8bd6f;
   }
   
   .profile .part,
   .about .part {
      margin-bottom: 10px;
      padding:5px 10px 5px;
      border-top: 1px solid #c8bd6f;
   }
   
   .profile .toppart,
   .profile .part,
   .about .part {
        /*background-color: rgba(255,255,255,0.2);*/
   }
   
   
   
   .profile p {
      padding-bottom: 0;
   }
   
    .profile .volumes li {
        float: left;
        padding-right: 80px;
        width: 200px;
    }
   
   .proflie .quote span {
        /*color: #785d3d;
        text-align: right;*/
   }

   table.fragment {
    margin-bottom: 10px;
    padding: 3px 13px 13px 10px;
    border: 1px dotted #a89d4f;
   }
   
        table.fragment td {
            padding-bottom:5px;
            padding-top:5px;
       }
       
        table.fragment td.nbit {
            text-align:center;
            width: 50px;
       }      
        table.fragment td.frag {
            border-bottom:1px dashed #a89d4f;
       }   
       
    .fragexpand {
        padding: 0;
        height: 44px;
        max-width: 100%;
        min-width: 80%;
    }   
    
    .fragexpand:hover {
        height: 208px;
        position:relative;
        z-index: 100;
        max-width:inherit;
    }
   
   a.fragment {
    display: inline-block;
    background-image: url("/images/fragment-thumbnail-mini.png");
    background-position: 50% 50%;
    background-color: transparent;
    height: 44px;
    width: 34px;
    margin: 3px 1px;
    padding: 3px;
    color: black;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #999;
    float:right;
   }
   a.fragment.single {
    float:none;
   }
   

   
   a.fragment:hover {
    color: #fff;
   }
   
   a img.fragment {
    padding:3px !important;
    margin: 1px !important;
    display:inline !important;
    vertical-align:middle !important;
    height: 25px;
   }
   a:hover img.fragment {
    height: 100px;
   }
   
   /*  */	
   /* Pagination */
   /*  */
   .pagination a,
   .pagination a:visited,	
   .pagination span {
      display: inline-block;
      margin: 3px;
      padding: 3px 7px;
		min-width: 15px;
      border: 1px solid #7f7d4e;
		border-width: 1px 2px 2px 1px;
		border-radius: 4px;
		
		font-family: sans-serif;
      text-decoration: none;
      text-align: center;
   }
   
   .pagination a:first-child,
   .pagination span:first-child {
      border-radius: 10px 0 0 10px;
   }
   
   .pagination a:last-child,
   .pagination span:last-child {
      border-radius: 0 10px 10px 0;
   }
   
	.pagination a,
    .pagination a:visited,
    .pagination a[href ^="/search/"] {
    padding-right: 3px;
      background-color: #dfddbe;
      background-image:none;
      color: black;
	}
   .pagination span { /* Selected */
      color: #bbb;
      border-color: #bbb;
      font-weight: bold;
   }

   .pagination span.selected,
   .pagination a:hover {
      background-color: #afad7e;
      color: white;
      border-color: #7f7d4e;
   }
   .pagination span.selected { 
      margin: 2px;
      padding: 4px 8px;
   }
   
   .pagination .wide {
		padding-left: 12px;
		padding-right: 12px;
   }

      /* */
   /* browse */
   /* */ 
   
   #browseby .selected {
      font-weight: bold;
   }  
   
   .alphabet {
      margin-bottom: 10px;
      margin-top: 10px;
      padding: 0;
      list-style: none;
      display: block;
      text-align:center;
   }
      .alphabet li {
         display: inline-block;
			padding: 0;
      }
			
         .alphabet a,
         .alphabet span {
				display: inline-block;
				margin: 3px;
				padding: 3px 7px 5px;
				min-width: 15px;
				border: 1px solid #7f7d4e;
				border-width: 1px 2px 2px 1px;
				
				font-family: sans-serif;
				text-decoration: none;
				text-align: center;
				border-radius: 4px;
         }
			
			.alphabet a,
			.alphabet a:visited {
			   background-color: #dfddbe;
				color: black;
			}
			
			
         .alphabet a:hover {
				background-color: #bfbd8e;
				color: white;
				border-color: #7f7d4e;
         }
			.alphabet span { /* selected */
				background-color: #afad7e;
				color: white;
				border-color: #7f7d4e;
         }
  
  .hidden {
    display:none;
  }
  
   
   #browsing {
      display: block;
   }
   
   #browsing li {
      padding: 5px;
      margin: 5px;
   }

   
   /*
   * Fragment image
   */
   .fragmenttitle,
   .fragmentcontrol {
   margin-top: 5px;
    padding: 5px;
    background-color: rgba(255,255,255,0.2);
   }
   .fragmentcontrol {
    background-color:white;
    text-align: center;
   }
   
   .fragmentcontrol input, .fragmentcontrol select {
    padding: 2px 5px 3px;
   }
   

#footer {
    height:180px;   /* Height of the footer */
    width: 90%;
    margin: 0 auto;
    padding: 10px;
    font-size: 0.75em;
    clear:both;
    text-align:center;

    border: 2px solid #777;/*#7f7d4e;*/
    border-width: 2px 2px 0 2px;
    background-image: url("/images/manuscript.jpg");
    border-radius: 10px 10px 0 0;
   
}