/* CSS Document */
body {width:99%; text-align:center;  background-color:#e8e5c6; background-image:url(../img/bkg.gif); background-position:top; background-repeat:repeat-x; margin-top:0px; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
img {border:0;}
form {margin:0;}

#center {width:895px; margin:0; margin-left:auto; margin-right:auto; text-align:left;}

#lang_bar {float:right; color:#ccc; padding:0px; padding-left:10px; padding-right:10px; background-color:#E8E5C6; border-left:1px solid #DFDCBE; border-right:1px solid #DFDCBE;}
#lang_bar a {color:#000; text-decoration:none; font-size:12px; }
#lang_bar .a_sel {color:#666; font-weight:bold;}

#header {clear:both; height:136px; background-image:url(../img/top_bkg.gif); background-repeat:no-repeat;}
#header .logo {position:relative; top:10px; left:20px;}
#header #direct_download {width:263px; background-image:url(../img/download_tooltip.gif); background-repeat:no-repeat; position:relative; top:-105px; left:620px; height:107px; font-size:16px; font-weight:bold; text-align:center; padding-top:10px;}
#header #direct_download a.version {color:#ff00a2; font-size:48px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; position:relative; top:-5px;}
#header #direct_download a.changelog {color:#df2637; font-family:Verdana, Arial; font-size:9px; text-decoration:none; position:relative; top:-30px;}
#header #direct_download a.changelog:hover {color:#000;}

#topmenu {height:37px; font-size:16px; line-height:37px; background-image:url(../img/top_menu_bkg.gif); background-repeat:repeat-x; border:1px solid #000; text-align:center; color:#939292;}
#topmenu a {color:#fff; text-decoration:none; font-size:16px; font-weight:bold; margin-left:3px; margin-right:3px; }
#topmenu a:hover {color:#ccc;}
#topmenu .a_sel {color:#FFFF99;}

#main {background-color:white; min-height:550px; display:block; padding:15px; padding-left:30px; padding-right:30px; border:3px solid #ccc; border-top:0;}
#spacer {height:10px; clear:both;}

.button {border:1px solid #000; background-image:url(../img/input_bkg.gif); background-repeat:repeat-x; height:28px; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold;}
.input {border:1px solid #7f7f7e; height:24px; padding-top:2px; color:#333; padding-left:5px; padding-right:5px; }

#powered_by {text-align:center; font-size:12px; padding-top:10px;}

h1 {font-size:28px; color:#009900;}
h2 {font-size:22px;}
h3 {font-size:16px;}

/** mod:home ************************************************************************************************/
#tads {height:315px; }
#tads, #tads .sb-inner {background:#ece0c0; padding:10px;}
#tads .title {color:#df2637; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px;}
#tads .whatis {margin-right:10px; margin-bottom:10px; float:left;}
#tads p {}
#tads ul { list-style-image:url(../img/arrow.gif); font-weight:bold; line-height:20px;}
#tads ul li {margin-left:50px;}

#newsletter {width:315px; height:150px; float:left; margin-right:10px;}
#newsletter, #newsletter .sb-inner {background:#d5d4d0; padding:10px;}
#newsletter .sb-inner {background-image:url(../img/newsletter_bkg.gif); background-repeat:no-repeat; background-position:top;}
#newsletter .title {color:#df2637; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:24px}
#newsletter p {font-weight:bold;}
#newsletter .input { width:245px; height:24px; position:relative; top:-5px;}

#reference {width:494px; height:150px; float:left;}
#reference, #reference .sb-inner {background:#d5d4d0; padding:10px;}
#reference .title {color:#df2637; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:24px}


/** mod:changelog ************************************************************************************************/
#changelog span {font-weight:bold; font-size:16px;}

/** mod:forge ************************************************************************************************/
#forge {}

/** mod:documentation ************************************************************************************************/
span#documentation_choice {color: #999; font-size:12px;}
ul#documentation {padding:10px; margin-left:0; /*list-style-image:url(../img/arrow.gif); list-style-position:inside;*/ width:210px; border:3px solid #ccc; margin-right:10px; float:left; display:inline; margin-top:0; font-weight:bold;}
ul#documentation a {text-decoration:none; color:#3333FF;}
ul#documentation a:hover, ul#samples a:active  {color:#A5D149;}
ul#documentation span {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000;}
ul#documentation ul {line-height:14px;}
ul#documentation ul a {font-size:12px; font-weight:normal;} 
div#documentation_page {width:550px; border:1px solid #e5e5e5; float:right; padding:10px; padding-left:15px; padding-right:15px; display:block; min-height:450px; padding-top:5px; margin-top:0;}
div#documentation_loader {position:absolute; padding:10px; font-weight:bold; background-color:#fff; border:3px solid #ccc;}

#documentation_page ul {line-height:normal; margin-top:0;}


p#Text {padding-bottom:15px;}
p#legend {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0; padding:0; font-weight:bold; color:#999;}
p#php_code, p#tpl {margin-top:2px; border:1px solid #ccc; border-left-width:15px; font-family:"Courier New", Courier, monospace; font-size:12px; padding:5px;}
p#prototype {margin-top:0; border:1px solid #ccc; background-color:#e5e5e5; font-family:"Courier New", Courier, monospace; font-size:12px; padding:5px;}
p#warning {border:1px solid #FFCC66; background-color:#FFFFCC; padding:5px;}


/** mod:samples ************************************************************************************************/
ul#samples {padding:10px; margin-left:0; list-style-image:url(../img/arrow.gif); list-style-position:inside; width:230px; border:3px solid #ccc; margin-right:10px; float:left; display:inline; margin-top:0; }
ul#samples li span {font-size:10px; color:red;  background-color:#FFFF99;}
ul#samples a {text-decoration:none; color:#3333FF;}
ul#samples a:hover, ul#samples a:active  {color:#A5D149;}
#iview {width:550px; height:645px; border:1px solid #e5e5e5; float:right;}