html,body
{
	margin: 0px;
	height: 100%;
}

body
{
	background-image: url(../images/body.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body.tour
{
	background-image: none;	
}

#container
{
   height: auto !important;
   height: 100%;
   min-height: 100%;
}


#header_background
{
	background-image: url(../images/header_background.jpg);
	background-position: top left;
	background-repeat:repeat-x;	
}

#header
{
	background-image: url(../images/header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 102px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#footer
{
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	line-height: 30px;
	text-align:center;
	padding-right: 250px;
	color:#999;
	vertical-align: top;
}

#footer a
{
	color: #999;	
}

body.message
{
	background-image: none;
}

#topmenu
{
	margin-left: 730px;
	padding-top: 5px;
}

#topmenu span
{
	color: #ffffff;
	font-size: 12px;
}

#topmenu span.middle
{
	margin: 0px 60px 0px 60px;
}

#topmenu a:link, #topmenu a:visited
{
	text-decoration: none;
	color:#ffffff;
}

#topmenu a:hover
{
	text-decoration: underline;
}

#menu
{
	width: 980px;
	background-color: #ffffff;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#menu div.item, #submenu div.item
{
	padding: 8px 18px 8px 18px;
	float: left;
}

#menu div.item a
{
	text-transform: uppercase;	
}

#menu div.item a, #submenu div.item a
{
	font-family: Arial, Tahoma, Verdana;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color:#333333;
}



#submenu div.item a
{
	color: #FFFFFF;
}

#menu div.item a:hover, #submenu div.item a:hover
{
	text-decoration:underline;
}

#menu div.active
{
	background-color: #99bfcc;
}

#menu div.active a
{
	color: #ffffff;
	font-weight: bold;
}

#submenu div.active a
{
	text-decoration: underline;
}

#submenu
{
	background-color: #99bfcc;
	margin-right: 2px;
	border-bottom: 1px solid #B2B2B2;
}

#my_vf
{
	float: left;	
}
#my_vf div.active
{
	background-color:#FF8F59;	
}


#my_vf div.item
{
	/*background-color:#FF8F59;*/

}

#my_vf div.item a
{
	color:#ff7336;	
}



#my_vf div.active a
{
	color:#FFF;
}

#my_vf_sub 
{
	background-color:#FF8F59;
}




#frame
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#left
{
	width: 730px;
	float: left;
}



#tabs
{
	width: 692px;
	height: 180px;
	padding: 18px 18px 22px 18px;
	margin-right: 2px;
	background-color: #99bfcc;
}

#blue
{
	width: 692px;
	padding: 18px 18px 22px 18px;
	margin-right: 2px;
	background-color: #99bfcc;
}

body.full_width
{
	background-image: none;
}
#full_width_frame
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#full_width_frame .top
{
	background-color: #99bfcc;
	padding: 18px;
	color:#FFF;
}

#full_width_frame .top_main
{
	font-size: 20px;
	color:#FFF;
	font-weight: bold;
	margin-bottom: 10px;
}

#full_width_frame .top_sub
{
	font-size: 12px;
	font-style: italic;
	color:#00617E;
}

#full_width_frame div.form_guide
{
	margin-bottom: 24px;
	margin-left: 18px;	
}

#full_width_frame #content
{
	margin-left: 18px;
}

.step
{
	float: left;
	background-image: url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:right 2px;
	padding: 1px 30px 1px 0px;
	margin-right: 8px;
}

.step_last
{
	background-image: none;
	margin-right:0px;
}

.step_active
{
		font-weight: bold;
}



#tour_button
{
	float: right;
	height: 29px;
	width: 215px;
	background-image: url(../images/buttons/button.png);
	text-align: center;
	margin-right: 18px;
}
#tour_button a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
}


#tour_tabs
{
	background-color: #99bfcc;
	padding: 3px 0px 3px 0px;
}
#tour_tab_previous
{
	margin-left: 18px;
}
#tour_tab_next img
{
}

#tour_button, #tour_tab_previous, #tour_tab_next, .tour_tab_item
{
	margin-bottom: 10px;	
}

#tour_tab_previous, #tour_tab_next, .tour_tab_item
{
	float: left;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
}

#tab_header
{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #00617E;
	margin: 5px 0px 12px 0px;
}

#tour_tabs .active a
{
	color:#00617E;
}

#tour_tab_next
{
}

.tour_tab_item
{
	border-left: 1px solid #00617E;	
	padding: 3px 24px 4px 23px;
	text-align: center;
	margin-top: 5px;
/*	width: 137px;*/
}

.tour_tab_item_first
{
	border-left: none;	
}

#tour_tabs a
{
	color:#fff;
	text-decoration: none;
}


#tabs2
{
	width: 692px;
	padding: 18px 18px 22px 18px;
	margin-right: 2px;
	background-color: #99bfcc;
}


#tabs p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	line-height: 16px;
	margin: 0px 0px 5px 0px;
	color: #ffffff;	
}

p.justify
{
	text-align: justify;	
}

p.red
{
	color: #F00;
}

#tabs a
{
	color:#FFF;	
}

#tabs img
{
	margin: 4px 0px 0px 18px;
}

#tab_buttons
{
	margin-right: 2px;
	background-color: #ffffff;
	margin-bottom: 18px;
	border-bottom: 1px solid #B2B2B2;
}

#tab_buttons div.item
{
/*	padding: 8px 80px 8px 30px;*/
}
#tab_buttons div.active
{
	background-color: #99bfcc; 
}

#tab_buttons div.item, #tab_buttons div.empty
{
	float: left;
}

#content_message
{
	text-align: center;	
}

#content
{
	line-height: 20px;
	margin-right: 20px;
	font-size: 12px;
	color:#333333;
	background-color: #fff;
}

#content h1
{
	font-size: 18px;
	font-family: Tahoma, Verdana, Arial;
	color: #00617e;
}



#content h2
{
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	color: #00617e;
}

#content ul
{
	padding-left: 20px;
}

#content table
{
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

#content table.payment
{
	width: 400px;	
}


#content table th
{
	background-color: #99bfcc;
	padding: 4px;
	
}

#content table.payment th
{
	background-color:#FFF;
}


#content table td
{
	padding: 4px;	
	border-bottom: 1px solid #99bfcc;
}


#content table.payment td
{
	border: none;
}

#whats_this
{
	padding: 0px 15px 15px 15px;
	width: 400px;
}

#whats_this h1
{
	font-size: 18px;
	font-family: Tahoma, Verdana, Arial;
	color: #00617e;
}



#whats_this h2
{
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	color: #00617e;
}


a img
{
	border: none;

}

div.clr
{
	clear: both;
}

div.clrl
{
	clear: left;
}

div.clrr
{
	clear: right;
}

.fltl
{
	float: left;	
}

.fltr
{
	float: right;	
}

/* RIGHT BAR */

#right
{
	width: 250px;
	float: right;
	color:#333333;
}

#right_min_height
{
	float: right;
	height: 0px;
}

#right_menu
{
	padding: 22px 18px 18px 18px;

	background-color:#cccccc;
	background-image: url(../images/corner.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#right .right_link
{
	margin: 3px 0px 3px 0px;	
}

#right .right_link a:link, #right .right_link a:visited
{
	color:#00617E;
	text-decoration: none;
}

#right .right_link a:hover
{
	text-decoration: underline;
}

#right .right_header
{
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color:#aaaaaa;
	color:#FFF;
	padding: 4px;
	text-transform:uppercase;
}

#right .right_content
{
	margin-bottom: 20px;
	padding: 0px 4px 4px 4px;
}

#right .right_quote p
{
	line-height: 18px;
}

#right .right_quote span.quote
{
	font-size: 16px;
	font-weight: bold;
}

#right .right_download_link
{
	margin: 0px 0px 0px 0px;	
	padding: 8px 0px 4px 0px;
}

#right .right_download_link:hover
{
	font-weight: bold;
}

#right .right_download_link a
{
	color:#333333;	
	font-size: 11px;
	text-decoration:none;
}



#right .right_download_link img
{
	margin-right: 4px;	
	vertical-align:middle;
}

#right .right_content .label
{
	font-style:italic;
	color: #666;
	margin: 4px 0px 2px 0px;
	float: none;
}

#right .right_content .control
{
	float: none;	
}

div.right_content div.form .options a
{
	color: #333;	
}

div.right_button
{
	margin-bottom: 10px;
	height: 29px;
	width: 215px;
	background-image: url(../images/buttons/button.png);
	text-align: center;
}
div.right_button a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
	
}


/*-----CONTENT -*/


div.management
{
	vertical-align: top;
	margin-bottom: 20px;
}


#content div.management h2
{
	margin-bottom: 0px;
}

#content a:link, #content  a:visited
{
	color: #00617e;
	text-decoration: none;
}

#content  a:hover
{
	text-decoration:underline;	
}

#content img.right
{
	margin: 0px 0px 10px 10px;	
}


#content div.management p
{
	margin-top: 0px;
}

img.management
{
	margin: 0px 0px 20px 20px;
	border: 1px solid #cccccc;
}

img.management_small
{
	margin: 0px 10px 0px 0px;
	border: 1px solid #cccccc;
	width: 60px;
}

#content .small
{
	font-size: 9px;
	font-style:italic;
}

/******************************************************/
/* FORM STYLING										  */
/******************************************************/

#blue h1
{
	font-size: 20px;
	font-family: Tahoma, Verdana, Arial;
	color: #ffffff;
	margin: 0px 0px 8px 0px;
}

div.form h2
{
	margin: 4px 0px 8px 0px;
	font-size: 16px;
	color: #00617e;
}


div.form .label
{
	font-weight: bold;
	font-size: 11px;
	color: #00638f; 
	margin: 4px 10px 2px 0px;
	float: left; 
}

div.form .control
{
	float: left; 

}

div.form .control span
{
	line-height: 21px;
}


div.form .control input, div.form .control select, div.form .control textarea
{
	border: 1px solid #999;
	margin: 2px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}

div.form input.checkbox
{
	margin-top: 8px;
}

div.form .actions
{
	margin: 6px 0px 6px 0px;	
}

div.form .actions input
{
	border: 1px solid #999999;
	background-color:#eeeeee;
	padding: 3px;
	cursor: pointer;
}

div.form .options a:link, div.form .options a:visited
{
	color: #ffffff;
	text-decoration: none;
	line-height: 20px;	
}

div.form .options a:hover
{
	text-decoration: underline;	
}
div.form .options span
{
	text-decoration: underline;	
}

div.form .seperator
{
	height: 16px;
}
div.form .captcha_control, div.form .captcha_image
{
	float: left;	
}

div.form .captcha_input input
{
	border: 1px solid #999;
	margin: 0px 0px 0px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 6px;
	height: 16px;
	width: 120px;
}


div.form_guide
{
	background-color: #eeeeee;
	padding: 18px;
	float: right;
	width: 250px;
	color: #666;
	line-height: 16px;
}

div.form_guide h2, div.form_guide h3
{
	color: #666666;
	margin: 0px;	
}

div.form_guide ol
{
	padding-left: 18px;		
}

div.form_guide ul
{
	padding-left: 15px;	
}
div.form_guide ul li, div.form_guide ol li
{
	padding-bottom: 5px;	
}

/******************************************************/
/* FORM SPECIFIC STYLING							  */
/******************************************************/

#form_login div.label
{
	width: 100px;	
}

#form_ticket_create div.label
{
	width: 160px;	
}

#form_payment div.label
{
	width: 118px;	
}

#form_payment div.control input
{
	width: 200px;	
}

#form_payment div.control select
{
	width: 208px;	
}

#form_register div.label
{
	width: 116px;	
}

#form_register div.control input
{
	width: 200px;	
}

#form_register div.control select
{
	width: 208px;	
}

#form_edit_project div.label
{
	width: 100px;
}


#form_feedback div.label
{
	width: 100px;	
}

#form_feedback div.control input
{
	width: 300px;	
}

#form_feedback div.control select
{
	width: 308px;	
}

#form_feedback div.control textarea
{
	width: 300px;	
}

div.form .control input.error, div.form .control select.error
{
	border: 1px solid #FF0000;
	background-color:#FCC;
}

div.form .control input.ok, div.form .control select.ok
{
	border: 1px solid #0F0;
	background-color:#C4FFC4;
}


#error_container
{
	display: none;	
	height: 18px; 
	overflow: hidden;
}

#error_container div
{
	color: #F00;
	font-weight: bold;
	height: 18px;
}


/* ----------- */

div.normal
{
	font-size: 11px;
	line-height: 20px;
}

div.medium
{
	font-size: 13px;
	line-height: 22px;
}

div.large
{
	font-size: 15px;
	line-height: 24px;
}


/***********************************************/
/* controls / overviews */
/***********************************************/

#content div.overview_item
{
	background-color:#eeeeee;
	padding: 6px;
	margin-bottom: 10px;
}

#content div.overview_item h2
{
	margin: 0px;	
}

#content div.overview_item_actions
{
	border-top: 1px solid #FFF;
	padding: 3px;
	text-align: right;
}

#content div.overview_actions
{
	border-top: 1px solid #99bfcc;
	border-bottom: 1px solid #99bfcc;
	padding: 10px 0px 10px 0px;
}

#google_maps
{
	margin: 18px 0px 18px 18px;
}

/***********************************************/
/* NEWS */
/***********************************************/

.news_column
{
	float: left;
	background-color:#ddd;
	width: 310px;
	margin-top: 18px;
	padding: 18px;
}

.news_column_h1
{
	font-size: 22px;	
	margin-bottom: 10px;
	color:#666;
}

.news_column_h2
{
	font-weight: bold;
	margin-bottom: -2px;
}	

.news_column_h3
{
	font-style:italic;	
	margin-bottom: -2px;
}

.news_row
{
	padding: 10px 18px 5px 18px;
	background-color:#ddd;
	margin-bottom: 18px;
}

/***********************************************/
/* scenarios */
/***********************************************/

#scenario_frontpage
{
	padding: 12px 18px 4px 18px;
	border-left: 1px solid #B2B2B2;
	width:138px; 
	float: left;
	margin: 0px 0px 4px 18px;
	
}

.scenario_title
{
	color: 	#666;
	font-size: 18px;
}


#scenario_frontpage  a:link, #scenario_frontpage a:visited 
{
	color: #333;	
}


/* MANAGEMENT PAGES UPDATE */

.credo
{
	font-size: 18px;
	font-style: italic;
	color: color: #00617e;
}

/* UPDATED 6-7-2010 */ 

#content .action_button_orange
{
	background-image: url(../images/buttons/action_orange.png);
}

#content .action_button_blue
{
	background-image: url(../images/buttons/action_blue.png);
}

#content  .action_button_grey
{
	background-image: url(../images/buttons/action_grey.png);	
}

#content  .action_button_orange, #content  .action_button_blue, #content  .action_button_grey
{
	background-position: top left;
	background-repeat: no-repeat;
	width: 112px;
	height: 24px;
	text-align:center	
}

#content  div.action_buttons
{
	border-top: 1px solid #FFF;
	text-align: right;
	padding-top: 8px;
}

#content div.action_buttons a:link, #content  div.action_buttons a:visited
{
	display: inline-block;	
	color:#FFF;
	text-transform: uppercase;
	font-weight: bold;
}

#content div.action_buttons a div
{
	padding-top: 1px;	
}