/** ----- General layout ----- **/

BODY
{
  margin: 0px;
  padding: 0px;
  color: #00345C;
  background-color: #808080;
  background-image: url('/images/maincolumn_back.png');
  background-repeat: repeat-y;
  background-position: center;
}

.frontpage
{
  background-image: url('/images/maincolumn_back_frontpage.png');
  background-repeat: repeat-y;
  background-position: center;
}

BODY, TD, H1, SELECT, INPUT, A
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #00345C;
}

IMG
{
  border-style: none;
  vertical-align: text-bottom;
}

HR
{
  clear: both;
  border: 1px solid #666666;
  margin: 10px;
}

SELECT, INPUT
{
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #00345C;
  width: 200px;
  margin: 0px;
  padding: 4px;
  border: 1px solid #C9DB27;
  background-color: transparent;
}

TEXTAREA
{
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  width: 200px;
  margin: 0px;
  padding: 4px;
  background-color: transparent;
  border: 1px solid #C9DB27;
}

.note
{
  position: relative;
  top: -4px;
  font-size: 8pt;
  padding: 0px 2px;
}

CODE
{
  display: block;
  border: 1px solid #C9DB27;
  background-color: transparent;
  color: #000;
  margin: 5px 0px;
  padding: 10px;
  width: 75%;
  overflow: visible;
  float: left;
}

.footnote
{
  font-family: monospace;
}

.navigator
{
  text-align: center;
  padding: 5px;
  margin: 5px;
}

.required
{
  font-family: monospace;
  padding: 0px 5px;
  font-size: 2em;
  vertical-align: middle;
}

.emphasis
{
  color: #00FF00;
}

/** ----- Code ----- **/

.codecontainer
{
  float: left;
  width: 100%;
}

.codetext
{
  margin: 5px 0px;
  padding: 5px;
  width: 20%;
  float: left;
}

.codereplacement
{
  margin: 5px 0px;
  padding: 5px;
  width: 75%;
  float: left;
}

/** ----- Links ----- **/

A, .spanlink 
{
  color: #ff6600;
  text-decoration: none;
}

A:hover, .topmenu A:hover, .leftmenu A:hover, .externalmenu A:hover
{
  text-decoration: underline;
}

.line 
{
	background-color: #000000;
	width: 3px;
}

.spanlink
{
	cursor: hand;
	cursor: pointer;
}

/** ----- Table layout ----- **/

.display_table
{
  width: 100%;
  border: 1px solid #C9DB27;
}

.display_table > THEAD > TR > TH
{
  padding: 1px 2px 1px 2px;
	background-color: #CCCBC6;
  color: #00345C;
  text-align: left;
  vertical-align: top;
  height: 20px;
}

.display_table > TBODY > TR > TD
{
  padding: 1px 2px 1px 2px;
	background-color: transparent;
  vertical-align: top;
  height: 20px;
  border-bottom: 1px solid #F0F0F0;
}

TD.footer, TD.footer_right {
  padding: 1px 2px 1px 2px;
  background-color: #CCCBC6;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  height: 20px;
}

CAPTION
{
  caption-side: bottom;
  text-align: right;
  padding-top: 2px;
}

.half_n_half
{
  width: 50%;
}

.icon
{
  width: 16px;
}                          

.empty_result
{
  text-align: center;
  font-style: italic;
}

.thumbnail
{
  text-align: center;
  width: 100px;
}

.number
{
  text-align: right !important;
}

.summary
{
  background-color: #BBB;
}

#payments_area
{
  clear: both;
  padding: 20px 0px;
}

.no_results
{
  text-align: center;
  font-style: italic;
}

/** ----- Messages ----- **/

#error_message
{
  border: 3px solid #C54B02;
  background-color: #FF6600;
  padding: 3px;
  color: #000000;
}

#system_message
{
  border: 3px solid #00BB00;
  background-color: #00FF00;
  padding: 3px;
  color: #000000;
}

#close_button
{
  float: left;
  padding-right: 10px;
}

/** ----- AJAX styles ----- **/

#indicator
{
  width: 526px;
  height: 40px;
  background: url(../images/indicator.gif) no-repeat 0 0;
  background-position: right;
}

/** ----- Headlines ----- **/

