* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    margin-top: 0px;
    height: 100%;
    font-family: Arial;
    font-size: 0.7em;
    background: #f0f0f0 url(images/bg_body.jpg) repeat-x top left;
}

.container {
    width: 985px;
    min-height: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #dadada;
}

.contentPadder {
    padding-left: 10px;
    padding-right: 10px;
}

.contentPadderT {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

h1 {
    font-family: Arial;
    font-size: 1.8em;
    margin-top: 0px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
}

h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
}

    h2.bg {
        background-color: #ededed;
        color: #000;
        border: 0px;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 3px 3px 3px;
        margin-top: 10px;
    }

a {
    text-decoration: none;
    color: Black;
}

img {
    border: none;
}

    img.consultantImg {
        border: 1px solid #ccc;
    }



/*Leftmenu*/
a.cssMenuItem {
    background-image: url(images/bg_LeftMenu.png);
    background-repeat: repeat-x;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 165px;
    display: block;
    padding-top: 6px;
    height: 24px;
    border-bottom: 0;
    border-top: 0;
    font-size: 11px;
    border-bottom: 1px solid #ccc;
}

    a.cssMenuItem:hover {
        background-color: #d0cbbf;
        color: #000;
        background-image: none;
        width: 165px;
        display: block;
        padding-top: 5px;
        height: 24px;
        border-bottom: 1px solid #a9a18c;
        border-top: 1px solid #a9a18c;
    }

a.cssMenuItemActive {
    background-color: #d0cbbf;
    color: #000;
    font-weight: bold;
    background-image: none;
    width: 165px;
    display: block;
    padding-top: 5px;
    height: 24px;
    border-bottom: 1px solid #a9a18c;
    border-top: 1px solid #a9a18c;
}

a.cssMenuItem img {
    margin-left: 6px;
    margin-right: 4px;
    vertical-align: text-bottom;
}

a.cssMenuItemActive img {
    margin-left: 6px;
    margin-right: 4px;
    vertical-align: text-bottom;
}

/*Forms*/
select {
    border: solid 1px #AAAAAA;
    width: 200px;
    margin-bottom: 3px;
    font-family: Arial;
    font-size: 11px;
}

.cssTextbox {
    border: solid 1px #AAAAAA;
    width: 200px;
    margin-bottom: 2px;
}

input:focus {
    border-color: Red;
}

select:focus {
    border-color: Red;
}

.cssTextBoxCalendar {
    border: solid 1px #AAAAAA;
    width: 200px;
}

.cssFormLabel {
    font-weight: bold;
    width: 150px;
    float: left;
    vertical-align: bottom;
    margin-top: 5px;
}

.cssFormLabelWide {
    font-weight: bold;
    width: 320px;
    float: left;
    vertical-align: bottom;
    margin-top: 5px;
}

.cssCheckboxLabel {
    font-weight: bold;
    vertical-align: bottom;
    margin-top: 5px;
}

.cssFormRow {
    min-height: 20px;
    overflow-y: auto;
}

.abcd {
    display: inline-block;
    padding: 30px;
}

.cssFormRowLabel {
    min-height: 20px;
    border-bottom: 1px solid #ededed;
    margin-top: 2px;
    padding-top: 4px;
    vertical-align: bottom;
}

    .cssFormRowLabel .cssFormLabel {
        font-weight: bold;
        width: 120px;
        float: left;
        margin-top: 0px;
    }

.cssDialogToolbar {
    border-top: solid 1px #E0E0E0;
    width: 100%;
    padding-top: 10px;
    display: block;
    text-align: right;
    margin-top: 10px;
}

.paddingTop {
    padding-top: 20px;
}

/*GridView*/
tr.cssGvHeaderStyle th {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #cbcbcb;
    background-image: url(images/bg_gridviewHeader.png);
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: normal;
    border-top: solid 1px #dad7cc;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: solid 1px #dad7cc;
    text-transform: uppercase;
}

