/****************************************************************
	RESET
****************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/****************************************************************
	BASIC
****************************************************************/
body {
	background:#f7f7f7 url('/images/body_bg.jpg') 0 0 repeat-x;
	padding:13px 0;
}
body,input,textarea,select,td,th {
	color:#4f4d4d;
  font: 12px Arial, Verdana, Tahoma, sans-serif;
  line-height: 1.73em;
}
BODY {
	text-align: center;
}
#login_area, #root, #footer {
	text-align: left;
}
a {
	border-bottom:1px dotted #2797cb;
	color:#2797cb;
	text-decoration:none;
}
a:visited { }
a:hover {
	border-bottom-style: solid !important;
}
strong {
	font-weight: bold;
}

em {
  font-style: italic;
}

.clear_width {
  width: auto !important;
}

.clear_both {
  clear:both
}

.right_pad {
  padding-right: 5px;
}

.left_pad {
  padding-left: 5px;
}

a.no_decoration { text-decoration:none; border-bottom-style: none !important;}
a.no_decoration:hover { text-decoration:none; border-bottom-style: none !important; }
a.no_decoration:visited { text-decoration:none; border-bottom-style: none !important;}

/****************************************************************
	ROOT
****************************************************************/
#root {
	background:url('/images/root_bg_m.jpg') 0 0 repeat-y;
	margin:0 auto;
	padding:0 0 18px;
	position:relative;
	width:778px;
  clear:both;
}

#root #wrapper {
	background:url('/images/root_bg_t.jpg') 0 0 no-repeat; 
}


/****************************************************************
	FLASH MESSAGES
****************************************************************/
div.flash_notice {
  background-color: #b5cc00;
  clear:both;
}

div.flash_error {
  background-color: #fc0000;
  clear:both;
}

div.flash_notice p,
div.flash_error p {
  color: #ffffff;
  font-weight: bold;
  font-size: 12pt;
  padding: 4px;
}


/****************************************************************
  CONTEXT
****************************************************************/
.content .context p {
  padding: 0 7px 0 18px;
  font-size:10px;
}


/****************************************************************
  ERROR EXPLANATION
****************************************************************/
.content .errorExplanation {
  border: 2px solid #b40000;
  background: #ffe5e5;
  margin-bottom: 30px;
  padding: 10px;
}

.content .errorExplanation h2 {
  font-size: 12pt;
  font-weight: bold;
}

.content .errorExplanation ul {
  list-style:square;
  padding: 5px 0 0 15px;
}

.content .errorExplanation ul li{
  padding-bottom: 5px;
}


/****************************************************************
	GREY BOXES
****************************************************************/
.context .box {
	background:url('/images/box_bg_m.gif') 0 0 repeat-y;
	margin:0 0 15px 5px;
	width:187px;
}

.context .box dt {
	font-weight:bold;
	padding:23px 0 18px 20px;
}

.context .box dd {
	background:url('/images/box_bg_b.gif') 0 100% no-repeat;
	padding:0 22px 13px 22px;
}

.context .box dd p {
	font-size:11px;
	line-height:1.45em;
	margin:0 0 5px;
}

.context .box dd p a {
	font-weight:bold;
}

.context .box.question dt {
	padding-left: 56px;
	background:url('/images/box_q_bg_t.gif') 0 0 no-repeat;
}

.context .box.pdf dt {
	padding-left: 56px;
	background:url('/images/box_pdf_bg_t.gif') 0 0 no-repeat;
}

.context .box.guide dt {
	background:url('/images/box_guide_bg_t.gif') 0 0 no-repeat;
	padding-right:20px;
	padding-top:18px;
	padding-bottom:10px;
	padding-left: 56px;
}

.context .box.contact dt {
	background:url('/images/box_contact_bg_t.gif') 0 0 no-repeat;
	padding-left:72px;
}

.context .box.contact dd div {
	margin-bottom: 20px;
	line-height: 1.5em;
}

.context .box.contact dd div h1 {
	padding-left: 56px;
	font-weight: bold;
}

