* {
    margin: 0px;
    padding: 0px;
}

body {
    background: url(../images/bg.jpg) repeat-x;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

img {
    border: 0 none;
}

a {
    text-decoration: none;
    color: #002593;
}

a:hover {
    color: #ED0506;
}

h1 {
    color: #006dba;
    font-weight: normal;
    font-size: 24px;
    margin-top: 16px;
    margin-bottom: 16px;

}

h1.addition {
    padding-left: 16px;
}

h1.main {

    color: #006dba;
    font-weight: normal;
    font-size: 24px;
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: center;

}

#container {
    width: 1000px;
    margin: 0px auto;
}

/* Header section starts here */
#top-header {
    width: 100%;
    height: 78px;
}

#top-header h1 {
    float: left;
    margin: 0;
    padding: 22px 0 0 0px;
    text-indent: -99999px;
}

#top-header h1 a {
    background: url(../images/logo-nogago.png) no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    height: 45px;
    width: 230px;
    margin-left:10px;
}

#main-nav {
    float: left;
    margin: 24px 0 0 40px;
}

#main-nav a {
    color: #999999;
    font-size: 16px;
    font-weight: bold; /*opacity:1;*/
    padding: 6px 15px 4px 15px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    float: left;
}

#main-nav a:hover {
    color: #ED0507;
}

#main-nav a.active {
/*-moz-border-radius:3px; opacity:1;*/
    background: #ED0505;
    color: #FFFFFF;
}

#main-nav a.active:hover {
    color: #FFFFFF;
}

#joinus-login {
    float: right;
    margin: 12px 0 0 0;
    padding-right:18px;
}

#joinus-login a {
    float: left;
}

a#signup {
    background: url(../images/sign-up-bg.png) no-repeat;
    height: 56px;
    width: 156px;
    text-align: center;
    font-size: 15px;
    color: #000000;
    text-transform: uppercase;
    padding: 10px 10px 0;
    line-height: 17px; /*text-shadow:0 1px 0px #EFDD6D;*/
}

a#login {
    color: #999999;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 0 4px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 10px 0 0;
    float: right;
    text-align: right;
}

a#login:hover {
    color: #ED0508;
}

/* Header section ENDS here */

#content {
    padding: 20px 0px;
    overflow: hidden;
}

/*temp style will be changed*/
h2.mainPageTitle {
    font-size: 28px;
    font-weight: normal;
    color: #1A3E6A;
    text-transform: uppercase;
    margin: 10px auto 0px auto;
    width: 760px;
    text-align: center;
}

#TSProcess {
    background: #F3F3F3;
    overflow: hidden;
}

#TSProcess li {
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 5px;
    overflow: hidden;
    clear: both;
    list-style: none;
    list-style-type: none;
    margin: 0px;
    height: 35px;
}

#TSProcess li h3 {
    font-size: 50px;
    color: #F40000;
    float: left;
    width: 35px;
    font-weight: normal;
    line-height: 38px;
}

#TSProcess li p {
    color: #000000;
    float: left;
    font-size: 18px;
    line-height: 17px;
    width: 215px;
    height: 36px;
}

a.redBtnHome {
/*-moz-border-radius:5px;*/
    background: url(../images/button-bg-red.png) repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 14px 35px;
    width: 166px;
    text-align: center;
    font-weight:bold;
}

a.redBtnHome:hover {
    background: url(../images/button-bg-red.png) repeat-x left -58px;
    color: #000000;
}

/* Footer styling */
#footer {
    clear: both;
    padding: 20px 0px;
    border-top: 1px solid #BBBBBB;
    margin: 0px;
}

#footer ul {
    float: left;
    width: 685px;
    padding: 0px;
    margin: 0px;
}

#footer ul li {
    list-style: none;
    list-style-type: none;
    display: inline;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
}

#footer ul li a {
    display: block;
    padding: 0 10px;
    border-right: 1px solid #D8D8D8;
}

#footer ul li a.lastFooterLink {
    border-right: none;
}

#footerRight{
    position:relative;
    left:80px;
    top:-5px;
}

/* Detail pages styles */

