/* Default styles for an input form. */
a img {
    border: none;
}

#content a, #content a:visited {
    font-size: 10pt;
}

.agency-responsive-menu a, .agency-responsive-menu > .first > a, .agency-responsive-menu > .last > a {
    border: none;
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 1;
    padding: 16px;
    position: relative;
    text-decoration: none;
}

.vert_align {
    vertical-align: text-top !important; /* Override input_table */
}

.input_table {
    background-color: #EEEEEE;
    border: solid 1px #BBBBBB;
    width: 100%;
}

    .input_table td {
        padding: 3px;
        vertical-align: middle;
    }

    .input_table label {
        font-weight: bold;
        float: right;
        font-size: small;
    }

    .input_table .text {
        font-size: small;
    }

    .input_table .textbox {
        float: left;
        border: thin solid #637ba5;
        width: 200px;
    }

    .input_table h5 {
        text-align: center;
        font-size: 1em;
        font-weight: bold;
    }

/* Login form styles. */
#login_form {
    background: url('../images/sprites-repeat.png') repeat-x 0 -156px;
    height: 150px;
    width: 350px;
    padding: 5px;
}

    #login_form td {
        padding: 3px;
        vertical-align: middle;
    }

    #login_form label {
        font-weight: bold;
        float: right;
        font-size: small;
    }

    #login_form .textbox {
        float: left;
        border: thin solid #637ba5;
        width: 200px;
    }

.account_reset_links a, .account_reset_links a:hover, .account_reset_links a:focus, .account_reset_links a:visited {
    font-weight: bold;
}

    .account_reset_links a:hover {
        font-weight: bold;
    }

.box {
    background: #D9E1EE;
    border: 1px solid #a6a7a7;
    color: #171C34;
    margin: 5px 0;
}
/* Login and logout status lable styles. */
/*.login_label
{
	float: right;
	padding: 5px 15px 0px 0px;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	text-align: right;
	position: relative; 
	top: -70px;
    width: 500px;
}*/

.login_label {
    padding: 5px 15px 0px 0px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 12px;
    text-transform: none;
    text-align: right;
}

    .login_label a, .login_label a:hover, .login_label a:focus, .login_label a:visited {
        color: #FFFFFF;
        text-decoration: underline;
        font-weight: bold;
    }

        .login_label a:hover {
            color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
        } 

/* These styles are used for the confirmation and error messages. */
.confirmation_summary_box {
    background-color: #F3F9F4;
    border: solid 1px #91C89C;
    color: #000000 !important;
    font-style: italic;
    margin: 10px;
    padding: 10px;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
}

    .confirmation_summary_box li {
        list-style: none;
    }

    .confirmation_summary_box a {
        font-size: 110% !important;
        font-weight: bold;
    }

.validation_summary_box {
    background-color: #FFF8F7;
    border: solid 1px #D04437;
    color: #000000 !important;
    font-style: italic;
    margin: 10px;
    padding: 10px;
    text-align: left;
    font-size: 110%;
    font-weight: bold;
}

    .validation_summary_box li {
        list-style: circle none inside;
        padding-bottom: 10px;
    }

.validation_item {
    color: red;
    font-size: 20pt;
}

.warning {
    padding: 20px;
    background-color: #FFF8F7;
    color: #000000 !important;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 15px;
    border: solid 1px #D04437;
    text-align: center;
}

.notification_summary_box {
    background-color: #FCFCFC;
    border: solid 1px #637BA5;
    color: #000000 !important;
    font-style: italic;
    margin: 10px;
    padding: 10px;
    text-align: left;
    font-size: 110%;
    font-weight: bold;
}

    .notification_summary_box li {
        list-style: circle none inside;
        padding-bottom: 10px;
    }

