@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');

html
{
    min-height: 100%;
    position: relative;
}
body
{
	min-height: 100%;
	margin: 0;
  background-color: #fff;
  font-family: "Roboto",sans-serif;
	font-size: 14px;
	background-color: #fff;
	color: #948c8c;
}
h1
{
	margin: 0px;
}
h2
{
	color: #b2b2b2;
}
h3
{
	color: #262626;
}


/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
a
{
	color:#948c8c;
	text-decoration:underline;
	transition:ease-out .3s;
	-webkit-transition:ease-out .3s;
	-moz-transition:ease-out .3s;
	-o-transition:ease-out .3s;
	-ms-transition:ease-out .3s;
}
a:focus,a:active
{
	border:none;
	outline:none;
}
a:hover
{
	text-decoration:underline;
}
img
{
	border: 0;
}
#AJAXUpdatePanel_Panel {
	z-index: 100;
}
/* SITE STRUCTURE */
/*------------------------------------------------*/
.box
{
	/*margin: 25px Auto 0 auto;*/
	margin-bottom: 20px;
	padding: 20px;
	clear: both;
	background-color: #fff;
	border: 1px solid #E8E8E8;
}
/*------------------------------------------------*/
/* SITE HEADER */
/*------------------------------------------------*/
#contentWrapper
{
	width: 980px;
	margin: auto;
}
#headerWrapper
{
	width: 100%;
	padding: 0;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
}
#headerWrapper.box {
	border: none;
	border-bottom: 6px solid #9AC330;
	/*border-top: 3px solid #333;*/
}
#siteHeader
{
	display: table;
	margin: auto;
	overflow: visible;
	width: 980px;
}
#logo
{
	float: left;

}

#logo img
{
	clear: both;
	height: 70px;
	padding: 10px 0 10px 0;
}

#mmsButton
{
	display: table;
	float: right;
	padding: 15px 0;
	width: 121px;
}
#mmsButton a
{
	display: table-cell;
	vertical-align: middle;
}
#mmsButtonCaption
{
	position: relative;
	top: -50%;
	color: white;
	margin: 0 1px;
}
/* for quirk explorer only */
#mmsButtonCaption[id]
{
	position: static;
}


#footerWrapper
{
	background-color: #F7F6F6;
	bottom: 0;
	color: #948c8c;
	left: 0;
	padding: 0;
	position: fixed;
	bottom:0;
	width: 100%;
}
/* Content Pane - Footer */
#footer
{
	padding: 5px 0;
	margin: auto;
	width: 980px;
}

.footerPane, .footerPane .Normal
{
	color: #969696;
}

#contentWrapper
{
	width: 980px;
	margin: 89px auto 57px;
}


/* Copyright
	-------------------------------------*/
#copyright
{
	background: url('/SiteFiles/GlobalSiteFiles/WL/UTILITY_SWAP/84e53766-22eb-4731-ebf3-08ddc9265142/Cards.png') no-repeat;
	background-position: left center;
	height: 28px;
	position: relative;
	top: -6px;
}
#copyright span
{
	text-align: right;
	position: relative;
	top: 6px;
}

/*------------------------------------------------*/
/* GENERIC CLASSES
/*------------------------------------------------*/

/* Clear-fix for floated elements 
	-------------------------------------*/
.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after
{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

.left
{
	float: left;
}
.right
{
	float: right;
}



/* Footer 
	-------------------------------------*/
ul.footerlinks
{
	margin: 0;
}
.footerlinks li
{
	list-style: none;
	margin-bottom: 8px;
}
.footerlinks li a:link, .footerlinks li a:visited
{
	color: #5BB0E2;
}
.footerlinks li a:hover
{
	color: #2A5697;
	text-shadow: #ccc 0.1em 0.1em 0.2em;
}
ul.footerConnect
{
	margin: 0px;
}

ul.footerConnect li
{
	display: inline-block;
	list-style-type: none;
	margin-right: 10px;
}

.FormItem
{
	width: auto;
}
.FormItem a#ForgotPasswordLinkButton 
{
	bottom: 20px;
	color: #E01A22;
	text-decoration: none;
}
.FormItem a#ForgotPasswordLinkButton:hover, .FormItem a#ForgotPasswordLinkButton:active, .FormItem a#ForgotPasswordLinkButton:focus {
	text-decoration: underline;
}
.FormSubmit
{
	margin-top: 10px;
	clear:both;
}

#contentOutterWrapper {
	/*min-height:100vh;
	 height:100vh;*/
	width: 100%;
}
#contentInnerWrapper {
	width: 100%;
}
#ContentRight {
	right: 0;
	width: auto;
}
.ContentBodyText {
	width: auto !important;
}

/*------------------------------------------------*/
/* CONTENT PANES */
/*------------------------------------------------*/
#contentPane {
	width: 100%;
	padding: 20px 0;;
}
#contentPane .Normal {
}

#LoginHeader
{
	overflow: hidden;
	margin-bottom: 10px;
}
#LoginHeader img {
	float: left;
	margin-right: 5px;
}
#LoginHeader h1 {
	float: left;
}
#content {
	clear: both;
}
/* Content Pane - Home */
#contentPaneBlockLeft {
	float: left;
	margin-right: 20px;
	width: 940px;
	background-color: #9AC330;
}
#contentPaneBlockLeft h1 {
	color: #fff;
}
#contentPaneBlockLeft form {
	background-color: #FFFFFF;
	padding: 20px;
}

.FormLabel, .NarrowFormLabel, .FormLabelExtraDescription
{
	width: 360px;
}