.colLeft {
    float: left;
    padding: 0 20px 0 0;
    width: 328px;
}

.colRight {
/*border-left:1px solid #BCBCBC;*/
    float: right;
    padding: 0px;
    width: 550px;
}

h2 {
    font-size: 20px;
    font-weight: normal;
    color: #193E6A;
    margin: 0 0 20px 0;
    line-height: 28px;
    letter-spacing: -1px;
}

.downloadMSG {
    background: #F5F5F5;
    border: 1px solid #E8E8E8; /*-moz-border-radius:5px;*/
    padding: 25px;
    font-size: 16px;
    color: #000000;
    text-align: center;
}

.downloadMSGArrow {
    position: relative;
    height: 19px;
}

.downloadMSGArrow img {
    position: absolute;
    width: 38px;
    height: 19px;
    top: -1px;
    left: 135px;
}

.downMapDetails {
    font-size: 16px;
    color: #000000;
    padding: 25px;
    padding-bottom:0px;
}

.downMapDetails p {
    padding: 30px 0 0;
    clear: both;
}

.downMapBtnCont {
    margin: 0 0 0 65px;
}

.downMapGD {
    text-align: left;
    font-size: 16px;
    color: #000000;
}

.downMapGD h3 {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    margin: 0 0 20px 0;
}

.downMapGD p {
    padding: 0 0 30px;
    clear: both;
}

.giftImg{
    position:relative;
    top:7px;
     width:30px;
    height:30px;
}

.giftDiv {
    font-size: 16px;
    color: #000000;
}

.giftDiv td{
    padding-bottom:15px;
}

a.defaultButton {
    background: url(../images/btn-bg.png) repeat-x;
    padding: 9px 20px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 18px; /*-moz-border-radius:5px;*/
    text-align: center;
}

a.trackDownloadButton {
    background: url(../images/btn-bg.png) repeat-x;
    padding: 9px 80px;
    color: #FFFFFF;
    font-size: 18px; /*-moz-border-radius:5px;*/
    text-align: center;
}

a.trackGrayButtonWithoutMargin {
    background: url(../images/btn-bg-gray.png) repeat-x;
    color: #000000;
}

a.trackGrayButtonWithoutMargin:hover {
    cursor:default;
}

a.defaultButton:hover {
    background: url(../images/btn-bg.png) repeat-x left bottom;
    color: #333333;
}

a.accountSaveButton {
    width:270px;
}

a.grayButton {
    background: url(../images/btn-bg-gray.png) repeat-x;
    padding: 9px 20px;
    color: #000000;
    display: block;
    float: left;
    font-size: 18px; /*-moz-border-radius:5px;*/
    text-align: center;
    margin-left: 10px;
}

a.grayButton:hover {
    cursor:default;
}

a.grayButtonWithoutMargin {
    background: url(../images/btn-bg-gray.png) repeat-x;
    padding: 9px 20px;
    color: #000000;
    display: block;
    float: left;
    font-size: 18px; /*-moz-border-radius:5px;*/
    text-align: center;
}

a.grayButtonWithoutMargin:hover {
    cursor:default;
}

.textCenter{
    text-align:center;
}

.mapPgCont {
    height: 482px;
}

.shutdownNotificationCont{
   height: 300px;
}

.mapContainer {
    border: 1px solid #BCBCBC; /*-moz-border-radius:5px;*/
}

.mapBOX {
    padding: 10px;
    height: 400px;
}

#map {
    height: 400px;
}

.downSearchBox {
    background: #E0E0E0 url(../images/downloadFieldBG.png) repeat-x;
    padding: 10px;
    border-bottom: 1px solid #BCBCBC;
    overflow: hidden;
    height: 40px;
    position: relative;
    z-index: 1010;
}

.mapSearchField {
    border: 1px solid #BCBCBC;
    padding: 6px 10px 7px;
    width: 410px;
    float: left;
    margin: 0 10px 0 0;
    font-size: 20px;
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif; /*-moz-border-radius:5px;*/
}

.shutdownNotificationMsgCont{
    padding-top:70px
}

.appsTextCont {
    font-size: 16px;
    color: #000000;
}

.appsTextCont p {
    margin: 0 0 20px 0;
}

