/* v1.0 | 20080212 */

/* from http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}






body {
  font-family:Arial, sans-serif;
  font-size:0.9em;
  padding:0px;
  margin:0px;
  background-color: #333;
}


p {
  margin:1em 0;	
}

span.warning {
  display: block;
  margin-top: 0.5em;
  color: #666;
  margin-left: 25px;
}



span.warning strong {
  color: #F00;
}

ul.userList {
  list-style:none;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #EEE;
  margin-bottom: 3em;
}

ul.userList li {
  padding: 0.5em 0px;
  border-bottom: 1px solid #EEE;
  font-size: 1.2em;
  font-weight: bold;
}

ul.userList a {
  float: right;
  font-size: 0.8em;
  font-weight: normal;
}





a {
  color:#185C9E;
}


a.buttonStyle {
  border-right:1px solid #AAA;
  border-top:1px solid #EEE;
  border-left:1px solid #EEE;
  border-bottom:1px solid #AAA;
  padding:0.2em 0.5em 0.2em;
  text-decoration:none;
  background-color:#FFF;
}




h1 {
  font-size:1.2em;
  color: #608500;
  font-weight:normal;
  margin: 0;
  margin: 1em 0px;
}

h2 {
  color: #768e00;
  font-size:1.1em;
  margin:1em 0;
  font-weight:normal;
}

h3 {
  color: #608500;
  font-size:1.2em;
  font-weight:normal;
}

p, ul {
  line-height:1.4em;
}


/* layout */

#wrap {
}

#header {
  height:100px;
  background-color: #bdd8ff;
}

#header.home {
    background:#bdd8ff url(../images/homeHeader.gif) repeat-x bottom left;
    height: auto;
}


#largeLogo {
  	margin: 30px 0 10px 0;
}

.centered {
  	text-align: center;
}

#subtitle {
	margin-bottom: 35px;  	
}


#largeTryIt {
	display: block;
	margin-top: -30px;  	
}

#screens {
  	position: relative;
  	height:380px;
}
#screens div { 
position: absolute;
bottom: 0px;
width: 465px;
height: 317px;
  background:transparent url(../images/screen.gif) no-repeat left top;
  text-align: center;  	
}

#screens img {
  margin-top: 19px;  	
}







ul.userNav {
  padding: 0;
  height: 35px;
  line-height: 35px;
  background:#000 url(../images/top_nav.png) repeat-x top left;
}

ul.userNav li {
  margin: 0;
  float: right;
}

ul.userNav a {
	float: left;
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0 0.8em;
  text-decoration:none;
  color: #4674a1;
  font-size: 0.9em;
  	text-shadow: #000e19 1px 1px 2px;
}

ul.userNav a.personal {
  background:#000 url(../images/top_nav_dark.png) repeat-x top left;
  color: #a0b14e;
  font-size: 1em;
}

ul.userNav a.leftmost {
  	padding-left: 1.5em;
  	margin-left: 0.5em;
}


#sessionLink {
  	padding-right: 1.2em;
}

ul.userNav a:hover {
	text-decoration: underline;
}





#content {
  padding:0 0 2em 0;
    background:#FFF url(../images/page.gif) repeat-x top left;
}

#content.home {
  padding:3.5em 0 5em 0;
    background-color:#FFF;
    background-image: none;
}



div#navigation {
    margin: 20px 0px 0px 0px;
    float: right;
    padding: 0px;
  height: 40px;
}


/* special layout */

#narrow {
  width:550px;
  margin:3em auto;
}




/* other specifics */

#logo {
  display: block;
  float: left;
  margin: 20px 0 0 -5px;
  width:109px;
  height:50px;
  text-indent: -5000px;
  background:transparent url(../images/logos/logo_reg.gif) no-repeat top left;
}

.subscription_plans.inactive .detail {
  color:#999;
  font-size: 0.9em;
  margin-left: 0.5em;
}


div.inactive h2 {
  	font-size: 1em;
  	font-weight: normal;
  	margin: 0 0 1em 0;
}

