/* CSS Document */



/* ----------------------------------- */
/*      NEW MS MAIN PAGE STYLES        */
/* ------------------------------------*/



.loginbox, .loginbox_body, .loginbox_head, .loginbox_head div { float:left; background: transparent url(../_img/boxes/signinBox.gif) no-repeat; margin-top:100px; } 
	.loginbox { width: 280px !important; margin: 10px 10px 20px 10px; } 
	.loginbox_head { background-position: top right; padding-right: 0px; } /* set the top-right image */ 
	.loginbox_head div { background-position: top right; padding: 0; height: 5px !important; height:1%; /* IE Holly Hack */ } /* set the top-left image */ 
	.loginbox_body { background-position: bottom right; margin-right: 0px; padding: 0 20px 10px 20px; } /* set the lower-left corner image */ 
		
#loginMSCallout { width: 280px; float:left; line-height:16px; margin: 10px 20px; }
	#loginMSCallout p { margin-bottom: 10px; margin-top: 7px; } 
	
	.ms_introList1 { width: 200px; float: left; font-size: 13px; line-height:15px; padding: 18px 0px; margin-left: 20px;}
	.ms_introList2 { width: 200px; float: left; font-size: 13px; line-height:15px; padding: 18px 0px; }
	.ms_introList3 { width: 200px; float: left; font-size: 13px; line-height:15px; padding: 18px 0px; }
		.ms_introList1 li, .ms_introList2 li, .ms_introList3 li { margin-top: 4px; }

.loginboxContainer { width: 300px; float: left; vertical-align: top; }

.ms_busMSlink { font-size: 13px; padding-left: 30px; }	
	
#loginbottom { width: 280px; background: transparent url(../_img/boxes/signinBox.gif) no-repeat bottom left; margin: 0px; } 
	
.btnSMLogin { width: 62px; background-image: url(../_img/btn_signIn.png); margin-right:50px; text-align:center;}
	
.loginFieldMS1 { width: 152px; height: 18px; background: url(../_img/forms/loginField.png) no-repeat; border: none; font-size: 11px; padding: 4px 10px 0 10px; float: left; margin-right: 90px; }
	
.loginFieldMS2 { width: 152px; height: 18px; background: url(../_img/forms/loginField.png) no-repeat; border: none; font-size: 11px; padding: 4px 10px 0 10px; float: left; }

.btnSignInMS { width: 62px; background-image: url(../_img/btn_signIn.png); float: left; margin-left: 5px;margin-top: 2px; }


		
	#ms_topfaq { float:right; width: 310px !important; margin: 10px; }
		#ms_topfaq h2 { font-size: 18px; font-weight: normal; margin-bottom: 20px; }
		#ms_topfaq h3 { font-size: 15px; font-weight: normal; margin: 20px 0 10px 0; }
		#ms_topfaq h5 { margin-bottom: 5px; }
		#ms_topfaq p {margin-bottom:15px; line-height: 15px; padding-right: 10px; }
		#ms_topfaq ul li { margin-bottom: 5px; }
		#ms_topfaq .note { margin-top: 10px; }

	#ms_more { width: 276px !important; padding: 25px 0 0 5px; }
		#ms_more h2 { font-size: 16px; font-weight: normal; margin-bottom: 20px; margin-left: 15px;}
		#ms_more h5 { line-height: 16px; font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-left: 15px; }
			#ms_more h5 a { color: #37424a; text-decoration: underline }
			#ms_more h5 a:hover { color: #009387; }
	
	#ms_sideAd { width: 276px; height: 160px; background: url(../_img/AAL_fv_276x160ad.png) no-repeat; margin-top: 20px; }
		
		
/* STYLES COPIED FROM MS SITE FOR SIGNIN */

