/**
 * Author: Christian GEORGESCU.
 * $Author: chrisgeo $
 * $Date: 2015/02/24 17:08:06 $
 * $Revision: 1.2 $
 */
@media not screen and (-webkit-min-device-pixel-ratio: 0) {
    /*EZY-630 - Possible problem to select products when using Safari/Opera browsers*/
    @font-face {
        font-family: 'roboto_condensedregular';
        src: local('☺'), /* sneakily trick IE */
        url('../fonts/roboto/RobotoCondensed-Regular-webfont.woff') format('woff'), /* FF 3.6, Chrome 5, IE9 */
        url('../fonts/roboto/RobotoCondensed-Regular-webfont.ttf') format('truetype'), /* Opera, Safari */
        url('../fonts/roboto/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');/* iOS */
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sansregular';
        src: local('☺'), /* sneakily trick IE */
        url('../fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'), /* FF 3.6, Chrome 5, IE9 */
        url('../fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'), /* Opera, Safari */
        url('../fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');/* iOS */
        font-weight: normal;
        font-style: normal;
    }
}
html {
    background-color: #999;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    background-color: #999;
    color: #333;
    line-height: normal;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "open_sansregular", Arial, sans-serif;
    font-weight: normal;
}

a {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "open_sansregular", Arial, sans-serif;
    font-weight: normal;
    color: #5d5e68;
    text-decoration: none;
}

/*EZY-791 EASY2016: Task 7, Subtask 1 - Extend the tree nodes and organisation*/
/*Style for node of type link (http-https) in main menu*/

a[href^="http://"].external {
    background: url(../images/treeview/link.png) center right no-repeat;
    padding-right: 13px;
}

a[href^="https://"].external {
    background: url(../images/treeview/link.png) center right no-repeat;
    padding-right: 13px;
}

a.external:hover{
    text-decoration: underline;
}

ul, li {
    line-height: 1.5rem !important;
}

div#links select {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "open_sansregular", Arial, sans-serif;
    font-weight: normal;
    padding: 0;
    color: #5d5e68;
    width: 100px;
    height: 20px;
}

div#links select option {
    padding-left: 5px;
    padding-left: .5rem;
}

body.ie6_8 #wrapper {
    background-image: url(../images/background_ie6_8.png);
    background-repeat: no-repeat;
}

#wrapper {
    max-width: 100%;
    background-color: white !important;
    background: url(../images/background_fullwidth.png) left top no-repeat,
    url(../images/background_fullwidth_right.png) left top repeat-x;
    margin: 10px auto;
    padding: 0;
    position: relative;
}

#heading {
    overflow: hidden;
    margin: 0 20px 5px 20px;
    margin: 0 2rem 0.5rem 2rem;
}

#heading #signin {
    text-align: right;
    height: 25px;
}

#heading #links {
    overflow: hidden;
    text-align: right;
}

#heading #links ul {
    list-style-type: none;
    margin: 0;
}

#heading #links ul li {
    display: inline-block;
    vertical-align: middle;
}

body.ie6_8 #links ul li {
    zoom: 1;
    display: inline;
}

#heading #links ul li:first-child {
    width: 50%;
    margin-right: 5px;
    margin-right: 1.5rem;
}

#heading #title {
    float: left;
}

#heading #title #env {
    margin-left: 220px;
    margin-left: 22rem;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "roboto_condensedregular", Arial, sans-serif;
    font-weight: normal;
    color: red;
}

#heading #title h1 {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "roboto_condensedregular", Arial, sans-serif;
    font-weight: normal;
    color: #67676f;
    margin: 0;
    padding: 3px 0 0 0;
    text-rendering: auto;
    line-height: normal;
}

body.ie6_8 #breadcrumbs {
    background-image: url(../images/breadcrumbs_bg_ie6_8.png);
    background-repeat: repeat-x;
    background-position: right top;
}

#breadcrumbs {
    margin-bottom: 10px;
    margin-bottom: 1rem;
    -webkit-box-shadow: inset 0 3px 4px -3px #696867, inset 0 -3px 4px -3px #696867;
    -moz-box-shadow: inset 0 3px 4px -3px #696867, inset 0 -3px 4px -3px #696867;
    box-shadow: inset 0 3px 4px -3px #696867, inset 0 -3px 4px -3px #696867;
}

#breadcrumbs ul.breadcrumb {
    list-style-type: none;
    padding: 2px 0;
    padding: .2rem 0;
    background-color: transparent;
    margin: 0 20px 0px 20px;
    margin: 0 2rem 0 2rem;
}

#breadcrumbs ul.breadcrumb li {
    display: inline-block;
    margin-left: 3px;
    margin-left: .3rem;
}

body.ie6_8 #breadcrumbs ul.breadcrumb li {
    zoom: 1;
    display: inline;
}

#breadcrumbs ul.breadcrumb li a {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "open_sansregular", Arial, sans-serif;
    font-weight: normal;
}

#breadcrumbs ul.breadcrumb li:before {
    content: "\3E";
    margin-right: 3px;
    margin-right: 0.3rem;
}

#breadcrumbs ul.breadcrumb li:first-child {
    margin-left: 0;
}

#breadcrumbs ul.breadcrumb li:first-child:before {
    content: none;
}

#breadcrumbs ul.breadcrumb li:first-child a {
    font-weight: bold;
    font-family: "open_sansbold", Arial, sans-serif;
}

#content {
    margin: 0 20px 5px 20px;
    margin: 0 2rem 0.5rem 2rem;
}