/* -------------------------------------------------
GLOBALS section
---------------------------------------------------- */

body {
  font-family: 			arial;
  font-size: 			11px;
  font-weight:			normal;
  line-height:			5mm;
  color:				#000000;
  margin-top:			0;
  margin-left:			0;
}

/* main_body
   Page content alignment control
*/
.main_body {
  text-align:			center;
}

/* -------------------------------------------------
HEADER section
---------------------------------------------------- */

/*
  header_main
  HEADER global class
*/
.header_main {
  width:		800px;
  border-style:		none;
}

/*
  header_title
  HEADER TITLE cell class
*/
.header_title {
 background-color:	#ffffff;  
  background-repeat: 	repeat;
  font-family:		Arial;
  font-size: 		15px;
  font-weight: 		bold;
  line-height:		4mm;
  color:		#000000;
  text-align:		center;
  height:		50%;
  width:		*;
}

/*
  header_subtitle
  HEADER SUBTITLE cell class
*/
.header_subtitle {
  background-color:	#ffffff;
  background-repeat: 	repeat;      
  font-family:		Arial;
  font-size: 		12px;
  font-weight: 		normal;
  line-height:		4mm;
  color:		#000000;
  text-align:		left;
  height:		50%;
  width:		*;
}

/*
  header_logo
  HEADER LOGO cell class
*/
.header_logo {
  text-align:		center;
}

/* -------------------------------------------------
TABS section
---------------------------------------------------- */

/*
  header_main
  HEADER global class
  FIXME: not yet used, table style should be defined directly in html
*/
.tab_main {
  width:				800px;
  height:				32px;
  border-style:			none;
}

/*
  tab_separator_vertical
  TABS vertical separator
*/
.tab_separator_vertical {
  
  padding-left:			2px;
  width:				1px;
}

/*
  tab_separator_horizontal
  TABS horizontal separator
*/
.tab_separator_horizontal {
  background-color:		#002B43; 
  width:				*;
  height:				2px;
}

/*
  tab_active
  TABS active tab cell & content class
*/
.tab_active {
  padding-left:			4px;
  padding-right:		4px;
  background-color:		#002B43; 
  text-align:			center;
  vertical-align:		middle;
  font-family:			Arial;
  font-size: 			14px;
  font-weight: 			bold;
  line-height:			4mm;
  color:				#ffffff;
  width:				300px;
  height:				20;
}

a.tab_active, a.tab_active:visited, a.tab_active:hover, a.tab_active:active {
  padding-left:			4px;
  padding-right:		4px;
  background-color:		#002B43;   
  text-align:			center;
  vertical-align:		middle;
  font-family:			Arial;
  font-size: 			14px;
  font-weight: 			bold;
  line-height:			4mm;
  color:				#ffffff;
  width:				300px;
  height:				20;
}

/*
  tab_inactive
  TABS inactive tab cell & content class
*/
.tab_inactive {
  padding-left:			4px;
  padding-right:		4px;
  background-color:		#109ECD; 
  text-align:			center;
  vertical-align:		middle;
  font-family:			Arial;
  font-size: 			12px;
  font-weight: 			normal;
  line-height:			4mm;
  color:				#efefef;
  width:				300px;
  height:				20;
}
a.tab_inactive, a.tab_inactive:visited, a.tab_inactive:hover, a.tab_inactive:inactive {
  padding-left:			4px;
  padding-right:		4px;
  background-color:		#109ECD; 
  text-align:			center;
  vertical-align:		middle;
  font-family:			Arial;
  font-size: 			12px;
  font-weight: 			normal;
  line-height:			4mm;
  color:				#efefef;
  width:				300px;
  height:				20;
}

/*
  tab_left_rounded_active
  TABS active rounded tab left cell class
*/
.tab_left_rounded_active {
  background-image:		url('/r/r/images/rounded-left.gif');
  background-position:	top left;
  background-repeat:	no-repeat;
  background-color:		#002B43;  
  height:				25px;
  padding-right:		4px;
}

/*
  tab_right_rounded_active
  TABS active rounded tab right cell class
*/
.tab_right_rounded_active {
  background-image:		url('/r/r/images/rounded-right.gif');
  background-position:	top right;
  background-repeat:	no-repeat;
  background-color:		#002B43; 
  height:				25px;
  padding-left:			4px;
}

/*
  tab_left_rounded_inactive
  TABS inactive rounded tab left cell class
*/
.tab_left_rounded_inactive {
  background-image:		url('/r/r/images/rounded-left.gif');
  background-position:	top left;
  background-repeat:	no-repeat;
  background-color:		#109ECD; 
  height:				25px;
  padding-right:		4px;
}

/*
  tab_right_rounded_inactive
  TABS inactive rounded tab right cell class
*/
.tab_right_rounded_inactive {
  background-image:		url('/r/r/images/rounded-right.gif');
  background-position:	top right;
  background-repeat:	no-repeat;
  background-color:		#109ECD; 
  height:				25px;
  padding-left:			4px;
}

/*
  tab_left_squire_active
  TABS active square tab left cell class
*/
.tab_left_square_active {
  background-color:		#002B43; 
  height:				25px;
  padding-right:		4px;
}

