@charset "utf-8";



/****************************
*  ECOLIBRARY - SOURCE OF FREE EDUCATIONAL MATERIAL 
*  CREATED BY LIMO SADALLA
*  ECOLIBRARY v2.0
*  @ DEFAULT TEMPLATE
*
*/


/*
==============================================
    RESET ALL ID'S CLASSES 
    @meyerweb.com
    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
==============================================
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus
 {
	outline: 0;
}
body
 {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul
 {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
==============================================
   GENERAL LAYOUT
==============================================
*/


body
{
	background-color: #F8F8F8;
	font-family: Georgia, "Times New Roman", serif; 
	font-size: 85%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	margin: 0;
	padding: 0;
	text-align: center;
	color:#000000;
}

#wrap_shadow
{
    background: url(../../images/icons/shadow.png) repeat-y;
    background-position-x: 50%;
    background-position-y: 0%;
    margin: 0px auto;
    width:1000px;
    display:block;
    
}

#margins
{
    margin: 0px auto;
    max-width: 990px;
    min-width: 990px;
    display:block;
}
#container
{
	width:990px;
	background:white;
	margin: 0px auto;
	text-align: left;
}

#header
{
	height:100px;
	width: 990px;
	margin: 0px auto;
	color:#FFFFFF;
	background-color: #7AA937;
	background-image: url(../../images/icons/header_banner.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#header h1
{
	text-align:left;
	float:left;
	margin:0px;
	padding:25px 0px 0px 25px;
	border:none;
}



#breadcramp
{	height:30px;	padding: 8px 15px 8px 8px;	font-size: 12px;	background:#E5E4D7;	color: #999999;	text-align: left; 	margin: 0px;}



#sidebar1
{
	border-left-width: 10px;
	float: right;
	width: 310px;
	display:block;
	padding: 10px;
	margin: 0px;

}
#sidebar1_left
{
	float: left;
	width: 300px;
	display:block;
	border-right: 5px #E5E4D7 solid;
	padding: 10px;
	margin: 0px;

}


#sidebar1_search
{
	float: left;
	width: 230px;
	display:block;
	padding: 0 10px;
	margin: 0px;

}

#mainContent_search
{
	border-left-width: 10px;
	float:left;
	padding: 0 10px;
	margin: 0px;
	width:710px;
	display:block;
	border-left: #E5E4D7 solid;
	
}

#sidebar1_search ul 
{
	list-style: none; 
}

#sidebar1_search ul  li 
{
	list-style: none;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	
}


#mainContent_search .pedagogy
{
	padding:3px;
	margin:10px;
	width:90%;
	background:#E5E4D7;	
}



#paginationUpper
{
	width:100%;
	position:relative;
	clear:both;
	padding-left:20%;
	margin-bottom:10px;
}

#paginationLower
{
	width:100%;
	position:relative;
	clear:both;
	padding-left:20%;
	margin-top:45px;
}
#actualResults
{
	position:relative;
	width:100%;
	clear:both;
	height:auto;

}

#sidebar1 h1 {

	text-align:center;
}
#mainContent
{
	float:left;
	padding:10px;
    top:0px;
	margin: 0px;
	width: 620px;
	display:block;

}


#mainContent_banner
{
    padding: 10px;
	margin: 0px;
	display:block;
	height:auto;
	border-bottom: #E5E4D7 solid;

}

#mainContentBig
{
	
	margin: 0px;
	width:970px;
	padding:10px;
	display:block;
}


#mainContentBig h2
{


    text-decoration:underline;
    font-size:200%;
    font-weight: bold;
    text-align: center;
}

 #rightdiv img
{
	width: 100%;
	display: block;
    margin-left: auto;
    margin-right: auto;
	
}
 #rightdiv .collection
{
	padding:8px;
	margin:10px;
	text-align:center;
	width:80%;
	background:#E5E4D7;
}
#mainContentBig p
{
	margin:15px;
	
}

 #leftdiv
{

	padding: 0 10px 10px 10px;
	display:block;
	width: 450px;
	float:left;
}


 #rightdiv
{

	padding: 0 15px 15px 15px;
	width: 470px;
	display:block;
	float:right;

}

#footer
{

    width: 990px;
    padding-top:20px;
    text-align:center;
    font-size:80%;
    height:100px;
    background-color: #E5E4D7;
}

#footer p
{
	margin: 0px;
	
}

.clearfloat
{
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.floatleft
{
	float:left;
	margin:auto;
	
}

.floatright
{
	float:right;
	margin:auto;
}



/*
==============================================
   MAIN TOPOGRAPHY
==============================================
*/


a:link 
{
  text-decoration: none;
  color: #60952F;
}

a:visited 
{
    text-decoration:none;
    color:#2C6700;
   
    }

a:hover 
{
    text-decoration: underline;
}

strong
 {
    font-size: 1.5em; 
} 

h1
{
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/

}

p 
{
    font-size: 0.9em; 
}
h2 
{
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
}

h3
{
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
}

h4
{

	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;

}

h5
{

	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;

}

h6
{
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

img {

	border: 0;

	}

ol, ul, li 
{/*

	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
}

p
{
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
}

li > p
{
	margin-top: 0.2em;
}

pre
{
/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
}

strong, b
{
	font-weight: bold;
}



h1, h2, h3, h4, h5, h6
{
  font-family:san-serif, arial;
}


.special_lists {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}


/*
==============================================
   NAVIAGTION
==============================================
*/


#navigation
{
	width: 955px;	margin: 0px;	display:block;	float:left;
    padding:0px;	
}


#navigation ul#menu
{
	height: 43px;	width: 955px;
	font-size: 1.0em;	font-family: "Lucida Grande", Verdana, sans-serif;	font-weight: bold;	list-style-type: none;   	margin: 0;
	padding: 0 0 0 35px;
	background-color: #E5E4D7;
	background-image: url(../../images/menu/menu-bg.gif);
	background-repeat: repeat-x;	background-position: left top;
}

#navigation ul#menu li
{
	display: block;
	float: left;
	margin: 0 0 0 5px;
}

#navigation ul#menu li a
{
	height:43px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 25px 0;
}

#navigation ul#menu li a:hover { color: #333; }

#navigation ul#menu li a.current
{
	color: #FFF;
    height:33px;
	padding: 5px 15px 0;
	background-color: #E5E4D7;
	background-image: url(../../images/menu/current-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/*
==============================================
    THUMBNAILS BROWSE

==============================================
*/


.picthumb
{
	
	float: left;
	height:auto;
	margin:10px;
	width:270px;
	padding:5px;
	text-align:center;
	vertical-align: middle;
	border-bottom: 1px solid #8B88FF;
}

.picthumb img
{
	padding: 3px;
	margin-right:auto;
	text-align:center;
	margin-bottom:0px;
	margin-left:auto;
	
}

.picthumb:hover
{
	border-bottom: 1px solid #FF9C00;

}
.picthumb .caption
{
	width:270px;
	margin:0px;
    font-size:110%;
    margin-bottom:10px;
    line-height:20px;
	padding:0px;
	display:block;
}


.picthumb .caption a:hover
{
	text-decoration:underline;
	color:#FF9C00;
}


/*
==============================================
    THUMBNAILS RESULTS

==============================================
*/


.thumbResults
{
	
	float: left;
	height:auto;
	margin:10px 4px 10px 4px;
	width:155px;
	height:145px;
	padding:5px;
	line-height:15px;
	border: 1px solid #ffffff;	
	text-align:center;
	vertical-align: middle;

}

.thumbResults img
{
	padding: 8px;
	margin-right:auto;
	text-align:center;
	border:1px solid #FFFFFF;
	margin-bottom:0px;
	margin-left:auto;
	width:145px;
	
}

.thumbResults img:hover
{
	border:1px solid #D7D9D5;

}
.thumbResults .caption
{
	width:100%;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family: Georgia, "Times New Roman", serif; 
	display:block;
}


.thumbResults .caption a:hover
{
	text-decoration:underline;
	
}




/*
==============================================
    TABLES BROWSE
==============================================
*/


#browse_table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 98%;
	margin:0px;
	padding:0px;
	text-align: left;
	border-collapse: collapse;
}
#browse_table th
{
	font-size:17px;
	font-weight: normal;
	padding: 8px;
	background: #ffffff;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#browse_table td
{
	padding: 3px;
	border-bottom: 1px solid #fff;
	color: #669;
	width:100%;
	margin:0;
	border-top: 1px solid transparent;
}



/*
==============================================
    TABLES DISPLAY
==============================================
*/





#display_table
{
	font-family:  "Lucida Grande", Sans-Serif;
	font-size:0.9em;
	margin: 2px;
	line-height: 15px;
	width: 445px;
	text-align: left;
	border-collapse: collapse;
}
#display_table th
{
	font-size: 14px;
	font-weight: bold;
	padding: 12px 15px 10px 0px;
	border-bottom: 1px solid #e8edff;
	color: #039;
}
#display_table td
{
	padding: 8px 3px 8px 3px;
	color: #669;
	border-top: 1px solid #e8edff;
}

.display_table_first
{
	
	width:170px;
	text-align:right;
	font-size:8px;
	}

.display_table_second
{
	width:275px;

}
#display_table tr:hover td
{
	color: #339;
	background: #eff2ff;
}


/*
==============================================
    PAGINATION
==============================================
*/
.pagination-digg  ul
{ 	border:0;
	margin:0; 
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
}

.pagination-digg li
{
	border:0;
	margin:0; 
	padding:0;
	font-size:12px;
	list-style:none;
}
.pagination-digg a{
	border:solid 1px #9aafe5;
	margin-right:7px;
}
.pagination-digg .previous-off,
.pagination-digg .next-off {
	border:solid 1px #DEDEDE;
	color:#888888;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:3px;
	padding:1px 3px;
}
.pagination-digg .next a,
.pagination-digg .previous a {
 font-weight:bold;
}	
.pagination-digg .active{
	background:#2e6ab1;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	margin-right:7px;
	float:left;
	padding:1px 6px;
}
.pagination-digg a:link, 
.pagination-digg a:visited {
	color:#0e509e;
	display:block;
	float:left;
	padding:1px 6px;
	text-decoration:none;
}
.pagination-digg a:hover{
	border:solid 1px #0e509e;
}


/*
==============================================
   BROWSE PAGE

==============================================
*/



.browseRow
{
	font-weight: normal;
	padding:10px 0 0 0;
	background: #ffffff;
	border-top: 4px solid #aabcfe;
	width:100%;
	
	color: #039;
}
#browse_heading {

	font-size:17px;
	font-weight: normal;
	padding: 0px;
	text-align: center;
	width:100%;
	background: #ffffff;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;

}

.browseRow .rowName
{
	float:left;
	text-align:left;
	width:69%;
	font-size:130%;
	margin-bottom:10px;
	
	
}
.browseRow .rowButton
{
	float:right;
	width:30%;
	text-align:right;
	margin-bottom:10px;
}


.browseRow .browse
{
	float: left;
	margin:5px 0px 3px 0px;
	width:130px;
	display:inline;
	padding:0px;
	height:140px;
}

.browseRow .browse img
{
	padding: 5px;
	border: 1px solid #D7D9D5;
	margin-left:7%;
}


.browseRow .browse .noimage img
{
	width:85px;

}

.browseRow .browse .checkbox
{
	width:4px;
	left:0px;
	float:left;

}

.browseRow .browse .caption
{
	margin-left:15px;
	float:left;
	width:110px;
	padding-top:4px;
	font-size: 0.9em;
	text-align: left;
	line-height:12px;	

}
.browseRow .browse .caption:hover{
	text-decoration:underline;
}

.browseRow  .browse img:hover
{
	border: 1px solid #60952F;
}


.resultsBox
{
  	background-color: #34769a;
  	border-top: 1px solid #fff;
  	position: fixed; 
  	bottom: 0px;
  	left: 600;
  	right: 0;
  	z-index: 1000;
  	height: 150px;
	width: 100px;
	border-width: 2px;
	padding: 20px;
}
  



  
 /*
*  AJAX LOADING
*/
  
#ajaxLoading
{
	width:100%;
	height:350px;
	

}
#ajaxLoading img
{
	display: block;
	margin-top:100px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
    
    } 
  #ajaxLoading p
  {
    margin-left: auto;
    margin-right: auto;
    width: 6em;
    font-size: 18px;
	font-weight: bold;
	padding-top:10px;
	
  
  }
  
  /*
  * SEARCH BOX
  */
  
.search-box{ /*outer background*/
	background:url(../../images/search/search-box.gif) no-repeat top left;
	height: 26px;
	margin-top:62px;
        margin-right:21px;
	float:right;
	padding: 5px 0 0 10px;
	width: 165px;
}

input.search-field
{ /*input field */
	float: left;
	border:0;
	margin:0;
	font-size: 12px;
	padding: 3px 0px 0px 4px;
	height:18px;
	background: #ffffff url(../../images/search/search-form.png) no-repeat top left;
	width: 123px;
}

input.search-go 
{ /*search icon */
	float:left;
	border:0;
	margin:0;
	padding:0;
	margin-left: 5px;
	height: 21px;
	width: 21px;
	background: url(../../images/search/search-icon.png) no-repeat top left;
	cursor: pointer;
}

input.search-go:hover
{ /*search icon hover “Does Not work in ie6″ */
	background:url(../../images/search/search-icon.png) no-repeat bottom left;
}

  
  /*
  * PAGE DISPLAY OPTIONS BOX
  */
#pageoptions
{
	clear: both;	
	height: auto;
	width: 350px;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;

}


 a.button{
	background:url(../../images/buttons/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	left-margin:50%;
	height:30px;
	line-height:29px;
	margin-bottom:5px;
	text-decoration:none;
	width:191px;
}
 a:hover.button{
	color:#0066CC;
}

 a.button .add{
background:url(../../images/buttons/add.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
a.button .delete{
background:url(../../images/buttons/delete.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
 a.button .warning{
background:url(../../images/buttons/block.ico) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

a.button .email{
background:url(../../images/buttons/msg.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

 a.button .download{
background:url(../../images/buttons/download.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}


#pageoptions .error{
background:url(../../images/buttons/warnin.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

#pageoptions .search{
background:url(../../images/buttons/lens.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

  /*
  * FORMS
  */



.box
{
	border:solid 1px #c6cfe1;
	background:#dfe4ee;
	padding:10px;
	color:#333333;
	margin-bottom:20px;
	
}


.box a{color:#0033CC;}

.box h1 
{
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}

input
{	
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}

.box p
{
	padding-bottom:14px;
}

.box input .input-text
{
	border:1px solid #3b6e22;
	color:#666666;
	width:195px;
}

.box label
{
	display:block;
	margin-bottom:10px;
	color:#555555;
	
}

.box label span
{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
}
.spacer
{
	margin-left:60px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}

.spacerSearch
{
	margin-left:0px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}

.green
{
	background:url(../../images/icons/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}
.spacer a
{
	color:#FFFFFF;

}
.spacerSearch a
{
	color:#FFFFFF;

}


/*
* ERROR
*/




div.Error
{
background-color: #FFD9D9;
border: solid 1px #FF9595;
padding: 0.4em;
position: relative;
min-height: 1.25em;
width: 390px;
}
div.Error h3 {text-align:center;}
div.Error h3 img {vertical-align: middle;}
div.Error h3 span {color: #B30000; font: bold 1.0em Georgia, Geneva,
sans-serif;}
div.Error p {color: #B30000; font: normal 1.0em Arial, Geneva, sans-
serif;
}

/*
* ERROR
*/

.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
}