tr.cssGvAlternatingRowStyle td {
    border-bottom: 1px solid #dbdbdb;
    background-color: #f9f9f9;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
}

tr.cssGvAlternatingRowStyle:hover td {
    border-bottom: 1px solid #dbdbdb;
    background-color: #e5e5e5;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
}

tr.cssGvRowStyle td {
    border-bottom: 1px solid #dbdbdb;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
}

tr.cssGvRowStyle:hover td {
    border-bottom: 1px solid #dbdbdb;
    background-color: #e5e5e5;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
}

.cssGVRowStyleEmpty {
    color: #777;
    font-size: 11px;
    font-style: italic;
}
/*Images in gridview*/
tr.cssGvAlternatingRowStyle td img {
    margin-top: 2px;
    margin-bottom: 0px;
}

tr.cssGvRowStyle td img {
    margin-top: 2px;
    margin-bottom: 0px;
}
/*Table in gridview*/
tr.cssGvAlternatingRowStyle:hover table.tblInGrid tr td {
    padding: 0px 0px 0px 0px;
    border-bottom: 0;
}

tr.cssGvRowStyle:hover table.tblInGrid tr td {
    padding: 0px 0px 0px 0px;
    border-bottom: 0;
}

table.tblInGrid tr td {
    padding: 0px 0px 0px 0px;
    border-bottom: 0;
}

table.tblInGrid:hover tr td {
    padding: 0px 0px 0px 0px;
    border-bottom: 0;
}

table.tblInGrid tr:hover td {
    padding: 0px 0px 0px 0px;
    border-bottom: 0;
}

/*Misc*/
.cssFeedback {
    color: Green;
    font-weight: bold;
}

span.week {
    float: left;
    font-size: 12px;
}

div.clear {
    clear: both;
}

div.clear1 {
    clear: both;
    height: 0px;
    padding: 0;
}

/*Search toolbar*/
table.tblFilter {
    background: #d2d2d2 url(images/bg_Filter.png) repeat-x;
    margin-bottom: 14px;
    border: 1px solid #cbcbcb;
    border-bottom: 1px solid #d8c7c8;
    border-top: 1px solid #dcdcdc;
    width: 100%;
}

    table.tblFilter td {
        padding: 6px 10px 6px 10px;
    }

table.tblFilterMini {
    background-color: #ebf0f5;
    border: 1px solid #dfe6ee;
}

    table.tblFilterMini td {
        padding: 2px 2px 2px 2px;
        font-size: 11px;
    }

div.divFilter {
    margin-bottom: 14px;
    background: #d2d2d2 url(images/bg_Filter.png) repeat-x;
    border: 1px solid #cbcbcb;
    border-bottom: 1px solid #d8c7c8;
    border-top: 1px solid #dcdcdc;
    padding: 6px 10px 6px 10px;
}

/*Pass Info*/
span.date {
    font-size: 10px;
    font-weight: normal;
}

img.imgToday {
    float: right;
    margin-left: 5px;
    margin-right: 10px;
    position: relative;
    top: -20px;
}

div.borderWhite {
    width: 100%;
    border-bottom: 2px solid #fff;
    padding-left: 2px;
    padding-top: 2px;
}

#ddlShiftCss {
    color: white;
    float: right;
    margin-right: 5px;
    text-align: right;
    width: 300px;
}

    #ddlShiftCss select {
        margin-bottom: 6px;
    }

div.shift_green {
    background-color: #e2f0e2;
    border: solid 1px #cbe6cb;
    padding: 2px;
    margin-top: 3px;
    color: #000;
}

    div.shift_green:hover {
        background-color: #c4e1c4;
        border: solid 1px #cbe6cb;
        padding: 2px;
        margin-top: 3px;
        color: #000;
    }

    div.shift_green table td.shiftInfoBorder {
        border-bottom: 0px solid #c4e1c4;
    }

