div.pnlAlert {
    padding: 5px 15px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.pnlSuccess {
    background: #dff0d8;
    border: solid 1px #d6e9c6;
    color: #3c763d;
}

div.pnlError {
    background: #f2dede;
    border: solid 1px #ebccd1;
    color: #a94442;
}

div.pnlWarning {
    background: #fcf8e3;
    border: solid 1px #faebcc;
    color: #8a6d3b;
}

a.backLink {
    color: #419bd5;
    text-decoration: none;
}

    a.backLink:hover {
        text-decoration: underline;
    }

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

div.blue_panel {
    /*min-height:250px;*/
}

div.announcements {
    width: 474px;
}

div.blue_panel .title {
    background: url('../_gfx/blue_panel_title.png') repeat-x scroll center top transparent;
    height: 32px;
    border-radius: 10px 10px 0 0;
}

    div.blue_panel .title h4 {
        color: #fff;
        font-weight: normal;
        font-size: 15px;
        display: block;
        margin: 0;
        padding: 0 0 0 20px;
        line-height: 32px;
    }

div.blue_panel .contents {
    border: 1px solid #959595;
    background: url('../_gfx/bpanel_bggrad.png') repeat-x scroll center top #f5f5f5;
}

div.blue_panel .white_border {
    border: 1px solid #fff;
}

.home_narrow_image {
    margin: 11px 0 0 11px;
    overflow: hidden;
}

    .home_narrow_image a {
    }

    .home_narrow_image img {
        border: 1px solid #9b9b9b;
        padding: 0;
        margin: 0;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .home_narrow_image a:hover img {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.footer-banners {
    padding: 0;
    margin: 14px 0 35px 0;
    /*height:112px!important;                     
    overflow:hidden;*/
}

    .footer-banners .banner {
        float: left !important;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .footer-banners .sep {
        width: 10px;
        font-size: 10px;
    }

.epo_members {
    margin-left: 11px;
    width: 232px;
}

.center_image {
    text-align: center;
}

.epo_members a.map img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

    .epo_members a.map img:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

div.blue_panel .contents .news-item {
    display: block;
    height: 78px;
}

    div.blue_panel .contents .news-item .more {
        display: block;
        position: absolute;
        bottom: 5px;
        right: 10px;
    }

    div.blue_panel .contents .news-item .thumbnail {
        background-color: #dcdcdc;
        padding: 6px;
        float: left;
    }

    div.blue_panel .contents .news-item .title_summary {
        float: left;
        width: 321px;
        padding: 2px 7px 5px 7px;
    }

        div.blue_panel .contents .news-item .title_summary span {
            color: #363636;
            font-size: 11px;
        }

            div.blue_panel .contents .news-item .title_summary span.news_title {
                display: block;
                font-weight: bold;
            }

div.blue_panel .contents .news-separator .l {
    border-top: 1px solid #f5f5f5;
    width: 135px;
    height: 1px;
    float: left;
}

div.blue_panel .contents .news-separator .r {
    border-top: 1px solid #dcdcdc;
    height: 1px;
    width: 335px;
    float: left;
}


.blue_title {
    padding-bottom: 5px;
    background: url('../_gfx/menu_arrow.png') no-repeat scroll 38px bottom transparent;
    /*margin-bottom:10px;*/
}

    .blue_title h4 {
        color: white;
        font-weight: bold;
        font-size: 12px;
        display: block;
        margin: 0;
        padding: 0 0 0 20px;
        line-height: 32px;
        font-family: Tahoma, Arial, Sans-Serif;
        background: url('../_gfx/blue_panel_title.png') repeat-x scroll center top transparent;
        height: 32px;
        border-radius: 10px 10px 0 0;
    }
/* calendar*/
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.calendar {
    width: 232px;
    margin-left: 11px;
    display: block;
}

    .calendar .contents {
        background: #fff url('../_gfx/calendar-bg.jpg') no-repeat bottom !important;
        border-width: 0;
    }

        .calendar .contents .white_border, .announcements .contents .white_border {
            height: 325px;
            overflow-y: hidden;
            border-width: 0;
        }


    .calendar .events {
        width: 209px;
        margin: 25px auto;
    }

    .calendar .ui-date-picker {
        width: 209px;
    }

    .calendar .ui-datepicker-header {
        background-color: #badcf4;
        background-image: none;
        color: #01325f;
        font-size: 15px;
        font-family: Arial;
        font-weight: bold;
        border-width: 0;
    }

    .calendar .ui-widget-content {
        border-width: 0;
        font-family: Arial;
        padding: 0;
    }

    .calendar th, .calendar td {
        padding: 0;
    }

        .calendar th span {
            display: block;
            width: 27px;
            height: 27px;
            text-align: center;
            line-height: 27px;
            font-size: 15px;
            color: #9b9b9b;
            padding: 0;
        }

        .calendar td.ui-state-disabled {
        }

        .calendar td.ui-state-highlight {
        }

        .calendar td span {
            display: block;
            width: 27px;
            height: 27px;
            text-align: center;
            line-height: 27px;
            font-size: 15px;
            background-color: #01325f;
            padding: 0;
        }

            .calendar td span.ui-state-default {
                border: 1px solid #fff;
                color: #fff;
                background-color: #01325f;
                background-image: none;
            }

        .calendar td.ui-state-highlight {
            border-width: 0;
        }

            .calendar td.ui-state-highlight a.ui-state-default {
                display: block;
                width: 27px;
                height: 27px;
                color: #ffffff;
                background-color: #146aa7;
                background-image: none;
                text-align: center;
                line-height: 27px;
                font-size: 15px;
                padding: 0;
                border-width: 0;
            }

        .calendar td.ui-state-disabled {
            background-color: #badcf4;
            border: 1px solid #fff;
        }

    .calendar .ui-datepicker-prev span.ui-icon-circle-triangle-w {
        background: url('../_gfx/month_prev.png') no-repeat center center !important;
    }

    .calendar .ui-datepicker-next span.ui-icon-circle-triangle-e {
        background: url('../_gfx/month_next.png') no-repeat center center !important;
    }

    .calendar .ui-widget-header .ui-state-hover, .calendar .ui-widget-header .ui-state-focus {
        background-image: none;
        border-width: 0;
        background-color: transparent;
    }

    .calendar .ui-datepicker-other-month span.ui-state-default {
        background-color: #badcf4;
        border: 1px solid #fff;
    }

    .calendar .tooltip {
        display: none;
        background-color: #fff;
        position: absolute;
    }

.tooltip {
    margin-top: 4px;
    font-family: Arial;
    -webkit-border-radius: 0em 0em 3.0px 3.0px;
    -moz-border-radius: 0em 0em 3.0px 3.0px;
    -o-border-radius: 0em 0em 3.0px 3.0px;
    -ms-border-radius: 0em 0em 3.0px 3.0px;
    border-radius: 0em 0em 3.0px 3.0px;
    background-color: #fff;
    background-image: linear-gradient(90deg, #dae9f3, #ffffff 31px);
    box-shadow: 0px 0px 10px #b9c6cf;
    padding: 6px;
}

.qtip .tip-arrow {
    height: 14px;
    margin-top: -15px;
    background: url('../_gfx/tip-arrow.png') no-repeat top center !important;
}

.qtip .date {
    color: #cd0303;
    font-weight: bold;
}

.qtip .title {
    color: #01325f;
    font-weight: bold;
}

.qtip .contents {
    color: #747474;
}
/* calendar end*/

.emphasis-boxes {
    margin-top: 12px;
    height: 138px;
    font-family: Arial;
}

    .emphasis-boxes .box {
        width: 225px;
        height: 136px;
        border: 1px solid #858585;
        background: #e2e2e2 url('../_gfx/box.jpg') no-repeat center left;
        margin-left: 11px;
        float: left;
        overflow: hidden;
        display: block;
    }

        .emphasis-boxes .box h3 {
            margin: 0;
            padding: 7px 10px;
            background-color: #dadada;
            color: #02315b;
            font-size: 16px;
        }

        .emphasis-boxes .box img, .emphasis-boxes .box p, .emphasis-boxes .box strong {
            padding: 0;
            margin: 0;
        }

        .emphasis-boxes .box p {
            padding: 7px 10px;
        }

        .emphasis-boxes .box img {
            float: left;
            padding: 1px 9px 0px 0;
        }

    .emphasis-boxes .more {
        position: absolute;
        bottom: 6px;
        right: 10px;
    }

        .emphasis-boxes .more:hover {
            bottom: 5px;
        }



#page_tools {
    margin-top: 10px;
}

    #page_tools .attachments {
        padding-bottom: 10px;
        border-bottom: 1px solid #e9e9e9;
    }

        #page_tools .attachments .mail_print_holder {
            width: 65px;
        }

            #page_tools .attachments .mail_print_holder a {
                display: block;
                float: left;
                height: 21px;
                width: 16px;
                margin-right: 11px;
                text-indent: -99999px;
            }

                #page_tools .attachments .mail_print_holder a.print {
                    background: url('../_gfx/printer_icon.png') no-repeat;
                }

                #page_tools .attachments .mail_print_holder a.mail {
                    background: url('../_gfx/mail_icon.png') no-repeat;
                }



        #page_tools .attachments .files_links ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            #page_tools .attachments .files_links ul li {
                height: 21px;
                padding: 0 10px;
                margin: 0 10px 8px 0;
            }

                #page_tools .attachments .files_links ul li a {
                    background: #f1f1f1 url('../_gfx/ppt.png') no-repeat scroll center left;
                    font-size: 13px;
                    color: #acacac;
                    font-weight: bold;
                    text-decoration: none;
                    line-height: 21px;
                    padding: 3px 10px 3px 25px;
                }

                    #page_tools .attachments .files_links ul li a.ppt {
                        background-image: url('../_gfx/ppt.png');
                    }

                    #page_tools .attachments .files_links ul li a.zip {
                        background-image: url('../_gfx/zip.png');
                    }

                    #page_tools .attachments .files_links ul li a.doc {
                        background-image: url('../_gfx/doc.png');
                    }

                    #page_tools .attachments .files_links ul li a.docx {
                        background-image: url('../_gfx/docx.png');
                    }

                    #page_tools .attachments .files_links ul li a.pdf {
                        background-image: url('../_gfx/pdf.png');
                    }

    #page_tools .share_holder {
        padding-top: 10px;
    }


