/* CSS for track */

/* Tracks */

.track_results_count {
    text-align: left;
    margin: 5px 0px 0px 5px;
}

.track_content {
    /*width: 250px;*/
    width: 270px;
    float: left;
    margin: 10px 0px 0px 0px;
    text-align: left;
    overflow: hidden;
    /*border: 1px solid green;*/
}

.track_content_visible {
    /*height: 662px;*/
    height: 563px;
    overflow: hidden;
    position: relative;
    /*border: 1px solid green;*/
}

/*.slider_track {
    width: 14px;
    float: right;
    margin: 10px 0px 0px 0px;
    text-align: center;
    display: none;
}*/

/*.slider_location_track {
    width: 14px;
    float: right;
    margin: 10px 0px 0px 0px;
    text-align: center;
    display: none;
}*/

.track_line_top {
    width: 250px;
    height: 1px;
}

.track_line_bottom {
    width: 237px;
    height: 1px;
}

.track_no_tracks {
    margin: 10px 0px 10px 0px;
    text-align: center;
}

/* Track > item */

.track_item {
    width: 246px;
    /*height: 220px;*/
    height: 140px;
    /*font-size: 12px;*/
    /*border: 1px solid red;*/
}

.track_item_package {
    height: 115px;
}

.track_item_selected {
    width: 246px;
    /*height: 220px;*/
    height: 136px;
    border: 2px solid #65b4d9;
    /*font-size: 12px;*/
    /*border: 1px solid red;*/
}

.track_item_title {
    width: 230px;
    max-height: 30px;
    padding: 5px 5px 0px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid yellow;*/
}

.track_item_title:hover {
    text-overflow: inherit;
    overflow: visible;
}

.track_item_left {
    width: 135px;
    float: left;
    margin: 0px 0px 0px 5px;
    text-align: left;
    /*border: 1px solid green;*/
}

.track_item_left_item {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid blue;*/
}

.track_item_left_item:hover {
    text-overflow: inherit;
    overflow: visible;
}

.track_item_right {
    width: 95px;
    float: right;
    margin: 5px 0px 0px 0px;
    line-height: 0.8;
    /*border: 1px solid blue;*/
}

.track_item_right_package {
    margin: 18px 0px 0px 0px;
}

.track_item_right_item {
    margin: 0px 0px 5px 0px;
    /*border: 1px solid blue;*/
}

.track_yellow {
    color: #f9c428;
}

.track_dark {
    color: #817f77;
}

.track_white {
    color: #ffffff;
    text-decoration: none;
}

a.track_white {
    color: #ffffff;
    text-decoration: none;
}

/* Track > download > item */

.track_download_item {
    width: 246px;
    height: 130px;
    /*font-size: 12px;*/
    /*border: 1px solid red;*/
}

.track_download_item_selected {
    width: 246px;
    height: 126px;
    border: 2px solid #65b4d9;
    /*font-size: 12px;*/
    /*border: 1px solid red;*/
}

.track_download_item_title {
    width: 230px;
    max-height: 30px;
    padding: 5px 5px 0px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid yellow;*/
}

.track_download_item_title:hover {
    text-overflow: inherit;
    overflow: visible;
}

.track_download_item_left {
    width: 120px;
    float: left;
    margin: 0px 0px 0px 5px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid green;*/
}

.track_download_item_left_item {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid blue;*/
}

.track_download_item_left_item:hover {
    text-overflow: inherit;
    overflow: visible;
}

.track_download_item_right {
    width: 110px;
    float: right;
    margin: 5px 0px 5px 5px;
    line-height: 0.8;
    /*border: 1px solid blue;*/
}

.track_download_item_right_item {
    text-align: center;
    margin: 3px 0px 5px 0px;
    /*border: 1px solid red;*/
}

.track_download_item_bottom {
    margin: 5px 0px 0px 0px;
    font-size: 8pt;
    line-height: 0.8;
    text-align: center;
    /*border: 1px solid blue;*/
}

.track_download_item_bottom_left {
    width: 40px;
    float: left;
    margin: 0px 0px 0px 0px;
    line-height: 0.8;
    text-align: left;
    /*border: 1px solid blue;*/
}

.track_download_item_bottom_center {
    width: 135px;
    float: left;
    margin: 2px 0px 0px 0px;
    line-height: 0.8;
    text-align: center;
    /*border: 1px solid blue;*/
}

.track_download_item_bottom_right {
    width: 60px;
    float: left;
    margin: 2px 0px 0px 0px;
    line-height: 0.8;
    text-align: right;
    /*border: 1px solid blue;*/
}

.track_download_yellow {
    color: #f9c428;
}

.track_download_blue {
    color: #65b4d9;
}

/* Track > user > item */

.track_user_item {
    width: 246px;
    height: 135px;
    /*font-size: 12px;*/
    /*border: 1px solid red;*/
}

.track_user_item_selected {
    width: 246px;
    height: 131px;
    border: 2px solid #65b4d9;
    /*font-size: 12px;*/
    /*border: 1px solid red;*/
}

.track_user_item_title {
    width: 230px;
    max-height: 30px;
    padding: 5px 5px 0px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid yellow;*/
}