.context .box.stats dt {
	padding-left: 56px;
	background:url('/images/box_stats_bg_t.gif') 0 0 no-repeat;
}

.context .box.stats dd p {
  padding: 0 0 0 0;
}

/****************************************************************
	INFO BOX
****************************************************************/
.content .info {
	background:url('/images/info_m.jpg') 0 0 repeat-y;
	margin:0 auto;
	width:606px;
}

.content .info .w1 {
	background:url('/images/info_b.jpg') 0 100% no-repeat;
}

.content .info .w2 {
	background:url('/images/info_t.jpg') 0 0 no-repeat;
	padding:35px 45px 1px 81px;
}


/****************************************************************
	LOGIN AREA
****************************************************************/
#login_area {
  position: relative;
  margin: 0 auto;
  width: 758px;
  padding-bottom: 3px;
  text-align: left;  
  font-size:8.5pt;
}

#login_area .welcome {
  text-align: right;
}


#login_area .login form {
  width: auto;
  text-align: left;
  float: right;  
  padding: 2px;
}

#login_area .login form .headers a {
  border: none;
}

#login_area .login form .fields {
  clear: both;
}

#login_area .login form .fields input.button {
  margin: 0 3px 0 3px;
  font-size:8.5pt; 
  height: 20px; 
}

#login_area .login form .fields input.text_input {
  width: 130px;
  margin: 2px;
  color: #666666;
  font-size:8.5pt;
}

#login_area .login form .fields input.text_input.pale {
  color: #cccccc;
}

#login_area .login form #login_message {
  display: block;
}

#login_area .login form .error_message {
  color: red;
}

#login_area .login form .info_message {
  color: green;
}

/****************************************************************
	HEADER
****************************************************************/
#header {
	height:83px;
	padding:26px 0 0 28px;
	position:relative;
}

#header h1 {
  background:url('/images/logo.gif') 0 0 no-repeat;
	height:47px;
	width:180px;
}

#header div.badge {
	background:url("/images/two_oh_badge.png") 0 0 no-repeat;
	height: 30px;
	width: 30px;
	position:absolute;
	left:192px;
	top:20px;
}

#header div.badge span {
	display:none;
}

/* display arrow on homepage*/
.home #header h1 {
	height:67px;
}

#header h1 a {
	border:0;
	display:block;
	height:47px;
	width:180px;
}

#header h1 span {
	display:none;
}


/****************************************************************
	TOP MENU
****************************************************************/
#menu {
	left:250px;
	position:absolute;
	top:33px;
	width:515px;
}

#menu li {
	float:left;
	padding:0 12px;

}

#menu li a span,
#menu li span span {
	display:none;
}

#menu li a,
#menu li span {
	background-position:50% 10px;
	background-repeat:no-repeat;
	border:0;
	display:block;
	float:left;
	height:60px;
}

#menu li.what_is_it a,
#menu li.what_is_it span {
	background-image:url('/images/nav_what_is_it.gif');
	width:67px;
}

#menu li.sign_up a,
#menu li.sign_up span {
	background-image:url('/images/nav_sign_up.gif');
	width:44px;
}

#menu li.downloads a,
#menu li.downloads span {
	background-image:url('/images/nav_downloads.gif');
	width:74px;
}

#menu li.api a,
#menu li.api span {
	background-image:url('/images/nav_api.gif');
	width:20px;
}

#menu li.commercial_use a,
#menu li.commercial_use span {
	background-image:url('/images/nav_commercial_use.gif');
	width:99px;
}

#menu li.community a,
#menu li.community span {
	background-image:url('/images/nav_community.gif');
	width:70px;
}

#menu li.faq a,
#menu li.faq span {
	background-image:url('/images/nav_faq.gif');
	width:23px;
}

#header #menu li a:hover {
	background-position:50% -90px;
}

#header #menu li.selected span {
	background-position:50% -190px;
}

