﻿.blankFormFields
{
    font-family: Arial;
    font-size: 12px;
    background-color: #ffff66;
}
body, td, th
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
}
body
{
    background-color: #818080;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.style1
{
    font-size: 16px;
    font-weight: bold;
}
.style3
{
    font-size: 14px;
    font-weight: bold;
}
.style4
{
    color: #FFFFFF;
    font-size: 10px;
}
.style5
{
    font-size: 18px;
    font-weight: bold;
}
.style8
{
    font-size: 9px;
}
.style9
{
    color: #FFFFFF;
}
.style10
{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.style10:visited
{
    color: #ffffff;
}
.style12
{
    font-size: 10px;
}
/*These were added to make it so that links only show up purple where desired
            ran into some issues with fonts changing on normal links and such so 
            addition styles set on the normal a tag which will always be #0066cc unless
            said a tag has class of "change" */
a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0066cc;
}
a:visited
{
    color: #0066cc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.change:visited
{
    color: #551A8B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.borderRad15px
{
    border: 1px solid #000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.borderRad10px
{
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 3px 0px 3px 10px;
}
.navBorder
{
    border: 1px solid #000;
    -webkit-border-radius: 0px 15px 0px 0px;
    -moz-border-radius: 0px 15px 0px 0px;
    border-radius: 0px 15px 0px 0px;
    border-left: none;
    border-bottom: none;
}
.conBorder
{
    border: 1px solid #000;
    -webkit-border-radius: 15px 0px 0px 0px;
    -moz-border-radius: 15px 0px 0px 0px;
    border-radius: 15px 0px 0px 0px;
    border-right: none;
    border-bottom: none;
}
.blueBut
{
    background-image: url(/images/blue_grad.jpg);
    background-repeat: repeat-x;
    border: 1px solid #172d6e;
    border-bottom: 1px solid #0e1d45;
    -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
    -moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
    -ms-box-shadow: inset 0 1px 0 0 #b1b9cb;
    -o-box-shadow: inset 0 1px 0 0 #b1b9cb;
    -pie-box-shadow: inset 0 1px 0 0 #b1b9cb;
    color: #fff;
    height: 15px;
    font: bold 12px "helvetica neue" , helvetica, arial, sans-serif;
    padding: 4px 4px 4px 4px;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 -1px 1px #000f4d;
}
.blueBut:hover
{
    background-image: url(/images/blue_grad_over.jpg);
    background-repeat: repeat-x;
    cursor: pointer;
}
.blueBut:active
{
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -pie-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
}

.redBut
{
    background-image: url(/images/red_grad.jpg);
    border: 1px solid #000;
    border: 1px solid #172d6e;
    border-bottom: 1px solid #0e1d45;
    -webkit-box-shadow: inset 0 1px 0 0 ##b1b9cb;
    -moz-box-shadow: inset 0 1px 0 0 ##b1b9cb;
    -ms-box-shadow: inset 0 1px 0 0 ##b1b9cb;
    -o-box-shadow: inset 0 1px 0 0 ##b1b9cb;
    -pie-box-shadow: inset 0 1px 0 0 ##b1b9cb;
    color: #fff;
    width: 60px;
    font: bold 12px "helvetica neue" , helvetica, arial, sans-serif;
    padding: 4px 4px 4px 4px;
    text-align: center;
    text-shadow: 0 -1px 0 #000f4d;
}
.redBut:hover
{
    background-image: url(/images/red_grad_over.jpg);
    cursor: pointer;
}
.redBut:active
{
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -pie-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
}
li a:hover
{
    background-color: #f0f0f0;
}

 .toggledDiv
 {
     display:none;
     width:95%; 
    margin-left:auto;
     margin-right:auto;
 }