/* MAIN STYLE */

body 
{
  margin-top:6px;
  color:#000000; background-color:#EEEEEE;
}
form {display:inline}
img {border-width:0; vertical-align:middle;}
.img_big {max-height:70px;}

a,h1,h2,h3,p,select,input,textarea,td,th,div {font-family:Verdana, Arial, sans-serif;}
a,p,select,input,textarea,td {font-size:9pt;}
h1 {margin-top:10px; margin-bottom:5px; font-size:14pt; font-weight:bold;}
h2 {margin-top:10px; margin-bottom:5px; font-size:12pt; font-weight:bold;}
a {color:#0000FF; background-color:inherit; text-decoration:none;}
a:hover {text-decoration:underline}

.small {font-size:8pt;}
.error {color:#ff0000; background-color:inherit; font-size:8pt; font-weight:bold; font-style:italic;}
.warning {color:#ff0000; background-color:inherit;}
.disabled {color:#888888; background-color:inherit; font-size:8pt;}
.bold {font-weight:bold;}
.center {text-align:center;}
.private {color:#000000; background-color:inherit; font-size:8pt; font-style:italic;}

.ta_hidden {margin:0; width:100%; border-width:0;}/* hidden MUST remain with NO style and width 100% */ 
.tr_hidden {vertical-align:top;}
.td_hidden {padding:0;}
.div_hidden_sep {height:15px;}

/* BANNER */

.div_banner {width:100%; color:inherit; background:#0C4C8C url('bg_header.gif') repeat-x;}
.div_banner_in {vertical-align:bottom; padding:0px;}
.img_banner_logo {width:175px; height:50px; border-width:0;}
#zone_banner_left {}
#zone_banner_right {text-align:right;}
.a_banner {color:white; background-color:inherit; font-size:8pt; font-weight:bold; text-decoration:none;}
.a_banner:hover {text-decoration:underline;}
#zone_nobanner_left {}
#zone_nobanner_right {text-align:right;}
.a_nobanner {color:black; background-color:inherit; font-size:8pt; font-weight:bold; text-decoration:none;}
.a_nobanner:hover {text-decoration:underline;}

/* WELCOME */

.div_welcome {margin:5px 0 10px 0; padding:0px; width:100%;}
.div_welcome_in {padding:5px; border:1px solid #AAAAAA;}
.a_welcome {}

/* PAGE */

.div_qte_page {text-align:center;}
.ta_qte_page {border-width:0; margin:0 auto 10px auto;}
.tr_qte_page {}
.td_qte_page {text-align:left;}

/* FOOTER */

.div_footer {margin:2px 0 2px 0; padding:0px; width:100%;}
#zone_footer_left {font-size:8pt; color:black; background-color:inherit;}
#zone_footer_right {font-size:8pt; text-align:right; color:black; background-color:inherit;}
.a_footer_menu {color:blue; background-color:inherit; font-size:8pt;}
.a_footer_copy {color:blue; background-color:inherit; font-size:8pt;}

/* MENU */

.ta_menu
{
  margin-bottom:10px;
  width:100%;
  border-width:0 1px 0 1px; border-style:solid; border-color:#AAAAAA;
  color:inherit; background:#DDDDDD url(bg_menu.gif) repeat-x;
}

.tr_menu {height:23px;}

.td_menu {width:75px; padding:0 8px 0 8px; text-align:center}
.td_menu_sep {padding:0; width:2px; background-image:url(bg_menu_separator.gif); background-repeat:repeat-x;}
.td_menu_ico {padding:0; width:25px; text-align:center;}
.td_menu_usr
{
  padding:0;
  text-align:left;
  color:black; background-color:inherit;
  font-size:8pt;
  font-weight:bold;
}
.a_menu {color:#0000ff; background-color:inherit; font-size:8pt; font-weight:bold;}
.a_menu_off {color:#888888; background-color:inherit; font-size:8pt; font-weight:bold;}

/* BODY   
 *
 * The body of the board in encapsulated in a double <div>
 * It is composed of 3 <table>
 * - TAB BODY HD, the header, showing the crumbtail and the display option buttons
 * - TAB BODY MAIN, showing the board content
 * - TAB BODY FT, the footer showing the clock and the goto select button
 *
 */

.div_body {width:100%; margin-bottom:5px;}
.div_body_in {color:inherit; background-color:#EEEEEE; border:1px solid #AAAAAA;}

/* BODY HD */

.ta_body_hd
{
  width:100%;
  color:inherit; background:#ffffff url('bg_body_hd.gif') repeat-x;
  border-bottom:1px solid #AAAAAA;
}
.tr_body_hd {height:30px; vertical-align:middle;}
.td_body_hd_l {padding:4px; width:20px; text-align:left}
.td_body_hd_c {padding:4px; font-weight:bold;}
.td_body_hd_r {padding:4px; width:20px; text-align:right}

.img_body_hd_l {width:15px; height:15px; border:0}
.img_body_hd_r {width:15px; height:15px; border:0}
.a_body_hd {font-weight:bold;}

/* BODY MAIN */

.ta_body {}
.tr_body {vertical-align:top;}
.td_body {padding:15px;}

/* BODY FT */

.ta_body_ft
{
  width:100%;  
  color:inherit; background:#ffffff url('bg_body_ft.gif') repeat-x scroll bottom;
  border-top:1px solid #AAAAAA;
}
.tr_body_ft {height:30px; vertical-align:middle;}

.td_body_ft_l {padding:4px; width:20px; text-align:left;}
.td_body_ft_c {padding:4px; font-size:8pt;}
.td_body_ft_r {padding:4px; width:20px; text-align:right;}

.img_body_ft_l {width:15px; height:15px; border:0}
.img_body_ft_r {width:15px; height:15px; border:0}
.a_body_ft {font-size:8pt}
.a_body_ft {font-size:8pt}

/* DATA TABLE */

.div_dom_separator {height:15px;}

.ta_cnt
{
  margin:0;
  padding:0;
  width:100%;
  color:inherit; background-color:#FFFFFF;
  border:1px solid #AAAAAA;
}
.ta_cnt_member {margin-top:3px; margin-bottom:3px;}

.tr_cnt {vertical-align:middle;}
.th_cnt
{
  padding:4px;
  color:#555555; background-color:#e2e2e2;
  border-width:1px;
  border-style:solid;
  border-color:#ffffff #999999 #b4b4b4 #ffffff;
  vertical-align:middle;
  text-align:right;
  font-size:8pt;
  font-weight:bold;
}
.td_cnt
{
  padding:4px;
  color:inherit; background-color:#FFFFFF;
  border-color:#DDDDDD;
  border-style:solid;
  border-width:0 0 1px 0;
}

.ta_p
{
  padding:0;
  width:100%;
  color:inherit; background-color:#FFFFFF;
  border:1px solid #AAAAAA;
}
.tr_p {vertical-align:middle;}

/* -------------
 * SECTION HEAD 
 * -------------
 * th table header
 * tf table footer
 * td table data content
 * _i index page
 * _s section page
 * _u user profile
 * -------------
 */
 
.th_i,
.th_s
{
  padding:4px;
  color:#555555; background-color:#DDDDDD;
  border-style:solid; border-width:0 0 1px 0; border-color:#DCDCDC;
  font-size:8pt; font-weight:bold;
  text-align:left;
}
.th_u, .th_u_submit
{
  padding:4px 6px 4px 4px; 
  color:#555555; background-color:#DDDDDD;
  border-style:solid; border-width:0 0 1px 0; border-color:#DCDCDC;
  font-size:8pt; font-weight:bold; text-align:right;
}
.th_i_empty,.th_s_empty,.th_u_empty {padding:0;}
.tf_i,
.tf_s,
.tf_u
{
  padding:0; height:0;
}
.td_i,
.td_s,
.td_u
{
  padding:4px;
  border-color:#DCDCDC; border-style:solid; border-width:0 0 1px 0;
}

.th_s_status_i,.td_s_status_i {text-align:center; width:30px;}
.th_s_emails_i,.td_s_emails_i {text-align:center; width:50px;}
.th_s_picture,
.th_s_age,
.td_s_age,
.td_s_picture
{
  text-align:center;
}
.td_s_fullname
{
  color:inherit; background-color:#EEEEEE;
}
.td_s_ufield
{
  color:inherit; background-color:#EEEEFF;
}
.td_s_address {font-size:8pt;}
  
.a_cnt_head {font-size:8pt; font-weight:bold; color:#555555; background-color:inherit; text-decoration:none;}
.a_cnt_head:hover {font-size:8pt; font-weight:bold; color:#0000FF; background-color:inherit; text-decoration:underline;}

/* TEXT & ICON */
 
.a_section {font-size:9pt; font-weight:bold}
.p_sectiondescr {font-size:8pt;}

.ico {vertical-align:middle;}
.ico_s {width:32px; height:32px;}
.ico_user {width:15px; height:15px;}
.ico_sort {width:9px;  height:9px;}

/* MESSAGE */

.div_msgbox
{
  margin:20px auto 20px auto; padding:0;
  border:1px solid #156AC2;
}
.div_msgboxtitle
{
  margin:0; padding:8px;
  color:#EEEEEE; background:#FFFFFF url("bg_header.gif") repeat-x;
  font-family:"Arial black",Verdana, Arial, sans-serif; font-size:14pt; font-weight:normal;
}
.div_msgboxbody
{
  margin:0; padding:15px;
  color:inherit; background-color:white;
}

div#login {text-align:right;}
div#login_header {}

.div_modboard {text-align:right; margin:5px 0 15px 0;}
.span_modboard
{
  padding:7px;
  color:inherit; background-color:#C3D9FF;
  border-width:5px 0 0 0; border-style:solid; border-color:#156AC2;
  font-size:8pt;
}

/* PICTURE */

.div_pic_box
{
  width:130px; min-height:130px;
  padding:6px 2px 2px 2px;
  text-align:center;
  border:1px solid #DDDDDD;
  color:inherit; background-color:white;
}

/* BUTTON */

.ta_button {width:100%; padding:0;}
.tr_button {vertical-align:middle;}
.td_button
{
  padding:5px 7px 5px 7px;
  margin:0;
  border:1px solid #AAAAAA;
  text-align:center;
  height:25px;
  background-image:url('bg_button.gif');
  background-repeat:repeat-x;
}
.td_button_off
{
  padding:5px 7px 5px 7px;
  margin:0;
  border-width:1px 1px 0 1px;border-style:solid; border-color:#AAAAAA;
  text-align:center;
  height:25px;
  background-color:#E9E9E9;
  background-image:url('bg_button_on.gif');
  background-repeat:repeat-x;
}

.p_button {}
.a_button {}
.a_button_off {font-size:8pt; font-weight:bold; color:#000000;}

/* TABS */

.ta_tab {margin:0; width:100%; border-width:0;}
.tr_tab {vertical-align:top;}
.td_tab {text-align:center; font-size:8pt; font-weight:bold;}/* width can be controlled by style through the function HtmlTabs */
  .td_tab_a {width:80px; padding:4px; color:inherit; background-color:#e2e2e2; border-color:#ffffff #999999 #b4b4b4 #ffffff; border-style:solid; border-width:1px;}
  .td_tab_a_on {width:80px; padding:4px; color:#555555; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#aaaaaa #aaaaaa #ffffff #aaaaaa;}
  .td_tab_z {width:150px; padding:4px; color:inherit; background-color:#e2e2e2; border-color:#ffffff #999999 #b4b4b4 #ffffff; border-style:solid; border-width:1px;}
  .td_tab_z_on {width:150px; padding:4px; color:#555555; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#aaaaaa #aaaaaa #ffffff #aaaaaa;}
  .td_tab_begin {border-bottom:solid 1px #AAAAAA;}
  .td_tab_end {width:5px; border-bottom:solid 1px #AAAAAA;}
.a_tab {font-size:8pt; font-weight:bold;}

.ta_pan {width:100%; padding:10px;border-width:0 1px 1px 1px; border-style:solid; border-color:#aaaaaa; background-color:white;}
.tr_pan {}
.td_pan {}
.div_pan_top {margin:0 0 15px 0; padding:0; color:#aaaaaa; background-color:inherit; font-size:14pt; font-weight:bold; font-style:italic;}
.div_pan_bot {margin:15px 0 0 0; padding:0; text-align:right;}

/* Special table */

.ta_pager {width:100%; padding:0;}
.ta_pager_top {margin-bottom:6px;}
.ta_pager_bot {margin-top:6px;}
.tr_pager {vertical-align:middle;}
.td_pager {text-align:right;}

.ta_lettres {width:100%; padding:0; margin:5px 0;}
.tr_lettres {vertical-align:middle;}
.td_lettres
{
  padding:0;
  margin:0;
  border:1px solid #AAAAAA;
  text-align:center;
  height:20px;
  background-image:url('bg_button.gif');
  background-repeat:repeat-x;
}

/* Tab section info */

.ta_si_section {margin:0; width:100%; border-width:0;}
.img_si_section,
.img_si_profile {border-width:0;}
.p_si_name_section,
.p_si_name_profile {margin:10px; font-size:12pt; font-weight:bold; font-style:italic; color:#888888; background-color:inherit;}
.p_si_descr_section,
.p_si_descr_profile {margin:10px; font-size:10pt; font-weight:bold; color:#888888; background-color:inherit;}