/***************************************************
Login Forms
***************************************************/

.fields {
	float:left;
	margin:0;
	padding:15px 0 15px 0;
	width:100%;
	border-bottom: 1px solid #ccc;
}

.fieldsLast {
	float:left;
	margin:0;
	padding:15px 0 15px 0;
	width:100%;
	border-bottom: none;
}

.fieldsSecondary {
	float:left;
	margin:0;
	padding:15px 0 0 0;
	width:100%;
	border-bottom:none;
}

.fieldName {
	float:left;
	margin:0;
	padding:0;
	width:113px;
}

.fieldName p {
	padding: 8px 10px 0 0;	
	font-weight:bold;
	color:#505050;
 }

.fieldForm {
	float:left;
	margin:0;
	padding:0;
	width:335px;
}

.fieldForm p {
	padding:0;	
	font-weight:normal;
	font-size:11px;
	color:#505050;
 }

.fieldForm ul {
	margin:0;
	padding:0;
}

.fieldForm ul li {
	float:left;
	display:inline;
	list-style-type: none;
	margin:0;
	padding:0;
}

.fieldForm ul li.recover {
	padding:8px 0 0 15px;
}

.fieldMessage {
	float:left;
	margin:0;
	padding:0;
	width:178px;
	font-size:11px;
	line-height:13px;
}

.fieldIcon {
	float:left;
	width:32px;
	height:23px;
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
	background: url(/images/formInfo.gif) top left no-repeat;
}

.fieldIconError {
	float:left;
	width:32px;
	height:23px;
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
	background: url(/images/formError.gif) top left no-repeat;
}

.textForm {
	margin:0;
	padding:5px;
	line-height:13px;
	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	color:#666;
	background: #ced1d8;
	border:1px solid #aeaeae;
}

.textFormError {
	margin:0;
	padding:5px;
	line-height:13px;
	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	color:#a73334;
	background: #e3c3c3;
	border:1px solid #cc9191;
}

.textAreaError {
	margin:0;
	padding:5px;
	line-height:13px;
	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	color:#333;
	background: #ffffdc;
	border:1px solid #aeaeae;
}

/***************************************************
Account Forms
***************************************************/

.accountFieldName {
	float:left;
	margin:0;
	padding:0;
	width:135px;
}

.accountFieldName p {
	padding: 8px 20px 0 0;	
	font-weight:bold;
	color:#505050;
	text-align:right;
 }
 
.accountFieldName p.off {
	padding: 6px 20px 0 0;	
	font-weight:bold;
	color:#ca5757;
	text-align:right;
	font-size:15px;
 }

.accountFieldName p.on {
	padding: 6px 20px 0 0;	
	font-weight:bold;
	color:#73bd0e;
	text-align:right;
	font-size:15px;
 }

.accountFieldForm {
	float:left;
	margin:0;
	padding:0;
	width:400px;
}

.accountFieldForm ul {
	margin:0;
	padding:0;
}

.accountFieldForm ul li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 10px 0 0;
	color:#505050;
}

.accountFieldForm ul li.double {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 20px 0 0;
	color:#505050;
}

.accountFieldForm ul li.usage {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 10px 0 0;
	font-size:14px;
	color:#505050;
}

.accountAllowOverageForm {
	float:left;
	padding: 8px 20px 0 0;
	margin:0;
	width:100px;
	font-size:12px;
}

.accountAllowEnterAmountPrompt {
	float:left;
	padding: 8px 20px 0 0;
	margin:0;
	width:100px;
	font-size:12px;
}

.accountAllowUsagePrompt {
	float:left;
	padding: 8px 20px 0 0;
	margin:0;
	width:100px;
	font-size:12px;
}

.accountOverageInitialAmountInputForm {
	float:left;
	margin:0;
	padding:0;
	width:150px;
}

.accountOverageUpdateAmountInputForm {
	float:left;
	margin:0;
	padding:0;
	width:150px;
}

.accountFieldForm p {
	padding: 7px 10px 0 0;	
	color:#505050;
	font-size: 14px;
 }
 
.accountFieldForm p.subtext {
	padding: 10px 10px 0 0;	
	color:#505050;
	font-size: 12px;
 }

.accountFieldForm dl {
	margin:0;
	padding:0;
}

.accountFieldForm dl dt {
	float:left;
	margin:0;
	padding:2px 0 0 0;
	list-style-type:none;
	display:inline;
}

.accountFieldForm dl dd {
	float:left;
	margin:0;
	padding:6px 0 0 10px;
	list-style-type:none;
	display:inline;
	line-height:12px;
}

.accountFieldButton {
	float:left;
	margin:0;
	padding:0;
	width:110px;
}

