/*
<!--
'Author: Yoke
'Date Start: 25/11/08
'Date Finish: -
'----------------------------
'Flow Number: 
'Program edit description: css file of the template for front-end(keep updating)
'Table used: -
'Included files: -
'-----------------------------
'Modification:
'Author:
'Datetime:
'Desc of Change
-->
*/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: white;
	margin: 0;
	padding: 0;
}

textarea{
font-family: Arial, Helvetica, sans-serif;
}
table.main{
	background:url("images/bg.jpg");
	width: 820px;
	margin: 0 auto 0 auto;
	padding: 0;
	border-collapse:collapse;
	background-color:#756774;
}
*html table.main{
	width: 800px;
}

#header{
width:410px;
background:url("images/header_01.jpg") no-repeat;
}

*html #header{
width:420px;
}
*+html #header{
width:420px;
}

a img{
border:none;
}
#leftmenubar{
	width:215px;
}
#leftmenubar a{
color:white;
}

#content {
	color:white;
	height:494px;
	vertical-align: top;
	text-align:left;
	width:580px;
}
#content ul{
list-style-type:square;
}

#content li a{
color:white;
text-decoration:none;

}
#content li a:hover{
text-decoration:underline;
}

#content a{
color:#C7CECF;
}
#content #indexevent{
border-collapse:collapse;
padding:0;

}
#content #indexevent td{
padding:0;
}
#content #indexevent #event0{
background:url("./images/whats_on_bg.jpg");
width:280px;
padding-right:0px;
}
#content #indexevent #event0 ul,#content #indexevent #event1 ul{
margin-top:10px;
}
#content #indexevent #event0 a,#content #indexevent #event1 a{
color:#823E6E;
font-weight:bolder;
}
#content #indexevent #event0 a:hover{

}
#content #indexevent #event1{
background:url("./images/upcoming_bg.jpg");
width:280px;
padding-right:0px;
}

#content #indexevent #event1 a:hover{

}
#content #indexevent #note{
color:#FF00FF;
}
#content #note{
font-size:12px;
color:#442c42;
width:115px;
vertical-align:middle;
color:yellow;

}

#content td{
	vertical-align: top;
	padding-bottom:10px;

}

#content #calendartable{
width:565px;
}
#content #calendartable th{
background-color:black;
border:solid 1px black;
color:white;
}
#content #calendartable #dayname{
background-color:#442C42;
font-weight:bold;
}
#content #calendartable td{
border:solid 1px silver;
width:70px; /*minimum 20px*/
height:12px;
text-align:center;

}

#content #calendartable #eventday{
background-color:#FFEB11;
/*	background-color:#f2b204;*/
	cursor: pointer;
	width:70px; /*minimum 20px*/
height:12px;
color:black;
}
#content #calendartable #eventday:hover{
	background-color:#FFCC43;
	font-weight:bold;
}

#content #calendartable #active{
background-color:#F2B204;
color:white;
	font-weight:bold;
}

#content #accounttype td{
padding:8px;
border:solid 1px #DDD;
}
#content #accounttype td ul{
padding:0px 0px 0px 15px;
margin:0;
}
#content #accounttype td ul li{
list-style:url("./images/icon-tick.gif");
}
#content #titlename{
margin-bottom:0px;
margin-top:3px;
font-variant:small-caps;
font-size:20px;
color:white;
}
#content #titlename a{
text-decoration:none;
color:white
}
#content #titlename a:hover{
color:#FA00E0;
}
#content #eventheader{
/*color:#DDD;*/
color:#212121;
text-transform: uppercase;
font-size:11px;
font:Tahoma;
font-weight:bold;
}
#content #myevents tr:hover{
color:white;
background-color:#021C36;
}
#content #myevents th{
background-color:#442c42;
text-align:center;
color:white;
padding:5px;
}
#content #myevents td{
border:solid 1px #DDD;
text-align:center;
color:white;
}
#content #myevents td a{
color:white;
text-decoration:none;
}
#content #myevents td a:hover{
color:#442c42;
}

#content #pasteventheader{
font-weight:bold;
font-size:14px;
}
#content #pasteventtitle li{
margin-left:10px;
}
#content #pasteventtitle li a{
text-decoration:none;
}

#content #pasteventtitle li a:hover{
color: #FF0000;
}

#content #cpmenu a{
color:white;
font-weight:bold;
text-decoration:none;
}
#content #cpmenu a:hover{
color:#442c42;
}
#content #eventpartstat th{
background-color:black;
color:white;
}
#content #eventpartstat td{
border:solid 1px #E5E5E5;
text-align:center;
font-weight:bold;
}
#content #samcommentheader{
background:url("./images/sam_bubble.gif");
width:576px;
height:250px;
background-repeat:no-repeat;
font-size:20px;
padding:10px 0px 10px 0px;
font-weight:bold;
text-align:center;
}
#content #samcomment{
width:300px;
margin-top:50px;
font-size:12px;
font-weight:normal;
margin-left:190px;
text-align:left;
}
#listing{
	vertical-align: top;
	width:200px;
}
#listing fieldset{
background-color:#003366;
border:none;
width:170px;
margin-left:3px;

}
#listing a{
text-decoration:none;
color:#C7CECF;
padding-left:20px;
line-height:1.2em;
}
#listing a:hover{
color:#5C0402;
}
#footer {
	background:url("images/footer.jpg") repeat-y repeat-x;
	text-align:center;
}