div.inactive {
	padding: 1em 1em 1px 1em;
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


.planDescription {
    color:#666;	
}

.planDescription p {
    margin: 0.5em 0;	
}


.subscription_plans {
  border-top: 1px solid #DDD;
}


.subscription_plans li {
  border-bottom: 1px solid #DDD;
  padding: 1em 0 1.5em 0;
}


.subscription_plans.active h2 {
  font-size:1.1em;
  font-weight: bold;
  margin: 0 0 0 0;
}

.subscription_plans.active p {
  margin: 0.5em 0;
}

.subscription_plans.active h2 a {

}

.subNav {
  float:right;
  margin:0px;
  padding:0px 0px 1em 0px;
}

.log {
  color:#999;
  font-size:0.9em;
  margin:5em 0px;
  border:1px solid #DDD;
  padding:0px 1.5em 1.5em 1.5em;
  overflow:auto;
  _width:100%;
}

hr {
  border-width:0px;
  border-top:1px solid #DDD;
}

/* filter (currently not implemented) */


.filter {
  border:1px solid #DDD;
  background:#FFF url(../images/grey_bg.gif) repeat-x left top;
  line-height:2.5em;
  height:2.5em;
  padding:0px 1em;
}
.filter span {
  float:left;
  display:block;
  line-height:2.5em;
  height:2.5em;
  _padding-top:0.5em;
  _height:2em;
}

.filter span.plans {
  margin-left:1em;
  padding-left:1em;
  _padding-top:0.5em;
  border-left:1px solid #CCC;
}
  








/* setup */

ul.setup {
  list-style:none;
  margin:0px;
  padding:0px;
}

ul.setup li {
  padding:1em 0px;
  margin:0px;

}

ul.setup li a {
  background:transparent url(../images/warning.gif) no-repeat right top;
  padding-right: 25px;
  font-size: 1.2em;
  font-weight: bold;
}


ul.setup li.complete a {
  background:none;
}

ul.setup li.noWarning a {
  background:none;
}

ul.setup li.test {
  padding:0.8em 1em 0.8em 2.5em;
  margin:0px;
  border-top:1px solid #DDD;
  background:transparent url(../images/famfam/no_coins.png) no-repeat 0.8em 1em;
}




ul.setup a {
  font-size:1em;
}







/* forms */

form {
}

input#s {
 font-size: 1em; 
 width: 200px;	
}

.stats {
  	display: block;
}



form p {
  margin:1em 0;
}

forn p.renewalMessage {
  color: #666;
  }

form label {
  color:#000;
  display:block;
  margin:0px 0px 0.3em 0px;
  font-weight: bold;
}

form h2 {
  margin:0.5em 0px 0.8em;
}

form span.label {
  color:#000;
  margin:0px 1em 0px 0px;
}

form label.right {
  margin:0px 1em 0px 0px;
  display:inline;
  padding-top:0px;
}

form p.dependend {
  margin-left: 1.5em;
}

form fieldset {
  border-width: 0px;
  padding: 0.5em 1.5em;
  background-color: #EEE;
  margin-bottom: 1em;
}

span.explanation {
  	display: block;
  	margin: 0.4em 0 0 1em;
  	font-size: 0.9em;
  	color:#666;
}


input[type="submit"], input[type="button"] {
  font-size: 1.3em;
}

a.forgot {
  float:right;
  font-size: 0.9em;
}

input[type="text"], input[type="password"] {
  font-size:1.1em;
  padding: 0.2em 0;
}


select {
  font-size:1.4em;
}

form input.main {
  font-size:1.5em;
  font-weight:bold;
  margin:0.5em 0px 2em 0px;
}

form textarea {
  font-family:sans-serif;
  font-size:1em;
  height:8em;
  line-height:1.3em;
  padding: 0.4em;
    width:480px
}

input[type="checkbox"] {
  margin:0px 0.3em 0px 0px;
}

#user_password {
  padding: 0.2em;
}


p.note, span.note {
  color:#666;
  font-size:0.9em;
  font-weight: normal;
}

form p.note {
  font-size: 0.9em;
  color: #333;
  margin: -0.5em 0px 2em 0px;
  width: 33em;
}

form legend {
  display:none;
}

div.stacked {
    margin:0.3em 0px 1.5em 0px;
  padding:0px;
  padding-top: 1em;
  clear:left;
}

form .stack {
  float:left;
  margin-right:1.5em;
  padding-bottom:1.5em;
  margin-top: -1em;
}




/* form specific fields */



#login, #subscription_plan_name, #user_login, #password, #user_password,#user_email {
  font-size:1.4em;
}

#subscription_plan_charge_later_duration_quantity, #subscription_plan_duration_quantity, #subscription_plan_price {
	width:5em;
	font-size: 1.1em;
}

select#subscription_plan_duration_units, select#subscription_plan_charge_later_duration_units, select#subscription_plan_plan_type {
    font-size:1.1em;
    background-color: #FFFFFE;
}

