#acctshare-page{
    background: #fff;
    max-width: 1024px;
    margin: 0 auto;
    min-height: 1000px;
}


.customColor{
		color: #97989a;
}


.MyAcc_title{

	font-weight: bold;
	font-size: 18px;
}

.MyAcc_subtitle{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 8px;
}





#OneFanContainer {
	font-family: Arial,sans-serif;
}
.DM_title{
	font-family: Arial,sans-serif;
}

#oneFanMenu{
		margin: 0 auto;		
	}


#oneFanMenu a{
	float:left
}

#inboxMessage{
	
	height: 30px;
	background-color: #C82C2D;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	margin: 0 auto;
	padding:0px 10px;
}

#inboxMessage a{
	color: #fff;
	text-decoration: underline;
}

/*******************************ONE FAN BAR*********************************/
#oneFanPad{
	padding: 5px;
}

img.profilePic{
	height: auto;
}

#fanBox{
	background-color: #EAE8E9;
	margin: 0 auto;
    margin-top:5px;
    padding:5px 15px 5px 15px;
   }

#donorBox{

background-color: #fff;
	
	margin: 0 auto;
    margin-top:5px;
    padding:5px 15px 5px 15px;

}

.fanName{
	font-size: 16px;
	font-weight: bold;
}
.fanId{
	font-size: 13px;
	font-weight: bold;
	line-height: 23px;
}



.infoItem{
	width: 60px;
}
.descItem{
	width: 280px;
}

.textGrey_greenBg{
 margin: 10px 0;
    padding: 10px 5px;
}

.descItem input{
	width:100%;
	 margin: 5px 0;
    padding: 5px;
}

.descItem .buttonsDiv input{
	width:100%;
	 margin: 5px 0;
    padding: 5px;
}


.descItem input#IS_BILLING{
	width:1%;
}
.descItem input#IS_SHIPPING{
	width:1%;
}
.dottedBot{
	border-bottom: 1px dotted #cdcdcd;
}

tr.dottedBot td 
{
    border-top: 1px dotted #cdcdcd;
}
.leftTableInfoAccount{
	width:85%;
}

.rightTableInfoAccount{
	width:100%;
}

hr.grey{	
	display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #D7D7D7;
    margin: 1px;
    padding: 1px; 
}

#EditAccountBox{
	display: none;
	background-color: #fff;

}

.editable{
  
     display: none;
 }
 .errorForm{
 	display: none;
 	color:red;
 }
.textGrey{
	color:#333;
	background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
}
.textGrey_greenBg{
	color:#333;
	background: #CCFFCC none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
}



.textGreyOnly{
	color:#333;
}



.smallFont{
	font-size: 10px;
}


.smallerFont{
	font-size: 10px;
}
a.call-action-profile{
    text-decoration:none !important;
}
a.call-action-profile:visited{
    color: #fff;
}

a.call-action-profile:hover{
    color: #000;
}

#myProfileButtons .call-action-profile{
    text-align: center;
    width: 114px; 
}


.call-action-profile{
	background: #30bc0a none repeat scroll 0 0;
    border: 0 none;
    color: #fff !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-shadow: 0 0 0;
    margin-top: 5px;
}
.call-action-profile:hover{
	color:#013220 !important;

	}


a.cancel-profile{
    text-decoration:none;
}
.cancel-profile{
	background: #97989a none repeat scroll 0 0;
    border: 0 none;
    color: #fff !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-shadow: 0 0 0;
    margin-top: 5px;

}
.cancel-profile:hover{
	color:#000 !important;
}

.add-profile{
	background: #4CAF50 none repeat scroll 0 0;
    border: 0 none;
    color: #fff !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-shadow: 0 0 0;
    margin-top: 5px;
}
.add-profile:hover{
	color:#000 !important;
}



#oneFanMenu.oneFanShowDesk{
	display: block;
}

#oneFanMenuPhone.oneFanShowPhone{
	display: none;
}



 /* Dropdown Button */
.dropbtn {
   	background-color:#fff;
    color: #000;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    width: 100%;
    height: 43px;
 	text-align:right;
 	float:right;
 	position: relative;
 	z-index: 100;
    
}

