/*  CSS - James Love May 2010 

1. GLOBAL
___________________________________________________________________________________________________________________________________________________
1.1 Reset Tools
----------------------------------------------- */
/*Copyright (c) 2008, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version: 2.6.0*/
html{padding:0;margin:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:inherit}
table{border-collapse:collapse;border-spacing:0; margin:0; padding:0;} /* Added margin/padding reset */
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
/* Clearing floats without extra markup  */
.clearing{ display: inline-block; }
.clearing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearing{ height: 1%; }
.clearing { display: block; }
.clear-both{clear:both}
.skiplinks{position:absolute;top:-5000px}
  .hide{display:none}
/*center containers*/ 
.center{width:950px;margin: 0 auto}
.center-header,.center-home{width:826px;margin: 0 auto}
.border-bottom{border-bottom:solid 2px #7fa4d0;padding-bottom:0;margin-bottom:20px}
  
/*Headings
----------------------------------------------- */
h1,h2,h3,h4, h5 ,h6 {font-weight:normal;font-family:"Myriad Pro" ,Helvetica,Arial,sans-serif;color:#1a293e}
h1{font-size:190%;padding-bottom:30px}
h2{font-size:125%;padding-bottom:15px}
h3{font-size:115%;;padding-bottom:5px}
h4{font-size:105%;}
h5{font-size:100%;}
h6{font-size:100%;}

/* 1.2 Links + lists
----------------------------------------------- */
a{text-decoration:none;}
a:hover{}
#content a{color:#1a293e;border-bottom:dotted 1px #cccccc}
#content a:hover{border-bottom:solid 1px #cccccc}
#content h2 a,#content h2 a:hover,#content a.back-link,#content a.back-link:hover{border:0}
#content a.link-pdf{background: transparent url(../images/pdficon_small.gif)no-repeat right;padding-right:20px}
#footer a{color:#7fa4d0}
p.link-back{border-bottom:solid 1px #c1c1c1;padding-left:10px;background:transparent url(../images/bg-arrow-back.gif) no-repeat}
p.link-back a{}
#content ul {padding: 0 20px 20px 20px}
#content ul li {list-style-type:disc;padding-bottom:5px}
#content ul.qp-list li {padding-bottom:15px}
body#home #content ul.qp-list li{padding-bottom:15px}
/*foooter dd for external links*/
#footer dl{}
#footer dt{float:left;width:175px;padding-bottom:10px}
#footer dd{float:left;width:325px;padding-bottom:10px}

/* 1.3 Forms
-------------------------------------------------*/
form input.btn-submit{background:#1866a1 url(../images/btn-general-submit.jpg) repeat-x;color:#1a293e}
textarea{font-family:"Myriad Pro" ,Helvetica, Arial, sans-serif;}

/* 1.4 Columns + Rows
----------------------------------------------- */
.col-x1{float:left;width:189px;margin-right:51px;}
.col-x2{float:left;width:429px;margin-right:47px}
.col-x3{float:left;width:234px;}
.footer-colx1{float:left;width:500px;margin-right:50px;}
.footer-colx2{float:left;width:252px}
.col-homex1{float:left;width:500px;margin-right:59px}
.col-homex2{float:left;width:237px}
/* 1.5 Puffs + Boxes
----------------------------------------------- */
div.box-rounded,input.box-rounded{background:transparent url(../images/bg-rounded-box-top.jpg) no-repeat;padding-top:6px;margin-bottom:20px;}
div.box-rounded h2{padding:16px 22px ;font-size:110%;font-weight:bold;}
div.box-rounded p{padding:0 22px 22px 22px;background:transparent url(../images/bg-rounded-box-btm.jpg) no-repeat bottom}
input.box-rounded{padding:5px}
a#ask-continue{width:151px;height:39px;border:0;font-size:140%;padding:5px 20px}
a#ask-continue:hover{border:0}
div.box-question-point,div.box-workspace{padding-bottom:16px}
div.box-question-point p{background:transparent url(../images/icon-question-point.gif) no-repeat;padding-left:40px}
div.box-workspace p{background:transparent url(../images/icon-workspace.gif) no-repeat;padding-left:40px}
div.tweet-box-quote{background:#fff url(../images/bg-tweet-box-quotes.gif) no-repeat;padding:10px 10px 0 30px}
div.back-to{border-bottom:solid 1px #c1c1c1;margin-bottom:20px}
div.back-to p{padding-bottom:5px}
/* 1.6 Tables
----------------------------------------------- */
table.data{width:100%}
table.data th{background-color:#7fa4d0;color:#fff;padding:5px;font-weight:bold}
table.data tr{border-bottom:solid 1px #ccc}
table.data td{padding:10px 5px}

/*2. MAIN PAGE ELEMENTS
______________________________________________________________________________________________*/

/*2.0 Top Level elements
----------------------------------------------- */
html{background:#19283d url(../images/bg-body.jpg) }
body{background:transparent url(../images/bg-header-top.jpg) repeat-x;font-family:"Myriad Pro" ,Helvetica,Arial,sans-serif;font-size:91%;line-height:1.3em;color:#545454;}
p{padding-bottom:16px}
p.additional-info{font-size:91%;color:#999}
p.img-left{clear:both;min-height:80px}
#content p.img-left img{float:left;margin-right:20px;border:0}
img,object,embed{border:0}
strong,em{font-weight:bold}
address{padding:0 0 20px 0}
blockquote{}
/*Images*/
#content  div.col-x2 img{display:block;border:solid 2px #7fa4d0;padding:3px;}
#content  div.col-x2 p.img-left img{border:0}
/* for images in right col*/
div.col-x3 img{display:block;border:solid 2px #7fa4d0;padding:3px;margin:0 auto 20px auto}
/*remove for images in right col -inside a rounded box*/
div.col-x3 div.box-rounded img{ display:block;border:0;padding:0;margin-bottom:20px}
.margin-top{margin-top:20px}

/*2.1 Wrapper
----------------------------------------------- */

#wrapper{width:980px; margin:0 auto;}
.wrapper-padding{padding:0 10px}
.wrapper-margin{margin:0 25px 0 10px}
/*2.2 Header
----------------------------------------------- */
#header-wrapper{background:transparent url(../images/bg-header-bottom.jpg) repeat-x bottom;}
#header{padding-bottom:3px}
#header h1 {background:transparent url(../images/bg-logo.jpg) no-repeat 0 1px;width:826px;height:178px;text-indent:-5000px;padding-bottom:10px}
#header #branding h1 a {}
/*2.3 Navigation
----------------------------------------------- */
/* main */
#main-navigation{padding-top:0px;margin-left:7px}
#main-navigation ul{}
#main-navigation ul li{display:block;float:left;}
#main-navigation ul li.first{}
#main-navigation ul li a{display:block;float:left;width:auto;padding: 15px  26px 5px 26px;color:#fff;font-size:110%;background-image: url(../images/bg-main-nav-sprite2.jpg);background-repeat:no-repeat;background-position: -60px -61px;outline:0;text-align:center;}
#main-navigation ul li.first a{width:40px;background-position: 0  -61px;}
#main-navigation ul li.first a:hover,#main-navigation ul li.first.active a{background-position: 0  0}
#main-navigation ul li.last{width:120px}
#main-navigation ul li.last a{width:120px;background-position: -687px  -61px;padding-left:0px;padding-right:0px;color:#90b0d6;position:relative}
#main-navigation ul li a:hover,#main-navigation ul li.active a{background-position: -10px  0px}
#main-navigation ul li.last a:hover, #main-navigation ul li.last.active a{background-position: -687px  0px}
#main-navigation ul li.last a span.icon-secure{display:block;position:absolute;left:13px;top:20px;background:transparent url(../images/lock.png) no-repeat;width:8px;height:10px;padding:0}

/* sub-navigation */
ul#sub-navigation{padding:0 0 40px 0}
ul#sub-navigation li{list-style-type:none}
ul#sub-navigation li a{display:block;color:#1a293e;background-image: url(../images/bg-subnav.gif);background-repeat:no-repeat;background-position: 0 0.25em;padding-left:8px;border:0}
ul#sub-navigation li a:hover,ul#sub-navigation li.active a{color:#90b0d6;background-image: url(../images/bg-subnav-on.gif);border-bottom:0}


/* footer navigation*/

/*2.4 Main content
----------------------------------------------- */
#content-wrapper{min-height:600px;background:#fff  url(../images/bg-content-top.jpg) repeat-x top;padding:50px 0}
#content{color:#365077}
/*2.5 Footer
----------------------------------------------- */
#footer-wrapper{background:transparent url(../images/bg-footer-top.jpg) repeat-x top; min-height:200px}
#footer{clear:both;background:transparent url(../images/bg-logo-footer.png) no-repeat top left;padding:65px 0 35px 30px;color:#fff}
#footer p{padding-bottom:10px}
#footer-social-media p{float:left;width:120px;height:70px}
p#footer-twiiter{width:76px;height:19px;}
p#footer-facebook{width:84px;height:32px;}
p#footer-twiiter a{display:block;width:76px;height:19px;background:transparent url(../images/bg-logo-twitter.png) no-repeat;text-indent:-5000px}
p#footer-facebook a{display:block;width:84px;height:32px;background:transparent url(../images/bg-logo-facebook.gif) no-repeat;text-indent:-5000px}
#footer-slic{clear:both}
#footer-slic p{float:left;width:120px;height:80px;}
p#footer-slic-link{width:86;height:38px;}
p#footer-slic-link a{display:block;width:86px;height:48px;background:transparent url(../images/bg-logo-slicfooter.png) no-repeat;text-indent:-5000px}
#footer ul li{display:inline;padding-right:10px}
#footer ul li a{font-size:91%;text-decoration:underline}

/*3. SPECIFIC PAGES
______________________________________________________________________________________________*/

/*3.0 Index
----------------------------------------------- */
body#home h2{font-size:145%}
body#home div.homex2 h2{padding-top:10px}
div.home-ask-form{background: transparent url(../images/bg-ask-form-top.gif) no-repeat top;padding:17px 0 60px 0}
div.home-ask-form form{background: transparent url(../images/bg-ask-form.gif) repeat-y;padding:0 17px;font-size:91%;margin:0}
div.home-ask-form form #form-email{padding-top:20px}
div.home-ask-form form p{padding-bottom:20px}
div.home-ask-form form label{color:#fff;line-height:1.2em}
div.home-ask-form form p textarea{padding:20px;margin-bottom:0;width:91.5%;height: 200px;border:0;color:#999;font-size:120%;overflow:auto;}
div.home-ask-form  .ask-form-colx1 {float:left;width:289px;margin-right:22px}
div.home-ask-form  .ask-form-colx1 label{display:block;float:left;width:60px}
div.home-ask-form  .ask-form-colx1 input{width:212px;padding:5px 2px}
div.home-ask-form  .ask-form-colx2{float:left;width:149px}
div.home-ask-form form input.btn-submit{width:151px;height:39px;border:0;font-size:140%;color:#fff}
p#continue-container{text-align:right;height:40px;padding-bottom:0;margin-top:-10px}
a#ask-continue{display:block;float:right;background:#1866a1 url(../images/btn-general-submit.jpg) repeat-x;width:100px;height:30px;border:0;color:#fff;font-size:140%;text-align:center;line-height:35px }
/*for validation*/
div.home-ask-form form label.error{display:block;float:none;width:80%;border:0;color:#900}
div.home-ask-form form #form-email label.error{padding-left:60px;}
div.home-ask-form form textarea.error{}
#summary{color:#900}
/*post success method*/
p.post-success{clear:both;color:#fff;font-size:120%;margin-top:20px;padding:5px 0 0 40px;background:transparent url(../images/check-yes.png) no-repeat top left}
/*form footer*/
div.home-ask-footer{background: transparent url(../images/bg-ask-form-bottom.gif) no-repeat;padding-top:40px}
#content div.home-ask-footer ul{padding:0}
#content div.home-ask-footer ul li{list-style-type:none;padding:0}

div.home-chat-now{padding-bottom:40px}
#content div.home-chat-now a{float:right;border:0}
#content div.home-chat-now a:hover{border:0;}
div.home-chat-now a.chat-btn{display:block;width:223px;height:104px;background:transparent url(../images/bg-chat-now.gif); text-indent:-5000px;overflow:hidden}
div.home-chat-now p{float:left;width:250px;padding-bottom:5px}
/*right col twitter*/
p#home-twitter-small{padding-right:30px;background:transparent url(../images/bg-small-twitter-icon.jpg) no-repeat  14em 0}
/*3.1 FAQs
----------------------------------------------- */
div.faq-answer{border-bottom:dashed 1px #c1c1c1;padding:20px 0 10px 0}
div.faq-answer.first{border-top:dashed 1px #c1c1c1;}
dl.faq dt{border-top:dashed 1px #c1c1c1;padding-top:20px}
#content  div.faq-answer  h2 a{display:block;background:transparent url(../images/bg-faq-to-top.gif) no-repeat  top right;overflow:hidden;border:0;padding-right:20px}
#content div.faq-answer  h2 a:hover{border:0}
/*3.2 ANSWERBASE
----------------------------------------------- */
/* answwerbase serach results */
form#answerbase-search{}
form#answerbase-search input{width:95%;border:solid 2px #7d8da4;margin-bottom:20px;padding:10px;color:#999;font-size:120%;}
form#answerbase-search input.btn-submit{color:#fff;width:150px;float:right;font-size:150%;border:0}
p.search-term{color:#999;font-size:120%;}
div.page_navigation{border-style:solid;border-color:#e5e6e6;border-width:1px 0;padding:20px 0;text-align:right}
div.page_navigation a{border:solid 1px #c1c1c1;padding:5px;margin-left:3px}
/*div.page_navigation a.first_link,div.page_navigation a.last_link{display:none}*/
div.page_navigation a.active_page{background-color:#7fa4d0;color:#fff}
div.pagination-bottom{margin-top:20px}
div.search-result{border-bottom:1px dashed #e5e6e6;padding:20px 0 0 0}
p.search-read-more{text-align:right;margin-top:-20px}
div.search-result {}
/* your answer*/
div.qp-question,div.qp-answer{padding-left:60px;background-repeat:no-repeat;background-position:0 20px;}
div.qp-question{color:#1a293e;font-size:120%;background-image: url(../images/bg-youranswer_Q.gif);padding:20px 0 40px 60px;}
div.qp-answer{background-image: url(../images/bg-youranswer_A.gif);background-position:0 0;padding-bottom:20px;border-bottom:solid 1px #c1c1c1}
div.qp-answer p{padding-top:10px}
div.qp-share{border-bottom:solid 1px #c1c1c1;padding: 5px 0 20px 0}
div.qp-share p a.back-link{float:left;width:150px;padding-top:15px;border:0;}
div.qp-share  div.share-this{float:right;width:250px;text-align:right;border:0}
#content div.qp-share  div.share-this a,#content div.qp-share  div.share-this a:hover{border:0}
#content div.qp-share img{display:inline;border:0;padding:0}


 /*3.3 NEWS
----------------------------------------------- */
/*news home*/
div.article{padding-top:20px;border-bottom:dashed 1px #c1c1c1;margin-bottom:20px;}
div.article h2{float:left;width:320px;margin-right:20px}
div.article span.date{display:block;float:right;width:auto;color:#666;text-align:right;font-style:italic;wid}
div.article p{clear:both;padding-bottom:20px}
div.article p.comments{color:#666}
/*comments form*/
form.jot-form label{display:block}
form.jot-form input,form.jot-form textarea{border:solid 2px #7d8da4;padding:3px}
form.jot-form textarea {width:100%}
div.jot-err{border:solid 1px #900;color:#900}
/*comments*/
div.jot-row {background-color:#eaecee;margin-bottom:16px;padding:16px;margin-bottom:20px;border:0}
/*pagination*/
div.pagination{border-bottom:dashed 1px #c1c1c1;padding:20px 0;text-align:right;font-size:91%}
div.pagination a,div.pagination span.ditto_currentpage,span.page-count{border:solid 1px #c1c1c1;padding:5px;margin-left:3px}
div.pagination a:hover,div.pagination span.ditto_currentpage{background-color:#7fa4d0;color:#fff}
.ditto_off{display:none}
/*tagcloud*/
div.tagcloud{padding-bottom:20px}

/*3.4 Librarians pages
----------------------------------------------- */
/*login form*/
#WebLoginLayer2,#WebLoginLayer0{border:dashed 2px #c1c1c1;padding:40px 40px}
#WebLoginLayer2 form label,#WebLoginLayer0 form label{display:block;padding-top:20px}
#WebLoginLayer2 form input,#WebLoginLayer0 form input{border:solid 2px #7d8da4;width:205px;padding:5px;margin-bottom:10px}
#WebLoginLayer2 form input.check-box,#WebLoginLayer0 form input.check-box{width:20px;border:0}
#WebLoginLayer2 form input.btn-submit,#WebLoginLayer0 form input.btn-submit{width:auto;border:0;color:#fff}
/*current-login*/
div#current-login{}
div#current-login p{float:left;width:100px;}
div#current-login a{float:right;width:50px;padding:0 20px 0 0;background:transparent url(../images/bg-cancel.gif) no-repeat right;border:0}
/*change password*/
/*registration form*/
form#userReg,form#changePassword{border:dashed 2px #c1c1c1;padding:40px }
form#userReg label,form#changePassword label{display:block;float:left;width:150px;font-weight:bold}
form#userReg input,form#changePassword input{border:solid 2px #7d8da4;width:180px;padding:5px;}
form#userReg input.btn-submit,form#changePassword input.btn-submit{width:auto;border:0;float:right;font-size:140%;color:#fff}
div.errors{border:solid 1px #900;padding:10px;color:#900;margin-bottom:40px}
/*change password*/
form#changePassword table{border:0}
form#changePassword input.radio{width:auto;padding-right:10px;border:0}
form#changePassword legend{padding-bottom:20px;font-size:110%}
#content form#changePassword p.reduce-bottom{padding-bottom:5px}
p#change-password{text-align:right;margin-top:-10px;font-size:81%;}