/****************************************************************
	DOWNLOAD AREA
****************************************************************/
.content .download {
  height: 90px;
	background:url('/images/icons/download.png') -4px 0 no-repeat;
  padding-left: 55px;	
}

.content .download h4 {
  margin: 0 0 0 0;
  padding: 5px 0 5px;
  font-size: 11pt;
}

.content .download p.version {
  font-size: 8pt;
  margin-bottom: 5px;
  font-weight:normal;
}

.content .download p {
  margin-bottom: 5px;
  font-size: 8.5pt;
  font-weight:bold;
}


/****************************************************************
	INTRO
****************************************************************/
#intro {
	border-bottom: 1px solid #f3f3f3;
	font-size: 14px;
	line-height: 1.43em;
	margin: 0 10px;
	position:relative;
  padding: 25px 270px 45px 29px;
}

#intro h2 {
	margin:0 0 10px;
	color: #000000;
	font: 18pt "Trebuchet MS", sans-serif;
	font-weight: bold;
}

#intro h2 span {
	display:none;
}

#intro h2 span.more {
  display:inline;
  font-size: 12pt;
  font-weight:normal;
  padding:0;
}

#intro p + p {
  margin-top: 15px;
}
.about #intro {
	background:url('/images/intro_what_is_it.jpg') 473px 100% no-repeat;
}

.stats #intro {
	background:url('/images/intro_what_is_it.jpg') 473px 100% no-repeat;
}

.contact #intro {
	background:url('/images/intro_what_is_it.jpg') 473px 100% no-repeat;
}


/****************************************************************
	CONTENT AREA
****************************************************************/
.content {
	border-bottom:1px solid #f3f3f3;
	margin:0 10px;
	padding:28px 28px 10px;
	position:relative;
}

.content:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

.content h3 {
  font-size: 15pt;
  font-weight:bold;
  color: #b5cc00;
  padding: 10px 0 10px 0;
}

.content h3 span {
	line-height:1.43em;
  font-size: 11pt;
  font-weight: normal;
  color: #4f4d4d;
  padding-left: 10px;
}

.content h3 span.new_line {
  display: block;
  padding-left: 0;
}

.content h4 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px;
}

.content h5 {
	font-size:20px;
	font-weight:normal;
	margin:0 0 15px;
}

.content h6 {
  font-size: 14px;
  font-weight: bold;
  margin:0 0 15px;
}

.content.basic {
  border:0;
  position:static;
}

.content p.bigger {
  font-size:14px;
	line-height:1.43em;
	margin:0 0 20px;
}

.content p.right_align {
  text-align:right;
}

.content span.bigger {
  font-size: 14px;
  line-height: 1.43em;
}

.content .main {
	float:left;
	width:460px;
}

.content .context {
	float:right;
	width:190px;
}

.content table {
	border-collapse:collapse;
	margin:0 0 20px;
	width:100%;
}

.content .float_left {
  float:left;
}

.content .float_right {
  float:right;
}

code {
	background:url('/images/code_bg_m.gif') 0 0 repeat-y;
	display:block;
	font: 12px "Courier New", Courier, monotype;
	margin:0 0 20px;
	width:475px;
}
	code .w1 {
		background:url('/images/code_bg_t.gif') 0 0 no-repeat;
	}
	code .w2 {
		background:url('/images/code_bg_b.gif') 0 100% no-repeat;
		overflow:auto;
		padding:10px;
	}

.content .two_panes {
  width: 100%;
}

.content .two_panes .labels_on_top .field_and_label{
  padding: 0 0 10px 0;
}

.content .two_panes .left {
  padding-right: 15px;
  width: 45%;
  float:left;
}

