/* Front Page Styles  
----------------------------------------------------------*/
/* === global styles reset === */
html, body {
    /*height: auto;*/
    /*overflow: clip;*/
    height: 980px;
}

body {
    font-family: arial,helvetica,sans-serif;
    font-size: 85%;
    color: #3A3A3A;
    background-color: #FFFFFF;
    text-align: left;
    margin: 0;
    padding: 0;
    /*width: 100%;*/
    /*height: 100%;*/
    
}

p, h1, h2, h3, h4, h5, h6 li {
    margin: 0;
    padding: 0;
}

/* entire content container */
div#hm-wrapper {
    /*min-height: 100%;*/
    height: auto !important;
    /*height: 100%;*/
   
}

/* === headers === */
div.pb-header-container {
    background-color: #033764;
    height: 100px;
    border: 0 none;
    font-size: 100%;
    /*outline: 0 none;*/
    margin: 0 auto;
    padding: 0;
}

div.pb-header {
    height: 100px;
    margin: 0 auto;
    position: relative;
    width: 980px;
    z-index: 1000;
    top: 0;
    left: 0;
    border-style: none;
    color: #1f384a;
}
/*=== 1035 yellowpages logo ===*/
div.pb-logo {
    position: absolute;
    width: 300px;
    height: 75px;
    padding: 0;
    top: 20px;
    left: 0;
    display: block;
    z-index: 1000;
    border-style: none;
}

/*=== Public Facing Pages navigation ===*/
div.pb-nav-container {
    position: absolute;
    display: inline;
    width: 680px;
    height: 50px;
    right: 0px;
    top: 50px;
    padding: 0;
    color: white;
    font: normal 500 16px Verdana, Lucida, Arial, sans-serif;
    font-variant: small-caps;
}

div.pb-header-nav-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.pb-header-nav-content li {
    margin-left: 0;
    padding: 0;
    margin: 0 0 0 35px;
    display: inline;
    list-style: none outside none;
    float: right;
    color: #fff;
    text-decoration: none;
}

    div.pb-header-nav-content li a {
        margin-left: 0;
        padding: 0;
        color: #fff;
    }

        div.pb-header-nav-content li a:link {
            color: white;
            text-decoration: none;
        }

        div.pb-header-nav-content li a:visited {
            font-weight: 500;
            color: white;
            text-decoration: none;
        }

        div.pb-header-nav-content li a:hover {
            font-weight: 500;
            color: yellow;
            text-decoration: underline;
        }

        div.pb-header-nav-content li a:active {
            font-weight: 500;
            color: yellow;
            text-decoration: underline;
        }
/*=== footer ===*/
div#hm-footer-container {
    height: 75px;
    border: 0;
    margin: 0 0 0 0; /* negative value of footer height */
    padding: 0;
    /*outline: 0 none;*/
    background-color: #c8d5e4;
    display: block;
    position: relative;
    clear: both;
}

div#hm-footer {
    color: #2f2f4f;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    width: 980px;
    height: 75px;
    position: relative;
}

div#hm-footer-content-left {
    padding: 0;
    margin-left: 0;
    top: 0;
    width: 55px;
    height: 60px;
    display: block;
    float: left;
    text-align: left;
    position: relative;
}

div#hm-footer-cti-logo {
    margin: 12px 0 0 0;
    padding: 0;
    top: 5px;
    left: 0;
    width: 50px;
    height: 50px;
    z-index: 100;
}

div#hm-footer-nav-content {
    float: left;
    left: 0;
    margin: 0;
}

div#hm-footer-content-center {
    padding: 8px 0 0 0;
    margin-left: 0;
    width: 630px;
    height: 50px;
    display: block;
    float: left;
    text-align: left;
    position: relative;
}

div#hm-footer-cti-copyright {
    margin-top: 10px;
    margin-left: 0;
    line-height: 1.4em;
    height: 45px
}

div#hm-footer-content-right {
    position: relative;
    padding: 0;
    margin-top: 10px;
    width: 257px;
    height: 60px;
    margin-left: 0;
    display: block;
    float: right;
}

/*=== main content ===*/
/*=== Note: padding at the bottom must
 be same height as the footer ===*/
div#hm-main-container {
    background-color: #fff;
    margin: auto;
    top: 0px;
    left: 0px;
    height: 735px;
    /*overflow: auto;*/
    padding: 0 0 50px 0;
}

div#hm-main-container-banner {
    overflow: visible !important;
    padding: 0;
    top: 0px;
    left: 0px;
    height: 100px;
    background-color: #033764;
    border-bottom: 3px #F89D72 ridge;
    overflow: auto;
}
/*=== background-color:#1C3950; ===*/
div#hm-div-image-container {
    margin: 0 auto;
    z-index: 1000;
    height: 325px;
    width: 980px;
    padding: 0;
    position: relative;
    top: -95px;
    border: 15px white solid;
}

