/* Datatable General */
.dataTable {
    width: 100%;
    clear: both;
    table-layout: fixed;
    font-size:12px;
    padding-top: 2px;
}

.dataTable th {
    color:#FFFFFF;
    font-weight: bold;
    padding: 10px 5px;
    background-color: #0084C1;
}

.bookmark_col {position: relative;}

.dataTable th.ns_project-details, .dataTable th.ns_contest-detail {padding: 10px 18px;}

.dataTable th.ns_bid p {margin-left:15px}
.dataTable th.ns_avg p {margin-left:13px}
.dataTable th.ns_end p {margin-left:20px}
.dataTable th.ns_started p {margin-left:16px}
.dataTable thead th p {padding:0 !important}
.dataTable thead th span, .dataTable thead th p {float:left}
    .dataTable thead th span.ns_smallest {float:none}
.dataTable thead th span.ns_arrow-downW {float:left;}

.dataTable th.ns_first {
    padding-left:25px !important;
    text-align:left;
}

.dataTable td.ns_project-details, .dataTable td.ns_contest-detail {
    padding:10px 18px;
    text-align:left;
    position:relative;
}

.dataTable td.ns_project-details .title a{color: black;}
.dataTable #project_name_h2_wrapper{font-size: 12px;color: black;}

.dataTable thead tr th:first-child {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -o-border-radius-topleft: 10px;
    -o-border-top-left-radius: 10px;
    -ms-border-radius-topleft: 10px;
    -ms-border-top-left-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    -khtml-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}