.content .two_panes .right {
  padding-left: 15px;
  width: 45%;
  float:left;
}


  /****************************************************************
  	SUBMENU
  ****************************************************************/
  .context .submenu {
  	background:url('/images/submenu_bg_b.gif') 0 100% no-repeat;
  	margin:0 0 15px 0;
  }

  .context .submenu ul {
  	background:url('/images/submenu_bg_t.gif') 0 0 no-repeat;
  	color:#fff;
  	padding:4px 0 0 0;
  }

  .context .submenu ul li {
    margin: 0; display: block; float: none; 
  	padding:0 18px 0 24px;
  }

  .context .submenu ul li.title {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10pt;
    font-weight: bold;
    color: #e4ed95;
  }

  .context .submenu ul li.selected {
  	background:url('/images/submenu_bg_arrow.gif') 0 50% no-repeat;
  }

  .context .submenu ul li a {
  	border-bottom:solid 1px #000;
  	border-top:solid 1px #3f3b3c;
  	display:block;
  	padding:4px 0;
  	padding-left: 6px;
    margin: 0; float: none;
    color: #fff;
  }

  .context .submenu ul li.first a {
  	border-top:0;
  }

  .context .submenu ul li.last a {
  	border-bottom:0;
  	padding-bottom:8px;
  }

  .context .submenu ul li.selected a,
  .context .submenu ul li a:hover {
  	color:#e4ed95;
  }

.context .submenu ul li .tag {
  color: #888888;
  font-size: 75%;
  margin-left: 5px;
}


/****************************************************************
	FOOTER
****************************************************************/
#footer {
	background:url('/images/root_bg_b.jpg') 0 0 no-repeat;
	color:#a1a7a8;
	font-size:11px;
	margin:0 auto;
  padding:15px 0 0;
	width:778px;
}
#footer:after {
  content:".";
  clear:both;
  display:block;
  height:0;
  visibility:hidden;
}

#footer #bottom_menu {
	float:left;
	margin-left: 10px;
}

#footer #copyright {
	float:right;
	margin-right: 10px;
}

#footer a {
	border-bottom:1px dotted #a1a7a8;
	color:#a1a7a8;
}


/****************************************************************
	HOME PAGE
****************************************************************/
.home #intro {
	border:0;
	padding:26px 270px 0 39px;
}

.home #root {
	padding:0 0 0;
}

.home #intro .sign_up {
	background:url('/images/buttons/sign_up_home.jpg') 0 0 no-repeat;
	border:0;
	display:block;
	height:103px;
	position:absolute;
	right:32px;
	top:10px;
	width:219px;
  z-index: 3;
}

.home #intro .sign_up:hover {
	background-position:0 -203px;
}

.home #intro .sign_up span {
	display:none;
}

.home #intro .supported_platforms {
  position:absolute;
  width:219px;
  right:20px;
  top:135px;
  font-size: 10pt;
}

.home #intro .supported_platforms a {
  text-decoration:none;
  border:none !important; 
}

.home #intro .supported_platforms a:hover {
  text-decoration:none;
  border:none;
}

.home .content {
  border-top:1px solid #f3f3f3;
  margin:25px 10px 0 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 239px;
  clear: both;
}

.home .content img#dartboard {
  position: absolute; bottom: 0; left: 30px; 
}

.home .content #features {
  float: right;
  width: 325px;
}

.home .content #features ul li {
  padding-bottom: 10px;
}

.home .content #features ul li.last {
  padding-bottom: 0;
}

.home .content #features ul li p {
  margin:0;
}

.home .content #features ul li h3 {
  font-size: 12pt;
  margin-bottom: 1px;
  color: #333333;
  padding: 0;
  font-weight: normal;
}

.home .content #features ul li h3 span {
  font-size: 12pt;
  color: #a72425;
  font-weight: bold;
  padding: 0;
}

.home .content #features span.learn_more {
  text-align: right;
  display:block;
  padding-top:15px;
  font-weight:bold;
}

.home .more {
  padding: 5px 15px 2px 15px;
  margin-top: 8px;
  font-size:9pt;
  clear:both;
}

.home .more table tr td {
  padding: 8px 10px 10px 50px
	vertical-align:top;
}

.home .more a {
  font-weight:bold;
}

.home .more h3 {
  font-size: 12pt;
  font-weight:bold;
  margin-bottom: 5px;
}

