/*_______________________________________________________________________________________________ Title: vWorker 1. BASE 1.1 Reset 1.2 Defaults 1.3 Basics 2. LAYOUT 2.1 Structure 2.2 Header 2.2.1 Logo 2.2.2 Navigation 2.2.3 Tools 2.3.1 Text Styling 2.3.2 Boxes & Wrappers 2.4 Sidebar 2.5 Footer 3. INDIVIDUAL PAGES 3.2 Popup/small header 4. PLUGINS 4.1 Fancybox 1.3.1 5.0 Content/Content-inner 6.0 Legacy menu 7.0 Custom-Legacy Notes: font size 1 = 10px .FontSize1 font size 2 = 13px .FontSize2 font size 3 = 16px .FontSize3 Other: # is id selector . is class selector _______________________________________________________________________________________________*/ /* 1. BASE _______________________________________________________________________________________________ /* 1.1 Reset _______________________________________________________________________________________________*/ html, body, dl, dt, dd {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;} .header p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header ul, .header li, .header ol, .header fieldset, .footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer ul, .footer li, .footer ol, .footer fieldset .sidebar p, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .sidebar ul, .sidebar li, .sidebar ol, .sidebar fieldset {margin:0;padding:0;border:0; outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table th {font-weight:bold;} strong {font-weight:bold;} em {font-style:italic;}hr {display:none;} abbr, acronym {border-bottom:1px dotted #999;cursor:help;} input, textarea, select {font-family: Verdana, sans-serif;} /*font-size:1em; removed because it caused problems on forms when there is text (such as debug) before */ /* 1.2 Defaults _______________________________________________________________________________________________ body {font-size:75%;line-height:1.5em; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; text-align:center;} */ body { font-family:Verdana, sans-serif; } /* 12 / 16 */ /* font-size:75%;line-height:1.5em; 5/21/2010: removed text-align:center; because it interfered with telerik rad editor...causing centering*/ /*consolidated background settings in one place so it can be upadted easier later*/ /*2010-08-13: iai: setting the below for mozilla caused user with black background, high contrast to be unable to see highlighted text. Removing to fix ::-moz-selection{background:#EEEEEE;color:white;}*/ ::selection {background:#EEEEEE;color:#000;} body {} /*removed color:#fff; because it caused all fonts on page to render in white if anything shown above (such as debug statements)*/ /*removed background-color:#EEEEEE; and put it into new .div called .background (below) becuase this was interfering with Richtext editor and causing it to have a grey background*/ .background {background-color:#EEEEEE;margin:0 0 0 0;padding:0 0 0 0;border-width:0px;} a {color:#0f66ba;text-decoration:underline;} a:hover { text-decoration:none;} a img {border:none;} .header a, .sidebar a {text-decoration:none;} .header a:hover, .sidebar a:hover {text-decoration:underline;color:#800000;} /*highlight sidebar links on mouseover*/ .footer a {color:#fff; text-decoration:underline;} .footer a:hover {text-decoration:none;} /*links with no underlines: use name of black on purpose rather than nounderline*/ .footer .black {color:black;text-decoration:none;} .footer .black:hover {text-decoration:none;color:black;} /*links with black underlines*/ .footer .trueblack {color:black;} .footer .trueblack:hover {text-decoration:none;color:black;} center table {text-align:left;} /* 1.3 Basics _______________________________________________________________________________________________*/ .hide {display:none;} .clear {clear:both;} br.clear {font-size:0;line-height:0;height:0;overflow:hidden;} .fleft {float:left;} .fright {float:right;} p.center {text-align:center;} p.right {text-align:right;} p.left {text-align:left;} .clearfix:after, .container-main:after, .wrapper form.extended ol:after, .header .container-inner:after, .header .navigation:after, .sidebar .box .head:after, .sidebar .box .contents:after, .wrapper:after, .twocol:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* 2. LAYOUT _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 2.1 Structure _______________________________________________________________________________________________*/ .page {padding:0 14px;} .container {padding:0px; margin:0 auto;text-align:left; min-width:962px;max-width:1400px;} /*2010-11-27: Position:relative; causes problem with tooltip and div. Moved to homepage.css becuase it is needed there (and it doesn't use the tooltip).*/ .container-main {z-index:1;} /*position:relative; causes problem with tooltip and div*/ .header {position:relative;z-index:2;padding:0px} .wrapper {padding-right:204px;} .wrapperCustom {margin:10px 10px 10px 10px;} /*used for custom wrapper on small/wide format*/ .content {float:left;width:100%;overflow:hidden;} /*the main font color for the page: removed color:#3f3f3f*...was previously in container-main*/ .content {color:#3f3f3f;} /*note: below moved from .wrapper*/ .content h1,.content h2, .content h3,.content h4, .content h5, .content h6 {margin:18px 0 18px 0;font-weight:normal;} .content h1 .TextBelow {margin-bottom: 0px;} .content-inner {padding:10px 13px 10px 30px;overflow:hidden;} .sidebar {width:180px;float:right;display:inline;margin:0 -194px 0 0; padding:8px 8px 0 6px;border-top:1px solid #fff;font-size: 11px; z-index:-999999;} /* .sidebar {width:180px;float:left;display:inline;margin:0 -194px 0 0; padding:8px 8px 0 6px;border-top:1px solid #fff;font-size: 11px;} */ .footer {padding:0 14px;clear:both;} /* Main Backgrounds */ .header {} /* wide header background */ .header .container {background-position:0 107px;background-repeat:no-repeat; background-image:url(../images/bg_header-w.png);} /* center header background */ .header .container-inner {background-position:100% 107px;background-repeat:no-repeat; background-image:url(../images/bg_header-e.png);} .container-main {background-color:#fff;background-image:url(../images/bg_wrapper-e.png);background-position:100% 0;background-repeat:repeat-y;} /* center content+sidebar background: */ .wrapper {background-image:url(../images/bg_wrapper-w.png);background-position:0 0;background-repeat:repeat-y;} .sidebar {background-color:#e4f3fa;} .footer {background-color:#1c58bb;background-image:url(../images/bg_footer.png);background-position:0 0;background-repeat:repeat-x;} /* wide footer background */ .footer .container {background-color:#0d4fb5;background-image:url(../images/bg_footer-right.png);background-position:100% 0;background-repeat:repeat-x;} /* center footer background */ .footer .nav {background-image:url(../images/bg_footer-left.png);background-position:0 0;background-repeat:no-repeat;height:69px;} /* 2.2 Header _______________________________________________________________________________________________*/ /* 2.2.1 Logo _______________________________________________*/ .header .logo { position:absolute;top:6px;left:32px;width:116px; height:93px;z-index:1;} .header .logo a {cursor:pointer;overflow:hidden;display:block; width:116px;height:93px;text-align:left; text-indent:-999em;background-image:url(../images/final_logo_print_photoshop_color_converted_tight.png); background-repeat:no-repeat;} /* ../images/logo.png /RentACoder/images/HomePageVWorker/vWorker_Tight.gif*/ .header .motto {position:absolute;top:85px;left:64px;z-index:2; font-size: 10px;line-height:1.5em;color:black;} /* originally: top:93px;left:72px*/ .header .motto a {text-decoration:underline;color:black} .header .motto a:hover {text-decoration:underline;color:#800000;} /* 2.2.2 Navigation _______________________________________________*/ .header .navigation {clear:both;min-height:52px;padding-top:85px;} .header .navigation .main {float:right;clear:both;height:31px;padding:0 34px 0 0;} .header .navigation .main li {float:left;margin-right:-15px;} /*new--causes an extra line over tabs--replacing with old (plus better sized font .header .navigation .main a {float:left; padding:0 4px 0 15px; width:115px; font-size:15px;line-height:31px;color:#fff; text-decoration:none; text-align:center; background-image:url(../images/bg_main-nav.png);background-position:0 0;background-repeat:no-repeat;} .header .navigation .main a:hover {background-position:0 -31px;} .header .navigation .main .current a {cursor:default;background-position:0 -30px;} */ .header .navigation .main a {float:left; padding:0 4px 0 15px; width:115px; font-size:12px;line-height:31px;color:#fff; text-decoration:none; text-align:center; background-image:url(../images/bg_main-nav.png); background-position:0 0;background-repeat:no-repeat;} .header .navigation .main a:hover {background-position:0 -32px;text-decoration:underline;} .header .navigation .main .current a {background-position:0 -32px;} /*cursor:default; remove to allow user to see they can click on selected tab*/ .header .navigation .main .current a:hover {text-decoration:underline;} .header .navigation .main .nav_help {margin-left:35px;margin-right:0;} .header .navigation .main .nav_help a {width:39px;padding:0;text-align:center;background-image:url(../images/bg_main-nav-help.png);background-position:0 0;background-repeat:no-repeat;} .header .navigation .main .nav_help a:hover {background-position:0 -31px;} .header .navigation .secondary {clear:both;padding:1px 10px 0;height:32px;} /* First level: note changed height from 49px to 32px */ .header .navigation .secondary li {position:relative;float:left;background-image:url(../images/bg_secondary-nav-sep.png);background-position:0 0;background-repeat:no-repeat;} .header .navigation .secondary li.first-child {background:none;} .header .navigation .secondary li.first-child a:hover {background-image:url(../images/white-35-nw.png);} .header .navigation .secondary li a {float:left;height:32px;line-height:32px; padding:0 18px;font-size:13px;color:#fff; text-decoration:none;} .header .navigation .secondary li a:hover, .header .navigation .secondary li:hover a {color:#000;background-image:url(../images/white-35.png);} /* 3-level deep dropdown */ .header .navigation .secondary li ul li {float:left;width:213px;border-right:1px solid #ededed; background-image:none;background-position:0 0;background-repeat:repeat;} .header .navigation .secondary li ul a {float:left;width:180px;height:auto;line-height:18px; padding:4px 22px 4px 11px;border-top:1px solid #ededed;font-size:12px;color:#0b67be;} .header .navigation .secondary li:hover ul a {color:#0b67be;} .header .navigation .secondary li ul li:first-child > a {border-top:1px solid #fcfcfc;} .header .navigation .secondary li ul li.dropdown a { background:url(../images/bg_secondary-dropdown-nrm-30pxwider.png) 0 0 no-repeat; background-position:0 0;} /*Mike's fix for stuck 1st dropdown: part 1: background-position:0 0;*/ .header .navigation .secondary li ul a:hover {color:#fff; background-image:url(../images/bg_secondary-dropdown-hov.png);background-position:0 0; background-repeat:repeat-x;background-color:#0e50b4;} .header .navigation .secondary li ul li.dropdown:hover a {color:#fff; background-image:url(../images/bg_secondary-dropdown-act-30pxwider.png);background-position:100% 0; background-repeat:repeat-x;background-color:#0e50b4;} body.js .header .navigation .secondary li ul li.dropdown a:hover {color:#fff; background-image:url(../images/bg_secondary-dropdown-act-30pxwider.png);background-position:100% 0; background-repeat:repeat-x;background-color:#0e50b4;} .header .navigation .secondary li ul li.dropdown:hover ul a {color:#0b67be;background-image:none; background-color:transparent;} /* */ .header .navigation .secondary li ul li.dropdown:hover ul li.dropdown a { background-image:url(../images/bg_secondary-dropdown-nrm-30pxwider.png);background-repeat:no-repeat; background-position:0 0;} .header .navigation .secondary li ul li.dropdown:hover ul a:hover {color:#fff;background-image:url(../images/bg_secondary-dropdown-hov.png);background-position:0 0;background-repeat:repeat-x;background-color:#0e50b4;} .header .navigation .secondary li ul li.dropdown:hover ul li.dropdown:hover a {color:#fff;background-image:url(../images/bg_secondary-dropdown-act-30pxwider.png);background-position:100% 0;background-repeat:repeat-x;background-color:#0e50b4;} .header .navigation .secondary li ul li.dropdown:hover ul li.dropdown:hover ul a {color:#0b67be;background-image:none;background-color:transparent;} .header .navigation .secondary li ul li.dropdown:hover ul li.dropdown:hover ul a:hover {color:#fff;background-image:url(../images/bg_secondary-dropdown-hov.png);background-position:0 0;background-repeat:repeat-x;background-color:#0e50b4;} /* Second level */ .header .navigation .secondary li ul {position:absolute;top:32px;left:-999em;width:214px;border-top:5px solid #fcfcfc;padding:0 0 10px 0;background-image:url(../images/bg_dropshadow.png);background-position:0 100%;background-repeat:no-repeat;} .header .navigation .secondary li ul li {background-color:#fcfcfc;} .header .navigation .secondary li:hover ul {left:0;border-top:5px solid #fdfdfd;} /*Mike's fix for stuck 1st dropdown: part 2: border-top:5px solid #fdfdfd;*/ .header .navigation .secondary li:hover .dropdown-tip {position:absolute;top:43px;left:50%; width:10px;margin-left:-5px;height:6px;background-image:url(../images/bg_dropdown-tip.png); background-position:0 0;background-repeat:no-repeat;} /* Third level */ .header .navigation .secondary li:hover ul ul {top:0;padding-top:0;border-top:none;} .header .navigation .secondary li:hover ul ul li {border-left:1px solid #ededed;width:212px;} .header .navigation .secondary li:hover ul ul li a {width:169px;} .header .navigation .secondary li:hover ul ul {left:-999em;} .header .navigation .secondary li:hover ul li:hover ul {left:213px;} .header .navigation .secondary li:hover ul li:hover ul ul {left:-999em;} .header .navigation .secondary li:hover ul li:hover ul li:hover ul {left:212px;} /* 2.2.3 Tools _______________________________________________*/ .header .tools {color:#313131;font-size:10px; position:absolute;top:3px;right:18px;width:700px; z-index:2;padding:0 0 0 0;text-align:right} /*note: position:absolute in IE causes extra spaces to rigght of display (and unnecesssary scroll bar at bottom). Couldn't remove so fixed by adding width:600px*/ .header .tools ul { margin: 0; padding: 0; list-style-type: none;} .header .tools ul li { display: inline;padding:0 0 0 5px;} /* .header .tools {position:absolute;top:3px;right:18px;z-index:2;padding:0 0 0 0; height:36px;font-size:10px;} .header .tools strong {float:left;line-height:36px;font-weight:normal;color:#313131; padding:0 0 0 0;} .header .tools ul.menu {float:left;} .header .tools ul.menu li {float:left;background-image:url(../images/bg_tools-sep.png); background-position:0 50%;background-repeat:no-repeat;} .header .tools ul.menu li.first-child {background-image:none;} .header .tools a {float:left;padding:0 6px;height:36px;font-size:1em;line-height:36px;} */ /* 2.3.1 Text Styling _______________________________________________*/ /*Removed because header color is glaring .wrapper h1 {margin:0 -10px 18px -20px;padding:0 10px 0 20px;font-weight:normal; font-size: 1.75em;line-height:1.71em;text-transform:uppercase; background-color:#1358ba; background-image:url(../images/bg_h1.png); background-position:0 0;background-repeat:repeat-x;color:#fff;} */ .wrapper h1 {font-weight:normal; font-size: 1.75em;line-height:normal;} /*1.71em*/ .wrapper h2 {font-size: 1.33em;line-height:normal;} /* 1.125em */ .wrapper h3 {font-size: 1.25em;line-height:normal;} /* 1.2em */ .wrapper h4 {font-size: 1.16em;line-height:normal;} /* 1.28em */ .wrapper h5 {font-size: 1.08em;line-height:normal;} /* 1.38em */ .wrapper h6 {font-size: 1em; font-weight:bold; line-height:normal;} /* 12 / 18 */ .wrapper p {margin:9px 0 9px 0;line-height:normal;} /*.wrapper p {margin:0px 0 9px 0;line-height:normal;margin:9px 0;} */ /* Reseting styles lists */ /*fieldset ol {margin:0;padding:0;} fieldset ol li {list-style-type:none;}*/ /* 2.3.2 Boxes & Wrappers _______________________________________________*/ .content .notice {margin:0 0 36px 0;} .content .notice p {font-style:italic;} .content .section {margin:18px -10px 18px -20px;} .content .section .item {border-bottom:1px solid #a5c6d7;padding:0 10px 9px 20px;margin:0 0 18px 0;} .content .section .last-child {border-bottom:none;} .content .section-latest-news .item .img {float:left;width:90px;margin:0 20px 0 0;background-image:url(../images/news-cat-shadow.png);background-position:50% 0;background-repeat:no-repeat;} .content .section-latest-news .item .img img {float:left;display:inline;margin:0 0 0 14px;width:57px;height:88px;border:1px solid #fff;} .content .section-latest-news .item .img strong {display:block;width:100%;float:left;padding:14px 0 0 0;font-size: 0.91em;line-height:1.63em;text-align:center;color:#474747;} .content .section-latest-news .item .contents {margin-left:110px;} .content .section-latest-news table {width:100%;} /* 2.3.3 Forms _______________________________________________*/ /* Form wrappers */ .wrapper form.extended {} .wrapper form.extended fieldset {background:none;border:none;padding:0;} .wrapper form.extended fieldset.submit {} .wrapper form.extended ol {margin:0;} .wrapper form.extended ol ol {margin-left:120px;} .wrapper form.extended fieldset fieldset {position:relative;} .wrapper form.extended ol li {float:left;width:100%;list-style-type:none;padding:10px 0 0 0;margin:0;line-height:1em;} .wrapper form.extended ul li {list-style-type:none;background:none;padding:0;} .wrapper form.extended ol ol li {padding:0;} .wrapper form.extended fieldset.submit ol {} .wrapper form.extended fieldset.submit ol li {} /* Form - Level 1 elements */ .wrapper form.extended label {float:left;width:115px;padding:5px 5px 5px 0;line-height:14px;text-align:left;cursor:pointer;font-size:12px;} .wrapper form.extended input {float:left;} .wrapper form.extended input.text {width:225px;padding-left:10px;padding-right:5px;padding-top:3px;padding-bottom:3px;height:16px;} .wrapper form.extended textarea {width:230px;padding-left:10px;height:100px;} .wrapper form.extended select {width:240px;} .wrapper form.jqtransformdone input.text {width:230px;padding-left:5px;padding-top:4px;padding-bottom:4px;} .wrapper form.jqtransformdone textarea {padding-left:0;width:230px;} .wrapper form.jqtransformdone select {width:210px;} /* Form - Level 2 elements */ .wrapper form.extended fieldset fieldset legend span {position:absolute;top:0;left:0px;width:115px;line-height:14px;padding:5px 0;text-align:left;} .wrapper form.extended fieldset fieldset label {width:auto;padding-left:5px;padding-right:0;margin:0 10px 0 0;} .wrapper form.extended fieldset fieldset input {margin-top:5px;} /* Form - Submit elements */ .wrapper form.extended fieldset.submit ol {margin:0 0 10px 0;} .wrapper form.extended fieldset.submit ol label {width:auto;padding-left:5px;padding-right:0;margin:0;} .wrapper form.extended fieldset.submit ol input {margin-top:5px;} /* 2.4 Sidebar _______________________________________________________________________________________________*/ .sidebar {} /* Box */ .sidebar .box {padding:0 0 12px 0;background-image:url(../images/bg_sidebox.png); background-position:0 100%;background-repeat:no-repeat;} /* 1/4/2011; removed min-height:85px; from below*/ .sidebar .box-inner {border:1px solid #fff;padding:0 0 0 0; background-color:#e4f3fa;background-image:url(../images/bg_sidebox-inner.png); background-position:0 100%;background-repeat:no-repeat;} * html .sidebar .box-inner {height:85px;} .sidebar .box .head {padding:11px 0 1px 0;background-image:url(../images/bg_sidebox-head.png); background-position:0 0;background-repeat:no-repeat;} .sidebar .box .head h5 {position:relative;left:-1px; float:left;margin:0 0 9px 0; font-size: 1em; line-height:23px; color:#fff; background-color:#1155b8; background-image:url(../images/bg_sidebox-heading.png); background-position:0 0;background-repeat:no-repeat;} .sidebar .box .head h5 strong {float:left; padding:0 13px 0 8px; height:23px; font-weight:normal; background-image:url(../images/bg_sidebox-heading-tip.png); background-position:100% 0; background-repeat:no-repeat;} .sidebar .box .head a.more {clear:both;display:block;padding:0 10px 0 0;margin:0 0 8px 0; text-align:right;} .sidebar .box .contents {clear:both;padding:0 10px;} /* Box Content common elements */ .sidebar .box .contents {text-align:left;} /*Needed for IE on classic ASP pages for some reason*/ .sidebar .box .contents .more {clear:both;display:block;margin:15px 0 6px 0;} .sidebar .box .contents ul {margin:0 0 6px 0;} .sidebar .box .contents ul ul {margin:0;} .sidebar .box .contents ul li {padding:0 0 0 10px; background-image:url(../images/bull-blue.png);background-position:0 7px; background-repeat:no-repeat;} .sidebar .box .contents ul li li {background-image:url(../images/bull-blue2.png); background-position:0 5px;} .sidebar .box .contents ul li li li {background-image:url(../images/bull-blue3.png); background-position:0 7px;} .sidebar .box .contents ul li li li li {background-image:url(../images/bull-blue4.png); background-position:0 8px;} /*note: 2 items below mirrored in .fancybutton because need to make button an asp button*/ .sidebar .box .contents button {float:left;width:auto;overflow:visible;font-size:12px ;height:23px;padding:0 3px;border:1px solid #4788be; text-align:center;color:#fff;background-color:#0f53b6;background-image:url(../images/bg_button.png);background-position:0 0;background-repeat:repeat-x;cursor:pointer;} .sidebar .box .contents button span {position:relative;display:block;height:21px;line-height:17px;color:#fff; white-space:nowrap;} .sidebar .box .contents .fancybutton {float:left;width:auto;overflow:visible;font-size:12px;height:23px;padding:0 3px;border:1px solid #4788be;text-align:center;color:#fff;background-color:#0f53b6;background-image:url(../images/bg_button.png);background-position:0 0;background-repeat:repeat-x;cursor:pointer;} .sidebar .box .contents .fancybutton span {position:relative;display:block;height:21px;line-height:17px;color:#fff; white-space:nowrap;} .sidebar .box .contents a {text-decoration:underline;} /*Added to enable link underline in sidebar*/ .sidebar .box .contents a.button {float:left;font-size:14px;height:21px;line-height:21px;padding:0 7px;border:1px solid #4788be;text-align:center;color:#fff;background-color:#0f53b6;background-image:url(../images/bg_button.png);background-position:0 0;background-repeat:repeat-x;cursor:pointer;} .sidebar .box .contents a.button:hover {text-decoration:none;} .sidebar .box .contents a.button span {float:left;line-height:23px;} * html .sidebar .box .contents button span {margin-top:1px;} *+html .sidebar .box .contents button span {margin-top:1px;} /* Search */ .sidebar .box-search .head h5 {background-image:url(../images/bg_sidebox-heading-short.png);} .sidebar .box-search .contents fieldset {} /*mirrored in .SearchTextBox since converted to asp.net control*/ .sidebar .box-search .contents fieldset input.text {float:left;padding:3px 4px 3px 4px;width:110px;border:1px solid #4788be;border-right-width:0;font-size:12px;height:15px;background-color:#f4f4f4;color:#3f3f3f;} .sidebar .box-search .contents .SearchTextBox {float:left;padding:3px 4px 3px 4px; width:110px;border:1px solid #4788be;border-right-width:0;font-size:12px;height:15px; background-color:#f4f4f4;color:#3f3f3f;margin: 6px 0 6px 0;} /*mirrored in .SearchFind since converted to asp.net control*/ .sidebar .box-search .contents fieldset button {border-left-width:0;margin-left:-2px;border:none;height:23px;line-height:21px;padding-top:1px;} .sidebar .box-search .contents .SearchFind {border-left-width:0;margin:6px 0 0 0px; border:none;height:23px;line-height:21px;padding-top:1px;} .sidebar .box-search .contents .more {margin-top:6px;} /* Quick Links */ .sidebar .box-quicklinks .head h5 {background-image:url(../images/bg_sidebox-heading-short.png);} .sidebar .box-quicklinks .contents ul {} .sidebar .box-quicklinks .contents ul li {} .sidebar .box-quicklinks .contents ul a {} /* Login as another user */ .sidebar .box-loginanother {} /*note: 2 items below mirrored in .LoginDashbutton because need to make button an asp button*/ .sidebar .box-loginanother .contents a.button {padding:0 3px;border-right:none;} .sidebar .box-loginanother .contents a.button span {text-align:left;text-indent:-999em;width:7px;background-position:50% 50%;background-repeat:no-repeat;background-image:url(../images/dash.png);} .sidebar .box-loginanother .contents .LoginDashbutton {padding:0 3px;border-right:none;} .sidebar .box-loginanother .contents .LoginDashbutton {text-align:left;text-indent:-999em; width:7px;background-position:50% 50%;background-repeat:no-repeat; background-image:url(../images/dash.png)} /*note: items below mirrored in .LoginAsAnotherUser because need to make button an asp button*/ .sidebar .box-loginanother .contents input.text {float:left; padding:3px 2px 3px 4px;margin:0 0 10px 0; width:137px;border:1px solid #4788be;border-left:none; font-size:12px;height:15px; background-color:#f4f4f4;color:#3f3f3f;} .sidebar .box-loginanother .contents .LoginAsAnotherUser {float:left;padding:3px 2px 3px 4px; margin:0 0 2px 0;width:137px;border:1px solid #4788be;border-left:none;font-size:10px; height:15px;background-color:#f4f4f4;color:#3f3f3f;font-style:italic; } .sidebar .box-loginanother .contents select {clear:both;width:158px;height:21px; margin:0 0 2px 0;font-size:10px;background-color:#f4f4f4;color:#3f3f3f; border:1px solid #4788be;} .sidebar .box-loginanother .contents form .help {float:right;line-height:23px;} .sidebar .box-loginanother .contents form .help a {padding:0 3px;} /* Highest Ranked */ .sidebar .box-highestranked .head h5 strong {padding-right:11px;} .sidebar .box-highestranked .contents ul {} .sidebar .box-highestranked .contents ul li {} .sidebar .box-highestranked .contents ul a {display:block;} /* Bid Requests */ .sidebar .marquee-wrapper {position:relative;margin:0 0 15px 0;border:1px solid #4788be; font-family:Verdana, sans-serif; background-color:#fff;text-align:center; padding:0 5px 0 5px;} .sidebar .marquee-wrapper .newsticker {white-space:normal;} /*Note: the following line will cause the marquee to not work in Safari and Chrome...so removing for now*/ /*.sidebar .marquee-wrapper marquee {overflow:hidden;}*/ .sidebar .marquee-wrapper .newsticker ul {} .sidebar .marquee-wrapper .newsticker ul li {width:140px;} /*150px*/ .sidebar .marquee-wrapper .newsticker ul li {background:none;background-position:0 0;padding:0;text-align:center;} .sidebar .marquee-wrapper .marquee-topmask {position:absolute;top:0; left:0;width:100%;height:10px; background:url(../images/bg_marquee-topmask.png) top left repeat-x;} .sidebar .marquee-wrapper .marquee-botmask {position:absolute;bottom:0; left:0;width:100%;height:10px; background:url(../images/bg_marquee-botmask.png) bottom left repeat-x;} .sidebar .marquee-wrapper .newsticker ul li .contents {padding:5px 5px 5px;} .sidebar .marquee-wrapper .newsticker ul li h6 {font-size:10px;margin:0;} .sidebar .marquee-wrapper .newsticker ul li h6 a {text-decoration:underline;} .sidebar .marquee-wrapper .newsticker ul li h6 a:hover {text-decoration:none;} .sidebar .marquee-wrapper .newsticker ul li p {font-size:10px;margin:0;} /* Navigation */ .sidebar .box-navigation .contents {padding-bottom:3px;} .sidebar .ScrollingTicker {line-height:1.25em;} .TopWorker ol {margin:10px 0 10px 10px} .TopWorker ol li {padding:0.2em 0 0.2em 0; list-style-type:decimal; list-style-position:outside;margin: 3px 0 3px 18px;} /*menu option formatting: when on right hand side menu*/ .sidebar .box-inner .contents .secondary {line-height:1.5em;} /*.sidebar .box-inner .contents ul li a:hover {color:#800000;}*/ /* 2.5 Footer _______________________________________________________________________________________________*/ .footer .container {padding-bottom:10px;} /*position:relative; removed from next 3 lines because causes problems in IE when ajax expands panel to where footer used to be*/ .footer .nav {overflow:hidden;} .footer .nav ul {left:50%;float:left;} .footer .nav li {right:50%;float:left;} .footer .nav a {float:left;padding:2px 35px 0;font-size: 13px;line-height:49px;height:49px;color:#414141; text-decoration:none;background-image:url(../images/bg_footer-nav-sep.png);background-repeat:no-repeat;background-position:0 2px;} .footer .nav li.first-child a {background:none;} .footer .nav a:hover {text-decoration:underline;} .footer p {margin-bottom:10px;line-height:1.5em;text-align:center;} /* 3. INDIVIDUAL PAGES _______________________________________________________________________________________________ /* 3.2a Popup/small header-wide*/ .tblWideHeader{background-color:white;width:100%;color:Black; padding:0 0 0 0;border:0px solid black;border-collapse:collapse;}/*overflow:scroll*/ .tblWideHeader_Margin{margin: 107px 0 0 0;} .tblWideHeader .wrapperWide .content {background-image:url(../images/bg_wrapper-w.png); background-position:0 0;background-repeat:repeat-y;} .tblWideHeader tr, .tblWideHeader td{padding:0 0 0 0;margin: 0 0 0 0;border:0px solid black;} .tblWideHeader .RoundedTop {background-color:#EEEEEE;} .tblWideHeader .RoundedTop .RoundedTop_Left {height:30px;width:39px; background-image:url('/RentACoder/DotNet/2010Redesign/images/bg_header-w-left-short.png'); background-repeat:no-repeat;} .tblWideHeader .RoundedTop .RoundedTop_Middle {height:30px; background-image:url('/RentACoder/DotNet/2010Redesign/images/bg_header-w-repeat.png'); background-repeat:repeat-x;} .tblWideHeader .RoundedTop .RoundedTop_Right {height:30px;width:12px; background-image:url('/RentACoder/DotNet/2010Redesign/images/bg_header-w-right.png'); background-repeat:no-repeat;} body.Popup_SmallHeader_Wide {background-color:#EEEEEE;} /*can do this on body because this mode should not have rich text editor showing*/ /* body.Popup_SmallHeader_Wide .container-main {background-color:#fff; color:#3f3f3f;background-image:url(../images/bg_wrapper-e2.png); background-position:100% 0;background-repeat:repeat-y;} /- center content+sidebar background -/ */ /* 3.2b Popup/small header*/ /* attempt 1: spreads out display but extra border at right --next line covers up blue side bar area, but also leaves white extra border on right body.Popup_SmallHeader .container-main {background-image:url(../images/bg_main-popup.png); background-position:0 0;background-repeat:repeat-y;} --next line pushes content over into sidebar 'area' body.Popup_SmallHeader .wrapper {padding:0 32px; background-position:0 0} /*background-image:url(../images/bg_wrapper-home.jpg);background-repeat:no-repeat; */ body.Popup_SmallHeader .content-inner {padding:0 0 0 30px;} body.Popup_SmallHeader .tblWideHeader_Margin{margin: 0 0 0 0;} body.Popup_SmallHeader{background-color:#EEEEEE;} /*start of items for SmallHeader (not needed for popup*/ body.Popup_SmallHeader .container {width:962px;} body.Popup_SmallHeader .header .container {background-image:url(../images/bg_header-home.png);} body.Popup_SmallHeader .header .container-inner {background:none;} body.Popup_SmallHeader .container-main {background-image:url(../images/bg_main-home.png);background-position:0 0;background-repeat:repeat-y;} body.Popup_SmallHeader .wrapper {padding:0 32px; background-position:0 0;background-repeat:no-repeat;} body.Popup_SmallHeader .wrapper .content {float:none;} /*end of items for SmallHeader (not needed for popup)*/ body.Popup_SmallHeader .content h2 {font-size:1.5em;} body.Popup_SmallHeader .content .twocol {} body.Popup_SmallHeader .content .twocol .main-col {float:left;width:483px;} body.Popup_SmallHeader .content .twocol .secondary-col {float:right;width:392px;} body.Popup_SmallHeader .content .twocol-main {padding-top:6px;margin:0 0 28px 0;} body.Popup_SmallHeader .content .secondary-twocol {margin:13px 0 12px 0;} body.Popup_SmallHeader .content .secondary-twocol .secondary-col {float:left;width:398px;} body.Popup_SmallHeader .content .secondary-twocol .main-col {float:right;width:472px;} /* 4. PLUG-INS _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 4.1 Fancybox 1.3.1 see: http://fancybox.net/ _______________________________________________________________________________________________*/ #fancybox-loading{position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none} * html #fancybox-loading{position:absolute; margin-top:0} #fancybox-loading div{position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(../images/fancybox/fancybox.png)} #fancybox-overlay{position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none} * html #fancybox-overlay{position:absolute; width:100%} #fancybox-tmp{padding:0; margin:0; border:0; overflow:auto; display:none} #fancybox-wrap{position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none} #fancybox-outer{position:relative; width:100%; height:100%; background:#FFF} #fancybox-inner{position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden} #fancybox-hide-sel-frame{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent} #fancybox-close{position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px 0px; cursor:pointer; z-index:1103; display:none} #fancybox_error{color:#444; font:normal 12px/20px Arial; padding:7px; margin:0} #fancybox-content{height:auto; width:auto; padding:0; margin:0} #fancybox-img{width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic} #fancybox-frame{position:relative; width:100%; height:100%; border:none; display:block} #fancybox-title{position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102} .fancybox-title-inside{padding:10px 0; text-align:center; color:#333} .fancybox-title-outside{padding-top:5px; color:#FFF; text-align:center; font-weight:bold} .fancybox-title-over{color:#FFF; text-align:left} #fancybox-title-over{padding:10px; background-image:url(../images/fancybox/fancy_title_over.png); display:block} #fancybox-title-wrap{display:inline-block} #fancybox-title-wrap span{height:32px; float:left} #fancybox-title-left{padding-left:15px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -90px; background-repeat:no-repeat} #fancybox-title-main{font-weight:bold; line-height:29px; background-image:url(../images/fancybox/fancybox-x.png); background-position:0px -40px; color:#FFF} #fancybox-title-right{padding-left:15px; background-image:url(../images/fancybox/fancybox.png); background-position:-55px -90px; background-repeat:no-repeat} #fancybox-left, #fancybox-right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background-image:url(../images/fancybox/blank.gif); z-index:1102; display:none} #fancybox-left{left:0px} #fancybox-right{right:0px} #fancybox-left-ico, #fancybox-right-ico{position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block} #fancybox-left-ico{background-image:url(../images/fancybox/fancybox.png); background-position:-40px -30px} #fancybox-right-ico{background-image:url(../images/fancybox/fancybox.png); background-position:-40px -60px} #fancybox-left:hover, #fancybox-right:hover{visibility:visible} #fancybox-left:hover span{left:20px} #fancybox-right:hover span{left:auto; right:20px} .fancy-bg{position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001} #fancy-bg-n{top:-20px; left:0; width:100%; background-image:url(../images/fancybox/fancybox-x.png)} #fancy-bg-ne{top:-20px; right:-20px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -162px} #fancy-bg-e{top:0; right:-20px; height:100%; background-image:url(../images/fancybox/fancybox-y.png); background-position:-20px 0px} #fancy-bg-se{bottom:-20px; right:-20px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -182px} #fancy-bg-s{bottom:-20px; left:0; width:100%; background-image:url(../images/fancybox/fancybox-x.png); background-position:0px -20px} #fancy-bg-sw{bottom:-20px; left:-20px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -142px} #fancy-bg-w{top:0; left:-20px; height:100%; background-image:url(../images/fancybox/fancybox-y.png)} #fancy-bg-nw{top:-20px; left:-20px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -122px} .fancybox-ie .fancy-bg{background:transparent !important} /* 5.0 Content/Content-inner _______________________________________________________________________________________________*/ /*5/20/2010: custom settings to Undo previous settings for the legacy content*/ .content {} /*.content-inner h1 {line-height:1em;}*/ .content-inner textarea {} /*font-size:10pt;line-height:normal;*/ .content-inner table {line-height:normal;}/*otherwise space between lines is off*/ .content-inner .ProtectiveTable {margin:0 0 0 0;padding:0 0 0 0;border-width:0px;width:100%;} /* .content .content-inner table {line-height:1.2em;padding:0 0 0 0;margin:0 0 0 0;} .content .content-inner table tr {line-height:1.2em;padding:0 0 0 0;margin:0 0 0 0;} .content .content-inner table tr td {line-height:1.2em;padding:0 0 0 0;margin:0 0 0 0;border-width:0px} */ /* otherwise #s in ol get cutoff: guessing at default # .content-inner ol {padding-left:22px;} .content-inner ul {padding-left:22px;} */ .content a:link {} .content a:visited {color:#799DC0;} .sidebar a:visited {color:#0f66ba;} /*this must occur after .content a:visited to take affect on right hand sidebar*/ .sidebar a:visited:hover {color:#800000;} .content a:active {} .content a:hover, .content a:visited:hover {text-decoration: underline;color:#800000;} .content p {margin:10px 0 10px 0;line-height:normal;} .content ol {} .content ol li {line-height:normal;padding:0.2em 0 0.2em 0;list-style-type:decimal; list-style-position:outside} .content ul {} .content ul li {line-height:normal;padding:0.2em 0 0.2em 0;list-style-type:circle; list-style-position:outside} .content dl {margin:9px 0;} .content dl dt {font-size: 1.16em;font-weight:bold;line-height:1.28em;} .content dl dd {line-height:1.5em;padding:0 0 0 18px;} .content hr {display:block;height:1px; background:transparent;border:none; border-top:1px solid #a5c6d7;} /*margin:18px -10px 18px -20px;*/ .content table {} .content table.zebra th {padding:5px 15px 4px 15px;border-right:1px solid #1868c2;border-left:1px solid #237fd0;font-weight:normal;background:#0f53b6 url(../images/bg_th.png) 0 0 repeat-x;color:#fff;} .content table.zebra td {padding:5px 15px 4px 15px;border-left:1px solid #fff;border-right:1px solid #fff;background-color:#fff;} .content table.zebra td.odd {background-color:#e4f3fa;border-left:1px solid #e4f3fa;border-right:1px solid #e4f3fa;} .content table.zebra td.first-child {border-left:1px solid #b0cddc;} .content table.zebra td.last-child {border-right:1px solid #b0cddc;} .content table.zebra tr.last-child td {border-bottom:1px solid #b0cddc;} .content a img {margin:0 3px 0 0;} .copyright {font-size:10px;text-align:center;} .copyright a:hover {text-decoration:underline;color:#800000;} /* _______________________________________________________________________________________________ 6.0 Legacy menus _______________________________________________________________________________________________ */ .LegacyMenu{font-size:10px;border:0px solid black; margin:0 0 0 8px;padding:0 0 0 0;width:200px; background-color:#E4F3FA;} .LegacyMenu ul{padding:0 0 0 0;margin:0 0 0 20px;} .LegacyMenu ul li{list-style:none;font-size:10px;padding:0 0 0 0;} .LegacyMenu h5 {margin:0 0 0 0;} .LegacyMenu a:visited {color:#0f66ba;} .LegacyMenu a:hover {color:#800000;} /* .LegacyMenu {padding:11px 0 1px 0;background-image:url(../images/bg_sidebox-head.png); background-position:0 0;background-repeat:no-repeat;} .LegacyMenu h5 {position:relative;left:-1px; float:left;margin:0 0 9px 0; font-size: 1em; line-height:23px; color:#fff; background-color:#1155b8; background-image:url(../images/bg_sidebox-heading.png); background-position:0 0;background-repeat:no-repeat;} .LegacyMenu h5 strong {float:left; padding:0 13px 0 8px; height:23px; font-weight:normal; background-image:url(../images/bg_sidebox-heading-tip.png); background-position:100% 0; background-repeat:no-repeat;} .LegacyMenu a.more {clear:both;display:block;padding:0 10px 0 0;margin:0 0 8px 0; text-align:right;} */ /* .sidebar .box .contents {clear:both;padding:0 10px;}*/ .LegacyMenu .sidebar{margin:0 0 0 0;} .LegacyRightSideBar .sidebar{margin:0 0 0 0;} .LegacyRightSideBar .sidebar ul li{list-style:none;} /* _______________________________________________________________________________________________ 7.0 Custom: Legacy _______________________________________________________________________________________________ */ table{text-align:left;} /*Added 2/10/2008 after doctype was explicity set on page to make tables default to align left*/ .TableBackground{background-color:white;} /*.TableBackground{background-color:#DEF;}*/ /*light blue for forms*/ .RightSideMenuBackground{background-color:#E4F3FA; /*to clone right side menu background color*/} .NormalTextPlus{font-size:small; font-family:verdana} .NormalText{font-size:x-small; font-family:verdana} .NormalText10pt{font-size:10pt; font-family:verdana} .NormalText8pt{font-size:8pt; font-family:verdana} .SmallText{font-size:xx-small; font-family:verdana} .HelpBackground{ background-color:#DEF; /*Help background color*/} .BroadCastMessageBackground{ background-color:#f5f5f5;} /*light grey:old was #F0F0F0*/ .BroadCastMessageBackground ol {margin-top:0;margin-bottom:0;} /*compact lists in broadcast*/ .BroadCastMessageBackground ul {margin-top:0;margin-bottom:0;} /*compact lists in broadcast*/ .BroadCastMessage_DismissImage {vertical-align:middle;} .BroadCastMessage_Inner {margin:0px 20px 20px 20px;} /* literal CSS to class translations*/ .FontSize1{font-size:10px; font-family:verdana;} .FontSize2{font-size:13px; font-family:verdana;} .FontSize3{font-size:16px; font-family:verdana;} .TextAlignRight{text-align:right;} .TextAlignLeft{text-align:left;} .TextAlignCenter{text-align:center;} .TextAlignInherit{text-align:inherit;} /**************/ /* Table rows */ /**************/ TR.HeaderRow_Clear{font-weight:bold;} TR.HeaderRow_Small{color:White; background-color:black; font-size:xx-small; font-family:verdana} TR.HeaderRow_Medium{color:White; background-color:black; font-size:10pt; font-family:verdana} TR.HeaderRow_Large{color:White; background-color:black; font-size:12pt; font-family:verdana} TR.HeaderRow{color:White; background-color:black;} TR.Header{color:White; background-color:black;} TR.NormalRow_Small{font-size:xx-small; font-family:Verdana} TR.NormalRow_Small2{font-size:8pt; font-family:Verdana} TR.NormalRow_Medium{font-size:x-small; font-family:Verdana} TR.NormalRow_Medium2{font-size:10pt; font-family:Verdana} TR.NormalRow_Large{font-size:12pt; font-family:Verdana} TR.ColoredRow_Small{background-color:#DCDCDC; font-size:xx-small; font-family:Verdana} TR.ColoredRow_Small2{background-color:#DCDCDC; font-size:8pt; font-family:Verdana} TR.ColoredRow_Medium{background-color:#DCDCDC; font-size:x-small} TR.ColoredRow{background-color:#DCDCDC;} TR.ColoredRow_Light{background-color:#F5FAFF;} TR.ColoredRow_Light2{background-color:#FDFEFF;} /**************/ /* Table cells */ /**************/ TD.MenuRow{font-size:8pt; font-family:Verdana} TD.SmallRow /* small TD*/{font-size:xx-small; font-family:Verdana} TD.SmallRow_Header /*inverse color header row*/{color:White; background-color:black; font-size:xx-small; font-family:verdana} TD.MediumRow /* medium TD*/{font-size:x-small; /*2/21/08:changed from "font-size:x-small; "becuase it didn't seem to work. But it caused other problems. So on 2/26 changed back and set this on TR for problem td's and it worked!?*/font-family:Verdana} TD.MediumRow_HEADER /* medium TD inverse color header row**/{font-size:x-small; font-family:Verdana; color:White; background-color:black} TD.MediumRow2{font-size:10pt; font-family:Verdana} GridView{ border-style:None; border-width:0px} TD.ColoredRow{background-color:#DCDCDC;} TD.ColoredRow_Light{background-color:#F5FAFF;} TD.ColoredRow_Light2{background-color:#FBFCFF;} /*---------------------------------- rules for /DotNet/Admin/ area ====================================*/ .tblSrchRslt{font-size:8pt} /*------------------------------------ RAC Form Rules ======================================*/ .labelLarge{font-size:13.5pt} .labelLargeWhite{font-size:13.5pt; color:White} .labelMedium{font-size:12pt} .labelMediumWhite{font-size:12pt; color:White} .labelMedHeader{font-size:13.5pt; font-family:Verdana} .labelMedHeaderBold{font-size:13.5pt; font-family:Verdana; font-weight:bold} .labelSmallBoldPlus1{font-size:11pt; font-weight:bold} .labelSmallBold{font-size:10pt; font-weight:bold} .labelSmallItalic{font-size:10pt; font-style:italic} .labelSmallItalicBold{font-size:10pt; font-style:italic; font-weight:bold} .labelSmall{font-size:10pt; /*font-family had to be added here to fix a problem with styles that occursin multi-line text boxes. For some reason this type of textbox willnot pick up the font-family from outer styles (body for example),andhas to have the value explicitly set. Most textboxes use labelSmall sothis is probably the only place where it needs to be set.*/font-family:Verdana} .labelSmallBoldWhite{font-size:10pt; color:White; font-weight:bold} .labelSmallWhite{font-size:10pt; color:White} .labelSmallBlack{font-size:10pt; color:Black} .labelTiny{font-size:7.5pt; font-family:Verdana} .labelTiny75{font-size:7.5pt; font-family:Verdana} .labelTiny8{font-size:8pt; font-family:Verdana} .labelTinyFakeLink{font-size:7.5pt; color:Blue; text-decoration: underline} .labelTinyWhite{font-size:7.5pt; color:White} .labelTinyBlack{font-size:7.5pt; color:Black} .labelTinyGray{font-size:7.5pt; color:Gray} .labelTinyItalic{font-size:7.5pt; font-style:italic} .labelTinyBoldRed{font-size:7.5pt; font-weight:bold; color:Red} .labelTinyBoldWhite{font-size:7.5pt; font-weight:bold; color:White} .labelTinyBold{font-size:7.5pt; font-weight:bold} .gridHeaderTinyBoldWhite{font-size:7pt; font-weight:bold; color:White; background:black; height:12pt; text-align:center; vertical-align:middle} .labelTinyBoldItalic{font-size:7pt; font-style:italic; font-weight:bold} .hlSmall{font-size:10pt; font-family:Verdana} label{font-size:10pt; text-align:right} /*fieldset{background-color:#B3C4FF; border-width:1px; border-style:solid; border-color:#666; padding-left:1px} fieldset legend{font-weight:bold; font-size:12px; color:#333}*/ select#select, input.inputText{font-size:12px; margin-left:1px} input.inputButton{width:90px} textarea.inputTextarea{font-family:Verdana, sans-serif; background:#fff left top no-repeat; font-size:13px; letter-spacing:.05em; margin-left:1px; overflow:auto} div.optional label{background:#B3C4FF} div.required label{color:#000; border:1px none #000; background:#B3C4FF} div.optional, div.required{clear:left; display:block; height:expression('1%'); padding:.1em; white-space:nowrap} /*-------------------------------------------------- center column left-right float columns ===================================================*/ #center div#floatright, fieldset div#floatright{float:right; width:49%; height:auto} #center div#floatleft, fieldset div#floatleft{float:left; width:49%; height:auto} /*---------------------------------------------------- rules for standardizing gridview appearance =====================================================*/ .GridView_HeaderStyle{ color:White; background-color:Black; font-size:xx-small; font-family:verdana; font-weight:bold} .GridView_NormalRow{ background-color:white;} .GridView_AlternatingRow{ background-color:#DCDCDC;} /*grey*/ .GridView_HighlightedRow_xSmall{ color:white; background-color:#000080; font-size:x-small} .ValidationText_XXSmall{ font-size:xx-small; font-family:verdana; color:Red} .Table_Small{ font-size:8pt; font-family:verdana} .Table_Medium{ font-size:10pt; font-family:verdana} .Table_Large{ font-size:12pt; font-family:verdana} .clsFooterStyle{background-color:#CCC; color:Black} .clsEmptyDataRowStyle{font-weight:bold; font-size:smaller; border:none} .clsAlternatingRowStyle{background-color:#DCDCDC; font-weight:normal} /*grey*/ .clsHeaderStyle{font-size:8pt; background-color:#000; color:White; text-align:left; font-weight:bold} .clsPagerStyle{background-color:#B3C4FF; color:Black; text-align:center} .clsSelectedRowStyle{font-size:8pt; background-color:#B3C4FF; color:White; font-weight:bold} .clsRowStyle{font-size:8pt; background-color:white; color:black; font-weight:normal} input.framebutton{background-color:#B3C4FF; color:#000; font-family:Verdana} /*---------------------------------------------------- rules for ajax dropdown panels =====================================================*/ .ContextMenuPanel{border:1px solid #868686; z-index:1000; background:url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA; cursor:default; padding:1px 1px 0px 1px; font-size:11px} .ContextMenuBreak{margin:1px 1px 1px 32px; padding:0; height:1px; overflow:hidden; display:block; border-top:1px solid #C5C5C5} a.ContextMenuItem{margin:1px 0 1px 0; display:block; color:#039; text-decoration:none; cursor:pointer; padding:3px 18px 3px 2px; white-space:nowrap} a.ContextMenuItem-Selected{font-weight:bold} a.ContextMenuItem:hover{background-color:#FFE6A0; color:#039; border:1px solid #D2B47A; padding:3px 18px 3px 2px} .ContexDropDownlabelTiny{font-size:7.5pt; font-family:Verdana; border-width:1px; border-color:Silver; border-style:solid; padding-bottom:2px; padding-left:4px; padding-right:4px; padding-top:2px} /*---------------------------------------------------- rules for ajax CollapsiblePanelExterder =====================================================*/ .TDCollapsiblePanelExtender{width:auto} .DivCollapsiblePanelExtender{cursor:pointer; padding:5px; vertical-align:middle; width:auto} /*Legacy custom*/ .PostHead {position: absolute; left: 0px;z-index:9999} /*FOR URLSEO-dev server-etc*/ .Snow {color:white;} /*For snow in December*/ /*.FormattedButton {width:auto;overflow:visible;padding:5px;border:1px solid #4788be; color:#fff;background-color:#0f53b6;background-image:url(../images/bg_button.png); background-position:0 0;background-repeat:repeat-x;cursor:pointer;} */ .Title {text-align:center;} .BreakupLongWords{word-wrap:break-word;text-wrap:normal;overflow:hidden;} /*used to protect new fixed width display. See FormatString_HandleOverlyLongWords().*/ .TableBorder {border-collapse: collapse;border:solid 1px #a5c6d7;} /*default for tables*/ .ImageBorder {border-collapse: collapse;border:solid 1px #a5c6d7;} /*default for images*/ .TableBorderLight {border-collapse: collapse;border:solid 1px #E0E0F8;} /*default for tables*/ .GridView_BottomHR{border-bottom: #a5c6d7 1px solid;} /*class to simulate HR at bottom of gridview*/ /*.NoUnderline {text-decoration:none;}*/ .content .NoDecoration {padding:0 0 0 20px;} .content .NoDecoration li { list-style-type: none;} .content .NoIndent {display:inline;} .content .HelpAnchor {text-decoration:none;} /*font size 1 has messed up ol/ul. fix*/ .FontSize1 ol {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;} .FontSize1 ul {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;} /*same as above (for situations where we can't put it in a .FontSize div*/ .FontSize1List {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;} /********************************************* Non legacy- custom ********************************************/ .PostProject_Cell_Header {padding:11px 12px 8px 12px;} .PostProject_Cell {padding:8px 12px 8px 12px;} .clsIM_LivePersonChat_Base {height:185px;} /*generic css for forms*/ .NoWrap {white-space: nowrap;} .TwoColumnForm .Label {text-align:right;vertical-align:top;} /*white-space:nowrap;*/ .TwoColumnForm .Contents {text-align:left;vertical-align:top;} /*.FontSize1_GuiControl {height:10px;}*/ .FontSize2_GuiControl {height:13px;font-size:11px;} /*.FontSize3_GuiControl {height:16px;}*/ .Spacer {height:13px;} /*This css works around the IE7/8 jquery fade issue, where it shows the transparent color as black: apply this to the PNG to solve*/ .IeFadeableImage { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; } /*links with no underlines*/ .black {color:black;text-decoration:none;} .black:hover {text-decoration:none;color:black;} /*links with black underlines*/ .trueblack {color:black;text-decoration:none;} .trueblack:hover {text-decoration:none;color:black;} .SubMenu {background-color:#f5f5f5;} /*old: #EEEEEE*/ /********************************************* /* Vimeo Video player overlay /*********************************************/ .clsVideoPlayerOverlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:black; /*gray;*/ width:675px;height:402px; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } .clsVideoPlayerOverlay_Iframe{position:relative;top:25px;} .clsVideoPlayerOverlay_Object{padding-top:25px;} /*default close button: make it disappear */ .clsVideoPlayerOverlay .close { /*background-image:url(/RentACoder/images/close.png);*/ height:1px;width:1px; } /*lay this close button over the default*/ #idCloseVideoPlayer { position:absolute; right:-15px;top:-15px; cursor:pointer; height:36px;width:36px; } /*overrides missing word wrap for pre tag class is added by clsHtmlParser*/ .handle_pre { white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */ white-space: -pre-wrap; /* Opera 4 - 6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */ word-wrap: break-word; /* IE 5.5+ */ }