@charset "utf-8";
/* CSS Document */

* {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
}

.clear {
	clear: both;
	line-height: 1px;
}

body {
	padding: 10px 0px 0px 0px;
	background: #fff;
}

img {
	border: none;
}

p {
	padding: 5px 5px 5px 5px;
}

p.alert {
	color: #D2492A;
}

h1, h2{
	padding: 5px 0px 5px 10px;
	margin: 10px 0px 0px 0px;
}

h1 {
	font-size: 130%;
}

h2 {
	font-size: 120%;
	color: #ffffff;
	background-color: #21314D;
}

h3 {
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 110%;
	background-color: #CED5DD;
}

div.progressBar {
	width: 100px;
	height: 16px;
	background-color: #ffffff;
	padding: 2px 2px 2px 2px;
}

div.progressBarInner {
	height: 10px;
	background-color: #CED5DD;
	margin: 3px 2px 2px 2px;
}

div.progressBarInnerDone {
	height: 10px;
	background-color: #21314D;
	margin: 3px 2px 2px 2px;
}

.backLink {
	float: left;
	text-decoration: none;
}

.forwardLink {
	float: right;
	text-decoration: none;
}

/* ----------------------------
		Structure Elements
   ---------------------------- */

#holderMain {
	width: 978px;
	margin: 0px auto 0px auto;
}

#logoArea {
	width: 987px;
	height: 66px;
	margin: 0px 0px -10px 0px;
	background-image: url("images/logo.svg");
	background-repeat: no-repeat;
}

#logo {
	/*width: 205px;
	height: 100px;
	background-image: url("images/AcademicTechnology-logo.png");
	background-repeat: no-repeat;
	float: left;*/
}

#siteImage {
	/*width: 479px;
	height: 100px;
	background-image: url("images/ATWebsite_Image.png");
	background-repeat: no-repeat;
	float: right;*/
}

/* -------------------------------
		Navigation Elements
   ------------------------------- */

#navBar {
	width: 100%;
	position: absolute;
	right: 0;
	z-index: 100;
	border: solid 1px #000000;
	background: #21314D url("images/nav-bar-bg.png") repeat-x;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

ul.mainNav {
}

ul.mainNav li {
	list-style: none;
	float: left;
	position: relative;
	border-right: solid 1px #000000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 0 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.1);
	-moz-box-shadow: 1px 0 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.1);
	box-shadow: 1px 0 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.1);
}

ul.mainNav li:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #92A2BD url("images/nav-bar-bg-hover.png") repeat-x;
}

ul.mainNav a {
	color: #ffffff;
	display: block;
	padding: 14px 15px 14px 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.7);
}

ul.mainNav ul {
	border: solid 1px #cccccc;
	background: #21314D;
	padding: 5px 0px 5px 0px;
	list-style: none;
	position: absolute;
	width: 250px;
	z-index: 100;
	display: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

ul.mainNav ul li {
	font-size: 80%;
	background: none;
	border: none;
	float: none;
}

ul.mainNav ul ul {
	border: solid 1px #cccccc;
	background: #21314D;
	padding: 5px 0px 5px 0px;
	list-style: none;
	position: absolute;
	width: 250px;
	left: 240px;
	top: 0px;
	z-index: 100;
	display: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

ul.mainNav li:hover > ul {
	display: block;
}

#contentHolder {
	clear: both;
	position: relative;
	margin: 60px 0px 0px 0px;
}

#contentHolder ul {
	margin: 10px 10px 0px 25px;
}

table.topOfForm {
	width: 100%;
}

table.peopleListing {
	border: solid 1px #21314D;
	width: 100%;
}

table.peopleListing th {
	background-color: #92A2BD;
	border-bottom: solid 2px #21314D;
	padding: 5px 5px 5px 5px;
}

table.peopleListing tfoot th {
	background-color: #92A2BD;
	border-bottom: solid 2px #21314D;
	padding: 5px 5px 5px 5px;
	text-align: right;
}

table.peopleListing tfoot td {
	text-align: center;
}

table.peopleListing td {
	border-bottom: solid 1px #21314D;
	padding: 5px 5px 5px 5px;
	font-size: 80%;
}

table.peopleListing td.activated {
	color: #009900;
}

table.peopleListing td.deactivated {
	color: #990000;
}

table.peopleListing td.bordered {
	border-right: solid 1px #ccc;
	text-align: center;
}

.sdev {
	background: #a9d08e;
}

.sreview {
	background: #fdd96f;
}

.scoach {
	background: #9dc0e2;
}

.srevision {
	background: #f800fc;
}

.sproj {
	background: #9966ff;
}

.sumgreen {
	background: #3cb371;
}

