.edit-mode .component-container {min-height: 20px; min-width: 20px;border: 1px dotted #222;}.ibm1Col {width:100%; margin:0 0 0 0;}.ibm2Col {float:left; width:48.875%;margin:0 .8% 2px 0;}.lotus_rtl .ibm2Col {margin:0 0 2px .8%; float: right;}.ibm2ColLeftMain {float:left; width:73.45%; margin:0 0 5px;}.ibm2ColLeftSide {float:left; width:25.3%; margin:0 0 5px .8%;}.lotus_rtl .ibm2ColLeftMain {float: right;}.lotus_rtl .ibm2ColLeftSide {margin: 0 .8% 5px 0; float: right;}.lotusui_ie .ibm2ColLeftMain{width:73.0%;}.ibm2ColRightSide {float:left; width:25.3%; margin:0 0 5px;}.ibm2ColRightMain {float:left; width:73.45%; margin:0 0 5px .8%;}.lotus_rtl .ibm2ColRightSide {float: right;}.lotus_rtl .ibm2ColRightMain {margin:0 .8% 5px 0; float: right;}.lotusui_ie .ibm2ColRightMain{width:73.0%;}.ibm3ColSide {float:left; width:22%; margin:0 0 5px;}.ibm3ColMain {float:left; width:53.5%; margin:0 .8% 5px;}.lotus_rtl .ibm3ColSide, .lotus_rtl .ibm3ColMain {float: right;}.lotusui_ie .ibm3ColMain {width: 53.0%;}.ibm3Col {float:left; width:32.58%; margin:0 .8% 2px 0; position:relative;}.lotus_rtl .ibm3Col {margin:0 0 5px .8%; float: right;}.ibmClearRow {clear:both;}.ibmInnerCol {float:left; width:47.875%; margin:0 .8% 10px 0; position:relative;}.lotus_rtl .ibmInnerCol{margin:0 0 5px .8%; float: right;}.ibmExpCol1 {float:left; width:34.75%; margin:0 .8% 5px 0; position:relative;}.lotus_rtl .ibmExpCol1 {margin:0 0 5px .8%; float: right;}.ibmExpCol2 {float:left; width:64%; margin:0 .8% 5px 0;}.lotus_rtl .ibmExpCol2{margin:0 0 5px .8%; float: right;}.ibmRow {width:100%; margin-bottom:10px;}.ibmRightCol {margin-right:0px; margin-right:0%;}.lotusui_ie .ibmDndRow .component-control {width:435px;}.ibmDndRow .component-control .ibmWidgetBody, .ibmDndRow .component-control .lotusWidgetBody {height:200px; overflow:auto;}html.lotusui_ie7 {overflow: auto;}.layoutColumn .wpthemeControl{margin: 0 10px 20px;}@media (max-width: 768px) {table.layoutRow > tbody > tr > td {display: block; width: 100%;} table.layoutRow, table.layoutColumn {table-layout: fixed;}}.wpthemeMenuAnchor {display:inline-table !important;}.wpthemeMenuBorder {top: -9999px; border:3px solid #454545; border:3px solid rgba(23, 23, 23, 0.8); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0; z-index: 5; position: absolute; padding:0; background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/images/blank.gif);}.wpthemeMenuBorder .wpthemeMenuNotchBorder {position:absolute; background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/images/master.png); background-position:20px -111px; padding: 0 20px; width:15px; height:11px; top:-11px;}.wpthemeMenuBorder .wpthemeMenuDropDown {list-style: none outside none; margin: 0; white-space: nowrap; padding: 7px 0; background-color:white; cursor:default;}.wpthemeMenuBorder .wpthemeMenuDropDown li {color:#444; margin: 1px; padding: 2px 18px; font-family: arial; font-size: 1em; text-align: left;}.wpthemeMenuBorder .wpthemeMenuDropDown li:focus{background-color:#e1f4f9;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeMenuitem {cursor:pointer;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader {font-weight:bold; color:#000; font-size: 1.05em;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus {background-color: transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus {background-color: transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuDisabled {color: #CCCCCC;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator {border-top: thin solid #e0e0e0; background-color: transparent; padding: 0px 10px; font-size:0px; line-height:0;}.wpthemeMenuBorder .wpthemeMenuDropDown .wpthemeMenuText {display:block; width:100%;}.wpthemeMenuLoading {top: -9999px; white-space: nowrap; margin: 1px; padding: 5px 10px 5px 25px; position: absolute; color:#444; font-family: arial; font-size: 1em; background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/images/loading.gif); background-repeat:no-repeat; background-position:5px center;}.wpthemeMenuNotchBorder {visibility:hidden;}.wpthemeMenuShow .wpthemeMenuNotchBorder {visibility: visible;}.wpthemeMenuShow .wpthemeAnchorSubmenu.wpthemeTemplateSubmenu .wpthemeMenuBorder.wpthemeMenuSubmenu {top: -9999px;}.wpthemeMenuDropDown li.typeSubmenu {}.wpthemeMenuDropDown .wpthemeAnchorSubmenu {position: relative;}.wpthemeMenuShow .wpthemeMenuDropDown .typeSubmenu.wpthemeMenuShow .wpthemeAnchorSubmenu.wpthemeTemplateSubmenu .wpthemeMenuSubmenu {top: -2em;}.wpthemeMenuSubmenu .wpthemeMenuDropDown li {font-size: 1em;}.wpthemeMenuSubmenu .wpthemeMenuDropDown .wpthemeMenuLoading {font-size: 1em;}.lotusui_ie7 .wpthemeControlBody .lotusSection,.lotusui_ie7 .wpthemeControlBody .lotusWelcomeBox {position: static;}.wpthemeMenuLeft {color: #000; float:left; position: relative;}.wpthemeMenuRight {color: #000; float:right; position: relative;}.lotusui_ie7 .wpthemeMenuRight {float: none;}.wpthemeMenuLeft .wpthemeMenuBorder .wpthemeMenuNotchBorder {left: 0px;}.wpthemeIcon .wpthemeMenuLeft .wpthemeMenuBorder .wpthemeMenuNotchBorder {left: -15px;}.wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder {right: 0px;}.wpthemeIcon .wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder {right: -15px;}.wpthemeMenuBorder .wpthemeMenuDropDown li.rtl {text-align: right;}.wpthemeMenuShow .wpthemeMenuLeft .wpthemeMenuBorder {left: -10px; top: 20px;}.wpthemeIcon.wpthemeMenuShow .wpthemeMenuLeft .wpthemeMenuBorder {top: 2px;}.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder {right: -10px; top: 20px;}.wpthemeIcon.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder {right: 0px; top: 2px;}.wptheme_ie7 .wpthemeIcon.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder {right: -22px;}.wpthemeMenuShow .wpthemeMenuLeft .wpthemeMenuLoading {position: static;}.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuLoading {position: static;}.wpthemeMenuLeft .typeSubmenu.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {left: 104%;}.wpthemeMenuLeft .typeSubmenu.rtl.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {left: auto; right: 102%;}.wpthemeMenuRight .typeSubmenu.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {right: 102%;}.wpthemeMenuRight .typeSubmenu.rtl.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {left: 104%; right: auto;}body {background-color: #ededed; color: #222;font: 75%/1.5em Arial,Helvetica,sans-serif; margin: 0; padding: 0;} .wptheme_ie7 body {position: relative;}body.locale_ja, .locale_ja * {font-family: "MS UI Gothic","MS PGothic","Apple Gothic",Arial,Helvetica,sans-serif;}a, a:active {color: #10498F; text-decoration: none;}a:hover, a:focus {color: #05386b; text-decoration: underline;}img {border: 0 none; vertical-align: middle;}article, aside, footer, header, hgroup, nav, section {display:block} .wpthemeInner {}.wpthemeLeft {float: left;}.wpthemeRight {float: right;}.wpthemeClear {clear: both;}.wpthemeDisplayNone {display: none;}.wpthemeOverflowAuto {overflow: auto;}.wpthemeUnderlineText:hover, .wpthemeUnderlineText:focus {text-decoration:underline; cursor:pointer;}.wpthemeAccess {position: absolute; top: -9000px;}.wpthemeAltText {display: none;}.wpthemeHeader {background-color: #222; padding: 5px 0; overflow: hidden; text-align: left;}.wpthemeLogo {display: none; background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/images/master.png); width:95px; height:18px; background-position:0 -526px;}.wpthemeHeaderNav ul {padding: 0 0 0 5px; margin: 0;}.wpthemeHeaderNav ul li {display: block; margin: 0; font-size: 0.9em; color: #fff; padding: 0px 2px;}.wpthemeHeaderNav ul li a, .wpthemeHeaderNav ul li a:active {color: #fff; font-weight: normal; padding: 3px 13px;}.wpthemeHeaderNav ul li a:focus, .wpthemeHeaderNav ul li a:hover,.wpthemeHeaderNav ul li.wpthemeSelected a{text-decoration: none; background-color: #595959; background-color: rgba(255, 255, 255, 0.25);}.wpthemeEditControl{margin-right: 20px; vertical-align: middle; border: 1px solid #000; border-radius: 2px; cursor: pointer; background: #3c3a3c; background: -moz-linear-gradient(top, #4f4c4a 0%, #3c3a3c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4c4a), color-stop(100%,#3c3a3c)); background: -webkit-linear-gradient(top, #4f4c4a 0%,#3c3a3c 100%); background: -o-linear-gradient(top, #4f4c4a 0%,#3c3a3c 100%); background: -ms-linear-gradient(top, #4f4c4a 0%,#3c3a3c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4c4a', endColorstr='#3c3a3c',GradientType=0 ); background: linear-gradient(top, #4f4c4a 0%,#3c3a3c 100%); box-shadow: 0 1px 0 #3F4040, 0 1px 0 #746f6a inset;}a.wpthemeEditControl:focus {color: white;}.wpthemeEditControl img{background-position: 5px -15px; height: 13px; width: 12px; background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/images/master.png); padding: 2px 4px 5px;}.wptheme_ie7 .wpthemeEditControl img{padding: 2px 5px 5px 4px;}.wpthemeEditControl.wpthemeEditControlLoading img {background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/images/loading.gif) !important; background-position: 2px 2px !important; background-repeat: no-repeat;}.edit-mode .wpthemeEditControl{background: #aaa6a1; background: -moz-linear-gradient(top, #cecac5 0%, #aaa6a1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecac5), color-stop(100%,#aaa6a1)); background: -webkit-linear-gradient(top, #cecac5 0%,#aaa6a1 100%); background: -o-linear-gradient(top, #cecac5 0%,#aaa6a1 100%); background: -ms-linear-gradient(top, #cecac5 0%,#aaa6a1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecac5', endColorstr='#aaa6a1',GradientType=0 ); background: linear-gradient(top, #cecac5 0%,#aaa6a1 100%); box-shadow: 0 1px 0 #3F4040, 0 1px 0 #fff inset;}.edit-mode .wpthemeEditControl img{background-position:5px 5px;}.wpthemeBanner {background: none repeat scroll 0 0 #008ABF; border-bottom: 1px solid #0075A3; padding: 0 0 2px;}.wpthemeBannerInner {background: #111111; background: -moz-linear-gradient(top, #474747 0%, #111111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#111111)); background: -webkit-linear-gradient(top, #474747 0%,#111111 100%); background: -o-linear-gradient(top, #474747 0%,#111111 100%); background: -ms-linear-gradient(top, #474747 0%,#111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#111111',GradientType=0 ); background: linear-gradient(top, #474747 0%,#111111 100%); border-bottom: 1px solid #1A96C6; border-top: 1px solid #1A1A1A;}.wpthemeBanner ul {margin: 0; padding: 0; overflow: visible; position: relative; list-style-type: none; line-height: 1.67;}.wpthemePrimaryNav li {margin: 0; padding: 0; display: block; margin: 0 1px 0 0;}.wpthemePrimaryNav li a{border-left: 1px solid transparent; border-right: 1px solid transparent; text-shadow: 0 1px 2px #000000; text-decoration: none; font-weight: bold; display: block; padding: 18px 20px; color: #ddd;}.wpthemePrimaryNav li a:focus, .wpthemePrimaryNav li a:hover, .wpthemePrimaryNav li a:active {background: #505050; background: -moz-linear-gradient(#505050, #101010) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#101010)); background: -webkit-linear-gradient(top, #505050 0%,#101010 100%); background: -o-linear-gradient(top, #505050 0%,#101010 100%); background: -ms-linear-gradient(top, #505050 0%,#101010 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#101010',GradientType=0 ); background: linear-gradient(top, #505050 0%,#101010 100%); border-left-color: #585858; border-right-color: #585858; color: #FFFFFF; box-shadow: 1px 0 0 #111, -1px 0 0 #111, 0px 0 0 #111 inset,0px 0 0 #111 inset; font-weight: bold; text-shadow: 0 1px 2px #000; text-decoration: none;}.wpthemePrimaryNav .wpthemeSelected a, .wpthemePrimaryNav .wpthemeSelected a:focus, .wpthemePrimaryNav .wpthemeSelected a:hover,.wpthemePrimaryNav .wpthemeSelected a:active {background: #585858; background: -moz-linear-gradient(#585858, #161616) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(100%,#161616)); background: -webkit-linear-gradient(top, #585858 0%,#161616 100%); background: -o-linear-gradient(top, #585858 0%,#161616 100%); background: -ms-linear-gradient(top, #585858 0%,#161616 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#161616',GradientType=0 ); background: linear-gradient(top, #585858 0%,#161616 100%); border-left-color: #585858; border-right-color: #585858; color: #FFFFFF; box-shadow: 1px 0 0 #111, -1px 0 0 #111, 0px 0 0 #111 inset,0px 0 0 #111 inset; font-weight: bold;}.wpthemeCommonActions > li {display: block; float: left; margin: 0; font-size: 0.9em; color: #fff; padding: 0px 6.5px;}.wpthemeCommonActions > li > span, .wpthemeCommonActions li a, .wpthemeCommonActions li a:active {position: relative; color: #fff; font-weight: normal; display: block; border-right: 1px solid #4b4b4b; border-right: 1px solid rgba(255,255,255,.15); margin: 18px 0; padding: 0 10px 0 0;}.wpthemeCommonActions li a:focus, .wpthemeCommonActions li a:hover {text-decoration: underline; cursor: pointer;}.wpthemeCommonActions .wpthemeBranding {display: block; border: 0; padding-top: 1px;}.wpthemeActionDisabled:hover,.wpthemeActionDisabled:focus {cursor: not-allowed;}.wpthemeActionDisabled .wpthemeUnderlineText:hover,.wpthemeActionDisabled .wpthemeUnderlineText:focus {cursor: not-allowed;}.wpthemeBanner .wpthemeBranding img {background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/images/master.png); background-position:0 -422px; width:36px; height:16px; border: 0 none; line-height: 0; vertical-align: middle; display: block;}.wpthemeSecondaryBanner {background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 92%, #e7e7e7 98%, #d2d2d2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(92%,#f8f8f8), color-stop(98%,#e7e7e7), color-stop(100%,#d2d2d2)); background: -webkit-linear-gradient(top, #f8f8f8 0%,#f8f8f8 92%,#e7e7e7 98%,#d2d2d2 100%); background: -o-linear-gradient(top, #f8f8f8 0%,#f8f8f8 92%,#e7e7e7 98%,#d2d2d2 100%); background: -ms-linear-gradient(top, #f8f8f8 0%,#f8f8f8 92%,#e7e7e7 98%,#d2d2d2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d2d2d2',GradientType=0 ); background: linear-gradient(top, #f8f8f8 0%,#f8f8f8 92%,#e7e7e7 98%,#d2d2d2 100%); margin: 0; padding: 0;}.wpthemeSecondaryNav{clear: both;}.wpthemeSecondaryNav ul{list-style: none; padding: 0; margin: 0;}.wpthemeSecondaryNav li{border-color: #D2D2D2; border-width: 0 1px; border-style: solid; margin: 0 -1px 0 0;}.wpthemeSecondaryNav a, .wpthemeSecondaryNav a:active {color: #222; line-height: 2.5; padding: 5px 20px; display: block;}.wpthemeSecondaryNav a:focus, .wpthemeSecondaryNav a:hover{text-decoration: none;}.wpthemeSecondaryNav .wpthemeSelected a, .wpthemeSecondaryNav .wpthemeSelected a:active,.wpthemeSecondaryNav .wpthemeSelected a:focus, .wpthemeSecondaryNav .wpthemeSelected a:hover {background-color: #FFFFFF;}.wpthemeCrumbTrail {margin: 6px 0 0 20px;}.wpthemeCrumbTrail a {color: #222; font-weight: normal;}.wpthemeCrumbTrail a :hover, .wpthemeCrumbTrail a :focus {text-decoration: underline;}.wpthemeCrumbTrailSeparator{padding: 0px 5px;}.wpthemeCrumbTrail .wpthemeSelected{font-weight: bold;}.wpthemeSearch {margin: 7px 20px 8px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 12px; background-color: #f3f3f3; border: 1px solid #ccc; padding: 2px 6px;}.wpthemeSearch form{margin:0;}.wpthemeSearch input.wpthemeSearchText{width: 14em; background: transparent; padding-left: 5px; font-size: 0.9em; color: #999; border: 0;}.wpthemeSearch input.wpthemeSearchButton {background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/images/master.png); background-position:0 -224px; -moz-opacity: .4; opacity: 0.4; filter: alpha(opacity=40); border: 0; width:12px; height:12px; padding: 0 2px 2px 0; vertical-align: middle;}.wpthemeMainContent{background: #fff; min-height: 500px;}.wpthemeLayoutContainers {padding: 10px 0;}.wpthemeFooter {border-top: 1px solid #e6e6e6;}.wpthemeFooter h3 {margin-top: 25px; margin-bottom: 4px; text-shadow: 1px 1px #ccc;}.wpthemeFooterCol {padding: 0 10px; width: 300px;}.wpthemeFooter ul {font-size: 0.9em; list-style: none; margin: 0; padding: 0;}.wpthemeFooter li {margin: 4px 0;}.wpthemeFooter a {color: #222; font-weight: normal;}.wpthemeControl {width: auto; padding: 0; margin: 0 0 20px; background: transparent;}.wpthemeControlHeader {display: table; width: 100%; background-color: transparent; background-image: none; border-bottom: 1px solid #E5E5E5; border-top: 3px solid #000000; margin: 0;}.wptheme_ie7 .wpthemeControlHeader {display: block;}.wpthemeControl .wpthemeControlHeader h2 {margin: 0; font-size: 1em; padding-left: 10px; display: table-cell; font-weight: bold; padding: 5px 5px 5px 0px; vertical-align: middle;}.wptheme_ie7 .wpthemeControl .wpthemeControlHeader h2 {display: block; float: left;}.wpthemeControlHeader .wpthemeInner{display: table-row;}.wptheme_ie7 .wpthemeControlHeader .wpthemeInner{display: block; width: 100%;}.wpthemeControlHeader .wpthemeIcon {position: relative; padding: 8px 1px; display: table-cell; vertical-align: top; width: 20px; outline: medium none; text-decoration: none; font-size: 0.9em;}.wptheme_ie7 .wpthemeControlHeader .wpthemeIcon {display: block; float: right;}.wpthemeControlHeader a.wpthemeIcon img{background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/images/master.png); background-position:0 -268px; -moz-opacity: .5; filter: alpha(opacity=50); opacity: 0.5; width:12px; height:12px; display: block;}.wpthemeControlHeader a.wpthemeIcon:focus {border: 1px dotted black; padding: 7px 0;}.wpthemeControl.wpthemeHidden .wpthemeControlHeader {display: none;}.edit-mode .wpthemeControl.wpthemeHidden .wpthemeControlHeader {display: table;}.wptheme_ie7 .edit-mode .wpthemeControl.wpthemeHidden .wpthemeControlHeader {display: block;}.edit-mode .wpthemeControl.wpthemeHidden {box-shadow: 0 1px 3px #D7D7D7; border: 1px solid #D7D7D7; padding: 10px;}.wpthemeControl.wpthemeStandard {box-shadow: 0 1px 3px #D7D7D7; border: 1px solid #D7D7D7; padding: 10px;}.ibm-minimized .wpthemeControl .wpthemeControlBody {display: none;}.ibm-maximized {margin: 10px 15px; max-width:100%}.wpthemeCol{margin-left: 20px;min-height: 20px;}.edit-mode .wpthemeCol{border: 1px dotted #222;}.wpthemeCol-1{width:940px;}.wpthemeCol-2{width:460px;}.wpthemeCol-2-unequalMain{width:620px;}.wpthemeCol-2-unequal{width:300px;}.wpthemeCol-3{width:300px;}.wpthemeCol-3-centerMain{width:550px;}.wpthemeCol-3-center{width:175px;}.wpthemeRow {overflow:auto; margin: 0 20px 20px; padding-left: 5px;}.edit-mode .wpthemeRow {border: 1px dotted #111; min-height: 260px;}.wpthemeRow .wpthemeControl .wpthemeControlBody{height:200px; overflow:auto;}.wpthemeRow .wpthemeControl ,.hiddenWidgetsDiv .wpthemeControl {float: left; margin-right:7.5px; width:436px;}.wpthemeMainContent .hiddenWidgetsDiv {background-color:#ccc; padding-left: 7.5px;}.wpthemeMainContent .hiddenWidgetsContainer {display:none; min-height:267px !important; border-bottom:1px solid #bbb;margin-bottom: 20px;}.hiddenWidgetsDiv .wpthemeControl {border:1px dashed #777; background-color:#fff;}.hiddenWidgetsDiv .hiddenWidgetMessage {background-color:#bbb; color:#000; border-bottom:1px solid #aaa; margin:0 -7.5px 7.5px; line-height:2.7em; padding:0 10px;}.mumHiddenWidget, .iw-Definition, .iw-ItemSet, .iw-ReceivedEvent{display: none;}.iw-loading{display: none;}.wpthemeControlBody .iw-iWidget, .wpthemeControlBody .iw-Content{height:100%;}.wpthemeLayoutContainers .iw-loading{display:inline;} /***************************************************************************** ***************************************************************************** Overrides of IBM styles from core.css, base.css, etc ***************************************************************************** moving these over from the old "lotus..." class names to the new "wptheme..." class names for instance "lotusui" to "wpthemeFrame" "lotusBanner" to "wpthemeHeader" "lotusTitleBar" to "wpthemeBanner" "ibmRow" to "wpthemeRow" ***************************************************************************** ******************************************************************************/ #wrapper { /**width: 800px; border: 1px solid #333333;**/ padding: 0px 0px 0px 0px; margin: 0 auto; } .edit-mode #wrapper { width: 810px; } .edit-mode .wpthemeControl.wpthemeHidden { padding: 1px; } .wpthemeFrame { color: #222; background-color: #FFF; margin: 0px; font: 11px Arial, Helvetica, sans-serif; font-size: 11px; padding: 0; min-width:950px; overflow: hidden; } .wpthemeInner { /**width: 100**/ width: 950px; margin: 0 auto; } .dijitDialogPaneContent .wpthemeInner { width: 100%; } .wpthemeRow { width: 100%; margin-bottom: 0;} .wpthemeCol { margin: 0; } .wpthemeCol-1 { width: 100%; } .wpthemeCol-2 .wpthemeControlBody img { display: block; margin-left: auto; margin-right: auto; } .wpthemeCol-2 { width: 49%; } .ibmExpCol1 { text-align: center;} .ibmExpCol2 { text-align: center;} .ibmExpCol1Flex { float:left; margin:0 .8% 5px 0; overflow:hidden; position:relative; } .ibmExpCol2Flex { float:left; margin:0 .8% 5px 0; overflow:hidden; } /*.ibmExpCol1MyAccountSummary{ float:left; width: 580px; padding: 10px; margin:0 .8% 5px 0; overflow:hidden; position:relative; }*/ .ibm_rtl .ibmExpCol1MyAccountSummary{ margin:0 0 5px .8%; } /*.ibmExpCol2MyAccountSummary{ float:left; padding: 10px; margin:0 .8% 5px 0; overflow:hidden; }*/ .ibm_rtl .ibmExpCol2MyAccountSummary{ margin:0 0 5px .8%; } .shopPhoneIbmExpCol1{text-align: center;float: left;margin: 0 0.8% 5px 0;overflow: hidden;width: 35%;} .shopPhoneIbmExpCol2{text-align: center;float: left; margin: 0 0.8% 5px 0; overflow: hidden;width: 62%;} .edit-mode .ibmExpCol1 { width:45%; } .edit-mode .ibmExpCol2 { width:45%; } .ibmExpCol1b { float:left; width:48.5%; text-align:center; margin:0 .8% 5px 0; overflow:hidden; position:relative; } .ibm_rtl .ibmExpCol1b { margin:0 0 5px .8%; } .ibmExpCol2b { float:right; width:48.5%; text-align:center; margin:0 .8% 5px 0; overflow:hidden; } .ibm_rtl .ibmExpCol2b{ margin:0 0 5px .8%; } /******************************/ /*** B A S E S T Y L E S ****/ /******************************/ /*** R E S E T ***/ /*redefinitions*/ .wpthemeFrame a,.wpthemeFrame a:visited { } .wpthemeFrame a:hover,.wpthemeFrame a:focus,.wpthemeFrame a:active { color: #05386b; } /*** T A B S ***/ /*tabs are used in content area and titlebar. The style adjustments needed for the titlebar are grouped with the titleBar styles*/ .lotusTabs li,.portlet-tab li { margin: 0 2px 0 0; padding: 0; background-color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-color: #ccc; } .lotusTabs li.lotusSelected,.portlet-tab li.lotusSelected { border-color: #aaa #aaa #fff; } /****************************************************************/ /*******************************************/ /*** P A G E L A Y O U T S T Y L E S ***/ /*******************************************/ .wpthemeFrame .lotusContent { margin: 0; padding: 20px 25px 25px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-top-width: 0 !important; } /*** B A N N E R **/ /*this is the very top of the UI, that contains the logo, application links, user name, login/logout*/ .wpthemeHeader { /**height: 86px; background-image: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/header_bg.gif") !important; **/ background: none !important; position: relative; padding: 0px; overflow: visible; } .wpthemeHeader .wpthemeCommonActions { bottom: 5px; position: absolute; right: 2px; } .wpthemeEditControl { margin-right: 0; position: absolute; right: 2px; top: 2px; } .wpthemeCommonActions > li { margin: 0; } .wpthemeCommonActions > li > span, .wpthemeCommonActions li a, .wpthemeCommonActions li a:active { margin: 0; } .wpthemeHeader ul.wpthemeCommonActions { float: right; margin-top: 55px; } .wpthemeHeader ul.wpthemeCommonActions li { border-width: 0 } .wpthemeHeader ul.wpthemeCommonActions a,.wpthemeHeader ul.wpthemeCommonActions a:visited,.wpthemeHeader ul.wpthemeCommonActions a:active,.wpthemeHeader ul.wpthemeCommonActions a:hover { color: #666 } .wpthemeHeader ul.lotusLinks a,.wpthemeHeader ul.lotusLinks a:visited,.wpthemeHeader ul.lotusLinks a:active,.wpthemeHeader ul.lotusLinks a:hover { color: #666 } .wpthemeHeader ul.lotusLinks li.lotusSelected { background-color: transparent; } .wpthemeFrame .lotusLogo,.wpthemeHeader .lotusLogo,.lotusLoginLogo { //height: 86px; //width: 230px; margin: 0px; background-image: none !important; position: relative; top: 27px; float: left; } .wpthemeFrame_ie .wpthemeHeader .lotusLogo { //height: 86px; //width: 230px; margin: 0px; background-image: none !important; } .wpthemeHeader .lotusLogo img { border: none; /*margin-bottom: 10px; margin-left: 14px; margin-top: 3px;*/ vertical-align: middle; } .wpthemeHeader ul.wpthemeCommonActions li a,.wpthemeHeader ul.wpthemeCommonActions li span { border-width: 1px 1px 0 1px; border-style: solid; border-color: transparent; color: #000; font-weight: bold; display: block } .wpthemeFrame_ie6 .wpthemeHeader ul.wpthemeCommonActions li a,.wpthemeFrame_ie6 .wpthemeHeader ul li span.lotusUser { border-color: #000; } .wpthemeHeader ul.wpthemeCommonActions li.lotusHover a { border-color: #000; background-color: #fff; color: #000; text-decoration: none } .wpthemeFrame_ie6 .wpthemeHeader ul.wpthemeCommonActions li.lotusHover a { color: #000 !important; } .wpthemeHeader ul.lotusLinks li.lotusSelected a { text-decoration: none } /*fixes IE6 alignment issues, now that we have arrow icons in some of the items*/ .wpthemeFrame_ie .wpthemeHeader ul.wpthemeCommonActions li a,.wpthemeFrame_ie .wpthemeHeader ul li span.lotusUser { //line-height: 1.25em; } .wpthemeFrame .wpthemeHeader .lotusDropDownSprite { background-position: 0 -656px } .wpthemeFrame .wpthemeHeader .lotusHover .lotusDropDownSprite { background-position: 0 -416px } .lotusImagesOff .wpthemeHeader ul.wpthemeCommonActions li a,.lotusImagesOff .wpthemeHeader ul li span.lotusUser { border-width: 0 } .wpthemeHeader .lotusAltText { display:none; } /***********************************************************/ /*** T I T L E B A R ***/ /*the blue bar under the , that contains tabs and search UI*/ .wpthemeBanner { margin: 0; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; min-height: 2em; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; background-color: transparent; background-image: none; border-bottom: 0px solid #CCCCCC; clear: both; position: relative; top:47px; } .wpthemeBanner .lotusInner,.wpthemeBanner .lotusRightCorner { background-image: none; background-color: transparent; } .wpthemeBanner .lotusRightCorner { border: 0px; } .wpthemeBanner .lotusSearch .lotusText,.wpthemeBanner .lotusSearch .lotusScope,.wpthemeBanner .lotusSearch .lotusBtnImg,.wpthemeBanner .lotusTabs li { border-color: #666666; } .wpthemeBanner .lotusTabs li { border-bottom-color: #666666; background:none !important; padding-right: 0px !important; margin: 0px !important; background-color: none; border-bottom-color: none; border: 0px; } .wpthemeBanner .lotusSearch .lotusScope,.wpthemeBanner .lotusSearch .lotusBtnImg { background-color: #beb26f; color: #000; } .wpthemeFrame_ie6 .wpthemeBanner .lotusSearch .lotusScope,.wpthemeFrame_ie6 .wpthemeBanner .lotusSearch .lotusScope:visited { color: #000; } .wpthemeBanner .lotusTabs li.lotusSelected { border-color: #666666; } .wpthemeBanner .lotusTabs { position: relative; overflow: visible; left: 0px; bottom: 0px; right: 0px; padding: 0px; margin:0px; } .wpthemeFrame_ie6 .lotusTabs { bottom: -1px; } .wpthemeBanner h2 { color: #000; padding-top: 8px; padding-left: 20px; } .wpthemeBanner .lotusTabs li { //margin-right: 3px; padding: 0; } .wpthemeBanner .lotusTabs li a { color: #000 !important; padding-top:2px; } /*.wpthemeBanner .lotusTabs li a:hover,.wpthemeBanner .lotusTabs li a:focus,.wpthemeBanner .lotusTabs li a:active { color: #FFF !important; } .wpthemeBanner .lotusTabs li.lotusSelected a:hover,.wpthemeBanner .lotusTabs li.lotusSelected a:focus,.wpthemeBanner .lotusTabs li.lotusSelected a:active { background-color: #000; color: #FFF !important; } */ .wpthemeBanner .lotusTabs li.lotusSelected a { color: #000; background-color: #CCC; } .wpthemeBanner .lotusSearch { top: .5em; right: 15px; } .wpthemeBanner .lotusSearch .lotusBtnImg { //padding: 3px; background-image: none; } /* temporary fix for search scope dropdown icon */ .wpthemeBanner .lotusSearch .lotusScope { background-position: 100% -1176px; } /*accesibility*/ .lotusImagesOff .wpthemeBanner { border-bottom-width: 0 } .lotusImagesOff .wpthemeBanner .lotusBtnImg .lotusAltText { color: #000; } /***********************************************************/ /*** PageBuilder inline editing tools ***/ /***********************************************************/ #pageToolbarButtons .lotusBtnContainer { padding: 7px; width: 800px; } /***********************************************************/ /*** T I T L E B A R ***/ /***********************************************************/ div.portlet_content { font-size: 12px; } div.portlet_content h2 { color: #000000; font-size: 14px; font-weight: bold; margin-bottom: 10px; } div.portlet_content p { margin-bottom: 10px; } div.portlet_content_block { margin: 0px 10px 20px 0px; padding: 0 0 10px; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; background: #fff; box-shadow:0 2px 5px rgba(0, 0, 0, 0.15); } div.inner_content_block { border:1px solid #EAEAEA; margin:15px; } div.portlet_content_block h2 { color: #fff !important; min-height: 12px; border-bottom: 1px solid #DDDDDD; border-radius: 3px 3px 0 0 !important; #padding: 2px 2px 2px 6px !important; font-size: 14px; padding: 15px 10px; line-height: 1; margin-top: 0px; background: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/header_bg.png) repeat #000; } div.portlet_content_block h2 p {margin: 0px; padding: 0px;} div.portlet_content_block p, div.portlet_content_block ul, div.portlet_content_block ol, div.portlet_content_block dl, div.portlet_content_block button { margin: 10px; } div.portlet_content_block table { margin: 10px; border-collapse: separate; border-spacing: 0; } div.portlet_content_block table th, div.portlet_content_block table td { padding: 4px 5px 0px; } div.portlet_content_block table p { margin: 0; } div.portlet_content_block hr { border: 1px solid #EAEAEA; } div.portlet_content button.disabled { background-color: #CCCCCC; border-color: #888888; color: #888888; } div.portlet_content a, div.portlet_content a:visited { text-decoration: underline; color: #000000; } div.portlet_content a:hover { text-decoration: none; } p.portlet_actions button { margin-left: 4px; white-space: nowrap; } table.form_fields th, table.form_fields td { line-height: 21px !important; } table.form_fields td { padding-left: 10px; padding-top: 4px; text-align: left; } table.form_fields td.label_cell { text-align: right; padding-right: 10px; } table.form_fields td.help_link { text-align: right; vertical-align: middle; } span.help_link { background: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/help_icn.gif) no-repeat scroll left center transparent; color: #526604; cursor: pointer; font-weight: bold; height: 30px; margin-left: 10px; padding: 0 0 4px 22px; text-decoration: underline; } div.error_message { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/error_icon.gif") no-repeat scroll 10px center #FFF9D2; border: 1px solid #FCEA9B; margin-top: 10px; #margin-left: 10px; #margin-right: 10px; padding: 10px 10px 10px 44px; vertical-align: top; } div.error_message p { color: #C30000; font-size: 12px; line-height: 1.5; margin: 0; padding: 0; } input.error_field ,select.error_field{ background-color: #FFF9D2; border: 2px solid #CC0000; color: #CC0000; } .component-control { padding: 0; width: 100%; } table.layoutRow { width: 100%; } #footer li a.first { border-left: none; } /*************************************************/ /******* START - Main Nav Rollover CSS *******/ .main_nav { /*border-top: 1px solid #666666; border-bottom: 1px solid #666666; height: 26px;*/ background : none !important; } .main_nav ul { margin: 0px; } .main_nav ul li { float: left; font-weight: bold; border-right: 1px solid #FFF; } div.main_nav div#navTabs ul.lotusTabs li { border-right: 1px solid #1c1c1c; } div.main_nav div#navTabs ul li a { padding: 15px 14px 6px; display: block; font-size: 1em; /*text-transform: uppercase;*/ color: #FFF !important; font-weight: bold; text-decoration: none; white-space: nowrap; font-size: 1.4em; height:25px; /*background: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/arrow_down.png) no-repeat 3px center;*/ border-right: 1px solid #141413; } .locale_es div.main_nav div#navTabs ul li a { padding: 15px 11px 6px; } div.main_nav div#navTabs ul.lotusTabs li ul li a { background:#000; padding: 10px 7px; height: auto; } div.main_nav div#navTabs ul.lotusTabs li ul li a:hover { color: #8bc53f !important; background: #090909; } * html .main_nav li a { padding: 6px 19px 6px 19px; } div.main_nav> div#navTabs> ul> li:hover > a { color:#8bc53f !important; background: #000; background: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/hover_link.png) repeat-x; text-decoration: none !important; } * html .main_nav li a { *width: 1%; } .main_nav ul li a img { display: none; } .main_nav ul li ul,.main_nav ul li iframe { display: none; position: absolute; z-index: 999; padding: 0; width: 144px; } .main_nav ul li iframe { z-index: 998; border: 0; width: 145px; height: 150px; } .main_nav ul li ul li { float: left; text-align: left; background-color: #FFF; padding-left: 0px; text-indent: 0 !important; } .main_nav ul li ul li a { display: block; font-size: 11px; width: 210px; *width: 214px; padding: 6px 14px; border-right: 0px; text-indent: 0 !important; border-bottom: 1px solid #1C1C1C; font-size: 1.2em !important; border-right: none !important; } .locale_es .main_nav ul li ul li a { width: 290px !important; } .main_nav ul li ul li a:hover { background: #000000; color:#8bc53f !important; } .main_nav ul li:hover ul,.main_nav ul li.sfhover ul,.main_nav ul li:hover iframe,.main_nav ul li.sfhover iframe { display: block; } .main_nav ul li { margin: 0; padding: 0; float: left; font-size: 11px; list-style-type: none; } /******* END - Main Nav Rollover CSS *******/ /***********************************************/ /*****************************************/ /******* START - Secondary Nav *******/ #secondry_nav { display: inline; float: right; background-repeat: no-repeat; /*position:relative; right:0px; */ font-family: sans-serif; margin: 3px 5px 0px 0px; } .wpthemeFrame_ie7 #secondry_nav ul { margin-left: 0px; margin-top: 10px; } .wpthemeFrame_ie7 #topNav { height: 0px; } *html #secondry_nav {top:-2px;} #secondry_nav ul {padding-left: 0px;} #secondry_nav li { float: left; list-style-type: none; margin-left: 0px; font-size: 1em; } #secondry_nav li a{ color: #A7A7A7; text-decoration: none; padding: 7px 10px; } #secondry_nav li:last-child{ border-right: medium none; } #secondry_nav li a:hover, #secondry_nav li a:focus{ color:#8bc53f; } #secondry_nav li a:focus{ outline: thin dotted; } #secondry_nav li.addThis { margin-top:-2px; } #secondry_nav li.myaccounttab a{ background: none repeat scroll 0 0 #8BC53F; border-bottom: 2px solid #000000; color: #FFFFFF; font-weight: bold; height: 20px; text-shadow: 0 1px 0 #2B4707; } #secondry_nav li.myaccounttab a:hover, #secondry_nav li.myaccounttab a:focus{ color:#fff; background: #91c54d; } /******* END - Secondary Nav *******/ /***************************************/ /*****************************************/ /******* START - Footer Styles *******/ footer { padding:20px 0px; background-color: #EDEDED; } #footer { margin: 0 auto; width: 950px; font-size: 1em; line-height: 1.4; font-family: sans-serif; text-align: center; } #footer ul { list-style: none; padding: 0; margin: 0px; } #footer li { display: inline; margin-left: 0px; padding-top: 7px; line-height: 1.5em; padding-top: 7px; } #footer li a { display: inline; padding: 0px 10px; font-size: 0.9em; text-decoration: none; color: #666666; } #footer li a:hover { text-decoration: underline; } #footer p { margin-top: 15px; color: #666666; } #social_media_btn li a { } div.instr_popup div.window { top: 130px; } #social_media_btn { margin-top: 10px; } #social_media_btn ul li a { } .footer_border { } #TF_ST_footer { /*padding: 18px 0 0;*/ } #TF_ST_trademark p { font-size: 1em; } /******* END - Footer Styles *******/ /***************************************/ /*********************************************/ /******* START - Drop Down Menus ********/ #lotusTabs ul li ul { display: none; padding: 0; position: absolute; width: 144px; z-index: 999; } #lotusTabs ul li { float: left; font-size: 11px; margin: 0; padding: 0; } #lotusTabs ul li ul li { background-color: #FFFFFF; float: left; padding-left: 0; text-align: left; text-indent: 0 !important; } #lotusTabs li a { background-color: #CCCCCC; border-right: 1px solid #666666; color: #000000; display: block; font-size: 1em; font-weight: bold; height: 12px; padding: 6px 18px 8px; text-decoration: none; text-transform: uppercase; white-space: nowrap; } #lotusTabs ul li ul li a { border-right: 0 none; border-top: 1px solid #666666; display: block; font-size: 11px; padding: 6px 14px; text-indent: 0 !important; width: 200px; } /******* END - Drop Down Menus ********/ /*******************************************/ /*****************************************/ /******* START - Dialogs *************/ .dijitDialog{ border: 10px solid #000; top: 113px; width:740px; height:390px; overflow:hidden; background-color: #FFF; border-radius: 10px; } .dijitDialogTitleBar {/* top_bar */ background: none repeat-x scroll left top #FFF !important; cursor: move; margin: 0 !important; padding: 0px; height: 38px; } .dijitDialogTitle { display:none; } .dijitDialogCloseIcon { /* close_btn */ background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/cb_close.png") no-repeat scroll right top transparent !important; height: 23px; width: 75px; float:right; cursor: pointer; margin: 3px; } .dijitDialog .closeText { display: none; position: absolute; } .dijitDialogPaneContent { height: 350px !important; overflow-x: hidden; overflow-y: auto; padding: 0 8px; } .dijitContentPane500 { width: 500px; height: 570px; } .dijitContentPane500 .dijitDialogPaneContent { height: 530px !important; } .dijitContentPane500 .dijitDialogPaneContent p { font-size: 11px; } .dijitContentPane500 .dijitDialogPaneContent p u { display: block; } #helpPopup .dijitDialogPaneContent { background-color: #FFFFFF; overflow: auto; height: 330px !important; } .activation_help_dialog { width: 500px; height: 76.5px; } .help_dialog { } .cancel_dialog { font-size: 12px; line-height: 1.5; width: 440px; height: 120px; } div.instr_popup div.cancel_window { left: 30%; } .dijitDialogUnderlayWrapper { background: none repeat scroll 0 0 transparent !important; display: none; left: 0; position: absolute; top: 0; z-index: 998; } .dijitDialogUnderlay { background-color: #000000; opacity: 0.7; } .dijitBackgroundIframe { border: 0 none; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: -1; } /******* END - Dialogs *************/ /*****************************************/ /****************************************************************/ /******* START - OVERRIDES not included in base styles ********/ .lotusTabs .modelHasChildren .modelHasChildrenIcon { display: none !important; } .wpthemeLayoutContainers { padding: 0px; overflow: inherit; } .lotusMain .component-container { margin: 0px; } .wpthemeFrame .lotusActionMenu .dijitMenuItem,.wpthemeFrame .lotusActionMenu { background-color: #CCCCCC; color: #000000; text-transform: uppercase; font-weight: bold; } .lotusActionMenu .dijitMenuItem td { border:0; border-top:1px solid #000 !important; } .wpthemeFrame .dijitMenuItemLabel { padding-left:14px !important; min-width: 200px; width:200px; border-top: 1px solid #000; } .wpthemeFrame .lotusActionMenu .dijitMenuItemHover { background: #000000; color: #FFFFFF !important; text-decoration: underline !important; } .wpthemeFrame .lotusActionMenu .dijitMenuItemHover td { background: #000000; color: #FFFFFF !important; text-decoration: underline !important; } .wpthemeFrame tr.dojoDndItem td { border-top: 1px solid #000000 !important; border-bottom: 0; border-left: 0px !important; width: 0px; padding-top: 7px; } .wpthemeFrame tr.dojoDndItem td.dijitMenuItemLabel { width:200px; } .wpthemeFrame tr.dojoDndItem td.dijitMenuArrowCell { border-right: 0; min-width:0px; } .wpthemeFrame tr.dojoDndItem td.dojoDndHandle { border-left: 0; min-width:0px; } .wpthemeFrame .dijitMenu { border: 0 !important; } .wpthemeFrame .dijitMenuItem td { padding: 0; padding: 5px 0; min-width:200px; } .wpthemeFrame .lotusCommonActionMenu .dijitMenuItem td { padding: 5px 0; min-width:0px; border-top: 0 !important; } .wpthemeFrame table.lotusCommonActionMenu { border: 2px solid #CCCCCC !important } .wpthemeFrame .dijitMenuItem td.dojoDndHandle { border-left: 0; } .wpthemeFrame .dijitMenuItemLabel td { width: 200px !important; padding-left: 0; } .wpthemeFrame .wpthemeCommonActions li { border: 0; padding: 0; margin: 0; } .lotusOverflowAuto { overflow: hidden; } /******* END - OVERRIDES not included in base styles ********/ /****************************************************************/ /****** END - IBM Styles ********/ /**********************************/ header { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/header_bg.png") repeat-x !important; height: 131px; position: relative; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.39); -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.39); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.39); } div.main_nav div#navTabs ul.lotusTabs li a :hover, div.main_nav div#navTabs ul.lotusTabs li a :focus{ color:#8bc53f; text-decoration: none; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } #btmbanner1, #btmbanner2{ margin:10px 10px 0px 0px; } #btmbanner3{ margin:10px 0px 0px 0px; } a {color:#8bc53f; text-decoration: none;} a:hover {color: #4b6a23; text-decoration: none;} .becomeadealer h3 { font-size: 20px; line-height: 24px; color: #868686; } .becomeadealer h1 { color: #89C527; float: left; font-size: 45px; font-weight: normal; letter-spacing: -2px; text-transform: uppercase; width: 100%; margin:0; } /* Phones layout css*/ ul {list-style:none; margin:0;} ul.checkmark-list {float:left; list-style:none; padding:0 0 20px 7px; clear:both;} ul.checkmark-list li {/*background:url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/check_icon-green.gif") no-repeat 0 7px;*/ float:left; padding:0 0 3px 15px; color:#8c8c8c; font-size:13px; list-style: disc outside none;} .common_row{float:left; width:463px; padding:15px 0 0 0; margin:5px; height: 320px; background: #fff; } .common_row:hover { background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4)); background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 ); box-shadow: 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.25); overflow:hidden;} .common_row .col01{float:left; width:140px; } .common_row .col02{float:left; width: 270px; padding-right:20px; padding-left: 20px;} .common_row .col03{float:left; width:452px;} .common_row .col01 small{float:left; width:138px; text-align:center;} .common_row .col02 .head_sec{float:left;} .common_row .col02 .head_sec h2 {color:#000;margin:0;} .common_row .col02 .head_sec h4{color: #8c8c8c;margin:0;} .common_row .col02 .head_sec h3{float:left; font:normal 26px/28px Arial, Helvetica, sans-serif; color:#8c8c8c;} .common_row .col02 .head_sec p{float:left; font-size:15px; line-height:16px; margin-top:0; display: none;} .common_row .col02 .head_sec p a{color:#8c8c8c; text-decoration:none;} .common_row .col02 .head_sec p a:hover{color:#8c8c8c; text-decoration:underline;} .common_row .col02 .left_sec{float:left; width:198px; min-height: 170px;} .common_row .col02 .left_sec ul{float:left; width:198px; list-style:none;padding-left:0;} .common_row .col02 .left_sec span.featListItem {width:198px;display:block;float:left; height:18px;} .common_row .col02 .left_sec li{float:left; width:198px; font-size:12px; line-height:14px; color:#8c8c8c; padding-top:4px; /*height:18px;*/} .common_row .col02 .left_sec li .tipBasic span, #right_container .carausal_box .carausal_content .cols01 .tipBasic span {width:175px; display:none;} .common_row .col02 .left_sec li small{width:auto; float:left; font-size:12px; padding-right:10px;} .common_row .col02 .left_sec li .gray_star{width:70px; float:left; height:13px; background:url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/gray_star-2.gif") repeat-x 0 0;} .common_row .col02 .left_sec li .blue_star{width:100%; float:left; height:13px; background:url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/blue_star-2.gif") repeat-x 0 0;} .common_row .col03 .buttons, .common_row .col03 .vendor_price,.common_row .col03 .vendor_name {float:left; width:146px; margin:0 2px; text-align: center;} .common_row .col03 .buttons {padding-top:40px;} .common_row .col03 h3 { float:left; font-size: 12px; font-weight:normal; text-align: cener; margin:0 0 5px 0; width:100%; color: #606060; background: none; text-shadow:none; } .common_row .col03 .vendor_name h3 {margin-bottom:12px;} .common_row .col03 p {float:left; font-size:33px; font-weight:bold;text-shadow:#fff 1px 1px 2px; color:#89C527;margin:0 0 10px 0; text-align:center; width:100%;} .common_row .col03 strong{float:left; width:138px; text-align:center;font:normal 24px/24px Arial, Helvetica, sans-serif; color:#8c8c8c; padding-top:17px;} .common_row .col03 strong sup{font-style:normal; font-size:14px;} .common_row .buttons {margin-top:35px; float:left;} .common_row .buttons a { width:138px; float:left; display:block; width:138px; margin-bottom:10px; background:url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/btn_bg02_hover-2.gif") repeat-x 0 0; height:28px; text-align:center; line-height:28px; color:#fff; font-size:13px; font-weight:bold;text-shadow:#808080 1px 1px 2px; -moz-border-radius: 26px;-webkit-border-radius: 26px;border-radius: 26px;} .common_row .buttons a:hover{background:url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/btn_bg02-2.gif") repeat-x 0 0; color:#dfe9ce;} /** Added by vinayak for reup & other 3 column style */ /* ========================================================================== AUTO REFILL PAGE ========================================================================== */ section.autorefillbox { width: 100%; float: left; position: relative; clear: both; } section.autorefillbox.refillbg { background:#fff url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/autoreup.png') 50px 80px no-repeat; height:190px; } .locale_es section.autorefillbox.refillbg { background:#fff url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/autoRecargar.png') 25px 70px no-repeat; height:190px; } section.autorefillbox p { position: absolute; right: 60px; top: 60px; width: 500px; font-size: 14px; clear: both; } section.autorefillbox p span { font-weight: 900; font-size: 18px; border-bottom: 1px solid #dedede; margin-bottom: 10px; display: block; clear: both; } section.autorefillbox h3 strong { font-weight: 900; padding-right:10px; margin-right:10px; border-right: 1px solid #999; } section.autorefillbox ol { font-weight: bold; font-size: 18px; padding-top:10px; } section.autorefillbox ol li { font-weight: normal; font-size: 14px; list-style: none; padding: 0px 10px 10px 40px; background: url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/green123_.png') -55px 2px no-repeat; margin-right:20px; width: 240px; float: left; } section.autorefillbox ol li.two { background-position: -25px -30px; } section.autorefillbox ol li.three { background-position: 0px -70px; } section.autorefillbox ol li.last { margin-right: 0; padding-right: 0; } section.autorefillbox ol li strong { font-weight: bold; } section.autorefillbox ol li p{ position: relative; right: 0px; top: 0px; width: 100%; } .margbot { margin-bottom: 30px; } /* Reup page style end*/ /*Stash page style*/ div.stashmain { background: #FFFFFF; padding: 0px 10px 10px 10px; min-height: 500px; } section.stashbox { width: 100%; float: left; position: relative; clear: both; } section.stashbox.stashbg { background:#fff url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/stash_shadow.png') 50px 80px no-repeat; height:220px; } section.stashbox p { position: absolute; right: 60px; top: 60px; width: 500px; font-size: 14px; clear: both; } section.stashbox p span { font-weight: 900; font-size: 18px; border-bottom: 1px solid #dedede; margin-bottom: 10px; display: block; clear: both; } section.stashbox h3 strong { font-weight: 900; padding-right:10px; margin-right:10px; border-right: 1px solid #999; } div.ildmain { background: #FFFFFF; padding: 20px 10px 10px 10px; min-height: 400px; } div.ildsecondheader { background: #FFFFFF; padding: 0px 10px 10px 10px; } div.ildsecondleftsection { background: #FFFFFF; padding-left:10px; margin-top: -15px; } div.ildsecondrightsection { background: #FFFFFF; padding-right:10px; } .margtop { margin-top: 30px; } .margbot { margin-bottom: 30px; } #tracfone_straighttalk_portal_shop_international2 .layoutRow{ background: #FFFFFF; } #tracfone_straighttalk_portal_shop_serviceplans section input { padding: 6px 6px 7px 6px; font-size: 15px; text-shadow: 0px 1px 0px #fff; outline: none; background: #dbdddd; /* Old browsers */ background: -moz-linear-gradient(top, #dbdddd 0%, #f5f7f9 16%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdddd), color-stop(16%,#f5f7f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dbdddd 0%,#f5f7f9 16%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dbdddd 0%,#f5f7f9 16%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dbdddd 0%,#f5f7f9 16%); /* IE10+ */ background: linear-gradient(to bottom, #dbdddd 0%,#f5f7f9 16%); /* W3C */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 0px #efefef; box-shadow: 1px 1px 0px #efefef; margin: 3px 0; } section input:focus { -webkit-box-shadow: 0px 0px 5px #bcbcbe; -moz-box-shadow: 0px 0px 5px #bcbcbe; box-shadow: 0px 0px 5px #bcbcbe; } .ild_global_input { color: #CCCCCC; font-size: 22px; height: 20px; width: 170px; } .half { } section.uld_int .last ul li { font-size: 12px; padding-bottom:15px; list-style-type: disc; } section.uld_int .half p { width: 550px; margin: 0 auto; padding: 15px 0; } section.uld_int .callboxes { float: left; padding: 0 10px; margin: 0 10px; } section.uld_int .callboxes ul li { font-size: 12px; padding:10px 10px 10px 40px; float: left; border: 1px solid white; width: 370px; list-style: none; background:#efefef url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/callicon.png) no-repeat 11px 14px; } #tracfone_straighttalk_portal_shop_international2 .portlet_content_block{ box-shadow: none; } #tracfone_straighttalk_portal_shop_international .check_dest_btn { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/check_dest_btn.gif") repeat scroll right bottom transparent; height: 34px; border: none; } .locale_es #tracfone_straighttalk_portal_shop_international .check_dest_btn { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/es/check_dest_btn.gif") repeat scroll right bottom transparent; height: 34px; border: none; } #tracfone_straighttalk_portal_activate_checkout .inner_pad{ padding: 0px; } #tracfone_straighttalk_portal_activate_checkout #page_content{ background:none; } #tracfone_straighttalk_portal_activate_checkout #page_content h2{ color: #fff !important; min-height: 12px; border-bottom: 1px solid #DDDDDD; border-radius: 3px 3px 0 0 !important; #padding: 2px 2px 2px 6px !important; font-size: 14px; padding: 15px 10px; line-height: 1; margin-top: 0px; background: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/header_bg.png) repeat; } #tracfone_straighttalk_portal_buyserviceplan_payment .inner_pad{ padding: 0px; } #tracfone_straighttalk_portal_buyserviceplan_payment #page_content{ background:none; } #tracfone_straighttalk_portal_buyserviceplan_payment #page_content h2{ color: #fff !important; min-height: 12px; border-bottom: 1px solid #DDDDDD; border-radius: 3px 3px 0 0 !important; #padding: 2px 2px 2px 6px !important; font-size: 14px; padding: 15px 10px; line-height: 1; margin-top: 0px; background: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/header_bg.png) repeat; }/*! normalize.css v1.1.0 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 62.5%; /* 1 */ -webkit-text-size-adjust: 62.5%; /* 2 */ -ms-text-size-adjust: 62.5%; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* Reset */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ /**Fonts**/ @font-face { font-family: "dripicons"; src:url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/fonts/dripicons.eot"); src:url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/fonts/dripicons.eot") format("embedded-opentype"), url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/fonts/dripicons.ttf") format("truetype"), url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/fonts/dripicons.svg") format("svg"), url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/fonts/dripicons.woff") format("woff"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "dripicons"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "dripicons"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; } .icon-align-center:before { content: "\e000"; } .icon-align-justify:before { content: "\e001"; } .icon-align-left:before { content: "\e002"; } .icon-align-right:before { content: "\e003"; } .icon-arrow-down:before { content: "\e004"; } .icon-arrow-left:before { content: "\e005"; } .icon-arrow-thin-down:before { content: "\e006"; } .icon-arrow-right:before { content: "\e007"; } .icon-arrow-thin-left:before { content: "\e008"; } .icon-arrow-thin-up:before { content: "\e009"; } .icon-arrow-up:before { content: "\e010"; } .icon-attachment:before { content: "\e011"; } .icon-arrow-thin-right:before { content: "\e012"; } .icon-code:before { content: "\e013"; } .icon-cloud:before { content: "\e014"; } .icon-chevron-right:before { content: "\e015"; } .icon-chevron-up:before { content: "\e016"; } .icon-chevron-down:before { content: "\e017"; } .icon-chevron-left:before { content: "\e018"; } .icon-camera:before { content: "\e019"; } .icon-checkmark:before { content: "\e020"; } .icon-calendar:before { content: "\e021"; } .icon-clockwise:before { content: "\e022"; } .icon-conversation:before { content: "\e023"; } .icon-direction:before { content: "\e024"; } .icon-cross:before { content: "\e025"; } .icon-graph-line:before { content: "\e026"; } .icon-gear:before { content: "\e027"; } .icon-graph-bar:before { content: "\e028"; } .icon-export:before { content: "\e029"; } .icon-feed:before { content: "\e030"; } .icon-folder:before { content: "\e031"; } .icon-forward:before { content: "\e032"; } .icon-folder-open:before { content: "\e033"; } .icon-download:before { content: "\e034"; } .icon-document-new:before { content: "\e035"; } .icon-document-edit:before { content: "\e036"; } .icon-document:before { content: "\e037"; } .icon-gaming:before { content: "\e038"; } .icon-graph-pie:before { content: "\e039"; } .icon-heart:before { content: "\e040"; } .icon-headset:before { content: "\e041"; } .icon-help:before { content: "\e042"; } .icon-information:before { content: "\e043"; } .icon-loading:before { content: "\e044"; } .icon-lock:before { content: "\e045"; } .icon-location:before { content: "\e046"; } .icon-lock-open:before { content: "\e047"; } .icon-mail:before { content: "\e048"; } .icon-map:before { content: "\e049"; } .icon-media-loop:before { content: "\e050"; } .icon-mobile-portrait:before { content: "\e051"; } .icon-mobile-landscape:before { content: "\e052"; } .icon-microphone:before { content: "\e053"; } .icon-minus:before { content: "\e054"; } .icon-message:before { content: "\e055"; } .icon-menu:before { content: "\e056"; } .icon-media-stop:before { content: "\e057"; } .icon-media-shuffle:before { content: "\e058"; } .icon-media-previous:before { content: "\e059"; } .icon-media-play:before { content: "\e060"; } .icon-media-next:before { content: "\e061"; } .icon-media-pause:before { content: "\e062"; } .icon-monitor:before { content: "\e063"; } .icon-move:before { content: "\e064"; } .icon-plus:before { content: "\e065"; } .icon-phone:before { content: "\e066"; } .icon-preview:before { content: "\e067"; } .icon-print:before { content: "\e068"; } .icon-media-record:before { content: "\e069"; } .icon-music:before { content: "\e070"; } .icon-home:before { content: "\e071"; } .icon-question:before { content: "\e072"; } .icon-reply:before { content: "\e073"; } .icon-reply-all:before { content: "\e074"; } .icon-return:before { content: "\e075"; } .icon-retweet:before { content: "\e076"; } .icon-search:before { content: "\e077"; } .icon-view-thumb:before { content: "\e078"; } .icon-view-list-large:before { content: "\e079"; } .icon-view-list:before { content: "\e080"; } .icon-upload:before { content: "\e081"; } .icon-user-group:before { content: "\e082"; } .icon-trash:before { content: "\e083"; } .icon-user:before { content: "\e084"; } .icon-thumbs-up:before { content: "\e085"; } .icon-thumbs-down:before { content: "\e086"; } .icon-tablet-portrait:before { content: "\e087"; } .icon-tablet-landscape:before { content: "\e088"; } .icon-tag:before { content: "\e089"; } .icon-star:before { content: "\e090"; } .icon-volume-full:before { content: "\e091"; } .icon-volume-off:before { content: "\e092"; } .icon-warning:before { content: "\e093"; } .icon-window:before { content: "\e094"; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } html { font-size: 62.5% !important; /* 1 */ -webkit-text-size-adjust: 62.5% !important; /* 2 */ -ms-text-size-adjust: 62.5% !important; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } a:active, a:hover { outline: 0; } .wpthemeMainContent { margin: 0px; background: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/debut_light.png) repeat; padding-bottom: 30px; min-height: 200px.dijitDialogPaneContent} #page_content{ background: #fff; } div.main { background: #FFFFFF; padding: 0px 10px 10px 10px; min-height: 450px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); margin-bottom: 20px; overflow: hidden; } dd {margin: 0px;} .portlet_content_block input[type="text"] { padding: 5px; } /***************************************************/ /****** START - Custom CSS StraightTalk **********/ .shopPhoneIbmExpCol1 { text-align: center; float: left; margin: 0 0.8% 5px 0; overflow: hidden; width: 37%; } .shopPhoneIbmExpCol2 { text-align: center; float: left; margin: 0 0.8% 5px 0; overflow: hidden; width: 60%; } .st2Col { float: left; margin: 0 0.8% 2px 0; overflow: hidden; position: relative; width: 47.7%; } .wpthemeRow { width: 100%; margin: 0; padding: 0; } .ibmDndRow .component-control { width: 100%; } .wpthemeRow .wpthemeControl, .hiddenWidgetsDiv .wpthemeControl { width: 100%; } .wpthemeRow .wpthemeControl .wpthemeControlBody { height: auto; } .lotusMain .component-container .wpthemeRow { width: 100%; } .ibmExpCol1b { margin: 0px; } .ibmExpCol2b { margin: 0px; } .wpthemeMainContent .wpthemeCol-2 { margin: 0px; } div.portlet_content_blocextk h2 { font-weight: bold; text-shadow:1px 1px 1px #FFFFFF; padding: 10px; margin-top: 0px; background: #ddddd; } .layoutColumn .wpthemeControl { margin: 0; } /********** START - Shop Phones Portlet **********/ .shop_phones_portlet { width: 415px; float:left; margin:10px; margin-top:0px; padding-left:10px; } .shop_phones_portlet .title { font-size: 1.5em; line-height: 20px; margin-top: 30px; text-align: center; font-weight: bold; } .zipbox_container { margin: 30px 0 0 30px; width: 359px; color: #FFFFFF; } .zipbox_container p { color: #FFFFFF; margin-bottom: 0; text-align:left; } .zipbox_container label { } .zipbox_top { background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/zip_box_top.gif); background-repeat: no-repeat; height: 6px; } .zipbox_middle { background: none repeat scroll 0 0 #000000; padding: 10px; } .zipbox_middle p { font-size: 1em; color: #FFFFFF; margin-bottom: 0 !important; } .zip_btn { background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/continue_btn.gif); background-repeat: no-repeat; border: 0 none; height: 31px; margin-left: 15px; vertical-align: middle; width: 78px; } .zipbox_bottom { background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/zip_box_bottom.gif); background-repeat: no-repeat; height: 6px; } .zip { padding: 10px 0; text-align: center; } p.zip_divider { background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/divider.gif); background-repeat: no-repeat; font-size: 3px; } p.alt { text-align: center !important; } div.zip_page_actions { text-align: center; } .zip_confirm_btn { background: none repeat scroll 0 0 #000000; border: 1px solid #666666; color: #FFFFFF; font-weight: bold; padding: 3px; margin-left: 4px; white-space: nowrap; } /********** END - Shop Phones Portlet **********/ /*******************************************************/ /**********************************/ /******* START - SKINS ********/ .tracfone_portlet_bordered .wpthemeControlBody { -moz-box-shadow: none !important; background-color: none !important; margin: 10px !important; padding: 0px !important; border: 1px solid #DDDDDD !important; border-radius: 3px 3px 3px 3px !important; margin-bottom: 20px; padding-bottom: 10px; } .tracfone_portlet .wpthemeControlBody { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: none !important; border: 0px !important; margin: 0 !important; padding: 0px !important; overflow: hidden; } .tracfone_portlet h2, .tracfone_portlet_bordered h2 { -moz-border-radius-topleft: 0px !important; -moz-border-radius-topright: 0px !important; -moz-box-shadow: none !important; background-color: none !important; background-image: none !important; background-position: left top; border: none !important; color: #000000; font-size: 1em; margin-bottom: 0; padding: 0px !important; } /******* END - SKINS ********/ /********************************/ /************************************/ /******* START - Search Bar *******/ #search_bar { display: inline; float: right; width:224px; height:33px; background-repeat: no-repeat; position:relative; right:0px; z-index: 100; left:0px; top:0px; margin-top: 8px; } .search_btn { display:none; height:27px; width:32px; background-image:url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/go_btn.gif'); background-color:transparent; border:0px; right:-35px; cursor: pointer;} #search_bar label {font-size:1.1em; font-weight:bold; text-transform: uppercase;} #search_bar input#search_input { border:1px solid #000; width: 150px; padding: 7px 7px 7px 30px; background: #dddddd; background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/search_glass.png); background-repeat: no-repeat; background-position: 4px 7px; color: #616161; box-shadow: 0 4px 10px #666666 inset; font-size: 1.1em; height: 15px; } .TF_ST_lotusSearchContainer .lotusSearch .lotusBtnImg { background-image: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/go_btn.gif); background-color: transparent; background-repeat: no-repeat; margin-left: 2px; padding: 2px 7px 7px 2px; border: none; } .TF_ST_lotusSearchContainer .lotusSearch .lotusText { padding: 1px 0; } .TF_ST_lotusSearchContainer .lotusSearch .lotusSearchButton { border: none; color: #000000; height: 25px; vertical-align: bottom; width: 30px; } .TF_ST_lotusSearchContainer .lotusSearch #themeSearchBoxsearchInput { border: 1px solid #666666; color: #666666; font-size: 1.1em !important; width:146px !important; } .TF_ST_lotusSearchContainer .lotusSearch label { font-size: 1.0em !important; font-weight: bold; text-transform: uppercase; margin-right:3px; display: inline; line-height:20px; } .TF_ST_lotusSearchContainer { left: 330px; position: absolute; top: 35px; } /******* END - Search Bar *******/ /************************************/ /*******************************/ /******* START - Popup *******/ div.instr_popup div[class="shadow"] { width: 100%; } div.instr_popup div.shadow { background-color: #000000; display: none; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: 100; } div.instr_popup div.window { background-color: #FFFFFF; border: 5px solid #CCFF00; position: absolute; top: 113px; width: 740px; z-index: 101; } div.instr_popup div.window { top: 130px; } div.instr_popup div.window div.top_bar { cursor: move; margin: 0 !important; padding: 4px 8px; text-align: right; } div.instr_popup div.window p { margin: 10px; } div.instr_popup div.window p u { display: block; } div.instr_popup div.window div.content_window { border: medium none; height: 330px; overflow: auto; padding: 5px; } .hide { display: none; } div.instr_popup div.window div.top_bar { height: 32px; } div.instr_popup div.window div.top_bar span.close_btn { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/close_button.gif") no-repeat scroll right top transparent !important; cursor: pointer; float: right; height: 30px !important; width: 85px !important; } /******* END - Popup *******/ /*******************************/ /***********************************/ /******* START - Shop SIMS *******/ .option1, .option2, .option3 { margin-bottom:15px; } .option1 h2 img, .option2 h2 img, .option3 h2 img, .option2b h2 img, .option2a h2 img { position:relative; //top:10px; padding-right:10px; } .shop_sim .option1 h2, .shop_sim .option3 h2 { box-shadow: none; background: #000 !important; padding: 0px !important; position: relative; } .shop_sim h2 .down_arrow { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/downarrow.png") 0px 0px no-repeat; width: 23px; height: 20px; display: block; position: absolute; bottom: -20px; left: 55px; } .shop_sim h2 img { background: #89c527; padding: 0; } .shop_sim_banner { padding: 20px 0 10px 5px; border-top: 1px solid #eaeaea; } .shop_sim ul li {line-height: 2em !important;} .shop_sim ul li input {margin-right:10px !important;} .option1 ul { padding-left:25px; } .option2 .sim, .option2c .micro_sim, .option2b .sim, .option2a .sim { margin-bottom:15px; } .option3 label { font-size:12px; padding-left:50px; } .option3 h2 { padding-bottom:15px; } .option2 .selected, .option2b .selected, .option2a .selected, .option2c .selected { border-bottom:3px solid #CCFF00; } .option2 div { float:left; padding:0px 40px 0px 55px; width:150px; } div.clear { clear:both; width:100%; } .option2 div p { font-size:10px; } .micro_sim { opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first! filter: alpha(opacity=50); // second! } .hideImage { display: none; } .error { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/error_icon.gif") no-repeat scroll 10px center #FFF9D2; border: 1px solid #FCEA9B; clear: both; margin: 10px; padding: 10px 10px 10px 44px; } .error p, .error dt { color: #C30000; #white-space: nowrap; } p.page_actions button, div.portlet_content button { color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,.3); border: 1px solid #609310; background: #93cd2d; /* Old browsers */ background: -moz-linear-gradient(top, #93cd2d 0%, #66b211 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cd2d), color-stop(100%,#66b211)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #93cd2d 0%,#66b211 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #93cd2d 0%,#66b211 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #93cd2d 0%,#66b211 100%); /* IE10+ */ background: linear-gradient(to bottom, #93cd2d 0%,#66b211 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cd2d', endColorstr='#66b211',GradientType=0 ); /* IE6-9 */ margin: 3px 0; text-decoration: none !important; padding: 8px 15px; font-weight: bold; } p.page_actions button:hover, div.portlet_content button:hover { border: 1px solid #3c5d08; background: #7fc11d; /* Old browsers */ background: -moz-linear-gradient(top, #93cd2d 0%, #7fc11d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cd2d), color-stop(100%,#7fc11d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #93cd2d 0%,#7fc11d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #93cd2d 0%,#7fc11d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #93cd2d 0%,#7fc11d 100%); /* IE10+ */ background: linear-gradient(to bottom, #93cd2d 0%,#7fc11d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cd2d', endColorstr='#7fc11d',GradientType=0 ); /* IE6-9 */ } p.page_actions .button a { background: none repeat scroll 0 0 #000000; border: 1px solid #666666; color: #FFFFFF; font-family: fantasy; font-size: 14px; font-weight: bold; padding: 3px 5px; text-decoration: none; } .center { text-align: center; } /******* END - Shop SIMS *******/ /*********************************/ /*************************************************/ /******* START - International Unlimited *******/ /*************************************************/ #display_coverage_response_yes { background-color: #5da423; border-color: #457a1a; color: white; border-style: solid; border-width: 1px; display: block; font-weight: bold; margin-bottom: 1.25em; position: relative; padding: 0.6875em 1.3125em 0.75em 0.6875em; font-size: 0.875em; } .unlimited_global section { display: block; clear: both; margin-top: 20px; } .unlimited_global section .ild_portlet_content table, .unlimited_global section .ild_portlet_content table tr td, .unlimited_global section .ild_portlet_content table th { border: none; } .unlimited_global section.firstsec { margin-top: 0; text-align: center; margin-bottom: 20px; position: relative; } .unlimited_global section.firstsec .blackberrystamp { position: absolute; bottom: -20px; right: -10px; } .unlimited_global section.plan_details { background: none repeat scroll 0 0 #FFFFFF; overflow: hidden; position: relative; vertical-align: top; white-space: normal; } .unlimited_global section.plan_details .plan_details_box { border: 1px solid black; } .unlimited_global section.plan_details ul { width: 100%; padding:30px 0; margin: 0px; padding-left:15%; float: left; clear: both; } .unlimited_global section.plan_details ul li { width: 220px; padding:10px 0px 10px 0; float: left; margin: 0; text-align: center; position: relative; border-right: 1px solid #8eca42; transition: all 0.3s ease-out 0s; } .unlimited_global section.plan_details ul li:hover { background: none repeat scroll 0 0 #f2f2f2; border-radius: 0px 0px 6px 6px; box-shadow: 0 6px #6A9927; ransition: all 0.3s ease-out 0s; } .unlimited_global section.plan_details ul li .price { float: left; width: 82px; padding-left:10px; } .unlimited_global section.plan_details ul li .plandetailstxt { float: left; font-size: .9em; padding: 15px 20px 15px 0px; text-align: left; line-height: 14px; width: 100px; } .unlimited_global section.plan_details ul li .btn_below { float: left; clear: both; width: 100%; padding: 15px 0; } .unlimited_global section.plan_details ul li .btn_below a { } .unlimited_global section.plan_details ul li.last { border-right: 0; } .unlimited_global section.plan_details ul li .plandetailstxt strong { font-size: 1.2em; } .unlimited_global section.plan_details .pay_as_you_go { width: 90%; position: relative; margin:30px 0 0 30px; } .unlimited_global section.plan_details .pay_as_you_go .tendolla { float: left; width:70px; height: 100px; } .unlimited_global section.plan_details .pay_as_you_go p { float: left; line-height: 18px !important; padding: 5px 0 0 10px; width: 600px; } .unlimited_global section.plan_details .pay_as_you_go p img { padding:15px 10px 15px 0; float: left; } .unlimited_global section.plan_details .pay_as_you_go .btnright { float: right; margin:10px 0 0 0; height: 50px; } .unlimited_global section.plan_details .pay_as_you_go .btnright a { display: block; } .unlimited_global section.plan_details h2 { background: #fff !important; color: #57585b !important; font-size: 1.4em !important; /* height: 31px; */ border-bottom: 7px solid black !important; margin-bottom: 0; padding:0 !important; } .unlimited_global section.plan_details h4 { font-size: 1.6em; line-height: .8em; text-align: center; text-transform: uppercase; padding: 20px 0 15px 0; margin: 0 !important; background: #8eca42; color: white; width: 100%; } .unlimited_global section.plan_details h4 span { font-size: 12px; } .unlimited_global h3 { margin-top:0px; background: none; } .unlimited_global section.plan_details .small_detail { width: 78%; position: absolute; bottom: -5px; right: 0; font-size: .9em !important; color: #666666; } .unlimited_global section.plan_details span.open-intro, .unlimited_global section.plan_details span.close-intro, .unlimited_global section.plan_details span.open-intro2, .unlimited_global section.plan_details span.close-intro2 { float: left; clear: both; background: #eaeaea; padding: 7px 0px 7px 13px; cursor: pointer; width: 160px; } .unlimited_global section.plan_details span.open-intro:hover, .unlimited_global section.plan_details span.close-intro:hover, .unlimited_global section.plan_details span.open-intro2:hover, .unlimited_global section.plan_details span.close-intro2:hover { background: #dedede; } /**************************************************/ /****** END INTERNATIONAL CALLING - CR 25103 ******/ /**************************************************/ .rolldown_content{ background: #EEF3F5; background: -moz-linear-gradient(center bottom , #EEF3F5, #FFFFFF 35px) repeat scroll 0 0 transparent !important; background: -webkit-linear-gradient(bottom,#eef3f5,#ffffff 35px)!important; background: linear-gradient(bottom,#eef3f5,#ffffff 35px)!important; clear: both; padding: 10px; position:relative; border: 1px solid rgba(0, 0, 0, 0.2); } .rolldown_content p { padding-top:20px; } .rolldown_content ul { padding: 20px 0px 20px 20px; margin-bottom: 20px; overflow: hidden; border-bottom: 1px solid #dedede; } .rolldown_content ul li { list-style: none; float:left; width: 300px; padding: 0px 0px 7px 0px } .rolldown_content ul li::before { display:inline-block; content:'\2022'; height:0.2em; width:30px; margin-left:-30px; text-align:center; font-size:1.3em; color:#555; line-height:0; vertical-align:middle; -webkit-transition-duration:0.12s; -moz-transition-duration:0.12s; transition-duration:0.12s; } .rolldown_content ul li:hover::before { font-size:2.5em; font-size:2.5em \0/; color: #000; } ol.ild_zip_field { height: 33px; padding-bottom:15px; } ol.ild_zip_field li { list-style: none !important; float: left; vertical-align:bottom; } ol.ild_zip_field li .global_input { width: 200px; color: #333; font-size: 1.5em !important; } ol.ild_zip_field li .global_input_zip { width: 70px; color: #333; height: 33px; font-size: 1.5em !important; } ol.ild_zip_field li .plus_zip { font-size: 2em; color:#333; padding: 0 10px; margin-top:30px; float: left; } ol.ild_zip_field li .check_dest_btn { float: left; margin-top:20px;} /******* END - International Unlimited *******/ /*************************************************/ /**************************************/ /******* START - Language Box *******/ /**.languageBox { left: 580px; position: absolute; top: 38px; } .languageBox a, .languageBox a:visited { font-weight: bold; text-transform: uppercase; }**/ /******* END - Language Box *******/ /**************************************/ /* ILD portlet classes */ .global_input { color: #CCCCCC; font-size: 22px; height: 33px; width: 400px; } .check_dest_btn { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/unlimited_global_btn.gif") repeat scroll right bottom transparent; border: medium none; height: 38px; margin-left: 15px; width: 143px; } /*PopUp style input.error_field { background-color: #FFF9D2; border: 2px solid #CC0000; color: #CC0000; } /* Popup Instructions - start */ div.instr_popup { } div.instr_popup div.window { position:absolute; top:113px; width:400px; z-index:101; border:5px solid #CCFF00; background-color:#fff;} .cvv .window {Width:300px !important; left:400px;} div.instr_popup div.window p { margin:10px; } div.instr_popup div.window p.top_bar { margin:0 !important; text-align:right; padding:4px 8px; cursor:move; } div.instr_popup div.window p.top_bar span.close_btn img {cursor:pointer; padding:2px; } div.instr_popup div.window iframe { border:none; } div.instr_popup div.window {top:130px;} div#confirm_div.instr_popup div.window { width:400px; left:30%;} .dijitDialogPaneContent {height: 150px; font-size: 12px; line-height: 1.6em;} #confirm_div .digitDialogPaneContent { height: 60px !important; } #confirm_div .dijitDialog { border: 5px solid #CCFF00 !important; top: 113px; width:740px; height:100px !important; background-color: #FFF; } div.task_selection { float: left; padding: 16px; width: 336px; } div#page_content p { margin-bottom: 10px; font-size: 12px; line-height: 1.5; } div#page_content h2 { color: #fff !important; min-height: 12px; border-bottom: 1px solid #DDDDDD; border-radius: 3px 3px 0 0 !important; #padding: 2px 2px 2px 6px !important; font-size: 14px; padding: 15px 10px; line-height: 1; margin-top: 0px; background: url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/header_bg.png) repeat; } .clear { clear: both; line-height: 0; } .caption {display:block; font-size:0.9em; padding: 2px 0px 13px 0px;} .caption a {color:#666666; text-decoration: underline;} .black_link a {font-size:11px; color: #000000; text-decoration: underline;} /* --------------------------------------------- */ div.content_block { border:1px solid #ddd; margin-bottom:20px; padding-bottom:10px; z-index:0; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; } div.content_block p, div.content_block ul, div.content_block ol, div.content_block dl, div.content_block button { margin:10px; } div.content_block ul li {list-style-type:disc; } ol, ul { list-style: none outside none; } #login_box ul li { list-style-type: none !important; } div.content_block ul li { list-style-type: disc; } .formDiv { font-size: 12px; line-height: 1.5em; margin-left:20px; } .formDiv input [type="text"]{ width: 150px !important; } p.page_actions { text-align:right; } p.page_actions button { margin: 0 0 0 5px; white-space:nowrap; } .login_button{ background: none repeat scroll 0 0 #000000; border: 1px solid #666666; color: #FFFFFF; font-weight: bold; padding: 3px; margin-left: 4px; white-space: nowrap; margin: 10px; } table.form_fields { width: 98%; } table.form_fields th { font-weight: bold; padding-top: 4px; text-align: right; width: 220px; } table.form_fields td { padding-left: 10px; padding-top: 4px; text-align: left; } table.form_fields th, table.form_fields td { line-height: 21px !important; } table.form_fields td.help_link { text-align: right; vertical-align: middle; } table.form_fields th em, table.form_fields td em { font-size: 10px; font-style: normal; } table.form_fields th em { display: block; line-height: 1.2; } table.form_fields td.paddingr010 { padding-right: 10px; } table.form_fields tr.hidden { display: none; } table.form_fields tr.show { display: block; } table.form_fields tr[class="show"] { display: table-row; } table.form_fields tr.completed_gencode th, table.form_fields tr.completed_gencode td { color: #737373; text-decoration: line-through; } table.form_fields tr.instr_row td { padding-top: 0; } table.form_fields tr.instr_row td div { margin-top: 4px; } table.form_fields tr#s1 th { vertical-align: middle !important; } /*********START Facebook - login page CSS*************/ p#textLine { width:100%; text-align:center; border-bottom: 1px solid #C3C3C3; line-height:0.1em; margin:10px 0 20px; width: 90%; margin-left: 5%; } p#textLine span { background:#fff; padding:0 10px; position: relative; top: 0px; } .facebook_login_button{ background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/fb-btn-login-inactive.png) ; width:81px; height:27px; display:inline-block; } .facebook_login_button:hover{ background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/fb-btn-login-active.png); width:81px; height:27px; display:inline-block; } .facebook_login_button_es{ background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/es/fb-btn-login-inactive.png) ; width:81px; height:27px; display:inline-block; } .facebook_login_button_es:hover{ background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/es/fb-btn-login-active.png); width:81px; height:27px; display:inline-block; } .facebook_registration_button{ background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/fb-btn-register-inactive.png) ; width:80px; height:25px; display:inline-block; } .facebook_registration_button:hover{ background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/fb-btn-register-active.png); width:80px; height:25px; display:inline-block; } .facebook_registration_button_es{ background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/es/fb-btn-register-inactive.png) ; width:80px; height:24px; display:inline-block; } .facebook_registration_button_es:hover{ background-image:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/es/fb-btn-register-active.png); width:80px; height:24px; display:inline-block; } .facebookRGSButton{ background:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/fb-btn-register-inactive.png) no-repeat; width:81px; height:32px; border:none; } .facebookRGSButton:hover{ background:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/en/fb-btn-register-active.png) no-repeat; width:81px; height:32px; border:none; } .facebookRGSButton_ES{ background:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/es/fb-btn-register-inactive.png) no-repeat; width:81px; height:32px; border:none; } .facebookRGSButton_ES:hover{ background:url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/es/fb-btn-register-active.png) no-repeat; width:81px; height:32px; border:none; } /*****************END Facebook - login page CSS******************/ /****** START - WCM CSS ***** html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0 none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; line-height: 1.4; font-family: sans-serif; } html { font-size: 62.5%; /* 1 */ -webkit-text-size-adjust: 62.5%; /* 2 */ -ms-text-size-adjust: 62.5%; /* 2 */ }*/ body img { vertical-align: middle; } /*body { line-height: 1.4; margin: 0; }*/ #faq_holder, .long_distance { line-height: 1; } div#main_ad { /* override height to get rid of extra space at the bottom, this should probably be added to the div in the portlet */ height: 300px; } div#trackingPixels { clear: both; } div.content_block { border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px !important; margin-bottom: 20px; padding-bottom: 10px; z-index: 0; } div.content_block h2 { background-color: #000000; border-bottom: 1px solid #DDDDDD; border-radius: 3px 3px 0 0 !important; color: #FFFFFF; margin-bottom: 10px; padding: 6px; } #page_content a, #page_content a:visited { color: #000000; text-decoration: underline; } strong { font-weight: bold; } #secondry_nav ul { /* margin: 10px 0;*/ } .clear { clear: both; line-height: 0; } p, th, td { font-size: 12px; line-height: 1.5; } .float_left { float: left; } .float_right { float: right; } .inner_pad { padding: 10px; font-size: 12px; } .inner_pad ol li { list-style-type: decimal; margin-left: 17px !important; } .inner_pad ul li, .inner_pad ol li { font-size: 12px; line-height: 1.5em; margin-left: 12px; } #ziptech_container { margin: 0 auto; width: 650px; min-height: 300px; } div#container_newphone { width: 100%; } div.st_phone_box { background-color: #FFFFFF; border: 1px solid #B2B2B2; float: left; font-family: Arial,Helvetica,sans-serif; margin: 0 4px 4px 2px; padding: 6px; width: 380px; } div.st_phone_title { background-color: #EAEAEA; color: #000000; font-size: 14px !important; height: 20px; overflow: visible; padding: 4px; } div.st_TH_phone { float: left; height: 165px; width: 100px; } div.st_phone_descrip { float: left; height: 160px; padding-left: 13px; width: 260px; } div.st_phone_links { float: left; font-size: 12px; font-weight: bold; height: 25px; padding: 4px 0 0; } #bottomfloater { clear: both; font-size: 1px; height: 1px; line-height: 1px; margin: 0; padding: 0; } div.st_phone_links ul { border: 0 dotted #CC0000; margin: 4px 0 0; padding-bottom: 0; padding-left: 0; } ol, ul { list-style: none outside none; } div.st_phone_links ul li { display: inline; float: left; font-weight: bold; margin: 0; padding: 0 3px; vertical-align: bottom; } ul li, ol li { font-size: 12px; line-height: 1.5em; margin-left: 12px; } div.st_phone_descrip ul { color: #000000; font-size: 12px; margin: 12px 6px 0; padding: 0 6px 0 0; } div.st_phone_descrip ul li { list-style-type: disc; padding-bottom: 4px; } div.st_phone_links ul li a { margin: 0 4px 0 0; } div.st_phone_links a { margin: 1px; } div.st_phone_links a { border-bottom: 1px dotted #000000; color: black; font-weight: bold; text-decoration: none; text-transform: uppercase; } div.st_phone_links a, div.st_phone_links a:visited { color: #000; } div.st_phone_links .hide { display: none; } div.st_phone_title .hide { display: none; } /**************************************/ /******* START - Service Plans ******* To be removed after March 3/20/2013**/ /*#plans { border-collapse: separate; border-spacing: 10px 0; font-family: 'Helvetica Neue',Helvetica,Arial; width: 100%; border: 1px solid #DDDDDD; padding-bottom: 10px; } #plans td { vertical-align: middle; } #plans thead { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#000000',GradientType=0 ); background: #262626; background: -moz-linear-gradient(center top , #262626 0%, #000000 100%) repeat scroll 0 0 transparent; color: #CCFF00; font-size: 12px; font-weight: bold; text-align: center; } #plans thead span { text-transform: uppercase; } #plans thead td { padding: 10px; line-height: 12px; } #plans tbody td { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; font-size: 11px; line-height: 11px; } #plans tbody td div { border-bottom: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; height: 100%; padding: 15px; position: relative; } #plans .blank { background: none repeat scroll 0 0 #FFFFFF; border-left: 0 none; border-right: 0 none; color: #999999; font-size: 11px; font-weight: normal; line-height: 18px; padding: 15px; text-align: right; text-transform: uppercase; } #plans .price { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff00', endColorstr='#8cd800',GradientType=0 ); background: #ccff00; background: -moz-linear-gradient(center top , #CCFF00 0%, #8CD800 100%) repeat scroll 0 0 transparent; color: #000000; font-size: 30px; font-weight: bold; text-align: center; } #plans .price td { padding: 15px; font-size: 30px; line-height: 1em; } #plans tbody .blank { border-bottom: 0 none; font-size: 11px; } #plans .light, #plans .dark { color: #222222; font-size: 11px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; } #plans .light { background: none repeat scroll 0 0 #F9F9F9; } #plans .dark { background: none repeat scroll 0 0 #EEEEEE; }*/ #plans a{ font-weight: 700; } #plans .clear{ clear: both; } #plans .btn{ font-family: 'Open Sans'; background: #333; color: #fff; border-radius: 20px; moz-border-radius: 20px; -webkit-border-radius: 20px; border: 0; padding: 10px 20px; font-weight: 700; cursor: pointer; } #plans .btn-primary{ background: #8fc647; /* Old browsers */ background: -moz-linear-gradient(top, #8fc647 0%, #75af3f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc647), color-stop(100%,#75af3f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8fc647 0%,#75af3f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8fc647 0%,#75af3f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8fc647 0%,#75af3f 100%); /* IE10+ */ background: linear-gradient(to bottom, #8fc647 0%,#75af3f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc647', endColorstr='#75af3f',GradientType=0 ); /* IE6-9 */ color: #fff; } #plans .btn-primary:hover{ background: #76aa3d; /* Old browsers */ background: -moz-linear-gradient(top, #76aa3d 0%, #5c9335 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76aa3d), color-stop(100%,#5c9335)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #76aa3d 0%,#5c9335 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #76aa3d 0%,#5c9335 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #76aa3d 0%,#5c9335 100%); /* IE10+ */ background: linear-gradient(to bottom, #76aa3d 0%,#5c9335 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76aa3d', endColorstr='#5c9335',GradientType=0 ); /* IE6-9 */ } #plans .btn-lg{ font-size: 18px; padding: 15px 0px; border-radius: 30px; } #plans .btn-block{ width: 100%; } #plans .container{ width: 950px; margin: 0 auto; } #plans .center{ text-align: center; } #plans .panel{ border: 1px solid #000; border-radius: 3px; margin-bottom: 20px; background: #fff; } #plans .panel-body .section{ padding: 20px; } #plans .panel-body p{ font-size: 14px; } #plans ul li { list-style: disc outside none; } #plans .panel .panel-title{ background: #000; padding: 10px; } #plans .panel .panel-title .chevron{ float: left; background: #333; color: #fff; width: 20px; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; margin-top: 7px; margin-right: 10px; cursor: pointer; font-size: 12px; } #plans .panel .panel-title .chevron:hover{ background: #555; } #plans .panel .panel-title h3{ float: left; } #plans .panel .panel-title .badge{ float: right; } #plans strong{ font-weight: 700; } #plans h2{ color: #8fc647; font-weight: 800; font-size: 36px; text-transform: uppercase; margin-bottom: 5px; font-family: 'Open Sans'; } #plans h2 small{ font-size: 18px; color: #555; font-weight: 400; font-family: 'Open Sans'; } #plans h3{ color: #fff; font-weight: 700; font-size: 24px; text-transform: uppercase; padding: 0; margin: 0; font-family: 'Open Sans'; background: none !important; text-shadow:none; } #plans h3 small{ font-size: 14px; font-weight: 400; color: #999; font-family: 'Open Sans'; } #plans h4{ font-weight: 800; font-size: 18px; font-family: 'Open Sans'; } #plans h5{ font-size: 14px; font-weight: 700; margin: 0 0 10px 0; padding: 0; font-family: 'Open Sans'; } #plans p{ line-height: 22px; font-size: 14px; color: #555; margin: 0 0 20px 0; padding: 0; font-family: 'Open Sans'; } #plans p:last-child{ margin-bottom: 0px; } #plans table{ width: 100%; background: #000; border-collapse: collapse; padding: 0; margin: 0; border-spacing: 0; } #plans table td{ padding: 20px 10px; margin: 0; } #plans table tr{ margin: 0; padding: 0; border-bottom: 1px solid rgba(0,0,0,.1); background: #8fc647; cursor: pointer; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } #plans table tr:nth-child(odd){ background: #9dd456; } #plans table tr h4{ margin: 0; padding: 0; color: #fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; text-shadow:1px 1px 1px #666666; } #plans table tr:hover{ background: #6eb017; } #plans table tr.active{ background: #6eb017; box-shadow: 0 0px 8px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.5); } #plans table tr.active h4{ color: #fff; } #plans table tr:last-child{ border-bottom: 0px; } #plans table p{ color: #000; margin-bottom: 0px; } /* Brand Colors */ #plans .green{ color: #8fc647; } .service_plans .tracfone_portlet { margin: 0px; } .service_plans .tracfone_portlet .inner_pad { padding: 0px 10px; } .service_plans .tracfone_portlet .inner_pad #plans { border-top: none; } .service_plans .portlet_content_block { margin: 0px; padding: 0px; border-bottom: 1px inset white; border-radius: 3px 3px 0 0; } div.portlet_content_block table#service_plans th, div.portlet_content_block table#service_plans td { vertical-align: middle; } /******* END - Service Plans *******/ /**************************************/ .content_block_map { height: 150px; padding: 0 0 40px; width: 100%; } div#page_content1 h2 { color: #000000; font-size: 14px; font-weight: bold; margin-bottom: 10px; background-color: #FFFFFF; background-image: none !important; } .content_block_map h2 { float: right; font-size: 20px !important; font-weight: bold; padding: 20px 20px 0 0 !important; width: 500px; } div#page_content p { margin-bottom: 10px; } div#faq_holder p { margin-bottom: 0px; } div#page_content div.content_block_map p { float: right; font-size: 14px; padding: 0 20px 0 0; width: 500px; } .the_benefits { width: 100%; } .the_benefits h3 { padding: 9px 15px 5px; background: black; position: relative; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color: white; text-align: center; vertical-align: middle; display: table-cell; font-weight: bold; font-family: sans-serif; text-transform: uppercase; font-size: 14px; border-bottom: 0 none; float: left; } .the_benefits .wrapper { width: 100%; overflow: auto; font-size: 18px; background-color: rgb(206, 216, 221); border-bottom: 1px solid; border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0; } .the_benefits .wrapper .description { float: left; padding: 7px 20px; } .the_benefits h3 span { color: #000000; font-size: 18px; font-weight: normal; left: 190px; padding: 0; position: absolute; top: 7px; } .the_benefits ul { padding: 30px 0 20px; width: 100%; } .the_benefits ul li { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/thumb_up_green.png") no-repeat scroll left top transparent; display: inline-block; font-size: 14px; font-weight: bold; list-style: none outside none; margin: 0 0 20px 10px; padding: 0 0 0 35px; width: 210px; vertical-align: top; } .special_bonus { height: 180px; position: relative; width: 100%; } .special_bonus p { font-size: 18px; position: absolute; right: 30px; text-align: left; top: 20px; width: 580px; } .benefit_btn { border: medium none; bottom: 0; cursor: pointer; height: 42px; left: 350px; padding: 15px 0 0; position: absolute; text-align: center; width: 124px; } #page_content .benefit_btn a, #page_content .benefit_btn a:visited { color: #FFFFFF !important; font-size: 16px; font-weight: bold; text-decoration: none; } #california_res { background: none repeat scroll 0 0 #EAEAEA; border: 1px solid #666666; margin: 10px; padding: 10px; } address { font-size: 1.1em; line-height: 1.5em; } #how_it_work { margin-top: 20px; padding-bottom: 70px; } #how_it_work dl { float: left; margin-left: 22px; width: 30%; } #how_it_work dl dd { font-size: 12px; line-height: 1.5em; } #how_it_work h2 { line-height: 1.3em; margin-top: 2px; } #res_benefits { margin-bottom: 20px; width: 749px; overflow: auto; } #res_benefits ul { float: right; width: 400px; } #res_benefits ul li { font-size: 12px; line-height: 22px; list-style: disc outside none; } #left_nav { background-position: right -25px; background-repeat: no-repeat; float: left; margin: 15px 0 0 5px; min-height: 500px; width: 160px; } #left_nav dl { font-size: 1.1em; margin-bottom: 10px; text-align: left; } #left_nav dt { font-weight: bold; line-height: 1.3em; padding-left: 5px; } #left_nav dt a { color: #333333; font-size: 1.2em; font-weight: bold; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } #left_nav dd { margin-left: 0px; } #left_nav dd ul { list-style-type: none; margin: 5px 0 0 5px; padding: 0; } #left_nav dd ul li { list-style-type: none; margin: 0 0 0 5px; padding: 0; } .about_page dl dt { clear: both; color: #FFFFFF; font-weight: bold; height: 25px; padding: 5px 0 0 10px; text-transform: uppercase; } .about_page dl dd { font-size: 1.1em; line-height: 1.5em; margin: 0; padding: 5px 15px 10px 10px; } address { font-size: 1.1em; line-height: 1.5em; margin: 0; padding: 5px 15px 10px 10px; } #left_nav dd { display: none; } #left_nav dd ul li a { color: #666666; display: block; padding-top: 5px; text-decoration: none; } #faq_holder { float: left; margin: 15px 0 0 25px; min-height: 500px; text-align: left; width: 730px; } #faq_holder h2 { border-bottom: 1px solid #EFEFEF !important; color: #666666 !important; font-size: 1.2em !important; margin-bottom: 20px !important; padding-bottom: 5px !important; background-color: #FFFFFF; } div#page_content #faq_holder h2 { color: #666666 !important; padding-left: 0; } #faq_holder dl dt { font-size: 1.1em; font-weight: bold; line-height: 1.5em; margin-bottom: 10px; text-align: left; } #faq_holder dl dd { border-bottom: 1px solid #EFEFEF; color: #666666; font-size: 12px; line-height: 1.5em; margin: 10px 0; padding-bottom: 5px; } #faq_holder dl dd { color: #666666; font-size: 12px; line-height: 1.5em; } #page_info{ margin: 0 auto; } #page_info h1.title { padding: 20px 10px 10px 0px; width: 950px; margin: 0 auto; } #page_content p { margin: 0px; } #faq_holder ol li { list-style-type: decimal; margin-left: 17px !important; } h1.title { color: #8BC53F; font-size: 2em; margin: 0; text-shadow:0 1px 0 #FFFFFF; text-transform: uppercase; } .halfcolumn dl { margin: 0px; } #account_info { padding: 6px 0 0; margin:0px; } #account_info dt { font-size: 1.1em; line-height: 1.5em; margin-bottom: 2px; } #account_info dd { color: #AEAEAE; font-size: 10px; line-height: 1em; margin-left: 0px } #account_info dd a { color: #000; font-size: 1.1em; } .phone_list {float:right; width:550px;} #phone_list ul li { /* height:104px; border:1px solid #eaeaea; */ width:95px; text-align:center; float:left; margin:11px; min-height:150px; } #phone_list ul li a { display:block; text-decoration:none; } .phone_list_menu {float:left; width:180px; margin:10px;} #phone_list_menu ul li input {margin:0 5px 0 0; padding:0; vertical-align:middle;} #phone_list_menu h3 { font-weight:bold; } #phone_list_menu { width:140px; padding-left:10px; float:left } #phone_list { width:500px; float:right;} div#page_content div.content_block h2 {background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/header_grad_bg.png") repeat-x scroll left bottom #FFFFFF;} /* standard fields with labels in a table */ table.payment_source { width:98%; border-collapse:collapse; margin:1%; } table.payment_source th { text-align:left; font-weight:bold; padding:4px; border:1px solid #eaeaea; background-color:#f6f6f6; } table.payment_source td { text-align:left; padding-left:10px; padding:4px; border:1px solid #eaeaea; } /* --------------------------------------------- */ div#page_content div.content_block.pmt_source div.pmt_source_hdr, div.content_block h2 { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/header_grad_bg.png") repeat-x scroll left bottom #FFFFFF; color: #000000 !important; min-height: 12px; } div#page_content div.pmt_source div.pmt_source_hdr { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/header_grad_bg.png") repeat-x scroll left bottom #FFFFFF; color: #000000 !important; min-height: 25px; } div#page_content div.pmt_source_hdr h2 { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/credit_card_icon.png") no-repeat scroll 10px center transparent !important; float: left; padding-left: 40px !important; border: none; color: #000000 !important; } div.pmt_source_hdr p.page_actions { float: right; } #page_content div.pmt_source_hdr p.page_actions { margin: 3px 10px; } #page_content div.pmt_source_hdr p.page_actions a { margin: 0px 10px; text-decoration: none; font-size: 11px; } #page_content div.pmt_source_hdr p.page_actions .disabled { background: none repeat scroll 0 0 transparent; border: medium none; color: #000000; cursor: pointer; font-weight: normal; margin: 0 10px; padding: 0; color: #888888; font-size: 11px; } .long_distance { width: 100%; } sup { font-size: 8px; vertical-align: super; } .popup_body div#wrapper { width: 710px; } .popup_body #wrapper { border: 0 none !important; } .popup_body * { color: #000000 !important; font-size: 12px !important; } div.content_block p, div.content_block ul, div.content_block ol, div.content_block dl, div.content_block button { margin: 10px; } .the_benefits ul li.noli { background: none repeat scroll 0 0 transparent; font-weight: normal; margin-left: 20px; padding: 0; vertical-align: top; width: 240px; } .site_map { margin: 20px 0 10px 40px; } .site_map dl { float: left; margin: 0 25px 25px 0; width: 20%; } .site_map dl dt { background: none repeat scroll 0 0 #F6F6F6; font-size: 1.3em; font-weight: bold; margin-bottom: 10px; padding: 7px; } .site_map dl dd { font-size: 1.1em; line-height: 1.5em; padding-left: 5px; } .wpthemeControlBody { overflow: hidden; } /****** STOP - WCM CSS ******/ /****************************/ /**************************************/ /******* START - Talk Bubble *******/ #talkbubble { padding: 2px 15px 4px; background: black; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: white; text-align: center; vertical-align: middle; display: table; font-weight: bold; font-family: sans-serif; text-transform: uppercase; } #triangle-topleft { margin-left: auto; margin-right: auto; width: 0px; left: 50px; height: 0; border-top: 10px solid black; border-right: 10px solid transparent; } #talkbubble a, #talkbubble a:visited { color: white; text-decoration: none; } .talkbubble-wrapper { width: -moz-max-content; } .my_phone_info .talkbubble-wrapper { margin-top: 8px; cursor: pointer; } .my_phone_info #talkbubble { padding: 0 15px 2px; cursor: pointer; } /******* END - Talk Bubble *******/ /**************************************/ /********************************************/ /******* START - My Account Summary *******/ div.primary_content { float:right; width:590px; } div.secondary_content { float:left; width:170px; margin-right: 20px; } div.summary_page_main { float:right; width:580px; margin-right:10px; } h2.summary_menu { } h2.summary_menu a { font-weight:bold; margin-left:10px; } h2.summary_menu button { float:right; *position:relative; } div#account_summary_list { border:none !important; float: left; width: 700px; } div#account_summary_list div.phone_item { margin-bottom:20px; border:1px solid #ddd; padding: 0 0 20px; } div.phone_item { background: #fff url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/phone_item_divider_bg.png') no-repeat 360px 43px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 1px 4px 3px #eaeaea; -webkit-box-shadow: 1px 4px 3px #eaeaea; } div.phone_item .header { border-bottom:1px solid #ddd; } div.phone_item h3 { padding:7px 7px 7px 30px; font-size:14px; background: transparent url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/icon_nickname.png') no-repeat 4px center; margin:0px; background-color: #eaeaea; } div.phone_item h3 a { color:#555; font-weight:normal; font-size:11px; } dl.phone_item_info { float:left; width:50%; display:inline; margin-bottom:0px !important; padding: 0 0 0 11px; } dl.phone_item_info dt { font-weight:bold; font-size:14px; margin-left:100px; } dl.phone_item_info dd { margin-left:138px; margin-bottom:5px; color:#666; } dl.phone_item_info dd.min_esn { font-size: 17px; font-weight: bold; margin-bottom: 10px; color: #000; } dl.phone_item_info dd span.help_link { margin-left: 0; } dl.phone_item_info dd.phone_img { float: left; background-image: none; margin-left: 0; padding-left: 0; } dl.phone_item_actions { float: right; width: 47%; display: inline; } dl.phone_item_actions dt { margin-left: 10px; margin-bottom: 10px; font-weight: bold; color: #ec7100; font-size: 12px; } dl.phone_item_actions dd { min-height: 10px; margin-left: 10px; margin-bottom: 4px; font-size: 11px; padding: 0 0 1px 20px; background: transparent url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/icon_quick_link.png') no-repeat left center; } dl.phone_item_actions dd a { color: #666 !important; text-decoration: none; } dl.phone_item_actions dd a:hover { text-decoration: underline; } dl.account_welcome { color: #737373; text-align: right; } dl.account_welcome dt { font-size: 12px; font-weight: bold; } dl.account_welcome dd { font-size: 11px; } #account_summary_list .phone_item .phone_item_details { } #account_summary_list .phone_item .phone_item_details dt { padding-left: 20px; color: #79C144; text-decoration: underline; cursor: pointer; } #account_summary_list .phone_item .phone_item_details dd { display: none; } #account_summary_list .phone_item .phone_item_details.active dd { display: block; } dl.phone_item_info dd span.help_link { background: url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/help_icn.gif') no-repeat left center; padding: 0px 0px 4px 22px; margin-left: 10px; color: #526604; text-decoration: underline; cursor: pointer; font-weight: bold; height: 30px; } div.my_account_instr_popup { width: 300px !important; height: auto !important; padding: 10px; } div.my_account_instr_popup .dijitDialogPaneContent { height: auto !important; } #myaccount_nav { float: left; width: 170px; margin-right: 20px; } #myaccount_nav dd ul {margin:0px;} #myaccount_nav dl { margin-bottom: 5px; } #myaccount_nav dt { height: 34px; text-indent: -9000px; width: 170px; } #myaccount_nav dd ul li { background-color: #F3F3F3; border-bottom: 1px solid #D7D7D7; border-top: 1px solid #FBFBFB; margin-left: 0; } #myaccount_nav dd ul li a { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/left_nav_bullet.png") no-repeat scroll 6px center transparent; color: #333333; display: block; font-size: 12px; font-weight: bold; padding: 5px 0 5px 20px; text-decoration: none; } #myaccount_nav dd li ul a { background: none repeat scroll 0 0 transparent; font-weight: normal; } #myaccount_nav dd ul li a:hover { background-color: #EAEAEA; text-decoration: underline; } #myaccount_nav #featurenews dd { margin-top: 15px; } #myaccount_nav #featurenews dd ul li { padding: 5px; } #myaccount_nav #featurenews dd ul li#featurehdr { background-color: #339933; color: white; } .phone_item_message { padding: 0px 11px; } /** START - Social Media CSS **/ .email-dialog { padding-top: 15% !important; } .socialMediaParentDIV{ margin: 6px; display:inline-block; } .socialMediaChildDIV{ margin: 12px; margin-bottom: 36px; } .socialMediaLinkDesc{ width:40%; padding-right: 11px; } .socialMediaLinkCheckBox{ width:10%; } .socialMediaLinkCheckBoxLinked{ width:10%; margin: 0px; } .socialMediaShareIntDesc{ width:37%; } .onoffswitch-checked .onoffswitch-inner { margin-left: 0; } .onoffswitch-checked .onoffswitch-switch { right: 0px; } .onoffswitch { position: relative; width: 73px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #CCC; border-radius: 25px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 26px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; } .onoffswitch-inner:before { content: "ON"; padding-left: 12px; background-color: #C3E259; color: #FFFFFF; border-radius: 25px 0 0 25px; } .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #474747; color: #FFF; text-align: right; border-radius: 0 25px 25px 0; } .onoffswitch-switch { display: block; width: 25px; margin: 0px; background: #FFFFFF; border: 1px solid #CCC; border-radius: 25px; position: absolute; top: 0; bottom: 0; right: 44px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); box-shadow: 0 1px 10px #FFF inset; box-sizing:initial; height:25px; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 2px; } .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch{ cursor:not-allowed; } .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner{ cursor:not-allowed; } .onoffswitch-checked .shareInt-onoffswitch-inner { margin-left: 0; } .onoffswitch-checked .shareInt-onoffswitch-switch { right: 0px; } .onoffswitch-checked .shareInt-onoffswitch-inner { margin-left: 0; } .onoffswitch-checked .shareInt-onoffswitch-switch { right: 0px; } .shareInt-onoffswitch { position: relative; width: 73px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .shareInt-onoffswitch-checkbox { display: none; } .shareInt-onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #CCC; border-radius: 25px; } .shareInt-onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .shareInt-onoffswitch-inner:before, .shareInt-onoffswitch-inner:after { display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 26px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px; } .shareInt-onoffswitch-inner:before { content: "ON"; padding-left: 12px; background-color: #C3E259; color: #FFFFFF; border-radius: 25px 0 0 25px; } .shareInt-onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #474747; color: #FFF; text-align: right; border-radius: 0 25px 25px 0; } .shareInt-onoffswitch-switch { display: block; width: 25px; margin: 0px; background: #FFFFFF; border: 1px solid #CCC; border-radius: 25px; position: absolute; top: 0; bottom: 0; right: 44px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); box-shadow: 0 1px 10px #FFF inset; box-sizing:initial; height:25px; } .shareInt-onoffswitch-checkbox:checked + .shareInt-onoffswitch-label .shareInt-onoffswitch-inner { margin-left: 0; } .shareInt-onoffswitch-checkbox:checked + .shareInt-onoffswitch-label .shareInt-onoffswitch-switch { right: 2px; } .shareInt-onoffswitch-checkbox:disabled + .shareInt-onoffswitch-label .shareInt-onoffswitch-switch{ cursor:not-allowed; } .shareInt-onoffswitch-checkbox:disabled + .shareInt-onoffswitch-label .shareInt-onoffswitch-inner{ cursor:not-allowed; } .socialMediaSelection div{ display:inline-block; float:left; /*margin:10px 0 10px 0;*/ font-size:12px; } /** END - Social Media CSS **/ /******* END - My Account Summary *******/ /********************************************/ /********************************************/ /******* START - Min and Pin Refill *******/ .redemption .error { margin: 0; } div#page_content .error p { margin-bottom: 0; } .airtime_option { margin: 0 6px; } .airtime_option .content_block { background-color: #F4F4F4; width: 203px; } #page_content .airtime_option h2 { font-size: 16px; margin-bottom: 20px; box-shadow:none; } .airtime_option h2 em { font-size: 12px; font-weight: normal; margin-left: 10px; } .airtime_option h3 { font-size: 14px; font-weight: bold; margin: 10px;border:none; } .airtime_option.refill { float: left; margin-left: 15px; width: 750px; } .airtime_option.refill p { width: 500px; } .airtime_option.refillWalmart { float: left; height: 350px; margin-right: 30px; padding-left: 40px; width: 600px; } .airtime_option.refillWalmart p { width: 200px; } div#page_content button.disabled { background-color: #CCCCCC; border-color: #888888; color: #888888; } /******* END - Min and Pin Refill *******/ /********************************************/ /*Activate Page*/ .activate_page dl {width:318px; height:216px; padding:25px; text-align:center; line-height:1.5em; background-image:url(/static/straight/images/activate_bg.gif); background-repeat: no-repeat;} .activate_page dl dt {color:#ffffff; font-size:1.5em; font-weight:bold; height:50px;} .activate_page dl dd {color:#ffffff; font-size:1.1em;} .activate_page dl dd.btn_large{background:url(/static/straight/images/btn_large.gif); background-repeat:no-repeat; height:55px; color:#000000; background-position:center; padding-top:23px; margin-top:15px; font-weight:bold;} .activate_page .prograss_bar {text-align:center; padding-bottom:25px;} .my_phone_info {float:left; width:400px; margin:0px 10px 10px 0px; border:1px solid #eaeaea; padding:5px; height: 115px;} .my_phone_info dl {margin:0px 10px 0px 0px !important; float:left; max-width: 250px;} #phone_list_menu ul li, #phone_list ul li {list-style-type:none !important;} .left_indent { padding-left: 25px; } .locale_es .my_phone_info dl {max-width: 230px;} /*Activate Page*/ /********************************************/ /******* START - Landing Pages *******/ .halfcolumn { margin-top: 15px; width: 378px; min-height: 150px; } .float_left dl .landing_title { padding: 2px 15px 4px; background: black; -moz-border-radius: 0 7px 7px 0; -webkit-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; color: white; text-align: center; vertical-align: middle; display: table-cell; font-weight: bold; font-family: sans-serif; text-transform: uppercase; font-size: 11px; width: 378px; text-align: left; } .float_left dl dt { clear: both; color: #FFFFFF; font-weight: bold; height: 25px; padding: 5px 0 0 10px; text-transform: uppercase; } .float_left dl dd { font-size: 1.1em; line-height: 1.5em; margin: 0; padding: 10px 15px 10px 10px; } .float_right dl .landing_title { padding: 2px 15px 4px; background: black; -moz-border-radius: 7px 0 0 7px; -webkit-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px; color: white; text-align: center; vertical-align: middle; display: table-cell; font-weight: bold; font-family: sans-serif; text-transform: uppercase; font-size: 11px; width: 378px; text-align: left; } .float_right dl dt { clear: both; color: #FFFFFF; font-weight: bold; height: 25px; padding: 5px 0 0 10px; text-transform: uppercase; } .float_right dl dd { font-size: 1.1em; line-height: 1.5em; margin: 0; padding: 10px 15px 10px 10px; } /******* END - Landing Pages *******/ /********************************************/ /********************************************/ /******* START - StraightTalk Reserve Page *******/ .section_header { width: 100%; margin-bottom: 30px; } .section_header h3 { padding: 9px 15px 5px; background: black; position: relative; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color: white; text-align: center; vertical-align: middle; display: table-cell; font-weight: bold; font-family: sans-serif; text-transform: uppercase; font-size: 14px; border-bottom: 0 none; float: left; } .section_header .wrapper { width: 100%; overflow: auto; font-size: 18px; border-bottom: 1px solid; border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0; } .section_header .wrapper .description { float: left; padding: 7px 20px; } /******* END - StraightTalk Reserve Page *******/ /********************************************/ /********************************************/ /******* START - Walmart Kiosk *******/ .options { width: 380px; } .options .option { height: 135px; padding-right: 15px; } .options h3 { font-size: 1.2em; font-weight: bold; line-height: 1.5em; margin-left: 15px; margin-top: 45px; width: 190px; border: none; overflow: visible; } .options hr { border: 1px solid #EAEAEA; } #page_content .options a { text-decoration: none; } .options .option img { float: right; } /******* END - Walmart Kiosk *******/ /********************************************/ /********************************************/ /******* START - How It Works **********/ div#page_content .inner_pad h2, div#page_content #faq_holder h2 { background-image: none !important; } /* ========================================================================== HOW IT WORKS PAGE ========================================================================== */ section.howitworksbox { width: 290px; float: left; border-right: 1px solid #dedede; padding: 10px 10px 5px 10px; height:430px; text-align: center; position: relative; } section.howitworksbox img { padding: 60px 0; margin-top:40px; } section.howitworksbox h3 { width: 30px; font-size: 20px; background-color: #8bc53f; color: white; text-shadow:0px 0px 0px #000; text-align: center; position: absolute; top: 0; right: 130px; border: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #8bc53f; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8bc53f), to(#96d742)); background: -webkit-linear-gradient(#8bc53f, #96d742); background: -moz-linear-gradient(#8bc53f, #96d742); background: -ms-linear-gradient(#8bc53f, #96d742); background: -o-linear-gradient(#8bc53f, #96d742); background: linear-gradient(#8bc53f, #96d742); -pie-background: linear-gradient(#8bc53f, #96d742); } section.howitworksbox.last { margin-right:0; margin-left: 0; padding-right: 0; border: 0; } section.howitworksbox p.disclaimer { text-align: center !important; } /******* END - How It Works *******/ /******* START - Select a Service Plan **********/ div#progress_bar img { display: block; margin-left: auto; margin-right: auto; } div.service_plans_portlet div.portlet_content_block table { width: 90%; } /******* END - Select a Service Plan **********/ /********************************************/ /******* START - Mobile Web Portlet **********/ div.mobile_web_portlet { margin: 0 10px; } /******* END - Mobile Web Portlet *******/ /********************************************/ /********************************************/ /******* START - Refill On Demand **********/ div#RefillOnDemand { } div#RefillOnDemand .ibmDndRow div.airtime_option.refill { margin: 0; width: 100% } div#RefillOnDemand .ibmDndRow div.airtime_option.refill div.portlet_content_block{ margin-top: 10px; } div#RefillOnDemand .ibmDndRow div.airtime_option.refill h2 { } div#RefillOnDemand .ibmDndRow div.airtime_option.refill h3 { float: left; background: none; } div#RefillOnDemand .ibmDndRow div.airtime_option.refill form { padding: 0px 0px 20px 10px; } div#RefillOnDemand div.st2Col.ibmDndColumn { width: 250px; border-right: 1px solid #DDDDDD; } div#RefillOnDemand div.st2Col.ibmDndColumn div#login_box{ background-color: #F4F4F4; width: 203px; } div#RefillOnDemand div.st2Col.ibmDndColumn div#login_box h2{ font-weight: bold; } div#RefillOnDemand div.st2Col.ibmDndColumn div#login_box p{ display: none; } div#RefillOnDemand div.st2Col.ibmDndColumn div#login_box form p{ display: block; } div#RefillOnDemand div.st2Col.ibmDndColumn div#login_box div.formDiv{ padding-top: 10px; } div#RefillOnDemand div.st2Col.ibmDndColumn div#login_box div.formDiv .caption{ margin-bottom: 10px; } div#RefillOnDemand div.st2Col.ibmDndColumn.stRightCol{ width: 420px; border: none; } div#RefillOnDemand div.st2Col.ibmDndColumn.stRightCol .enroll_features { padding-left: 50px; } div#RefillOnDemand div.st2Col.ibmDndColumn.stRightCol .enroll_features dl { border-top: 1px solid #E8E8E8; float: none; margin-right: 13px; margin-top: 20px; min-height: 80px; padding-right: 13px; padding-top: 15px; width: 350px; } div#RefillOnDemand div.st2Col.ibmDndColumn.stRightCol .enroll_features dl dt { color: #EDA207; font-size: 14px; font-weight: bold; margin-bottom: 10px; width: 150px; } div#RefillOnDemand div.st2Col.ibmDndColumn.stRightCol .enroll_features dl dd { font-size: 12px; line-height: 1.5; width: 225px; } /******* END - Refill On Demand *******/ /********************************************/ /********************************************/ /******* START - Auto-Refill Setup **********/ .account_phone_list .my_phone_info { padding: 10px; } .my_phone_info dl dd {text-align: left;} /******* END - Auto-Refill Setup *******/ /********************************************/ div.more_info_size { width: 500px; height: auto; } /**** Search Reatailers*********/ div.halfcolumn.single { margin-left:auto; margin-right:auto; } .mq_results {} .mq_results #zoomMap ul li { list-style:none !important; } .mq_results .result_list { width:90%; margin:0 auto; padding-top: 10px;} .mq_results .result_list td { padding:8px; border-top: 1px solid #eaeaea; vertical-align:middle; } .mq_results .result_list th, .mq_results .result_list tfoot td { padding:8px; background-color:#eaeaea; vertical-align:middle; font-weight:bold; } div#retailresult button { background: none repeat scroll 0 0 #000000; border: 1px solid #666666; color: #FFFFFF; font-weight: bold; padding: 3px; } div#retailresult button.disabled { background-color: #CCCCCC; border-color: #888888; color: #888888; } table#retailMap td { padding: 0; } div#success_msg, div#success_two { background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/success_icn.gif") no-repeat scroll 10px center #DDF3B8; border: 1px solid #7CBC0E; display: none; margin: 10px; padding: 10px 10px 10px 44px; } .red { color: #CC0000; } /****** Search Reatailers******/ /********************************************/ /******* START - WCM Inline Edit Tools *******/ .toolColors { #background-color: #333333; color: #959595; } .inlineToolBox { font-size: 10px; padding: 5px 15px 0px; text-transform: none; vertical-align: middle; display: inline-block; font-weight: bold; } .toolUserInfo { color: #FFFFFF; } .wcmEditToolsCSS { display: none; padding-top: 20px; } /******* END - WCM Inline Edit Tools *******/ /********************************************/ /******* START - Manage Reserve Portlet ******/ /********************************************/ div.secondary_content { float:left; width:295px; } #switch_plan_div { width:440px; height: auto; } .reserve_cards tr.card img{ } .reserve_cards p, .secondary_content p { padding-left: 10px; } #pendingcards thead { background: #efefef; } #pendingcards tr td { border-top: 1px solid #EAEAEA; margin-bottom: 10px; padding: 15px 5px 10px 5px; } #pendingcards, tr, th, td { } table.pmt_history { text-align: left; } table.pmt_history thead { background:#EAEAEA; } table.pmt_history thead th { padding: 5px; } table.pmt_history td { width: 200px; vertical-align: top; } /******* END - Manage Reserve Portlet ******/ /********************************************/ /******* START - Manage Nickname ******/ /********************************************/ .edit_nick table { border-collapse: collapse; } .edit_nick table td { border: 1px solid #EAEAEA; padding: 8px; } /******* END - Manage Nickname ******/ /********************************************/ .ibmDndRow .lotusWidget2 { margin: 0px; } .layoutRow .lotusWidget2, .layoutColumn .lotusWidget2 { margin: 0px; } .activate_portlet .page_actions { margin: 0 10px; } .activate_portlet p { margin: 0 10px; } /******* START - Apps & More ******/ /********************************************/ input.error_field { background-color: #FFF9D2; border: 2px solid #CC0000; color: #CC0000; } /* Popup Instructions - start */ div#confirm_div.instr_popup div.window { width:400px; left:30%; } #x_confirm_div { border: 5px solid #CCFF00 !important; top: 113px; width:740px; height:100px !important; background-color: #FFF; } .cancel_dialog { font-size: 12px; line-height: 1.5; } div.instr_popup div.cancel_window { left: 30%; width: 440px; height: 120px; } #popup_window p.page_actions { text-align:right; } #popup_window p.page_actions button { margin-left: 4px; white-space: nowrap; } #apps_and_more_input_content #default_submit_btn { background: none repeat scroll 0 0 #000000; border: 0 none; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer; font-size: 12px; font-weight: bold; margin: 0; padding: 5px 10px; } #apps_and_more_content_block { float: left; margin-bottom: 0; margin-left: 10px; margin-right: 20px; min-height: 210px; width: 350px; } #apps_and_more_input_content { float: left; margin-top: 30px; width: 220px; } #apps_and_more_input_content label { color: #8F8F8F; display: block; font-size: 12px; font-weight: bold; margin-bottom: 5px; } #apps_and_more_input_content .maskMin { border: 1px solid #CCCCCC; font-family: Arial; padding: 5px; width: 110px; } #apps_and_more_phone { float: left; height: 120px; margin-top: 22px; width: 120px; } .ibmRow_apps_more .tracfone_portlet img { display: block; margin: 10px auto 20px; } .ibmRightCol_apps_more .tracfone_portlet img { margin-top: 10px; } /******* END - Apps & More ******/ /********************************************/ /******* START - Straighttalker ******/ /********************************************/ .straighttalker_news { width: 450px; min-height: 200px; } .straighttalker_news_image { float: left; padding: 0 15px; } .straighttalker_news h2 { background: none repeat scroll 0 0 transparent; box-shadow: none; font-size: 20px; margin-bottom: 5px; } .straighttalker_news p { font-size: 13px; line-height: 1.5em; margin: 0; } .straighttalker_news_link { margin-top: 15px; } /******* END - Straighttalker ******/ /********************************************/ /********************************************/ /******* START - Create Account **********/ div.instr_box { display: none; margin-left: auto; margin-right: auto; width: 98%; } .instr_box { background-color: #FFFFFF; border: 1px solid #EAEAEA; margin-bottom: 10px; overflow: hidden; padding: 4px; } .instr_box span { display: block; float: left; width: 92%; } .instr_box span.close_btn { float: right; text-align: right; } .instr_box span.close_btn img { background-color: #FFFFFF; cursor: pointer; padding: 2px; } /******* END - Create Account *******/ /********************************************/ /********************************************/ /******* START - Page Info **********/ #portlet_page_info { margin: 0px 10px; } /******* END - Page Info *******/ /********************************************/ /********************************************/ /******* START - Page Actions **********/ #page_content .page_actions { margin: 10px; } /******* END - Page Actions *******/ /********************************************/ /********************************************/ /******* START - Check Balance **********/ .check_balance_portlet .portlet_actions { text-align: right !important; margin-right: 10px; } div.check_balance_portlet table td { font-size: 11px; } div.check_balance_portlet .portlet_content_block { padding: 0px; } div.check_balance_portlet table.form_fields td.label_cell { padding-bottom: 10px; } .check_balance_portlet ol { list-style-type: decimal; } /******* END - Check Balance *******/ /********************************************/ /********************************************/ /******* START - Hearing Aid Compatability **********/ #hac_compatability .No { display: none; } #hac_compatability ul li { font-weight: bold; color: #000000; } #hac_compatability ul li a { font-weight: bold; color: #000000; text-decoration: none; } /******* END - Hearing Aid Compatability *******/ /********************************************/ /********************************************/ /******* START - Support/Phones **********/ #container_newphone .Hide { display: none; } /******* END - Support/Phones *******/ /********************************************/ div.addServicePlanDialogDiv { width: 450px !important; } form#summaryFooterActionsForm { float: right; margin-bottom: 20px; margin-right: 10px; } div.static_message { font-weight: bold; } .float_right dl dt { color: #000000; } div.airtime_option h2 { font-size: 15px; } .account_phone_list .my_phone_info .talkbubble-wrapper { width: 100px; } p.disclaimer{ color: #737373; font-size: 10px; text-align: left !important; } /**Handset Protection**/ .valueadded h3 {font-size:2em; font-weight:bold; text-align:center; margin-top:25px;} .valueadded .plan_detail {width:590px; margin:0 auto; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background:#eeeeee; padding:20px 20px 0px 20px; margin-top:20px; background-image: -ms-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%); background-image: -o-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #EEEEEE 0%, #FFFFFF 100%); } .valueadded h4 {background:#ccff00; font-size:1.4em; padding:5px; text-align:center; font-weight:bold; float:left; } .valueadded ul {clear:both;} .valueadded #options {clear:both;} .valueadded #options .option {width:255px; float:left; padding:10px 10px 10px 25px; border-bottom:1px solid #d5d5d6; background:url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/check.png") no-repeat scroll 5px 17px transparent; } .valueadded .subheader { margin-left: 14px; } .valueadded #options .option:hover {background-color:#eaeaea; } .valueadded #options .option p {font-weight:bold; font-size:1.2em; text-shadow:1px 1px 0px #fff;} .valueadded label {font-size: 1.2em;} .warranty_container .warranty{ background-color: #FFFFFF; border: 1px solid #eaeaea; -webkit-box-shadow: inset 0 0px 10px #fff, 0 1px 0px #aca8a1; -moz-box-shadow: inset 0 0px 10px #fff, 0 1px 0px #aca8a1; -o-box-shadow: inset 0 0px 10px #fff, 0 1px 0px #aca8a1; box-shadow: inset 0 0px 10px #fff, 0 1px 0px #aca8a1; overflow: hidden; padding: 20px; position: relative; margin-bottom: 10px; width:737px;} .warranty_container .warranty:hover {background:#f6f6f6;} .warranty .radio{margin-top:1.5em; width: 30px; float:left; } .warranty .image {width:150px; float: left; } .warranty .warranty_description {width: 400px; float: left; } .warranty .price {width:70px; float: right;} .warranty .price h2 { font-size: 2em !important; margin-top: 18px; line-height: 1.6em;} .warranty h2 { font-size: 1.2em; background:none !important; margin-top: 18px; line-height: 1.1em; box-shadow:none;} .warranty_container a.btn {color:#fff !important; background: #000; padding: 5px; position: relative; top: 5px; text-decoration: none;} #easyexchange {padding: 20px;} .last { margin-right: 0 !important; } /*HomePage*/ div.ads .ad { float: left; margin:10px 10px 0px 0px; } .hero_ad { margin-top: 10px; } /* ========================================================================== SHOP PAGE ========================================================================== */ section.shop_banners { padding: 10px 0 20px 0; background-color: #FFFFFF; } section.shop_banners a { margin-left: 6px; display: block; width: 449px; float: left; border: 3px solid #dedede; } section.shop_banners a:hover { border: 3px solid #999; } section.shop_cards { width: 100%; clear:both; border-bottom: 1px solid #dfdfdf; padding-top:20px; margin-top:10px; background: url('/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/bgfade.gif') repeat-x bottom left; } section.shop_cards div.shop_cards_title { width: 20%; float: left; margin:10px 20px 0 10px; height: 141px; } section.shop_cards div.shop_cards_title h4 { font-size: 26px; font-weight: normal; clear:both; float: left; padding: 0px; margin: 0px; } section.shop_cards div.shop_cards_title p { font-size: 14px; clear:both; float: left; padding: 0px 0px 0px 0px; margin: 0px; } section.shop_cards div.shop_cards_box { width: 36.5%; height: 130px; float: left; display: block; background: url("/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/card_shadow.png") bottom left no-repeat; position: relative; margin-right:10px; margin-bottom:20px; } section.shop_cards div.shop_cards_box img { position: absolute; bottom: 7px; left:10px; } section.shop_cards div.shop_cards_box p { float: right; width: 145px; font-size: 11px !important; margin-top: 10px !important; } section.shop_cards div.shop_cards_box .btn { position: absolute; bottom: 0px; right:60px; } /* ========================================================================== SUBMIT BUTTON STYLES ========================================================================== */ section .btn{ cursor: pointer; font-size: 13px; border: 1px solid #777; text-decoration: none; color: #777; font-weight: bold; padding: 8px 18px; border: 1px solid #afafaf; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ text-shadow: 0 1px 0 rgba(255,255,255,.7); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 3px 0; } section .btn:hover{ color: #555; border: 1px solid #555; } section .btn.silver{ color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.3); border: 1px solid #555; background: #7b7b7b; /* Old browsers */ background: -moz-linear-gradient(top, #7b7b7b 0%, #626262 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#626262)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7b7b7b 0%,#626262 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7b7b7b 0%,#626262 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7b7b7b 0%,#626262 100%); /* IE10+ */ background: linear-gradient(to bottom, #7b7b7b 0%,#626262 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7b7b', endColorstr='#626262',GradientType=0 ); /* IE6-9 */ margin: 3px 0; } section .btn.silver:hover{ border: 1px solid #111; } section .btn.green{ color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,.3); border: 1px solid #609310; background: #93cd2d; /* Old browsers */ background: -moz-linear-gradient(top, #93cd2d 0%, #66b211 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cd2d), color-stop(100%,#66b211)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #93cd2d 0%,#66b211 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #93cd2d 0%,#66b211 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #93cd2d 0%,#66b211 100%); /* IE10+ */ background: linear-gradient(to bottom, #93cd2d 0%,#66b211 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cd2d', endColorstr='#66b211',GradientType=0 ); /* IE6-9 */ margin: 3px 0; text-decoration: none !important; } section .btn.green:hover{ border: 1px solid #3c5d08; background: #7fc11d; /* Old browsers */ background: -moz-linear-gradient(top, #93cd2d 0%, #7fc11d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cd2d), color-stop(100%,#7fc11d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #93cd2d 0%,#7fc11d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #93cd2d 0%,#7fc11d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #93cd2d 0%,#7fc11d 100%); /* IE10+ */ background: linear-gradient(to bottom, #93cd2d 0%,#7fc11d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cd2d', endColorstr='#7fc11d',GradientType=0 ); /* IE6-9 */ } section .help { font-size: 10px; padding:4px; } section .help span { color: #999; font-family: trechubet; } /* ========================================================================== SERVICE PLANS PAGE ========================================================================== */ section dl.calling_plans { width: 900px; margin: 0 0 0 21px; border-bottom: 1px solid white; background: #d2d2d2; /* Old browsers */ position: relative; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #d2d2d2 0%, #e5e5e5 16%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(16%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d2d2d2 0%,#e5e5e5 16%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d2d2d2 0%,#e5e5e5 16%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d2d2d2 0%,#e5e5e5 16%); /* IE10+ */ background: linear-gradient(to bottom, #d2d2d2 0%,#e5e5e5 16%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ } section dl.calling_plans:hover { background: #dedede !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede',GradientType=0 ); /* IE6-8 */ background: -ms-linear-gradient(top, #d2d2d2 0%,#e5e5e5 16%); /* IE10+ */ } section dl.calling_plans dt { clear: both; height: 100%; padding-top: 30px; background: white; } section dl.calling_plans dd.big_number span.new { font-size: 12px; position: absolute; top: 12px; left: 50px; } section dl.calling_plans dd.big_number span.blackberry { font-size: 12px; position: absolute; bottom: 8px; left: 28px; } section dl.calling_plans dd.big_number span.dollar { font-weight: lighter; font-size: 45px; } section dl.calling_plans dd.big_number { border-left: 0; color: #8bcd00; font-weight: 900; font-size: 50px; font-style: normal; padding:15px 0 0 0; width: 120px; height: 85px; vertical-align: middle; position: relative; text-align: center; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #3d3d3d 0%, #2c2c2c 16%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(16%,#2c2c2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#2c2c2c 16%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#2c2c2c 16%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#2c2c2c 16%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#2c2c2c 16%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-8 */ } section dl.calling_plans dd.big_number em { font-weight: normal; font-size: .9em; font-style: normal; } section dl.calling_plans dd { font-size: 1.2em; font-weight: bold; font-style: normal; padding: 0; height: 99px; width: 155px; float: left; vertical-align: middle; text-align: center; margin: 0; position: relative; border-left: 1px solid white; } section dl.calling_plans dd.short { width: 206px; font-size: 1.5em; } section dl.calling_plans dd.short p.short { padding-top: 15px;} section dl.calling_plans dd.long { width: 570px; } section dl.calling_plans dd.long ol { padding-top:10px; } section dl.calling_plans dd.long ol li { background: none; list-style: none; text-align: left; font-size: 1em; border: 0; width:90%; height: auto; padding: 0 0 0 20px; margin-left: 20px; line-height: 20px; background: transparent url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/checkbox.png) no-repeat 0px 3px; } section dl.calling_plans dd p { font-size: 1em; font-weight: bold; height: 50px; } section dl.calling_plans dd p.short { padding-top: 25px; } section dl.calling_plans dd p.mid { padding-top: 15px; } section dl.calling_plans dd p.big { padding-top: 5px;} section dl.calling_plans dd p span.cool_green { color: #669900; } /** SPANISH STYLE FOR SERVICE PLANS PAGE **/ .locale_es section dl.calling_plans dd.big_number span.new { left: 38px; } .locale_es section dl.calling_plans dd.long ol { padding-left: 10px; } .locale_es section dl.calling_plans dd.long ol li { font-size: .9em; margin-left: 0px; width: 100%; } .locale_es section dl.calling_plans dd li p.short { top: 30px; } /*Older CSS for service plan page, to be removed after the deployment and sync - imran*/ section ul.calling_plans {width: 100%; clear: both; border: 1px solid #fff; } section ul.calling_plans li { font-size: 12px; font-weight: bold; font-style: italic; padding: 0; margin: 0; height: 99px; width: 156px; float: left; list-style: none; background: #d2d2d2; /* Old browsers */ border-left: 1px solid white; position: relative; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #d2d2d2 0%, #e5e5e5 16%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(16%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d2d2d2 0%,#e5e5e5 16%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d2d2d2 0%,#e5e5e5 16%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d2d2d2 0%,#e5e5e5 16%); /* IE10+ */ background: linear-gradient(to bottom, #d2d2d2 0%,#e5e5e5 16%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ } section ul.calling_plans li.short { width: 256px; } section ul.calling_plans li.short p { font-size: 15px; font-weight: bold; } section ul.calling_plans li.long { width: 527px; } section ul.calling_plans li.long ol li { background: transparent url(/wps/contenthandler/!ut/p/digest!-zuv7ajeoYuZZ_TlayKS4w/dav/fs-type1/themes/SIMPLEMobileTheme/css/straighttalk/images/custom/checkbox.png) no-repeat 0px 3px; border: 0; width:85%; height: auto; padding: 0 0 0 30px; margin-left: 20px; line-height: 20px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; } section ul.calling_plans li p { font-size: 12px; font-weight: bold; font-style: italic; position: absolute; top: 0%; width: 98%; text-align: center; } section ul.calling_plans li p.short { top: 35px; } section ul.calling_plans li p.mid { top: 25px; } section ul.calling_plans li p.big { top: 15px;} section ul.calling_plans li.big_number { border-left: 0; color: #8bcd00; font-weight: 900; font-size: 50px; font-style: normal; padding:15px 0 0 0; width: 120px; height: 85px; clear: left; vertical-align: middle; position: relative; text-align: center; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #3d3d3d 0%, #2c2c2c 16%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(16%,#2c2c2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d3d3d 0%,#2c2c2c 16%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d3d3d 0%,#2c2c2c 16%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d3d3d 0%,#2c2c2c 16%); /* IE10+ */ background: linear-gradient(to bottom, #3d3d3d 0%,#2c2c2c 16%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-8 */ } section ul.calling_plans li.big_number span.new { font-size: 12px; position: absolute; top: 17px; left: 50px; line-height:0px; } section ul.calling_plans li.big_number span.blackberry { font-size: 12px; position: absolute; bottom: 12px; left: 28px; line-height:0px; } section ul.calling_plans li.big_number span.dollar { font-weight: lighter; font-size: 45px; } section ul.calling_plans li span.cool_green { color: #669900; } section ul.calling_plans li.cool_header { clear: both; height: 100%; margin-top: 30px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ background: white; width: 906px; } section ul.calling_plans li ol {padding-top:10px} .locale_es section ul.calling_plans li.big_number span.new { left: 38px; } .locale_es section ul.calling_plans li.long ol li { font-size: 10px; margin-left: 0px; width: 95%; } .locale_es section ul.calling_plans li p.short { top: 30px; } .service_plans .tracfone_portlet { margin: 0; } .service_plans .tracfone_portlet .inner_pad { padding: 0 10px; } .service_plans .tracfone_portlet .inner_pad #plans { border-top: medium none; } .service_plans .portlet_content_block { border-bottom: 1px inset white; border-radius: 3px 3px 0 0; margin: 0; padding: 0; } div.portlet_content_block table#service_plans th, div.portlet_content_block table#service_plans td { vertical-align: middle; } section p.disclaimer { font-size: 11px; line-height: 17px; color: #666666; } /* ========================================================================== PHONE PROGRAMMING ========================================================================== */ .phone_list_nav { width: 200px; float: left; background: none repeat scroll 0 0 #EFEFEF; overflow: hidden; padding: 3px; position: fixed; border-radius: 2px 2px 2px 2px; } .phone_list_nav ul { list-style: none; background: none repeat scroll 0 0 #FAFAFB; margin: 0px; border: 1px solid #D8D8D8; border-radius: 2px 2px 2px 2px; } .phone_list_nav li { border-bottom: 1px solid #EEEEEE; border-top: 1px solid #FFFFFF; margin-left: 0 !important; padding: 0; } .phone_list_nav li:first-child { border-top: medium none; } .phone_list_nav li:last-child{ border-bottom: medium none; } .phone_list_nav ul li a { color: #8BC53F !important; display: block; font-size: 1.1em; line-height: 1.6em; padding: 6px 10px 6px 10px; text-shadow: 0 1px 0 #FFFFFF; } .phone_list_nav ul li a:hover { background: none repeat scroll 0 0 #FDFDFE; text-decoration: none !important; border-right: 2px solid #D26911; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset; color: #222222; } div.programing_instructions { width: 690px; float: right; margin-left: 20px; } section#prog_videos ul { padding: 0px; } section#prog_videos ul li { list-style: none; float: left; margin-right: 7px; font-size: 1.2em; margin-left: 0px; } #page_content .phone_list_nav a, #page_content .phone_list_nav a:visited { color: #8BC53F; text-decoration: none; } #page_content .phone_list_nav h3{ background:none; padding: 0 5px; } #tracfone_straighttalk_portal_apn_instructions #page_content a, #tracfone_straighttalk_portal_apn_instructions #page_content a:visited { color: #8BC53F; text-decoration: none; } #tracfone_straighttalk_portal_apn_instructions #page_content a:hover { text-decoration: underline; } #page_content .phone_list_nav a:hover{ color: #4b6a23; } #tracfone_straighttalk_portal_apn_instructions #page_content { background: #FFFFFF; padding: 10px 10px 10px 10px; min-height: 450px; margin-bottom: 20px; border-top: 1px solid #DDDDDD; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } section h3 { background: #efefef; color: #000; padding: 7px; text-shadow:1px 1px 1px #fff; margin-top: 10px; } section ol{ padding-left: 20px; margin:0px; } .spanishContentBlock p{ padding-left: 20px; margin-bottom: 0px !important; margin-top: 10px !important; } section ul { padding: 0; } section ol li { margin:0px !important; } section ol li ul { margin:0px; } .programing_instructions ol li ul li{ list-style: none outside none; margin:0px !important; } /* IE7 fixes*/ .lotusui_ie7 header {position: relative !important;} .lotusui_ie7 .main_nav ul li ul {position: absolute !important; z-index: 999 !important;} .lotusui_ie7 .wpthemeBanner { top: 0; } /* Fixes the Menu Bar */ .lotusui_ie7 header {z-index: 999;} .lotusui_ie7 .wpthemeMainContent {z-index: -1;} .lotusui_ie7 div.portlet_content button { margin-left: 10px;} /* fixes button spacing */ .lotusui_ie7 section.shop_cards div.shop_cards_title p { width: 200px; } /* Fixes P spacing in Shop page */ .lotusui_ie7 div.portlet_content_block h2 { padding: 12px 0 12px 10px !important; } /* Fixes Activate Spacing H2 */ .lotusui_ie7 section.autorefillbox { float: none !important;} /* Fixes button issue in Auto-Refill page */ .lotusui_ie7 div.main_nav div#navTabs ul li a { padding-bottom: 5px !important; background-color: #151515 !important;} /* fixes menu side lines to not overlap */ .lotusui_ie7 div#navTabs ul li a {background: #151515 !important;} .lotusui_ie7 section.autorefillbox ol li { width: 235px !important;} /* Fixes spacing on Simple Mobile Stash Page */ .lotusui_ie7 .wpthemeOverflowAuto {overflow: hidden;} @media only screen and (max-width: 480px) { .wpthemeInner { width: 960px; } div.main_nav div#navTabs ul li a { padding: 15px 5px 6px; color: red; } } } /* New Sim Card Landing Page Section - CR 27513 */ #tracfone_straighttalk_portal_shop_newsimcards .wpthemeMainContent { background: none repeat scroll 0 0 #8fc647; padding: 0px; } #tracfone_straighttalk_portal_shop_newsimcards .title { color: #fff; font-family: 'Open Sans'; font-size: 38px; font-weight: 800; letter-spacing: -1px; margin: 0 0 20px; padding: 0; text-shadow: 0 0 0 rgba(0, 0, 0, 0); text-transform: uppercase; display: none; } #tracfone_straighttalk_portal_shop_newsimcards #layoutContainers .wpthemeInner { width: 100%; } #sim_landing { background-color: #8fc647; padding: 0px 0px 0px 0px; text-align: center; } #sim_landing a { cursor: pointer; } #three_steps { padding: 30px 0; background: white; } #three_steps h3 { background: none repeat scroll 0 0 transparent; font-family: 'Open Sans'; font-size: 2em; font-weight: bold; letter-spacing: -1px; margin: 0 0 20px; padding: 0; text-shadow: 0 0 0 rgba(255, 255, 255, 0); text-transform: uppercase; color: #8fc647; } #three_steps p{ font-family: 'Open Sans'; font-size: 1.5em; margin: 0; padding: 0; margin-bottom: 10px; } #three_steps .container { width: 950px; margin: 0 auto; } #three_steps .three_column{ padding: 0 15px; width: 30%; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } #three_steps .three_column ul { padding: 0px 0; } #three_steps .three_column ul li { padding: 25px 0; font-size: 1.5em; clear: both; } #three_steps .three_column ul li img { float: left; text-align: right; } #three_steps .three_column ul li span { float: right; width: 180px; text-align: left; } #three_steps .three_column ul li a { color: black; } #three_steps .three_column ul li a:hover { color: rgb(139, 197, 63); } #three_steps .btn, #banner-bottom .btn { background: none repeat scroll 0 0 #333; border: 0 none; border-radius: 20px; color: #fff; cursor: pointer; font-family: 'Open Sans'; font-weight: 700; padding: 10px 20px; text-shadow: 0 0 0 rgba(0, 0, 0, 0); } #three_steps .btn { display: inline-block; } #three_steps .locale_es .btn { font-size: 12px; } #three_steps .btn-primary, #banner-bottom .btn-primary { background: linear-gradient(to bottom, #8fc647 0%, #75af3f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; } #three_steps .btn-primary:hover, #banner-bottom .btn-primary:hover { background: linear-gradient(to bottom, #76aa3d 0%, #5c9335 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); } #three_steps .btn-lg, #banner-bottom .btn-lg { border-radius: 30px; font-size: 18px; padding: 15px 0; } #three_steps .btn-block, #banner-bottom .btn-block { width: 100%; } /* HOW IT WORKS - REUP PAGE */ .hiw_reup_banner { text-align: center; background-color: #89c734; border-bottom: 20px solid black; } .hiw_reup_top_content { padding: 10px 0; clear: both; } .hiw_reup_top_content p { width: 78%; float: right; } .hiw_reup_table_content { clear: both; padding: 10px 0; } .hiw_reup_table_content h4 { background: black; color: #8dc642; padding: 10px 15px; font-size: 16px; font-weight: 100; text-transform: capitalize; } ul.hiw_ul { min-height: 100px; padding: 0%; } ul.hiw_ul li { float: left; width: 30%; font-size: 12px; margin-right: 15px; } ul.hiw_ul li strong { font-weight: bold; font-size: 15px; } /* HIW TABLE */ table.table1{ font-weight: bold; line-height: 1.4em; font-style: normal; border-collapse:separate; width: 100%; } .table1 thead th{ color:#000; line-height: 1.7em; border-bottom:3px solid #9ED929; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius:5px 5px 0px 0px; } .table1 thead th h5{ font-size: 20px; font-weight: 900; padding: 0; margin: 0; } .table1 thead th span{ font-size: 10px; font-weight: 500; padding: 0; margin: 0; } .table1 td span{ font-size: 10px; padding: 0; margin: 0; } .table1 td strong{ font-size: 17px; font-weight: 900; padding: 0; margin: 0; } .table1 thead th:empty{ background:transparent; border:none; } .table1 tbody th{ color:#fff; font-size: 15px; font-weight: 900; text-shadow:1px 1px 1px #568F23; background-color:#9DD929; padding:0px 10px; background:-webkit-gradient( linear, left bottom, right top, color-stop(0.02, rgb(158,217,41)), color-stop(0.51, rgb(139,198,66)), color-stop(0.87, rgb(123,192,67)) ); background: -moz-linear-gradient( left bottom, rgb(158,217,41) 2%, rgb(139,198,66) 51%, rgb(123,192,67) 87% ); -moz-border-radius:5px 0px 0px 5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-top-left-radius:5px; border-bottom-left-radius:5px; } .table1 tbody td{ padding:20px 7px; text-align:center; background-color:#DEF3CA; border: 2px solid #E7EFE0; border-radius:2px; color:#000; text-shadow:1px 1px 1px #fff; } .table1 tbody td:hover{ background-color: rgb(139, 198, 66); } .table1 td.bdr-left{ color:#000; line-height: 1.7em; border-left:3px solid #9ED929; } .bold_price td { font-weight: bold; font-size: 24px !important; } .bold_gb td { font-weight: 900; font-size: 24px !important; } .bold_gb_last td { font-weight: 900; font-size: 18px !important; padding-top: 0; } .bold_gb_last td span { font-weight: 100; font-size: 14px !important; } /* STASH PAGE */ .circular_green { text-align: center; font-size: 25px; font-weight: 700; color: white; padding: 15px 0px 30px 0px; margin: 10px auto 15px auto; width: 45px; height: 0px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; background: #8fc547; } .hiw_reup_top_content p { float: right; width: 75%; } .table1 tbody th { background: -moz-linear-gradient(left bottom , rgb(158, 217, 41) 2%, rgb(139, 198, 66) 51%, rgb(123, 192, 67) 87%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom-left-radius: 5px; border-top: 1px solid white; border-top-left-radius: 5px; color: #fff; font-size: 15px; font-weight: 900; padding: 0 10px; text-shadow: 1px 1px 1px #568f23; } .table1 tbody td { background-color: #def3ca; border: 1px solid white; border-radius: 2px; color: #000; padding: 20px 7px; text-align: center; text-shadow: 1px 1px 1px #fff; }