#slideshow {
    margin: 0px 0 0 0px;
    height: 340px;
}

    #slideshow div.left {
        float: left;
        width: 237px;
        height: 344px;
        display: block;
    }

        #slideshow div.left .top_news {
            padding: 10px 7px 0px 14px;
        }

    #slideshow span.category {
        color: #484848;
        font-size: 15px;
    }

    #slideshow h1.title {
        font-size: 18px;
        font-weight: normal;
        color: #000;
    }

    #slideshow .summary {
        width: 218px;
        overflow: hidden;
        margin-top: 20px;
        color: #484848;
        font-size: 13px;
    }

    #slideshow div.right {
        float: left;
        height: 344px;
        width: 727px;
        background: url('../_gfx/photo_texture.png') repeat;
        display: block;
    }

    #slideshow a.slideshow_more {
        background: url('../_gfx/slideshow_more.png') no-repeat scroll center right;
        display: block;
        height: 15px;
        color: #484848;
        font-size: 13px;
        padding-right: 18px;
        line-height: 12px;
        text-decoration: none;
        margin-top: 10px;
    }

        #slideshow a.slideshow_more:hover {
            text-decoration: underline;
        }

    #slideshow .right .big_photo {
        overflow: hidden;
        width: 563px;
        height: 321px;
        padding: 10px;
        float: left;
    }

    #slideshow .right .big_photo_holder {
        display: block;
        width: 569px;
        height: 324px;
        overflow: hidden;
    }

    #slideshow .right .big_photo a {
        display: block;
    }

    #slideshow .right .big_photo img {
        width: 567px;
        height: 322px;
        border: 1px solid #616161;
        padding: 0;
    }

    #slideshow .right .thumbs {
        width: 170px;
        position: absolute;
        right: 0;
        z-index: 1000;
    }

        #slideshow .right .thumbs img {
            border: 1px solid #707070;
            cursor: pointer;
        }

        #slideshow .right .thumbs ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

            #slideshow .right .thumbs ul li {
                padding: 0;
                margin: 0;
                display: block;
                padding-left: 33px;
                height: 76px;
                padding-top: 9px;
                z-index: 1000;
            }

                #slideshow .right .thumbs ul li.active {
                    background: url('../_gfx/slideshow_arrow.png') no-repeat scroll left top transparent;
                }

