BODY
{
	background-color: #CCCBC6;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
}

BODY, TD, H1, SELECT, INPUT, A
{
	font-family: 'Segoe UI', Verdana;
	font-size: 11pt;
	font-weight: normal;
	color: #666666;
}
h1
{
	color: #FF6600;
	font-family: 'Segoe UI Light', Georgia;
	font-size: 22pt;
	font-weight: normal;
	padding: 6px 0px 5px 0px;
	margin: 0;
}

H2
{
	font-weight: bold;
  margin: 10px 0px 0px 0px;
}

H2 + P {
  margin: 0px;
}

h3
{
	display: block;
	color: #666666;
	font-family: 'Segoe UI Light', Georgia;
	font-weight: normal;	
	border-bottom: 1px solid #D7D7D7; 
	font-size: 14pt;
	
}

p
{
	line-height: 1.7em;
}

.codeblock
{
	clear:both;
	float:left;
	width:100%;
	overflow-x: auto;
	margin:10px 0;
	border:1px solid #ccc;
	padding:20px 0;
	color:#333;
	background-color:#D7D7D7;
	font-family:courier;
	font-size:1em;
}


ul.arrowStyle
{
	list-style-type:none;
  padding:0px;
  margin:0px;
}

li.arrowStyle
{
	background-image:url(/images/arrow.gif);
  background-repeat:no-repeat;
  background-position:0px 4px;
  padding-left:17px; 
  padding-bottom: 4px;
}
A.arrowStyle
{
  background-image:url(/images/arrow.gif);
  background-repeat:no-repeat;
  background-position:0px 4px;
  padding-left:17px; 
  padding-bottom: 4px;
}

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

HR {
  border: 1px solid #666666;
}

SELECT, INPUT
{
	color: black;
}

A, .spanlink 
{
  color: #ff6600; 
  text-decoration: none;
}
A:hover, .topmenu A:hover, .externalmenu A:hover, .header A:hover
{
  text-decoration: underline;
}

A.restricted, .restricted2 {
  background-image: url(/images/lock.png);
  background-position: left;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 20px;
}

.topmenu A
{
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 22px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: 20%;
}

.leftmenu A
{
	font-size: 10pt;
	color: #FF6600;
	text-decoration: none;
	display: block;
  background-image:url(/images/arrow.gif);
  background-repeat:no-repeat;
  background-position:0px 7px;
  padding-left:17px; 
	padding-top: 5px;
	padding-bottom: 5px;
}

TD .leftmenu
{
	/*background-color: #D7D7D7	; */
	border: 1px solid #D7D7D7;
	padding-left: 3px;
	
}

TD .leftmenu:hover 
{
	background-color: #FF6600;
	color: white;
}

TD .leftmenu_header
{
	background-color: #FF6600;
	color: white;		
	font-size: 9pt;
	padding-top: 5px;
	padding-bottom: 5px;		
}

.leftmenu A:hover 
{
	color: white;
	background-image:url(/images/arrow_white.gif);
}

.externalmenu A
{
	font-size: 9pt;
	color: #A69A8E;
	text-decoration: none;
	font-weight: bold;
}


.menu_bg 
{
	background-color: white;
	
	height: 728px;
	width: 152px;
}

.main_box
{
	height: 728px;
}

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

#button {
  text-align: right;
  vertical-align: middle;
}

.button_bg 
{
	background-image: url(../images/button_bg.jpg);
	background-repeat: repeat-x;
	height: 26px;
}

.bg_up 
{
	background-image: url(../images/up.jpg);
	background-repeat: no-repeat;
	height: 16px;
	width: 1024px;
}

.bg_middle 
{
	background-image: url(../images/middle.jpg);
	width: 1024px;
}

.page_footer 
{
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 1024px;
  text-align: center;
  color: #B2B2B2;
  padding-top: 20px;
}

.bg_color 
{
	background-color: #c7c7c7;
}

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

/**
* Table layout new
*/
TABLE.table_list
{
	border-collapse:collapse;
	border: 1px solid #D7D7D7;
	
}

TD.sub_list, TD.sub_list_center, TD.sub_list_actions, TD.sub_list_right, TD.sub_list_checkbox {
  padding: 3px 3px 3px 3px;
  vertical-align: top;
  height: 20px;
	border-bottom: 1px solid #D7D7D7;
	border-left: 0px solid #D7D7D7;
	border-right: 0px solid #D7D7D7;
	

}

TD.sub_list_center
{
	text-align: center;
}

TD.sub_list_right
{
	text-align: right;
}

TD.sub_list_actions {
  white-space: nowrap;
}

TR.sub_list:hover
{
	background-color: #D7D7D7;
}

TD.sub_list_notification {
  font-style: italic;
  text-align: center;
  height: 20px;
}

TD.sub_list_checkbox {
  width: 16px;
}


/**
 * Table layout.
 */

