/**********************************************************/
/*                                                        */
/*                                                        */
/*   CSS Layout for .rodi.dk                              */
/*   Version 3.0                                          */
/*   Copyright(c) 2005-2008 by Jens Christian Rodi Hansen */
/*                                                        */
/*                                                        */
/**********************************************************/

html
{
  overflow: auto;
}

body
{
/*  behavior: url("_csshover.htc");*/
  overflow: auto;
  margin: 0px;
  text-align: center;
  background-image: url("images/back.png");
}

table
{
  border-width: 0;
  border-style: none;
  border-spacing: 0;
  border-collapse: collapse;
}

img
{
  border-style: none;
  border-width: 0;
}

p,h1,h2,h3,tr,td,th,li,
site\:icon,
site\:thumb,
site\:small,
site\:code,
site\:tag
{
  font-family: arial, helvetica, sans-serif;
  font-size: 13;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: left;
}

h1,h2,h3,th
{
  font-weight: bold;
}

h1
{
  font-size: 24;
  margin-bottom: 15;
}

h2
{
  font-size: 18;
  margin-top: 0;
  margin-bottom: 10;
}

h3
{
  font-size: 14;
  margin-top: 0;
  margin-bottom: 10;
}

th
{
  font-size: 14;
}

p
{
  margin-bottom: 15;
  text-align: justify;
}

li
{
  margin-top: 4;
}

a:link,
a:visited,
a:hover,
a:active
{
  text-decoration: none;
  border-style: none;
}

