/*
*************************************************************************************************
This CSS file contains all styles which will be used on both parts of the website, PUBLIC & ADMIN
*************************************************************************************************

    01 : General Styles
    02 : Masterpage Styles
    03 : Menu Styles
    04 : Input Styles
    05 : GridView Styles
    06 : AJAX Related Styles
    07 : Teaser Styles
*/

/*
01. General Styles
------------------
*/

body {
    /*background-color: whitesmoke;*/ /*#a2bac8; #E4EBF5;*/
    /*margin-top: 0px;
    text-align: center; 
    font-size:12px;*/
    /*font-family:Verdana, Arial, "MS Sans-Serif";*/
    /*font-family:sans-serif;
    color:#818181;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
}

.small {
    font-size: 9px;
    font-family: Verdana, Arial, "MS Sans-Serif";
    color: #808080;
}

h1 {
    font-size: 14px;
    color: #4B86BE;
    margin-top: 3px;
    margin-bottom: 10px;
    padding: 0px;
    text-transform: uppercase;
}

h2 {
    font-size: 12px;
    color: #4B86BE;
    margin-bottom: 10px;
    padding: 0px;
    text-transform: uppercase;
    padding-top: 10px;
}

.boxTitle {
    text-align: center;
}

.iconBox {
    text-align: center;
}

.moreLink {
    text-align: right;
}

h3 {
    font-style: italic;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

a:link {
    color: #4B86BE;
    text-decoration: none;
}

a:visited {
    color: #4B86BE;
    text-decoration: none;
}

a:hover {
    color: #4B86BE;
    text-decoration: underline;
}

a:active {
    color: #4B86BE;
    text-decoration: none;
}

fieldset {
    border: 1px solid #d0d0bf;
    padding: 15px;
}

    fieldset legend {
        padding: 10px;
        font-weight: bold;
        color: #818181;
    }

li {
    margin-bottom: 10px;
}

/*
02. Masterpage Styles
---------------------
*/

/* whole content table */
#outside {
    width: 820px;
    height: 100%;
    background-color: #ffffff;
    margin: 0 auto;
}

    #outside td {
        text-align: left;
    }

.outsideTD {
    padding: 0px 35px 15px 35px;
}

/* for masterpage with 2 columns */
.contentLeftColumn {
    width: 460px;
    padding: 0px 10px 15px 55px;
    vertical-align: top;
    /*background-image: url("../Images/MasterPage/bgArrow.gif");*/
    background-repeat: no-repeat;
}

.contentRightColumn {
    width: 250px;
    padding: 0px 35px 15px 10px;
    vertical-align: top;
}

.contentRightColumnItem {
    margin-bottom: 15px;
}

/*
03. Menu Styles
---------------
*/
.DynamicMenuStyle {
    z-index: 100;
    /*border: dotted 1px;*/
}

.MenuBackground {
    border-top: dotted 1px #818181;
    border-bottom: dotted 1px #818181;
}

.MenuLevel1Style, .MenuLevel2Style {
    text-transform: uppercase;
    width: auto;
    padding-left: 5px;
    padding-right: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 31px;
}

.MenuLevel3Style {
    text-transform: uppercase;
    width: auto;
    text-decoration: none;
    /*line-height: 20px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

.MenuLevel1Style a:link, .MenuLevel2Style a:link, .MenuLevel3Style a:link {
    color: #818181;
    font-size: smaller;
    text-decoration: none;
}

.MenuLevel1Style a:visited, .MenuLevel2Style a:visited, .MenuLevel3Style a:visited {
    color: #818181;
    font-size: smaller;
    text-decoration: none;
}

.MenuLevel1Style a:hover, .MenuLevel2Style a:hover, .MenuLevel3Style a:hover {
    color: #4B86BE;
    font-size: xx-small;
    text-decoration: none;
    font-weight: bold;
}

.MenuLevel1Style a:active, .MenuLevel2Style a:active, .MenuLevel3Style a:active {
    color: #4B86BE;
    font-size: smaller;
    text-decoration: none;
}

.breadCrumbTrail {
    font-size: small;
}

    /* 
    First child element rendered by a SiteMapPath is an <a> tag you have no control over, adjacent to that is your root node's span tag, adjacent to that is the root node's path-separator span: don't display it.
*/
/*    .breadCrumbTrail > a:first-child + span + span {
        display: none;
    }
*/
    .breadCrumbTrail > a:first-child + span + span {
        display:none;
    }

/*
04. Input Styles
----------------
*/

.input140 {
    border: solid 1px #d0d0bf;
    font-family: Verdana, Arial, "MS Sans Serif";
    font-size: 10px;
    color: #818181;
    background-color: #F3F3FD;
}

.input200 {
    border: solid 1px #d0d0bf;
    width: 200px;
    font-family: Verdana, Arial, "MS Sans Serif";
    font-size: 10px;
    color: #818181;
    background-color: #F3F3FD;
}

.input600 {
    border: solid 1px #d0d0bf;
    width: 600px;
    font-family: Verdana, Arial, "MS Sans Serif";
    font-size: 10px;
    color: #818181;
    background-color: #F3F3FD;
}

.button {
    border: solid 1px #8B8B8B;
    background-color: #E6E6E6;
    font-family: Verdana, Arial, "MS Sans Serif";
    font-size: 10px;
    color: #818181;
    cursor: pointer;
}

.dropdownlist {
    border: solid 1px #8B8B8B;
    background-color: #E6E6E6;
    font-family: Verdana, Arial, "MS Sans Serif";
    font-size: 10px;
    color: #818181;
}

input[type="checkbox"] {
    padding: 0px;
    margin: 0px;
    color: #666666;
    width: 15px;
}

/*
05. Gridview Styles
---------------
*/


.gridviewRowStyle td {
    background-color: #EBEBEB;
    vertical-align: middle;
    height: 24px;
    padding-left: 5px;
}

.gridviewAltRowStyle td {
    background-color: #FBFBFB;
    vertical-align: middle;
    height: 24px;
    padding-left: 5px;
}

.gridviewHeader th {
    vertical-align: top;
    height: 25px;
    border-bottom: solid 1px #8A8A8A;
    padding-left: 5px;
}

.gridviewHeader a {
    color: #366;
    text-decoration: none;
}

.gridviewFooter td {
    border-bottom: solid 1px #8A8A8A;
    color: #366;
    text-decoration: underline;
}

.gridviewPager td {
    height: 25px;
    color: #366;
    text-decoration: none;
}

.gridviewPager a {
    color: #366;
    text-decoration: underline;
}

.gridviewPager span {
    color: #930000;
    text-decoration: none;
}


/*
06. AJAX related Styles
-----------------------
*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.confirm {
    background-color: White;
    padding: 10px;
    width: 370px;
}

#Panel1 TABLE {
    border: #060F40 2px solid;
    color: #060F40;
    background: #ffffcc;
}

/*
07. Teaser Styles
-----------------
*/

.newsItemTitle {
    font-size: 9px;
    color: #4B86BE;
    text-transform: uppercase;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: bold;
}

.newsItemDate {
    font-size: 9px;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 5px;
}

.newsItemTeaser {
    font-size: 9px;
    padding-left: 5px;
    padding-right: 5px;
}

.newsItemHR {
    height: 1px;
    width: 100%;
    padding: 0px;
    color: #C3C3C3;
}

.jobOfferItemTeaser {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
}