/* 
global.css applies to all templated library web pages when accessed with these browsers: 
Netscape 6+
IE version 5.5+
Opera 6+ 
FireFox 0.9+ 
*/

/* 
Edited by Ian Chan on November 30, 2004 
*/


/* Header */

/* Layer for banner */	
#header {
  position: relative; left: 0px; top: 0px; height: 60px; padding: 0px; margin: 0px;
  background: #004080; min-width: 720px; border-left: 1px solid #fff; 
  border-bottom: 1px solid #004080; z-index: 2; }
	
/* Layer for images on right side of banner */
/* this is now the space for the library logo - Changed from right to left header and border */
.headerleft  {
  position: absolute; z-index:1; left: 0px; top: 0px; 
  width: 219px; height: 60px; white-space: nowrap; background: transparent; border-left: none; border-bottom: 1px solid #004080; }

/* Layer for right side of banner */
/* this should be the space for the text links to district & other tba */
.headerright {
  position: absolute; z-index: 1; right: 3px; top: 0px; 
  height: 60px; white-space: nowrap; 
  background: transparent; color: #fff; text-align: right; border-right: none; }
  
.headerright a:link, .headerright a:visited {
color: #fff; font-size: 12px; padding: 3px 3px; border-bottom: none; font-weight: normal; }

.headerright a:hover, .headerright a:active {
color: #004080; font-size: 12px; text-decoration: none; padding: 5px 5px; border-bottom: none; font-weight: normal; background: #ffc; font-weight: normal; }




/* Layer for Research Databases dropdown box */
#dbselect  {
  position: absolute; right: 3px; top: 35px; z-index: 1; padding: 0px 1px 0px 0px; margin: 0px; 
  text-align: right; width: 249px; z-index: 15; border-right: 1px solid #e7f3ff; }

/* Modifies display of dropdown form */	
#dbselect select {
  padding: 0px; margin: 0px; width: 230px; 
	color: #333; border: 1px solid #e7f3ff; z-index: 1; }
select {
  border: 1px solid #c3c3c3; z-index: 1; }
#dbselect form {
  margin-bottom: 1px; padding: 0px; z-index: 1; }
#dbselect div {
  padding-bottom: 5px;}


/* Hidden here but displayed when user selects text only view */
.textonlydisplay {
  display: none; }


/* Site Title deleted because replaced with logo */

/* District Libraries Links 
changed from left to right 5px and for heading also changed left to right */

/* Removed dist class and id coding */



/* Layout for section headers/breadcrumb trail on pages within each content folder */
	
.refhdr, .circhdr, .insthdr, .topicshdr, .facultyhdr, .campushdr {
  color: #004080; font-weight: bold; padding: 14px 7px 0px 7px; 
  z-index:3; min-width: 380px; margin-left: 219px; 
  border-top: 1px solid #004080; border-left: 1px none #004080;
  border-bottom: 1px none #004080; height: 28px; overflow: hidden; 
  white-space: nowrap; }

/* Colors for each sections breadcrumb trail */
.refhdr { background: #e7f3ff; }
.circhdr { background: #e7f3ff; }
.insthdr { background: #e7f3ff; }
.topicshdr { background: #e7f3ff; }
.facultyhdr { background: #e7f3ff; }
.campushdr{ background: #e7f3ff; }

/* Breadcrumb trail links */
a.title:active, a.title:hover, a.title:link, a.title:visited {
  color: #004080; text-decoration: none; font-size: 12px; 
  border-bottom: 1px none #004080; font-weight: normal; }


/* Layer for text-only and print links */

.useroptions {
  padding-top:9px; padding-right: 9px; background: transparent; border-left: 1px none #e7f3ff; border-bottom: 1px none #004080; z-index: 5; text-align: right; position: absolute; top: 80px; right: 10px; width: 500px; height: 30px; color: #004080; font-size: 11px; }

.useroptions a:link, .useroptions a:visited, .useroptions a:hover, .useroptions a:active { 
   color: #004080; font-size: 11px; }



/* Left Menu 
chgd from  background: url(/cclib/images/bg_top.gif) bottom repeat-x #fff; to 
 background: #e7f3ff; to remove the book/computer images from home page 
 and changed h4 borderbottom padding from 15 0 10 10 to 0 0 3 0 */

#siteNavi {
  position: absolute; left: 0px; 
	top: 60px; width: 219px; z-index: 5; 
    padding: 0px 0px 10px 10px; 
  border-top: 0px none #e7f3ff; 
  border-right: 1px solid #e7f3ff;
  background: #e7f3ff; }
	
h4.borderbottom {
  border-bottom: 1px none #004080; 
  background: transparent; width: 219px; 
  padding: 14px 7px 0px 7px; margin: 0px 0px;
  color: #004080; font-size: 12px; font-weight: 600; letter-spacing: 2px; z-index: 5; }
	
.mainmenu {
  padding: 15px 5px 10px 5px; 
  border-top: 0px none #e7f3ff; }
	
#siteNavi p {
  margin: 5px 0px 10px 35px; }

.mainmenu a, #siteNavi a {
  border-bottom: none; }
	
a#rt-menu, 
a#in-menu, 
a#ls-menu, 
a#ff-menu, 
a#cs-menu, 
a#st-menu {
  text-decoration: none; 
	border-bottom: 1px none #e7f3ff; }
	
hr.left {
  width: 219px; display: none; }
	
#csSubmenu, #ffSubmenu, #stSubmenu {
  display: none; }
	
#siteNavi ul {
  margin: 0px 0px 0px 3px; }
	
#siteNavi li {
  margin-left: 5px; }


/* Editable Content Field */

#center { /* holder for content layers used in standard [3 column] template */
  background: #ffffff; position: relative; margin: 0px 234px 15px 230px; 
  min-width: 360px; z-index: 4; }
	
#widecontent { /* holder for content layers used in wide [2 column] template */
  position: relative; margin: 0px 0px 15px 230px; min-width: 400px; z-index: 4; }

#widecontentqp { /* holder for content layers used in wide [2 column] template without site menu */
  position: relative; margin: 0px 0px 15px 0px; min-width: 0px; z-index: 4; }
	
.w1, .wide {  /* content layers */
  padding: 15px 30px 15px 30px; margin: 0px; min-height: 350px; z-index: 4; 
  background: #fff; min-width: 333px; 
  border-width: 1px; border-color: #e7f3ff #e7f3ff; border-style: solid ; 
  -moz-border-radius-bottomright: 10px; }
	
.w1qp, .wideqp {  /* content layers */
  padding: 15px 30px 15px 30px; margin: 0px; min-height: 350px; z-index: 4; 
  background: #fff; min-width: 333px; 
  border-width: 1px; border-color: #e7f3ff #e7f3ff; border-style: solid ; 
  -moz-border-radius-bottomright: 10px; }

.w1 h1 {
  width: 360px; padding-bottom: 12px; }
	
.w1 p {
  width: 100%; }
	
.highlightedtext {
  background: #fae3af; padding: 0px 2px; }
	
.darktext {
  color: #333; }
	
.light_italic {
  color: #555; font-style: italic; }
	
.uppercase {
  text-transform: uppercase; }

.welcome { 
  background: transparent; top: 60px; min-width: 225px; color: #004080; border-bottom: none; 
  letter-spacing: 8px; font-family: "Trebuchet MS"; 
  width: 225px; font-size: 22px;  font-weight: normal; 
  padding-bottom: 10px;}

.homepgcontent {
  overflow: visible; }

.subtitle {
  width: 250px; white-space: nowrap; color: #B13E3A; }

.rlcsubtitle {
  text-align: right; vertical-align: baseline; width: 250px; color: #000000; }

/* Print-friendly and special messages field */

.useroptions {
  padding-top: 9px; padding-right: 9px; position: absolute; 
  top: 65px; right: 10px; }

#pgNavi {
  position: absolute; right: 0px; top: 85px; width: 203px; 
  padding: 35px 10px 20px 20px; 
  border-right: 1px solid #e7f3ff; min-height: 338px; z-index: 1; }
	
#pgNavi h4, #pgNavi p {
  margin-left: 0px;  }
	
#pgNavi ul {
  margin-left: 10px;  }


/* Page Info Layer */

#pgFT {
  padding: 1px 10px 10px 10px; margin-left: 2px; z-index: 1; }
	
#pgFT p, #pgFT dl {
  margin: 6px 0px 0px 0px; }
	
.pgFT_options {
  width: 365px; }
	
#pgFT dt {
  margin: 15px 0px 0px 0px; color: #004080; font-size: 11px; }
	
#pgFT dd {
  margin: 3px 0px 0px 14px; font-size: 11px; }
  
#pgFT a {font-size: 10px; }
  
	
.url { /* this layer is only displayed when a page is printed */
  display: none; visibility: hidden; }

div.dottedbottomborder { /* tried to delete image background: url(/cclib/images/bg_top.gif) repeat-x bottom #fff; and replace with light blue stripe */
  background: #e7f3ff; 
  text-align:left; padding: 4px 5px 2px 0px; }


/* Elements used primarily for setting borders on tables and headers */

caption {
  text-align: left; padding-top:12px; padding-bottom: 6px; }
	
.dottedbottomborder a {
  border-bottom: none; }


/* Header cells */

.borderedcellstable th  {
  border: 1px solid #ccc;   
  padding: 3px 0px 3px 8px;  
  font-weight: bold; color: #004080;  
  background: #e7f3ff; 
  -moz-border-radius-topleft: 10px; 
  -moz-border-radius-topright: 10px; }
	
.dottedbottomborder th {
  border-bottom: 1px solid #777;
  text-align:left; padding: 4px 5px 2px 5px; }

/* Table cells for RLC Tutorial */

.rlcdottedbottomborder td {
  background: url(/cclib/images/bg_top.gif) repeat-x bottom #fff; 
  text-align:left; padding: 4px 5px 2px 5px; }
	
.rlcborderedcellstable td  {
  border: 0px solid #ccc; padding: 15px 15px; 
  -moz-border-radius: 8px; }
	
.rlcdottedbottomborder th.noborder, 
.rlcdottedbottomborder td.noborder, 
.rlcdottedbottomborder tr.noborder td {
  border: none; background: none; }
	
td {
  vertical-align: top; }




/* Table cells */
/* ssw added subtext for smaller text for links */
.dottedbottomborder td {
  background: url(/cclib/images/bg_top.gif) repeat-x bottom #fff; 
  text-align:left; padding: 4px 5px 2px 5px; }
	
.borderedcellstable td  {
  border: 1px solid #ccc; padding: 2px 5px; 
  -moz-border-radius: 8px; }
	
.dottedbottomborder th.noborder, 
.dottedbottomborder td.noborder, 
.dottedbottomborder tr.noborder td {
  border: none; background: none; }
	
td {
  vertical-align: top; }

.subtext a { font-size: 10px; }

/* Creates a button with a border */

div.float_border_layer {
  border: 1px solid #930;
  background: #f2f2f2;
  padding: 0px 4px;
  display: inline; 
  margin-right: 16px; }
	
div.float_border_layer a {
  border: none; }



/* Adds borders to heading tags used on the 'Citation Styles' and 'Searching the Web' */

h5.citesample {
  margin: 6px 0px 0px 0px; 
  font-size: small; color:#333; 
  font-style: italic; }
	
h4.borders {
  border-bottom: 1px solid #cccccc; width: 90%; 
 border-right: 1px solid #cccccc; padding-right: 5px; }
 
h3.borderbottom {
  border-bottom: 1px solid #cccccc; width: 275px; 
  border-right: 1px solid #cccccc;  margin-top: 24px; }


/* Elements used to create rows and cells without using table HTML tags */

dt.row {
  clear: both; padding-top: 3px; }
	
dt.row span.label{
  float: left; width: 54%;  }
	
dt.row span.sfield {
  float: right; width: 44%; text-transform: lowercase; }
	
div.row  {
  clear: both; padding-top: 3px; margin: 0px}
	
div.rowheader {
  clear: both; padding-top: 16px; text-align: left;  font-weight: bold; }
	
div.row span.label, .eLeft {
  float: left; width: 26%; text-align: right; margin: 1px 0px 1px 1px; 
  padding: 1px 5px 1px 1px; border: 1px solid #ccc; background: #f8f8f8; 
  color: #333; }
	
div.row span.sfield, .eRight {
  float: right; width: 70%; text-align: left; padding-top: 2px; 
  font-weight: normal; color: #222;}
	
div.row span.label2 {
  float: left; width: 45%; text-align: left; margin: 1px 5px 1px 1px; 
  padding: 1px; border: 1px none #ccc; background: #ffffff; }
	
div.row span.sfield2 {
  float: right; width: 45%; text-align: left; padding-top: 2px; }


/* Form Elements */

.label1 {
  width:125px; padding-right: 10px; }
	
form.border {
  border: 1px solid #ccc; text-align: left; padding: 5px;
  -moz-border-radius: 10px; }
	
.tb1 {
  color: #000000; background:#ffffff; height:170px; width:325px; 
  border: 1px #999 solid; cursor: text;
  -moz-border-radius-topright: 16px; }

.input1 {
  color: #000000; background:#ffffff; height:19px;  width:325px; 
  border: 1px #999999 solid; }

.input2 {
  color: #000000; background:#ffffff; height:19px;  width:225px; 
  border: 1px #999 solid;}

.facwebpg {
  color: #000000; background:#ffffff; height:19px;  width:300px; 
  border: 1px #999999 solid; }

label { 
  cursor: pointer; } 


/* Site Menu */

ul#menulist li {
  list-style: none; list-style-image: none;  }
	
ul#menulist ul.menu li.menubar {
  list-style: none; list-style-image: none;  margin-left: 0px; }
	
li.menubar {
  background: url(/cclib/images/closed2.gif) no-repeat 0em 0.3em;
  padding: 3px 0px 1px 21px; 
  list-style: none outside;}

.menu, .submenu {
  display: none;
  margin-left: 8px;
  padding-left: 0px;}

.openmenu {
  background: url(/cclib/images/open2.gif) no-repeat 0em 0.3em;
  padding: 3px 0px 1px 21px; 
}

ul#menulist ul.openmenuitem li {
  list-style-type: square; margin-left: 15px; color: #c3c3c3; }

ul#menulist ul.openmenuitem li.menubar, 
ul#menulist ul.openmenuitem li.openmenu {
  list-style-type: none; margin-left: 0px; color: #c3c3c3; }

ul#menulist ul.opensubmenuitem li {
  list-style-type: square; margin-left: 4px; color: #c3c3c3; }

ul#menulist ul.menu li {
  list-style-type: square; margin-left: 15px; color: #c3c3c3; }

ul#menulist ul.submenu li {
  list-style-type: square; margin-left: 4px; color: #c3c3c3; }

/* Class definitions for Site Index 
   ic 2.05.2004 : these are created by the SiteXpert indexing program 
	 when it generates our site index table/links 
	 These are the default CSS styles generated by the program.  By placing 
	 it in this style sheet, we do not need to upload the one that the 
	 program generates. */

  .ico {vertical-align:text-top}
  .PL0 {font-weight:normal; font-style:normal; }
  .CL0 {font-weight:normal; font-style:normal; }
  .PL1 {font-weight:normal; font-style:normal; }
  .CL1 {font-weight:normal; font-style:normal; }
  .PL2 {font-weight:normal; font-style:normal; }
  .CL2 {font-weight:normal; font-style:normal; }

/* Remove linked image borders */
a.borderless:link, a.borderless:visited, a.im:link img, a.im:visited img {
  border-bottom: none; }

.printonly { 
  display: none; }

/* Links to web sites not maintained by the Library */
a.external:active, 
a.external:hover, 
a.external:link, 
a.external:visited {
  color: #333366; 
	font-size: small; 
	font-weight: normal; 
	text-decoration: none; 
	border-bottom: 1px dotted #cdcdcd; 
	/* background: url(/cclib/images/external.gif) no-repeat 100% 10%; 
	padding-right: 19px; */}