@charset "UTF-8";
/* CSS Document */



input.rounded {
    border: 1px solid #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
    padding: 2px 3px;
    font-size: 10px;
    outline: 0;
    -webkit-appearance: none;
    font: 12px/12px Arial, sans-serif;
}
input.rounded:focus {
    border-color: #47b6f6;
}

input.required:focus {
    border-color: #47b6f6;
}

/* new checkbox style */
/* .squaredTwo */
.squaredTwo {
    width: 31px;
    height: 31px;
    position: relative;
    margin: 20px auto;
    background: #fcfff4;
    border: 3px solid #000;
}

.squaredTwo:checked{
    border: 3px solid #008000;
}

.squaredTwo label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 4px;
    background: #fff;
    /* linear-gradient(to bottom, #222222 0%, #45484d 100%); */
}
.squaredTwo label:after {
    content: '';
    width: 15px;
    height: 8px;
    position: absolute;
    top: 2px;
    left: 2px;
    border: 3px solid #008000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
    opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
    visibility: hidden;
}
.squaredTwo input[type=checkbox]:checked + label:after {
    opacity: 1;
}

/* end .squaredTwo */

.text-justify{
    text-align: justify;
}

.confirmCheckbox {
    width: 122px;
    height: 26px;
    background: #333;
    margin: 20px auto;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
/* .confirmCheckbox:after {
    content: 'NO';
    color: #e41212;

    position: absolute;
    right: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
} */
/* .confirmCheckbox:before {
    content: 'I AGREE';
    color: #27ae60;
    position: absolute;
    left: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: bold;
} */
.confirmCheckbox label {
    display: block;
    width: 58px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 150px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
/* .confirmCheckbox input[type=checkbox] {
    visibility: hidden;
}
.confirmCheckbox input[type=checkbox]:checked + label {
    left: 62px;
} */

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table tbody td { color: #00496B; border-left: 1px solid #B1BBBF;font-size: 12px;border-bottom: 1px solid #B1BBBF;font-weight: normal; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}
.container2 { width:100%;}
.container3 { width:100%;}
.container4 { width:100%; margin-left:2px;}
.container5 { width:97%; margin-left:10px; padding:2px;}
.container6 { width:97%; margin-left:4px;}
.container7 { width:99%; margin-left:4px;}
.container8 { width:100%; margin-left:4px;}
.container9 { width:98%;}
.container10 { width:70%; margin-left:80px}

.container2 {
    width:647px;
    margin:0 auto;
    float: left;
}
.container3 {
    width:350px;
    margin:0 auto;
    float: right;
}

.container4 {
    width:1000px;
    margin:0 auto;

}





.col-1, .col-2, .col-3,.col-4, .col-5, col-8, .col-9 { float:left;}

/*======= index.html =======*/
#page1 #content .col-1 {width:302px; margin-right:22px;}
#page1 #content .col-2 {width:302px; margin-right:22px;}
#page1 #content .col-3 {width:302px;}
#page1 #content .col-4 {
    width:625px;
    margin-right:22px;
}
#page1 #content .col-5 {
    width:302px;
}

#page1 #content .col-5a {
    width:292px;
}

#page1 #content .col-5b {
    width: 342px;
    float: right;
    vertical-align: text-top;
    position: relative;
    top: auto;
}

#page1 #content .col-6 {
    width:625px;
    margin-right:2px;
}
#page1 #content .col-7 {
    width:625px; float:right;

}

#page1 #content .col-8 {
    width:675px; float:right;margin-left:22px;
}

#page1 #content .col-9 {
    width:675px;
    margin-right:12px;
}

#page1 #content .col-9a {
    width:655px;

}

#page1 #content .col-9 {
    width:685px;
    margin-right:4px;
}

#page1 #content .col-10 {
    width:312px;

}

#page1 #extra-content .col-1 {width:464px; margin-right:22px;}
#page1 #extra-content .col-2 {width:464px;}

#page2 #content .col-1 {width:302px; margin-right:22px;}
#page2 #content .col-2 {width:302px; margin-right:22px;}
#page2 #content .col-3 {width:302px;}
#page2 #extra-content .col-1 {width:464px; margin-right:22px;}
#page2 #extra-content .col-2 {width:464px;}


