/*********************************************************************************************************************/
/*  Common                                                                                                   #008270 */
/*********************************************************************************************************************/
/* Base character styles */

pre, pre span                {font-family: monospace !important;}
samp                         {font-weight: bold; color: #900;}
code, kbd, tt                {font-family: monospace;}
em, var, address, cite, i    {font-family: serif;}
strong, b                    {}
u, ins                       {}
strike, s, del               {}
big, small, sub, sup         {}

.cBold                       {font-weight: bold;}
.cUnderline                  {text-decoration: underline;}
.hidden                      {display:none;}
.highlight                   {font-weight: bold;}
.indented                    {padding-left: 20px;}

a                            {font-size: inherit; background: transparent; text-decoration: underline; color: #2d5e78;}
a:hover                      {color: #b00;}
dt                           {font-weight: bold;}
:active,
:focus                       {outline: none;}

img                          {border: 0px;}


/*********************************************************************************************************************/
/*  Body */
/*********************************************************************************************************************/

body                         {margin: 20px 0px 20px 0px; border: 0px; padding: 0px;
                              font-family: arial, "trebuchet MS", helvetica, sans-serif;
                              background: #888 url(../images/common/bg_desk1.gif);}
  

/*********************************************************************************************************************/
/*  Container */
/*********************************************************************************************************************/

#container                   {background: #ddd url(../images/common/banner6.jpg) no-repeat; border: #333 1px solid;
                              margin: 0px auto; padding: 0px; text-align: left; width: 900px}

.sub                         {font-style: italic!important; font-family: "times new roman";}

/*html>body #container {width: auto !important; min-width: 900px; margin: 0px 0px;}*/


/* Header */
/*===================================================================================================================*/

/* Layout */

#header                      {position: relative; height: 123px; border: 0px; margin: 0px;}


/* Banner */
/*-------------------------------------------------------------------------------------------------------------------*/

#banner                      {margin: 0px; border: 0px; padding: 0px;}

#logo                        {position: absolute; right: 28px; top: 32px;}
#logo a                      {font-size: 20pt; font-weight: bold; font-family: verdana; text-decoration: none;}

#slogan                      {position: absolute; left: 25px; top: 4px;
                              color: #ddd; font-size: 7pt; font-weight: bold; letter-spacing: 1px; word-spacing: 2px;}

#level1,
#level2,
#level3,
#level4,
#level5                      {position: absolute; color: #ddd; font-size: 6pt; font-weight: bold; font-family: verdana;}

#level1                      {left: 18px; bottom: 31px;}
#level2                      {left: 178px; bottom: 31px;}
#level3                      {left: 338px; bottom: 31px;}
#level4                      {left: 658px; bottom: 31px;}
#level5                      {left: 788px; bottom: 31px;}

/* Navigation Tabs */
/*-------------------------------------------------------------------------------------------------------------------*/

/* Layout */
#navtabblock                 {position: absolute; right: 5px; height: 22px; bottom: 0px;}
#navtab                      {position: relative; clear: both;}
#navtab ul                   {list-style: none; margin: 0px; padding: 0px;}
#navtab li                   {display: block; float: right; height: 22px; margin-left: 5px; padding-left: 5px;}
#navtab li div               {display: block; float: left; height: 22px; padding-right: 5px;}
#navtab li div a             {display: block; float: left; padding: 2px 4px 0px 4px;}
#navtab li.active            {padding-left: 5px;}
#navtab li.active div        {padding-right: 5px;}
  
/* Fonts */
#navtabblock                 {font-size: 7.5pt; font-weight: bold; font-family: arial;}
#navtab li a                 {color:#222;}
#navtab li a:hover           {color:#a00; font-weight: bold;}
#navtab li.active a          {color:#222;}
#navtab li.active a:hover    {color:#bbb;}

/* Background */
#navtab li                   {background: url(../images/common/navtab_left_gray.gif) top left no-repeat;}
#navtab li div               {background: url(../images/common/navtab_right_gray.gif) top right no-repeat;}
#navtab li.active            {background: url(../images/common/navtab_left_teal.gif) top left no-repeat;}
#navtab li.active div        {background: url(../images/common/navtab_right_teal.gif) top right no-repeat;}


/* Navigation Bar */
/*-------------------------------------------------------------------------------------------------------------------*/

/* Layout */
#navbar ul                   {position: absolute; left: 0px; bottom: 0px; float: right;
                              width:880px; height: 22px; margin: auto; padding-left: 20px;}
#navbar a                    {text-decoration: none;}
#navbar ul li                {float: left; list-style: none;}
#navbar ul li a              {display: block; padding: 3px 10px 4px 10px; margin: 0px;}

/* Borders */
#navbar ul                   {border-top:   #666 1px solid; border-bottom: #666 1px solid;}
#navbar ul li                {border-right: #888 1px solid;}
#navbar ul li:first-child    {border-left:  #888 1px solid;}

/* Background */
#navbar ul                   {background: #ccc url(../images/common/navbar_gray.png) repeat-x;}
#navbar ul li a              {background: #ccc url(../images/common/navbar_gray.png) repeat-x;}
#navbar ul li.active a       {background: #008270 url(../images/common/navbar_green.png) repeat-x;}
#navbar ul li a:hover,
#navbar ul li.active a:hover {background: #bbb url(../images/common/navbar_dark.png) repeat-x;}

/* Fonts */
#navbar ul                   {font-size: 9pt; font-weight: normal; font-family: arial;}
#navbar ul li a              {color:#111;}
#navbar ul li a:hover        {color:#900;}
#navbar ul li.active a       {color:#fff;}
#navbar ul li.active a:hover {color:#b00;}


/* Sitemap */
/*-------------------------------------------------------------------------------------------------------------------*/
#navbar li.sitemap           {display: none; float: right;}

/* Main */
/*===================================================================================================================*/
#main                        {position: relative; margin-top: 0px; padding: 0px 0px 0px 0px; width: 100%; border: 0px;
                              height: 100%; background: #ddd;}
                              
/* Sidebar */
/*-------------------------------------------------------------------------------------------------------------------*/

/* Layout */
#sidebar                     {position: relative; float: left; width: 200px; clear:both;
                              background: #379 url(../images/common/bg_sidebar_blue_long.png) bottom right no-repeat;
                              font-family: verdana; font-weight: normal; letter-spacing: 0pt;}
#sidebar ul                  {margin: 0px; padding: 12px 0px 45px 0px; list-style: none;}

#sidebar li                  {display: inline; padding: 0px; margin: 0;}
#sidebar li div              {color: #8fa;}
#sidebar li a                {display: block; text-decoration: none; color: #fff;}

#sidebar li.sideT div,
#sidebar li.sideT a          {color: #f91; font-weight: normal; padding: 10px 0px 4px 0px;}
#sidebar li.sideT a:hover    {background: none; color: #fff;}

#sidebar li.side1 div,
#sidebar li.side1 a          {padding: 5px 0px 5px 0px; background: #076 url(../images/common/bg_sidebar_green.png) repeat-y;
                              border-top: 1px solid #076; border-bottom: 1px solid #054;}
#sidebar li.side2 div,
#sidebar li.side2 a          {padding: 4px 0px 4px 0px; background: #065;
                              border-top: 1px solid #087; border-bottom: 1px solid #043;}
#sidebar li.side3 div,
#sidebar li.side3 a          {padding: 2px 0px 2px 0px; background: #065}
#sidebar li.side4 div,
#sidebar li.side4 a          {padding: 1px 0px 1px 0px; background: #065}
                              
#sidebar li.side1 a:hover    {background: #087 url(../images/common/bg_sidebar_green_hover.png) repeat-y; color: #f94;}
#sidebar li.side2 a:hover,
#sidebar li.side3 a:hover,
#sidebar li.side4 a:hover    {background: #087; color: #f94;}

#sidebar li.sideT            {text-indent: 10px; font-size: 0.9em; color: #f91;}
#sidebar li.side1            {text-indent: 10px; font-size: 0.7em; color: #fff;}
#sidebar li.side2            {text-indent: 20px; font-size: 0.7em; color: #fff;}
#sidebar li.side3            {text-indent: 30px; font-size: 0.7em; color: #fff;}
#sidebar li.side4            {text-indent: 40px; font-size: 0.7em; color: #fff;}


/* Page */
/*-------------------------------------------------------------------------------------------------------------------*/

p.diagram                    {text-align: center; border: 0px;}

#page                        {position: relative; margin: 0px 0px 0px 207px; width: auto; height: 550px;
                              background: #fff url(../images/common/page_edge.png) repeat-y;}
html>body #page              {height: auto !important; min-height: 550px; margin-left: 210px;}

#titlebar                    {position: relative; margin-bottom: 10px; padding: 15px 20px 5px 20px;
                              border-bottom: 1px #ccc solid; background: #e8e8e8 url(../images/common/title_edge.png) repeat-y;}
#title                       {color: #2d5e78; font-size: 14pt; font-weight: bold; letter-spacing: 1pt;}

#help                        {position: absolute; bottom: 2px; right: 15px; display: none;}
#help a                      {font-size: 9pt;}

.align_right                 {text-align: right;}
.link_box a                  {background: #ccc; padding: 0px 2px; text-decoration: none!important; font-size: 8pt; font-weight: bold;
                              border-top:    #aaa 1px solid; border-right: #aaa 1px solid;
                              border-bottom: #666 1px solid; border-left:  #666 1px solid;}
.link_box a:hover            {background: #aaa; color: #a00 !important;}

.top                         {text-align: right;}
.top a                       {text-decoration: none!important;
                              font-size: 8pt; font-weight: bold; border: 0px;}
.top a:hover                 {color: #a00 !important;}

.clear                       {clear: both;}

/* Page Content */

/*html>body #femto             {width: 900px; margin: 0px;}*/

#femto_pts                   {background: #ddd; margin: 10px 0px; padding: 10px 0px;
                              border-top: #bbb 1px solid; border-right: #bbb 1px solid;
                              border-bottom: #666 1px solid; border-left: #666 1px solid;}
                                   
#femto_pts li                {font-size: 0.9em; margin: 0.1em 0px 0.1em 0px; color: #000;
                              list-style: url(../images/common/bullet_tick.png);}

#femtoforum                  {height: 140px; font-size: 9pt; text-align: justify; padding-top: 10px;}

#femtoforum img              {float: left; padding-left: 60px;}


/* Layout */
#content                     {border: 0px; margin: 0px; padding: 10px 20px 20px 20px; font-size: 10pt;}
#content h1,
#content h2,
#content h3                  {color: #008270; font-weight: bold; font-family: arial, helvetica, sans-serif;}
#content h4                  {color: #000; font-weight: bold;}

#content h1                  {font-size: 1.3em; border-bottom: 4px #2d5e78 solid; padding: 0px 0px 2px 0px;
                              margin: 1.5em 0px 0.5em 0px;}
#content h2                  {font-size: 1.1em; margin:  1.5em 0px 0.5em 0px;}
#content h3                  {font-size: 0.9em; padding: 0; margin:  1em 0px 0.5em 0px;}
#content h4                  {font-size: 0.9em; padding: 0; margin:  1em 0px 0.2em 0px;}
#content p                   {word-spacing: 0.2em; margin: 0px 0px 10px 0px;}
#content a                   {font-weight: normal; text-decoration: underline;}
#content a:hover             {color: #e00;}

#content ul                  {margin: 4px 0px 6px 34px; padding: 0px;}
html>body #content ul        {margin: 4px 0px 6px 30px; padding: 0px;}
#content ul ul               {margin: 4px 0px 4px 17px; padding: 0px;}
html>body #content ul ul     {margin: 4px 0px 4px 14px; padding: 0px;}
#content ol                  {margin: 4px 0px 6px 40px; padding: 0px;}
html>body #content ol        {margin: 4px 0px 6px 35px; padding: 0px;}
#content ol ol               {margin: 4px 0px 4px 26px; padding: 0px; list-style-type: lower-roman;}
html>body #content ol ol     {margin: 4px 0px 4px 22px; padding: 0px;}
#content ol ul               {margin: 4px 0px 4px 16px; padding: 0px;}
html>body #content ol ul     {margin: 4px 0px 4px 15px; padding: 0px;}
#content ul li,
#content ol li               {padding-bottom: 6px;}
#content ul a,
#content ol a                {color: #2d5e78;}
#content ul a:hover,
#content ol a:hover          {color: #e00;}
#content div.note p,
#content div.caution p,
#content div.followon p      {position: relative; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 25px;}
#content div.note p          {background: url(../images/icons/icon_note.gif) no-repeat;}
#content div.caution p       {background: url(../images/icons/icon_caution.gif) no-repeat;}

.icon                        {padding-left: 18px; text-indent: -18px;}
.figure p                    {padding-left: 36px}
.h_note                      {font-size: 0.8em;}
.list                        {margin: 10px 15px;}
.name                        {font-weight: bold;}
.function                    {text-indent: 10px;}
.name,
.phone,
.email                       {padding-top: 4px; padding-bottom: 4px;}
.function,
.mobile,
.email2                      {padding-bottom: 4px;}
.code_bold p,
.code p                      {white-space: pre; font-family: monospace;}
.code_bold p                 {font-weight: bold; color: #000; margin-top: 8px; margin-bottom: 2px;}
.code p                      {margin: 0px;}
.diagram                     {text-align: center;}
.diagram img                 {margin: 10px 0px 10px 0px;}
.diagram p                   {font-size: 0.8em; font-weight: bold; color: #009;}

/* Page Date */
#page #date                  {position: absolute; right: 20px; bottom: 4px; font-size: 7pt; font-weight: bold;
                              color: #666;}


/* Footer */
/*-------------------------------------------------------------------------------------------------------------------*/
#footer                      {position: static; clear: left; left: 1px; bottom: 1px; width: 100%; height: 45px;
                              background-color: #2d5e78;}

/* Contacts */

#contacts                    {position: relative; padding-top: 0px; height: 22px; border-top: #888 1px solid; border-bottom: #444 1px solid;
                              background: #ccc url(../images/common/navbar_gray.png); font-size: 8pt;}
#contleft                    {left: 0px; text-align: left; text-indent: 10px;}
#contright                   {right: 0px; text-align: right; padding-right: 10px;}
#contleft,
#contright                   {color: #222; position: absolute; padding-top: 4px;}
#contleft a,
#contright a                 {color: #2d5e78; font-weight: bold; text-decoration: underline;}
#contleft a:hover,
#contright a:hover           {color: #e00;}

/* Copyright */

#copyright                   {padding: 4px 0px; text-align: center;
                              color: #ddd; font-size: 8pt; font-weight: normal; letter-spacing: 3px; word-spacing: 1px;}


/*********************************************************************************************************************/
/*  Error */
/*********************************************************************************************************************/

table.error                  {width: 100%; margin-bottom: 5px; border: 2px red solid;}
table.error th,
table.error td               {padding-left: 4px; padding-top: 3px; padding-bottom: 3px;}
table.error td               {vertical-align: top;}
table.error th               {background-color: red; color: white;}