.hide {display:none} .shown {display:inline;} input[type='radio'] { transform: scale(2); margin-right:10px;margin-bottom:15px;} .greyText {color:#8a8a8a;} .topMargin { margin-top:18px} .topMarginSmall {margin-top:13px} .clearBoth {clear:both} .smallerMarginTop {margin-top:5px !important;} textarea, input {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 0 1px 0 #DDDDDD;} .tableHeightRestriction {max-height:400px; overflow:auto; overflow-x:hidden;} .tableHeightRestrictionLarge {max-height:800px; overflow:auto; overflow-x:hidden;} .justBold {font-weight:bold;} .dontWrapMe {white-space:nowrap;} /******* General Layout template Style *********/ #mainWrap {min-height: 100%;} * html #mainWrap {display:table;height:100%} #mainCentralContent {overflow:auto; padding-bottom: 160px; min-width:970px;} /* must be same height as the footer */ #mainFooter {position: relative; margin-top: -160px; /* negative value of footer height */ height: 160px; clear:both; background-image:url(images/footer-back.gif); background-repeat:repeat-x; min-width:970px;} /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ } #mainFooterLogo {width:115px; height:100%; background-image:none; background-repeat:no-repeat; margin-left:auto; margin-right:auto;} #mainTopbanner {background-image:url(images/topbanner-back.jpg); background-repeat:repeat-x; height:55px; width:100%;} #mainTopBannerContent {width:970px; margin-left:auto; margin-right:auto; height:100%;} #mainBatchSenderTitle {background-image:url(images/batch-sender-title.jpg); width:159px; height:100%; float:left;} #mainTopLogo {background-image:none; width:201px; height:100%; float:right; display:none;} #mainTopbanner a, a:link, a:visited, a:hover, a:hover:visited {text-decoration:none;} #mainVeryTopNav {float:right; display:inline; height:31px; vertical-align:top;} .topNavBTNSupport {background-image:url(images/topbtn-support.gif); background-position:top left; height:31px; width:122px; display:inline-block;} .topNavBTNSupport:hover {background-position:0px 31px;} .topNavBTNConfig {background-image:url(images/topbtn-config.gif); background-position:top left; height:31px; width:121px; display:inline-block;} .topNavBTNConfig:hover {background-position:0px 31px;} .topNavBTNLogOut {background-image:url(images/topbtn-logout.gif); background-position:top left; height:31px; width:122px; display:inline-block;} .topNavBTNLogOut:hover {background-position:0px 31px;} .selectedTopNav {background-position:0px 31px;} /**** MAIN NAV ****/ #mainNavContainer {background-image:url(images/navigation-back.gif); background-repeat:repeat-x; height:41px; width:100%; min-width:970px;} #mainNavInnerButtonContainer {width:970px; margin-left:auto; margin-right:auto; text-align:left;} #mainPageTitleContainer {background-image:url(images/page-title-user-back.gif); background-repeat:repeat-x; height:62px; width:100%; min-width:970px;} .mainNavHome {background-image:url(images/nav-home.gif); background-position:top left; height:41px; width:144px; display:inline-block; float:left;} .mainNavHome:hover {background-position:0px 41px;} .mainNavNewBatch {background-image:url(images/nav-newbatch.gif); background-position:top left; height:41px; width:144px; display:inline-block; float:left;} .mainNavNewBatch:hover {background-position:0px 41px;} .mainNavPending {background-image:url(images/nav-pending.gif); background-position:top left; height:41px; width:144px; display:inline-block; float:left;} .mainNavPending:hover {background-position:0px 41px;} .mainNavCompleted {background-image:url(images/nav-completed.gif); background-position:top left; height:41px; width:144px; display:inline-block; float:left;} .mainNavCompleted:hover {background-position:0px 41px;} .mainNavTestRoutes {background-image:url(images/nav-testroutes.gif); background-position:top left; height:41px; width:144px; display:inline-block; float:left;} .mainNavTestRoutes:hover {background-position:0px 41px;} .mainNavListEditor {background-image:url(images/nav-listeditor.gif); background-position:top left; height:41px; width:146px; display:inline-block; float:left;} .mainNavListEditor:hover {background-position:0px 41px;} .selected {background-position:0px 41px;} #mainPageTitleContainerInner {width:970px; margin-left:auto; margin-right:auto; height:100%} #mainPageTitle {background-image:url(images/pagetitle-arrow.gif); background-repeat:no-repeat; background-position:left center; height:100%; margin-left:10px; font-size:18px; font-family:Century_Gothic_Bold, Helvetica, Arial, sans-serif; font-weight:normal; padding-left:40px; float:left; line-height: 27px;} #mainPageTitle span {position:relative; top:18px;} #mainUserTitle {height:100%; padding-right:25px; font-size:18px; float:right; background-image:url(images/usertitle-man.gif); background-repeat:no-repeat; background-position:right center; font-family:Century_Gothic_Bold, Helvetica, Arial, sans-serif; font-weight:normal;} #mainUserTitle span {position:relative; top:18px;} .mainContainerBox {width:auto; border:1px #b6b6b6 solid; background-color:#FFF; margin-left:auto; margin-right:auto; -moz-box-shadow: 0px 0px 2px #a29f9f; -webkit-box-shadow: 0px 0px 2px #a29f9f; box-shadow: 0px 0px 2px #a29f9f; padding-top:11px; padding-bottom:4px;} .mainContainerBoxInner {min-height:31px; display:block; width:940px; border:#e3e3e3 solid 1px; background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(243,243,243)), color-stop(0.5, rgb(250,250,250)), color-stop(1, rgb(251,251,251))); background:-moz-linear-gradient(center bottom, rgb(243,243,243) 0%, rgb(250,250,250) 50%, rgb(251,251,251) 100%); background-color:#fbfbfb; margin-left:auto; margin-right:auto; margin-bottom:8px; font-size:14px; font-weight:normal;} * html .mainContainerBoxInner {height:31px; vertical-align:middle;} .mainContainerBoxInnerContent {padding-bottom:4px; padding-left:10px; padding-top:6px; padding-right:10px;} .mainContainerBoxInnerContent input {font-size:12px;} .mainContainerBoxInnerContent select {font-size:11px; vertical-align:top;} .BoxInnerLeft {width:302px; float:left; margin-right:3px; margin-left: 10px; height: 35px; display:inline;} .BoxInnerRight {width: 634px; float:left; height: 35px; display:inline;} .BoxInnerRight .tooltipHelp { vertical-align:middle !important;} .BoxInnerRight span {margin-left:15px;} .BoxInnerLeft .mainContainerBoxInnerContent select {width:200px; vertical-align:middle;} .mainContainerBoxBtnHolder {width:180px; text-align:center; border:1px #b6b6b6 solid; background-color:#FFF; margin-left:auto; margin-right:auto; -moz-box-shadow: 0px 2px 2px #bcbbbb; -webkit-box-shadow: 0px 2px 2px #bcbbbb; box-shadow: 0px 2px 2px #bcbbbb; padding-top:5px; padding-bottom:8px; margin-top: -1px; border-top:0px solid #FFF;} * html .BoxInnerLeft {height:39px; margin-bottom:0px;} * html .BoxInnerRight {margin-bottom:0px;} *:first-child+html .BoxInnerLeft {height:35px; margin-bottom:-3px;} *:first-child+html .BoxInnerRight {margin-bottom:-3px; vertical-align:top;} #mainSubmitButtonnInnerContainer {width:970px; margin-left:auto; margin-right:auto; text-align:center; padding-top:16px;} .mainPostButtonNBline {width:970px; margin-left:auto; margin-right:auto; text-align:center; font-size:12px; padding-top:10px;} .mainContentBoxHeaderContainer {margin-left:auto; margin-right:auto; width:965px; text-align:left; margin-top: 18px;} .mainContentBoxHeader {border:2px #ffffff solid ; white-space:nowrap; border-bottom:0px #ffffff solid; -moz-box-shadow: 0 0 4px 0 #A29F9F; -webkit-box-shadow: 0 0 4px 0 #A29F9F; box-shadow: 0 0 4px 0 #A29F9F; padding: 8px 18px 5px 18px; font-size:15px; font-weight:bold; display: inline-block; letter-spacing: 0.5px; margin-left:17px; width:auto;} .mainContentBoxHeader.pinkBack {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(253,240,239)), color-stop(1, rgb(254,249,248))); background-image: -moz-linear-gradient(center bottom, rgb(253,240,239) 0%, rgb(254,249,248) 100%); background-color:#fef6f5;} .mainContentBoxHeader.blueBack {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(237,246,254)), color-stop(1, rgb(237,246,254))); background-image: -moz-linear-gradient(center bottom, rgb(237,246,254) 0%, rgb(237,246,254) 100%); background-color:#f1f8ff;} .mainContentBoxHeader.greyBack {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(244,244,244)), color-stop(1, rgb(248,248,248))); background-image: -moz-linear-gradient(center bottom, rgb(244,244,244) 0%, rgb(248,248,248) 100%); background-color:#f6f6f6;} *:first-child+html .mainContentBoxHeader {max-width:240px; text-align:center; display:table; overflow:auto;} * html .mainContentBoxHeader {_width: 0px;} .mainContentBoxHeader h2 { vertical-align:text-top;} .mainContainerTableBox {width:960px; border:1px #b6b6b6 solid; background-color:#FFF; margin-left:auto; margin-right:auto; -moz-box-shadow: 0px 0px 2px #a29f9f; -webkit-box-shadow: 0px 0px 2px #a29f9f; box-shadow: 0px 0px 2px #a29f9f; padding:1px;} .mainContainerTableBoxInner {background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(251,251,251)), color-stop(0.5, rgb(255,255,255)), color-stop(1, rgb(255,255,255))); background:-moz-linear-gradient(center bottom, rgb(251,251,251) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%); background-color:#fbfbfb; border: 1px solid #E3E3E3; font-size: 14px;font-weight: normal; margin: 1px; padding: 5px; width: 946px;} .mainContainerTableBoxInner table {border: 0 none; margin: 0; padding: 0; width: 100%;} .mainContainerTableBoxInner table th {text-align:center; font-family: Century_Gothic_Bold,Helvetica,Arial,sans-serif; background-image:url(images/blackdot.gif); background-repeat:repeat-y; background-position:right; font-size:14px; color:#FFF; height:36px; border-left:1px solid #3a3a3a; background-color:#252625; min-width: 90px;} .mainContainerTableBoxInner table th:first-child {border-left:0px solid #3a3a3a;} .mainContainerTableBoxInner table th:last-child {background-image:none;} .mainContainerTableBoxInner table tr:first-child {border-bottom:2px solid #c0dcf3;} .mainContainerTableBoxInner table td {text-align:center; color:#4e5d6b; font-size:14px; border-left:1px solid #d3e1ef; background-color:#fbfcfc; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(245,247,248)), color-stop(1, rgb(255,255,255))); background: -moz-linear-gradient(center bottom, rgb(245,247,248) 0%, rgb(255,255,255) 100%); max-width: 300px; padding: 10px 8px 10px 8px; } .mainContainerTableBoxInner table td.blue {background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(234,245,254)), color-stop(1, rgb(241,248,255))); background: -moz-linear-gradient(center bottom, rgb(234,245,254) 0%, rgb(241,248,255) 100%); background-color:#eef7ff; -moz-box-shadow: 1px 0px 0 #ffffff; -webkit-box-shadow: 1px 0 0 #ffffff; box-shadow: 1px 0 0 #ffffff;} .mainContainerTableBoxInner table td:first-child {border-left:0px solid #3a3a3a;} .mainContainerTableBoxInner table td:last-child {} .mainContainerTableBoxInner table tr {border-bottom:1px solid #e0ebf4;} * html .mainContainerTableBoxInner table td {border-bottom:1px solid #e0ebf4; border-right:1px solid #e0ebf4; width:250px;} *:first-child+html .mainContainerTableBoxInner table td {border-bottom:1px solid #e0ebf4; border-right:1px solid #e0ebf4; border-left:1px solid #e0ebf4; width:250px;} .mainContainerTableBoxInner table a, .mainContainerTableBoxInner table a:link, .mainContainerTableBoxInner table a:visited, .mainContainerTableBoxInner table a:hover, .mainContainerTableBoxInner table a:hover:visited {text-decoration:underline; color:#4e5d6b;} .mainContainerTableBoxInner table a:hover, .mainContainerTableBoxInner table a:hover:visited {color:#252a2e;} .mainContainerTableBoxInner table.routeInformationTable { border:1px solid #e3e3e3;} .mainContainerTableBoxInner table.routeInformationTable td {width:50%; padding:0px; background-image:url(images/greydot.gif); background-repeat:repeat-y; background-position:right; line-height: 29px; font-size:16px; height:29px;} .mainContainerTableBoxInner table.routeInformationTable td span {font-size:18px; font-weight:bold;} .mainContainerTableBoxInner table.routeInformationTable td:first-child {border-right:1px solid #ffffff;} .mainContainerTableBoxInner table.routeInformationTable td:last-child {background-image:none;} .mainContainerTableBoxInner table.routeInformationTable tr {border-bottom:0px solid #e0ebf4; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(243,243,243)), color-stop(0.5, rgb(250,250,250)), color-stop(1, rgb(251,251,251))); background-image: -moz-linear-gradient(center bottom, rgb(243,243,243) 0%, rgb(250,250,250) 50%, rgb(251,251,251) 100%);} .smallerFont table td {font-size:12px !important;} /********* TOOL TIP STYLING *********/ .tooltipHelp {background-image:url(images/help-pop.gif); background-position:top left; height:20px; width:18px; margin-left:2px; vertical-align:middle; cursor:pointer; display:inline-block;} #dhtmltooltip{ position: absolute; width: 420px; border: 1px solid #7d7d7d; padding: 2px; background-color: lightyellow; visibility: hidden; -moz-box-shadow: 0px 0px 2px #a29f9f; -webkit-box-shadow: 0px 0px 2px #a29f9f; box-shadow: 0px 0px 2px #a29f9f; z-index: 100; background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(243,243,243)), color-stop(0.5, rgb(250,250,250)), color-stop(1, rgb(251,251,251))); background:-moz-linear-gradient(center bottom, rgb(243,243,243) 0%, rgb(250,250,250) 50%, rgb(251,251,251) 100%); background-color:#fbfbfb; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); padding: 8px 11px 8px 8px; } #dhtmltooltip span {font-size:14px; color:#505050; display:block; font-family:Century_Gothic_Bold, Helvetica, Arial, sans-serif; font-weight:bold;} .toolTipInnerContainer { height:100%; width:401px; background-color:#FFF; border:1px solid #d5d5d5; padding:7px 10px 10px;} /***** PAGE SPECIFIC STYLING *****/ /******* HOME ********/ .welcomeNewBatchPrompt {text-align:center; width:auto; display:block; line-height:22px;} .welcomeNewBatchPrompt a, .welcomeNewBatchPrompt a:link, .welcomeNewBatchPrompt a:visited, .welcomeNewBatchPrompt a:hover, .welcomeNewBatchPrompt a:hover:visited {font-weight:bold; color:#598312; background-image:url(images/welcome_new_batch.gif); background-position:center right; background-repeat:no-repeat; padding-right:24px; display: inline-block; height:20px;} .welcomeNewBatchPrompt a:hover, .welcomeNewBatchPrompt a:hover:visited {text-decoration:underline;} .welcomeBalanceLeft {font-size:18px; font-weight:bold; width:50%; height:34px; text-align:right; display:inline-block; padding-top: 13px;} .welcomeBalanceLeft .balanceTitle {margin-right:10px;} .welcomeBalanceRight {height:38px; font-size:18px; font-weight:bold; float:right; width:49%; display:inline-block; background-image:url(images/balanceright.png); text-align:left; padding-top:9px;} .welcomeBalanceRight .price {margin-left:10px;} .welcomeBalanceRight .price span {font-size:24px} .welcomeBalanceRight .price span span {font-size:18px} *:first-child+html .welcomeBalanceRight { margin-top:-47px;} * html .welcomeBalanceRight { margin-top:-47px;} /****** Login Screen ******/ .loginInputFields { margin-left:20px;} .loginInputFields input {width:220px; font-size:15px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:24px; padding:2px 5px 2px 5px; margin-bottom:2px;} .loggedOutPrompt {text-align:center; width:auto; display:block; line-height:22px;} .loggedOutPrompt a, .loggedOutPrompt a:link, .loggedOutPrompt a:visited, .loggedOutPrompt a:hover, .loggedOutPrompt a:hover:visited {font-weight:bold; color:#598312; background-image:url(images/login_again.gif); background-position:center right; background-repeat:no-repeat; padding-right:24px; display: inline-block; height:20px;} .loggedOutPrompt a:hover, .loggedOutPrompt a:hover:visited {text-decoration:underline;} /***** NEW BATCH PAGE *****/ .newBatchSMSMessageLeft {float:left; width:130px;} .encodingSelectAlign { margin-left:15px;} .newBatchSMSMessageLeft .newBatchCharCount {display:block; font-size:12px; height:90px; padding-top:66px; text-align:right;} .newBatchSMSMessageLeft span {display:inline-block; margin-top:4px; margin-right:3px} .newBatchSMSMessageLeft .newBatchCharCount input { margin-right:4px; font-size:12px;} .newBatchSMSMessageLeft .newBatchMsgCount {display:block; font-size:12px; height:25px; text-align:right;} .newBatchSMSMessageLeft .newBatchMsgCount input {margin-right:4px; font-size:12px;} .newBatchSMSMessageLeft input {width:32px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:15px; text-align:center; padding:3px} .newBatchSMSMessageCentre {float:left; padding-left:8px; width:290px;} .newBatchSMSMessageCentre textarea {width:269px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:118px; padding:8px} .newBatchSMSMessageRight {float:left; padding-left:8px; width:450px; font-size:12px; padding-top:2px;} .newBatchSMSMessageRight span { padding-top:5px; padding-bottom:8px; display:block;} .newBatchGreekButtonHolder {display:block;} .newBatchGreekButtonHolder img {display:inline-block;} .newBatchGreekButtonHolder a { padding-left:5px; padding-bottom:5px;} .newBatchGreekButtonHolder a:first-child { padding-left:0px; padding-bottom:5px;} .newBatchGreekGamma {background-image:url(images/greek-gamma.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekGamma:hover {background-position:0px 34px;} .newBatchGreekDelta {background-image:url(images/greek-delta.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekDelta:hover {background-position:0px 34px;} .newBatchGreekTheta {background-image:url(images/greek-theta.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekTheta:hover {background-position:0px 34px;} .newBatchGreekLambda {background-image:url(images/greek-lambda.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekLambda:hover {background-position:0px 34px;} .newBatchGreekXi {background-image:url(images/greek-xi.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekXi:hover {background-position:0px 34px;} .newBatchGreekPi {background-image:url(images/greek-pi.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekPi:hover {background-position:0px 34px;} .newBatchGreekSigma {background-image:url(images/greek-sigma.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekSigma:hover {background-position:0px 34px;} .newBatchGreekPhi {background-image:url(images/greek-phi.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekPhi:hover {background-position:0px 34px;} .newBatchGreekPsi {background-image:url(images/greek-psi.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekPsi:hover {background-position:0px 34px;} .newBatchGreekOmega {background-image:url(images/greek-omega.gif); background-position:top left; height:34px; width:35px;} .newBatchGreekOmega:hover {background-position:0px 34px;} .newBatchMessageFormat { font-size:12px;} .newBatchMessageFormat span { font-size:14px;} .newBatchMessageFormat input {margin-left:14px; margin-right:7px;} .mainMergeFieldSetupRow {border-top: 1px dotted #CCCCCC; font-size: 12px; height: 20px; line-height: 20px; margin-top: 2px; background-image:url(/images/mergeinfo-arrow.gif); background-position:9px center; background-repeat:no-repeat; padding-left:36px} .mergeInfoArrow { margin-right:4px;} .listEditorNumberList span {float:left; margin-right: 13px;} .listEditorNumberList textarea {width:269px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:118px; padding:8px; margin-bottom: 2px;} .editing textarea {height:318px !important} .newBatchOriginator input[type="text"] {width:180px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:19px; padding:2px 5px 2px 5px; margin-bottom:2px;} .newBatchOriginator input[type="checkbox"] {width:20px;} /**** VERIFY NEW BATCH ****/ .verifyNewBatchMessageFormat { text-align:left;} .verifyNewBatchMessageFormat span { font-weight:bold; line-height: 25px; margin-left: 5px; margin-right: 35px; word-wrap: break-word;} .verifyNewBatchMessageText {line-height:1.4;} .seedBatch span { margin-left:10px;} .verifyNewBatchMessageFormat a, .verifyNewBatchMessageFormat a:link, .verifyNewBatchMessageFormat a:visited, .verifyNewBatchMessageFormat a:hover, .verifyNewBatchMessageFormat a:hover:visited { text-decoration:underline; color:#ee2d48;} /**** GENREAL BUTTON SYTLING ****/ .resetBTN {width:163px; height:34px; vertical-align:middle; border:medium none; background-position:top left; cursor:pointer; margin-right:5px} .previewBTN {background:transparent url(images/btn_previewmsg.gif) no-repeat scroll 0%; vertical-align:middle; border:medium none; width:163px; height:34px; background-position:top left; cursor:pointer; margin-left:5px} .sendBTN {background:transparent url(images/btn_sendmsg.gif) no-repeat scroll 0%; vertical-align:middle; border:medium none; width:163px; height:34px; background-position:top left; cursor:pointer; margin-left:5px} .sendBTN:hover {background-position:0px -36px;} .resetBTN:hover {background-position:0px -36px;} .previewBTN:hover {background-position:0px -36px;} .newBatchOriginator .tooltipHelp {vertical-align:middle;} *:first-child+html .newBatchOriginator .tooltipHelp {vertical-align:top;} * html .newBatchOriginator .tooltipHelp {vertical-align:top;} .uploadNewListBTN {background:transparent url(images/btn_uploadlist.gif) no-repeat scroll 0%; vertical-align:middle; border:medium none; width:163px; height:34px; background-position:top left; cursor:pointer; margin-left:0px} .uploadNewListBTN:hover {background-position:0px -36px;} .createNewListBTN {background:transparent url(images/btn_createlist.gif) no-repeat scroll 0%; vertical-align:middle; border:medium none; width:163px; height:34px; background-position:top left; cursor:pointer; margin-left:0px} .createNewListBTN:hover {background-position:0px -36px;} .pauseBTN {background:transparent url(images/btn_pause.gif) no-repeat scroll 0%; width:163px; height:34px; vertical-align:middle; border:medium none; background-position:top left; cursor:pointer; margin-right:5px;} .pauseBTN:hover {background-position:0px -36px;} .resumeBTN {background:transparent url(images/btn_resume.gif) no-repeat scroll 0%; width:163px; height:34px; vertical-align:middle; border:medium none; background-position:top left; cursor:pointer; margin-right:5px;} .resumeBTN:hover {background-position:0px -36px;} .editBTN {background:transparent url(images/btn_edit.gif) no-repeat scroll 0%; width:163px; height:34px; vertical-align:middle; border:medium none; background-position:top left; cursor:pointer; margin-right:5px;} .editBTN:hover {background-position:0px -36px;} .deleteListBTN {background:transparent url(images/btn_delete.gif) no-repeat scroll 0%; width:163px; height:34px; vertical-align:middle; border:medium none; background-position:top left; cursor:pointer; margin-left:10px; text-indent: 164px; margin-right:5px} .deleteListBTN:hover {background-position:0px -36px;} .configChangeAccBTN {background:transparent url(images/btn_changetype.gif) no-repeat scroll 0%; vertical-align:middle; border:medium none; width:163px; height:34px; background-position:top left; cursor:pointer; margin-left:0px} .configChangeAccBTN:hover {background-position:0px -36px;} .loginBTN {background:transparent url(images/btn_login.gif) no-repeat scroll 0%; vertical-align:middle; border:medium none; width:163px; height:34px; background-position:top left; cursor:pointer; margin-left:0px} .loginBTN:hover {background-position:0px -36px;} .saveBTN {background:transparent url(images/btn_save.gif) no-repeat scroll 0%; width:163px; height:34px; vertical-align:middle; border:medium none; background-position:top left; cursor:pointer; margin-right:5px; text-indent: 164px; font-size:0px !important; line-height:0} .saveBTN:hover {background-position:0px -36px;} .deleteBTN {background:transparent url(images/btn_delete.gif) no-repeat scroll 0%; width:163px; height:34px; vertical-align:middle; border:medium none; background-position:top left; cursor:pointer; margin-left:5px; text-indent: 164px;} .deleteBTN:hover {background-position:0px -36px;} .cancelBTN {background:transparent url(images/btn_cancel.gif) no-repeat scroll 0%; width:163px; height:34px; vertical-align:middle; border:medium none; background-position:top left; cursor:pointer; margin-right:5px} .cancelBTN:hover {background-position:0px -36px;} .duplicatesBTN {background:transparent url(images/btn_duplicates.gif) no-repeat scroll 0%; width:163px; height:34px; vertical-align:middle; border:medium none; background-position:top left; cursor:pointer; margin-right:5px; float:right; margin-top: 10px; text-indent: 164px; font-size:0px !important; line-height:0} .duplicatesBTN:hover {background-position:0px -36px;} .goBackBTN {background:transparent url(images/btn_goback.gif) no-repeat scroll 0%; vertical-align:middle; border:medium none; width:163px; height:34px; background-position:top left; cursor:pointer; margin-left:0px;} .goBackBTN:hover {background-position:0px -36px; -webkit-animation-name: buttonMove; -webkit-animation-duration: .2s; -webkit-animation-timing-function: ease-in-out;} @-webkit-keyframes buttonMove {0% {-webkit-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1);} 50% {-webkit-transform:scaleX(1.05); -moz-transform:scaleX(1.05); -o-transform:scaleX(1.05);} 100% {-webkit-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1);}} /****** Test routes Page ********/ .testRouteORMobileNumber input[type="text"] {width:158px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:19px; padding:2px 5px 2px 5px; margin-bottom:2px;} * html .testRouteORMobileNumber input {border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:19px; padding:2px 5px 2px 5px; margin-bottom:2px;} .testRouteORMobileNumber input[type="checkbox"] { margin: 0px 3px 0px 3px;} .testRouteDropDown select {min-width:250px; vertical-align: middle;} .testRouteSender input {width:280px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:19px; padding:2px 5px 2px 5px; margin-bottom:2px;} /****** List Editor Page ********/ .listEditorCountryPrefix input {width:80px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:19px; padding:2px 5px 2px 5px; margin-bottom:2px; vertical-align: middle;} .listEditorMessageFormat { font-size:12px; padding-top:9px;} .listEditorMessageFormat span { font-size:14px;} .listEditorMessageFormat input {margin-left:14px; margin-right:7px;} /******** Support Contact *******/ .supportContactRowtitle span {float:left; width:130px; margin-top:4px;} .supportContactRowtitle textarea {width:269px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:118px; padding:8px; margin-bottom: 2px;} .supportContactRowtitle input {width:158px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:19px; padding:2px 5px 2px 5px; margin-bottom:2px;} /******* Contact Support Page ********/ .contactSupportGeneral span {width: 120px; display: inline-block; float: left; margin-top: 5px;} .contactSupportGeneral input[type="text"] {width:180px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:19px; padding:2px 5px 2px 5px; margin-bottom:2px;} .contactSupportGeneral input[type="checkbox"] {width:20px;} .contactSupportGeneral textarea {width:269px; border:#d8d7d7 solid 1px; -moz-box-shadow:inset 0px 0px 3px #dddddd; -webkit-box-shadow:inset 0px 0px 3px #dddddd; box-shadow:inset 0px 0px 3px #dddddd; height:118px; padding:8px; margin-bottom: 2px;} /******* Config Page ********/ .configurationPasswordChange { line-height:1.5;} .configurationAccountType select {min-width:175px;} textarea, input[type="text"], input[type="password"] {outline: none; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; color:#575757; font-weight:normal;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus {border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #88ceff; -moz-box-shadow: 0px 0px 5px #75c3ff; box-shadow: 0px 0px 5px #75c3ff;} /***** Ppopup Overide ****/ .mainTopBannerPopupOveride {height:5px !important; background-position:bottom;} .mainNavContainerPopupOveride {height:20px !important; min-width: 600px !important;} .mainPageTitlePopupOveride {width:600px !important;} .mainContainerTableBoxPopupOveride {width:590px !important;} .mainContainerTableBoxInnerPopupOveride {width:576px !important;} .mainPageTitleContainerPopupOveride {min-width:600px !important;} .mainCentralContentPopupOveride {min-width:600px !important; padding-bottom:5px !important;} tr:first-child.ContentPopupRowOveride {border-bottom:1px solid #E0EBF4 !important;}