div#hm-main-content {
    background-color: #fff;
    margin: auto;
    padding: 0;
    position: relative;
    top: -95px;
    left: 0px;
    width: 980px;
    height: 350px;
}

div#hm-div-container-left {
    padding: 0;
    margin-left: 0;
    top: 0;
    width: 250px;
    height: 350px;
    display: block;
    float: left;
    text-align: left;
}

/*=== login section ===*/
div#hm-div-login {
    background: transparent left top repeat scroll url(../Images/grey-tile_10x10px.png);
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    width: 250px;
    height: 350px;
    z-index: 100;
}

.passwordChange {
    padding-top: 25px;
}

/*=== Login ===*/
div#hm-login-title-container {
    height: 40px;
    margin: 0;
    padding: 0;
}

div#hm-login-textbox-container {
    margin-top: 15px;
}

div.hm-login-txtbox-lbls {
    margin: 7px 0 1px 15px;
    width: 250px;
    font: normal 14px Arial, sans-serif;
    color: #666;
}
/*=== color: #2A2724; ===*/
div.hm-login-txtbox {
    height: 25px;
    margin: 0 15px 5px 15px;
    font-family: Arial;
    font-size: medium;
}

div.all-inptvalidatormsg {
    height: 10px;
    font-family: Arial;
    font-size: small;
    color: Red;
}

div#hm-login-button-section {
    margin-top: 20px;
}

div#hm-login-buttons {
    margin: 15px 5px 20px 15px;
    height: 15px;
}

div#hm-btn-login {
    float: left;
    display: inline-block;
    margin: 0;
}

div#hm-login-rem {
    float: left;
    display: inline-block;
    margin: 7px 10px 0 10px;
    color: #000;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 12px;
}

div#hm-btn-login-opts {
    height: 70px;
    position: static;
    display: block;
    margin: 15px 0 0 0;
    border-top: 1px dotted grey;
    padding: 0;
    clear: both;
}

div#hm-btn-chg-pswd {
    margin: 10px 5px 3px 0;
}

div#hm-btn-forgot-creds {
    margin: 5px 5px 0 0;
}

div#hm-div-container-center {
    padding: 0;
    top: 0;
    margin-left: 20px;
    width: 435px;
    height: 350px;
    display: block;
    float: left;
    text-align: left;
}

div#hm-div-news-container {
    padding: 0;
    top: 5px;
    left: 0;
    width: 435px;
    height: 350px;
    background: transparent left top repeat scroll url(../Images/blue-tile_10x10px.png);
}
/*
	background:transparent left top repeat scroll url(../Images/blue-tile_10x10px.png);
	border-top: 2px solid grey;
	border: 1px double #DCB19C;
	background-color:#ECF3FB;
*/
div#hm-div-news-title-container {
    height: 40px;
    margin: 0;
    padding: 0;
}
/* === 
	background-color:#ABBBCC;
	border-bottom: 2px ridge #C0D2E3;
	background-color:#ABBBCC;
	border-bottom: 2px ridge #C0D2E3; 
	border-bottom: 2px ridge #caeeb8;
	background-color: #b0b691;
	
div#hm-div-news-title{
	margin: 0;
	padding-top: 0;
	font: normal 700 20px Verdana, sans-serif;
	color: #033764;
	font-variant: small-caps
	}=== */
/* === 
	color: #1e3116;
	color: #191970;
	text-shadow:0 -1px #ABBBCC, 0 1px #F5F9FE;
	=== */
div.news-panel-generalnews {
    height: 85%;
    width: 98%;
    color: #2f2f4f;
    font-size: 15px;
}

    div.news-panel-generalnews ul {
        list-style-type: none;
        margin: 5px 15px 15px 30px;
        padding: 0;
    }

    div.news-panel-generalnews li:before {
        content: "";
        border-color: transparent #0a5791;
        border-style: solid;
        border-width: 0.35em 0 0.35em 0.45em;
        display: block;
        height: 0;
        width: 0;
        left: -1em;
        top: 0.9em;
        position: relative;
    }

    div.news-panel-generalnews li {
        border-bottom: 1px dotted grey;
        padding-bottom: 10px;
    }

    div.news-panel-generalnews strong {
        color: #0a5791;
        font-weight: 500;
    }

    div.news-panel-generalnews li a:link {
        color: #0a5791;
    }

    div.news-panel-generalnews li a:visited {
        color: #db6b11;
    }

    div.news-panel-generalnews li a:hover {
        color: #b80000;
    }

    div.news-panel-generalnews li a:active {
        color: #b80000;
    }