div.shift_red {
    background-color: #fbdfd9;
    border: solid 1px #fbcabf;
    padding: 2px;
    margin-top: 3px;
    color: #000;
}

    div.shift_red:hover {
        background-color: #fbcabf;
        border: solid 1px #fbcabf;
        padding: 2px;
        margin-top: 3px;
        color: #000;
    }

    div.shift_red table td.shiftInfoBorder {
        border-bottom: 0px solid #fbcabf;
    }

div.shift_orange {
    background-color: #fbfad9;
    border: solid 1px #fbfad9;
    padding: 2px;
    margin-top: 3px;
    color: #000;
}

    div.shift_orange:hover {
        background-color: #fbfad9;
        border: solid 1px #fbfad9;
        padding: 2px;
        margin-top: 3px;
        color: #000;
    }

    div.shift_orange table td.shiftInfoBorder {
        border-bottom: 0px solid #fbfad9;
    }

div.shift_blue {
    background-color: #4C7189;
    border: solid 1px #4C7189;
    padding: 2px;
    margin-top: 3px;
    color: #000;
}

    div.shift_blue:hover {
        background-color: #4C7189;
        border: solid 1px #4C7189;
        padding: 2px;
        margin-top: 3px;
        color: #000;
    }

    div.shift_blue table td.shiftInfoBorder {
        border-bottom: 0px solid #4C7189;
    }

div.shift_grey {
    background-color: darkgrey;
    border: solid 1px darkgrey;
    padding: 2px;
    margin-top: 3px;
    color: #000;
}

    div.shift_grey:hover {
        background-color: darkgrey;
        border: solid 1px darkgrey;
        padding: 2px;
        margin-top: 3px;
        color: #000;
    }

    div.shift_grey table td.shiftInfoBorder {
        border-bottom: 0px solid darkgrey;
    }

div.shift_white {
    background-color: whitesmoke;
    border: solid 1px lightgray;
    padding: 2px;
    margin-top: 3px;
    color: #000;
}

    div.shift_white:hover {
        background-color: whitesmoke;
        border: solid 1px lightgray;
        padding: 2px;
        margin-top: 3px;
        color: #000;
    }

    div.shift_white table td.shiftInfoBorder {
        border-bottom: 0px solid lightgray;
    }

div.shift_pending {
    background-color: darkgray;
    border: solid 1px lightgray;
    padding: 2px;
    margin-top: 3px;
    color: #000;
}

    div.shift_pending:hover {
        background-color: darkgray;
        border: solid 1px lightgray;
        padding: 2px;
        margin-top: 3px;
        color: #000;
    }

    div.shift_pending table td.shiftInfoBorder {
        border-bottom: 0px solid lightgray;
    }

.tooltip_indicator {
    font-weight: bold;
}

/*mörkare plattor
div.shift_red {background-color: #e87376; border: solid 1px #e87376; padding: 2px; margin-top: 3px; color:#fff}
div.shift_green {background-color: #527184; border: solid 1px #527184; padding: 2px; margin-top: 3px; color:#fff;}
*/

/*Pass Detail*/
#tabs h2 {
    background-color: #527184;
    color: #fff;
    border: 0px;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
    margin-top: 20px;
}

    #tabs h2.booked {
        background: transparent url(images/bullet_green.png) no-repeat left;
        background-color: #ededed;
        color: #000;
        border: 0px;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 3px 3px 18px;
        margin-top: 30px;
    }

    #tabs h2.subs {
        background: transparent url(images/bullet_orange.png) no-repeat left;
        background-color: #ededed;
        color: #000;
        border: 0px;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 3px 3px 18px;
        margin-top: 30px;
    }

    #tabs h2.search {
        background: transparent url(images/bullet_magnify.png) no-repeat left;
        background-color: #ededed;
        color: #000;
        border: 0px;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 3px 3px 18px;
        margin-top: 30px;
    }


/*Tabellstruktur MasterPage*/
table.tblContainer {
    width: 976px;
}

