/* FYI -- Color values
Light Blue (menu background): #dceaf4
Medium Blue (box background): #cfe1ea
Light Dark Blue (soft text): #609cb9
Mid Dark Blue (sub headings): #4f7ea0
Dark Blue (emplasis text): #19254f
Orange (hyperlnks): #d4ac19
Light Gray (button background): #f2f2f2
Medium Gray (lines, disabled text): #cacaca
*/
@media screen {
/*************** CSS Reset ******************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td, button {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal; }
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
body {font-family:Arial, Helvetica, sans-serif;font-size:71%;height:100%;}
/*************** Global Element Styles ******************************************************************************************/
/*---------- formatting ----------*/
.contentContainer p {font-size:1.1em;margin-bottom:1.3em;line-height:1.5em}
.contentContainer strong {font-weight:bold}
.contentContainer em {font-style:italic}
.contentContainer ul {margin:10px 20px 0px 40px;}
.contentContainer li {margin:0 0 10px 0; list-style-type:disc;font-size:1.1em;}
.contentContainer li li {font-size:1em;}
/*---------- Links ----------*/
a {color:#d4ac19; text-decoration:underline;cursor:pointer}
a:hover {text-decoration:none;}
/*---------- Tables ----------*/
th, td {text-align:left; padding:5px; border-bottom:1px solid #cccccc; vertical-align:top;}
th {vertical-align:bottom;font-weight:bold}
.layout td {border:none;}
.layout td td {border-bottom:1px solid #cccccc; }
/*---------- Headings ----------*/
h1, h2, h3, h4 {font-family:"Arial Narrow", Arial, Helvetica; color:#609cb9}
h1 strong,
h2 strong,
h3 strong,
h4 strong {color:#19254f;font-weight:bold}
h2,
h3,
h4 {font-family:Arial, Helvetica, sans-serif;color:#4f7ea0;}
h1 {font-size:2.5em;}
h2 {font-size:1.45em;border-bottom:1px solid #4f7ea0;margin-bottom:10px;}
h3 {font-size:1.3em;}
h4 {font-size:1.1em;}
h5 {font-size:1em; Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#003082; font-weight:bold;}
.accessibility {display:none;}
/*--- msDropdown ---*/
.dd {text-align:left; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; /*float:left;*/}
.dd .ddTitle {text-indent:0; cursor:default; overflow:hidden;}
.dd .ddTitle span.arrow {background: url(graphics/dropdown_arrow.gif) no-repeat 0 0; float:right; display:inline-block; width:16px; height:16px; cursor:pointer;}
.dd .ddTitle span.textTitle {display:block; text-decoration:none;}
.dd .ddTitle span.textTitle span {text-align:left; display:block; margin-left:20px}
.dd .ddTitle img.selected {padding:0 3px 0 0; vertical-align:top;}
.dd .ddChild {position:absolute; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important;}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a{display:block; text-decoration:none; color:#000; overflow:hidden;}
.dd .ddChild a span{display:block; padding:0; overflow:hidden; white-space:nowrap; cursor:pointer; height:20px}
.dd .ddChild a span {display:block; margin-left:20px}
.hidden {display:none;}
/*** skinning ***/
.dd .ddChild a:hover {background-color:#dceaf4;}
.dd .ddChild a.selected {background-color:#d4ac19;color:#fff}
.dd .ddTitle {padding:2px; height:16px; background:#f2f2f2; border:1px solid #c3c3c3;}
.dd .ddTitle span.textTitle {height:16px; color:#000; overflow:hidden;}
.dd .ddChild {background-color:#ffffff; border:1px solid #c3c3c3; border-top:none;}
/*---------- Forms ----------*/
.errorMessage {border:3px solid #d4ac19;background-color:#f5e9bf;padding:15px;text-align:center;margin-top:20px;}
.bc-errorMessage {margin-top:20px;}
fieldset .errorMessage {clear:both;border:none;padding:2px;text-align:left;background:transparent;margin:0;}
fieldset .errorMessage span {display:block;padding:2px;background-color:#f5e9bf;color:#d4ac19;}
fieldset {display:block;position:relative;margin-top:10px;}
fieldset .required label {border-left:4px solid #d4ac19;padding-left:3px;}
fieldset.FORM_block {}
fieldset.FORM_block .FORM_row {margin:0 10px 10px 0;padding-left:15px;clear:both; width:90%;}
fieldset.FORM_block .FORM_row-split {margin:0 10px 10px 0;padding-left:15px;float:left;display:inline;}
fieldset.FORM_block label {display:block;margin-bottom:3px;}
fieldset.FORM_inline {}
fieldset.FORM_inline .FORM_row {margin:0 10px 10px 15px;clear:both;width:90%;}
fieldset.FORM_inline .FORM_row-split {margin:0 10px 10px 15px;float:left;display:inline;}
fieldset.FORM_inline label {float:left;padding:3px 3px 3px 0;margin-right:10px;display:inline;}
.FORM_inputText,
fieldset .FORM_textarea {border:1px solid #cacaca;padding:3px;}
fieldset .FORM_instruction {margin:0 0 10px 15px;}
fieldset .FORM_inputText,
fieldset .FORM_textarea,
fieldset select {padding:3px;font-size:1.1em;float:left;}
fieldset .FORM_textarea {font-family:Arial, Helvetica, sans-serif;}
fieldset .etc {}
fieldset .etc:after { display: block; clear: both; content: " "; height: 0;overflow: hidden;}
fieldset .buttonContainer {clear:both;padding-top:15px;}
fieldset .buttonContainer div {float:left;margin-right:15px;}
fieldset .FORM_checkboxRadio {overflow:hidden;zoom:1;}
fieldset .FORM_checkboxRadio div {clear:left;margin-left:20px;}
fieldset .FORM_checkboxRadio .FORM_checkboxRadioInput {float:left;margin-right:5px;}
fieldset .FORM_checkboxRadio label {float:left;width:auto;}
fieldset .required .FORM_checkboxRadio label {border:none;padding:0;}
/***************** Wigets ******************************************************************************************/
/*---------- generic multi-columns ----------*/
.twoColumn1, .twoColumn2 {position:relative; float:left; width:48%; display:inline;}
.threeColumn1, .threeColumn2, .threeColumn3 {position:relative; float:left; width:30%;display:inline;}
/*---------- Centered Floats ----------*/
.centerFloat {width:100%;overflow:hidden;}
.centerFloat .cf-container {float:left;position:relative;left:50%;}
.centerFloat .cf-content {float:left;position:relative;right:50%;}
/*---------- Modal ----------*/
/* Overlay */
#simplemodal-overlay {background-color:#000; /*cursor:wait*/}
/* Container */
#simplemodal-container {background-color:#fff; border:4px solid #ddd;padding:8px; position:relative; text-align:left;}
#simplemodal-container a.modalCloseImg {cursor:hand; display:block; float:right; margin-right:5px;}
.modalContent {display:none;}
/*---------- Words Translated----------*/
.wordsTranslated {margin:0 10px 15px 10px;text-align:right;}
.wordsTranslated dt {font-size:32px;font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}
.wordsTranslated dd {font-size:13px;}
/*---------- Currency Viewer ----------*/
.currencyViewer {position:absolute;font-size:0.9em;top:-20px;right:0;}
.currencyViewer select {font-size:.9em;}
/*---------- alert ----------*/
.alert {color:#F00; font-weight:bold;}
.success {color:#090; font-weight:normal;}
/*---------- tooltip ----------
Leveraging http://craigsworks.com/projects/simpletip
*/
.LBtooltip {position:relative; border-bottom:1px dotted #4f7ea0;color:#4f7ea0;font-size:.8em;/*z-index:500;*/}
div.LBtooltip p {width:95%; margin-left:10px;}
/*administratve formatting*/
.tooltip {position: absolute;top: 0;left: 0;z-index: 100;display: none;width:250px;background:#f2f2f2;border:1px solid #609cb9;padding:10px;color:#000;font-size:1.1em}
.tooltip h6 {font-size:1.2em;font-weight:bold; margin-bottom:5px; color:#609cb9}
/*---------- Stretchable Boxes ---------- */
/** simple **/
.box {position:relative;padding:8px;zoom:1;}
.box .box-tl, .box .box-tr, .box .box-bl, .box .box-br {height:8px;width:8px;position:absolute;background-repeat:no-repeat}
.box .box-tl {top:0;left:0}
.box .box-tr {top:0;right:-1px;}
body > * .box .box-tr {top:0;right:0;}
.box .box-bl {bottom:-1px;left:0}
body > * .box .box-bl {bottom:0;left:0}
.box .box-br {bottom:-1px;right:-1px}
body > * .box .box-br {bottom:0;right:0}
.box-blue {background-color:#cfe1ea;}
.box-blue .box-tl, .box-blue .box-tr, .box-blue .box-bl, .box-blue .box-br {background:url(stretchableBox/box_blue.gif);font-size:1px}
.box-blue .box-tl {background-position:top left}
.box-blue .box-tr {background-position:top right}
.box-blue .box-bl {background-position:bottom left}
.box-blue .box-br {background-position:bottom right}
/** complex
*/
.box .topLeft {height: 31px; font-size:1px;}
.box .topLeft .topRight {height: 31px;font-size:1px;margin: 0px 0px 0px 70px; }
.box .contentLeft {}
.box .boxContent {position: relative; margin: 0px 0px 0px 4px; padding: 10px 4px 0px 0px;height:100%;}
.box .bottomLeft { height: 12px;font-size:1px;}
.box .bottomLeft .bottomRight { height: 12px; margin: 0px 0px 0px 70px;}
/* Stretchable Type Visual Style */
/*Standard */
.box_standout {padding:0}
.box_standout h2 {position:absolute;top:-31px;left:0;width:100%;padding-top:7px;color:#fff;text-align:center;border:none}
.contentContainer .box_standout p {font-size:1.1em;padding-bottom:1.3em;line-height:1em}
.contentContainer .box_standout p {font-size:1.1em;padding-bottom:1.3em;line-height:1em}
.contentContainer .box_standout ul {margin-bottom:0px;padding-bottom:10px}
/* IE6 PNG alternate */
.box_standout .topLeft {background: url(stretchablebox/box_standout_header_left.gif) no-repeat left;}
.box_standout .topLeft .topRight {background: url(stretchablebox/box_standout_header_right.gif) no-repeat right; }
.box_standout .contentLeft {background: url(stretchablebox/box_standout_content_left.gif) repeat-y left;}
.box_standout .boxContent {background: url(stretchablebox/box_standout_content_right.gif) repeat-y right;}
.box_standout .bottomLeft {background: url(stretchablebox/box_standout_footer_left.gif) no-repeat left;}
.box_standout .bottomLeft .bottomRight {background: url(stretchablebox/box_standout_footer_right.gif) no-repeat right;}
/* all others */
body > * .box_standout .topLeft {background-image: url(stretchablebox/box_standout_header_left.png);}
body > * .box_standout .topLeft .topRight {background-image: url(stretchablebox/box_standout_header_right.png);}
body > * .box_standout .contentLeft {background-image: url(stretchablebox/box_standout_content_left.png);}
body > * .box_standout .boxContent {background-image: url(stretchablebox/box_standout_content_right.png);}
body > * .box_standout .bottomLeft {background-image: url(stretchablebox/box_standout_footer_left.png);}
body > * .box_standout .bottomLeft .bottomRight {background-image: url(stretchablebox/box_standout_footer_right.png);}
/*---------- Buttons ----------
*/
.buttonContainer {overflow:hidden;zoom:1}
/* Small */
.simpleButton-sm {overflow:hidden}
.simpleButton-sm a {float:left;height:24px;padding-left:10px;cursor:hand;}
.simpleButton-sm span {float:left;height:20px;padding:4px 10px 0 0}
/* small orange */
.sbs-orange a{background:url(buttons/button_simple_small_orange_left.gif) no-repeat top left; text-decoration:none}
.sbs-orange span {background:url(buttons/button_simple_small_orange_right.gif) no-repeat top right; color:#ffffff}
/* small gray */
.sbs-gray a{background:url(buttons/button_simple_small_gray_left.gif) no-repeat top left; text-decoration:none}
.sbs-gray span {background:url(buttons/button_simple_small_gray_right.gif) no-repeat top right; color:#000}
body > * .sbs-gray a{background:url(buttons/button_simple_small_gray_left.png) no-repeat top left; text-decoration:none}
body > * .sbs-gray span {background:url(buttons/button_simple_small_gray_right.png) no-repeat top right; color:#000}
/* small blue */
.sbs-blue a{background:url(buttons/button_simple_small_blue_left.gif) no-repeat top left; text-decoration:none}
.sbs-blue span {background:url(buttons/button_simple_small_blue_right.gif) no-repeat top right; color:#19254f}
/* Large */
.simpleButton-lg {overflow:hidden}
.simpleButton-lg a {float:left;height:29px;padding-left:13px;cursor:hand;}
.simpleButton-lg span {float:left;height:24px;padding:5px 13px 0 0;font-size:1.5em}
/* large gray */
.sbl-gray a{background:url(buttons/button_simple_large_gray_left.gif) no-repeat top left; text-decoration:none}
.sbl-gray span {background:url(buttons/button_simple_large_gray_right.gif) no-repeat top right; color:#609cb9}
/* large blue */
.sbl-blue a{background:url(buttons/button_simple_large_blue_left.gif) no-repeat top left; text-decoration:none}
.sbl-blue span {background:url(buttons/button_simple_large_blue_right.gif) no-repeat top right; color:#609cb9}
/* large orange */
.sbl-orange a{background:url(buttons/button_simple_large_orange_left.gif) no-repeat top left; text-decoration:none}
.sbl-orange span {background:url(buttons/button_simple_large_orange_right.gif) no-repeat top right; color:#fff}
/* Product Buttons */
.productButton {width:181px;height:25px;padding-top:6px;color:#000;text-align:center;font-size:14px}
.productButton a {text-decoration:none;color:#000}
.productButton a:hover {text-decoration:underline}
.pb-freelancers {background:url(buttons/products_freelancers.gif) no-repeat}
.pb-agencies {background:url(buttons/products_agencies.gif) no-repeat}
.pb-enterprises {background:url(buttons/products_enterprises.gif) no-repeat}
/* Buttons as calls to action */
body.homepage .twoColumn2 .productButton,
body.contentPage .threeColumn3 .productButton {margin:0 0 10px 30px}
/*---------- Tab Navigation ----------
TAB CONTENTS HERE
*/
.tab {position:relative;}
.tab ul {margin:0px 0px 0px 30px;padding:0px;list-style:none;}
.tab li {display:inline;float:left;margin:0px 10px 0px 0px;padding:0px;position:relative;}
.tab a {float:left;display:inline;margin:0px;padding:0px 0px 0px 11px;text-decoration:none;cursor:hand;color:#19254f}
.tab a span {float:left;display:block;}
.tab a:hover {}
.tab a:hover span {}
.tab .current a, .tab .current a:hover{border-width:0;}
.tab .current a span, .tab .current a:hover span {}
/*** STANDARD tab ***/
.tab-style_standard {height:27px;border-bottom:2px solid #355579;}
.tab-style_standard a{background:url(tab_navigation/tabs_standard.gif) no-repeat left top;}
.tab-style_standard a:hover {background-position:0% -49px;}
.tab-style_standard a span{background:url(tab_navigation/tabs_standard.gif) no-repeat right top;padding:6px 15px 3px 5px;height:18px;}
.tab-style_standard a:hover span {background-position:100% -49px;}
.tab-style_standard .current a,
.tab-style_standard .current a:hover{background-position:0px -98px;color:#fff}
.tab-style_standard .current a span,
.tab-style_standard .current a:hover span {background-position:100% -98px;}
.tab-style_standard .removable a span{padding-left:15px;}
.tab-style_standard a.remove {float:none;background:url(tab_navigation/button_Xcircle_grayBG.gif);font-weight:bold;text-align:center;color:#ffffff;width:15px;height:15px;position:absolute;left:7px;top:5px;padding:0px;}
.tab-style_standard a.remove:hover {background-position:top left;}
/* Remove styling for a non-tab ( a tab functionally, but having no style */
.tab .noTab a, .tab .noTab a:hover,
.tab .noTab a span,
.tab .noTab a:hover span{background-image:url();font-weight:normal;text-decoration:underline;color:#187118;padding-left:5px;}
.tab .noTab a:hover span{text-decoration:none;}
/*************** Global Page Structure ******************************************************************************************/
body {text-align:center;background:url(global/background_content.gif) repeat-x #ffffff}
.pageContainer {width:990px;margin:0 auto;text-align:left; position:relative}
/*---------- Header ----------*/
.header {height:135px;position:relative; z-index:500;}
.logo {position:absolute; top:25px; left:0;}
.systemMenu {position:absolute; top:10px; right:246px;z-index:50;background-color:#ffffff;}
body > * .systemMenu {position:absolute; top:10px; right:246px;z-index:50; background:transparent url(global/background_white_transparency.png);}
.systemMenu li{float:left;margin-left:5px;}
.systemMenu li.logout {float:left;padding-left:5px; border-left:1px solid #000;}
.systemMenu ul{float:left;padding-top:4px;}
.systemMenu div{float:left;margin-left:15px;}
.languageContainer .language {position:absolute;right:0px; top:60px;}
.functionContainer {position:absolute; padding-top:7px; right:0; width:236px; height:41px; background:url(graphics/functionContainer_bg.png) no-repeat;}
.functionContainer .support {float:left;display:inline; margin-left:15px; margin-top:3px;}
.functionContainer .support .sbs-gray a span {text-decoration:none;color:#19254f;}
.functionContainer #search {float:left;display:inline;margin:2px 0 0 10px;}
.functionContainer #search input.FORM_inputText {width:99px;height:15px;border:1px solid #dceaf4;color:#cacaca;font-size:1em;padding:3px;}
.functionContainer #search input.type {color:#000000}
.functionContainer #search .FORM_submitButton {background:url(buttons/button_search_icon.gif) no-repeat;border:0;text-indent:-100em;width:23px;height:23px;cursor:hand;vertical-align:baseline;}
/*---------- Main menu ----------*/
#mainMenuContainer {position:absolute; top:0; left:165px;}
/* a */
#mainMenuContainer > ul > li > .topItem {color:#19254f; font-size:17px; float:left; height:20px; padding:60px 10px 10px 10px; text-decoration:none;}
#mainMenuContainer .selected,
#mainMenuContainer .topItem:hover {background-color:#dceaf4;}
/* li */
#mainMenuContainer .selected a:hover {background-color:#cfe1ea;}
#mainMenuContainer .mainItem {float:left; margin-right:10px;}
/* Dropdowns - li*/
#mainMenuContainer .mainItem ul {display:none; border-bottom:1px solid #609cb9;}
#mainMenuContainer .over > ul {background-color:#dceaf4; display:block; position:absolute;}
#mainMenuContainer .over > ul a {border-top:1px solid #609cb9; color:#19254f; display:block; padding:5px; text-decoration:none; width:150px;}
#mainMenuContainer .over > ul a:hover {background-color:#cfe1ea;}
#mainMenuContainer .secondaryItem .topItem,
#mainMenuContainer .tertiaryItem .topItem {font-weight:bold;}
/*#mainMenuContainer .over ul {position:absolute; top:90px;}
#mainMenuContainer .over ul ul {top:0; left:100px;}
#mainMenuContainer .over .mainItem .secondaryItem ul {position:absolute; left:100px;}
#mainMenuContainer .over .mainItem .tertiaryItem {}*/
/*
#mainMenuContainer .ekmenu_submenu_btnlink {float:left;height:20px;padding:60px 10px 10px 10px;text-decoration:none;color:#19254f;font-size:1.5em}
#mainMenuContainer .selected,
#mainMenuContainer .ekmenu_submenu_btnlink:hover {background-color:#dceaf4}
/* li * /
#mainMenuContainer .selected a:hover {background-color:#cfe1ea}
#mainMenuContainer .mainItem {float:left;margin-right:10px; }
/* Dropdowns - li* /
#mainMenuContainer li ul {display:none}
#mainMenuContainer .over ul {display:block;position:absolute;background-color:#dceaf4}
#mainMenuContainer .over ul a {display:block;padding:5px;width:150px;border-top:1px solid #609cb9;text-decoration:none; color:#19254f}
#mainMenuContainer .over ul a:hover {background-color:#cfe1ea}
/*---------- Function Container ----------*/
.functionContainer {}
.support {margin-right:10px; font-size:10px;}
#search {padding-top:1px;}
#search input {width:150px;float:left;}
#search a {float:left;}
/*---------- Main Content ----------*/
/*---------- Footer ----------*/
.footer {clear:both;padding-top:20px;}
.footer .box {overflow:hidden;zoom:1;padding:15px;}
.footer a {color:#19254f;}
.footer li {float:left;}
.footer .twoColumn1 {width:576px}
.footer .twoColumn1 p {padding-top:5px;clear:both;}
.footer .twoColumn1 li {margin-right:15px;}
.footer .twoColumn2 {width:380px;}
.footer .twoColumn2 li {float:right;margin-left:15px;}
/*************** Modal Dialog Box *****************************************************************************************/
#freelancerPlans p,
#agencyPlans p,
#enterprisePlans p {Margin-top:10px;}
.simplemodal-container .changePlan {height:200px;}
.simplemodal-close {}
.simplemodal-wrap {}
/*************** Page Layouts ******************************************************************************************/
.contentContainer .justifyRight {text-align:right;}
/*-----Homepage-----*/
body.homepage {background-image:url(global/background_homepage.gif);}
body.homepage .header {height:111px;}
body.homepage .splash {overflow:hidden;zoom:1;}
/*---------- Scrollable Styling ----------*/
/* contents style */
body.homepage #banner {float:left;display:inline;width:745px;height:241px;overflow:hidden;position:relative;}
body.homepage #banner #content ul {position:absolute;top:0;margin:0;z-index:100;}
body.homepage #banner #content ul li {margin:0; list-style-type:none;}
/* navigation style */
body.homepage #banner #scrollableNav {position:absolute;bottom:10px; right:-17px;z-index:1000;}
body.homepage #banner #scrollableNav li {float:left;display:inline; list-style-type:none; text-align:center; margin-left:3px;}
body.homepage #banner #scrollableNav a {display:block;width:17px;height:17px;text-decoration:none;color:#19254f;border:1px solid #dceaf4;background-color:#dceaf4;}
body.homepage #banner #scrollableNav a:hover {border:1px solid #609cb9;}
body.homepage #banner #scrollableNav .selected a {border:1px solid #d4ac19;color:#FFF; background-color:#d4ac19;}
body.homepage .splashSidebar {margin-left:10px; float:left;display:inline;width:235px;}
body.homepage .mainContent {margin-top:20px;}
body.homepage .mainContent .twoColumn1 {width:745px;}
body.homepage .mainContent .twoColumn2 {margin-left:10px;width:235px;}
body.homepage .mainContent .twoColumn2 img {margin-bottom:10px;}
body.homepage .mainContent .intro {position:relative;}
body.homepage .mainContent .intro p {margin:3px 20px 3px 20px;text-align:center;font-size:2em;line-height:normal;font-family:"Arial Narrow", Arial, Helvetica;}
body.homepage .mainContent .columns {margin-top:18px;zoom:1;background:url(graphics/homepage_columns.gif) repeat-y 245px 0px;}
body.homepage .mainContent h2 {margin:10px 0 10px 0;border:none;}
body.homepage .mainContent .columns p {margin-bottom:10px;font-size:1em;}
body.homepage .mainContent .columns ul {margin:0 0 10px 20px;}
body.homepage .mainContent .columns li { list-style-type:disc;margin:0 0 5px 20px;}
body.homepage .mainContent .columns .threeColumn1 {width:235px;margin-right:20px;}
body.homepage .mainContent .columns .threeColumn2 {width:235px;margin-right:20px;}
body.homepage .mainContent .columns .threeColumn3 {width:235px;}
/*----- General Content Page Structure-----*/
body.contentPage .header {height:135px;}
body.contentPage .mainContent {overflow:hidden;zoom:1;}
body.contentPage .localNav h6 {font-size:1.4em;position:relative; border-bottom:2px solid #d4ac19; padding:0px 0px 5px; margin-bottom:5px;}
body.contentPage .localNav h6 a {color:#000; text-decoration:none;}
body.contentPage .localNav {overflow:hidden;}
body.contentPage .localNav div {display:inline;}
body.contentPage .localNav img {margin-bottom:10px;}
body.contentPage .localNav ul {margin:0px 0 0 0;}
body.contentPage .localNav li {float:left;width:160px;margin:0 0 5px 0;list-style-type:none;}
body.contentPage .localNav li a {font-size:1.2em; color:#19254f;padding:5px; text-decoration:none;margin-left:20px;display:block;cursor:pointer;}
body.contentPage .localNav li a:hover { text-decoration:underline;cursor:pointer;}
body.contentPage .localNav li em {width:20px; height:21px; display:block; background:url(global/bullet_singlearrow.gif) 5px 7px no-repeat; float:left;}
body.contentPage .localNav li.selected em {background-image:url(global/bullet_singlearrow_blue.gif);}
body.contentPage .localNav li.selected li em {background-image:url(global/bullet_singlearrow.gif);}
body.contentPage .localNav li .parent em {width:20px; height:21px; display:block; background-image:url(global/bullet_doublearrow.gif); background-positoin: 5px 7px; background-repeat:no-repeat; float:left;cursor:pointer;}
body.contentPage .localNav li.open .parent em {width:20px; height:21px; display:block; background-image:url(global/bullet_doublearrow_open.gif);background-position: 5px 7px; background-repeat: no-repeat; float:left;}
body.contentPage .localNav li.selected.open .parent em {background-image:url(global/bullet_doublearrow_blue_open.gif);}
body.contentPage .localNav li.selected .parent em {background-image:url(global/bullet_doublearrow_blue.gif);}
body.contentPage .localNav li.selected.open li .parent em {background-image:url(global/bullet_doublearrow.gif);}
body.contentPage .localNav li.selected .parent em {background-image:url(global/bullet_doublearrow_blue.gif);}
body.contentPage .localNav li.selected.open li .parent em {background-image:url(global/bullet_doublearrow.gif);}
body.contentPage .localNav li span {display:block;}
body.contentPage .localNav li.selected span {background-color:#dceaf4;}
body.contentPage .localNav li.selected li span {background-color:transparent;}
body.contentPage .localNav li.selected span em {background-image:url(global/bullet_singlearrow_blue.gif);}
body.contentPage .localNav li.selected li span em {background-image:url(global/bullet_singlearrow.gif);}
body.contentPage .localNav li.selected span.parent em {background-image:url(global/bullet_doublearrow_blue_open.gif);}
body.contentPage .localNav li.selected li span.parent em {background-image:url(global/bullet_doublearrows.gif);}
body.contentPage .localNav ul h6,
body.contentPage .localNav ul ul {margin-left:15px;}
body.contentPage .localNav li ul {display:none}
body.contentPage .localNav li.open ul {display:block}
body.contentPage .localNav li.open .parent em {background-image:url(global/bullet_doublearrow_open.gif);}
body.contentPage .localNav li.open ul .parent em{background-image:url(global/bullet_doublearrow.gif);}
body.contentPage .localNav li.open ul ul {display:none}
body.contentPage .localNav li.open ul li.open ul {display:block}
body.contentPage .localNav li.open ul li.open .parent em {background-image:url(global/bullet_doublearrow_open.gif);}
body.contentPage .localNav li.open ul li.open ul .parent em{background-image:url(global/bullet_doublearrow.gif);}
body.contentPage .localNav li.open ul li.open ul ul {display:none}
body.contentPage .localNav li.open ul li.open ul li.open ul {display:block}
body.contentPage .localNav li.open ul li.open ul li.open .parent em{background-image:url(global/bullet_doublearrow_open.gif);}
body.contentPage .localNav li.open ul li.open ul li.open ul .parent em{background-image:url(global/bullet_doublearrow.gif);}
body.contentPage .localNav li.open ul li.open ul li.open ul ul {display:none;}
body.contentPage .localNav li.open .parent em {background-image:url(global/bullet_doublearrow_open.gif);}
body.contentPage .localNav li.open ul .parent em{background-image:url(global/bullet_doublearrow.gif);}
body.contentPage .localNav li.open ul li.open .parent em {background-image:url(global/bullet_doublearrow_open.gif);}
body.contentPage .localNav li.open ul li.open ul .parent em{background-image:url(global/bullet_doublearrow.gif);}
body.contentPage .localNav li.open ul li.open ul li.open .parent em{background-image:url(global/bullet_doublearrow_open.gif);}
body.contentPage .localNav li.open ul li.open ul li.open ul .parent em{background-image:url(global/bullet_doublearrow.gif);}
body.contentPage .localNav li.open ul li.open.selected .parent em {background-image:url(global/bullet_doublearrow_blue_open.gif);}
body.contentPage .localNav ul li.selected ul {margin:0 0 0 15px;}
body.contentPage .localNav li.selected .parent em {background-image:url(global/bullet_doublearrow_blue.gif);}
body.contentPage .localNav li.selected em {background-image:url(global/bullet_singlearrow_blue.gif);}
body.contentPage .localNav li.selected li .parent em {background-image:url(global/bullet_doublearrow.gif);}
body.contentPage .localNav li.selected li em {background-image:url(global/bullet_singlearrow.gif);}
body.contentPage .localNav ul li.selected .parent em {background-image:url(global/bullet_doublearrow_blue.gif);}
body.contentPage .localNav ul li.selected em {background-image:url(global/bullet_singlearrow_blue.gif);}
body.contentPage .localNav ul li.selected ul li {width:140px; margin-bottom:2px;}
body.contentPage .localNav ul li.selected ul li li {width:120px; margin-bottom:2px;}
body.contentPage .localNav ul li.selected ul li a {font-size:1.1em;}
body.contentPage .sidebarContent {margin-top:20px;}
body.contentPage .mainContent .breadcrumbs {margin-bottom:10px;}
body.contentPage .mainContent h1 {margin-bottom:20px;font-size:2em;}
body.contentPage .mainContent .threeColumn1 {width:190px;margin-right:10px;}
body.contentPage .mainContent .threeColumn2 {width:535px;margin-right:10px;}
body.contentPage .mainContent .threeColumn3 {width:235px;}
/*----- General Landing Page Structure-----*/
body.landingPage .header {height:111px;}
body.landingPage {background-image:url(global/background_landing.gif);}
body.landingPage .splash {overflow:hidden;zoom:1;margin-bottom:20px;height:195px;}
body.landingPage .splashImage {float:left;display:inline;width:190px;}
body.landingPage .splashContent {margin-left:10px; float:left;display:inline;width:535px;}
body.landingPage .splashContent h1 {font-size:26px;}
body.landingPage .splashSidebar {margin-left:10px; float:left;display:inline;width:235px;}
body.landingPage .splashContent {font-family:"Arial Narrow", Arial, Helvetica;}
body.landingPage .splashContent p {font-size:1.4em;line-height:1.7em;}
body.landingPage .mainContent {}
/*----- Products Landing page -----*/
body.productLanding .currencyViewer {top:-45px;right:5px;}
body.productLanding .mainContent {overflow:visible}
body.productLanding .mainContent .threeColumn2 {width:780px;}
body.productLanding .mainContent .threeColumn3 {display:none;}
body.productLanding .mainContent .threeColumn2 .threeColumn1,
body.productLanding .mainContent .threeColumn2 .threeColumn2,
body.productLanding .mainContent .threeColumn2 .threeColumn3 {width:32%;display:inline;}
body.productLanding .productHighlights {clear:both;margin-bottom:20px;}
body.productLanding .productContainer .box_standout {width:168px;margin-left:12px;}
body.productLanding .productContainer h2 {border:none;}
body.productLanding .productContainer {text-align:center;width:192px;border-right:1px solid #dceaf4;}
body.productLanding .productContainer .productButton {margin-left:5px;margin-bottom:5px;}
body.productLanding .productContainer strong{font-weight:bold;}
body.productLanding .productContainer .intro {display:block;margin:0 0 10px 5px;line-spacing:1em;text-align:left;}
body.productLanding .productContainer .quantity {font-size:1.7em; color:#19254f;padding-bottom:5px;border-bottom:1px solid #dceaf4;}
body.productLanding .productContainer .pricing {padding-top:5px;color:#19254f;margin-bottom:10px;}
body.productLanding .productContainer .pricing .monthly{font-size:1.7em;}
body.productLanding .productContainer .pricing .annual{font-size:.9em;color:#888888;}
body.productLanding .productContainer .simpleButton-sm{font-size:1.2em;width:120px;margin:0 auto;}
body.productLanding .productContainer .simpleButton-sm span{width:100px;}
/***** temporary text styles ****/
body.productLanding .contentContainer .productContainer p {line-height:1em;margin:15px;font-size:1.1em;}
body.productLanding .productSpecial {border:none;}
body.productLanding h3 {margin:0 0 10px 0;}
body.productLanding .productFeatures {clear:both;margin-bottom:30px;padding-bottom:10px;}
body.productLanding .productFeatures .box {overflow:hidden;zoom:1;}
body.productLanding .productFeatures h3 {padding:10px 0 0 10px;color:#19254f;}
body.productLanding .productFeatures ul {margin-left:20px;}
body.productLanding .productFeatures li {float:left;display:inline;margin:0 5px 7px 0;}
body.productLanding .productFeatures li a {display:block;width:165px;padding:5px;background-color:#dceaf4;color:#19254f;text-decoration:none;}
body.productLanding .productFeatures li a:hover {background-color:#FFF;}
body.productLanding .featureSection {clear:both;overflow:hidden;zoom:1;margin:20px 0 0 0;padding-bottom:10px;border-bottom:1px solid #609cb9;}
body.productLanding .featureSection h3 {color:#19254f;}
/*----- View All Plans page -----*/
.productsPlans { position:relative; margin:30px 0 20px 0 }
body.viewAllplans .currencyViewer {top:-2px;right:0;}
body.viewAllplans .productsSupplementalPlans,
body.viewAllplans .productsAddons { position:relative;}
body.viewAllplans .productsSupplementalPlans {margin-top:20px;}
body.viewAllplans .productsAddons {margin-top:20px;}
.plansFreelancers,
.plansAgencies,
.plansEnterprises {margin:20px 0 0 0;clear:both;}
.description {float:left; width:181px;display:inline;margin-right:10px;}
.description p {margin:10px 0 0 0; font-size:.9em;}
.productsPlans .TABLE_plans {width:340px;}
.TABLE_plans .col_words {width:35px;}
.TABLE_plans .col_users {width:35px;}
.TABLE_plans .col_actions {width:75px;}
.TABLE_plans .col_span {width:265px;}
body.contentPage .currencyViewer label {font-size:1.1em; margin-right:10px;}
body.contentPage .currencyViewer select {}
/*----- Login -----*/
body.login {}
body.login .contentContainer {padding-bottom:100px;zoom:1;}
body.login .contentContainer .twoColumn1{width:390px;margin:20px 75px 0px 75px;}
body.login .contentContainer .twoColumn2{width:345px;margin-top:20px;padding-top:25px;}
body.login fieldset {padding-top:15px;}
body.login fieldset label {width:75px;}
body.login fieldset .FORM_inputText {width:125px;}
body.login fieldset .etc {height:25px}
body.login fieldset .etc a {margin-left:10px;}
body.login fieldset .buttonContainer {margin-left:100px;}
body.login fieldset .LBtooltip {float:left;}
body.login .errorMessage {margin:0 10px 0 10px;}
body.login fieldset .errorMessage {margin:0 0 0 85px;}
body.login fieldset .buttonContainer {padding:0 0 10px 0;}
body.login .contentContainer .twoColumn2 h2{margin-bottom:15px;}
body.login .modalContent {width:300px}
body.login .modalContent .buttonContainer {margin-left:15px}
body.login .modalContent fieldset .FORM_inputText {width:175px}
body.login .modalContent fieldset .errorMessage {margin:0px}
/*----- Guest Signup [FORM] -----*/
body.guestSignup {}
body.guestSignup .contentContainer p {margin-left:20%;width:60%;}
body.guestSignup fieldset {padding-top:15px;margin-left:32%;width:38%;}
body.guestSignup fieldset .FORM_inputText {width:125px;}
body.guestSignup fieldset .emailAddress .FORM_inputText {width:280px;}
body.guestSignup fieldset .agreement {}
body.guestSignup fieldset .agreement label {width:70%; float:left; margin-right:15px;}
body.guestSignup fieldset .agreement input {float:left;}
body.checkLog #agreementModal,
body.guestSignup #agreementModal {height:400px; overflow-x:hidden; overflow-y:auto; width:600px;}
body.checkLog #agreementModal .printButton,
body.guestSignup #agreementModal .printButton {float:left; margin:20px 0 10px 240px;}
body.checkLog #simplemodal-container a.modalCloseImg,
body.guestSignup #simplemodal-container a.modalCloseImg {right:40px;background:#fff;padding:3px;}
body.checkLog #agreementModal .contentContainer p,
body.guestSignup #agreementModal .contentContainer p {margin:0 0 15px 0; width:auto;}
/*----- Free Trial [FORM] -----*/
body.freeTrial fieldset {padding-top:15px;margin-left:32%;width:38%;}
body.freeTrial fieldset .FORM_inputText {width:125px;}
body.freeTrial fieldset .emailAddress .FORM_inputText {width:280px;}
body.freeTrial fieldset .tenancy .etc .simpleButton-sm {float:left; margin:0 10px 0 10px;}
body.freeTrial fieldset .tenancy .etc .message {clear:both;display:block;padding:3px 0 0 0;}
body.freeTrial .guest {display:none;}
body.freeTrial #agreementModal {height:400px; overflow-x:hidden; overflow-y:auto; width:600px;}
/*----- Guest Signup - Confirmation -----*/
body.guestSignupConfirmation fieldset {padding-top:15px;margin-left:28%;width:40%;}
body.guestSignupConfirmation .tip-tenancy {display:block;}
body.guestSignupConfirmation .contentContainer fieldset p {margin-bottom:0;font-weight:bold;font-size:1em;}
body.guestSignupConfirmation .contentContainer fieldset .tooltip p {font-weight:normal;}
/*----- Translation Workspace / MY Account -----*/
body.translationWorkspace h1,
body.myAccount h1 {margin-bottom:10px;}
body.translationWorkspace .contentContainer .twoColumn1,
body.myAccount .contentContainer .twoColumn1{margin-right:20px;}
body.myAccount .errorMessage {margin-bottom:10px;}
.dashboardContainer {padding:10px}
body.myAccount .accountInfo dt,
body.myAccount .billinginfo dt {clear:left;}
body.translationWorkspace dt,
body.myAccount dt,
body.translationWorkspace dd,
body.myAccount dd {font-size:1.1em;margin-bottom:5px;}
body.translationWorkspace dt,
body.myAccount dt {float:left; font-weight:bold;text-align:right;width:150px;margin-right:10px;}
body.translationWorkspace dd,
body.myAccount dd {display:block;}
body.myAccount .buttonContainer,
body.myAccount .buttonContainer {margin:10px 0 0 100px;}
body.myAccount div.contentContainer div.mainContent div.twoColumn1 div.dashboardContainer div.FORM_row .errorMessage { visibility:hidden;}
body.myAccount div.contentContainer div.mainContent div.twoColumn1 div.dashboardContainer .etc {height:10px;}
body.checkLog #agreementModal,
body.myAccount #agreementModal {height:400px; overflow-x:hidden; overflow-y:auto; width:600px;}
body.checkLog #agreementModal .printButton,
body.myAccount #agreementModal .printButton {float:left; margin:20px 0 10px 240px;}
body.checkLog #simplemodal-container a.modalCloseImg,
body.myAccount #simplemodal-container a.modalCloseImg {right:40px;background:#fff;padding:3px;}
body.checkLog #agreementModal .contentContainer p,
body.myAccount #agreementModal .contentContainer p {margin:0 0 15px 0; width:auto;}
/*----- Translation Workspace -----*/
body.translationWorkspace {}
body.translationWorkspace #simplemodal-container a.modalCloseImg {display:none;}
body.translationWorkspace .subscriptionInfo .message {background-color:#dceaf4;padding:10px;border:1px solid #19254f;text-align:center;font-size:1.1em; margin-bottom:10px;}
body.translationWorkspace .subscriptionInfo .message span {display:block;font-size:.8em}
body.translationWorkspace .subscriptionInfo .message a {color:#19254f}
body.translationWorkspace .subscriptionInfo .statusBar {margin:50px 0 15px 0;position:relative;background:url(graphics/tw_statusbar.gif) no-repeat 0 0;height:27px;}
body.translationWorkspace .subscriptionInfo .statusBar_inner {display:block;background:url(graphics/tw_statusbar.gif) no-repeat right 0;height:27px;margin-left:12px;}
body.translationWorkspace .subscriptionInfo .bar {background:url(graphics/tw_statusbar.gif) no-repeat; height:27px;position:relative;margin-left:0px;/*set by jQuery: margin-left:50px*/}
body.translationWorkspace .subscriptionInfo .bar_inner {display:block;background:url(graphics/tw_statusbar.gif) no-repeat;height:27px;margin-left:12px;}
/* bar positions:
Green: background-position:0 -27px
Gold: background-position:0 -54px
Red: background-position:0 -81px
*/
body.translationWorkspace .subscriptionInfo .bar-okay {background-position:0 -54px;}
body.translationWorkspace .subscriptionInfo .bar-okay .bar_inner {background-position:right -54px;}
body.translationWorkspace .subscriptionInfo .bar-caution {background-position:0 -54px;}
body.translationWorkspace .subscriptionInfo .bar-caution .bar_inner {background-position:right -54px;}
body.translationWorkspace .subscriptionInfo .bar-alert {background-position:0 -54px;}
body.translationWorkspace .subscriptionInfo .bar-alert .bar_inner {background-position:right -54px;}
body.translationWorkspace .subscriptionInfo .alertText {color:#F00;}
body.translationWorkspace .subscriptionInfo .remaining {white-space:nowrap;color:#19254f;text-align:center;position:absolute;top:-45px;left:0px/*reset by jQuery: left:0*/;padding:0 0 20px 0;background:url(graphics/tw_statusbar_current.gif) no-repeat bottom center;}
body.translationWorkspace .subscriptionInfo .remaining .number {font-size:24px;display:block;}
body.translationWorkspace .subscriptionInfo .remaining .text {font-size:10px;display:block; white-space:nowrap;}
body.translationWorkspace .subscriptionInfo .planMax {font-size:11px;position:absolute;bottom:-15px;left:12px; border-left:1px solid #19254f;padding:27px 0 0 5px;}
body.translationWorkspace .subscriptionInfo .planMax span {font-weight:bold}
body.translationWorkspace .subscriptionInfo .zero {font-size:11px;position:absolute;bottom:-15px;right:20px;border-left:1px solid #19254f;padding:27px 0 0 5px;width:10px}
body.translationWorkspace .subscriptionInfo .statusText {font-size:11px; margin:0 0 0 20px;}
body.translationWorkspace .subscriptionInfo .datestamp {color:#999; margin-top:5px;}
body.translationWorkspace .subscriptionInfo .buttonContainer {margin-top:15px;}
body.translationWorkspace .subscriptionInfo .buttonContainer div.suspend {padding-right:15px;}
body.translationWorkspace .subscriptionInfo .buttonContainer div.suspend,
body.translationWorkspace .subscriptionInfo .buttonContainer div.cancel {font-size:11px;margin-left:25px;}
body.translationWorkspace .subscriptionInfo .buttonContainer div.simpleButton-sm {float:left;}
body.translationWorkspace .subscriptionInfo .disclaimer {clear:left; font-size:0.8em; margin:0;}
body.translationWorkspace .subscriptionInfo .supportMessage {width:250px;}
body.translationWorkspace .supportLinks {}
body.translationWorkspace .launchTW {}
body.translationWorkspace div.cancelPlan {margin:0; width:300px;}
body.translationWorkspace div.cancelPlan .buttonContainer {margin:25px 0 0 55px;}
body.translationWorkspace div.cancelPlan .buttonContainer .simpleButton-sm {float:left; margin-right:5px;}
body.translationWorkspace .subscriptionInfo .changePlan {float:left; font-size:11px; margin-right:10px;}
/*----- My Account Page -----*/
body.myAccount {}
/* Account Info */
/* Transaction History */
body.myAccount .transactionHistory .pendingContainer {background-color:#dceaf4;padding:5px;margin-bottom:15px;}
body.myAccount .transactionHistory .completedContainer .buttonContainer {margin-top:10px;}
body.myAccount .transactionHistory .transactionTable {margin-left:15px;}
body.myAccount .transactionHistory .transactionTable .col_date{}
body.myAccount .transactionHistory .transactionTable .col_description{width:135px;}
body.myAccount .transactionHistory .transactionTable .col_amount{}
body.myAccount .transactionHistory .transactionTable .col_statement-number{}
body.myAccount .transactionHistory .transactionTable .col_transaction-number{}
body.myAccount .paymentMethod {}
body.myAccount .directoryListing {}
/*----- Guest Signup [FORM] -----*/
body.editAccount {}
body.editAccount .contentContainer p {margin-left:20%;width:60%;}
body.editAccount fieldset {padding-top:15px;margin-left:32%;width:38%;}
/*body.editAccount fieldset .FORM_inputText {width:125px;}*/
body.editAccount fieldset .emailAddress .FORM_inputText {width:340px;}
body.editAccount fieldset .address .FORM_inputText {width:340px;}
body.editAccount fieldset .zip .FORM_inputText {width:155px;}
body.editAccount fieldset .phone .FORM_inputText {width:155px;}
body.editAccount fieldset .username .FORM_inputText {width:340px;}
body.editAccount fieldset .tenancy .FORM_inputText {width:340px;}
body.editAccount fieldset .FORM_row-split .FORM_inputText {width:155px;}
/*----- Stay In Touch [FORM]-----*/
body.stayInTouch {}
body.stayInTouch .contentContainer p {margin-left:20%;width:60%;}
body.stayInTouch fieldset {padding-top:15px;margin-left:30%;width:45%;}
body.stayInTouch fieldset .FORM_inputText {width:125px;}
body.stayInTouch fieldset .yourTitle .FORM_inputText,
body.stayInTouch fieldset .emailAddress .FORM_inputText {width:280px;}
body.stayInTouch fieldset .company .FORM_inputText,
body.stayInTouch fieldset .address .FORM_inputText {width:350px;}
body.stayInTouch fieldset .zip .FORM_inputText {width:65px;}
/*----- Contact Us [FORM] -----*/
body.contactUs .contentContainer p {margin-left:20%; width:60%;}
body.contactUs .contentContainer h1 {margin-left:auto; margin-right:auto; width:60%;}
body.contactUs .FORM_row input.FORM_inputText {width:286px;}
body.contactUs .FORM_block {width:400px; margin-left:auto; margin-right:auto;}
body.contactUs fieldset .message .FORM_textarea {height:150px; width:350px;}
/*----- Generic Message -----*/
body.message {}
body.message h1 {margin-bottom:10px;}
body.message .simpleButton-sm {margin-top:20px;}
/*----- Support -----*/
body.supportPage {}
body.supportPage .localNav h6 {font-size:1.9em; background:url(graphics/support_icon.gif) no-repeat;padding:3px 0 0 37px;position:relative;}
body.supportPage .localNav ul {margin-top:20px;zoom:1;}
body.supportPage .localNav li {width:245px;background:url();margin-bottom:10px; border:1px solid #cfe1ea; border-right:none;}
body.supportPage .contentContainer .localNav li {font-size:1.2em;}
body.supportPage .localNav li.selected {width:100%;background:url();background-color:#dceaf4; border:1px solid #609cb9; border-right:none;}
body.supportPage .localNav li a {color:#19254f; text-decoration:none;margin-left:0;}
body.supportPage .localNav li a:hover {background-color:#dceaf4;}
body.supportPage div.download a {
background:transparent url(graphics/checkout_downloadIcon.gif) left top no-repeat;
display:block;
font-size:2em;
height:60px; padding:10px 0 0 65px;
margin:10px auto 30px auto;
width:130px;
}
/* Submit a ticket */
body.supportPage .supportTicketForm {}
body.supportPage .supportTicketForm .emailAddress input {width:335px;}
body.supportPage .supportTicketForm .subject input {width:335px;}
body.supportPage .supportTicketForm .FORM_row-split input {width:150px;}
body.supportPage .supportTicketForm .details textarea {border:#cacaca 1px solid; height:200px; width:335px;}
body.supportPage .supportTicketForm .upload input {border:#cacaca 1px solid;}
body.supportPage .supportTicketForm a {display:block; margin-bottom:5px;}
body.supportPage .supportTicketForm simpleButton-lg {margin-top:10px;}
/*----- Checkout -----*/
.hide {display:none;}
body.checkout .breadcrumbs {font-size:1.1em; margin:10px 0 0 0;}
body.checkout .currencyViewer {top:0;right:0;}
body.checkout .chosenPlan {border-bottom:#4f7ea0 1px solid; margin-bottom:20px;height:90px; padding:15px 0 10px 0;position:relative;}
body.checkout .chosenPlan strong {display:block; font-size:1.2em; float:left; padding-right:10px;}
body.checkout .chosenPlan .planDetails {padding:0 0 5px 30px;overflow:hidden}
body.checkout .chosenPlan .planDetails .buttonContainer {clear:both;}
body.checkout .chosenPlan .planDetails span {display:block; float:left; margin:0 10px 0 0;}
body.checkout .chosenPlan .planDetails select {float:right; margin:0 0 0 0;}
body.checkout .chosenPlan p.disclaimer {display:block; font-size:0.8em; float:left; margin:5px; text-align:right; width:95%;}
body.checkout .disclaimerModal {height:300px; width:400px;}
body.checkout .disclaimerModal .content {height:275px; margin:0 0 0 0; overflow-x:hidden; overflow-y:auto;}
body.checkout .disclaimerModal .content p {margin-bottom:5px;}
body.checkout .disclaimerModal .content p.fee {color:#4f7ea0; font-size:1.1em; font-weight:bold;}
body.checkout .addon {border-bottom:#4f7ea0 1px solid; clear:both; margin:0 0 0 auto; padding:10px 0; width:65%;}
body.checkout .addon h3 {float:left;}
body.checkout .addon span {display:block; float:left; margin:0 0 0 10px; padding-top:3px;}
body.checkout .addon a {display:block; float:left; margin:0 0 0 10px; padding-top:3px;}
body.checkout .addon .addonSelection {text-align:right;}
body.checkout .addon .addonSelection label {font-weight:bold;margin-right:10px;}
body.checkout .addon .addonSelection input {}
body.checkout .addon .addonSelection select {}
/*-- Modal Fixes --*/
body.checkout .simplemodal-container .simplemodal-close {top:-3px;}
body.checkout .changePlan {height:300px; overflow:auto;}
/*-- modify account --*/
body.checkout .contentContainer .systemMessage 0 {margin:0}
body.checkout .systemMessage {margin-bottom:10px}
body.checkout .systemMessage .buttonContainer {background:#fff;
border:#609cb9 1px solid;
margin:5px auto 0 auto;
padding:4px 0 4px 10px;
width:250px;
}
body.checkout .systemMessage .buttonContainer .simpleButton-sm {float:left;}
body.checkout .systemMessage .buttonContainer .changePlan {margin-right:10px;}
body.checkout .systemMessage .buttonContainer .current span {background-image:url(buttons/button_simple_small_blue_right.gif); color:#000;}
body.checkout .systemMessage .buttonContainer .current a {background-image:url(buttons/button_simple_small_blue_left.gif);}
/*disabled styles*/
body.checkout .disabled {border-bottom:#e1e9ef;}
body.checkout .disabled h2 {color:#e1e9ef; border-bottom:#e1e9ef;}
body.checkout .disabled h3 {color:#e1e9ef;}
body.checkout .disabled strong,
body.checkout .disabled span,
body.checkout .disabled label {color:#ccc;}
body.checkout .disabled .LBtooltip {border:none;}
body.checkout .disabled a {color:#f0e3b1; cursor:default; text-decoration:none;}
body.checkout .disabled .currencyViewer label {color:#000;}
body.checkout .subtotal {clear:both; margin:30px 0 0 auto; width:65%;}
body.checkout .subtotal span.tot {display:block; font-size:1.5em; font-weight:bold; margin:0 15px 20px 0; text-align:right;}
body.checkout .subtotal .simpleButton-lg {float:right;}
body.checkout .changePlan .simpleButton-lg {margin-top:10px;}
body.checkout .localCrumb {background:#cfe1ea; color:#92b2c2; font-size:1.1em; margin:10px auto 20px auto; padding:5px;}
body.checkout .localCrumb a {color:#274453;}
body.checkout .localCrumb strong {color:#274453;}
body.checkout .contentContainer p {margin-left:20%;width:60%;}
body.checkout .contentContainer .errorMessage .simpleButton-lg {margin:0 auto; width:270px;}
/*----- Log in/create account -----*/
body.checkLog div.logOrCreate {margin:40px auto; width:47%;}
body.checkLog div.logOrCreate div.buttons {height:50px; width:100%;}
body.checkLog div.logOrCreate div.buttons div.simpleButton-lg {float:left; margin-right:10px;}
body.checkLog div.logOrCreate div.login .simpleButton-lg,
body.checkLog div.logOrCreate div.create .simpleButton-lg {clear:both; margin-top:20px; margin-left:10px;}
body.checkLog div.logOrCreate div.create .emailAddress .FORM_inputText,
body.checkLog div.logOrCreate div.create .address .FORM_inputText {width:295px;}
body.checkLog div.logOrCreate div.create .zip .FORM_inputText {width:80px;}
body.checkLog div.logOrCreate div.create .tenancy input {float:left; margin-right:20px;}
body.checkLog div.logOrCreate div.create .tenancy .simpleButton-sm {float:left; margin-top:-5px; padding-bottom:5px;}
body.checkLog div.logOrCreate div.create .agreement {}
body.checkLog div.logOrCreate div.create .agreement label {width:50%; float:left; margin-right:15px;}
body.checkLog div.logOrCreate div.create .agreement input {float:left;}
body.checkLog div.logOrCreate div.login fieldset {padding-top:15px;}
body.checkLog div.logOrCreate div.login fieldset label {width:75px;}
body.checkLog div.logOrCreate div.login fieldset .FORM_inputText {width:125px;}
body.checkLog div.logOrCreate div.login fieldset .etc {height:25px;}
body.checkLog div.logOrCreate div.login fieldset .etc a {margin-left:10px;}
body.checkLog div.logOrCreate div.login fieldset .buttonContainer {margin-left:100px;}
body.checkLog div.logOrCreate div.login fieldset .LBtooltip {float:left;}
body.checkLog div.logOrCreate div.login .errorMessage {margin:0 10px 0 10px;}
body.checkLog div.logOrCreate div.login fieldset .errorMessage {margin:0 0 0 85px;}
body.checkLog div.logOrCreate div.login fieldset .buttonContainer {padding:0 0 10px 0;}
/*----- Payment -----*/
body.payment fieldset,
body.payment .buttons {margin:20px auto 15px auto; width:500px;}
body.payment .name input {width:268px;}
body.payment .security input {width:48px;}
body.payment .buttons .simpleButton-lg {margin-left:350px;}
body.payment iframe {border:0px; display:block; height:700px; margin:10px auto; overflow:auto; width:800px;}
/* success iFrame */
body.success {text-align:left;background:url() repeat-x #ffffff;}
body.success .simpleButton-lg span{height:29px;}
/* checkout iFrame */
body.billing {text-align:left;background:url() repeat-x #ffffff;}
body.billing fieldset {margin-left:40px;}
body.billing .address input {width:395px;}
body.billing .buttons .simpleButton-lg {margin-right:10px; float:left;}
body.billing .buttons .simpleButton-lg span {height:29px;}
/*----- Review Order / Reciept -----*/
body.checkout div.chosenPlan div span.cost {float:right; margin-right:0;}
body.review .placeOrder {margin:20px 0 10px 80%; width:20%;text-align:right;}
body.review .placeOrder .simpleButton-lg {float:right}
body.review .placeOrder .etc {display:block;clear:both;color:#cacaca; font-style:italic;}
body.review div.subtotal {margin-top:20px;}
body.review div.subtotal span.sub {display:block; font-weight:normal; font-size:1.2em; margin-bottom:10px; margin-right:0; text-align:right;}
body.review div.subtotal span.tax {display:block; font-weight:normal; font-size:1.2em; margin-bottom:10px; margin-right:0; text-align:right;}
body.review div.subtotal span.tot {display:block; font-size:1.5em; font-weight:bold; margin-right:0;margin-bottom:20px; text-align:right;}
body.review div.personalInfo {border:none; overflow:hidden; width:100%;}
body.review div.personalInfo .edit {display:block; position:absolute; top:3px; right:0; width:30px;}
body.review div.personalInfo .account,
body.review div.personalInfo .card {margin:20px 0 0 0;}
body.review div.personalInfo .account {margin-right:20px;}
/* body.review div.personalInfo .account {border:#aaa 1px solid; margin:10px 0 10px 0; padding:3px;}
body.review div.personalInfo .card {border:#aaa 1px solid; margin:10px 10px 0 10px; padding:3px;}
*/ body.review div.personalInfo .account span,
body.review div.personalInfo .card span {display:block; margin:5px;}
body.review div.finalize {border:#4f7ea0 1px solid; margin:25px auto 15px auto; padding:10px; width:50%;}
body.review div.finalize .ordernumber {display:block; font-weight:bold;}
body.review div.finalize .simpleButton-lg {margin:10px 0px 0px 130px;}
body.review div.addon span {float:right; margin-right:15px;}
body.review .changeSummary {}
body.review .changeSummary h3 {margin-bottom:10px;}
body.review .changeSummary li{padding:0; margin:0; list-style-type:none; text-align:right;}
body.review .currentPlan {float:right; margin-right:20px; padding:5px; border:1px solid #4f7ea0; width:45%;}
body.review .newPlan {float:right; padding:5px; border:1px solid #4f7ea0; width:45%;}
body.review .currentPlan li {white-space:normal;}
body.review .newPlan li {white-space:normal;}
body.review .changeSummary .changed {font-weight:bold;}
body.review .changeSummary .total {padding-top:5px; margin-top:5px; border-top:1px solid #000000;}
body.review .changeAmount {clear:both; text-align:right; margin:5px 0 20px 0; font-style:italic;}
body.review .sub .tooltip {text-align:left;}
body.review .sub .tooltip p {width:auto; margin:0;}
body.review .contentContainer h3 .LBtooltip {font-size:0.6em; float:left; margin-left:0;}
/*----- Order finalization -----*/
body.finalization fieldset,
body.finalization .buttons {margin:15px auto; width:500px;}
body.finalization .buttons .simpleButton-lg {margin-left:10px;}
body.finalization .name input {width:200px;}
body.finalization .city input,
body.finalization .zip input {width:167px;}
body.finalization .title input,
body.finalization .email input,
body.finalization .company input,
body.finalization .address input {width:428px;}
/*----- Software download -----*/
body.download p {margin-top:10px;}
body.download div.download a {
background:transparent url(graphics/checkout_downloadIcon.gif) left top no-repeat;
display:block;
font-size:2em;
height:60px; padding:10px 0 0 65px;
margin:10px auto 30px auto;
width:130px;
}
body.download div.buttons .simpleButton-lg {margin-left:auto; margin-right:auto; width:290px;}
/*-------- Directory ---------*/
body.directory .tab {margin-top:10px;}
body.directory .pageContent .twoColumn1 .show .country {overflow:hidden;}
body.directory .pageContent .twoColumn1 {margin-right:15px; width:30%;}
body.directory .pageContent .twoColumn1 .searchBox {padding-bottom:10px;}
body.directory .pageContent .twoColumn1 .searchBox label {width:100px;}
body.directory .pageContent .twoColumn1 .searchBox .show {padding:5px 0 0 10px;}
body.directory .pageContent .twoColumn1 .searchBox .show .FORM_row {margin:0 0 5px 0;}
body.directory .pageContent .twoColumn1 .searchBox .show .FORM_row input {width:100%;}
body.directory .pageContent .twoColumn1 .buttonContainer {width:150px; margin:5px auto 0 auto;}
body.directory .pageContent .twoColumn1 .buttonContainer .simpleButton-sm {float:left; margin-right:5px;}
body.directory .pageContent .twoColumn1 h3.searchHeader {background:#4f7ea0;
clear:both;
color:#fff;
/*margin-bottom:10px;*/
padding:2px;
position:relative;
width:98%;
}
body.directory .pageContent .twoColumn1 h3.searchHeader .expandCollapseIcon {position:absolute;
top:5px;
right:5px;
background:url(buttons/expandContract.gif) left bottom no-repeat;
height:10px;
width:10px;
}
body.directory .pageContent .twoColumn1 h3.searchHeader .expand {background-position:top;}
body.directory .pageContent .twoColumn2 h3.searchHeader {background:#4f7ea0; color:#fff; margin-bottom:10px; padding:2px; position:static; width:98%;}
body.directory .pageContent .twoColumn2 h3.searchHeader .expandCollapseIcon {display:none;}
body.directory .pageContent .twoColumn2 h3.searchHeader .expand {background-position:bottom;}
body.directory .pageContent .twoColumn2 {padding-top:28px; width:66%;}
body.directory .pageContent .twoColumn2 .marketing {margin-bottom:10px;}
body.directory .pageContent .twoColumn2 .section {margin-bottom:15px;}
body.directory .pageContent .twoColumn2 .section .mainCat {display:block; font-size:1.2em; margin-bottom:5px; text-align:left;}
body.directory .pageContent .twoColumn2 .section .subCat {display:block; margin-bottom:5px; margin-left:15px; text-align:left;}
body.directory .pageContent .twoColumn2 .section .mainCat a,
body.directory .pageContent .twoColumn2 .section .subCat a {margin-right:5px;}
body.directory .pageContent .twoColumn2 .twoColumn1 { margin-left:10px; margin-right:15px; padding-top:0; width:45%;}
body.directory .pageContent .twoColumn2 .twoColumn2 {margin-right:0; padding-top:0; width:45%;}
/* my directory searach */
body.search .pageContent .twoColumn2 table {width:100%;}
body.search .pageContent .twoColumn2 tr.pages td {border-bottom:none;}
body.search .pageContent .twoColumn2 tr.pages table {width:50%;}
body.search .pageContent .twoColumn2 td div {white-space:nowrap;}
body.search .pageContent .twoColumn2 tr.noResult {border:3px solid #d4ac19;background-color:#f5e9bf;padding:15px;text-align:center;margin-top:20px;width:500px;}
body.search .pageContent .twoColumn2 table th {padding:0;}
body.search .pageContent .twoColumn2 table th p {margin-bottom:0;}
body.search .pageContent .twoColumn2 table th a.sorting {background:url(buttons/sorting.gif) no-repeat; display:block; height:13px; width:14px;}
body.search .pageContent .twoColumn2 table th a.ascending {background-position:left top;}
body.search .pageContent .twoColumn2 table th a.descending {background-position:left bottom;}
body.search .pageContent .twoColumn2 table th td {border:none; vertical-align:middle;}
/* My directory profile */
body.profile .pageContent .twoColumn1 {padding-top:30px; width:15%;}
body.profile .pageContent .twoColumn1 .simpleButton-lg {margin-bottom:10px;}
body.profile .pageContent .twoColumn2 {width:80%;}
body.profile .pageContent .name {color:#4f7ea0; font-size:1.4em; font-weight:bold; margin:0 0 0 0;}
body.profile .pageContent .contact {border-bottom:#000 1px solid; margin:0 0 10px 0; overflow:hidden; padding:10px 0 10px 0; width:100%;}
body.profile .pageContent .contact div {float:left; margin:0 50px 0 0;}
body.profile .pageContent .contact div p {font-size:1em;}
body.profile .pageContent .contact .address {}
body.profile .pageContent .contact .address span {display:block; font-size:1em; line-height:1.2em; margin:0 0 0 0; padding:0 0 0 0;}
body.profile .pageContent .userDefined {border-bottom:#000 1px solid; margin:0 0 10px 0; overflow:hidden; padding:10px 0 10px 0; width:100%;}
body.profile .pageContent .userDefined h3 {margin-bottom:5px;}
body.profile .pageContent .userDefined p {font-size:1em;}
body.profile .pageContent .userDefined .fullPart {float:left; margin-right:50px;}
body.profile .pageContent .userDefined .companySize{}
body.profile .pageContent .userDefined .fullPart span,
body.profile .pageContent .userDefined .companySize span {font-size:1em;}
body.profile .pageContent .industry {float:left; margin-right:25px; width:30%;}
body.profile .pageContent .industry .nativeLanguage {float:left; width:250px; margin-right:15px;}
body.profile .pageContent .industry .languagePairs,
body.profile .pageContent .industry .expertise,
body.profile .pageContent .industry .technical {float:left; margin:0 15px 0 0;}
body.profile .pageContent .industry .nativeLanguage {}
body.profile .pageContent .industry .classification p,
body.profile .pageContent .industry .nativeLanguage p,
body.profile .pageContent .industry .email a,
body.profile .pageContent .industry .website a {font-size:1em;}
body.profile .pageContent .industry .languagePairs .display {border:#999 1px solid;
clear:left;
height:135px;
margin:5px 0 0 0;
overflow-x:hidden;
overflow-y:scroll;
width:250px;
}
body.profile .pageContent .industry .languagePairs .display table {width:230px;}
body.profile .pageContent .industry .languagePairs .display table td {text-align:center; width:20px;}
body.profile .pageContent .industry .languagePairs .display table td.source {text-align:right; padding-right:0; width:150px;}
body.profile .pageContent .industry .languagePairs .display table td.target {text-align:left; padding-left:0; width:150px;}
body.profile .pageContent .industry {border-bottom:#000 1px solid; margin:0 0 10px 0; overflow:hidden; padding:10px 0 10px 0; width:100%;}
body.profile .pageContent .industry .display {border:#999 1px solid;
clear:left;
height:135px;
margin:5px 0 0 0;
overflow-x:hidden;
overflow-y:scroll;
width:240px;
}
body.profile .pageContent .industry .languagePairs .display table {width:230px;}
body.profile .pageContent .industry .languagePairs .display table td {text-align:center; width:20px;}
body.profile .pageContent .industry .languagePairs .display table td.item {text-align:left; padding-left:5px; width:300px;}
body.profile .pageContent .industry .expertise .display table {border-collapse:separate; border-spacing:auto;}
body.profile .pageContent .industry .expertise .display table td {border:none; margin:0; padding:0;}
body.profile .pageContent .industry.expertise .display table td input {float:left;}
body.profile .pageContent .industry .expertise .display table .option_col a {display:block; text-align:left; white-space:normal; width:350px;}
body.profile .pageContent .mainContact {border-bottom:#000 1px solid; margin:0 0 10px 0; overflow:hidden; padding:10px 0 10px 0; width:100%;}
body.profile .pageContent .mainContact div {float:left; margin:0 50px 0 0;}
body.profile .pageContent .mainContact div p {font-size:1em;}
/* My directory profile edit/create */
body.editProfile .pageContent .twoColumn1 .localNav {margin-top:30px;}
body.editProfile .pageContent .twoColumn2 .buttonContainer {margin-top:20px; overflow:visible; position:relative; width:500px; z-index:1;}
body.editProfile .pageContent .twoColumn2 .buttonContainer .simpleButton-lg {float:left; margin:0 15px 10px 0;}
body.editProfile .pageContent .twoColumn2 .buttonContainer .copyProfile {float:right; white-space:nowrap;}
body.editProfile .pageContent .twoColumn2 .buttonContainer .tip-copyProfile {float:left; margin:5px 5px 0 70px;}
body.editProfile .pageContent .twoColumn2 fieldset {width:500px;}
body.editProfile .pageContent .twoColumn2 .companyInfo .company input {width:470px;}
body.editProfile .pageContent .twoColumn2 .companyInfo div.salutation {margin-bottom:0;}
body.editProfile .pageContent .twoColumn2 .companyInfo .name input {width:117px;}
body.editProfile .pageContent .twoColumn2 .companyInfo .title input {width:100px;}
body.editProfile .pageContent .twoColumn2 .companyInfo .website input {width:470px;}
body.editProfile .pageContent .twoColumn2 .companyInfo .email input {width:150px;}
body.editProfile .pageContent .twoColumn2 .companyInfo .phone input {width:130px;}
body.editProfile .pageContent .twoColumn2 .companyInfo .fax input {width:130px;}
body.editProfile .pageContent .twoColumn2 .userDefined textarea {height:100px; width:470px;}
body.editProfile .pageContent .twoColumn2 .userDefined input {width:470px;}
body.editProfile .pageContent .twoColumn2 .location .address input {width:470px;}
body.editProfile .pageContent .twoColumn2 .location .city {clear:left;}
body.editProfile .pageContent .twoColumn2 .location .city input {width:190px;}
body.editProfile .pageContent .twoColumn2 .location .state input {width:250px;}
body.editProfile .pageContent .twoColumn2 .location .zip input {width:190px;}
body.editProfile .pageContent .twoColumn2 .mainContact .name input {width:220px;}
body.editProfile .pageContent .twoColumn2 .mainContact .title input {width:220px;}
body.editProfile .pageContent .twoColumn2 .mainContact .email input {width:170px;}
body.editProfile .pageContent .twoColumn2 .mainContact .phone input {width:120px;}
body.editProfile .pageContent .twoColumn2 .mainContact .fax input {width:120px;}
body.editProfile .pageContent .twoColumn2 .picture .FORM_row-custom {margin-left:15px;}
body.editProfile .pageContent .twoColumn2 .picture .FORM_row-custom img {float:left; margin:5px 10px 5px 0;}
body.editProfile .pageContent .twoColumn2 .picture .FORM_row-custom .imageUpload {float:left;}
body.editProfile .pageContent .twoColumn2 .picture .FORM_row-custom .imageUpload input {width:350px;}
body.editProfile .pageContent .twoColumn2 .picture .FORM_row-custom .imageUpload .fileName {display:block; margin-bottom:10px;}
body.editProfile .pageContent .twoColumn2 .industry .keywords textarea {height:40px; width:480px;}
body.editProfile .pageContent .twoColumn2 .returnTop {float:left; margin-left:10px;}
.delete {background:url(buttons/button_delete.gif) top left no-repeat; height:15px; margin:2px 0; padding:0; width:15px;}
/* Language pair inputs */
body.editProfile .pageContent .twoColumn2 .industry .language input {width:480px;}
body.editProfile .pageContent .twoColumn2 .industry .languagePairs label {float:left;}
body.editProfile .pageContent .twoColumn2 .industry .languagePairs a {float:left; margin-left:10px;}
body.editProfile .pageContent .twoColumn2 .industry .languagePairs .display {border:#999 1px solid;
clear:left;
height:150px;
overflow-x:hidden;
overflow-y:scroll;
width:480px;
/*Edit profile documents user control */ }
.displayDocument {border:#999 1px solid;
clear:left;
height:150px;
overflow-x:scroll;
overflow-y:scroll;
width:480px;
}
.displayDocument table {width:95%;}
body.editProfile .pageContent .twoColumn2 .industry .languagePairs .display table {width:95%;}
body.editProfile .pageContent .twoColumn2 .industry .languagePairs .display td {text-align:center; width:20px;}
body.editProfile .pageContent .twoColumn2 .industry .languagePairs .display td.source {text-align:right; padding-right:0; width:150px;}
body.editProfile .pageContent .twoColumn2 .industry .languagePairs .display td.target {text-align:left; padding-left:0; width:150px;}
/*Modal*/
body.editProfile #languageModal {}
body.editProfile #languageModal fieldset {border:#999 1px solid; margin-bottom:5px;}
body.editProfile #languageModal fieldset select {margin:10px;}
body.editProfile #languageModal fieldset .scroll {height:200px; overflow-x:hidden; overflow-y:scroll; padding:5px;}
body.editProfile #languageModal fieldset .scroll div {margin-bottom:5px;}
body.editProfile #documentModal {}
body.editProfile #documentModal fieldset {border:#999 1px solid; margin-bottom:5px;}
body.editProfile #documentModal fieldset select {margin:10px;}
body.editProfile #documentModal fieldset div{margin:15px;}
body.editProfile #documentModal fieldset .scroll {height:200px; overflow-x:hidden; overflow-y:scroll; padding:5px;}
body.editProfile #documentModal fieldset .scroll div {margin-bottom:5px;}
/* Area of Expertise inputs */
body.editProfile .pageContent .twoColumn2 .industry .expertise label {float:left;}
body.editProfile .pageContent .twoColumn2 .industry .expertise .option_col a {float:left; margin-left:10px;}
body.editProfile .pageContent .twoColumn2 .industry .expertise .display {border:#999 1px solid;
clear:left;
height:300px;
overflow-x:hidden;
overflow-y:scroll;
padding-left:10px;
width:480px;
}
body.editProfile .pageContent .twoColumn2 .industry .expertise .display table {border-collapse:separate; border-spacing:auto;}
body.editProfile .pageContent .twoColumn2 .industry .expertise .display table td {border:none; margin:0; padding:0;}
body.editProfile .pageContent .twoColumn2 .industry .expertise .display table td input {float:left;}
body.editProfile .pageContent .twoColumn2 .industry .expertise .display table .option_col a {display:block; text-align:left; white-space:normal; width:350px;}
/* Tech Competency inputs */
body.editProfile .pageContent .twoColumn2 .industry .competencies label {float:left;}
body.editProfile .pageContent .twoColumn2 .industry .competencies a {float:left; margin-left:10px;}
body.editProfile .pageContent .twoColumn2 .industry .competencies .display {border:#999 1px solid;
clear:left;
height:150px;
position:relative;
overflow-x:hidden;
overflow-y:scroll;
width:480px;
}
body.editProfile .pageContent .twoColumn2 .industry .competencies .display table {width:95%;}
body.editProfile .pageContent .twoColumn2 .industry .competencies .display table td {padding:3px;}
body.editProfile .pageContent .twoColumn2 .industry .competencies .display table td input {float:left;}
body.editProfile .pageContent .twoColumn2 .industry .competencies .display table td label {float:left; margin-left:10px;}
/*---------------------------------------------------------------------------------------------------*/
/* non-IE6 fix */
body.supportPage > * .localNav li {width:244px;}
body.supportPage .mainContent .threeColumn1 {width:245px;margin-right:0px;z-index:100}
body.supportPage .mainContent .threeColumn2 {width:700px;margin-right:10px; padding:10px 0 0 20px;z-index:10; background:url(graphics/content_corner.gif) top left no-repeat}
body.supportPage .mainContent .threeColumn3 {width:1px;}
/*
535
body.supportPage .mainContent .threeColumn3 {width:150px;}
*/
/*----- Search Result page (styled to Ektron's class names. Not using Ektron's CSS) -----*/
.ektronSearch .searchNavigation {display:none}
#basicTerms {position:absolute;top:-1000px}
.ektronSearch h3 {color:#609cb9; margin-bottom:20px;font-size:2.5em;font-family:"Arial Narrow", Arial, Helvetica, sans-serif}
.ektronSearch h3 .searchTerms {color:#19254f;font-weight:bold}
.ektronSearch .resultPreviewDetails,
.ektronSearch h4 img,
.ektronSearch h4 .dateTime {display:none}
.ektronSearch h4 a {font-size:1.3em}
.ektronSearch #navbar {width:100%;overflow:hidden;}
.ektronSearch #navbar ul {float:left;position:relative;left:50%}
.ektronSearch #navbar li {float:left;position:relative;right:50%;margin-right:15px;font-size:1.2em}
.ektronSearch h4 {margin:0 100px 5px 100px}
.ektronSearch .resultPreview {margin:0 100px 10px 120px}
.ektronSearch .resultPreview h4 {font-size:1.3em; margin:0 0 15px 0}
.ektronSearch .resultPreview ul,
.ektronSearch .resultPreview li {margin-left:15px; list-style-type:disc}
/*----- Sitemap -----*/
.contentContainer ul.menu { margin-left:35%; width:40%}
/*---------- System Message ----------*/
.systemMessage {/*display:none;*/margin-bottom:15px;padding:15px;text-align:center;background-color:#cfe1ea;border:1px solid #609cb9}
.contentContainer .systemMessage p {line-height:normal;margin:0;}
.sm-error {border:3px solid #d4ac19;background-color:#f5e9bf}
body.iframeRender .header,
body.iframeRender .footer {display:none}
body.iframeRender .pageContainer {width:auto}
body.iframeRender {background:transparent}
body.iframeRender .buttonContainer {}
/*************** EKTRON FIXES ************************************************************************************/
/*---------- Ektron Modal Fix ---------- */
.RadETableWrapper th,
.RadETableWrapper td {padding:0; border-bottom:none;}
.RadETableWrapper th {font-weight:normal}
/*---------- Ektron UI Styling ---------- */
.ektronControls {position:absolute; top:3px; left:0;z-index:5000}
.ektronControls a {float:left;margin-right:10px}
.ektronControls br {display:none}
body.translationWorkspace .launchTW .box_standout p {margin-bottom:0;}
}
@media print {
body { font-family:Arial, Helvetica, sans-serif; font-size:10pt}
h1, h2, h3, h4 {font-family:"Arial Narrow", Arial, Helvetica; color:#609cb9}
h1 strong,
h2 strong,
h3 strong,
h4 strong {color:#19254f;font-weight:bold}
h2,
h3,
h4 {font-family:Arial, Helvetica, sans-serif;color:#4f7ea0}
h1 {font-size:14pt}
h2 {font-size:12pt;border-bottom:1px solid #4f7ea0;margin-bottom:10px}
h3 {font-size:11pt;}
h4 {font-size:10pt;}
h5 {font-size:10pt; Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#003082; font-weight:bold;}
.accessibility,
.functionContainer,
.systemMenu,
#mainMenuContainer,
body.contentPage .threeColumn1,
body.contentPage .threeColumn3,
.splashImage,
.splashSidebar,
.footer div div,
.ektronControls,
body.homepage .splash,
body.homepage .mainContent .twoColumn2,
body.contentPage .mainContent .breadcrumbs
{display:none}
.footer .twoColumn1,
.footer .twoColumn2 {float:left;width:48%}
.footer .twoColumn2 li {text-align:right; list-style-type:none}
/*--------------- Receipt ---------------*/
body.checkout .finalize .simpleButton-lg,
body.checkout .localCrumb {display:none;}
body.checkout .finalize {margin:4% 0; width:50%;}
body.checkout .finalize .ordernumber {font-weight:bold; display:block;}
body.checkout .subtotal {border:#999 1pt solid; margin:5% 0 3% 0; padding:1%; text-align:right; width:50%;}
body.checkout .subtotal .sub {display:block; margin:0 0 0 0;}
body.checkout .subtotal .tax {display:block; margin:2% 0 0 0;}
body.checkout .subtotal .tot {display:block; font-weight:bold; margin:2% 0 0 0;}
body.checkout .personalInfo span {display:block;}
body.checkout .personalInfo .twoColumn1 {float:left; width:30%;}
body.checkout .personalInfo .twoColumn2 {float:left; display:block; width:30%;}
/*--------------- User Agreement modal ---------------*/
body.freeTrial {}
body.freeTrial #agreementModal {display:block; background:#fff;}
}