#edgeL{
	width: 10px;
	background:url("images/shadow_left.png") repeat-y 0 0;
	background-position: center right;
	background-color:white;
}
*html #edgeL{
	display:none;
}
#edgeR{
	width: 10px;
	background:url("images/shadow_right.png") repeat-y 0 0; 
	background-color:white;
}
*html #edgeR{
	display:none;
}	
.search_txt {
	
	font-weight: bold;
	color: #FFFFFF;
}
.txt a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #432D42;
	text-decoration:none;
}
.txt_link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
#membermenu{
background:url("images/background_eventdetails.jpg");
width:180px;
margin-left:20px;
}
#membermenu #title{
color:white;
background-color:black;
margin:0;
padding:5px 5px 5px 10px;
}
#membermenu #menu{
color:yellow;
padding:10px 5px 10px 10px;
}
#membermenu #menu ul{
line-height:1.5em;
margin-top:0px;
margin-bottom:0px;
}
#membermenu #menu a{
text-decoration:none;
color:#AAA;
}
#membermenu #menu a:hover{
color:white;
}

#eventcalendar_area{
width:560px;margin:20px 0px 0px 0px;text-align: justify;
}
#eventcalendar_area #cat{
/*background-color:#987D6C;*/
background-color:#E1D5E1;
color:#442C42;
padding:5px;width:74.5%;float:left
}

#eventcalendar_area #cat2{
background-color:#908890;
color:#FFF;
padding:5px;width:74.5%;float:left
}

#eventcalendar_area #date{
background-color:#442C42;color:#CCC;padding:5px;width:118px;float:right;text-align:right
}
#eventcalendar_area #title{
margin:20px 0px 5px 0px ; 
}
#eventcalendar_area #title a{
font-size:18px;color:white;text-decoration:none;
}
#eventcalendar_area #title a:hover{
text-decoration:underline;
}
#eventcalendar_area #text{
color:#DDD;
}
#eventcalendar_catjumper{
float:right;
margin:0px 15px 0px 0px;
}
* html #eventcalendar_catjumper{
margin:0px 10px 0px 0px;
}

#eventcalendar_regevent{
	background: black;
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    -khtml-opacity: 0.60;
    opacity: 0.60;
    width: 100%;
    z-index: 0;
	padding:10px;
	margin-top:10px;
}
#eventcalendar_showtitle{
float:left;
font-size:16px;font-style:italic;
}

#eventdetails_summary{
background:url("images/background_eventdetails.jpg");
padding:5px;
margin-top:-20px;
width:565px;
font: 10pt Arial;
}
* html #eventdetails_summary{
width:568px;
}
*+html #eventdetails_summary{
width:568px;
}
#eventdetails_summary textarea{
font: 10pt Arial;
}
#advsearchform{
background-color:#E6DEF5;color:#983D6E;margin:0px;padding:10px;
}
#advsearchform label{
width:65px;
float:left;
}
#advsearchform input,select{
font:11px Arial;color:#983D6E;
margin-bottom:5px
}
#advsearchform a{
text-decoration:none;
color:black;
}
#advsearchform a:hover{
color:#983D6E;
}

#eventdetails_summary2{
background:url("images/background_eventdetails.jpg");
padding:10px 0px 10px 10px;
width:565px;
font: 10pt Arial;
line-height:1.5em;
}
#eventdetails_summary2 #label{
width:60px;
float:left;
}
* html #eventdetails_summary2{
width:568px;
}
*+html #eventdetails_summary2{
width:568px;
}

#comp_event_table{
width:98%;
}
#comp_event_table #title{
font:14px Arial;
border-bottom:dashed 1px white;
width:80%;
}
#comp_event_table #date{
text-align:right;
border-bottom:dashed 1px white;
}

#comp_event_table #title a:link{
color:white;
text-decoration:none;
}
#comp_event_table #title a:visited, #comp_event_table #title a:hover{
color:#D898D8;
text-decoration:none;
}

.transbg{
background:url("images/background_eventdetails.jpg");
}

#profilemenu a{
color: white;
text-decoration:none;
}

#profilemenu a:hover{
color:#FA00E0;
}

div.profiletitle{
background-color:#212121;padding:10px; font-size:14px;font-variant:small-caps;font-weight:bold;
margin:0px 0px 10px 0px;
}

#memberprofiletable{
width:100%;margin:0;border-collapse:collapse;
}
#memberprofiletable #firstheader{
width:120px;
}
#memberprofiletable #secondheader{
width:5px;
}
#memberprofiletable td{
padding-left:20px;
}
#eventparticipantstat{
border-collapse:collapse;
}
#eventparticipantstat td{
height:10px;
line-height:1em;
}
#eventparticipantstat td a{
font-weight:bold;
text-decoration:none;
}
#eventparticipantstat td a:hover{
color:#FA00E0;
}

#findsemlink{
width:100px;
float:right;
margin-right:15px;
padding:3px
}
#findsemlink a{
color:white;
text-decoration:none;
}
#findsemlink img{
margin-bottom:-5px
}