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

body {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
}

a img {
 border: 0;
}

/* a { text-decoration: none; } */
a:link { color: #00a6dd; }
a:visited { color: #00366d; }
a:active { color: #ff0000; }
a:hover { text-decoration: underline; }

h1 {
  font-weight: 200;
}

h2 {
  font-weight: 200;
}

h4 {
  margin-bottom: 0px;
}



p{
margin-top: 0;
}

ul {
  margin-top: 0;
}

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

#header{
 height: 50px;
}



#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{
 clear: both;
 /*width: 450px;*/
 margin-top: 10px;
 margin-bottom: 20px;
 background-color: #bde6f8;
 padding: 10px;

/*
 margin-bottom: 30px;
 margin-left: 130px;
 width: 500px;
*/
}

#center-head h2{

}

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

#center-head p strong a {
  color: #000;
}

#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;
}

#demo-copy {
    float: left;
    width: 360px;
}

#demo-copy h1 {
    margin-top: 0px;
}

#demo-copy h3 {
    margin-top: 1em;
    margin-bottom: 0.2em;
}

#demo-instructions {
  background-color: #bde6f8;
  padding: 10px;
  /*float: right;*/
  /*width: 320px;*/
  margin-bottom: 2em;
  /*font-size: 12px;*/
}

#demo-instructions .help {
  float: right;
}

#demo-instructions ol {
  margin-left: 0px;
  padding-left: 22px;
}

#demo-instructions ol li {
  margin-bottom: 1em;
}

#demo-instructions ol li img {
  float: right;
}

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


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

.install{
/*width: 800px;*/
width: 100%;
margin-left: auto;
margin-right: auto;

}

.install p {
}

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

.install-button a {
 display: block;
 text-decoration: none;
}

.install-button a .install-button-text {
 background: url("/images/download-button.png") no-repeat top left;
 min-height: 20px;
 display: block;
 color: #000;
 text-decoration: none;
 padding: 13px 13px 8px 13px;
}

.install-button a:hover {
 text-decoration: none;
}

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

.install-button a .install-button-spacer {
 background-image: url("/images/download-button.png");
 background-position: bottom left;
 display: block;
 font-size: 0px;
 height: 5px;
}

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

.splash_version {
    clear: both;
    font-weight:bold;
    padding-top: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.splash_first {
    padding-top: 0px;
}

.splash_version div {
    float: left;
}

.splash_notes {
    color: #666;
}

/*
.splash_notes strong {
    color: #000;
}
*/

.splash_notes h4 {
    color: #000;
    margin-bottom: 0px;
}

.splash_notes .clear {
    float: none;
    clear: both;
    font-size: 0px;
    width: auto;
    height: auto;
}

.splash_image {
    float: right;
    margin: 0px 0px 20px 0px;
}

.splash_note {
    margin-right: 320px;
}

/*---
Howto
--*/

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

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

.install ul, .install li {
list-style: none;
margin: 0;
padding: 0;
text-indent: 0;
}

.install ul.normal {
    margin-left: 15px;
    margin-bottom: 2em;
    padding: 0px;
}

.install ul.normal li {
    list-style: disc;
}

.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 {
 margin-left: 370px;
 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{
 width: auto;
 float: right;
 /*
 border: 0;
 width: 100px;
 */
 border: 1px outset;
}

/* */

.demo-intro {
  color: gray;
  /*width: 520px;*/
}

.demo_notice {
font-style: italic;
color: #f00;
text-align: center;
font-size: 10px;
}

p.demo-result-label {
    margin: 0px;
    padding: 0px 20px;
    font-weight: bold;
}

p.demo-result-data {
    margin: 0px;
    padding: 10px 20px;
    text-align: center;
    font-size: 10px;
}

/* released is the response form */

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

div.login{
 margin-left: 370px;
 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;*/
 border: 1px outset;
}

.login td{
  font-size: 10px;
}

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

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

.footnote {
    color: gray;
}

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

#back { 
 float: left;

}
#next { 
 float: right;
}

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

.helppage div {
  float: left;
  padding: 5px;
  margin: 5px;
  width: 380px;
  height: 130px;
}

.helppage div img {
  float: left;
}

.helppage dl{
  margin-left: 138px;
}

.helppage dl dt {
}

