@charset "utf-8";
/* CSS Document */

/* =====================Text Alignments==============================*/



.text_l{
text-align: left;
}

.text_r{
text-align: right;
}

.text_c{
text-align: center;
}

.text_j{
text-align:justify;
}

.ImageLabelTitle{
padding-top:5px; /* get garrett to add */
padding-bottom:5px; /* get garrett to add */
font-family: Arial;
font-size: 15px;
font-weight: bold;
color: #ffffff; /*garrett to chan nge*/

/*text-align: left; *//* get garrett to add */
padding-left: 30px;
padding-right: 30px; /* get garrett to add */
/* get garrett to add */
}
p.ImageLabelTitle{
 
z-index:-1; 
}


.dashLabelTitle{
padding-top:5px; 
padding-bottom:5px; 
font-family: Arial;
font-size: 15px;
font-weight: bold;
color: #5a584f; 


padding-left: 30px;
padding-right: 30px;

}

.EditorBox {
width:200px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #fff9c5;
}


.LabelSmall {
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: Black;
}

.LabelLarge {
font-family: Arial;
font-size: 16px;
font-weight: bold;
/*color: Olive;*/
color:#138b92;
}



.RadioPayments{
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: Olive;
}

/* =====================Rounded corners=============================*/

/* rounded box styles */
.roundBox{ /* total box*/
	background: transparent;
	margin:0px;
	margin-top:10px;
	float:left;
	width:100%;
}
.innerRoundBox{ /* total box*/
	background: transparent;
	padding:0px 10px 0px 10px;
	/*margin:10px 0;*/
	/*float:left;*/
width:auto;
}

.roundBox_content{
	display:block; 
	/*text-align: center;*/
	height: 100%;
/*background: transparent url(grad_2.png) top left repeat-x;  */
}

.dashBoardBox{
height:40px;
}

.dashBoardText{
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #5a584f;

}

.rb_head_grad{
background: transparent url(site_assets/header_grad.png) top left repeat-x; 
}

/*-----------------------corners -----------------------  */

.rb1, .rb2, .rb3, .rb4, .rb5, .rb6, .rb7{
	display:block; 
	overflow:hidden; 
	font-size:0;
	/*background:#fff000; */ /*needed ?*/
}
.rb1, .rb2, .rb3, .rb4, .rb5, .rb6{
	height:1px;

}

.rb1, .rb2, .rb3, .rb4, .rb5, .rb6, .rb7, .roundBox_content{
/* set  the color of the background*/
/*background:#5a584f; */
}

/* corner colors*/
.rb_lb{
background:#b2a479; /* light brown for round box */
}

.rb_db{
background:#5a584f; /* dark brown for round box */
}

.rb_red{
/*background:#c21d19; */

background:#e23824; /*red for round box */
}

.rb_wht{
background:#ffffff; /*red for round box */
}

.rb_turq{
background:#138b92; /*turquoise  for round box */
}

.rb_crm{
background:#f8ecc1; /*cream  for round box */
}





/* corner size/pos  */
.rb1 {margin:0 8px;} /*top and bottom rows */ /*8 or 9 ? */
.rb2 {margin:0 6px;} /*2nd from top and bottom rows */
.rb3 {margin:0 4px;} /*3rd from top and bottom rows */
.rb4 {margin:0 3px;} /*4th from top and bottom rows */
.rb5 {margin:0 2px;}
.rb6 {margin:0 2px;} 
.rb7 {margin:0 1px; height:2px;} 


/*----------------------- speech arrows -----------------------  */

/* arrow size/pos  */
.l_arrow{
position:relative;
float:left;
font-size: 0px; line-height: 0%; width: 0px;
border-top: 20px solid #5a584f;
border-left: 10px dotted transparent;
border-right: 7px dotted transparent; /* 5px is causing a dot in ie, 7px is ok !*/
margin-left:12px; /* position of arrow */
}

.r_arrow{
position:relative;
float:right;
text-align:right;
font-size: 0px; line-height: 0%; width: 0px;
/*border-top: 20px solid #5a584f;*/
border-left: 7px dotted transparent; /* 5px is causing a dot in ie, 7px is ok !*/
border-right: 10px dotted transparent;
margin-right:12px; /* position of arrow */
}

/* arrow color */
.arr_lb{
 border-top: 20px solid #b2a479; /* light brown for round box */
 }
 
