/*
/* vim: set expandtab tabstop=4 shiftwidth=4 softtabstop=4: */
/*=======================================================================
/* (C) 2020 Oakwood Software Insurance Solutions, L.L.C.
/* All Rights Reserved
/* File:        client_2020.css
/* Description: style for Superior
/* Created:     2020-03-19
/* Author:      Kelly Taylor (kelly.taylor@oakwoodsoftware.com)
/* PHP Version:	7
/* $Id: $
/*=======================================================================
*/
/* Custom Fonts */
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('asa_201608/robotocondensed-regular-webfont.woff2') format('woff2'),
    url('asa_201608/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Main Layout */
/**********************************************************/
body {
    background:#102f47 !important; /* background behind everything(was 333 dark grey) **************************************/
    background-color:#333; /* dark grey -not sure what this does*/
    font:13px Arial, Helvetica;
    color: #333;/* font color dark grey */
}

/* LAYOUT : Header */
/**********************************************************/
div#header {
    width:100%;
    /*height:98px;*/
    height:68px;
    background: #FFF;
    display:block;
    margin:0 auto;
    border-bottom:10px solid #FFF;
    border-top: 8px solid #102f47; /* line at very top above logo (was 192E65) ***************/
    text-align:center;
    position:relative;
}

div#header .inner-wrap {
    width:1040px; /*1040*/
    height:98px;
    margin:0 auto;
    text-align:center;
    position:relative;
    left:0;
}

div#header a#logo {
    width: 250px;
    height: 83px;
    display: inline-block;
    background:url('../images/header_logo.jpg') no-repeat; /*header_logo.png*/
    position:absolute;
    top:5px;
    left:0;
    cursor:pointer;
}

/* This is for devel server only.  uses IS_DEV_SYSTEM from serverVars to determine if this is used */
div#header a#dev_logo {
    width:250px;
    height:83px;
    display:inline-block;
    background:url('../images/header_dev_logo.jpg') no-repeat; /*header_dev_logo*/
    position:absolute;
    top:5px;
    left:0;
    cursor:pointer;
}

/* LAYOUT : Header : Header Links */
/* cb7f3a = gold */

div#header ul {
    width:100%;
    height:36px;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:71px;
    right:0;
    border-top:1px solid #333;
}
div#header ul li {
    height:16px;
    margin:9px 0 0 0;
    padding:0;
    display:inline-block;
    text-align:center;
    float:left;
    list-style:none;
    position:relative;
    border-right: 1px solid #333;
}
div#header ul li.first {
    margin-left:0;
}
div#header ul li.last {
    border-right: 0;
}

div#header ul li a {
    height:10px;
    margin:-1px 0 0 0;
    display:inline-block;
    padding:0 10px 13px; /* CUSTOMIZE; padding-bottom edited in style.ie.css */
    text-align:center;
    color:#424242;
    text-decoration:none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'roboto_condensedregular';
}

div#header ul li a:hover,
div#header ul li a.current {
    color:#666;
    /*background:url('../images/v3/link-arrow.png') no-repeat right 16px;*/
}

div#header ul li a.selected {
    border-bottom:5px solid #cb7f3a;
}

/* v2 Styles */
/* v2 > Main Page */
table#mainpage {
    border:0;
    margin:0 auto 5px auto;
    padding:0;
    width:1040px;
}

table#mainpage td {
    background:#FFF;
    font:13px Georiga;
    color:#666;/*dark grey*/
    padding:0;
    vertical-align:top;
}

table#mainpage td#banner {
    /*width:640px;*/
    height:391px;
    background:#858D91 url('/images/v3/main/team.jpg') no-repeat top right;/*dark blue*//*was 0069aa*/
    border:10px solid #FFF;/*white*/
    position:relative;
}

table#mainpage td#banner div#top {
    display:block;
    width:427px;
    text-align:center;
    background:#E4DFD9; /*E4DFD9*//*grey*/
    padding:30px 0;
}

table#mainpage td#banner div#bottom {
    display:block;
    /*background:#0069aa;*/
    width:386px;
    position:relative;
    bottom:0;
    left:0;
    text-align:center;
    padding:10px 0;
}

table#mainpage td#banner div#bottom span {
    display:block;
    width:250px;
    text-align:left;
    color:#E4DFD9;/*light grey*/
    font: 17px Arial, Helvetica;
    margin:10px 0 0 19px;
}