.home .more h3 a {
  color: #333333;
  border-bottom-color: #333333;
}

.home .more h4 {
  margin-top: 15px;
  color: #333333;
  border-bottom-color: #333333;
  font-size: 7pt;
  font-weight: bold;
}

.home .more .left {
  width: 67%;
  padding: 0 8px 0 8px;
  font-size: 120%;
  border-right: 1px solid #efefef;
}


.home .more .left ul {
  list-style: square outside;
  margin: 0 0 0 12px;
}

.home .more .left ul li {
  font: 8pt Arial, sans-serif;
  width:auto;
  line-height:1.5em;
}

/*.home .more .middle {
  width: 34%;
	padding: 0 8px 0 8px;  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
}


.home .more .middle span.accuracy {
  font-size: 13pt;
  color: #b5cc00;
  font-weight:bold;
  margin-top:5px;
  padding: 0 7px 0 7px;
}
*/

.home .more .right {
  padding: 0 4px 0 12px;
  position: relative;
  width: 33%;
}


/****************************************************************
	PARAGRAPH FORMATTING
****************************************************************/
.content p {
	font-size:12px;
	line-height:1.5em;
	margin:0 0 20px;
}

.content p.learn_more {
	background:#fff;
	font-size:12px;
	margin:-11px 0 0;
	padding:2px 12px;
	position:absolute;
	right:30px;
	top:100%;
}

.content p a {
	font-weight:bold;
}

.content .note {
	background:url('/images/icons/note.gif') 0 4px no-repeat;
	color:#26a108;
	padding:0 0 0 56px;
}

.content .note p {
  padding-top: 4px;
  min-height: 30px;
}

/* pre */
.content pre {
	font:11px Verdana, Tahoma, sans-serif;
}


/****************************************************************
	IMAGES FORMATTING
****************************************************************/
.content img.float_right {
	float:right;
	margin:0 0 5px 10px;
}

.content p img {
	vertical-align:middle;
}

/****************************************************************
	FORMS
****************************************************************/
/* large submit button */
form div.submit {
  padding-top: 20px;
	text-align:center;
}

form div.submit.left {
	text-align:left;
}

form div.submit.right {
	text-align:right;
}

form div.submit button {
  background:url('/images/buttons/submit.jpg') 0 0 no-repeat;
  height:90px;
  width:153px;
}

form div.submit button.medium {
  background:url('/images/buttons/submit_medium.jpg') 0 0 no-repeat;
  height:68px;
  width:153px;
}

form div.submit button.small {
	background:url('/images/buttons/submit_small.jpg') 0 0 no-repeat;
	height:45px;
	width:77px;
}

form div.submit button:hover,
form div.submit button.selected:hover {
  background-position:0 -190px;
} 

form div.submit button.medium:hover,
form div.submit button.medium.small:hover {
  background-position:0 -143px;
} 


form div.submit button.small:hover,
form div.submit button.selected.small:hover {
  background-position:0 -95px;
} 

form div.submit button span {
  display:none;
}

form button {
	cursor:pointer;
	border:0;
}

form .labels_on_top {}

form .labels_on_top .field_and_label {
  padding: 10px 0 10px 0;
}

form .labels_on_top .field_and_label label {
  display:block;
  font-size:9pt;
  font-weight:bold;
  line-height: 1.43em;
}

/****************************************************************
	WHAT IS IT
****************************************************************/
.what_is_it #intro {
	background:url('/images/intro_what_is_it.jpg') 473px 100% no-repeat;
}

.what_is_it dl.step.s1 dt {
	background-image:url('/images/icons/comments.gif');
}
.what_is_it dl.step.s2 dt {
	background-image:url('/images/icons/score.gif');
}
.what_is_it dl.step.s3 dt {
	background-image:url('/images/icons/decision.gif');
}
.what_is_it dl.step.s4 dt {
	background-image:url('/images/icons/legitimate.gif');
}
.what_is_it dl.step.s5 dt {
	background-image:url('/images/icons/flag.gif');
}

