/* Start: ----------------- HTML styles Training Branch-----------------*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;/*12/15/2011 updated */
color: #356684;/*12/15/2011 updated */
background-color: #E6E6E6;/*12/15/2011 new */
}

h1 {
color:#356684; /*12/15/2011 changed*/
font-size:160%; /*12/15/2011 changed*/
/*font-weight:bold; 12/15/2011 deleted*/
/*letter-spacing:-0.05em; deleted*/
margin:0 0 10px 0; /*12/15/2011 changed*/
font-weight:300; /*12/15/2011 new*/
}

h2 {
color:#44728E; /*12/15/2011 changed*/
font-size:140%; /*12/15/2011 changed*/
font-weight:300; /*12/15/2011 new*/
margin:5px 0;
}

h3{
color:#6189A1; /*12/15/2011 changed*/
font-size:130%; /*12/15/2011 changed*/
font-weight:300; /*12/15/2011 new*/
margin:0;
}

a.actionLink{
  text-decoration: underline;
  cursor: pointer;
}

/* End: ------------------- HTML styles -----------------*/

/* Start: ------------------- Layout styles -----------------*/

#appMenuUpperLevel {
position:absolute;
top:53px;
left:0px;
height: 30px;
width:180px;/*12/15/2011 changed*/
background-color:#E7F6ED;
z-index:-1;
}

#appMenuLowerLevel {
position:absolute;
top:83px;
left:0px;
height: 31px;
width:100%;
background-color:#BDD2FF;
z-index:-1;
}

#appPageHeader{
	font-family: Poppins-Medium, serif;
	position:relative;
	top: -5px;
	margin:0;
	padding:0 0 5px 0;
	width: 100%;
	clear:both;
}

#appPageContent{
position:relative;
margin:0;
padding:15px;
width: 100%;
/*clear:both;deleted 06/25/2012*/
}

#appLoginHeader {
position:relative;
padding:4px 0px 0px 0px;
background-color:#E7F6ED;
margin:0;
height: 80px;
}

#loginPageHeader{
position:relative;
top: -5px;
margin:0px 0px 0px 30px;
padding:0 0 5px;
width: 100%;
clear:both;
}

#loginPageContent{
position:relative;
margin:0;
padding:0 0 20px;
width: 100%;
clear:both;
}

/* End: ------------------- Layout styles -----------------*/

.hidden{
	display:none;
}

.hspace{
	padding-right:15px;
}

.hspace1{
	padding-right:5px;
}

.vspace{
	margin-bottom: 20px;
}

#rostermapping_box {
	display: table;
    margin: 0px auto;
}

#rostermapping_box .box-table th {
	border-top: none;
}

#rostermapping_box div.roster_optional {
	display: table;
    margin: 0px;
    padding: 0px;
    width: auto;
}

#rostermapping_box div.roster_optional > label {
	margin: 0px 5px 0px 0px;
    text-align: left;
    padding: 0px;
    width: auto;
} 

#rostermapping_box div.roster_optional.top {
	display: table;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    width: auto;
} 

#rostermapping_box form div.submit {
	overflow: hidden;
    width: auto;
    display: block;
    padding: 0px;
    text-align: right;
}

#rostermapping_box form div.submit > div {
	float: right;
}

#custom_roster_header {
	text-align: center;
}