.usrSettings {
 width:95%;
}

#usrOptions {
 width:100%;
 border: 0px black solid;
 margin:0px;
 padding:0px;
 overflow:hidden;
 background-color: #fff; 
 height:50px;
}

#usrInfo, #usrSubs, #usrFavs {
 width:25%;
 background-color: #fe0000;
 color:#fff;
 font-size:14px;
 float:left;
 margin:0px;
 font-weight:bold;
 text-align:center;
 padding:15px;
 border-left: 1px black solid;
 border-top: 1px black solid;
 border-bottom: 1px black solid;
 height:50px;
}

#usrFavs {
 border-right: 1px black solid;
}

#SettingsPanel {
 border:1px black solid;
 height:auto;
 width:100%;
 padding:15px;
}

#SettingsPanel p {
 line-height:20px;
 letter-spacing:1px;
 text-align:justify;
}

.optionsHover {
 color:#000;
 cursor:pointer;
 top:5px;
}

.hidePanel {
 font-size:12px;
 display:none;
 border:1px black solid;
 height:100%;
}

.headRow {
 font-size:14px;
 font-style:italic;
 font-weight:bold;
 border-bottom: 1px solid #333333;
 letter-spacing:1px;
 text-align:center;
 margin:0px 10px;
 width:125px;
}

.littleNote {
 font-size:10px;
 font-style:italic;
}

.sitesubsTbl {
 text-align:center;
 border-spacing: 40px 15px;
}

#subTblDiv {
 text-align:center;
}

.premSite {
 width:200px;
 font-weight:bold;
}

.expiryDate {
 width:100px;
 text-align:center;
}

#ajaxBusy, .ajaxBusy {
 display:none;
 margin:50px 300px;
 padding:0px;
 position:absolute;
 text-align:center;
 width:auto;
}




/* Start styling the My Favorites section */

#sortMyFavs, #sortMyOptions { 
 list-style-type: none;
 padding: 0;
 float: left;
 margin-right: 10px;
 margin-bottom:2px;
 color:#bbb;
 padding: 5px;
 text-align:center;
}

#sortMyFavs {
 height:350px;
 text-align:center;
 background: #fff url('../images/favbg.png') center top;
 background-repeat:no-repeat;
 background-size:100% ;
 width: 190px;
}

#sortMyOptions {
 height:auto;
 background: #fff;
 width: 400px;
}

#sortMyFavs li, #sortMyOptions li {
 margin: 6px 5px 7px 2px;
 padding: 5px;
 color:#333333;
 font-style:normal;
 font-weight:bold;
 font-size: 12px;
 width: 175px;
 text-align:center;
 cursor:move;
 letter-spacing:1px;
 border:1px solid #bdbdbd;

 /* Gradient Background */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#bdbdbd'); 
 background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#bdbdbd));
 background: -moz-linear-gradient(top,  #F2F2F2,  #bdbdbd); 

 /* Rounded corners */
 -moz-border-radius:5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius:5px;
}
	
#sortMyOptions li {
 float:left;
}

#myfavsSet {
 float:left;
 text-align:center;
 border: 1px red dashed;
 width:200px;
 margin:10px 20px 10px 10px;
 padding: 10px 0px;

 /* Rounded corners */
 -moz-border-radius:10px;
 -khtml-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius:10px;
}

#myfavsSet p {
 text-align:center;
 font-size:18px;
 font-weight:bold;
 text-decoration:underline;
 margin:0;
 padding:0;
}

#myfavsChoices {
 float:left;
 text-align:center;
// width:200px;
 padding: 10px 0px;
}

#myfavsChoices p {
 text-align:center;
 font-size:18px;
 font-weight:bold;
 text-decoration:underline;
 margin:0;
 padding:0;
}



/* Start styling the personal info form */

:invalid { 
  border-color: #e88;
  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  box-shadow:0 0 5px rgba(255, 0, 0, .8);
}

:required {
  border-color: #88a;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  box-shadow: 0 0 5px rgba(0, 0, 255, .5);
}

form#myInfoFRM {
  width:100%;
  margin: 20px 10px;
}

input, select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  font-size:16px;
  min-height:25px;
  display:inline;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

form#myInfoFRM select, form#myInfoFRM input {
  width:300px;
  margin: 5px 5px 8px 10px;
}

input[type=submit], button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  font-size:16px;
  background:none;
  margin: 15px 5px 8px 130px;
  min-height:25px;
  width:250px;
  outline: none;
  padding:5px;
  cursor:pointer;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;

 /* Gradient Background */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#bdbdbd'); 
 background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#bdbdbd));
 background: -moz-linear-gradient(top,  #F2F2F2,  #bdbdbd); 
}


form#myInfoFRM label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:14px;
  width:150px;
  text-align:right;
  min-height:25px;
  display:inline-block;
  color:#585858;
}

.msg {
 color:#585858;
 opacity:0;
 font-style:italic;
 font-size:12px;
 display:inline;
 transition: opacity .5s ease-in-out;
 -o-transition: opacity .5s ease-in-out;
 -moz-transition: opacity .5s ease-in-out;
 -webkit-transition: opacity .5s ease-in-out;
}

input:focus+.msg {
 opacity:1;
 }