@import url("/admin/css/font-awesome/css/font-awesome.min.css");

/* basic styles */

body {
    margin: 0px;
    font-family: arial, sans-serif;
    font-size: 12px;
    text-align: center;
    background: url(../images/topbar_gradient.gif) repeat-x white;
}

.page {
    width: 980px;
    margin: 0px auto;
    text-align: left;
}


/* for pngs as backgrounds {height: px; width: px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="",sizingMethod="scale");} */


/* for pngs in IE6 */

.hiddenalt {
    display: none;
}

p,
td,
li,
blockquote {
    font-size: 12px;
}

p {
    margin-top: 14px;
    margin-bottom: 0px;
}

a,
a:visited {
    color: #0086c9;
}

a:hover {
    color: #7fae14;
}


/* lighter blue */

H1 {
    color: #1194C2;
    font-size: 18px;
    font-weight: bold;
}


/* dark blue */

H2 {
    color: #0059A0;
    font-size: 18px;
    font-weight: bold;
}


/* red */

H3 {
    color: #E11936;
    font-size: 18px;
    font-weight: bold;
}


/* lighter blue small */

H4 {
    color: #1194C2;
    font-size: 16px;
    font-weight: bold;
}


/* dark blue small */

H5 {
    color: #0059A0;
    font-size: 16px;
    font-weight: bold;
}


/* red small */

H6 {
    color: #E11936;
    font-size: 16px;
    font-weight: bold;
}

.floatR {
    position: relative;
    float: right;
}

.floatL {
    position: relative;
    float: left;
}

.breaker {
    clear: both;
}

.border {
    border: solid 1px red;
}

.bttmpad {
    margin-bottom: 10px
}

img {
    border: 0px;
}

.abso {
    position: absolute;
}


/* rates page */

.content_rates_table {
    margin-bottom: 20px;
    width: 100%;
}

.content_rates_table_fields {
    background-color: #0d5494;
    color: white;
    font-weight: bold;
}

.content_rates_table_row2 {
    background-color: #dfe5ef;
}

.content_rates_table_row_highlight {
    color: #0a6104;
}


/* for polls */

.region table td table td {
    padding: 2px;
}

.region table td table {
    margin-bottom: 10px;
}


/* featured rates */

.regions_rates_table {
    width: 100%;
}

.regions_rates_table_row1,
.regions_rates_table_row2 {
    background-color: silver;
    border-bottom: 3px solid white;
    font-size: 10px;
}

.regions_rates_table_effectivedate {
    font-size: 9px;
}

.regions_rates_table_title {
    display: none;
}

.regions_rates_table_fields {
    font-size: 10px;
    color: #0d5494;
}

.aprnote {
    font-size: 10px;
    width: 180px;
}


/* calendars */

.content_calendar_table {
    border: solid 1px #83AD14;
}

td.content_calendar_table_headercell {
    background-color: #83AD14;
    color: white;
    text-align: center;
    font-weight: bold;
}

td.content_calendar_table_headercell a,
td.content_calendar_table_headercell a:visited {
    color: white;
    text-decoration: none;
}

td.content_calendar_table_headercell a:hover {
    color: silver;
    text-decoration: none;
}

td.content_calendar_table_cell {
    border: solid 1px #83AD14
}

td.content_calendar_table_selectedcell {
    border: solid 1px #83AD14;
    background-color: silver
}


/*REMOVE IF CLIENT HAS ARTICLES MODULE*/