.sponsors {
    margin: 10px 0 10px 0;
    padding: 15px 0 20px 0;
    background: #ffffff url('../_gfx/sponsors_no_footer.jpg') repeat-x;
    border: 1px solid #e5e4e5;
    color: #a1a1a1;
}

    .sponsors ul {
        margin: 20px 0 0 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        .sponsors ul:first-child {
            margin-top: 0;
        }

    .sponsors li {
        display: inline-block;
        margin: 0 55px;
        width: 120px;
    }

        .sponsors li img {
            width: 100%;
        }

    .sponsors .comment {
        padding-top: 5px;
    }

    .sponsors.items-per-row-5 li {
        max-width: 100px;
        margin: 0 35px;
    }

    .sponsors.items-per-row-6 li {
        margin: 0 18px;
    }

.ticker {
    margin-top: 12px;
    height: 30px;
    font-family: Arial;
}

    .ticker .title {
        height: 30px;
        line-height: 30px;
        white-space: nowrap;
        color: #fff;
        font-size: 115%;
        font-weight: bold;
        float: left;
        padding: 0 20px 0 10px;
        background: #e3e3e3 url(../_gfx/headlines.png) no-repeat top right;
    }

    .ticker .scrolling_text {
        width: 776px;
        height: 30px;
        overflow: hidden;
        float: left;
        display: block;
        background-color: #e3e3e3;
    }

    .ticker .scrolling_text {
        white-space: nowrap;
        overflow: hidden;
    }

        .ticker .scrolling_text div {
            padding-left: 8px;
            padding-right: 10px;
        }

        .ticker .scrolling_text a {
            line-height: 30px;
            padding-left: 10px;
            padding-right: 10px;
            color: #5c5c5c;
            font-size: 14px;
            text-decoration: none;
            background: url(../_gfx/headlines-arrow.png) no-repeat center left;
        }

            .ticker .scrolling_text a:hover {
                color: #000;
            }

        .ticker .scrolling_text span {
            line-height: 30px;
            padding-left: 10px;
            padding-right: 10px;
            color: #5c5c5c;
            font-size: 14px;
            text-decoration: none;
            background: url(../_gfx/headlines-arrow.png) no-repeat center left;
        }

            .ticker .scrolling_text span:hover {
                color: #000;
            }




.matches a {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family: Tahoma, Arial, Sans-Serif;
    text-decoration: none;
    float: left;
}

.matches .ui-widget-content {
    border-width: 0;
}

.matches .ui-accordion-header .ui-icon {
    display: none;
}

.matches .content {
    margin-top: 5px;
}

.matches .ui-accordion-content {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

.matches .ui-accordion-header, .matches h3 {
    background: #b9b9b9 url('../_gfx/arrowssprite.png') no-repeat top right;
    border: 1px solid #929292;
    margin: 3px 0;
    padding: 4px 18px;
    color: #fff;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 12px;
}

.matches .ui-state-active {
    background-color: #929292;
    background-position: bottom right;
}

.matches .match {
    border: 1px solid #959595;
    vertical-align: top;
}

    .matches .match .title, .matches .match .type {
        background-color: #e7ebee;
        padding: 4px 7px 4px 20px;
        font-family: Tahoma, Arial, Sans-Serif;
        font-size: 11px;
        color: #5c5c5c;
        text-align: left;
    }

    .matches .match .type {
        font-weight: bold;
        text-align: right;
    }

    .matches .match td {
        vertical-align: middle;
        text-align: center;
        border-width: 0;
    }

        .matches .match td img {
            padding: 10px 0;
        }

    .matches .match .name, .matches .match .score {
        font-size: 15px;
        font-weight: bold;
        color: #5c5c5c;
    }

    .matches .match .name {
        width: 100px;
        padding: 0 4px;
    }

    .matches .match .score {
        font-size: 25px;
        white-space: nowrap;
        padding: 0 4px;
    }

    .matches .match .notes {
        padding: 5px 0;
        text-align: center;
        color: #a7a7a7;
        font-size: 11px;
        background-color: transparent;
    }

.filter select.wide {
    width: 150px;
    font-size: 11px;
    font-family: Arial;
}

.diorganosi .left_entries {
    float: left;
    width: 605px;
    padding-right: 7px;
}

.diorganosi .right_banners {
    float: right;
    width: 298px;
}

.diorganosi .entries {
    padding-top: 20px;
}

    .diorganosi .entries h2 {
        color: #02315B;
        font-size: 16px;
        font-weight: normal;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .diorganosi .entries .entry {
        margin-bottom: 20px;
        padding: 10px 7px;
    }

    .diorganosi .entries div.dark {
        background-color: #f4f4f4;
    }

    .diorganosi .entries .entry .photo_wrapper {
        background: url('../_gfx/photo_texture.png') repeat;
        padding: 7px;
        width: 135px;
        /*height:123px;*/
        overflow: hidden;
    }

        .diorganosi .entries .entry .photo_wrapper img {
            border: 1px solid #414141;
        }

    .diorganosi .entries .entry table td {
        /*vertical-align:top;*/
    }

        .diorganosi .entries .entry table td.photo {
            width: 149px;
        }

    .diorganosi .entries .entry span.date {
        font-size: 12px;
        color: #B1B1B1;
        display: block;
        margin-bottom: 10px;
    }

    .diorganosi .entries .entry .summary {
        padding-left: 10px;
        height: 139px;
        overflow: hidden;
    }

    .diorganosi .entries .entry .summary_text {
        color: #484848;
        font-size: 13px;
    }

    .diorganosi .entries .entry .lnk_more {
        background: url('../_gfx/slideshow_more.png') no-repeat scroll center right;
        display: block;
        height: 15px;
        color: #484848;
        font-size: 13px;
        padding-right: 18px;
        line-height: 12px;
        text-decoration: none;
        position: absolute;
        right: 0;
        bottom: 5px;
    }

.international div.player_tables .left_table {
    float: left;
    width: 454px;
}

.international div.player_tables .right_table {
    float: right;
    width: 454px;
}

.international table.default_table {
    border: 1px solid #9c9c9c;
    width: 100%;
}

    .international table.default_table thead tr td {
        background-color: #dcdcdc;
        padding: 5px;
    }

        .international table.default_table thead tr td span {
            color: #02315b;
            font-size: 11px;
        }

    .international table.default_table tbody tr td {
        border-bottom: 1px solid #dcdcdc;
        background-color: #f5f5f5;
        padding: 2px 5px;
        text-align: center;
    }

        .international table.default_table tbody tr td.first_col {
            text-align: left;
        }

        .international table.default_table tbody tr td span {
            font-size: 12px;
            color: #5c5c5c;
        }


div.panelwrapper {
    margin-bottom: 20px;
}

.panelwrapper div.table_border {
    border: 1px solid #929292;
}

.panelwrapper table tr td {
    border-right: 1px solid #e7ebee;
}

.panelwrapper table thead tr td {
    background-color: #929292;
}

/*corrects the border of the last cell*/
.panelwrapper table tr td.last {
    border: 0;
}

.panelwrapper table tr td span {
    display: block;
    padding: 4px;
    text-align: center;
}

.panelwrapper table thead tr td span {
    color: #fff;
    font-weight: bold;
}

.panelwrapper table tbody tr td span {
    color: #5c5c5c;
}

.panelwrapper table tbody tr td.first span {
    font-weight: bold;
}

.panelwrapper .notes {
    padding: 3px 10px;
    background-color: #e7ebee;
}

    .panelwrapper .notes span {
        color: #5c5c5c;
    }

.agones {
    padding-top: 10px;
}


img.with-gradiend {
    padding: 10px;
    background: url('../_gfx/photo_texture.png');
}

.long-summary {
    height: 159px;
    width: 628px;
    background: url('../_gfx/long-summary.jpg') no-repeat bottom right;
    padding: 0 0 0 20px;
    position: relative;
    display: block;
}

    .long-summary h2 {
        padding: 15px 0 10px 0;
        margin: 0;
        color: #02315b;
    }

    .long-summary p {
        padding: 0;
        margin: 0;
        font-size: 13px;
    }

    .long-summary .button-grey {
        position: absolute;
        bottom: 8px;
        right: 8px;
    }

.button-grey {
    background: url('../_gfx/btn-grey.jpg') repeat-x bottom left;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding-right: 7px;
}

    .button-grey a {
        background: url('../_gfx/contactform_arrow.png') no-repeat center right;
        height: 23px;
        line-height: 23px;
        padding: 0 30px 0 10px;
        display: block;
        color: #012c54;
        font-weight: bold;
        text-decoration: none;
    }

        .button-grey a:hover {
            text-decoration: underline;
        }

.player-list {
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

    .player-list .player {
        width: 170px;
        float: left;
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-right: 14px;
        margin-bottom: 15px;
        border: 1px solid #cfcfcf;
    }

        .player-list .player img {
            width: 170px;
            height: 135px;
        }

    .player-list .fifth {
        margin-right: 0;
    }

    .player-list .player a.name {
        display: block;
        height: 29px;
        line-height: 29px;
        padding-left: 5px;
        color: #02315b;
        text-decoration: none;
        background: url('../_gfx/player-link.jpg') no-repeat center center;
    }

        .player-list .player a.name:hover {
            text-decoration: underline;
        }

    .player-list .player:hover, .button-grey:hover {
        border: 1px solid #999999;
        box-shadow: 0px 0px 10px #b9c6cf;
    }


.presentation h2 {
    color: #02315b;
    font-weight: bold;
    font-size: 16px;
}

.presentation .photo_wrapper {
    background: url('../_gfx/photo_texture.png') repeat;
    margin-bottom: 10px;
}

    .presentation .photo_wrapper div.padding {
        padding: 10px;
        padding-bottom: 0;
    }

    .presentation .photo_wrapper img {
        border: 1px solid #393939;
    }

.presentation .carousel {
    margin-top: 10px;
    background: url(../_gfx/transparent_white.png) repeat;
    padding: 10px 5px;
}

    .presentation .carousel ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .presentation .carousel ul li {
            display: block;
            float: left;
            width: 83px;
            height: 49px;
        }

            .presentation .carousel ul li a {
                display: block;
                width: 83px;
                height: 49px;
            }

.progressbar {
    border: 1px solid #ebedee;
    border-radius: 5px;
    background: url(../_gfx/progressbar_grad.png) repeat-y;
    background-position: right center;
    margin-bottom: 20px;
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
    overflow: hidden;
}

    .progressbar ul {
        padding: 0;
        margin: 0;
        width: 100%;
        overflow: hidden; /*clear floats - if float is used for tabs instead of inline-block*/
        list-style: none; /* remove bullet */
        text-align: center; /* center nested tabs */
    }

        .progressbar ul li, .progressbar ul li a, .progressbar ul li span, .progressbar ul li strong {
            display: -moz-inline-box; /* Firefox 2 support */
            display: inline-block; /* use instead of float so tabs can be centred */
            text-decoration: none;
            font-weight: bold;
            color: #5c5c5c;
            text-align: center;
            font-weight: normal;
            vertical-align: top;
            font-size: 12px;
            float: left;
        }

        .progressbar ul li {
            margin-right: 8px;
        }
            /* make tabs overlap*/
            .progressbar ul li a, .progressbar ul li span, .progressbar ul li strong {
                /* pre-load hover image using sprite*/
                background: url(../_gfx/progressbarsprite.png) no-repeat 0 0;
                cursor: pointer;
            }

            .progressbar ul li a, .progressbar ul li strong {
                background-position: 0 0; /* use left side of sprite*/
                padding: 0 0 0 46px; /* make space for tab so span doesn't rub it out*/
            }

                .progressbar ul li a span, .progressbar ul li strong span {
                    background-position: 100% 0; /* use right side of sprite*/
                    padding: 7px 44px 7px 0; /* apply padding to inner span and not to anchor*/
                    margin-right: -20px; /* allow for transparent tabs */
                    position: relative; /* ie6 needs this or the anchor won't show */
                    font-weight: bold;
                }

                /* hover rules */
                .progressbar ul li a:hover, .progressbar ul li.active a {
                    visibility: visible;
                }
                /* ie6 needs this otherwise span won't show hover*/
                .progressbar ul li a:hover, .progressbar ul li strong, .progressbar ul li.active a {
                    background-position: 0 -29px; /* swap tab by changing background-position*/
                    z-index: 99; /* raise z-index on hover so tab comes in front of other tabs */
                    position: relative;
                }

            .progressbar ul li strong {
                z-index: 98;
            }
                /* so hovered tabs can still go on top of current tab */
                .progressbar ul li a:hover span, .progressbar ul li strong span, .progressbar ul li.active a span {
                    background-position: 100% -29px;
                }

            .progressbar ul li.first a {
                background-position: -30px 0;
            }

                .progressbar ul li.first a:hover, .progressbar ul li.first.active a {
                    background-position: -30px -29px;
                    border-radius: 5px 0 0 5px;
                }

            .progressbar ul li.last a span {
                /*background-position:80px 0;   */
            }

            .progressbar ul li.last a:hover span .progressbar ul li.last.active a {
                background-position: -500px -29px;
                border-radius: 0 5px 5px 0;
            }

.abc {
    margin-bottom: 20px;
}

    .abc ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .abc ul li {
            display: block;
            margin-right: 5px;
            background: url('../_gfx/squarebutton_grad.png') repeat-x;
            float: left;
            padding: 0 7px;
            border-radius: 4px;
        }

            .abc ul li a {
                color: #023155;
                font-size: 18px;
                text-decoration: none;
            }

            .abc ul li:hover a {
                text-decoration: underline;
            }

            .abc ul li.active {
                background: transparent;
            }

.panel_left {
    width: 664px;
    padding-right: 15px;
    float: left;
}

.banner_right {
    width: 239px;
    float: right;
    height: 223px;
    overflow: hidden;
}

    .banner_right .photo_wrap {
        background: url('../_gfx/photo_texture.png') repeat;
        padding: 12px;
        overflow: hidden;
    }

        .banner_right .photo_wrap img {
            border: 1px solid #616161;
        }

.national_index .photo_wrap {
    background: url('../_gfx/photo_texture.png') repeat;
    padding: 12px;
    margin-bottom: 72px;
}

    .national_index .photo_wrap img {
        border: 1px solid #616161;
    }

    .national_index .photo_wrap .caption {
        background: url(../_gfx/transparent_white.png) repeat;
        margin-top: 12px;
        padding: 19px;
    }

        .national_index .photo_wrap .caption span {
            font-size: 14px;
            color: #5c5c5c;
        }

.contactform {
    margin-top: 63px;
}

    .contactform td.field_name {
    }

    .contactform td.field_value {
        width: 315px;
    }

    .contactform td.field_validator {
    }

    .contactform td.field_name span {
        color: #183765;
        font-weight: bold;
        display: block;
        background: url(../_gfx/contactform_arrow.png) no-repeat scroll center left transparent;
        padding-left: 20px;
    }

    .contactform table td input[type="text"], .contactform table td input[type="password"], .contactform table td textarea {
        border-radius: 3px;
        background-color: #fcfcfc;
        border: 1px solid #ebebeb;
        width: 304px;
        height: 21px;
        line-height: 21px;
        color: #363636;
        font-size: 11px;
    }

    .contactform td.field_value input[type="text"], .contactform td.field_value input[type="password"] {
    }

    .contactform td.field_value textarea {
        max-width: 304px;
        min-height: 81px;
        overflow: auto; /*removes scrollbars from IE*/
        padding: 0;
    }

    .contactform td.field_validator div.validator, .contactform td .captcha_wrapper div.validator, .contactform td.field_validator span.validator {
        width: 14px;
        height: 21px;
        border-radius: 0 3px 3px 0;
        border: 1px solid #ebebeb;
        background-color: #4ea8de;
        color: #fff;
        text-align: center;
        display: block;
    }

    .contactform td.field_validator div.alt_validator {
        width: 14px;
        height: 21px;
        border-radius: 0 3px 3px 0;
        border: 1px solid #ebebeb;
        background-color: #4ea8de;
        color: #fff;
        text-align: center;
    }

        .contactform td.field_validator div.alt_validator span {
            width: 14px;
            height: 21px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            padding: 0;
            margin: 0;
            border-radius: 0 3px 3px 0;
            border: 1px solid red;
            background-color: #ff0b0d;
            color: white;
        }

    .contactform td .captcha_wrapper {
        padding: 10px 0 0 20px;
    }

        .contactform td .captcha_wrapper input[type="text"] {
            width: 204px;
            float: left;
        }

        .contactform td .captcha_wrapper div.validator {
            float: left;
            margin-left: 10px;
        }

        .contactform td .captcha_wrapper div.helper {
            height: 25px;
            background-color: none;
            text-align: right;
            width: 235px;
            float: right;
            margin-top: 18px;
        }

    .contactform input[type=button], .contactform input[type=submit] {
        border: 0;
        font-weight: bold;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        font-family: Arial;
    }

        .contactform input[type=button]:hover, .contactform input[type=submit]:hover, .contactform input[type=button]:active, .contactform input[type=submit]:active {
            box-shadow: 0px 0px 3px 3px #dddddd;
        }

    .contactform .lightbluebutton {
        background: url(../_gfx/button_blue.png) repeat-x scroll center top transparent;
        padding: 0px 25px;
    }

    .contactform .darkbluebutton {
        background: url(../_gfx/button_blueblack_arrow.png) no-repeat scroll 93% center #022140;
        padding: 0px 35px 0px 30px;
    }

    .contactform div.buttons {
        text-align: right;
        margin-top: 10px;
        padding-right: 30px;
    }

.cmt_article {
    padding-bottom: 10px;
}

    .cmt_article h1 {
        font-size: 20px;
        color: #02315b;
        font-weight: normal;
        margin-bottom: 5px;
        margin-top: 0;
    }

    .cmt_article span.date {
        font-size: 12px;
        color: #b1b1b1;
    }

    .cmt_article .photo_texture {
        background: url('../_gfx/photo_texture.png') repeat;
        padding: 10px;
    }

    .cmt_article .content {
        width: 637px;
        margin: 0 auto;
        margin-top: 20px;
        padding-bottom: 20px;
    }

        .cmt_article .content .text {
            padding-top: 10px;
            font-size: 13px;
        }

    .cmt_article div.text ol, .cmt_article div.text ul {
        list-style-position: inside;
        padding: 0;
    }


.panelwrapper div.more {
    background-color: #dde2e7;
}

    .panelwrapper div.more .handle {
        border-bottom: 1px solid #fff;
        padding: 3px 10px;
    }

        .panelwrapper div.more .handle a {
            color: #535353;
            text-decoration: none;
            display: block;
            background: url(../_gfx/arrowspritevertical.png) no-repeat scroll right 0 transparent;
            line-height: 12px;
        }

            .panelwrapper div.more .handle a:focus {
                border: 0;
            }

            .panelwrapper div.more .handle a.open {
                background-position: right -12px;
            }

            .panelwrapper div.more .handle a:hover {
                text-decoration: underline;
            }

    .panelwrapper div.more .the_contents {
        padding-top: 5px;
    }

div.cv {
    margin-left: 20px;
}

    div.cv .personal_details {
        background: url('../_gfx/bright_texture.png') repeat;
        padding: 10px;
        margin-bottom: 10px;
    }

    div.cv .details_table td {
        border: 0;
    }

        div.cv .details_table td span {
            color: #012c54 !important;
            font-size: 12px;
            border: 0;
            text-align: left;
            padding: 0;
        }

        div.cv .details_table td.details_name span {
            font-weight: bold;
        }

    div.cv .bio_text {
        padding: 0px 20px 0 20px;
        font-size: 13px;
    }

        div.cv .bio_text h2 {
            font-size: 16px;
            font-weight: bold;
            margin-top: 0;
            color: #000;
        }
/* LIVE MATCH */
.live-match .ruler {
    background: url('../_gfx/live-match/ruler-bg.png') repeat-x top left;
    height: 26px;
    width: 893px;
    margin: 0px auto;
    display: block;
    position: relative;
}

    .live-match .ruler .metrics {
        height: 26px;
    }

    .live-match .ruler .minute {
        height: 25px;
        width: 7px;
        border: 1px solid #9f9f9f;
        border-width: 1px 0px;
        float: left;
        background: url('../_gfx/live-match/minute.png') no-repeat bottom center;
        display: block;
    }

        .live-match .ruler .minute.at0 {
            border-left: 1px solid #9f9f9f;
        }

        .live-match .ruler .minute.at121 {
            border-right: 1px solid #9f9f9f;
        }

        .live-match .ruler .minute.disabled, .live-match .ruler .minute.disabled .label {
            opacity: 0.2;
            filter: alpha(opacity=20); /* For IE8 and earlier */
        }

    .live-match .ruler .end-of-match.disabled {
        opacity: 0.2;
        filter: alpha(opacity=20); /* For IE8 and earlier */
    }

    .live-match .ruler .minute.at90 .end-of-match {
        background: url('../_gfx/live-match/minute90.png') no-repeat top left;
        width: 13px;
        height: 42px;
        position: absolute;
        display: block;
        top: -8px;
        left: -3px;
    }

    .live-match .ruler .fifth {
        background: url('../_gfx/live-match/fifth.png') no-repeat bottom center;
    }

    .live-match .ruler .half {
        width: 19px;
        padding: 0 5px;
        background: url('../_gfx/live-match/half.png') no-repeat bottom center;
    }

        .live-match .ruler .half .bg {
            top: -8px;
            left: 5x;
            position: absolute;
            width: 19px;
            height: 42px;
            background: url('../_gfx/live-match/half.png') no-repeat bottom center;
        }

    .live-match .ruler .minute .label {
        position: absolute;
        top: 5px;
        left: -5px;
        width: 19px;
        text-align: center;
        font-family: Tahoma;
        color: #000000;
        text-shadow: #ffffff 1px -1px -1px;
    }

.live-match .place-of-ruler {
    padding-top: 40px;
    background: url('../_gfx/live-match/bg-top.jpg') no-repeat bottom center;
    padding-bottom: 80px;
}

.live-match .hand {
    position: absolute;
    bottom: -35px;
    background: url('../_gfx/live-match/hand.png') no-repeat bottom center;
    width: 35px;
    height: 26px;
}

    .live-match .hand a {
        display: block;
        height: 26px;
    }

    .live-match .hand.start {
        left: -13px;
    }

    .live-match .hand.middle {
        left: 325px;
    }

    .live-match .hand.end {
        right: 200px;
    }

.live-match .ruler .event {
    position: absolute;
    top: 33px;
    left: -6px;
    width: 20px;
    cursor: pointer;
    cursor: hand;
}

.live-match .goal {
    background: url('../_gfx/live-match/goal.png') no-repeat bottom center;
    height: 64px;
}

.live-match .goal_own {
    background: url('../_gfx/live-match/goal-own.png') no-repeat bottom center;
    height: 64px;
}

.live-match .goal_penalty {
    background: url('../_gfx/live-match/goal-penalty.png') no-repeat bottom center;
    height: 64px;
}

.live-match .yellow-card {
    background: url('../_gfx/live-match/yellow-card.png') no-repeat bottom center;
    height: 44px;
}

.live-match .red-card {
    background: url('../_gfx/live-match/red-card.png') no-repeat bottom center;
    height: 44px;
}

.live-match .change {
    background: url('../_gfx/live-match/change.png') no-repeat bottom center;
    height: 16px;
}

.live-match .ruler .event a {
    display: block;
    position: absolute;
    bottom: 0;
    width: 20px;
    height: 23px;
}

.live-match .summary {
    background: url('../_gfx/live-match/summary-bg.jpg');
    height: 249px;
    width: 858px;
    margin: 0px auto;
    border: 1px solid #ffffff;
}

    .live-match .summary .place-of-data {
        width: 500px;
        margin: 0px auto;
    }

    .live-match .summary .heading {
        color: #4e4e4e;
        font-size: 16px;
        font-weight: normal;
        padding: 10px 0;
        text-shadow: #ffffff 1px -1px -1px;
    }

.live-match .team-box {
    height: 116px;
    background-color: #ffffff;
    text-align: center;
    width: 116px;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 3px #dddddd;
}

.live-match .summary .team, .live-match .summary .team a {
    text-align: center;
    font-size: 20px;
    color: #133f66;
    text-decoration: none;
    text-shadow: #ffffff 1px -1px -1px;
}

.live-match .summary .result {
    width: 136px;
    text-align: center;
    vertical-align: middle;
    color: #133f66;
    font-size: 35px;
    font-weight: bold;
    text-shadow: #ffffff 1px -1px -1px;
}

    .live-match .summary .result small {
        font-size: 14px;
        font-weight: normal;
    }

.live-match .team-box img {
    padding-top: 10px;
    width: 95px !important;
    height: 95px !important;
}

.live-match .details {
    padding-top: 15px;
    width: 858px;
    margin: 0px auto;
    background-color: #f2f2f2;
}

    .live-match .details h2 {
        color: #133f66;
        margin: 0px auto;
        padding: 5px;
        font-size: 14px;
        width: 392px;
        background: url('../_gfx/photo_texture.png');
        border-radius: 5px;
        text-shadow: #ffffff 1px -1px -1px;
    }

    .live-match .details .tdetails {
        margin: 0px auto;
    }

        .live-match .details .tdetails td {
            vertical-align: top;
        }

    .live-match .details .team {
        width: 405px;
    }

    .live-match .details .sep {
        background: url('../_gfx/live-match/details-sep.jpg') repeat-y top center;
    }

        .live-match .details .sep.last {
            line-height: 25px;
        }

    .live-match .details .team ul {
        margin: 5px 0 3px 0;
        padding: 0;
    }

    .live-match .details .team li {
        display: block;
        white-space: nowrap;
        list-style-image: none;
        padding: 3px 2px;
        margin: 0;
        color: #133f66;
        font-size: 12px;
    }

        .live-match .details .team li a {
            color: #133f66;
            text-decoration: none;
        }

            .live-match .details .team li a:hover {
                text-decoration: underline;
            }

        .live-match .details .team li a {
            display: block;
            /*width:186px;*/
        }

    .live-match .details .team.smaller-a li a {
        /*width:165px;*/
    }

    .live-match .details .team.right.smaller-a li a {
        /*width:162px;*/
    }

    .live-match .details .team .number {
        font-weight: bold;
        display: block;
        width: 23px;
    }

    .live-match .details .team li {
        display: block;
        height: 15px;
    }

    .live-match .details .team.left li {
        text-align: right;
    }

    .live-match .details .team.right li {
        text-align: left;
    }

    .live-match .details .team.left a, .live-match .details .team.left .number, .live-match .details .team.left .event {
        text-align: right;
        float: right;
    }

    .live-match .details .team.right .number, .live-match .details .team.right a, .live-match .details .team.right .event {
        text-align: left;
        float: left;
    }

    .live-match .details .event {
        display: block;
        font-weight: bold;
        font-size: 10px;
        font-family: Tahoma;
        color: #fff;
        margin: 0 1px;
        width: 35px !important;
        height: 17px;
        line-height: 16px;
    }

        .live-match .details .event a {
            color: #fff !important;
            text-decoration: none;
            width: 15px !important;
            clear: both !important;
            padding: 0 4px;
        }

            .live-match .details .event a:hover {
                text-decoration: none !important;
            }

    .live-match .details .right .event.green {
        background: url('../_gfx/live-match/detail-green-note-right.png') no-repeat center center;
    }

    .live-match .details .right .event.red {
        background: url('../_gfx/live-match/detail-red-note-right.png') no-repeat center center;
    }

    .live-match .details .left .event.green {
        background: url('../_gfx/live-match/detail-green-note-left.png') no-repeat center center;
    }

    .live-match .details .left .event.red {
        background: url('../_gfx/live-match/detail-red-note-left.png') no-repeat center center;
    }

        .live-match .details .left .event.red a {
            float: right;
        }

    .live-match .details .left .event.green a {
        float: left;
    }

    .live-match .details .right .event.red a {
        float: left;
    }

    .live-match .details .right .event.green a {
        float: right;
    }

    .live-match .details .event.yellow-card {
        background: url('../_gfx/live-match/yellow-card.jpg') no-repeat center left;
    }

    .live-match .details .event.red-card {
        background: url('../_gfx/live-match/red-card.jpg') no-repeat center left;
    }

        .live-match .details .event.yellow-card a, .live-match .details .event.red-card a {
            color: #133f66 !important;
            font-weight: normal !important;
            font-size: 11px;
        }

    .live-match .details .event.red-card, .live-match .details .event.yellow-card {
        width: 31px !important;
    }

    .live-match .details .right .event.red-card a {
        float: right;
        text-align: right;
    }

    .live-match .details .right .event.yellow-card a {
        float: right;
        text-align: right;
    }

.live-match .ruler-tooltip {
    background: url('../_gfx/live-match/tooltip-bg.png');
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    position: absolute;
    display: block;
    bottom: 10px;
    padding: 10px 10px;
    display: none;
    /*text-align:center;*/
    /*height:20px;*/
    overflow-y: visible;
    width: 200px;
    z-index: 100000;
    left: -53px;
}

    .live-match .ruler-tooltip a {
        color: #133f66;
        font-size: 11px;
        text-decoration: none;
    }

    .live-match .ruler-tooltip .arrow {
        position: absolute;
        bottom: -6px;
        left: 0px;
        width: 113px;
        height: 6px;
    }

    .live-match .ruler-tooltip .line {
        height: 1px;
        background: url('../_gfx/live-match/tooltip-bg.png');
        border: 1px solid #d1d1d1;
        border-width: 0 1px 0 1px;
        margin: 0px auto;
        line-height: 1px;
        font-size: 1px;
    }

    .live-match .ruler-tooltip .line1 {
        width: 11px;
    }

    .live-match .ruler-tooltip .line2 {
        width: 9px;
    }

    .live-match .ruler-tooltip .line3 {
        width: 7px;
    }

    .live-match .ruler-tooltip .line4 {
        width: 5px;
    }

    .live-match .ruler-tooltip .line5 {
        width: 3px;
    }

    .live-match .ruler-tooltip .line6 {
        background-color: #d1d1d1;
        width: 2px;
        border-width: 0;
    }

    .live-match .ruler-tooltip .line7 {
        background-color: #d1d1d1;
        width: 1px;
        border-width: 0;
    }
/* END OF LIVE MATCH*/

/*start Contest*/
.contest {
    padding-top: 15px;
}

    .contest .left {
        width: 600px;
    }

    .contest .right {
        padding-left: 15px;
    }

    .contest h2 {
        margin: 0;
        color: #51a9db;
        font-weight: bold;
        padding: 0 0 10px 15px;
    }

    .contest td {
        vertical-align: top;
    }

    .contest .panelwrapper table tr td {
        border-width: 0;
    }

    .contest .panelwrapper p {
        margin: 0;
        padding: 0 5px 5px 10px;
        text-indent: 0;
        font-size: 12px;
        text-align: justify;
    }

    .contest .question-box {
        background: url('../_gfx/live-match/summary-bg.jpg');
        padding: 10px;
    }

        .contest .question-box .question {
            color: #052a56;
            font-weight: bold;
            font-size: 13px;
            padding-bottom: 5px;
            padding-left: 15px;
            background: url('../_gfx/contactform_arrow.png') no-repeat top left;
        }

        .contest .question-box .answers {
            padding-left: 8px;
            font-size: 12px;
        }

            .contest .question-box .answers input {
            }

            .contest .question-box .answers .choise {
                padding: 5px 0 0px 0;
                color: #000000;
            }

            .contest .question-box .answers .chk {
                width: 30px;
                text-align: center;
                padding: 3px 0;
            }

    .contest .candidate {
        background-color: #f4f4f4;
        padding: 15px 10px 10px 15px;
    }

    .contest .contactform {
        margin-top: 0;
    }

    .contest .candidate th {
        color: #052a56;
        font-weight: bold;
        font-size: 13px;
        padding: 0 0 10px 15px;
        text-align: left;
    }

    .contest .candidate .field_name {
        width: 62px;
        padding: 4px 0px;
    }

        .contest .candidate .field_name span {
            text-align: left !important;
        }

    .contest .candidate .field_value {
        width: 191px;
    }

        .contest .candidate .field_value input[type=text] {
            width: 100%;
            height: 19px;
            line-height: 19px;
        }

    .contest .candidate .field_validator {
        width: 26px;
        padding-left: 4px;
    }

    .contest .buttons-box {
        background: url('../_gfx/live-match/summary-bg.jpg');
        padding: 16px 0;
    }

        .contest .buttons-box .buttons {
            width: 300px;
            margin: 0px auto;
        }

    .contest .winners h2 {
        font-size: 13px;
        padding-left: 3px;
    }

    .contest .select-contest {
        background: url('../_gfx/live-match/summary-bg.jpg');
        padding: 5px 0 5px 15px;
        color: #052a56;
        font-weight: bold;
        border-bottom: 1px solid #cccccc;
    }

        .contest .select-contest select {
            width: 187px;
            margin-left: 5px;
            border: 1px solid #ccc;
            padding: 1px 1px 1px 4px;
            font-size: 11px;
            color: #052a56;
        }

    .contest .winners .list {
        background-color: #f4f4f4;
        padding: 10px 15px;
    }

    .contest .winners .content {
        background: url('../_gfx/live-match/summary-bg.jpg');
        padding: 10px 15px;
        color: #052a56;
    }

        .contest .winners .content .sep {
            height: 7px;
            font-size: 7px;
        }

    .contest .winners .list h5 {
        color: #052a56;
        font-weight: 600;
        font-size: 12px;
        padding: 0;
        margin: 0;
    }

    .contest .winners ol {
        padding: 0;
        margin: 5px 17px;
    }

        .contest .winners ol li {
            padding: 2px;
            font-size: 12px;
        }

    .contest .validation_help {
        padding: 10px 0 10px 15px;
    }

        .contest .validation_help span {
            text-align: left;
            color: #919191;
            font-weight: bold;
        }
/*end Contest*/



/* live version 2*/
.live-match .margin {
    width: 858px;
    margin: 0px auto;
}

.live-match .game-info-part1 {
    background-color: #f2f2f2;
    padding: 10px 0px;
    border-top: 1px solid #ffffff;
}

    .live-match .game-info-part1 h2 {
        text-align: center;
        color: #3b5f7e;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px;
        font-size: 15px;
    }

    .live-match .game-info-part1 h3 {
        text-align: center;
        color: #5e5e5e;
        font-weight: bold;
        margin: 0;
        padding: 4px 0 4px;
        font-size: 15px;
    }

    .live-match .game-info-part1 h4 {
        text-align: center;
        color: #5e5e5e;
        font-weight: normal;
        margin: 0;
        padding: 4px 0 4px;
        font-size: 12px;
    }

.live-match .game-info-part2 {
    padding: 10px 0px;
    background: url('../_gfx/live-match/info-panel-bg.jpg');
    border-top: 1px solid #ffffff;
}

    .live-match .game-info-part2 .team {
        width: 131px !important;
    }

    .live-match .game-info-part2 .team-name {
        width: 145px !important;
        color: #133f66;
        font-weight: bold;
        font-size: 15px;
    }

        .live-match .game-info-part2 .team-name a {
            color: #133f66;
            text-decoration: none;
        }

    .live-match .game-info-part2 .result {
        text-align: center;
        color: #133f66;
        font-weight: bold;
        font-size: 34px;
    }

        .live-match .game-info-part2 .result small {
            font-size: 14px;
        }

.live-match .timer {
    background: url('../_gfx/live-match/timer.png') no-repeat center center;
    width: 112px;
    height: 47px;
    margin: 10px auto 0 auto;
    color: #ffffff;
}

    .live-match .timer span {
        font-weight: normal;
        font-family: Tahoma;
        display: block;
    }

    .live-match .timer .minute {
        width: 110px;
        font-size: 26px;
        margin: 6px 0 0 0px;
        text-align: center;
        float: left;
    }

    .live-match .timer .second {
        width: 40px;
        font-size: 16px;
        margin: 8px 0 0 0px;
        text-align: left;
        float: right;
    }

.live-match .syntheseis {
    border-top: 1px solid #ffffff;
    background: url('../_gfx/live-match/syntheseis-bg.jpg');
}

    .live-match .syntheseis .sep {
        width: 5px;
        font-size: 5px;
    }

    .live-match .syntheseis .col {
        vertical-align: top;
        padding-top: 20px;
        width: 269px;
    }

    .live-match .syntheseis .right {
    }

    .live-match .syntheseis .left {
    }

    .live-match .syntheseis .center {
        width: 280px;
        padding: 20px 5px 0 5px;
    }

    .live-match .syntheseis h2 {
        background: url('../_gfx/live-match/blue-fasa.png') no-repeat center left;
        margin: 0;
        padding: 0;
        text-align: right;
        font-size: 14px;
        color: #fff;
        line-height: 27px;
        padding-right: 10px;
    }

    .live-match .syntheseis .right h2 {
        background-position: center right;
        text-align: left;
        padding-left: 10px;
    }

    .live-match .syntheseis .center h2 {
        background-position: center center;
        text-align: center;
    }


    .live-match .syntheseis .team ul {
        margin: 5px 0 3px 0;
        padding: 0;
    }

    .live-match .syntheseis .team li {
        display: block;
        white-space: nowrap;
        list-style-image: none;
        padding: 3px 2px;
        margin: 0;
        color: #133f66;
        font-size: 12px;
    }

        .live-match .syntheseis .team li a {
            color: #133f66;
            text-decoration: none;
        }

            .live-match .syntheseis .team li a:hover {
                text-decoration: none;
            }

            .live-match .syntheseis .team li a.player {
                display: block;
                width: 150px;
                overflow: hidden;
                cursor: default;
            }

    .live-match .syntheseis .team .number {
        font-weight: bold;
        display: block;
        width: 23px;
    }

    .live-match .syntheseis .team li {
        display: block;
        height: 15px;
    }

    .live-match .syntheseis .team.left li {
        text-align: right;
        padding-right: 5px;
    }

        .live-match .syntheseis .team.left li.alt {
            background: url('../_gfx/live-match/lighter-line-left.jpg') no-repeat center right;
        }

        .live-match .syntheseis .team.left li a {
            margin-left: 4px;
        }

    .live-match .syntheseis .team.right li a {
        margin-right: 4px;
    }

    .live-match .syntheseis .team.right li {
        text-align: left;
        padding-left: 5px;
    }

        .live-match .syntheseis .team.right li.alt {
            background: url('../_gfx/live-match/lighter-line-right.jpg') no-repeat center left;
        }

    .live-match .syntheseis .team.left a, .live-match .syntheseis .team.left .number, .live-match .syntheseis .team.left .event {
        text-align: right;
        float: right;
    }

    .live-match .syntheseis .team.right .number, .live-match .syntheseis .team.right a, .live-match .syntheseis .team.right .event {
        text-align: left;
        float: left;
    }

    .live-match .syntheseis .event {
        display: block;
        font-weight: bold;
        font-size: 10px;
        font-family: Tahoma;
        color: #fff;
        margin: 0 1px;
        width: 35px !important;
        height: 17px;
        line-height: 16px;
    }

        .live-match .syntheseis .event a {
            color: #fff !important;
            text-decoration: none;
            width: 15px !important;
            clear: both !important;
            padding: 0 4px;
        }

            .live-match .syntheseis .event a:hover {
                text-decoration: none !important;
            }

    .live-match .syntheseis .right .event.green {
        background: url('../_gfx/live-match/detail-green-note-right.png') no-repeat center center;
    }

    .live-match .syntheseis .right .event.red {
        background: url('../_gfx/live-match/detail-red-note-right.png') no-repeat center center;
    }

    .live-match .syntheseis .left .event.green {
        background: url('../_gfx/live-match/detail-green-note-left.png') no-repeat center center;
    }

    .live-match .syntheseis .left .event.red {
        background: url('../_gfx/live-match/detail-red-note-left.png') no-repeat center center;
    }

    .live-match .syntheseis .event.goal {
        background: url('../_gfx/live-match/goal-small.png') no-repeat center left;
    }

    .live-match .syntheseis .event.goal_own {
        background: url('../_gfx/live-match/goal-small-own.png') no-repeat center left !important;
    }

    .live-match .syntheseis .event.goal_penalty {
        background: url('../_gfx/live-match/goal-small-penalty.png') no-repeat center left !important;
    }





    .live-match .syntheseis .left .event.red a {
        float: right;
    }

    .live-match .syntheseis .left .event.green a {
        float: left;
    }

    .live-match .syntheseis .right .event.red a {
        float: left;
        text-align: right;
    }

    .live-match .syntheseis .right .event.green a {
        float: right;
        text-align: right;
    }

    .live-match .syntheseis .event.yellow-card {
        background: url('../_gfx/live-match/yellow-card.jpg') no-repeat center left;
    }

    .live-match .syntheseis .event.red-card {
        background: url('../_gfx/live-match/red-card.jpg') no-repeat center left;
    }

        .live-match .syntheseis .event.yellow-card a, .live-match .syntheseis .event.red-card a, .live-match .syntheseis .event.goal a {
            color: #133f66 !important;
            font-weight: normal !important;
            font-size: 11px;
        }

    .live-match .syntheseis .event.red-card, .live-match .syntheseis .event.yellow-card {
        width: 31px !important;
    }

    .live-match .syntheseis .event.goal, .live-match .syntheseis .event.goal a {
        width: 37px !important;
    }

        .live-match .syntheseis .event.goal, .live-match .syntheseis .event.goal a {
            width: 22px !important;
        }

    .live-match .syntheseis .event.goal {
        padding-left: 16px;
    }

        .live-match .syntheseis .event.goal a {
            text-align: left;
            margin-left: 0 !important;
        }

    .live-match .syntheseis .left .event.goal a {
        text-align: left;
        width: 15px !important;
    }





    .live-match .syntheseis .right .event.red-card a, .live-match .syntheseis .right .event.yellow-card a {
        width: 15px !important;
        margin-right: 0 !important;
    }

    .live-match .syntheseis .right .event.red-card, .live-match .syntheseis .right .event.yellow-card {
    }

        .live-match .syntheseis .right .event.red-card a {
            float: right;
            text-align: right;
        }

        .live-match .syntheseis .right .event.yellow-card a {
            float: right;
            text-align: right;
        }

.live-match .chat {
    background-color: White;
    overflow: visible;
    /*height:350px;*/
    /*overflow-y:scroll;*/
}

    .live-match .chat ul, .live-match .chat ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .live-match .chat ul li img.avatar {
            float: left;
            padding: 5px;
            display: block;
            width: 48px;
            height: 48px;
        }

        .live-match .chat ul li div.text {
            float: left;
            padding: 5px;
            display: block;
            width: 200px;
            font-size: 12px;
        }
/* end of live version 2*/
/* auta ta xrisimopoiw sto contest*/
#ajax-content .loader {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    #ajax-content .loader img {
        display: block;
        margin: 40px auto;
    }
/* os edw*/

.filter select {
    border: 1px solid #ccc;
    padding: 1px 1px 1px 4px;
    font-size: 11px;
    color: #052a56;
    width: 100%;
}

.filter {
    margin-bottom: 20px;
    border-bottom: 1px solid #cfcfcf;
}

    .filter .left {
        padding-bottom: 14px;
        width: 100%;
    }

    .filter .field_name {
        color: #012c54;
        font-weight: bold;
        width: 153px;
    }

    .filter .plus {
        width: 200px;
    }

    .filter .minus {
        width: 80px;
    }

    .filter .date {
        width: 70px;
        border: 1px solid #ccc;
        color: #052A56;
        font-size: 11px;
        padding: 2px 1px 2px 4px;
    }

#ui-datepicker-div .ui-datepicker-header {
    background-color: #badcf4 !important;
    background-image: none !important;
    color: #01325f !important;
    font-family: Arial !important;
    font-weight: bold !important;
    border-width: 0 !important;
}

#ui-datepicker-div .ui-widget-content {
    border-width: 0;
    font-family: Arial;
}

#ui-datepicker-div th span {
    display: block;
    text-align: center;
    color: #9b9b9b;
}