TH.header, TH.header_right, TH.header_center, TH.header_checkbox {
	padding: 5px 5px 5px 5px;
	background-color: #FF6600;
	color: white; 
	font-weight: bold;
  text-align: left;
  vertical-align: top;
	font-size: 10pt;
	
}
TH a {
	font-size: 10pt;	
}
TH.header_checkbox, TD.sub_checkbox {
  width: 16px;
}
TH.header_right { 
	text-align: right;
}
TH.header_center, TD.sub_center, TD.sub_center_bottom {
  text-align: center;
}
TD.sub, TD.sub_right, TD.sub_center, TD.sub_checkbox, TD.sub_actions, TD.sub_odd {
  padding: 1px 2px 1px 2px;
	background-color: #D7D7D7;
  vertical-align: top;
  height: 20px;
}

TD.sub_odd
{
	background-color: #E5E5E5;
}
TD.sub_right { 
	text-align: right;
  height: 20px;
}
TD.sub_actions {
  white-space: nowrap;
}
TD.footer, TD.footer_right {
  padding: 1px 2px 1px 2px;
  background-color: #CCCBC6;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  height: 20px;
}
TD.footer_right {
  text-align: right;
}
TD.header A, TH.header A
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

/* end table layout */

.half_n_half {
  width: 50%;
}
.editor_attribute {
  width: 35%;
}
.editor_value {
  width: 65%;
}
pre  {
	background-color: #eeeeee;
	font-size: 12px;
	padding-left : 5px;
	margin-left: 3px;
	width: 500px;
	margin-right: 3px;
	color: inherit;
	border: 1px solid gray;
	overflow: scroll;
}
.raised
{
	vertical-align: top; 
	font-size: 6px;  
	font-weight: bold;
}
.notification {
  font-style: italic;
  text-align: center;
  background-color: #D7D7D7;
  height: 20px;
}

/**
 * Messages
 */
#error_message {
  border: 3px solid #C54B02;
  background-image: url(../images/fadedorange.png);
  background-repeat: repeat-x;
  background-color: #FF6600;
  padding: 3px;
  color: #FFFFFF;
}
#system_message {
  border: 3px solid #00BB00;
  background-image: url(../images/fadedgreen.png);
  background-repeat: repeat-x;
  background-color: #00FF00;
  padding: 3px;
  color: #000000;
}

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

/**
 * Steps
 */
.inactive_step {
  width: 80px;
  height: 20px;
  background-image: url(../images/inactivestep.png);
  background-repeat: no-repeat;
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
}
.active_step {
  width: 80px;
  height: 20px;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bolder;
  background-image: url(../images/activestep.png);
  background-repeat: no-repeat;
  text-align: center;
  white-space: nowrap;
}
.steptext {
  font-size: 11px;
}

/**
 * Email (on the website)
 */
#email_html, #email_plain {
  border: 1px solid #C7C7C7;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

#notification {
  font-style: oblique;
}

div.progressbar {
  background-color: #FF6600;
}

#campsMessageContainer {
  padding: 5px;
  border: 1px solid black;
  width: 40%;
  white-space: nowrap;
}

.cart {
  width: 100%;
}

.cart_header {
  text-align: left;
}

.cart_bottom {
  text-align: right;
  padding-top: 5px;
}

.cart_link {
  padding: 0px 5px 0px 5px;
}

.prefix {
  padding-right: 10px;
  font-family: monospace;
}

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

.parametertext {
  float: left;
}

.example {
  border: 1px dashed #FF6600;
  padding: 3px;
  font-family: monospace;
}

.neutral a {
  font: normal;
  color: blue;
  text-decoration: underline;
}

.max {
  width: 90%;
}

/* Starbox.css 
   Part of http://www.nickstakenburg.com/projects/starbox/
*/

.starbox .default { background: #cccccc; }
.starbox .default .colorbar { background: #1e90ff; }
.starbox .default .hover .colorbar { background: #ffcc1c; }

.starbox .dotted { background: url(default_dotted_background.gif) top left repeat-x; }
.starbox .dotted .colorbar { background: #000000; }

.supportLink 
{
	font-size: 20px;
}

/*
 * New form layout
 */

.inputBox
{
	font-size: 14px; 
	padding: 5px 5px 5px 5px;
	width: 200px; 
	border: solid 1px #D7D7D7;
	
}

.inputTextarea
{
	font-size: 14px; 
	padding: 5px 5px 5px 5px;
	border: solid 1px #D7D7D7;
	
}

.inputSelect
{
	font-size: 14px; 
	padding: 5px 5px 5px 2px;
	width: 212px; 
	border: solid 1px #D7D7D7;
	
}

input.inputBox:focus, input.inputBox:hover
{
	border: solid 1px #FF6600;
}
input.inputTextarea:focus, input.inputTextarea:hover
{
	border: solid 1px #FF6600;
}

.inputSubmit
{
	padding: 5px 5px 5px 5px;
}

TD .label
{
	text-align: right;
	font-weight: normal;
	vertical-align: middle;
	font-size: 12pt;
}

.link_description
{
	padding:5px 0px 10px 17px;
	margin: 0px; 
}