.sumorange {
	background: #ffa500;
}

.sumred {
	background: #ff6347;
}

.confirmed {
	background: #66ff66;
}

.cconf {
	float: right;
	background: #0B6E00;
	padding: 1px 3px;
	color: #ffffff;
}

.cpend {
	float: right;
	background: #cccccc;
	padding: 1px 3px;
	color: #000000;
}

.cconf:hover, .cpend:hover {
	cursor: pointer;
}

table.courseListing {
	border: solid 1px #21314D;
}

table.courseListing th {
	background-color: #92A2BD;
	border-bottom: solid 2px #21314D;
	padding: 5px 5px 5px 5px;
	text-align: right;
	vertical-align: top;
}

table.courseListing td {
	border-bottom: solid 1px #21314D;
	padding: 5px 5px 5px 5px;
	font-size: 80%;
}

tr.projectDone {
	background-color: #999999 !important;
}

td.sActive {
	background-color: #66ff66;
}

td.sInactive {
	background-color: #ff9933;
}

td.Low {
	background-color: #66ff66;
}

td.Medium {
	background-color: #ffff66;
}

td.High {
	background-color: #ff9900;
}

.milestoneEmpty {
	padding: 3px;
	border: 1px solid #000;
	background: #fff;
	color: #333;
}

.milestonePending {
	padding: 3px;
	border: 1px solid #000;
	background: #ccc;
	color: #000;
}

.milestone1Done {
	padding: 3px;
	border: 1px solid #000;
	background: #a9d08e;
	color: #000;
}

.milestone2Done {
	padding: 3px;
	border: 1px solid #000;
	background: #a9d08e;
	color: #000;
}

.milestone3Done {
	padding: 3px;
	border: 1px solid #000;
	background: #a9d08e;
	color: #000;
}

.milestone4Done {
	padding: 3px;
	border: 1px solid #000;
	background: #fdd96f;
	color: #000;
}

.milestone5Done {
	padding: 3px;
	border: 1px solid #000;
	background: #fdd96f;
	color: #000;
}

.milestone6Done {
	padding: 3px;
	border: 1px solid #000;
	background: #95c0e2;
	color: #000;
}

.milestone7Done {
	padding: 3px;
	border: 1px solid #000;
	background: #f800fc;
	color: #000;
}

.milestone8Done {
	padding: 3px;
	border: 1px solid #000;
	background: #f800fc;
	color: #000;
}

.milestoneInprogress {
	padding: 3px;
	border: 1px solid #000;
	background: #ff0;
	color: #000;
}

.milestoneMissed {
	padding: 3px;
	border: 1px solid #000;
	background: #f00;
	color: #fff;
}

a.fillIt {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #000;
	text-align: center;
}

/* ----------------------
		Form Elements
   ----------------------- */

form {
	margin: 10px 10px 10px 10px;
	background-color: #ffffff;
}

fieldset {
	border: none;
	margin: 5px 5px 5px 5px;
}

fieldset.separate {
	border: solid 1px #92A2BD;
	margin: 5px 5px 5px 5px;
}

legend {
	font-weight: bold;
	padding: 0px 0px 0px 260px;
}

label {
	padding: 5px 5px 5px 5px;
	display: block;
	float: left;
	width: 250px;
	text-align: right;
	clear: both;
	font-size: 90%;
	font-weight: bold;
	color: #21314D;
}

fieldset span {
	padding: 5px 5px 5px 5px;
	display: block;
	float: left;
	font-size: 80%;
	color: #D2492A;
}

fieldset span label {
	width: auto;
}

fieldset span.info {
	padding: 5px 5px 0 5px;
	display: block;
	float: left;
	font-size: 80%;
	color: #000;
}

fieldset span.info2 {
	padding: 0 5px 5px 265px;
	display: block;
	float: left;
	font-size: 80%;
	color: #000;
}

fieldset span.inputDescription {
	padding: 5px 5px 5px 0;
	display: block;
	float: left;
	font-size: 90%;
	color: #000000;
}

fieldset span.inputDescription2 {
	padding: 5px 5px 5px 260px;
	display: block;
	float: left;
	font-size: 90%;
	color: #000000;
}

fieldset span.arFile {
	padding: 5px 5px 5px 260px;
	display: block;
	float: left;
	font-size: 90%;
	color: #000000;
}

fieldset span.checkboxText {
	margin: -3px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	display: block;
	float: left;
	font-size: 100%;
	color: #000000;
}

fieldset span.checkboxTextFirst {
	padding: 3px 5px 0px 5px;
	display: block;
	float: left;
	font-size: 100%;
	color: #000000;
}