.appBulletText {
    font-size: 16px;
    color: #000000;
    margin: 0px;
}

.appBulletText li {
    padding: 0 0 0 25px;
    margin: 16px 0px;
    background: url(../images/bullet-apps.jpg) no-repeat left 5px;
}

.appLNKS {
    margin: 20px 0 0;
    border-top: 1px solid #D0D0D0;
}

.appLNKS li a {
    padding: 9px 3px;
    display: block;
    width: 322px; /*Define width for IE6's sake*/
    color: #002592;
    text-decoration: none;
    border-bottom: 1px solid #C0C0C0;
    font-size: 14px;
}

.appLNKS li a:hover {
    background: #F4D200;
    color: #000000;
}

.appVideoOuter {
    border: 1px solid #D0D0D0;
    background: #F3F3F3; /*-moz-border-radius:5px;*/
    padding: 10px;
}

.appVideoCont {
    background: #CECECE;
    height: 396px;
    text-align: center;
}

.downAppBtns {
    clear: both;
    height: 40px;
    padding: 20px 0 0;
}

.appDownArr {
    background: url(../images/app-downBG.jpg) no-repeat;
    float: left;
    line-height: 40px;
    padding: 0px 15px;
    display: block;
    width: 290px;
    font-size: 20px;
    color: #000000;
    margin: 0 121px 0 0;
}

.app3BTN {
    min-width: 135px;
    margin: 0 0 0 10px
}

.appDownPopupCont {
    padding: 70px;
    width: 520px;
    text-align: center;
}

.appDownPopupCont p {
    font-size: 22px;
    color: #000000;
    margin: 0 0 20px 0;
}

.appPopupBtnCont {
    margin: 0 auto;
    overflow: hidden;
    width: 216px;
}

.tracksFindBox {
    width: 340px;
    text-align:left;
}

.tracksFindBox h2 {
    background: url(../images/btn-bg.png) repeat-x 0 0;
    padding: 5px 10px;
    font-size: 20px;
    color: #FFFFFF;
    border: 1px solid #BCBCBC;
    margin: 0px;
}

.tracksFindBox ul {
    border: 1px solid #BCBCBC;
    border-top: none;
    padding: 5px 15px;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
    /*height: 185px;*/
}

.tracksFindBox ul li {
    list-style: none;
    list-style-type: none;
    clear: both;
    margin: 13px 0px;
    overflow: hidden;
}

.TFLabel {
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    width: 90px;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}

.TFCombo {
    float: left;
    font-size: 16px;
    color: #000000;
    width: 195px;
    display: block;
    border: 1px solid #BCBCBC;
    font-family: Arial, Helvetica, sans-serif;
}

.TFUpDown {
    float: left;
    width: 70px;
    font-size: 16px;
    color: #000000;
    padding: 0px 5px;
    margin: 0 10px 0 0;
    border: 1px solid #BCBCBC;
}

.powerdBY {
    padding: 50px;
    text-align: center;
}

.powerdBY img {
    margin: 0 0 10px 0;
}

.TFName {
    float: left;
    width: 182px;
    font-size: 16px;
    color: #000000;
    padding: 0px 5px;
    margin: 0 10px 0 0;
    border: 1px solid #BCBCBC;
    font-family: Arial, Helvetica, sans-serif;
}

/*.trackSlideNo p{font-size:18px; color:#000000; width:100px; float:left; text-align:center;}
.trackSlideNo img{ width:100px; float:left;}*/
.trackSearchResult {
    padding: 20px;
    border-left: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    font-size: 16px; /*font-weight:bold;*/
    text-align: center;
}

.trackSearchResultMT {
    padding: 15px 20px;
    border-left: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    font-size: 16px; /*font-weight:bold;*/
    text-align: center;
}

.trackSlideNo {
    margin: 0 0 40px 55px;
}

.trackSlideNo p {
    font-size: 16px;
    color: #000000;
    float: left;
    width: 150px;
    text-align: center;
    line-height: 22px;
}

.trackSlideNo a {
    float: left;
    width: 10px;
    height: 21px;
    display: block;
    background: url(../images/track-arrows.png) no-repeat left top
}

