@charset "UTF-8";
/* CSS Document */

@import url('screen_text.css');
@import url('screen_images.css');
@import url('screen_navigation.css');
@import url('screen_dropdownmenu.css');
@import url('screen_tables.css');
@import url('screen_special.css');

* {
	padding: 0;
	margin: 0;
}

/* global layouts */

html,
body {
   width:100%;
   text-align:center;
   font-family: Corbel,
             "Lucida Grande",
             "Lucida Sans Unicode",
             "Lucida Sans",
             "DejaVu Sans",
             "Bitstream Vera Sans",
             "Liberation Sans",
             Verdana,
             sans-serif;
   /*font-family: 'Trebuchet MS','Lucida Sans','Lucida Grande','Lucida',Arial,Sans-Serif;*/
   font-size: 16px;
   line-height: 1.125em; /* 16 * ? = 18px */
   font-style: normal;
   text-decoration: none;
   color: #333;
   background-image: url(../images/bkgd.png);
   background-position: top;
   background-repeat: repeat-x;
   background-attachment: fixed;
}

#container {
   position:relative;
   width:940px;
   text-align:center;
   height: auto; 
   margin-left: auto;
   margin-right: auto;
}

/* input elements */
button
{
    padding:5px;
}
input
{
    padding: 3px;
    border: 1px solid #88A4CF;
}
textarea
{
    border: 1px solid #88A4CF;
}
input.normal
{
    border:0;
}
select
{
    padding: 3px;
    border: 1px solid #88A4CF;
}
option
{
    padding-right: 9px;
}
img
{
    border: none;
}

/********************************* header *********************************/

#header {
   padding:0px;
   margin:0px;
   height: 78px;
   width: 940px;
   text-align: left;
   background-image: url(../images/header_bkgd.png);
   background-repeat: no-repeat;
}


/********************************* nav *********************************/

#nav {
   padding: 0px 0px 0px 21px;
   margin:0px;
   height: 44px;
   width: 940px;
   text-align: left;
   background-image: url(../images/nav_bkgd.png);
   background-repeat: no-repeat;
   position:relative;
}

/********************************* body *********************************/

#body {
   padding: 1.125em 0;
   margin: 0 20px;
   width: 900px;
   text-align: left;
   background-color: #FFFFFF;
}

#bodytitle {
	width: 556px;
	height: 146px;
	padding: 0px 0px 0px 28px;
	float: left;
	text-align: left;
}

#column_left {
	width: 580px;
	float: left;
	margin-left: 1.125em;
	text-align: left;
}

#column_right {
	width: 256px;
	float: right;
	margin-right: 1.125em;
	text-align: left;
}

#column_full {
	width: 860px;
	margin-right: 1.125em;
	margin-left: 1.125em;
	clear: both;
	text-align: left;
}

/* tabs */
#tabs
{
    margin-left: 1px;
}
#tabs h2
{
    float: left;
    margin: 0 0 0 -1px;
    padding: 0;
}
#tabs a
{
    background-color: #f9f9f9;
    border: 1px solid #666;
    padding: 5px 10px;
}
#tabs span
{
    display: none;
    border: 1px solid #666;
    padding: 10px 10px 5px 10px;
    border-bottom: 0;
}
#tabs .clear
{
    clear: left;
    padding-bottom: 10px;
}

/* blue box */
.box h2
{
    color: #fff;
    margin-top: 0;
}
.box p,
.box li
{
    color:#fff;
    margin-bottom: 0;
}
#column_left .box li,
#column_right .box li,
#column_full .box li
{
    list-style-image: url(../images/bullet-white.png);
}

.box .top {
	width: 256px;
	height: 18px;
	margin-top: 1.125em;
	background: url(../images/testimonial_boxtop.png) no-repeat;
}
.box .middle {
	background: url(../images/testimonial_bkgd.png) repeat-y;
	width: 211px;
	padding: 0px 40px 0px 20px;
	margin: 0;
	color: #FFFFFF;
	text-align: left;
	/* beautiful min-height option for browsers, thanks to http://www.dustindiaz.com/min-height-fast-hack/
        1) min height for normal browsers
        2) followed by height:auto with !important to make normal browsers ignore the next line, which is...
        3) height, specified to make IE6 play nice
    */
    min-height:110px;
    height:auto !important;
    height:110px;
}
.box .bottom {
	width: 256px;
	height: 36px;
	background: url(../images/testimonial_boxbottom.png) no-repeat;
}

.box .title {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom:10px;
}

.box a {
	color: #FFFFFF;
}

