/*----- WHITE FONT -----*/

.font-white
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #FFF;
}

/*----- GREEN FONT -----*/

.font-green
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #2F753E;
}

/*----- ROUNDED -----*/

.rounded
{
border-radius: 6px;
}


/*----- ANCHOR - BUTTON -----*/

.button
{
height: 20px;
line-height: 20px;
box-shadow: 0 0 3px 0 #666;
border-radius: 4px;
text-decoration: none;
color: #8B6534;
text-align: center;
display: block;
font-family: Arial, Helvetica, sans-serif;
background: linear-gradient(#FFFFFF 30%, #F2EDE8);
background: -o-linear-gradient(#FFFFFF 30%, #F2EDE8);
background: -moz-linear-gradient(#FFFFFF 30%, #F2EDE8);
background: -webkit-linear-gradient(#FFFFFF 30%, #F2EDE8);
background: -ms-linear-gradient(#FFFFFF 30%, #F2EDE8);
}

.button:hover
{
color: #F88E24;
}

/*----- MAIN MENU -----*/

.main-menu
{
margin: 0;
padding: 0;
list-style-type: none;
}

.main-menu li
{ 
display: block;
margin: 0 0 10px;
}

.main-menu li a
{
height: 38px;
width: 100%;
line-height: 38px;
display: block;
box-shadow: 0 0 3px 0 #666;
border-radius: 6px;
text-decoration: none;
color: #2F753E;
text-indent: 24px;
font-size: 16px;
font-weight: 600;
font-family: Arial, Helvetica, sans-serif;
background-image: url(../images/nav_arrow.png), linear-gradient(#FFF 30%, #F2EDE8);
background-image: url(../images/nav_arrow.png), -o-linear-gradient(#FFF 30%, #F2EDE8);
background-image: url(../images/nav_arrow.png), -moz-linear-gradient(#FFF 30%, #F2EDE8);
background-image: url(../images/nav_arrow.png), -webkit-linear-gradient(#FFF 30%, #F2EDE8);
background-image: url(../images/nav_arrow.png), -ms-linear-gradient(#FFF 30%, #F2EDE8);
background-repeat: no-repeat;
background-position: right center;
}

.main-menu li a:hover
{
color: #F88E24;
}

.main-menu li a.active, .button.active
{
color: #F2EDE8;
background-image: url(../images/nav_arrow_active.png), linear-gradient(#418C68, #409209);
background-image: url(../images/nav_arrow_active.png), -o-linear-gradient(#418C68, #409209);
background-image: url(../images/nav_arrow_active.png), -moz-linear-gradient(#418C68, #409209);
background-image: url(../images/nav_arrow_active.png), -webkit-linear-gradient(#418C68, #409209);
background-image: url(../images/nav_arrow_active.png), -ms-linear-gradient(#418C68, #409209);
background-repeat: no-repeat;
background-position: right center;
}

/*----- HORIZONTAL MENU -----*/

.horizontal-menu
{
float: left;
margin: 0;
display: block !important;
padding: 3px 0px 8px 0px;
margin-left: 12px;
}

.horizontal-menu li
{
display: block;
float: left;
margin: 0px 10px 10px 0px;
}

@media screen and (max-width: 330px)
{
    .horizontal-menu
    {
    float: none;
    margin: 0px;
    padding: 10px 12px;
    }

   .horizontal-menu li
    {
    display: block;
    float: none;
    width: 100%;
    margin: 0px 0px 10px 0px;
    } 
}

.horizontal-menu li a
{
min-width: 90px;
padding: 0px 5px;
height: 26px;
line-height: 26px;
font-size: 12px;
text-decoration: none;
color: #FFF;
display: block;
text-align: center;
box-shadow: 0 0 3px 0 #666;
border-radius: 4px;
background: linear-gradient(#418C68, #409209);
background: -o-linear-gradient(#418C68, #409209);
background: -moz-linear-gradient(#418C68, #409209);
background: -webkit-linear-gradient(#418C68, #409209);
background: -ms-linear-gradient(#418C68, #409209);
}

.horizontal-menu li a.active,
.horizontal-menu li a:hover,
#question_tabs a.active
{
color: #F2EDE8 !important;
background: linear-gradient(#F8A861, #F88C1F) !important;
background: -o-linear-gradient(#F8A861, #F88C1F) !important;
background: -moz-linear-gradient(#F8A861, #F88C1F) !important;
background: -webkit-linear-gradient(#F8A861, #F88C1F) !important;
background: -ms-linear-gradient(#F8A861, #F88C1F) !important;
}

/*----- LABEL -----*/

.label
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

/*----- ROUNDED INPUT -----*/

.input-rounded
{
border-radius: 4px;
border: none;
box-shadow: inset 0 0 2px 0 #000;
color: #000;
position: absolute;
}

/*----- LABEL and INPUT INLINE -----*/

.label-input
{
height: 22px;
line-height: 22px;
padding: 5px;
background-color: #409209;
box-shadow: 0 0 3px 0 #666666;
display: block;
position: absolute;
}

.label-input p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
position: absolute;
}

.label-input input
{
color: #000;
box-shadow: inset 0 0 2px 0 #999999;
}

/*----- TAN BACKGROUND DIV -----*/

.divtan
{
background-color: tan;
box-shadow: 0 0 3px 0 #666666;
position: absolute;
}

/*----- GREEN BACKGROUND DIV -----*/

.divgreen
{
background-color: #409209;
box-shadow: 0 0 3px 0 #666666;
position: absolute;
}

/*----- TRANSPARENT BACKGROUND OBJECT -----*/

.transparent
{
background-color: transparent;
box-shadow: 0 0 3px 0 #666666;
position: absolute;
}


/*----- WHITE INSET OBJECT -----*/

.white-inset
{
background-color: #FFF;
box-shadow: inset 0 0 2px 0 #999999;
position: absolute;
}

/* ---- TABLE WITH ALTERNATE ROW STYLE ---- */

table.table
{
width: 100%;
float: left;
}

table.table td,
table.table th
{
background-color: #FCFAF9;
box-shadow: 0 0 2px 0 #999;
padding: 4px 8px;
color: #8b6534;
text-align: center;
}

table.table .colored td
{
background-color: #F8F3ED;
background-color: wheat;
}

table.table th
{
background: linear-gradient(#9c7c52 30%, #8b6534);
background: -o-linear-gradient(#9c7c52 30%, #8b6534);
background: -moz-linear-gradient(#9c7c52 30%, #8b6534);
background: -webkit-linear-gradient(#9c7c52 30%, #8b6534);
background: -ms-linear-gradient(#9c7c52 30%, #8b6534);
color: #FCFAF9;
}

/* ---- FLOAT ---- */

.left
{
float: left;
}

.right
{
float: right;
}

/* ---- VERTICALLY CENTERED OBJECT (IMG) ----*/
.verti {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.vuln {
    background-color:red;
    color:white;
}
.nonvuln {
    background-color:#409209;
    color:white;
}