/* in place editor */

#settitle-inplaceeditor input {
  font-size: 14px;
  font-weight: bold;
}

#settitle-inplaceeditor a {
  font-weight: bold;
  font-size: 12px;
  margin-left: 10px;
}

#setdescription-inplaceeditor a {
  font-size: 12px;
  margin-left: 10px;
}

/* forms */

fieldset {
	background: #f0fbff;
	border: 1px solid #E3F4FA;
	margin-bottom: 1em;
	padding: 1em 1.2em;
}

fieldset h2 {
    font-size: 14px;
	color: #74a6b8;
	border-bottom: 1px solid #e3f4fa;
	margin-bottom: 17px;
}

fieldset h2 img {
	vertical-align: middle;
}

fieldset.white {
	background: #fff;
	border: 5px solid #f6f6f6;
}

fieldset.secure {
	background: #e4efcb url("/images/background_secure.gif") repeat-x;
	border: 5px solid #f6f6f6;
}

fieldset.white h2, div.upgrade_intro h2 {
	color: #8dc63f;
	border-bottom: 1px dotted #8dc63f;
}

div.upgrade_intro {
  margin-bottom: 1em;
  padding: 0 5px;
}
div.upgrade_intro p {
  margin: 0 0 0 1em;
}

#btn_upgrade_my_account {
  display: block;
  clear: both;
  height: auto;
  margin: 0 auto;
  padding: 15px;
  width: auto;
}

input.text, textarea.text {
	font-size: 100%;
	background: #fff url("/images/field.gif") repeat-x top left;
	border: 1px solid #999;
	color: #555;
	padding: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

textarea {
	height: 100px;
}

textarea.smallta {
	height: 50px;
}

input.disabled {
	background: #eee;
}

.wide { width: 90%; }
.full { width: 98%; }
.small_field { width: 30% !important; }

label {
	font-weight: bold;
	font-size: 95%;
	line-height: 1.3em;
	color: #3e6a79;
}

/* field */

.field label {
	display: block;
	font-size: 11px;
	margin-bottom: 2px;
}

.field input {
	font-size: 13px;
	width: 90%;
	padding: 2px;
	color: #444;
	margin-bottom: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.field textarea {
    font-size: 12px;
	width: 90%;
	padding: 4px;
	color: #444;
	margin-bottom: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.secure .field label {
	color: #666;
}

#invites_prompt {
	background: #F0FBFF;
	border:1px solid #E3F4FA;
	margin-bottom:1em;
	padding:1em;
}
#invites_prompt fieldset {
	background: none;
	border: none;
	margin: none;	  
}


.fieldWithErrors {
	display: inline;
}

.fieldWithErrors input.text, .fieldWithErrors textarea.text {
	border: 1px solid #f0b06c;
	background: #fff8f0;
}

.fieldOk {
	border: 2px solid #00991A !important;
}

.fieldNotOk {
	border: 2px solid #ff5757 !important;
}

.clear {
	clear: both;
}

.block {
	display: block;
}

.photouploadform fieldset, .photodetails fieldset {
	margin: 0;
}

input[type="text"].blank {
	border: 0;
	border-bottom: 1px dashed #000;
}

input[type="text"].bluebg {
	background: #f0fbff;
}

* input[type="submit"], a.connect, a.finish {
	background: #eee url("/images/buttonbg.gif") repeat-x bottom left;
	border: 3px double #ddd !important;
	font-size: 13px;
	color: #555!important;
	padding: 5px;
	font-weight: bold;
	cursor: pointer;
}

input[type="submit"].thin {
	padding: 3px;
}

/* modal */

#overlaybg {
    background-color: #333;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter:alpha(opacity=75);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
	width: 100%;
}

#modal {
	width: 500px;
	text-align: left;
	top:0px;
	left:0px;
	position: absolute;
	z-index: 10;
	display:block;
}               

* #modal {
  padding-bottom: 8px;
} 

#modal .modalcontent {
    background: #e3f4fa;
    border: 8px solid transparent;
}
                                   
#modal .modalWrap {
  background: url(/images/modalBg.png) no-repeat 0 0;
  padding: 11px 11px 0 11px;
  position: relative;
} 
                
/*transparency hack for ie6*/
* html #modal .modalWrap {background-image: none !important;
zoom: 1; position: relative; z-index: 1;                 
}                      

#modal .modalBtm {
  position: absolute;
  background: url(/images/modalBtm.png) no-repeat 0 0;
  display: block;
  margin-bottom: -2px;
  bottom: 0;
  height: 10px !important;
  width: 100%;
}                     

* html #modal .modalBtm {                                                                       
  margin-bottom: -9px;
}

/*transparency hack for ie6*/
* html #modal .modalBtm {background-image: none !important;
position: relative; z-index: 1;
}
#modal .closeModal {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;  
  display: block;
  margin: 5px 5px 0 0;
}          

#modal h1 {
	margin: 0 0 1em 0;
	font-size: 108%;
	font-weight: bold;
}

.small_modal {
    position: absolute;
    background: #e2f3fb;
    padding: 10px;
    border: 2px dotted #72a9c2;
}

input.light {
	color: #aaa !important;
}

#close {
	position: absolute;
	top: 13px;
	right: 13px;
}

select#subscription_type {
  width: 265px !important;
}

div.plus {
  clear: both;
  margin: 0 auto;
  width: 250px;
}

img#totspot_plus_banner {
  margin-bottom: 15px;
}

div.plus div.plus_icon {
  float: left;
  padding-top: 2px;
  width: 16px;
}

div.plus div.plus_description {
  float: left;
  margin-left: 14px;
  width: 220px;
}

div.plus div.plus_description h3 {
  font-weight: bold;
  margin-bottom: 0;
}

div.plus div.plus_description p {
  line-height: 1.1em;
}

h4.just {
  color: #009900;
  font-size: 18px;
  font-style: italic;
  margin-top: 15px;
  text-align: center;
}

p.congrats {
  font-size: 18px;
  text-align: center;
}

fieldset.gift h3 {
  color: #8dc63f;
  font-size: 16px;
  font-weight: bold;
}

img#gift_box {
  display: block;
  margin: 0 auto;
}

label.gift_activation_code {
  display: block;
  margin: 0 auto;
  text-align: center;
}
input#gift_activation_code {
  border: 1px solid #aaa;
  display: block;
  font-size: 22px;
  font-weight: bold;
  margin: 0 auto;
  padding: 5px 10px;
  text-align: center;
}

#btn_activate_my_gift {
  display: block;
  margin: 20px auto;
}

fieldset.activate_gift {
  text-align: center;
}

fieldset.activate_gift p {
  font-size: 18px;
}

fieldset.activate_gift img#gift_box {
  margin-bottom: 15px;
}

h2.facebook {
 clear: both;
 margin-bottom: 15px;
}

h2 span.add_email {
  color: #069;
  display: block;
  float: left;
  width: 90%;
}

h2 span.optional {
  color: #555;
  display: block;
  float: right;
  font-size: .75em;
  font-style: italic;
  font-weight: normal;
  padding-top: 2em;
  text-align: right;
  width: 10%;
}

fieldset.create_facebook_account {
  background-color: #f6f6f6;  
  border: none;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

fieldset.create_facebook_account .field label {
  color: #666;
  font-size: 16px;
  font-weight: normal;
}

fieldset.create_facebook_account .field input {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 4px 4px;
}