@charset "utf-8";

/* -------------------------------------------- */
/*												*/
/*	Xerox Cloud Styles							*/
/*	==================				            */
/*												*/
/*	By Kerrigan Hawes							*/
/*												*/
/*	Version 1.00								*/
/*												*/
/*	30-Oct-2014									*/
/*												*/
/*	Copyright 2014 Xerox Corporation		    */
/*												*/
/* -------------------------------------------- */


/* Page Layout */
/* ----------- */
* {
	margin:0;
	padding:0;
}

html {
	height:100%;
}

body {
	background:url(/Images/mobile/Gradient_bg.png) top left repeat-x #474747;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a4e57;
	margin:0;
	padding:20px 20px 30px 20px;
	height:100%;
}

#page_container {
	position:relative;
	padding:5px 0 5px 0;
	background: #ffffff;
	margin: 0 auto 0 auto;
	border-radius:5px;
	box-shadow: 0px 10px 30px 10px #333333;
	max-width:1500px;
	min-height:250px;
	height:100%;
}

#page_head {
	position:relative;
	clear:both;
	background:#ffffff;
	height:75px;
	line-height:75px;
}

#page_banner {
	color:#ffffff;
	font-size:36px;
	padding:0 10px;
	background: url(/Images/mobile/Banner.png) top left no-repeat #2895d5;
	vertical-align:middle;
	overflow:hidden;
	line-height:75px;
	height:75px;
}

#page_body {
	float:left;
	padding:10px 0 10px 20px;
	position:relative;
	visibility:hidden;
}

#page_body:after {
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
}

#page_footer {
	position:absolute;
	bottom:0;
	left:0px;
	color:#999ea7;
	width:100%;
}

/* Page Header */
/* ----------- */
#page_head .head_left {
	position:absolute;
	left:0;
	padding:0 0 0 20px;
}

#page_head .head_center {
	position:absolute;
	visibility:hidden;
}

#page_head .head_right {
	position:absolute;
	right:0;
	padding:0 20px 0 0;
	visibility:hidden;
}

/* Page Footer */
/* ----------- */
#page_footer .foot_top {
	position:absolute;
	left:0;
	bottom:30px;
	margin: 5px 20px;
	padding:0 5px;
	border-left:5px solid #155fbb;
	height:20px;
}

#page_footer .foot_bottom {
	position:absolute;
	left:0;
	bottom:0;
	border-top:1px solid #c7e4b2;
	height:30px;
	width:100%;
}

#page_footer .foot_left {
	position:absolute;
	left:0;
	bottom:0;
	margin:0 20px;
	line-height:30px;
	height:30px;
}

#page_footer .foot_right {
	position:absolute;
	right:0;
	bottom:0;
	margin:0 20px;
	line-height:30px;
	height:30px;
}

/* Links */
/* ----- */

strong {
	font-weight:bold;
}

a {
	color: #2895d5;
}

a:hover {
	color: #faaf41;
}

a.nounder {
	color: #4a4e57;
	text-decoration:none;
}

a.nounder:hover {
	color: #faaf41;
	text-decoration:underline;
}

a img {
	border:1px solid transparent;
	vertical-align:middle;
	margin:0 3px 0 0;
}

a:hover img {
	border:1px solid #faaf41;
}

/* Buttons */
/* ------- */

button,
input[type="submit"],
input[type="reset"] {
	color:#ffffff;
	background-color: #155fbb;
	border:1px solid #2895d5;
	padding:2px 7px;
	margin:3px 3px 3px 0;
	border-radius:3px;
	cursor:pointer;
	line-height:1.3em;
	min-width:65px;
	white-space:nowrap;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	background-color: #faaf41;
	border:1px solid #faaf41;
}

button.disabled, button.disabled:hover, button.disabled:focus,
input[type="submit"].disabled, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus,
input[type="submit"].disabled, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus {
	background-color: #c4c7cc;
	border:1px solid #c4c7cc;
	cursor:not-allowed;
}

/* Fieldset Content */
/* ---------------- */
fieldset, .centerBox {
	padding:0 0 10px 0;
	border:none 0 #FFFFFF;
	min-width:200px;
	max-width:450px;
	min-height:100px;
	display:block;	/* Needed for IE7 */
	margin:20px auto;
	float:none;
}