.trackSlideNoMT {
    margin: 0 0 20px 60px;
}

.trackSlideNo a:hover {
    background: url(../images/track-arrows.png) no-repeat left bottom
}

.trackSlideNo a.trackRight {
    float: left;
    width: 10px;
    height: 21px;
    display: block;
    background: url(../images/track-arrows.png) no-repeat right top
}

.trackSlideNo a.trackRight:hover {
    background: url(../images/track-arrows.png) no-repeat right bottom
}

.trackBTN {
    width: 215px;
    margin: 10px 0 0 10px;
}

.factTable {
    width: 300px;
    margin: 0 0 0 45px;
}

.factTable li {
    list-style: none;
    list-style-type: none;
    padding: 4px 0;
}

.factTable li span {
    display: block;
    float: left;
    width: 130px;
}

.trackImgGallery {
    margin: 0 0 0 3px
}

.trackImgGallery a img {
    border: 1px solid #BCBCBC;
    float: left;
    height: 30px;
    margin: 3px 7px;
    width: 30px;
}

.trackTitle {
/*border-bottom:1px solid #BCBCBC;*/
    padding: 8px 0px;
    font-size: 20px;
    color: #193E6A;
    margin: 0 0 20px 0;
}

.trackInstCont {
    margin: 20px 0 0;
}

.trackInstCont h2 {
    font-size: 20px;
}

.trackHomeCont {
    height: 240px;
    width: 400px;
    margin: 30px auto 0px auto;
    padding: 0px;
}

.trackHomeCont a {
    width: 360px;
    margin: 0 0 20px 0;
}

/* Masroor CSS Styles ends here */

/****** JQuery TABS *******/

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    border-bottom: 1px solid #BCBCBC;
    border-left: 1px solid #BCBCBC;
    width: 339px;
}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #BCBCBC;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}

ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 14px;
    text-align: center;
    width: 167px;

    border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}

ul.tabs li a:hover {
    background: #ccc;
    color: #000000;
}

html ul.tabs li.active, html ul.tabs li.active a:hover {
/*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    width: 167px;
    text-align: center;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
    border: 1px solid #BCBCBC;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 338px;
    background: #fff;
}

.tab_content {
    padding: 20px;
    font-size: 16px;
    height: 209px; /*font-weight:bold;*/
}

.mytracks_tab_content{
    padding: 20px;
    font-size: 16px;
    height: 219px; /*font-weight:bold;*/
}

/*Homepage*/

.homesliderCont {
    clear: both;
    margin: 20px 0 0;
    padding: 0px;
    overflow: hidden;
}

.colLeftHome {
    width: 265px;
    float: left;
}

.colRightHome {
    width: 610px;
    float: right;
    padding: 0 0 0 20px;
}

/*Account Section*/

.upgradeBox {
    font-size: 16px;
    color: #000000;
    background: #F6F6F6;
    border: 1px solid #E3E3E3;
    padding: 8px 10px;
    margin: 30px 0 60px 0;
}

.upgradeBoxHome {
    width: 650px;
    margin: 30px auto 60px;
}

.accHomeCont {
    height: 250px;
    margin: 0 auto;
    overflow: hidden;
    width: 670px;
}

.accHCol1 {
    width: 320px;
    float: left;
    margin: 0px;
}

.accHCol2 {
    width: 320px;
    float: left;
    margin: 0 0 0 18px;
}

.accNav {
    margin: 0px;
    padding: 0px;
}

.accNav li {
    list-style: none;
    list-style-type: none;
    margin: 0 0 7px;
    padding: 0px;
}

.accNav li a {
    background: url(../images/btn-bg.png) repeat-x;
    padding: 9px 15px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin: 0px;
    width: 298px
}

.accNav li a:hover {
    background: url(../images/btn-bg.png) repeat-x left bottom;
    color: #333333;
}

.accNav li a.activeAccMenu {
    background-position: left bottom;
    color: #333333;
}

.TYFCont {
    border: 1px solid #BCBCBC;
}

.TYFCont h2 {
    background: url(../images/btn-bg.png) repeat-x left bottom;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    letter-spacing: 0px;
    color: #333333;
}

