/*
General CSS for the demos of DHTMLSuite
*/

/*------------------------ ID Styling ------------------------------------------------------------------*/
#main-container         { margin-left:auto; margin-right:auto; width:1000px; }
#main-int-container     { float:left; width:980px; padding:0px 10px; background:#FFFFFF url(../images/stories/bg_white_shade_home.png) top left repeat-y; }
#header                 { float:left; width:960px; padding:0px 0px 0px 20px; background-color:#3BB3C3; }
#header-contacts        { float:left; width:960px; padding:0px 0px 10px 20px; background-color:#3BB3C3; }
#header-old             { float:left; width:960px; padding:0px 0px 0px 20px; }
#footer                 { float:left; width:940px; padding:20px; background-color: #CCCCCC; text-align:center; }
#content-area           { float:left; width:900px; padding:20px 40px 60px 40px; text-align:justify; border-bottom:solid 1px #CCCCCC; }
#text-area              { float:left; width:500px; text-align:justify; }
#book-heading           { float:right; width:600px; padding:5px 30px 5px 10px;; margin:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; }
#action-area            { float:left; width:310px; }
#action-area2           { float:left; width:300px; }
#top-actions            { float:left; width:940px; text-align:right; padding:10px 20px; }
#bonus-section          { float:left; width:548px; border:solid 1px #CCCCCC; padding:10px 20px 20px 20px; }
#bonus-section-heading  { float:left; padding:10px; margin:0px; width:570px; background-color:#669900; color:#FFFFFF; }
#testi-heading          { text-align:center; margin:0px 0px 20px 0px; font-size:14px; font-weight:bold; text-decoration:underline; }
#container_testimonials { width:172px; float:right; padding:20px; margin:20px 0px 20px 40px; text-align:justify; border:solid 1px #CCCCCC; }
#toc                    { text-decoration:underline; }

/*------------------------ Element Styling ----------------------------------------------------------------*/
h2              { margin-bottom:5px; font-weight:normal; }
h3              { margin-bottom:5px; font-weight:normal; }
/*ol { counter-reset: item; }
   li:before { content: counters(item, "."); counter-increment: item; }*/
ul              { margin-top:5px; }
input           { width:400px; }
dt              { font-weight:bold; }
dd              { margin-left:20px; margin-bottom:20px; }

/*------------------------ Font Styling ----------------------------------------------------------------*/
.f_arial_11_white    { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; line-height:23px; font-weight:bold; }
.f_arial_11_black    { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:23px; }
.f_arial_13_black    { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:23px; }
.f_arial_16          { font-family:Arial, Helvetica, sans-serif; font-size:16px; }
.font_testi          { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#333333; }
.font_testi_micro    { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; }
/*------------------------------------------------------------------------------------------------------*/