@charset "utf-8";
#mainnav ul {
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#mainnav li {
	display: block;
	width: 20%;
	float: left;
	text-align: center;
	background-color: #4D4D4D;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
}
#mainnav li:hover, #mainnav li:active, #mainnav li:focus, #mainnav li.thispage {
	text-decoration: none;
	background-color: #43A6CB;
}

#data_field {
	float: none;
	clear: none;
	margin-top: 70px;
	margin-left: 41px;
}
h1 {
	text-align: center;
}
#t1container {
	float: left;
	width: 33.3333%;
	clear: both;
	border-collapse: collapse;
	height: 200px;
}
#t2container {
	float: left;
	width: 33.3333%;
	clear: none;
	border-collapse: collapse;
	height: 200px;
}
#t3container {
	float: left;
	width: 33.3333%;
	position: static;
	border-collapse: collapse;
	height: 200px;
}
#t4container {
	float: left;
	margin-top: 10px;
	width: 33.3333%;
	clear: none;
	border-collapse: collapse;
	height: 200px;

}
#t5container {
	float: left;
	margin-top: 10px;
	width: 33.3333%;
	clear: none;
	border-collapse: collapse;
	height: 200px;
}
#t6container {
	float: left;
	margin-top: 10px;
	width: 33.3333%;
	clear: none;
	border-collapse: collapse;
	height: 200px;

}
#tabs-6 {
	height: 100%;
	overflow-y: auto;
	background-color: #EAE8DA;
}

#Navigation {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 200px;
    font-family: Verdana,Arial,sans-serif;
    line-height: 28px;
}
#Navigation ul {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/* [disabled]width: 100%; */
	background-color: #4D4D4D;
}
#Navigation a {
	/*width: 33.3333%;*/
	width: 100px;
	/*display: block;*/
	/*float: left;*/
	float: right;
	text-align: center;
	background-color: #4D4D4D;
	color: #FFFFFF;
	/*text-transform: uppercase;*/
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
}
#Navigation a:hover, #Navigation a:active, #Navigation a:focus, #Navigation a.thispage {
	text-decoration: none;
	background-color: #43A6CB;
}
#Process {
	float: left;
	/*width: 100%;*/
	width: 99%;
}
#reports_navigation ul {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#reports_navigation a {
	width: 33.3333%;
	display: block;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #4D4D4D;
	text-transform: uppercase;
}
#reports_navigation.admin-access a {
	width: 25%;
}
#reports_navigation a:hover, #reports_navigation a:active, #reports_navigation a:focus, #reports_navigation a.thispage {
	text-decoration: none;
	background-color: #43A6CB;
}
#t1-2 {
	border-bottom-style: none;
	border-color: #B6DFFD;
	font-size: 10px;
	height: 14.2857%;

}
#t1 {
	border-collapse: collapse;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	color: #000000;
	height: 100%;
}
#t2, #t3, #t4, #t5, #t6 {
	border-collapse: collapse;
	text-align: center;
	color: #000000;
	height: 100%;
}

#t1-2-1 {
	border-style: none;


}

#t1-3 {
	border-top-style: none;
	border-spacing: 0px 0px;
	border-color: #B6DFFD;
	font-size: 10px;
	height: 14.2857%;
}
#t1-4, #t1-5, #t1-6, #t1-7, #t2-2, #t2-3, #t2-4, #t2-5, #t2-6, #t2-7, #t3-2, #t3-3, #t3-4, #t3-5, #t3-6, #t3-7, #t4-2, #t4-3, #t4-4, #t4-5, #t4-6, #t4-7, #t5-2, #t5-3, #t5-4, #t5-5, #t5-6, #t5-7, #t6-2, #t6-3, #t6-4, #t6-5, #t6-6, #t6-7 {
	border-color: #B6DFFD;
	font-size: 10px;
	height: 14.2857%;
}
#t1-1, #t2-1, #t3-1, #t4-1, #t5-1, #t6-1 {
	height: 14.2857%;
	border-color: #79C5FC #79C5FC #000000;
}


#containertest {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
#canvas {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
body script {
}
#User_Company6, #Job_Title6 {
	position: static;
	padding-top: 1px;
	font-size: 15px;


}
#Position_Summary_Label, #Job_Title6 {
	margin-left: 12%;
	width: 24%;
	margin-right: 26%;
	font-weight: bolder;


}
#User_Name6, #User_Company6 {
	width: 24%;
}

#tabs-63 {
	margin-top: 40px;
	font-size: 18px;

}
#User_Date6 {
	width: 10%;
	float: none;



}

#Position_Summary6 {
	width: 98%;
	height: 70px;
	font-size: 13px;
	font-weight: bold;
}