.TYFForm {
    padding: 15px;
}

.TYFFormMM {
    height: 215px;
}

.TYFForm input {
    padding: 9px 10px;
    width: 174px;
    float: left;
    border: 1px solid #BCBCBC;
    border-right: none;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 15px 0;
    color: #CCCCCC;
    height: 20px;
}

.TYFForm p {
    clear: both;
    padding: 6px 0 0;
    font-size: 16px;
    border-top: 1px solid #E9E9E9;
    color: #000000;
    border-top: 0px;
}

.emailPopupCont {
    padding: 40px 60px;
    width: 450px;
    text-align: center;
}

.emailPopupCont p {
    font-size: 22px;
    color: #000000;
    margin: 0 0 20px 0;
}

.plattformPopupCont {
    padding: 40px 60px;
    width: 575px;
    text-align: center;
}

.plattformPopupCont p {
    font-size: 22px;
    color: #000000;
    margin: 0 0 20px 0;
}

.emailPopupBtnCont {
    margin: 0 auto;
    overflow: hidden;
    width: 110px;
}

.giftPopupBtnCont {
    margin: 0 auto;
    overflow: hidden;
    width: 165px;
}

.mapPopupCont {
    padding: 40px 60px;
    width: 300px;
    text-align: center;
}

.mapPopupCont p {
    font-size: 22px;
    color: #000000;
    margin: 0 0 20px 0;
}

.mapPopupBtnCont {
    margin: 0 auto;
    overflow: hidden;
    width: 170px;
}

.mapPopupBtnContBtn {
    width: 170px;
    padding: 9px 0px
}

.mapsHilights {
    margin: 0px;
    padding: 0px;
}

.mapsHilights li {
    margin: 0px;
    padding: 10px 10px 10px 30px;
    font-size: 16px;
    font-weight: bold;
    list-style: none;
    list-style-type: none;
    border-bottom: 1px solid #BCBCBC;
    background: url(../images/maps-hilights.png) no-repeat left 11px;
}

.mapsHilights li.mapsAvailabe {
    background-position: left -60px;
}

.mapsHilights li.mapsRendering {
    background-position: left -130px;
}

p.mapsInstructions {
    border: none;
    margin: 7px 15px 0;
    color: #000000;
}

p.mapsInstructions strong {
    color: #000000;
}

.mapBoxACC {
    padding: 10px;
    height: 255px;
}

.tab_contentACC {
    height: 74px;
    overflow: auto;
    padding: 15px;
}

.ACCBottom {
    padding: 10px 0 0;
}

.accBottomRight {
    float: left;
    width: 190px;
    padding: 15px 0 0;
    margin: 0 0 0 20px;
}

.accBTN {
    width: 145px;
    margin: 10px 0 0;
}

.accTracksCont {
    border: 1px solid #BCBCBC;
    overflow: hidden;
}

.accTracksCont h2 {
    background: url(../images/grayTitleBG.png) repeat-x;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    letter-spacing: 0px;
}

.accMyTracksCont {
    width: 321px;
}

.myTracksResults {
    margin: 0px;
    padding: 0px;
}

.myTracksResults li {
    list-style: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding: 12px 10px;
    border-top: 1px solid #BCBCBC;
}

.myTracksResults li h3 {
    font-size: 14px;
    color: #000000;
    font-weight: normal;
}

.myTracksResults li h4 {
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    margin: 2px 0 0;
}

.myTracksResults li.ActiveTrack {
    background: #F3F3F3;
}

.accNextPre {
    clear: both;
    height: 40px;
    margin: 15px 0;
    overflow: hidden;
    padding: 0;
}

a.accPrev {
    float: left;
    display: block;
    width: 108px;
    padding: 10px 15px 10px 30px;
    background: url(../images/next-prev-bg.png) no-repeat;
    font-size: 16px;
    margin: 0 15px 0 0;
    color: #FFFFFF
}

a.accPrev:hover {
    background-position: left bottom;
    color: #333333;
}