/*Logo*/
tr.ContentTop {
    border-top: 2px solid #527184;
}

    tr.ContentTop td {
        background-color: #fff;
        padding: 4px 8px 3px 1px;
    }

    tr.ContentTop tr.nothing td {
        background-color: #fff;
        border-top: 0;
    }

/*Splitter*/
tr.ContentRowSplitter td {
    height: 5px;
    min-height: 5px;
}

td.columnSplitter {
    width: 10px;
    background: transparent url(images/bg_left_shadow.png) repeat-y right;
}

td.columnSplitterTop {
    width: 10px;
    background: transparent url(images/bg_topleft_shadow_.png) no-repeat top left;
}

td.columnSplitterRight {
    width: 5px;
    background: transparent url(images/bg_right_shadow.png) repeat-y left;
}

td.columnSplitterRightTop {
    background: transparent url(images/bg_right_shadow__.png) no-repeat;
}

/*Menu & Content*/
td.leftMenuContainer {
    background: transparent url(images/bg_LeftMenuContainerTopBlue.png) no-repeat;
    width: 165px;
    height: 5px;
}

td.leftMenuContent {
    background: transparent url(images/bg_topBlue.gif) repeat-x;
    background-color: #fff;
    color: #527184;
    border-left: 1px solid #acbec9;
    border-bottom: 1px solid #acbec9;
    border-right: 1px solid #acbec9;
    padding-top: 4px;
}

    td.leftMenuContent h2 {
        color: #ededed;
        margin-top: 0px;
        margin-bottom: 4px;
        font-size: 13px;
        border-bottom: 0px;
        width: 100%;
        padding-bottom: 4px;
        padding-top: 4px;
    }

td.mainContentTop {
    background: transparent url(images/bg_ContentTopBlue.png) no-repeat;
    width: 795px;
    height: 5px;
}

td.mainContent {
    background: transparent url(images/bg_topBlue.gif) repeat-x;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    border-left: 1px solid #acbec9;
    border-right: 1px solid #acbec9;
    border-bottom: 1px solid #acbec9;
    padding-bottom: 10px;
}

    td.mainContent h1 {
        color: #ededed;
        margin-top: 0px;
        margin-bottom: 8px;
        margin-left: 10px;
        font-size: 13px;
        font-weight: bold;
        border-bottom: 0px;
        padding-top: 4px;
    }


/*Ajax Tabs*/
.ajax__tab_panel {
    padding: 0px 0px 0px 0px;
    margin: 0 !Important;
}

.ajax__tab_body {
    padding: 0px 0px 0px 0px;
    margin: 0 !Important;
}

.ajax__tab_panel textarea {
    border: 1px solid #dadada;
    padding: 3px 3px 3px 3px;
}


/*Mobile site*/
/*
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:160px; text-align: left; text-transform:none; }
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
*/
a.tooltip div.popUp {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 180px;
    text-align: left;
    text-transform: none;
    z-index: 1000;
}

a.tooltip:hover div.popUp {
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #6c6c6c;
}

span.tooltip div.popUp {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 180px;
    text-align: left;
    text-transform: none;
    z-index: 1000;
}

span.tooltip:hover div.popUp {
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #6c6c6c;
}

div.popupover {
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #6c6c6c;
}

div.popupout {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 160px;
    text-align: left;
    text-transform: none;
    z-index: 1000;
}

/*Paging*/
.cssPager td {
    padding-left: 4px;
    padding-right: 4px;
}

.cssPager span {
    background-color: #EEEEEE;
    border: solid 1px black;
    padding: 3px;
}


#weeksToShow {
    float: right;
}

#rptWeeks {
    float: left;
}

/* jQuery UI overrides*/

.ui-dialog {
    position: fixed !important;
    min-width: 400px !important;
}
/* This makes modal windows always fixed centered of the screen. */
.ui-state-date-selected a {
    background: #33a0ff !important;
}
/*#fromDatePicker .ui-state-active { background: #33a0ff; }
#toDatePicker .ui-state-active { background: #33a0ff; }*/