#ui-datepicker-div td span {
    display: block;
    text-align: center;
    background-color: #01325f;
}

    #ui-datepicker-div td span.ui-state-default {
        border: 1px solid #fff;
        color: #fff;
        background-color: #01325f;
        background-image: none;
    }

#ui-datepicker-div td.ui-state-disabled {
    background-color: #badcf4;
    border-width: 0px;
    color: #fff;
}

#ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-focus {
    background-image: none;
    border-width: 0;
    background-color: transparent;
}

#ui-datepicker-div .ui-datepicker-other-month span.ui-state-default {
    background-color: #badcf4;
    border: 1px solid #fff;
    background-image: none;
    color: #fff;
}

#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #01325F;
    color: #fff;
    background-image: none;
    border-width: 0;
}

#ui-datepicker-div .ui-priority-secondary, .ui-widget-content .ui-state-default, .ui-widget-header .ui-priority-secondary {
    background-color: #badcf4;
    border-width: 0px;
    color: #fff;
    background-image: none;
}

#ui-datepicker-div .ui-state-active {
    display: block;
    color: #ffffff;
    background-color: #146aa7;
    background-image: none;
    text-align: center;
    border-width: 0;
}

.filter .contactform .lightbluebutton {
    padding: 0 10px;
}

/* OBSERVER REPORTS ::::::::: START ::::::::: */