.helppage dl dd {
  font-size: 90%;
}

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

.helppage .clear {
  float: none;
  clear: both;
  font-size: 0px;
  width: auto;
  height: auto;
}

#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, #sub-menu {
  margin-top: -20px;
  margin-bottom: 30px;
 }

#menu ul, #sub-menu ul {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: right;
}

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

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


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

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


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

#menu ul, #sub-menu ul {

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

#sub-menu ul {
padding-left: 150px;
}

/*---------------
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;
text-decoration: none;
}

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

#footer div{

}

#footer_legal{
float: left;
}

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

.homepage_standup {
float: right;
margin-top: -80px;
}

.homepage_standup .download_box {
    border-width: 0px;
    background-color: transparent;
    float: none;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.get-firefox {
    float: right;
    margin-left: 10px;
}

#flashendorsements {
    margin-bottom: 20px;
}

#feature_list{
padding: 0px;
font-size: 12px;
width: 480px;
/*height: 260px;*/
margin-top: 30px;
margin-left: 0px;
color: #666;
line-height: 18px;
}

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

#feature_list li {
    list-style: none;
}

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

}

#feature_list .clear {
    clear: both;
    float: none;
    font-size: 0px;
}

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

#follow-sxipper {
    clear: left;
    font-weight: bold;
    font-size: 12px;
    padding-top: 50px;
}

#follow-sxipper img {
    position: relative;
    top: 5px;
}

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

ERROR AND SUCCESS MESSAGES

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

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

}

.report_error{
  border: solid 1px #f33;
  margin: 20px 0 0 20px;
  padding: 0 20px 5px 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{
	
}

.download_box .install-button {
    font-size: 12px;
}

.download_box .dev_build {
    font-size: 10px;
}

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

#faq {
/*width: 800px;*/
width: 100%;
margin-left: auto;
margin-right: auto;
}

#faq p, #faq td, #faq ul {
color: #666;
}

#faq th {
  color: #444;
}

#faq .row_divider {
  border-bottom: 1px solid #bbb;
}

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

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;
    clear: left;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.stack .col-left {
    float: left;
    width: 320px;
}

.stack .col-right {
    width: 320px;
    margin-left: 380px;
}

/*
.last-row {
    padding-top: 2em;
}
*/

.stack a {
    text-decoration: none;
}

.stack img {
    float: left;
    margin-right: 10px;
    margin-bottom: 50px;
}

.stack h3 {
    margin: 0;
    padding: 6px 0px 0px 0px;
}

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

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

.stack h3 img {
    float: none;
    margin: 0px;
}

.stack p {
    color: #666;
    padding: 0;
    margin: 0;
}

.stack p a {
  color: #666;
}

.stack p a.default {
    color: #00a6dd;
}

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

.stack p a.default:visited {
    color: #00366d;
}

.stack p a.default:active {
    color: #ff0000;
}

.tryitout-sites {
    clear: both;
    text-align: center;
}

.tryitout-sites h3 {
    margin-top: 3em;
    margin-bottom: 0.5em;
}

#sxipper-preferences {
}

#btn-try-start {
    width: 256px;
    height: 71px;
    background-image: url("/images/tryitout/button_try_demo.png");
    background-repeat: no-repeat;
    background-position: top left;
}

#btn-try-start:hover {
    background-position: top right;
}

#btn-try-start span {
    display: none;
}

#btn-try-login {
    width: 256px;
    height: 71px;
    background-image: url("/images/tryitout/button_try_login.png");
    background-repeat: no-repeat;
    background-position: top left;
}

#btn-try-login:hover {
    background-position: top right;
}

#btn-try-login span {
    display: none;
}

#btn-try-more {
    width: 256px;
    height: 71px;
    background-image: url("/images/tryitout/button_more_demos.png");
    background-repeat: no-repeat;
    background-position: top left;
}

#btn-try-more:hover {
    background-position: top right;
}

#btn-try-more span {
    display: none;
}

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


#privacy {
/*width: 800px;*/
width: 100%;
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;
}

/*------------------
Development Releases
------------------*/
.development_release {
    margin-right: 276px;
}

.development_release h1 {
    color: #00a6dd;
}

.development_release p {
    color: gray;
}

