*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


body, html { background-color: #FFF; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857; height: 100%; }


img { vertical-align: middle; border: 0 none; }

table { border-collapse: collapse; border-spacing: 0; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -ms-border-radius: 4px; border-radius: 4px; color: #555; display: inline-block; font-size: 14px; font-family: Arial; height: 22px; line-height: 22px; margin: 2px 0; padding: 1px; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: 0 1px 1px #000000 inset; -ms-box-shadow: 0 1px 1px #000000 inset; box-shadow: 0 1px 1px #000000 inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -moz-transition: border 0.2s linear 0, box-shadow 0.2s linear 0; -o-transition: border 0.2s linear 0, box-shadow 0.2s linear 0; -webkit-transition: border 0.2s linear 0, box-shadow 0.2s linear 0; -ms-transition: border 0.2s linear 0, box-shadow 0.2s linear 0; transition: border 0.2s linear 0, box-shadow 0.2s linear 0; }

    select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus,
    input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus,
    input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
    input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #333; }

label { color: #0060A9 !important; margin: 0 5px; font-weight: bold; }

    label[title] { border-bottom: 1px dashed #0088A9; padding-bottom: 0 !important; margin-bottom: 0 !important; }

        label[title]:hover { border-bottom: 1px dashed #0060A9; }

        label[title]:after { content: "?"; vertical-align: top; color: #333; background-color: #fc0; font-size: 0.5em; padding: 2px; border: 0; }

        label[title]:hover:after { background-color: inherit; }


/* disabled, readonly*/
input[disabled], select[disabled], textarea[disabled], input[readonly], textarea[readonly],
input.aspNetDisabled, select.aspNetDisabled, textarea.aspNetDisabled { background-color: #d3d3d3 !important; cursor: default !important; }

a.disabled, a.aspNetDisabled { background-color: transparent !important; color: #333 !important; text-decoration: none !important; }


a.Button, input.Button, button.Button { text-decoration: none !important; -moz-user-select: none; border: 1px solid #000; -ms-border-radius: 4px; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; background: none; border-color: #CCC; color: #333; }

    .Button:hover:enabled,.Button:focus:enabled,.Button:active:enabled { background-color: #EBEBEB; border-color: #ADADAD; color: #333; }

a.Button, input.Button, button.Button { -moz-min-width: 90px; -ms-min-width: 90px; -o-min-width: 90px; -webkit-min-width: 90px; min-width: 90px; margin: 2px;  }


a.BigButton, input.BigButton, button.BigButton { -moz-min-width: 170px; -ms-min-width: 170px; -o-min-width: 170px; -webkit-min-width: 170px;font-size: 1.5em; min-width: 170px; margin: 10px; }

a.SmallButton, input.SmallButton, button.SmallButton { -moz-min-width: 60px; -ms-min-width: 60px; -o-min-width: 60px; -webkit-min-width: 60px; min-width: 60px; padding: 3px; font-size: 0.9em; }

a.Button-Left, input.Button-Left, button.Button-Left { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -2px; }
a.Button-Right, input.Button-Right, button.Button-Right { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -2px; min-width: 0; }
.ButtonCaret { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px dashed; display: inline-block; height: 0; margin-left: 0; vertical-align: middle; width: 0; }
    .ButtonCaret:hover { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px dashed; width: 2px; }
ul.ButtonMenu { -ms-border-radius: 4px; border-radius: 4px; border: 1px solid #aaa; color: #222; display: block; list-style: outside none none; margin: 0; outline: 0 none; padding: 2px; position: absolute; z-index: 100; background-color: white; }
.ButtonMenuItem { margin: 0; padding: 0; width: 100%; }
    .ButtonMenuItem a { display: block; font-weight: 400; line-height: 1.5; min-height: 0; padding: 2px 0.4em; text-decoration: none; color: inherit; }

        .ButtonMenuItem a:hover { -ms-border-radius: 4px; border-radius: 4px; border: 1px solid #aaa; text-decoration: none; }
div.autocompleteContainer { padding-right: 30px; white-space: nowrap; width: 99%; display: inline-block; }
    div.autocompleteContainer input[type="button"] { height: 24px; margin: 0; padding: 0; width: 30px; vertical-align: middle; }
    div.autocompleteContainer input[type="text"] { margin-right: 0; width: 100%; }

div.list-buttons-container {text-align: center}
div.buttons-container {display:inline-block; }
div.buttons-container .Button { width: 100%; }

div.multilineContainer { display: inline-block; width: 99%; }

span.dateTextboxContainer { white-space: nowrap; }

div.Navigation { float: right; display: inline; }

    div.Navigation .Button { -moz-min-width: 40px; -ms-min-width: 40px; -o-min-width: 40px; -webkit-min-width: 40px; min-width: 40px; }

.shadow { -webkit-text-shadow: 1px 1px 1px #fff; -ms-text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff; }

a.delete { background-image: url("../images/delete16.gif") !important; background-repeat: no-repeat; padding-left: 16px; width: 4px; }

input.dateTextBox { width: 120px !important; }

input.dateTimeTextBox { width: 160px !important; }

input.numeric { text-align: right; width: 60px !important; }
input.width120  { width: 120px !important;}

.thirdwidth { width: 33% !important; }
.halfWidth { width: 50% !important; }
.AutoWidth { -moz-min-width: 0 !important; -ms-min-width: 0 !important; -o-min-width: 0 !important; -webkit-min-width: 0 !important; min-width: 0 !important; width: auto !important; }



div.ItemID { text-align: right; display: block; font-weight: bold; }
/*div.ItemID:before, div.ItemID:after { clear: both; }*/

img.thumbnail { width: 4em; height: 4em; margin: 0; }

img.thumbnail-small { max-width: 2em; max-height: 2em; }

img.imgLookup { width: 60px; margin: 5px 0 5px 10px; }

/*Score*/
div.score { padding: 0; margin: 0 5px; border: 0 !important; /*width: 100%;*/ white-space: nowrap; display: inline-block; }

    div.score span { margin: 0 5px; }

.scoreBox { color: black; border: none; text-align: center; width: 26px; line-height: 26px; display: inline-block; margin: 0 5px; }

.scoreBoxChangeable { color: black; border: none; text-align: center; width: 40px; display: inline-block; margin: 0 5px; padding: 3px 0; }

.breadcrumb { width: 100%; padding: 8px 15px; margin-bottom: 20px; list-style: none; background: #fff; border: 1px #808080 solid; border-radius: 4px; }

    .breadcrumb > li { display: inline-block; }

        .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }

    .breadcrumb > .active { color: #999 !important; }


/*------------------------  SEARCH  ------------------------------------*/
/*div.search_params { }*/
div.search_params table { width: 100%; border: 0; padding: 0; margin-bottom: 20px; }
    /*div.search_params table tr { }*/
    div.search_params table td { white-space: nowrap; }

        div.search_params table td input[type=text], div.search_params table td select { width: 100%; }

div.search_params div.autocompleteContainer { width: 100%; }

div.search_result { }

    div.search_result > table { margin-bottom: 20px; width: 100%; border: 1px solid #DDDDDD; }


        /*th & td*/
        div.search_result > table > thead > tr > th,
        div.search_result > table > tbody > tr > th,
        div.search_result > table > tfoot > tr > th,
        div.search_result > table > thead > tr > td,
        div.search_result > table > tbody > tr > td,
        div.search_result > table > tfoot > tr > td,
        div.search_result > table > tr > td { border: 1px solid #DDDDDD; line-height: 1.42857; padding: 8px; vertical-align: top; }

        /*header*/
        div.search_result > table > thead > tr > th,
        div.search_result > table > thead > tr > td,
        div.search_result > table > tbody > tr > th,
        div.search_result > table > tr > th { background-color: #428BCA; color: #fff; padding: 8px 10px; -ms-border-radius: 0; border-radius: 0; border-top-width: 2px; vertical-align: middle; text-align: center; }
            /*a in header*/
            div.search_result > table > thead > tr > th a,
            div.search_result > table > thead > tr > td a,
            div.search_result > table > tbody > tr > th a,
            div.search_result > table > tr > th a { color: inherit; font: inherit; }
            /*td in header*/
            div.search_result > table > thead > tr > th td,
            div.search_result > table > thead > tr > td td,
            div.search_result > table > tbody > tr > th td,
            div.search_result > table > tr > th td { border-bottom-width: 2px; }
        /*selector*/
        div.search_result > table .selector { width: 1%; text-align: center; }

.selector { width: 1%; text-align: center; }

/*  Pager  */
/*.MyDataPager { }*/
.pagination { -ms-border-radius: 4px; border-radius: 4px; display: inline-block; margin: 20px 0; padding-left: 0; }

    .pagination > li { display: inline; }

        .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0; }

        .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }

        .pagination > li > a, .pagination > li > span { background-color: #FFFFFF; border: 1px solid #DDDDDD; float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; }

            .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #EEEEEE; }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #428BCA; border-color: #428BCA; color: #FFFFFF; cursor: default; z-index: 2; }

.MyDataPager ul.pagination { float: left; margin: 20px 5px; }
/*.MyDataPager ul.pagination .active a { }*/
.MyDataPager span { margin: 20px 10px; padding: 1px; display: inline-block; }
/*  Sorting  */
th a.sort-top { background: url("../images/sort/top_fff.gif") no-repeat scroll 100% 50% transparent; padding-right: 15px; }

th a.sort-bottom { background: url("../images/sort/bottom_fff.gif") no-repeat scroll 100% 50% transparent; padding-right: 15px; }

/*---------------- Details  -------------------------*/
.DetailsContainer { width: 100%; -moz-min-width: 1024px; -ms-min-width: 1024px; -o-min-width: 1024px; -webkit-min-width: 1024px; min-width: 1024px; }

    .DetailsContainer table { width: 100%; }

    .DetailsContainer td > input[type=text], .DetailsContainer textarea { width: 100%; }

    .DetailsContainer textarea { height: 100px; }

        .DetailsContainer textarea[maxlength='500'] { height: 75px; }
        .DetailsContainer textarea.InitialHeight { height: initial;}

    .DetailsContainer td { vertical-align: top; }

    .DetailsContainer label { white-space: nowrap; padding: 2px; margin: 2px; display: inline-block; }

    .DetailsContainer select { width: 100%; -moz-min-width: 350px; -ms-min-width: 350px; -o-min-width: 350px; -webkit-min-width: 350px; min-width: 350px; }

    .DetailsContainer .MyDataPager select { width: auto; }

/*------------------------  LOGIN   ------------------------------------*/
div.login { text-align: center; }

    div.login div.section { -moz-width: 300px; -ms-width: 300px; -o-width: 300px; -webkit-width: 300px; width: 300px; margin: 0 auto; }

    div.login table { width: 100%; }

/*---Sections  ---*/

div.section { border: 1px #808080 solid; margin: 10px 0; background: #fff; width: 100%; }

    div.section .SectionTitle { padding: 5px 10px; margin: 0; background-color: #F5F5F5; }

    div.section a.plus, div.section a.minus { float: right; border: 0; display: inline-block !important; width: 20px; height: 20px; text-decoration: none; }

    div.section a.plus { background: url('../images/plus.gif') no-repeat; }

    div.section a.minus { background: url('../images/minus.gif') no-repeat; }

    div.section div.block_content { padding: 10px; }

div.section { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

    div.section .SectionTitle { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #f5f5f5; color: #777; display: block; font-size: 22px; font-weight: bold; }


/*  Validator  */
.orange, .orange1, .orange2 { background-color: orange !important; }

.myvalidator { color: red; margin-right: -10px; vertical-align: top; }
.error-message-color {
    color: red;
    margin-right: -10px;
    vertical-align: top;
}

.SubSectionTitle { display: block; margin: 10px 0; font-weight: bold; text-decoration: underline; }

.lookupWithColorBox { width: auto !important; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; }

div.Comment { padding: 5px 0; }
    div.Comment > .CreatedPerson, div.Comment > .CreatedDate { font-size: 80%; font-weight: bold; }
    div.Comment > .CommentText { display: block; }
span.lookupShorttext, span.dataField { color: #555; display: inline-block; font-size: 14px; font-family: Arial; line-height: 22px; margin: 2px 0; padding: 0 0 2px; }

table.matrix { border: solid 2px black; }
    table.matrix td { border: solid 1px black; font-weight: bold; min-width: 50px; height: 50px; vertical-align: middle; text-align: center; }

div.attachControl {
    display: inline-block; width: 30%;vertical-align: top;
}

div.flow-panel > div { display: inline-block; margin: 0 10px 0 }
label.required-field {
    padding-right: 10px;
    background-position: right top;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAIAAABPmPnhAAAAWElEQVR42mP8//8/A27ASLz0CQbGBQzvZzAIoEv/YKhwYBCwYKj8wDBfgOFFAIiLqvsDw4oChooDDBUbGDIMMAx/sYEh4QbDhgiGjAKGghUMBhwkOw0LAAAkMCvxj8aAmwAAAABJRU5ErkJggg==');
    background-repeat: no-repeat
}