@charset "UTF-8";

body { margin: 0; padding: 0; border: 0; width: 100%; background: #111 url(/images/background.gradient.png) top left repeat-x; font-family: "Trebuchet Ms",Arial,sans-serif; font-size:0.8em; }
* { margin: 0; padding: 0; border: 0; }
div#page { width: 840px; height:656px; margin: 0 auto 20px auto; background: transparent url(/images/home/main.bg.png) top left repeat-x; }
input[type=text], input[type=password], textarea { font-family: "Bitstream Vera Sans Mono","DejaVu Sans Mono","Monaco","Courier New",monospace; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px; }

/* CSS 3 */
div#page {
  -webkit-box-shadow: inset 3px -3px 3px -3px black, inset -3px -3px 3px -3px black, 0 0 30px #111; -moz-box-shadow: inset 3px -3px 3px -3px black, inset -3px -3px 3px -3px black, 0 0 30px #111; box-shadow: inset 3px -3px 3px -3px black, inset -3px -3px 3px -3px black, 0 0 30px #111;
  -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px;
}
div#content_left {
  -webkit-box-shadow: inset 3px -3px 3px -3px black; -moz-box-shadow: inset 3px -3px 3px -3px black; box-shadow: inset 3px -3px 3px -3px black;
}
div#content_box {
  -webkit-box-shadow: inset -3px -3px 3px -3px black; -moz-box-shadow: inset -3px -3px 3px -3px black; box-shadow: inset -3px -3px 3px -3px black;
}
div.box_contents h1, div.box_contents h2 { text-shadow: 0 0 10px #bfdcef; }
div.panel_info { text-shadow: 0 0 10px white; }
a.sign_up_bttn { text-shadow: 0 0 5px lightyellow; }
a, a span { transition-duration: 0.18s; -moz-transition-duration: 0.18s; -webkit-transition-duration: 0.18s; -o-transition-duration: 0.18s; transition-property: color; -moz-transition-property: color; -webkit-transition-property: color; -o-transition-property: color; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { -webkit-box-shadow: 0 0 3px 1px #ccc; -moz-box-shadow: 0 0 3px 1px #ccc; box-shadow: 0 0 3px 1px #ccc; }

/* header */
div#header { position: relative; width: 840px; height:109px; margin: 0 auto; }
img#logo { margin:30px 0 0 23px; float:left; position:absolute; }
img#tagline { position:absolute; margin:61px 0 0 146px; }
div#menu { height:24px; width:460px; float:right; margin:47px 4px 0 0; }
div#menu ul { float:right; height:24px; width:460px; list-style-type:none; }
div#menu ul li { float:right; list-style-type:none; text-align:center; font-size:15px; color: #e6ebf6; height:23px; margin-left:-3px; padding:1px 11px 1px 12px; line-height:20px; }

div#menu ul li.sel { background: transparent url(/images/home/menu_sel_right.png) top right no-repeat; padding:0 11px 1px 0; }
div#menu ul li div.center_m { background: none; }
div#menu ul li.sel div.center_m { background: transparent url(/images/home/menu_sel_center.png) top left repeat-x; height:23px; float:left; padding:1px 0 0 1px; }
div#menu ul li div.left_m { display:none; background: transparent url(/images/home/menu_sel_left.png) top left repeat-x; height:24px; width:11px; float:left; }
div#menu ul li.sel div.left_m { display:block; }

div#menu ul li a { display:block; text-decoration: underline; color: #8191c1; }
div#menu ul li a.nohl { text-decoration: none; color: #e6ebf6; }
div#menu ul li a span.inner_link { color: #e6ebf6; }
div#menu ul li a:hover { text-decoration: underline; color: #acb7d5; }
div#menu ul li a.nohl:hover { text-decoration: none; color: #ffffff; }
div#menu ul li a:hover span.inner_link { color: #ffffff; }
div#menu ul li a#sign_up_menu { font-weight: bold; color: #829e84; }
div#menu ul li a#sign_up_menu span.inner_link { color: #e3e060; }
div#menu ul li a#sign_up_menu:hover { color: #b2bf72;}
div#menu ul li a#sign_up_menu:hover span.inner_link { color: #fff664; }

div#languages { position: absolute; top: 4px; right: 10px; color: #e6ebf6; }
div#languages a { text-decoration: underline; color: #8191c1; }
div#languages a span.inner_link { color: #e6ebf6; }
div#languages a:hover { text-decoration: underline; color: #acb7d5; }
div#languages a:hover span.inner_link { color: #ffffff; }

/* content */
div#content { width: 840px; margin: 0 auto; }

div#badge_en { width:87px; height:87px; position:absolute; z-index:1000; margin-top:-35px; margin-left:763px; background: transparent url(/images/home/badge_30days.en.png) no-repeat 0 0; }
*html div#badge_en { background: transparent none no-repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/badge_30days.en.png', sizingMethod='scale'); }
div#badge_pt { width:87px; height:87px; position:absolute; z-index:1000; margin-top:-35px; margin-left:763px; background: transparent url(/images/home/badge_30days.pt.png) no-repeat 0 0; }
*html div#badge_pt { background: transparent none no-repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/badge_30days.pt.png', sizingMethod='scale'); }
div#badge_ru { width:94px; height:94px; position:absolute; z-index:1000; margin-top:-35px; margin-left:778px; background: transparent url(/images/home/badge_30days.ru.png) no-repeat 0 0; }
*html div#badge_ru { background: transparent none no-repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/badge_30days.ru.png', sizingMethod='scale'); }
div#badge_zh_CN { width:87px; height:87px; position:absolute; z-index:1000; margin-top:-35px; margin-left:763px; background: transparent url(/images/home/badge_30days.zh_CN.png) no-repeat 0 0; }
*html div#badge_zh_CN { background: transparent none no-repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/badge_30days.zh_CN.png', sizingMethod='scale'); }
div#badge_de { width:87px; height:87px; position:absolute; z-index:1000; margin-top:-35px; margin-left:763px; background: transparent url(/images/home/badge_30days.de.png) no-repeat 0 0; }
*html div#badge_de { background: transparent none no-repeat 0 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/badge_30days.de.png', sizingMethod='scale'); }

div#content_left { float:left; width: 176px; height: 343px; background: transparent url(/images/home/content_left.bg.png) no-repeat; }
div#content_box { float:left; width: 664px; height: 343px; background: transparent url(/images/home/box.bg.png) no-repeat; }
div.box_content { width:649px; height:207px; margin:0px 0 0 2px; }
div.box_contents { width:650px; height:274px; margin-top:1px; }
div.box_contents h1 { display:block; width:649px; height: 47px; font-size:27px; letter-spacing:-1px; color:#1B2234; padding:20px 0 0 3px; text-align:center; }
div.box_contents h2 { display:block; width:649px; height: 47px; font-size:27px; letter-spacing:-1px; color:#1B2234; padding:20px 0 0 3px; text-align:center; }
div.box_contents h3 { font-size:20px; font-weight:normal; line-height:1em; margin-bottom:5px; }

*html div.box_contents { height:208px; margin-top:0; }
div#box_top { height:274px; padding-top:1px; }
div#box_content_2 div.box_panel { background: transparent url(/images/home/box_panel_2.jpg) no-repeat 0 0; }
div#box_content_3 div.box_panel { background: transparent url(/images/home/box_panel_3.png) no-repeat 0 0; }
div#box_content_4 div.box_panel { background: transparent url(/images/home/box_panel_4.jpg) no-repeat 0 0; }
div#box_content_5 div.box_panel { background: transparent url(/images/home/box_panel_4.jpg) no-repeat 0 0; }
div.box_panel { width:220px; height: 190px; float:right; margin:0px 10px 0 10px; }
div#box_content_1 div.box_panel {  margin:0px 10px 0 0px; }
*html div.box_panel { margin-right:5px; margin-left:6px; width:220px; }
*html div#box_content_1 div.box_panel {  margin:0px 5px 0 0px; width:215px; }
div.box_description { width:380px; height: 180px; float:left; margin-left:14px; padding:10px 0px 0 10px; overflow:hidden; text-align:justify; }
div.box_description p { margin-bottom:7px; color:#000000; font-size: 13px; line-height: 1.2em; }
*html div.box_description { margin-left:7px; }
div#detailed_view, div#trac_plugins { display:none; }
div#detailed_view div.box_description_left, div#detailed_view div.box_description_right { margin-top: 7px !important; }
div.flip_panel { float:right; height:15px; text-align:right; width:200px; }
div#box_content_3 div.flip_panel { margin-top: 8px; margin-right: 2px; }
div#detailed_view div.flip_panel { margin-top: 13px; }
div.panel_name { width:219px; height:28px; text-align:center; color:#1e251b; font-size:17px; padding-top:6px; }
div.panel_info { width:219px; height:99px; text-align:center; color:#1e251b; font-size:14px; padding-top:9px; }
div.panel_sign_up { width:219px; height:40px; color:#1e251b; text-align:center; }
div.panel_demo { width: 219px; height: 24px; font-weight: bold; font-size: 1em; color: #444; text-align: center; margin-top: 12px; }
div.panel_demo a, div.panel_demo a:link, div.panel_demo a:visited { font-size: 1.1em; color: #c86b6b; text-decoration: underline; font-weight: bold; }
div.panel_demo a:active, div.panel_demo a:hover { color: #de5151; }
div.panel_demo a span { color: #880000; }
div.panel_demo a:hover span { color: #c30d0d; }
a.sign_up_bttn { display:block; background:transparent url(/images/home/signup.bttn.gif); height:33px; width:160px; margin:0 auto 0 auto; font-size:25px; line-height:1em; font-weight:bold; text-decoration: none; color:#454545; padding-top:10px; }
a.sign_up_bttn:hover, a.sign_up_bttn:active { color: #222; }
div#box_nav { height:59px; width:651px; margin:-1px 0 0 1px; }

.box_description div.flip_panel a { font-size: 11px; color: #333; }
.box_description a .inner_link, .box_description a:link .inner_link, .box_description a:visited .inner_link { color: #111; }
.box_description div.flip_panel a .inner_link, .box_description div.flip_panel a:link .inner_link, .box_description div.flip_panel a:visisted .inner_link { color: #333; }
.box_description a, .box_description a:link, .box_description a:visited { color: #768355; }
.box_description a:hover .inner_link, .box_description a:active .inner_link { color: black; }
.box_description a:hover, .box_description a:active { color: black; }

div.box_nav_item { float:left; height:59px; width:127px; color:#e6ebf6; font-size:15px; text-align:center; }
*html div.box_nav_item { width:127px; margin-left:0; }
div#box_nav div.open a { background: transparent url(/images/home/box_nav_sel.bg.png) repeat-x 0 0; }
div#box_nav div.open h3.left a { background: transparent url(/images/home/box_nav_sel2.bg.png) no-repeat 0 0; }
div#box_nav div.open h3.right a { background: transparent url(/images/home/box_nav_sel3.bg.png) no-repeat top right; }
div#box_nav div.open a, div.box_nav_item a:hover { color:#eaeefa; }
div.box_nav_item a { color:#d8dce7; display:block; text-decoration:none; height:45px; padding-top:14px;}
div.box_nav_item h3 { color:#d8dce7; font-size:14px; line-height:18px; }
div#box_nav_3 { width:159px; }
div#box_nav_1 a, div#box_nav_5 a { height:37px; padding-top:22px; }
div#box_nav_1, div#box_nav_5 { width:119px; }

.box_content { background: transparent url(/images/home/box_panel_1.bg.png) no-repeat 10px 0px; }
.box_content .box_description p strong { background: #F3DA46; color: #000; }
.box_content .box_description ul { list-style-type: none; margin-bottom: 7px;}
.box_content .box_description ul li { margin-left: 25px; padding-bottom: 2px; line-height:1.2em;}
div#box_content_5 .box_content { background: transparent url(/images/home/box_panel_5.bg.png) no-repeat 10px 0px; }
div#box_content_5 .box_description { width:602px; height:180px; }
div#box_content_2, div#box_content_3, div#box_content_4, div#box_content_5 { display: none; }
div#box_content_3 h2 { font-size:26px; }

div#box_content_1 div.box_description { padding:0; height:190px; width:398px; }
div#box_content_1 div.box_description div.box_description_left, div#box_content_1 div.box_description div.box_description_right { width:174px; height:152px; margin:20px 0 0 14px; float:left; }
*html div#box_content_1 div.box_description div.box_description_left { margin:20px 0 0 8px; }
*html div#box_content_1 div.box_description div.box_description_right { margin:20px 0 0 20px; }
div#box_content_1 div#simple_view div.box_description_right { margin:20px 0 0 20px; width:186px; }
div#box_content_1 div.box_description p { font-size:16px; color:#222; text-align:left; line-height:16px; margin-bottom:14px; }
div#box_content_1 div.box_description p span { color:#800; font-weight:bold; font-size:16px; }
div#box_content_1 div.panel_name { font-weight:bold; font-size:20px; color:#444; margin-top:9px; }
div#box_content_1 div.panel_info { height:60px; font-size:40px; font-weight:bold; color:#800; }
div#box_content_1 div.box_description div.row { width:162px; float:left; font-size:11px; line-height:13px; text-align:left; margin-top:1px; border-bottom:1px solid #b0c491; }
div#box_content_1 div.box_description div.rtd { width:50px; text-align:center; float:right; padding:2px; color:#640000; }
div#box_content_1 div.box_description div.rtd span.symbol { font-size: 28px; }
div#box_content_1 div.box_description div.ltd { width:102px; float:left; padding:2px; border-right:1px solid #bbd09a; color:#000; }
div#repo_overview_1 { padding-top: 7px; }

/* bottom */
div#bottom { width:840px; margin: 0 auto; }
div.bottom_column { width:25%; height:169px; float:left; color: #ffffff; }
*html div.bottom_column { width:24.9%; }
div.bottom_column a { color:#ffffff;}
div.bottom_column h2 { font-size:16px; padding:20px 10px 1px 23px; }
*+html div.bottom_column h2 { padding-top:16px; }
*html div.bottom_column h2 { padding-top:15px; }
div.bottom_column p { font-size:11px; padding:8px 0px 0px 23px; line-height:13px; }
div.bottom_column blockquote { padding: 20px 20px 0px 27px; background: transparent url(/images/home/bquote.bg.png) no-repeat 12px 19px; font-style:italic; font-size:11px; line-height:15px; }
div.bottom_column blockquote a { color:#b4ecb5;}
div.bottom_column blockquote span { display:block; float:right; color:#b4ecb5; }
*+html div.bottom_column blockquote { overflow:hidden; }
*+html div.bottom_column blockquote span { margin-top:-7px; }

div#footer { width :840px; margin: 0 auto 30px auto; color: #ffffff; font-size:11.5px; line-height:13px; }
div#footer_left { float:left; width:500px; margin:12px 0 0 13px; }
div#footer_right { float:right; width:300px; margin:12px 15px 0 0px; text-align:right; }
div#footer_right a { margin-left:7px; }
div#footer a { color: #a1c67f; text-decoration: underline; }
div#footer a span.inner_link { color: white; }
div#footer a:hover { color: #cfe5bc; text-decoration: underline; }
div#footer a:hover span.inner_link { color: #eef8e6; }
span.social_icons a { margin: 0 !important; width: 16px; height: 16px; }
span.social_icons a img { margin: -1px 0 0 0; vertical-align: top; }

div#bottom a { color: #a1c67f; text-decoration: underline; }
div#bottom a span.inner_link { color: white; }
div#bottom a:hover { color: #cfe5bc; text-decoration: underline; }
div#bottom a:hover span.inner_link { color: #eef8e6; }

div.bottom_column blockquote span.inner_link { color:#b4ecb5 !important;}
div.bottom blockquote a span.inner_link { color:#b4ecb5 !important;}

/* Tweaks */
body.lang_ru div.box_contents h2 { font-size: 25px; }
body.lang_ru a.sign_up_bttn { font-size: 23px; }
body.lang_ru div.bottom_column h2 { padding: 14px 10px 1px 18px; }
body.lang_ru div.bottom_column p { padding-left: 18px; }
body.lang_ru div.bottom_column blockquote { padding: 14px 18px 0px 22px; background: url("/images/home/bquote.bg.png") no-repeat scroll 7px 13px transparent; }
body.lang_ru div#box_content_1 div.panel_name { font-size: 18px; }
body.lang_ru div.box_description_left, body.lang_ru div.box_description_right { margin-top: 10px !important; padding-bottom: 10px; }
body.lang_ru div.box_description_left p, body.lang_ru div.box_description_right p { margin-bottom: 12px !important; }
body.lang_ru div.box_description_left p.ru_heading, body.lang_ru div.box_description_right p.ru_heading { margin-bottom: 5px !important; }
body.lang_ru div.box_description_left li, body.lang_ru div.box_description_right li { margin-left: 10px !important; font-size: 15px; }
body.lang_ru div#detailed_view div.box_description_left, body.lang_ru div#detailed_view div.box_description_right { margin-left: 7px; width: 188px; }
body.lang_ru div#box_content_1 div.box_description div.row { width: 182px; }
body.lang_ru div#box_content_1 div.box_description div.ltd { width: 122px; }
body.lang_ru div.box_description { padding: 5px 0 0 5px; }
body.lang_ru div#box_content_5 .box_description ul { margin-bottom: 6px; }
body.lang_ru div#trac_overview div.flip_panel { margin-top: -20px; }
body.lang_ru div#trac_plugins div.flip_panel { margin-top: -4px; }
body.lang_ru #repo_overview_1 div.flip_panel { margin-top: -11px; }
body.lang_ru #repo_overview_2 div.flip_panel { margin-top: 58px; }
body.lang_ru #repo_overview_2 { display: none; padding-top: 60px; height: 130px; }
body.lang_ru div#detailed_view div.flip_panel { margin-top: 3px; }
body.lang_ru div#box_content_1 div.panel_name { margin-top: 2px; }
body.lang_ru div#box_content_1 div.panel_info { height: 54px; padding-top: 3px; }
body.lang_ru div#box_content_1 div#simple_view div.box_description_right { margin:20px 0 0 10px; width:196px; }

body.browser_chrome div#footer_left { margin-top: 12px; }
body.browser_chrome div#footer_right { margin-top: 12px; }

body.browser_ie { background-image: none; }
body.browser_ie div#page { border-radius: 0 0 10px 10px; behavior: url(/javascripts/pie.htc); }
body.browser_ie div#menu { float: none; position: absolute; right: 62px; top: 0; }
body.browser_ie div#box_content_1 div.flip_panel { margin-top: -3px; }
body.browser_ie div#detailed_view div.flip_panel { margin-top: 10px; }
body.browser_ie div#box_content_3 div.flip_panel { margin-top: 1px; }
body.browser_ie div#footer_left { margin-top: 14px; }
body.browser_ie div.bottom_column blockquote { padding-top: 20px; padding-left: 27px; width: 165px; }
body.browser_ie div#bottom blockquote span { margin-top: 0px; }
body.browser_ie div#languages td { vertical-align: bottom; }