.content_article_header {
    color: #0d5494;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

ul.content_article_list {
    padding-left: 10px;
    margin-left: -10px;
    padding-top: 0px;
    margin-top: 0px;
}

ul.content_article_list li {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

.required_legend {
    padding-bottom: 20px;
    color: gray;
    font-style: italic;
}

.searchbox,
.cuf1 {
    color: #4c4c4c;
}


/* forms */

div.taft_formElement-wrapper.wide {
    width: 100%;
}

span.fb_legend {
    padding-bottom: 10px;
    color: gray;
    font-style: italic;
}

hr.fb_legend {
    display: none;
}

li.fb_element {
    padding: 0;
}

form.taft_fb_form ul {
    padding: 0;
    margin: 0;
}

.taft_label-wrapper {
    clear: both;
    width: 33%;
    position: relative;
    float: left;
    min-height: 30px;
    border: solid 0px red;
    padding-right: 10px;
}

.taft_formElement-wrapper {
    width: 66%;
    position: relative;
    float: left;
    min-height: 30px;
    border: solid 0px blue;
    padding-right: 10px;
}

input.fbPhoneprt {
    width: 50px;
}

select.bd {
    width: 71px;
}

select.bdy {
    width: 71px;
}

.captcha,
.no-sortable {
    clear: both;
}

.taft_formElement-wrapper label {
    margin-left: 5px;
}

.wide {
    margin: 20px 0;
}

form.taft_fb_form .col2 {
    width: 48%;
    margin: 0 2% 0 0;
    position: relative;
    float: left;
}

@media only screen and (max-width: 500px) {
    .taft_label-wrapper,
    .taft_formElement-wrapper {
        width: 100%;
        min-height: auto;
    }
    .taft_formElement-wrapper {
        margin-bottom: 10px;
    }
}


/* ******************************************************* */

.banner {
    width: 980px;
    height: 287px;
    background: url(../images/search_people.jpg) right no-repeat;
    overflow: hidden;
    position: relative;
    top: -1px
}

.banner_inside {
    width: 980px;
    height: 72px;
    background: url(../images/interior_searchbar.gif) right no-repeat;
}

.search {
    display: inline;
    margin-left: 15px;
}

.searchbox {
    font-size: 11px;
    border: 0px;
    width: 140px;
}

.searchbutton {
    position: relative;
    top: 5px;
}

.cufind {
    background: url(../images/ownyourmoney.gif) no-repeat;
    width: 651px;
    height: 245px;
}

.cufind_nofind {
    background: url(../images/ownyourmoney_nofinder.gif) no-repeat;
    width: 651px;
    height: 245px;
}

.cuf1 {
    position: relative;
    top: 150px;
    left: 300px;
    border: solid 1px silver
}

.cuf2 {
    position: relative;
    top: 157px;
    left: 306px;
}


/* for dropdown menus*/

.menu {
    width: 980px;
    height: 37px;
    background-color: white;
    z-index: 100;
}

.rollover span.alt {
    display: none;
}

.rollover img {
    border: none;
}

:root .rollover img {
    display: block;
}

.rollover,
.rollover:visited {
    background-color: transparent !important;
    /* needed for Opera5/6 */
    background-repeat: no-repeat;
    background-position: 0 -37px;
}


/* change background position to height of button */

.rollover:hover,
.rollover:focus,
.rollover:active,
.rollover.MMO,
.rollover.MMO:visited {
    background-position: 0 0px;
}


/* top links / utilities */

.toplinks {
    text-align: right;
    font-size: 11px;
    margin: 6px 3px 0px 0px
}

a.toplink,
a.toplink:visited {
    text-decoration: none;
    color: black;
}

a.toplink:hover {
    text-decoration: underline;
    color: #0d5494;
}

.pipe {
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

.signup {
    background: url(../images/community_topsection.gif) no-repeat top;
    width: 980px;
    height: 84px;
}

.su {
    margin: 6px 6px 10px 6px;
}

.su1 {
    border: solid 1px silver;
    margin: 0px 5px;
    width: 230px;
}

.su2 {
    position: relative;
    top: 5px;
}

.buttons {
    width: 980px;
    text-align: center;
}

.content {
    width: 980px;
}


/*.content p, .content ul {width: 640px; margin-left: 10px;}*/

.blubox {
    width: 650px;
}

.blubox_content {
    width: 630px;
    padding: 5px 10px;
    background-color: #e8f4fb;
}


/* regions and sidebar content*/

.regions {
    z-index: 99;
    width: 220px;
    margin: 0px 0px 10px 10px;
}

.regionbox ul {
    margin: 0px;
    padding: 10px 0px 0px 15px;
}

.regionbox ul li {
    padding-bottom: 5px;
}

.homebox {
    width: 321px;
    overflow: hidden;
    z-index: 90;
}


/*height: 300px; */

.padded {
    margin-left: 10px;
}

.homebox img {
    padding-bottom: 5px;
}

.boxtop,
.code_block_indiv_top {}

.regionbox,
.code_block_indiv_content {
    width: 200px;
    padding: 10px;
    background-color: #e8f4fb;
}

.boxbottom,
.code_block_indiv_bttm {
    margin-bottom: 10px;
}

.homebox .regionbox,
.code_block_indiv_content {
    width: 100%;
    padding: 0px;
    background-color: white;
}

.code_block {
    overflow: hidden;
    width: 100%
}


/* prevents breaking the design with images that are too wide, if width set */

.code_block_top {}

.code_block_center {}

.code_block_bttm {}

.code_block_indiv_content p {
    margin-top: 0px;
}


/* footer */

.shoe {
    width: 980px;
    height: 250px;
}

.bottomlinks {}

a.bottomlink,
a.bottomlink:visited {
    font-weight: bold;
    text-decoration: none;
    color: black;
}

a.bottomlink:hover {
    text-decoration: underline;
    color: #0d5494;
}

.footlogos {}

.footnote {
    font-size: 10px;
    width: 510px;
    text-align: left;
    line-height: .9;
}

.blunote {
    color: #003399;
}

.icons {}

.icons img {
    margin-left: 5px;
}


/*
change '#0d5494' to main site color
#7fae14 #7fae14
bright blu #0086c9
blu #0d5494
*/

.slideshow {
    background: url(../images/IIA_right.gif) #f9f9f9;
    width: 649px;
    height: 178px;
}


/* width: 603px;*/

.glidecontentwrapper {
    position: relative;
    width: 603px;
    height: 178px;
    overflow: hidden;
    z-index: 99;
    float: left;
}


/*poistion must be relative*/

.glidecontent {
    position: absolute;
    background: white;
    visibility: hidden;
    width: 603px;
    background: url(../images/IIA_right.gif) #f9f9f9;
}


/*position must be absolute*/

.glidecontenttoggler {
    width: 23px;
    text-align: center;
    position: relative;
    z-index: 100;
    top: 0px;
    left: 0px
}

.glidecontenttoggler a {
    /*style for every navigational link within toggler */
    display: -moz-inline-box;
    display: inline-block;
}

.glidecontenttoggler a.selected {}

.glidecontenttoggler a:hover {}

.glidecontenttoggler a.toc {
    /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev,
.glidecontenttoggler a.next {
    /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover,
.glidecontenttoggler a.next:hover {}

ul.content_article_list li {
    margin-bottom: 10px;
}

ul.content_article_list li p {
    margin-top: 5px;
}

.savebttn {
    top: 0px;
    left: -1px;
}


/* for news */

.news {
    width: 980px;
    margin-bottom: 30px;
}

.news h2,
.news p {
    margin: 0px 0px 10px 0px;
}

.newstext {
    width: 855px;
    margin-left: 10px;
}

.newstext p {
    border-bottom: solid 1px #e7eced;
    padding-bottom: 10px;
    height: 83px;
    Overflow: hidden
}

.share img {
    margin-left: 0px;
    position: relative;
    top: -1px;
}

.addthis_default_style {
    display: inline;
    margin-left: 5px;
    width: 340px;
}

.addthis_default_style a,
.addthis_default_style a:visited {
    color: black;
    text-decoration: none;
}

.addthis_default_style:hover {
    color: black;
    text-decoration: underline;
}


/* sprint retrofit of items for the 2013 site */

.greybox_top {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/Gray-Center-top.jpg) no-repeat;
    overflow: hidden;
    width: 962px;
    height: 26px;
}

.greybox,
.whitebox {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/Gray-Center-slice.jpg);
    width: 902px;
    padding: 1px 30px;
    overflow: hidden;
}

.greybox_bttm {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/Gray-Center-bottom.jpg) no-repeat;
    overflow: hidden;
    width: 962px;
    height: 26px;
}

.whitebox_top {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/White-Center-top.jpg) no-repeat;
    overflow: hidden;
    width: 962px;
    height: 26px;
}

.whitebox {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/White-Center-slice.jpg);
}