#regular_plan_options p  {
  margin-bottom: 0.5em;
}

#needsRenewalBlock p {
  	margin-bottom: 0.5em;
}

#needsRenewalBlock {
  	margin-bottom: 1.8em;
}

#regular_plan_options {
  padding-bottom: 1.5em;
  display: block;
  margin-left: 1.5em;
}

p.dependend span {
  display: block;
  margin: 0.5em 0 0 20px;
}

.customer_url_input input {
  font-size:1em;
  width: 12em;
  background-color: #FFF;
  margin-left: 0.5em;
}

div.fieldWithErrors {
  display: inline;
}


/* messaging */



.fieldWithErrors input {
    padding-left:24px;
    background:#FFFF92 url(../images/warning.gif) no-repeat 4px 50%;
  }
  
  
#customer_url_input div.fieldWithErrors {
  display: inline;
}

#customer_url_input div.fieldWithErrors input {
  padding-right:24px;
  padding-left: 0px;
  background:#FFFF92 url(../images/warning.gif) no-repeat right 50%;
} 


#errorExplanation {
  margin-bottom:1em;
  padding:0.5em 2em;
  background-color:#FFFF92;
  border:1px solid #D2D272;
      -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

#errorExplanation h2 {
  display:none;
}

#errorExplanation p {
    color:#F00;
}

#errorExplanation ul li {
      color:#333;
}





/* flash */

#flash {
  text-align:center;
  margin: 0;
}

#flash p {
  margin:0px;
  padding: 0.5em;
}

#flash.notice p {
  color:#690;
}

#flash.warning p {
  color:#F00;
  font-weight: bold;
}

#flash.error p {
  color:#F00;
  font-weight: bold;
}






/* table */

table {
  width:100%;
}

td {
  padding:0.5em;
  border-bottom:1px solid #DDD;

}

td img {
  vertical-align: bottom;
  margin-right: 0.2em;
}


thead td {
  color:#666;
  font-weight:bold;
  background:#FFF url(../images/grey_bg.gif) repeat-x left top;
}

td a {
  text-decoration:none;
}

thead td a {
  color:#666;
  text-decoration:none;
}

td a:hover {
  text-decoration:underline;
}

td.option {
  text-align:right;
}

td.option a {
   margin-left: 0.5em;
   text-decoration:underline; 
}


thead td a.asc, thead td a.desc {
  font-weight:bold;
}




/* pagination */


  .pagination {
    margin: 1em 0px;
    font-size:0.9em;
  }
  .pagination a {
    padding: 2px 5px 2px 5px;
    border: 1px solid #CCC;
    text-decoration: none;
    color: #666;
  }
  .pagination a:hover, .pagination a:active {
    border: 1px solid #999;
    color: #000;
  }
  .pagination span.current {
    padding: 2px 5px 2px 5px;
    border: 1px solid #999;
    font-weight: bold;
    background-color: #999;
    color: #FFF;
  }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    border: 1px solid #eee;
    color: #ddd;
  }




/* profile */

#sheet {
    background-color: #FFF;
    padding: 0.5em 1em;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
    border: 1px solid #DDD;
}

#sheet p, #sheet div.entry {
  clear:left;
  margin:0px;
  padding:0.7em 1em;
}

#sheet ul {
  list-style: none;
  margin: 0.5em 0px;
  padding: 0px;
  font-size: 1.2em;
}

#sheet .entry {
  border-bottom: 1px solid #DDD;
}

#sheet .entry.last {
  border-bottom: 0px solid #DDD;
}


p.option {
  padding:1em 0px 2em 0px;
  width: 320px;
}



#sheet span.label {
  display: block;
  margin:0px;
  color:#666;
  margin-bottom: 0.4em;
}

#sheet span.value {
  display: block;
  font-size: 1.5em;
  margin-bottom: 0.3em;
}

#sheet span.nolabel {
  color:#666;
}




/* options */

p.options {
  margin:1.2em 0px 2.5em 0px;
}

ul.options {
  list-style:none;
}

ul.options a {
  display: block;
  background-color: #EEE;
  padding: 0.4em 0.7em;
     -webkit-border-radius: 3px;
  margin-bottom: 3px;
  -moz-border-radius: 3px;
  font-weight: bold;
}

ul.options a:hover {
  background-color: #bdd8ff;
}



/* decoration */

#header #accountLink {
    padding-left:2em;
    background:transparent url(../images/famfam/vcard.png) no-repeat 0.5em 0.9em;
}