a.accNext {
    background: url(../images/next-prev-bg.png) no-repeat right top;
    display: block;
    border-right: none;
    padding: 10px 30px 10px 15px;
    cursor: pointer;
    text-align: right;
    width: 109px;
    float: left;
    font-size: 16px;
    color: #FFFFFF;
}

a.accNext:hover {
    background-position: right bottom;
    border-right: none;
    color: #333333;
}

.accContent {
    font-size: 16px;
}

.upgradeBoxHomeAccount {
    width: 528px;
    margin: 0px auto 25px;
}

.accBullets {
    color: #000000;
    margin: 25px 0px;
}

.accBullets li {
    padding: 0 0 0 25px;
    margin: 15px 0px;
    background: url(../images/bullet-apps.jpg) no-repeat left 5px;
    list-style: none;
    list-style-type: none;
}

.mapPointerCont {
    margin: 30px 0 0;
    padding: 0px;
    text-align: left;
}

.mapPointerCont li {
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
    clear: both;
}

.mapPointerCont li span.mapPointer {
    background: url(../images/map-pointer.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 25px;
    line-height: 19px;
    text-align: center;
    width: 20px;
}

.mapPointerCont li span.mapPointerDetails {
    float: left;
    font-weight: bold;
    width: 270px;
    margin: 0px 10px 0px;
}

.mapPointerCont li span.mapPointerDelete a {
    float: left;
    background: url(../images/deleteIcon.png) no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    margin: 3px 0 0;
}

.mapPointerCont li span.mapPointerDelete a:hover {
    background: url(../images/deleteIcon.png) no-repeat left bottom;
}

.mapPlan3Btns {
    margin: 20px 0px 25px 30px;
    padding: 0px;
    overflow: hidden;
}

.mapPlan3Btns li {
    list-style: none;
    list-style-type: none;
    display: inline;
}

.mapPlan3Btns li a {
    margin: 0px;
    padding: 3px 10px 3px 35px;
    font-size: 13px;
    color: #FFFFFF;
    border: 1px solid #AE0000;
    background: url(../images/mapRouteBBg.png) no-repeat;
    float: left;
    border-right: none;
}

.mapPlan3Btns li a:hover {
    background-position: left -30px;
    border: 1px solid #CEB004;
    border-right: none;
    color: #000000;
}

.mapPlan3Btns li a.activeCar {
    background-position: left -30px;
    border: 1px solid #CEB004;
    border-right: none;
    color: #000000;
}

.mapPlan3Btns li a.byWalk {
    background-position: left -70px;
    border: 1px solid #AE0000;
    border-right: none;
    padding: 3px 10px 3px 30px;
}

.mapPlan3Btns li a.byWalk:hover {
    background-position: left -100px;
    border: 1px solid #CEB004;
    border-right: none;
    color: #000000;
}

.mapPlan3Btns li a.byWalk.activeWalk {
    background-position: left -100px;
    border: 1px solid #CEB004;
    border-right: none;
    color: #000000;
}

.mapPlan3Btns li a.byCycle {
    background-position: left -140px;
    border: 1px solid #AE0000;
}

.mapPlan3Btns li a.byCycle:hover {
    color: #000000;
    background-position: left -170px;
    border: 1px solid #CEB004;
}

.mapPlan3Btns li a.byCycle.activeCycle {
    background-position: left -170px;
    border: 1px solid #CEB004;
    color: #000000;
}

.totalInfo {
    padding: 10px 0px 0px 0px;
    clear: both;
    margin: 0px;
    height: 30px;
}

.mapDirectionCont {
    font-size: 16px;
    padding: 20px 0 0;
    clear: both;
}

.preferenceBox {
    padding: 20px 0px 0px 0px;
    text-align: center;
    clear: both;
    margin: 0px;
    height: 253px;
}

.preferenceBox select {
    padding: 5px;
    width: 265px;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

.mapPointL {
    margin: 0 0 15px 0;
    padding: 0px;
    overflow: hidden;
}

.mapPointL span.mapPointBGL {
    background: url(../images/map-pointer-l.png) no-repeat;
    font-size: 18px;
    font-weight: bold;
    float: left;
    text-align: center;
    width: 30px;
    height: 30px;
    color: #FFFFFF;
    padding: 3px 0 0;
}

.mapPointL span.mapPointBGTxt {
    font-weight: bold;
    float: left;
    margin: 5px 0 0 10px;
}

.mapPointLastBGL {
    margin-top: 15px
}

.mapRouteDetails {
    clear: both;
    border-top: 1px solid #EAEAEA;
}

.mapRouteDetails li {
    list-style: none;
    list-style-type: none;
    border-bottom: 1px solid #EAEAEA;
    overflow: hidden;
    padding: 5px 0px;
}

.mapRouteDetails li img {
    width: 16px;
    height: 16px;
    float: left;
}

.mapRouteDetails li span {
    float: left;
    margin: 0px 0px 0px 10px;
}

.trackPlanCont {
    font-size: 16px;
    text-align: center;
}

a.defaultButton.btnDTPlan {
    float: none;
    margin: 20px 0 20px 30px;
    text-align: center;
    width: 225px;
}

.findTrackPadding {
    padding: 0 0 0 80px;
}

.findTrackButtonW {
    width: 283px;
}

.clearRoutes {
    text-align: left;
}

.trackResultLC {
    width: 324px;
}

.TYFContMargin {
    margin: 0 0 10px 0;
}

.AccFDPCont {
    width: 323px;
    margin: 15px 0 0;
}

.tracksFindBox ul.createTrackBoxHeight {
    height: 160px;
}

.leftArrowButton {
    float: left;
    width: 10px;
    height: 23px;
}

#currentTrackName {
    clear: both;
}

/* TRACKS STYLES */

.single_track_container {
    display: none; /* IMPORTANT: hide all the track containers */
}

/* style the navigation div */
#track_navigation {
    font-size: 30px;
    text-align: center;
    padding: 5px;
    background-color: #336499;
    color: white;
}