#tabs-61, #tabs-62 {
	width: 100%;
	float: left;
	font-size: 18px;
}
#tabs-62 {
	margin-top: 0px;
	float: left;
}
#User_Name6, #User_Date6, #User_Company6, #Job_Title6, #Position_Summary6 {
	background-color: #B6DFFD;
	border-color: #000000;
}
#User_Name6, #User_Date6, #User_Company6, #Job_Title6, #Position_Summary_Label {
	text-align: center;
}

#Position_Summary_Label {
	background-color: #79C5FC;
	border-color: #000000;
}
#c11 {
	float: left;
	background-color: #EAE8DA;
	/*height: 300px;*/
	width: 350px;
	/*margin-right: 20px;*/
	margin-right: 40px;
}
#c12 {
	background-color: #EAE8DA;
	/*float: left;*/
	clear: left;
	/*margin-top: 110px;*/
}
#blankSpace {
	opacity: 0;
}

#c10 {
	/*height: 300px;*/
	float: left;
	clear: none;
	/*margin-left: 20px;*/
}
#Position_Summary1 {
	width: 600px;
	height: 100px;
	/*font-weight: bold;*/
	/*font-size: 13px;*/
}
#Number_People_Managed1 {
	width: 40px;
}



#pwa1-1, #pwa1-2, #pwa1-3, #pwa1-4, #pwa1-5, #pwa1-6 {
	clear: left;
	float: left;
	width: 460px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	/*font-size: 13px;*/
	/*height: 23px;*/
	/*font-weight: bold;*/
}
#startPage, #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5 {
	background-color: #EAE8DA;
	height: 100%;
	/*width: 100%;*/
}
#wrapper {
	background-color: #EAE8DA;
}
#tabs-1 {
	background-color: #EAE8DA;
	visibility: visible;
	height: 100%;
}

#User_Name1, #User_Date1, #User_Company1 {
	background-color: #79C5FC;
}
#User_Name1, #User_Company1 {
	width: 350px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}

#Job_Title1, #Position_Summary1, #Number_People_Managed1 {
	background-color: #FFFFFF;
}
#2-1 {
	width: 100%;
	background-color: #EAE8DA;
	float: left;
	margin-bottom: 10px;
	display: inline-block;
	clear: both;
}

#pwa2-1, #pwa2-2, #pwa2-3, #pwa2-4, #pwa2-5, #pwa2-6 {
	width: 460px;
	display: inline-block;
	float: left;
	clear: left;
	background-color: #B6DFFD;
	margin-top: 10px;
	height: 23px;
	/*font-size: 13px;*/
	/*font-weight: bold;*/
}
#User_Name2, #User_Date2, #Job_Title2 {
	background-color: #79C5FC;
}

#pwat2-1, #pwat2-2, #pwat2-3, #pwat2-4, #pwat2-5, #pwat2-6, #totalTime2 {
	width: 40px;
	float: left;
	display: inline-block;
	clear: right;
	margin-left: 10px;
	background-color: #FFFFFF;
	margin-top: 10px;
}