input, select, textarea {
	margin: 5px 5px 5px 0px;
	display: inline;
	float: left;
}

textarea.indented {
	float: none;
	margin: 5px 5px 5px 260px;
}

input[type="checkbox"] {
	margin: 8px 5px 5px 0px;
	display: inline;
	float: left;
}

input[type="checkbox"].indent {
	margin: 0px 5px 5px 260px;
	display: inline;
	float: left;
}

.styledCheckbox { /* for the custom checkboxes of "DONE" and "NOT DONE" */
	margin: 5px 0 0 260px;
}
	
option {
	padding: 0px 10px 0px 10px;
}

input.buttons {
	margin: 0px 0px 0px 260px;
	padding: 2px 5px 2px 5px;
}

input.buttonsInline {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
}

input.buttonsInlineCertNo {
   border-top: 1px solid #96d1f8;
   background: #d66565;
   background: -webkit-gradient(linear, left top, left bottom, from(#9c3e3e), to(#d66565));
   background: -webkit-linear-gradient(top, #9c3e3e, #d66565);
   background: -moz-linear-gradient(top, #9c3e3e, #d66565);
   background: -ms-linear-gradient(top, #9c3e3e, #d66565);
   background: -o-linear-gradient(top, #9c3e3e, #d66565);
   padding: 3.5px 7px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   margin: 0 0 0 0;
   top: -5px;
}
input.buttonsInlineCertNo:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
}
input.buttonsInlineCertNo:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

input.buttonsInlineCertYes {
   border-top: 1px solid #96d1f8;
   background: #85d465;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e9c49), to(#85d465));
   background: -webkit-linear-gradient(top, #3e9c49, #85d465);
   background: -moz-linear-gradient(top, #3e9c49, #85d465);
   background: -ms-linear-gradient(top, #3e9c49, #85d465);
   background: -o-linear-gradient(top, #3e9c49, #85d465);
   padding: 3.5px 7px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-size: 11px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
input.buttonsInlineCertYes:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
}
input.buttonsInlineCertYes:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

fieldset p {
	margin: 0px 0px 0px 260px;
	color: #21314D;
	font-size: 80%;
}

p.formInfoGood {
	color: #009900;
}

p.formInfoBad {
	color: #990000;
}

#searchForm {
	display: none;
}

a.plain {
	text-decoration: none;
	color: inherit;
}

#scheduleChange {
	position: fixed;
	display: none;
	width: 50%;
	height: 250px;
	top: 25%;
	left: 25%;
	background: #fff;
	border: 4px solid #ccc;
}

/* ----------------------
	Calendar Elements
   ---------------------- */

table.trainingCalendar {
	width: 100%;
}

table.trainingCalendar th {
	width: 14%;
	background-color: #cccccc;
	border: 1px #000000 solid;
}

table.trainingCalendar td.itsToday {
	background-color: #92A2BD;
	border: 1px #21314D solid;
}

table.trainingCalendar td.notToday {
	background-color: #cccccc;
	border: 1px #92A2BD solid
}

table.trainingCalendar td {
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	height: 100px;
	vertical-align: top;
}

table.trainingCalendar td.calNavPrev {
	color: #ffffff;
	background-color: #21314D;
	text-align: left;
	font-weight: bold;
	height: 20px;
}

table.trainingCalendar td.calNavNext {
	color: #ffffff;
	background-color: #21314D;
	text-align: right;
	font-weight: bold;
	height: 20px;
}

table.trainingCalendar td.calMonthName {
	color: #ffffff;
	background-color: #21314D;
	text-align: center;
	font-weight: bold;
	height: 20px;
}

table.trainingCalendar td.calNavPrev a {
	color: #ffffff;
}

table.trainingCalendar td.calNavNext a {
	color: #ffffff;
}

a.trainingButton {
	color: #3E6D8E;
	background-color: #E0EAF1;
	border-bottom: 1px solid #b3cee1;
	border-right: 1px solid #b3cee1;
	padding: 3px 3px 3px 3px;
	margin: 2px 1px 1px 2px;
	text-decoration: none;
	font-size: 90%;
	line-height: 2.0;
	white-space: nowrap;
}

/* ----------------------
	Tooltip Elements
   ----------------------- */

#tooltip_container {
	color: #ffffff;
	position: absolute;
	display: none;
	padding: 20px 20px 20px 20px;
	margin: 5px 0 5px 5px;
	background-color: rgba(0,0,0,.85);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	white-space: nowrap;
}

.tooltip-source-html {
	display: none;
}

a.preview {
	color: #ffffff;
}

/* ----------------------
	Hidden DIV Elements
   ----------------------- */

div.formPop {
	position: fixed;
	background: rgba(255,255,255,0.70);
}