a:link   {color: #b76000;}
a:visited{color: #b76000;}
a:hover  {color: #e07600;}
a:active {color: #ff6600;}

.indent
{
  margin-left: 16;
  margin-right: 16;
}

/**********************************************************/
/*                                                        */
/* Contents table                                         */
/*                                                        */
/**********************************************************/

#frametable
{
  margin: 0px auto;
  text-align: left;
  background-image: url("images/back.png");
}

#frametable h1
{
  margin: 0px;
  padding: 10px;
}

#bannercell
{
  background-image: url("(set by php)");
  background-position: top center;
}

#footertable
{
  margin: 0px auto;
  text-align: left;
  background-image: url("images/bottome.png");
  background-repeat: repeat-x;
}
/*
#footertable tr
{
  vertical-align: top;
}
*/
#footertable td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 9;
  color: #808080;
}

#menutable td
{
  padding-left: 2px;
  padding-right: 2px;
}

#contenttable td
{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0px;
}

#contenttable h1
{
  padding: 0px;
  margin-bottom: 15px;
}


/**********************************************************/
/*                                                        */
/* Base css for tables used inside contenttable           */
/*                                                        */
/**********************************************************/

#table, #table tr, #table td, #table th,
#tableindent, #tableindent tr, #tableindent td, #tableindent th,
#tableframe, #tableframe tr, #tableframe td, #tableframe th,
#tablemap, #tablemap tr, #tablemap td, #tablemap th,
#tabledoc, #tabledoc tr, #tabledoc td, #tabledoc th,
#tablebullet, #tablebullet tr, #tablebullet td, #tablebullet th,
#tableicons, #tableicons tr, #tableicons td, #tableicons th
{
  margin: 0px;
  padding: 0px;
}

#table th{padding-bottom: 8px;}
#table td{padding-bottom: 2px;}

#tableindent td
{
  padding-left: 0px;
  padding-right: 16px;
  padding-bottom: 2px;
}

#tableframe{background-image: url("images/frame-back.gif");}
#tableframe td{font-size: 12;}
#tableframe p{font-size: 12;}

#tablemap td{font-size: 10;}

#tabledoc tr{vertical-align: top;}

#tablebullet th{padding-bottom: 8px;}
#tablebullet td
{
  font-size: 12;
  padding-bottom: 2px;
}

#tableicons td
{
  font-size: 12;
  padding-bottom: 2px;
  text-align: center;
}

#tableicons span
{
  font-size: 15;
  font-weight: bold;
  display: block;
  padding-top: 8px;
}


/**********************************************************/
/*                                                        */
/* Layout for pane-tables                                 */
/*                                                        */
/**********************************************************/

#panecontainer
{
}

#panecontainer tr,
#panecontainer td,
#panecontainer th
{
  font-size: 12;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}

#panecontainer th{color:#ffffff;}
#panecontainer td{color:#000000;}

#pane
#pane tr,
#pane td,
#pane th,
#pane p
{
  padding: 0px;
  margin: 0px;
}



/* Other layouts */

site\:icon
{
  font-size: 11;
  margin-left: 8;
  margin-right: 8;
  text-align: center;
  display: block;
}

site\:thumb
{
  font-size: 11;
  text-align: center;
  display: block;
  cursor: pointer;
}

site\:small
{
  font-size: 10;
  text-align: justify;
  display: block;
}

site\:code
{
  font-family: courier new, serif;
  font-size: 11;
  text-align: left;
  display: block;
  background-color: #fcfcfc;
  border: 1px #aaa solid;
  margin: 0px;
  padding: 12px;
}

site\:gray
{
  color: #c0c0c0;
  text-align: justify;
  display: block;
}

site\:icon img
{
  margin-bottom: 8;
}

#thumbinfo
{
  background-color: #b78a58;
}

#thumbtext
{
  font-size: 11;
  text-align: center;
  color: #ffffff;
  margin: 0;
  padding: 0;
  padding-top: 2;
  padding-left: 4;
  padding-right: 4;
  white-space: nowrap;
  overflow: hidden;
  width: 182px;
}

site\:thumb:hover #thumbtext,
#thumbtext:hover
{
  color: #ffcc94;
}

#thumbstat
{
  font-size: 11;
  text-align: right;
  color: #d0d0d0;
  margin: 0;
  padding: 0;
  padding-left: 4;
  padding-right: 4;
  width: 182px;
}

#thumbyear
{
  font-size: 32;
  font-weight: bold;
  padding-left: 4px;
  color: #dcdbcd;
}

site\:small img
{
  margin-left: 4;
}

site\:tag
{
  font-size: 0.7em;
  font-weight: bold;
  color: #ffffff;
  background-color: #ff0000;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 6px;
}

/**********************************************************/
/*                                                        */
/* Form styling                                           */
/*                                                        */
/* Note: "! important" is included to eliminate Google    */
/*       toolbar style changes...                         */
/*                                                        */
/**********************************************************/

input, textarea, select
{
  font-family: arial, helvetica, sans-serif;
  font-size: 13;
  border-style: solid;
  border-width: 1;
  border-color: #dddccc;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 5px;
  background: #fffef8 ! important
}

#paypal form,
#paypal input
{
  border-style: none;
  border-width: 0;
  padding: 0px;
  margin: 0px;
  background: #fffef8 ! important
}

#paypal input
{
  padding-top: 8px;
}


/**********************************************************/
/*                                                        */
/* Tabs styling                                           */
/*                                                        */
/**********************************************************/

#tabscontainer
{
  width: 844px;         /* Changed by php later */
  height: 20px;        /* Changed by php later */
  overflow: hidden;
}

#tabscontent
{
  position: relative;
  height: 10px;        /* Changed by php later */
}

#tabsbutton
{
  width: 15px;
  height: 17px;
  cursor: pointer;
}

#tabsitemnrm, #tabsitemsel
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12;
  font-weight: bold;
}

#tabsitemnrm
{
  padding-top: 4px;
  cursor: pointer;
}

#tabsitemsel
{
  padding-top: 3px;
  color: #ffffff;
  cursor: default;
}


#visitstab td
{
  padding: 0px;
  cursor: default;
}

#visitsrow td
{
  padding-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px; 
  background-color: #f0e1d1;
}


div.prompt-window
{
  position: absolute;
  z-index: 101;
  top: 30%;
  left: 50%;
  width: 400px;
  margin-top: -60px;
  margin-left: -205px;
  background: #eee;
  border: 1px solid #666059;
  border-top: 5px solid #666059;
  border-bottom: 5px solid #666059;
  padding: 5px 10px 5px 10px;
}


div.prompt-window-textarea
{
  position: absolute;
  z-index: 101;
  top: 30%;
  left: 50%;
  height: 140px;
  width: 300px;
  margin-top: -75px;
  margin-left: -155px;
  background: #f00;
  border: 1px solid #666059;
  border-top: 5px solid #666059;
  border-bottom: 5px solid #666059;
  padding: 5px 10px 5px 10px;
}

div.alert-window
{
  position: absolute;
  z-index: 101;
  top: 30%;
  left: 50%;
  height: 100px;
  width: 300px;
  margin-top: -55px;
  margin-left: -155px;
  background: #eee;
  border: 1px solid #09f;
  border-top: 5px solid #09f;
  border-bottom: 5px solid #09f;
  padding: 5px 5px 5px 10px;
}

div.prompt-window p
{
  margin: 0;
  padding: 0;
}

div.prompt-window form
{
  margin: 0;
  padding: 0;
}