/* CSS Document */

* {
    margin:0;
    padding:0;
/*    font-size:100%;*/
}

body{
    background: #E5E5E5 none repeat scroll 0 0;
    text-align:center;
    margin:0;
}

h1 {font-size: 2em; margin: .67em 0;}



#main{
    background: white;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}
ul.normal { list-style:disc;}


.left { float:left;}
.right {float:right;}
.clear  {clear:both;}
.hidden {display:none;}

html, input, textarea
        {
                font-family:Georgia, tahoma;
                font-size:0.75em;
/*              line-height:1.5em;*/
                color:#575757;
        }

input, select { vertical-align:middle; font-weight:normal;}

a {color:#000;}
a:hover{text-decoration:none;}
strong {color:#000;}
p {padding-top:18px;}

/*  ul.column */

ul.column li {
    background:transparent url(images/list_bg.gif) no-repeat scroll 0 12px;
    padding-left:20px;
    padding-top:3px;
}


/* ============================= main layout ====================== */

.more {background:url(images/more_bg.gif) no-repeat top right; padding-right:13px; font-weight:bold; color:#df4a01; display:block; float:right; margin-top:10px;}
div.title h3, h3.title {position:absolute; top:20px;left:65px; font-size:16px; font-weight:bold; color:black;}
/*
li { background:url(images/list_bg.gif) no-repeat 0 9px; padding-left:20px; padding-top:3px;}
li a {color:#575757; text-decoration:none; line-height:2.083em;}
*/
li a {text-decoration:none;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 23px 0 0; float:left;}
div.title {position:relative; background:url(images/title_tall.gif) top repeat-x; margin-bottom:12px;}
.title img {margin:0 0 0 -20px;}
.title h3 {position:absolute; top:20px; left:65px;}
.title2 {margin-bottom:15px;}
.title3 {margin:35px 0 15px 0;}
div.col1 {position:relative;}
div.col2 {position:relative;}
div.column2 {position:relative;}
.col1 h3, col2 h3 {position:absolute; top:20px;}
.column2 h3 {position:absolute; top:22px;}
.column2 img.title3 + h3 {top:50px;}
.col1 li, .column1 li, .columnnav {line-height: 2.083em;}

/* columnnav */
.columnnav li { background:url(images/fleche.jpg) no-repeat 0px 7px; padding-left:20px; padding-top:0px; }
.columnnav li.active { background:url(images/fleche_active.jpg) no-repeat 0px 7px; text-decoration:underline;}
.columnnav li.active a {color:#000; font-weight:bold;}



/* ============================= header ====================== */

#header .left {padding:23px 0 18px 0;}
#header .right {padding:19px 3px 0 0;}
#header .logo {float: left; padding:15px 0 15px 0; }
#header div.langselector { float: right; padding: 5px 5px 0px 5px; }
#header div.smallmenu {float: right; padding-top: 10px; padding-right: 25px;}
#header div.mainmenu {float: right; padding-top: 15px; padding-right: 5px;}


ul.menu {}
.menu {float:left;}
.menu li {float:left; padding-left:25px; background: none;}
.menu li:first-child {padding-left:10px;}
.menu li a {display:block; background:url(images/menu_bg.gif) no-repeat 0 7px; padding-left:18px; text-transform:uppercase; color:#575757; line-height:2.083em;}
.menu li a:hover {background:url(images/menu_bg_active.gif) no-repeat 0 7px; color:#000;}
.menu li.active a {background:url(images/menu_bg_active.gif) no-repeat 0 7px; color:#000; text-decoration:underline;}


ul.smallmenu {font-family: Arial; font-size:11px;}
ul.smallmenu {float:left;}
ul.smallmenu li {float:left; background: none;}
ul.smallmenu li:first-child a {border-left:none; }
ul.smallmenu li a {display:block; padding-left:5px; padding-right:5px; color: #3A3E45; border-left: 1px solid #BABEC4;}
ul.smallmenu li a:hover {}
ul.smallmenu li.active a {text-decoration:underline;}


.slogan {border-bottom:1px solid #b3b3b3; border-top:1px solid #b3b3b3; padding-bottom:1px;}
.slogan .inner {border-bottom:4px solid #b3b3b3; padding:7px 0 4px 0px;}
.slogan .inner div.first { font-size:3em; word-spacing: 0.2em; letter-spacing:0.2em;text-align: center;}
.slogan .inner div.second { font-size:1.5em; line-height:2em;text-align: center; }

.noslogan {border-top:4px solid #b3b3b3; border-bottom:1px solid #b3b3b3; padding-bottom:1px;}

/* ============================= middle ====================== */

.small {font-size:0.917em; line-height:1.545em;}
.required {font-size:0.917em; line-height:1.545em; color:red; }
.big {font-size:1.167em; line-height:1.286em;}
.orange {color:#df4a01 !important;}
.date_pad {padding-top:22px;}
.double {margin-top:38px;}
.line {background:url(images/hor_line.gif) bottom repeat-x; padding-bottom:24px; margin-bottom:22px;}
.banner {position:relative;}
.banner1 {margin:25px 0 27px 0;}
div.banner1 {position:absolute; top:50px; left:205px; width:320px; font-size:2.1em; line-height:1.2em; font-weight:normal; color:black;}
div.banner2 {position:absolute; top:200px; left:250px; width:250px; font-size:1.1em; line-height:1.2em; font-weight:normal; color:#575757;}
div.banner3 {position:absolute; bottom:50px; right:50px; width:100px; font-size:4.1em; line-height:1.2em; font-weight:normal; color:#575757;}
.textimg {padding:20px 0 20px 0;}
.special {margin-left:-19px;}
.ul {margin-top:12px;}
.p {padding-top:30px;}

.column_padding {padding:0 43px 0 0;}
.col_pad {padding:0 94px 0 0;}
.content {padding:0 0 0 45px;}
.content2 {padding:0 25px 0 45px;}


#middle {padding:21px 0 27px 0;}

#index .col1 ul {margin:-10px 0 0 26px;}
#index_2 .column1 ul {margin:10px 0 13px 0;}
#index_2 .title3 {margin:30px 0 15px 0;}
#index_3 .title {margin-bottom:4px;}
#index_4 .title2 {margin-bottom:8px;}
#index_4 .title3 {margin:27px 0 10px 0;}
#index_5 .title {margin-bottom:8px;}
#index_5 .double {margin:61px 9px 0 0;}

/* ============================= footer ====================== */

#footer div.smallmenu { float: right; margin: 0px 20px; }
.rss {background:url(images/rss_bg.gif) no-repeat top right; padding-right:22px; text-transform:uppercase; float:right; font-family:arial; color:#868686 !important;}

/* ============================= index ============================= */


form {margin-top:20px;}
form .rowi {height:42px;}
form .col1 {width:275px !important;}
form .col2 {width:249px !important;}
form .more {margin:48px 9px 0 35px;}

.input {width:242px; height:19px; border:1px solid #a09b96; background:none; padding:0 0 0 0px; font-size:1em;}
textarea {width:242px; height:145px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= index-5 =========================== */

.bannerfont {font-family:"Lucida Grande","Luxi Sans","Bitstream Vera Sans","Trebuchet MS",helvetica,verdana,arial,sans-serif; font-size:x-large;}



form.serialform {margin-top:30px;color:#575757;font-family:Georgia,tahoma;font-size:0.75em;line-height:1.5em;}
form.serialform {font-size:12px;}
form.serialform {float: left;}
form.serialform label {font-size:0.917em; line-height:1.545em; font-weight:bold; color:#000000;}
form.serialform .rowi {height:42px;}
form.serialform .textfield {
        background:transparent none repeat scroll 0% 0%;
        border:1px solid #A09B96;
        font-size:1em;
        height:19px;
        padding:0pt 0pt 0pt 5px;
        width:242px;
        color:#575757;
        font-family:Georgia,tahoma;
        font-size:0.8em;
}

form.serialform .submitbutton {
        background: transparent url(images/more_bg.png) no-repeat top right;
        padding-right: 6px;
        font-weight: bold;
        color:#DF4A01;
        /*display: block;*/
        float: right;
        margin-top: 15px;
        border: none;
        text-decoration: underline;
        font-family:Georgia, tahoma;
        font-size:1em;
}
/*.more {background:url(images/more_bg.gif) no-repeat top right; padding-right:13px; font-weight:bold; color:#df4a01; display:block; float:right; margin-top:10px;}*/

form.serialform .submitbutton:hover {
        text-decoration: none;
        cursor: pointer;
}

#login .input {width:140px; margin:0px; background:white; height:15px;}
#login a {color:#1E5BA2; font-size:0.81em;}
#login label {margin:10px;}
form#login {float:none; margin-top:0; margin-bottom:15px; padding:6px; border: 1px solid #A0A0A0;}
form#login .submitbutton {margin-left: 5px; margin-top: -13px;}
form#login .textfield { }

#login2 .input {width:115px; margin-right:8px; background:transparent; height: 14px;}
#login2 a {color:#1E5BA2; font-size:0.81em;; margin-left:15px;}
form#login2 {float: none; margin-top:5px; margin-bottom:0px; padding:0px; font-size:11px;}
form#login2 .submitbutton {float: none; margin-top: 0; margin-left:5px; }
form#login2 .textfield { }


.langselector img { margin:4px 10px 0 10px;}

/*
 * pricing
 */

/*
table .freetrial {display:none;}
*/
table.pricing  {
    width: 90%;
    margin: 0px auto;
    text-align: center;
    border-collapse: collapse;
/*    border: 1px #000 solid;*/
}
table.pricing th {text-align: left;padding: 0.25em;}
table.pricing thead th{padding: 0.75em;background: #ffffcc;text-align: center;}
table.pricing th, table.pricing td {border: 1px #aaaaaa solid;}
table.pricing td {width: 17%;}
table.pricing th.freetrial {background-color: #E8E8CC;}
table.pricing td.price {font-size: 120%;font-weight: bold;color: black;}
table.pricing td.buy {padding: 10px; font-size:130%;}
table.pricing .number {font-family: Verdana;}
table.pricing .no_left_border {border-left:none;}
table.pricing .no_bottom_border {border-bottom:none;}
table.pricing .more {display:inline; float:none; margin-top:0;}



div.info {
        margin:10px 0 5px 0;
        padding: 3px 3px 3px 10px;
        background-color: #D8F1E4;
        border: 1px solid #3CB578;
        color: #3CB578;
}
div.warning {
        margin:10px 0 5px 0;
        padding: 3px 3px 3px 10px;
        background-color: #F8E0B0;
        border: 1px solid #F89620;
        color: #F89620;
}
div.error {
        margin:10px 0 5px 0;
        padding: 3px 3px 3px 10px;
        background-color: #FFCCCC;
        border: 1px solid #CC0000;
        color: #CC0000;
}

/***
*
* terms & privacy
*
***/
#terms h4, #privacy h4 {
    margin: 20px 0 10px 0;
}

#terms #middle p, #privacy #middle p {
    margin: 12px 0;
    padding: 0;
}

#terms #middle, #privacy #middle {
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 14px;
}

#terms p.needreview, #privacy p.needreview {
    background-color: #FFB;
}

#terms p.hidden, #privacy p.hidden {
    display: none;
}

#terms h5, #privacy h5 {
    font-size: 1em;
}

/***
*
* news
*
***/
#news h4 {
    margin: 5px 0 5px 0;
    font-weight: bold;
    /* color: black; */
    font-family:Georgia,tahoma;
    font-size:1.167em;
}

#news h5 {
    color:#df4a01;
    margin: 20px 0 5px 0;
    font-size:0.917em;
    font-weight: normal;
    /*color:#575757;*/
    font-family:Georgia,tahoma;
}

#news #middle p {
    margin: 5px 0 10px;
    padding: 0;
}

/***
*
* documentation
*
***/

ul.simple_list_menu {
    margin: 20px 20px;
    list-style-type: disc;
    font-size:1.167em;
}

ul.simple_list_menu li {
    padding: 1px 0;
}

ul.simple_list_menu li a {
    padding-left: 5px;
}

ul.simple_list_menu li.active a {
    color:#000;
    font-weight:bold;
}

.documentation h3 {
    margin: 10px 0;
    font-size: 20px;
    color: #df4a01;
}

.documentation h4 {
    color:#df4a01;
    margin: 20px 0 8px 0;
}

.documentation p {
    padding-top:3px;
    padding-bottom:3px;
}

div.imgholder, div.boxedimgholder {
    margin:15px auto;
    padding:0;
    text-align:center;
}

.imgholder img, .boxedimgholder img {
    padding: 4px;
    margin: 10;
}

.boxedimgholder img {
    border:1px solid #B3B3B3;
}

.documentation ul {
    list-style:disc;
    margin: 5px 0px 5px 15px;
}

/***
*
* partners
*
***/

#partners h4 {
    color:#df4a01;
    margin: 5px 0 10px;
}

#partners h4 a {
    color:#df4a01;
}

#partners table.partners th {
    width: 250px;
}

#partners div.logo {
    margin:10px auto;
    padding: 5px 10px;
    text-align:center;
}