img.floatRight { 
    float: right; 
    margin: 4px; 
}

body {
 font-size: 14px;
 font-family: "verdana", "arial", "bitstream vera sans",  sans;
}

a img {
 border: 0;
}

a{
 text-decoration: none;
}

h1 {
  font-weight: 200;
}

h2 {
  font-weight: 200;
}

h4 {
  margin-bottom: 0px;
}



p{
margin-top: 0;
}

#wrapper{
 width: 850px;
 margin-left: auto;
 margin-right: auto;
}

#header{
 height: 80px;
}



#full-body{
}

#body{
 margin-left: 150px;
}

#body-header{
 border-bottom: solid 2px #c0c0c0;
}

#left{
 width: 140px;
 float: left;
}

#center{
 margin-left: 128px;
 margin-right: 128px;
}


#right-center {
 margin-left: 150px;

}

#right{
 width: 140px;
 float: right;

}

#center-head{
 margin-top: 10px;
 width: 450px;
 margin-left: 20px;
 background-color: #bde6f8;
 padding-left: 10px;
}

#center-head h2{

}

#center-head p{
margin: 5px;
}

#center-head ol{
margin: 5px;
}

#center-head li {
padding-top: 5px;
}



#navmenu {
 float: left;
 margin-top: 10px;
}

#navmenu h3{
 padding: 0px;
 margin: 0;
}


#navmenu ul {
 list-style: none;
 padding: 5px 0px 10px 0px;
 margin: 0;
 text-indent: 0;
}

#navmenu li {
 padding: 0px 5px;
}



/*-------------
 install 
--------------*/


div.install h1 {
font-size: 25px;
font-weight: 100;
}

.install{
width: 800px;
margin-left: auto;
margin-right: auto;

}

.install p {
}
p.install-button {
 min-height: 23px;
 width: 230px;
 margin-left: 0px;
}

.install-button a{
 background: url(/images/tryitout/install-button-gray.png) no-repeat top left;
 min-height: 20px;
 display: block;
 color: #000;
}


.install-button a:hover {
 background-position: top right;
}


.install-button a span {
 background-image: url(/images/tryitout/install-button-gray.png);
 background-position: bottom left;
 padding: 0px;
 display: block;
}

.install-button a span:hover {
 background-repeat: no-repeat ;
 background-position: bottom right;
}

.gray a{
   background-image: url(/images/tryitout/install-button-gray.png);
}

.gray a span {
 background-image: url(/images/tryitout/install-button-gray.png);
 background-position: bottom left;
 padding: 13px;
 display: block;
}


/*---
Howto
--*/

.howto img {
 margin-top: 10px;
}

.howto_right h3{
  margin-left: 370px;
}

.install ul, li {

list-style: none;
margin: 0;
padding: 0;
text-indent: 0;
}

.howto table img {
  border: 0px;
  
}


.howto table td {
width: 150px;
}




h2 span.name{
 font-size: 20px;
}

h2 span.version{
 font-size: 10px;
}

h2 span.byline{
 font-size: 14px;
}

/* identity refers to the form where you stick your data */

.identity {
 padding: 5px;
 margin-top: 5px;
}

.identity form {
 padding-bottom: 10px;
 padding-top: 0px;
}

.identity table {
 width: 430px;
 margin-left: 20px;

}

.identity label {
  margin-left: 5px;
}

.identity form {
  width: 485px;
  
}

.identity td{

  font-size: 10px;
}

.identity td.form-right{
    text-align: left;
}

.identity td.form-left{
    text-align: right;
}

.identity input{
 border: solid 1px #c0c0c0;
 margin: 5px;
 width: 100%;
 padding-left: 2px;
}

.identity select {
border: solid 1px #c0c0c0;
margin: 5px;
width: 70px;
}


.identity .submit{
 float: right;
 border: 0;
 width: 100px;

}

/* */

.demo_notice {

color: grey;
margin-left: 30px;
}

/* released is the response form */

.released td{
 padding: 2px;
}
.released td.form-left{
  color: #666;
}

div.login{
 margin-top: 10px;
 padding: 10px;
 padding-left: 110px;
}

.login table{
 margin-left: 15px;

}