/* Dropdown button on hover & focus */


.menutext{
	clear:both;font-size:11px
}


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;    
   margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 2.55rem  9999rem;  
  z-index: 80;

}

/* Links inside the dropdown */
.dropdown-content a {
    text-decoration: none;
    display: block;
    width: 99.5%;
    height: 36px;
    background:#fff;
    margin: 0 auto;
    text-decoration: none;
    width: 100%;
}

#fanBox a{
font-size: 12px;
text-decoration: underline;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
#oneFanDropdown{
	width: 100%;
}
.OF_left{
	float: left;
}
.OF_right{
float: right;
}

.OF_clear{
	clear: both;
}
.logout_links{
   	padding-right:5px;
    text-align: right;
   	}

.icon-bar-subMenu {
background-color: #000;
border-radius: 1px; 
clear: both;
float: right;
height: 4px;
margin:3px 8px 0 auto;
width: 29px;
}


/* STORE -- WE will show the mobile menu on the store because the buttons do not fit on the store frame*/

#StoreContainer .oneFanShowDesk{
display: none;
}

#StoreContainer .oneFanShowPhone{
display: block;
}


#StoreContainer a div.menuButton{
	width: 100% !important;
}
#StoreContainer	.smallerFont{
font-size: 12px;
}

#oneFanDropdown .menuButton{
	margin: 0px;
}
/*******************CREDIT CARD LIST *****************************/
ul#creditcardList{
	padding:0px;
	margin:0px;
	margin-top:10px;
}
	
ul#creditcardList li{
	margin-top: 10px;
    height: 224px;
    background: #fff;
    border-radius: 8px;
    list-style:none;
    padding:0px;
    margin-left:0px;
    font-size:12px;
	float:left;
	margin:0px;
	margin-left:10px;
	margin-bottom:10px;
	padding:0px;
	border:2px solid #cbcbcb;

}
ul#creditcardList li .content{
	padding:0 10px;
}


ul#creditcardList li .content .section_title{
	font-weight:bold;
}

ul#creditcardList li .content .section_text{
	font-weight:normal;
}
ul#creditcardList li .header{
	 background: #EAE8E9;
    height: 25px;
    line-height: 25px;
    text-align: center;
    
    font-size: 12px;
    color: #231f20;
    font-family: Helvetica;
    border-radius: 8px 8px 0px 0px;
    font-weight: bold;
}
ul#creditcardList a.nounderline{
	font-weight:none;
	text-decoration:none;
}
ul#creditcardList li{
	width:31%;
	}


/*********************************************Shipping address list***************************/
ul#addressList{
	padding:0px;
	margin:0px;
	margin-top:10px;
}
	
ul#addressList li{
	margin-top: 10px;
    height: 224px;
    background: #fff;
    border-radius: 8px;
    list-style:none;
    padding:0px;
    margin-left:0px;
    font-size:12px;
	float:left;
	margin:0px;
	margin-left:10px;
	margin-bottom:10px;
	padding:0px;
	border:2px solid #cbcbcb;

}
ul#addressList li .content{
	padding:0 10px;
}


ul#addressList li .content .section_title{
	font-weight:bold;
}

ul#addressList li .content .section_text{
	font-weight:normal;
}
ul#addressList li .header{
	    background: #EAE8E9;
    height: 25px;
    line-height: 25px;
    text-align: center;
    
    font-size: 12px;
    color: #231f20;
    font-family: Helvetica;
    border-radius: 8px 8px 0px 0px;
    font-weight: bold;
}
ul#addressList a.nounderline{
	font-weight:none;
	text-decoration:none;
}

.note_acct{
	font-size:12px;

}

ul#addressList li{
	width:31%;
	}


/*********************************************Education list***************************/
ul#educationList{
	padding:0px;
	margin:0px;
	margin-top:10px;
}
	
ul#educationList li{
	margin-top: 10px;
    height: 257px;
    background: #fff;
    border-radius: 8px;
    list-style:none;
    padding:0px;
    margin-left:0px;
    font-size:12px;
	float:left;
	margin:0px;
	margin-left:10px;
	margin-bottom:10px;
	padding:0px;
	border:2px solid #cbcbcb;

}
ul#educationList li .content{
	padding:0 10px;
}