#accountHeadline {
    padding-left:25px;
    background:transparent url(../images/famfam/vcard.png) no-repeat left 50%;
}

#accountEditLink {
    padding-left:40px;
    background:#d8eba6 url(../images/famfam/vcard_edit.png) no-repeat 15px 10px;
}

#complimentary_subscription_duration_quantity, #complimentary_time_extension_duration_quantity, #credit_amount  {
  width: 3em;
}

#dashboardLink {
    padding-left:20px;
    background:transparent url(../images/famfam/cog.png) no-repeat left top;
}

#dashboardHeadline {
    padding-left:25px;
    background:transparent url(../images/famfam/cog.png) no-repeat left 50%;
}


#subscriptionPlanEditHeadline {
  padding-left:25px;
  background:transparent url(../images/famfam/table_edit.png) no-repeat left 50%;
}



ul#subscriberList li {
  	    background:transparent url(../images/famfam/vcard.png) no-repeat left 0.2em;
  	    padding:0 0 0.5em 23px;

}

ul#subscriberList .details {
  	    color: #999;
  	    display: block;
  	    font-size: 0.9em;
}

ul#subscriberList .subscriberName {
  	font-size: 1.1em;
    font-weight: bold;
}

#subscriberStats {
  	margin-bottom: 3em;
}


#subscriberStats ul {
	margin: 1em 0;
	font-weight: bold;
}

#subscriberStats ul span {
	display: block;
	font-size: 0.9em;
	color: #999;
	font-weight: normal;
}


#subscriberHeadline {
  font-weight: bold;
}

p.token {
  margin: 1.5em 0px;
}

#api_token {
    padding-left:25px;
    background:transparent url(../images/famfam/key.png) no-repeat left 0.1em;
	display: block;
    font-size: 1.3em;
    margin-right: 1em;
}

.revenue {
  margin-bottom: 1em;
}


/* user */


span.userId {
  color:#999;
  font-size:0.8em;
  font-weight:normal;
  margin-left:0.5em;
}




/* debug */

#tm_footnotes_debug {
  padding-top:3em;
}





#modeOptions {
  list-style: none;
  height: 40px;
  line-height: 40px;
  padding-left: 0.5em;
  background: #afd400 url(../images/modeMenu_reg.gif) repeat-x left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 0 10px 1em 10px;
}

#modeOptions li {
	
  padding: 0 1em;
  margin: 0;
  color: #001E3B;
  font-weight: bold;
  text-shadow: #cbdd77 1px 1px 0;
  float: left;
}

li#viewSubscription {
  float: right;
    background:#666 url(../images/modeMenu_dark.gif) repeat-x top left;
    padding-right: 0;
    text-shadow: #b0c068 1px 1px 0;
}

li#viewSubscription a {
    background:transparent url(../images/modeMenu_subscription.gif) no-repeat top right;
    padding: 0 35px 0 12px;
}

#modeOptions a {
  display: block;
  float: left;
  height: 40px;
  color: #001E3B;
  text-decoration: none;
}

#modeOptions a:hover {
  text-decoration: underline;
}

#modeOptions li.current {
	 background:transparent url(../images/currentMode.gif) no-repeat bottom center;
}




/* @group production Teaser */

#productionTeaser {

}

#productionTeaser a.shinyLink {
  width: 240px;
  margin-left: 0;
}

#limitedOffer {
 font-weight: bold;
 
}

#limitedOffer span.note {
 font-weight: normal;
 display: block;
}

a#upgrade:hover {
  background-color: #0075b1;
}








#productionTeaser #pricing {
 margin-top: 4em;
}

#pricing {
  	padding: 10px 15px; 	  
  	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #DDD;
}

#pricing p {
	margin: 0.5em 0;
}

#pricing strong {
  	font-size: 1.2em;
}

#pricing p span.note {
	color: #666;
	margin-top: 0.2em;
	display: block;
}


p.trigger.up a {
  	padding-left: 20px;
  	background:transparent url(../images/swivel_up.png) no-repeat left center;
}

p.trigger.down a {
  	padding-left: 20px;
  	background:transparent url(../images/swivel_down.png) no-repeat left center;
}

fieldset#analytics p {
	margin: 0.5em 0;
}

.swivel .content {
  	margin: 1em 0 1em 20px;
}


#questions {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;  
  color:#333;
  font-size: 1em;
}


/* @end */





.help {
  margin-top:0em;
  color:#666;
}





