/* new */
.box11 {
  margin-top:10px;
  /*margin-bottom: 45px; --> USING FRUITSPACE instead*/ 
  padding:10px 0px;

}
div.memSettings div.section.fr{
  width:300px;
  padding-right:10px;
  height:181px;
  overflow:auto;
  margin-right:10px;
  }
div.memSettings div.section.fr select{
  width:66px;
  height:23px;
  font-size:12px;
  float: left;
  margin-top: 8px;
  }
div.memSettings div.section label {
  width: 82px;
  letter-spacing: 0.1em;
  float: left;
  text-align: left;
  padding: 0px;
  margin-right: 0px;
  font: .75em Helvetica;
  margin-top: 12px;
}
div.memSettings div.section.fr input{
  width:50px;
  height:23px;
  font-size:12px;
  float:right;
  }
div.memSettings div.section.fr p{
  font-size:12px;
  float:right;
  }
  .report a {
    font-size: 0.8em !important;
}
.quickActivate #token{
  *float:left;
  *margin-left:15px;
  }
select {
    height: 40px;
    line-height: 40px;
    background: white;
    font-size: 18px;
    width: 600px;
}

#planInfo {
    margin: 20px 0 10px 0;
    font-size: 14px;
}

#membershipMessage h3 {
  padding:10px;
}

div#membershipMessage {
  /*background:#FAE9E0;<- red*/
  /*background:#bef0b4;<-light green*/
  background:#dff0db;
}

div#membershipMessage .cancel {
  background:#FAE9E0 !important;
  border: 1px solid #B70F15 !important;   
}


div#membershipMessage .cancel a {
  background: #aa0f16;
  border:1px solid #000;
  color:#fff;
  background: -moz-linear-gradient(0% 100% 90deg, #bd040f 0%, #94090f 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #bd040f), color-stop(1, #94090f));
}

div#membershipMessage .change {
  background:#dff0db !important; 
  border: 1px solid #008000 !important; 
}

/* Error and Success messages======================
===================================================*/
#message {
  width: 100%;
  height: 30px;
  font-size: 18px;
  color: white;
  line-height: 30px;
  text-align: center;
  text-shadow: #000 0px -1px 1px;
  text-decoration: none;
  position:absolute;
  z-index:1;
  top: 100px;
  margin-top:-30px;
  display: none;
}

#message h2{
  position:relative;
  top:0px;
  *top:20px;
  overflow:hidden;
  *margin-top:-20px !important;
}

#message.success {
  background: #8cc63f;
  background: -moz-linear-gradient(0% 100% 90deg, #8cc63f 0%, #83ba3c 50%, #6c9d31 50%, #6c9d31 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #8cc63f), color-stop(0.5, #83ba3c), color-stop(0.5, #6c9d31), color-stop(1, #6c9d31));
}

#message.error {
  background: #c53f3f;
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #c53f3f), color-stop(0.5, #b14040), color-stop(0.5, #993030), color-stop(1, #8b2525));
  background: -moz-linear-gradient(0% 100% 90deg, #8b2525 0%, #993030 50%, #b14040 50%, #c53f3f 100%);
}
.blackText {
color:black;
height:100px;
overflow:auto;
width:429px;
}
.dash { 
	/*width: 420px ;*/
  width:495px;
	margin-left:-20px;	
}
.box11 h1 {
	border-bottom:1px solid #CCCCCC;
	color:#B70F15;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:40px;
	padding-bottom:10px;
	text-transform:uppercase;
}

.box11 h1.blackTime{
	color: #3E434E;
	border:none;
	margin-bottom:40px;
	padding-left:12px;
	padding-top:10px;
}
h1.blackTime.title{
color: black;
font-size: 28px;
margin-bottom: 40px;
}
.box11.updatePage{
	border:1px solid #ccc;
	padding:25px 25px;
	height:144px\9;
}
.box11.cardPage{
border:1px solid #ccc;
padding:25px 25px;
height:300px\9;
}
.box11 .section {
width:33%;
}

.box11 .bold{
font-weight:boldest;
}

.box11 table{
width:100%;
}

.box11 table thead{
height:24px;
background:#000;
}

