/* Global */
.UserError
{
	background-color: #FDFFC7;
	border: solid 1px #FFF66C;
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin-top: 2.5em;
	margin-bottom: 1em;
	background-image: url(../Images/Icons/exclamation.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding-left: 1.5em;
}

.UserInfo 
{
	background-color: #deebff;
	border: solid 1px #87c1e7;
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin-top: 2.5em;
	margin-bottom: 1em;
	background-image: url(../Images/Icons/information.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding-left: 1.5em;
}
/* End global */

/* Login */

div.LoginContainer
{
	width: 39em; /*height: 13em;*/ /*border: solid 1px #ECECEC;*/
}

div.LoginLeft
{
	width: 20em;
	border-right: solid 1px #ECECEC;
	padding: 1em 1em 1em 1em;
	float: left;
}

div.LoginRight
{
	width: 14em;
	height: 11em;
	padding: 1em 1em 1em 1em;
	float: left;
}

.TextBox
{
	width: 11em;
	height: 1.5em;
	font-size: 0.9em;
	font-family: Verdana, Tahoma, Arial;
	text-indent: 0.1em;
	border: solid 1px #A0A0A0;
}

.DropDownList
{
	width: 11em;
	font-size: 0.9em;
	font-family: Verdana, Tahoma, Arial;
	text-indent: 0.1em;
	border: solid 1px #A0A0A0;
}

.LoginLabel
{
	width: 9em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	position: absolute;
	bottom: 1em;
	clear: both;
}

.LoginInput
{
	position: absolute;
	left: 9.5em;
	/*bottom: 0px;*/
	top: 0.5em;
}

.LoginValue
{
	position: absolute;
	left: 9.5em;
	bottom: 0.5em;
	float: left;
}

div.LoginField
{
	position: relative;
	height: 3em;
	margin-bottom: 0.3em;
}

/* End login */

/* My speedplaza overview */
div.UsagePercentage
{
	height: 25px;
	font-size: 1.1em;
	color: #CDCDCD;
	padding-top: 5px;
}
div.AccountActionButtonsContainer
{
	width: 400px;
	margin-top: 1em;
	margin-left: 5em;
	background-color: #f3f3f3;
	border: solid 1px #CCCCCC;	
}

div.AccountActionButton
{
	width: 174px;
	padding: 1em;
	float: left;
}
/* User site options */

div#ChangePassword
{
	width: 22em;
}

div#ChangePasswordButtonContainer
{
	margin-top: 2em;
}
/* End user site options */

/* My Speedplaza orders */
div.OrderItemList
{
	margin-left: 5em;
	width: 61em;
}

div.OrderItem
{
	background-color: #C1ECF7;
	height: 2.5em;
	border-top: solid 1px #ECECEC;
	border-left: solid 1px #ECECEC;
	border-right: solid 1px #ECECEC;
	width: 61em;
}

.OrderItem_Disabled
{
	background-color: #EDEDED;
	border-top: solid 1px #ECECEC;
	border-left: solid 1px #ECECEC;
	border-right: solid 1px #ECECEC;
	height: 2.5em;
}

div.OrderItem_Column
{
	width: 10em;
}

div.OrderItem_HeaderColumn
{
	width: 10em;
	margin-bottom: 0.3em;
	border-top: solid 1px #ECECEC;
	border-bottom: solid 1px #ECECEC;
}

div.OrderItem_OrderDate
{
	width: 20em;
}

div.OrderItem_NextRenew
{
	width: 12em;
}

div.OrderItem_Status
{
	width: 9em;
}

div.OrderItem_DetailList
{
	padding-bottom: 2em;
	padding-top: 1.5em;
	border-top: solid 1px #ECECEC;
	border-left: solid 1px #ECECEC;
	border-right: solid 1px #ECECEC;
	border-bottom: solid 1px #ECECEC;
	border-collapse: collapse;
	background-image: url(../Images/Shadow.png);
	background-repeat: repeat-x;
	background-position: top left;
	width: 61em;
}

.OrderHistoryRow:hover
{
	background-color: #FFFED8;
}

.PaymentTableHeaderCell
{
	border-bottom:solid 1px #ECECEC;
	font-weight: bold;
}

/* End MySpeedplaza Order list */

/* MySpeedplaza nav */
div#MySpeedplazaMenu
{
	border-top: solid 1px #EFEFEF;
	border-bottom: solid 1px #EFEFEF;
	padding-top: 1px;
	padding-bottom: 3px;
}
/* End MySpeedplaza nav */

div.PaymentMethod
{
	padding: 1em;
	width: 250px;
	
	border: solid 1px #cccccc;
	background-color: #f3f3f3;
	
	margin-left: 1em;
	
	float: left;
}

div.PaymentMethod p
{
	margin-left: 0px;
}


/* Advantages */
div.Advantages_PackageDetails 
{
	margin-left: 1.5em;
	margin-top: 2em; 
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
	width: 175px; 
	padding: .5em .5em .5em .5em;
}