#clearDiv2 {

}
#2-2 {
	width: 70%;
}
#2-3 {
	width: 200px;
	background-color: #29DC43;
}
#totalTime2 {
}
#User_Name3, #User_Date3, #Job_Title3 {
	background-color: #79C5FC;
}
#pwa3-1, #pwa3-2, #pwa3-3, #pwa3-4, #pwa3-5, #pwa3-6 {
	background-color: #B6DFFD;
	width: 460px;
	height: 23px;
	/*font-size: 13px;*/
	/*font-weight: bold;*/
}
#pwaw3-1, #pwaw3-2, #pwaw3-3, #pwaw3-4, #pwaw3-5, #pwaw3-6 {
	background-color: #FFFFFF;
	width: 30px;
}
#User_NameStart {
	background-color: #FFFFFF;
	width: 350px;
	font-size: 16px;
	/*font-weight: bold;*/
}
#c40, #c50 {
	margin-bottom: 50px;
}
#c41 {
	width: 50%;
	float: left;
	margin-bottom: 50px;
}
#c42 {
	width: 50%;
	float: left;
	margin-bottom: 50px;
}
#c43 {
	width: 50%;
	float: left;
	margin-bottom: 50px;
}
#c44 {
	width: 50%;
	float: left;
	margin-bottom: 50px;
}
#c45 {
	width: 50%;
	float: left;
	margin-bottom: 50px;
}
#c46 {
	width: 50%;
	float: left;
	margin-bottom: 50px;
}
#sa4-1-1, #sa4-1-2, #sa4-1-3, #sa4-1-4, #sa4-1-5, #sa4-1-6 {
	float: left;
	clear: left;
	margin-bottom: 2px;
	width: 75%;
	background-color: #FFFFFF;
	/*font-size: 10px;*/
	/*height: 23px;*/
}
#sa4-2-1, #sa4-2-2, #sa4-2-3, #sa4-2-4, #sa4-2-5, #sa4-2-6 {
	float: left;
	clear: left;
	margin-bottom: 2px;
	width: 75%;
	background-color: #FFFFFF;
	/*font-size: 10px;*/
	/*height: 23px;*/
}
#sa4-3-1, #sa4-3-2, #sa4-3-3, #sa4-3-4, #sa4-3-5, #sa4-3-6 {
	float: left;
	clear: left;
	margin-bottom: 2px;
	width: 75%;
	background-color: #FFFFFF;
	/*font-size: 10px;*/
	/*height: 23px;*/
}
#sa4-4-1, #sa4-4-2, #sa4-4-3, #sa4-4-4, #sa4-4-5, #sa4-4-6 {
	float: left;
	clear: left;
	margin-bottom: 2px;
	width: 75%;
	background-color: #FFFFFF;
	/*font-size: 10px;*/
	/*height: 23px;*/
}
#sa4-5-1, #sa4-5-2, #sa4-5-3, #sa4-5-4, #sa4-5-5, #sa4-5-6 {
	float: left;
	clear: left;
	margin-bottom: 2px;
	width: 75%;
	background-color: #FFFFFF;
	/*font-size: 10px;*/
	/*height: 23px;*/
}
#sa4-6-1, #sa4-6-2, #sa4-6-3, #sa4-6-4, #sa4-6-5, #sa4-6-6 {
	float: left;
	clear: left;
	margin-bottom: 2px;
	width: 75%;
	background-color: #FFFFFF;
	/*font-size: 10px;*/
	/*height: 23px;*/
}
#sa5-1-1, #sa5-1-2, #sa5-1-3, #sa5-1-4, #sa5-1-5, #sa5-1-6 {
	width: 75%;
	margin-bottom: 2px;
	background-color: #B6DFFD;
	/*font-size: 10px;*/
	/*height: 23px;*/
	font-weight: bold;
}
#User_Name5, #User_Date5, #Job_Title5 {
	background-color: #79C5FC;
}


#pwa4-1, #pwa4-2, #pwa4-3, #pwa4-4, #pwa4-5, #pwa4-6 {
	/*width: 460px;*/
	width: 75%;
	background-color: #B6DFFD;
	/*font-size: 13px;*/
	height: 23px;
	font-weight: bold;
}
#User_Name4, #User_Date4, #Job_Title4 {
	background-color: #79C5FC;
}
#c51, #c52, #c53, #c54, #c56 , #c55{
	width: 50%;
	margin-bottom: 50px;
	float: left;
}
#Generate {
	clear: left;
	float: left;

}
#saw5-1-1, #saw5-1-2, #saw5-1-3, #saw5-1-4, #saw5-1-5, #saw5-1-6 {
	width: 40px;
	margin-bottom: 1px;
	background-color: #FFFFFF;
}
#sa5-2-1, #sa5-2-2, #sa5-2-3, #sa5-2-4, #sa5-2-5, #sa5-2-6, #sa5-3-1, #sa5-3-2, #sa5-3-3, #sa5-3-4, #sa5-3-5, #sa5-3-6, #sa5-4-1, #sa5-4-2, #sa5-4-3, #sa5-4-4, #sa5-4-5, #sa5-4-6, #sa5-5-1, #sa5-5-2, #sa5-5-3, #sa5-5-4, #sa5-5-5, #sa5-5-6, #sa5-6-1, #sa5-6-2, #sa5-6-3, #sa5-6-4, #sa5-6-5, #sa5-6-6 {
	width: 75%;
	margin-bottom: 2px;
	background-color: #B6DFFD;
	/*font-size: 10px;*/
	/*height: 23px;*/
	font-weight: bold;
}
#saw5-2-1, #saw5-2-2, #saw5-2-3, #saw5-2-4, #saw5-2-5, #saw5-2-6, #saw5-3-1, #saw5-3-2, #saw5-3-3, #saw5-3-4, #saw5-3-5, #saw5-3-6, #saw5-4-1, #saw5-4-2, #saw5-4-3, #saw5-4-4, #saw5-4-5, #saw5-4-6, #saw5-5-1, #saw5-5-2, #saw5-5-3, #saw5-5-4, #saw5-5-5, #saw5-5-6, #saw5-6-1, #saw5-6-2, #saw5-6-3, #saw5-6-4, #saw5-6-5, #saw5-6-6 {
	width: 40px;
	margin-bottom: 1px;
	background-color: #FFFFFF;

}
#pwa5-1, #pwa5-2, #pwa5-3, #pwa5-4, #pwa5-5, #pwa5-6 {
	background-color: #79C5FC;
	/*width: 460px;*/
	width: 75%;
	/*height: 23px;*/
	/*font-size: 13px;*/
	font-weight: bold;
}
#User_Company6 {
	font-weight: bold;
}
#loginHeader {
	text-align: center;
	border-color: #000000;
	font-size: 28px;
}
#loginForms {
	width: 50%;
	float: left;
	text-align: center;
	margin-left: 25%;
	font-family: Verdana,Arial,sans-serif;
}

