/** <%@ page contentType="text/css" %> **/ /* Hostway's main colors Header Background - Hex #8B2844 (main color) On Tabs - Hex #7fb2e5 Off Tabs - Hex #e5effa On Sub Nav - Hex #530E21 Off Sub Nav - Hex #8B2844 Background - Hex #CCCCCC Edited by Shobi */ /* WARNING... Since this style sheet is basically layered on top of ng-global.css, please be aware than changing non-layout realted items make break the site. This includes: padding, margin, indent, etc. So please be careful and feel free to change all of the properties listed before. If you have any questions, please contact Stu Young of the UI team in the Chicago office stu.young@hostwaycorp.com. */ /*------------------------------------------------- HEADERS -------------------------------------------------*/ /*--- logo space (header)--*/ #logospace { background: #06c; border-bottom:12px solid #7fb2e5; height:75px; } .login-logospace { background:#06c; border-bottom:2px solid #7fb2e5; } /*------------------------------------------------- GENERAL - Body tags -------------------------------------------------*/ body, #application-body, #login-body, #home-body {font-family: verdana, Helvetica, Sans-Serif;color:#252525;background: #fff;} hr {background:#f2f2f2;color:#f2f2f2; } .note {font-size: .9em;background: transparent url(/static/com/hostway/plugins/commons/images/icon_note.gif) no-repeat 0px 15px;} .new, .new a {font-style: normal;font-size: 85%;color:#c00; } /*------------------------------------------------- LINKS -------------------------------------------------*/ A:link, A:visited, A:active {text-decoration: underline;} A:link, A:visited, A:active, A:hover, A IMG {background:transparent;} A:link {color: #0066cc;} A:visited {color: purple;} A:hover {color: #ff9900;text-decoration: none;} A:active{color: #0066cc;} A IMG { border:0;text-decoration:none;} /*------------------------------------------------- BUTTONS -------------------------------------------------*/ .button-container { background:#E6E6E6;} .box-activate .button-container, .box-purchase .button-container, .box-upgrade .button-container {background:transparent;} /* these are for buttons */ input.search-results {color: #0066cc;text-decoration: underline;background:transparent;} input.search-results:visited {color: purple;text-decoration: underline;background:transparent;} input.search-results:active{color: #0066cc;text-decoration: underline;background:transparent;} .search-results form input.search-results, .search-results input.search-results {border:0 solid #929292;font-size:1em;color: #0066cc;text-decoration: underline;background:transparent; } .search-results input.search-results:visited {color: #A020F0;text-decoration: underline;background:transparent;} .search-results input.search-results:active {color: #0066cc;text-decoration: underline;background:transparent;text-align:center;} .search-results .search-results input:hover { color: #ff9900;text-decoration: none;background:transparent; } .search-results input:active {color: #0066cc;text-decoration: underline;background:transparent;} .disabled {color:#666666;} .table-action-button-submit {border: 1px solid #333;background: #e6e6e6;color:#252525;font-size:.9em;font-weight: bold; } .table-action-button-submit:focus {background: #e6e6e6;} .button-submit, .small-button-submit, .button-search, input.button-submit, .box a.faux-button, .box a.faux-button:link, box a.faux-button:hover, box a.faux-button:visited { border:2px solid #999; border-left-color:#ccc; border-top-color:#ccc; background:#585858; color:#ffffff; font-family:Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:bold;padding:3px;} .button-submit:hover, .small-button-submit:hover, .button-search:hover, box a.faux-button:hover {background: #7c7c7c;} .button-submit:focus, .small-button-submit:focus, .button-search:focus, box a.faux-button:focus { background-color: #6B6A6A;} input.button-submit:hover {background: #7c7c7c;} input.button-submit:focus {background-color: #6B6A6A;} /* DELETE FORM BUTTON TRANSFORMED BY JAVASCRIPT*/ .edit-button-link, .edit-button-link a:link, input.edit-button-link {border: 0;background-color:#fff;color: #0066cc;text-decoration:underline;font-size:.9em;} .edit-button-link:visited, input.edit-button-link a:visited {color: purple; } .edit-button-link:hover, input.edit-button-link a:hover {color: #ff9900;text-decoration:none; } .edit-button-link:active, input.edit-button-link a:active{color: #0066cc;text-decoration:underline; } /*------------------------------------------------- FORM ELEMENTS -------------------------------------------------*/ /* specifically for a shaded form */ .shaded {background-color: #e6e8f5; } fieldset {xbackground-color: #06c;} fieldset.hidden {border:0;background-color: transparent;} fieldset ul {list-style:disc;font-size:.8em;} legend {color:#535353;background:#fff;position: absolute;font-size: 1em;font-weight: bold;} /* form labels */ label, strong.nonrequired, strong.required {font-size:.9em;font-weight:bold;color:#666666;} label.tight {font-size:.9em;} label.required, strong.required, label.error, strong.error { font-weight: bold; border:0;} label.required, strong.required {color: #000;background: url(/static/com/hostway/plugins/commons/images/icon-formfield-required.gif) top left no-repeat;} label.error, strong.error { color: #cc0000; background: url(/static/com/hostway/plugins/commons/images/icon-formfield-error.gif) top left no-repeat;} label.error-nonrequired, strong.error-nonrequired {color: #cc0000;font-weight: normal;} /* form inputs */ input {border: 1px solid #ccc;} input:focus {background-color: #FFFFCF;} input.radio {border: 0;} input.checkbox {border: 1px #ccc solid;} textarea {border: 1px solid #818181;} textarea.narrow {border: 1px solid #818181;} /* added 2/27/06 by say */ textarea:focus, textarea.narrow:focus {border: 1px solid #818181;background-color: #FFFFCF;} select {border: 1px solid #818181;} th select, td select {font-size:.9em;} .error {color: #cc0000;font-weight:bold;font-size:.9em;} .form-error-description {color: #cc0000;font-weight:bold;font-size:.9em;} .form-value-error, .error input, .error select {color: #000;border: 2px #cc0000 solid;background-color: #f4eaea;} ul.form-guidelines {font-size:.9em;} li.form-guidelines {color: #252525;font-size:.9em;} ul.form-guidelines-lists {color: #252525;font-size:.9em; font-weight:normal;} input.readonly {font-size:1em;border:0;background:transparent;} input.readonly:hover, input.readonly:visited {border:0;font-size:1em;color:#252525;background:transparent;} input.search-results {border: 0 solid #929292;font-size:1em;color: #0066cc;text-decoration: underline;background:transparent;} input.search-results:visited {color: purple;text-decoration: underline;background:transparent;} input.search-results:active {color: #0066cc;text-decoration: underline;background:transparent;} .search-results input:hover {color: #ff9900;text-decoration: none;background:transparent;} .search-results input:active {color: #0066cc;text-decoration: underline;background:transparent;} /*------------------------------------------------- TYPOGRAPHY -------------------------------------------------*/ h1 { font-family: arial,Helvetica, Sans-Serif, Verdana;font-size: 1.7em;font-weight: bold;text-align: left; color: #666;} #login-body h1 { color: #e5effa; padding:8px 0 0 15px; } h2 { font-size: 1.1em; font-weight: bold; text-align: left; color: #530E21; border:0; border-bottom: 1px solid #ccc; } h2.caption {font-size: 1em;font-weight: bold;color: #252525;background-color:#787878; } h2.yes, h2.no {color: #006600;border: 0; font-weight: bold;font-size: 1.1em; } h2.yes {background: #e2f9e3 url(/static/com/hostway/plugins/commons/images/icon-yes24.gif) 3px 3px no-repeat;padding:5px 3px 5px 30px} h2.no {background: #fdd url(/static/com/hostway/plugins/commons/images/icon-no24.gif) 3px 3px no-repeat;} h2.yes p, h2.no p { font-weight: normal;} h2.yes p {color:#127112;} h2.no p {color:#cc0000;} h2.yes p strong, h2.no p strong { font-size: 1em;font-weight:bold; } h2.yes p strong {color:#127112;} h2.no p strong {color:#cc0000;} h2.yes strong {color:#127112;font-size: 1em;font-weight:bold;} h2.yes strong.subheader, h2.no strong.subheader { font-size: .9em;font-weight:bold;} h2.yes strong.subheader {color:#127112;} h2.no strong.subheader {color:#cc0000;} h2.no li{color:#cc0000;} .step {font-size: .95em;font-weight: bold;color: #252525;background-color: #e6e8f5;border: 0; } h2.wizard {font-size: 1.1em;color:#252525;background: transparent url(/static/com/hostway/plugins/commons/images/icon-wizard.gif) no-repeat 3px 13px;border:0;font-weight:normal;} h2.link, h2.subsection {font-size: 1.1em; } h3 { font-size: .95em; font-weight: bold; text-align: left; color: #252525; } h3.wizard {font-size: 1.2em;font-weight: bold;color: #7b9e52;} h4 { font-size: .85em; font-weight: bold; color: #252525; } h5 { font-size: .75em; font-weight: bold; text-align: left; color: #252525; } .headersmall {font-size:.8em;font-weight:normal;} .section-label {font-weight: bold;} p.only {color:#333;font-size:.9em; } .yes {border: 1px #78a478 solid;color: #006600;background: #e2f9e3;} .no {border: 1px #cc0000 solid;color: #cc0000;background: #f7f9f9;} option.yes {border: 1px #78a478 solid;color: #006600;background: #e2f9e3 ;} option.no {border: 1px #cc0000 solid;color: #cc0000;background: #f7f9f9;} /*------------------------------------------------- LISTS -------------------------------------------------*/ ul.content { color:#252525;} li.content {list-style-type: square;} /* ICON UL 2 COLUMNS */ UL.icon-list-2col LI {color:#252525; } UL.icon-list-2col A:hover LI IMG, UL.icon-list-2col A:visited:hover IMG {text-decoration:underline;} /* ICON LIST */ UL.icon-list LI{color:#333;background-image:none;} /* LOGO LIST */ UL.logo-list-2col LI {color:#333;background-image:none;} UL.inline-list LI{color:#333;background-image:none;} UL.legend LI {color:#333;list-style-type:none;} /*----Definition lists to look like table create by sy on 2/13/07 -----------*/ dl.table-display {font-size:.8em;} .table-display dt {font-weight: bold;} .table-display dd {border-bottom:1px #ccc solid;} /*---Announcement - definition lists to style the announcements. Create by sy on 2/23/07 -----*/ #homepage-dashboard-components p {color:#888;font-size:1em;font-weight:normal;} dl.dashboard-announcements {font-size:1em;} dl.dashboard-announcements dt { font-weight: normal;font-size: 1em;text-decoration:none;} dl.dashboard-announcements dt a {text-decoration:none;} dl.dashboard-announcements dt.issue, dl.dashboard-announcements dt.none {font-weight: normal;font-size: 1em; text-decoration:none; } dl.dashboard-announcements dt.issue {background: transparent url(/static/com/hostway/plugins/commons/images/icon-announcement-issue.gif) no-repeat 3px 0px;} dl.dashboard-announcements dt.none {background: transparent;} dl.dashboard-announcements .dashboard-announcements dd { border-bottom:1px #ccc solid; } dl.dashboard-announcements p { text-align:left;color:#888; } #announcements dl { font-size:1em;} #announcements dt { font-weight: normal;font-size: 1em;text-decoration:none; } #announcements dt a{text-decoration:underline;} #announcements dt.issue { font-weight: normal;font-size: 1em;background: transparent url(/static/com/hostway/plugins/commons/images/icon-announcement-issue.gif) no-repeat 3px 0px;text-decoration:none;} #announcements dt.none { font-weight: normal; font-size: 1em;background: transparent; text-decoration:none;} /*------------------------------------------------- CONTAINERS -------------------------------------------------*/ /*--- Container for positioning, etc ------*/ #container { color: #666; } /*--- Content Container ------*/ #content-container { background-color:#fff; xborder-bottom:solid 5px #6A6353; } .action-container {border-top:1px solid #252525;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} /*------------------------------------------------- NAVIGATION -------------------------------------------------*/ /*--UTILITY NAV (topnav:login, logout, help. etc) ---*/ #utility-nav { font-size: .9em; } #login-utility-nav {background-color: #06c; } #utility-nav a:link, #utility-nav a:visited { color: #e5effa; text-decoration: none; } #utility-nav a:hover { color: #fff; text-decoration: underline; } /*--- Main Nav (tabs)--*/ #main-nav {font-size: 12px;} #main-nav li {background: url(/static/com/hostway/plugins/commons/images/left_en_US_hostway.gif) no-repeat left top;} #main-nav a { background: url(/static/com/hostway/plugins/commons/images/right_en_US_hostway.gif) no-repeat right top; color: #06c; text-decoration: none;font-weight: bold; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #main-nav a {background:transparent url(/static/com/hostway/plugins/commons/images/right_en_US_hostway.gif) no-repeat right top;} /* End IE5-Mac hack */ #main-nav a:hover { color:#06c; text-decoration:underline; background: transparent url(/static/com/hostway/plugins/commons/images/right_en_US_hostway.gif) no-repeat right top; } #main-nav .current {background:url(/static/com/hostway/plugins/commons/images/left_on_en_US_hostway.gif) no-repeat left top;} #main-nav .current a { background:url(/static/com/hostway/plugins/commons/images/right_on_en_US_hostway.gif) no-repeat right top; color:#fff; } #main-nav .current a:hover { background:url(/static/com/hostway/plugins/commons/images/right_on_en_US_hostway.gif) no-repeat right top; color:#fff; } /*---Subsection Nav (sub nav)-------*/ #subsection-nav { background: #FFF url(/static/com/hostway/plugins/commons/images/subsection-background.gif) top left repeat-y; } #subsection-nav ul { text-align:left; } #subsection-nav li { font-size: .9em; border-bottom:solid 1px #fff; color:#535353; background-color: #dfe2ef; } #subsection-nav li a, #subsection-nav li a:link { text-decoration: none; } #subsection-nav li:hover, #subsection-nav li a:hover { color:#535353; background-color: #d1d5e7; } /* mainlink */ #subsection-nav li.mainlink { color:#06c; background-color: #fff; border-bottom: #999 dotted 1px; font-weight:bold; text-decoration: none; } #subsection-nav li.mainlink a, #subsection-nav li.mainlink a:link, #subsection-nav li.mainlink a:visited { color:#06c; background-color: transparent; } #subsection-nav li.mainlink:hover { color:#f90; background-color: #fff; text-decoration: none; } #subsection-nav li.mainlink a:hover, #subsection-nav li.mainlink a:active { color:#f90; background-color: transparent; text-decoration: none; } #subsection-nav li.mainlink-selected { background: #bebebe; background-image: none; } #subsection-nav li.mainlink-selected a, #subsection-nav li.mainlink-selected a:link, #subsection-nav li.mainlink-selected a:visited{color:#838383;} #subsection-nav li.mainlink-selected:hover, #subsection-nav li.mainlink-selected a:hover, #subsection-nav li.mainlink-selected a:active{ color: #535353; background: #bebebe; } /* indent first */ #subsection-nav li.indent-first { color: #535353; background-color: #E6E6E6; font-weight:bold; font-size:.8em; text-decoration: none; font-weight:normal; } #subsection-nav li.indent-first a, #subsection-nav li.indent-first a:link, #subsection-nav li.indent-first a:visited { color:#535353; background-color: #dfefff; } #subsection-nav li.indent-first:hover {color:#535353;} #subsection-nav li.indent-first a:hover, #subsection-nav li.indent-first a:active {color:#535353;} #subsection-nav li.indent-first-selected {} #subsection-nav li.indent-first-selected a, #subsection-nav li.indent-first-selected a:link, #subsection-nav li.indent-first-selected a:visited {color:#535353;} /* indent second */ #subsection-nav li.indent-second { color:#535353; background-color:#fff; font-weight:normal; text-decoration: none; border-bottom:1px solid #e7edf4; font-size:.8em; } #subsection-nav li.indent-second a, #subsection-nav li.indent-second a:link, #subsection-nav li.indent-second a:visited{ color:#535353; background-color: transparent; } #subsection-nav li.indent-second:hover {color:#535353;} #subsection-nav li.indent-second a:hover, #subsection-nav li.indent-second a:active, #subsection-nav li.indent-second a:visited { color:#535353; background: transparent; } #subsection-nav li.indent-second-selected {background: #fff url(/static/com/hostway/plugins/commons/images/icon-selected.gif) 14px no-repeat;} #subsection-nav li.indent-second-selected a, #subsection-nav li.indent-second-selected a:link, #subsection-nav li.indent-second-selected a:visited {color: #838383;} #subsection-nav li.indent-second-selected:hover, #subsection-nav li.indent-second-selected a:hover, #subsection-nav li.indent-second-selected a:active{background: #838383; } #subsection-nav li.selected {background: #fff url(/static/com/hostway/plugins/commons/images/icon-selected.gif) 14px no-repeat;} /* Tabs */ .tabs-container { font-size:1em; } /* tabs for 2col - say 04/01/2007 */ ul.tabs { font-size:.9em; } .box-2col ul.tabs, .box-2col-short ul.tabs {/*font-size:.8em;*/ } .tabs a:link, .tabs a:visited, .box-2col .tabs a:link, .box-2col-short .tabs a:visited, .box-2col .tabs a:link, .box-2col-short .tabs a:visited { color: #252525; background-color: #E6E6E6; text-decoration: none; } .tabs a:hover, .box-2col .tabs a:hover, .box-2col-short .tabs a:hover { color: #fff; text-decoration: underline; } .tabs li a.current { background-color: #B4B4B4; border-top:2px solid #6A6A6A; border-right:1px solid #6A6A6A; border-bottom:1px solid #B4B4B4; border-left:1px solid #6A6A6A; color: #535353; font-weight:bold; } .box-2col .tabs li a.current, .box-2col-short .tabs li a.current { background-color: #e7e5e5; border:0; border-top:2px solid #cecccc; border-right:1px solid #cecccc; border-bottom:1px solid #e7e5e5; border-left:1px solid #cecccc; color: #252525; font-weight:bold; } .tabs li a:hover, .tabs a.current:hover, .box-2col .tabs li a:hover, .box-2col .tabs a.current:hover, .box-2col-short .tabs li a:hover, .box-2col-short .tabs a.current:hover { text-decoration:underline; color: #535353; } .tabs li a:active, .tabs li.active a.current:active, .box-2col .tabs li a:active, .box-2col.tabs li.active a.current:active, .box-2col-short .tabs li a:active, .box-2col-short .tabs li.active a.current:active { text-decoration:underline; color: #535353; } .tabs_reversed li a.current, box-2col .tabs_reversed li a.current, box-2col-short .tabs_reversed li a.current { background-color: #c8cde3; border:0; border-bottom:3px solid #666699; color: #666699; font-weight:bold; } .tabs_reversed li a:hover, .tabs_reversed a.current:hover, box-2col .tabs_reversed li a:hover, box-2col .tabs_reversed a.current:hover, box-2col-short .tabs_reversed li a:hover, box-2col-short .tabs_reversed a.current:hover { background-color: #c8cde3; color: #fff; } .tabs_reversed li a:active, .tabs_reversed li.active a.current:active, box-2col .tabs_reversed li a:active, box-2col .tabs_reversed li.active a.current:active, box-2col-short .tabs_reversed li a:active, box-2col-short .tabs_reversed li.active a.current:active { background-color: #c8cde3; color: #fff; } .tabs-container h2.caption, box-2col .tabs-container h2.caption, box-2col-short .tabs-container h2.caption { text-indent:3px; border-top:1px solid #6A6A6A; border-right:1px solid #6A6A6A; border-bottom:1px solid #B4B4B4; border-left:1px solid #6A6A6A; } .tabcontentstyle{ /*style of tab content container*/ border-top: 0 solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; color:#252525; background-color:#B4B4B4; } .box-2col .tabcontentstyle, .box-2col-short .tabcontentstyle { /*style of tab content container*/ border-top: 0 solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; color:#252525; background-color:#e7e5e5; } /* rounded */ #nav { border-bottom: 1px solid #9FB1BC; } #nav a:link, #nav a:visited { font-size: 10px; font-weight: bold; text-decoration: none; color: #708491; } #nav a:link.active, #nav a:visited.active, #nav a:hover { color: #000; background: url(/static/com/hostway/plugins/commons/images/tab_rounded.gif) no-repeat bottom center; } /* product topnav */ #topbar { background: #c00; border-left: 1px solid #000; font-size: xx-small;} #topbar ul { font-size: xx-small; list-style: none; } #topbar li a { background: #c00; border: none; border-left: 1px solid; color: #fff; } #topbar li.active a { font-weight: bold; } #topbar li a:hover { background-color:#6698cb !important; color: #b00; } #home-link { color: #fff; border: none; font-size: xx-small;} #home-link:hover { background: #fff; color: #b00; } #topnav { background: #fff url(/static/com/hostway/plugins/commons/images/whtgrad.png) repeat-x; border-top: 3px solid #336666; border-bottom: 0 solid #000; } #topnav li.active { color: #fff; font-weight: bold; } #topnav a { border-bottom: none; border-right: 1px solid #ddd; color: #555; font-size: .9em; text-decoration: none; background-color:#6698cb; } #topnav a.trac { color: #800;} #topnav a.blog { color: #760;} #topnav li.active a { background: #000 url(/static/com/hostway/plugins/commons/images/blkgrad.png) repeat-x; color: #E6E6E6; } #topnav li a:hover { background: #999; color: #E6E6E6; } #topnav li.active a:hover { color: #E6E6E6; } /*---- product navigation called "product-nav" http://css.maxdesign.com.au/listamatic/horizontal03.htm------*/ #product-nav ul { background-color: #6698cb; color: #666; font-size:1em; } #product-nav ul li a, #product-nav ul li a:active { background-color: #6698cb; color: #fff; text-decoration: none; border-right: 1px solid #fff; border-bottom:2px #6698cb solid; vertical-align:center; font-size:.9em; } #product-nav ul li a:hover {text-decoration:underline;} #product-nav ul li.selected a, #product-nav ul li.selected a:link, #product-nav ul li.selected a:visited { background: #d76e21 ; background-image: none; border-bottom:2px #bebebe solid; font-weight:bold; color:#fff; } /* product tabs */ div#product-tabs ul { font-size:.90em; color:#000; } ul#menu { background-color:transparent; list-style-type:none; } ul#submenu { background-color:#c7ddf8; list-style-type:none; } ul#submenu li+li { border-left:1px solid #ccc; } div#product-tabs a:link, div#product-tabs a:visited, div#product-tabs a:hover { color:#4161bd; text-decoration:none; background-color:#eef4fd; } div#product-tabs ul#menu a:link, div#product-tabs ul#menu a:visited { font-weight:normal; border:1px solid #89b3e9; text-transform:none; background-repeat:repeat-x; background-position:bottom left; } div#product-tabs ul#menu a:hover { background-color:#c7ddf8; border-bottom-color:#24568E; } div#product-tabs ul#menu li.sel a:link, div#product-tabs ul#menu li.sel a:visited, div#product-tabs ul#menu li.sel a:hover { text-transform:none; background-color:#c7ddf8; border-bottom-color:#24568E; } div#product-tabs ul#submenu li a:link, div#product-tabs ul#submenu li a:visited, div#product-tabs ul#submenu li a:hover, div#product-tabs ul#submenu li a { background-color:#c7ddf8; background-image:none; font-weight:normal; border:0; color:#4161bd; text-decoration:none; } div#product-tabs ul#submenu a:hover {text-decoration:underline;} div#product-tabs ul#submenu li.sel a:link, div#product-tabs ul#submenu li.sel a:visited, div#product-tabs ul#submenu li.sel a:hover { background-image:none; background-color:#ffcc67; font-weight:bold; } .container { border: 0; } #nav { border-bottom: 1px solid #9FB1BC;} /*- Tab Boxes by say 3/22/07 ---------*/ .tabBox ul { font-size: .95em; background: url(/static/com/hostway/plugins/commons/images/moduleTab_bottom.gif) repeat-x bottom;} .tabBox ul li { background: url(/static/com/hostway/plugins/commons/images/moduleTab_inactive_right.gif) no-repeat top right;} .tabBox.mostRead ul li.mostRead, .tabBox.mostEmailed ul li.mostEmailed, .tabBox.mostDiscussed ul li.mostDiscussed, .tabBox.slideShows ul li.slideShows, .tabBox.videos ul li.videos { background: url(/static/com/hostway/plugins/commons/images/moduleTab_active_right.gif) no-repeat top right;} .tabBox ul li a { background: url(/static/com/hostway/plugins/commons/images/moduleTab_inactive_left.gif) no-repeat left top; } .tabBox.mostRead ul li.mostRead a, .tabBox.mostEmailed ul li.mostEmailed a, .tabBox.mostDiscussed ul li.mostDiscussed a, .tabBox.slideShows ul li.slideShows a, .tabBox.videos ul li.videos a { background: url(/static/com/hostway/plugins/commons/images/moduleTab_active_left.gif) no-repeat left top; font-weight: bold; color: #666; text-decoration: none; } .tabBox ol li { font-size: 1em; } .tabBox p { font-size: 1.2em; background: url(/static/com/hostway/plugins/commons/images/feed_icon_16x16.gif) no-repeat 0 70%; } /*----- Tab Boxes 1 2col box by say 3/30/07 --------------*/ box-2col-short.tabBox ul { font-size: .95em; background: url(../images/img-module-tab-bottom.gif) repeat-x bottom; } box-2col-short.tabBox ul li { background: url(../images/img-module-tab-inactive-right.gif) no-repeat top right; } box-2col-short.tabBox.mostRead ul li.mostRead, box-2col-short.tabBox.mostEmailed ul li.mostEmailed, box-2col-short.tabBox.mostDiscussed ul li.mostDiscussed, box-2col-short.tabBox.slideShows ul li.slideShows, box-2col-short.tabBox.videos ul li.videos { background: url(http://images.businessweek.com/gen/tab_box/moduleTab_active_right.gif) no-repeat top right; } box-2col-short.tabBox ul li a { background: url(http://images.businessweek.com/gen/tab_box/moduleTab_inactive_left.gif) no-repeat left top; } box-2col-short.tabBox.mostRead ul li.mostRead a, box-2col-short.tabBox.mostEmailed ul li.mostEmailed a, box-2col-short.tabBox.mostDiscussed ul li.mostDiscussed a, box-2col-short.tabBox.slideShows ul li.slideShows a, box-2col-short.tabBox.videos ul li.videos a { background: url(http://images.businessweek.com/gen/tab_box/moduleTab_active_left.gif) no-repeat left top; font-weight: bold; color: #666; text-decoration: none; } box-2col-short.tabBox ol li { font-size: 1em; } box-2col-short.tabBox p { font-size: 1.2em; background: url(/static/com/hostway/plugins/commons/images/feed_icon_16x16.gif) no-repeat 0 70%; } /*------------------------------------------------- PROCESSES -------------------------------------------------*/ /*----Wizard ---*/ #wizard-container {border-left:1px solid #ccc; border-top:1px solid #fff;background:#fff;} #wizard-container-rounded-bottom {background: url(/static/com/hostway/plugins/commons/images/rounded-bottom.gif) left no-repeat;} #wizard-button-container {text-align:right;} #input-image-back {background: transparent url(/static/com/hostway/plugins/commons/images/icon-arrow-left.gif) no-repeat 5px 0px;border: 0;color: #252525;text-align: center; font-size: .9em;text-decoration:underline; color: #0066cc;} #input-image-back:hover {background: transparent url(/static/com/hostway/plugins/commons/images/icon-arrow-left-hover.gif) no-repeat 5px 0px;color: #ff9900;text-decoration: none;} #input-image-continue {background: transparent url(/static/com/hostway/plugins/commons/images/icon-arrow-right.gif) no-repeat 5px 0px;border: 0;text-align: center; font-size: .9em;text-decoration:underline;color: #0066cc;} #input-image-continue:hover {background: transparent url(/static/com/hostway/plugins/commons/images/icon-arrow-right-hover.gif) no-repeat 5px 0px;color: #ff9900;text-decoration: none;} /*-----process steps------*/ ul#process-steps {font-size:.85em;} #process-steps a:link, #process-steps a:visited {color: #252525;background-color: #ddd;text-decoration: none;} #process-steps a:hover {color: #fff;background-color: #369;text-decoration: none;} #process-steps li a#current {background-color: #CCFFBF;border:0;border-top:3px solid #24B300;color: #24B300;font-weight:bold;} #process-steps li a#completed {background-color: #CCCCCC;border:0;color: #999;font-weight:bold;} #process-steps li a:hover, #process-steps a#current:hover {background-color: #777;color: #fff;} #process-steps li a:active, #process-steps li#active a#current:active {background-color: #667;color: #fff;} /* progress take 2 */ .progresstable tr.counter td {text-align:center;font:.8em verdana, arial, helvetica, sans-serif;} .progresstable td.step {background:#CECFCE;color:#fff;} .progresstable tr td.active {background:#7B9E52;font-weight:bold;font-size:.85em;} .progresstable tr.captions td { background:none; text-align:center; color:#9C9B9C; font-size:.8em; } .progresstable tr.captions td.active { color:#404040; font-size:.8em; } /* setup wizard substeps */ #progress-substeps ul { background-color: #fff; color: #fff; font-family: verdana, arial, helvetica, sans-serif; font-size:.9em; } #progress-substeps ul li { color: #242424; border-right: 1px solid #fff; border-bottom:1px #ccc solid; } #progress-substeps ul li a { color: #242424; text-decoration: none; border-right: 1px solid #fff; } #progress-substeps ul li.current { background-color: #7b9e52; color: #fff; border-right: 1px solid #fff; border-bottom:1px #ccc solid; } #progress-substeps ul li.completed { color: #9C9B9C; background-color: #CECFCE; } /*--- working on homepage (optional notes) css SY on 3/09/07------*/ #round-box { text-align: left; background-color: #E6E6E6; } #round-content { background-color: #E6E6E6; } #round-content h1 { color:#0354c2; font-weight: bold; font-size: 1.2em; font-family: helvetica, geneva, arial, sans-serif; } #round-content p { color:#3b3b3b; font-size: 1em; line-height: 1.3em; font-family: arial, helvetica, sans-serif; } /* ---=== border code follows ===--- */ /* tlc = top left corner trc = top right corner blc = bottom left corner brc = bottom right corner lb = left border rb = right border tb = top border bb = bottom border */ #tlc, #trc, #blc, #brc { background-color: transparent; background-repeat: no-repeat; } #tlc { background-image:url(/static/com/hostway/plugins/commons/images/img-tlc.gif); background-position: 0% 0%; } #trc { background-image:url(/static/com/hostway/plugins/commons/images/img-trc.gif); background-position: 100% 0%; } #blc { background-image:url(/static/com/hostway/plugins/commons/images/img-blc.gif); background-position: 0% 100%; } #brc { background-image:url(/static/com/hostway/plugins/commons/images/img-brc.gif); background-position: 100% 100%; } #tb, #bb { background-color: transparent; background-repeat: repeat-x; } #tb { background-image:url(/static/com/hostway/plugins/commons/images/img-tb.gif); background-position: 0% 0%; } #bb { background-image:url(/static/com/hostway/plugins/commons/images/img-bb.gif); background-position: 50% 100%; } #rb { background-image:url(/static/com/hostway/plugins/commons/images/img-r.gif); background-position: 100% 0%; background-repeat: repeat-y; } #lb { background-color: #E6E6E6; background-image:url(/static/com/hostway/plugins/commons/images/img-l.gif); background-position: 0% 100%; background-repeat: repeat-y; } /*------------------------------------------------- MESSAGES -------------------------------------------------*/ .message { text-align: left; border: 1px solid #ccc; font-size: 11px; } /* 1. preconfirmation */ .message-preconfirmation { border: 1px #f1c02d solid; color:#6600ee; background: #ffffcb url(/static/com/hostway/plugins/commons/images/icon-preconfirm.png) 12px 12px no-repeat; } .message-preconfirmation strong { color:#000; font-size: 1.25em; font-weight:bold; } .message-preconfirmation strong.subheader { color:#000; font-size: 1em; font-weight:bold; } .message-preconfirmation p { color:#000; font-weight: normal; } .message-preconfirmation li { color:#252525; } /* 2. pending */ .message-pending { border: 1px #358ce3 solid; color: #0066cc; background: #f7f9f9 url(/static/com/hostway/plugins/commons/images/icon-pending.gif) 12px 12px no-repeat; } .message-pending strong { color:#0066cc; font-size: 1.25em; font-weight:bold; } .message-pending strong.subheader { color:#0066cc; font-size: 1em; font-weight:bold; } .message-pending p { color:#0066cc; font-weight: normal; } .message-pending li {color: #0066cc;} /* 3. confirmation */ .message-confirmation { border: 1px #78a478 solid; color: #006600; background: #e2f9e3 url(/static/com/hostway/plugins/commons/images/icon-confirmation.gif) 12px 12px no-repeat; } .message-confirmation strong { color:#127112; font-size: 1.25em; font-weight:bold; } .message-confirmation strong.subheader { color:#127112; font-size: 1em; font-weight:bold; } .message-confirmation p { color:#127112; font-weight: normal; } /* 4. error */ .message-error { border: 1px #cc0000 solid; color: #cc0000; background: #fdd url(/static/com/hostway/plugins/commons/images/icon-error.gif) 12px 12px no-repeat; } .message-error strong { color:#cc0000; font-size: 1.25em; font-weight:bold; } .message-error strong.subheader { color:#cc0000; font-size: 1em; font-weight:bold; } .message-error p { color:#cc0000; font-weight: normal; } .message-error li { color:#cc0000; } /* 5. notification */ .message-notification { border: 1px #cccc99 solid; color: #252525; background: #f5f5f5 url(/static/com/hostway/plugins/commons/images/icon-notification.gif) 12px 12px no-repeat; } .message-notification strong { color:#000; font-size: 1.25em; font-weight:bold; } .message-notification strong.subheader { color:#000; font-size: .9em; font-weight:bold; } .message-notification p { color:#000; font-weight: normal; } .message-notification li { color: #252525; } /*---Ajax Loading-----*/ .dialog-info { background: #fff url(/static/com/hostway/plugins/commons/images/ajax-loader.gif) center 3px no-repeat; font-size: .95em; border: 1px dotted #4456ac; } /*------------------------------------------------- CURRENTLY MANAGING -------------------------------------------------*/ .currently-managing, .currently-managing-readonly { font-size: 1.1em; color:#252525; background: transparent url(/static/com/hostway/plugins/commons/images/rounded-top.gif) no-repeat; } .currently-managing label { font-size: 1.1em; font-weight:bold; color:#252525; } /*------------------------------------------------- CURRENT ACTION -------------------------------------------------*/ .current-action { font-size: 1.1em; color:#252525; background: transparent url(/static/com/hostway/plugins/commons/images/img-action-rounded-top.gif) no-repeat; } .current-action .create, .current-action .edit, .current-action .wizard { border:0; } .current-action .create {background: url(/static/com/hostway/plugins/commons/images/icon-create.gif) no-repeat 0 0 ;} .current-action .edit { background: url(/static/com/hostway/plugins/commons/images/icon-edit.gif) no-repeat 0 0;} .current-action .wizard {background: url(/static/com/hostway/plugins/commons/images/icon-wizard.gif) no-repeat 0 0 ;} .current-action strong.required { background: url(/static/com/hostway/plugins/commons/images/icon-no24.gif) no-repeat 3px 0; color: #cc0000; } /*------------------------------------------------- BOXES -------------------------------------------------*/ .box { text-align: left; border: 1px solid #ccc; font-size: .9em; } .box-noclear { text-align: left; border: 1px solid #ccc; font-size: .85em; } .box td.status { font-weight:bold; font-size:1em; } .box td.total { background-color:transparent; font-weight:bold; font-size:1.1em; } .box td.expires30 { color:#fff; background-color:#900000; font-weight:bold; font-size:1.1em; } .box h2 { font-size: 1.2em; border-bottom: 0; } .box h3 { font-size: 1em; border-bottom: 0; color:#4051A5; } .box UL LI { font-size: 1em; color:#252525; list-style-image: url(/static/com/hostway/plugins/commons/images/img-bullet-general.gif); } /* box usage */ .box-usage { border:1px solid #ddd; color: #333; background: #E6E6E6; } .box-usage caption { color: #535353; font-size:1.2em; font-weight:bold; } .box-usage h2, .box-usage table.table-info h2 { color: #535353; font-size:1.2em; font-weight:bold; } /* this will ensure that all links and buttons within the following elements looks the same added by say on 3/27/07 */ .box-usage .button-container input, .box-usage .button-container a:link, .box-usage .button-container a:visited, .box-1col .button-container input, .box-1col .button-container a:link, .box-1col .button-container a:visited, .box-1col-short .button-container input, .box-1col-short .button-container a:link, .box-1col-short .button-container a:visited, .box-2col .button-container input, .box-2col .button-container a:link, .box-2col .button-container a:visited, .box-2col-short .button-container input, .box-2col-short .button-container a:link, .box-2col-short .button-container a:visited {font-size:.9em;font-weight: bold;font-family:verdana;color: #252525;background: #ccc;text-align: center;text-decoration: none; border-top: 1px solid #cccccc;border-bottom: 1px solid #000;border-left: 1px solid #cccccc;border-right: 1px solid #000;} .box-usage .button-container input:hover, .box-usage .button-container a:hover {background: #EE0000; } .box-usage .button-container input:active, .box-usage .button-container a:active {text-decoration: none;border-style: inset;} /* box info */ .box-info {border-color: #ccc;color: #333;background: #f6f6f6;} .box-info caption {color: #535353;font-size:.96em;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #ccc ;text-align:left;} .box-info th {font-weight:bold;} .box-info p {font-size: 1em;} .box-info .form-label {font-size: 1em;font-weight:bold;} .box-info .form-value {font-size: 1em;font-weight:normal;} .box-info .button-container {background:none;} /* box 1 col & box 1 col short*/ .box-1col, .box-1col-short { background: #f6f6f6; font-size:.9em; } .box-1col-short {border-color: #ccc; color: #252525;} /* box 2 col & box 2 col with shorter content */ .box-2col, .box-2col-short {font-size:.9em;background: #f6f6f6;border-color: #ccc; } /* box 3 col */ .box-3col {background: #f6f6f6;border-color: #ccc;color: #333; font-size:.9em; } .box-1col table, .box-1col-short table, .box-2col table, .box-2col-short table, .box-3col table {font-size:1.2em;} .box-1col h2, .box-1col-short h2, .box-2col h2, .box-2col-short h2, .box-3col h2 {color: #535353; font-size:1.2em;font-weight:bold;text-align:left;} .box-1col h3, .box-1col-short h3, .box-2col h3, .box-2col-short h3, .box-3col h3 {color: #530E21;font-size:1em;font-weight:bold;border-bottom:1px solid #ccc ;text-align:left;} .box-1col caption, .box-1col-short caption, .box-2col caption, .box-2col-short caption, .box-3col caption {color: #530E21;font-size:1.2em;font-weight:bold; text-align:left;} .box-1col th, .box-1col-short th, .box-2col th, .box-2col-short th, .box-3col th {font-weight:normal; color: #fff;text-align: left; font-size:.9em;border:0;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background-color: none; } .box-1col table.summary th, .box-1col-short table.summary th, .box-2col table.summary th, .box-2col-short table.summary th , .box-3col table.summary th {font-weight:normal; color: #fff;background-color: #a3a3a3;text-align: left; vertical-align:top;font-size:.9em;border:0; border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .box-1col table.summary th.subcategory, .box-1col-short table.summary th.subcategory, .box-2col table.summary th.subcategory, .box-2col-short table.summary th.subcategory, .box-3col table.summary th.subcategory {text-align: left;color: #252525;font-size:.85em;font-style: italic;font-weight:normal;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background-color: #C4C4C4;} .box-1col td, .box-1col-short td, .box-2col td, .box-2col-short td, .box-3col td {font-weight:normal; text-align: left;color: #252525;vertical-align:top;font-size:.85em;border:0;line-height:.95em; background-color: transparent; } .box-1col table.summary td, .box-1col-short table.summary td, .box-2col table.summary td, .box-2col-short table.summary td, .box-3col table.summary td {font-weight:normal; background-color: #e7e7e7;text-align: left;color: #252525;font-size:.9em;border:0; border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .box-1col p, .box-1col-short p, .box-2col p, .box-2col-short p, .box-3col p {font-size: 1em;line-height:1.3em;} /* text area within boxes - say 03/02/2007 */ .box-2col textarea, .box-2col-short textarea { border: 1px solid #818181;font-size:1.2em;} .box-2col input.text, .box-2col-short input.text { border: 1px solid #818181;font-size:1.2em;} /* text area within boxes - say 03/02/2007 */ .box-1col textarea, .box-1col-short textarea, .box-3col textarea { border: 1px solid #818181; font-size:1.2em;} /* one of the below labels( A or B) must go say 02/16/2007 */ /* A. */ .box-1col .form-label, .box-1col-short .form-label, .box-2col .form-label, .box-2col .form-label, .box-3col .form-label {font-size: 1em;font-weight:bold;} /* B. */ .box-1col label, .box-1col-short label, .box-2col label, .box-2col label, .box-3col label {font-size: 1em;font-weight:bold;text-align:left;} /* one of the below values (A or B) must go say 02/16/2007 */ /* A. */ .box-1col .form value, .box-1col-short .form value, .box-2col .form-value, .box-2col-short .form-value, .box-3col .form-value {font-size: 1em;font-weight:normal;} /* B. */ .box-1col value, .box-1col-short value, .box-2col value, .box-2col-short value, .box-3col value {text-align:left;vertical-align:top;} /* one of the below values (A or B) must go say 02/16/2007 */ /*A. */ .box-1col .value .amount, .box-1col-short .value .amount, .box-2col .value .amount, .box-2col-short .value. amount, .box-3col .value .amount {text-align:right;} /*b. */ .box-1col .value-amount, .box-1col-short .value-amount, .box-2col .value-amount, .box-2col-short .value-amount, .box-3col .value-amount {text-align:right;} /* button container within boxes - say 02/16/2007 */ .box-1col .button-container, .box-1col-short .button-container, .box-2col .button-container, .box-2col-short .button-container, .box-3col .button-container {background:none;} /* box activate, purchase, and upgrade */ .box-activate, .box-purchase, .box-upgrade {background: #f6f6f6} .box-activate h2, .box-purchase h2, .box-upgrade h2 { text-align:center;color: #fff;BORDER-BOTTOM: 4px double #fff; } .box-activate h2 {background-color: #EDBD00;} .box-purchase h2 {background-color: #D07500;} .box-upgrade h2 {background-color: #f87810;} .box-activate h3 {color:#535353;} .box-purchase h3 {color:#D07500;} .box-upgrade h3 {color:#333;} .box-activate .form-label, .box-purchase .form-label, .box-upgrade .form-label {font-size: 1em;} .box-activate .form-value, .box-purchase .form-value, .box-upgrade .form-value {font-size: 1.2em;} .box-activate p, .box-purchase p, .box-upgrade p {color: #252525;font-size:1em;} .box-activate caption, .box-purchase caption, .box-upgrade caption {color: #252525;} .box-activate ul, .box-purchase ul, .box-upgrade ul, .box-activate li, .box-purchase li, .box-upgrade li {list-style-image: url(/static/com/hostway/plugins/commons/images/global/css/bullet.gif);color: #EDBD00;} /* box activate */ .box-activate {border: 1px #E5E0CE solid;background: #f6f6f6;} /* box purchase */ .box-purchase {border: 1px solid #E8D4BA;background: #F4F1EC;} /* box upgrade */ .box-upgrade {border: 1px solid #fbe9d7;background: #faf4ef;} /*------------------------------------------------- TABLES -------------------------------------------------*/ table {font-size: 1em;} table caption {text-align:left;} div.table-actions {color: #333;background-color: #E6E6E6;border-top:1px solid #E6E6E6;border-right: 1px solid #E6E6E6;border-left:1px solid #E6E6E6;} .table-actions input, .table-actions input:link, .table-actions input:visited {border-top: 1px solid #cccccc;border-bottom: 1px solid #000;border-left: 1px solid #cccccc;border-right: 1px solid #000;color: #252525;background: #ccc;text-align: center;text-decoration: none;font-weight:bold;font-size:1em;} .table-actions input:hover {background: #EE0000;text-decoration: none;} .table-actions input:active {font-weight: bold;color: #FFFFFF;background-color: #666666;border-style: inset;} .table-actions input:focus {background-color: #6B6A6A;} .table-actions a:link, .table-actions a:visited {border-top: 1px solid #cccccc;border-bottom: 1px solid #000;border-left: 1px solid #cccccc;border-right: 1px solid #000;background: #ccc;text-align: center;text-decoration: none;font-weight:bold;color: #252525;font-size:1em;} .table-actions a:hover {background: #E6E6E6;text-decoration: none;} .table-actions a:active {border-bottom: 1px solid #E6E6E6;border-top: 1px solid #000;border-right: 1px solid #E6E6E6;border-left: 1px solid #000;text-decoration: none;} /* common table items */ .grandtotal {background-color: #ffffcb;font-weight:bold;font-size: 1.1em;} /* search results*/ table.search-results {border:0;border-bottom:1px solid #ccc; background:#fff;} table.search-results caption {text-align:left;font-size: 1em;font-weight: bold;color: #252525;background-color:#787878;border-right: 2px solid #fff;border-bottom: 0;} table.search-results th {background-color: #e7e7e7;text-align: left;color: #252525;vertical-align:top;font-size:.9em;border:0;border-right: 1px solid #fff;border-bottom: 1px solid #fff;} table.search-results th.subcategory { text-align: left; color: #252525; font-size:.85em; font-style: italic; font-weight:normal; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #E6E6E6; vertical-align:bottom; } table.search-results th.sortable { background-color: #cac9c9; } table.search-results th.descending, table.search-results th.order1 { background: #d2d2d2 url(/static/com/hostway/plugins/commons/images/search-results-table-down-arrow.gif) right no-repeat ; } table.search-results th.ascending, table.search-results th.order2 { background: #d2d2d2 url(/static/com/hostway/plugins/commons/images/search-results-table-up-arrow.gif) right no-repeat; } table.search-results th.sortable a:link, table.search-results th.sortable a:hover, table.search-results th.sortable a:visited { color: #252525; text-decoration: none; background-color: transparent; } table.search-results th a:link, table.search-results th a:hover, table.search-results th a:visited { color: #252525; background-color: #d2d2d2; text-decoration: none; } table.search-results td { border-bottom: 1px solid #ddd; font-size:.92em; color:#252525; } table.search-results td.taken { color:#CC0000;} table.search-results td.searching { color:blue; background: #fff url(/static/com/hostway/plugins/commons/images/ajax-loader.gif) 5px center no-repeat; } table.search-results td.available { color:green;} table.search-results td.subcategory, table.search-results td.subcategorydata { font-weight: normal; font-size: .9em; font-style: italic; } table.search-results td.subcategory-error, table.search-results strong.error, table.search-results td.error {color: #cc0000;} /* table radio */ table.radio caption { font-size: 1.1em; font-weight: bold; color: #252525; border-bottom: 1px solid #cccccc; text-align: left; } p.radio{ font-size:.95em; } table.radio td.label { font-size:.93em; font-weight:400; text-align:left; } table.radio td.value { font-size:.93em; text-align:left; } /* table form small first column begin */ table.form-narrow-first-col td { font-size:1em; } table.form-narrow-first-col th { background-color: #e7e7e7; text-align: left; color: #252525; border-right: .1em solid #e2e1e1; border-bottom:.1em solid #ccc; font-size:.9em; } table.form-narrow-first-col td label { vertical-align:top; font-weight:bold; font-size:1.1em; } /* table form small first column ends */ /* transactions / purchase table */ table.transactions { border-bottom:3px solid #ccc; } table.transactions caption { text-align:left; font-size: 1em; font-weight: bold; color: #252525; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-color:#d3e1ef; } table.transactions tr { background-color: #fff; text-decoration: none; } tr.highlight:hover, tr.hlt { background-color: #ffb; text-decoration: none; } table.transactions th { background-color: #e7e7e7; text-align: left; color: #252525; ; font-size:.9em; border:0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } table.transactions th.sortable { background-color: #cac9c9; } table.transactions th.descending, table.transactions th.order1 { background: #d2d2d2 url(/static/com/hostway/plugins/commons/images/search-results-table-down-arrow.gif) no-repeat right ; } table.transactions th.ascending, table.transactions th.order2 { background: #d2d2d2 url(/static/com/hostway/plugins/commons/images/search-results-table-up-arrow.gif) no-repeat right; } table.transactions th.sortable a:link, table.transactions th.sortable a:hover, table.transactions th.sortable a:visited { color: #252525; text-decoration: none; background-color: transparent; } table.transactions th a:link, table.transactions th a:hover, table.transactions th a:visited { color: #252525; background-color: #d2d2d2; text-decoration: none; } table.transactions td { border-bottom: 1px solid #E6E6E6; font-size:.9em; background:#fff; } table.transactions input.checkbox { border: 0; } table.transactions td.parent { font-weight: bold; font-size: .9em; } table.transactions td.parent-hidden { font-weight: normal; font-size: .9em; color:#fff; } table.transactions td.subcategory, table.transactions td.child { font-weight: normal; font-size: .9em; font-style: italic; } table.transactions td.grandchild { font-weight: normal; font-size: .9em; font-style: italic; } table.transactions td.error { color: #cc0000; } table.transactions strong.error { color: #cc0000; } /* transactions subtotal and total */ table.transactions-total tr { background-color: #fff; text-decoration: none; } table.transactions-total th { background-color: #e7e7e7; text-align: left; color: #252525; font-size:.9em; border:0; } table.transactions-total td { font-size:.9em; border:0; background:#fff; } /* Comparison table */ table.comparison { border-bottom:3px solid #ccc; } table.comparison caption { text-align:left; font-size: 1em; font-weight: bold; color: #252525; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-color:#787878; } table.comparison tr { background-color: #fff; text-decoration: none; } table.comparison th { background-color: #e7e7e7; text-align: left; color: #252525; font-size:.9em; border:0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } table.comparison th.none { border:0; background-color:#FFFFFF; } table.comparison th.good { background-color: #EDBD00; color:#fff; } table.comparison th.better { background-color: #D07500; color:#fff; } table.comparison th.best { background-color: #D07500; color:#fff; } table.comparison th.activate { background-color: #EDBD00; color:#fff; } table.comparison th.purchase { background-color: #D07500; color:#fff; } table.comparison th.upgrade { background-color: #f87810; color:#fff; } table.comparison th.currentplan { background-color: #CCFF99; color:#fff; } table.comparison th.shaded { background-color: #e8f0f8; } table.comparison td { border-bottom: 1px solid #E6E6E6; font-size:.9em; background:#fff; } table.comparison td.currentplan { border-bottom: 0; background-color: #CCFF99; font-weight:normal; } table.comparison td.shaded { background-color: #e8f0f8; } table.comparison input.checkbox { border: 0; } table.comparison td.parent { font-weight: bold; font-size: .9em; } table.comparison td.parent-hidden { font-weight: normal; font-size: .9em; color:#fff; } table.comparison td.subcategory, table.comparison td.child { font-weight: normal; font-size: .9em; font-style: italic; } table.comparison td.grandchild { font-weight: normal; font-size: .9em; font-style: italic; } table.comparison td.error, table.comparison strong.error { color: #cc0000;} table.date-selector { color:#252525; font-weight:normal; font-size:.9em; text-align:left; background-color:#B4B4B4; border-top:#666699 solid 1px; border-top:1px solid #6A6A6A; border-right:1px solid #6A6A6A; border-bottom:1px solid #6A6A6A; border-left:1px solid #6A6A6A; } table.date-selector-readonly { color:#252525; font-size:.9em; font-weight:800; background:#efefef; border-top:0; border-bottom:1px solid #c7c6c6; } /*------------------------------------------------- PAGINATION -------------------------------------------------*/ .pagination { background: #f2f2f2; color:#666; border: 1px solid #ddd; font-size:.85em; } .pagination p { text-align:right; } .pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active { text-decoration:none; background:#fff; border: 1px solid #ccc; } .pagination p a:hover {background-color: #CCFFBF;color: #24B300;} .pagination p span {text-decoration:none;background:#fff;border: 1px solid #ccc;color:#ccc} .pagination h4 {border:none; } /*------------------------------------------------- SPOTLIGHT -------------------------------------------------*/ /* spotlight scroller*/ .spotlight { background: #92b2d2; color:#666; border: 1px solid #ddd; font-size:1.3em; } .spotlight p { /*position:relative;*/ text-align:right; font-size:.9em; } .spotlight img { border:0; } .spotlight p a:link, .spotlight p a:visited, .spotlight p a:hover, .spotlight p a:active { text-decoration:none; background:#fff; border: 1px solid #ccc; } .spotlight p a:hover {background-color: #fbac65;color: #FFF;} .spotlight p a.selected {background-color: #ff7d00;color: #FFF;} .spotlight p span {text-decoration:none;background:#fff;border: 1px solid #ccc;color:#ccc} .spotlight h4 {border:none;} /* Added for homepage spotlight section by stu young 3/26/07 */ /* spotlight container */ .spotlight-container { background: #f6f6f6; border-color: #ccc; color: #252525; font-size:.9em; } .spotlight-container .rightcol { border-left:1px dashed #ccc; } /*for the word spotlight*/ .spotlight-container .rightcol { border-left:1px dashed #ccc; } /*------------------------------------------------- GRAPHS -------------------------------------------------*/ /* Vertical CSS Bar Graph */ #vertgraph { background: url(/static/com/hostway/plugins/commons/images/g_backbar.gif) no-repeat; } #vertgraph ul li { background: url(/static/com/hostway/plugins/commons/images/g_colorbar3.jpg) no-repeat !important; text-align: center; font-weight: bold; color: white; line-height: 2.5em; } #vertgraph li.gold { left: 24px; background-position: 0px bottom !important; } #vertgraph li.goldplus { left: 101px; background-position: -28px bottom !important; } #vertgraph li.platinum { left: 176px; background-position: -56px bottom !important; } #vertgraph li.low { left: 251px; background-position: -84px bottom !important; } #vertgraph li.info { left: 327px; background-position: -112px bottom !important; } /* Basic CSS Bar Graph*/ .graph { border: 1px solid #B1D632; } .graph .bar { background: #B1D632; text-align: center; color: #333; line-height: .9em; font-size:.8em; } .graph .bar span { position: absolute; left: 1em; vertical-align:top; } /*------------------------------------------------- FOOTER -------------------------------------------------*/ #footer { font-size: 0.8em; color:#fff; } #login-footer { text-align: center; font-size: 0.8em; color: #fff; } /*------------------------------------------------- ANNOUNCEMENTS -------------------------------------------------*/ /*----Expand & Collapse----*/ div.toggleshow { background: #fff; border: #000 solid 1px; color: #000; } .teaser { background:#fff url(/static/com/hostway/plugins/commons/images/tsr-b.gif) bottom left no-repeat; } .teaser h3 { background:url(/static/com/hostway/plugins/commons/images/tsr-t.gif) top left no-repeat; } .teaser p, .teaser a.more { border:1px solid #d8d8d8; border-width:0 1px; } .teaser a.more { background:url(/static/com/hostway/plugins/commons/images/tsr-a.gif) 410px 50% no-repeat; text-decoration:none; color:#44a; } .teaser a.more:hover {text-decoration:underline;} /* Announcements */ #announcements p { text-align:left; color:#252525; } #announcements p.date { color:#666; } /* Tool Tip */ a.info{ color:#000; text-decoration:none; } a.info:hover{background-color:none;text-decoration:none;} a.info:hover span{ /*the span will display just on :hover state*/ border:1px solid #0cf; background-color:#cff; color:#000; text-align: left; } /*------------------------------------------------- HELP created 4/6/07 by SAY -------------------------------------------------*/ .help { font-size:.8em; border:1px solid #ccc; background: #FFFFCC url(/static/com/hostway/plugins/commons/images/woman1_final.gif) no-repeat 3px 3px; } .icon-help { font-size: .9em; background: transparent url(/static/com/hostway/plugins/commons/images/icon_help.gif) no-repeat 0px 15px; } /*------------------------------------------------- PRICING -------------------------------------------------*/ .price { font-weight: bold; font-size:1em; background-color:transparent; } caption.price { font-weight: bold; border-bottom:0; } .price-label { font-weight: bold; font-size:.9em; } .price-value { font-weight: bold; font-size:1em; } /*------------------------------------------------- JAVASCRIPT RELATED -------------------------------------------------*/ /** Cursors for expand and Collapse **/ .expand-collapse-trigger .expanded, .expand-trigger .expanded {background: transparent url(/static/com/hostway/plugins/commons/images/icon_expanded.gif) no-repeat;} .expand-collapse-trigger .collapsed, .expand-trigger .collapsed{background: transparent url(/static/com/hostway/plugins/commons/images/icon_collapsed.gif) no-repeat;}