.track_user_item_title:hover {
    text-overflow: inherit;
    overflow: visible;
}

.track_user_item_left {
    width: 110px;
    float: left;
    margin: 0px 0px 0px 5px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid green;*/
}

.track_user_item_left_item {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid blue;*/
}

.track_user_item_left_item:hover {
    text-overflow: inherit;
    overflow: visible;
}

.track_user_item_right {
    width: 120px;
    float: right;
    margin: 5px 0px 0px 5px;
    line-height: 0.8;
    /*border: 1px solid blue;*/
}

.track_user_item_right_item {
    text-align: center;
    margin: 3px 0px 5px 0px;
    /*border: 1px solid red;*/
}

.track_user_item_bottom {
    margin: 5px 0px 0px 5px;
    font-size: 8pt;
    line-height: 0.8;
    text-align: center;
    /*border: 1px solid blue;*/
}

.track_user_item_bottom_left {
    width: 40px;
    float: left;
    margin: 0px 0px 0px 0px;
    line-height: 0.8;
    text-align: left;
    /*border: 1px solid blue;*/
}

.track_user_item_bottom_center {
    width: 135px;
    float: left;
    margin: 1px 0px 0px 0px;
    line-height: 0.8;
    text-align: center;
    /*border: 1px solid blue;*/
}

.track_user_item_bottom_right {
    width: 60px;
    float: left;
    margin: 1px 0px 0px 0px;
    line-height: 0.8;
    text-align: right;
    /*border: 1px solid blue;*/
}

.track_user_yellow {
    color: #f9c428;
}

.track_user_blue {
    color: #65b4d9;
}

/* Track > donation > item */

.track_donation_item {
    width: 246px;
    height: 65px;
    /*font-size: 12px;*/
    /*border: 1px solid red;*/
}

.track_donation_item_left {
    width: 50px;
    float: left;
    margin: 20px 0px 0px 0px;
    text-align: center;
    /*border: 1px solid green;*/
}

.track_donation_item_right {
    width: 190px;
    float: right;
    /*border: 1px solid blue;*/
}

.track_donation_item_right_title {
    width: 190px;
    max-height: 35px;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid red;*/
}


.track_donation_item_right_title:hover {
    text-overflow: inherit;
    overflow: visible;
}

.track_donation_item_right_item {
    padding: 0px 0px 5px 0px;
    /*border: 1px solid blue;*/
}

/* Track > Info */

.track_info {
    width: 98%;
    /*height: 50px;*/
    margin: auto;
    margin-top: 0px;
    text-align: left;
    line-height: normal;
    /*border: 1px solid blue;*/
}

.track_info_image {
    width: 5%;
    float: left;
    margin: 5px 0px 10px 0px;
    /*border: 1px solid red;*/
}

.track_info_part {
    width: 90%;    
    /*float: left;*/
    margin: 0px 2% 0px 5%;
    padding: 0% 1% 0% 1%;
    line-height: normal;
    /*border: 1px solid green;*/
}

.track_info_close {
    width: 2%;
    /*float: left;*/
    float: right;
    margin: 0px 0px 0px 0px;
    text-align: right;
    /*border: 1px solid blue;*/
}

.track_info_item {
    margin: 5px 0px 5px 0px;
}

/* Track > Info all*/

.track_all_info {
    width: 250px;
    margin: 10px 0px 0px 5px;
    text-align: left;
    /*overflow: hidden;*/
    /*border: 1px solid green;*/
}

.track_all_info_line_top {
    width: 270px;
    height: 1px;
}

.track_all_info_part {
    margin: 10px 0px 0px 0px;
    /*border: 1px solid green;*/
}

/* Track > Add track */

.track_add_content {
    width: 250px;
    height: 675px;
    float: left;
    margin: 10px 0px 0px 0px;
    text-align: left;
    /*border: 1px solid green;*/
}

.track_add_message {
    /*display: none;*/
    text-align: center;
}

.track_form_part {
    margin: 10px 5px 10px 5px;    
}

.track_gps {
    margin: 0px 5px 0px 5px;
}

.track_form_part  input, textarea, select{
    width: 220px;
    color: #29abe6;
    border: 0px;
    font-weight: bold;
}

div.track_select {
    margin-top: 30px;
}

.customStyleSelectBox {
    color: #29abe6;
    font-weight: bold;
    text-align: left;
}

.customStyleSelectBoxInner {
    background:url('../img/arrow-down.png') no-repeat center right;
}

.track_label_part {
    margin: 10px 5px 0px 5px;
    color: #f9c428;
}

.track_label_part_gps {
    margin: 0px 5px 10px 5px;
    color: #f9c428;
    /*border: 1px solid red;*/
}

.track_upload {
    float: right;
}

.track_upload_iframe {
    width: 0px;
    height: 0px;
    border: 0px solid #ffffff;
}

#track_location_div {
    width: 220px;
    margin: 0px 0px 0px 5px;
}

#track_location_input {
    float: left;
    /*border: 1px solid red;*/
}

#track_location {
    width: 195px;
    margin: 0px 0px 0px 0px;
    /*border: 1px solid green;*/
}