/*
Windward CSS header.
Useful to create consistent Windward Roofing and Construction Web Sites.
Written by: Donald Tieberg   2014-07-23
*/

/* @group Reset */
html,body,div,span,applet,button,input,textarea,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}
/* @end */

/* @group Page defaults */
@font-face {
    font-family: OCRAEXT;
    src: url(OCRAEXT.TTF);
    font-weight: bold;
}

body {
	font: 14px 'OCRAEXT';
	background: #106a37;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #333;
}
h1 {
	font: 30px 'OCRAEXT';
        color: #AFFFAF;
	background: #106a37;
	padding: 1px 5px;
}
h2 {
	font: 20px 'OCRAEXT';
        color: #FFFFFF;
	background: #106a37;
	padding: 1px 5px;
}

p {
	font: 20px 'OCRAEXT';
        color: #FFFFFF;
	background: #106a37;
}

.leftpad_15 { padding-left: 15px; }

a img {
	border:0;
}
a.heading:link {color:#FFFFFF;}
a.heading:visited {color:#FFFFFF;}
a.heading:hover {color:#FFFF00;}

.logotbl {
        height: 100px;
        background-image: url("circuit_board_background.jpg");
        background-repeat: repeat-x;        
        titleborder: 0px;
        cellpadding: 0px; 
        cellspacing: 0px;
        width: 100%;
}

.logoimg {
        height: 100px;
        
}

.logotblrow {
	font: 60px 'OCRAEXT';
        color: #FFFFFF;
        height: 100 px;
        vertical-align: middle;
        padding-left: 20px;
        text-shadow: 0px 0px 10px #000000;
}

.loginfield {
	font: 20px 'Arial';
        color: #000000;
	background: #FFFFFF;
        vertical-align: middle;
	padding: 2px 5px;
}

.validation {
	font: 20px 'Arial';
        color: red;
	background: black;
        vertical-align: middle;
	padding: 5px 5px;
}

.detailhead {
	font: 20px 'Arial';
        color: #FFFF7F;
	background: #106a37;
	padding: 1px 5px;
}

.detailjobhead {
	font: 20px 'Arial';
        color: #FFFFFF;
	background: #005a27;
}

.detaillabel {
	font: 20px 'Arial';
        color: #FFFFFF;
	background: #106a37;
	padding: 1px 5px;
}

.detail {
	font: 20px 'Arial';
        color: #FFFFFF;
	background: #005a27;
	padding: 1px 5px;
}

.detailitemlabel {
	font: 16px 'Arial';
        color: #FFFFFF;
	background: #106a37;
	padding: 1px 5px;
	border: 2px solid #106a37;
}

.detailitem {
	font: 16px 'Arial';
        color: #FFFFFF;
	background: #005a27;
	padding: 1px 5px;
	border: 2px solid #106a37;
}

.formtext {
	font: 20px 'Arial';
        color: #FFFFFF;
	background: #106a37;
        vertical-align: middle;
}

.formfiltoptions {
	font: 12px 'Arial';
        color: #FFFFFF;
	background: #106a37;
}

.formfiltfield {
	font: 16px 'Arial';
        color: #FFFFFF;
	background: #106a37;
        vertical-align: middle;
}

.formfiltStatus {
	font: 16px 'Arial';
        color: #FFFFFF;
	background: #106a37;
        vertical-align: middle;
}

.jobhead {
	font: 16px 'Courier';
        color: #FFFFFF;
	background: black;
        font-weight: bold;
        border: 1px solid black;
        padding: 1px 5px;
}

.joblist {
	font: 16px 'Courier';
        color: #FFFFFF;
	background: #08351C;
        font-weight: bold;
        border: 1px solid black;
        padding: 1px 5px;
}

.itemhead {
	font: 20px 'Courier';
        color: #FFFFFF;
	background: black;
        font-weight: bold;
        border: 1px solid black;
        padding: 1px 5px;
}

.itemlist {
	font: 20px 'Courier';
        color: black;
	background: white;
        font-weight: bold;
        border: 1px solid black;
        padding: 1px 5px;
}

.headbutton {
    background-color: #888;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:1px;
    color: #FFFFFF;
    background: black;
    font-family: 'Courier';
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid black;
    padding: 1px 5px;

}

.jobbutton {
    background-color: #888;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:1px;
    color: #FFFFFF;
    background: #08351C;
    font-family: 'Courier';
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    width: 100%;
}


button {
    background-color: #888;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius:1px;
    color: #fff;
    font-family: 'Courier';
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border:none;
}


.freebutton {
    background-color: #000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius:7px;
    color: #fff;
    font-family: 'Courier';
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    cursor: pointer;
    border-style: outset;
    border-width: 4px;
    border-spacing: 5px 0px;
    border-color: #000;
}

.menubutton {
    background-color: #0D552C;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius:7px;
    color: white;
    font-family: 'OCRAEXT';
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    cursor: pointer;
    border-style: outset;
    border-width: 4px;
    padding: 5px 5px;
    border-spacing: 10px 5px;
    border-color: #FF9933;
    vertical-align: top;
}

.listbutton {
    background-color: #000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius:7px;
    color: #fff;
    font-family: 'Courier';
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    border-style: outset;
    border-width: 4px;
    border-spacing: 5px 0px;
    border-color: #000;
}