﻿/*New divs, way cleaner than the old ones and much easier to use. -Nick */
.requiredfield {
    display:inline-block; 
    background-color:lawngreen; 
    border:1px solid gray; 
    height:5px; 
    width:5px;
}

.graybox {
    display:block;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid lightgray;
    background: #F4F3F3;
    border-radius: 10px;
    behavior: url(csspie/PIE.htc); /*Makes border radius work for IE6-9*/
    padding: 20px 20px 20px 20px;
}

.graybox h1 {
    color: #666; 
    font-family: verdana, arial, helvetica, geneva, sans-serif; 
    font-size: 14px; 
    font-weight: bold;
}

.grayboxtoptabs {
    display:block;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid lightgray; 
    background: #F4F3F3;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    behavior: url(csspie/PIE.htc); /*Makes border radius work for IE6-9*/
    padding: 0px 20px 20px 20px;

    font-family:Verdana;
	font-size: 10px; /*xx-small; */
	color:#696969;
}

.grayboxtoptabs h1 {
    color: #666; 
    font-family: verdana, arial, helvetica, geneva, sans-serif; 
    font-size: 14px; 
    font-weight: bold;
}

.fadewhitebox {
    display:block;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #A5A5A5; 
    background: white; 
    background-image: linear-gradient(to bottom, #E6E6E6, white 8%); 
    border-radius: 10px;
    behavior: url(csspie/PIE.htc); /*Makes border radius work for IE6-9*/
    padding: 0px 20px 20px 20px;

    font-family:Verdana;
	font-size: 10px; /*xx-small; */
	color:#696969;
}

.fadewhitebox h1 {
    color: #666; 
    font-family: verdana, arial, helvetica, geneva, sans-serif; 
    font-size: 14px; 
    font-weight: bold;
}

.fadewhiteboxsmall {
    border: 1px solid #C5C5C5;
    background: white;
    background-image: linear-gradient(to bottom, #E8E8E8, white 30px);
    border-radius: 5px;
    behavior: url(csspie/PIE.htc); /*Makes border radius work for IE6-9*/
    padding: 0px 5px 5px 5px;
}

.fadewhiteboxsmall h1 {
    color: #666; 
    font-family: verdana, arial, helvetica, geneva, sans-serif; 
    font-size: 14px; 
    font-weight: bold;
}

.grayframebox {
    background: rgb(244,244,244); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(244,244,244,1) 5px, rgba(247,247,247,1) 8px, rgba(237,237,237,1) 11.5px, rgba(249,249,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5px,rgba(244,244,244,1)), color-stop(8px,rgba(247,247,247,1)), color-stop(11.5px,rgba(237,237,237,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 5px,rgba(247,247,247,1) 8px,rgba(237,237,237,1) 11.5px,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(244,244,244,1) 5px,rgba(247,247,247,1) 8px,rgba(237,237,237,1) 11.5px,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(244,244,244,1) 5px,rgba(247,247,247,1) 8px,rgba(237,237,237,1) 11.5px,rgba(249,249,249,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(244,244,244,1) 5px,rgba(247,247,247,1) 8px,rgba(237,237,237,1) 11.5px,rgba(249,249,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
    /*-moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    behavior: url(csspie/PIE.htc); /*Makes border radius work for IE6-9*/
    padding: 30px 4px 4px 4px;
    border-bottom: 1px solid #8A8A8A;
    /*border: 1px solid lightgray;*/
}

.whiteinteriorbox {
    display:block;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid lightgray;
    background: white;
    border-radius: 0.4em;
    behavior: url(csspie/PIE.htc); /*Makes border radius work for IE6-9*/
    /*padding: 30px 20px 20px 20px;*/
}