.groupbox, fieldset div {
	background:#eff0f1;
	border-radius:5px;
	padding:10px;
}

.groupbox:after, fieldset div:after {
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
}

fieldset ul, fieldset ol {
	list-style:none;
}

fieldset li {
	padding:5px 0;
}

fieldset li.bullet {
	list-style-type:disc;
	margin:0 0 0 15px;
	padding:0;
}

fieldset li label {
	font-weight:bold;
	padding:0 5px 0 0;
	vertical-align:top;
	min-width:40px;
	display:inline-block;
	white-space:nowrap;
}

fieldset li label.leading {
	width:130px;
	display:inline-block;
	white-space:normal;
}

fieldset li label.nonBold {
	font-weight:normal;
	white-space:normal;
	min-width:auto;
}

fieldset li label.nonBold.leading {
	font-weight:normal;
	width:115px;
	padding:0 0 0 20px;
}

fieldset input {
	margin:5px 5px 5px 134px;
}

fieldset li input {
	border:1px solid #2895d5;
	padding:2px 3px 2px 8px;
	margin:0 10px 0 0;
}

fieldset li input:hover {
	border:1px solid #faaf41;
}

fieldset li input.disabled, li input.disabled:hover {
	border:1px solid #9e9e9e;
	padding:2px 3px 2px 3px;
    background-color:transparent;
}

fieldset li input.required {
	border-left:5px solid #155fbb;
	padding:2px 3px 2px 3px;
}

fieldset li input.required:hover {
	border-left:5px solid #faaf41;
}

fieldset li input.required.disabled, li input.required.disabled:hover {
	border-left:5px solid #9e9e9e;
}

fieldset li input[type="checkbox"], fieldset li input[type="radio"],
fieldset li input[type="checkbox"]:hover, fieldset li input[type="radio"]:hover,

fieldset li input.disabled[type="checkbox"], fieldset li input.disabled[type="radio"],
fieldset li input.disabled[type="checkbox"]:hover, fieldset li input.disabled[type="radio"]:hover {
	border:none;
	padding:0;
	margin:0 5px 0 0;
	vertical-align:top;
}

fieldset li a {
	display:inline-block;
}

fieldset li p {
	padding: 5px 0 0 0;
}

fieldset p.bold {
	font-weight:bold;
}

fieldset p.nonBold {
	font-weight:normal;
}

fieldset div.buttons {
	display:table;
	margin:0 auto;
	float:none;
	clear:none;
	padding:5px 0 0 3px;
}

fieldset li img {
	float:left;
	vertical-align:text-top;
	padding:0 5px 0 0;
}

fieldset li p.imgText {
	display:inline;
}

fieldset .column {
	float:left;
	width:50%;
	background:none;
	border-radius:0;
	padding:0;

}

/* Content Headers */
/* --------------- */
fieldset legend {
	color:#333;
	font-weight:normal;
	font-size:1.8em;
	vertical-align:top;
}

fieldset legend .smaller {
	font-size:0.8em;
}

fieldset legend img {
	vertical-align:bottom;
	margin-right:5px;
}

h1 {
	color:#2895d5;
	font-weight:bold;
	font-size:2em;
	vertical-align:top;
}

fieldset li select.disabled
{
	background-color:transparent;
    border:1px solid #9e9e9e;
}

fieldset .disabled
{
    color:gray;
}

/* Normal Content */
/* -------------- */

#page_body p.larger {
	font-size:1.3em;
	padding:0 0 10px 0;
}

/* Errors */
/* ------ */

/* styles for validation helpers */

.field-validation-error {
    color: #d92231;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border:1px solid #d92231;
}

input.input-validation-error.required {
	border-left:5px solid #d92231;
	padding:2px 3px 2px 3px;
}


input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.errors, .validation-summary-errors {
	background: url(/Images/mobile/icon_Fault_16onLt_Enabled.png) 5px 3px no-repeat;
	border:1px solid #d92231;
	color: #d92231;
	border-radius:5px;
	padding:3px 5px 3px 25px;
	margin:3px 0 3px 0;
	display:none;
}

.validation-summary-errors {
	display:block;
}

.errors li:first-child, .validation-summary-errors li:first-child {
	list-style: none;
}

.validation-summary-valid {
    display: none;
}