.dataTable thead tr th:last-child { /* last-child supported in IE9, FF>3, Saf>4, Ch>4, Op>10.10 */
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -o-border-radius-topright: 10px;
    -o-border-top-right-radius: 10px;
    -ms-border-radius-topright: 10px;
    -ms-border-top-right-radius: 10px;
    -khtml-border-radius-topright: 10px;
    -khtml-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

.dataTable td { padding: 15px 5px; border-top:1px dotted #CCC; vertical-align: top; font-size:12px; word-wrap:break-word;}
    .dataTable td span {margin: 0 auto}

/* DataTable TR Hover */
.dataTable td.ns_project-details, .dataTable td.ns_contest-detail {font-size:12px !important}
    .dataTable td.ns_project-details p, .dataTable td.ns_contest-detail p {padding:0 !important;}
    .dataTable td ul {padding:0 !important; margin:0 !important;}
    .dataTable td .ns_verify {margin-top:8px !important}
        .dataTable td .ns_verify li {margin-right:3px !important; margin-bottom:0 !important}

.dataTable td.right { text-align: right; }
.dataTable tbody tr { height: 35px; position:relative }

/* FEatured Listing */
.dataTable tr.featured td.ns_project-details .title {margin-top:5px; position:relative}

/* Row Colouring */
.dataTable tr.odd { background-color: #FFF; }
.dataTable tr.even { background-color: #F8F8F8; }
.dataTable tr.bid, .dataTable tr.featured.bid { background-color: #eeffd3 !important;}
.dataTable tr.highlight {background-color: #ffeee0 !important;}
.dataTable tr.fulltime, .dataTable tr.fulltime {background-color: #fff3e0 !important; }
/* Hover highlight should be defined on the page if desired: */
/* .dataTable > tbody > tr:hover { background-color: #79BDE7; } */

/* Datatables generated blocks */
.dataTables_wrapper input, select {
    padding: 4px;
    border: 1px solid #AAA;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* .dataTables_wrapper input:hover { background-color: #CCC; } */
.dataTables_wrapper {
    position: relative;
}

.dataTables_wrapper:after {
    /* Clears the floating infobox and pagination boxes */
    display: block;
    content: "";
    clear: both;
}

.dataTables_length {
    margin-bottom: 5px;
    float: left;
}

.dataTables_length select { width: 60px; }
.dataTables_filter {
    margin-bottom: 5px;
    float: right;
    text-align: right;
}

.dataTables_filter input { width: 210px; }
.dataTables_processing {
    display: block;
    position: absolute;
    left: 0px; /* IE7 */
    width: 100%;
    height: 100%;
    background: transparent url("https://cdn6.f-cdn.com/img/loading_white_matte.gif?v=bb0b2f7599c07c03819b1885b6ae5a45&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884") no-repeat center 50px;
    z-index: 10;
}

.dataTables_info {
    margin-top: 10px;
    padding-left: 10px;
    height: 22px;
    float: left;
}

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

.dataTables_paginate {
    margin: 10px 10px 7px 0;
    height: 25px;
    line-height: 25px; /* for IE7 */
    float: right;
    text-align: right;
    padding-right: 10px;
}

.dataTables_paginate div {
    display: inline-block;
    width: 26px;
    height: 25px;
}
.dataTables_paginate div.paginate_disabled_next, .dataTables_paginate div.paginate_enabled_next {
    width: 27px;
}

.datatable_tab.active {
    background-color: #0084C1;
}

.datatable_tab {
    margin-top:10px;
    width: 110px;
    height: 25px;
    text-align: center;
    float: left;
    cursor: pointer;
    font-weight: bold;
    z-index: 2;
    position: relative;
    background-color: #7FC2E7;
    color: white;
    padding: 13px 10px 0px 10px;
    font-size: 12px;
    margin-right: 5px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -o-border-radius-topleft: 10px;
    -o-border-top-left-radius: 10px;
    -ms-border-radius-topleft: 10px;
    -ms-border-top-left-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    -khtml-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -o-border-radius-topright: 10px;
    -o-border-top-right-radius: 10px;
    -ms-border-radius-topright: 10px;
    -ms-border-top-right-radius: 10px;
    -khtml-border-radius-topright: 10px;
    -khtml-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

    /* Simple paging */
.paginate_enabled_previous { background: url("https://cdn5.f-cdn.com/img/back.gif?v=0826562d9f1a8e103661bb2634297e62&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884") no-repeat; }
.paginate_disabled_previous { background: url("https://cdn2.f-cdn.com/img/back_dis.gif?v=0c399a0501de3c8f422ffd1399712354&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884") no-repeat; }
.paginate_enabled_next { background: url("https://cdn5.f-cdn.com/img/go.gif?v=e2e923088cadabccf00f813f2d891fb7&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884") no-repeat; }
.paginate_disabled_next { background: url("https://cdn2.f-cdn.com/img/go_dis.gif?v=8ae1c0d291e58f1678fec4cab8e6232a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884") no-repeat; }

/* Numbered paging */
.paging_full_numbers span.paginate_button, span.paginate_active {
    border: 1px solid #AAA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
}


.paging_full_numbers span.paginate_button { background-color: #DDD; }
.paging_full_numbers span.paginate_button:hover { background-color: #CCC; }
.paging_full_numbers span.paginate_active { background-color: #99B3FF; }

/* DataTables Sorting */
.sorting { cursor: pointer; }
.sorting_asc {
    cursor: pointer;
    background: url("https://cdn2.f-cdn.com/img/arr_asc.png?v=98f91854ced297aa0454fd4461d6dcf7&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884") no-repeat;
    background-position: 90% 50%;
    background-color: #009BD7; /* IE7 */
}

.sorting_desc {
    cursor: pointer;
    background: url("https://cdn5.f-cdn.com/img/arr_desc.png?v=4ec2268a380332069818ece9e9236399&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884") no-repeat;
    background-position: 90% 50%;
    background-color: #009BD7; /* IE7 */
}

.sorting:hover { text-decoration: underline; }
.sorting_asc:hover { text-decoration: underline; }
.sorting_desc:hover { text-decoration: underline; }

/* Misc */
.dataTables_empty {    text-align: center; }
.dataTables_wrapper .clear { clear: both; }

/* Contest Table */
#contest_table td.price, #contest_table_static td.price, #featured_contests_table td.price, #latest_contests_table td.price {color:#00a600; font-weight:bold}
#contest_table .price .ns_contest-guaranteed, #contest_table_static .price .ns_contest-guaranteed, #featured_contests_table .price .ns_contest-guaranteed, #latest_contests_table .price .ns_contest-guaranteed {margin:3px 0 0 8px; }
#contest_table .ns_thumb, #contest_table_static .ns_thumb, #featured_contests_table .ns_thumb, #latest_contests_table .ns_thumb { background: #fff; border: 1px solid #CCCCCC; float: left; height: 53px; margin-right: 20px; overflow: hidden; padding: 0; width: 80px; }

#contest_table .ns_thumb, #featured_contests_table .ns_thumb, #latest_contests_table .ns_thumb {float:left}
#contest_table td.ns_contest-detail .ns_left, #featured_contests_table td.ns_contest-detail .ns_left, #latest_contests_table td.ns_contest-detail .ns_left {margin-top:8px; width:300px}
    #contest_table td.ns_contest-detail .ns_left a, #featured_contests_table td.ns_contest-detail .ns_left a, #latest_contests_table td.ns_contest-detail .ns_left a {margin-bottom:2px}
#contest_table td, #featured_contests_table td, #latest_contests_table td {vertical-align: middle}

#contest_table tr.highlight, #contest_table_static tr.highlight, #contest_table tr.highlight.featured, #featured_contests_table tr.highlight, #latest_contests_table tr.highlight { background: #fff5da !important; }
.ns_thumb img { margin-right:15px; }
.project_title, .title {position:relative; }
#contest_table .project_descr, #featured_contests_table .project_descr, #latest_contests_table .project_descr { margin-left: 102px; }
#contest_table .contest_descr, #featured_contests_table .contest_descr, #latest_contests_table .contest_descr { margin-left: 105px; word-wrap: break-word; -ms-word-wrap: break-word; }
#contest_table td.ns_contest-detail, #featured_contests_table td.ns_contest-detail, #featured_contests_table td.ns_contest-detail {position:relative}
    td.ns_contest-detail .ns_featured-icon {position:absolute; left: -22px; top: -16px; }

.dataTables_wrapper .project_tab {margin-left:15px}
.dataTables_wrapper .job-list_length {margin-left:15px}

/* Hovers */
.dataTable tbody tr.hover { background-color: #edf9ff!important; border:1px solid #6abce2}
.dataTable tbody tr.hover.bid { background-color: #edf9ff!important; border:1px solid #6abce2}
.dataTable tbody tr.hover.feature.bid { background-color: #edf9ff!important; border:1px solid #6abce2}
.dataTable tbody tr div.hover { font-weight: bold }

.dataTable a.hiddenlink, .dataTables_paginate a.hiddenlink {color: black!important}
.dataTable a.hiddenlink:hover {text-decoration: underline}


/* Selected */
.dataTable tbody tr.ns_selected { background-color: #ABDCF6!important; }
.dataTable tbody tr.ns_selected:hover { background-color: #ABDCF6!important; }
.dataTable tbody tr.ns_selected.hover { background-color: #ABDCF6!important; }

/* Icons */
span.bid-icon {background:url(https://cdn3.f-cdn.com/img/sprite-table.png?2=&amp%3Bv=da750b87b51551940535b7ecb25f6c4a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) 0px 0px no-repeat; width: 46px; height: 16px; display:block;}
span.sealed-icon {background:url(https://cdn3.f-cdn.com/img/sprite-table.png?2=&amp%3Bv=da750b87b51551940535b7ecb25f6c4a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) 0px -23px no-repeat; width: 47px; height: 16px; display:block;}
span.fulltime-icon {background:url(https://cdn3.f-cdn.com/img/sprite-table.png?2=&amp%3Bv=da750b87b51551940535b7ecb25f6c4a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) 0px -46px no-repeat; width: 59px; height: 16px; display:block}
a.ns_bookmark {background:url(https://cdn3.f-cdn.com/img/sprite-icons.png?46=&amp%3Bv=d5abe806b7a1349737961757737b963a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) no-repeat; width: 17px; height: 21px; display:block; cursor:pointer; margin-top:-15px; margin-bottom: 10px;}
    a.ns_bookmark.ns_selected {background-position: 0px -8238px}
    a:hover.ns_bookmark.ns_selected{background-position: -30px -8238px}
    a.ns_bookmark{background-position: 0px -8206px}
    a:hover.ns_bookmark{background-position: -30px -8206px}

    /* Urgent & Featured & prepaid */
    ul.ns_tab-icons {position:absolute; left: -15px; top: -20px; list-style:none; margin:0px; padding:0px; display:inline; width:200px;}
        ul.ns_tab-icons li {height:19px; position:relative; list-style:none; background: url(https://cdn3.f-cdn.com/img/sprite-table.png?v=da750b87b51551940535b7ecb25f6c4a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) no-repeat; float:left; margin-left:-9px !important;z-index:1;}
            ul.ns_tab-icons li.ns_featured-icon { background-position: 0px -194px; width: 68px;}
            ul.ns_tab-icons li.ns_urgent-icon { background-position: 0px -173px; width: 60px;}
            ul.ns_tab-icons li.ns_prepaid-icon { background-position: 0px -215px; width: 58px;}
            ul.ns_tab-icons li.ns_qualified-icon { background-position: 0px -235px; width: 70px;}

            /*appended list*/
            ul.ns_tab-icons li.ns_featured-icon.ns_append, ul.ns_tab-icons li.ns_urgent-icon.ns_append, ul.ns_tab-icons li.ns_prepaid-icon.ns_append, ul.ns_tab-icons li.ns_qualified-icon.ns_append { height: 15px; }

    /* Contest Featured Icon */
    .dataTable tr.featured .ns_tab-icons .ns_featured-icon {left: 0; top: 0px;}
        .dataTable tr.featured .ns_contest-detail {padding-top:15px;}

    .completed_contests h1 {margin-left: 13px;}
    .complete_contests_table #contest_table tr.featured .ns_featured-icon {left: 15px;}
    .complete_contests_table {margin: 0px 15px 0px 15px; width: 96%;}

/*
        .ns_featured-icon {background:url(https://cdn3.f-cdn.com/img/sprite-table.png?2=&amp%3Bv=da750b87b51551940535b7ecb25f6c4a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) 0px -194px no-repeat !important; width: 70px !important; height: 17px !important; display:block; position:absolute; top: -20px; left: -21px;}
        .ns_urgent-icon {background:url(https://cdn3.f-cdn.com/img/sprite-table.png?2=&amp%3Bv=da750b87b51551940535b7ecb25f6c4a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) 0px -173px no-repeat !important; width: 58px !important; height: 17px !important; display:block; position:absolute; top: -20px; left: -21px;}
        .ns_featured-urgent-icon {background:url(https://cdn3.f-cdn.com/img/sprite-table.png?2=&amp%3Bv=da750b87b51551940535b7ecb25f6c4a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) 0px -198px no-repeat !important; width: 124px !important; height: 17px !important; display:block; position:absolute; top: -20px; left: -21px;}
        .ns_urgent-featured-prepaid.ns_tab-icons { background-position: -26px -310px; width: 175px; }
        .ns_urgent-prepaid.ns_tab-icons { background-position: 0px -219px; width: 175px; }
        .ns_featured-prepaid.ns_tab-icons { background-position: -81px -350px; width: 119px; }
        .ns_featured-qualified.ns_tab-icons { background-position: -81px -350px; width: 119px; }
        .ns_prepaid.ns_tab-icons { background-position: -146px -371px; width: 54px; }

*/


/* xp bonus */
.dataTable .ns_bubble-xp {
    margin-left: -30px;
    text-align: center;
}

span.ns_blue-arrow.ns_down {background: url(https://cdn3.f-cdn.com/img/sprite-icons.png?46=&amp%3Bv=d5abe806b7a1349737961757737b963a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) -39px -4677px no-repeat; height:10px; width:9px; display:inline-block }
        span.ns_blue-arrow {background: url(https://cdn3.f-cdn.com/img/sprite-icons.png?46=&amp%3Bv=d5abe806b7a1349737961757737b963a&amp%3Bm=6&amp%3BbuildVersion=3da94a3cb84e54c1bbf745ce36c0f028f69ac884) no-repeat; width:6px; height:7px; display:inline-block}

.ns_btn.ns_actions {background:#FFF; border:1px solid #cccccc; width:38px; height:23px; padding:0 !important; float:right}
        .ns_btn.ns_actions .ns_blue-arrow.ns_tiny.ns_down {float:left}
            .ns_btn.ns_actions .ns_blue-arrow.ns_tiny.ns_down {margin-top:15px !important; display: block !important}

    .ns_action-wrap {position: relative}
    ul.ns_actions {list-style: none!important; padding:0 !important; margin:0!important; background:#FFF; position:absolute; min-width:120px; border:1px solid #CCC; right: 10px; top: 22px; z-index:10}
        ul.ns_actions .ns_pad {padding: 5px 10px !important}
            .ns_action-wrap  ul.ns_actions li {cursor: pointer; text-align:left !important}
            .ns_action-wrap  ul.ns_actions li:hover {background:#ebf7ff}
            .ns_action-wrap .ns_blue-arrow {margin-top:9px;}

input.milestone-amount {
    background: white;
}

input.milestone-amount:focus {
    position: static;
}