/* COMMON: START */
.ulClear, .stepsTabing {
    margin: 0;
    padding: 0;
    list-style: none;
}

.spacer5 {
    height: 5px;
}

.spacer10 {
    height: 10px;
}

.spacer15 {
    height: 15px;
}

.spacer20 {
    height: 20px;
}

.spacer50 {
    height: 50px;
}

.font12 {
    font-size: 12px;
}

.padding10 {
    padding: 10px;
}

.fontNormal {
    font-weight: normal !important;
}


.ObsReports textarea {
    font-family: Arial, sans-serif;
    font-size: 12px;
    border: 1px solid #CCC;
    background: #fff;
    width: 100%;
    resize: none;
    overflow: auto;
    margin: 0;
    padding: 0;
}

.ObsReports a {
    color: #012C54;
}

    .ObsReports a:hover {
        color: #3694cc;
    }


.noBg {
    background: none !important;
}

.floatBreak {
    clear: both;
}


.headLine {
    color: #02315b;
    font-size: 16px;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.ObsReports sup {
    display: inline-block;
    margin-top: -6px;
    font-size: 9px;
}

.tableBrightBg td, .withBrightBg {
    background: url(../_gfx/bright_texture.png);
}

.tableBrightBg, .inputDisabled, .ObsReports input[type="text"], .ObsReports select {
    color: #012C54;
}

    .lightBlugBg, .tableBrightBg td.lightBlugBg {
        background: #D7E0EA;
    }

.defLabel, .dblue, .tblCaption {
    color: #012C54;
}

.defLabel {
    font-weight: bold;
    padding: 0 5px;
}

.disabledLbl {
    cursor: default;
}

.inputTxt {
    padding: 2px;
    background: #FFF;
    border: 1px solid #CCC;
}

.inputTiny {
    width: 15px;
    text-align: center;
}

.inputMedium {
    width: 120px;
}

.inputLarge {
    width: 200px;
}

body .ObsReports .errorvalid, body .xwrosDiap .errorvalid {
    background-color: #FF370E;
    border-color: #333;
    color: #fff;
}

.inputDisabled {
    background: #E7E7E7;
    border: 1px solid #CCC;
}

.defFormTdPad {
    padding: 4px 0 4px 15px;
}

fieldset.validationGroup {
    border: 0;
    margin: 0;
    padding: 0;
}

.borderLeftWhite {
    border-left: 1px solid #fff;
}

.borderBottomWhite {
    border-bottom: 1px solid #fff;
}

.tableEqCol {
    table-layout: fixed;
}

    .tableEqCol th, .tableEqCol td {
        overflow: hidden;
    }

.txtAreaWrap {
    padding: 10px;
}

    .txtAreaWrap .defLabel {
        padding-bottom: 5px;
    }

    .txtAreaWrap textarea {
        display: block;
    }

.tblCaption {
    background: #DFEAF6;
    position: relative;
    padding: 8px 8px 8px 60px;
    font-size: 12px;
    text-align: left;
}

    .tblCaption .num {
        position: absolute;
        left: 10px;
        top: 5px;
        font-size: 35px;
        font-weight: bold;
        color: #fff;
    }

    .tblCaption .insForm {
        padding: 10px 0 0 0;
    }

.addRow {
    display: inline-block;
    padding: 0 0 0 27px;
    background: url(../_gfx/reports/addRow.png) no-repeat;
    line-height: 18px;
    font-size: 12px;
}

.removeRowWrap {
}

.removeRow {
    float: right;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../_gfx/reports/removeRow.png) no-repeat;
}