/* style */
#all_track_container {
    padding: 10px;
    color: black;
    height: 200px;
    border: 1px solid #336499;
}

/* if you want this app to have a specific width, just make a specific width for wrapper div */
#wrapper {
    width: 400px;
}

.singleTrackName {
    display: none;
}

.loadingAnimation {
    text-align: center;
    padding-top: 30px;
}

.CTLTime {
    width: 200px;
}

.profile-edit-table th {
    text-align: left;
}

.account-th-left {
    color: #666666;
    font-weight: bold;
    text-align: right;
    font-family: verdana, arial, helvetica, sans-serif;
}

.account-th-left label{
    position:relative;
    top:-5px;
}

.account-label-left {
    margin-right: 5px;
}

.account-input {
    border: 1px solid #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    margin-top: 1px;
    padding: 3px;
    width: 300px;
}

.account-label {
    font-size: 16px;
    padding-top: 5px;
}

.account-table td, th {
    padding-bottom:6px;
    vertical-align: middle;
}

.account-table-tip{
    position:relative;
    left:10px;
}

.account-table-label label{
    position:relative;
    right:52px;
}

.account-button {
    border: 1px solid #000000;
    margin-top: 3px;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 308px;
}

.account-button:hover {
    cursor: pointer
}

p.error, li.error, ul.error {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    background: #FFF3F3 none repeat scroll 0 0;
    border: 1px solid red;
    color: #CC0000;
    padding: 6px;
}

div.error {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    background: #FFF3F3 none repeat scroll 0 0;
    border: 1px solid red;
    color: #CC0000;
    margin: 12px 0 5px;
    padding: 12px 0 10px;
}

div.error li {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    background: transparent url(../images/skin/exclamation.png) no-repeat scroll 8px 0;
    line-height: 16px;
    margin-left: 0;
    padding-left: 30px;
}

.account-table-email td, th {
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}

div.message {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    background: #F3F8FC url(../images/skin/information.png) no-repeat scroll 8px 50%;
    border: 1px solid #B2D1FF;
    color: #006DBA;
    margin-top: 15px;
    margin-left: 0;
    margin-right: 16px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-top: 12px;
}

.my-factTable {
    width: 400px;
    margin: 0 0 0 15px;
}

.my-factTable li {
    list-style: none;
    list-style-type: none;
    padding: 4px 0;
}

