/*------------------------------------------------------------------------------------------------------------------------   
        Site Defaults
------------------------------------------------------------------------------------------------------------------------*/

body {
    font-family: Calibri, Arial, sans-serif;
    background-color: #D1D1D1;
    font-size: 0.95em;
    position: relative;
}


h1, h2, h3, h4, h5, h6 {
    font-family: Cambria, Times New Roman, serif;
}


h1, h2, h3, h4, h5, h6{
    color: #000000;
    font-weight: normal;
}

h2 {
    font-size: 1.5em;
    line-height: 1.5em;
}

.no-wrap {
	white-space: nowrap;
}
/*------------------------------------------------------------------------------------------------------------------------   
        Site Header Styles
------------------------------------------------------------------------------------------------------------------------*/

.main-branding {
    height: 51px;
    background-color: #F1F1F1;
}

.main-branding-content {
    height: 51px;
    background-color: #F6F6F6;
    padding: 0 50px;
}

.main-branding-logo {
	padding-top: 5px;
	padding-bottom: 5px;
}

.main-branding-name a {
	padding-top: 5px;
	padding-left: 5px;
	font-size: 1em;     
	font-weight: 400;    
	display: block;    
	width: 200px;     
	color:black !important;
	text-decoration: none;
}

#logo {
    overflow: hidden;
    background-color: #F6F6F6;
    padding-top: 8px;
    width: 238px;
    float: left;
}

    #logo a {
        display: block;
        width: 138px;
        height: 28px;
        background-image: url("Images/logo_felleselement.png");
    }

    .languages-list {
        padding: 10px 0;
        font-size: 13px;
        width: 360px;
        text-align: right;
    }

        .languages-list li {
            display: inline;
            padding: 0 5px;
            
        }
         .languages-list li:after {
                content: "|";
            }

            .languages-list li.last:after {
                content: "";
            }
            .languages-list li a {
                margin-right: 10px;
                color: #666;
            }
                .languages-list li.last a {
                    margin-right: 0;
                }
           

/*
.header-small-menu {
	float: right;
	padding-top: 5px;
	padding-left: 15px;
	clear: right;
}

.header-small-menu .address li {
    display: inline;
    padding: 0 5px;
}

.header-small-menu .address li:after {
    color: #ccc;
    content: "|";
}

.header-small-menu .address li:last-child:after {
    content: none;
}

.header-small-menu .address li a{
	margin-right: 10px;
}


#login-box {
    width: 300px;
    float: right;
    padding-top: 7px;
}
#login-box .form-inline {
    margin-bottom: 0;
}*/
.main-header {
    height: 107px;
    border-top: 1px solid #fff;
    background-color: #E5E5E5;
}

.header-content {
    margin-top: -5px;
    height: 107px;
    border-top: 1px solid #fff;
    background-color: #EAEAEA;
    padding: 0 50px;
}


.header-content .product-name {
    float: left;
    padding-top: 15px;
}

.header-content .product-name h1{
    color: #005380;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
    line-height: 30px;
    text-transform: uppercase;

}

.header-content .product-name h2{
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    line-height: 30px;
}

.header-content .header-tooling {
    float: right;
    padding-top: 24px;
}


    .header-content .header-tooling .font-size-img {
        display: block;
        width: 50px;
        height: 30px;
        background-image: url("Images/fontsize_btn.png");
    }

.header-small-menu {
	float: right;
	padding-top: 5px;
	padding-left: 15px;
	clear: right;
     max-width: 100%
}

.header-small-menu .address li {
    display: inline;
    padding: 0 5px;
}

.header-small-menu .address li:after {
    color: #ccc;
    content: "|";
}

.header-small-menu .address li.last:after {
    content: none;
}

.header-small-menu .address li a{
	margin-right: 10px;
    color: #005380;
}

.header-small-menu .address li.last a{
    margin-right: 0;
}



/*------------------------------------------------------------------------------------------------------------------------   
        Site Menu Styles
------------------------------------------------------------------------------------------------------------------------*/

.main-menu-box {
    height: 35px;
    border-top: 1px solid #fff;
    background-color: #c8dce6;
}