/* REMOVE IE9 FILTERS */
:root .status {
    filter: none !important \0/IE9;
}

.darkBlueGradLnk, .lightBlueGradLnk, .disabledLnk, .lightBlueGradLnkRightArrow, .btnPreloader, .darkGreyGradLnk, .redGradLnk {
    display: inline-block;
    padding: 5px 15px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
    font-size: 1.1em;
    font-weight: bold;
}

    .darkBlueGradLnk:hover, .lightBlueGradLnk:hover, .lightBlueGradLnkRightArrow:hover, .darkGreyGradLnk:hover {
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
        box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    }

.darkBlueGradLnk {
    background: #1369A8 url(../_gfx/reports/darkBlueGradLnk.png) 0 0 repeat-x;
}

.lightBlueGradLnk {
    background: #4BA5DC url(../_gfx/reports/lightBlueGradLnk.png) 0 0 repeat-x;
}

.redGradLnk {
    background: red;
}

.disabledLnk {
    cursor: default;
    background: #E8E8E8 url(../_gfx/reports/disabledLnk.png) 0 0 repeat-x;
}

.lightBlueGradLnkRightArrow {
    padding-right: 30px;
    background: #4BA5DC url(../_gfx/reports/lightBlueGradLnkRightArrow.png) 100% 0 repeat-x;
}