.arr_db{
 border-top: 20px solid #5a584f; /* dark brown for round box */
 }
 
.arr_red{
 border-top: 20px solid #e23824; /* red for round box */
 }
 
.arr_wht{
 border-top: 20px solid #ffffff; /* red for round box */
 }
 
.arr_turq{
 border-top: 20px solid #138b92; /* red for round box */
 }


 
 
 img.star_bg{
/*clear: both;
position: relative;
left: 0px;
top: 50px;
z-index: 1;*/
 }
 
 /*why this no work ???*/
  .bg_star{
/*background: transparent url(site_assets/turk_star.png) no-repeat;*/

 }
 
 
 
 /* =====================Text styling=================================*/

  
 /*community noticeboard text*/
 .comNoticeTxt {
padding-top:5px; 
padding-bottom:5px;
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding-left: 30px;
padding-right: 30px;
}

 .comNoticeTxt a{
padding-top:5px; 
padding-bottom:5px;
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #ffffff;
 text-decoration: none;
 padding-left: 0px;

}


 /*faq text*/
 .faqNoticeTxt {
padding-top:5px; 
padding-bottom:5px;
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #000000;
padding-left: 10px;
padding-right: 10px;
}

.faqQA{
color: #ff0000;
}


 /* Footer text*/
 /* in gareths css */
 
 
/* =====================|image corners==============================*/

/*=======lrg========================*/
.img_corns20 {
 background :  url(site_assets/head_corn_tl.png) no-repeat; 
 /* background : #669900 url(site_assets/head_corn_tl.png) no-repeat; */ 
  width : 100%;
  height : 100%;
  position : relative;
  /*padding : 30px 40px;*/
}

.tl20, .tr20, .bl20, .br20 {
  position : absolute;
 width : 19px;
 height : 19px;  /* corner images are 20x20 */
  display : block;
 /* margin-bottom : -1px; */ /* this is for IE */
}

.tr20 {
  background : transparent url(site_assets/head_corn_tr.png) no-repeat;
  top : 0;
  right : 0;
}

.bl20 {
  background : transparent url(site_assets/head_corn_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

.br20 {
  background : transparent url(site_assets/head_corn_br.png) no-repeat;
  right : 0;
  bottom : 0;
}

/*=========================sml=========================*/

.img_corns10 {
 background :  url(site_assets/head_corn_tl_10.png) no-repeat; 
  width : 100%;
  height : 100%;
  position : relative;
  /*padding : 30px 40px;*/
}

.tl10, .tr10, .bl10, .br10 {
  position : absolute;
 width : 9px;
 height : 9px;  /* corner images are 20x20 */
  display : block;
 /* margin-bottom : -1px; */ /* this is for IE */
}

.tr10 {
  background : transparent url(site_assets/head_corn_tr_10.png) no-repeat;
  top : 0;
  right : 0;
}

.bl10 {
  background : transparent url(site_assets/head_corn_bl_10.png) no-repeat;
  bottom : 0;
  left : 0;
}

.br10 {
  background : transparent url(site_assets/head_corn_br_10.png) no-repeat;
  right : 0;
  bottom : 0;
}

/* ie png fix */
/*is this the right place ? */

/*
brakes child elements, and doesnt work with some csss images
img, div, DIV {
     behavior: url(/script/iepngfix.htc) 
     }
*/


/*=========================login table styling=========================*/

.LoginLabel{
/*padding-top:5px; 
padding-bottom:5px; */
padding:5px; 
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #ffffff; 
/*padding-left: 30px;
padding-right: 30px; */
}

.LoginLink{
padding:5px; 
font-family: Arial;
font-size: 12px;
font-weight: bold;
/*color: #b2a479;*/
color:#e23824;
}

.LoginNameLabel{
padding:5px; 
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #b2a479;
}

.MemberTxt{
	font-weight: bold;
	color:#ffffff;
}

.RegisterLink{
	font-weight: bold;
	/*color:#e23824;*/
	color: black;
	
}



/*=========================Search box=========================*/

#DefaultSearchDiv{
}


.searchTable{
margin-left: auto;
margin-right: auto;
}

/*=========================Search box=========================*/
/*  dashboard panel fix , maybe something to do with .clear ff errors .k */

.clearBoth{
clear:both;
}