.whitebox_bttm {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/White-Center-bottom.jpg) no-repeat;
    overflow: hidden;
    width: 962px;
    height: 26px;
}

.dblbox_top {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/half-n-half-top.jpg) no-repeat;
    overflow: hidden;
    width: 962px;
    height: 29px;
}

.dblbox {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/half-n-half-slice.jpg);
    width: 962px;
    overflow: hidden;
    padding: 1px 0px;
}

.dblbox_bttm {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/half-n-half-bottom.jpg) no-repeat;
    overflow: hidden;
    width: 962px;
    height: 29px;
}

.dblbox h1 {
    margin-top: 0px;
}

.dblbox p {
    margin: 0px 0px 20px 0px;
}

.dblbox table {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -40px;
}

.bluebox,
.greenbox {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/personal_box.gif) no-repeat;
    width: 464px;
    height: 306px;
    padding: 40px 15px 0px 15px;
    overflow: hidden;
    color: white;
    text-align: left;
}

.greenbox {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/business_box.gif) no-repeat;
}

.bluebox a,
.greenbox a,
.bluebox a:visited,
.greenbox a:visited {
    color: white;
}

.bluebox a:hover,
.greenbox a:hover {
    color: #E7F3FB;
}

.linker {
    display: block;
    width: 464px;
    height: 50px;
    border: solid 0px red;
    top: 0px;
    left: 0px;
}