p.graphs img {
  border: 1px solid #DDD;
  padding: 10px;
  vertical-align:middle;
  float: left;
  margin: 0px 20px 20px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

p.graphs span.noStats {
  border: 1px solid #DDD;
  float: left;
  height: 200px;
  width:400px;
  line-height: 200px;
  margin: 0px 20px 20px 0px;
  padding:10px;
  text-align: center;
  color: #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

p.facts {
  padding: 2em 0px;
  clear: left;
}



#wipe {
  color:#666;
  text-align: left;
  margin:1em auto 1em auto;
}

#wipe a {
  color:#F00;
}




.terms {
  margin:1.5em 0px 1.5em 200px;
}




.notification {
  margin-top: 1em;
}



.notification a {
  font-weight: bold;
}



span#notificationfailure {
  display: block;
  color:#F00;
}

p#notificationfailure {
  font-weight: bold;
  color:#F00;
}





.clearThis {
  clear: both;
  height: 0px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

.clearLeft {
  clear: left;
  height: 0px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}



#siteSwitcher {
  position:relative;
  color: #FFF;
  z-index: 120;
  margin:45px 0 0 0;
  zoom:1;
  float:right;
  }



#currentSite {  
  z-index: 200;
  display: block;
  text-decoration: none;
}

#currentSite .name {  
  white-space:nowrap;
  font-size: 1.3em;
  display: block;
  margin-bottom: 0.2em;
  font-weight: bold;
  text-align: right;
  color: #001E3B;
  	text-shadow: #e7f4ff 1px 1px 0;
  		 background: transparent url(../images/site_arrow.gif) no-repeat right 0.2em;
  		 padding-right: 19px;
}

#currentSite .tip {  
  font-size: 0.9em;
  color: #1F4A85;
  text-decoration: underline;
  display: block;
  text-align: right;
  margin-right: 19px;
}

#currentSite:hover .name {
  	color: #00407e;
  	  		 background: transparent url(../images/site_arrow_high.gif) no-repeat right 0.2em;
}




#siteSwitcher ul {
  position:absolute;
  right: -0.5em;
  top: -1.5em;
  list-style: none;
  padding: 0.5em;
  margin: 1px;
  z-index: 180;
  background-color: #FFF;
  border: 2px solid #3c639d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

}

#siteSwitcher li {
  margin: 0px;
  _max-width: 320px;
  }

#siteSwitcher li a {
  display: block;
  padding: 0.6em 1.3em 0.6em 23px;
  margin: 0px;
  font-size: 1.1em;
  color: #4074CC;
  white-space: nowrap;
  text-decoration: none;

}

#siteSwitcher li a.current {
   font-weight: bold;
   color: #000;
   text-decoration: none;
   background: transparent url(../images/famfam/tick.png) no-repeat left 0.7em;
}

#siteSwitcher li a:hover {
  background-color: #e7f3ff;
}
  
#siteSwitcher li.newSite span {
  padding: 0.2em 0.5em;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  text-decoration: none;
  background-color: #4086cb;
  color: #fff;
margin-left:-0.5em;
}

#siteSwitcher li.newSite a:hover span {
  background-color: #3875b1;
}

#siteSwitcher span.type {
  	display: block;
  	color: #999;
  	font-size: 0.8em;
  	font-weight: normal;
}

#footer {
  padding: 2em 0 2em 0px;
  font-size: 0.9em;
  color: #a3a3a3;
  text-align: left;
  background-color: #A;
  border-top: 3px solid #222;
  text-shadow: #232323 -1px -1px 0;
}

#footer h2 {
  color: #98a754;
  font-size: 1em;
  margin: 0 0 1em 0;
  font-weight: normal;
}

#footer li {	
	margin: 0.7em 0;
}

#footer a {
  color: #787878;
  text-decoration: none;
}


#footer a:hover {
  	color: #FFF;
  	text-decoration: underline;
}


#footer .main div {
  float: left;
  width: 30%;
  margin: 0 2% 0 0;
}

#footer .main li {
  margin: 0 1em 0.7em 0;
  line-height: 1.3em;
}

#footer .sideBar li {
  margin: 0 0 1em 0;
  line-height: 1.3em;
}

div#newSiteSelector h1 {
  font-size: 1.2em;
  font-weight: bold;
}

div.siteType {
  color:#666;
  }

div.siteType h2 {
  font-weight: bold;
  margin: 25px 10px 15px 10px;
  padding: 0.4em 20px 0.3em 20px;
}









/* @end */



div.largeForm {
  padding: 0 0px 1em 0px;
  width: 700px;
  margin: 0 0 1em 50px;
  color: #404e5b;
}

