/** BASE.CSS VARIATIONS **/
.account .narrow-col		{width:335px; padding-right:50px; border-right:1px solid #4a4a4a; margin-top:40px; margin-bottom:40px;}
.account .wide-col			{width:740px; margin:40px 0 40px 25px; padding:35px 0;}
h1.large					{margin-bottom:10px;}

.account .form-container		{position:relative;}
.account .form-container button	{position:absolute; right:0; bottom:47px; min-width:200px;}
.account .form-container.padded	{padding-left:20px !important;}

a.expander-tab.active	{background-color:#0054a6;}


/** PAGE SPECIFICS **/
.account-avatar			{width:284px; height:284px; border-radius:284px; margin:0 auto; background-color:#c2c6ca; background-image:url(/img/backgrounds/bg-avatars-lrg.png); background-repeat:no-repeat; background-position:0 0; border:12px solid #00a6c9; overflow:hidden;}
.account-avatar.male	{background-position:0 0;}	
.account-avatar.female	{background-position:-260px 2px;}	
#uploadifive-file_upload {width:100% !important; line-height:4.4rem !important; text-align:left !important;}
#uploadifive-file_upload-queue {margin:15px 0; background:#f7f7f7; text-align:left;}
.uploadifive-queue-item  {padding:10px 25px; position:relative;}
.uploadifive-queue-item  .close {  position: absolute; top: 10px; right: 10px; text-decoration: none;}
.form-container.account-social-media button	{bottom:20px;}

#postcode-lookup-select-row {display:none;}

@media all and (max-width: 1100px) {

.account .narrow-col	{width:304px; padding-right:20px;}
.account .wide-col		{width:615px; margin-left:15px;}
a.expander-tab			{font-size:1.8rem;}

}

@media all and (max-width: 990px) {
	
.account .narrow-col	{width:100%; float:none; margin:0 auto; padding-right:0; border-bottom:1px solid #4a4a4a; border-right:none; text-align:center; margin-top:0px;}
.account .wide-col		{width:100%; margin-left:0; margin-top:0px;}
.narrow-col-inner		{width:284px; margin:0 auto;}
h1.large				{font-size:3.6rem; line-height:normal;}
p						{text-align:center;}

a.expander-tab span.details-updated	{display:none;}
.form-col {width: 100%; float:none;}

.account .form-container button	{position:relative; right:auto; bottom:auto; margin-top:20px;}

}

@media all and (max-width: 768px) { 

.account .form-container button	{display:block !important; width:90%;}
a.expander-tab			{font-size:1.4rem;}


}

@media all and (max-width: 480px) {
.btn-social					{width:100%; margin:0 0 20px 0;}
.btn-twitter				{display:block;}
.btn-social span 			{margin-right:8px;}
.form-row-checkbox label	{width: 80%;}

}


@media all and (max-width: 320px) { 


}


#progress {
 /*width: 500px;
 border: 1px solid black;   */
 position: relative;
 margin-top: 5px;
 margin-bottom: 10px;
}

#bar {
 color: #EA5239;
 width: 0%;
}