@import url(/templates/css/index.css);

    /* CSS for ILS */

    body {
    background-color: #849AB3;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #E6EBF0;  
	scrollbar-shadow-color: #849AB3;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: #E6EBF0;
	scrollbar-darkshadow-color: #cccccc;
    }

    a {
    text-decoration: underline;
    }

    td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    }

    p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 14px;
    color: #333333;  
    }

    h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 13px;
    font-weight: bold;
    color: #333333;
    }

    h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #4F6F8E;
    }

    a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-variant: normal;
    color: #4F6F8E;

    }

    a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-variant: normal;
    color: #4F6F8E;
    }

    a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-variant: normal;
    color: #C9D5E1;
    }

    a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-variant: normal;
    color: #C9D5E1;
    }
	
	
			
	b.rtop, b.rbottom {
    display: block;
    background: #D5DDE6;
    }
	
   	
    b.rtop b, b.rbottom b {
    display: block;
    height: 1px;
    overflow: hidden; 
    background: #F4EA6C;
    }
    
    b.r1 { margin: 0 5px }
    b.r2 { margin: 0 3px }
    b.r3 { margin: 0 2px }
    
    b.rtop b.r4, b.rbottom b.r4 {
    margin: 0 1px;
    height: 2px;
    }
	
	div.location-info-component {
    background-color: #F4EA6C;
    }

    div.location-info-component h1 {
    font-size: 13px;
    color: #333333;
    }
  
    div.location-info-component p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
	line-height: 12px;
    color: #333333;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
    }
	

    div#header-picture {
    margin-bottom: -22px;
    margin-top: -77px;
    }

    div#left-content-of-2-bottom, div#left-content-of-2-no-bottom {
    width: 540px;
    }

    div#right-content-of-2-bottom, div#right-content-of-2-no-bottom {
    width: 230px;
    }

    table#search-results-top, table#search-results-bottom {
    background-color: #F9F3AC; 
    }

    td#menu-td {
    padding-left: 5px;
    padding-right: 0px;
    }

    td#top-td {
    background-image: url(/pictures/ils/top_ils.gif);
    }

    td#header-td {
    background-image: url(/pictures/ils/ils_header.jpg);
    }

    td#content-td {
    background-image: url(/pictures/ils/bg_content_ils.gif); 
    }

    td#bottom-td {
    background-image: url(/pictures/ils/bottom_ils.gif);
    }

    img#sts-circle {
    margin-top: -40px;
    margin-bottom: 5px;
    }

    div#navigation-menu-2-container {
    background-image: url(/pictures/ils/bg_menu2_ils.gif);
    }

    div#navigation-menu-2 {
    border-color: #F4EA6C;
    background-color: #F9F3AC;
    }

    div#navigation-menu-1 ul li {
    background-color: #F4EA6C;
    border-color: #F4EA6C;
    }

    div#navigation-menu-1 ul li.selected {
    background-color: #F9F3AC;
    }

    div#navigation-menu-2 ul li.selected a {
    font-weight: bold;
    }

    div#navigation-menu-1 ul li a, div#navigation-menu-2 ul li a {
    text-decoration: none;
	color: #333333;
    }

    div#navigation-menu-1 ul li a {
    font-size: 11px;
	font-weight: bold;
    }

		
	div#navigation-right-content ul li {
    border-color: #4F6F8E;
    }

    div#navigation-right-content ul li a {
    color: #333333;
	font-weight: bold;
    }

    div#navigation-right-content ul li.selected a {
    color: black;
    font-weight: bold;
    }	

	
	
    table#footer {
    border-top-style: solid;
    border-width: 1px;
    border-color: #F4EA6C;
    }
    
	#footer p, #footer h1{ 
    font-size: 18px;
    color: #4F6F8E;
    }
    div#news-box {
	height: 230px;
    width: 123px;
    padding: 7px 10px 7px 10px;
	margin-left: 15px;
    }

	p#page-bottom-text {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #4F6F8E; 
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    margin-left: 30px; 
    margin-bottom: 5px;
    }

	img#edit-mode{	 
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    margin-left: 555px; 
	margin-top: 2px; 
   
    }
    
    select {width:170px;}


	#pricelookup a {font-weight:bold;font-size:12px;}
	#pricelookup ul{margin:14px 0px 8px 0px;border-bottom:solid 1px #ccc; width:500px;padding: 0px 0px 0px 8px;}
	#pricelookup ul.menu_courses {background:#eee;}
	#pricelookup li{padding: 3px 5px 1px 5px; margin:0px; font-weight:bold; font-size:11px; font-family:Verdana, sans-serif; border: 1px solid #ccc; list-style-type: none; text-align: left; display: inline; background-color: #ccc}
		 #pricelookup li:hover {background-color: #ddd; color: #000;}
		 #pricelookup li:active {color: #000;}
		 #pricelookup li.selected {background-color: #fff; color:#000; border-bottom:solid 1px #fff;}
	#pricelookup input[type="text"] {width:150px;}
	#pricelookup select {width:150px;}
	
	#pricelookup fieldset {border:solid 1px #ccc;margin-bottom:20px;float:none;}
	#pricelookup label {width:16em; float:left; display:block; margin-right:1em; text-align:right;}
	#pricelookup fieldset div {width:100%;}	
	#pricelookup h4 {font-size:11px;}
	
	.ils-zebra1 {background-color:#ddd;}
	.ils-zebra2 {background-color:#fff;}