div.largeForm form {
  padding: 0px;
  margin: 2em 1em;
	border-width:0px;
	background-color: #FFF;
}

div.largeForm p {
  margin: 1em 0px;
}

div.largeForm p.note {
  color: #666;
  font-size: 90%;
  margin:0.5em  1em 1.5em 40%;
  margin-bottom: 1.5em;
  font-style: normal;
}


div.questions {
  font-size: 0.9em;
  color: #999;
  margin: 2em 0 4em 0;
}



div.largeForm fieldset {
  border-width: 0px;
  padding:0px;
  margin:0px 0px 2.5em 0px;
}

div.largeForm p.rightLabel {
  margin-left: 40%; 
}


div.largeForm label {
  width: 37%;
  float: left;
  text-align: right;
  margin:0.5em 3% 0px 0px;
  font-size: 1.2em;
}

a.shinyLink, p.option a {
display: block;
  height: 52px;
  line-height: 52px;
  font-size: 1.1em;
  margin: 0px 1em 0 0;
  background: transparent url(../images/buttonsLeft.gif) no-repeat top left;
  padding-left: 14px;
  cursor: pointer;
}

a.shinyLink span, p.option a span {
display: block;
  height: 52px;
  line-height: 52px;
  text-decoration: underline;
  text-align: center;
  font-weight: bold;
  background: transparent url(../images/buttonsRight.gif) no-repeat top right;
  padding-right: 14px;
} 

button.shinyButton { 
		border:0; 
		cursor:pointer; 
		font-weight:bold; 
		padding:0 0 0 11px; 
		text-align:center;
		background:url(../images/buttonsLeft.gif) left no-repeat;
		font-size: 1em;
		width:auto; 
		overflow:visible;
}
button.shinyButton span { 
		position:relative; 
		display:block; 
		white-space:nowrap; 
		padding:0 25px 0 14px;
		height:52px; 
		line-height:52px;
		background:url(../images/buttonsRight.gif) right no-repeat;
		color: #004d99;
}



div.largeForm label.right {
  width: auto;
  text-align: left;
  font-size: 1em;
  float: none;
  margin: 0px 0px 0px 0.3em;
}

input.largeInput {
  font-size: 1.6em;
  width: 50%;
}







div.largeForm textarea {
  font-size: 1.3em;
  width: 280px;
  height:100px;
}




div.largeForm .submitBlock {
  margin:2em  0px 2em 40%;
}



div.largeForm input[type="submit"] {
  font-size: 1.4em;
  }



div.largeForm .formOptions {
  margin: 2em 0px 0.5em 40%;
  color: #333;
  font-size: 1em;
}







#lightbox{
  background-color:#eee;
  padding: 10px;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
  }
  
#lightboxDetails{
  font-size: 0.9em;
  padding-top: 0.4em;
  display:none;
  } 
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/public/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/public/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	
	
	
	
	






div.teamMember {
 	margin: 3em 0;
 	height: 120px;
}

#team h2 {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0px;
}

div.teamMemberProfile {
  margin-left: 135px;
}

#team p {
  font-size: 1em;
  color: #666;
  margin: 0.7em 0px;
}

#team ul {
  list-style: none;
  margin: 0.5em 0px 1em 0;
  padding: 0;
}

#team li {
  display: inline;
  margin-right: 0.8em;
  font-size: 1em;
}

#team ul a {
  font-weight: bold;
  text-decoration: underline;
  }


a.teamMemberPhoto {
  	float: left;
  	margin: 0 0 1em 0;
}

#team .twitterLink {
    background: transparent url(../images/twitter.png) no-repeat left top;
    padding-left: 18px;
}

#team .homeLink {
    background: transparent url(../images/famfam/house.png) no-repeat left top;
    padding-left: 20px;
}



h1.large {
  font-size: 1.1em;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  margin: 0 10px 1em 10px;
  padding: 0 20px;
    background: #afd400 url(../images/modeMenu_reg.gif) repeat-x left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #2d3c00;
  text-shadow: #cbdd77 1px 1px 0;
}

ul.qanda {
  	list-style: none;
  	margin:0 0 2em 1em;
  	padding:0;
}

ul.qanda li {
  	margin:0 0 1.5em 0;
}

ul.qanda h3 {
  	color: #000;
  	font-weight: bold;
  	margin-bottom: 0.5em;
  	font-size: 1em;
}

ul.qanda p {
  	margin:0.5em 0;
}


