/********** Begin global styles **********/
body
{
	text-align: center;
}
#container
{
	/*width: 30em;*/
	width: 50em;
	margin: 0 auto;
	text-align: left;
}

.containerHeader
{
	width: 50em;
	margin: 0 auto;
	text-align: left;
}


.para{
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}
.psVideo {
    padding: 25px 20px;
}


.center {
    text-align: center;
}
.smallBorder
{
	border: 0.1em solid black;
}
.block
{
	display: block;
}
@media screen and (max-width: 600px)
{
	body
	{
		text-align: left;
	}
	#container
	{
		width: 100%;
	}
	.selectCompany
	{
		width: 75%;
	}
}
/********** End global styles **********/
/********** Begin login page styles **********/
#login
{
	margin: auto auto;
	/*width: 24em;*/
}

.loginLabels
{
	width: 7em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;    
}

.loginMenuUl
{
	padding-left: 0;
	list-style-type: none;
	margin-left: 0;
	text-align: center;
}
.loginMenuUl li
{
	display: inline;
	padding-left: 8px;
	padding-right: 8px;	
	border-right: 1px solid black;
}
.loginMenuUl li.endLink
{
	border-right: 0;
}

@media screen and (max-width: 600px)
{
	.loginMenuUl li
	{
		display: block;
		border: 0;
		padding-top: 5px;
	}   
}
/********** End login page styles **********/
/********** Begin account verification styles **********/
.verification
{
	width: 38em;
	margin: 0 auto;
}
.accountControlLabels
{
	width: 250px;
	float: left;
	text-align: left;
	display: block; 
}
/********** End account verification styles **********/
/********** Begin create account styles **********/
.createAccountLabel
{
	width: 9em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;    
}
#signup
{
	width: 33em;
	margin: 0 auto;
}
#signup input[type="text"], #signup input[type="password"]
{
	width: 200px;
}
/********** End create account styles **********/
/********** Begin change password styles **********/
.changePasswordLabel
{
	width: 10em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;    
}
#changePassword
{
	width: 25em;
	margin: 0 auto;
}
/********** End change password styles **********/
/********** Begin change security question styles **********/
.changeSecurityQuestionLabel
{
    width: 11em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
}
#changeSecurityQuestion
{
    width: 35em;
    margin: 0 auto;
}
/********** End change security question styles **********/

/* begin new style */
#leftCs{
    height: 78px; 
    width: 200px; 
    float:left;
    padding-top:35px;
}

#leftCs ul{
    list-style-type: none; 
}

#leftCs ul li{
    margin-top: 10px;
    font-weight: 700;
}

#containerLogin {
    margin: 0 auto;
    text-align: left;
    max-width: 1020px;
}

legend{
    font-weight: 700;
}


button {
	background-color: #009add;
	border: none;
	border-top: 1px solid #009add;
	border-bottom: 1px solid #092e6e;
	color: #fff;
	cursor: pointer;
	font-family: 'FunctionPro-Demi', Arial, sans-serif;
	font-size: 1.6rem;
	padding: 0.8rem 1.4rem;
	text-transform: uppercase;
}

.loginHeader{
    margin-bottom:10px;
    font-weight: 700;
}

.loginBackground {
  border: none;
  background-color: #edeeee;
  padding: 1rem 2rem;
  width:40em;
}

.loginBackground .para label{
    width:200px;
}
.loginBackground .para input{
    margin-top:-5px;
    width:150px;
}
.loginBackground .para select{
    margin-top:-10px;
    margin-bottom:5px;
    width:275px;
    height:25px;
}
.para #password,.para #username{
    padding:3px;
    margin-top:-5px;
}


.showWhenSmall {
    display: none;
}
.showWhenLarge {
    display: block;
}

.defaultHidden {
    display: none;
}

.labelMargin {
    padding-top: 35px !important;
    padding-bottom: 15px !important;
}

.videoTitle {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}