/* -------------------------------------------------------------------------------------------------- File: Screen Styles Barista: Adriana Watanabe @ C4 Born: September 2009 -------------------------------------------------------------------------------------------------- */ 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,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,hr,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline} html, body {height:100%} .span12 ul {list-style-image:url(images/arrowBlue.png); margin-top:5px; margin-bottom:10px} #nav, #header ul, #topHeader ul, #footerTop ul, .GlobalSites ul, ul.thirdnav, .popAirportStores ul, #breadcrumb ul, .subnav ul {list-style-type: none; margin:0; padding:0; list-style-image:none} table {border-collapse:separate;border-spacing:0;/* tables still need 'cellspacing="0" */} caption,th,td {text-align:left;font-weight:normal} blockquote:before,blockquote:after,q:before,q:after {content:""} blockquote,q {quotes:"" ""} option,select {min-width:80px} ins {text-decoration:none} del {text-decoration:line-through} img,a img {border:0} /* ------------------------------------------------------------------------------------------------- LAYOUT: Respect: http://code.google.com/p/blueprintcss/ ---------------------------------------------------------------------------------------------------- Page is 980px wide - 2x20px gutters = 940px content area Content Grid is 15 columns @ 44px with 20px gutters -------------------------------------------------------------------------------------------------- */ #wrapper {position: relative; min-height:100%; height:100%; height:auto; z-index:1; min-width:982px} #wrapper2 {position: relative; min-height:100%; height:100%;width:100%} #wrap,#contentwrap,#content,#sidebar {position:relative} #sidebar {display:inline} #wrap {width:982px;margin:0 auto;text-align:left;overflow:hidden; padding-bottom:20px;height:100%} #contentwrap {width:982px;margin:0;overflow:hidden} #contentwrap2 {margin:0 auto; width:650px; position:relative; overflow:hidden} #headerwrap, #headerwrap2 { width:100%; height:130px} #headerChart {position: relative; overflow:hidden} #headercontainer, #footer { width:982px; margin: 0 auto; overflow:hidden} #headercontainer {position:relative} #footerwrap { width:100%; height:180px; padding-bottom:5px} #content {width:940px;margin:0 0 20px;padding:25px 20px 0;z-index: 200} #content2 {width:960px;margin:0 0 20px;padding:10px 20px 0 0;z-index: 200} .page, .smallpage, .page2, .page3, .page4 { position:relative; margin:0; padding:0; border:0; float:left; display:inline } .popup-window #wrapper {min-width:0;} .popup-window #wrap {padding-bottom:0} .popup-window #headercontainer, .popup-window #footer, .popup-window #wrap {width:525px;} .popup-window #content {width:480px;} .popup-window #contentwrap {margin-botton:20px;} .popup-window #headerwrap {height:90px;} .popup-window #footerwrap {position:relative; height:auto; padding-bottom:20px;} /* Columns (span+# (space) right/left */ .columns {margin:0 0 25px;clear:both; display:inline} .span0,.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,.span13,.span14,.span15, .span16, .span17, .span18, .span19, .span20, .span21, .span22, .span23, .span24, .span25, .span26, .span27, .span28{float:left; position:relative; display:inline} .span0 {width:20px} .span1 {width:40px}.span2 {width:100px}.span3 {width:160px}.span4 {width:220px}.span5 {width:280px} .span6 {width:340px}.span7 {width:400px}.span8 {width:460px}.span9 {width:520px}.span10 {width:580px} .span11 {width:640px}.span12 {width:700px}.span13 {width:760px}.span14 {width:820px}.span15 {width:880px} .span16 {width:940px} .span17 {width:84px} .span18 {width:68px} .span19 {width: 209px} .span20{width:324px} .span21 {width:670px} .span22 {width:178px} .span23 {width: 680px} .span24 {width: 200px} .span25 {width:358px} .span26 {width:308px} .span27 {width:130px} .span28 {width:302px} .space {margin:20px} .spaceR {margin-right:20px} .spaceL {margin-left:20px} .spaceR1 {margin-right:10px} .spaceL1 {margin-left:10px} .spaceLR {margin:0 20px} .spaceT {margin-top:20px} .spaceB {margin-bottom:20px} .spaceTB {margin:20px 0} /* Clearing */ .clear,#content,.columns,.abstract {display:inline-block} .clear:after,#content:after,.columns:after,.abstract:after {content: ".";display:block;height:0;clear:both;visibility:hidden} * html .clear,* html #content,* html .columns,* html .abstract {height:1%} .clear,#content,.columns,.abstract {display:block} .clearL {clear:left} .clearR {clear:right} .clearB {clear:both} .hide {text-indent:-5000px;} /* ------------------------------------------------------------------------------------------------- ACCESSIBILITY -------------------------------------------------------------------------------------------------- */ #travelex-acesslinks { display:none} /* ------------------------------------------------------------------------------------------------- TYPOGRAPHY: Browser default: 12px = 1.2em -------------------------------------------------------------------------------------------------- */ body {font:62.5%/1.4 Arial,Helvetica,sans-serif} /* Headings */ h1,h2,h3,h4,h5,h6 {font-weight:bold} h1 {} h2 {} h3 {} h4 {font-size:1em;line-height:1.2; color: #333; margin-top:20px; font-weight:bold; margin-bottom:15px;} h5 {font-size:1em; color: #009} h6 {font-size:1.5em;color: #333} /* Basic text elements */ input,select,th,td {font-size:1em} p {margin:0} p.last {margin-bottom:0} ol {list-style-type:decimal !important;margin-left:2em;} dl {margin:0 0 1em} dl dt {font-weight:bold} dd {margin-left:1.5em} cite {font-style:italic} abbr,acronym {border-bottom:1px dotted #666} address {margin-top:1.5em; font-style:italic} del {color:#666} a {color:#e30613;text-decoration:none} strong {font-weight:bold} em,dfn {font-style:italic} dfn {font-weight:bold} small {font-size:0.875em;} h1 small {font-size:0.65em; color:#555;} /* ------------------------------------------------------------------------------------------------- DESIGN -------------------------------------------------------------------------------------------------- */ #wrap {font-size:1.2em} #content, #content2 {background:#f4f4f4; border:1px solid #ccc; padding-bottom:20px; overflow:hidden; margin-top:5px} #content2 {/*background:#F4F4F4 url(images/small-tiles-bg.jpg) no-repeat left bottom;*//*4box background*/} .page, .smallpage { border: 1px solid #CCC; padding: 15px} .page2, .page3, .page4 {border: 1px solid #CCC; background:#FFF } .page2 {padding: 20px 0;width: 940px; min-height:350px} .page3 {padding: 20px; width: 900px} .page4 {padding: 20px; width: 440px;} .page { width:668px} .smallpage {width:188px; background:#fff; margin-top:20px} /* Generic elements -------------------------------------------------------------- */ .aR {text-align:right} .aL {text-align:left} .aC {text-align:center} .aM {vertical-align:middle} .aT { vertical-align:top} .floatL { float:left} .floatR { float:right} .marginT10 { margin-top:10px} .marginT20 { margin-top:20px} .marginB10 { margin-bottom:10px} .marginB20 { margin-bottom: 20px} .PL15 {padding-left:15px} .PT10 {padding-top:10px} .fontS9 { font-size:0.9em} .width50 {width:50px} .width60 {width:60px} .width100 { width:100px} .width125 { width:125px} .width180 {width:180px} .width200 { width:200px} .width220 {width:220px} .width240{width:240px} .width280 {width:280px} .border { border: 1px solid #CCC; padding: 10px 10px 0} .borderT { border-top: 1px dotted #CCC; padding-top: 10px} .borderB { border-bottom: 1px dotted #CCC; padding-bottom: 10px} .borderTB { border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; padding: 10px 0} .borderRow1 {padding: 5px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; position:relative; overflow:hidden} .borderRow2 { padding: 5px; position:relative; overflow:hidden} .paymentNotes ul.bulletList { list-style-type: square; margin-left:2em; padding-top:0} a.link { font-size:0.9em; text-decoration: underline; color: #009} .white { color:#FFF} .red { color: #e30613} .blue {color:#009} .orange {color:#fd9c27} .btnMedium, .btn, .btnGray {border:0; color: #FFF; font-weight:bold; text-align:center; vertical-align:middle; height:27px; font-size:0.9em} .tickbox { width:20px; vertical-align:middle} .imgL { float:left; margin:0 15px 10px 0} /* Generic elements -------------------------------------------------------------- */ table {border:0px solid; border-width:0 0 0 0;} table td, table th {padding:8px;} table th {background-color:#dc0a17; font-weight:bold; color:#fff;} /* Header -------------------------------------------------------------- */ #topHeader { clear: both; position: absolute; width: 150px; height: 21px; background: url(images/TopNavBg.gif) no-repeat; font-size: 11px; color: #eee; right: 0; top: 0; z-index: 2; text-align: center; } #topHeader ul li, #header ul li {position:relative;float:left;display:block;margin:0;padding:0 20px 0 0;list-style-type:none;border:0;line-height:.94; } #topHeader ul li img { vertical-align:middle} #topHeader ul li a {color:#fff} #topHR { margin-right:10px} #topHL { margin: 2px 0 0 10px; font-size:1em;} #topHL a.selected { text-decoration:underline} #header {clear:both;position:relative; height:65px;width:982px;font-size:11px; padding-top:21px; overflow:hidden; } #header ul li { margin-right: 10px} #header h1 {position:relative;height:65px;z-index:2} #header ul li a { color: #333;display:block; width:auto; height:20px; text-align:center; line-height:20px; white-space:nowrap } #header ul li a:hover { color:#009} #headerL { height: 65px; width: 200px} #headerR { height: 37px; width: 782px; padding-top:28px; } #headerwrap { background:url(images/bodybg.jpg) repeat-x} /* Navigation -------------------------------------------------------------- */ #navwrap {position:relative;width:982px;z-index:100; height:44px} #navwrap ul {border:0;margin:0} #nav { height:31px; width:982px} #nav li {position:relative;float:left;display:block;margin:0;padding:0;list-style-type:none;color:#fff;border:0} #nav li a {color:#333;font-weight:bold;font-size:13px;padding:10px 45px 10px 22px;line-height:.94;display:block} /* menu spacing */ #nav li a:hover {color:#e30613;text-decoration:none} #nav li a.current {color:#e30613} #nav ul {display:none} .subnav {width: 220px; float:left; position:relative; display:inline} #subnavHeader {background: url(images/subnavheader.gif); height:23px; color:#FFF; font-size:16px; padding:7px 10px; margin-bottom:6px} #subnavHeader a {color: #FFF} #navigation {padding: 0; list-style:none; margin: 0 5px 0 10px} li a.subnavlink { padding: 6px 0 6px 15px; border-bottom:1px dotted #999; display:block; color:#333; background:url(images/subnavArrow2.gif) no-repeat left} .thirdnav {border-bottom:1px dotted #999} .thirdnav li { padding:0px 6px 0px 15px; font-size:0.9em;} .thirdnav li a { display:block; padding-top:6px; padding-bottom:6px} .thirdnav li a:hover, a.selected01 { background:#f4f2f2; display:block} .subnav ul {list-style-type: none; margin:0; padding:0; list-style-image:none} .subnav ul li ul.thirdsubnav {padding:0px 0px 0px 15px; color:#999} .subnav ul li ul.thirdsubnav a{color:#999} a.selected {font-weight:bold; color: #009} /* Content -------------------------------------------------------------- */ .contentPage { float: left; position:relative; overflow:hidden; width:440px} .contentSendMoney { float: left; position:relative; overflow:hidden; width:500px} .contentMyAccount { float: left; position:relative; overflow:hidden; width:640px} /* Slide Large Bar */ #featured{ width: 680px; position: relative; height: 340px; background: #FFF; /*margin-bottom: 20px;*/ border: 1px solid #ccc; padding: 10px } #featured div.banner {display:none;} #featured div.current {display:block;} #featured ul.ui-tabs-nav{ position:absolute; bottom:16px; right:16px; list-style:none; padding:0; z-index:300; width:63px; height:21px } #featured ul.ui-tabs-nav li{ padding:1px 0; color:#fff; font-weight:bold; position: relative; float:left; display:block; width:21px; text-align:center;background:url(images/tabsNav.png) -21px 0 no-repeat} #featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; background:#fff; padding:2px} #featured li.ui-tabs-nav-item a{ display:block; width:21px;height:21px; color:#fff;font-size:0.9em} #featured li.ui-tabs-nav-item a span{position: absolute; left:0.1em; width:21px; height:21px; text-align:center} #featured ul.ui-tabs-nav li.ui-tabs-selected a{ color: #df0428; font-size:1em } #featured .ui-tabs-panel{ width:680px; height:325px; position:relative;z-index:250 } #featured .ui-tabs-panel .info .panel-info { width:193px; position:relative; float:left;overflow:hidden; padding: 0 10px; font-size:0.9em} #featured .ui-tabs-panel .info{ position:absolute; top:148px; left:0; padding: 10px} #featured .info a{ text-decoration:none; color:#fff} #featured .ui-tabs-hide{ display:none} /* Banner */ .banner {margin-bottom:20px} /* Small Promos */ .promoCollection1 { float: left; position: relative; /*display:inline;*/ height: 115px; overflow: hidden; width: 960px; margin-top: 0px; *margin-top: 0px; padding-top: 30px } .promoCollection2 {float:left; position:relative; display:inline; width:220px; overflow:hidden} .smallPromos, .smallPromos2 {position:absolute; bottom:0; left:0; color:#FFF; margin: 0 0 15px 10px} .smallPromos {font-size:0.9em} .smallPromos2 {font-size:0.8em} .smallPromos a, .smallPromos2 a {color:#FFF} .promoCollection1 p { display:inline;} /* popup box */ .title { padding:0.4em 0.8em; margin-bottom: 1em; border-spacing: 10px; background: #3c425a; color:#FFF; height:25px; font-size:1.3em} .box {height:50px;width:50px;float:left;margin:20px;border:1px solid green;cursor:pointer} .GlobalSites, .LoginTravelex, .popAirportStores, .popMap {display:none; overflow:hidden; position:relative;font-size: 1.1em} .popup, .popupLogin, .popupAirportStores, .popupMap {cursor:pointer} .popupBox {background:#eee;display:none;border:1px solid #CCC} .popupContent {overflow:hidden;background:#fff;float:left} .popupContent .popClose {float:right;display:block;height:16px;width:16px;background:url(images/closeBut.jpg) no-repeat;text-indent:-9000px} .popupClose {display:block;position:absolute;top:5px;right:5px;height:16px;width:16px;text-indent:-9000px;background:url(images/closeBut.gif) no-repeat} .galleryTitle {display:block;position:absolute;top:5px;right:5px;height:16px;width:21px; float:right; z-index:1001 } .popupContent .pop {padding: 0 0 15px} .popupContent {position:relative} .GlobalSites ul { margin:10px 0 20px} .GlobalSites img { vertical-align:middle;margin: 0 2px 2px 0} .GlobalSites p { font-size: 1.2em; border-bottom:1px dotted #ddd; display:block; margin-bottom:5px} .GlobalSites ul li, .LoginTravelex ul li {font-size: 1em; margin: 3px 0} .GlobalSites ul li { background: url(images/countries.png) no-repeat top left; padding: 5px 0 0 28px} .GlobalSites ul li.sprite-flagAUS { background-position: 0 0; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagBEL { background-position: -222px 0; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagCAN { background-position: -444px 0; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagCHN { background-position: -666px 0; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagCZR { background-position: -888px 0; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagFIN { background-position: -1110px 0; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagFRA { background-position: -1332px 0; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagGER { background-position: -1554px 0; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagHK { background-position: -1776px 0; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagIND { background-position: 0 -72px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagITA { background-position: -222px -72px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagJP { background-position: -444px -72px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagMAL { background-position: -666px -72px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagNET { background-position: -888px -72px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagNZ { background-position: -1110px -72px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagSIN { background-position: -1332px -72px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagUAE { background-position: -1554px -72px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagUK { background-position: -1776px -72px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagUSA { background-position: 0 -144px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagSA { background-position: -222px -144px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagCH { background-position: -444px -144px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagBR { background-position: -666px -144px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagMY { background-position: -888px -144px; width: 160px; height: 22px} .GlobalSites ul li.sprite-flagBH { background-position: -1110px -144px; width: 160px; height: 22px} .currencyWidgetPlaceHolder { width:220px; float:left; /*height:367px;*/ position:relative; margin-right:20px; overflow:hidden; padding-left:20px} .currencyWidgetPlaceHolder div {margin-bottom:10px;} /* Footer -------------------------------------------------------------- */ #footerwrap {background: #fefefe url(images/FooterBg.gif) repeat-x } #footerwrap {background-color: #fefefe} #footer { font-size:1.1em} ul.footerLinksList {margin:0; padding:0; list-style-type: none; list-style: none} .linkCategory { font-weight:bold; font-size:1.1em; color: #333} #footerTop ul li, #footerTop ul li a { list-style-type:none; margin-left:0; padding:1px 0 } #footerTop, #footerBottom { position: relative;overflow: hidden} #footerBottom { margin: 20px auto} #footerBottom ul li {position:relative;float:left;display:block;margin:0;padding:8px;line-height:.94;list-style-type:none;border:0} #footerBottom ul li a {color:#666;font-weight:bold;display:block} #footerBottom ul li a:hover { color: #009} /* Typography -------------------------------------------------------------- */ h1 {font-size:2.2em;line-height:1.2; color: #e30613; margin-bottom:15px; margin-top:5px;font-weight:normal} h2 {font-size:1.4em;line-height:1.2; color: #e30613; margin-bottom:15px; font-weight:bold;} /* Bullets */ .mainContent ul li { list-style-image:url(images/arrowBlue.png); margin-left:25px; *margin-top:1em; padding-bottom: 0; vertical-align: top; line-height:20px} .mainContent ol li { margin-left:25px; padding-bottom: 10px; vertical-align: top; line-height:18px } .popup-window ul>li{margin-left:25px; list-style-image:url(images/arrowBlue.png); padding-bottom:1em !important;} .popup-window ul ol >li{ list-style-image:none; list-style-type:decimal !important; margin-left:1em; padding-bottom:1em !important;} /* General content */ p {margin:0 0 0;} h5 {font-size:1em; color: #e30613} a.link { font-size:1.0em; text-decoration: underline; color: #e30613} /* SubNav List */ h3 {font-size:1.2em;line-height:1.2; color:#e30613; font-weight:normal; margin-bottom:10px} #wrapper-globalsites {padding:2px; background:#eee;border:1px solid #ccc; width:560px;} #globalSites {background:#fff;} /** POPUP **/ #background-popup { display:none;position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000; z-index:99;} #popup{display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ z-index:999;} .popupClose{ right:10px; top:10px;} /*Top*/ .top_lang{ float:right; padding-top:2px; margin:0 10px 0 0} .top_lang a{ font-size:12px; color:#fff} .top_lang a:hover{ text-decoration:none;} /*Login*/ .main-container{float:left; width:974px; height:auto;} .main-container .t-t{float:left;background:url(/mysso/sso_loginui/t-bg.gif) repeat-x; width:974px; height:50px;} .main-container .t-t span.tt-l-corner{ float:left; background:url(/mysso/sso_loginui/t-l-corner.gif) no-repeat left; width:15px; height:50px;} .main-container .t-t span.tt-r-corner{float:right; background:url(/mysso/sso_loginui/t-r-corner.gif) no-repeat right; width:15px; height:50px;} .main-container .t-b{float:left;background:url(/mysso/sso_loginui/b-bg.gif) repeat-x; width:974px; height:15px;} .main-container .t-b span.tb-l-corner{ float:left; background:url(/mysso/sso_loginui/b-l-corner.gif) no-repeat left; width:15px; height:15px;} .main-container .t-b span.tb-r-corner{float:right; background:url(/mysso/sso_loginui/b-r-corner.gif) no-repeat right; width:15px; height:15px;} .main-container .login-mainarea{ float:left;width:972px; height:auto; background: #FFF; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2; padding:0px 0px 5px 0px;} .graybox-wrapper{margin:0px auto;} .graybox-signintxt{float:left; margin:0px; padding:5px 0px 7px 8px; width:308px; height:20px; text-align:left;} .pwrdbytxt{ margin:0px; padding:5px 0px 0px 0px; width:316px; height:auto; text-align:right; font-size:10px; color:#666; line-height:12px;} .graybox-container{float:left; width:316px; height:auto;} .graybox-container .gb-t{float:left;width:316px; height:20px; background:url(../login/images/box-t-line.gif) repeat-x;} .graybox-container .gb-t span.gb-t-l{float:left; width:20px; height:20px; background:url(../login/images/box-b-l-t.gif) no-repeat left;} .graybox-container .gb-t span.gb-t-r{float:right; width:20px; height:20px; background:url(../login/images/box-b-r-t.gif) no-repeat right;} .graybox-container .gb-b{float:left;width:316px; height:20px; background:url(../login/images/box-b-line.gif) repeat-x; padding-bottom:5px;} .graybox-container .gb-b span.gb-b-l{float:left; width:20px; height:20px; background:url(../login/images/box-b-l-b.gif) no-repeat left;} .graybox-container .gb-b span.gb-b-r{float:right; width:20px; height:20px; background:url(../login/images/box-b-r-b.gif) no-repeat right;} .graybox-container .gb-m{float:left;width:314px; height:auto; background:#f3f3f5;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;} .graybox-container .gb-m .signinform{float:left; padding:0px 20px 5px 20px; width:276px; height:auto; font-size:13px;} .signinform form label.sf-lbl, .signinform form label{float:left;width:276px;height:15px; padding-top:1px;} .signinform form input.sf-txtbox, .signinform form input[type='text']{float:left;width:272px;height:20px; border:0px; border:1px solid #7e9db9; margin-top:5px;} .signinform form input.sf-pwdbox, .signinform form input[type='password']{float:left;width:272px;height:20px;border:0px; border:1px solid #7e9db9;margin-top:5px;} .signinformrowtext{width:auto; text-align:right; padding-top:2px;} .lostInfoLink {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666; } .signinform form span.logerror-instruct{float:left; width:272px; padding-top:1px;font-size:12px; color:#E10000;} .signinform form span.sf-instruct{float:left; width:272px; padding-top:5px;font-size:11px;} .signinform form .sf-btnarea{float:left; width:272px; margin-top:10px; text-align:left;} .sf-btnarea .buttonLinkText{float:left; width:auto; height:28px;background:url(../login/images/red-b-m-bg.gif) repeat-x top center;font-size:13px;text-decoration:none;color:#FFF;font-weight:bold; padding:0px 0px 0px 0px; cursor:pointer;} .sf-btnarea .buttonLinkText .blt-l{float:left; width:3px; height:28px; background:url(../login/images/red-b-l.gif) #666 no-repeat left;} .sf-btnarea .buttonLinkText .blt-txt{ float: left; width: auto; height: 22px; padding: 5px 5px 0px 5px; background: url(../login/images/red-b-m-bg.gif) #666 repeat-x top center; vertical-align: middle } .sf-btnarea .buttonLinkText .blt-r{ float: left; width: 4px; height: 28px; background: url(../login/images/red-b-r.gif) #666 no-repeat left; } a.content-links{color:#000;} a.content-links:hover{color:#F00;} .InstCont{ float:left;padding:10px 20px 5px 20px; width:275px; height:auto; border-top:1px solid #CCC;margin-top:5px;} .Inst{width:auto;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333;font-weight:bold;} .Signup{width:auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#333333;} .SignupLink{color:#E10000; text-decoration:underline;} .HelpInst{width:auto; padding:0px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#333333;} .HelpInstlink{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666;} /*Sign up div*/ .signupbox {width:600px; margin:0 auto; border:1px solid #d2d2d2; background-color:#eaeaea;} .signupbox table {border:1px solid #fff; border-width:1px 0 0 1px;} .signupbox table td, table th {padding:8px; border:1px solid #fff; font-weight:bold; border-width:0 1px 1px 0; color:#333} .signupbox table th {background-color:#cccccc; color:#333; font-weight:normal;} .signupbox table th.white {background-color:#fff; color:#333; font-weight:normal;} .input{width:330px} .forgotnotes1 {width:600px; padding:8px; margin:0 auto; border:1px solid #d2d2d2; background-color:#eaeaea;} .forgotnotes2 {width:600px; margin:0 auto; border:1px solid #fff; background-color:#fff;} /*Brian*/ li .active { padding: 6px 0 6px 15px; display:block; color:#333; background:url(images/subnavArrow2.gif) no-repeat left} .signupb_out{ width:100%; text-align:center;} .signupb_inner{ text-align:center; width:680px; height:180px; margin: 0 auto; padding:25px 10px 0px 10px; border: 1px solid #cbcbcb; /* stroke */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ -moz-box-shadow: 0 0 6px rgba(0,0,0,.17); /* drop shadow */ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.17); /* drop shadow */ box-shadow: 0 0 6px rgba(0,0,0,.17); /* drop shadow */ background-image: -moz-linear-gradient(bottom, #efefef 0%, #fff 46.39%, #fff 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #efefef 0%, #fff 46.39%, #fff 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fff 46.39%, #fff 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #efefef 0%, #fff 46.39%, #fff 100%); /* gradient overlay */ } .signupb_inner table{ border:0px solid; border-collapse:collapse; width:100%; line-height:30px} .signupb_inner table td{ border:0px solid; border-collapse:collapse; text-align:center} .getstart{ color: #a55b1f; /* text color */ font-family: "Helvetica"; font-size: 14px; font-weight: bold; border: 1px solid #e78d4b; /* stroke */ padding:8px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ background-image: -moz-linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ margin-top:35px; cursor: pointer; } .btn_01{ color: #a55b1f; /* text color */ font-family: "Helvetica"; min-width:70px; text-align:center; font-size: 13px; font-weight: bold; border: 1px solid #e78d4b; /* stroke */ padding:5px 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ background-image: -moz-linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ margin-top:20px; cursor: pointer; } .btn_addrecipient{ color: #333; /* text color + color overlay */ font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.75); /* drop shadow */ font-family: "Helvetica"; min-width:70px; text-align:center; font-size: 13px; font-weight: bold; padding:5px 12px; margin-top:20px; opacity: .7; /* layer alpha */ border: 1px solid #9d9d9d; /* stroke */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2), inset 0 1px 0 #fbfbfb; /* drop shadow and inner shadow */ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2), inset 0 1px 0 #fbfbfb; /* drop shadow and inner shadow */ box-shadow: 0 1px 3px rgba(0,0,0,.2), inset 0 1px 0 #fbfbfb; /* drop shadow and inner shadow */ background-image: -moz-linear-gradient(bottom, #cdcfd1 0%, #e9e9ed 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #cdcfd1 0%, #e9e9ed 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #cdcfd1 0%, #e9e9ed 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #cdcfd1 0%, #e9e9ed 100%); /* gradient overlay */ cursor: pointer; } .btn_sendmoneynow{ color: #a55b1f; /* text color */ font-family: "Helvetica"; min-width:150px; font-size: 13px; border: 1px solid #e78d4b; /* stroke */ padding:5px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ background-image: -moz-linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #fb952d 0%, #fdcd4b 100%); /* gradient overlay */ cursor: pointer; } .btn_02{ color: #fff; /* text color */ font-family: "Helvetica"; min-width:70px; font-size: 13px; font-weight: bold; border: 1px solid #e78d4b; /* stroke */ padding:5px 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #1b59ab; /* stroke */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ background-image: -moz-linear-gradient(bottom, #0f59a5 0%, #3583cf 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #0f59a5 0%, #3583cf 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #0f59a5 0%, #3583cf 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #0f59a5 0%, #3583cf 100%); /* gradient overlay */ margin-top:20px; cursor: pointer;} .btn_black{ color: #fff; /* text color */ font-family: "Helvetica"; min-width:70px; font-size: 13px; font-weight: bold; border: 1px solid #47474b; /* stroke */ padding:5px 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ background-image: -moz-linear-gradient(bottom, #2d2f31 0%, #55575b 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #2d2f31 0%, #55575b 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #2d2f31 0%, #55575b 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #2d2f31 0%, #55575b 100%); /* gradient overlay */ margin-top:20px; cursor: pointer; } .searchdiv table { padding:0; border:0px} .searchdiv table td { padding:0; border:0px} .btn_search { background-image:url(../images/search_box_icon.png); background-repeat:no-repeat; background-position:center; width:26px; height:22px; color: #333; /* text color + color overlay */ text-shadow: 0 1px 0 rgba(255,255,255,.75); /* drop shadow */ padding:5px 5px; border: 1px solid #9d9d9d; /* stroke */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ cursor: pointer; margin-top:10px} .btn_upload{ color: #333; /* text color + color overlay */ font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.75); /* drop shadow */ font-family: "Helvetica"; min-width:70px; text-align:center; font-size: 13px; font-weight: bold; padding:3px 12px; opacity: .7; /* layer alpha */ border: 1px solid #9d9d9d; /* stroke */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2), inset 0 1px 0 #fbfbfb; /* drop shadow and inner shadow */ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2), inset 0 1px 0 #fbfbfb; /* drop shadow and inner shadow */ box-shadow: 0 1px 3px rgba(0,0,0,.2), inset 0 1px 0 #fbfbfb; /* drop shadow and inner shadow */ background-image: -moz-linear-gradient(bottom, #cdcfd1 0%, #e9e9ed 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, #cdcfd1 0%, #e9e9ed 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #cdcfd1 0%, #e9e9ed 100%); /* gradient overlay */ background-image: linear-gradient(bottom, #cdcfd1 0%, #e9e9ed 100%); /* gradient overlay */ cursor: pointer; } .btn_pdf{ color: #fff; /* text color + color overlay */ font-weight: bold; font-family: "Helvetica"; min-width:70px; text-align:center; font-size: 13px; font-weight: bold; padding:5px 12px; border: 1px solid #9d9d9d; /* stroke */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* border radius */ background-image: -moz-linear-gradient(bottom, #a91f25 0%, #dd0917 100%); background-image: -o-linear-gradient(bottom, #a91f25 0%, #dd0917 100%); background-image: -webkit-linear-gradient(bottom, #a91f25 0%, #dd0917 100%); background-image: linear-gradient(bottom, #a91f25 0%, #dd0917 100%); margin-bottom:20px; margin-top:20px; cursor: pointer; } .steps5 { float:left; display:block; margin:5px 0 30px; clear:both; } .steps5-img { background-image:url(../images/red_step.png); background-repeat:no-repeat; background-position: 0px 0px; float:left; height:62px; width:500px; position:relative; } .steps5-img .steps-blok { float:left; width:135px; margin:4px 10px; } .steps5-img .steps-hdr { color: #FFFFFF; font-weight: bold; margin:0 0 4px; /*width: 100px;*/ } .steps-copy { float:left; width:500px; margin:5px 0 0; } .steps-copy .steps-blok { float: left; font-size: 10px; margin:4px 4px 4px 8px; width: 145px; font-family:Verdana,Geneva,sans-serif; color:#888888; } .countries table{ border:0px solid; border-collapse:collapse; width:500px;} .countries table td{ border:0px solid; border-collapse:collapse; text-align:left; line-height:14px; padding:2px} .deliverytime table{border-collapse:collapse; width:500px;} .deliverytime table td{text-align:left; line-height:20px; padding:3px 8px; background-color:#f4f4f4; border-top:1px solid #fff;border-right: 1px solid #fff} .myaccount table{border-collapse:collapse; width:100%;} .myaccount table th{border:0px solid #fff; background-color:#dc0a17; color:#fff } .myaccount table td{text-align:left; line-height:20px; padding:3px 8px; border:1px solid #fff;} #divide {background-image: url(../images/country-div.png); background-repeat:no-repeat; background-position:0px 0px; text-indent:-9999px; height:1px; width:500px; display:block; margin-top:20px;} #country-map { background-image: url(../images/map.png); background-repeat:no-repeat; background-position:0px 0px;height:240px; width:500px;text-indent:-9999px; display:block; position:relative;margin-top:15px; margin-bottom:15px;} select { background-image: url(../images/arrowdown.png); background-repeat:no-repeat; background-position:right; min-width:100px; background-color:#ededed; height:22px; padding:2px 3px; border:1px solid #ccc; border-right:none; border-radius:0; -webkit-appearance:none;} .marintop-10 { margin-top:10px} .marintop-18 { margin-top:18px} .divline { border-top:3px double;color:#e1e1e1; width:100%; margin-top:25px} .noborder table {border-collapse:collapse;} .noborder table td{text-align:left; line-height:20px; padding:6px 0px; border:1px solid #fff;} .inputwidthL {width:420px} .inputwidthM {width:350px} .inputwidthS {width:200px} .border1px {width:638px; border:1px solid #e1e1e1; padding:8px 0px; text-align:center; margin-top:30px} .left { text-align:left !important} .right { text-align:right !important} .bold { font-weight:bold} .overview_recent table{border-collapse:collapse; width:100%;} .overview_recent th{border:1px solid #fff; background-color:#c7c7c7; color:#fff; text-align:center} .overview_recent td{text-align:left; line-height:20px; padding:3px 8px; border:1px solid #e1e1e1; text-align:center} .recipients table{border-collapse:collapse; width:100%;} .recipients table th{border:1px solid #fff; background-color:#dc0a17; color:#fff; text-align:center} .recipients table td{text-align:left; line-height:20px; padding:3px 8px; border:1px solid #e1e1e1; text-align:center} .recipientsnoborder table{border-collapse:collapse; width:100%;} .recipientsnoborder table td{text-align:left; line-height:40px; padding:3px 8px; border:0px; text-align:center} .sendamout { background-color:#fff5c0; color:#666; border:0px; font-size:18px; font-weight:bold; padding:3px; text-align:center; width:130px} .sendamoutL { background-color:#fff5c0; color:#666; border:0px; font-size:18px; font-weight:bold; padding:3px; text-align:center; width:130px} .boxconfirm {width:640px; background-color:#f7f5f9} .boxconfirmin {padding:10px;} .ratetable table { border:0px; color:#fff;} .ratetable table td { line-height:20px} #sendmoney_widget_head { width:220; height:32px; background:url(../images/sendmoney_head.png) no-repeat} #sendmoney_widget_body { padding:5px 0px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#FFF } #sendmoney_widget_body table {border-collapse:collapse; width:100%;} #sendmoney_widget_body table td{text-align:left; line-height:20px; padding:6px 0px; border:0px;} .styled-select { background:url(../images/arrowdown.png) no-repeat right #FFF; background-color:#ededed; width:150px; height:22px; padding:2px 3px; border:1px solid #ccc; border-right:none; border-radius:0; -webkit-appearance:none;} .processing {color: #fd9c27} .complete {color: #c3c3c3} .new{color: #093} .pagenumber { color:#999; margin-top:20px; text-align:center; } .popdetail {padding:10px} .lockrate { border: 1px solid #ddead1; padding:5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5fbef; background-image: -moz-linear-gradient(bottom, #effbe5 0%, #f5fbef 100%); background-image: -o-linear-gradient(bottom, #effbe5 0%, #f5fbef 100%); background-image: -webkit-linear-gradient(bottom, #effbe5 0%, #f5fbef 100%); background-image: linear-gradient(bottom, #effbe5 0%, #f5fbef 100%);}