/*
  tab_right_squire_active
  TABS active square tab right cell class
*/
.tab_right_square_active {
  background-color:		#002B43; 
  height:				25px;
  padding-left:			4px;
}

/*
  tab_left_squire_inactive
  TABS inactive square tab left cell class
*/
.tab_left_square_inactive {
  background-color:		#109ECD; 
  height:				25px;
  padding-right:		4px;
}

/*
  tab_right_squire_inactive
  TABS inactive square tab right cell class
*/
.tab_right_square_inactive {
  background-color:		#109ECD;  
  height:				25px;
  padding-left:			4px;
}

/* -------------------------------------------------
BODY section
---------------------------------------------------- */

/*
  body_main
  BODY global class
*/
.body_main {
  width:			800px;
  height:			*;
  border-style:			none;
}

/*
  body_header
  BODY HEADER cell & content class
*/
.body_header  {
  
  color:			#003366;
  text-align:			center;
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
  line-height:			4mm;
  width:			*;
  height:			*;
}

/*
  body_content
  BODY CONTENT cell & content class
*/
.body_content  {
  
  color:				#FFFFFF;
  text-align:			center;
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
  line-height:			4mm;
  width:				*;
  height:				*;
  padding-top:			2px;
  padding-left:			5px;
  padding-right:		5px;
  padding-bottom:		2px;
}

/*
  body_footer
  BODY FOOTER cell & content class
*/
.body_footer  {
  background-color:		#109ECD; 
  color:			#FFFFFF;
  text-align:			center;
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
  line-height:			4mm;
  width:				*;
  height:				*;
  padding-top:			2px;
  padding-left:			5px;
  padding-right:		5px;
  padding-bottom:		2px;
}

/* -------------------------------------------------
FOOTER section
---------------------------------------------------- */

/*
  footer_main
  FOOTER global class
*/
.footer_main {
  width:				800px;
  height:				*;
  border-style:			none;
}

/*
  footer_content
  FOOTER cell & content class
*/
.footer_content  {
  color:				#000000;
  text-align:			center;
  font-family:			arial;
  font-size:			14px;
  font-weight:			normal;
  line-height:			4mm;
  width:				*;
  height:				*;
  padding-top:			2px;
  padding-left:			5px;
  padding-right:		5px;
  padding-bottom:		2px;
}


/* -------------------------------------------------
BUTTONS & INPUTS section
---------------------------------------------------- */

.button_enabled {
  cursor:				hand;
  height:				20;px;
  background-color:		#003366;  
  color:				#FFFFFF;
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
}

.button_disabled {
  cursor:				hand;
  height:				20;px;
  background-color:		#a3a3a3; 
  color:				#090909;
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
}

.input_enabled {
  height:				20;px;
  background-color:		#F2F2F2;  
  color:				#000000;
  font-family:			Arial;
  font-size: 			12px;
  font-weight: 			bold;
}

.input_disabled {
  height:				20;px;
  background-color:		#a3a3a3; 
  color:				#090909;
  font-family:			Arial;
  font-size: 			12px;
  font-weight: 			bold;
}


/* Enchantsments */

.page_title{
  color:			#003366;
  
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
  text-align:			center;
  line-height: normal;
}

.warning_msg{
  color:				#CC0000;
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
}

.table_title{
  
  color:				#000000;
  font-family:			Arial;
  font-size: 			12px;
  font-weight: 			bold;
  line-height: normal;
}
.table_subtitle{
  
  color:				#000000;
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
  line-height: normal;
}
.table_body{
  background-color:		#E6EDED; 
  color:				#000000;
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
  line-height: normal;
}

/*  a; a:hover  */

.form_fields_label{
  color:				#003366;
  font-family:			Arial;
  font-size: 			16px;
  font-weight: 			normal;
  line-height: normal;
}
.reg_option{
  color:				#003366;
  font-family:			Arial;
  font-size: 			14px;
  font-weight: 			bold;
  line-height: normal;
}
.reg_option_desc{
  color:				#003366;
  font-family:			Arial;
  font-size: 			12px;
  font-weight: 			normal;
  line-height: normal;
}

/* Confirmation */
.conf_body{
  color:				#000000;
  font-family:			Arial;
  font-size: 			11px;
  font-weight: 			normal;
  line-height: normal;
}
.conf_section_title{
  background-color:     #109ECD;  
  color:				#FFFFFF;
  font-family:			Arial;
  font-size: 			16px;
  font-weight: 			bold;
  line-height: normal;
}
.conf_paym_table_coltitle{
  background-color:     #109ECD;  
  color:				#FFFFFF;
  font-family:			Arial;
  font-size: 			14px;
  font-weight: 			bold;
  line-height: normal;
}
a {
  color:				#0000FF;
  font-family:			Arial;
  font-size: 			14px;
  font-weight: 			bold;
}
a:visited {
  color:				#FF0000;
}
a:active {
  color:				#0001FF;
}
a:hover {
  color:				#00FF00;
}

/* just to display */
.a_visited {
  color:				#FF0000;
}
.a_active {
  color:				#0001FF;
}
.a_hover {
  color:				#00FF00;
}