.my-factTable li span {
    display: block;
    float: left;
    width: 95px;
}

.popupSingleCenterButton{
    margin-left:20px
}

.mapAliasPopup {

    z-index:9999;
}

.trackWarningPopupCont{
    padding: 20px 30px;
    width: 500px;
    text-align: center;
}

.trackWarningPopupBtnCont {
    margin: 0 auto;
    overflow: hidden;
    width: 390px;
}

.mapAliasPopupCont{
    padding: 20px 30px;
    width: 400px;
    text-align: center;    
}

.mapAliasForm {
    padding: 15px;
}

.voucherPopupCont{
    padding: 20px 30px;
    width: 600px;
    text-align: center;
}

.giftPopupCont{
    padding: 20px 30px;
    width: 550px;
    text-align: center;
}

.paymentWaitingPopupCont{
    padding: 20px 30px;
    width: 450px;
    text-align: center;
}

.voucherForm {
    padding: 15px;
}

.mapAliasForm input {
    padding: 9px 10px;
    width: 250px;
    border: 1px solid #BCBCBC;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 15px 0;
    height: 20px;
}


.mapAliasForm p, .voucherForm p {
    clear: both;
    padding: 6px 0 0;
    font-size: 22px;
    border-top: 1px solid #E9E9E9;
    color: #000000;
    border-top: 0px;
}

.linkStyle{
    color: #002593
}

.mapPayTOSCheckBox{
    margin-bottom:20px;
    text-align:center;
}

.app_buy_line_break{
    margin-top:10px;
}

.payMapBtnCont{
    margin-left:50px;
}

.voucherDetails{
    margin-top:10px;
    padding-bottom:25px;
}

.voucherTextCont{
    margin-bottom:20px;
}

.voucher-input {
    border: 1px solid #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 16px;
    margin-top: 0px;
    padding-left:10px;
    padding-right:10px;
    margin-right:15px;
    width: 190px;
    height:31px;
    line-height:31px;
}

.buy-key-input {
    border: 1px solid #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 16px;
    margin-top: 0px;
    padding-left:10px;
    padding-right:10px;
    margin-right:15px;
    width: 190px;
    height:25px;
    line-height:25px;
}

td.voucherButtonTd{
    background: url(../images/btn-bg.png) repeat-x;
    vertical-align:middle;
}



a.voucherButton {
    background: url(../images/btn-bg.png) repeat-x;
    padding: 5px 12px;
    color: #FFFFFF;
    font-size: 18px; /*-moz-border-radius:5px;*/
    text-align: center;
}

a.voucherButton:hover {
    background: url(../images/btn-bg.png) repeat-x left bottom;
    color: #333333;
}

.nogagoMessage{
    text-align:center;
    -moz-background-inline-policy:continuous;
    background:#F3F8FC;
    border:1px solid #B2D1FF;
    color:#006DBA;
    padding-bottom:12px;
    padding-top:12px;
    margin-bottom:20px;
}

.countryDropDown{
    width:308px;
}

.paypalLogo{
    padding-top:15px;
    padding-left:62px;
}

.mapPaymentInfoDiv{
    text-align: left;
    font-size: 16px;
    color: #000000;
    position:relative;
    top:-50px;
}

.shipmentDiv td{
    padding-bottom:5px;
}

.shipmentAddressDiv{
    padding-left:200px;    
}

.priceLabel{
    color:#002593;
}

a.loginButton {
    background: url(../images/btn-bg.png) repeat-x;
    padding: 9px 20px;
    color: #FFFFFF;
    font-size: 18px; /*-moz-border-radius:5px;*/
    text-align: center;
}

a.loginButton:hover {
    background: url(../images/btn-bg.png) repeat-x left bottom;
    color: #333333;
}

.map_table{
    font-size:16px;
}

.map_table td{
    height:20px;
}

.map_table_line{
    color:#d3d3d3;
}

/* PAGINATION */

.paginateButtons {
    color: black;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 3px;
    float:right;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: black;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

.accKeyLabel {
    position:relative;
    top:5px;
}

.noIPhone{
    width:350px;
    position:absolute;
    top:460px;
    line-height:21px;
}