.box11 table thead tr {
display:table-row;
height:30px;
line-height:30px;
}
.box11 table thead tr th {
border-right:2px solid white;
color:gray;
}
.box11 table tbody tr td {
border-right:2px solid #ccc;
}
.box11 table tbody tr td{
color:black;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
.box11 table tbody tr.tableRowShade {
/*background:#fac8c0; ---PEACH ROWS---*/
background:#b86a6d;
}
.whitePad {
padding-right:2px solid white;
}
.tableNoBorder{
border-right:0px !important;
}
.tableDate{
width:11%
}
.tableMethod {
width:20%;
}
.tableDescription {
width:50%;
}
.box11 .section.half{
width:475px;
}
.box11 .section.half h1{
border:none;
font-size:16px;
margin-bottom:8px;
color:#545454;
}
.box11 .section.half ul li a{
font-size:12px;
color:black;
max-width:275px;
display:block;
}
.box11 .dash input#card_number{
width:153px;
}
.box11 .dash input#card_verification_number{
width:62px;
margin-left:20px;
}
.box11 .dash select#card_expiration_month{
width:165px;

}
.box11 .dash select#card_expiration_month, .box11 .dash select#card_expiration_year, .box11 .form select{
height:24px;
font-size:12px;
padding-top:2px;
}
.box11 .dash select#card_expiration_year{
margin-left:4px;
width:70px;
}
.box11 .dash label, .box11.updatePage label{
padding-top:3px;
}
.box11 .section.half ul li h2{
float:right;
font-size:12px;
}
.section ul{
margin-top:2px;
}
.section ul li{
display:block;
color:#000;
font-size:14px;
margin-bottom:2px;
}
.section ul li a{
font-size:12px;
color:gray;
text-decoration:underline;
}
.section .rowLink{
color:gray;
font-size:12px;
}
.section .orange{
color:#b70f15 !important;
}
.section .deviceRow{
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-bottom:10px;
height:25px\9;
}

.section .rowDate{
color:gray;
font-size:10px;
}

.section ul li.strong{
color:#3e3e3e;
font-size:16px;
margin-bottom:10px;
}
.box11 h2 {
  text-align:center;
  color:#545454;
  font-size: 1.1em;
  margin: 0;
}
.box11 label, h2 strong {
  /*color: #b70f15;*/
  color:#41454f;
	display: block;
	width: 120px;
	letter-spacing: 0.1em;
	float: left;
	text-align: right;
	padding: 8px 8px;
	margin-right:15px;
}
.box11 label.security{
  text-align:left;
  }
.box11 .dash a {
color:black;
}
h2 strong {
  padding: 0 8px;
  font-size: 0.9em;
  font-weight: 400;
}
.checkboxes {
  margin-top: 6px;
  color:#525252;
}
.checkboxes input {
  margin: 2px 0;
}
.box11 hr {
  color: #000;
  background: #000;
  margin: 15px 0px 15px 0px;
  border: 2px dotted #41454F;
  border-style: none none dotted;
}
.films { margin-top: 10px }
.films strong {
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.5em;
  float: left
}
.films a {
  color: #30B0F4;
  float: right; 
}
.birth .form {
  margin-right: 10px;
}
#birth_date_month {
	width: 110px;
}

#card_type {
	width: 250px;
	}
#exp_year {
	width:75px;
}

#exp_month {
width:165px;
}

#birth_date_day {
	width: 50px;
}
#birth_date_year {
	width: 70px;
}
.remove {
  font-size: 1.5em;
  padding: 5px 0;
}
.help a {
  line-height: 1.5em;
}
.store-buttons div {
  margin-bottom: 10px;
}




/* Dashboard */
.extraAvatars {
  width: 250px;
  display: block;
  padding: 0px 7px;
}

.avatarsShow {
  float: left;
  padding: 0px 2px 2px 0px;
  width: 77px;
}

.uploadAvatarBox {
  padding: 20px 0px;
  display: block;
  width: 500px;
  float: left;
}

.previewWord {
  font-family: arial;
  font-size: 0.8em;
  float: left;
  display: block;
  padding: 100px 65px 4px;
  color: white;
}

.dashboardTitle img {
	margin: 0px auto;
	display: block;
}

.divInfo span {
  color: #999;
}
.dashBox {
	margin: 15px;
	margin-bottom: 0px;
	border: 0px;
}
.divInfo {
	border-top: 1px solid #555;
	margin: 15px;
	margin-top: 0px;
}
.dashBox span {
	color: #FFFFFF;
	float: left;
}
.linkRight, .dashbRight {
	float: right;
} 
.dashbLeft {
	float: left;
}
.dashHidden input {
/*
	font-size: 1em;
	height: 20px;
	width: 300px;
*/
}
.dashHidden input.button {
/*
	padding: 0px;
	border: 0px;
	height: auto;
	width: auto;
*/
}
.clear {
	clear: both;
}
#ava {
    border: 1px solid gray;
     width: 200px;
}
#ava_img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
#ava_overlay {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('/images/crop/overlay.png');
    z-index: 50;
}
#ava_drager {
    width: 400px;
    height: 400px;
    position: absolute;
    z-index: 100;
    color: #fff;
    cursor: move;
}
#avatar {
    position: absolute;
}
#ava_slider {
    width: 200px;
    height: 27px;
    background: #eee;
    position: relative;
    border-top: 1px solid gray; 
    background: url('/images/crop/slider_back.png');
}
#ava_handle {
    width: 19px;
    height: 20px;
    background: blue;
    position: absolute;
    background: url('/images/crop/handle.png');
}
#container {
	margin: auto;
	width: 800px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	background-color: #FFFFFF;
}
#container #header #header_left {
	float: left;
	background-image: url(images/header_left.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 45px;
}
#container #header #header_right {
	background-image: url(images/header_right.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 6px;
	float: right;
}
#container #content {
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
#container #footer {
	font-size: 12px;
	color: #999999;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#container #footer a {
	color: #999999;
	text-decoration: none;
	font-size: 10px;
}