/* highlight */
.highlight{
    background-color:#E0EAF8;
    border:1px solid #88A4CF;
    padding:10px;
}
.highlight.active
{
    font-weight:bold;
    background-color:#fff;
}

.spacer
{
    clear:both;
}


/********************************* footer *********************************/

#footer {
   margin-left: 20px;
   margin-right: 20px;
   width: 900px;
   text-align: center;
   font-size: 0.625em;
   padding: 1.8em 0;
   background-color: #FFFFFF;
   clear: both;
}



/* ----------------- specific pages ----------------- */

/* clients */
.clients table
{
    width: 100%;
}

.clients th, .clients td
{
    text-align: center;
    vertical-align: middle;
}

/* demos */
.demos .screenshot
{
    float: right;
    width: 488px;
    margin: 0 0 0 1.125em;
}
.demos .screenshot img
{
    border: none;
}

/* documentation */
#documentation .subnav .tab span
{
    margin-right:35px;
    float:left;
    padding:10px 20px;
    margin-left:20px;
}
#documentation h4
{
    padding-top:15px;
    font-weight:bold;
    font-size:18px;
    font-style:normal;
}
#documentation div.definition .description
{
    margin-left:10px;
    padding:5px 0;
}
#documentation div.definition .title.top
{
    padding-top:5px;
}
#documentation div.definition .description dl
{
    padding-top:5px;
}
#documentation div.definition .description dt
{
    margin-left:10px;
}
#documentation div.definition .description dd
{
    margin-left:20px;
    padding: 5px 0;
}

/* editions */
.editions td.cell
{
    text-align: center;
    vertical-align: middle;
}

/* subscriptions */
table.subscriptions td.cell
{
    border-left: 1px solid #88A4CF;
}
table.subscriptions tr.alt
{
    background-color: #E8F2FF;
}
table.summary td,
table.summary th
{
    text-align:center;
}
table.summary tr 
{
    border-bottom: 1px solid #000;
}
.row1 
{
    background-color: #f9f9f9;
}
.row2
{
    background-color: #f0f0f0;
}

/* FAQ */
#column_right.faq ul
{
    background-color:#E0EAF8;
    border: 1px solid #88A4CF;
    padding: 0 1.125em;
}
#column_right.faq ul ul
{
    border:none;
}
#column_right.faq ul li
{
    list-style-type:none;
    font-size: 0.875em; /* 14px */
    line-height: 1.2857em; /* 18px */
    margin: 1.2857em 0; /* 18px */
}
.faq h4 a, .faq h4 a:hover, .faq h4 a:visited
{
   text-decoration:none; 
   color: inherit;
   cursor: default;
}
.faq h5
{
    font-size:small;
}

/* home */

.whywebsync_left {
	width: 260px;
	float: left;
}

.whywebsync_right {
	width: 260px;
	float: right;
}

.whywebsync_left h3,
.whywebsync_right h3 
{
    margin-top: 0;
}

.reviewbubble {
	background: url(../../images/reviewbubble_bkgd.gif) repeat-y;
	width: 490px;
	padding: 8px 30px 8px 30px;
	margin: 0;
	color: #24477B;
	text-align: left;
	font-size: 13px;
}

.reviewbubble_top {
	width: 550px;
	height: 10px;
	padding: 0;
	margin: 10px 0 0 0;
	background: url(../../images/reviewbubble_top.gif) no-repeat;
}

.reviewbubble_bottom {
	width: 550px;
	height: 36px;
	padding: 0;
	margin: 0;
	background: url(../../images/reviewbubble_bottom.gif) no-repeat;
}
/* migration */
.migrationguide h3 a, .migrationguide h3 a:hover, .migrationguide h3 a:visited
{
   text-decoration:none; 
   color: inherit;
   cursor: default;
}
/* overview */
.overview div.image-container
{
    width:100%;
    text-align:center;
}
/* portal */
.navigation .navigation-item
{
    margin-right:35px;
    float:left;
    padding:10px 20px;
}

.navigation
{
    height:30px;
    margin: 0 0 10px 20px;
    clear:both;
}
.ui-datepicker
{
    z-index: 100;
}

/* purchase */
.purchase #edition
{
     width:130px;
}
.per 
{
    font-size: 12px;
}

/* tutorials */
.tutorials .tab-category,
.tutorials .tab
{
    float:left;
    margin:5px;
}
.tutorials h3
{
    margin:10px 0;
}
.tutorials .code_sample
{
    background-color: #fff;
}

/* ------------end specific pages --------------------*/