H2
{
  clear: both;
  font-weight: bold;
  font-size: 1.2em;
  padding: 10px 0px 0px 0px;
  border-bottom: 1px solid #666666;
}

/** ----- Forms ----- **/

.button
{
  text-align: center;
  width: 150px;
  height: 20px;
  background-image: url('../images/button.png');
  background-repeat: no-repeat;
  border: none;
  padding: 2px 5px;
  color: #000000;
}

/** ----- Form layout ----- **/

#narrowarea .form_entry, #narrowarea .form_group
{
  padding-left: 0px;
}

.form_entry
{
  float: left;
  width: 98%;
  padding: 4px;
  clear: both;
}

.form_group
{
  padding: 5px 0px;
}

.entry_name
{
  float: left;
  width: 45%;
  text-align: right;
  padding: 0px 10px;
}

.entry_value
{
  float: left;
  width: 45%;
  text-align: left;
  padding: 0px 10px;
}

.form_buttons
{
  text-align: center;
  padding: 5px 0px;
}

.spacer
{
  clear: both;
  height: 10px;
}

.checkbox
{
  width: auto;
  margin: 5px 5px 0px 0px;
  vertical-align: text-bottom;
}

.select
{
  width: 210px;
  height: 24px;
}

.datetime
{
  width: auto;
}

.file
{
  width: auto;
}

#loginbox
{
  width: 400px;
  height: 150px;
  background-image: url('../images/loginbox.png');
  background-repeat: no-repeat;
  margin: 10px auto;
}