ul#educationList li .content .section_title{
	font-weight:bold;
	padding-top: 5px;
}

ul#educationList li .content .section_text{
	font-weight:normal;
	padding-left: 10px;
	padding-top: 5px;
}
ul#educationList li .header{
	    background: #EAE8E9;
    height: 25px;
    line-height: 25px;
    text-align: center;    
    font-size: 12px;
    color: #231f20;
    font-family: Helvetica;
    border-radius: 8px 8px 0px 0px;
    font-weight: bold;
}
ul#educationList a.nounderline{
	font-weight:none;
	text-decoration:none;
}

.note_acct{
	font-size:12px;

}

ul#educationList li{
	width:18%;
	}

.MyAccountFromStyle select.fixedWidth{
	width: 223px;
}

.MyAccountFromStyle input.fixedWidth{
	width: 213px;
}
/*********************************************Sports list***************************/

.hide_form{
	display: none;
}
.show_form{
	display: block;
}

ul#sportsList{
	padding:0px;
	margin:0px;
	margin-top:10px;
}
	
ul#sportsList li{
	margin-top: 10px;
    height: 180px;
    background: #fff;
    border-radius: 8px;
    list-style:none;
    padding:0px;
    margin-left:0px;
    font-size:12px;
	float:left;
	margin:0px;
	margin-left:10px;
	margin-bottom:10px;
	padding:0px;
	border:2px solid #cbcbcb;

}
ul#sportsList li .content{
	padding:0 10px;
}


ul#sportsList li .content .section_title{
	font-weight:bold;
	padding-top: 5px;
}

ul#sportsList li .content .section_text{
	font-weight:normal;
	padding-left: 10px;
	padding-top: 5px;
}
ul#sportsList li .header{
	    background: #EAE8E9;
    height: 25px;
    line-height: 25px;
    text-align: center;    
    font-size: 12px;
    color: #231f20;
    font-family: Helvetica;
    border-radius: 8px 8px 0px 0px;
    font-weight: bold;
}
ul#sportsList a.nounderline{
	font-weight:none;
	text-decoration:none;
}

.note_acct{
	font-size:12px;

}

ul#sportsList li{
	width:18%;
	}

/************************USER MESSAGE*************************/
.myaccbox .error{
	background: none repeat scroll 0 0 #FFCCCC;
    border-color: #FF0000;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-bottom: 1.11111rem;
    padding: 1.11111rem;
    text-align: center;
    font-size: 14px;
}	


.myaccbox .message{

	background: none repeat scroll 0 0 #CCFFCC;
    border-color: #43ac6a;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-bottom: 1.11111rem;
    padding: 1.11111rem;
    text-align: center;
    font-size: 14px;

}

.myaccbox .warn{
	background: none repeat scroll 0 0 #ecfaff;
    border-color: #b6edff;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-bottom: 1.11111rem;
    padding: 1.11111rem;
    text-align: center;
    font-size: 14px;
	
}

/**********************************FORM CSS STYLES*******************************/
.basic-grey label > span{
	height: 12px;
	line-height: 12px;
}

.MyAccountFromStyle p{
    font-size: 12px;
}


.MyAccountFromStyle label {
    display: block;
    margin-top:5px;
    font-size: 12px;
    font-weight:bold;
    width: 241px;
    text-align: left;
}

.MyAccountFromStyle .medLabel label{
	display:inline;
}

.MyAccountFromStyle .medLabel label.textR { 
    padding-left: 34%;
}


.MyAccountFromStyle .medLabel label.textRext { 
    padding-left: 19%;
}



.MyAccountFromStyle .postalcode{
	margin-left: 12px;
}
.MyAccountFromStyle .ext{
	margin-left:18px;
}

.MyAccountFromStyle .phoneForm{
	max-width:400px;
}


.padBoxProfile{
	padding-top:5px;
	padding-left:15px;
}

.MyAccountFromStyle label>span {
    font-size: 14px;
    line-height: 30px;
    
    text-align: right;
    padding: 20px 10px;
    margin-top:30px;
    
}
.MyAccountFromStyle input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 23px;
  max-width: 210px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;

}



