body{
font: 75% verdana;
background-image: url(../images/clpn_comb_v2.gif);
background-position : top left;
background-attachment: fixed;
background-repeat : no-repeat;
text-align: center;
padding: 0px;
margin: 0px;
line-height: 135%;
}

table,form,input,textarea,select{font-family: verdana; font-size: 1em; line-height: 135%;}
.input_form1{font-family: verdana; font-size: 1em; line-height: 135%;}
textarea{font-family: verdana; font-size: 1em;}
p{text-align: justify; line-height: 135%;}

.container{margin: auto; line-height: 135%; height: auto; font-size: 1em;}

.rt_bor{
background-image: url(../images/rt_bor.gif);
background-position : right;
background-repeat : repeat-y;
}

/*backgound colours*/
.bg_wht{background-color: white;}
.bg_gy{background-color: #eeeeee;}
.bg_dk_gn{background-color: #036551;}
.bg_aqua{background-color: aqua;}

/* c classes all set container widths */
.c1pc{width: 1%;}
.c2pc{width: 2%;}
.c5pc{width: 5%;}
.c15pc{width: 15%;}
.c20pc{width: 20%;}
.c25pc{width: 25%;}
.c29pc{width: 29%;}
.c30pc{width: 30%;}
.c40pc{width: 40%;}
.c50pc{width: 50%;}
.c60pc{width: 60%;}
.c70pc{width: 70%;}
.c71pc{width: 71%;}
.c75pc{width: 75%;}
.c78pc{width: 78%;}
.c80pc{width: 80%;}
.c85pc{width: 85%;}
.c90pc{width: 90%;}
.c95pc{width: 95%;}
.c98pc{width: 98%;}
.c100pc{width: 100%;}

.c5px{width: 5px;}
.c10px{width: 10px;}
.c20px{width: 20px;}
.c75px{width: 75px;}
.c149px{width: 149px;}
.c155px{width: 155px;}
.c430px{width: 430px; margin: auto; text-align: left;}
.c450px{width: 450px;}
.c600px{width: 600px;}
.c650px{width: 650px;}
.c700px{width: 700px;}
.c750px{width: 750px;}
.c773px{width: 773px;}

/* set alignments */
.a_top{vertical-align:top; text-align: center;}
.a_top_only{vertical-align:top;}
.a_right{vertical-align:top; text-align: right;}
.a_left{vertical-align:top; text-align: left;}
.a_right_mid{vertical-align:middle; text-align: right;}
.a_ind_5{text-indent: 5px}
.a_ind_10{text-indent: 10px}
.a_ind_20{text-indent: 20px}
.a_ind_30{text-indent: 30px}

/* col classes all set colour */

.col_btgn{background-color: #00AC28; color: white;}/* bright green */
.col_gn{background-color: #049c7e; color: white;}/* green */
.col_gy{background-color: #a7a9ac; color: white;}/* grey */
.col_gy_but{background-color: #eeeeee; color: #FA710A; text-align: center; border: 1px solid #cccccc;}/* grey */
.col_red{background-color: #E90303; color: white;}/* red */
.col_dkred{background-color: #9C0000; color: white;}/* dark red */
.col_blue{background-color: #3163C2; color: white;}/* blue */
.col_orange{background-color: #FA710A; color: white;}/* orange */
.col_wt{background-color: white; color: #E90303;}/* white */
.col_white{color: white;}/* white text */
.col_bw{background-color: white; color: black;}/* white */
.col_grey{color: #bbbbbb;}
.col_bl{color: #3163C2;}/* blue */
.col_red_txt{color: #E90303;}/* red txt*/
.col_or_txt{color: #FA710A;}/* orange txt*/
.col_gn_txt{color: #049c7e;}
.col_dkred_txt{color: #9C0000;}/* dark red */
.col_bk{color: black;}//use for black text

/* dim classes all set dimensions */
.dim_10{height: 10px;}
.dim_15{height: 15px;}
.dim_20{height: 20px;}
.dim_25{height: 25px;}
.dim_30{height: 30px;}
.dim_35{height: 35px;}
.dim_40{height: 75px;}
.dim_150{height: 150px;}
.dim_135pc{height: 135%;}

/* font sizes */
.fon_5{font-size: .5em;}
.fon_8{font-size: .8em;}
.fon_8_5{font-size: .85em;}
.fon_9{font-size: .9em;}
.fon_1{font-size: 1em;}
.fon_1_form{font: 1em verdana;}
.fon_1_1{font-size: 1.1em;}

/* borders */
.brd_none{border: none;}
.brd_10_wt{border-style: solid; color:white; border-width: 10px;}
.brd_1_bl{border: 1px solid #3163C2;}
.brd_1_bk{border: 1px solid black;}
.brd_1_gy_dash{border: 1px dashed #eeeeee;}
.brd_1_gy{border: 1px solid #eeeeee;}

.brd_1_bl_dash{border: 1px dashed #3163C2;}
.brd_1_dkbl_dash{border: 1px dashed #000254;}
.top_bor{border-top: 1px solid #bbbbbb;}
.left_bor{border-left: 1px solid #eeeeee;}
.bot_bor{border-bottom: 1px solid #eeeeee;}

.top_cell_brd{border-style: solid solid solid solid; border-width: 1px;}
.sub_cell_brd{border-style: none solid solid solid; border-width: 1px;}
.sub_cell_left_brd{border-style: none none solid solid; border-width: 1px;}
.brd_col_gy{border-color: #eeeeee;}
.brd_col_dk_gn{border-color: #036551;}

/*cursors*/
.csr_point{cursor: pointer;}

/* a tags */
a.contact_or_help,a.contact_or_help:link,a.contact_or_help:visited,a.contact_or_help:active,a.contact_or_help:focus{text-decoration: none; color:#FA710A; font-size: 1em; line-height : 140%; font-weight : bold;}
a.contact_or_help:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%; font-weight: bold;}

a.contact_or,a.contact_or:link,a.contact_or:visited,a.contact_or:active,a.contact_or:focus{text-decoration: none; color:#FA710A; font-size: 1em; line-height : 140%; font-weight : bold;}
a.contact_or:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%; font-weight: bold;}

a.contact_or_thin,a.contact_or_thin:link,a.contact_or_thin:visited,a.contact_or_thin:active,a.contact_or_thin:focus{text-decoration: none; color:#FA710A; font-size: 1em; line-height : 140%;}
a.contact_or_thin:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%;}

a.contact_or_thin_sub,a.contact_or_thin_sub:link,a.contact_or_thin_sub:visited,a.contact_or_thin_sub:active,a.contact_or_thin_sub:focus{text-decoration: none; color:#FA710A; font-size: .9em; line-height : 140%;}
a.contact_or_thin_sub:hover{text-decoration: none; color:black; text-decoration: underline; font-size: .9em; line-height : 140%;}

a.contact_gn,a.contact_gn:link,a.contact_gn:visited,a.contact_gn:active,a.contact_gn:focus{text-decoration: none; color:#049c7e; font-size: 1em; line-height : 140%; font-weight : bold;}
a.contact_gn:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%; font-weight: bold;}

a.contact_gn_thin,a.contact_gn_thin:link,a.contact_gn_thin:visited,a.contact_gn_thin:active,a.contact_gn_thin:focus{text-decoration: none; color:#02C831; font-size: 1em; line-height : 140%;}
a.contact_gn_thin:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%;}


a.contact_bl,a.contact_bl:link,a.contact_bl:visited,a.contact_bl:active,a.contact_bl:focus{text-decoration: none; color:#3163C2; font-size: 1em; line-height : 140%; font-weight : bold;}
a.contact_bl:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%; font-weight: bold;}

a.contact_bl_thin,a.contact_bl_thin:link,a.contact_bl_thin:visited,a.contact_bl_thin:active,a.contact_bl_thin:focus{text-decoration: none; color:#3163C2; font-size: 1em; line-height : 140%;}
a.contact_bl_thin:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%;}


a.contact_rd,a.contact_rd:link,a.contact_rd:visited,a.contact_rd:active,a.contact_rd:focus{text-decoration: none; color:#E90303; font-size: 1em; line-height : 140%; font-weight : bold;}
a.contact_rd:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%; font-weight: bold;}

a.contact_rd_thin,a.contact_rd_thin:link,a.contact_rd_thin:visited,a.contact_rd_thin:active,a.contact_rd_thin:focus{text-decoration: none; color:#E90303; font-size: 1em; line-height : 140%;	}
a.contact_rd_thin:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%;}


a.contact_dkblue,a.contact_dkblue:link,a.contact_dkblue:visited,a.contact_dkblue:active,a.contact_dkblue:focus{text-decoration: none; color:#000254; font-size: 1em; line-height : 140%; font-weight : bold;}
a.contact_dkblue:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%; font-weight: bold;}

a.contact_dkblue_thin,a.contact_dkblue_thin:link,a.contact_dkblue_thin:visited,a.contact_dkblue_thin:active,a.contact_dkblue_thin:focus{text-decoration: none; color:#000254; font-size: 1em; line-height : 140%;}
a.contact_dkblue_thin:hover{text-decoration: none; color:black; text-decoration: underline; font-size: 1em; line-height : 140%;}


a.contact_wt,a.contact_wt:link,a.contact_wt:visited,a.contact_wt:active,a.contact_wt:focus{text-decoration: none; color: white; font-size: 1em; line-height : 140%; font-weight : bold;}
a.contact_wt:hover{text-decoration: none; color:black; text-decoration: none; font-size: 1em; line-height : 140%; font-weight: bold;}

a.contact_cm,a.contact_cm:link,a.contact_cm:visited,a.contact_cm:active,a.contact_cm:focus{text-decoration: none; color: #fffff5; font-size: 1em; line-height : 140%; font-weight : bold;}
a.contact_cm:hover{text-decoration: none; color:black; text-decoration: none; font-size: 1em; line-height : 140%; font-weight: bold;}


a.menu,a.menu:link,a.menu:visited,a.menu:active,a.menu:focus{text-align: left; text-decoration: none; color: #FA710A; font-size: 1em; font-weight : bold;}
a.menu:hover{text-align: left; text-decoration: none; color:black; text-decoration: none; font-size: 1em; font-weight: bold;}

/* td menu cell */
td.menu_top{margin: auto; line-height: 135%; height: auto; font-size: 1em; width: 100%; text-align: left; cursor: pointer; height: 25px;}
td.menu{margin: auto; line-height: 135%; height: auto; font-size: 1em; width: 100%; text-align: left; cursor: pointer; height: 25px;}
td.menu_help{margin: auto; line-height: 135%; height: auto; font-size: 1em; width: 100%; text-align: left; cursor: help; height: 25px;}

/* cursor control */
.cur_pointer{cursor: pointer;}
.cur_help{cursor: help;}
.cur_cross{cursor: crosshair;}
.cur_hand{cursor: hand;}


/* line height */
line_01{line-height: 100%;}

/* for testing */
.bg_aq{background-color: aqua; cursor: pointer;}

/* margins */
.marg_auto{margin: auto;}
.marg_10{margin: 10px;}
.marg_20{margin: 20px;}

/* padding */
.pad_10{padding: 10px;}
.pad_left_5{padding: 5px;}
.pad_2{padding: 2px;}
.pad_5{padding: 5px;}


/* positioning */
.pos_float{float: left;}
.pos_float_rt{float: right;}

/* text alignments */
.txt_al_just{text-align: justify;}
.txt_al_left{text-align: left;}
.txt_al_right{text-align: right;}

/* vertical alignment */
.v_al{vertical-align: top;}
.v_al_mid{vertical-align: middle;}


/* ids */
#header{background: transparent url(../images/clpn_header2.gif) no-repeat top left; width: 600px; height: 90px; margin: auto;}
#help{
font: 75% verdana;
background-image: url(../images/clpn_comb_help.gif);
background-position : top left;
background-attachment: fixed;
background-repeat : no-repeat;
text-align: center;
padding: 0px;
margin: 0px;
}

/*message board specific*/

/*message board matched pair header normal cell left*/
td.board_table_left{
width:10%;
background-color: white;
color: black;
text-align: left;
vertical-align: top;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
padding: 4px 4px;
}
/*message board header normal cell right*/
td.board_table_right{
width:90%;
background-color: white;
color: black;
text-align: justify;
vertical-align: top;
border-bottom : 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 4px 4px 4px 4px;
}
td.board_message_1{
/*message listing left border cell 1 of 6*/
/*width:3%;*/
background-color: white;
color: black;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
padding: 4px 4px;
}
td.board_message_2{
/*message listing (name) internal cell 2 of 6*/
width:50%;
background-color: white;
color: black;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
padding: 4px 4px 4px 4px;
}
td.board_message_3{
/*message listing  internal cell 3/4/5 of 6*/
/*width:5%;*/
background-color: white;
color: black;
text-align: right;
vertical-align: top;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
padding: 4px 4px 4px 4px;
}
td.board_message_4{
/*message listing right border internal cell 6 of 6*/
width:30%;
background-color: white;
color: black;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
padding: 4px 4px 4px 4px;
}

td.table_intermediate{
background-color: #eeeeee;
color: black;
font:8px verdana;
text-align: center;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

td.table_intermediate_board{
background-color: white;
color: black;
text-align: center;
border: 1px solid #ffffff;
line-height : 140%
}

td.table_intermediate_message{
background-color: white;
color: black;
text-align: center;
border-left: 1px solid white;
/*border-right: 1px solid #white;*/
/*border-bottom: 1px solid #FFF5D5;*/
}
td.table_intermediate_reply{
background-color: #eeeeee;
color: black;
text-align: center;
/*border-bottom: 1px solid #FFF5D5;*/
border-left: 1px solid #eeeeee;
/*border-right: 1px solid #eeeeee;*/
height: 30px;
}
/* the next one is a gap */
td.table_header_space{
color: black;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;*/
padding: 4px 4px 4px 4px;
background-color : white;
}
td.table_header_space2{
color: black;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #FFF5D5;
border-left: 1px solid #FFF5D5;
border-right: 1px solid #FFF5D5;*/
padding: 4px 4px 4px 4px;
background-color : none;
}
td.table_header{
width:50%;
background-color: #807A7A;
color: #fffff5;
text-align: center;
line-height: 150%;
}

td.table_header_lighter{
background-color: #cccccc; 
border: 1px solid #cccccc; 
color: black;
text-align: center;
line-height: 150%;
}
td.table_header_pale{
background-color: #eeeeee; 
border: 1px solid #eeeeee; 
color: black;
text-align: center;
line-height: 150%;
}
/* db output formtting - matched pair of output cells */
td.table_body_left{
width:20%;
background-color: #eeeeee;
color: black;
text-align: left;
vertical-align: middle;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 4px 4px 4px 4px;
height : 30px;
}
td.table_body_right{
width: 80%;
background-color: white;
color: black;
text-align: justify;
vertical-align: middle;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 4px 4px 4px 4px;
height : 30px;
}
.liner{
width:98%;
height: auto;
text-align: left;
background-color: transparent;
line-height : 150%;
margin-left:auto;
margin-right: auto;
}

/* more output cells matched pair- header cells for member search results */
td.table_member_head_left{
width:40%;
background-color: #eeeeee;
color: black;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
padding: 4px 4px;
}
td.table_member_head_right{
width:60%;
background-color: #eeeeee;
color: black;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
padding: 4px 4px;
}

/* matched pair - member_search results left*/
td.table_member_left{
width:50%;
background-color: white;
color:black;
text-align: left;
vertical-align: middle;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
padding: 4px 4px;
}
td.table_member_right{
width:50%;
background-color: white;
color: black;
text-align: justify;
vertical-align: top;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
padding: 4px 4px 4px 4px;
}
/* bullet points */
li{margin-bottom: 10px;}
/* hr */
hr{height: 1px; color: #cccccc; background-color: #cccccc; border: none;}
/* text indent using margin*/
.ti_20{margin-left: 20px;}