.login form {
 padding-bottom: 15px;

}
.login table h2{
  margin-left: 5px;
}
.login label{
 float: right;
 width: 45px;
 margin: 5px;
}

.login input{
 border: solid 1px #c0c0c0;
 margin: 5px;
}

.login .submit{
 float: right;
 border: 0px;
}

.login td{
  padding-left: 30p;
  font-size: 10px;
}

.login td.form-right{
    text-align: left;
}

.login td.form-left{
    text-align: right;
}




#page-turn-buttons{
 height: 10px;
}

#back { 
 float: left;

}
#next { 
 float: right;
}

dl, dt, dd{
 margin: 0;
 padding: 0;
 text-indent: 0;
}



.helppage dl{
 padding: 5px;  
 margin: 5px;
 display: block;
 width: 300px;
 height:  95px;
 float: left;
}

.helppage img {
 margin-right: 4px;
}

#top dl {
 border: solid 1px #93c5ec;
}

dt{
 font-weight: bold;
}

#top dd {
 display: inline;
}

.button {
 color: black;
 font-size: 15px;
 text-decoration: none;
 margin-top: 10px;
 background-color: #93c5ec;
 padding-top: 10px; 
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 font-weight: bold;
}

.button a {
 text-decoration: none;
 color: black;
}

.right {
 float: right;
 margin-bottom: 5px;
}




#right{
 border: outset 0px black;
 background-color: #c0c0c0;
}



.helppage dl{
 margin-bottom: 30px;
}

.helppage #bottom img{

 margin: 0px 10px 0px 2px;
}

.helppage dd{
 margin: 2px;
 color: #777;
 padding-left: 5px;
}

.helppage dt{
 margin: 2px;
 margin-bottom: 5px; 
 padding-left: 5px; 
}



.required {
  font-size: 10px;
}


/* THAT WAS EASY */


#easy_released {
 padding: 5px;
 border: solid 1px #93c5ec;
 background-color: #eef8ff;
 margin-top: 5px;
 height: 250px;
 clear: both;
   
}

#easy_released h2{
 font-weight: normal;

}

#easy_released td{
color: #666;
}

td.easy_response {
padding-left: 20px;
text-align: left;
color: #000;
}


/* BOX PIECES */


.box_cap{
  width: 483px;
  height: 21px;
  background: url(/images/tryitout/box_cap.png);
}

.box_foot{
  width: 483px;
  height: 21px;
  background: url(/images/tryitout/box_foot.png);
  margin-bottom: 20px;
}

.box_middle{
  width: 483px;
  background: url(/images/tryitout/box_back.png) repeat-y;
  
}

.small_box_cap{
  width: 273px;
  height: 21px;
  background: url(/images/tryitout/box_cap_small.png);
}

.small_box_foot{
  width: 273px;
  height: 21px;
  background: url(/images/tryitout/box_foot_small.png);
}

.small_box_middle{
  width: 273px;
  background: url(/images/tryitout/box_back_small.png) repeat-y;
  
}


hr {
 border: 0;
 border-bottom: solid 1px #c0c0c0;
}

/*------------
INTRO

-------------*/
.intro {
margin-right: 320px;
}

.intro p{
font-size: 12px;
line-height: 18px;
color: #666;

}

.intro em {
 font-weight: bold;
 color: #00b0e1;
 font-style: normal;
}

/*---------
MENU
----------*/

#menu{
  margin-top: -20px;
  margin-bottom: 40px;
 }

#menu ul{
  margin: 0;
  padding: 0;
  text-indent: 0;
}

#menu li{
  display: inline;
  list-style: none;
  list-style-image: none;
  margin: 0;
  text-indent: 0;
}

#menu a{
  color: #666;
  font-size: 110%;
  padding: 0 0px;
  text-decoration: none;
}


#menu .current_page_item a{ 
color: black;
border-bottom: solid 2px #00b3e3;
padding: 4px 0px;
}

#menu a:hover{ 
color: black;
border-bottom: solid 2px #00b3e3;
padding: 4px 0px;
}


#menu li{
text-indent: 0;
padding: 10px;
margin: 0;
font-size: 12px;
}



#menu ul{

text-indent: 0;
padding-bottom: 4px;
padding-left: 350px;
border-bottom: solid 1px #ccc;
}


/*---------------
footer
---------------*/