.btnPreloader {
    padding: 0;
    cursor: none;
    background: #11609B;
}

.darkGreyGradLnk {
    background: #525353 url(../_gfx/reports/darkGreyGradLnk.png) 0 0 repeat-x;
}
/* COMMON: END */

/* stepsTabing: START */
.stepsTabingWrap {
    padding: 12px 0 0 0;
}

.stepsTabing {
    height: 29px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #D5EAFB url(../_gfx/reports/stepsTabing.jpg) 0 0 no-repeat;
    font-size: 1.1em;
    font-weight: bold;
    color: #808080;
    line-height: 29px;
    margin-bottom: 20px;
}

    .stepsTabing li {
        float: left;
        width: 131px;
        text-align: center;
        background: 0 0 no-repeat;
    }

        .stepsTabing li.first {
            width: 120px;
        }

        .stepsTabing li.last {
            width: 132px;
        }

        .stepsTabing li.active {
            color: #002040;
            width: 142px;
            background-image: url(../_gfx/reports/stepsTabingActCenter.png);
        }

        .stepsTabing li.first.active {
            width: 131px;
            background-image: url(../_gfx/reports/stepsTabingActFirst.png);
        }

        .stepsTabing li.last.active {
            width: 143px;
            background-image: url(../_gfx/reports/stepsTabingActLast.png);
        }

        .stepsTabing li a {
            color: #002040;
            text-decoration: none;
        }

            .stepsTabing li a:hover {
                text-decoration: underline;
            }
/* stepsTabing: END */

/* ekthesiHeadTop: START */
.ekthesiHeadTop {
    position: relative;
    padding: 10px 23px;
    background: url(../_gfx/bright_texture.png);
    border-bottom: 2px solid #CFCFCF;
}

.status {
    display: inline-block;
    padding: 3px 18px;
    font-size: 1.1em;
    color: #545454;
    font-weight: bold;
    border-top: 2px solid #EFF1F4;
    border-bottom: 2px solid #B9C1C7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #dde4eb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZTRlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWQ0ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dde4eb 0%, #cad4dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde4eb), color-stop(100%,#cad4dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dde4eb 0%,#cad4dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dde4eb 0%,#cad4dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dde4eb 0%,#cad4dc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dde4eb 0%,#cad4dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde4eb', endColorstr='#cad4dc',GradientType=0 ); /* IE6-8 */
}

    .status li {
        display: inline;
        margin-left: 20px;
    }

        .status li:first-child {
            margin-left: 0;
        }

        .status li em {
            font-size: 15px;
            font-style: normal;
        }

.status_ekth em {
    color: #012C54;
}

.status_pend em {
    color: #FF370E;
}

.ekthesiHeadTop .rightBtns {
    position: absolute;
    right: 18px;
    top: 11px;
}
/* reportsHeadTop: END */

.groupHead {
    position: relative;
    padding: 8px 20px;
    margin: 0;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    background: #00335E url(../_gfx/reports/groupHead.gif) 0 50% repeat-x;
}

.printPad .groupHead {
    background: #00335E;
}


@media print {
    .groupHead {
    }
}


.groupHead .groupHeadArrowBottom {
    position: absolute;
    left: 20px;
    bottom: -4px;
    width: 7px;
    height: 4px;
    background: url(../_gfx/reports/groupHeadArrowBottom.png) no-repeat;
}

.groupHead .groupHeadArrowRight {
    position: absolute;
    right: -7px;
    top: 9px;
    width: 8px;
    height: 14px;
    background: url(../_gfx/reports/groupHeadArrowRight.png) no-repeat;
}

.groupHead i {
    font-weight: normal;
    font-style: normal;
}


/* reportList: START */
.reportListWrap {
    padding: 20px 0 25px 0;
}

.reportList {
    width: 100%;
}

    .reportList td {
        padding: 5px 1px 4px 1px;
        border-bottom: 1px solid #E9E9E9;
        font-size: 13px;
        color: #484848;
    }

        .reportList td.col_2 {
            width: 280px;
        }

        .reportList td.col_2a {
            width: 220px;
        }

        .reportList td.col_3 {
            width: 180px;
        }

        .reportList td.col_3a {
            width: 300px;
        }

        .reportList td.col_3, .reportList td.col_3a, .reportList td.col_4 {
            text-align: center;
        }

        .reportList td.col_5, .reportList td.col_6, .reportList td.col_7 {
            width: 70px;
        }

    .reportList .contrls {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
        margin: 0 5px;
    }

    .reportList .pendingRow td {
        font-weight: bold;
    }
/* reportList: END */

/* reportFilters: START */
.reportFilters {
    width: 100%;
    border-collapse: collapse;
}

    .reportFilters td {
        padding: 5px 3px 4px 3px;
        font-size: 13px;
        color: #484848;
    }

        .reportFilters td.col_1 {
            width: 280px;
        }

        .reportFilters td.col_2 {
            width: 180px;
        }

        .reportFilters td select {
            width: 100%;
            margin: 0;
            padding: 0;
        }
/* reportFilters: END */

/*tableGrades: START*/
.tableGrades {
}

    .tableGrades thead td {
        vertical-align: bottom;
    }

    .tableGrades td {
        border-bottom: 1px solid #fff;
        padding: 2px 5px;
    }

        .tableGrades td.referee {
            width: 200px;
            background: #9B9B9B;
        }

            .tableGrades td.referee strong, .tableGrades td.partrisis strong {
                font-weight: bold;
                font-size: 12px;
                color: #fff;
                padding-left: 10px;
                text-transform: uppercase;
            }

        .tableGrades td.partrisis {
            background: #11609B;
        }

    .tableGrades .partrisisRow td {
        border-bottom: none;
        border-top: 5px solid #fff;
    }

    .tableGrades .notesTd {
        color: #707070;
    }

    .tableGrades .aster {
        color: #00335E;
        font-size: 12px;
        font-weight: bold;
    }
/*tableGrades: END*/

/* tblReplcments: START */
.tblReplcments {
    width: 100%;
    font-size: 12px;
}

    .tblReplcments thead th {
        padding: 7px;
        background: #9B9B9B;
        color: #fff;
        font-weight: bold;
        border-bottom: 1px solid #fff;
    }

        .tblReplcments thead th:first-child {
            border-right: 1px solid #fff;
        }

    .tblReplcments thead td {
        background: #D7E0EA;
        font-weight: bold;
        color: #012C54;
    }

    .tblReplcments td {
        vertical-align: top;
        border-top: 1px solid #fff;
    }

    .tblReplcments td {
        padding: 5px;
        background: url(../_gfx/bright_texture.png);
        text-align: center;
    }

        .tblReplcments td.col_1, .tblReplcments td.col_4 {
            padding-left: 60px;
        }

        .tblReplcments td.col_3, .tblReplcments td.col_6 {
            padding-right: 60px;
        }

        .tblReplcments td.col_3 {
            border-right: 1px solid #9B9B9B;
        }
