/* style.css */

h1 {
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #E6ECFF;
	background: #001F7A;
	font-family: Helvetica, sans-serif;
}

hr {
	width: 50%;
	height: 1px;
	background: #333;
}

h2 {
	color: #001F7A;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	margin-top: 0em;
	margin-bottom: 1em;
	border-color: #995C00;
	border-bottom-style: solid;
	border-bottom-width: medium;
}

h4,h3,p,ul {
	font-family: Helvetica, sans-serif;
}

div.menu {
	height: 24px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 1em;
	background: #668CFF;
}

a.item:link {
	text-decoration: none;
	color: #E6ECFF;
}

a.item:visited {
	text-decoration: none;
	color: #E6ECFF;
}

a.item:hover {
	text-decoration: underline;
	color: #E6ECFF;
}

a.item:active {
	color: #E6ECFF;
}

a.item {
	//font-weight: bold;
	font-size: 80%;
	margin-left: 6px;
	margin-right: 6px;
	color: #E6ECFF;
	font-family: Helvetica, sans-serif;
}


a.listitem:link { }

a.listitem:visited { }

a.listitem:hover {
	color: #E6ECFF;
}

a.listitem:active { }

a.listitem {
	text-decoration: none;
	color: #001F7A;
	font-family: Helvetica, sans-serif;
}

div.boxcontainer {
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
	border: none;
}

div.leftbox {
	border: solid;
	float: left;
	border-width: medium;
	width: 47%;
	background: #FFF5E6;
	padding: 0.5em;
}

div.rightbox {
	border: solid;
	float: right;
	border-width: medium;
	width: 47%;
	background: #FFF5E6;
	padding: 0.5em;
}

div.courseLabel {
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	line-height: 1.7em;
	text-align: right;
}

div.courseInput {
	padding: 2px;
	float: left;
	text-align: left;
}

table.center {
	margin-left:auto;
	margin-right:auto;
}


th {
	font-size: 1.1em;
	text-align: left;
	border-bottom: solid;
	border-bottom-width: medium;
	border-color: #001F7A;
}

th.member {
	text-align: center;
}

th.highlight {
	cursor: pointer;
	text-decoration: underline;
}

tr.highlight {
	cursor: pointer;
	color: #E6ECFF;
	background: #001F7A;
}

tr.norm {
	background: #FFC266;
}

tr.alt {
	background: #FFF5E6;
}

td.member {
	text-align: center;
}

input.groovybutton {
	font-size: 14px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #001F7A;
	background-color: #FFC266;
	border-style: solid;
	border-color: #668CFF;
}


/* CERTIFICATE SCREEN */

#print-btn {
	margin: 0 auto; 
	text-align: center;
	}

#print-btn button {
	font-family: $font-regular;
	font-size: 30px;
	color: #fff;
	width: 150px;
	padding: 3px 0 0;
	border: 0;
	border-radius: 5px;
	border-bottom: 4px solid #98010b;
	background-color: #bd0920;
	cursor: pointer;
}

#print-btn:hover button {
    background-color: #98010b;
}

#print-btn.disabled button {
    background-color: #b5b5b5;
    border-bottom: 4px solid #808080;
    cursor: default;
}

#print-btn.disabled:hover button {
  background-color: #b5b5b5;
}

#certificate {
    width: 930px;
    height: 500px;
    border: 2px solid #333;
    text-align: center;
    color: #6D6E70;
    font-family: arial;
    padding: 55px 30px 13px 30px;
    margin: 10px auto;
    font-size: 16px;
}

#arclogo {
	background-image: url('../graphics/arc-logo.png');
	width: 256px;
	height: 112px;
	margin: 0 auto 20px auto;
}

#ttext {
	font-size: 48px;
	font-weight: bold;
	padding-bottom: 10px;
	width: 400px;
	margin: 0 auto 14px auto;
}

#congratulations {
	font-size: 30px;
	font-weight: bold;
	width: 500px;
	margin: 0 auto 14px auto;
}

#fname {
    color: #98010b;
    display: inline;
    padding-right: 5px;
    font-size: 24px;
}

#lname {
    color: #98010b;
    display: inline;
    font-size: 24px;
}

#ptext-1 {
    margin: 11px auto 0 auto;
    width: 500px;
}

#ptext-2 {
    font-size: 30px;
    line-height: 14px;
    color: #98010b;
}

#ptext-3 {

}

#date {
    font-style: italic;
    font-size: 20px;
}