table#mainpage td#banner div#bottom img {
    width:142px;
    height:83px;
    padding:0;
    margin:0;
    border:0;
    position:absolute;
    right:13px;
    top:48px;
}

table#mainpage td#banner div h1,
table#mainpage td#banner div h2,
table#mainpage td#banner div h3 {
    margin:0 auto;
    color:#18679A;/*dark blue*/
    text-align:center;
    border-bottom:none;
}

table#mainpage td#banner div h1 {
    font:40px Arial, Helvetica;
}

table#mainpage td#banner div h2 {
    font:27px Arial, Helvetica;
    text-transform:uppercase;
}

table#mainpage td#banner div h3 {
    font:47px Arial, Helvetica;
    margin-top:-5px;
}

table#mainpage td#banner div#top span {
    display:block;
    font:15px Arial, Helvetica;
    margin-top:20px;
    color:#18679A;/*drab blue*/
    text-align:center;
}

/* Smaller blocks */
table#mainpage td#topright {
    background:#FFF;
    width:300px;
    padding:10px;
    text-align:center;
    position:relative;
}

table#mainpage td#topright a {
    text-decoration:none;
}

table#mainpage td#topright a img {
    width:299px;
    height:130px;
    border:1px solid #0069AA;/*dark bright blue*/
    border-top:9px solid #0069AA;
    border-bottom:9px solid #0069AA;
}

table#mainpage td#amwinsgroup {
    height:230px;
    padding-top:10px;
}

table#mainpage td#amwinsgroup a#grouplink {
    display:block;
    width:299px;
    height:215px;
    text-decoration:none;
    margin:auto auto;
    border:3px solid #18679A;/*drab blue*/
}

table#mainpage td#amwinsgroup a#grouplink img {
    width:299px;
    height:215px;
}

/* WRAPPERS */
/* Main Page */
/**********************************************************/
#mainpage_container,
#content_container {
    width: 100%;
    background:#fff;/* white this is the body background between header & footer (was e5dcd6 light grey)******************************/
    margin: 0 auto;
    margin-bottom: 0;
    padding: 15px 0;
    color: #333;/*black*/
    line-height: 100%;
    font: 12px Arial, Helvetica;
}

/* FOOTER */
#footer_wrapper {
    width: 100%;
    margin: 0 auto;
    background: #102f47;/* this is the background where Home & osis is and copyright(was black/grey 192E65)*******************************/
}
/**********************************************************/

.footer_inner {
    width: 1005px;
    margin: 0 auto;
    padding: 5px 0 20px;
    /*height: 143px;*/
    text-align:left !important;
}

#footer_main {
    display:block;
    width: 1005px;
    margin: 0 auto;
    font:12px Arial;
    color: #CCC;/*med grey*/
    clear: both;
}

#footer_main div#logo {
    display: inline-block;
    float: left;
    width: 190px;
    height: 50px;/* this controls space between line, copyright & the home | osis (was 77)****************************************/
/*    background: url('/images/southern_footer_logo.png') center top no-repeat;*/
    margin: 23px 10px 10px 0;
}

#footer_main a {
    font-size: 13px;
    font-family: 'roboto_condensedregular';
    color: #FFF;/*white*/
    text-decoration:none;
}

#footer_main a:hover {
    text-decoration:underline; /* underlines links*/
}

#footer_main ul,
#footer_main ul li {
    margin:0;
    padding:0;
    list-style:none;
}

#footer_main ul {
    display: inline-block;
    float: left;
    padding:0 27px 15px;
    margin: 20px 30px;
}

#footer_main ul li {
    padding:3px 0;
    margin-right: 15px;
}

#footer_main ul li a {
    text-transform: uppercase;
}

#footer_main ul#right {
    border-left: 3px solid #fff;/*WHITE this is the vertical line between HOME & OSIS (WAS )dark grey 858D91)*********************************/
    margin-left: -35px;
    padding-bottom: 0;
    padding-left: 40px;
}

#footer_main ul#right h2 {
    font-size: 13px;
    font-weight: normal;
    font-family: 'roboto_condensedregular';
    color: #FFF;
    text-transform: uppercase;
    padding: 10px 0 6px;
}

#footer_main div#tail {
    display: block;
    clear: both;
    width: 100%;
    padding-top: 5px;/* this is space between line and copyright statement (was 15))*/
    border-top: 3px solid #fff;/*858D91dark grey - this is the line across bottom in footer**********************************/
}

#footer_main div#tail p#ca_disclaimer {
    text-transform: uppercase;
}