/* CompanyEdit */
.companyUserButton {
    padding: 2px;
}

/* ucShiftEdit */
.divDatePicker {
    width: 600px;
    height: 165px;
    margin-left: 100px;
    margin-bottom: 35px;
}

    .divDatePicker > div {
        float: left;
        margin-left: 20px;
    }

#weekCopy {
    margin-top: 80px;
}

/* Order edit */

.orderEditRow {
    overflow: hidden;
    min-height: 220px;
    margin-top: 15px;
}

    .orderEditRow > div {
        float: left;
        margin-right: 10px;
    }

.orderEditlabel {
    width: 100%;
    font-size: initial;
    font-weight: bold;
}

.orderEditLabelRow {
    min-height: 40px;
}

#orderSkillList {
    margin-left: 25px;
}

.divOrderDatePicker > div {
    float: left;
    padding: 10px;
}

.timeSelector {
    float: left;
    margin-right: 5px;
    width: 230px;
    height: 229px;
}

.divTimeAndBreak {
    margin-bottom: 5px;
    margin-top: 15px;
}

.orderSummaryRow {
    margin-top: 15px;
    width: 100%;
    height: 40px;
}

.orderSummaryLabel {
    padding-left: 18px;
    width: 170px;
    font-weight: bold;
    font-size: medium;
    float: left;
}

.orderSummaryCheckboxLabel {
    width: 170px;
    font-weight: bold;
    font-size: medium;
    float: left;
}

.orderSummaryData {
    float: left;
    margin-right: 30px;
}

.orderSubmitButton {
    float: right;
}

.orderButtonGroup {
    float: left;
}

.divOrderInfo {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.orderApproveLabel {
    float: left;
    padding: 2px;
    margin-bottom: 2px;
    border-style: solid;
    border-width: 1px;
}

.basketSummary {
    height: 125px;
    margin-bottom: 20px;
}

.basketSummaryBorder {
    padding: 5px;
    border-style: solid;
    border-width: 2px;
    height: 125px;
    width: 90%;
    float: left;
    margin-right: 15px;
    overflow-y: auto;
}

.basketSummaryLeft {
    width: 50%;
    float: left;
}

.basketSummaryRight {
    width: 50%;
    float: right;
}

/* ucOrderActionWindow */

#actionWindowStatus {
    float: right;
}

#actionWindowComment {
    height: 80px;
}

#actionWindowButtons {
    margin-top: 10px;
    margin-bottom: 30px;
}

#actionWindowInfoLabels {
    margin-top: 10px;
    margin-bottom: 20px;
}

.subOrderLabel {
    font-weight: bold;
    width: 120px;
    float: left;
    vertical-align: bottom;
}

#orderSkillList {
    height: 180px !important;
    min-width: 225px !important;
    overflow-y: scroll !important;
}

/* TimeRules */
.TimeRulesContainer {
    margin: 10px;
    font-weight: bold;
    overflow-y: auto;
}

.FullLeft {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    .FullLeft span {
        width: 20%;
        display: inline-block;
    }

.HalfLeft {
    width: 50% !important;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .HalfLeft span {
        width: 70%;
        display: inline-block;
    }

    .HalfLeft select {
        width: initial;
    }

.HalfRight {
    width: 50% !important;
    float: right;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .HalfRight span {
        width: 70%;
        display: inline-block;
    }

    .HalfRight a {
        margin-right: 10px;
    }

    .HalfRight select {
        width: initial;
    }

/*Candidate Report*/

.Availability {
    width: 35px;
    height: 23px;
    display: block;
    text-align: center;
    padding-top: 12px;
}

.NoPadding {
    padding: 0 !important;
}

.HorizontalListItem {
    margin: 2px !important;
}

.LeftBorder {
    border-left-width: 1px !important;
    border-left-style: solid !important;
}

.RightBorder {
    border-right-width: 1px !important;
    border-right-style: solid !important;
}

.WideGridViewColumn {
    min-width: 140px;
}