/*======= index-2.html =======*/
#page3 #content .col-1 {width:302px; margin-right:22px;}
#page3 #content .col-2 {width:302px; margin-right:22px;}
#page3 #content .col-3 {width:302px;}

/*======= index-4.html =======*/
#page5 #content .col-1 {width:302px; margin-right:22px;}
#page5 #content .col-2 {width:626px;}

/*======= index-5.html =======*/
#page6 #content .col-1 {width:302px; margin-right:22px;}
#page6 #content .col-2 {width:302px; margin-right:22px;}
#page6 #content .col-3 {width:302px;}


/*=========================*/



/*==================txt, links, lines, titles====================*/
.trebuchet13 { font-weight: normal; color: #000000; font-size: 13px;}
.verdana14brd { font-weight: bold; color: #880000; font-size: 14px; }
.verdana14bnavy { font-weight: bold; color: navy; font-size: 14px; }
.verdana18 { font-weight: normal; font-size: 18px; }
.verdana18b { font-weight: bold; font-size: 18px; }
.verdana22b { font-weight: bold; font-size: 22px; }
.verdana12b { font-weight: bold; font-size: 12px; }
.verdana12 { font-weight: normal; font-size: 12px;}
.verdana18brd { font-weight: bold; color: #880000; font-size: 18px; }
.verdana18bnavy { font-weight: bold; color: navy; font-size: 18px; }
.verdana24 { font-weight: normal; font-size: 24px; }
.verdana24b { font-weight: bold; font-size: 24px; }
.verdana24brd {
    font-weight: bold;
    color: #880000;
    font-size: 24px;
    font-family: Verdana
}
.verdana24blu {
    font-weight: bold;
    color: navy;
    font-size: 24px;
    font-family: Verdana
}
.verdana24b {
    font-weight: bold;
    color: black;
    font-size: 24px;
    font-family: Verdana
}

.verdana32b {
    font-weight: bold;
    color: black;
    font-size: 32px;
    font-family: Verdana
}

.verdana40b {
    font-weight: bold;
    color: black;
    font-size: 40px;
    font-family: Verdana
}

.verdana32blu {
    font-weight: bold;
    color: navy;
    font-size: 32px;
    font-family: Verdana
}
.verdana32brd {
    font-weight: bold;
    color: #880000;
    font-size: 32px;
    font-family: Verdana
}
.verdana48brd {
    font-weight: bold;
    color: #880000;
    font-size: 48px;
    font-family: Verdana
}

.topnav_trebuchet10B   { color: #1d1d1d; font-style: normal; font-size: 10px; font-weight: bold; text-decoration: none  }
.topnav_trebuchet10B:active   { color: #1d1d1d; font-style: normal; font-size: 10px; font-weight: bold; text-decoration: none  }
.topnav_trebuchet10B:visited   { color: #1d1d1d; font-style: normal; font-size: 10px; font-weight: bold; text-decoration: none  }
.topnav_trebuchet10B:hover   { color: #1d1d1d; font-style: normal; font-size: 10px; font-weight: bold; text-decoration: underline; }

.topnav_trebuchet10Bred   { color: maroon; font-style: normal; font-size: 10px; font-weight: bold; text-decoration: none  }
.topnav_trebuchet10Bred:active   { color: maroon; font-style: normal; font-size: 10px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet10Bred:visited   { color: maroon; font-style: normal; font-size: 10px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet10Bred:hover   { color: maroon; font-style: normal; font-size: 10px;  font-weight: bold; text-decoration: underline; }

.topnav_trebuchet11Bred   { color: maroon; font-style: normal; font-size: 11px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet11Bred:active   { color: maroon; font-style: normal; font-size: 11px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet11Bred:visited   { color: maroon; font-style: normal; font-size: 11px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet11Bred:hover   { color: maroon; font-style: normal; font-size: 11px;  font-weight: bold; text-decoration: underline; }


.topnav_trebuchet14   { color: #515151; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet14:active   { color: #515151; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet14:visited   { color: #515151; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet14:hover   { color: #515151; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: underline; }

.topnav_trebuchet12   { color: #1d1d1d; font-style: normal; font-size: 12px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet12:active   { color: #1d1d1d; font-style: normal; font-size: 12px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet12:visited   { color: #1d1d1d; font-style: normal; font-size: 12px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet12:hover   { color: #1d1d1d; font-style: normal; font-size: 12px;  font-weight: normal; text-decoration: underline; }

.topnav_trebuchet12w   { color: #fff; font-style: normal; font-size: 12px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet12w:active   { color: #fff; font-style: normal; font-size: 12px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet12w:visited   { color: #fff; font-style: normal; font-size: 12px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet12w:hover   { color: #fff; font-style: normal; font-size: 12px;  font-weight: normal; text-decoration: underline; }


.topnav_trebuchet11B   { color: #1d1d1d; font-style: normal; font-size: 11px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet11B:active   { color: #1d1d1d; font-style: normal; font-size: 11px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet11B:visited   { color: #1d1d1d; font-style: normal; font-size: 11px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet11B:hover   { color: #1d1d1d; font-style: normal; font-size: 11px;  font-weight: bold; text-decoration: underline; }

.topnav_trebuchet12B   { color: #1d1d1d; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet12B:active   { color: #1d1d1d; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet12B:visited   { color: #1d1d1d; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet12B:hover   { color: #1d1d1d; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: underline; }

.topnav_trebuchet12Bred   { color: maroon; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet12Bred:active   { color: maroon; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet12Bred:visited   { color: maroon; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet12Bred:hover   { color: maroon; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: underline; }


.topnav_trebuchet12Bnavy   { color: navy; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet12Bnavy:active   { color: navy; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet12Bnavy:visited   { color: navy; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet12Bnavy:hover   { color: navy; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: underline; }


.topnav_trebuchet14   { color: black; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet14:active   { color: black; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet14:visited   { color: black; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none  }
.topnav_trebuchet14:hover   { color: black; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: underline; }


.topnav_trebuchet14Bnavy   { color: navy; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet14Bnavy:active   { color: navy; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet14Bnavy:visited   { color: navy; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet14Bnavy:hover   { color: navy; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: underline; }

.topnav_trebuchet24Bnavy   { color: navy; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet24Bnavy:active   { color: navy; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet24Bnavy:visited   { color: navy; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet24Bnavy:hover   { color: navy; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: underline; }

.topnav_trebuchet24Bwhite   { color: white; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18Bwhite   { color: white; font-style: normal; font-size:18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet16Bwhite   { color: white; font-style: normal; font-size: 16px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet14Bwhite   { color: white; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }


.topnav_trebuchet18B   { color: #1d1d1d; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18B:active   { color: #1d1d1d; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18B:visited   { color: #1d1d1d; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18B:hover   { color: #1d1d1d; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: underline; }

.topnav_trebuchet18Bnavy   { color: navy; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18Bnavy:active   { color: navy; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18Bnavy:visited   { color: navy; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18Bnavy:hover   { color: navy; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: underline; }

.topnav_trebuchet18Bred   { color: maroon; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18Bred:active   { color: maroon; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18Bred:visited   { color: maroon; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet18Bred:hover   { color: maroon; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: underline; }

.topnav_trebuchet14Bred   { color: maroon; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet14Bred:active   { color: maroon; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet14Bred:visited   { color: maroon; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.topnav_trebuchet14Bred:hover   { color: maroon; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: underline; }

.trebuchet12B   { color: black; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.trebuchet12B:active   { color: black; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.trebuchet12B:visited   { color: black; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: none  }
.trebuchet12B:hover   { color: black; font-style: normal; font-size: 12px;  font-weight: bold; text-decoration: underline; }



.trebuchet14B   { color: #1d1d1d; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14B:active   { color: #1d1d1d; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14B:visited   { color: #1d1d1d; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14B:hover   { color: #1d1d1d; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: underline; }

.trebuchet14   { color: black; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none  }
.trebuchet14:active   { color: black; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none  }
.trebuchet14:visited   { color: black; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none  }
.trebuchet14:hover   { color: black; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none; }

.trebuchet14Bred   { color: maroon; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14Bred:active   { color: maroon; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14Bred:visited   { color: maroon; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14Bred:hover   { color: maroon; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: underline; }

/* temp @reyia */
.trebuchet14BW   { color: black; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14BW:active   { color: white; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14BW:visited   { color: white; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14BW:hover   { color: black; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: underline; }


.trebuchet14Bnavy   { color: navy; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14Bnavy:active   { color: navy; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }
.trebuchet14Bnavy:visited   { color: navy; font-style: normal; font-size: 14px;  font-weight: bold; text-decoration: none  }

.trebuchet16   { color: black; font-style: normal; font-size: 14px;  font-weight: normal; text-decoration: none; padding: 15px;  }

.trebuchet16B   { color: black; font-style: normal; font-size: 16px;  font-weight: bold; text-decoration: none  }
.trebuchet16B:active   { color: black; font-style: normal; font-size: 16px;  font-weight: bold; text-decoration: none  }
.trebuchet16B:visited   { color: black; font-style: normal; font-size: 16px;  font-weight: bold; text-decoration: none  }
.trebuchet16B:hover   { color: black; font-style: normal; font-size: 16px;  font-weight: bold; text-decoration: none; }


.trebuchet18B   { color: #1d1d1d; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.trebuchet18B:active   { color: #1d1d1d; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.trebuchet18B:visited   { color: #1d1d1d; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.trebuchet18B:hover   { color: #1d1d1d; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: underline; }

.trebuchet18Bred   { color: maroon; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.trebuchet18Bred:active   { color: maroon; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.trebuchet18Bred:visited   { color: maroon; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: none  }
.trebuchet18Bred:hover   { color: maroon; font-style: normal; font-size: 18px;  font-weight: bold; text-decoration: underline; }


.trebuchet24Bnavy   { color: navy; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.trebuchet24Bnavy:active   { color: navy; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.trebuchet24Bnavy:visited   { color: navy; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.trebuchet24Bnavy:hover   { color: navy; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: underline; }


.trebuchet24Bred   { color: maroon; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.trebuchet24Bred:active   { color: maroon; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.trebuchet24Bred:visited   { color: maroon; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.trebuchet24Bred:hover   { color: maroon; font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: underline; }

.trebuchet24B   { font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.trebuchet24B:active   { font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.trebuchet24B:visited   {  font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: none  }
.trebuchet24B:hover   { font-style: normal; font-size: 24px;  font-weight: bold; text-decoration: underline; }


/*  Manage pick expiration appearance  */
.expiresinLongtime {
    display: none
}
.expiresin120 {

    font-weight: bold;
    color: Blue
}
.expiresin10 {

    color: Maroon
}

.price-bold {
    /*
    font-size: 12px; */
    font-weight: bold;
    line-height: 22px;
    padding: 0 5px;
}

a {color:#2cb6e9; outline:none; text-decoration:none;}
a:hover{text-decoration:none;}

h1 { font-size:3em; line-height:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; letter-spacing:-1px; width:600px; margin-bottom:42px;}
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; margin-bottom:23px; color:#515151;}
h2.alt { letter-spacing:-1px;}
h3 {
    font-family: sans-serif;
    font-size: 22px;
    line-height: 1em;
    font-weight: bold;
    color: #515151;
    margin-bottom: 4px;
}
h4 { font-family: sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#b3b1b1;
    float:right;
}

h4 strong { font-size:1.1em; color:#2cb6e9; display:block;}
h5 { font-size:1em; margin-bottom:5px;}
h6 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; color:#515151; margin-bottom:2px;}
h7 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:1em; font-weight:normal; color:#b3b1b1;}
h8 { font-size:28px; line-height:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; letter-spacing:-1px; width:600px; margin-bottom:12px;}
h9 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; color:#515151; margin-bottom:4px;}
h10 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; margin-bottom:23px; color:#515151;}
.txt1 { color:#2cb6e9;}
h11 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; margin-bottom:23px; color:#515151;}
h12 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; line-height:1.5em; font-weight:normal; margin-top:23px; color:#b3b1b1;}
h13 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1.5em; font-weight:normal; margin-bottom:23px; color:#515151;}
h14 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; line-height:1.5em; font-weight:normal; margin-bottom:23px; color:#515151;}
h15 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.25em; color:#333333; line-height:1.1em;}
h16 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; line-height:1.5em; font-weight:normal; margin-top:23px; color:#1d1d1d;}

/*==================boxes====================*/
.box { background:url(http://www.playbook.com/images/box-bg.gif) left top repeat-x; width:100%;}
.box .border-top {background:url(http://www.playbook.com/images/border.gif) repeat-x top;}
.box .border-bot {background:url(http://www.playbook.com/images/border.gif) repeat-x bottom;}
.box .border-left {background:url(http://www.playbook.com/images/border.gif) repeat-y left;}
.box .border-right {background:url(http://www.playbook.com/images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(http://www.playbook.com/images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(http://www.playbook.com/images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(http://www.playbook.com/images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(http://www.playbook.com/images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:27px 35px 30px 34px;}
.box .inner2 { padding:8px 5px 10px 10px;}
.box .inner3 { padding:0px 0px 0px 0px;}

.box1 { background:#ededed; width:100%;}
.box1 .border-top {background:url(http://www.playbook.com/images/border-top.gif) repeat-x top;}
.box1 .border-bot {background:url(http://www.playbook.com/images/border-bot.gif) repeat-x bottom;}
.box1 .border-left {background:url(http://www.playbook.com/images/border-left.gif) repeat-y left;}
.box1 .border-right {background:url(http://www.playbook.com/images/border-right.gif) repeat-y right;}
.box1 .left-top-corner {background:url(http://www.playbook.com/images/left-top-corner2.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(http://www.playbook.com/images/right-top-corner2.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(http://www.playbook.com/images/left-bot-corner2.gif) no-repeat left bottom; width:100%;}
.box1 .right-bot-corner {background:url(http://www.playbook.com/images/right-bot-corner2.gif) no-repeat right bottom; }

.main-banner-small-picks { background:url(http://www.playbook.com/images/main-banner-small_picks.jpg) no-repeat left top; width:1000px; height:163px; margin-bottom:20px;}
.main-banner-small-picks .inner { padding:47px 0 0 52px;}
.main-banner-small-picks h1 { font-size:30px; width:350px;}


.box1 .inner { padding:27px 35px 30px 34px;}

#header .row-1 { height:137px; }

#header .logo { float:left; padding:22px 0 0 10px;}
#header .top-links { float:right; padding:45px 35px 0 0;}
#header .top-links li { float:left; margin-left:8px;}

#header .nav-box { background:url(http://www.playbook.com/images/nav-box-bg.gif) left top repeat-x; width:100%;}
#header .nav-box .left { background:url(http://www.playbook.com/images/nav-box-left.gif) no-repeat left top;}
#header .nav-box .right { background:url(http://www.playbook.com/images/nav-box-right.gif) no-repeat right top; height:47px;}

#header {height:134px; background:url(http://www.playbook.com/images/header-bg.gif) left top repeat-x #fff; }
#header, #content, #extra-content, #footer { font-size:0.75em;}


/*-- header navigation --*/
#header .nav-box ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#header .nav-box ul li { display:inline; }
#header .nav-box ul li a { display:block; float:left; color:#fff; text-decoration:none; font-size:12px; }
#header .nav-box ul li a em { display:block; float:left; font-style:normal; background:url(http://www.playbook.com/images/divider-left.gif) no-repeat left 12px;}
#header .nav-box ul li a em b { display:block; float:left; height:47px; line-height:47px; width:130px; text-align:center; background:url(http://www.playbook.com/images/divider-right.gif) no-repeat right 10px; cursor:pointer; }

#header .nav-box ul li a:hover { background:url(http://www.playbook.com/images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a:hover em { background:url(http://www.playbook.com/images/divider-left-act.gif) no-repeat left 12px;}
#header .nav-box ul li a:hover b { background:url(http://www.playbook.com/images/divider-right-act.gif) no-repeat right 12px;}
#header .nav-box ul li a.current { background:url(http://www.playbook.com/images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a.current em { background:url(http://www.playbook.com/images/divider-left-act.gif) no-repeat left 12px;}
#header .nav-box ul li a.current b { background:url(http://www.playbook.com/images/divider-right-act.gif) no-repeat right 12px;}

#header .nav-box ul li a.first em { background:none;}
#header .nav-box ul li a.first:hover em { background:url(http://www.playbook.com/images/nav-left-act.gif) no-repeat left top;}
#header .nav-box ul li a.first-current { background:url(http://www.playbook.com/images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a.first-current em { background:url(http://www.playbook.com/images/nav-left-act.gif) no-repeat left top !important;}
#header .nav-box ul li a.first-current b { background:url(http://www.playbook.com/images/divider-right-act.gif) no-repeat right 12px;}

#header .nav-box ul li a.last b { background:none; width:160px;}
#header .nav-box ul li a.last:hover b { background:url(http://www.playbook.com/images/nav-right-act.gif) no-repeat right top;}

#header .nav-box ul li a.last-current { background:url(http://www.playbook.com/images/nav-act.gif) left top repeat-x; }
#header .nav-box ul li a.last-current em { background:url(http://www.playbook.com/images/divider-left-act.gif) no-repeat left 12px;}
#header .nav-box ul li a.last-current b { background:url(http://www.playbook.com/images/nav-right-act.gif) no-repeat right top !important; width:160px;}


#footer {background:url(http://www.playbook.com/images/footer-bg.gif) left top repeat-x #717171;}

#footer { color:#fff; padding:7px 0 10px 0;}

#footer .nav { text-align:center; padding-bottom:10px;}
#footer .nav li { display:inline;}
#footer .nav li a { color:#fff; padding:0 5px 0 9px;}

#footer .fleft { padding:0 0 0 44px;}
#footer .fright { padding:0 44px 0 0;}

.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}

.buynow-disabled {opacity: 0.33;}
.buynow-enabled {opacity: 1;}


/* NEW CSS @REYIA */

div#pa-navbar {
    color: white;
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    z-index: 99999999;
}

div#pa-navbar .dropdown-menu.pa-lg-dropdown{
    padding: 15px;
}

div#pa-navbar .dropdown-menu{
    top: 99%;
    border-radius: 0.10rem;

    font-size: 12px;
    line-height: 21px;

    background: #eeeeee;
    border: 1px solid #444444;
    border-top: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#BBBBBB));
    background: -webkit-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -ms-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: linear-gradient(top, #EEEEEE, #BBBBBB);

    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

div#pa-navbar .dropdown-menu a{
    color: #444;
    text-decoration: none;
    font-weight: normal;
}

.dropdown-menu h2{
    font-weight: 400;
    font-size: 21px;
    margin-bottom: 18px;
    padding-bottom: 11px;
    text-shadow: 1px 1px 1px #FFFFFF;
    color: #515151;
    border-bottom: 1px solid #888888;
}

.dropdown-menu h3{
    font-weight: 700;
    font-size: 12px;
    line-height: 21px;
}

.dropdown:hover .dropdown-menu{
    display:block;
}

#pa-navbar-menu{
    z-index: 2;
    background: #333;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#2a2a2a));
    background: -webkit-linear-gradient(top, #555, #2a2a2a);
    background: -moz-linear-gradient(top, #555, #2a2a2a);
    background: -o-linear-gradient(top, #555, #2a2a2a);
    background: -ms-linear-gradient(top, #555, #2a2a2a);
    background: linear-gradient(top, #555, #2a2a2a);
    border: 1px solid #222;
    border-top: 1px solid #777;
    border-radius: 0 !important;
    text-transform: uppercase;
}

#pa-navbar-menu p {
    white-space: normal;
    margin: 10px 0 !important;
}

.pa-lg-dropdown{
    width: 45vw;
}

#pa-navbar-menu a.nav-link{
    color: white;
    font-style: normal;
    font-size: 16px;

    font-weight: bold;
    text-decoration: none;
}

.loginbox{
    /* border-left: 1px solid #888888; */
}

@media (min-width: 1200px)
{
    .container {
        max-width: 1028px !important;
    }
}

.logintxt{
    font-size: 24px;
    text-align: center;
    display: block;
    font-weight: bold;
    line-height: 28px;
    font-family: sans-serif;
}

.payaftertxt{
    color: #b3b1b1;
    font-size: 16px;
    line-height: 21px;
}

.redhottxt{
    font-size: 16px;
    line-height: 21px;
}

.copytxt{
    line-height: 24px;
    text-align: center;
    display: block;
}

.picklistSport, .pl-cartlbl {
    /* background: #990000; */
    border: 1px solid #840101;
    color: #000;
    width: 100%;
    display: block;
    padding: 5px 10px;
    font-style: normal;
    font-size: 24px;
    font-weight: bold;
}

.pl-cartlbl{
    background: #990000;
    color: #fff;
    font-size: 14px;
}

.picklisttbl:nth-child(odd){
    /* background: #f7f7f7; */
}

.picklisttbl{
    background: #fff;
}

.picklisttbl .container{
    -webkit-box-shadow: 0px 0px 1px 0px rgba(33,37,41,1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(33,37,41,1);
    box-shadow: 0px 0px 1px 0px rgba(33,37,41,1);
}

.picklisttbl .container .row.pl-card-title-row{
    border-bottom: 1px solid #212529;
    background: #212529;
    color: #eee;
}

.pl-sport{
    background: #fff;
}

.pl-filter{
    background: #212529;
}

#picksapp{
    background: #F2F2F2;
}

.pl-cartbtn{
    background: #990000;
    font-size: 14px !important;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.pl-cartbtn .fa-angle-left{
    font-size: 16px;
    padding: 3px;
}

.mob_anchor .fa-shopping-cart{
    font-size: 36px;
    padding: 3px;
}

.pl-cartbtn .fa-angle-left{
    font-weight: bold;
}

.pl-carttbl{
    background: #f7f4f4;
    border: 1px solid #fff;
}

.table-wrapper-scroll-y {
    display: block;
    max-height: 200px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.pl-navbar{
    position: unset;
    top: unset;
}

.sportslogo{
    width: 42px;
    height: auto;
    padding: 5px;
    background: #fff;
    border-radius: 3px;
}

.sportstxt{
    display: inline-block;
    margin: 0 10px;
    font-family: sans-serif;
}

.cc-num-container{
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .cc-num-container{
        border: unset;
    }
}

#CC_NUMBER:focus{
    outline: none;
}

.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

@media (max-width: 736px) {
    #pa-navbar-menu a.nav-link{
        margin-left: 1rem;
    }
}

@media (max-width: 576px) {
    .picklisttbl .container .row.pl-card-title-row{
        border-radius: 3px 3px 0 0;
    }

    .picklisttbl .container{
        border-radius: 3px;
    }

    .picklisttbl{
        border-radius: 3px;
    }

    .pl-navbar{
        /* position: -webkit-sticky;
        position: sticky; */
        /* top: 0; */
        z-index: 1020;
    }

    .pa-lg-dropdown {
        width: 100vw;
    }

    .mob_anchor{
        position: -webkit-sticky;
        position: sticky;
        border-radius: 5px 0 0 5px;
        padding: 0.3rem 1.1rem;
        margin: 10px 0;
    }
}

@media (min-width: 576px){
    .container {
        max-width: unset;
    }

    .table-wrapper-scroll-y{
        max-height: 300px;
    }
}


/* stripe elements */
.StripeElement {
    background-color: white;
    height: 40px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    margin: 1rem 0;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.right-login{
    z-index:1;
}

.login-modal{
    z-index:99;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
    z-index: 9999;
}

.right-panel{
    z-index: 1;
}

.pb-ccform input{
    border: 0;
}

.pb-ccform > div {
    padding: 0 4px !important;
}

.pb-ccform-wrapper{
    width: 96%;
    margin: auto;
}

.pb-ccform {
    border: 2px solid #ddd;
    border-radius: 5px;
}