/* Theme related stuff
/* http://www.google.com/design/spec/style/color.html#color-color-palette
================================================== */

html {
	background-color: #fefefe;	/* color of space around main window */
}

body {
	font-size: 15px;
	font-family: Lato, sans-serif;
    font-weight: normal;
	line-height: 20px;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #fefefe;  /* background color for site */;
	color: #0a0a0a;            /* text color for site */;
}

#header {
	background-color: #fefefe;
	padding: 10px;
	margin: 0 auto;
	width: 250px;
}

.logo {
	width: 250px;
}

#PageId {
	background-color: #efefef;
	width: 80%;
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;
}

#headerbottom {
	background-color: #ff9200;
	padding-bottom: 26px;	/* pixels that are orange behind logo header - wide width*/
}

#footer {
	background-color: #fefefe;   /* this should match the header or html color */
    text-align: center;
    padding: 10px 0px;
	color: #555555;
	font-size: 70%;
}

p,
h1,
h2,
h3,
h4 {
    padding-top: 5px;
	margin-top: 0;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0px;
}

h1 {
	color: #555555;
	font-family: Cambo, sans-serif;
	font-size: 40px;
	font-weight: normal;
	line-height: 56px;
    margin-bottom: 5px;
}

h2,
h3,
h4 {
    color: #555555; /* accent */
}

p, input { 
	margin-top: 5px;
}
p.tight-text { 
	margin-top: 0px;
    padding-top: 2px;
}

table {
    padding-top: 5px;
    margin-left: 5px;	
}

a:hover {
    background: #FFEE58;
}

a.highlight {
    color: black;
}

table {
    border-spacing : 0;
}

.lineabove {
    background-color: #212121; /* accent */
    color: #E6E6E6;
}

th {
    text-align: right;
    padding-left: 15px;
    vertical-align: top;
    border: none;
	font-weight: normal;
}

td {
    text-align: left;
    padding-left: 10px;
    vertical-align: top;
    border: none;
	font-weight: bold;
}

.signaturewrapper {
	width:200px;
	margin: 0 auto;
}


.buttonwrapper {
	width:120px;
	margin: 0 auto;
}

#approvalButton {
	font-family: Lato,sans-serif;
    font-size: 14px;
	font-weight: 400;
	width: 120px;

	transition: all 0.3s ease-in-out;
	
    margin-top: 8px;
    line-height: 12px;
    padding: 13px 15px;
    text-align: center;
	text-shadow: 1px 0px 0px #ffffff;
    text-decoration: none;
    color: #555555;
    background-color: transparent;
    border: 3px solid #1e74bb;
	cursor: pointer;
}

#approvalButton:hover {
    color: #000000;
	border-color: #000000;
}
#approvalButton:disabled {
    background: #aaaaaa;
    color: #ffffff;
}

#username {
    border-radius: 10px;
	height: 20px;
	padding-left: 10px;
	margin-left: 5px;
}

#username[value=""] {
	border-color: #ff3333;
	border-width: 3px;
}

.hidden {
	display: none;
}

/* Medium devices
================================================== */
@media screen and (max-width: 700px) {
	h1 {
		font-size: 28px;
		line-height: 36px;
	}
}

/* Small devices
================================================== */
@media screen and (max-width: 550px) {
	#header {
		padding: 5px;
		width: 160px;  /* pixels that are blue behind logo header  - narrow width*/
	}

	.logo {
		width: 160px;
	}
	
	h1 {
		font-size: 22px;
		line-height: 26px;
	}
	
	#headerbottom {
		padding-bottom: 17px;	/* pixels that are orange behind logo header - narrow width */
	}
}

/* Print Settings
================================================== */

@media print {
    html,
    body,
    table, footer {
        overflow: hidden;
    }

    body, footer {
        background: white;
        background-image: none;
    }



}