#footer{
margin-top: 50px;
clear: both;
border-top: solid 1px #c0c0c0;
color: #666;
font-size: 12px;
}


#footer ul {
float: right;
margin: 0;
padding: 0;
text-indent: 0;
}

#footer ul li{
display: inline;
margin: 0;
padding: 0;
text-indent; 0;
margin-left: 10px;
}

#footer a{
color: #666;

}


#footer div{

}

#footer_legal{
float: left;
}

/*---------------
Homepage 
  Homepage Standup
  Feature List
----------------*/

.homepage_standup {
float: right;
}



#feature_list{
background-color: #e5e5e5;
padding: 20px;
font-size: 12px;
width: 480px;
height: 250px;
margin-left: 10px;
color: #666;
line-height: 18px;
}

#feature_list ul, #feature_list li{
padding: 0;
margin: 0;
padding-bottom: 10px;
}

#feature_list em {
font-weight: bold;
font-style: normal;
color: black;
font-size: 14px

}

#feature_list_left{
width: 45%;
float: left;
padding-right: 20px;
}

/*-----------

ERROR AND SUCCESS MESSAGES

-----------*/

.report_sucess{
border: solid 1px #3f3;
padding: 10px;
margin: 20px;
background-color: #cfc;

}

.report_error{
border: solid 1px #f33;
padding: 1px;
margin: 20px;
background-color: #fcc;

}
.error {
	color: #e50f9f;
	font-weight: bold;
}


.system_requirements{
font-size: 80%;
}


/*-----------
DOWNLOAD BOX
-----------*/

.download_box{
	border: solid 4px #e5e5e5;
float: right;
width: 230px;
padding: 0px;
background-color: #e5e5e5;
margin-left: 5px;
}

.download_box p{
	
}


/*-----------
FAQ
-----------*/

#faq {
width: 800px;
margin-left: auto;
margin-right: auto;
}

#faq p{
color: #666;
}


/*-----------

FAQ SUBMIT

-----------*/

#faq_submit{
background-color: #e5e5e5;
padding: 15px;
font-size: 12px;
width: 500px;
height: 250px;

margin-top: 20px;
margin-left: 20px;
color: #666;
line-height: 18px;
}

#faq_submit label{
width: 150px;
float: left;
}

#faq_submit input, #faq_submit textarea{
border: solid 1px #999;
margin-bottom: 10px;
}


/*--------------------
TRY IT PAGES
--------------------*/

.tryit #header {
width: 260px;

}

.tryit h2#title {
margin-left: 170px;
margin-top: -60px;
color: #7a7b7f;

font-weight: 700;
}

.stack {
    margin-bottom: 5px;
    /* border-bottom: solid 1px #ccc; */
    min-height: 60px;
    overflow: visible;
}


.stack p {
    padding: 0;
    margin: 0;
}

.stack img{
    float: right;
}

a .stack p{
  color: black;
}


a .stack h3{
		margin: 0; 
   padding: 0;
  
  color: #00b3e3;
}

a:hover .stack h3{
	
	text-decoration: underline;
}

 .stack h3{
		margin: 0; 
   padding: 0;
  
  color: black;
}


/*--------------------
PRIVACY
--------------------*/


#privacy {
width: 800px;
margin-left: auto;
margin-right: auto;
}

#privacy p{
color: #666;
}

#privacy em, #privacy strong{
color: #000;
}

#privacy a img {
 vertical-align: top;
}

/*--------------------
HOWTO
--------------------*/

.tryitout .howto {
width: 900px;
margin-left: -100px
}

.howto  h3 {
font-size: 14px;
}

.howto_left{
background-color: #e5e5e5;
width: 300px;
float: left;
padding: 20px;
}

.howto table tr {
height: 160px;
vertical-align: top;
}

.howto table img{
border: 0;
}

.howto table td{
padding: 10px;
}
/*-----------
Release Notes
-----------*/

#release_notes {
width: 800px;
margin-left: auto;
margin-right: auto;
}

#release_notes p{
	color: #666;
}

#release_notes h2 {
	margin-bottom: 0;
}

div.release {
padding: 10px;

}

.release .list {
padding-left: 30px;
width: 500px;
}

.release h4 {
font-weight: normal;
}