.MyAccountFromStyle input[type="text"]{
	 	width: 88%;
}

.MyAccountFromStyle input[type="text"].small-input{

  width: 50px;
  margin-right:0px;
  text-align: right;
}
.MyAccountFromStyle input[type="text"].small{

  width: 40%;
  margin-right:0px;
  text-align: left;
}


.MyAccountFromStyle textarea{
    padding: 5px 3px 3px 5px;
    width: 260px;
     border: 1px solid #dadada;
    box-shadow: 0 1px 4px #ececec inset;
}
.MyAccountFromStyle select {
    background: #FFF url('/fls/0/donor/down-arrow.png') no-repeat right;
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding-right:16px;
    height: 32px;
    line-height: 25px;
    font-size: 12px;
    border: 1px solid #dadada;
    box-shadow: 0 1px 4px #ececec inset;
     color: #666;
     max-width: 220px;
     width: auto;
    
}
.MyAccountFromStyle select:focus,
.MyAccountFromStyle textarea:focus,
.MyAccountFromStyle input[type="text"]:focus,
.MyAccountFromStyle input[type="password"]:focus,
.MyAccountFromStyle input[type="datetime"]:focus,
.MyAccountFromStyle input[type="datetime-local"]:focus,
.MyAccountFromStyle input[type="date"]:focus,
.MyAccountFromStyle input[type="month"]:focus,
.MyAccountFromStyle input[type="time"]:focus,
.MyAccountFromStyle input[type="week"]:focus,
.MyAccountFromStyle input[type="number"]:focus,
.MyAccountFromStyle input[type="email"]:focus,
.MyAccountFromStyle input[type="url"]:focus,
.MyAccountFromStyle input[type="search"]:focus,
.MyAccountFromStyle input[type="tel"]:focus,
.MyAccountFromStyle input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(126, 239, 104, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}

.MyAccountFromStyle textarea{
    height:100px;
}

.MyAccountFromStyle {
	font-size:12px;


}


.MyAccountFromStyle  .form_content{
	
	padding:10px;
}

.MyAccountFromStyle .large {
    width: 85%;
}

.MyAccountFromStyle .med {
    width: 40%;
}

.MyAccountFromStyle div.title {
 
    padding-bottom: 0.1em;
    padding-top: 0.1em;
     color: #666;
   
}

#submit-pay div.title {
 
    padding-bottom: 0.1em;
    padding-top: 0.1em;
     color: #666;
     color: #666666;
    font-family: "Open Sans","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
    font-size: 14px;
   
}




.MyAccountFromStyle div.submit, .MyAccountFromStyle div.title, #submit-pay div.title {

    margin: 0;
      padding-bottom: 0.1em;
    padding-top: 0.1em;
}

.MyAccountFromStyle {
    background-color: #ffffff;
    color: #666666;
    font-size: 12px;
    max-width: 850px;
    min-width: 150px;
    
}

.MyAccountFromStyle.twoRows{
	font-size:12px;
}

.MyAccountFromStyle.twoRows  .form_content{
	
	padding:0px;
}


.MyAccountFromStyle.twoRows table{margin-top:3px;}

.MyAccountFromStyle.twoRows label{
	float:left;
}

#account_education .floatInput{
	float:left;
}
#account_education .clearForm{
	clear: both;
}
	
#account_education label{
	text-align: left;
}
#account_education input[type="text"]{
	width: 220px;
}


.MyAccountFromStyle.twoRows label > span {
	height:0px;
	font-size:0px;
}

#ProfilePage{
	padding:10px;
}

.MyAccountFromStyle.twoRows label{
	float:left;
	margin-top:0px;
}

.MyAccountFromStyle.twoRows label.margin{
	margin-top:5px;
}

.MyAccountFromStyle.twoRows .element-input{
	padding:5px 0px;
}


.paddingLeft{
	padding-left: 15px;
}


.floatInput_drop{
	float:left;
}

.clearForm{
	clear:both;
}

