/* GLOBAL RESET : Neutralize styling : Elements we want to clean out entirely: */
html, body, form, fieldset, textarea {margin: 0; padding: 0; font: 100%/150% Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {margin:0; padding:4px 0;}
li, dd, blockquote {margin-left: 2em;}
label {cursor: pointer; vertical-align:middle}
fieldset {border: none;}
input, select, textarea {font-size: 100%; font-family: inherit;}
.clear{ clear:both;}
.fleft{ float:left}
.fright{ float:right}
.text-left { text-align:left}
.text-right { text-align:right}
.text-center { text-align:center}

/* CUSTOM FCK and TYPAGRAPHIC STYLES */
body { background:#FFF; padding:2px 10px;} /* Need for fckeditor, can be overloaded in main.css or admin.css */

body, td { font-size:12px; color:#535353; line-height:20px;}

body table {direction:ltr !important;}

a, a:visited {color:#2299cc; text-decoration:underline; outline:none; line-height:normal}
a:hover { color:#F60; text-decoration:none;}

.page_title, .title { font-weight:bold; padding:5px 0; color:#0C273A; font-size:14px;}

img { vertical-align:middle;}
a img, .products_dropmenu_inner img { border: none;}



h1, h2, h3, h4, h5, h6 { color:#000; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
h1 { font-size:18px;}
h2 { font-size:17px;}
h3 { font-size:16px;}
h4 { font-size:15px;}
h5 { font-size:14px;}
h6 { font-size:13px;}

a.read_more { background:url(../img/icon-read-more.gif) no-repeat 0 50%; padding-left:20px; height:14px; display:block;}

.gray_box { border:1px solid #cbcbcb; border-bottom:6px solid #898989; background:#fff url(../img/bg_gray_box.png) repeat-x 0 100%; min-height:140px; _height:140px;}
.gray_box .gray_inner { padding:20px;}
.gray_inner2 {padding:5px 10px 5px 20px;}
.admin_home .gray_inner { padding:10px 20px;}
.gray_box_note {text-align:center; font-size:10px; text-transform:uppercase; line-height:normal;}
.gray_box_subtitle { color:#98c40f;}
.gray_header { background:#EAEAEA; padding:10px 20px; font-weight:bold; color:#555;}
.gray_box_title { color:#0093ca; font-size:15px; font-weight:bold; padding:10px 20px 5px 20px; border-bottom:1px solid #eee}
.blue_title { color:#0093ca; font-size:15px; font-weight:bold; padding:20px 0;}
#developers_box {background:#fff url(../img/bg_tools_for_developers.png) repeat-x 0 100%; min-height:520px; _height:520px;}

/**/
.gray_box3, .gray_box3 table td {color:#000; }
.gray_box3 table td {font-size:11px;}
.gray_box3 {border:1px solid #cbcbcb;  border-bottom:6px solid #898989; background:#fff url(../img/bg_gray_box.png) repeat-x 0 100%; min-height:140px; _height:140px; position:relative; z-index:1; line-height:normal;}
.gray_box_red_note {background:#ED1B24; color:#FFF; padding:1px 10px; font-size:11px; width:290px; position:absolute; bottom:-4px; left:0}
.gray_box3 .gray_inner { padding:6px 20px;}
.gray_box3 h5 { color:#0093ca; font-size:15px; font-weight:bold; padding:10px 20px 5px 20px; margin:0; border-bottom:1px solid #eee}

/* Home */
.home_boxes {width:220px;}
.home_boxes h5 { padding:0;}
.home_boxes .inner { padding:15px 5px 10px 10px;}

/* Chart */
.table_chart { border-collapse:collapse; background:#fff; border:1px solid #BDBDBD;}
.table_chart td { padding:2px 5px; border:1px solid #BDBDBD; border-top:none; border-bottom:none; font-size:11px; line-height:normal; text-align:center; color:#555}
.table_chart tr.chart_header td { padding:10px 5px; background:#fff url(../img/grad_gray_55.png) repeat-x 0 100%; text-align:center; font-size:13px; border-bottom:1px solid #BDBDBD;}
.table_chart td.first, .table_chart tr.chart_header td.first { text-align:left; padding:2px 5px 2px 15px; width:270px;}
td.table_chart_top_box { width:110px;}
td.firstt {width:280px;}
.table_chart tr.chart_odd { background:#E9F1F4;}
.table_chart .blue { font-size:28px; font-weight:bold; color:#29a8db;}
.table_chart tr.darkblue td { font-size:11px; font-weight:bold; color:#ffffff; background:#085B8F; border:1px solid #085B8F;}

.down_c {position:absolute; top:20px; right:20px; width:125px; height:30px; display:block; text-decoration:none !important}
.wiz_c {position:absolute; top:60px; right:20px; width:125px; height:30px; display:block; text-decoration:none !important}


#feature_comparison, #lauch_wizard { display:block; color:#39a7d5; font-weight:bold; font-size:11px; text-decoration:none; padding:0 10px 0 35px;}
#feature_comparison:hover, #lauch_wizard:hover { color:#F90;}
#feature_comparison { background:url(../img/icon-chart.png) no-repeat 0 50%; width:110px; padding-left:30px;}
#lauch_wizard { background:url(../img/icon-wizard.png) no-repeat 0 50%; width:105px;}

.tools a { text-decoration:none; font-weight:bold; letter-spacing:1px; line-height:normal;}
.tools img { margin-right:5px; vertical-align:middle; float:left;}