.development_release .signoff {
    text-align: right;
    padding-right: 4px;
}

.development_release .working_with_sxipper {
    margin-top: 60px;
    border-top: 1px solid #c0c0c0;
    font-size: 90%;
}

.development_release .working_with_sxipper .clear {
    float: none;
    clear: both;
    font-size: 0px;
    width: auto;
    height: auto;
}

.development_release .working_with_sxipper h4 {
    margin-top: 0px;
}

.development_release .working_with_sxipper .column {
    float: left;
    width: 164px;
    padding-right: 10px;
}

.development_release .working_with_sxipper .column-last {
    padding-right: 0px;
}

/*-----------
Release Notes
-----------*/

#release_notes {
/*width: 800px;*/
width: 100%;
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;
}

/*----------------------
Dynamic Browser Messages
----------------------*/
#notFFmsg {
    height: 60px;
    padding: 10px 10px 10px 70px;
    margin-top: 15px;
    background-color: #ffffcc;
    background-image: url("/images/error.png");
    background-position: 10px 50%;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #666;
}

#notFFmsg p {
    margin-top: 20px;
}

#oldVersionMsg,
#oldDevVersionMsg {
    padding: 10px 10px 10px 70px;
    margin-top: 15px;
    background-color: #ffffcc;
    background-image: url("/images/error.png");
    background-position: 10px 50%;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #666;
}

#oldVersionMsg h4,
#oldDevVersionMsg h4 {
    margin-top: 40px;
    font-weight: normal;
}

#oldVersionMsg .latest-version,
#oldDevVersionMsg .latest-version {
    font-size: 80%;
    font-weight: normal;
}

#oldVersionMsg p,
#oldDevVersionMsg p {
    float: left;
    color: #666;
}

#oldVersionMsg .cancel-button,
#oldDevVersionMsg .cancel-button {
    /*margin-left: 20px;*/
    margin-top: 12px;
}

#oldVersionMsg .download_box,
#oldDevVersionMsg .download_box {
    border-width: 0px;
    background-color: transparent;
}

#oldVersionMsg .clear,
#oldDevVersionMsg .clear {
    float: none;
    clear: both;
}

#maintenanceMsg {
    padding: 20px;
    background-color: #ffffcc;
    background-image: url("/images/error.png");
    background-position: 20px 30px;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #666;
}

#maintenanceMsg p {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    margin-top: 10px;
    background-image: url("/images/error.png");
    background-position: 100% 0px;
    background-repeat: no-repeat;
    text-align: center;
}
/*----------------------
Welcome page
----------------------*/
/* a { text-decoration: none; } */
#configure a:link {
	color: #000000;
	font-weight: bold;
}
#configure a:visited { color: #00366d; }
#configure a:active { color: #ff0000; }
#configure a:hover {
	text-decoration: underline;
	padding: 0;
}
#configure {
	/*padding-left: 35px;*/
	padding-top: 20px;
	}

#configure.a:link {
	color: #FF0000
	}
#quote {
	background-color: #CCCCCC;
	font-size: 10px;
	/*border: 3px groove darkred;*/
	font-style: italic;
	/*padding-top: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;*/
	width: 180px;
}
#quoteImage {
	/*border: 3px groove darkred;*/
	/*margin-top: 20px;*/
	margin-left: 10px;
	margin-right: 10px;
	width: 180px;
}
#name{
	/*background-color: #CCCCCC;*/
	font-size: 10px;
	font-style: italic;
	text-align: right;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 200px;
}
#dog{
	/*background-color: #CCCCCC;*/
	padding-left: 0px;
	white-space: nowrap;
	width: 50px;
	float: left;
}
#dog_copy{
	/*background-color: #CCCCCC;*/
	padding-top: 15px;
	width: 140px;
	float: right;
	font-size: 10px;
}
#box{
	/*background-color: #CCCCCC;*/
	width: 200px;
	height: 60px;
	margin-left: 135px;
	padding-left: 5px;
}
#title{
	font-size: 18px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #3C99D3;
	margin-top: 0px;
	margin-bottom: 5px;
}
#linker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 10px;
	/*background-color: #CCCCCC;*/
	font-weight: bold;
	line-height: 1.5;
	width: 115px;
}
#texter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 420px;
	vertical-align: top;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}