/* ---------- CONTAINER ---------- */
body {
    text-align: center;
    font-family: Verdana;
    font-size: 8pt;
}

div#main {
    margin: auto;
    z-index: 2;
}

div#ajax-load {
    position:fixed;
    bottom: 5px;
    left: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    height: 20px;
    width: 100px;
    overflow: hidden;
    z-index: 1;
    color: #FFF;
    font-weight: bold;
    text-align: left;
}

div#atrium {
    position:fixed;
    bottom: -1px;
    right: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    height: 47px;
    width: 100px;
    overflow: hidden;
    z-index: 1;
}
div#atrium a {
    display: block;
    height: 47px;
    width: 100px;
    background-image: url(/common/img/atrium.png) !important;
    background-repeat: no-repeat;
}
/* ---------- LEFT PANEL ---------- */
div#left {
    float: left;
    background: url('/Common/img/design/leftback.png') no-repeat;
    height: 580px;
    width: 367px;
}
div#left_header {
    height: 95px;
    margin: 0px 10px;
}
div#lang {
    float: right;
    margin: 15px 12px;
}
div#lang a {
    color: #838282;
    text-decoration: none;
}
div#lang a:hover {
    color: #73BADA;
}
div#title {
    float: left;
    position: relative;
    color: silver;
    top: 69px;
    left: 24px;
}
div#left_content {
    text-align: left;
}
div#menu {
    float: left;
    margin-top: 25px;
}
div#menu .menu {
    width: 35px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    margin: 0px;
    margin-left: -7px;
}
div#menu .menu_0 { background: url(/Common/img/design/menu.gif) no-repeat 0px    0px; }
div#menu .menu_1 { background: url(/Common/img/design/menu.gif) no-repeat 0px  -36px; }
div#menu .menu_2 { background: url(/Common/img/design/menu.gif) no-repeat 0px  -72px; height: 34px }
div#menu .menu_3 { background: url(/Common/img/design/menu.gif) no-repeat 0px -108px; }
div#menu .menu_0:hover { background: url(/Common/img/design/menu.gif) no-repeat -36px    0px; margin-left: -8px; }
div#menu .menu_1:hover { background: url(/Common/img/design/menu.gif) no-repeat -36px  -36px; margin-left: -8px; }
div#menu .menu_2:hover { background: url(/Common/img/design/menu.gif) no-repeat -36px  -72px; margin-left: -8px; height: 34px; }
div#menu .menu_3:hover { background: url(/Common/img/design/menu.gif) no-repeat -36px -108px; }
div#menu .menu_0_current { background: url(/Common/img/design/menu.gif) no-repeat -36px    0px; margin-left: -8px; }
div#menu .menu_1_current { background: url(/Common/img/design/menu.gif) no-repeat -36px  -36px; margin-left: -8px; }
div#menu .menu_2_current { background: url(/Common/img/design/menu.gif) no-repeat -36px  -72px; margin-left: -8px; height: 34px }
div#menu .menu_3_current { background: url(/Common/img/design/menu.gif) no-repeat -36px -108px; }

/* ---------- RIGHT PANEL ---------- */
div#right {
    float: right;
    background: url('/Common/img/design/rightback.png') no-repeat;
    height: 580px;
    width: 613px;
}

div#right_header {
    height: 80px;
    border-bottom: 1px dashed #D9D3A8;
    margin: 8px 10px 0px 10px;
    padding: 0px;
    overflow: hidden;
}
div#right_header div#visu {
    float: left;
    width: 350px;
    height: 77px;
    margin: 0px 0px 0px 15px;
}
div#right_header div#headText {
    float: left;
    text-align: left;
    margin: 10px;
    width: 200px;
}
div#right_header p#headName {
    margin: 0px;
    padding: 0px;
    color: #838282;
    font-size: 13pt;
    font-weight: bold;
    font-family: Arial;
}
div#right_header p#headTitle {
    margin: 0px;
    padding: 0px;
    color: silver;
}
div#right_header img#headMore {
    cursor: pointer;
    margin-top: 5px;
}

div#right_content {
    text-align: center;
    padding: 10px;
}

/* ---------- SEARCH ---------- */
div#search {
    text-align: left;
    padding: 0px 28px;
    height: 352px;
}
div#searchby {
    color: #B0B0B0;
    margin-left: 10px;
}
div#search ul {
    list-style: none;
    margin: 0px;
    padding: 10px 0px;
}
div#search ul li {
    cursor: pointer;
}
div#search ul li:hover {
    cursor: pointer;
    color: #000000;
}

div#mixtype {
    height: 350px;
    overflow-y: auto;
    margin: 0px 10px;
    padding: 0px 16px;
}
div#mixtype .mixhandle {
    padding: 5px;
    cursor: pointer;
}
div#mixtype .mixhandle:hover {
    color: #000000;
}

div#namesearch {
    margin: 5px;
    padding: 0px 16px;
}
div#name_result {
    height: 330px;
    overflow-y: auto;
    margin: 0px 10px;
    padding: 0px 16px;
}
div#name_result ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

div#search_result {
    height: 330px;
    overflow-y: auto;
    margin: 10px;
}

div#menu_search {
    padding: 10px 6px 10px 8px;
}
div#menu_search .menu {
    width: 33%;
    float: left;
    text-align: center;
    margin: 5px 0px;
    padding: 3px 0px;
    cursor: pointer;
    font-weight: bold;
}

div#menu_info .menu_info {
    width:      35px;
    height:     35px;
    text-align: center;
    cursor:     pointer;
    margin:     0px;
    margin-left: -8px;
    border: none;
}

div#menu_info .menu_info_1 { background: url(/Common/img/design/info.gif) no-repeat 0px    0px; }
div#menu_info .menu_info_2 { background: url(/Common/img/design/info.gif) no-repeat 0px  -35px; }
div#menu_info .menu_info_3 { background: url(/Common/img/design/info.gif) no-repeat 0px  -70px; }
div#menu_info .menu_info_4 { background: url(/Common/img/design/info.gif) no-repeat 0px -105px; }
div#menu_info .menu_info_1:hover { background: url(/Common/img/design/info.gif) no-repeat -36px    0px; }
div#menu_info .menu_info_2:hover { background: url(/Common/img/design/info.gif) no-repeat -36px  -35px; }
div#menu_info .menu_info_3:hover { background: url(/Common/img/design/info.gif) no-repeat -36px  -70px; }
div#menu_info .menu_info_4:hover { background: url(/Common/img/design/info.gif) no-repeat -36px -105px; }
div#menu_info .menu_info_1_current { background: url(/Common/img/design/info.gif) no-repeat -36px    0px; }
div#menu_info .menu_info_2_current { background: url(/Common/img/design/info.gif) no-repeat -36px  -35px; }
div#menu_info .menu_info_3_current { background: url(/Common/img/design/info.gif) no-repeat -36px  -70px; }
div#menu_info .menu_info_4_current { background: url(/Common/img/design/info.gif) no-repeat -36px -105px; }

.mobility_stops {
    font-weight: bold;
    padding: 3px;
}

/* ---------- MISCELLANEOUS ---------- */
input {
    font-size: 8pt;
}

a {
    color: #838282;
    text-decoration: none;
}
a:hover {
    color: #555555;
    text-decoration: underline;
}