/*
 * AccountPage stylesheet
 * Styling of past orders and the member form (if required) here
 */

.headings
{
	
	background-color:#53CAFF;
	font-weight:bold;
	color:#666;
	border-top:#ccc solid 1px;
}

.tdcolor
{
	border-right-color:#FFF!important;
}


.typography td {
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;

border-left-style:solid;
border-left-width:1px;
border-left-color:#999999;

border-right-color:#999999;
border-right-style:solid;
border-right-width:1px;

/*border-top-color:#999999;
border-top-style:solid;
border-top-width:1px;*/

padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

thead th {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#53CAFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
}

th {
font-weight:bold;
border-right:#FFF solid 1px;
}

table, td, th {
vertical-align:middle;
}

.typography table {
border-collapse:collapse;
color:#666666;
font-size:1em;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
}



table {
margin-bottom:1.4em;
width:100%;
}

table, td, th {
vertical-align:middle;
}

table {
border-collapse:separate;
border-spacing:0;
}

caption, th, td {

text-align:center;
}


#Accounts h6 {
border-bottom-color:#D5D4D4;
border-bottom-style:solid;
border-bottom-width:1px;
clear:both;
display:block;
font-size:1em;
font-weight:bold;
line-height:1.25;
margin-bottom:1.25em;
padding-bottom:9px;
text-align:right;
text-transform:uppercase;
color:#FB4900;
}

#Account h3 {
	font-size: 1.5em;
	padding-bottom: 5px;
	text-transform: none;
}

#AocContent {
	margin-left: 230px;
}

/*
 * Member form styling, and tweaks to the login form as well
 */
#AocMemberForm_AocMemberForm {
	width: 500px;
}
/* apply some margin to the h3 elements in the form to look better */
#AocMemberForm_AocMemberForm h3 {
		font-size: 1.3em;
		font-weight: normal;
		margin: 20px 0;
		border-bottom: 1px solid #ccc;
}
/* these labels don't have a bold font weight, so apply it */
#AocMemberForm_AocMemberForm label.left,
#LoginForm_LoginForm label.left {
	font-weight: bold;
	float: left;
}
/* country select dropdown width is wrong, so reapply it */
#AocMemberForm_AocMemberForm #Country select {
	width: 305px;
}
	#AocMemberForm_AocMemberForm ul.optionset {
		clear: both;
		padding-bottom: 20px;
	}
		#AocMemberForm_AocMemberForm ul.optionset label.left {
			float: left;
			line-height: 1.5em;
		}
		#AocMemberForm_AocMemberForm ul.optionset li {
			float: left;
		}
			#AocMemberForm_AocMemberForm ul.optionset li label {
				margin-right: 10px;
			}