/* tblReplcments: END */

/* tbl3RadioLst: START */
.tbl3RadioLst {
}

    .tbl3RadioLst td.singleCol {
        text-align: left;
        padding: 10px 10px 10px 15px;
    }

    .tbl3RadioLst tbody td {
        padding: 3px;
        text-align: center;
        color: #5D5D5D;
        font-size: 12px;
    }

    .tbl3RadioLst .altrow td {
        background: #F5F5F5;
    }

    .tbl3RadioLst td.col_1 {
        width: 20px;
        padding-left: 20px;
    }

    .tbl3RadioLst td.col_2 {
        width: 90px;
    }

    .tbl3RadioLst td.col_3 {
        width: 20px;
        padding-right: 40px;
    }

    .tbl3RadioLst td.col_4 {
        padding-right: 30px;
        text-align: left;
    }

    .tbl3RadioLst tr.bottomRow td .defLabel {
        font-weight: normal;
    }
/* tbl3RadioLst: END */

/* bottomNotes: START */
.bottomNotes {
}

.valtionScaleWrap {
    width: 570px;
    float: left;
}

.valtionScale {
    border-bottom: 1px solid #9B9B9B;
}

    .valtionScale td {
        padding: 4px 15px;
        font-size: 12px;
        color: #5D5D5D;
        vertical-align: top;
        border-top: 1px solid #D2D7DB;
        border-right: 1px solid #9B9B9B;
    }

    .valtionScale tbody tr:first-child td {
        border-top: none;
    }

    .valtionScale td.col_1 {
        border-left: 1px solid #9B9B9B;
        border-right-color: #D2D7DB;
        width: 45px;
    }

    .valtionScale .altrow td {
        background: #F2F4F6;
    }

    .valtionScale .emph td {
        font-weight: bold;
    }

    .valtionScale thead td {
        background: #BCCEE0;
        border: 1px solid #BCCEE0;
        text-align: left;
        color: #012C54;
        font-weight: bold;
    }

    .valtionScale td .scaleNums {
    }

.difftlyDegrWrap {
    width: 330px;
    float: right;
}

.difftlyDegr td.col_1 {
    border-right: none;
    vertical-align: middle;
}

.difftlyDegr td.notesTd {
    border-left: 1px solid #9B9B9B;
    border-right: 1px solid #9B9B9B;
    background: #E4EBF3;
    color: #012C54;
}
/* bottomNotes: END */

/* bottomCntrl */
.bottomCntrl {
    padding: 10px;
    text-align: center;
    background: url(../_gfx/bright_texture.png);
}

.btnWrap {
    padding: 10px 0;
    text-align: center;
}

.formErrors {
    color: #FF370E;
    text-align: center;
    font-size: 12px;
}


/* OBSERVER REPORTS ::::::::: END ::::::::: */

/* SITEMAP : START */

.sitemap {
    border-top: 1px solid #EDEDED;
    margin-top: 15px;
}

    .sitemap .leftCol {
        float: left;
        width: 453px;
    }

    .sitemap .rightCol {
        float: right;
        width: 453px;
    }

.artSitemap .artSMHead {
    padding: 8px 20px;
    margin: 15px 0 0 0;
    font-size: 18px;
    font-weight: normal;
    color: #133F66;
    background: url(../_gfx/bright_texture.png);
}

    .artSitemap .artSMHead a {
        color: #133F66;
        text-decoration: none;
    }

        .artSitemap .artSMHead a:hover {
            text-decoration: underline;
        }

.artSitemap .txt {
    padding: 15px 20px 5px 20px;
}

.artSitemap .artSMSubHead, .artSitemap .artSMSubHead a {
    font-weight: bold;
    font-size: 14px;
    color: #329BDF;
    margin: 0 0 5px 0;
    padding: 0;
    text-decoration: none;
}

    .artSitemap .artSMSubHead a:hover {
        text-decoration: underline;
    }

.artSitemap ul {
    margin: 0;
    padding: 0;
    margin-left: 15px;
    color: #419bd5;
    list-style-type: disc;
    font-size: 13px;
}

.artSitemap li a {
    font-weight: normal;
    color: #484848;
    text-decoration: none;
}

    .artSitemap li a:hover {
        color: #484848;
        text-decoration: underline;
    }


/* SITEMAP : END */

/* XWROS DIAPISTEFSIS: START */
.xwrosDiap {
}

    .xwrosDiap .inner_menu ul {
        background: url(../_gfx/xwrosDiap/inner_menuUlBg.png) repeat-x;
    }

    .xwrosDiap .mainTxt, .xwrosDiap p.mainTxt p {
        font-size: 12px;
        color: #012C54;
        margin-bottom: 20px;
    }

    .xwrosDiap .btnWrap {
        text-align: right;
    }

        .xwrosDiap .btnWrap .btnPreloader {
            text-align: center;
        }

    .xwrosDiap .formErrors {
        border-bottom: 1px solid #ccc;
        padding-bottom: 8px;
    }

.noborder {
    border: none !important;
}

.tableReg .inputTxt, .tableMembers .inputTxt, .tablePickMember .inputTxt {
    width: 95%;
}

.tableReg select, .tableMembers select, .tablePickMember select {
    width: 100%;
}

/*tableReg */
.tableReg {
    width: 100%;
}

    .tableReg td {
        padding: 4px 10px;
        background: url(../_gfx/xwrosDiap/dark_texture.png);
        vertical-align: top;
    }

        .tableReg td.leftSeperator {
            border-left: 2px solid #fff;
        }

    .tableReg .defLabel {
        display: block;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .tableReg .inputTxt {
        width: 95%;
    }

    .tableReg select {
        width: 100%;
    }

.TDGreyBlueBg td, .greyBludBg {
    background: #D7E0EA;
}


/* activeList */
.activeList {
    width: 100%;
}

    .activeList .topRow {
    }

    .activeList .bottomRow {
    }

    .activeList .lineRow td {
        background: #033968;
        padding: 0;
        line-height: 2px;
    }

    .activeList td {
        text-align: center;
        border-left: 2px solid #fff;
        padding: 5px;
    }

        .activeList td:first-child {
            border: none;
        }

    .activeList .topRow td {
        background: url(../_gfx/bright_texture.png);
        color: #012C54;
        font-weight: bold;
    }

    .activeList .bottomRow td {
        background: url(../_gfx/xwrosDiap/dark_texture.png);
        color: #000;
        font-size: 13px;
        font-weight: bold;
    }

    .activeList .td_1 {
        width: 240px;
    }

    .activeList .td_2 {
        width: 150px;
    }

    .activeList .td_3 {
        width: 120px;
    }

    .activeList .td_4 {
        width: 120px;
    }

    .activeList .td_5 {
        width: 100px;
    }

    .activeList .td_6 {
        width: 85px;
    }

    .activeList .btnWrap {
        position: relative;
        margin: 0 5px;
    }

        .activeList .btnWrap a {
            position: absolute;
            left: 0;
            top: 2px;
            padding: 5px;
            min-width: 84px;
            text-align: center;
        }

    .activeList td.approved {
        background: #35C7A0;
    }

    .activeList td.pending {
        background: #F5F725;
    }

/* members */
.membersCompanyHead {
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #012C54;
}

.tableMembers {
    width: 100%;
}

.rowForCloning {
    display: none;
}

.tableMembers td {
    padding: 5px 20px;
    background: url(../_gfx/bright_texture.png);
    vertical-align: top;
    border-left: 2px solid #fff;
    border-top: 5px solid #fff;
}

    .tableMembers td:first-child {
        border-left: none;
    }

.tableMembers .td_1 {
    width: 180px;
}

.tableMembers .td_2 {
    width: 180px;
    border-left: none;
}

.tableMembers .td_3 {
    width: 130px;
}

.tableMembers .td_4 {
    width: 180px;
}

.tableMembers .td_5 {
    vertical-align: middle;
}

.tableMembers .defLabel {
    display: block;
    padding-bottom: 5px;
    padding-left: 0;
}

.tableMembers .inputTxt {
    width: 95%;
}

.tableMembers select {
    width: 100%;
}

.removeRowAlt {
    float: none;
    display: block;
    width: auto;
    height: auto;
    background: url(../_gfx/xwrosDiap/removeRow.png) 100% 50% no-repeat;
    text-decoration: none;
}

    .removeRowAlt span {
        display: block;
        text-align: center;
        padding-right: 30px;
        font-weight: bold;
        color: #012C54;
    }

.addRowAlt {
    display: inline-block;
    padding: 5px 8px 5px 5px;
    background: #1368A6 url(../_gfx/reports/darkBlueGradLnk.png) repeat-x;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/* tablePickMember */
.tablePickMember {
}


    .tablePickMember .td_4 {
        width: auto;
    }

    .tablePickMember .rowClone td {
        padding: 8px 15px 5px 15px;
        vertical-align: top;
        background: url(../_gfx/bright_texture.png);
        text-align: left;
        border-top: 5px solid #fff;
    }

    .tablePickMember .rowClone:first-child td {
        border-top: none;
    }

    .tablePickMember .rowClone td.removeRowTd {
        vertical-align: middle;
    }

    .tablePickMember .rowClone .defLabel {
        display: block;
        padding-left: 0;
        padding-bottom: 5px;
    }

    .tablePickMember .zonesWrap {
        text-align: left;
    }

.zones {
    position: relative;
    padding: 0px 0;
}

.zoneTxt {
    position: absolute;
    left: 0;
    top: 0px;
    color: #012C54;
}

.zones .zoneCol {
    float: left;
    margin-left: 40px;
}

.zones .col {
    float: left;
    width: 35px;
    padding: 0;
    border: none;
    color: #012C54;
    line-height: 17px;
}

    .zones .col .defLabel {
        padding: 0;
        float: left;
        padding-right: 5px;
    }

    .zones .col input {
        margin: 0;
        float: left;
        display: block;
    }

/* XWROS DIAPISTEFSIS: END */