@charset "UTF-8";
/* CSS Document */

/* begin OVERALL STYLES */
body,td,th {
	font-family: Arial;
	font-size: 14px;
	color: #313131;
	/* line-height:18px; */
	/* font-size: 12px; */
	/* color: #717171; */
	/* line-height:17px; */
}

a {
	color: #0079C0;
	text-decoration:none;

}
a:visited {
	color: #0079C0;
	text-decoration:none;
}
a:hover {
	color: #0079C0;
	text-decoration:underline;
}
a:active {
	color: #0079C0;
	text-decoration:none;
}
ul {
	list-style-image:url(images/li_blue.png)
}

/* begin HEADER styles */

.contact_link {
	font:Arial;
	font-size:14px;
	color:#EE3224;
	text-decoration:none;
	padding:0px 20px 10px 0px;
}
.contact_link a {
	font:Arial;
	font-size:12px;
	color:#313131;
	text-decoration:none;
}
.contact_link a:hover {
	font:Arial;
	font-size:12px;
	color:#f76a0c;
	text-decoration:underline;
}
.contact_link a:active {
	font:Arial;
	font-size:12px;
	color:#313131;
	text-decoration:none;
}


/* begin MAIN NAV styles */

.nav_main {
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	padding:0px 20px 0px 20px;
}
.nav_main a {
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	text-decoration:none;
}
.nav_main a:hover {
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	text-decoration:none;

}
.nav_main a:active {
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	text-decoration:none;

}
.nav_main a:visited {
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	text-decoration:none;

}
.nav_main_bg {
	background:url(images/nav_main_bg-blue.gif);
	background-repeat:repeat-x;
}


/* begin SUBNAV styles */

.subnav {
	font-family:Arial;
	font-size:12px;
	color:#0079C1;
	padding: 0px 15px 0px 15px;
}
.subnav a {
	font-family:Arial;
	font-size:12px;
	color:#0079C1;
	text-decoration:none;
}
.subnav a:active {
	font-family:Arial;
	font-size:12px;
	color:#0079C1;
	text-decoration:none;
}
.subnav a:visited {
	font-family:Arial;
	font-size:12px;
	color:#0079C1;
	text-decoration:none;
}
.subnav a:hover {
	font-family:Arial;
	font-size:12px;
	color:#f76a0c;
	text-decoration:none;
}

.subav_divider {
	color:#f76a0c;
}

.subnav_bg {
	background-image:url(images/subnav_bg.gif);
	background-repeat:repeat-x;
	padding-left:25px;
}

/* begin LOGIN styles */

.login_bg {
	background:url(images/login_bg.jpg);
	background-repeat:no-repeat;
}
.login_headline {
	font:Arial;
	color:#ffffff;
	font-size:22px;
	text-align:left;
}
.login_text {
	font:Arial;
	color:#ffffff;
	font-size:12px;
	text-align:right;
}
.register_pword_text {
	font:Arial;
	color:#faa524;
	font-size:10px;
	text-align:center;
	}

.register_pword_text a {
	font:Arial;
	color:#faa524;
	font-size:10px;
	text-align:center;
	text-decoration:none;
}

/* begin HOME MAIN FEATURE styles */

.sidebar_right {
	background:url(images/hm_main_rightbg.jpg);
	background-repeat:no-repeat;
}


/* begin HOME PG CONTENT AREA */

.hm_features_area {
	padding:15px 0px 0px 10px;
}
.hm_feature_block {
	padding:20px;
	border: 1px solid #CCCCCC;
}

#hm_featblock1 {
	width:328px;
	height:155px;
	padding:15px;
	border: 1px solid #CCCCC;
	vertical-align:top;
}

.feature_block {
	border:#DDDEDF;
	border-width:1px;
}
.feat_blk_headline {
	font:Arial;
	color:#f76a0c;
	font-size:16px;
}
.tryit_headline {
	font:Arial;
	color:#f76a0c;
	font-size:22px;
}

.try_block_upper {
	background:url(images/try_bg_upper.gif);
	background-repeat:repeat-y;
	vertical-align:bottom;
}
.try_block_lower {
	background:url(images/try_bg_lower.gif);
	background-repeat:no-repeat;
}