#container #header #header_main {
	float: left;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.sbtn    {
	background-image: url(images/button.gif);
	border: 1px solid #000033;
	height: 22px;
	width: 82px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-position: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
button {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
	width: 82px;
	background-image: url(images/button.gif);
}
#container #content #form1 legend {
	padding: 5px;
	margin: auto;
}
form {
}


#container #header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	height: 42px;
}
label {
	padding: 0px;
	text-align: center;
}

.msg {
	text-align:left;
 	color:#666;
	background-repeat: no-repeat;
 	margin-left:30px;
   margin-right:30px;
	padding:5px;
   padding-left:30px;
}

.emsg {
	text-align:left;
	margin-left:30px;
   margin-right:30px;
	color:#666;
	background-repeat: no-repeat;
	padding:5px;
   padding-left:30px;
}

#loader{
   visibility:hidden;
}

#f1_upload_form{
   height:100px;
}

#f1_error{
	font-size: 12px;
   font-weight:bold;
   color:#FF0000;
}

#f1_ok{
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;

}

#f1_upload_form {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;
}

/*  For Cropper */

* html { font-size: 100%; }

h1 {
	font-size: 1.8em;
	font-weight:normal;
}

h2 {
	margin-top: 0;
	font-size: 1.2em;
}

#wrapper {
	margin: 1.5em;
}

fieldset {
	padding: 0.75em 1em;
	margin-bottom: 1em;
}

#testWrap {
	float: left;
	width: 311px;
	margin-right: 2em;
}

#previewOuterWrap {
	float: left;
	width: 120px;
	margin-right: 2em;
}

#previewWrap {
	border: 1px solid #333;
}

#results {
	float: left;
}

.dashHidden {
	margin-left: 20px;
}

.dashHidden input {
/*
	width: 241px !important;
	height: 35px;
	font-size: 14pt !important;
	background: none;
	border: none;
*/
}

.dashHidden select {
/*
	margin-left: 2px;
	margin-top: 2px;
	padding: 2px; 
	background: none;
	border: none;
	display: block;
	width: 180px;
*/
}


.dashHidden input.button {
/*
	width: 60px !important;
  cursor: pointer;
*/
}

.shorttext input {
	width: 65px !important;
	margin: 0 !important;
}

#results div {
	margin: 0.25em 0;
}


#results label {
	float: left;
	width: 4.5em;
}
		
#instructions {
	clear: both;
	padding-top: 1em;
}
		
#instructions li {
	margin-left: 1.8em;
}

.col2 h2 {
	padding: 0px 10px 0px 0px;
	font-size: 1.4em;
}
h4 {
	margin: 0;
	padding: 0;
}
.avatar {
	width: 75px;
	height: 75px;
}
.invColumn {
	width: 200px;
}

.planModuleSection {
  width: 323px;
  margin-bottom: 20px;
}
.planModule {
  width: 280px;
  height: 90px;
  padding: 3px 10px 3px 10px;
  border:1px solid #ccc;
  position: relative;
}

.planModule.current{
  border:5px solid #008000;
}

.planModule.current.bad {
  border:5px solid #b70f15;
}

.planModule input.planCheckbox {
  position: absolute;
  top: 8px;
  left: 10px;
}
.planModule.right {
  float:right;
}
.planModule.middle {
  margin: 0 auto;
}

.planModuleSection h5 {
  width:95%;
  border:1px solid #fff;
  text-align:center;
  margin-bottom:3px;
}

.planModule h5 {
  text-align:left;
}
div.goBackLinkCont{
  width:94px;
  text-align:center;
  margin-top:-5px;
  }
#dashboard_link_facebook{
  margin-bottom:20px;
}


div.changePlanWrapper{
  border:1px solid #008000;
  position:relative;
  *height:60px;
  }

div.changePlanWrapper h3{
  width:646px; 
  text-align:left;
  }
div.changePlanWrapper a.button6{
  color: #000;
  text-decoration: none;
  text-shadow: none;
  vertical-align: middle;
  width:140px;
  margin:-12px 0 0 0;
  position:absolute;
  top:50%;
  right:25px;
  }

/* 
<!--[if IE]>
#ava_overlay {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ui/cropper/overlay.png', sizingMethod='crop');
}
#ava_handle {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ui/cropper/handle.png', sizingMethod='crop');
}
<![endif]-->
*/