.accountFieldMessage {
	float:left;
	margin:0;
	padding:0;
	width:278px;
	font-size:11px;
	line-height:13px;
}

.accountFieldMessageError {
	float:left;
	margin:0;
	padding:0;
	width:278px;
	font-size:11px;
	line-height:13px;
	color:#a73334;
}

/***************************************************
Dark Forms
***************************************************/

.detailTextForm {
	margin-top:-1px;
	margin-right: 12px;
	padding:4px;
	line-height:13px;
	font-size:13px;
	font-family: "Helvetica Neue", "Helvetica" "Arial", sans-serif;
	color:#f1f1f1;
	background-color: #2d3037;
	border: 1px solid #5e6161;
}

.notificationText {
	margin:0;
	padding:5px;
	line-height:13px;
	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	color:#b7bac9;
	background: #2c2d31;
	border:1px solid #4c4d51;
}

/*{{{ input buttons */
/*
 * @author aashbacher@sorensonmedia.com
 *
 * input button gradients 
 * (for use when css3 supported -- need to determine method for producing bevel in CSS)
 * 	normal:
 * 		bottom: #0786c3
 * 		top: #3dc4fc
 * 		scale: 100%
 * 	hover:
 * 		bottom: #0671a4
 * 		top: #33a4d4
 * 		scale: 100%
 * 	active:
 * 		bottom: #0671a4
 * 		top: #33a4d4
 * 		scale: 150%
 */
.btnBlSm,      /* buttonBlueSmall */
.btnBlMd,      /* buttonBlueMedium */
.btnBlMdNrw,   /* buttonBlueMediumNarrow */
.btnBlLg,      /* buttonBlueLarge */
.btnGrSm,      /* buttonGraySmall */
.btnGrMd,      /* buttonGrayMedium */
.btnGrMdNrw,   /* buttonGrayMediumNarrow */
.btnGrLg       /* buttonGrayLarge */
{
	display: inline-block !important;
	border: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	font: bold auto 'Myriad Pro', 'Lucida Grande', 'Lucida', 'Helvetica', 'Arial', sans-serif !important;
	text-align: center !important;
}

.btnBlSm,
.btnBlMd,
.btnBlMdNrw,
.btnBlLg { background-position: top left !important; }
.btnGrSm,
.btnGrMd,
.btnGrMdNrw,
.btnGrLg { background-position: top right !important; }

.btnBlSm:hover,
.btnBlMd:hover,
.btnBlMdNrw:hover,
.btnBlLg:hover { background-position: center left !important; }
.btnGrSm:hover,
.btnGrMd:hover,
.btnGrMdNrw:hover,
.btnGrLg:hover { background-position: center right !important; }

.btnBlSm:active,
.btnBlMd:active,
.btnBlMdNrw:active,
.btnBlLg:active { background-position: bottom left !important; }
.btnGrSm:active,
.btnGrMd:active,
.btnGrMdNrw:active,
.btnGrLg:active { background-position: bottom right !important; }

.btnBlSm,
.btnBlMd,
.btnBlMdNrw,
.btnBlLg {
	color: #fff !important;
	text-shadow: 1px 1px 0px #13719e !important;
}
.btnGrSm,
.btnGrMd,
.btnGrMdNrw,
.btnGrLg {
	color: #4a4a4a !important;
	text-shadow: 1px 1px 0px #fff !important;
}
.btnBlSm,
.btnGrSm {
	width: ;
	height: ;
	text-transform: uppercase;
}
.btnBlMd,
.btnGrMd {
	width: 108px !important;
	height: 30px !important;
	font-size: 11px !important;
	line-height: 31px !important;
	text-transform: uppercase !important;
}
.btnBlMdNrw,
.btnGrMdNrw {
	width: 81px !important;
	height: 29px !important;
	text-transform: uppercase !important;
}
.btnBlLg,
.btnGrLg {
	width: 136px !important;
	height: 38px !important;
	font-size: 15px !important;
	line-height: 40px !important;
	font-style: italic !important;
}
.btnBlSm { background-image: url('/images/base/buttonBlueSmall.png') !important; }
.btnBlMd,
.btnGrMd { background-image: url('/images/base/buttonMedium.png') !important; }
.btnBlMdNrw,
.btnGrMdNrw { background-image: url('/images/base/buttonMediumNarrow.png') !important; }
.btnBlLg { background-image: url('/images/base/buttonBlueBig.png') !important; }
.btnGrSm { background-image: url('/images/base/buttonGraySmall.png') !important; }
.btnGrLg { background-image: url('/images/base/buttonGrayBig.png') !important; }
/*}}}*/