/* GLOBAL */

body { margin: 0; padding: 0 0 10px 0; background: #fff; color: #000; font: 82% arial, helvetica, sans-serif; text-align: center; min-width: 950px; }
table { font-size: 100%; border: 0; }
th { text-align: left; }
tr.tblhdr { background: #999; }
.helper { font-size: 85%; }
.spacer { clear: both; line-height: 0; height: 0; }
* html .spacer { font-size: 1px; }
.indent { margin-left: 35px; }
.top { margin-top: 0 !important; }
.bottom { margin-bottom: 0 !important; }
.btn { text-align: center; }
.right { text-align: right; }
.preview { background: #9CF; }
.even, .odd { background: #EEE; }
abbr { text-decoration: none; border: none; font-style: normal; }
sup { font-size: 70%; }
div.skip { position: absolute; left: -999px; width: 990px; }
.dim { color: #999 !important; }
.vmid { vertical-align: middle; }
.vtop { vertical-align: top; }
.printme { float: right; width: 135px; margin: 0; padding: 3px; font-size: 92%;}
.posrel { position: relative; }
acronym { border: none; }
h1 { font-size: 167%; font-weight: bold; color: #3482CD; }
h2 { font-size: 152%; font-weight: bold; color: #3482CD; }
h3 { color: #3482CD; }
h4 { color: #3482CD; }
.error { font-weight: bold; color: Red; }
.invalid { background-color: #ffff99; border: solid 1px red; }
.formLabel { font-weight: bold; text-align: right; vertical-align: top; }
.bold { font-weight: bold; }
.modalBackground { background-color:Gray; filter:alpha(opacity=60); opacity:0.60; }
.popupDiv { background: #ffffff; border: solid 1px black; margin: 7 auto; padding: 7px 7px 7px 7px; text-align: left; font-size: 95%; }
.modalCloseButton { float: right; }
.divide { border-top: solid 1px #999; margin-top: 15px; padding-top: 15px; }
.rhymer h5 { margin-top: 8px; margin-bottom: 8px; }
.rhymer .popupDiv { width: 275px; }
.rhymingHelp { text-align: right; position: relative; top: -30px; }
.rhymingHelpLoading { background: url(./images/icons/loading.gif) no-repeat center; height: 100px; }
.errorPage { font-weight: bold; }
.smallText { font-size: 10px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* ie5mac backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end ie5mac backslash hack */
.paddedbottom { padding-bottom: 10px; }
.divcol { float: left; }

/* LINKS */
a:link { color: #3482CD; } 
a:visited { color: #3482CD; }
a img { border: 0; }

/* ADVERTISEMENT */
div #adsense { text-align: center; position: relative; left: 10px; top: 5px; }

/* HEADER */
#header { min-width: 950px; width: 62.5em; margin: 0 auto; padding-top: 7px; text-align: left; position: relative; font-size: 95%; }
body:last-child:not(:root:root) #header  { width: 62em; }
@media all and (min-width: 0) { #header { width: 775px; } }
#header #logo { float: left; position: relative; left: 5px; }
#header #salutation { position: absolute; top: 18px; left: 139px; }
#header #signin { }
#header #signout { }
#header #nav-primary ul { list-style: none; margin: 7px 0 0 0; padding: 0 0 0 40px; float: left; clear: both; }
#header #nav-primary ul.guest { padding-left: 84px; }
#header #nav-primary ul li { margin: 0 3px; padding: 0; float: left; background: #669966 url(./images/bg/bg_nav_primary_right.gif) no-repeat 100% 0; white-space: nowrap; }
#header #nav-primary ul li a { color: #fff; display: block; text-decoration: none; background: url(./images/bg/bg_nav_primary_left.gif) no-repeat 0 0; margin: 0; padding: 7px 20px 5px; text-align: center; font-weight: bold; }
#header #nav-primary ul li:hover, #header #nav-primary ul li.hover { background-color: #4CEE33/*#197FB2*/; background-position: 100% -150px; }
#header #nav-primary ul li:hover a, #header #nav-primary ul li.hover a { background-position: 0 -150px; }
#header #nav-primary ul li.on, #header #nav-primary ul li:hover.on { background-color: #4CCC33;  background-position: 100% -300px; }
#header #nav-primary ul li.on a, div#header #nav-primary ul li:hover.on a { background-position: 0 -300px; }
#header #nav-primary ul li.core { background: #527D4A url(./images/bg/bg_nav_primary_right_core.gif) no-repeat 100% 0; }
#header #nav-primary ul li.core a { background: url(./images/bg/bg_nav_primary_left_core.gif) no-repeat; }
#header #nav-primary ul li:hover.core, #header #nav-primary ul li.coreHover { background-color: #5E7C8C; background-position: 100% -150px; }
#header #nav-primary ul li:hover.core a, #header #nav-primary ul li.coreHover a { background-position: 0 -150px; }
#header #nav-primary ul li.core.on, #header #nav-primary ul li:hover.core.on { background-color: #6C8895;  background-position: 100% -300px; }
#header #nav-primary ul li.core.on a, div#header #nav-primary ul li:hover.core.on a { background-position: 0 -300px; }
#header #nav-primary ul ul { margin: 0; padding-top: 6px; background: url(./images/bg/bg_nav_secondary_left.gif) 0 0 no-repeat; position: absolute; left: 0; }
#nav-secondary { clear: both; background: #4CCC33 url(./images/bg/bg_nav_secondary_right.gif) 100% 0 no-repeat; height: 2em; }
#header div.core { background-color: #728C9A; }
#header div.guest { width: 950px; background: #39C url(./images/bg/bg_trans_top_775x7.gif) no-repeat; }
#header #nav-primary ul ul li { display: none; }
#header #nav-primary ul li.on ul li { display: block; }
#header #nav-primary ul ul li { margin: -1px 35px 0 0; background: none !important; }
#header #nav-primary ul ul li a { background: none !important; }
#header #nav-primary ul li.on ul li a { padding: 0; }
#header #nav-primary ul li.on ul li a:hover { text-decoration: underline; font-weight: 900; } /* for ie5mac */
#header #nav-primary ul li a { outline: none; }
#header #nav-primary ul li a .new { position: absolute; top: -7px; right: 2px; z-index: 1; text-indent: -12345px; background: url(./images/icon/icon_new_32x14.gif) no-repeat; height: 14px; width: 32px; }
#header #nav-primary ul li ul li img.toggle { position: absolute; top: -2px; margin-left: 0; left: 590px; margin-right: -590px; }
#header #core { background: #d7d7d7; }
#header #core label { color: #666; }
#header #notabs { border-bottom: 1px solid #ccc; margin-top: 35px; height: 1px; background-color: transparent; clear: both; }
body.noheadlinks #signin, body.noheadlinks #nav-utility { display: none !important; }
.nav-skip { position: absolute; left: -12345px; }
#header hr { visibility: hidden; height: 1px; }
#header h1 { margin: 0; padding: 0; border: none; background: none; }
#header p { margin: 4px 0 0 10px; padding: 0; float: left; }
#header p a { padding: 0 3px; }
#header #signout { display: block; font-size: 92%; }
#nav-utility { float: right; margin: 9px 0 0 0; padding: 0; list-style-type: none; }
#nav-utility li { float: left; margin: 0 4px 0 0; padding: 0 0 2px 20px; }

/* SALUTATION */
div.salutation { float: right; padding-top: 8px; padding-right: 25px; }

/* SEARCH */
div.search-bar form, div.search-bar fieldset, div.search-bar legend, div.search-bar label, div.search-bar input, div.search-bar select, div.search-bar p  { margin: 0; padding: 0; }
div.search-bar { text-align: center; clear: both; }
div#footer div.search-bar { margin-bottom: 20px; }
div.search-bar legend { display: none; }
div.search-bar fieldset { border-color: #ccc; border-left: none; border-right: none; padding: 10px 0; background-color: #efefef; }
div#header div.search-bar fieldset { background: #fff url(./images/bg/bg_search_1x38.gif) repeat-x left top; border-top-color: #fff; }
div.search-bar label { color: #333; font-size: 1.15em; font-weight: bold; padding: 0 4px 0 0; *vertical-align: 3px; }
div.search-bar input, div.search-bar select { border: 1px solid #999; margin-right: 2px; }
div.search-bar .search-category { padding: 1px; }
div.search-bar .search-term { padding: 2px; width: 22em; }
div.search-bar .search-term-watermark { padding: 2px; width: 22em; color: #888; }
/*div.search-bar .search-go { background: #ddd url(./images/bg/bg_btn_grey_500x50.gif) no-repeat 0 0; margin-right: 15px; padding: 2px 8px 1px; padding: 1px 8px 1px; color: #555; font-weight: bold; font-size: 1em; font-family: Arial, sans-serif; }*/
div.search-bar a { color: #666; font-size: 85%; text-decoration: underline !important; vertical-align: 1px; *vertical-align: 4px; }

/* MAIN */
#main { min-width: 950px; width: 62.5em; margin: 0 auto; padding-top: 7px; text-align: left; font-size: 95%; }
body:last-child:not(:root:root) #main  { width: 62em; }
@media all and (min-width: 0) { #main { width: 775px; } }


/* SIDEBAR */
/* #main #sidebar { position: relative; margin: 0 5px; float: left; } */

/* CONTENT */
#main #content { padding: 5px; }
#main #content .line { padding-left: 25px; background: #fff url(./images/bg/bg_comment_bar.gif) repeat-y left top; }
#main #content p { font-size: 95%; }

/* TOOLS */
#content #breadcrumb { text-align: left; font-size: 95%; font-weight: bold; }
#content #breadcrumb a { text-decoration: none; }
#content #breadcrumb a:hover { text-decoration: underline; }

/* AUTHOR METADATA */
.metaAuthor { float:right; padding: 10px; text-align: center;}
.imgAuthor { border: 0px; }
.lblAuthorName { font-weight: bold; font-size: x-large; }
.lblAuthorYears { font-style: italic; font-size: large; }

/* ASP.NET CONTROLS */
.x-login { font: verana, x-small; }
.x-login .x-lin-titletext { }
.x-login .x-lin-checkbox { }
.x-login .x-lin-instructiontext { }
.x-login .x-lin-textbox { width: 125px; }
.x-login .x-lin-loginbutton { border: 1px solid #999; background: #ddd url(./images/bg/bg_btn_grey_500x50.gif) no-repeat 0 0; margin-right: 8px; padding: 2px 8px 1px; padding: 1px 8px 1px; color: #555; font-weight: bold; font-size: 1em; font-family: Arial, sans-serif; }
.x-login .x-lin-validatortext { }
.x-login .x-lin-label { }
.x-login .x-lin-failuretext { }
.x-login .x-lin-hyperlink { }
.x-button-grey { border: 1px solid #999; background: #ddd url(./images/bg/bg_btn_grey_500x50.gif) no-repeat 0 0; margin-right: 15px; padding: 2px 8px 1px; padding: 1px 8px 1px; color: #555; font-weight: bold; font-size: 1em; font-family: Arial, sans-serif; }
.x-button { border: 1px solid green; background: Green url(./images/bg/bg_btn_green_500x50.gif) no-repeat 0 0; margin-right: 15px; padding: 2px 8px 1px; padding: 1px 8px 1px; color: #fff; font-weight: bold; font-size: 1em; font-family: Arial, sans-serif; }

table.x-gridview { width: 100%; }
.x-gridview tr.x-gv-header th { background: #ccc; font: verana bold 114%; }
.x-gridview .x-gv-row { }
.x-gridview .x-gv-alternating { }
.x-gridview .x-gv-selectedrow { }
.x-gridview .x-gv-pager { }
.x-gridview .x-gv-footer { }

/* FORUM THREAD LISTING */
table #forums { width: 100%; }
.x-fg-header { background-color: #E6F1FB; color: #4D4D4D; height: 3em; border-bottom: solid 1px #CCC; }
th.header { border-bottom: solid 1px #CCC; background: #E6F1FB url(./images/bg/bg_nav_secondary_right.gif) no-repeat 100% 0; color: #4D4D4D; }
th.leftheader { border-bottom: solid 1px #CCC; background: #E6F1FB url(./images/bg/bg_nav_secondary_left.gif) no-repeat 0% 0; color: #4D4D4D; }
th.middleheader { border-bottom: solid 1px #CCC; }
.x-fg td { background-color: #ffffff; white-space: nowrap; text-align: center; color: #333333; }
.x-fg td.grnitem { background-color: #EFEFEF; color: #333333; } /* ccffcc */
.x-fg td.leftitem { text-align: left; white-space: normal; color: #333; }
.x-fg-footer { height: 5px; background: #ffffff url(./images/bg/bg_bottom_shadow.gif) repeat-x 0 0; }
.x-fg-row {  }
p.legenditem { float: left; padding-left: 5px; padding-right: 5px; font: 82%; }
.quotedMessage { border: inset 1px #d3d3d3; background-color: #e0e0e0; padding: 5px 5px 5px 5px; }
.forumheader { border: 1px solid #CCC; color: #4D4D4D; font-size: 15px; font-weight: bold; padding: 10px; background: #E6F1FB url(./images/bg/box-title-bg.gif) repeat-x scroll left top; }
.forumrcolumn { text-align: right; }
.forumrfcolumn { float: right; padding-right: 10px; }
.forumlfcolumn { float: left; padding-left: 5px; }
.forumlfcolumn a img { padding-right: 10px; }
.forumheaderrow { height: 6em; vertical-align: top; padding: 7px 7px 7px 7px; background-color: #EFEFFF; border-left: solid 1px #CCC; border-right: solid 1px #CCC; color: #333333; }
.forumrow { border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC; padding: 15px 10px; }


/* AUTO COMPLETE EXTENDER */
.list { border: 1px solid #4ccc33; list-style-type: none; margin: 0px; background-color: #FFF; text-align: left; cursor: pointer; }
.listitem {	cursor: pointer; }
.hoverlistitem { background-color: #d1f0b3; cursor: pointer; }

/* COLLAPSABLE PANELS */
.collapsePanel { width: 610px; }
.collapsePanelHeader { width: 610px; height: 20px; color: Black; background-color: #d1f0b3; font-weight: bold; padding: 5px; cursor: pointer; vertical-align: middle; } 

/* BOOKS */
#main #books { }
#main #books ul { list-style: none; }
#main #books ul li { margin: 0 3px; padding: 0; white-space: nowrap; }

/* FOOTERS */
#footer { min-width: 775px; width: 62.5em; margin: 0 auto; padding-top: 7px; text-align: center; font-size: 95%; clear: both; border-top: solid 1px #999; margin-top: 15px; }
body:last-child:not(:root:root) #footer  { width: 62em; }
@media all and (min-width: 0) { #footer { width: 775px; font-size: 95% !important; } }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul, #footer li, #footer h4, #footer p { margin: 0; padding: 0; list-style: none; }
ul#nav-footer { border-top: 2px solid #ccc; overflow: hidden; text-align: left; margin-bottom: 16px; -height: 1%; }
ul#nav-footer ul { border: none; }
ul#nav-footer li { float: left; width: auto; border-left: 1px solid #ccc; margin: 14px 0 0 0; padding: 0 3.1em 0 1.1em; }
ul#nav-footer li#nav-footer-network, ul#nav-footer li#nav-footer-premium { border-right: 1px solid #ccc; }
ul#nav-footer li#nav-footer-you, ul#nav-footer li#nav-footer-company { border: none; }
ul#nav-footer li#nav-footer-help { margin-top: 1.4em; }
ul#nav-footer li#nav-footer-tools { border: none; }
ul#nav-footer li.utility { font-weight: bold; }
ul#nav-footer h4 { color: #666; font-size: 1.05em; margin: 0 0 .4em 0; }
ul#nav-footer li li { float: none; width: auto; border: none; margin: 0 0 3px 0; -margin: 0 0 1px 0; padding: 0; font-size: .9em; }
#footer .promo { margin-bottom: 20px; background: url(./images/pic/pic_footer_promo_439x21.gif) no-repeat center; text-indent: -12345px; }
#footer .promo a { display: block; height: 21px; width: 439px; margin: 0 auto; outline: none; }
div#legal { font-size: .9em; color: #666; text-align: center; }
div#legal p, div#legal ul { display: inline; }
div#footer.guest ul { margin: 3px auto 5px; width: 59%; }
div#legal li, div#footer.guest ul li { display: inline; border-left: 1px solid #666; padding: 0 .5em; }
div#footer.guest ul li { line-height: 1.4; }
div#footer.guest ul li a { white-space: nowrap; }
div#footer.guest ul li.first { border: none; }
div#legal p { padding: 0 .5em 0 0; }
div#footer.guest { width: 775px; margin: 10px auto 0; padding: 10px 0; font-size: 92%; text-align: center; clear: both; border-top: 1px solid #CCC; }
div#footer.guest p { margin: 5px; }
body.nofoot #footer ul, body.nofoot #footer div.search-bar, body.nofoot #footer p.promo { display: none; }
body.nofoot #copyright { margin-top: 20px; text-align: center; }

/* Contact Us */
.contactus-address, .contactus-input { font-weight: bold; margin-bottom: 40px; clear: both; }
.contactus-input .col1 { float: left; text-align: right; width: 160px; padding-right: 10px; line-height: 20px; }
.contactus-input .col2 { float: left; width: 500px; }

/* Register */
#register .col1 { float: left; text-align: right; width: 110px; padding-right: 10px; line-height: 25px; font-weight: bold; }
#register .col2 { float: left; width: 500px; line-height: 25px; }

/* Verification */
.col1 { float: left; text-align: right; width: 150px; padding-right: 10px; line-height: 25px; font-weight: bold; }
.col2 { float: left; width: 500px; line-height: 25px; }

/* Poems */
.grey { background: #eee url(./images/bg/bg_trans_top_594x7.gif) no-repeat; width: 594px; }
.grey-in { background: url(./images/bg/bg_trans_bot_594x7.gif) 0 100% no-repeat; padding: 8px; }
.grey-in h2 { padding-left: 15px; font-weight: bold; font-size: 123.1%; }
.grey-in h3 { padding-left: 15px; font-weight: bold; font-size: 100%; }
.grey-in .paper { background: url(./images/bg/bg_paper_grey_top_578x1350.gif) no-repeat; }
.grey-in .paper-in { background: url(./images/bg/bg_paper_grey_bot_578x11.gif) 0 100% no-repeat; padding: 15px 20px 15px 30px; margin-top: 10px; }
.grey-in .paper-in #poem { margin-top: 10px; overflow: auto; width: 500px; height: 350px; }
.grey-in .delicious { float: right; position: relative; left: -20px; }
.grey-in .digg { float: right; position: relative; left: -20px; }
.grey-in .facebook { float: right; position: relative; left: -20px; }
.grey-in .reddit { float: right; position: relative; left: -20px; }
.grey-in .printer { float: right; position: relative; left: -40px; }

/* Resources */
.green { background: #eee url(./images/bg/bg_box_green_700x775.gif) no-repeat; width: 700px; text-align: left; }
.green-in { background: url(./images/bg/bg_box_green_700_bot.gif) 0 100% no-repeat; padding: 20px; text-align: left; }

/* Help */
.helpPanel { background: #fffacd; border: solid 1px black; width: 125px; font-family: Verdana; font-size: 10px; padding: 5px 5px 5px 5px; }
.helpButton { border: 0; cursor: pointer; }

/* Glossary */
.glossary { margin-bottom: 15px; width: 100%; }
.center { text-align: center; }
.glossary h3 { font-size: 123%; font-weight: bold; color: #393; margin-bottom: 5px; }
.alpha { border-bottom: solid 1px lightgrey; padding-bottom: 7px; margin-bottom: 15px; font-size: 125%; text-align: center; width: 100%; }
.alpha a { padding-right: 7px; }

.dbstats { width: 350px; }
.dbstats h3 { color: #393; border-bottom: solid 1px gray; width: 100%; }

.latest { margin-top: 5px; }
.latest .header { background-color: #4ccc33; color: White; padding: 5px 0px 5px 5px; margin-bottom: 10px; font-size: larger; font-weight: bold; }
.latest .footer { border-top: solid 2px gray; border-bottom: solid 2px gray; padding: 5px 0px 5px 0px; margin: 10px 0px 10px 0px; }

/* Photos */
.myPhoto { padding-top: 10px; display: block; border: 0; width: 170px; }
.captionNormal { color: gray; font-style: italic; width: 155px; }
.captionHover { padding: 4px; border: 3px dashed #4ccc33; background: #ffffcc; display: block; width: 155px; }
.caption { color: Gray; font-style: italic; width: 155px; }
.photoNavLinks { font-weight: bold; padding-bottom: 3px; }
#editPhotoButtons { text-align: center; margin-bottom: 15px; }
#photoLinkContainer { margin-bottom: 25px; }

/* My Home */
.myUpdates { border: solid 1px red; padding: 30px 10px 10px 10px; }
#myUpdatablePane { }
#aboutMe { margin-left: 10px; border: solid 1px green; padding: 30px 10px 10px 10px; width: 400px; }
#aboutMe .title { font-weight: bold; font-size: 13px; padding-bottom: 3px; }
.captionHover { padding: 4px; border: 3px dashed #E6F1FB; background: #ffffcc; display: block; width: 95%; height: 100px; }
#aboutMe .caption { color: Gray; font-style: italic; width: 100%; }
#aboutMeText { overflow: auto; }
#myFriends { margin-top: 10px; margin-left: 10px; border: solid 1px green; padding: 30px 10px 10px 10px; width: 400px; }
#myFriends .title { font-weight: bold; font-size: 13px; padding-bottom: 3px; }

div.greendiag { background-image: url(./images/bg/bg_green_diag.gif); background-repeat: repeat; line-height: 50px; border: solid 1px #393; padding: 8px 8px 8px 8px; }

.home-col1 { float: left; width: 590px; }
.home-col2 { float: right; width: 340px; }
.box { border: 1px solid #CCCCCC; margin-bottom: 15px; }
.box-heading { border-bottom: 1px solid #CCCCCC; color: #4D4D4D; font-size: 15px; font-weight: bold; padding: 10px; background: #E6F1FB url(./images/bg/box-title-bg.gif) repeat-x scroll left top; }
.box-content { padding: 10px; }