.menu-content {
    overflow: visible;
    margin-top: -5px;
    border-top: 1px solid #fff;
    background-color: #c8dce6;
}

.menu-content  ul[class*=' menu-main-menu-']  {
    margin: 0 auto;
    list-style: none;
    text-align: center;
    height: 35px;
    overflow: visible;

}


.menu-content ul[class*=' menu-main-menu-'] li {
    display: inline;
    padding: 10px;
    border-top: 2px solid #005380;
    border-bottom: 2px solid #005380;
    border-left: 1px solid #005380;
    border-right: 1px solid #005380;
    position: relative;
    height: 35px;
    top: 6px;
    background-color: #ffffff;
    margin: auto;
}

.menu-content ul[class*=' menu-main-menu-'] li.first {
    border-left: 2px solid #005380;
}

.menu-content ul[class*=' menu-main-menu-'] li.last {
    border-right: 2px solid #005380;
    
}

.menu-content ul[class*=' menu-main-menu-'] li a {
    color: #000;
    text-decoration: none;
    font-size: 1em;
    white-space: nowrap;
}

#tools_size span.hide {
	display: none;
}

#tools_size span.box {
	color: #005380;
	border: 2px solid #ccc;
	background-color: #fff;
	display: none;
	position: absolute;
	font-size: 4em;
	line-height: 1.6em;
	letter-spacing: 2pt;
	left: 0px;
	width: 98%;
	margin-left: 1%;
	z-index: 10000;
	margin-top: 14pt;
}
#tools_size:hover span.box {
	display: block;
}
#tools_size span.text {
	display: block;
	padding: 20pt;
}


/*------------------------------------------------------------------------------------------------------------------------   
        Site Side Menu Styles
------------------------------------------------------------------------------------------------------------------------*/


#aside-first nav > ul.menu > li.current > a,
#aside-first nav > ul.menu > li.current > a:hover {
    color: #444;
    text-shadow: 0 -1px 0 #ffffff;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
    background-color: #cedfe8;
}

#aside-first nav > ul.menu > li {
    padding-right: 20px;
}

#aside-first nav > ul.menu > li > a {
    border-radius: 5px;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    margin-top: 2px;
    margin-bottom: 3px;
    line-height: 14px;
}

#aside-first nav > ul.menu > li > a:hover {
    color: #444;
    background-color: #eeeeee;
}


/*------------------------------------------------------------------------------------------------------------------------   
        Site Main Content Styles
------------------------------------------------------------------------------------------------------------------------*/


.main-content-box {
    border-top: 1px solid #fff;
    background-color: #D1D1D1;
}

.main-content-box .container {
    border-top: 1px solid #fff;
    background-color: #D1D1D1;
    margin-top: -5px;
    background-color: #fff;
    padding: 25px 0;
}

/*------------------------------------------------------------------------------------------------------------------------   
        Site Footer Content Styles
------------------------------------------------------------------------------------------------------------------------*/

.footer-box {
    background-color: #D1D1D1;
}


.footer-content {
    overflow: visible;
    margin-top: -5px;
    border-top: 1px solid #fff;
    background-color: #fff;
    height: 165px;
 
}

.footer-content .address {
    list-style: none;
    text-align: center;
}

.footer-content .address li {
    display: inline;
    padding: 0 10px;
}

.footer-content .address li:after {
    content: " | ";
	margin-left: 10px;
}

.footer-content .address li:last-child:after {
    content: none;
	
}
.footer-content .user-display {
    text-align: center;
}


/*------------------------------------------------------------------------------------------------------------------------   
        Site Container Content Styles
------------------------------------------------------------------------------------------------------------------------*/



.content-box {
    padding: 0 50px;
}

.content-box-left {
    padding-left: 50px;
}

.content-box-right {
    padding-right: 50px;
}

div.inline {
	display: inline;
}


.short-text {
    height: 20px;
    overflow: hidden;
}

.stateDropDown {
	margin-bottom: 0;
	width: 120px;
}

.dl-horizontal dt {
	font-weight: normal;
	width: auto;
}
.dl-horizontal dd {
margin-left: 140px;
}

/*======================== Pagination =======================================*/

/* Overrides and extentions */

.pagination
{
    
}

