@CHARSET "UTF-8";

/* BEGIN GLOBAL SETTINGS */
* { margin: 0px; padding: 0px; }
img { border: none; }
body { font: normal 12px Arial, Helvetica, sans-serif; background-color: #4870BF; color: #333; min-width: 600px; }
legend { color: #333; }
sub { vertical-align: baseline; font-size: 0.8em; position: relative; bottom: -0.4em; }
sup { vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em; }
h1 { font-size: 28px; color: #555; font-weight: normal; padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: solid 1px #aaa; line-height: 1.1em; }
h2 { font-size: 21px; color: #555; font-weight: normal; padding: 7px 0; margin: 0 0 10px 0; border-bottom: solid 1px #aaa; border-top: solid 1px #aaa; font-weight: normal; }
a:link,a:visited { text-decoration: none; color: #C3D9FF; outline: none; }
a:hover { text-decoration: underline; }
#page-cover { background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 995; display:none; }
/* END GLOBAL SETTINGS */

/* BEGIN TOOLBAR (z-index 990-999)*/
#toolbar { height: 85px; background: transparent url('../img/bg-toolbar.png') 0 0 repeat-x; color: #EEE; position: relative; top: 0; z-index: 990; border-bottom: solid 1px #aaa; }
#toolbar #logo-grc { position: absolute; left: 10px; top: 0; z-index: 991; }
#toolbar h1 { position: absolute; left: 135px; top: 20px; height: 50px; background: transparent url('../img/bg-toolbar-reverse.png') 0 100% repeat-x; border: 1px solid #333; border-radius: 5px; z-index: 992; padding: 0; line-height: 1em; }
#toolbar h1:hover { background: transparent url('../img/bg-toolbar.png') 0 0 repeat-x; }
#toolbar h1 a { font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #EEE; padding: 12px 10px 10px 45px; background: transparent url('../img/bg-library-icon.png') 10px 8px no-repeat; display: block; }
/*#toolbar h1:hover a { color: #0038a7; }*/
#toolbar h1 a span.ucase { font-size: 21px; }

#toolbar div#cart { position: absolute; right: 130px; top: 10px; z-index: 993; height: 30px; background: transparent url('../img/icon-cart-3.png') 100% 0 no-repeat; color: #FFF; cursor: pointer; padding: 6px 40px 0 0; font-size: 21px; font-weight: bold; }
#toolbar a#ask { position: absolute; right: 170px; top: 10px; z-index: 993; height: 60px; width: 130px; background: transparent url('../img/ask.png') 0 0 no-repeat; color: #FFF; cursor: pointer; padding: 6px 0 6px 60px; font-size: 21px; font-weight: bold; font-size: 17px; }

#toolbar div#user { position: absolute; right: 0; height: 40px; padding: 13px 10px 0 15px; text-align: right; font-weight: bold; display: none; z-index: 994; }
#toolbar div#user.active { background-color: #000; }
#toolbar div#user div#user-options { position: absolute; top: 40px; right: 0; width: 220px; background-color: #000; color: #FFF; display: none; z-index: 999; }
#toolbar div#user div#user-options label { padding: 0 0 5px 0; display: block; font-size: 11px; text-transform: lowercase; }
#toolbar div#user div#user-options form { padding: 10px; }
#toolbar div#user div#user-options input { padding: 5px; width: 186px; background-color: #EEE; border: solid 2px #999; display: block; margin: 0 0 20px 0; font-size: 13px; text-align: right; }
#toolbar div#user div#user-options input[type=submit] { width: 200px; background-color: #D01F3C; border: solid 2px #D01F3C; color: #FFF; font-weight: bold; margin: 0; }
#toolbar div#user div#user-options input.error { border-color: #D01F3C; color: #D01F3C; }
#toolbar div#user div#user-options p { border-top: 1px solid #333; }
#toolbar div#user div#user-options p:first-child { border-top: none; color: #aaa; padding: 10px; }
#toolbar div#user div#user-options p a { padding: 10px; display: block; }
#toolbar div#user div#user-options p.error-msg { border: solid 1px #D01F3C; color: #FFF; padding: 5px; background-color: #D01F3C; }
#toolbar div#user div#user-options p.error-msg a { display: inline; padding: 0; font-weight: bold; }
#toolbar div#user div#user-options p.error-msg a:hover { color: #C3D9FF; text-decoration: underline; }
#toolbar div#user div#user-options p.success-msg { border: solid 1px #CDEB8B; color: #000; padding: 5px; background-color: #CDEB8B; }
#toolbar div#user div#user-options a#forgot-password { display: block; text-align: right; margin: 10px 10px 5px 0; font-size: 11px; }
#toolbar div#user div#user-options a#become-member { display: block; text-align: right; margin: 0 10px 10px 0; font-size: 11px; }
/* END TOOLBAR */

/* BEGIN GENERIC MODAL DIALOG COLORBOX
div#modal { width: 350px; line-height: l.5em; }
div#modal h1 { font-size: 28px; font-weight: bold; letter-spacing: -1px; color: #333; border-bottom: solid 1px #333; margin: 0 0 10px 0; }
div#modal p { margin: 0 0 10px 0; }
div#modal p.callout { border-top: solid 1px #333; border-bottom: solid 1px #333; padding: 10px; background-color: #efefef; }
div#modal p.callout a { color: blue; }
BEGIN GENERIC MODAL DIALOG COLORBOX */

/* BEGIN CONTROLBAR (z-index 980-989) */
#controlbar { height: 60px; background-color: #FFF; color: #333; position: relative; z-index: 980; }
#controlbar form#filter #search, #controlbar form#filter #q { border: solid 1px #999; background-color: #EEE; color: #333; padding: 3px 30px 3px 3px; height: 21px; width: 273px; position: absolute; left: 10px; top: 15px; z-index: 982; }
#controlbar form#filter #search[disabled='disabled'], #controlbar form#filter #q[disabled='disabled'] { cursor: not-allowed; background-color: #666; }
#controlbar form#filter #s-more { background: transparent url('../img/buttons.png') -360px 0 no-repeat; height: 29px; width: 27px; position: absolute; left: 291px; top: 15px; z-index: 983; text-indent: -9999px; }
#controlbar form#filter #s-more.less { background: transparent url('../img/buttons.png') -360px -29px no-repeat; }
#controlbar form#filter #filter-sbt { position: absolute; top: 15px; left: 327px; width: 60px; height: 29px; text-indent: -9999px; background: #4096EE url('../img/buttons.png') 0 0 no-repeat; border: none; }
#controlbar form#filter #filter-sbt:hover { background-position: 0 -29px; }
#controlbar form#filter #search-options { width: 286px; position: absolute; top: 45px; left: 10px; border: solid 1px #999; background-color: #FFF; padding: 10px; color: #666; z-index: 999; display: none; }
#controlbar form#filter #search-options.new { width: 880px; }
#controlbar form#filter #search-options input { width: 275px; height: 20px; padding: 5px; border: solid 1px #999; background-color: #EEE; display: block; margin: 0 0 10px 0; }
#controlbar form#filter #search-options input[type="checkbox"] { display: inline; margin: 0 5px 0 0; width: 15px; height: 15px; border: none; padding: 0; }
#controlbar form#filter #search-options div.section { float: left; margin: 0 0 0 10px; padding: 10px; background-color: #ededed; color: #666; font-size: 11px; z-index: 989; height: 200px; }
#controlbar form#filter #search-options div.section:first-child { margin: 0; }
#controlbar form#filter #search-options div.section h3 { margin: 0; padding: 0 0 2px 0; border-bottom: solid 1px #666; font-size: 17px; font-weight: normal; color: #666; }
#controlbar form#filter #search-options div.section label { display: block; margin: 10px 0 0 0; }
#controlbar form#filter #search-options div.section input[type="text"] { width: 255px; margin: 0; background-color: #FFF; }
#controlbar form#filter #search-options div.section input.date { display: inline; width: 112px; margin: 10px 0; }
#controlbar form#filter #search-options div.section span.instructions { float: right; padding: 4px 0 0 0; font-style: italic; font-size: 11px; }
#controlbar form#filter #search-options div.section div.row { padding: 10px 0 0 0; }
#controlbar form#filter #search-options div.section div.row label { display: inline; }
#controlbar form#filter p.line { margin: 0 5px 10px 0; padding: 0 0 10px 0; border-bottom: solid 1px #999; }
#controlbar.pubs form#filter #search-options p.line { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: solid 1px #999; border-bottom: none; }
#controlbar.pubs form#filter #search-options p.line input { margin: 5px 0; }
#controlbar.pubs form#filter #search-options p.line.date label { display: block; } /* can delete when switch to advanced search */
#controlbar.pubs form#filter #search-options p.line.date input { display: inline; width: 119px; margin: 5px 0; } /* can delete when switch to advanced search */
#controlbar.pubs form#filter #search-options span.instructions { font-style: italic; font-size: 11px; } /* can delete when switch to advanced search */
#controlbar form#filter #search-options input[type="radio"] { display: inline; margin: 0 5px 0 0; width: 15px; height: 15px; }
#controlbar form#filter #search-options select { padding: 2px; border: solid 1px #999; background-color: #EEE; font-size: 11px; }
#controlbar.pubs form#filter #search-options select { padding: 1px; height: 20px; width: 45px; }
#controlbar form#filter #search-options select option { padding: 2px; border-top: solid 1px #999; }
#controlbar form#filter #search-options select option:first-child { border-top: none; }
#controlbar form#filter #search-options input:focus,
#controlbar form#filter #search-options select:focus { border: solid 1px #4096EE; color: #4096EE; }
#controlbar form#filter #advanced-search-textlink { position: absolute; top: 15px; left: 400px; color: #4096EE; }

#controlbar a.btn-ctrlbar { position: absolute; top: 15px; width: 60px; height: 29px; text-indent: -9999px; z-index: 985; background-color: #EEE; background-repeat: no-repeat; background-image: url('../img/buttons.png'); display: none; }
#controlbar a#create-user { left: 475px; background-position: -60px 0; }
#controlbar a#create-user:hover { background-position: -60px -29px; }
#controlbar a#batch-create-user { left: 545px; background-position: -300px 0; }
#controlbar a#batch-create-user:hover { background-position: -300px -29px; }
#controlbar a#delete-user { left: 615px; background-position: -120px 0; }
#controlbar a#delete-user:hover { background-position: -120px -29px; }
#controlbar a#edit-user { left: 685px; background-position: -180px 0; }
#controlbar a#edit-user:hover { background-position: -180px -29px; }
#controlbar a#edit-user-exp-date { left: 755px; background-position: -240px 0; }
#controlbar a#edit-user-exp-date:hover { background-position: -240px -29px; }

#controlbar a#add-to-cart { left: 530px; background-position: -387px 0; }
#controlbar a#add-to-cart:hover { background-position: -387px -29px; }

#controlbar a#update-library { left: 600px; background-position: -447px 0; }
#controlbar a#update-library:hover { background-position: -447px -29px; }

#controlbar div#paging { position: absolute; top: 17px; right: 115px; padding: 10px; z-index: 986; }
/*#controlbar .btn-paging { background-color: #eee; border: 1px solid #999; color: #999; font-size: 21px; text-indent: -9999px; }
#controlbar .btn-paging:hover { border-color: #666; color: #666; display: block; }
#controlbar .btn-paging.disabled:hover { border-color: #999; color: #999; background-color: #eee; }*/
#controlbar .btn-paging { text-indent: -9999px; background-repeat: no-repeat; background-image: url('../img/buttons.png'); }
#controlbar #next, #controlbar #next.disabled:hover { position: absolute; top: 15px; right: 63px; z-index: 986; width: 27px; height: 29px; background-position: -534px 0; background-color: #EEE; }
#controlbar #next.disabled { display: none; }
#controlbar #next:hover { background-position: -534px -29px; }
#controlbar #prev, #controlbar #prev.disabled:hover { position: absolute; top: 15px; right: 90px; z-index: 986; width: 27px; height: 29px; background-position: -507px 0; background-color: #EEE; }
#controlbar #prev.disabled { display: none; }
#controlbar #prev:hover { background-position: -507px -29px; }
#controlbar #paging-options { position: absolute; top: 15px; right: 10px; z-index: 986; width: 27px; height: 29px; background-position: -561px 0; background-color:#EEE; }
#controlbar #paging-options:hover { background-position: -561px -29px; }
#controlbar div#paging-options-body { position: absolute; top: 46px; right: 10px; display: none; width: 180px; padding: 10px; border: 1px solid #666; background-color: #eee; text-align: right; z-index: 987; font-size: 12px; }


#controlbar.record { background-color: #666; color: #FFF; height: 15px; padding: 10px; font-weight: bold; }
#controlbar.record a { color: #FFF; }
#controlbar.record div#record-paging { float: right; }
#controlbar.record div#record-paging a { margin: 0 0 0 10px; border-left: solid 1px #FFF; padding: 0 0 0 10px; }
#controlbar.record div#record-paging a:first-child { margin: 0; border-left: none; padding: 0; }
/* END CONTROLBAR */

/* BEGIN WELCOME
#hp-welcome-wrap { background-color: #EEE; padding: 20px 0; overflow: auto; }
#hp-welcome { margin: 0 auto; width: 600px; border: 1px solid #333; padding: 20px; background-color: #FFF; line-height: 2em; }
#hp-welcome h2 { margin: 10px 0 0 0; font-size: 21px }
#hp-welcome p { margin: 5px 0 0 0; }
#hp-welcome ul, #hp-welcome ol { margin: 0 20px; }
#hp-welcome a:link,#hp-welcome a:visited { font-weight: bold; color: #2786C2; }
#hp-welcome a:hover { color: #2253B3; text-decoration: underline; }
#hp-welcome fieldset { padding: 10px; border: solid 5px #356AA0; margin: 15px 0 0 0; font-weight: bold; font-size: 1.2em; }
#hp-welcome fieldset legend { font-weight: bold; padding: 0 5px; font-size: 15px; color: #356AA0; text-transform: uppercase; }
#hp-welcome .red-flag { font-weight: bold; font-style: italic; font-size: 1.2em; border: solid 5px #ff0000; background-color: #D01F3C; padding: 10px; color: #F9F7ED; margin: 25px 80px; }
#hp-welcome .blue-flag { font-weight: bold; font-style: italic; font-size: 1.2em; border: solid 5px #C3D9FF; background-color: #083EAB; padding: 10px; color: #F9F7ED; margin: 25px 80px; }
END WELCOME */

/* BEGIN RESULTS */
#results { overflow: auto; background-color: #FFF; }
#results table { width: 100%; border-top: solid 1px #333; }
#results thead td { font-weight: bold; background-color: #666; color: #FFF; font-size: 13px; }
#results td { max-width: 15%; padding: 10px; border-bottom: 1px solid #333; border-left: 1px solid #333;  }
#results td:first-child { border-left: none; }
#results td.check { width: 5px; padding: 10px 17px; }
#results td.admin { text-align: center; }
#results td.expires { text-align: right; }
#results tbody tr:nth-child(odd) { background-color: #eee; }
#results tbody tr:nth-child(even) { background-color: #fff; }
#results tbody tr.active { background-color: #C3D9FF; }
p.loading { margin: 10px; padding: 15px 15px 15px 65px; background: #FFF url('../img/colorbox/loading.gif') 15px 5px no-repeat; border: 1px solid #333; }
#results a:link, #results a:visited { color: #2786C2; font-weight: bold; }
#results a:hover { text-decoration: underline; }
/* END RESULTS */

/* BEGIN RECORD */
#record { overflow: auto; background-color: #FFF; }
#record table { width: 100%; }
#record td { padding: 10px; border-bottom: 1px solid #333; border-left: 1px solid #333;  }
#record td:first-child { border-left: none; width: 145px; }
#record td.label { font-size: 12px; font-weight: bold; }
#record tbody tr:nth-child(odd) { background-color:#eee; }
#record tbody tr:nth-child(even) { background-color:  #fff; }
#record a:link, #record a:visited { color: #2786C2; font-weight: bold; }
#record a:hover { text-decoration: underline; }
#record .hide { display: none; }
#record .show { display: inline; }
/* END RECORD */

/* BEGIN CITATIONS */
#citations { background-color: #FFF; }
#citations table { width: 100%; }
#citations thead td { font-weight: bold; background-color: #333; color: #C3D9FF; font-size: 13px; padding: 10px; text-align: right; }
#citations thead td:first-child { text-align: left; color: #FFF; }
#citations thead td h2 { border: none; margin: 0; padding: 0; color: #FFF; }
#citations thead td a:link, #citations thead td a:visited { color: #C3D9FF; padding: 0 0 0 10px; border-left: solid 1px #C3D9FF; margin: 0 0 0 10px; }
#citations thead td a:first-child { padding: 0; border-left: none; margin: 0; }
#citations thead td a:hover { text-decoration: underline; }
#citations tbody td { padding: 10px; border-bottom: 1px solid #333; border-left: 1px solid #333;  }
#citations tbody td.title { background-color: #C3D9FF; font-weight: bold; }
#citations tbody tr:nth-child(odd) { background-color:#eee; }
#citations tbody tr:nth-child(even) { background-color:  #fff; }
#citations tbody td a:link, #citations a:visited { color: #2786C2; font-weight: bold; }
#citations tbody td a:hover { text-decoration: underline; }
#citations table.citationsLong tbody td { width: auto; }
#citations table.citationsLong tbody td:first-child { width: 150px; }
/* END CITATIONS */

/* BEGIN STATIC CONTENT */
#static-content-wrap { background-color: #EEE; border-top: solid 1px #aaa; overflow: auto; }
#static-content { margin: 20px auto; width: 600px; border: 1px solid #aaa; padding: 20px; background-color: #FFF; line-height: 2em; }
#static-content h2 { margin: 20px 0 10px 0; }
#static-content ul, #static-content ol { margin: 0 20px; }
#static-content p { line-height: 2em; margin: 5px 0 10px 0; }
#static-content a:link,#static-content a:visited { font-weight: bold; color: #2786C2; }
#static-content a:hover { color: #2253B3; text-decoration: underline; }
#static-content fieldset { padding: 10px; border: solid 1px #356AA0; margin: 15px 0; font-weight: bold; }
#static-content fieldset legend { font-weight: bold; padding: 0 5px; font-size: 11px; color: #356AA0; text-transform: uppercase; }
#static-content .red-flag { font-weight: bold; border: solid 5px #ff0000; background-color: #D01F3C; padding: 10px; color: #F9F7ED; margin: 25px 80px; }
#static-content .blue-flag { font-weight: bold; border: solid 5px #C3D9FF; background-color: #083EAB; padding: 10px; color: #F9F7ED; margin: 25px 80px; }
/* END STATIC CONTENT */

/* BEGIN FOOTER */
#footer { width: 100%; margin: 0; padding: 10px 0; border-top: solid 1px #333; text-align: center; height: 15px; color: #FFF; background: url("../img/bg-toolbar.png") repeat-x scroll 0 0 transparent; }
/* END FOOTER */


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../img/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../img/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../img/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../img/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../img/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../img/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../img/colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../img/colorbox/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;border-bottom:solid 1px #ddd;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(../img/colorbox/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../img/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}