/*coachr-red(backgrounds): 640B0D, coachr-red(text): ce0b0f, grey(text): 7D7D7D, grey(border): 707070 */ html{overflow:-moz-scrollbars-vertical;padding-bottom:1px;height:100%;} .hide { display: none; } .show { display: block; } .hidden { visibility: hidden; position: relative; z-index: -10; height: 1px; overflow: hidden; top: 0px; left: 0px; } .invisible { visibility: hidden; position: absolute; z-index: -10; top: 0px; left: 0px; } .visible { visibility: visible; } div.fw_logwindow { color: black; } div.fw_logwindow a { margin-right: 10px; display: inline; } .left { float: left; } .right { float: right; } .clear { clear: both; height: auto; } /************************************************************************************************/ /* JSListbox */ /************************************************************************************************/ /*div.fw_jslst { float: left; }*/ div.fw_jslst_holder { border: 1px solid #595959; background: url(../images/vert.png) left -51px repeat-x; } div.fw_jslst_scrollbar { background: #39393A;} div.fw_jslst_scrollup { background: url(../images/main.png) -205px -79px no-repeat; } div.fw_jslst_scrolldown { background: url(../images/main.png) -221px -79px no-repeat; } div.fw_jslst_scrollslider { background: #1b1b1b; border: 1px solid #5f5f5f; } ul.fw_jslst_values { list-style: none; } ul.fw_jslst_values li.fw_jslst_option { font-weight: bold; height: 16px; padding-right: 2px; white-space: nowrap;} ul.fw_jslst_values li.fw_jslst_option:hover, ul.fw_jslst_values li.fw_jslst_option.selected { background: #626363; } .fw_jslst, .tbholder { height: 27px; background: url(../images/main.png) right -295px no-repeat; padding-right: 1px; } .fw_jslst .valueholder, .tbholderleft { background: url(../images/main.png) -215px -295px no-repeat; } .fw_jslst .valueholder strong { display: block; padding: 5px 25px 0 6px; height: 19px; width: auto; background: url(../images/main.png) right -129px no-repeat; overflow: hidden; white-space: nowrap; } /* confirm popup */ .fw_confirmpopup { width: 220px; border: solid 1px #640B0D; } .fw_confirmtopbar { background-color: #980A0F; height: 12px; } .fw_confirmquestion { background-color: #232323; padding: 5px; } .fw_confirmquestion p { margin: 0; padding: 0; color: white; } .fw_confirmyes, .fw_confirmno { width: 75px; margin-top: 7px; } .fw_confirmno { margin-left: 10px; } /************************************************************************************************/ /*template*/ /************************************************************************************************/ *{margin:0;padding:0; outline: none; font-family:Arial,"Trebuchet MS",Verdana,Arial,Sans-serif;} a img{border:none;} body{ font-size: 11px; color: white; background: #363636; } body.mceContentBody { padding: 2px 0 2px 4px; margin: 0; } a, a:active, a:visited { color: white; } fieldset{border: none;} /**IFRAME**/ body.iframe { position: relative; margin: 0; padding: 0; padding-top: 60px; } body.iframe.military { background: black; width: 1080px; padding-top: 10px; } body.iframe.connmedia { background: black; width: 780px; padding-top: 10px; } body.iframe.large { background: black url(../images/extviewlargebg.png) no-repeat; width: 550px; } body.iframe.medium { background: black url(../images/extviewmediumbg.png) no-repeat; width: 425px; } body.iframe.small { background: black url(../images/extviewsmallbg.png) no-repeat; width: 370px; } body.iframe.xsmall { background: black url(../images/extviewxsmallbg.png) no-repeat; width: 349px; } body.iframe a.coachrlogo { display: block; position: absolute; right: 7px; top: 7px; width: 170px; height: 45px;} body.iframe a.coachrlogo:active, body.iframe a.coachrlogo:visited { text-decoration: none; } body.iframe h1 { text-indent: -999px; margin: 0; } body.iframe a.maptab { display: block; width: 50%; height: 25px; padding-top: 10px; text-align: center; font-size: 14px; font-weight: bold; color: #9e0b0f; text-decoration: none; } body.iframe div.mapholder { margin-top: 10px; margin-left: 10px; float: none; margin-right: 10px; } body.iframe div.controls { padding-top: 10px; clear: both; padding-left: 10px; height: 55px;} body.iframe div.controls .fw_jslst { width: 175px; float: left; } body.iframe div.controls div.clear { height: 2px; font-size: 1px;} body.iframe div.eventusers { padding-left: 10px; clear: both; padding-top: 5px; } body.iframe div.eventusers p { margin-bottom: 5px; } body.iframe div.eventusers div.fw_radioitem { height: 16px; } body.iframe div.eventusers label.fw_lblradioitem { margin-left: 2px; top: -2px; position: relative;float:none; } #livespeed {float:right;display:inline;margin-right:25px;margin-top:3px;font-size:14px;} body.iframe #livespeed {margin-right:15px;} /* Military IFrame */ body.iframe.military div.mapholder { margin-top: 0px; width: 710px; } body.iframe.military div.trackmap { height: 340px; width: 710px; } body.iframe.military div.controls { width: 710px; height: 28px;} body.iframe.military div.controls #lstPlaySpeed { width: 95px; } body.iframe.military div.controls #lstTrackMapType { width: 155px; } body.iframe.military div.controls #lstTrackMapStyle { width: 160px; } body.iframe.military div.controls div.zoomin { margin-right: 0; } body.iframe.military div#eventusersholder { font-size: 13px; position: absolute; right: 10px; top: 8px; width: 340px; } body.iframe.military div#eventusersholder p { font-weight: bold; } body.iframe.military div#eventusersholder #eventusers { height: 360px; overflow: hidden; } body.iframe.military div#eventusersholder #eventusersinner { float: left; width: 305px; } body.iframe.military div#eventusersholder table { width: 100%; } body.iframe.military div#eventusersholder table td.rightAlign { text-align: right; } body.iframe.military #livespeed { display: none; background: black; border: solid 1px #707070; position: absolute; top: 325px; right: 345px; width: 75px; height: 1em; padding: 3px; text-align: right; font-weight: bold; z-index: 10; } body.iframe.military #logocoachr { position: absolute; top: 10px; left: 60px; width: 161px; height: 70px; background: url(../images/military_logo_coachr.png) no-repeat; z-index: 10; } body.iframe.military #logointroweb { position: absolute; top: 10px; left: 237px; width: 162px; height: 70px; background: url(../images/military_logo_introweb.png) no-repeat; z-index: 10; } body.iframe.military #logocm { position: absolute; top: 10px; left: 415px; width: 245px; height: 70px; background: url(../images/military_logo_connectingmedia.png) no-repeat; z-index: 10; } /* Connecting Media IFrame */ body.iframe.connmedia div.mapholder { margin-top: 0px; } body.iframe.connmedia div.trackmap { width: 760px; height: 345px; } body.iframe.connmedia div.controls { width: 760px; } body.iframe.connmedia div.controls #lstPlaySpeed { width: 142px; } body.iframe.connmedia div.controls #lstTrackMapType, body.iframe.connmedia div.controls #lstTrackMapStyle { width: 160px; } body.iframe.connmedia div.controls div.zoomin { margin-right: 0; } /* Large IFrame */ body.iframe.large div.trackmap { width: 530px; height: 350px; } body.iframe.large div.controls { width: 530px; } body.iframe.large div.controls div.zoomout { margin-left: 4px; display: inline; } body.iframe.large div.controls div.zoomin { margin-right: 0; } body.iframe.large div.controls div.resetplay { margin-right: 14px; } /* Medium IFrame */ body.iframe.medium div.trackmap { width: 405px; height: 350px; } body.iframe.medium div.controls { width: 405px; } body.iframe.medium div.controls #lstPlaySpeed { width: 140px; } body.iframe.medium div.controls div.resetplay { margin-right: 0; } body.iframe.medium div.controls strong.auto3dlabel { margin-right: 33px; } body.iframe.medium div.controls div.zoomout, body.iframe.medium div.controls div.play, body.iframe.medium div.controls div.pause { margin-right: 8px; } body.iframe.medium div.controls div.zoomin, body.iframe.medium div.controls div.resetplay { margin-right: 0; } /* Small IFrame */ body.iframe.small div.trackmap { width: 350px; height: 310px; } body.iframe.small div.controls { width: 350px; } body.iframe.small div.controls .fw_jslst { width: 160px; } body.iframe.small div.controls div.separator { margin-right: 13px; margin-left: 4px; display: inline; } body.iframe.small div.controls div.zoomin { margin-right: 113px; } body.iframe.small div.controls #lstPlaySpeed { margin-right: 0px; } /* X-Small IFrame */ body.iframe.xsmall div.trackmap { width: 329px; height: 300px; } body.iframe.xsmall div.controls { width: 329px; } body.iframe.xsmall div.controls .fw_jslst { width: 160px; } body.iframe.xsmall div.controls #lstPlaySpeed { width: 145px; margin-right: 0; } body.iframe.xsmall div.controls div.zoomin { margin-right: 113px; } /************************************************************************************************/ /*container*/ /************************************************************************************************/ #container { width: 978px; margin: 0 auto; background: url('../images/waves.jpg') left 238px no-repeat;position:relative; } #pagetop { height: 16px; background: url('../images/waves.jpg') no-repeat; } /************************************************************************************************/ /*settings*/ /************************************************************************************************/ #settings { height: 25px; list-style: none; margin-top: -16px; position: absolute; padding-left: 15px; z-index: 100; overflow: hidden; } #settings .fw_jslst { height: 23px; background: none; padding: 0; padding-left: 4px; } #settings li, #settings li a, #settings li label, #settings li strong { float: left; display: inline; height: 23px; color: white; line-height: 20px; } #settings li { margin-right: 9px; position: relative; } #settings li:hover, #settings li.selected { background: url(../images/main.png) -215px -322px no-repeat; } #settings li a { text-decoration: none; } #settings li a label { padding-right: 3px; cursor: pointer; } #settings li a strong { padding-right: 22px; background: url(../images/main.png) right -152px no-repeat; cursor: pointer; } #settings li:hover a strong, #settings li.selected a strong { background: url(../images/main.png) right -322px no-repeat; } body.IE ul.lang li { margin-bottom: -3px; clear: both; } body.IE8 ul.lang li { margin-bottom: 0; } ul.lang li div div { float: left; } ul.lang li div div.flag { background: url(../images/main.png) no-repeat; width: 16px; height: 10px; margin: 2px 6px 0 1px; } #settings li.lang a strong { margin-left: 23px; } #settings li.lang a span.flag { width: 16px; height: 10px; display: block; position: absolute; left: 5px; top: 5px; background: url(../images/main.png) no-repeat; } #settings li.lang a span.nl, ul.lang li div div.nl { background-position: -119px -79px; } #settings li.lang a span.it, ul.lang li div div.it { background-position: -119px -89px; } #settings li.lang a span.en-gb, ul.lang li div div.en-gb { background-position: -119px -99px; } #settings li.lang a span.fr, ul.lang li div div.fr { background-position: -119px -109px; } #settings li.lang a span.de, ul.lang li div div.de { background-position: -119px -119px; } #settings li.lang a span.es, ul.lang li div div.es { background-position: -119px -129px; } #settings li.lang a span.en-us, ul.lang li div div.en-us { background-position: -119px -139px; } /************************************************************************************************/ /*header*/ /************************************************************************************************/ #header { height: 238px; position: relative; background: #232323 url(../images/banner.png) 0 0 no-repeat; } /*title*/ #header h1 { position: absolute; top: 25px; right: 20px; } #header h1 a { text-indent: -999px; width: 200px; height: 70px; display: block; overflow: hidden; } #header h1 a, #header h1 a:active, #header h1 a:visited { text-decoration: none; } /*login*/ #header div.login { width: 178px; height: 88px; position: absolute; right: 31px; bottom: 32px; } #header div.login h2 { font-size: 13px; text-transform: uppercase; font-weight: bold; margin-bottom: 8px; } #header div.login em { font-size: 12px; } #header div.login form { width: 168px; padding: 3px 0 0 3px; } #header div.login input.fw_textbox { width: 160px; display: block; margin-top: 5px; padding: 0 3px; height: 14px; line-height: 14px; border: 1px solid #310406; font-size: 11px; color: #555555; } #header div.login input.fw_textbox.empty { font-style: italic; } .js_chkbox { position:relative;display: block; cursor: pointer; margin-top: 8px; float: left; font-size: 11px; line-height: 13px; padding-left:15px;} .js_chkbox span {left:0px; position:absolute;width: 13px; height: 13px; background: url(../images/main.png) -187px -100px no-repeat; } .js_chkbox span.checked { background-position: -174px -100px; } #header div.login button { display: block; cursor: pointer; float: right; background: white; padding: 0 2px; border: 1px solid #310406; text-align: center; color: black; height: 16px; font-size: 11px; margin-top: 6px; } #header div.login button span { position: relative; top: -1px; } #header div.login p { font-family: "Myriad Pro"; padding: 4px;} #header div.login a.logout { position: absolute; bottom: 5px; left: 3px; color: white; text-decoration: none; } #header div.login a.logout:hover { text-decoration: underline; } /************************************************************************************************/ /*navigation*/ /************************************************************************************************/ #navigation { position: absolute; width: 720px; height: 154px; bottom: 20px; left: 22px; } #navigation td { vertical-align: bottom; cursor: pointer; } #header div.menuitem { height: 154px; position:relative; text-align: center; } #header div.menubg { background: url(../images/main.png) left top no-repeat; position: absolute; width: 119px; height: 154px; top: -10px;} #header div.menubg.fade100 { background: none; } #header div.menubg.fade80 { background: url(../images/spotlights.png) no-repeat; } #header div.menubg.fade70 { background: url(../images/spotlights.png) -119px top no-repeat; } #header div.menubg.fade60 { background: url(../images/spotlights.png) -238px top no-repeat; } #header div.menubg.fade50 { background: url(../images/spotlights.png) -357px top no-repeat; } #header div.menubg.fade40 { background: url(../images/spotlights.png) -476px top no-repeat; } #header div.menubg.fade30 { background: url(../images/spotlights.png) -595px top no-repeat; } #header div.menubg.fade20 { background: url(../images/spotlights.png) -714px top no-repeat; } #header div.menubg.fade10 { background: url(../images/spotlights.png) -833px top no-repeat; } #header div.menubg.fade0 { background: url(../images/spotlights.png) -952px top no-repeat; } #header div.menuitem a.icon { top: 68px; position: relative; display: block; height: 79px; width: 47px; margin: 0 auto; } #header div.menuitem strong { position: relative; top: 38px; display: block; font-size: 12px; line-height: 16px; width: 90px; margin: 0 auto; cursor: pointer; } #header a.home { background: url(../images/main.png) -119px top no-repeat; } #header a.shared-workouts { background: url(../images/main.png) -166px top no-repeat; } #header a.my-workouts { background: url(../images/main.png) -213px top no-repeat; } #header a.downloads { background: url(../images/main.png) -260px top no-repeat; } #header a.support { background: url(../images/main.png) -307px top no-repeat; } #header a.media-and-partners { background: url(../images/main.png) -354px top no-repeat; } /************************************************************************************************/ /*tabs*/ /************************************************************************************************/ #tabs { height: 51px; width: 961px; margin: 0 auto; background: url(../images/vert.png) top repeat-x; } #tabs ul { height: 51px; background: url(../images/main.png) right -226px no-repeat; list-style: none; } #tabs ul li { float: left; height: 33px; padding-top: 18px; width: 192px; cursor: pointer; position: relative; } #tabs ul li.first { background: url(../images/main.png) -192px -175px no-repeat; } #tabs ul li a { color: #898989; text-decoration: none; height: 32px; line-height: 32px; display: block; text-align: center; background: url(../images/main.png) right -192px no-repeat; } #tabs ul li.before a { background: none; } #tabs ul li:hover a { color: #9e0b0f; } #tabs ul li.active { cursor: default; background: url(../images/main.png) left -175px no-repeat; padding-top: 0; height: 51px; } #tabs ul li.active a { cursor: default; margin-top: 0; height: 51px; font-size: 14px; font-weight: bold; color: #9e0b0f; background: none; } #tabs ul li div.tabclose { position: absolute; right: 4px; top: 24px; width: 12px; height: 12px; background: url(../images/main.png) -181px -114px no-repeat; cursor: pointer; } #tabs ul li.active div.tabclose { top: 4px; } #tabfooter{width: 961px; margin: 0px auto 15px auto;background: url(../images/spotlights.png) left -154px no-repeat;height:7px;font-size:1px;} /************************************************************************************************/ /*main*/ /************************************************************************************************/ #main { width: 959px; margin: 0 auto; padding-bottom: 13px; overflow: hidden; position:relative; } #main.tabs{width: 959px;background: #232323; border: solid 1px #666666; border-top: none; border-bottom: none;} #main div.hr { height: 9px; overflow: hidden; clear: both; margin: 9px auto 0; border-top: 1px solid #303030; } #main div.leftpanel { width: 191px; float: left; margin-left: 22px; display: inline; } #main div.leftpanel div.hr { width: 191px; } #main div.centerpanel { width: 728px; float: left; margin-left: 10px; display: inline; overflow: hidden; } #main div.mainpanel { width: 925px; margin-left: 19px; margin-top: 15px; clear: both; } #main div.mainpanel.workouts { width: 940px; margin-left: 11px; } /*calendar*/ #main div.calendar { margin: 0 auto; padding-top: 15px; font-family: "Myriad Pro",Arial; } #calendar div.nav { height: 12px; line-height: 12px; width: 158px; margin: 0 auto; } #calendar div.nav a { width: 7px; height: 7px; text-indent: -999px; overflow: hidden; margin-top: 2px; float: left; } #calendar div.nav a.previous { background: url(../images/main.png) -167px -100px no-repeat; } #calendar div.nav a.next { background: url(../images/main.png) -167px -107px no-repeat; } #calendar div.nav h4 { font-weight: bold; font-size: 11px; float: left; width: 144px; text-align: center; padding: 0; margin: 0; border: none; } #calendar table {margin: 0 auto;border-collapse:collapse;} #calendar th { height: 25px; color: #555555; } #calendar td { border:1px solid #232323;border-width:1px 0px;height: 19px; width: 20px; padding-left: 1px; cursor: pointer; text-align: center; font-weight: normal; line-height: 19px; } #calendar td.lft{border-left:1px solid #232323;} #calendar td.rgt{border-right:1px solid #232323;} #calendar .now td{border-bottom:1px solid #595959;border-top:1px solid #595959;} #calendar .topnow td{border-bottom:1px solid #595959;} #calendar .btmnow td{border-top:1px solid #595959;} #calendar .now td.lft{border-left:1px solid #595959;} #calendar .now td.rgt{border-right:1px solid #595959;} #calendar table td.disabled { color: #787878; } #calendar table td.workout { background: url(../images/main.png) -278px -98px no-repeat; } #calendar table td.today { background: url(../images/main.png) -278px -79px no-repeat; } #calendar table td.workout.today { background: url(../images/main.png) -257px -79px no-repeat; } #calendar .lbl { display: block; height: 13px; line-height: 13px; color: #898989; margin: 2px 0 0 14px; text-decoration:none;cursor:pointer;} #calendar .lbl span { float: left; display: block;} #calendar .lbl span.today { background: url(../images/main.png) -257px -111px no-repeat; height: 13px; width: 14px; margin-right: 5px;} #calendar .lbl span.workout { background: url(../images/main.png) -257px -98px no-repeat; height: 13px; width: 14px; margin-right: 5px;} /*slide*/ #main div.slide { position: relative; height: 186px; padding-top: 3px; } #main div.slide a.button { width: 19px; outline: none; height: 21px; position: absolute; text-indent: -999px; overflow: hidden; } #main div.slide a.button.previous { left: 2px; top: 84px; background: url(../images/main.png) -186px -79px no-repeat; } #main div.slide a.button.next { right: 2px; top: 84px; background: url(../images/main.png) -166px -79px no-repeat; width: 20px;} #main div.slide label { font-size: 11px; color: #c2c2c2; display: block; margin: 0 0 0 45px; font-weight: bold; } #main div.slide div.left, #main div.slide div.right { width: 339px; height: 164px; display: inline; } #main div.slide div.left { margin: 13px 0 0 17px; float: left; } #main div.slide div.right { margin: 13px 19px 0 0; float: right; } /************************************************************************************************/ /*footer*/ /************************************************************************************************/ #footer { height: 50px; width: 961px; margin: 0 auto; } #footer ul { float: right; list-style: none; margin: 0px 2px 0 0; display: inline; } #footer ul li { float: left; margin-left: 11px; height: 12px; line-height: 12px; } #footer ul li span { background: url(../images/main.png) -271px -98px no-repeat; display: block; height: 12px; width: 2px; float: left; margin-right: 11px;} #footer ul li.first span { background: none; } #footer ul li a { float: left; display: block; font-size: 11px; color: #7d7d7d; text-decoration: none; font-family: "Myriad Pro",Arial; } #footer ul li a:hover { text-decoration: underline; } /* FAQ */ .faqexplain { margin-bottom: 20px; } a.faqquestion { color: white; font-weight: bold; margin-bottom: 2px; display: block; text-decoration:none;} div.faqanswer { margin-left: 20px; width: 500px; } /* SearchPage, TrackPage */ div.mapholder { position: relative; float: left; } .window.big div.mapholder { margin-top: 43px; } div.mapholder.home { cursor: pointer; } div.mapholder.invisible { position: absolute; } div.mapholder div.mc.topleft { position: absolute; left: 0px; top: 0px; width: 6px; height: 5px; background: url(../images/main.png) no-repeat -287px -117px; z-index: 10; } div.mapholder div.mc.topright { position: absolute; right: 0px; top: 0px; width: 6px; height: 5px; background: url(../images/main.png) no-repeat -293px -117px; z-index: 10; } div.mapholder div.mc.bottomleft { position: absolute; left: 0px; bottom: 0px; width: 6px; height: 5px; background: url(../images/main.png) no-repeat -287px -122px; z-index: 10; } div.mapholder div.mc.bottomright { position: absolute; right: 0px; bottom: 0px; width: 6px; height: 5px; background: url(../images/main.png) no-repeat -293px -122px; z-index: 10; } div.searchmap, div.trackmap, div.homemap { overflow: hidden; position: relative; } div.searchmap { width: 575px; height: 400px; } div.trackmap { width: 517px; height: 355px; } div.homemap { width: 338px; height: 243px;} div.searchleft, div.mapleft { float: left; margin-right: 20px; } div.mapleft { margin-right: 11px; } div.searchleft .controls, div.mapleft .controls { padding-top: 10px; clear: left; } div.mapleft .controls { width: 515px; } div.searchright .fw_jslst { float: left; width: 150px; } div.searchleft .fw_jslst, div.mapleft .fw_jslst, body.iframe .fw_jslst { margin-right: 10px; width: 160px; float: left; } div.separator { background-color: #363636; width: 1px; height: 24px; float: left; margin-right: 10px; } div.play, div.pause, div.resetplay, div.zoomin, div.zoomout, div.auto3d, div.noauto3d { float: left; width: 24px; height: 24px; margin-right: 10px; background: url(../images/main.png) no-repeat; cursor: pointer; } div.play { background-position: -299px -79px; } div.pause { background-position: -299px -103px; } div.resetplay { background-position: -323px -79px; } div.zoomin { background-position: -323px -103px; } div.zoomout { background-position: -347px -79px; } div.auto3d { background-position: -347px -103px; } div.noauto3d { background-position: -371px -79px; } strong.auto3dlabel { padding-top: 4px; display: block; cursor: pointer; float: left; margin-right: 10px; } div.mapleft div.clear { height: 5px; width: 500px;} div.mapleft div.clear { height: 0px; } div.trackpageleft { margin-right: 11px; } div.trackpageleft, div.mapright { float: left; width: 194px; } div.trackpageleft.maptab { margin-right: 0; width: 205px; } .trackinfo {width:186px;margin:0;padding:0;font-size:10px;} .trackinfo td,.trackinfo th{padding:0;margin:0;padding-bottom:2px;color:#A2A2A2;} .trackinfo th {width:100px;padding-right:10px;color:white;text-align:left;vertical-align:top;} div.trackpageleft div.minimap, div.trackpageleft div#minigraph { width: 184px; height: 157px; overflow: hidden; cursor: pointer; } div.trackpageleft div#minigraph { height: 161px; } #trackpageleft { width: 194px; } div.graphpanel { float: left; width: 730px; } div.graphpanel .fw_jslst { width: 125px; float: left; margin-right: 20px; } div.graphpanel div.zoomout { display: inline; margin-left: 227px; } body.IE ul.graphlines li.fw_jslst_option { margin-bottom: -3px; } body.IE8 ul.graphlines li.fw_jslst_option { margin-bottom: 0; } ul.graphlines div div { float: left; padding-top: 1px; } ul.graphlines div.color, .valueholder span { margin: 3px 7px 0px 2px; padding-top: 0; width: 10px; height: 10px; background: url(../images/main.png) no-repeat; } ul.graphlines div.disabled { color: #555555; } .valueholder span { display: block; float: left; margin: 7px 1px 0px 6px; } ul.graphlines div.blue, .valueholder span.blue, span.legend.blue { background-position: -247px -89px; } ul.graphlines div.red, .valueholder span.red, span.legend.red { background-position: -247px -99px; } ul.graphlines div.yellow, .valueholder span.yellow, span.legend.yellow { background-position: -247px -79px; } ul.graphlines div.green, .valueholder span.green, span.legend.green { background-position: -247px -109px; } div.graphpanel div.clear { height: 3px; } div#graphholder { margin-top: 35px; } #graphholder .controls{height:54px;} #graphholder .controls .zoomout{margin-left:432px;} div#wsgraph { height: 421px; width: 720px; position: relative; } div#maingraph { height: 336px; width: 517px; position: relative; } div#minigraph { position: relative; font-size: 9px; } div.graph * { behavior: url(#default#VML); position: absolute; left: 0px; top: 0px; } div.graph div, div.graph span, div.graph p, div.graph input { behavior: none; } /*div.graph span, div.graph p { position: static; } div.graph span { display: block; float: left; }*/ div.graphrect { background: url(../images/graphgrad.png) repeat-x left top; border: solid 1px #474747; } div.graphgap { background: url(../images/graphgap.png) no-repeat; border-left: solid 1px black; } span.legend { width: 10px; height: 10px; background-image: url(../images/main.png); } div.legendholder { font-weight: bold; } #lstGraphLine1 { margin-left: 58px; width: 180px; } #lstGraphLine2 { margin-left: 28px; width: 180px; } /*body.IE #lstSearchMapType_holder, body.IE #lstSearchMapStyle_holder, body.IE #lstTrackMapType_holder, body.IE #lstTrackMapStyle_holder, body.IE #lstPlaySpeed_holder, body.IE #lstGraphLine1_holder, body.IE #lstGraphLine2_holder { margin-left: -1px; }*/ div.searchright { float: left;position:relative; } div.searchright .fw_lbl, .tbholder { float: left; } div.searchright .fw_lbl { width: 57px; padding: 4px 3px 0 3px; color: #A2A2A2; font-size: 15px; font-weight: bold; } div.searchright .fw_row a { text-decoration: none; font-style: italic; } div.searchright .countryrow { margin-top: 5px; } div.searchright .fw_row a:hover { text-decoration: underline; } div.searchright .fw_jslst { width: 261px; position: relative; } div.searchright .fw_jslst .valueholder strong { cursor: pointer; } div.searchright .tbholder { margin-bottom: 20px; float: none; } .tbholderleft { width: 256px; height: 22px; padding: 5px 0px 0 5px; } body.IE .tbholderleft { padding-top: 4px; padding-left: 6px; width: 255px; height: 23px; } .tbholder input { float:left;padding: 0; padding-right: 1px; margin: 0; border: none; background: url(../images/transparent.gif); width: 248px; color: white; font-size: 12px; } div.searchright .tbholder input { width: 236px; } .empty { font-style: italic; color: #999; } .tbholderleft {position:relative;} .tbholderleft .clearsearch {float:left;display:block;height:12px;width:12px;background: url(../images/main.png) -181px -114px no-repeat; } body.IE .tbholderleft .clearsearch{margin-top:2px;} .searchright .fw_row{width:330px;} .tburl .tbholder input{width:218px;} .url{color: white; font-size: 12px;float:left; padding-right: 1px;} div.searchright #searchresults { height: 358px; overflow: hidden; margin-bottom: 15px; } div.pagenumbering { text-align: center; width: 287px; float: left; color: #A2A2A2; font-weight: bold; margin-top: 3px; } div.pagenumbering #curpage { background-color: #181818; border: solid 2px #272727; width: 25px; height: 14px; color: #7C7C7C; text-align: center; vertical-align: middle; padding: 1px 2px; font-weight: bold; font-size: 11px; margin-top: -2px;} a.prevpage, a.nextpage { display: block; float: left; height: 21px; width: 19px; background: url('../images/main.png') no-repeat; } a.nextpage { background-position: -167px -79px; } a.prevpage { background-position: -186px -79px; } div.searchright .fw_forminput {float:left;} .activity { position: absolute; left: 15px; top: 15px; height: 54px; width: 54px; background: url(../images/main.png); } .activity.act0, .activity.act1, .activity.act7, .activity.act10, .activity.act16, .activity.act20 { background-position: 0px -514px; } .activity.act2 { background-position: -54px -514px; } .activity.act3 { background-position: -108px -514px; } .activity.act4 { background-position: -162px -514px; } .activity.act5 { background-position: -324px -514px; } .activity.act6 { background-position: -270px -514px; } .activity.act8 { background-position: -378px -514px; } .activity.act9 { background-position: -432px -514px; } .activity.act11 { background-position: -108px -568px; } .activity.act12 { background-position: -162px -568px; } .activity.act13 { background-position: -216px -568px; } .activity.act15 { background-position: -270px -568px; } .activity.act17 { background-position: -378px -568px; } .activity.act18 { background-position: -432px -568px; } .activity.act19 { background-position: 0px -622px; } .smallact{/*width:16px;height:16px;display:block;*/} .smallact.act0, .smallact.act1, .smallact.act2, .smallact.act3, .smallact.act4, .smallact.act5, .smallact.act6, .smallact.act7, .smallact.act8, .smallact.act9, .smallact.act10, .smallact.act11, .smallact.act12, .smallact.act13, .smallact.act14, .smallact.act15, .smallact.act16, .smallact.act17, .smallact.act18, .smallact.act19 {} .searchresult { margin-bottom: 10px; width: 325px; height: 82px; background: #181818 url(../images/main.png) no-repeat left -345px; overflow: hidden; position: relative; } .searchresult .inner { background: url(../images/main.png) no-repeat right -345px; height: 82px; } .searchresult .result { border-top: solid 1px #303030; border-bottom: solid 1px #303030; margin-left: 8px; width: 237px; height: 73px; padding-left: 72px; padding-top: 7px; } .searchresult a { font-weight: bold; color: white; font-size: 12px; margin-left: 2px; text-decoration: none; } .searchresult a:hover { text-decoration: underline; } .searchresult table.trackdata { margin-top: 3px; } .searchresult table.trackdata td{padding: 0 6px 0 3px;} .searchresult table.trackdata th{font-weight:normal;text-align:left;} #viewstepmenu {list-style:none;height:75px; border-bottom: 1px solid #797979; width: 100%; margin: 0; padding: 0;} #viewstepmenu li {cursor:default; float:left; color: #7D7D7D; width: 168px; height: 30px; text-align: center; position: relative; padding-top: 45px;} #viewstepmenu li.clickable {cursor:pointer;} #viewstepmenu li div {position: absolute; top: -7px; left: 57px; font-size: 16px; font-weight: bold; padding-top: 16px; height: 34px; width: 50px; background: url(../images/main.png) -395px -79px; } #viewstepmenu li.active { color: #ce0b0f; font-size: 13px; padding-top: 43px; height: 32px; } #viewstepmenu li.active div { color: #7D7D7D; } .viewcontent .searchresult{width:495px;cursor:pointer;margin-left:20px;margin-top:10px;} .viewcontent .searchresult .result{width:407px;} .viewcontent .searchresult table{float:left;} #liveview{background:url(../images/main.png) no-repeat 0px -427px;height:51px;margin-left:7px;padding:5px 10px;} #liveview div{float:left;width:220px;} #liveview h2{font-size:13px;font-weight:bold;margin-bottom:4px;} #liveview form{position:relative;float:right;margin-top:2px;height:51px;width:110px;} #liveview input{width:90px;border:1px solid black;padding:2px;height:15px;font-size:12px;} #liveview button{width:50px;height:15px;position:absolute;font-size:12px;font-weight:bold;background:none;border:none;color:white;padding-right:10px;right:15px;bottom:8px;} #homemid{float:left;width:379px;padding-left:5px;} #homergt{float:right;width:290px;} .top img{margin-bottom:8px;} #lasttrack{margin:8px 0px 0px 0px;position:relative;} #lasttrack .top {height:13px;background: url(../images/main.png) no-repeat 0px -488px;} #lasttrack .track{padding-left:17px;height:290px;background:url(../images/hor.png) repeat-y -40px 0px;} #lasttrack .btm{height:13px;background:url(../images/main.png) no-repeat 0px -501px;} .track .text{position:absolute;bottom:18px;left:17px;} .track .text strong{font-size:15px;font-weight:bold;display:block;} .track .text .user{color:#7D7D7D;} #runningtxt,#mobiletxt,#bikingtxt{font-size:30px;position:absolute;line-height:30px;} #runningtxt{left:20px;top:145px;} #mobiletxt{left:800px;top:30px;} #bikingtxt{right:20px;top:220px;} #runningbtm{position:absolute;left:20px;top:335px;} #mobilebtm{position:absolute;right:20px;top:157px;} #bikingbtm{position:absolute;left:690px;top:336px;} #runningbtm p,#bikingbtm p{font-size:15px;font-weight:bold;} /*View/Popup*/ div.viewbottom, div.viewtop { background: url(../images/spotlights.png) no-repeat; height: 20px;} div.viewtop { background-position: left -161px; } div.viewbottom { background-position: left -181px; } div.viewcontent { background: url(../images/hor.png) -412px top repeat-y; padding-left: 20px; padding-right: 20px; } a.viewclose { display: block; width: 22px; height: 22px; background: url(../images/main.png) -200px -107px no-repeat; } #trlinks{position:absolute;top:3px;right:11px;color:white;text-decoration:none;font-style:italic;overflow:hidden;} #trlinks a{text-decoration:none;float:right;} #trlinks span{margin:0px 5px;float:right;} #trlinks a:hover{text-decoration:underline;font-style:italic;} .viewcontent{padding:20px 0 0 20px; } .viewcontent form{padding-top:10px;} h4{border-bottom: 1px solid #797979;padding:16px 0px 30px 10px;color:#A2A2A2; font-size: 22px;} .viewcontent .fw_lbl{float:left;width:140px;height:15px;padding:4px 0px 4px 10px;font-weight:bold;color:#A2A2A2;font-size:11px;} .viewcontent .fw_forminput,.viewcontent .fw_radioitem input,.fw_checkbox{float:left;margin:0;color:#A2A2A2;} .viewcontent .fw_forminput{width:270px;} .viewcontent .js_chkbox,.viewcontent .fw_lblafter{text-align:left;} .viewcontent .fw_radiogroup{float:left;padding: 3px 0;} .viewcontent .fw_lblradioitem{margin:2px;float:left;width:200px;padding:0;height:auto;} .viewcontent .fw_checkbox{margin:4px 3px 0 0;} .viewcontent p{padding-left:1em; padding-right: 1em; padding-bottom: 2px;} .viewcontent p strong { font-size: 12px; } .viewcontent ul { margin-left: 25px; } .viewcontent .fw_row { width: 610px; } .fw_row{position:relative;display:block;} .fw_errormsg{color:#ce0b0f;font-weight:bold;position:absolute;left:400px;top:4px;} .viewcontent .fw_errormsg { left: 420px; } .smalltb .tbholderleft{width:35px;padding-right:5px;} body.IE .smalltb .tbholderleft {width:34px;} .smalltb .tbholder input{width:32px;} .smalltb .unit{float:left;padding:5px 10px 0px 4px;} textarea{width:270px;height:100px;} .fw_row { margin-bottom: 5px; } .fw_lbl, span.fw_lbl { width: 120px; float: left; cursor:default;} span.fw_lbl { padding: 1px; } .fw_forminput { float: left; } #frmContact #message { width: 254px; background: #202020; color: white; border: solid 1px #707070; padding: 3px; height: 170px; } button { background: #181818; color: white; font-size: 12px; border: solid 1px #707070; padding: 2px 4px; margin: 0; /*margin-left: -2px;*/ } #workoutholder{display:block;width:722px;clear:both;padding-top:15px;} #workoutholder .pageholder{margin-left:150px;} #workoutholder h5{padding-left:4px;font-size:14px;font-weight:bold;} #uploadlink{cursor: pointer;font-weight:bold;padding-bottom:4px;width:170px;height:24px;font-size:11px;background: url(../images/main.png) -217px -296px no-repeat;border:solid 1px #595959;} body.IE #uploadlink{padding-bottom:2px;} #listtype{width:150px;float: right;} #workoutlist{width:722px;border-collapse:collapse;margin-bottom:3px;} #workoutlist tr{height:24px;} #workoutlist td,#workoutlist th{height:16px;font-size:11px;border-left:solid 1px #303030;text-align:left;padding:4px;} #workoutlist .day{width:75px;} #workoutlist td.day{font-style:italic;} #workoutlist .tday{width:75px;} #workoutlist .wrk{width:225px;} #workoutlist .wrk span{float:left;margin-right:2px;height:16px;} #workoutlist .tr{background:#181818;} #workoutlist .trh{background:#640B0D;} #workoutlist .track{cursor:pointer;} #workoutlist .icons{display:none;} #workoutlist .dst span{float:left;height:16px;} #workoutlist .trh .icons{display:block;float:right;width:42px;} #workoutlist .icons a{float:right;width:16px;height:16px;margin-left:5px;} #workoutlist .icons a.edit{background: url(../images/pencil.png) no-repeat;} #workoutlist .icons a.rem{background: url(../images/delete.png) no-repeat;} #weeknav a.prevpage{float:left;} #weeknav a.nextpage{float:right;} #uploadlink{float: left; margin-left: 0; } form.styled { margin-left: 20px; margin-top: 20px; } form.styled legend { display: none; } form.styled .fw_textbox { width: 200px; background: #181818; color: white; border: solid 1px #707070; padding: 2px 2px 4px 5px; } form.styled div.fw_errormsg { left: 350px; } p.actexplain { margin-top: 10px; } .chooseact { margin-top: 20px; padding-left: 20px; } .chooseact .clear { height: 30px; } .chooseact .act { width: 58px; height: 58px; float: left; margin-right: 30px; position: relative; background: transparent; display: block; } .chooseact .act.selected, .chooseact .act:hover { background: url(../images/main.png) no-repeat -437px -427px; } .chooseact .act span { z-index: 1; position: absolute; left: -10px; top: -13px; width: 78px; text-align: center;} .chooseact .act .icon { width: 54px; height: 54px; position: absolute; top: 2px; left: 2px; background: url(../images/main.png) no-repeat left -514px; } .chooseact .act .icon.act2 { background-position: -54px -514px; } .chooseact .act .icon.act3 { background-position: -108px -514px; } .chooseact .act .icon.act4 { background-position: -162px -514px; } .chooseact .act .icon.act5 { background-position: -324px -514px; } .chooseact .act .icon.act6 { background-position: -270px -514px; } .chooseact .act .icon.act8 { background-position: -378px -514px; } .chooseact .act .icon.act9 { background-position: -432px -514px; } .chooseact .act .icon.act11 { background-position: -108px -568px; } .chooseact .act .icon.act12 { background-position: -162px -568px; } .chooseact .act .icon.act13 { background-position: -216px -568px; } .chooseact .act .icon.act15 { background-position: -270px -568px; } .chooseact .act .icon.act17 { background-position: -378px -568px; } .chooseact .act .icon.act18 { background-position: -432px -568px; } .chooseact .act .icon.act19 { background-position: 0px -622px; } #trackupload { width: 250px; background: #181818; color: white; border: solid 1px #707070; } .viewcontent #Cancel { margin-right: 10px; } .viewcontent .buttons #Cancel { margin-left: 10px;} /********* Schedule Page ********/ #addcontrols { width: 660px; padding-left: 61px; } .linebutton { width: 110px; text-align: center; padding: 3px 0; float: left; margin-right: 10px; border: solid 1px #707070; background-color: #252525; cursor: pointer; } .linebutton.disabled { border: solid 1px #606060; background-color: #484848; cursor: default; color: #AAAAAA; } #addcontrols .addimage { float: left; margin: 3px 10px 0 3px; } #addcontrols .clear { height: 5px; } .linetypeleft, .linetyperight { float: left; width: 290px; height: 25px; display: inline; } .linetypeleft { margin-left: -12px; } .linetypeleft input { margin: 4px 3px 0 0; } .linetyperight input { margin: 4px 0 0 3px; } .linetypeleft input, #lstSessionLine1 { float: left; } .linetyperight input, #lstSessionLine2 { float: right; } #lstSessionLine1, #lstSessionLine2 { width: auto; /*170px;*/ } body.FF #lstSessionLine1 .valueholder strong, body.FF #lstSessionLine2 .valueholder strong { padding-right: 40px; } .sessionmaxx { margin-left: 600px; } div.sessionmaxx div.tbholderleft { width: 63px; } #sessionmaxx { width: 50px; } li div.topline {border-top: solid 1px #AAAAAA;} /*********** Window ***********/ .window { width: 194px; overflow: hidden; margin-bottom: 11px; } .window.big { width: 527px; position: relative; } .window.big.bigger { width: 732px; position: inherit; } .wndh { height: 38px; overflow: hidden; } .wndhc { background: url(../images/spotlights.png) no-repeat -331px -201px; height: 38px; width: 180px; padding: 10px 0 0 7px; float: left; } .window.big .wndhc { width: 513px; } .window.big.bigger .wndhc { width: 718px; } .wndhc h3 { font-size: 21px; color: #B6B6B6; padding: 0; margin: 0; font-weight: normal; } .wndhr { background: url(../images/spotlights.png) no-repeat right -201px; height: 38px; width: 7px; float: left; } .wndc { border-left: solid 1px #666666; border-right: solid 1px #666666; padding: 4px 4px 0 4px; clear: both; width: 184px;} /* window content exceptions: */ .window.big .wndc { width: 517px; } .window.big.bigger .wndc { width: 722px; } .window.big.bigger .wndc { padding-top: 14px; } #minigraphwnd .wndc { padding-top: 0px; } .trackdetails .wndc { padding-left: 7px; width: 181px; padding-bottom: 11px; } .wndf { height: 5px; overflow: hidden; clear: both; } .wndfl { background: url(../images/spotlights.png) no-repeat -331px -239px; float: left; width: 187px; height: 5px; } .window.big .wndfl { width: 520px; } .window.big.bigger .wndfl { width: 725px; } .wndfr { background: url(../images/spotlights.png) no-repeat right -239px; float: left; width: 7px; height: 5px; } #minimapwnd { margin-bottom: 11px; cursor: pointer; } #minigraphwnd { cursor: pointer; } .specialwnd * { background: none; border: none; } .specialwnd { background: url(../images/main.png) no-repeat -85px -677px; width: 205px; height: 204px; overflow: hidden; } .specialwnd.selected { background-position: -290px -677px; } /************* Stat box **************/ .stat { float: left; height: 55px; width: 55px; overflow: hidden; margin-right: 7px; } .stat.nomargin { margin-right: 0; } .mapstatholder .stat.big { width: 67px; } .mapstatholder .stat { width: 63px; } .stat .h { height: 19px; position: relative; } .stat .h .l { height: 19px; width: 50px; float: left; background: url(../images/main.png) no-repeat -415px -622px; } .mapstatholder .stat.big .h .l { width: 62px; } .mapstatholder .stat .h .l { width: 58px; } .stat .h .r { height: 19px; width: 5px; float: left; background: url(../images/main.png) no-repeat right -622px; } .stat .h .c { position: absolute; width: 100%; height: 16px; padding-top: 3px; text-align: center; color: #7D7D7D; text-transform: uppercase; left: 0px; top: 0px; } .stat .vh { clear: both; position: relative; height: 36px; } .stat .vh .l { width: 50px; height: 36px; float: left; background: url(../images/main.png) no-repeat -415px -641px; } .mapstatholder .stat.big .vh .l { width: 62px; } .mapstatholder .stat .vh .l { width: 58px; } .stat .vh .r { width: 5px; height: 36px; float: left; background: url(../images/main.png) no-repeat right -641px; } .stat .vh .c { position: absolute; width: 100%; height: 32px; padding-top: 4px; left: 0px; top: 0px; } .stat .vh .c .v { color: #e0e0e0; font-size: 15px; text-align: center; } .stat .vh .c .u { color: #666666; font-size: 11px; text-align: center; } .mapstatholder { position: absolute; height: 55px; top: 11px; left: 5px; } .mapstatholder .stat { margin-right: 27px; } .mapstatholder .stat.nomargin { margin-right: 0; } /********** Stats at right side on maptab *********/ .trackdetails h2 { color: #7D7D7D; font-size: 12px; margin-bottom: 6px; margin-top: 1px; } .trackdetails h1 { color: #e0e0e0; font-size: 14px; height: 34px; margin-bottom: 7px; } .staticon { background: url(../images/main.png) no-repeat; width: 29px; height: 29px; float: left; margin-right: 8px; } .staticon.location { background-position: -54px -622px; } .staticon.time { background-position: -83px -622px; } .staticon.distance { background-position: -112px -622px; } .staticon.duration { background-position: -141px -622px; } .staticon.speed { background-position: -170px -622px; } .staticon.heart { background-position: -199px -622px; } .staticon.pace { background-position: -228px -622px; } .staticon.altitude { background-position: -257px -622px; } .detail { padding-bottom: 7px; } body.IE .detail.location .clear { height: 1px; } body.IE8 .detail.location .clear { height: 0px; } .detail.location { padding-bottom: 25px; } .detail.distance { padding-top: 16px; padding-bottom: 28px; } .detail.duration, .detail.time { padding-bottom: 0; } .detail.heart { padding-top: 10px; } .detail.speed, .detail.pace, .detail.altitude { border-top: solid 1px #363636; margin-top: 14px; padding-top: 14px; } .detail.speed { margin-top: 21px; padding-top: 21px; } .detail .info { float: left; } .detail .info .t { color: #7D7D7D; margin-top: 1px; text-transform: uppercase; } .detail .info .v { color: #e0e0e0; font-weight: bold; } .graphcm { border: solid 1px black; background: #e0e0e0; color: Black; padding-bottom: 4px;} .graphcm div { padding: 4px 4px 0 4px; } .graphcm .disabled { color: #909090; } .zone { background: url(../images/zonebg.png) repeat-x; } .zone.blue { background-position: left top; } .zone.red { background-position: left -350px; } .zone.yellow { background-position: left -700px; } .zone.blue.active { background-position: left -1050px; } .zone.red.active { background-position: left -1400px; } .zone.yellow.active { background-position: left -1750px; } .zone.disabled { background-position: left -2100px; } /****** graph scrollbars *******/ .graphscroll { overflow: hidden; } .graphscroll.vert { padding: 1px 0 1px 3px; } .graphscroll.hor { padding: 3px 1px 0 1px; } div.graph .graphscroll * { position: static; } .graphscroll .l { background: url(../images/main.png) no-repeat -70px -651px; height: 6px; width: 3px; } .graphscroll.vert .l { height: 3px; width: 6px; } .graphscroll.hor .l, .graphscroll.hor .c, .graphscroll.hor .r { float: left; } .graphscroll.hor .c { background: url(../images/vert.png) left -434px repeat-x; } .graphscroll.vert .c { background: url(../images/hor.png) -1137px top repeat-y; } .graphscroll .r { background: url(../images/main.png) no-repeat; } .graphscroll.hor .r { height: 6px; width: 3px; background-position: -73px -651px; } .graphscroll.vert .r { height: 3px; width: 6px; background-position: -70px -654px; } div.graph .graphscroll .bar { position: absolute; padding-left: 2px; padding-top: 4px; } div.graph .graphscroll.vert .bar { padding-top: 2px; padding-left: 4px; } .graphscroll .bar .l { background-position: -76px -651px; height: 4px; width: 2px; } .graphscroll.hover .bar .l { background-position: -80px -651px; } .graphscroll.vert .bar .l { width: 4px; height: 2px; } .graphscroll.hor .bar .c { background-position: left -440px; } .graphscroll.vert .bar .c { background-position: -1143px top; } .graphscroll.hor.hover .bar .c { background-position: left -444px; } .graphscroll.vert.hover .bar .c { background-position: -1147px top; } .graphscroll.hor .bar .r { background-position: -78px -651px; height: 4px; width: 2px; } .graphscroll.vert .bar .r { background-position: -76px -653px; width: 4px; height: 2px; } .graphscroll.hor.hover .bar .r { background-position: -82px -651px; } .graphscroll.vert.hover .bar .r { background-position: -80px -653px; } .gridzone { background: url(../images/vert.png) repeat-x left -448px; font-style: italic; color: #606060; } .ygrid { background: url(../images/gridline_hor.png) repeat-x; } .xgrid { background: url(../images/gridline_vert.png) repeat-y; } table.valuehover, table.valuehover tbody, table.valuehover td, table.valuehover tr { margin: 0; padding: 0; } table.valuehover { border-collapse: collapse; } table.valuehover td { white-space: nowrap; } table.valuehover td.title { font-weight: bold; padding-right: 4px; } #heartmethod { width: 150px; float: left; } ul div.disabled { color: #555555; } /* sharing icons */ .shareicon { float: left; width: 32px; height: 32px; margin-right: 6px; background: url(../images/main.png) no-repeat; cursor: pointer; } .shareicon.facebook { background-position: left -708px; } .shareicon.twitter { background-position: left -676px; } .shareicon.delicious { background-position: left -772px; } .shareicon.hyves { background-position: left -740px; } .shareicon.mail { background-position: left -804px; } .shareicon.last { margin-right: 0; } textarea { background: #363636; border: solid 1px #606060; color: White; font-size: 11px; padding: 2px; } #mailtext { width: 400px; height: 150px; } .mailsharepre { width: 400px; } .mailsharepre p { padding-left: 0; } .addline { margin-right: 20px; width: 131px; height: 99px; float: left; cursor: pointer; display: block; text-decoration: none; } .addline:hover { background: url(../images/main.png) no-repeat left -1385px; } .addline .preview { width: 122px; height: 72px; margin: 6px 0 2px 5px; background: url(../images/main.png) no-repeat; } .addline p { text-align: center; font-weight: bold; } .addline.disabled { cursor: default; } .addline.speedzone.line1 .preview { background-position: left -953px; } .addline.speedzone.line2 .preview { background-position: -122px -953px; } .addline.speedzone.line3 .preview { background-position: -244px -953px; } .addline.pacezone.line1 .preview { background-position: left -1025px; } .addline.pacezone.line2 .preview { background-position: -122px -1025px; } .addline.pacezone.line3 .preview { background-position: -244px -1025px; } .addline.heartzone.line1 .preview { background-position: left -881px; } .addline.heartzone.line2 .preview { background-position: -122px -881px; } .addline.heartzone.line3 .preview { background-position: -244px -881px; } .addline.speedline.line1 .preview { background-position: left -1169px; } .addline.speedline.line2 .preview { background-position: -122px -1169px; } .addline.speedline.line3 .preview { background-position: -244px -1169px; } .addline.paceline.line1 .preview { background-position: left -1241px; } .addline.paceline.line2 .preview { background-position: -122px -1241px; } .addline.paceline.line3 .preview { background-position: -244px -1241px; } .addline.heartline.line1 .preview { background-position: left -1097px; } .addline.heartline.line2 .preview { background-position: -122px -1097px; } .addline.heartline.line3 .preview { background-position: -244px -1097px; } .addline.speedline.disabled.line1 .preview, .addline.heartline.disabled.line1 .preview, .addline.paceline.disabled.line1 .preview { background-position: -366px -1097px; } .addline.speedline.disabled.line2 .preview, .addline.heartline.disabled.line2 .preview { background-position: -366px -1169px; } .addline.speedline.disabled.line3 .preview, .addline.heartline.disabled.line3 .preview { background-position: -366px -1241px; } .addline.paceline.disabled.line2 .preview { background-position: -244px -1313px; } .addline.paceline.disabled.line3 .preview { background-position: -366px -1313px; } .addline.speedzone.disabled.line1 .preview, .addline.heartzone.disabled.line1 .preview, .addline.pacezone.disabled.line1 .preview { background-position: -366px -881px; } .addline.speedzone.disabled.line2 .preview, .addline.heartzone.disabled.line2 .preview { background-position: -366px -953px; } .addline.speedzone.disabled.line3 .preview, .addline.heartzone.disabled.line3 .preview { background-position: -366px -1025px; } .addline.pacezone.disabled.line2 .preview { background-position: left -1313px; } .addline.pacezone.disabled.line3 .preview { background-position: -122px -1313px; } .addbutton { float: left; width: 300px; } .addbutton.zone { margin-left: 30px; background: none; } .addbutton .icon { background: url(../images/main.png) no-repeat; width: 37px; height: 37px; } .addbutton .icon, .addbutton p { float: left; } .addbutton p { margin: 10px 0 0 5px; font-weight: bold; cursor: default; } .addbutton.zone .icon { background-position: -33px -676px; } .addbutton.line .icon { background-position: -33px -713px; } .previewbox { width: 514px; position: absolute; z-index: 6; } .previewbox.zone { background: none; } .previewbox .top { background: url(../images/spotlights.png) no-repeat left -244px; height: 6px; margin-top: 8px; } .previewbox .arrow { background: url(../images/main.png) no-repeat -84px -651px; position: absolute; top: 0px; width: 14px; height: 9px; } .previewbox.zone .arrow { left: 33px; } .previewbox.line .arrow { left: 333px; } .previewbox .middle { padding: 10px; background: url(../images/hor.png) repeat-y -1154px top; height: auto; overflow: hidden; margin-left: 1px; } .previewbox .footer { background: url(../images/spotlights.png) no-repeat left -249px; height: 18px; } .previewbox .title, .previewbox .seperator, .previewbox .buttonrow { clear: both; } .previewbox .buttonrow { padding-left: 25px; } .previewbox .title .icon { float: left; margin-left: 30px; margin-bottom: 5px; width: 29px; height: 29px; background: url(../images/main.png) no-repeat; } .previewbox .title p { float: left; margin: 5px 0 0 5px; font-size: 13px; } .previewbox .title .icon.heart { background-position: -199px -622px; } .previewbox .title .icon.speed { background-position: -170px -622px; } .previewbox .title .icon.pace { background-position: -228px -622px; } .previewbox .seperator { width: 385px; height: 1px; margin: 10px 0 10px 50px; background: #707070; } .swapbutton { width: 24px; height: 24px; margin-left: 10px; margin-right: 10px; cursor: pointer; float: left; display: block; background: url(../images/main.png) no-repeat -295px -622px; } .curlineind { width: 24px; height: 35px; background: url(../images/main.png) no-repeat; cursor: pointer; } .curlineind.red { background-position: -319px -622px; } .curlineind.blue { background-position: -343px -622px; } .curlineind.yellow { background-position: -367px -622px; } .curlineind.disabled { background-position: -391px -622px; } #rightlineind { float: right; margin-left: 5px; } #leftlineind { float: left; margin-right: 5px; } #embed{margin-top:1em;} #embed .fw_jslst { height: 27px; background: none; padding-right:1px;margin-bottom:6px;background: url(../images/main.png) right -295px no-repeat; } #embed .fw_jslst .valueholder{} #embed li, #embed li a, #embed li label, #embed li strong { float: left; display: inline; height: 23px; color: white; line-height: 20px; } #embed li { margin-right: 9px; position: relative; } #embed li:hover, #embed li.selected { background: url(../images/main.png) -215px -322px no-repeat; } #embed li a { text-decoration: none; } #embed li a label { padding-right: 3px; cursor: pointer; } #embed li a strong { padding-right: 22px; background: url(../images/main.png) right -152px no-repeat; cursor: pointer; } #embed li:hover a strong, #embed li.selected a strong { background: url(../images/main.png) right -322px no-repeat; } #trackurlholder .fw_lbl { width: auto; } #trackurlholder .tbholder{width:183px;} #trackurlholder .tbholder .tbholderleft{width:177px;} #trackurlholder input{width:174px;} #CopyCode{float:right; } #copybuttonholder { position: relative; } .valuebox { z-index: 4; position: absolute; display: none; } .valuebox input { width: 35px; padding: 0; text-align: center; border: none; position: static; background-color: transparent; color: White; } .valuebox .left { background: url(../images/main.png) no-repeat -131px -1385px; height: 15px; color: white; float: left; position: static; padding: 4px 1px 4px 5px; } .valuebox .right { background: url(../images/main.png) no-repeat -288px -1385px; width: 15px; height: 23px; float: right; position: static; } .valuebox.dotvalue .left { background-position: -131px -1408px; height: 30px; } .valuebox.dotvalue .right { background-position: -284px -1408px; height: 38px; width: 11px; } .valuebox.reverse .left { padding: 4px 2px 4px 16px; background-position: -131px -1446px; } .valuebox.reverse .right { background-position: -299px -1446px; width: 4px; } .valuebox.xvalue .left { background-position: -303px -1385px; margin-top: 11px; } .valuebox.xvalue .right { background-position: -459px -1385px; width: 4px; margin-top: 11px; } .valuebox.xvalue .arrow { width: 13px; height: 12px; background: url(../images/main.png) no-repeat -131px -1469px; }