.pagination .ctm-pager-info
{
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .pagination .ctm-pager-info > li > span > label,
    .pagination .ctm-pager-info > li > span > input,
    .pagination .ctm-pager-info > li > span > select
    {
        display: inline-block;
        margin: 0px;
        font-weight: normal;
    }

    .pagination .ctm-pager-info > li > span
    {
        border: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
        .pagination a.state-active
        {
            background-color: #efefef;
        }

        .pagination .ctm-pager-info > li > span.ctm-pager-input
        {
            padding: 0;
            border: 0;
        }

            .pagination .ctm-pager-info > li > span.ctm-pager-input > input
            {
                width: 18px;
            }

            .pagination .ctm-pager-info > li > span.ctm-pager-input > select
            {
                width: 64px;
            }


    .pagination .ctm-pager-info > li > a,
    .pagination .ctm-pager-info > li > span
    {
        background-color: transparent;
    }


    /*======================== Validation =======================================*/

.field-validation-error
{
    color: #D15C5C;
    font-weight: bold;
    display: block;
}

.field-validation-valid
{
    display: none;
}


input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error
{
    border-color: #ef6765 !important;
}

    input.input-validation-error:focus,
    select.input-validation-error:focus,
    textarea.input-validation-error:focus
    {
        border-color: #ef6765;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ef6765;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ef6765;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ef6765;
    }



.validation-summary-errors
{
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    border: 1px solid #eed3d7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
    color: #b94a48;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

    .validation-summary-errors > span
    {
        font-weight: bold;
    }

.validation-summary-valid
{
    display: none;
}

/*------------------------------------------------------------------------------------------------------------------------   
        Bootstrap overrides
------------------------------------------------------------------------------------------------------------------------*/

.nav-list >.active>a, 
.nav-list >.active>a:hover, 
.nav-list >.active>a:focus {
    color: #444;
    text-shadow: 0 -1px 0 #ffffff;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
    background-color: #cedfe8;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
    color: #444;
    text-shadow: 0 -1px 0 #ffffff;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
    background-color: #cedfe8;
}


.label-info, .badge-info {
    background-color: #005380;
}
.dl-horizontal dd {
    margin-bottom: 5px;
}
.dl-horizontal dt {
    margin-bottom: 5px;
}

input.large {
      width: 50% !important; 
}

/*------------------------------------------------------------------------------------------------------------------------   
        search text field bootstrap / jquery ui overrides
------------------------------------------------------------------------------------------------------------------------*/

/* search page has span7, main page has span8*/


#query.span7 {
    width: 526px;
}
#query.span8 {
    width: 606px;
}

@media (max-width: 1184px) and (min-width: 768px) {
    #query.span7 {
        width: 338px;
    }    
    #query.span8 {
        width: 400px; 
        /* original width: 462px, looks ugly*/
    }    
}

@media (max-width: 767px) { 
    #aside-second.span3 {
         width: 192px;
    }
    #query.span7 {
        width: 192px;
    }
    #query.span8 {
        width: 192px;
    }
    .header-small-menu{
    width: 100%
}

.menu-content {
     width: 100%
}
.menu-content ul[class*=' menu-main-menu-'] li {
    width: 50%;
    font-size: 12px;
    
}
.menu-content ul[class*=' menu-main-menu-'] li a {
margin: 0 6px;
   

}
}




/* Styling of search widget when on main-page */
/* Different JQueryUI version CSS loaded for DoffinTheme and Eps.Searching (?!!?!), override some things from the old one
    instead of finding out how to load the new one, since other things might be affected. Fix this at some other time when not
    so stressed */

ul.ui-widget {
	font-family: Calibri, Arial, sans-serif;
	font-size: 0.95em;
}

/*------------------------------------------------------------------------------------------------------------------------   
        Survey style
------------------------------------------------------------------------------------------------------------------------*/
.widget-doffinsurvey input[type="radio"] {
    margin-bottom: 20px;
vertical-align: top;
margin-right: 5px;
}

.widget-doffinsurvey textarea[name$=".Text"] {
margin-bottom: 10px; 
width: 430px;
height: 50px;

}
.widget-doffinsurvey fieldset label:first-of-type{
margin-bottom: 15px; 
}