.notificationMS { border: 1px solid #e1dfd0; padding: 10px; margin: 5px 0; }
.notificationMS p { font-size: 12px; margin-bottom: 5px; }
.notificationMS h6 { font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.notify-helpMS { background: #ffffff; }
.notify-close { font-size: 12px; text-align: right; }



/* OLD MS STYLES - remove once we are comfortable with the new login page */

/* .loginbox, .loginbox_body, .loginbox_head, .loginbox_head div { float:left; background: transparent url(../_img/boxes/loginBox.png) no-repeat; margin-top:100px; } 
	.loginbox { width: 375px !important; margin: 10px 20px 10px 10px; } 
	.loginbox_head { background-position: top right; padding-right: 0px; } /* set the top-right image */ 
/*	.loginbox_head div { background-position: top right; padding: 0; height: 5px !important; height:1%; } /* IE Holly Hack */ /* set the top-left image */ 
/*	.loginbox_body { background-position: bottom right; margin-right: 0px; padding: 0 20px 10px 20px; } /* set the lower-left corner image */ 
		
/*	#loginMSCallout p { width: 340px; float:left; line-height:16px; margin:0 0 0 20px; }
	#loginMSCallout p strong { font-size:14px; }
	#loginMSCallout a { margin-top: 7px; }
	
	
	#loginMSCallout li { margin-bottom:12px; }
	#loginMSCallout li a { font-weight:bold; }
	
	#loginbottom { width: 375px; background: transparent url(../_img/boxes/loginBox.png) no-repeat bottom left;} 
	
	.btnSMLogin { width: 62px; background-image: url(../_img/buttons/login-trans.png); margin-right:50px; text-align:center;}
	
	.loginField { width: 197px; height: 18px; background: url(../_img/forms/loginField.png) no-repeat; border: none; font-size: 11px; padding: 4px 12px 0 12px; }
	#hdr_credoServices { width: 204px; height: 23px; background-image: url(../_img/headers/ms_credo_services.gif); } 
	
	#hdr_moreInfo { width: 204px; height: 23px; background-image: url(../_img/headers/ms_more_info.gif); }
	
	#ms_list {float:left; margin-right:15px; }
		#ms_list a {font-weight:bold;}
		#ms_list p {margin-bottom:8px;}


	.welcome { padding-left:10px; }
	
/* ----------------------------------- */
/*      Customr self care STARTS       */
/* -------------------------- ---------*/
	
acronym[title], abbr[title] {cursor: help;}

.btnMakePayment {
		background: url(../_img/buttons/make_payment.png) no-repeat;
		width: 117px;
	}

.smField:focus, .mdField:focus, .lgField:focus {background-position: bottom left;}


/* -------------------------- */
/*       Accept Payment       */
/* -------------------------- */

#paymentform h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
	text-transform: uppercase;
	width: 290px;
	text-align: right;
}
#paymentform ul {
}
#paymentform li {
	padding-left: 0;
	background: none;
	clear: both;
	margin: 5px 0;
}
#paymentform table {
	margin: auto;
	border: 1px solid #999;
}
#paymentform th, #paymentform td {
	padding: 10px;
}
#paymentOverview td {font-weight: bold;}
#accountState {
	padding: 5px;
	margin: 10px 50px;
	text-align: center;
}
#accountState1 {
	padding: 5px;
	margin: 10px 50px;
	text-align: center;
}
#paymentOverview .suspended {
	color: red;
	border: 1px solid #E89164;
	background: #F2C7AF;
}
#paymentOverview .current {
	color: green;
	border: 1px solid #8BC35E;
	background: #CDE6BF;
}
#accountState span {
	font-weight: bold;
	color: black;
}

#paymentAmount div {margin: 5px 0 0 300px;}
#paymentAmount div span {font-weight: bold;}
#paymentAmount label {
	float: none;
	margin-right: 0;
}


/* -------------------------- */
/*      Activate Service      */
/* -------------------------- */

#activatePhone {position: relative;}
#activatePhone table
{
	width: 500px;
	border: 1px solid #999;
	margin: 20px auto;
}

#activatePhone td {
	padding: 10px;
	margin-bottom: 10px;
}
#activatePhone td label {cursor: pointer;}

#activatePhone tr.head th
{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
	background-color: #a1dad0;
	padding: 5px 0px 5px 10px;
	vertical-align: bottom;
}
#activatePhone th sup {
	vertical-align: super;
	font-size: 9px;
	cursor: pointer;
	color: #ff6319;
}
#activatePhone tr.even {background-color: #f0f0f0;}
#activatePhone #ESNexplanation {
	position: absolute;
	background: #C4EDE7;
	border: 1px solid #CCC;
	width: 150px;
	padding: 30px 10px 10px;
	top: -30%;
	right: 999em;
	z-index: 10;
}
#activatePhone #ESNexplanation sup {
	display: block;
	color: white;
	font-weight: bold;
	background: #FF6319;
	position: absolute;
	padding: 3px 10px;
	width: 150px;
	left: 0;
	top: 0;
}
#activatePhone #ESNexplanation #ESNclose {
	color: white;
	position: absolute;
	right: 10px;
	padding-top: 3px;
	top: 0;
	font-weight: bold;
	font-size: 13px;
}
#activatePhone .submit input {margin-left: 70px;}
#paymentform .submit input, #activatePhone .submit input {
	background: url(../_img/buttons/submit.gif) no-repeat;
	height: 26px;
	width: 66px;
	border: none;
	text-indent: -999em;
	cursor: pointer;
	position: relative;
	display: block;
	font-size: 0px;
	text-align: left;
	color: #FF6319;
}
#paymentform .submit input:hover, #activatePhone .submit input:hover {
	background-position: bottom left;
	color: #C0400B;
}
/* ----------------------------------- */
/*      Customr self care ENDS         */
/* -------------------------- ---------*/
 #faqs ul li a.in { display: inline;}