/*############################################################################*/
/*#                                                                          #*/
/*#   Copyright (C) 2008 Durk de Vries.                                      #*/
/*#   Copyright (C) 2009 Durk de Vries.                                      #*/
/*#   Copyright (C) 2010 Durk de Vries.                                      #*/
/*#                                                                          #*/
/*#   durkdevries@renovatiocms.com                                           #*/
/*#                                                                          #*/
/*#   ====================================================================   #*/
/*#                                                                          #*/
/*#   This file is part of RENOVATIO-CMS.                                    #*/
/*#                                                                          #*/
/*#   RENOVATIO-CMS is free software: you can redistribute it and/or         #*/
/*#   modify it under the terms of the GNU General Public License as         #*/
/*#   published by the Free Software Foundation, either version 3 of         #*/
/*#   the License, or (at your option) any later version.                    #*/
/*#                                                                          #*/
/*#   RENOVATIO-CMS is distributed in the hope that it will be useful,       #*/
/*#   but WITHOUT ANY WARRANTY; without even the implied warranty of         #*/
/*#   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the           #*/
/*#   GNU General Public License for more details.                           #*/
/*#                                                                          #*/
/*#   You should have received a copy of the                                 #*/
/*#   GNU General Public License along with RENOVATIO-CMS.                   #*/
/*#   If not, see <http://www.gnu.org/licenses/>.                            #*/
/*#                                                                          #*/
/*#                                                                          #*/
/*#                                                                          #*/
/*############################################################################*/

/*############################################################################*/
/*# RENOVATIO Skin css:                                           V 001.081  #*/
/*# For detailed documentation, visit http://www.renovatiocms.com/ !!        #*/
/*############################################################################*/