#boxheadline, .boxheadline
{
  height: 20px;
  color: #000000;
  padding: 2px 2px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

#boxcontents, .boxcontents
{
  padding: 5px;
}

#boxcontents .display_entry
{
  width: 380px;
}

#boxcontents .display_entry > .display_name
{
  width: 150px;
}

#boxcontents .display_entry > .display_value
{
  width: 150px;
}

/** ----- Data display layout ----- **/

.display_entry
{
  float: left;
  width: 100%;
  padding: 2px;
}

.display_group
{
  padding: 0px;
}

.display_name
{
  float: left;
  width: 45%;
  text-align: right;
  padding: 0px 10px;
}

.display_value
{
  float: left;
  width: 45%;
  text-align: left;
  padding: 0px 10px;
}

.endofgroup
{
  clear: both;
}

/** ----- Comparison display layout ----- **/

.compare_entry
{
  float: left;
  width: 600px;
  padding: 2px;
}

.compare_group
{
  padding: 0px;
}

.compare_name
{
  float: left;
  width: 200px;
  font-weight: bold;
}

.compare_value
{
  float: left;
  width: 200px;
}

.compare_unchanged
{
  background-color: transparent;
}

.compare_changed
{
  border-bottom: 1px dashed #ff6600;
}

/** ----- Listed users ------ **/

#list_area
{
  float: left;
  width: 100%;
}

#unlisted_users
{
  width: 40%;
  float: left;
  border: 1px solid #000;
}

#listed_users
{
  width: 40%;
  float: right;
  border: 1px solid #000;
}

.user
{
  width: 95%;
  padding: 3px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
}

.user_name
{
  float: left;
  padding: 2px;
  margin: 0px;
}

.user_link
{
  float: right;
  padding: 2px;
  margin: 0px;
}

.user_link a
{
  display: block;
  text-align: center;
  width: 18px;
  height: 18px;
  border: 1px solid transparent;
}

.user_link a:hover
{
  border: 1px solid #BBB;
}

.linkmenu
{
  padding: 0px;
}

.linkmenu UL
{
  float: left;
  margin-left: 0px;
  padding: 10px;
}

.linkmenu UL LI
{
}

/**
 ********** The new layout **********
 **/
 
/**
 * Headlines
 **/
 
H1
{
  font-size: 2em;
  color: #00345C;
  padding: 5px 0px 0px 0px;
  margin: 0px;
}
 
#back
{
  background-color: #808080;
}

#maincolumn
{
  width: 850px;
  margin: 0px auto;
  background-color: #808080;
  background-image: url('/images/maincolumn_back.png');
  background-repeat: repeat-y;
}

#column
{
  margin: 10px;
  padding: 10px 40px;
  background-image: url('/images/watermark.png');
  background-position: center;
  background-repeat: no-repeat;
}

#mainheader
{
  height: 90px;
  border-bottom: 3px solid #C9DB27;
  position: relative;
}

#headerleft
{
  float: left;
}

#headerright
{
  float: right;
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin-bottom: 10px;
}

#mainfooter
{
  border-top: 3px solid #C9DB27;
  height: 30px;
  padding: 5px 0px;
  margin: 50px 0px 10px 0px;
  position: relative;
  font-size: 9px;
}

#footerleft
{
  float: left;
}

#footerright
{
  float: right;
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: 5px;
}

#mainfooter A, #mainfooter A:active, #mainfooter A:hover
{
  font-size: 9px;
  color: #C9DB27;
}

#mainfooter A:hover
{
  text-decoration: underline;
}

/**
 * Menu box
 **/

#menubox
{
  background-image: url('/images/menu-top.png');
  background-repeat: no-repeat;
  background-position: top;
  width: 186px;
  padding: 10px 5px 0px 5px;
  margin: 10px 10px 10px 0px;
  float: left;
}

#menubox-bottom
{
  background-image: url('/images/menu-bottom.png');
  background-repeat: no-repeat;
  background-position: bottom;
  height: 15px;
  width: 186px;
  padding: 0px;
}

#menubox > UL
{
  margin: 0px;
  padding: 0px 0px 0px 25px;
}

#menubox > UL > LI
{
  padding: 2px;
  margin: 0px;
}

/**
 * The narrow area next to the menu box
 **/

#narrowarea
{
  width: 500px;
  float: left;
  margin: 10px 10px 10px 0px;
} 

#widearea
{
  clear: both;
}

/**
 * Campaign boxes
 **/

.campaignbox
{
  width: 755px;
  height: 90px;
  background-image: url('/images/campaignbox-top.png');
  background-repeat: no-repeat;
  background-position: top;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}

.campaignbox-bottom
{
  height: 86px;
  padding: 2px 10px 2px 14px;
  margin: 0px;
  background-image: url('/images/campaignbox-bottom.png');
  background-repeat: no-repeat;
  background-position: bottom;
}

.campaignbox-image
{
  float: left;
  width: 100px;
  height: 84px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #00345C;
}

.campaignbox-text
{
  float: left;
  width: 550px;
  height: 90px;
  color: #00345C;
  margin: 0px;
  padding: 0px 20px;
}

.campaignbox-number
{
  float: left;
  width: 10px;
  height: 70px;
  font-size: 4em;
  vertical-align: middle;
  margin: 0px;
  padding: 10px 2px;
  color: #00345C;
}

.campaignbox-menu
{
  padding-top: 5px;
}

.campaign-name
{
  font-size: 1.5em;
}

/**
 * Info boxes.
 */
 
.infobox
{
  width: 245px;
  height: 150px;
  background-image: url('../images/infobox.png');
  background-repeat: no-repeat;
  background-position: top;
  float: left;
  margin: 2px;
}

.progressbar
{
  border: 1px solid #C9DB27;
  height: 18px;
  width: 100px;
  margin: 2px auto;
}

.progress
{
  background-color: #C9DB27;
  text-align: center;
  height: 12px;
  margin-bottom: 1px;
  color: #000000;
  font-size: 0.8em;
  padding: 2px;
  border: 1px solid #000000;
}

/**
 * News boxes.
 */
 
.newsbox
{
  width: 750px;
  padding: 0px;
  margin: 10px 0px;
  float: left;
}

.newsboxtop
{
  background-image: url('../images/newsbox_top.png');
  background-repeat: no-repeat;
  height: 20px;
  color: #000000;
  padding: 5px 10px;
  font-weight: bold;
}

.newsboxmiddle
{
  background-image: url('../images/newsbox_middle.png');
  #background-color: white;
  background-repeat: repeat-y;
  padding: 10px;
}

.newsboxbottom
{
  background-image: url('../images/newsbox_bottom.png');
  background-repeat: no-repeat;
  height: 20px;
}

.newsboxfooter
{
  font-size: 9px;
  padding: 0px 10px;
}

.statsubject
{
	text-align: left !important;
	width: 40% !important;
}

.statitem
{
	width: 15% !important;
	text-align: right !important;
}

.statsummary
{
	font-weight: bold;
}

.error
{
	color: #FF0000;
}