/* begin SECONDARY CONTENT AREA styles */
.page_on_title {
	font:Arial;
	font-size:25px;
	color:#6d6e71;
	padding:10px 0px 10px 0px;
}
.secondary_content_area {
	padding:10px 0px 15px 0px;
}
.secondary_block_text {
	padding:0px 15px 10px 15px;
}
.secondary_feature_bg {
	background:url(images/secondary-feature_bg.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.secondary_feature_headline {
	font-family:Arial;
	font-size:27px;
	color:#f76a0c;
	line-height:28px;
}
.secondary_block1_bg {
	background:url(images/secondary_support_bg.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.secondary_block2_bg {
	background:url(images/secondary_serious_bg.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.secondary_block3_bg {
	background:url(images/secondary_onandon_bg.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.secondary_block4_bg {
	background:url(images/secondary_cataloging_bg.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.secondary_block5_bg {
	background:url(images/secondary_circulation_bg.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.secondary_block6_bg {
	background:url(images/secondary_mobileaccess_bg.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}


/* begin TERTIARY Page styles */

.tertiary_block_bg {
	background:url(images/tertiary_block_bg.gif);
	background-repeat:repeat-x;
	border: 1px solid #CCCCCC;
	background-position:bottom;

}
.tertiary_feature {
	background:url(images/tertiary_feature_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border: 1px solid #CCCCCC;
}

/* begin CUSTOMERS page styles */

.customers_feature_bg {
	background:url(images/customers-feature-bg.jpg);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.customers_block1-k-12_bg {
	background:url(images/customers_block_bg_k12.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.customers_block2-public_bg {
	background:url(images/customers_block_bg_pub.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.customers_block3-academic_bg {
	background:url(images/customers_block_bg_aca.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.customers_block4-special_bg {
	background:url(images/customers_block_bg_spec.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.customers_block5-personal_bg {
	background:url(images/customers_block_bg_pers.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}
.customers_block6-business_bg {
	background:url(images/customers_block_bg_bus.gif);
	background-repeat:no-repeat;
	border: 1px solid #CCCCCC;
	background-position:bottom;
}




/* begin FOOTER styles */

.footer_text {
	font-family:Arial;
	font-size:10px;
	line-height:17px;
	color:#919191;
	padding-left:8px;
}
.footer_text a {
	font-family:Arial;
	font-size:10px;
	line-height:17px;
	color:#919191;
	text-decoration:none;
}
.footer_text a:hover {
	font-family:Arial;
	font-size:10px;
	line-height:17px;
	color:#0079C1;
	text-decoration:underline;
}
.footer_text a:active {
	font-family:Arial;
	font-size:10px;
	line-height:17px;
	color:#919191;
	text-decoration:none;
}
.footer_text a:visited {
	font-family:Arial;
	font-size:10px;
	line-height:17px;
	color:#919191;
	text-decoration:none;
}
.footer_bold {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	color:#717171;
	padding-left:8px;
}
	
.footer_bg {
	background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x;
	padding-top:15px;
	vertical-align:top;
}
.footer_bg_home {
	background:url(images/footer_hm_bg.gif);
	background-repeat:repeat-x;
	padding-top:15px;
	vertical-align:top;
}

/* Begin OPAC THEME styles ( ** see also nav_main_bg style & ul style ** ) */

body {
	background-color: #EEEEEE;
}

.signout-link a, .signout-link a:link, .signout-link a:visited, .signout-link a:active {
font-size:11px;
color:#0079C0;
}
.library-title {
font-size:32px;
text-transform:uppercase;
color:#0079C0;
padding:10px 0px 10px 20px;
}


.copyright {
font-size:10px;
color:#666666;
text-align:center;
padding:10px 0px 15px 0px;
}

.table-header-row-l {
background-color:#E1E9F6;
font-weight:bold;
color:#000;
border-left:1px solid #B2B2B2;
border-top:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;
border-bottom:1px solid #B2B2B2;
}
.table-header-row-m-r {
background-color:#E1E9F6;
font-weight:bold;
color:#000;
border-top:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;
border-bottom:1px solid #B2B2B2;


}
.table-row-l {
border-left: 1px solid #B2B2B2;
border-bottom:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;
}

.table-row-m-r {
border-bottom:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;
}






/*------------------------------------*\
	$BUTTON
\*------------------------------------*/
button, 
.buttons {
    float: center;
    padding-bottom: 5px;
    clear: both;
}
a.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}


button:hover, 
.button:hover {
    background: #F4F4F4;
		border-color: #C0C0C0;
		color: #333;
}

button:active, 
.button:active {
	border-color: #4D90FE;
	color: #4D90FE;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}

button.on, 
.button.on {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:hover, 
.button.on:hover {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:active, 
.button.on:active {
	border-color: #4D90FE;
}

button.action, 
.button.action {
	border: 1px solid #D8D8D8 !important;
	
	background: #F2F2F2;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.action:hover, 
.button.action:hover {
	border: 1px solid #C6C6C6 !important;
	
	background: #F3F3F3;
	background: -webkit-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -moz-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -ms-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -o-linear-gradient(top, #F8F8F8, #F1F1F1);
}
button.blue, 
.button.blue {
	border: 1px solid #3079ED !important;
	
	background: #4B8DF8;
	background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
	background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
	background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
	background: -o-linear-gradient(top, #4C8FFD, #4787ED);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.blue:hover, 
.button.blue:hover {
	border: 1px solid #2F5BB7 !important;
	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: -ms-linear-gradient(top, #4D90FE, #357AE8);
	background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
button.green, 
.button.green {
	border: 1px solid #29691D !important;
	
	background: #3A8E00;
	background: -webkit-linear-gradient(top, #3C9300, #398A00);
	background: -moz-linear-gradient(top, #3C9300, #398A00);
	background: -ms-linear-gradient(top, #3C9300, #398A00);
	background: -o-linear-gradient(top, #3C9300, #398A00);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.green:hover, 
.button.green:hover {
	border: 1px solid #2D6200 !important;
	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
}
button.red, 
.button.red {
	border: 1px solid #D14836 !important;
	
	background: #D64937;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.red:hover, 
.button.red:hover {
	border: 1px solid #B0281A !important;
	
	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}

button.action:hover, 
.button.action:hover {
	-moz-box-shadow: 0 1px 0px #DDD;
	-webkit-box-shadow: 0 1px 0px #DDD;
	box-shadow:iset 0 1px 0px #DDD;
}
button.action:active, 
.button.action:active {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #C6C6C6 !important;
}
button.blue:active, 
.button.blue:active {
	border-color: #2F5BB7 !important;
}
button.green:active, 
.button.green:active {
	border-color: #2D6200 !important;
}
button.red:active, 
.button.red:active {
	border-color: #B0281A !important;
}

/*  end of buttons */



/*  2013-04-15  div container containing the form  */


/* search form div container  */
#searchform {
    margin:0px;
    float:center;}

/* Styling the search input field */
#select_menu {
    float:inline;
    height:27px;
    margin-left:3px;
    margin-right:3px;
    line-height:27px;
    font-family:arial, sans-serif;
    font-size:1em;
    color:#333;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
   /*  border-right:none; */
}
 
/* Styling the search input field */
#field {
    float:inline;
    width:150;
    height:27px;
    margin-left:3px;
    margin-right:3px;
    line-height:27px;
    text-indent:10px;
    font-family:arial, sans-serif;
    font-size:1em;
    color:#333;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
   /*  border-right:none; */
}
 
/* Style the "X" text button next to the search input field */
#delete {
    float:left;
    width:16px;
    height:29px;
    line-height:27px;
    margin-right:3px;
    padding:0 10px 0 10px;
    font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
    font-size:22px;
    background: #fff; 
    border:solid 1px #d9d9d9;
    border-top:solid 1px #c0c0c0;
    border-left:none;
}
/* Set default state of "X" and hide it */
#delete #x {
    color:#A1B9ED;
    cursor:pointer;
    display:none; 
}
/* Set the hover state of "X" */
#delete #x:hover {
    color:#36;
    display:inline; 
}


/* main module buttons */

/* home  color */
a.home_ico_color{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/home_color.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}

a.home_ico_color span{
    position:center;
   /*  left: -10000px; */
}

/* home  grey */
a.home_ico_grey{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/home_grey.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}
a.home_ico_grey:hover{
    background: url(/opac/images/home_color.png) no-repeat  0 0;
}
a.home_ico_grey span{
    position:center;
   /*  left: -10000px; */
}


/* search color */
a.search_ico_color{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/search_color.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}

a.search_ico_color span{
    position:center;
   /*  left: -10000px; */
}

/* search grey */
a.search_ico_grey{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/search_grey.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}
a.search_ico_grey:hover{
    background: url(/opac/images/search_color.png) no-repeat  0 0;
}
a.search_ico_grey span{
    position:center;
   /*  left: -10000px; */
}


/* advanced color */
a.advanced_ico_color{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/advanced_color.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}

a.advanced_ico_color span{
    position:center;
   /*  left: -10000px; */
}

/* advanced grey */
a.advanced_ico_grey{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/advanced_grey.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}
a.advanced_ico_grey:hover{
    background: url(/opac/images/advanced_color.png) no-repeat  0 0;
}
a.advanced_ico_grey span{
    position:center;
   /*  left: -10000px; */
}



/* simple color */
a.simple_ico_color{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/simple_color.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}

a.simple_ico_color span{
    position:center;
   /*  left: -10000px; */
}

/* simple grey */
a.simple_ico_grey{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/simple_grey.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}
a.simple_ico_grey:hover{
    background: url(/opac/images/simple_color.png) no-repeat  0 0;
}
a.simple_ico_grey span{
    position:center;
   /*  left: -10000px; */
}

/* simple color */
a.simple_ico_color{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/simple_color.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}

a.simple_ico_color span{
    position:center;
   /*  left: -10000px; */
}

/* simple grey */
a.simple_ico_grey{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/simple_grey.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}
a.simple_ico_grey:hover{
    background: url(/opac/images/simple_color.png) no-repeat  0 0;
}
a.simple_ico_grey span{
    position:center;
   /*  left: -10000px; */
}


/* union color */
a.union_ico_color{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/union_color.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}

a.union_ico_color span{
    position:center;
   /*  left: -10000px; */
}

/* union grey */
a.union_ico_grey{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/union_grey.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}
a.union_ico_grey:hover{
    background: url(/opac/images/union_color.png) no-repeat  0 0;
}
a.union_ico_grey span{
    position:center;
   /*  left: -10000px; */
}

/* clipboard color */
a.clipboard_ico_color{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/clipboard_color.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}

a.clipboard_ico_color span{
    position:center;
   /*  left: -10000px; */
}

/* clipboard grey */
a.clipboard_ico_grey{
    display: block;
    width: 	36px;
    height: 36px;
    background: url(/opac/images/clipboard_grey.png) no-repeat  0 0;
   background-size:100%; 
    overflow: hidden;
    text-decoration: none;
}
a.clipboard_ico_grey:hover{
    background: url(/opac/images/clipboard_color.png) no-repeat  0 0;
}
a.clipboard_ico_grey span{
    position:center;
   /*  left: -10000px; */
}


/* end module buttons



/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#submit {
    cursor:pointer;
    width:70px;
    height: 31px;
    line-height:0;
    margin-left:3px;
    margin-right:3px;
    font-size:1em;
    text-indent:-999px;
    color: transparent; 
    background: url(/opac/images/ico-search.png) no-repeat #4d90fe center;
    border: 1px solid #3079ED;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
/* Style the search button hover state */
#submit:hover {
    background: url(/opac/images/ico-search.png) no-repeat center #357AE8;
    border: 1px solid #2F5BB7;
}

/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#save {
    cursor:pointer;
    width:70px;
    height: 31px;
    line-height:0;
    margin-left:3px;
    margin-right:3px;
    font-size:1em;
    text-indent:-999px;
    color: transparent; 
    background: url(/control/save.png) no-repeat #4d90fe center;
    border: 1px solid #3079ED;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

/* Style the search button hover state */
#save:hover {
    background: url(/control/save.png) no-repeat  #357AE8;
    border: 1px solid #2F5BB7;
}


/* Clear floats */
.fclear {clear:both}

hr {
  border: 0;
  width: 100%;
  color: #ddd;
	background-color: #ddd;
	height: 1px;
}