.extraInfo, .pageInfo {
	color: #666;
	border: 1px solid #DDD;
	padding: 1px 0.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #EEE;
}


.more {
  	text-align: right;
}



#subscriberSearch span {
  display: block;
  font-size: 0.9em;
  color: #999;
  margin-top: 0.5em;
}

#subscriberSearch h2 {
	font-size: 1em;
	font-weight: bold;
}


.extraInfo h2, .pageInfo h2 {
	font-size: 1em;
	margin: 1em 0.5em;
}

.extraInfo p, .pageInfo p {
	margin: 1em 0.5em;
}


.documentation {
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid #DDD;
  background-color: #efefef;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;

}

.documentation h3 {
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: 1em;
}

.documentation h3 a {
background:transparent url(../images/famfam/page_white_stack.png) no-repeat right top;
	padding-right: 22px;
	}
	
#delicious {
  margin: 0 0 2em 0;
  color: #666;
}

#delicious p {
}

#delicious p.more {
	text-align: right;
}

#delicious h2 {
  margin: 1em 0 1em 0;
  font-size: 1em;
}

#delicious ul {
  border-top: 1px dashed #DDD;
}

#delicious li {
  padding: 0.8em 0;
  border-bottom: 1px dashed #CCC;
  margin: 0;
}

#delicious li a {
  text-decoration: none;
  display: block;
  margin-bottom: 0.3em;
}




div#expiredWarning {
 	border-bottom:2px dashed #DDD;
	margin:0 0 1em 0;
	padding:1em 0;
	text-align: center;
	background-color: #fffaad;
}

div#expiredWarning p {
 	margin: 1.2em 0;
}


div#expiredWarning a.shinyLink {
  width: 240px;
  margin: 0 auto;
}



div#expiredWarning strong {
  color: #F00;
  font-size: 1.2em;
}










.moreFeatures {
  margin-bottom: 1em;
  font-size: 1.1em;
  text-align:center;
  padding:1em 0;
  border-bottom: 1px solid #AAA;  	color: #617a9f;
  border-top: 1px dashed #DDD;
}

.moreFeatures a {
  font-weight: bold;
  margin-right:0.5em
}




div.signUpNote p {
  padding: 0.7em 1em;
  margin: 0px;
  background-color: #fff180;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

 

div.signUpNote {
  padding-bottom: 23px;
   margin-bottom: 0.5em;
     background: #FFF url(../images/signup.gif) no-repeat bottom center;

}



div.already {
  padding: 1px 1.5em;
  margin: 0 0 2em 0;
  font-weight: bold;
  text-align: left;
  font-size: 1.1em;
  background-color: #EEE;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}







#testimonials {
  color: #666;
  background-color: #EEE;
  padding: 1.2em 1.8em 1px 0.7em;
      -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}


#testimonials p {
  margin: 0 0 0.5em 0;
  font-size: 0.95em;
}

#testimonials p.twitterLove {
	text-align: right;
	font-weight: bold;
  	
}

.testimonial {
   background: #EEE url(../images/quote.gif) no-repeat top left;
   padding-left: 18px;
   margin-bottom: 1.5em;
}


p.author a {
  	color: #000;
  	font-weight: bold;
  	font-style: italic;
  	text-decoration: none;
}

p.author a .name {
  	color: #333;
	font-weight: normal;
	margin-left: 0.5em;
}
  

.feature h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}

.feature p {
	margin: 0.5em 0px;
	color: #000;
}

.feature {
  padding: 0 10px 0 1.8em;
  margin-bottom: 1.8em;
       background: #FFF url(../images/famfam/coins.png) no-repeat top left;

}

#featureHeader {
  	font-size: 1.3em;
  	margin-bottom: 2em;
}

#recurringFeature {
  background-image: url(../images/famfam/date_add.png);
}

#securityFeature {
  background-image: url(../images/famfam/lock.png);
}

#proRateFeature {
    background-image: url(../images/famfam/time_add.png);
}

#compFeature {
    background-image: url(../images/famfam/no_coins.png);
}

#integrationFeature {
    background-image: url(../images/famfam/wrench.png);
}

#managementFeature {
    background-image: url(../images/famfam/money.png);
}


#featureLevelFeature {
    background-image: url(../images/famfam/chart_organisation.png);
}

#testSitesFeature {
    background-image: url(../images/famfam/layers.png);
}

#freeTrialsFeature {
    background-image: url(../images/famfam/calendar.png);
}

#agnosticFeature {
    background-image: url(../images/famfam/tick.png);
}







#features ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #EEE;
}