.what_is_it .content div {
  width: 600px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 30px;
}

.what_is_it .content div.details {
  margin:none;
}

.content dl.step {
	font-size:14px;
	padding:0 0 0px;
}

.content dl.step dt {
  background-position:15px 0;
  background-repeat:no-repeat;
  margin-top:10px;
  padding:2px 0 15px 70px;
  display:block;
}


/*.content dl.step dt {
  background-position:65px 0;
  background-repeat:no-repeat;
  float:left;
  padding:0 0 55px 19px;
  width:151px;
}

.content dl.step dd {
  margin-left:79px;
  margin-top: 20px;
}

.content dl.step dd * {
  color:#4c4c4c;
  font-size:12px;
}

.content dl.step dd h4 {
  font-size:14px;
  font-weight:bold;
}

.content dl.step dd p {
  margin:5px 0 0;
  font-size: 9pt;
}
*/	
.content ul.check {
	margin:0 0 12px;
}

.content ul.check li {
	background:url('/images/bullets/bullet_1.gif') 0 1px no-repeat;
	padding:0 0 10px 28px;
	font-size: 12px;
}

.content ul.blue_arrow {
	margin:0 0 12px;
}

.content ul.blue_arrow li {
	background:url('/images/bullets/bullet_4.gif') 0 1px no-repeat;
	padding:0 0 10px 28px;
	font-size: 12px;
}
	
.content ol.gfx {
	list-style:decimal;
	padding:0 0 0 30px;
}

.content ol.gfx li {
	padding:0 0 15px;
}

.content ol.gfx li p {
	margin:0 0 5px;
}

.content ol.gfx li h1 {
	font-size: 140%;
	font-weight: bold;
}

.content ol.gfx li p span.impact {
	font-weight: bold;
}

.content dl.code:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

.content dl.code dt {
	float:left;
	font:11px Verdana, Tahoma, sans-serif;
	width:110px;
}

.content dl.code dd {
	margin-left:120px;
}



/****************************************************************
	SIGN UP
****************************************************************/
.sign_up #intro {
	background:url('/images/intro_sign_up.jpg') 473px 100% no-repeat;
}

.sign_up .content h3 {
  font-size: 13pt;
  margin-bottom: 20px;
}

.sign_up form {
  margin-left: 100px;
  width:550px;
}

.sign_up form .field_and_label {
  clear:both;
  padding-bottom: 15px;
}

.sign_up form .field_and_label label {
	font-size:16px;
	font-weight:bold;
	padding-right: 15px;
	text-align:right;
	width: 210px;
  float:left;
}

form .field_and_label label.option {
  font-weight: normal;
  font-size: 14px;
  float: none;

}


.sign_up form .accept_terms {
  clear: both; 
  text-align:center;
}

.sign_up form .accept_terms label{
  font-size: 12px;
  padding-left: 5px;
}

.sign_up form .text_field {
  width: 250px;
}

.sign_up form .field_and_label table tr td {
	padding-bottom: 10px;
}

.sign_up form .field_and_label table tr td label {
	font-size: 11pt;
	font-weight: normal;
	float: left;
	text-align: left;
	padding-left: 7px;
}

.sign_up form .field_and_label table tr td input {
	float: left;
}


/****************************************************************
	DOWNLOADS
****************************************************************/
.downloads #intro {
	background:url('/images/intro_downloads.jpg') 510px 100% no-repeat;
	padding-right:255px;
}

.downloads #intro h2 span.more {
  font-size: 11pt;
}

.downloads .content h3 {
  margin-bottom: 0;
}

.downloads .content .download_logo {
  position:relative;
  top: -20px;
}

.downloads .content h4 {
  margin-top:30px;
}

/****************************************************************
	FAQ
****************************************************************/
.faq #intro {
	background:url('/images/intro_faq.jpg') 557px 100% no-repeat;
	  padding-top: 30px;
}