/*Color scheme & basics..
##############################################################################*/

  .color_a, .color_ah                  {background-color: #f0f0f7}
  .color_b, .color_bh                  {background-color: #f5f5fa}
  .color_c                             {background-color: #ffffff}
  .color_ah:hover, .color_bh:hover     {background-color: #ffffff}

  .color_d, .color_dh
 {border: 1px solid #8f8fbf;            background-color: #f0f0f7}
  .color_e, .color_eh
 {border: 1px solid #8f8fbf;            background-color: #f5f5fa}
  .color_f
 {border: 1px solid #8f8fbf;            background-color: #ffffff}
  .color_dh:hover, .color_eh:hover     {background-color: #ffffff}

  .pointer                             {cursor: url('images/pointer.cur'), pointer}

/*Page canvas..
==============================================================================*/

  html
 {font-family: 'Verdana', 'Bitstream Vera Sans', 'DejaVu Sans', 'Tahoma',
  'Geneva', 'Arial', 'Sans-serif'}

  body
 {margin: 0px;                          padding: 0px;
  overflow-x: auto;                     overflow-y: scroll;

  background-color: #990000;            background-image: url('images/background_01.png');
  background-position: top center}


  iframe
 {margin: 0px 0px 24px 0px;             padding: 0px;
  width: 100%;                          height: 0px;
  overflow: hidden}

  body.iframe
 {background-color: transparent;        background-image: none}

/*Popup elements..
##############################################################################*/

  div.pcontainer
 {position: absolute;                   visibility: hidden;
  z-index: 10;

  top: 0px;                             left: 0px;
  width: 100%;                          height: 100%;
  min-width: 950px;                     overflow: hidden}

  div.pbackground
 {height: 100%;                         background-image: url('images/black_25.png')}


  div.panchor
 {position: absolute;                   width: 548px}

/*============================================================================*/

  div.pshadow
 {padding: 1px;                         background-image: url('images/black_10.png')}


  div.pwindow1
 {padding: 3px;                         border: 1px solid #000000;
  background-color: #990000;            background-image: url('images/background_06.png');
  background-position: top center;      background-repeat: repeat-x}


  div.pwindow2
 {padding: 0px 16px 0px 16px;           border: 1px solid #000000;
  background-color: #f5f5fa;            background-image: url('images/background_07.png');
  background-position: bottom center;   background-repeat: repeat-x;
  overflow: hidden}

/*============================================================================*/

  p.pheader
 {margin: 0px 0px 4px 0px;              padding: 0px 8px 0px 8px;

  font-size: 11px;                      line-height: 16px;
  text-align: left;                     font-weight: bold;
  color: #f5f5fa;                       overflow: hidden}


  div.pclose, div.pclose-down
 {width: 24px;                          height: 16px;
  margin: -20px 0px 4px 510px;          cursor: url('images/pointer.cur'), pointer;
  background-position: top center;      background-image: url('images/close.png')}

  div.pclose:hover
 {background-position: center center}

  div.pclose-down
 {background-position: bottom center}


  div.pcheader
 {height: 30px;                         background-image: url('images/black_25.png');
  cursor: url('images/move.cur'), move}

  div.pcontour
 {position: absolute;                   visibility: hidden;
  width: 546px;                         border: 1px dotted #000000;
  border: 1px solid rgba(0,0,0,0.25)}


  div.pwindow2 div.content
 {margin: 0px;                          border-top: 16px solid transparent;
  border-bottom: 16px solid transparent}

/*Full-screen elements..
==============================================================================*/

  div.fcontainer
 {display: none;
  min-width: 950px;                     overflow: hidden}

  div.fcontainer div.content
 {margin: 0px;                          width: 100%}

/*Main elements..
##############################################################################*/

  table
 {margin: 0px;                          padding: 0px;
  border-collapse: collapse}

  td
 {margin: 0px;                          padding: 0px;
  vertical-align: top}

/*============================================================================*/

  div.bcontainer
 {display: block;
  min-width: 950px;                     overflow: hidden}


  center.bbackground
 {padding: 25px 0px 25px 0px;           background-image: url('images/background_02.png');
  background-position: top center;      background-repeat: repeat-x}


  div.tbackground1
 {width: 900px;
  background-color: #f5f5fa;            background-image: url('images/background_04.png');
  background-position: top center;      background-repeat: repeat-y}

  div.tbackground2
 {background-image: url('images/background_03.jpg');
  background-position: top center;      background-repeat: repeat-x}

/*============================================================================*/

  div.header
 {width: 900px;                         height: 150px;
  overflow: hidden;                     cursor: url('images/pointer.cur'), pointer}

  div.footer
 {width: 900px;                         height: 150px;
  overflow: hidden;

  background-image: url('images/background_05.jpg');
  background-position: bottom center;   background-repeat: repeat-x}

  div.sidebar2
 {width: 200px;                         height: 860px;
  overflow: hidden;

  background-image: url('images/sidebar_02.jpg');
  background-position: top center;   background-repeat: no-repeat}


  col.column
 {width: 200px}

  center.column
 {margin: 15px 0px 15px 0px;            width: 200px;
  overflow: hidden}

  col.content
 {width: 500px}

  div.content
 {margin: 60px 0px 60px 0px;            width: 500px;
  font-size: 11px;                      line-height: 16px;
  text-align: left;                     overflow: hidden}

/*============================================================================*/

  div.footer p, div.footer a
 {margin: 125px 0px 0px 0px;
  font-size: 10px;                      line-height: 15px;
  text-align: center;                   text-decoration: none;
  color: #101040}


  div.footer a
 {cursor: url('images/pointer.cur'), pointer}

  div.footer a:hover
 {text-decoration: underline;           color: #cc0000}

/*Main content elements..
##############################################################################*/

  div.content h1, div.content h2, div.content h3, div.content h4
 {margin: 0px 0px 8px 0px;              text-align: left;
  font-weight: normal;                  color: #660000}


  div.content h1
 {font-size: 20px;                      line-height: 25px;
  border-bottom: 2px solid #8f8fbf}

  div.content h2
 {font-size: 17px;                      line-height: 22px;
  border-bottom: 1px solid #8f8fbf}

  div.content h3, div.content h4
 {font-size: 14px;                      line-height: 19px}

/*============================================================================*/

  div.content p, div.content li, div.content td, div.content input, div.content select,
  body.iframe p, body.iframe li, body.iframe td, body.iframe input, body.iframe select
 {margin: 0px 0px 16px 0px;
  font-size: 11px;                      line-height: 16px;
  text-align: justify;                  color: #101040}


  div.content li, body.iframe li
 {margin: 0px 0px 0px 20px;             text-align: left;
  list-style-type: circle}

  div.content td, body.iframe td
 {margin: 0px;                          padding: 0px 16px 0px 0px}

  div.content center td, body.iframe center td
 {margin: 0px;                          padding: 0px 8px 0px 8px}

/*Input fields..
==============================================================================*/

  div.content form, body.iframe form
 {display: block;
  margin: 0px;                          padding: 0px}

  div.content input.text, div.content input.textl, div.content input.textxl,
  body.iframe input.text, body.iframe input.textl, body.iframe input.textxl
 {margin: 0px 4px 4px 4px;              padding: 2px 2px 2px 4px;
  text-align: left;                     color: #660000;
  font-family: 'Verdana', 'Bitstream Vera Sans', 'DejaVu Sans', 'Tahoma',
  'Geneva', 'Arial', 'Sans-serif';      width: 125px}

  div.content input.textl,
  body.iframe input.textl              {width: 250px}
  div.content input.textxl,
  body.iframe input.textxl             {width: 375px}


  div.content select, body.iframe select
 {margin: 0px 4px 4px 4px;              padding: 2px 2px 2px 4px;
  text-align: left;                     color: #660000;
  font-family: 'Verdana', 'Bitstream Vera Sans', 'DejaVu Sans', 'Tahoma',
  'Geneva', 'Arial', 'Sans-serif';      width: 135px}

  div.content input.button, body.iframe input.button
 {margin: 0px 4px 4px 4px;              padding: 2px 12px 2px 12px;
  text-align: center;                   font-weight: bold;
  font-family: 'Verdana', 'Bitstream Vera Sans', 'DejaVu Sans', 'Tahoma',
  'Geneva', 'Arial', 'Sans-serif';      color: #660000;
  cursor: url('images/pointer.cur'), pointer}

  div.content input.file, body.iframe input.file
 {margin: 0px 4px 4px 4px;              padding: 3px 3px 3px 6px;
  text-align: left;                     color: #660000;
  font-family: 'Verdana', 'Bitstream Vera Sans', 'DejaVu Sans', 'Tahoma',
  'Geneva', 'Arial', 'Sans-serif'}


  div.content textarea, body.iframe textarea
 {display: block;
  margin: 0px 0px 4px 0px;              padding: 0px;
  width: 498px;                         height: 220px;

  font-size: 11px;                      line-height: 16px;
  text-align: left;                     color: #660000;
  font-family: 'Verdana', 'Bitstream Vera Sans', 'DejaVu Sans', 'Tahoma',
  'Geneva', 'Arial', 'Sans-serif';

  border-width: 1px;                    border-style: solid}

  div.content input.checkbox,
  body.iframe input.checkbox           {margin: 4px}

  div.content div.text, div.content div.textl, div.content div.textxl,
  body.iframe div.text, body.iframe div.textl, body.iframe div.textxl
 {width: 125px;                         overflow: hidden}

  div.content div.textl,
  body.iframe div.textl                {width: 250px}
  div.content div.textxl,
  body.iframe div.textxl               {width: 375px}

  div.content div.progress, body.iframe div.progress
 {width: 0px;                           height: 16px;
  background-color: #660000;            background-image: url('images/background_06.png');
  background-position: top center;      background-repeat: repeat-x}

/*Tables..
==============================================================================*/

  div.content ul, div.content ol, div.content img, div.content table,
  body.iframe ul, body.iframe ol, body.iframe img, body.iframe table
 {margin: 0px 0px 24px 0px;             padding: 0px}

  div.content table.vertical
 {margin-left: 1px;                     border-left: 1px solid #8f8fbf}
  div.content table.vertical td
 {padding: 2px 8px 2px 8px;             border-right: 1px solid #8f8fbf}

  div.content table.horizontal
 {margin-top: 1px;                      border-top: 1px solid #8f8fbf}
  div.content table.horizontal td
 {padding: 2px 8px 2px 8px;             border-bottom: 1px solid #8f8fbf}

  div.content table.both
 {margin-left: 1px;                     margin-top: 1px;
  border-left: 1px solid #8f8fbf;       border-top: 1px solid #8f8fbf}
  div.content table.both td
 {padding: 2px 8px 2px 8px;
  border-right: 1px solid #8f8fbf;      border-bottom: 1px solid #8f8fbf}

  div.content table.none td
 {padding: 0px 16px 0px 0px;            border-width: 0px}

  div.content center table.none td
 {padding: 0px 8px 0px 8px;             border-width: 0px}

  div.content div table, div.content table ul, div.content table ol,
  body.iframe div table, body.iframe table ul, body.iframe table ol
 {margin: 0px;                          padding: 0px}

/*Images..
==============================================================================*/

  div.content img, body.iframe img
 {display: block;                       border: 1px solid #8f8fbf;
  max-width: 498px}

  div.content img.left, body.iframe img.left
 {float: left;
  margin: 8px 8px 8px 0px;              padding: 0px}

  div.content img.right, body.iframe img.right
 {float: right;
  margin: 8px 0px 8px 8px;              padding: 0px}

  div.content img.emoticon, body.iframe img.emoticon
 {display: inline;
  margin: 0px 2px 0px 2px;              padding: 0px;
  vertical-align: middle;               border-width: 0px;
  max-width: 500px}

  div.content img.form, body.iframe img.form
 {margin: 4px;                          max-width: 133px;
  cursor: url('images/pointer.cur'), pointer}

/*Miscellaneous..
==============================================================================*/

  div.content div.hr
 {margin: 0px 0px 16px 0px;             height: 1px;
  overflow: hidden;                     background-color: #8f8fbf}


  div.content div.q1
 {margin: 0px 0px 24px 0px;             padding: 16px 0px 0px 32px;
  border: 1px solid #8f8fbf;

  background-color: #f0f0f7;            background-image: url('images/quote_1.png');
  background-position: top left;        background-repeat: no-repeat}

  div.content div.q2
 {margin: 0px 0px 16px 0px;             padding: 0px 32px 16px 0px;

  font-size: 11px;                      line-height: 16px;
  text-align: justify;                  color: #660000;

  background-image: url('images/quote_2.png');
  background-position: bottom right;    background-repeat: no-repeat}


  div.content code
 {display: block;
  margin: 0px 0px 24px 0px;             padding: 8px 0px 8px 0px;

  font-family: 'Courier New', 'Nimbus Mono L', 'Monospace';
  font-size: 11px;                      line-height: 15px;
  text-align: left;                     color: #660000;
  white-space: pre;

  border: 1px solid #8f8fbf;
  background-color: #ffffff;            overflow: auto}


  div.content center table td.tab_open, div.content center table td.tab_close
 {width: 80px;                          padding: 2px 0px 2px 8px;
  font-weight: bold;                    color: #660000;

  border-width: 1px 1px 0px 1px;        border-style: solid;
  border-color: #660000;                background-color: #ffffff;

  cursor: url('images/pointer.cur'), pointer}

  div.content center table td.tab_close
 {color: #8f8fbf;                       border-color: #8f8fbf;
  border-bottom: 1px solid #660000;     background-color: #f5f5fa}

  div.content center table td.tab_space
 {width: 8px;                           padding: 0px;
  border-bottom: 1px solid #660000}

  div.content center table td.tab_empty
 {border-bottom: 1px solid #660000}

/*Link, bold & italic..
==============================================================================*/

  div.content a
 {text-decoration: underline;           cursor: url('images/pointer.cur'), pointer}

  div.content a:link                   {color: #660000}
  div.content a:hover                  {color: #cc0000}
  div.content a:visited,
  div.content a:active                 {color: #8f8fbf}

  div.content h1 a, div.content h2 a, div.content h3 a
 {text-decoration: none;                cursor: default}


  div.content b   {font-weight: bold;   color: #660000}
  div.content em  {font-style: normal;  color: #660000}

  div.content i
 {display: block;
  margin: -20px 0px 24px 20px;          padding: 0px;
  font-style: italic;                   color: #8f8fbf}

  div.content p i {display: inline;     margin: 0px}

/*Table of contents..
==============================================================================*/

  div.content div.tableofc
 {margin: 0px 0px 24px 0px}

  div.content div.tableofc h1, div.content div.tableofc h2, div.content div.tableofc h3
 {margin: 0px;                          padding: 0px;
  text-align: left;                     font-weight: normal;
  border-width: 0px}


  div.content div.tableofc h1 a
 {display: block;                       padding: 0px 0px 0px 10px;
  font-size: 17px;                      line-height: 22px;
  text-decoration: none;                border-bottom: 1px solid #8f8fbf}

  div.content div.tableofc h2 a
 {display: block;                       padding: 0px 0px 0px 20px;
  font-size: 14px;                      line-height: 19px;
  text-decoration: none}

  div.content div.tableofc h3 a
 {display: block;                       padding: 0px 0px 0px 30px;
  font-size: 11px;                      line-height: 16px;
  text-decoration: none}

/*============================================================================*/

  div.content div.tableofc h1 a:hover,
  div.content div.tableofc h2 a:hover,
  div.content div.tableofc h3 a:hover
 {color: #660000;                       background-color: #ffffff}

  div.content div.tableofc h1 a:visited, div.content div.tableofc h1 a:active,
  div.content div.tableofc h2 a:visited, div.content div.tableofc h2 a:active,
  div.content div.tableofc h3 a:visited, div.content div.tableofc h3 a:active
 {color: #660000}

/*Document details..
##############################################################################*/

  div.docdetails
 {margin: 48px 0px 125px 0px;           overflow: hidden;
  width: 500px;                         height: 20px}

  div.docdetails:hover
 {margin: 48px 0px 0px 0px;             height: 145px}

  div.docdetails p
 {text-align: left;                     color: #8f8fbf;
  border-bottom: 1px solid #8f8fbf}


  div.docdetails div.author
 {padding: 5px 5px 5px 13px;            background-image: url('images/button_mn_02.png');
  background-position: center;          background-repeat: no-repeat}

  div.docdetails div.author p
 {margin: 4px 0px 0px 0px;              width: 355px;
  font-size: 10px;                      line-height: 15px;

  color: #101040;                       border: 0px;
  white-space: nowrap;                  overflow: hidden}

/*============================================================================*/

  div.docdetails div.author table      {margin: 0px}
  div.docdetails div.author td         {padding: 0px}
  div.docdetails div.author img        {display: inline;    margin: 0px}
  div.docdetails div.author img.rank   {border-width: 0px}

/*Menu elements..
##############################################################################*/

  div.menuitem
 {margin: 4px 0px 0px 0px;              width: 162px;
  text-align: left;                     overflow: hidden}

  div.submenu
 {padding: 0px 0px 0px 8px;             width: 154px;
  text-align: left;                     overflow: hidden}

  div.menusep, div.submenusep
 {width: 162px;                         height: 24px;
  overflow: hidden}

  div.submenusep
 {height: 15px;}

/*============================================================================*/

  div.menuitem a, div.submenu a, div.menuitem b, div.submenu b
 {display: block;                       outline: none;
  padding: 0px 0px 0px 14px;

  font-size: 13px;                      line-height: 20px;
  font-weight: normal;                  text-decoration: none;

  white-space: nowrap;                  color: #660000;
  cursor: url('images/pointer.cur'), pointer}


  div.menuitem a, div.menuitem b
 {background-image: url('images/button_mn_00.png');
  background-position: center;          background-repeat: no-repeat}

  div.submenu a, div.submenu b
 {font-size: 10px;                      line-height: 15px}

  div.submenu b
 {background-image: url('images/minus.png');
  background-position: center left;     background-repeat: no-repeat}


  div.menuitem a:hover, div.menuitem b:hover
 {background-image: url('images/button_mn_01.png')}

  div.submenu a:hover, div.submenu b:hover
 {background-color: #ffffff}

  div.menuitem img.flag
 {display: block;                       border-width: 0px;
  width: 24px;                          height: 14px;
  margin: -17px 4px 3px 134px;          padding: 0px;}

/*Info elements..
==============================================================================*/

  div.infoitem
 {margin: 4px 0px 0px 0px;              overflow: hidden;
  width: 162px;                         height: 122px;
  text-align: left;                     background-image: url('images/button_mn_03.png');
  background-position: center;          background-repeat: no-repeat}

  div.infosep
 {width: 162px;                         height: 24px;
  overflow: hidden}

/*============================================================================*/

  div.infoitem h1, div.infoitem p
 {margin: 0px 0px 7px 14px;
  font-size: 13px;                      line-height: 20px;
  font-weight: normal;                  color: #660000}


  div.infoitem p
 {font-size: 10px;                      line-height: 15px;
  color: #101040}

  div.infoitem img
 {border: 1px solid #8f8fbf}

  div.infoitem img.rank                {border-width: 0px}

/*============================================================================*/

  div.infoitem a
 {text-decoration: underline;           cursor: url('images/pointer.cur'), pointer}

  div.infoitem a:link                  {color: #660000}
  div.infoitem a:hover                 {color: #cc0000}
  div.infoitem a:visited,
  div.infoitem a:active                {color: #8f8fbf}

  div.infoitem b  {font-weight: bold;   color: #660000}
  div.infoitem em {font-style: normal;  color: #660000}

/*Account properties..
==============================================================================*/

  div.accountprop
 {margin: 0px 14px 0px 14px;            height: 109px;
  overflow: hidden}

  div.accountprop:hover
 {height: auto}

  div.accountprop p
 {margin: 0px 0px 7px 0px;              white-space: nowrap}

  div.accountprop div.hr
 {margin: 0px 0px 7px 0px;              padding: 0px;
  height: 1px;                          overflow: hidden;
  background-color: #8f8fbf}

/*Editor elements..
##############################################################################*/

  center img.edbutton
 {display: inline;
  margin: 6px -2px 6px -2px;            padding: 0px;
  vertical-align: middle;               border-width: 0px;
  cursor: url('images/pointer.cur'), pointer}

  center td.ecbutton
 {margin: 0px;                          padding: 0px;
  width: 48px;                          height: 48px;

  cursor: url('images/pointer.cur'), pointer;
  background-position: center;          background-repeat: no-repeat;
  background-color: #f0f0f7}

  center td.ecbutton:hover
 {background-color: #ffffff}

/*============================================================================*/

  div.editorwindow
 {width: 100%;                          height: 260px;
  border-top: 1px solid #8f8fbf;        border-bottom: 1px solid #8f8fbf;
  background-image: url('images/editor/background_01.png')}

  div.editorwindow table.lineno
 {background-image: url('images/editor/background_02.png');
  background-position: top left}

  div.editorwindow div.editorpaper
 {background-image: url('images/editor/background_03.png');
  background-position: top left}

/*============================================================================*/

  div.codetext
 {margin: 0px 0px 24px 0px;             border: 1px solid #8f8fbf;
  background-image: url('images/editor/background_03.png');
  background-position: top left}

/*############################################################################*/
/*# For detailed documentation, visit http://www.renovatiocms.com/ !!        #*/
/*############################################################################*/