/** CSS style file for SQFT Forms. */

/* tables for query forms */
/* Note: here and below, we use six digits, since some users had problems with the three digit short forms */

.selectmap { 
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 16px;  
 font-weight: bold;
 background-color: #333333;  
 color: #FFFFFF;  
 margin-right: 6px;  
}

.overlaybutton {
    border: none;
    background: url('/w/images/up.png') no-repeat top left;
    padding: 2px 8px;
}
.overlaybutton:hover {
    border: none;
    background: url('/w/images/pressed.png') no-repeat top left;
    padding: 2px 8px;
}

.selectedoverlaybutton {
    border: none;
    background: url('/w/images/up.png') no-repeat top left;
    padding: 2px 8px;
    color: red;
}
.selectedoverlaybutton:hover {
    border: none;
    background: url('/w/images/pressed.png') no-repeat top left;
    padding: 2px 8px;
}

.overlaylink:link {
    text-decoration: none;
    font-size: 10px;
    color: black;
}
.overlaylink:hover, visited:hover {
    text-decoration: none;
    font-size: 10px;
    color: green;
}
.overlaylink:visited {
    text-decoration: none;
    font-size: 10px;
    color: black;
}
.overlaylink:active {
    text-decoration: none;
    font-size: 10px;
    color: red;
}

.addoverlay {
    border: 0px solid;
    background-color: #EEEEEE;
    font-size: 10px;
    text-decoration: none;
    color: black;
}
.addoverlay:hover  {
    text-decoration: none;
    background-color: #555555;
    color: white;
}
.selectedaddoverlay {
    background-color: white;
    border: 1px solid;
}
.selectedaddoverlay:hover {
    text-decoration: none;
    color: blue;
    background-color: #555555;
}  


div.sqform{
   padding: 0px;
   background-color: #EEEEEE;
   border: 1px solid #999999;
}

div.sqresult{
   padding: 3px;
   padding-left: 5px;
   padding-right: 5px;
   background-color: #FFFFFF;
}


table.sqform{
   background-color: #EEEEEE;
   border: 1px;
}

table.sqform th{
   background-color: #EEEEEE;
   text-align: left;
}

table.sqform td{
   background-color: #EEEEEE;
   padding: 1px;
   padding-left: 5px;
   padding-right: 5px;
   text-align: left;
   vertical-align: top;
}

input.fsubmit {
        border: 0px;
        font: 110% "Verdana", Arial, Helvetica, sans-serif;
        color: red;
        font-weight: bold;
        background-color: #ffeeaa;
}

span.headertitle {
        border: 0px;
        font: 150% "Verdana", Arial, Helvetica, sans-serif;
        color: brown;
        font-variant: small-caps;
        font-weight: bold;
}
/* -------------------------------------------------------
Author: Mya Leigh
Theme: A Warm, Fall Table - Easy to Read
URL: http://www.myaleigh.com 
 ------------------------------------------------------- */

#sqf table {
	border: 5px solid red;
	border-collapse: collapse;
        font: 120% "Verdana", Arial, Helvetica, sans-serif;
        background-color: #ffeeaa;
	padding: 4px;
}


#sqf td {
        font: 100% "Verdana", Arial, Helvetica, sans-serif;
        border: 3px solid #ffee22;
        background-color: #fffce1;
        color: #101011;
        padding: 4px;
}

#sqf td.submit {
        border: 2px solid black;
        background-color: #ffeeaa;
        text-align: center;
}


#sqf th {
        border-top: 1px solid #84785e;
        font-weight: normal;
	padding-left: .75em;
}

#sqf tr {
	padding: .75em;
}

#sqf caption {
        caption-side: top;
	text-align: left;
	font-size: 150%;
        font-style: italic;
        font-weight: bold;
	padding: 0.5em;
        background-color: #ffeeaa;
	color: #000;
}

/* ----- Changes odd row to fffce1 */

#sqf tr.odd {
	background-color: #fffce1;
	color: #101011;
}

/* ----- Changes row color to a24116 for those browsers that support tr:hover */

#sqf td:hover, td.odd:hover {
	background-color: #a24116;
	color: #ffffff;
}

/* ----- Changes link color to 101011 */

#sqf table a:link {
	color: #101011;
	text-decoration: none;
}

#sqf table a:visited {
	color: #101011;
	text-decoration: none;
}

#sqf table a:hover, table a:active {
	text-decoration: underline;
}

/* ----- Changes link color to white for those browsers that support the tr:hover */

#sqf tr:hover a:link, tr.odd:hover a:link {
	color: #ffffff;
}

#sqf tr:hover a:visited, tr.odd:hover a:visited {
	color: #ffffff;
}