@charset "iso-8859-1";

/* General elements */
html, body {min-height:101%}
body {
	color: midnightblue;
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	text-align: center;
	font-size: 85%;
	padding: 0px;
	margin: 0px;
	background: ghostwhite;
}
form {
	margin: 0;
	padding: 0;
}

.pageTopAnchor { text-align: left; }
.black_text { color: black; }
.prominent_text { color: #FF34B3; }
.prominent_text a:link, .prominent_text a:active, .prominent_text a:visited, .prominent_text a:hover { color: #FF34B3;}
.v_prominent_text {
	color: #FF34B3;
	font-weight: bold;
	font-size: 1.2em;
	}
.promotion_text {
color: #FF34B3;
font-weight: bold;
}
.dividing_line {
	border-top-color: black;
	border-top-style: dotted;
	border-top-width: 1px;
	width: auto;
}
.container {
	position: relative;
	top: 0px;
	width: 1024px;
	overflow: hidden;
	padding: 10px;
	margin: 0 auto;
	text-align: left;
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
}
.header{
	position: relative;
	display: inline;
	float: left;
	width: 100%;
	height: 100px;
}
.headerLogoContainer {
	position: absolute;
	display: block;
	height: 100px;
	width: 224px;
	text-align: center;
	background: black;
}
.headerLogoContainer img {
	width: 224px;
	height: 77px;
	border: none;
	margin-top: 0px;
}
.logoWebAddress {
	color: #fff46a;
}

.headerPhotoContainer  {
	position: absolute;
	display: block;
	bottom: 0px;
	left: 224px;
	width: 800px;
	height: 100px;
}
.headerPhotoContainer img {
	float: left;
	height: 100px;
	width: 156px;
	margin-left: 4px;
	border: none;
}
.district_name_header {
	position: relative;
	right: -864px;
	height: 90px;
	width: 160px;
	font-size: 1.2em;
	text-align: right;
}
.district_name_header a:active, .district_name_header a:link, .district_name_header a:visited {
	color: #F5FFFA;
	background-color: black;
}

.small_notice{
	font-size: 0.8em;
	line-height: 0.8em;
}
a:link ,  a:visited, a:active  {
	text-decoration: none;
	color: #104E8B;
	}
a:hover {text-decoration: underline;}

/* members links - male and female */
.member_m_link a:link, .member_m_link a:active, .member_m_link a:visited, .member_m_link a:hover { color: midnightblue; font-weight: bold; }
.member_f_link a:link, .member_f_link a:active, .member_f_link a:visited, .member_f_link a:hover { color: #CD1076; font-weight: bold; }
.unv{ background: #CCCCCC; }
/* .new { background: #CCCCCC; } */
.known{ background: #98FB98; }
.adv{ background: #B0E0E6; }
.mod { border: 2px solid #8470FF; }
.admin { border: 2px solid #C71585; }
.s_admin { border: 2px solid #FFA500; }

.memberIcon, .friendIcon {
	margin-left: 3px;
}
.memberIconMoved {
	position: relative;
	top: 2px;
	margin-left: 3px;
}

/* footer elements */
.adsense_page_bottom_cont {	
	float: left;
	width: 728px;
	overflow: hidden;
	margin: 0px 0px 10px 165px;
}

.footer_bar {
	background-color: #104E8B;
	color: #F5FFFA;
	width: auto;
	float: left;
	width: 1024px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 2px;
	font-size: 0.8em;
}
.footer_bar span { color: lightgray !important; }
.footer_bar img {
	position: relative;
	bottom: -3px;
	height: 12px;
}
.lower_links , .lower_keywords{
	float: left;
	width: 1024px;
	text-align: center;
	font-size: 0.8em;
	color: #104E8B;
}
.lower_links span { color: #333333 !important; }
.lower_keywords { color: lightgray; }
.projectHoneyPot , .additionalLinks{
	display: none;
}

/* Navigation bars */
.lineBelowHeader {
	float: left;
	width: 100%;
	height: 0px;
	border-top-color: #282828;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: midnightblue;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

/* top navigation line  */
.upperNavigation {
	float: left;
	width: 100%;
	background: #104E8B;
	font-size: 1.2em;
	color: #778899;
	overflow; hidden;
}
.active_top {
	float: left;
	background: #00688B;
	padding: 4px 4px 5px 4px;
	border: 1px solid lightgray;
	border-bottom: none;
	}
.inactive_top {
	float: left;
	padding: 5px 5px 5px 5px;
	}
.active_top a{
	color: #F5FFFA !important;
	text-decoration: none;
}
.inactive_top a {
	color: lightgray;
	text-decoration: none;
}

/* lower navigation line  */
.lowerNavigation {
	float: left;
	width: 100%;
	background: #00688B;
	font-size: 1.2em;
	color: #778899;
	overflow; hidden;
}
.active_lower {
	float: left;
	background: #104E8B;
	padding: 4px 4px 5px 4px;
	border: 1px solid transparent;
	border-bottom: none;
	}
.inactive_lower {
	float: left;
	padding: 5px 5px 5px 5px;
	}
.active_lower a {
	color: #F5FFFA;
	text-decoration: none;
}
.inactive_lower a {
	color: lightgray;
	text-decoration: none;
}
.active_top a:hover, .inactive_top a:hover, .active_lower a:hover, .inactive_lower a:hover {
	text-decoration: underline;
}


/* Left column */
.mainLeftColumn {	
	background: transparent;
	width: 160px;
	height: auto;
	margin: 5px;
	float: left;
}
.box_top_1 {
	background: #104E8B 
	url(../design/img/Box_top_1.png) no-repeat;
	color: #F5FFFA;
	width: 145px;
	font-weight: medium;
	padding-left: 15px;
}
.box_bottom_1 {
	background: #104E8B 
	url(../design/img/Box_bottom_1.png) no-repeat;
	color: #F5FFFA;
	width: 160px;
	height: 10px;
}

/* My BTA box ,if logged in */
.my_bta_box_1, .my_bta_box_2, .my_bta_box_3 {
	border: 3px solid #104E8B;
	overflow: hidden;
}
.my_bta_box_2 {
	border-top: none;
	margin-bottom: 5px;
}
.my_bta_box_3 {
	margin-bottom: 5px;
	text-align: center;
}

.my_bta_inner_cont_1{
	width: 154px;
	float: left;
	font-size: 0.9em;
	padding: 0px 2px 2px 3px;
}
.my_bta_inner_cont_2 {
	overflow: hidden;
	width: 154px;
}
.my_bta_inner, .my_bta_inner_link {
	padding: 0px 3px;
	font-size: 0.9em;
}
.my_bta_inner_link  {
	padding: 0px 0px 2px 0px;
}

.my_bta_h_line {
	background: lightgray;
	width: 148px;
	height: 1px;
	margin: 3px 3px;
}
.my_bta_tcl {
	float: left;
	height: 11px;
	width: 11px;
	z-index: 4;
	background: 
	url(../design/img/my_box_tl.png) no-repeat left top;
}
.my_bta_tcr {
	float: right;
	height: 11px;
	width: 11px;
	z-index: 4;
	background: 
	url(../design/img/my_box_tr.png) no-repeat right top;
}
.my_bta_bcl {
	float: left;
	height: 11px;
	width: 11px;
	z-index: 4;
	background:
	url(../design/img/my_box_bl.png) no-repeat left bottom;
}
.my_bta_bcr {
	float: right;
	height: 11px;
	width: 11px;
	background: 
	url(../design/img/my_box_br.png) no-repeat right bottom;
	z-index: 4;
}


/* if not logged in: */
.login_box {
	background: #D1EEEE;
	width: 152px;
	overflow: hidden;
	padding: 4px;	
}
.login_left {
	float: left;
	color: black;
}
.login_form {
	float: right;
	width: 100px;
	position: relative;
	left: -8px;
	color: black;
}

.login_lower {
	float: left;
	margin: 5px 5px 5px 5px;
	text-align: center;
	width: 90%;
}

.login_form input {
	font-size: 0.8em;
}
.left_small_box input {
	font-size: 0.8em;
}
.left_small_box {
	background: #D1EEEE;
	width: 152px;
	padding: 4px;
}
.small_m_image {
	margin-left: 5px;
	margin-right: 10px;
	width: 140px;
}
.small_m_image img { border: 1px solid black; }
.r_m_member_image_name { 
	width: 150px;
	text-align: center;
}
.r_m_member_name {
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
}
.welcome_new_list{
	text-align: center;
	line-height: 0.8em;
}

.adsense_mid_left_cont {	
	width: 160px;
	overflow: hidden;
	margin-bottom: 10px;
}
.badges_container img {
	border: none;
}
.wot_badge {
	text-align: center;
}
.qualys_badge {
	text-align: center;
}
.honeyPotBadge {
	text-align: center;
	width: 100%;
	margin: 5px 0px;
}



/* Right column */
.main_right_col {
	float: left;
	background: transparent;
	width: 300px;
	overflow: hidden;
	margin: 0px 5px 5px 5px;
	float: right;
}
.adsense_top_right_cont {
	float: right;
	width: 300px;
	overflow: hidden;
	margin: 10px 0px; 
}

/* Active members box */
.active_m_box {
	border: 3px solid #104E8B;
	overflow: hidden;
	margin-top: 5px;
	width: 294px;
}
.active_m_heading {
	font-size: 0.8em;
	text-align: center;
	color: black;
	padding: 5px;
	border-bottom: 1px solid lightgray;
	margin: 0px 3px 3px 3px;;
}
.active_m_inner_cont_l, .active_m_inner_cont_r{
	overflow: hidden;
	width: 139px;
	float: left;
	font-size: 0.9em;
	padding: 0px 2px 2px 5px;
	border-right: 1px solid lightgray;
}
.active_m_inner_cont_r {
	border: none;
}

.active_m_lower_pad {
	float: left;
	width: 294px;
	height: 1px;
}

/* Centre elements - common elements for many pages */
.message_box, .errorMessageBox, .okMessageBox {
	width: 516px;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	overflow: hidden;
	background: #ECF1EF;
	border: 2px solid #FF34B3;
	font-size: 0.9em;
	color: black;
	font-weight: bold;
	}
.okMessageBox  { border: 2px solid #BCEE68; }
.errorOkMessageIcon {
	float: left;
	margin-right: 5px;
}
.buttonHighlight {
	border: 2px solid #FFD700;
	border-left: 4px solid #FFD700;
	border-right: 4px solid #FFD700;
	display: inline-block;
}
.mainCentreColumn {
	float: left;
	width: 530px;
	margin: 2px 5px 5px 5px;
}
/* .mainCentreColumn  div{
	float: left;
} */
.breadcrumbsHeader {
	font-size: 0.9em;
	margin: 0px 2px 2px 2px;
}
.quickLinks2 {
	float: right!important;
	text-align: right;
	font-weight: bold;
	font-size: 0.8em;
}
.topSubmitButtons form {
	float: left;
	margin-right: 5px;
}

#centreHeading {
	width: 100%;
	background: powderblue;
	color: midnightblue;
	font-size: 1.0em;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid darkgrey;
	border-bottom: 2px solid lightgray;
	text-align: left;
	float: left;
	margin: 0px;
}
.centreContentBox {
	width: 100%;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	height: auto;
	overflow: hidden;
	background: whitesmoke;	
	border: 1px solid lavender;
}

.itemTitle {
	background: lavender;
	color: dimgray;
	padding: 3px;
	font-size: 0.9em;
	min-height: 20px;
}
.itemText {
	color: black;
	padding: 8px 3px;
	font-size: 0.9em;
	overflow: hidden;
	min-height: 20px;
}
.fullWidth {
	width: 521px; /* 530px in total */
}
.leftMarginSpace {
	margin-left: 3px;
}
.halfWidth {
	width: 256px;
}
.quartWidth {
	width: 124px;
}
.eighthWidth {
	width: 58px;
}
.twoThirdsWidth {
	width: 342px;
}
.thirdWidth {
	width: 167px;
}
.regMemberItem {
	width: 166px;
	margin: 0px 0px 3px 3px;
	padding: 3px;
}
.itemText div {
	float: none;
}
.transparent {
	background: transparent;
}
.maxTextHeight {
	max-height: 20px;
}
.centreText {
	text-align: center;
}
.centreText  div {
	float: none!important;
}
.largerSymbols {
	font-size: 1.4em;
	line-height: 0.6em;
	position: relative;
	top: 2px;
}
.greyLink  a, .greyText{
	color: silver!important;
}
.greyLink  a:hover{
	color: black;	
}

.smallerGL {
	font-size: 0.9em!important;
}
.highlight_form {
	/* background: lightpink!important; */
	background: #FEE0C6!important;
}

/* For calendar box */
.calendar_box {
	background: #D1EEEE;
	width: 156px;
	overflow: hidden;
	padding: 1px;
	font-size: 0.8em;
	font-weight: normal;
	border: 1px solid lightgray;
	margin: 10px 0px 10px 0px;
}
.calendar_box a:hover { text-decoration: none; }
.cal_day_heading {
	float: left;
	width: 100%;
	margin: auto;
	text-align: center;
}
.date_head_cont {
	float: left;
	width: 100%;
}
.date_heading {
	width: 116px;
	float: left;
	margin: auto;
	text-align: center;
	font-weight: bold;
	}
.reset_button {
	float: left;
	width: 20px;
	text-align: center;
}
.reset_button a:link, .reset_button a:active, .reset_button a:visited { color: lightgray; }
.reset_button a:hover { color: midnightblue; }

.today_heading {
	float: left;
	width: 100%;
	margin: auto;
	text-align: center;
	color: black;
}
.today_sm_block, .today_md_block {
	float: left;
	width: 23px;
	background: #F5FFFA;
	border: 1px solid transparent;
}
.today_md_block { width: 54px; }
.today_heading div:hover {
	border: 1px solid #FF34B3;
} 
.day_block {
	float: left;
	width: 20px;
	border: 1px solid transparent;
}
.cal_dividing_line {
	background: lightgray;
	float: left;
	width: 100%;
	height: 1px;
}
.cell_cont {
	float: left;
	overflow: hidden;
	background: #F5FFFA;
	font-weight: bold;
}
.cal_empty_cell {
	float: left;
	width: 20px;
	height: 10px;
	text-align: center;
	border: 1px solid transparent;
}
.cal_active_cell, .cal_wknd_cell, .cal_today_cell {
	float: left;
	width: 20px;
	text-align: center;
	border: 1px solid transparent;
}
.cal_wknd_cell a{ color: black; }
.cal_today_cell { border: 1px solid #C1CDCD; }
.cal_today_cell a{ color: #FF34B3; }

.cell_cont .cal_active_cell:hover, .cell_cont .cal_today_cell:hover { border: 1px solid black; }
.cell_cont .cal_wknd_cell:hover { border: 1px solid #F08080; }

/* End of calendar */