.show_accepted_cc{
	
}
.call-action-cc {
    background: #30bc0a none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    margin-top: 5px;
    padding: 5px;
    text-shadow: 0 0 0;
    width:161px;
 }


.black_overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;

	background-color: white;
	z-index:1002;
	overflow: auto;
}

.close{
	 color: #000;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 10px;
    width: 100px;
}

.note_text{
	font-size:12px;
	width:250px;
}

select#ID_COUNTRY_CODE{
	width:250px;
}

.profileButton{
	
	display: inline-block;
}

/* mobile-only styles */
@media (max-width: 1025px) and (min-width: 200px) {

	
#oneFanMenu.oneFanShowDesk{
	display: none;
}

#oneFanMenuPhone.oneFanShowPhone{
	display: block;
}


  a div.menuButton{
 		width: 100% !important;
	}
	.smallerFont{
		font-size: 12px;
	}
	
}


/* mobile-only styles */
@media (max-width: 725px) and (min-width: 200px) {


    #myProfileButtons .call-action-profile{
    text-align: center;
    width: 100%; 
    }
    .logout_links.OF_right{
        float: right !important;
    }


	.paddingLeft{
		padding-left: 0px;
	}
	.MyAccountFromStyle.twoRows label{
		float:none;
		margin-top:0px;
	}

	.floatInput{
		float:none;
		clear:both;
	}

	

	.MyAccountFromStyle .ext{
		width:77px;
	}	

	ul#addressList li{
	width:98%;
	margin-left:0px;
	}

	ul#creditcardList li{
	width:98%;
	margin-left:0px;
	}
	


	ul#educationList li{
	width:98%;
	margin-left:0px;
	}

	ul#sportsList li{
	width:98%;
	margin-left:0px;
	}



	#oneFanMenu{
		margin: 0 auto;
		max-width: 256px;
	}
	#donorMenu{
		height: 60px;
		margin-bottom: 10px;
	}
	#donorBox{
		display: none;
	}
	.breakColMobile{
		width: 100%;
		display: block;
	}
	.leftTableInfoAccount{
	width:100%;
	}
	.descItem{
	width: 180px;
	}
	.edit{
		width: 20px;
	}

	.MyAccountFromStyle .form_content{
		padding:0px;
	}
   .oneFaneShowDesk{
   	display: none;
   }

   .oneFanShowPhone{
   	display: block;
   }
   .logout_links.OF_right{
   	padding-right:0px;
   	float:left;
   	text-align: left;
   	}
   	.profilePic{
   		padding-right: 5px;
   	}
   	.currentPledgesLink{
   		display: block;
   	}

   	.descItem input {
    width: 80%;
	}	

	.infoAccount{
		width: 80%
	}

	.editable select{
		width: 80%;
		display: block;
		clear: both;
	}
	#donorProfileLanding{
		padding:15px;
		

	}
	#cc_input_form td{
	
	display: block;
	width:100%;
	}


	.MyAccountFromStyle .medLabel label.textRext { 
    padding-left: 15%;
	}



}



#oneFanMenu .menuButton, #oneFanMenuPhone .menuButton{
    width: 116px;
    height: 30px;
    background-color: #97989A;
    color:#fff;
    line-height: 30px;
    margin:3px;
    text-align: center;
    font-weight: bold;
}

#oneFanMenu .menuButton a, #oneFanMenuPhone .menuButton a{
    text-decoration: none;
    color:#fff;
    font-weight: bold;  
    font-size: 10px;
}

#oneFanMenu .menuButton:hover, #oneFanMenuPhone .menuButton:hover{  
    background-color: #DDDDDD;
    color:#97989A;
}


#oneFanMenu .menuButton a:hover, #oneFanMenuPhone .menuButton a:hover{    
    color:#97989A;
    font-size: 10px;
}


#oneFanMenu .oneFanLeft, #oneFanMenuPhone .oneFanLeft{
    float: left;
}

#oneFanMenu .smallerFont, #oneFanMenuPhone .smallerFont{
    font-size: 11.5px;
}


.changepassword .header-bar {
    display: none;
}

#responsive-acctshare li{
line-height:14px !important
}


#responsive-acctshare form{
margin:0px !important
}