.content .faq {
	padding:0 0 0 33px;
}
	.content .faq li {
		background:url('/images/icons/question.gif') 0 0 no-repeat;
		padding:5px 0 10px 42px;
	}
	.content .faq li.selected {
		background:url('/images/icons/answer.gif') 0 3px no-repeat;
	}
	.content .faq li a {
		font-size:14px;
		font-weight:bold;
	}
	.content .faq li .answer {
		padding:15px 0 1px;
	}
	.content .faq li .answer p {
		margin:0 0 10px;
	}
	.content .faq li .answer a {
		font-size:12px;
	}

/****************************************************************
	TERMS
****************************************************************/
.terms #intro {
	background:url('/images/intro_what_is_it.jpg') 473px 100% no-repeat;
  padding-top: 50px;
}

/****************************************************************
	PRIVACY
****************************************************************/
.privacy #intro {
	background:url('/images/intro_what_is_it.jpg') 473px 100% no-repeat;
}

/****************************************************************
	CONTACT
****************************************************************/
body.contact dl dt {
	background:url('/images/box_contact_bg_t.gif') 0 0 no-repeat;
	padding-left:72px;
}

body.contact dl dd div {
	margin-bottom: 20px;
	line-height: 1.5em;
}

body.contact dl dd div h1 {
	font-weight: bold;
	font-size: 115%;
}


/****************************************************************
	API
****************************************************************/
.api #intro {
	background:url('/images/intro_api.jpg') 450px 100% no-repeat;
	padding-right:345px;
}

.api .content h5 {
  padding: 25px 0 10px;
}

.api .context {
  padding-top: 25px;
}


/****************************************************************
	COMMERCIAL USE
****************************************************************/
.commercial_use #intro {
	background:url('/images/intro_commercial_use.jpg') 450px 100% no-repeat;
	padding-right:345px;
}

.commercial_use .commercial #license_types {
	margin:0 0 30px;
}

.commercial_use .commercial #license_types:after {
  content:".";
  clear:both;
  display:block;
  height:0;
  visibility:hidden;
}


.commercial_use .commercial #license_types dl dt {
  font-size: 12pt;
  font-weight: bold;
}

.commercial_use .commercial #license_types dl dd {
	clear:left;
	padding:0 18px 5px 0;
}


.commercial_use .commercial #license_types dl dd p {
	margin:0 0 10px;
}

.commercial_use .commercial #license_types dl dd ul {
  margin-top: 10px;
}

.commercial_use .commercial #license_types h6 {
  margin-top: 10px;
  font-size: 13pt;
  font-weight:normal;
}

/* For openid fields */
input.openid-identifier{
  background:#FFFFFF url(/images/openid-inputicon.gif) no-repeat scroll 0pt 50%;
  padding-left:18px;
}

span.open_id{
  background:transparent url(/images/openid-inputicon.gif) no-repeat scroll 0pt 50%;
  padding-left: 18px;
}

#choose_authentication_method .traditional {
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}

#choose_authentication_method .open_id {
  padding-top: 5px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}

div#signup_free_trial {
  background-image:url('/images/signup_free_trial.png');
  background-repeat: no-repeat;
  background-position: 575px 0;
}

div.limited_trial {
  margin-top: 30px;
  font-size:8pt;
  text-align: center;
}


table#web_property_type {
  margin-top:40px;
}

table#web_property_type tr td {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

table#web_property_type tr td a {
  color: #444;
}

/* Peel */
body #peel {
  display: none;
}

body.home #peel {
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
  background-image:url('/images/screencast_peel.png');
  background-repeat: no-repeat;
  height: 327px;
  width: 294px;
}

body.home #peel a#peel_link {
  position: absolute;
  height: 150px;
  width: 200px;
  top: 30px;
  left: 10px;
  border: none !important;
}

body.home #peel a {
  position: absolute;
  top: 5px;
  left: 15px;
  border: none !important;
  font-weight: bold;
}

body.home #peel a:hover {
  text-decoration: underline;
}

span.small { font-size: 80%; }