/*Tooltip component by www.menucool.com */

/*For tooltip target element that has set class="tooltip" */
.tooltip {text-decoration: none; outline: none; }

/*For tooltip box*/
div#mcTooltip 
{
    line-height:16px;
    border-width: 1px;   
    color:#333; 
    border-color:#BBBBBB;
    padding:20px;
    font-size: 12px;
    font-family: Verdana, Arial;
    border-radius:6px; /*Rounded corners. N/A for IE 8 and below.*/
    box-shadow: 0 1px 4px #AAAAAA; /*Drop shadow. N/A for IE 8 and below.*/
}

div#mcTooltip, div.mcTooltipInner 
{
    background-color:#EAECF0;
}

/* For hyperlink within tooltip */
div#mcTooltip a { color:#36c; }

/*Close button. Available when sticky or overlay has been set to true, or is on iPhone, iPad, Android, BlackBerry, or IEMobile devices. */
div#mcttCloseButton 
{
    width:14px;height:14px;position:absolute;background-image:url(closeBtn.gif);cursor:pointer; overflow:hidden;
    top:12px; right:12px; left:auto;
}            

/* Only applies when overlay has been set to true or 1 */
div#mcOverlay 
{
    background-color: white;
    opacity:0.8; filter: alpha(opacity=80); 
    display:none;top:0;left:0;width:100%;height: 100%;overflow:visible;z-index:4; 
}

/*Only available when calling by tooltip.ajax(...). It will be a spinning image indicating a request is in progress.*/
div#tooltipAjaxSpin {margin:20px 50px; background:transparent url(loading.gif) no-repeat center center; width:50px; height:30px; font-size:0;}

/*The settings below should remain unchanged*/
div#mcTooltipWrapper {position:absolute;visibility:hidden;overflow:visible;z-index:9999999999;top:0px;}
div#mcTooltip {float:left;border-style:solid;position:relative;overflow:hidden;}
div.mcTooltipInner {float:left;position:relative;width:auto;height:auto;}
div#mcttCo {position:absolute;text-align:left;}
div#mcttCo em, div#mcttCo b {display:block; width:0; height:0;overflow:hidden;}


/*Styles for mobile library site | Author: Jason A. Clark | Version: mobile 1.0, November 2009*/

#share-buttons img {
width: 20px;
padding: 2px;
border: 0;
box-shadow: 0;
display: inline;
}

#share-buttons1 img {
width: 15px;
padding: 2px;
border: 0;
box-shadow: 0;
display: inline;
}

.cls-card {
	margin-top:5px;
	float: left;
	clear: right;		
}

/* =global settings */
body {font:62.5% normal Helvetica, sans-serif;margin:0;padding:0;overflow-x:hidden;}
*, * focus {outline:none;margin:0;padding:0;}
a:link {text-decoration:none; color:#1259C7}
a:visited {text-decoration:none; color:#1259C7}

/* =element-specific settings */
#doc, hd {width:auto;margin:0;padding:0;}
#main {padding:0 0px;width:auto;}
#ft {margin:10px 0 0 0;width:auto;border-top:1px solid #ccc;}
h1 {font:2em normal Helvetica, sans-serif;color:#666;width:100%;padding:0 10px 15px 10px;}
h1 span {color:#aaa;}
h1 small{font:.3em normal Helvetica, sans-serif;text-transform:uppercase;letter-spacing:1em;color:#666;}
p.info {padding:0 10px;font-size:1.3em;}
a.feed {float:left;width:auto;margin:0;padding:5px 5px 5px 18px;background:url("../img/feed.gif") no-repeat center left;}
a.contact {float:right;width:auto;margin:0;padding:5px 5px 5px 18px;background:url("../img/comment.gif") no-repeat center left;}
#main h2 {padding:0 0 10px 0;font-size:1.6em;}
#main p {margin-left:5px;padding:5px;font-size:1.4em;}
#main ul {margin-left:5px;padding:5px;font-size:1.4em;}
#main li {margin-left:10px;padding-bottom:5px;}
input,select {vertical-align:middle;border-width:0;-webkit-box-shadow: #fff 0 0 #fff;}
fieldset {border:0 none;}
form#searchBox {position:relative;width:100%/*300px*/;height:30px;border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fff;}
#searchBox label {display:none;}
#searchBox input {position:absolute;top:3px;left:0;margin:0 3px;padding:0;width:85%/*265px*/;line-height:25px;height:25px;font-size:1.4em;border:0;}
#searchBox button {position:absolute;top:0;right:0;cursor:pointer;margin:0;padding:0;width:30px;height:30px;float:left;background: url('../img/search.gif') no-repeat 50% 50%;border:0;text-indent: -999em;}

/* =tabbed nav */
ul#nav{list-style-type:none;border-bottom:1px solid #ccc;margin:0 0 10px 0;padding:0 0 35px 5px;}
ul#nav li{display:inline;margin:0;padding:0;}
#nav a:link,#nav a:visited{margin-right:8px;background:#4489F0;border:1px solid #ccc;color:#FFF;float:left;font-size:1.7em;line-height:14px;text-decoration:none;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;padding:10px;}
#nav a:hover{color:#FCED08;}
#nav a:link.active,#nav a:visited.active,body.home #nav li#tab1 a,body.explore #nav li#tab2 a,body.search #nav li#tab3 a,body.help #nav li#tab4 a{color:#4489F0;background:#fff;border-bottom:1px solid #fff;}

/* =tabbed nav desk */
ul#navdesktop{list-style-type:none;border-bottom:1px solid #ccc;margin:0 0 0px 0;padding:0 0 35px 5px;}
ul#navdesktop li{display:inline;margin:0;padding:0;}
#navdesktop a:link,#navdesktop a:visited{margin-right:0px;background:#0569FF;border:1px solid #ccc;color:#FFF;float:left;font-size:1.7em;line-height:14px;text-decoration:none;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;padding:10px;}
#navdesktop a:hover{color:#FCED08;}
#navdesktop a:link.active,#navdesktop a:visited.active,body.homepc #navdesktop li#tabdesk1 #navdesktop li#tabdesk2 #navdesktop li#tabdesk3 #navdesktop li#tabdesk4 a{color:#0569FF;background:#fff;border-bottom:1px solid #fff;}