.services ul {
    list-style-type: none;
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

.services li {
    padding: 2px 0px 0px 30px;
}

.note {
    font-style: italic;
    font-size: 1.0em;
    color: #999999;
    padding-bottom: 5px;
    vertical-align: sub;
    word-break:  break-word;
}

/* These styles are used for debugging. */
.hidden_links {
    background-color: #F0F0F0;
    border: solid 1px #CC0000;
    color: #CC0000 !important;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
}


/* IMAGE SPRITES */

div.footer-decoration {
    background: url(../images/sprites.png) 0px -48px;
    height: 45px;
    width: 960px;
}

div.business-services {
    background: url(../images/sprites.png) no-repeat -352px 0;
    height: 48px;
    width: 48px;  
}

div.individual-services {
    background: url(../images/sprites.png) no-repeat -400px 0;
    height: 48px;
    width: 48px;   
}

div.account-services {
    background: url(../images/sprites.png) no-repeat -448px 0;
    height: 48px;
    width: 48px;
    margin-right: 10px;
}

div.help {
    background: url(../images/sprites.png) no-repeat -496px 0;
    height: 38px;
    width: 38px;
    margin-right: 10px;
}

div.faq-myalaska {
    background: url(../images/sprites.png) no-repeat -534px 0;
    height: 38px;
    width: 38px;
    margin-right: 10px;
}

div.faq-services {
    background: url(../images/sprites.png) no-repeat -572px 0;
    height: 38px;
    width: 38px;
    margin-right: 10px;
}

div.popular-services {
    background: url(../images/sprites.png) no-repeat -628px 0;
    height: 48px;
    width: 48px;
    margin-right: 10px;
}

.whats-this {
    background: url(../images/sprites.png) no-repeat -611px 0;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    margin-top: 2px;
    float: left;
    text-indent: -9999px;
}

div.page_content_container {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

div.footer_flow_right ul li {
    float: left;
    display: inline;
    padding: 0 10px 10px 0;
    list-style: none;
}

div.footer_flow_right a, dfn {
    font-style: normal;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: .8em;
    font-weight: bold;
    text-decoration: underline;
}

div.center_content {
    text-align: center;
}
.left_aligned_content {
    text-align: left;
}
.right_aligned_content {
    text-align: right;
}

table.services tbody tr td {
    background-color: #FFFFFF;
    background: #FFFFFF;
    padding: 0;
    /*margin: 0;*/
}

h1, h2, h3, h4, h5, h6 {
    color: #014c8b;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    /* margin-bottom: 10px; */
    padding: 5px 0;
}

h5 {
    font-size: 1em;
}

input[type=checkbox], input[type=radio] {
    margin-right: 5px;
}

/*** MEDIA QUERIES FOR MOBILE DEVICES ***/
@media only screen and (max-width: 960px) {
    #container, #top_bar, #header, #menu, #department_footer, #footer_content {
        width: 100% !important;
    }

    #department_footer {
        padding: 10px 0;
    }
}

@media only screen and (max-width: 768px) {
    #department_footer, #footer_content {
        display: none;
    }

    #footer {
        min-height: 20px;
    }
}

@media only screen and (max-width: 600px) {
    #top_bar ul {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .input_table, .input_table textarea {
        width: 100% !important;
    }

        .input_table td {
            width: auto !important;
        }
}

@media only screen and (min-width: 521px) {
    #menu {
        display: block !important;
    }
}

@media only screen and (max-width: 520px) {
    #menu {
        background: #061D40;
        border-top: 3px solid #637ba5;
        display: none;
        height: auto;
    }

        #menu ul li {
            float: none;
        }

            #menu ul li a:hover {
                background: #637ba5;
            }

        #menu .menu_selected {
            background: transparent;
        }

    #menu_button {
        display: inline;
    }

    .login_label {
        /*color: #000000;*/
        color: #FFFFFF;
        font-weight: bold;
        top: 0px !important;
    }

        .login_label a {
            /*color: #0A306A !important;*/
            color: #FFFFFF !important;
        }
}

@media only screen and (max-width: 350px) {
    #login_form {
        width: 100%;
    }

    #content {
        padding: 20px 0;
    }
}