/* Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance) then the sizes increase on the site in proportion too. */ body { font-family: Arial; font-size: .95em; background-color: white; background-image: url(images/template/bg_all_pattern.gif); background-position: top center; background-repeat:no-repeat; } body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, th { margin:0; padding:0; } table {border-collapse: collapse;} #page {margin: 0 auto; width:960px; } /* NOTES: */ /* - As layout is using DIVs, no need to set WIDTH=100% on any content regions/areas. */ /* Region: TOP MENU */ #regTopMenuBar { margin: 0 auto; clear: both; color: #31242e; background: url(images/template/top_bg.gif) no-repeat top center; height: 133px; border-bottom: 4px solid #0D547E; } #regTopMenuBar img {border: 0;} #regTopMenuBar .socialNetworking {float: right;} #regTopMenuBar .socialNetworking img {margin-left: 5px; margin-top: 4px;} #regTopMenuBar .basket {float: right; clear: right; margin: 44px 5px 0 0; width: 210px; text-align: center; } #regTopMenuBar .basket .totalItems {color: #312d2e; padding: 2px 0 3px; font-size: 1.1em; font-weight: bold;} #regTopMenuBar .basket .viewCheckout {padding: 5px 0 5px 0; } #regTopMenuBar .basket .viewCheckout .button {display: inline;} #regTopMenuBar .basket .viewCheckout .button:first-child {padding-right: 14px;} #regTopMenuBar .logo {padding: 21px 0 0 10px; width: 204px; height: 59px;} #regTopMenuBar .logo a { border: none; color: white; text-decoration: none;} #regTopMenuBar .menuLinks { padding: 5px 5px 4px 5px; float: right;} #regTopMenuBar .menuLinks ul { display: inline; padding: 0; margin: 0;} #regTopMenuBar .menuLinks ul li { display: inline; padding: 0 10px 0 10px; font-size: .85em; font-weight: bold;} #regTopMenuBar .menuLinks a {color: #312d2e; text-decoration: none;} #regTopMenuBar .menuLinks a:hover {color:#555555; text-decoration: none;} #regTopMenuBar .tabs { float: left; position:absolute; top: 94px; padding: 0} #regTopMenuBar .tabs div.big {margin: 0; padding: 0; float: left;} #regTopMenuBar .tabs div.big:first-child {padding-right: 4px;} #regTopMenuBar .tabs div.small {margin: 8px 0 0 0; padding: 0 0 0 5px;float: left;} /* Region: FOOTER */ #regFooter {clear:both; font-size: .8em; font-weight: bold; color: white; background-color: #4383ab; height: 24px; margin: 0 0 5px 0; padding: 10px 15px 0 15px; } #regFooter a {color: white; font-weight: bold; text-decoration: none;} #regFooter a:hover {text-decoration: underline;} #regFooter .Copyright { float: left; } #regFooter .MenuLinks { float: left; color: white;} #regFooter .MenuLinks ul { display: inline; padding: 0; margin: 0;} #regFooter .MenuLinks ul li { display: inline; padding-left: 3px;} #regFooter .DesignedBy { float: right; } #regTemplateContentManagedFooter { clear: both; margin: 0; height: 30px; font-size: 0.8em; text-align: center; } /* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */ #regMainContent {clear:both; color: #312d2e; } #regMainContentBackground {background-image: url(images/template/main_bg_page.gif); background-repeat: repeat-y;} #regCoverCreatorBackground {background-image: url(images/template/main_bg_page_noLeftColumn.gif); background-repeat: repeat-y;} #regHomePage {background-color: #0d5480; padding-bottom: 10px; height: 910px;} #regHomePage img {border: 0;} #regMainContent img {border: 0;} #regHomePage .container {background-color: #b3d8e5; margin: 0 5px 0 5px; width: 633px; float: left;} #regHomePage .container a {border-bottom: none; text-decoration:none; font-weight: normal; color: black; margin: 0 !important;} #regHomePage .container .footer {background-image: url(images/template/panelhome_h_footer.gif); background-position: top; background-repeat: no-repeat; height: 6px; margin: 0 0 5px 0; padding: 0 0 0 0;} #regHomePage .container .viewMore {float: right; margin: 0 0 0 0;} #regHomePage .container .content { clear: both; margin: 10px 7px 0 13px; height: 110px; padding: 10px 0 0 0;} #regHomePage .container .booksSpotlight {background-color: White; background-image: url(images/template/panelhome_h_spotlight.gif); background-repeat: no-repeat; margin: 6px 5px 0 5px; } #regHomePage .container .booksNew {background-color: White; background-image: url(images/template/panelhome_h_newbks.gif); background-repeat: no-repeat; margin: 6px 5px 0 5px; } #regHomePage .container .booksTopTen {background-color: White; background-image: url(images/template/panelhome_h_top10.gif); background-repeat: no-repeat; margin: 6px 5px 0 5px; } #regHomePage .bookItem {float: left; width: 194px; margin-left: 7px; font-size: .9em; border-left: 1px solid #86a9bf; } #regHomePage .bookItem:first-child {margin-left: 0; border-left: 0;} #regHomePage .bookItem .cover {float: left; width: 65px; height: 100px;} #regHomePage .bookItem .text {float: left; width: 127px; height: 80px; margin: 0 0 3px 0;} #regHomePage .bookItem .text a {color: Black; text-decoration: none;} #regHomePage .bookItem .text .bookName {font-weight: bold;} #regHomePage .bookItem .text .authorName {font-size: .8em;} #regHomePage .bookItem .price { color: #ff6326; font-weight: bold; font-size: 1.2em; padding: 3px 0 0 0;} #regMainContent .shadowSpacer {background-image: url(images/template/shadow_homepage_divider.gif); width: 960px; height: 5px; margin: 5px 0 2px 0;} #regHomePage .top {background-color: #0d5480; margin: 0 4px 0 4px; height: 360px;} #regHomePage .top .mainPanel {float: left; background-image: url(images/template/mainpanel_bg.jpg); background-repeat: no-repeat; width: 633px; height: 360px;} #regHomePage .top .mainPanel .actionButtons {margin: 145px 0 0 190px; height: 79px; } #regHomePage .top .mainPanel .adverts {clear: both; text-align: center; margin: 0 0 0 0; position: relative;} #regHomePage .top .mainPanel .adverts .div1 {position: absolute; width: 290px; height: 25px; top: 15px; left: 20px; } #regHomePage .top .mainPanel .adverts .div2 { position: absolute; width: 290px; height: 70px; top: 50px; left: 20px; } #regHomePage .top .mainPanel .adverts .div3 {position: absolute; width: 317px; height: 130px; top: 0; right: 15px; background-image: url(images/template/mainpanel_spacer.png); background-repeat: no-repeat; background-position: top left;} #regHomePage .top .viewTop10 { float: right; height: 140px; width: 313px;} #regHomePage .top .search { float: right; height: 220px; width: 313px; background-image: url(images/template/read_bg.gif); background-repeat: no-repeat; } #regHomePage .top .search .textbox {margin: 175px 0 0 85px; float: left; } #regHomePage .top .search .textbox input {border: 0; font-size: 1em; font-weight: normal;} #regHomePage .top .search .button {margin: 174px 0 0 15px; float: left;} #regMainContent .testimonials {float: right; width: 312px; height: 430px; font-size: .85em; background-image: url(images/AuthorArea/authors_bg.jpg) !important; background-repeat: no-repeat;} #regMainContent .testimonials .content {margin: 70px 20px 0 20px; height: 320px; width: 274px; } #regMainContent .testimonials .content .quote {clear: both; padding-top: 6px; margin-bottom: 1px;} #regMainContent .testimonials .content .person {float: right; margin-bottom: 3px; } #regMainContent .testimonials .more {text-align: right; margin-top: 22px; padding-right: 30px;} #regMainContent #regPublishingHome .testimonials {float: right; width: 380px; height: 252px; font-size: .85em; background-image: url(images/AuthorArea/panel_testimonials.gif); background-repeat: no-repeat; margin: 0;} #regMainContent #regPublishingHome .testimonials .content {margin: 70px 20px 0 20px; height: 126px; width: 340px;} #regMainContent #regPublishingHome .testimonials .content .quote {clear: both; padding-top: 6px; margin-bottom: 1px;} #regMainContent #regPublishingHome .testimonials .content .person {float: right; margin-bottom: 3px; } #regMainContent #regPublishingHome .testimonials .more {text-align: right; margin-top: 22px; padding-right: 75px;} #regMainContent .topMenu {background-color: #0d5480; } #regMainContent .topMenu .menuStrip {height: 30px;} #regFixHeights { clear: both;} /*If you want a background on regMainContent to span the height of regBodyContent this is necessary. */ /* Region: Left hand menu/column */ #regLeftMenu {float: left; font-size: 1em; color: white; background-color: #0d5480; width: 166px; padding: 0 4px 5px 4px; min-height: 320px; } #regLeftMenu a {color: black; text-decoration: none;} #regLeftMenu img {border: 0;} #regLeftMenu .bigHeading {padding: 2px 0 2px 0; } #regLeftMenu #search {margin: 0 0 10px 0;} #regLeftMenu #search h2 {font-size: .85em; color: white; font-weight: bold; margin: 0; padding: 0;} #regLeftMenu #search .advancedSearch {font-size: .7em; text-align: right; } #regLeftMenu #search .advancedSearch a {color: white;} #regLeftMenu .menuItemsBox { padding: 0 0 10px 0;} #regLeftMenu .menuItemsBox ul {list-style-type:none; margin: 0; padding: 0;} #regLeftMenu .menuItemsBox ul li { font-size: .8em; margin: 2px 0 2px 4px; padding: 1px 0 1px 10px; background-image: url(images/template/arrow_ora_dkblue.png); background-repeat: no-repeat; background-position: 3px 5px;} #regLeftMenu .menuItemsBox ul li ul li { font-size: 1em; margin: 2px 0 2px 5px; padding: 1px 0 1px 10px; background-image: url(images/template/arrow_ora_dkblue.png); background-repeat: no-repeat; background-position: 3px 5px;} #regLeftMenu .menuItemsBox ul li.MenuItemDisabled {font-size: .8em; color: #888888; margin: 2px 0 2px 4px; padding: 1px 0 1px 10px; } #regLeftMenu .menuItemsBox ul li a { color:white; font-weight: normal; text-decoration: none;} #regLeftMenu .menuItemsBox ul li a:hover {color: yellow; text-decoration: inherit; border: none;} #regLeftMenu .subMenuItem { font-size: .8em; margin: 0 0 1px 0; padding: 2px 4px 2px 8px; border-bottom: 1px solid #CBDAE6} #regLeftMenu .subMenuItem A { color:#003468; font-weight: normal; text-decoration: none; } #regLeftMenu .subMenuItem A:hover {color: black; text-decoration: inherit; } #regLeftMenu .searchBox {background-color: #CBDAE6; padding: 2px 4px 3px 4px; margin: 0 0 14px 0;} #regLeftMenu .rssIcons {font-size: .8em; margin: 30px 5px 10px 15px; } #regTemplateContentManagedLeftColum { clear: both; margin-top: 15px; font-size: 1em; padding: 5px; text-align: center; color: black;} /* Region: Right hand menu/column */ #regRightHandColumn {float: right; font-size: 1em; color: #333333; width: 160px; background-color: yellow; padding: 0 2px 5px 2px; border-left: 1px solid #44749D; border-right: 1px solid #44749D; } #regRightHandColumn h2 {color: #333333; border-bottom: 1px solid #FFFFFF; font-size: 1.2em; margin-top: 8px; padding-top: 0; margin-bottom: 4px; padding-bottom: 5px;} #regRightHandColumn .menuItemsBox { margin: 5px 0 5px 0; border: 0 solid #333333; } #regRightHandColumn .menuItemsBox .Header { } #regRightHandColumn .menuItemsBox .Middle {padding: 0 2px 0 2px} #regRightHandColumn .menuItemsBox .Footer {} #regRightHandColumn .menuItemsBox .Middle .GalleryItem { clear: both; border-bottom: 1px solid #CCCCCC;padding-top: 5px; padding-bottom: 5px;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryImage { background-color: #FFFFFF; float: left; height: 77px; width: 77px; border: 1px solid #CCCCCC; padding: 1px; text-align: center;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryImage img { border: 0;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryTitle { float: left; padding-left: 5px;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryTitle a { text-decoration: none; font-weight: bold; color: #333333;} #regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryTitle a:hover { text-decoration: underline;} #regTemplateContentManagedRightColum { clear: both; margin: 0; padding: 5px; font-size: 0.8em; text-align: center; color: black;} #regPublishingHome { padding: 0 0 0 6px; width: 770px; float: left; } #regPublishingHome img {border: 0;} /* Set main content width - if main content width should be 700, but there is 15 left and 15 right padding, then width should be set to 670... */ #regMainContent #regBodyContent {float: left; width: 751px; min-height: 300px; font-size: .85em; padding: 0 15px 20px 20px;} #regCoverCreator {width: 900px; min-height: 300px; font-size: .85em; padding: 0 10px 20px 10px; background-image: none;} /* on the home pages, switch off the main content as its all db driven */ #regHomePage #regBodyContent {background-color: #0d5480; color: White; width: 910px; padding: 10px 25px 20px 25px; min-height: 10px;} #regPublishingHome #regBodyContent {display: none; } #regMainContent h1 {margin-top: 8px; margin-bottom: 5px; font-size: 1.7em; font-weight: bold; color: #0d5380} #regMainContent h2 {margin-top: 14px; margin-bottom: 2px; font-size: 1.4em; font-weight: normal; color: #0d5380;} #regMainContent h3 {margin-top: 17px; margin-bottom: 0; font-size: 1.25em; font-weight: bold; color: #0d5380;} #regMainContent h4 {margin-top: 8px; margin-bottom: 2px; font-size: 1.15em; font-weight: bold; color: #0d5380;} #regMainContent h5 {margin-top: 2px; margin-bottom: 2px; font-size: 1em; font-weight: bold; color: #0d5380;} #rightHandAuthorActions {float: right; width: 300px; } #rightHandAuthorActions .box {width: 300px; margin: 0 0 20px 0; } #rightHandAuthorActions .box .header { width: 300px; height: 8px; background-image: url(images/authorarea/panelwht_header.gif); background-repeat: no-repeat;} #rightHandAuthorActions .box .content { background-image: url(images/authorarea/panelwht_bg.gif); background-repeat: repeat-y; padding: 0 10px 10px 10px;} #rightHandAuthorActions .box .content .heading {clear: both; padding: 3px 6px 3px 5px; margin: 3px 0 5px 0; border-bottom: 1px solid #6892a0;} #rightHandAuthorActions .box .footer { width: 300px; height: 8px; background-image: url(images/authorarea/panelwht_footer.gif); background-repeat: no-repeat;} #regMainContent .sectionWide {margin-bottom: 10px; } #regMainContent .sectionWide .heading {clear: both; padding: 3px 6px 3px 5px; margin: 10px 0 4px 0; border-bottom: 1px solid #6892a0;} #regMainContent .sectionWide table.bookInfo {margin: 10px 10px 0 20px;} #regBodyContent .sectionWide table.bookInfo td.item {vertical-align: text-top; width: 160px; padding: 3px 6px 3px 3px; border-bottom: 1px solid #b3d7e3; text-align: right; font-weight: bold; color: #0d5380} #regBodyContent .sectionWide table.bookInfo td {vertical-align: text-top; width: 555px; padding: 3px 4px 3px 0; border-bottom: 1px solid #b3d7e3;} #regMainContent .section {width: 430px; float: left; margin-bottom: 10px; } #regMainContent .section .heading {clear: both; padding: 3px 6px 3px 5px; margin: 10px 0 4px 0; border-bottom: 1px solid #6892a0;} #regMainContent .section .heading .moreLink {float: right; } #regMainContent .section table.bookInfo {margin: 0 10px 0 10px;} #regBodyContent .section table.bookInfo td.item {vertical-align: text-top; width: 120px; padding: 3px 6px 3px 3px; border-bottom: 1px solid #b3d7e3; text-align: right; font-weight: bold; color: #0d5380} #regBodyContent .section table.bookInfo td {vertical-align: text-top; width: 290px; padding: 3px 4px 3px 0; border-bottom: 1px solid #b3d7e3;} #regMainContent a {border-bottom: #4C477D 1px dashed; text-decoration:none; font-weight: normal; color: #4C477D; margin: 2px;} #regMainContent a:hover {color: black; border-bottom: black 1px solid;} #regMainContent .contains-image {border: none !important;} #regBodyContent .FormDetail { margin-left: 60px;} #regBodyContent .validationSummary {color: red;} #regBodyContent .validationSummary ul li {color: red;} #regBodyContent select { padding-left: 2px;} #regBodyContent p {margin-top: 3px; } #regBodyContent ul li { list-style-type: square; } #regBodyContent input { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; } #regBodyContent input[type=radio] { border: none; } #regBodyContent input[type=checkbox] { border: none; } #regBodyContent input[type=image] {border: none} #regBodyContent textarea { border: 1px solid #9C9C9C; background-color: #FFFFFF; color: black; font-size: 12px;} #regBodyContent input.button {cursor: pointer; background-color: #F96724; padding: 5px 8px 5px 8px; color: White; text-decoration: none; font-size: .95em; text-transform: uppercase; border: 1px solid #F96724; -moz-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.75); -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.75); } #regBodyContent input.buttonXXXXXXXXXXX { cursor: pointer; background-color: #33619C; padding: 5px 8px 5px 8px; color: White; text-decoration: none; font-size: .95em; text-transform: uppercase; border: 1px solid #33619C; -moz-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.75); -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.75); } #regBodyContent .MessageToUser {font-weight: bold; color: red; padding-top: 5px; padding-bottom: 10px} #regBodyContent .breadcrumbtrail {padding-top:5px; padding-bottom:10px} #regBodyContent .breadcrumbtrail A {color: #F8A261} #regBodyContent .txtHighlight { border: 1px solid #CC0033; background-color: #F6FD8C; color: #000000;} #regBodyContent .highlight {background-color:Yellow} #regMainContent .highlightedBox {border: 2px dotted red; padding: 10px; margin: 10px 0 10px 0; font-weight: bold; color: DarkGreen; text-align: center;} #regMainContent .warningBox {border: 2px solid red; padding: 5px; margin: 10px 0 10px 0; color: DarkGreen; font-weight: bold; background-color: #FFFFD7;} #regBodyContent .enterData {margin-left: 40px; margin-top: 15px;} #regBodyContent .Quotes { margin: 0 0 10px 0; padding-top:10px} #regBodyContent .Quotes .Header { background-image: url(images/quotes/quote_header.gif); background-repeat: no-repeat; height:32px} #regBodyContent .Quotes .Middle { width: 440px; padding: 0 40px 10px 50px; font-size: 1.2em;background-image: url(images/quotes/quote_bg.gif); background-repeat: repeat-y;} #regBodyContent .Quotes .Footer {background-image: url(images/quotes/quote_footer_bg.gif); background-repeat: no-repeat; height:23px; font-size: 1.1em; color: #333333; padding: 32px 50px 0 80px} /* Browsing Books styles */ #regBodyContent .booksBrowse { clear: both; margin: 10px 0 0 0; padding: 10px 0 0 0; } #regBodyContent .booksBrowse .bookItem {float: left; position: relative; height: 112px; width: 237px; margin: 0 0 15px 5px; padding: 5px 0 5px 5px; font-size: 1em; border-right: 1px solid #86a9bf; } #regBodyContent .booksBrowse .bookItem .cover {position: absolute; top: 0; left: 0; height: 100px;} #regBodyContent .booksBrowse .bookItem .text {position: absolute; top: 0; left: 70px; width: 153px; height: 100px;} #regBodyContent .booksBrowse .bookItem .text a {color: Black; text-decoration: none; font-weight: bold;} #regBodyContent .booksBrowse .bookItem .text .bookName {font-weight: bold; font-size: 1em; } #regBodyContent .booksBrowse .bookItem .text .authorName {font-size: .95em;} #regBodyContent .booksBrowse .bookItem .text .isbn {position: absolute; top: 67px; left: 0; font-size: .85em; color: Gray; } #regBodyContent .booksBrowse .bookItem .text .type {position: absolute; top: 82px; left: 0; font-size: .85em; color: Gray; } #regBodyContent .booksBrowse .bookItem .text .price { position: absolute; top: 99px; left: 0; color: #ff6326; font-weight: bold; font-size: 1.3em; } #regBodyContent .booksList { margin: 10px 0 0 90px; padding: 10px 0 0 0; width: 610px; } #regBodyContent .booksList .bookItem {clear: both; height: 165px; margin: 0 0 15px 5px; padding: 5px 0 5px 5px; font-size: 1em; border-bottom: 1px solid #86a9bf; } #regBodyContent .booksList .bookItem .position {display: inline-block; vertical-align: top; width: 30px; padding: 2px 0 0 0; font-weight: bold; font-size: 1.6em;} #regBodyContent .booksList .bookItem .cover {display: inline-block; vertical-align: top; width: 110px; height: 150px;} #regBodyContent .booksList .bookItem .text {display: inline-block; vertical-align: top; width: 450px; height: 137px; margin: 0 0 3px 0;} #regBodyContent .booksList .bookItem a {color: Black; text-decoration: none; font-weight: bold; border: none; margin: 0;} #regBodyContent .booksList .bookItem .bookName {font-weight: bold; font-size: 1.1em; padding-top: 4px;} #regBodyContent .booksList .bookItem .authorName {font-size: 1em;} #regBodyContent .booksList .bookItem .extract {font-size: .85em; color: Gray; padding-top: 8px;} #regBodyContent .booksList .bookItem .isbn {font-size: .85em; color: Gray; padding-top: 8px;} #regBodyContent .booksList .bookItem .type {font-size: .85em; color: Gray; padding-top: 5px;} #regBodyContent .booksList .bookItem .published {font-size: .85em; color: Gray; padding-top: 8px;} #regBodyContent .booksList .bookItem .price { color: #ff6326; font-weight: bold; font-size: 1.3em; padding: 6px 0 0 0;} /* Button styles */ #regBodyContent .button {font-weight: bold; color: #111111;} #regBodyContent .CancelButton {font-weight: normal; color: Red;} /* datagrid styles */ #regBodyContent .datagrid {border:collapse; border: none; padding: 0;} #regBodyContent .datagrid .datagridHeader {background-color: #e1f3fd; font-weight: bold; margin-bottom: 10px;} #regBodyContent .datagrid .datagridHeader td { padding: 3px 4px 3px 4px; border-bottom: 1px solid #6892a0; } #regBodyContent .datagrid .datagridHeaderSmall {background-color: #e1f3fd; font-weight: bold; margin-bottom: 10px;} #regBodyContent .datagrid .datagridHeaderSmall td { padding: 3px 4px 3px 4px; border-bottom: 1px solid #6892a0; font-size: .9em} #regBodyContent .datagrid .datagridItem {} #regBodyContent .datagrid .datagridItem td { padding: 3px 4px 3px 4px; border-bottom: 1px solid #b3d7e3; vertical-align: top;} #regBodyContent .datagrid td {border-left: 1px solid silver} #regBodyContent .datagrid td:first-child {border-left: transparent} #regBodyContent .datagrid .datagridAlternatingItem {} #regBodyContent .datagrid .datagridAlternatingItem td { padding: 2px 4px 2px 4px; border-bottom: 1px solid #b3d7e3; vertical-align:top } #regBodyContent .datagrid img {border: none} #regBodyContent .datagrid .lessEmphasis {margin: 2px 0 0 10px; color: #222222; font-weight: bold; font-size: .85em; text-transform:uppercase; } #regBodyContent .subtitle {margin: 2px 0 5px 20px; color: #333333; font-style: italic; font-size: .9em; } /* Payment/checkout/myaccount order history page styles */ #regBodyContent .PaymentForm {margin-left: 30px; margin-top:8px; width: 90%;} #regBodyContent .PaymentForm .heading {width: 140px} #regBodyContent .PaymentForm input, textarea {font-size: 1em; height: 16px; padding: 1px; color: #333333} #regBodyContent .PaymentForm select { font-size: 1em} #regBodyContent .PaymentFormHeading {background-color: #163E83; color: White; font-weight: bold; margin-top: 10px; margin-bottom: 6px; border-bottom: 2px solid #9AA3B1;padding-top:4px; padding-bottom: 4px; padding-left: 5px;} #regBodyContent .PaymentSecureSeal { text-align:center; margin-top: 10px; } #regBodyContent .PaymentForm .Compulsory { font-weight: bold; color: Red; font-size: 0.9em; padding-left: 3px; padding-right: 3px;} /* these styles are used on the view shopping basket page... */ #regBodyContent .BasketSummary {width: 675px; margin-left: 20px} #regBodyContent .BasketSummary .BasketSummaryTable {border: 1px solid #AFAFAF; padding: 0; border-collapse: separate; margin: 1px; } #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryHeader td { font-size: 1em; background-color: #0D5480; color: White; padding: 3px 5px 3px 5px; font-weight: bold;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem td { background-color: #F5F5F5; margin: 1px; padding: 3px 5px 3px 5px; vertical-align: text-top;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem a { text-decoration: none; font-weight: bold;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem a:hover { text-decoration: underline;} #regBodyContent .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 60px; text-align:center; font-size: 1em;} #regBodyContent .BasketSummary .BasketSummaryTable .CartPrice {font-size: 1.2em; font-weight: bold; color: #B77400;} #regBodyContent .BasketSummary .BasketSubtotal { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px; font-size: 1.2em; font-weight: bold;} #regBodyContent .BasketSummary .BasketDeliveryTotal { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px; font-size: 1.2em; font-weight: bold;} #regBodyContent .BasketSummary .BasketWeight { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px; font-size: 1.2em; font-weight: bold;} #regBodyContent .BasketSummary .BasketDelivery { text-align: right;font-weight: bold;font-size: 1.1em; border-top: 1px solid gray;margin-bottom: 3px; padding-top: 3px;padding-bottom: 1px; } #regBodyContent .BasketSummary .BasketDelivery select {font-size: 1.05em; margin-left: 5px;} #regBodyContent .BasketSummary .BasketDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .BasketSummary .BasketGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.5em; margin-bottom: 5px; padding: 3px 0 3px 0;} #regBodyContent .BasketSummary .CartBorder { border: 1px solid #D0D0D0; text-align: center; width: 90px; height: 90px; text-align: center; vertical-align: middle; display: table-cell; background-color: #FFFFFF;} #regBodyContent .BasketSummary .BasketButtons {width: 100%; margin-bottom: 5px; margin-top: 10px;} #regBodyContent .BasketSummary .BasketButtons .CheckoutButtonArea { padding-top: 12px; clear: both; height: 40px; border-bottom: 1px solid #CCCCCC; padding-bottom: 4px; } #regBodyContent .BasketSummary .BasketButtons .CheckoutButtonArea .MultiplePaymentGateways { display: inline; float: right; margin: 3px 20px 0 0; font-size: 1.5em; padding-top: 3px; font-weight: bold;} #regBodyContent .BasketSummary .BasketButtons .CheckoutButtonArea .Buttons { float: right;} #regBodyContent .BasketSummary .BasketButtons .UpdateQuantity {color: Navy; font-weight: bold; font-size: 1em; width:110px; } #regBodyContent .BasketSummary .BasketButtons .ContinueShopping { color: Navy; font-weight: bold; font-size: 1em; width:140px; } #regBodyContent .BasketSummary .BasketButtons .Checkout {color: DarkGreen; font-weight: bold; font-size: 1em; width: 220px; height: 30px; } #regBodyContent .BasketSummary .ApplyDiscountCode {color: DarkGreen; font-weight: bold; font-size: 1em; width:65px} #regBodyContent .BasketSummary .CartRemove { background-color: #FFFFFF;font-weight: normal; color: #000000; border: 1px solid #D0D0D0; font-weight: bold;} #regBodyContent .BasketSummary .CartRemove:Hover { text-decoration: none;} /* these styles are used on the final checkout page... */ #regBodyContent .PaymentSummary {margin-left: 30px; width: 680px;} #regBodyContent .PaymentSummary .PaymentSummaryTable {width: 100%; } #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader { background-color: #515151; color: White; font-weight: bold;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader td { padding: 2px 4px 2px 4px;} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem {} #regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem td { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px; } #regBodyContent .PaymentSummary .PaymentSubtotal { font-size: 1.2em; color: #515151; font-weight: bold; width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentDelivery { font-size: 1.2em; color: #515151; font-weight: bold; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentDiscount { font-size: 1.2em; color: #515151; font-weight: bold;width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentVATAmount { font-size: 1.2em; color: #515151; font-weight: bold; width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;} #regBodyContent .PaymentSummary .PaymentGrandTotal { font-size: 1.5em; color: #313131; font-weight: bold; width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px;} /* these styles are used on product list/detail pages ... */ #regBodyContent .ProductPhotos {margin-right: 10px; width:300px; } #regBodyContent .ProductPhotos .MainPhoto {background-color: #FFFFFF;text-align:center; border: 1px solid #aaaaaa; height: 350px;} #regBodyContent .ProductPhotos .MainPhoto img { border: 0} #regBodyContent .ProductPhotos .ThumbnailCaption {font-family: arial; font-weight:normal; font-size: .9em; text-align:center; color: #333333; padding: 5px 0 5px 0; } #regBodyContent .ProductPhotos .ThumbnailPhoto { background-color: #FFFFFF;border: 1px solid #aaaaaa; display: table-cell; vertical-align: middle; height:90px; width: 90px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; text-align: center;} #regBodyContent .ProductSKUsTable .ProductSKUsHeader td { background-color: black; color: White; font-weight: bold;} #regBodyContent .ProductSKUsTable .ProductSKUsItem td { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .price{font-weight: bold; color: Red;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .wasprice{font-weight: bold; color: #000000; text-decoration:line-through;} #regBodyContent .ProductSKUsTable .ProductSKUsItem .buyNow { margin: 3px 3px 3px 3px; height: 20px; font-weight: bold; border: 1px solid #01A2E6; color: #FFFFFF; font-size: .8em; background-color: #01A2E6;} #regBodyContent .SubCategoryThumbnailBrowse {} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail {height: 150px; width: 120px} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:125px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .SubCategoryThumbnailBrowse .Thumbnail .ThumbnailText {text-align: center; padding-top: 3px; height: 25px; } #regBodyContent .BrandThumbnailBrowse {} #regBodyContent .BrandThumbnailBrowse .Thumbnail {height: 150px; width: 120px} #regBodyContent .BrandThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:125px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .BrandThumbnailBrowse .Thumbnail .ThumbnailText {text-align: center; padding-top: 3px; height: 25px; } #regBodyContent .ProductThumbnailBrowse {} #regBodyContent .ProductThumbnailBrowse .Thumbnail {height: 210px; width: 150px; margin-bottom: 7px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailPhoto {border: 1px solid #aaaaaa; height:150px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .ThumbnailText {height: 28px; text-align: center; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .ProductPrice {text-align: center; padding-top: 2px; padding-bottom: 12px; font-weight: bold; color: #000000; } #regBodyContent .ProductThumbnailBrowse .Thumbnail .price{font-weight: bold; color: Red; padding-right: 5px;} #regBodyContent .ProductThumbnailBrowse .Thumbnail .wasprice{font-weight: bold; color: black; text-decoration:line-through;} #regBodyContent .productRating { font-weight: bold;} #regBodyContent .productReview {padding-top: 7px;} #regBodyContent .productReviewName { text-align:right; font-weight: bold; font-size: 11px; font-style: italic;} #regBodyContent .productReviewFooter {padding-bottom: 7px; border-bottom: 1px solid #cccccc; } #regBodyContent .paging {padding-top: 10px; padding-bottom: 20px;} #regBodyContent .paging a {text-decoration: none;} #regBodyContent .paging table {width:100%} #regBodyContent .paging .currentPageLabel {width: 180px; color: black;} #regBodyContent .paging .previousPage {width: 100px; text-align: left; } #regBodyContent .paging .previousPage a { color: Gray;} #regBodyContent .paging .pageNumbers {text-align: center;} #regBodyContent .paging .pageNumbers a.unselectedPage {font-weight: bold; color: #999999} #regBodyContent .paging .pageNumbers a.selectedPage {font-weight: bold; color: red} #regBodyContent .paging .nextPage {width: 80px; text-align: right; } #regBodyContent .paging .nextPage a { color: Gray; } #regBodyContent .ContentSearch ol { margin-left: 5px; padding-left: 7px;} #regBodyContent .ContentSearch ol li { margin-left: 5px; padding-left:4px;} #regBodyContent .ContentSearch .SearchResults { border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; margin-bottom: 5px;} #regBodyContent .ContentSearch .SearchResults .Header .Category{ color: #E96C20; font-weight: bold;} #regBodyContent .ContentSearch .SearchResults .Header a{ font-size: 1.1em; text-decoration: none;} #regBodyContent .ContentSearch .SearchResults .Date { font-weight: bold; font-style: italic; color: #313131; padding-top: 5px;} #regBodyContent .ContentSearch .SearchResults .Content { clear: both; padding: 5px 0 0 0;} #regBodyContent .ContentSearch .SearchResults .ReadMore { text-align: right; padding-top: 6px; padding-bottom: 3px;} #regBodyContent .ContentSearch .SearchResults .ReadMore a{ background-color: #E96C20; padding: 1px 4px 1px 4px; color: #FFFFFF; text-decoration: none;} /* Blog related styles... */ #regBodyContent .BlogEntries p {padding-top: 0; margin-top: 0} #regBodyContent .BlogEntries .blogPostTitle {padding-top: 5px;} #regBodyContent .BlogEntries .blogPostTitle a {font-size: 1em; font-weight: bold;} #regBodyContent .BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogEntries .blogContent { padding-bottom: 10px;} #regBodyContent .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary {float: left; width: 300px; display: inline; color: gray; padding-top: 5px; } #regBodyContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;} #regBodyContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; } #regBodyContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;} #regBodyContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .BlogDetail .blogContent { padding-bottom: 5px; clear: both; padding-top: 10px;} #regBodyContent .BlogDetail .blogCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;} #regBodyContent .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regBodyContent .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .SocialNetworking {padding-top: 0; text-align: right; float: right;} #regBodyContent .BlogDetail .OtherRecentPosts {padding-top: 0; padding-bottom: 5px;} #regBodyContent .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;} #regMainContent .BlogDetail .Comments {padding-top: 0; font-size: .9em;} #regMainContent .BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments {margin-left: 0; padding-bottom: 5px;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;} #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { } #regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { } #regBodyContent .BlogDetail .Comments .leaveComment input {margin-left: 0; font-size: 12px;} #regBodyContent .BlogDetail .Comments .leaveComment textarea {margin-left: 0; font-size: 12px;} #regBodyContent .BlogDetail .Comments .leaveComment .heading {color: #333333; font-weight: bold; padding-top: 4px; } #regBodyContent img.profilePhoto {border: 1px solid gray; padding: 2px; margin: 5px;} /* not within a region because you may want to put in in various places on the site */ .blogCategoriesBox {padding: 0 0 10px 0;} .blogCategoriesBox .blogCategoryItem {font-size: .8em; margin: 0 0 1px 0; padding: 4px 0 4px 10px; } .blogCategoriesBox .blogCategoryItem a { color:#003468; font-weight: normal; text-decoration: none;} .blogCategoriesBox .blogCategoryItem a:hover {text-decoration: underline;} .blogArchiveBox {padding: 0 0 10px 0;} .blogArchiveBox .blogArchiveItem {font-size: .8em; margin: 0 0 1px 0; padding: 4px 0 4px 10px; } .blogArchiveBox .blogArchiveItem a {color:#003468; font-weight: normal; text-decoration: none;} .blogArchiveBox .blogArchiveItem a:hover {text-decoration: underline;} /* Author Profile Page */ #regBodyContent .userProfile {} #regBodyContent .userProfile .photo {float: right; margin: 10px;} #regBodyContent .authorBooks {clear: both; border-top: 1px solid #999999; padding: 10px 0 5px 0;} #regBodyContent .authorBooks .buyBook {float: right; width: 100px; margin-top: 15px;} #regBodyContent .authorBooks .bookCover {float: left; width: 100px; height: 150px; border; 1px solid #666666; margin: 0 15px 10px 0;} #regBodyContent .authorBooks .bookTitle {font-weight: bold;} #regBodyContent .authorBooks .synopsis {color: black; margin: 3px 0 10px 0;} #regBodyContent .authorBooks .other {color: gray; margin: 6px 0 3px 0; font-size: .85em;} #regBodyContent .authorBookSearch {clear: both; border-top: 1px solid #999999; padding: 10px 0 5px 0;} #regBodyContent .authorBookSearch .buyBook {float: right; width: 100px; margin-top: 15px;} #regBodyContent .authorBookSearch .bookCover {float: left; width: 60px; height: 90px; border; 1px solid #666666; margin: 0 15px 10px 0;} #regBodyContent .authorBookSearch .bookTitle {font-weight: bold;} #regBodyContent .authorBookSearch .synopsis {color: black; margin: 3px 0 10px 0;} #regBodyContent .authorBookSearch .other {color: gray; margin: 6px 0 3px 0; font-size: .85em;} /* Book Profile Page */ #regBodyContent .bookProfile {} #regBodyContent .bookProfile .cover {float: right; margin: 10px;} #regBodyContent .bookProfile .authorName {margin: 0 0 10px 0; font-weight: bold;} #regBodyContent .bookProfile .synopsis {margin: 0 0 10px 0;} #regBodyContent .bookProfile .isbn {color: Gray; margin: 5px 0 5px 0;} #regBodyContent .bookProfile .type {color: Gray; margin: 5px 0 5px 0;} #regBodyContent .bookProfile .totalPages {color: Gray; margin: 5px 0 5px 0;} #regBodyContent .bookProfile .published {color: Gray; margin: 5px 0 5px 0;} #regBodyContent .bookProfile .price {color: darkGreen; margin: 15px 0 7px 0; font-weight: bold; font-size: 1.2em;} #regBodyContent .bookProfile .buyNow {margin: 0 0 20px 0;} /* News related styles... */ #regBodyContent .NewsEntries .NewsListWrapper { border-bottom: 1px solid #cccccc; padding-bottom: 5px; margin-bottom: 5px;} #regBodyContent .NewsEntries .NewsListWrapper p {padding-top: 0; margin-top: 0} #regBodyContent .NewsEntries .NewsListWrapper .Image { float: right; margin-left: 15px;} /*#regBodyContent .NewsEntries .NewsListWrapper .Image .NewsImage { border: 1px solid #99cbce; display: table-cell; vertical-align: middle; text-align: center; height:120px; line-height: 120px; width: 200px; text-align: center; background-color: #FFFFFF;}*/ #regBodyContent .NewsEntries .NewsListWrapper .NewsArticleTitle {padding-top: 5px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsArticleTitle a {font-size: 1.2em; font-weight: bold; text-decoration: none;} #regBodyContent .NewsEntries .NewsListWrapper .NewsArticleTitle a:hover { text-decoration: underline;} #regBodyContent .NewsEntries .NewsListWrapper .NewsDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsContent { padding-bottom: 10px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsContent .NewsMoreDetailsLink { text-align: right; padding-top: 5px;} #regBodyContent .NewsEntries .NewsListWrapper .NewsContent .NewsMoreDetailsLink a { text-decoration: none; border-bottom: 1px dotted #02386F;} #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter {padding-bottom: 25px; margin-bottom: 10px; } #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter .CommentSummary {float: left; width: 300px; display: inline; color: gray; padding-top: 5px; } #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;} #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter .SocialNetworking {float: right; display: inline; } #regBodyContent .NewsEntries .NewsListWrapper .NewsFooter .SocialNetworking img {border: 0} #regBodyContent .NewsEntries .NewsListWrapper .NewsNoEntries {margin-left: 15px; color: #333333; padding-top: 10px; } #regBodyContent .centredetails { font-weight: bold;} #regBodyContent .NewsDetail .NewsArticleTitle {font-size: 1.2em; font-weight: bold;} #regBodyContent .NewsDetail .NewsDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px; text-align: right;} #regBodyContent .NewsDetail .NewsContent { padding-bottom: 5px;} #regBodyContent .NewsDetail .NewsCategories { padding-top: 7px; color: #444444; margin-left: 20px; padding-bottom: 3px;} #regBodyContent .NewsDetail .NewsFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regBodyContent .NewsDetail .NewsNoEntry {margin-left: 15px; color: #333333; padding-top: 10px; } #regBodyContent .NewsDetail .SocialNetworking {padding-top: 10px; text-align: left;} #regBodyContent .NewsDetail .SocialNetworking img {border: 0} #regBodyContent .NewsDetail .OtherRecentArticles {padding-top: 15px; padding-bottom: 15px;} #regBodyContent .NewsDetail .OtherRecentArticles .ListArticles {margin-left: 20px; padding-bottom: 3px;} #regBodyContent .NewsDetail .Comments {padding-top: 0;} #regBodyContent .NewsDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;} #regBodyContent .NewsDetail .Comments .ListComments {margin-left: 0; padding-bottom: 5px;} #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;} #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; } #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .Comment {font-size: .9em; } #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .ModeratedReply {background-color: #F5FABD; } #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .ModeratedReply .ReplyComment { } #regBodyContent .NewsDetail .Comments .ListComments .SpecificArticle .ModeratedReply .ReplyDatestamp { } #regBodyContent .NewsDetail .Comments .leaveComment input {margin-left: 0;} #regBodyContent .NewsDetail .Comments .leaveComment .heading {color: #333333; font-weight: bold; padding-top: 4px; } #coverPreviewArea {margin-top: 11px; width: 660px; } #coverPreviewArea .message {font-size: .85em; font-family: Arial; text-align: center; background-color: #dedede; padding: 3px 5px 3px 5px;} #coverPreviewArea .downloadCover {font-size: .85em; font-family: Arial; text-align: center; background-color: #dedede; padding: 3px 5px 3px 5px; margin: 3px 0 0 0;} .manuscriptTemplates {padding: 10px 0 10px 0; } .manuscriptTemplates table {padding: 0; margin: 0;} .manuscriptTemplates table tr td { vertical-align:text-top; padding: 5px 10px 5px 15px; border-left: 1px solid gray; font-size: 1em;} .manuscriptTemplates table tr td:first-child {padding: 5px 10px 5px 0; border-left: none;} .manuscriptTemplates table tr td ul {padding: 0 0 0 20px;} .manuscriptTemplates table tr td ul li {padding: 3px 0 3px 0;} #faqs {} #faqs ul li.faqCategory {padding: 3px 0 3px 0; font-weight: bold;} #faqs .faq { margin: 5px 0 0 0;} #faqs .faq .question {margin: 0 0 0 0; color: #0d5380; font-weight: bold; cursor: hand; cursor: pointer;} #faqs .faq .answer {margin: 0 0 4px 0; } #faqs .faq .hideAnswer {margin: 0 0 10px 0; text-align: right; font-size: .85em; font-weight: bold; color: darkgreen; cursor: hand; cursor: pointer;} #faqs .noneOfTheAbove {margin: 20px 0 0 0; color: gray;} #faqs .noneOfTheAbove a {font-weight: bold; color: darkgreen;} #regBodyContent .copyToClipboard {text-align: left; color: gray; font-size: .95em; margin: 3px 0 3px 0;} /* not within a region because you may want to put in in various places on the site */ .NewsCategoriesBox {padding: 0 0 10px 0;} .NewsCategoriesBox .NewsCategoryItem {font-size: .85em; margin: 0 0 1px 0; padding: 4px 0 4px 3px; border-bottom: 1px solid #8485DF; } .NewsCategoriesBox .NewsCategoryItem A { color:#444444; font-weight: normal; text-decoration: none;} .NewsCategoriesBox .NewsCategoryItem A:hover {text-decoration: underline;} .NewsArchiveBox {padding: 0 0 10px 0;} .NewsArchiveBox .NewsArchiveItem {font-size: .85em; margin: 0 0 1px 0; padding: 4px 0 4px 3px; border-bottom: 1px solid #8485DF; } .NewsArchiveBox .NewsArchiveItem A { color:#444444; font-weight: normal; text-decoration: none;} .NewsArchiveBox .NewsArchiveItem A:hover {text-decoration: underline;} /*Password Tool CSS */ #password_description {font-size: 10px; font-style: italic; } #password_strength { height:10px; display:block; } #password_strength_border { width: 160px; height: 10px; border: 1px solid black; } .strength0 { width:160px; background:#cccccc; } .strength1 { width:40px; background:#ff0000; } .strength2 { width:80px; background:#56e500; } .strength3 { background:#399800; width:120px; } .strength4 { background:#4dcd00; width:160px; } #accordion { width: 265px} #accordion h3 {margin: 0 0 5px 0;} #accordion h3 a {color: White; font-size: .8em; font-weight: bold; } #accordion .uploadButton {margin: 4px 0 4px 0; text-align: center;} #accordion .refresh {text-align: right; color: #0d5380; margin: 3px 0 2px 0;} #accordion .refresh a {font-weight: bold; font-size: .85em; text-transform: uppercase;} #accordion .toolbar {clear:both; padding: 0 0 2px 0; height: 22px;} #accordion .toolbar div {float: left} #accordion .toolbar div.strip {clear: both; margin-bottom: 2px;} #accordion .toolbar div.font {padding: 2px 2px 0 0; width: 142px;} #accordion .toolbar div.font select {width: 142px;} #accordion .toolbar div.size {padding: 2px 2px 0 0; width: 50px;} #accordion .toolbar div.size select {width: 50px;} #accordion .toolbar div.icon {padding: 0 1px 0 0;} #accordion .toolbar div.icon img {border: 1px solid #cccccc; } #accordion .toolbar div select {font-family: Arial; font-size: .85em;} #regMainContent #tabs {margin-top: 10px;} #regMainContent .tabContainer {min-height: 300px; margin: 0 0 0 0; } #regMainContent .ui-widget {font-family: inherit; font-size: 1em;} #regMainContent .ui-tabs-nav li {list-style-type: none !important} #regMainContent div.copyLink {padding: 2px 5px 2px 5px; background-color: darkgreen; color: yellow; font-size: .85em; text-align: center;} /* Products image zoom... */ #lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption{ float: left; } #keyboardMsg{ float: right; } #closeButton{ top: 5px; right: 5px; } #lightbox img{ border: none; clear: both;} #overlay img{ border: none; } #overlay{ background-image: url(js/lightbox/overlay.png); } .landingPage {} .landingPage div {position: relative; color: #0d5480; } .landingPage div div {padding: 5px 15px 10px 15px !important} .landingPage div div div {padding: 0 !important;} .landingPage div div h1 {color: #ff6526 !important; font-size: 1.9em !important; font-weight: bold !important; margin: 0; } .landingPage div div h2 {color: #ff6526 !important; font-size: 1.7em !important; font-weight: bold !important; margin: 0; } .landingPage div div h3 {color: #ff6526 !important; font-size: 1.3em !important; font-weight: bold !important; margin: 0; text-transform: uppercase;} .landingPage div div .buttonBottom {position: absolute; width: 181px; bottom: 10px; left: 0; text-align:center;} .landingPage div div .button {width: 100%; margin: 20px 0 0 0; text-align:center;} .landingPage div div ol {font-size: 1.1em; font-weight: bold; font-style: italic; padding: 10px 0 4px 30px; margin: 0; } .landingPage div div ol li {margin: 0; padding: 0 0 6px 0;} .landingPage div div div.info {padding: 15px 0 0 0 !important;} * html #overlay{ background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/lightbox/overlay.png", sizingMethod="scale"); } /* Hacks */ /* float clearing for IE6 */ * html #regMainContent { height: 1%; overflow: visible; } /* float clearing for IE7 */ *+html #regMainContent { min-height: 1%; } /* float clearing for everyone else */ #regMainContent:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .svgChart {padding: 0; border: 1px solid silver} .svgChart .bar.series1 {transition:fill ease-in-out .1s, opacity ease-in-out .1s; fill:#2E64B0;} .svgChart .bar:hover.series1 {fill:#6592D1} .svgChart .bar.series2 {transition:fill ease-in-out .1s, opacity ease-in-out .1s; fill:gray;} .svgChart .bar:hover.series2 {fill:silver} .svgChart line.averageLine {stroke: silver; stroke-dasharray: 3 2} .svgChart line.axisLine {stroke: silver; stroke-dasharray: 1 1;} .svgChart text.heading { fill: #2E64B0; font-size: 16px; font-weight: bold; } .svgChart text.mouseOverTip {fill: darkgreen; font-size: 11px; font-weight: bold; text-anchor: end;} .svgChart text.mouseOverTipAverage {fill: gray; font-size: 11px; font-weight: bold; text-anchor: end;} .svgChart text { fill: gray; font: 10px sans-serif; } .svgChart text.vertical { text-anchor: end; } .svgChart text.horizontal { text-anchor: middle; } .svgChart .footerLabels text {fill: gray; font: 10px sans-serif;} .clearfix:after { content: ""; display: table; clear: both; } .dashboard { } .dashboard .box { position: relative; float: left; border: 1px solid #adadad; margin-left: 5px; text-align: center; height: 150px; background-color: #fafafa;} .dashboard .box:first-child { margin-left: 0} .dashboard .box .heading { position: absolute; top: 16px; width: 100%; left: 0; Color: #2E64B0; font-weight: bold; font-size: 1.2em; } .dashboard .box .value { position: absolute; top: 65px; width: 100%; left: 0; color: darkgreen; font-weight: bold; font-size: 2em; } .dashboard .box .footer { position: absolute; bottom: 16px; width: 100%; left: 0; Color: gray; font-weight: bold; font-size: 1em; }