#features li {
  border-bottom: 1px solid #EEE;
  padding: 0.5em 0px;
  color: #666;
  margin: 0;
}

#partnerDisclaimer {
  font-size: 0.9em;
  color: #999;
  margin: 2em 0 0 0;
}


#partners ul {
	list-style: none;
	border-top: 1px solid #DDD;
	margin: 0;
	padding: 0;
}

#partners li {
	border-bottom: 1px solid #DDD;
	padding: 1em 0;
	margin:0;
	color: #999;
	text-align: right;
}

#partners li a img {
	vertical-align: middle;
	border-width: 0px;
}

#partners li a {
	float: left;
}




#kickStartCounter {
  	padding: 0.5em 0 0.8em 0;
  	background-color: #8eac00;
  	margin: 0 0 1em 0;
  	color: #cce74d;
  	text-align: center;
  	    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #708800;
}

#kickStartDeal {
  	margin: 1.5em 0 0 0;
}

#kickStartDeal p {
  	margin:0 0 1em 0;
  	padding:0 0 0 25px;
  	font-weight: bold;
  	font-size: 1.1em;
  	background:transparent url(../images/famfam/tick.png) no-repeat left 0.1em;
}

#kickStartDeal strong {
  	display: block;
  	margin-top: 0.4em;
  	background-color: #ffe972;
  	padding: 0.3em 0.5em;
  	margin-left: -0.5em;
}

#allGone {
  	color: #F00;
  	font-weight: bold;
}

#kickStartDeal span {
  	color: #999;
  	display: block;
  	font-weight: normal;
  	font-size: 0.9em;
}

#kickStartCounter strong {
  	display: block;
  	font-size: 2.3em;
  	color: #FFF;
  	margin: 0.5em 0 0.3em 0;
}



#getKickStarted ul {
	list-style: none;
	margin: 0;
	padding:0;
	border-top:1px solid #DDD;
}

#getKickStarted li {
	padding:0;
	border-bottom:1px solid #DDD;
}

#getKickStarted li a {
	display: block;
	padding:0.7em 0;
	text-decoration: none;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
}

#getKickStarted li a:hover {
  	background-color: #eff7ff;
}

#getKickStarted a strong {
	color:#185C9E;
	text-decoration: underline;
  margin-left: 0.5em;
  font-size: 0.9em;
}

#getKickStarted  a.shinyLink {
	margin: 0 auto;
	width: 280px;
}







ul.sitesList,  ul.partnersList {
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;  	
}


ul.sitesList li, ul.partnersList li {
	color: #333;
	margin: 0;
	padding: 0.7em 1em;
}

ul.sitesList li + li, ul.partnersList li + li {
	border-top: 1px dashed #DDD;
}


ul.sitesList a,  ul.partnersList a {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.3em;	
}


ul.sitesList a.leaveSite {
 	font-weight: normal;
 	float: right;
 	font-size: 0.9em;
 	color: #999; 	
}






#signUpMessage {
  	text-align: center;
  	margin-top: 2em;
  	padding-top: 0.5em;
  	font-size: 1.1em;
  	border-top: 2px dashed #DDD;
  	color:#999;
}

#asAdmin {
	clear: both;
  	margin: 0 10px 0 10px;
  	color: #F00;
  	font-weight: bold;
  	padding: 0.5em 0;
}

#asAdmin p {
  	margin: -1em 0 0 0;
}



.methodImage {
  	vertical-align: middle;
}

.providerDetail, .gatewayLogin {
  	display: block;
  	color: #666;
}

.gatewayList {
  	border-top: 1px solid #DDD;
}

.gatewayList li {
	padding: 0.5em 0;
  	border-bottom: 1px solid #DDD;
}

.gatewayOptions {
	float: right;
	 font-size: 0.9em;	  	
}

.gatewayOptions a {
  	margin-left: 0.3em;
  	color: #666;
}

.methodName {
	font-weight: bold;
	margin-left: 0.3em;  	
}

.gateway {
  	font-weight: bolder;
}



.fourofour {
	font-size:1.2em;
	margin:2.5em 0 4em 0;
	text-align:center;
	padding:1em 2em;
	background-color:#EEE;
	border:1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
  
}

.fourofour a {
	font-weight:bold;
	
}





#subscriber_list_selector li a {
  display: block;
  padding: 0.2em 0.5em;
  margin-bottom: 3px;
  }


#subscriber_list_selector li.current a {
  background-color: #97b700;
  color: #FFF;
  text-decoration: none;
  }