.ltblubox_top {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/bluebox_top.gif) no-repeat;
    overflow: hidden;
    width: 653px;
    height: 25px;
}

.ltblubox {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/bluebox_middle.gif);
    width: 593px;
    padding: 1px 30px;
    overflow: hidden;
}

.ltblubox_bttm {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/bluebox_bottom.gif) no-repeat bottom;
    overflow: hidden;
    width: 653px;
    height: 25px;
}

.ltblu_lozenge {
    background: url(http://love12.secure.cu-village.com/templates/lovemycu_2012/images/widebluebox.gif);
    width: 950px;
    height: 85px;
    padding: 1px 15px;
    overflow: hidden;
}

.ltblu_lozenge h1 {
    margin: 0px;
    padding: 0px;
    font-size: 22px;
}

.ltblu_lozenge p {
    margin: 0px 0px 10px 0px;
}

.greybox {
    background: url(../images/GrayBoxSlice.jpg) repeat-x;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 3px 0 #969696;
    box-shadow: inset 0 0 3px 0 #969696;
    position: relative;
    float: left;
    text-align: center;
}

.small {
    width: 240px;
    height: 152px;
    font-size: 12px;
    margin: 12px;
}

.small .logo {
    width: 90%;
    height: 55px;
    padding: 10px 0;
    border-bottom: solid 1px silver;
    margin: 0 auto;
    vertical-align: center;
}

.small .logo img {
    max-height: 55px;
    max-width: 100%;
}

.small .text {
    position: relative;
    float: left;
    padding: 10px 5%;
    text-align: left;
    height: 48px;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    width: 90%
}

.long {
    width: 900px;
    height: 130px;
    margin: 12px 40px;
}

.long .logo {
    width: 200px;
    height: 72px;
    padding: 20px;
    border-right: solid 1px #D8D8D8;
    margin: 10px;
    position: relative;
    float: left;
}

.long .logo img {
    max-width: 100%;
    max-height: 92px;
}

.long .text {
    position: relative;
    float: left;
    padding: 40px 20px;
    text-align: left;
    height: 52px;
    width: 590px;
    overflow: hidden;
    font-size: 18px;
}

.col-sm-6 {
    width: 50%;
    float: left;
}

@media (max-width: 600px) {
    .col-xs-12 {
        width: 100%;
    }
}

.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:10px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}
.myButton:active {
    position:relative;
    top:1px;
}