/* === 
	color: #1e3116;
	color: #191970;
	=== */
div#hm-div-container-right {
    position: relative;
    padding: 0;
    top: 0;
    left: 0;
    width: 257px;
    height: 350px;
    margin-left: 0;
    display: block;
    float: right;
    text-align: left;
}
/* === white background, 
handles border outline of the entire container 
=== */

div#hm-div-marketing-container {
    padding: 0;
    left: 0;
    width: 257px;
    height: 350px;
    background: transparent left top repeat scroll url(../Images/green-tile_10x10px.png);
}
/* 
	background:transparent left top repeat scroll url(../Images/green-tile_10x10px.png);
	border-top: 2px solid grey;
	top: 5px;
	border: 1px double #DCB19C;
	background-color: #E7EBD4;
	=== border: 1px ridge #be5028; === */
/* === blue background-color: #D7D7DE === */
/* === blue background-color: #c4c4cd === */
/* === blue background-color: #ABBBCC === */
div#hm-div-mrkt-title-container {
    height: 40px;
    margin: 0;
    padding: 0;
}
/* === 
	Blue
	border-bottom: 2px ridge #caeeb8;
	background-color: #A2A885
	background-color:#ABBBCC;
	border-bottom: 2px ridge #C0D2E3; 
	Green
	border-bottom: 2px ridge #caeeb8;
	background-color: #b0b691;
	Grey
	border-bottom: 2px ridge #adada0;
	background-color: #adada0;
	
div#hm-div-mrkt-title{
	margin:0;
	padding-top: 0;
	font: normal 700 20px Verdana, sans-serif;
	color: #1e3116;
	font-variant: small-caps
}=== */
/* === 
	color: #1e3116;
	color: #191970;
	color: #2A2724;
	text-shadow:0 -1px #b0b691, 0 1px #F2F6DC;
	=== */
div#hm-div-mrkt-content {
    margin: 5px 7px 0 15px;
    padding-top: 10px;
    color: #2f2f4f;
    font-size: 15px;
}

    div#hm-div-mrkt-content p {
        margin-bottom: 10px;
        border-bottom: 1px dotted grey;
        padding-bottom: 10px;
    }
    /* === 
	color: #1e3116;
	color: #191970;
	=== */
    div#hm-div-mrkt-content a:link {
        color: #0a5791;
    }

    div#hm-div-mrkt-content a:visited {
        color: #db6b11;
    }

    div#hm-div-mrkt-content a:hover {
        color: #b80000;
    }

    div#hm-div-mrkt-content a:active {
        color: #b80000;
    }

/* === 
	Change Password and Login Creds Panels
	=== */
.cp-panel-basic {
    height: 100%;
    width: 100%;
    padding: 0px;
}

.cp-tbl-chgpassword {
    vertical-align: top;
    text-align: left;
    padding: 5px;
    width: 100%;
}

.cp-tbl-chgpassword-col1 {
    width: 40%;
}

.cp-tbl-chgpassword-col2 {
    width: 30%;
}

.cp-tbl-chgpassword-col3 {
    width: 30%;
    text-align: right;
}

.cp-text {
    font-size: 10pt;
}

.cp-inptvalidatormsg {
    color: Red;
    font-size: 10pt;
}

.lc-gencomment {
    font-size: 11pt;
    /*color: Maroon;*/
    color: #0a5791;
}

.lc-panel-basic {
    height: 100%;
    width: 100%;
    padding: 0px;
}

.lc-panel-gencomment {
    font-family: arial,helvetica,sans-serif;
    width: 95%;
    padding: 10px;
    text-align: left;
}

.lc-tbl-LoginCredIssues {
    vertical-align: top;
    text-align: left;
    padding: 5px;
    width: 100%;
}

.lc-tbl-LoginCredIssues-col1 {
    width: 15%;
}

.lc-tbl-LoginCredIssues-col2 {
    width: 37%;
}

.lc-tbl-LoginCredIssues-col3 {
    width: 32%;
}

.lc-tbl-LoginCredIssues-col4 {
    width: 1%;
}

.lc-tbl-LoginCredIssues-col5 {
    width: 15%;
}

.lc-tbl-LoginCredIssues-col5-right {
    width: 15%;
    text-align: right;
}

.lc-text {
    font-size: 10pt;
}

.lc-inptvalidatormsg {
    color: Red;
    font-size: 10pt;
}

h5 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.2em;
    font-weight: 600
}

.all-txtbox {
    border-radius: 0px !important;
}