.form-aside {
    background-color: #EAE8DA;
    border-radius: 8px;
    padding: 8px;
    margin: 20px 0;
}

#Job_Title1 {
	width: 350px;
	/*font-weight: bold;*/
	font-size: 16px;
}
#loginLogo {
	float: left;
	margin-left: 35%;
	margin-right: 35%;
	width: 30%;
	clear: both;
}
#Job_Title2, #Job_Title3, #Job_Title4, #Job_Title5 {
	width: 350px;
	font-size: 16px;
	font-weight: bold;
	display: block;
}
#user_name1 {
}
#User_Name2, #User_Name3, #User_Name4, #User_Name5 {
	width: 350px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}
#User_Date1, #User_Date2, #User_Date3, #User_Date4, #User_Date5 {
	text-align: center;
	width: 100px;
	font-size: 16px;
	font-weight: bold;
}
#submitTab {
	background-color: #EAE8DA;
}

#submit {
	display: none;
}

#errorCheck2 {
	clear: left;
	float: left;
	width: 40px;
	margin-top: 10px;
	margin-left: 470px;
    margin-left: 476px;
    border: 1px solid #d2d2d2;
}
#error2Lab {
	margin-top: 11px;
	margin-left: 10px;
	float: left;


}
#error51Lab, #error52Lab, #error53Lab, #error54Lab, #error55Lab, #error56Lab {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}
#errorCheck51, #errorCheck52, #errorCheck53, #errorCheck54, #errorCheck55, #errorCheck56 {
	width: 40px;
	float: left;
	margin-left: 78%;
}
#step1Note {
	clear: both;
}
#step2Para span {
	float: right;
	text-align: right;
}
#step2Para {
	width: 540px;
	font-weight: bold;
}

/* RC: This doesn't do anything since css is case-sensitive...#process != #Process */
#process ul {
	list-style: square;
}
#wrapper #top #logo1 {
	display: inline;
	text-align: center;
	color: #000000;
	font-size: 26pt;
}
#wrapper #top {
	text-align: center;

}

#wrapper #top #logo2 {
	text-align: center;
	display: inline;
	color: #5C5C5C;
	font-size: 18pt;
}


#loginWrapper {
	background-color: #EAE8DA;
}
#loginLogo1 {
	display: inline;
	font-size: 36px;
}
#loginLogo2 {
	display: inline;
	font-size: 48px;
}
#loginLogo3 {
	display: inline;
	color: #5C5C5C;
	font-size: 32px;
	text-decoration: underline;
}
#loginLogo4 {
	display: inline;
	color: #5C5C5C;
	font-size: 32px;
}

#addUser_wrapper, #reports_query {
	padding-top: 40px;
}

/* RC: new login pages */

#jspec-wrapper {
	font-family: Verdana,Arial,Sans-serif;
	max-width: 600px;
	margin: auto;
}

#jspec-welcome-header {
    font-size: 28px;
    text-align: center;
	margin-bottom: 40px;
}

#jspec-welcome-header img {
    height: 80px;
    vertical-align: middle;
    margin-bottom: 6px;
}

#loginForms, #new-user-block {
	margin-bottom: 40px;
	width: 70%;
	margin-left: 15%;
}

#loginForms form, #new-user-block {
    background-color: #eee;
    padding: 24px 8px;
    border-radius: 8px;
    text-align: center;
}

#loginForms form input, #new-user-block input {
	font-family: Verdana,Arial,Sans-serif;
	font-size: 14px;
}

.clear-both {
	clear: both;
}

.smaller-text {
	font-size: 14px;
}

.block-header {
	font-weight: bold;
	background-color: rgba(255,255,255,0.8);
	width: 120%;
	margin-top: -16px;
	margin-left: -10%;
	line-height: 2em;
	margin-bottom: 24px;
}

#logout-from-login-process {
    position: absolute;
    right: 8px;
    top: 28px;
    font-family: Verdana,Arial,sans-serif;
    line-height: 28px;
}

#logout-from-login-process a {
	min-width: 64px;
	float: right;
	text-align: center;
	background-color: #4D4D4D;
	color: #FFFFFF;
	padding: 6px;
	margin-left: 2px;
	text-decoration: none;
}

#logout-from-login-process a:hover, #logout-from-login-process a:active, #logout-from-login-process a:focus, #logout-from-login-process a.thispage {
	text-decoration: none;
	background-color: #43A6CB;
}
