/* STANDARD HTML PARTS */
html 
{
    overflow-y: scroll;   
}
body
{ 
    margin: 0; 
    font-family: Segoe UI, Calibri, Lucida Sans Unicode, Tahoma, Arial, Sans-Serif;
    font-size: 10pt;
}
input
{
    font-family: Segoe UI, Calibri, Lucida Sans Unicode, Tahoma, Arial, Sans-Serif;
    font-size: 8pt;
}
textarea
{
    font-family: Segoe UI, Calibri, Lucida Sans Unicode, Tahoma, Arial, Sans-Serif;
    font-size: 8pt;
}
select
{
    font-family: Segoe UI, Calibri, Lucida Sans Unicode, Tahoma, Arial, Sans-Serif;
    font-size: 8pt;
}
option
{
    font-family: Segoe UI, Calibri, Lucida Sans Unicode, Tahoma, Arial, Sans-Serif;
    font-size: 8pt;
}
label
{
    font-family: Segoe UI, Calibri, Lucida Sans Unicode, Tahoma, Arial, Sans-Serif;
    font-size: 8pt;
}
a 
{
    text-decoration: underline;
    font-weight: bold;
    color: #1A58D2;
}
a:visited
{
    color: #1A58D2;   
}
a:hover
{
    text-decoration: underline;   
}
th
{
    text-align: left;
    font-weight: normal;
    color: #888888;
}
table 
{
    border-spacing: 0px 0px;
    border-collapse: collapse;
}

/* HEADER-RELATED */
div#header-top-background
{
    background-color: #0228A5;
    background-image: url('/Content/Images/legend-background.jpg');
    background-position: right;
    background-repeat: no-repeat;
}
div#header-top-inner
{
    width: 960px;
    height: 80px;
    margin-left: auto; 
    margin-right: auto;
}
div#header-top-left
{
    float: left;
    vertical-align: middle;
    height: 80px;
}
div#header-top-right
{
    width: 220px; 
    height: 80px; 
    background-color: white;
    float: right;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
}
div#header-middle-background
{
    background-color: #00154E;
    -moz-box-shadow: 0px 5px 5px #888888;
    -webkit-box-shadow: 0px 5px 5px #888888;
}
div#header-middle-inner
{
    width: 960px;
    height: 20px;
    margin-left: auto; 
    margin-right: auto; 
}
div#header-middle-left
{
    float: left;
}
div#header-middle-right
{
    width: 220px; 
    height: 20px; 
    background-color: white;
    float: right;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
}
div#header-bottom-background
{
}
div#header-bottom-inner
{
    width: 960px;
    height: 20px;
    margin-left: auto; 
    margin-right: auto; 
}
div#header-bottom-left
{
    float: left;
}
div#header-bottom-right
{
    width: 220px; 
    height: 20px; 
    background-color: white;
    float: right;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
    -moz-box-shadow: 0px 5px 5px #888888;
    -webkit-box-shadow: 0px 5px 5px #888888;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomleft: 10px;
    -webkit-border-radius-bottomright: 10px;
}
div#header-text
{
    font-family: Segoe UI, Calibri, Arial, Sans-Serif;
    font-size: 34pt;
    font-style: italic;
    color: #FFFFFF;
    text-shadow: black 0px 5px 10px;
}
div#header-breadcrumb
{
    font-size: 10pt;
    color: #FFFFFF;
}
div#header-poweredby
{
    font-size: 8pt;
    font-style: italic;
    text-align: center;
}

/* PAGE LAYOUT RELATED */
.breadcrumb-link
{
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
}
.breadcrumb-link:visited
{
    color: #FFFFFF;
}
.breadcrumb-link:hover
{
    text-decoration: underline;
}
.breadcrumb-currentpage
{
    font-weight: normal;
    color: #FFFFFF;
}
div#main
{
    margin-top: 20px;
    margin-left: auto; 
    margin-right: auto; 
    width: 960px
}
div#main-menu
{
    width: 200px;
    float: left;   
}
div.inner-side-menu
{
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px 5px 5px 5px;
}
div#main-content
{
    width: 740px;
    float: right;   
}
div.section
{
}
div.section-header
{
    font-size: 13pt;
    font-weight: normal;
    color: #0228A5;
}
div.section-content
{
}
div.section-footer
{
    padding-bottom: 20px;
}
div#pagetitle
{
    font-size: 15pt;
    font-weight: normal;
    padding-bottom: 20px;
}
div.information-box
{
    width: 700px;
    background-color: #FFFFCC;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #DDDDDD;   
}
div.savebutton-box
{
    width: 700px;
    background-color: #DDEEFF;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    border: 1px solid #DDDDDD;   
}
td.table-row
{
}
td.table-row-deleted
{
    color: #AAAAAA;
}
.smalltext
{
    font-size: 7pt;
    font-style: normal;
}
.invoicing-textbox
{
    border: 1px solid #CCCCCC;
}
.invoicing-dropdown
{
    border: 1px solid #CCCCCC;
}
.field-title
{
    color: #888888;   
}

/* JQUERY VALIDATOR */
label.error
{
    width: auto;
    display: block;
    color: Red;
    border: none;
}
.error
{
    border: dotted 1px Red;
}
.validation-summary-errors
{
    color: Red;   
}

/* qTip2 tooltip*/
.tooltiptext {
    display: none;
    font-size: larger;
}
.tooltiptext p {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}
.different-tip-color {
    background-color: #CAED9E;
    border-color: #90D93F;
    color: #3F6219;
}


/* Pagination link style */
div.pagination-content {
    text-align: center;
    margin-top: 10px;
}
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
    transition: background-color .3s;
}

.pagination li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.pagination li a.active {
    background-color: #0228A5;
    color: white;
}

ul.pagination li a.inactive {
    background-color: #fff;
    color: black;
}

ul.pagination li a.disabled {
    pointer-events: none;
    cursor: default;
}

ul.pagination li a.enabled {
    pointer-events: all;
    cursor: auto;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}