/* This site uses Paul Irish's method for creating browser-specific CSS without using hacks or separate CSS files */ /*See http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ */ /*********************************************************************/ /* COMMON */ /*********************************************************************/ body { font-size:11px; line-height:130%; font-family:Verdana,Arial,Helvetica,sans-serif; color:#424242; padding:0; margin: 0; font-weight:normal;} a:link, a:visited { color:#025589; font-weight:normal; text-decoration:none;} a:active, a:hover { color:#025589; font-weight:normal;} img { border:0; } h1,h2 { line-height:110%; margin:0; padding:0; padding-bottom:10px; clear:both;} h1 { font-size: 15px; color:#424242; font-family:Arial,Helvetica,sans-serif;} h2 { font-size:13px; font-weight:bold; color:#025589;} h3 { font-size:11px; font-weight:bold; } p { font-size:11px; line-height:130%; padding-bottom:10px; margin:0; } div,td { font-size:11px; } ul { font-size:11px; list-style:disc; padding-left:25px; padding-bottom:10px; margin:0;} ol { font-size:11px; list-style:decimal; padding-left:25px; padding-bottom:10px; margin:0;} li { margin-left:5px; } hr { border: 0; border-top: 1px solid #DCDCDC; height: 1px; margin: 7px 0 !important; margin: 0; clear: both; } sup { vertical-align:top; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 7pt !important; font-size: 8pt; } .bold {font-weight:bold;} /*********************************************************************/ /* HEADERS */ /*********************************************************************/ .gatewayTD {text-align:right; vertical-align:top; height:21px; } .header, .homePageHeader, .homePageHeaderLocation, .homePageHeaderLink { padding:0; white-space:nowrap; text-decoration:none; text-align:right; font-weight:bold;} .header, .homePageHeader, .homePageHeaderLocation { font-weight:bold; } .homePageHeaderLocation { text-decoration:none; } .homePageHeaderLocation, .homePageHeaderLink { color:#999999; font-size:10px; } A.homePageHeaderAnchor, A.homePageHeaderAnchor:hover, A.homePageHeaderAnchor:visited { color: #999999; text-decoration:none; font-weight:bold;} A.homePageHeaderAnchor:hover { color: #777777; } #header img, #homePageHeader img { vertical-align:bottom; } .unlockAccountHeader { color: #4E4E4E; margin-left: 4px; } .myFaxSidebarHeader { text-align: center; letter-spacing: -0.5px; } #addNumberHeader {margin-bottom: -8px;} /*********************************************************************/ /* LOGIN PAGE */ /*********************************************************************/ .myFaxFeatures ul{ list-style:none; margin: 8px 0 1em 8px; padding: 0; } .myFaxFeatures ul li{ font-size: 10px; font-weight: bold; margin: .25em 0; padding: 0 0 8px 15px; background:url(../images/myfax/misc/Login_bulletIcon.jpg) no-repeat 0 3px; } .blueBar { width: 100%; height: 20px; background-repeat: repeat-x; background-image: url(../images/myfax/misc/blue_bar.gif); background-position: 30px; margin: 5px 0 0 0; } #logoContainer { padding-top: 30px; } .myFaxFeaturesLoginPage { width: 186px; background-color:#EEEEEE; padding-bottom: 8px; } .myFaxFeaturesImage{ padding-bottom: 8px; } /* This is to create some space above the login forms since using the Magnolia padding attribute causes browser inconsistencies, especially with IE */ .headRoom { height: 15px; width: 1px; } /*********************************************************************/ /* GENERAL */ /*********************************************************************/ #shadowMainContainer{margin:5px 0; width: 800px;} #shadowMainContainer_bottom {height:5px; background: #F9F9F9 url(../images/shadowBox_tileBottom.gif) no-repeat top left;} #shadowMainContainer_bottom2 {height:5px; background: #EEEEEE url(../images/shadowBox_tileBottom2.gif) no-repeat top left; border-left: 1px solid #D9D9D9;} #shadowMainContainer_bottom3 {height:7px; background: transparent url(../images/shadowBox_tileBottom3.gif) no-repeat top left;} #sidebarHeader { height:24px; width: 179px; background-image: url( /myfax-cms-public/docroot/myfax/resources/images/imagesSideBar/headerBackground.gif ); background-repeat: no-repeat; background-position:top right; padding: 10px 5px 0 5px; margin-right:-1px; font-size:12px; font-weight: bold; color: #025589; text-align:left; position:relative; /* fixes IE6 right border issue (it was appearing over the bg image */ text-indent: 2px; } #sidebar{ margin-right:-2px; width: 188px; background-image: url( /myfax-cms-public/docroot/myfax/resources/images/imagesSideBar/gradient.jpg ); background-repeat: repeat-y; background-position:top right; } .mainTitle { font-size: 15px; font-weight: bold; color:#424242; font-family:Arial,Helvetica,sans-serif; line-height:110%; padding-bottom:10px; } a.grayLinks, a.grayLinks:link, a.grayLinks:visited { font-weight: bold; font-size: 13px; color: #025589; } a.grayLinks:hover, a.grayLinks:active { font-weight: bold; font-size: 13px; color: #025589; } div.dynamicContactNumberText{ color:#000000; font-size:12px; font-weight:bold; margin-top:4px; padding:2px 0 1px; } /*********************************************************************/ /* ROUNDED BOXES */ /*********************************************************************/ /* eFax Rounded Box - Dark Grey */ .efaxRoundedBox_drkGrayTop_header_bg{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_drkGrayTop_header_bg.gif) repeat-x bottom; border:1px solid #D6D6D6; border-top:1px solid #909090; } .efaxRoundedBox_drkGrayTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_drkGrayTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_drkGrayTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_drkGrayTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_drkGrayTop_title{position:relative; left:-2px; top:-1px;text-align:left; padding:2px 0 2px 10px;font-weight:bold;color:#FFF;white-space: nowrap;} /* eFax Rounded Box - Medium Grey */ .efaxRoundedBox_medGrayTop_header_bg{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_medGrayTop_header_bg.gif) repeat-x bottom; border:1px solid #D6D6D6; } .efaxRoundedBox_medGrayTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_medGrayTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_medGrayTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_medGrayTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_medGrayTop_title{position:relative; left:-2px; top:-1px;text-align:center; padding:0;font-weight:bold;color:#FFF;white-space: nowrap;} /* eFax Rounded Box - Light Grey */ .efaxRoundedBox_ltGrayTop_header_bg{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_ltGrayTop_header_bg.gif) repeat-x bottom; border:1px solid #D6D6D6; } .efaxRoundedBox_ltGrayTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_ltGrayTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_ltGrayTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_ltGrayTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_ltGrayTop_title{position:relative; left:-2px; top:-1px;text-align:left; padding:3px 0 1px 10px;font-weight:bold;font-size:12px;color:#025589;white-space: nowrap;} /* eFax Rounded Box - Blue */ .efaxRoundedBox_blueTop_header_bg{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_blueTop_header_bg.gif) repeat-x bottom; border:1px solid #D6D6D6; } .efaxRoundedBox_blueTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_blueTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_blueTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_blueTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_blueTop_title{position:relative; left:-2px; top:-1px;text-align:center; padding:0;font-weight:bold;color:#FFF;white-space: nowrap;} /* eFax Rounded Box - No Title */ .efaxRoundedBox_noTop_header_bg{background:white url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_noTop_header_bg.gif) repeat-x bottom; border:1px solid #D6D6D6; border-bottom:0;} .efaxRoundedBox_noTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_noTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_noTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_noTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_noTop_title{padding:0; background-color:white;} .efaxRoundedBox_body{background-color:#FFF;border-right:1px solid #D6D6D6; border-left:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6; position:relative;bottom:0;} /*********************************************************************/ /* CURVED, SHADOWED BOX */ /*********************************************************************/ .shadowBox_tile_header {background:transparent url(./shadowBox_tile_header.gif) repeat-x bottom; border:1px solid #D6D6D6; border-bottom:0;} .shadowBox_left_header {background:transparent url(./shadowBox/shadowBox_left_header.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .shadowBox_right_header {background:transparent url(./shadowBox_right_header.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .shadowBox_body{border-right:1px solid #D6D6D6; border-left:1px solid #D6D6D6; position:relative;bottom:0;} .shadowBox_tile_footer {background:transparent url(./shadowBox_tile_footer.gif) repeat-x bottom;} .shadowBox_left_footer{background:transparent url(./shadowBox_left_footer.gif) no-repeat scroll left bottom; float:left; position:absolute; bottom:0; left:-1px; right:1px;margin:0;} .shadowBox_right_footer{background:transparent url(./shadowBox_right_footer.gif) no-repeat scroll right bottom;float:right; position:relative; bottom:0; right:-2px;margin:0;} .box5 { background-color:#FFFFFF; margin-bottom:30px; } .box5Top { color:#FFFFFF; background-color:#003366; padding:6px 0 4px 0; font-weight:bold; } .box5Content { padding:15px; padding-bottom:30px; border:1px solid #003366; border-bottom-width:2px; } /******************************************************************************/ /* Form elements */ /******************************************************************************/ form { margin:0; } /*select.currency { font-size:10px; }*/ input.textInput { font-weight: normal; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 1px 3px; vertical-align: middle; height: 20px; background: url( ../images/myfax/misc/inputBackground.gif ) top left repeat-x; border: 1px solid #BBB; font-size: 12px; width: 158px; } input.button { border:0; text-align:left; margin-left:0; padding-left:0; font-size:11px;} select { font-family: Verdana, Arial, Helvetica, sans-serif; height: 20px; border: 1px solid #BBB; font-size: 12px; font-weight:normal; } option { border:0; padding-left:3px; font-size:12px; font-weight:normal; line-height:14px; font-family:Verdana,Arial,Helvetica,sans-serif; padding-bottom:1px; padding-top:1px; background:none; } .multiSelect { width:198px; padding-left:0; font-size:12px; font-weight:normal; line-height:14px; font-family:Verdana,Arial,Helvetica,sans-serif; } textArea { padding-left:3px; font-size:12px; padding-top:2px; font-weight:normal; line-height:14px; font-family:Verdana,Arial,Helvetica,sans-serif; } input.checkbox.invalid, input.invalid { font-weight: normal; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 1px 3px; vertical-align: middle; height: 20px; font-size: 12px; background: none; border: #FF0000 1px solid; background-color: #FECCFF; } select.invalid{ font-weight: normal; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; /*margin: 0;*/ /*padding: 0 0 1px 3px;*/ /*vertical-align: middle;*/ height: 20px; font-size: 12px; border: #FF0000 1px solid; background-color: #FECCFF; } label { font-size: 12px; color: #025589; /*text-indent: 7px;*/ line-height: 117%; } .didSelect { font-size:12px; width:157px; } /*.multiSelect { font-size:12px; width:198px; }*/ .formLayoutTable { margin-left:0; margin-right:auto; } .formRequired { font-size:10px; line-height:130%; font-weight:normal; color:#FF0000; } .formMessageIcon { background-color:#F2F5F7; padding:10px 0 10px 20px; } .formMessage { width:350px; background-color:#F2F5F7; padding:10px 20px 10px 0; } /*.formLabel { width:165px; padding: 7px 0; padding-right:5px; text-align:right;}*/ /*.formInput { font-size:12px; line-height:125%; font-weight:normal; color:#000000; text-align:left; padding: 7px 0;}*/ .formErrorLarge {font-size:12px; line-height:130%; font-weight:normal; color:#003366; text-align:left; } .formSuccessLarge { font-size:12px; line-height:140%; font-weight:normal; color:#003366; text-align:left; } .formErrorJavascriptTable, .formErrorGeneralTable, .formSuccessGeneralTable { background-color:#F2F5F7; border-top:1px solid #999999; border-bottom:1px solid #999999; margin-bottom:20px; padding: 6px; width:550px} /*********************************************************************/ /* SIGNUP PRICING */ /*********************************************************************/ .signupPlanSummary, .signupPlanSummary p { color:#025589; font-size:12px; font-weight:bold; } .signupPlanSummary .header{ margin:10px 0; color:#025589; font-weight:bold !important; font-size:14px !important; text-align:left; } .signupPlanSummary ul.features{ list-style-image: url( /myfax-cms-public/dms/myfax/resources/images/myAccount/blue-triangle.gif ); } .signupPlanSummary ul.features li{ margin-bottom:5px; color:#025589; font-size:12px; font-weight:bold; } .footnote { color:#999999; font-size:10px; font-weight:normal; padding-top:14px;} /*********************************************************************/ /* FOOTERS */ /*********************************************************************/ .footerMenu, .footerMenu a:link, .footerMenu a:visited { font-size:10px; padding:0; margin:0; font-weight:normal; color:#808080; text-decoration:none;} .footerMenu a:hover, .footerMenu a:active { font-size:10px; padding:0; margin:0; font-weight:normal; color:#025589; text-decoration:none;} #footerLegal { font-size:10px; padding:5px 0 0 0; color:#BBBBBB; } /*********************************************************************/ /* ToolTip related CSS */ /*********************************************************************/ .error-tip {width: 225px; z-index: 13000;} .error-title { background:transparent url(../images/myfax/common/bg_required_big.png) no-repeat scroll left top !important; background:transparent url(../images/bg_required_ie.gif) no-repeat scroll left top; color:#FFF; /* same color as background, so it isn't visible, but ensures the background image is there */ font-size:5px; /* font size for invisible text: keep at this size */ padding: 0 10px; /* ensures the text doesn't sneak on top of the border */ } .error-text { background:transparent url(../images/bg_required_big.png) no-repeat scroll right bottom !important; background:transparent url(../images/bg_required_ie.gif) no-repeat scroll right bottom; font-weight: bold; padding:4px 15px 15px 15px !important; padding:4px 15px 12px 15px; color:#000000; } .tooltipContainer{ left:-700px; position:absolute; top:-700px; z-index:13000; visibility:hidden; opacity:0; } .tool-tip { width: 234px; /* the width will be fixed to the background image width */ z-index: 13000; } .tool-title { background:transparent url(../images/imagesBox/tooltip.png) no-repeat scroll left top !important; background:transparent url(../images/imagesBox/tooltip_ie.gif) no-repeat scroll left top; color:#FFF; /* same color as background, so it isn't visible, but ensures the background image is there */ font-size:5px; /* font size for invisible text: keep at this size */ padding: 0 10px; /* ensures the text doesn't sneak on top of the border */ margin-bottom: -10px; } .tool-text { background:transparent url(../images/imagesBox/tooltip.png) no-repeat scroll right bottom !important; background:transparent url(../images/imagesBox/tooltip_ie.gif) no-repeat scroll right bottom; font-size:10px; padding:4px 15px 18px 15px !important; padding:4px 15px 12px 15px; } .tool-tip-big { width: 403px; /* the width will be fixed to the background image width */ z-index: 13000; } .tool-title-big { background:transparent url(../images/imagesBox/tooltipBig.png) no-repeat scroll left top !important; background:transparent url(../images/imagesBox/tooltipBig_ie.gif) no-repeat scroll left top; color:#FFF; /* same color as background, so it isn't visible, but ensures the background image is there */ font-size:5px; /* font size for invisible text: keep at this size */ padding: 0 10px; /* ensures the text doesn't sneak on top of the border */ margin-bottom: -10px; } .tool-text-big { background:transparent url(../images/imagesBox/tooltipBig.png) no-repeat scroll right bottom !important; background:transparent url(../images/imagesBox/tooltipBig_ie.gif) no-repeat scroll right bottom; font-size:10px; padding:4px 15px 18px 15px !important; padding:4px 15px 12px 15px; } /*********************************************************************/ /* FEATURES TABLE */ /*********************************************************************/ .featureHeader1 { height: 28px; color: #025589; font-size: 13px; font-weight:bold; text-align: left; background-image: url(/myfax-cms-public/docroot/myfax/resources/images/imagesProduct/features_topTile.gif); background-repeat: repeat-x; border-right: 1px solid #D3D3D3; padding-left:6px; } .featureHeader2 { width:114px; height: 28px; color: #025589; font-size: 13px; font-weight:bold; text-align: center; background-image: url(/myfax-cms-public/docroot/myfax/resources/images/imagesProduct/features_topTile.gif); background-repeat: repeat-x; border-right: 1px solid #D3D3D3; } .featureHeader3 { width:108px; height: 28px; color: #025589; font-size: 13px; font-weight:bold; text-align: center; background-image: url(/myfax-cms-public/docroot/myfax/resources/images/imagesProduct/features_topTile.gif); background-repeat: repeat-x; } .featureTitle { border-color: #D3D3D3; border-style: solid; border-width: 0 1px 1px 0; color: #025589; font-size: 12px; font-weight: bold; text-align: left; padding: 3px 6px; background-color:#FFF; } .featureItem1 { border-color: #D3D3D3; border-style: solid; border-width: 0 1px 1px 0; color: #025589; font-size: 12px; font-weight: bold; text-align: center; padding: 3px 0; background-color:#FFF; } .featureItem2 { border-bottom: 1px solid #D3D3D3; color: #025589; font-size: 12px; font-weight: bold; text-align: center; padding: 3px 0; background-color:#FFF; } /*********************************************************************/ /* ACCORDION STYLES */ /*********************************************************************/ .acc_title { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif ) repeat-x bottom; font-weight: bold; border-width: 0 1px 1px 1px; border-style: solid; border-color: #C8C8C8; position: relative; color: #025589; cursor:pointer; } .acc_title_active { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg_active.gif ) repeat-x bottom !important; color: #025589 !important; font-weight: bold; border-width: 0 1px 1px 1px; border-style: solid; border-color: #C8C8C8; } .acc_first_title { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif ) repeat-x bottom; font-weight: bold; border: 1px solid #C8C8C8; color: #025589; cursor:pointer; } .acc_first_title_active { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif ) repeat-x bottom; font-weight: bold; border: 1px solid #C8C8C8; color: #025589 !important; } .acc_last_title { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif ) repeat-x bottom; font-weight: bold; border: 1px solid #C8C8C8; border-width: 0 1px 1px 1px; color: #025589; cursor:pointer; } .acc_last_title_active { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif ) repeat-x bottom; font-weight: bold; border: 1px solid #C8C8C8; border-width: 0 1px 1px 1px; color: #025589 !important; } .acc_title_text, .acc_title_text:hover { padding:4px 10px 2px 10px; margin: 0; font-size: 13px; } .acc_title_text:hover { color:#025589; } .acc_title_text_icon, .acc_title_text_icon:hover { background-image:url(/myfax-cms-public/docroot/myfax/resources/images/images/checkBullet.png) !important; /* moz */ background-image:url(/myfax-cms-public/docroot/myfax/resources/images/images/checkBullet.gif); /* IE */ background-repeat:no-repeat; background-position: 10px 3px; padding:4px 10px 2px 34px; margin: 0; font-size: 13px; } .acc_title_text_icon:hover { color:#025589; } .acc_last_title_right .acc_title_text { padding:3px 10px 3px 9px; margin: 0; font-size: 13px; } .acc_last_title_right .acc_title_text_icon { background-image:url(/myfax-cms-public/docroot/myfax/resources/images/images/checkBullet.png) !important; /* moz */ background-image:url(/myfax-cms-public/docroot/myfax/resources/images/images/checkBullet.gif); /* IE */ background-repeat:no-repeat; background-position: 9px 2px; padding:3px 10px 3px 33px; margin: 0; font-size: 13px; } .acc_first_title_text, .acc_first_title_text:hover { padding: 6px 5px 3px 10px; margin: 0; font-size: 14px; } .acc_first_title_text:hover { color:#025589 } /* Rounded-Corner styling */ .acc_first_title_left { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_left.gif ) no-repeat scroll left top; position: relative; top: -1px; left: -1px; } .acc_first_title_right { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_right.gif ) no-repeat scroll right top; position: relative; right: -2px; } .acc_last_title_left { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_left_b.gif ) no-repeat scroll left bottom; position: relative; top: 1px; left: -1px; } .acc_last_title_right { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_right_b.gif ) no-repeat scroll right bottom; position: relative; right: -2px; } /* Content Styles */ .acc_content { border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; margin: 0; padding: 0; position: relative; background-color:#FFF; } .acc_content p { padding: 0 10px; margin: 0; } .acc_content_last { position: absolute; bottom: 0; } .acc_content_last_left { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_left_b_open.gif ) no-repeat scroll left bottom; float: left; position: relative; top: 1px !important; top: 2px; left: -1px; } .acc_content_last_right { background: transparent url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_right_b_open.gif ) no-repeat scroll right bottom; float: right; position: relative; top: 0 !important; top: 1px; right: -2px; } /*Accordions on HELP page*/ .customerService_acc_first_title { background: transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif) repeat-x bottom; font-weight: bold; border: 1px solid #C8C8C8; color: #025589; cursor: pointer; } .customerService_acc_title { background: transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif) repeat-x bottom; font-weight: bold; border-width: 0 1px 1px 1px; border-style: solid; border-color: #C8C8C8; position: relative; color: #025589; cursor: pointer; } .customerService_acc_last_title { background: transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif) repeat-x bottom; font-weight: bold; border: 1px solid #C8C8C8; border-width: 0 1px 1px 1px; color: #025589; cursor: pointer; } .customerService_acc_content { border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; margin: 0; padding: 0; position: relative; background-color: #FFF; } .contactAccordion_acc_first_title { background: transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif) repeat-x bottom; font-weight: bold; border: 1px solid #C8C8C8; color: #025589; } .contactAccordion_acc_title { background: transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif) repeat-x bottom; font-weight: bold; border-width: 0 1px 1px 1px; border-style: solid; border-color: #C8C8C8; position: relative; color: #025589; cursor: pointer; } .contactAccordion_acc_last_title { background: transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/acc_title_bg.gif) repeat-x bottom; font-weight: bold; border: 1px solid #C8C8C8; border-width: 0 1px 1px 1px; color: #025589; cursor: pointer; } .contactAccordion_acc_content { border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; margin: 0; padding: 0; position: relative; background-color: #FFF; } .toolTipWrapper {behavior: url(../css/PIE.htc);z-index:9999; width: 225px;position: absolute;top: 20px;display: none;color: #000;font-weight: bold;background-color:#FFFFFF;padding:10px;border-radius:9px 9px;-moz-border-radius: 9px 9px;-webkit-border-radius: 9px 9px;border: 2px solid #FF0000;} /*********************************************************************/ /* RADIO/TV AD */ /*********************************************************************/ .radioForm { font-size: 10px; } .radioFormHeader { color:#333333; font-weight:bold; text-transform:uppercase; margin:0; } .radioFormInput { height: 15px; width: 135px; background-color:white; border-color:black; border-style:inset; border-width:1px; margin:0; } .radioFormButton { vertical-align:top; margin:0; } .radioFormFooter { color:#999999; margin:0 } .radioFormLink {color:#999999;font-size:9px;padding-top:6px;} .benefits { font-size: 10px; text-align:left; color:#000000} /*********************************************************************/ /* ADVERTISER SECTION */ /*********************************************************************/ .boxRoundBlueHeader { width: 6px; height: 31px; } .boxRoundBlueTitle { padding-left: 6px; padding-right: 6px; height: 31px; background-image: url( /myfax-cms-public/docroot/myfax/resources/images/imagesBox/boxBlueTallBG.gif ); background-repeat: repeat-x; text-align: left; color: #025589; font-weight: bold; font-size: 12px; } .boxRoundBlueMiddleCell { padding: 5px 0 5px 0; margin: 0; color: #000000; font-size: 12px; } .boxRoundBlueMiddleContent { padding: 0 0 0 2px; color: #000000; vertical-align: top; text-align: left; } .boxRoundBlueMiddleData { background-color: #FFFFFF; padding: 0; color: #606060; font-weight: bold; text-align: left; } .boxRoundBlueFooter { padding-top: 6px; text-align: right; background-color: #FFFFFF; } .advertiserPhone { margin-top: 25px; background: url(/myfax-cms-public/docroot/myfax/resources/images/imagesProduct/advertiserPhoneNo.jpg); } .advertisingContent { margin-bottom: 30px; margin-right: 30px; } .advertisingContent ul { list-style-image: url( /myfax-cms-public/docroot/myfax/resources/images/images/red-bullet.gif ); margin-top: 0; margin-bottom: -15px; } /* SITEMAP */ #siteMap { padding-left:10px; } #siteMap ul { margin-bottom:10px; padding-left:0; padding-bottom:0; } .redAsterisk, .asterisk { color:red; } /* /////////// International Signup Tab //////////// */ #searchRegions, #searchCities, #searchAreaCode { cursor:pointer; color:#025589;} #searchRegions { font-weight:bold; } /* /////////// International Signup Tab [END] //////////// */ .dynamicTab { cursor:pointer; } /*********************************************************************/ /* TABBED BOX */ /*********************************************************************/ .tabBox, .tabBoxOn { font-size:10px; height:12px; margin:0 0 0 4px; background-color:#003366; border:1px solid #003366; border-bottom:1px solid #003366; padding:2px 12px 3px 12px; font-weight:bold; text-transform:uppercase; vertical-align:middle; text-decoration:none; } .tabBoxOn { background-color:#97CAFE;} .tabOn { position:relative; float:left; border:1px solid #7F7F7F; border-bottom-width:0; height:19px; background-color:#FFFFFF; margin-right:3px; cursor:auto; } .tabOn div { padding:2px 10px 3px 10px; font-weight:bold; text-transform:uppercase; font-size:10px; float:left; } .tabOff { position:relative; float:left; border-right:1px solid #7F7F7F; border-left:1px solid #7F7F7F; height:19px; background: #6c6b6b url(/myfax-cms-public/docroot/myfax/resources/images/imagesSignup/grayTabGradient.gif) repeat-x top left; margin-right:3px; cursor:pointer; } .tabOff div { color:#FFFFFF; padding:3px 10px 3px 10px; font-weight:bold; text-transform:uppercase; font-size:10px; float:left; } .tab:link, .tab:visited, .tab:active { color:#FFFFFF; text-decoration:none; } .tab:hover { color:#003366; text-decoration:none; } .tabOn:link, .tabOn:visited, .tabOn:active, .tabOn:hover { color:#003366; text-decoration:none;} .boxNoTabs { margin-bottom:0; border:5px solid #FFFFFF; padding:0; } .tabBoxTabs { margin:0; vertical-align:middle; white-space:nowrap;} .tabBoxHeaderTable, .tabBoxHeader { font-size:11px; color:#FFFFFF; font-weight:bold; padding-bottom:0; background-color:#FFFFFF; } .tabBoxHeaderTable { background-color:#003366; } .tabPlaceholder { font-size:11px; height:12px; margin:0 0 0 4px; background-color:#003366; border:1px solid #003366; border-bottom:1px solid #003366; padding:2px 12px 5px 12px; font-weight:bold; text-transform:uppercase; vertical-align:middle; text-decoration:none; cursor:default;} .tabPlaceholder:hover { background-color:#003366; color:#003366; cursor:default;} .hint { color:#8F869C; font-size: 10px} /***********************************************************************/ /* MY ACCOUNT */ /***********************************************************************/ .prefContainer { margin-bottom:10px; } .prefContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .prefContent {border:1px solid #ccc; width:525px; float:left;} .prefLabel {font-weight:bold; width:172px; float:left; text-align:right; margin: 0 21px 0 10px;} .prefSelected {float: left;} .prefAction {margin-right:20px; float: right;} #homeAdPanel{width:913px; height:150px;} /*********************************************************************/ /* TABBED CONTAINER */ /*********************************************************************/ .dynamicTab { cursor:pointer; } #tabContainer {margin:0 40px 0 40px;padding:0;clear:both; background-color:#FFF;border:1px solid #D6D6D6;} #tabContentContainer {margin:0; padding:0; background-color: #fafafa; clear:both;} .tabContainer_tile_header {} .tabContainer_left_header {} .tabContainer_right_header {} .tabContainer_body{position:relative;bottom:0; width:auto !important; width:638px;} .tabContainer_tile_footer {} .tabContainer_left_footer{} .tabContainer_right_footer{} .tabContainer_contentContainer {padding:20px 20px;text-align:left;} /* TAB NAV */ #tabNavContainer {clear: both;background: transparent url(/myfax-cms-public/dms/myfax/resources/images/tabbedContainer/tabNavBack_myAccount.gif) repeat-x top left;} ul#tabNav { padding: 0; margin: 0 auto; list-style-type: none; font-size: 12px; background: transparent; /*border-bottom:1px solid #CCCCCC;*/ height:27px; } #tabNav li { padding: 0; float: left; margin: 0; } #tabNav a { padding-left: 9px; /*background-color: #FFF;*/ text-decoration: none; color: #025589; /*border-bottom:1px solid #CCCCCC;*/ } ul#tabNav a { display: block; float: left; color: #025589 !important; font-weight: bold; } li span { display: inline; padding: 0; margin: 0; } ul#tabNav span { display: block; float: left; padding: 0; margin: 0; } #tabNav a span { padding: 6px 13px 5px 5px; /*background-color: #FFF; */ border-right:1px solid #CCC; } #tabNav a:hover { background-color: #FAFAFA; padding-left: 9px; padding-bottom: 2px; color: #025589 !important; border-bottom: 0; } #tabNav a:hover span {padding: 6px 13px 5px 5px; background-color: #FAFAFA; border-right:1px solid #CCC;} #tabNav .current a { background-color: #FAFAFA; color: #025589 !important; padding-left: 9px; padding-bottom: 2px; border-bottom:0; } #tabNav .current a span {background-color: #FAFAFA; border-right:1px solid #CCC; padding-right: 13px;} /* IE fix */ #tabNav .current a:hover span {padding: 6px 13px 5px 5px;} .tabContent {clear:both; margin-left:154px;} /*ul#tabNav a:link, a:visited { color: #666666; }*/ /*********************************************************************/ /* HEADERS - INTL */ /*********************************************************************/ #header {width:980px; margin:20px 0 10px;} #headerLogo {width:400px; float:left} .headerNav {float:left;width:110px;text-align:right; font-size:11px;} .headerNav a, .headerNav a:link, .headerNav a:visited {color:#333; text-decoration:none; font-weight:bold; font-size:11px;} .headerNav a:hover, .headerNav a:active {color:#025589;} .headerNav a.current, .headerNav a.current:link, .headerNav a.current:visited, a.current:hover, .headerNav a.current:active {color:#025589; text-decoration:none;} /*********************************************************************/ /* GENERAL - INTL */ /*********************************************************************/ .dottedLineTop {background-image: url(/myfax-cms-public/dms/myfax/resources/images/misc/dot_horiz.gif); background-position: left top; background-repeat: repeat-x;} .dottedLineBottom {background-image: url(/myfax-cms-public/dms/myfax/resources/images/misc/dot_horiz.gif); background-position: left bottom; background-repeat: repeat-x; position:relative;} .dottedLineBottom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .dottedLineLeft {background-image: url(/myfax-cms-public/dms/myfax/resources/images/misc/dot_vert.gif); background-position: left top; background-repeat: repeat-y;} .dottedLineRight {background-image: url(/myfax-cms-public/dms/myfax/resources/images/misc/dot_vert.gif); background-position: right top; background-repeat: repeat-y;} .dottedLineCenter {background-image: url(/myfax-cms-public/dms/myfax/resources/images/misc/dot_center.gif); background-position: left bottom; background-repeat: repeat-x;} .greyLink a:link, .greyLink a:visited, .greyLink a:active, .greyLink a:hover {color:#025589;text-decoration:underline} a.grayLinks, a.grayLinks:link, a.grayLinks:visited {font-weight: bold; font-size: 13px; color: #025589;} a.grayLinks:hover, a.grayLinks:active {font-weight: bold; font-size: 13px; color: #025589;} .popupLinks {color: #025589; cursor: pointer; text-decoration:underline;} /*********************************************************************/ /* ROUNDED BOXES */ /*********************************************************************/ /* eFaxi Rounded Box - Dark Grey */ .efaxRoundedBox_drkGrayTop_header_bg{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_drkGrayTop_header_bg.gif) repeat-x bottom; border:1px solid #D6D6D6; border-top:1px solid #909090; } .efaxRoundedBox_drkGrayTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_drkGrayTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_drkGrayTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_drkGrayTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_drkGrayTop_title{position:relative; left:-2px; top:-1px;text-align:left; padding:2px 0 2px 10px;font-weight:bold;color:#FFF;white-space: nowrap;} /* eFaxi Rounded Box - Medium Grey */ .efaxRoundedBox_medGrayTop_header_bg{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_medGrayTop_header_bg.gif) repeat-x bottom; border:1px solid #D6D6D6; } .efaxRoundedBox_medGrayTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_medGrayTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_medGrayTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_medGrayTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_medGrayTop_title{position:relative; left:-2px; top:-1px;text-align:center; padding:0;font-weight:bold;color:#FFF;white-space: nowrap;} /* eFaxi Rounded Box - Light Grey */ .efaxRoundedBox_ltGrayTop_header_bg{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_ltGrayTop_header_bg.gif) repeat-x bottom; border:1px solid #D6D6D6; } .efaxRoundedBox_ltGrayTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_ltGrayTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_ltGrayTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_ltGrayTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_ltGrayTop_title{position:relative; left:-2px; top:-1px;text-align:left; padding:3px 0 1px 10px;font-weight:bold;font-size:12px;color:#025589;white-space: nowrap;} /* eFaxi Rounded Box - Blue */ .efaxRoundedBox_blueTop_header_bg{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_blueTop_header_bg.gif) repeat-x bottom; border:1px solid #D6D6D6; } .efaxRoundedBox_blueTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_blueTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_blueTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_blueTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_blueTop_title{position:relative; left:-2px; top:-1px;text-align:center; padding:0;font-weight:bold;color:#FFF;white-space: nowrap;} /* eFaxi Rounded Box - No Title */ .efaxRoundedBox_noTop_header_bg{background:white url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_noTop_header_bg.gif) repeat-x bottom;} .efaxRoundedBox_noTop_header_left{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_noTop_header_left.gif) no-repeat left top; position:relative; top:-1px; left:-1px;} .efaxRoundedBox_noTop_header_right{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_noTop_header_right.gif) no-repeat right top; position:relative; right:-2px;padding-top:2px;} .efaxRoundedBox_noTop_title{padding:0; background-color:white;} .efaxRoundedBox_body{position:relative;bottom:0;} .efaxRoundedBoxContainer {clear:both;background:#FFF;} .efaxRoundedBox_tile_footer {} .efaxRoundedBox_left_footer{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_bottom_left.gif) no-repeat scroll left bottom; float:left; position:absolute; bottom:0; left:-2px; right:1px;margin:0;} .efaxRoundedBox_right_footer{background:transparent url(/myfax-cms-public/docroot/myfax/resources/images/imagesBox/roundedBox_bottom_right.gif) no-repeat scroll right bottom;float:right; position:relative; bottom:0; right:-3px;margin:0;} /*********************************************************************/ /* FOOTERS */ /*********************************************************************/ #footer {clear:both;color:#ccc;margin:5px auto 0;text-decoration:none;width:980px;} #myAccount_footer #footerLinks, #myAccount_footer #footer div {color:#ccc;} #footerLinks {float: left; height: 15px; z-index: 1000;} #footerLinks ul {margin: 0; padding: 0; font-size:10px;} #footerLinks ul ul{margin: 0; padding: 5px; width: 150px; border: 1px solid #AFCDF3;} #footerLinks ul li { display: inline; float: left; list-style: none; position: relative; margin-right: 3px; margin-left: 0; } #footerLinks ul ul li{height: 18px; margin:0;} #footerLinks li a {color: #ccc !important; text-decoration: none; display:block;} #footerLinks li a:hover {color: #ccc;text-decoration: none;} #footerLinks li ul { margin: 0; padding: 5px 0 2px; display: none; position: absolute; left: 55px; bottom: 0; background-color: #ccc; border-bottom: 1px solid #AFCDF3; } #footerLinks li:hover ul {display: block; width: 150px;} #footerLinks li li {list-style: none; display:block; float:none;} #footerLinks li li a {color: #000 !important; text-decoration: none; display:block; padding-left:5px;} #footerLinks li li a:hover { color: #000 !important; text-decoration: none; display: block; background: #E6EDF7; border-top: 1px solid #AFCDF3; border-bottom: 1px solid #AFCDF3; } #footerLinks li:hover ul, #footerLinks li.over ul { display: block; } /* The magic */ #j2globalLogo { margin: 0 auto; padding: 0; height: 16px; width: 16px; cursor: pointer; } #j2globalLogo span {display: none;} #j2globalLogo a {height:16px; display:block; background:url(/myfax-cms-public/dms/common/images/j2GlobalLogo.png) top left no-repeat;} #j2globalLogo a:hover, #j2globalLogo_active a {background:url(/myfax-cms-public/dms/common/images/j2GlobalLogo.png) bottom left no-repeat;} /*********************************************************************/ /* MY ACCOUNT */ /*********************************************************************/ /* Common */ a{ cursor:pointer } #myAccount_container { width:1004px; margin: 0 auto; border:0; } .tooltipIcon{ background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/tooltip.gif) top left no-repeat; cursor:pointer; margin-left:5px; width:14px !important; height:15px !important; } .headerContent{ height:auto !important; height:5px; min-height:5px; } #myAccount_container a:link { color:#025589; font-weight:normal; text-decoration:none;} #myAccount_container a:active, a:hover { color:#025589; font-weight:normal; } input.readOnly { border:0 none; } .errorMessage{ margin-bottom:8px; font-size: 11px !important; color:#000000; } .errorMessage .top{ height:25px; } .errorMessage .middle{ border-left:1px solid #FE0000; border-right:1px solid #FE0000; height:auto !important; height:23px; min-height:23px; padding-left:23px; } .errorMessage .bottom{ height:12px; } .errorMessage .tl{ background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/errorTL.png) top left no-repeat; height:25px; } .errorMessage .t{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/errorT.png) repeat-x top left transparent; height:25px; } .errorMessage .b{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/errorB.png) repeat-x bottom left transparent; height:12px; } .errorMessage .tr{ background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/errorTR.png) top right no-repeat; height:25px; } .errorMessage .bl{ background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/errorBL.png) bottom left no-repeat; height:12px; } .errorMessage .br{ background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/errorBR.png) bottom right no-repeat; height:12px; } #error_accountUpgrade_panel { position:relative; } #error_accountUpgrade_panel .top { width:100% !important; } #error_accountUpgrade_panel .middle { padding-top:24px; } #myAccount_container div, #myAccount_container p, .MyAccount_DialogBox div, .MyAccount_DialogBox p{ font-size:12px; color: #666666; } #myAccount_container h1{ font-size: 17.5pt; color:#025589; font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold; } #myAccount_container h2{ font-size:15px; font-weight:bold; color:#025589; } #myAccount_container h3{ text-align: left; font-size:13px; font-weight:bold; color:#025589; padding:0; margin: 5px 0 0; } #myAccount_container h4{ text-align: left; font-size:12px; font-weight:bold; color:#025589; } #myAccount_container .x-grid3-cell-inner{ font-size:11px !important; } ul.x-menu-list{ padding:0 !important; } ul.x-menu-list li{ margin:0 !important; } #myAccount_body { border: solid #d9d9d9; border-width: 1px 1px 0 1px; background-color: #fbfafa; min-height:500px; height:auto !important; height:500px; background: url(../images/myfax/myAccount/myAccount_body_bg.gif) bottom left repeat-x; } #closeBody{ background-image: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/closeBody.gif); height:14px; } #myAccount_container p{ text-align: left; font-size:12px; line-height:130%; /*padding:0 0 10px 15px;*/ margin:0; } /* Header */ #myAccount_header { margin:16px 0 14px 0; position:relative; height: 60px; width:100%; clear:both; } #myAccount_header #headerLogo { margin-left:9px; float:left; width:300px !important; } #myAccount_header #lang { height:24px; padding-top:10px; float:right; font-size:10px; color:#999; } #myAccount_header #numberPortStatus { height:24px; padding-top:20px; margin-right:150px; float:right; width:400px; display:none; } #myAccount_header #numberPortStatus #statusMessage { display:inline; color:#025589; font-weight:bold; } #myAccount_header #lang span { padding:0 6px 0 3px; } #myAccount_topBorder {height: 30px; background-color: #88a3c0; width: 1004px;} #myAccount_topBorder .right{ float:right; width:297px; height:25px; padding-top:4px; margin-right: 10px; } #myAccount_topBorder .right label{ color:#FFF; width:135px; font-size:12px; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif; float:left; margin-top:3px; } #myAccount_topBorder .right label sup{ color:#025589; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:7pt !important; vertical-align:text-top; text-decoration:none; } #myAccount_topBorder #didChooser div{ float:left; margin-left:5px; } /* Top Nav */ #myAccount_topNav {clear:both; height:32px;} #myAccount_topNav .t{ width: 1004px; height:32px; } #myAccount_topNav .tl{ width: 1004px; height:32px; } #myAccount_topNav .tr{ width: 1004px; height:32px; } #myAccount_topNav ul { list-style:none; float:right; margin:8px 0 0 0; padding-left:0; width: 1004px;} #myAccount_topNav li { float:left; margin: 0 5px 0 0; padding: 6px 10px; border-left: 1px solid #ededed; } #myAccount_topNav a, #myAccount_topNav a:link, #myAccount_topNav a:visited { /*color:#025589;*/ text-decoration:none; font-weight:bold; font-size:11px; margin-left:6px; cursor:pointer; } #myAccount_topNav a:hover, #myAccount_topNav a:active { color:#025589; cursor:pointer; font-weight:bold; text-decoration:none; font-size:11px; } #myAccount_topNav li#myAccount_topNav_home {border-top: 4px solid #e0e0e0; width: 435px; text-align:right; border-left:0 none;} #myAccount_topNav li#myAccount_topNav_view {border-top: 4px solid #b9d0e0; width: 90px;} #myAccount_topNav li#myAccount_topNav_send {border-top: 4px solid #99bcd0; width: 90px;} #myAccount_topNav li#myAccount_topNav_update {border-top: 4px solid #578cc0; width: 127px;} #myAccount_topNav li#myAccount_topNav_help {border-top: 4px solid #b9d042; width: 45px;} #myAccount_topNav li#myAccount_topNav_logout {border-top: 4px solid #add61a; border-right: 1px solid #ece9d8; width: 65px; margin:0;} /* Title */ #myAccount_titleBar{ height:72px; } #myAccount_titleBar .left{ float:left; width:50%; margin-top:35px; } #myAccount_titleBar .left #title{ color:#025589; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:17.5pt; font-weight:bold; line-height:110%; } /* Main */ #myAccount_main{ /*margin-top:15px;*/ } #myAccount_main .leftContent{ width:600px; float:left; min-height:100px; height:auto !important; height:100px; } #myAccount_main .rightContent{ width:240px; float:right; } #myAccount_subContainer .myAccount_content{ min-height:200px; height:auto !important; height:200px; } #myAccount_sideContainer .myAccount_content{ min-height:100px; height:auto !important; height:100px; margin-bottom:0; } #myAccount_bodyInner{ width:902px; margin:0 auto; } .MyAccount_FormField{ min-height:15px; height:auto !important; height:15px; width:525px; } .MyAccount_FormField .prefLabel, .MyAccount_FormField .prefSelected, .MyAccount_FormField .prefAction{ min-height:15px; height:auto !important; height:15px; } #myAccount_main .panelContainer{ overflow:hidden; } #myAccount_main .btn_learnMore{ float:left; height:35px; width:183px; cursor:pointer; margin-left:10px; } #myAccount_main .lnk_saveAnnual{ float:left; clear:both; margin-top:10px; width:525px; } #myAccount_main .prefContent{ overflow:hidden; float:left; } /* Telesales */ #myAccount_main #phoneChangerContainer{ margin:10px 0; } #myAccount_main #phoneChangerContainer select{ width:100%; } #myAccount_main #salesQhead{ color:#025589; font-size:16px; font-weight:bold; text-align:center; } #myAccount_main #phoneNumbersContainer{ color:#025589; font-size:14px !important; font-weight:bold; text-align:center; } /* Loader */ #myAccount_container .x-masked{ overflow:visible !important; } #myAccount_container .ext-el-mask{ background-color:#FFFFFF; opacity:0.8; } .MyAccount_DialogBox .ext-el-mask{ background-color:#FFFFFF; opacity:0.8; } .MyAccount_LoadMask { background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/loader.gif) no-repeat 0 0 transparent !important; border:0 none !important; } .MyAccount_LoadMask div{ width:105px; height:31px; border:0 none; background:none; } .MyAccount_SubmitMask { background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/submitLoader.gif) no-repeat 0 0 transparent !important; border:0 none !important; } .MyAccount_SubmitMask div{ width:31px; height:31px; border:0 none; background:none; } /* Tab Container */ #myAccount_main #tabNavContainer{ background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/tabContainer_bg.gif) no-repeat 0 0; } #myAccount_container #tabContainer { padding:0; clear:both; margin:0; background-color:#FFF; border:0; } #myAccount_container #tabContentContainer { margin:0; padding:0; background-color: #FFF; color:#666666; clear:both; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; } #myAccount_container .tabContainer_contentContainer { padding:16px 12px; width:876px; } /* Tabs */ #myAccount_main #tabNav a { color: #666666 !important; font-weight: bold !important; } #myAccount_main #tabNav a:hover { color: #025589 !important; } #myAccount_main #tabNav .current a { color: #025589 !important; } #myAccount_main #tabNav a span { border-right:1px solid #D9D9D9; } #myAccount_main #tabNav a:hover { background-color: #FFFFFF; border-top:1px solid #CCCCCC; } #myAccount_main #tabNav a:hover span {background-color: #FFFFFF; } #myAccount_main #tabNav .current a{ background-color: #FFFFFF; border-top:1px solid #CCCCCC; border-bottom:0; } #myAccount_main #tabNav .current #lnk_tabContainer_acctPreferences, #myAccount_main #tabNav #lnk_tabContainer_acctPreferences:hover { background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/tab_left_on.gif) no-repeat; border-top:0; border-bottom:0; } #myAccount_main #tabNav .current a span {background-color: #FFFFFF; border-right:1px solid #CCC;} #myAccount_main #tabNav .current #lnk_tabContainer_acctPreferences span, #myAccount_main #tabNav #lnk_tabContainer_acctPreferences:hover span { border-top:1px solid #CCCCCC; padding-bottom:5px; } .myAccount_top{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/myaccount_t.gif) repeat-x 0 100% transparent; height:15px; } .myAccount_topLeft{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/myaccount_tl.gif) no-repeat 0 100% transparent; height:15px; } .myAccount_topRight{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/myaccount_tr.gif) no-repeat 100% 0 transparent; height:15px; } .myAccount_bottom{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/myaccount_b.gif) repeat-x 0 100% transparent; height:15px; } .myAccount_bottomLeft{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/myaccount_bl.gif) no-repeat 0 100% transparent; height:15px; } .myAccount_bottomRight{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/myaccount_br.gif) no-repeat 100% 0 transparent; height:15px; } .myAccount_content { padding:20px 8px; } /* Forms */ #myAccount_container .prefLabel{ font-size:12px; } /* Footer */ #myAccount_footer #j2globalLogo { float:right; margin: 0 2px 0 0; padding: 0; height: 16px; width: 16px; cursor: pointer; } /* Dialog window */ .MyAccount_DialogBox{ font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif; } .MyAccount_DialogBox .x-window-tl{ background-image:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/left-corner.gif); height:50px; padding-left:18px; } .MyAccount_DialogBox .x-window-tr{ background-image:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/right-corner.gif); height:50px; padding-right:11px; } .MyAccount_DialogBox .x-window-tc{ background-image:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/top.gif); height:50px; } .MyAccount_DialogBox .x-window-ml, .MyAccount_DialogBox .x-window-mr{ background-image:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/left-right-white.gif) } .MyAccount_DialogBox .x-window-ml{ padding-left:18px; } .MyAccount_DialogBox .x-window-mr{ padding-right:18px; } .MyAccount_DialogBox .x-window-mc{ background-color:#FFFFFF; border:0; } .MyAccount_DialogBox .x-window-bl{ background-image:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/bottom-left-corner.gif); height:18px; padding-left:18px; } .MyAccount_DialogBox .x-window-br{ background-image:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/bottom-right-corner.gif); height:18px; padding-right:18px; } .MyAccount_DialogBox .x-window-bc{ background-image:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/bottom.gif); height:18px; } .MyAccount_DialogBox .x-window-body{ background-color:#FFFFFF; } .MyAccount_DialogBox .headerText{ color:#025589; font-size:17px; font-weight:bold; margin:10px 0 0; padding-bottom:5px; text-align:left; display:block; } .MyAccount_DialogBox .subHeaderText{ color:#025589; font-size:14px; font-weight:bold; margin:10px 0 0; padding-bottom:5px; text-align:left; display:block; } .MyAccount_DialogBox .x-tool{ background-image:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/dialogCloseBtn.gif); width:24px; height:24px; margin-top:5px; margin-left:0; } .MyAccount_DialogBox .x-tool-close-over{ background-position:0 0; } .MyAccount_DialogBox .errorMessage_dialog{ background-image:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/dialog_error.png); background-repeat:no-repeat; height:23px; margin-bottom:12px; padding-left:34px; padding-top:23px; width:414px !important; font-size: 11px; } .MyAccount_DialogBox .x-form-item-label, .MyAccount_DialogBox .x-form-cb-label, #accountUpgrade_billing .x-form-item-label, #accountUpgrade_billing .x-form-cb-label{ font-size:13px; font-weight:bold; color:#025589; /*width:150px !important;--> margin-right:3px;*/ text-align:right; } .MyAccount_DialogBox .x-form-element{ /* padding-left:156px !important;*/ } /* Add Number */ #searchaddNumber_container .prefContent{ border:0 !important; width:600px !important; } /* Add Number */ #addNumber_container .prefContent{ border:0 !important; width:600px !important; } .planSummary { display:none; } .planSummary .header{ margin:13px 0 5px 0; color:#025589; font-weight:bold !important; font-size:14px !important; text-align:left; } #blueHeader { color: #025589; } .planSummary ul.features{ list-style-image: url( /myfax-cms-public/dms/myfax/resources/images/misc/red_nav_arrow.jpg); } .planSummary ul.features li{ margin-bottom:5px; color:#666666; font-size:12px; font-weight:bold; display:none; margin-left: -10px; } .planSummary ul.features li span.value{ margin-left:5px; } #myAccount_bottomContent .footNote{ color:#025589; font-size:10px !important; } /* Credit Card Dialog */ .dialog_creditCard form{ width:445px; } .dialog_creditCard .x-form-item, #accountUpgrade_billing .x-form-item{ margin-bottom:10px; } .dialog_creditCard .x-form-item label{ width:140px !important; margin-right:10px; text-align:right; } .dialog_creditCard .x-form-element{ padding-left:153px !important; } .dialog_creditCard .stateField, #accountUpgrade_billing .stateField{ /*float:left; width:305px;*/ display:block; } .dialog_creditCard .zipField{ float:left; width:135px; } .dialog_creditCard .zipField label{ width:35px !important; margin-right:5px; } .dialog_creditCard .zipField .x-form-element{ padding-left:43px !important; } .dialog_creditCard .creditCardTypes, #accountUpgrade_billing .creditCardTypes{ clear:both; } .dialog_creditCard .creditCardTypes .x-form-element, #accountUpgrade_billing .creditCardTypes .x-form-element{ padding-left: 0 !important; } .dialog_creditCard .creditCardTypes .x-form-element .x-form-element, #accountUpgrade_billing .creditCardTypes .x-form-element .x-form-element{ width:76px !important; } .dialog_creditCard .creditCardTypes .x-form-radio-wrap, #accountUpgrade_billing .creditCardTypes .x-form-radio-wrap{ height:24px; } .dialog_creditCard .creditCardTypes .x-form-radio, #accountUpgrade_billing .creditCardTypes .x-form-radio{ vertical-align:top; margin-top:5px; } .dialog_creditCard .cardNumberField, #accountUpgrade_billing .cardNumberField{ clear:both; } .dialog_creditCard .monthField { width:208px; float:left; } #accountUpgrade_billing .monthField { width:230px; float:left; } .dialog_creditCard .yearField, #accountUpgrade_billing .yearField{ width:98px; float:left; } .dialog_creditCard .yearField label, #accountUpgrade_billing .yearField label{ margin-right: 5px !important; width:0 !important; } .dialog_creditCard .yearField .x-form-element, #accountUpgrade_billing .yearField .x-form-element{ padding-left:8px !important; } .dialog_creditCard .cvvField{ width:118px; float:left; } .dialog_creditCard .cvvField label{ margin-right:6px !important; width: 33px !important; } .dialog_creditCard .cvvField .x-form-element{ padding-left:42px !important; } .dialog_creditCard .defaultCCField{ float:left; } /*Account Upgrade */ #accountUpgrade_topContainer .prefContent{ border:0 !important; width:600px !important; } #accountUpgrade_billing .body{ border:2px solid #003366; border-top:0; padding:20px 40px; } #accountUpgrade_billing .cvvField { clear:both; float:left; width:250px; } /* Upgrade Dialog */ #win_upgradeAccount .x-window-tl{ height:90px; } #win_upgradeAccount .x-window-tr{ height:90px; } #win_upgradeAccount .x-window-tc{ height:90px; } /*Pcity chooser dialog */ .pcityChooser ul{ list-style:none !important; padding-left:200px !important; padding-bottom: 0 !important; } .pcityChooser #txt_pcity_zipCode{ float:left; } .chooseNumber_US, chooseNumber_INTL { width:434px !important; } .selectedPCity .header, #accountUpgrade_billing .header{ /*border:1px solid #D0D0D0;*/ border-bottom:0; background-color:#003366; height:20px; text-align:left; } .selectedPCity .header .tl, #accountUpgrade_billing .header .tl{ background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/roundedBlue_tl.gif) top left no-repeat; } .selectedPCity .header .tr, #accountUpgrade_billing .header .tr{ background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/roundedBlue_tr.gif) top right no-repeat; } .selectedPCity .header .content, #accountUpgrade_billing .header .content{ padding:0 8px; height:20px; background:none; } .selectedPCity .header .content div{ float:left; height:19px; /*border-right:1px solid #D0D0D0;*/ } .selectedPCity .header .content div, #accountUpgrade_billing .header .content{ color:#FFFFFF; padding-left:10px; font-weight:bold; text-align:left; } .selectedPCity .body{ border:2px solid #003366; border-top:0; height:60px; padding:0 8px; } .selectedPCity .body div{ float:left; text-align:left; padding-top:15px; height:39px; padding-left:10px; font-weight:bold; } /* Send/Receive Log Panels */ .logPanel .x-grid-panel{ clear:both; } .logPanel .btn_getLogs{ padding:0; float:left; } .x-grid-panel .printButton{ color:#336699; font-size:11px !important; cursor:pointer; margin-left:5px; } .fromDate, .toDate { width:170px; float:left; margin-right:10px; } .fromDate label{ color: #025589; font-size:13px; font-weight:bold; width:40px !important; } .toDate label{ color: #025589; font-size:13px; font-weight:bold; width:20px !important; } .fromDate .x-form-element{ padding-left:45px !important; } .toDate .x-form-element{ padding-left:25px !important; } /* .enablePassword{ height:25px; } */ #x-form-el-enablePassword_on, #x-form-el-enablePassword_off{ width:140px !important; } /* Voice Prompt Dialog */ .audioFileFormat,.voicePromptLanguage { width:438px; } .allowVoicemail{ width:150px; height:20px; padding-left:175px; overflow:hidden !important; } .audioFileFormat, .voicePromptLanguage, .allowVoicemail { float:left; } .x-form-clear-left{ font-size:0 !important; } /* Message Center */ .roundedBlue_bottom{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/roundedBlue_b.gif) repeat-x 0 100% transparent; height:11px; } .roundedBlue_bottomLeft{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/roundedBlue_bl.gif) no-repeat 0 100% transparent; height:11px; } .roundedBlue_bottomRight{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/roundedBlue_br.gif) no-repeat 100% 0 transparent; height:11px; } .roundedGray_bottom{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/roundedGray_b.gif) repeat-x top left transparent; height:11px; } .roundedGray_bottomLeft{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/roundedGray_bl.gif) no-repeat top left transparent; height:11px; } .roundedGray_bottomRight{ background: url(/myfax-cms-public/dms/myfax/resources/images/myAccount/roundedGray_br.gif) no-repeat top right transparent; height:11px; } /* Homepage */ .quickLinkBox {width:433px; height:92px; position:relative; float:left; margin:4px 0 25px 0;} .promoArea {width:904px; position:relative;} .quickLinkIcon {float:left; margin:16px 25px 0 0;} .quickLinkDesc {float:left; margin-top:16px; width:286px;} .helpBox {width:256px; margin:0 9px 12px 0;} .roundCornerTL {position:absolute; left:-1; top:-1;} .roundCornerTR {position:absolute; right:-1; top:-1;} .roundCornerBL {position:absolute; left:-1; bottom:-1;} .roundCornerBR {position:absolute; right:-1; bottom:-1;} /*********************************************************************/ /* Popup dialogs */ /*********************************************************************/ .dialog { position:relative; margin:0 auto; min-width:8em; max-width:1000px; z-index:1; margin-left:12px; /* default, width of left corner */ padding-bottom:0.5em; /* spacing under dialog */ } .dialog .content, .dialog .t, .dialog .b, .dialog .b div { background:url(../images//myFax/myAccount/quickLinkBox.gif) no-repeat scroll right top transparent ; } .dialog .content { padding:0 12px 0 0; position:relative; _overflow-y:hidden; zoom:1; } .dialog .t { background-position:left top; height:100%; left:0; margin-left:-12px; position:absolute; top:0; width:12px; _height:760px; /* arbitrary long height, IE 6 */ } .dialog .b { position:relative; width:100%; } .dialog .b, .dialog .b div { font-size:1px; height:9px; } .dialog .b { background-position:right bottom; } .dialog .b div { background-position:left bottom; margin-left:-12px; position:relative; width:12px; } /*********************************************************************/ /* FileUploadField component styles */ /*********************************************************************/ .x-form-file-wrap { position: relative; height: 22px; } .x-form-file-wrap .x-form-file { position: absolute; right: 0; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; height: 22px; } .x-form-file-wrap .x-form-file-btn { position: absolute; right: 0; z-index: 1; } .x-form-file-wrap .x-form-file-text { position: absolute; left: 0; z-index: 3; color: #777; } /*********************************************************************/ /* Websend Dialog */ /*********************************************************************/ #form_websendGlobal form {width:450px;} #form_websendGlobal fieldset, #form_dsSendFax fieldset {padding-top:10px; padding-bottom:0; margin-bottom:0;} #form_websendGlobal input, #form_dsSendFax input { margin-bottom:3px; vertical-align:middle;} #form_websendGlobal select, #form_dsSendFax select {margin-bottom: 3px;vertical-align: middle;} .ie6 #form_websendGlobal select, .ie6 #form_dsSendFax select {background-color: transparent;} #form_websendGlobal textarea, #form_dsSendFax textarea { margin-bottom:3px; vertical-align:middle;} .ws_toFirstName {margin-right:10px; float:left; width:206px;} .ws_toCompany {margin-right:10px; float:left; width:206px;} .ws_toCountry {width:206px; float:left;} .ie6 .ws_toCountry {width:206px; margin-top:2px; float:left;} /* IE6 specific */ .ws_toFax {width:206px; float:left;} div#btn_recipients_add_div{margin: 0; padding: 10px 0 10px 90px; float:left;} div#btn_recipients_delete_div{margin-left:70px; padding: 10px 0 10px 70px; float:left;} .ie6 div#btn_recipients_delete_div{margin-left:0;} div#btn_forwarding_add_div{margin: 0; padding: 10px 0 10px 90px; float:left;} .ws_refID {margin-right:10px; float:left; width:205px;} .ws_sendReceipt {margin-right:10px; float:left; width:100px;} .ie6 .ws_sendReceipt {margin-right:10px; margin-top:2px; float:left; width:100px;} /* IE6 specific */ .ws_sendQuality {float:left;width:100px;} .ie6 .ws_sendQuality {float:left;width:100px; margin-top:2px;} /* IE6 specific */ ul.ws_ConfirmList{position:relative;padding:0;margin:0;} ul.ws_ConfirmList li{display:block;overflow:hidden;list-style:none;padding:7px 0;margin:0;font-size:9pt;width:447px;} ul.ws_ConfirmList li strong{float:left;width:43%;font-weight:bold;} ul.ws_ConfirmList li em{float:right;font-style:normal;font-weight:400;width:253px;} ul.ws_ConfirmList li em#confirmation_sendto {white-space: nowrap; max-height:100px; height:auto; overflow-y: auto; overflow-x: hidden;} .ie6 ul.ws_ConfirmList li em#confirmation_sendto{height:100px;} .fileDiv {float:left;} #filesList {min-height:51px;background-color:#eee;margin-top:10px;padding:0 3px 4px 6px;word-wrap:break-word;} .forceHidden {display:none !important;} #myAccount_subContainer{background:url(/myfax-cms-public/dms/myfax/resources/images/myAccount/subContainer_mid.gif) repeat-y; position:relative; width:902px;} #myAccount_subContainer .top{position:absolute; top:0; left:0;} #myAccount_subContainer .bot{position:absolute; bottom:0; left:0;} .myAccount_content{margin:10px 15px;} .expandTitle {margin-top:10px; padding-left:15px; font-weight:bold;} .expandTitle a:hover, .expandTitle a:active { font-weight:bold;} .expandContent { font-size:12px;margin-left:15px;margin-top:5px;} .expandContent strong { font-weight:bold; } .faqCategory{ margin-top:15px; padding-bottom:5px; width:600px; font-weight:bold; font-size:12px; color:#025589; background-image: url(/myfax-cms-public/dms/myfax/resources/images/misc/dot_horiz.gif); background-position: left bottom; background-repeat: repeat-x; position:relative; } #efaxRoundedBoxContainer_unlockSuccess{display:none;} .ext-ie .x-form-text{margin:0;} /** .group class to clear floats **/ /* IE8, FF, Webkit, Opera */ .group:after{content:" . ";display:block;height:0;clear:both;visibility:hidden} /* IE6 */ * html .group{height:1%} /* IE7 */ *:first-child+html .group{min-height:1px} div.x-tab-strip-wrap div.x-clear, div.x-tab-strip-spacer{ font-size:1px !important; } /*********************************************************************/ /* COUNTRY DIALING CODES */ /*********************************************************************/ a.Note{text-decoration:underline;} /*********************************************************************/ /* MAGNOLIA OVERRIDES */ /*********************************************************************/ .smothBarLabel {color:yellow;} /*********************************************************************/ /* STYLES /*********************************************************************/ @charset "utf-8"; /* CSS Document */ #mainContainer { } .wrapper { margin: 0 auto; width: 800px; } #salesContainer { width: 800px; border-bottom: none; background: #FFF; margin: 0 0 -3px; text-align: left; } .fl { float: left; } .fr { float: right; } .clr { clear: both; } #salesContainer .LeftCol { float: left; width: 76%; /* height: 351px; */ height:455px; background: #FFF; background-color:#F9F9F9; border-left: 1px solid #D9D9D9 } #salesContainer .RCol { float: right; width: 188px; /* height: 354px; */ height: 455px; background-color: #EEEEEE; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; } .LoginBox { float: left; width: 325px; margin: 30px 10px 20px 20px; } .Login { float: left; width: 293px; border: 1px solid #D9D9D9; border-bottom: none; border-top: none; padding: 10px 15px; margin: 0 !important; /* height: 159px; */ height:auto; z-index: 1; background: #FFF; } /* Tab */ #tabTable_loginPassword { margin:0; padding:0; background: transparent; width: 325px; } #tabMenuList_loginPassword { padding:0px; list-style: none; margin: 0; } #tabMenuList_loginPassword li { display:inline; padding:0px; list-style: none; margin: 0; float: left; margin: 0 0 -2px 0; } .tabContentStyle_loginPassword { height: 166px !important; height:190px; width: 325px; margin:0px; padding:20px; border-left:1px solid #CCC; border-bottom:0px; border-top:0px; border-right:1px solid #CCC; border-top:1px solid #CCC; background-color: #FFF; } /* Tab End */ .LoginBRow { float: left; width: 100%; padding: 5px 0; vertical-align: middle; font-size: 12px; } .LoginBRow label { width: 88px; float: left; padding: 4px 10px 4px 10px; text-align: right; vertical-align: middle; } .LoginBRow label.Myfaxnumber { width: 98px; float: left; padding: 4px 10px 4px 6px; text-align: right; vertical-align: middle; } .LoginBRow .Signintext { font-size: 12px; float: left; padding: 2px 5px 5px 8px; } .SignintextRow { padding: 7px 0 0 65px; } .Loginbutton { float: left; padding: 8px 0 0 112px; } .Bookmark { float: left; padding: 8px 0 0 5px; } .BookmarkMsgDiv{ width:150px; float:right; margin :-20px 29px 0 0; } #BottomBg { float: left; width: 100% } #BottomBg .LeftBg { background: url(../images/myfax/j2core/shadowBox/shadowBox_BL.gif) no-repeat; width: 7px; height: 12px; float: left; } #BottomBg .MiddleBg { background: url(../images/myfax/j2core/shadowBox/shadowBox_tileBottom.gif) repeat-x #FFFFFF; height: 12px; float: left; width: 95%; padding: 0; margin: 0; background-color: #FFF; width: 211px; } #BottomBg .MiddleBgLogin { background: url(../images/myfax/j2core/shadowBox/shadowBox_tileBottom.gif) repeat-x #FFFFFF; height: 12px; float: left; width: 95%; padding: 0; margin: 0; background-color: #FFF; width: 311px; } #BottomBg .RightBg { background: url(../images/myfax/j2core/shadowBox/shadowBox_BR.gif) no-repeat 100% 0; width: 7px; height: 12px; float: left; } .MainbottomBg1Left { background: url(../images/myfax/shadowBox_tileBottom.gif) no-repeat scroll left top #F9F9F9; width: 608px; height: 5px; float: left; border-left: 1px solid #D9D9D9; } .MainbottomBg1Right { background: url(../images/myfax/shadowBox_tileBottom2.gif) no-repeat scroll left top #EEEEEE; width: 189px; height: 5px; float: right; border-left: 1px solid #D9D9D9; } .MainbottomBg2 { background: url(../images/myfax/shadowBox_tileBottom3.gif) no-repeat 100% 0; width: 799px; height: 7px; float: left; margin: 0 0 5px 0; } #eVoiceCols { float: right; margin: 30px 22px 0 0; width: 225px; } .eVoiceBox { border: 1px solid #D9D9D9; padding: 0 15px; border-bottom: none; border-top: none; height: 200px; float: right; background-color: #FFF; } .eVoiceBoxPhoneNumber { font-weight: bold; font-size: 15px; color: rgb(0, 102, 204); padding-top: 5px; } .eVoiceBoxLimitedTime { font-size: 11px; } .eVoiceBoxLearnMore { padding: 5px 0px; font-size: 11px; cursor: pointer; color: rgb(66, 66, 66); } #TopBg { float: left; width: 100% } #TopBg .LeftBgT { background: url(../images/myfax/j2core/shadowBox/shadowBox_left_header.gif) no-repeat; width: 7px; height: 6px; float: left; } #TopBg .MiddleBgT { border-top: 1px solid #D9D9D9; height: 6px; float: left; width: 95%; padding: 0; margin: 0; background-color: #FFF; width: 211px; } #TopBg .RightBgT { background: url(../images/myfax/j2core/shadowBox/shadowBox_right_header.gif) no-repeat 100% 0; width: 7px; height: 6px; float: left; } .textImageContentb { padding: 0 25px 10px 28px; } .textImageContent{ margin-top:8px; margin-left:6px; margin-right:8px; text-align:left; } #tooltip{ position:absolute; border:0px solid #333; background:transparent; padding:2px 5px; color:#333; display:none; } #tabContainer_loginPassword{ width:325px; } .logPassText{ float: left; padding-left: 3px; padding-top: 3px; } .errIcon{ display: none; cursor: pointer; vertical-align: top; } #submitButton{ border: 0px none; } #tabContent_forgotNumTab{ display: none; } #textImageTable{ width:100%; clear:both; } #PcitySubmitButton{ border: 0px none; } .myFaxFeaturesDialingCodePage { width: 188px; background-color:#EEEEEE; padding-bottom: 8px; } #j2globalLogo a {height:16px; display:block; background:url(../images/j2GlobalLogo.png) top left no-repeat;} #j2globalLogo a:hover, #j2globalLogo_active a {background:url(../images/j2GlobalLogo.png) bottom left no-repeat;} #salesContainer .dialingLeftCol { float: left; width: 608px; height: 100%; background: #FFF; background-color:#F9F9F9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; } #salesContainer .dialingRCol { float: right; width: 188px; background-color: #EEEEEE; } #dcode_tbody_th{text-align:left; background-color:#025589;width:230px;} #dcode_tbody_th1{text-align:center; background-color:#025589;} #dcode_tbody_span{color:#ffffff;} #dcode_tbody_td{text-align:center;} /** clear floats **/ /* IE8, FF, Webkit, Opera */ .clearfix:after{content:" . ";display:block;height:0;clear:both;visibility:hidden} /* IE6 */ * html .clearfix{height:1%} /* IE7 */ *:first-child+html .clearfix{min-height:1px} .unlockCol1 {background-color:#F9F9F9; border-right:1px solid #d6d6d6; width:590px; padding:20px 0px 20px 20px; float:left} .unlockHeader {height:24px; font-size:14px; font-weight:700; text-indent:2px; padding: 0px 0px 10px 0px; } .unlockError {padding-bottom: 15px; color: red; font-size: 12px;} .hiddenWithPointer {visibility:hidden;cursor:pointer;} .loginRecoverPwd {color: rgb(10, 117, 173); font-size: 14px; font-weight: 700;padding:0px;} .loginForgetPwd{color: #666666; font-size: 12px; font-weight: 600;} .loginForgotPin {margin: 15px 25px 10px 0;text-align: right;} .floatR{float: right;} .myfaxnumberLbl{margin-left: -8px; margin-top: -9px;} .myfaxnumberWidth{width: 120px !important;} .successImg{background: url(../images/alertGreenSuccess.gif) no-repeat 0 3px; padding: 4px 1px 3px 25px; }