﻿div#title
{
    background: url('images/header-logo.png') no-repeat left 8px;
    width: 230px;
    height: 60px;
}
div#phone
{
    background: url('Konnect/phoneicon.png') no-repeat left 6px;
}
div#homeIcon
{
    background: url('Konnect/home-button.png') no-repeat left top;
    width: 27px !important;
    margin-left: 5px;
    background-position: -55px 0;
    color: #999999;
}
div#homeIcon.atHome
{
    background-position: -1px 0;
}
div#homeIcon:hover
{
    background-position: -28px 0;
    color: #595959;
}
div#headerSection__orgLogoContainer {
    width: 230px;
}
div#headerSection__dividerLineContainer {
    width: 2px;
}

#headerSection__buttonsContainer > div {
    width: 85px;
    text-align: left;
}
div#headerSection__homeIcon {
    position: relative;
    top: 20px;
}
div#headerSection .verticalAlign {
    position: relative;
    top: 20px;
}

div#headerSection__logoutIcon {
    margin-right: 5px;
}

@media all and (max-width: 445px) {
    #headerSection__orgLogoContainer {
        width: 138px !important;
    }
    #headerSection__orgLogoContainer img {
        width: 135px !important;
    }
    #headerSection__orgLogoContainer > a {
        position: relative;
        top: 10px;
    }
    #headerSection__buttonsContainer > div {
        top: 30px !important;
    }
    .headerDividerLine {
        top: 25px !important;
    }
    #headerSection__dividerLineContainer {
        display: none !important;
    }
}
@media all and (max-width: 335px) {
    #headerSection__buttonsContainer > div {
        width: auto !important;
    }

    #headerSection__buttonsContainer {
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    #headerSection__homeIcon {
        left: -12px;
    }

    #headerSection__logoutIcon {
        right: 45px;
    }
}

@media all and (max-width: 300px) {
    #headerSection__buttonsContainer span {
        display: none !important;
    }

    #headerSection__logoutIcon {
        right: 0;
    }
}

div#topOrangeBar
{
    background-color: #c3480f;
}
div#topOrangeBar.greyStyle, div#topOrangeBar.atHome{
	background-color: #414141;
}
a:link
{
    color: #c3480f;
    text-decoration: underline;
}
a:visited
{
    color: #c3480f;
}

a:hover
{
    color: #c3480f;
    text-decoration: none;
}
a:active
{
    color: #c3480f;
}
#logindisplay a:link
{
    color: #c3480f;
}
#logindisplay a:visited
{
    color: #c3480f;
}
#logindisplay a:hover
{
    color: #e3683f; /* slight highlight of base #c3480f on hover  */
}
#change-account a:link
{
    color: #999999;
    text-decoration: none;
}
#change-account a:visited
{
    color: #999999;
    text-decoration: none;
}
#change-account a:hover
{
    color: #595959;
    text-decoration: none;
}
.widgemadgetSelected
{
    color: #c3480f;
}
.coloredButton
{
    background-image: url('Konnect/LoginButton.png');
    background-repeat: no-repeat;
}
.ui-widget-content a
{
    color: #C3480F;
}
.ui-widget-header
{
    border-bottom: 2px solid #C3480F !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
	border: none !important;
    background:url(Images/Menu/ActiveTab.png) repeat-x top left !important;
}

.ui-autocomplete .ui-state-active:not(.ui-autocomplete-no-results, .ui-autocomplete-add-new) {

    background:#eee !important;
}

.dxgvControl_BlackGlass a 
{
	color:#C3480F;
}
.colouredText, .colouredTextBig
{
	color: #C3480F;
}
.dxpPageNumber_BlackGlass, .SectionHeader .formLabel
{
    color: #C3480F !important;
}
.dxpCurrentPageNumber_BlackGlass
{
    color: white !important;
    background: #C3480F !important;
}
.homeHelp
{
    width:300px;   
    height:80px;
    background:url(images/icons/big-phone.png) no-repeat;
    margin-top:67px;
    margin-left:0px;
    padding-left:35px;
    padding-top:12px;
    font-family:"Arial","sans-serif";
    font-size:11pt;
    color:#646464;
}

/*Start FormView.EmailAddress */
a.suggested-email { 
    color: #c3480f;
    text-decoration: underline;
    cursor:pointer;
}
a.suggested-email:hover
{
    color: #c3480f;
    text-decoration: none;
}
a.suggested-email:active
{
    color: #c3480f;
}
a.suggested-email .domain
{
    font-weight:bold;
}
/*End FormView.EmailAddress */
