/* Start of CMSMS style sheet 'kowiana_stylesheet_main' */
/* Thanks to Nela Dunato of inobscuro.com for the vector brushes */

html{
	margin:0;
	height:100%;
	}

body {
	margin:0;
	height:100%;
	
	background-color:#FFFFFF;
	background-image: none;		/* url('uploads/images/bodybg.gif') */
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	}

#mainbody {
	min-height: 100%;
	width: 1000px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
	background-color: #FFFFFF;
	background-image: url('uploads/images/mainbodybg.gif');
	background-repeat: repeat-y;	
}


#contentbody {
	width: 730px;
	z-index: 2;
}

* html #contentbody {
	float: left;		/* fixes placement in IE6 */
}

#headerbg {
	width: 100%;
	height: 240px;
	margin: 50px 0 0 0;
	left: 0;	
	z-index: 0;	
	position: absolute;	
	background-color:  rgb(50,95,172);	/* rgb(50,95,172) */
	border-top: 25px solid rgb(198,214,255);
	border-bottom: 25px solid rgb(198,214,255);	
}

#headerbanner {
	width: 100%;
	height: 240px;
	background-color:  rgb(50,95,172);	/* rgb(50,95,172) */
	border-top: 25px solid rgb(198,214,255);
	border-bottom: 25px solid rgb(198,214,255);				
	background-image: url('uploads/images/header.gif');;		/* url('uploads/images/header_temp6.gif'); */
	background-repeat: no-repeat;	
}

#headerupper {
	width: 700px;
	height: 20px; /* 50px total */
	padding: 15px 15px 15px 15px;
	background-color: #FFFFFF;
}

#nav { 
	width: 250px;		/* ... was 275 */
	min-height: 100%;
	padding: 15px 0 0 0;
	
	float: right;
	
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	background-color: rgb(150,0,0);
	z-index: 5;
}


/*#content {
	width: 565px;
	padding: 360px 20px 20px 120px;	/* firefox doesn't display as wanted - needs padding to push content below header 
	*padding-top: 20px;				/* ie6/7 only; should be proper padding 
	background-color: #FFFFFF;
	}
	
* html #content {
	position: absolute;			/* displacement in IE6 
}	*/

#contentwrapper {
	width: 630px;
	padding-top: 20px;		/* was 360px */
	/*padding-top: 20px;				 ie6/7 only; should be proper padding */
	float:left;	
}

#sponsorbar {
	width: 100px;			/* prev 80px */
	min-height: 500px;
	margin-top: 10px;
	padding: 5px 0px 5px 0px;			/* prev 5px 10px 5px 10px; */
	background-color: #FFFFFF;
	float: left;
}

#content {		/* also see IE hacks in template */
	width: 610px;
	margin: 10px 0px 0px 120px;		/* 120px, to give space for sponsorbar, without floating */
	min-height: 500px;
	padding: 0;	
	position: relative;
	background-color: #FFFFFF;
	z-index: 2;
}

* html #content {
	margin-top: -450px; /* fixes content placement in IE 6 */
	height: 500px;		/* fixes min-height bug - IE 6 treats height as min-height */
}



#onthispage {
	width: 135px;
	margin: 0px 0px 20px 20px;
	padding: 5px;
	background-color: rgb(190, 255, 220);
	border-top: 5px solid #3CB878;
	border-bottom: 5px solid #3CB878;
	float: right;
}

#membersonlynotice {		/* like onthispagebox, just different colours... not used currently, couldn't choose nice colours */
	width: 135px;
	margin: 0px 0px 20px 20px;
	padding: 5px;
	background-color: rgb(255, 200, 55);
	border-top: 5px solid rgb(150, 0, 0);
	border-bottom: 5px solid rgb(150, 0, 0);
	float: right;
}

div#onthispage ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

	
img {
	border: none;
}

img.contentimgR {
	border: 2px solid #000000;
	padding: 15px;
	margin: 25px 25px 25px 25px;
	float: right;
}

img.contentimgL {
	border: 2px solid #000000;
	padding: 15px;
	margin: 0px 25px 25px 25px;
	*margin-top: 25px;
	float: left;
	clear: left;
}

img.contentimgC {
	border: 2px solid #000000;
	padding: 15px;
	margin: 0px auto 25px auto;
	*margin-top: 25px;
}


/* UNUSED CLASSES - for previous back-to-top links next to content headers... looks a bit dirty IMO
 * To use, change the PageBox class */

div.HeaderTwo {
	height: 18px;
	margin-bottom: 20px;
}

div.HeaderTwo font.HeaderTwo {		/* same as h2 */
	font-size: 18px;
	font-weight: bold;
	color: #3399FF;
	float: left;
}

div.backtopicon {
	height: 9px;
	width: 9px;
	margin: 7px 0px 0px 5px;
	_margin-top: 4px;		/* IE 6 */
	background-image: url(uploads/images/bullet_backtotop_over.gif);
	background-repeat: no-repeat;
	float: left;
	background-position-y: center;
}

*+html div.backtopicon img {		/* IE7 */
	margin-bottom: 10px;
}

* html a:hover {visibility:visible;}
div.backtopicon a:hover img {visibility:hidden;}
	
	/* /UNUSED CLASSES */
	
	
	
	
	
	
/* TEXT
 * ----------------------------------- */

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #FFD200;
	margin-top: 0;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #3399FF;
}

font.smallText {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

a:link, a:visited {
	color: #0099FF; /*0000EE, underline, 0000EE, none*/
	text-decoration: none;
}

a:hover, a:active {
	color: #FFD200;
	text-decoration: underline;
}

#menubar a:link, #menubar a:visited, a.smallLink:link, a.smallLink:visited {
	font-size: 10px;
	color: #0099FF;
	text-decoration: none;	
}

#menubar a:hover, #menubar a:active, a.smallLink:hover, a.smallLink:active {
	font-size: 10px;
	color: #FFD200;
	text-decoration: underline;
}

li {
	list-style-image: url('uploads/images/contentbullet.gif');
}

li li {
	list-style-image: url('uploads/images/contentbullet2.gif');
}











/* HEADER
 * ----------------------------------- */



#langselect {
	width: 50%;
	float: left;
	vertical-align: middle;
	visibility: hidden;			/* currently not in use */
}

.langflag {
	border: 1px solid #000000;	
}

#loginstatus {
	width: 50%;
	float: right;
	text-align: right;
	visibility: hidden;			/* currently not in use */
}


/* demo
.sponsorbox {
	width: 80px;
	height: 80px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #000000;
	float: left;
	clear: left;
} */

.sponsorbox {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	clear: left;
} 

#sponsorhdr {
	width: 80px;
	margin: 0px 10px 5px 10px;
	font-weight: bold;
	color: rgb(90,0,1);
	text-align: center;
	float: left;
	font-size: 12px;
}



#headerlogo {
	width: 200px;	/* 300 total */
	height: 250px;		/* 275 total, same as headerimg */
	padding: 25px 50px 0px 50px;
	float: left;	
	
	background-color:#FFFFFF;
}



#footer {
	width: 100%;
	height: 40px;
	padding-top: 10px;	
	text-align: center;
	background-color:  rgb(50,95,172);
	border-top: 25px solid rgb(198,214,255);
}

#footerBackTop {
	width: 100%;
	height: 25px;
	margin-top: 50px;	
	text-align: center;
}









/******************************************/

#notice {		/* for "under construction" sign */
	border: 2px dashed #CC0000;
	padding: 5px 5px 5px 5px;
	margin-bottom: 25px;
	background-color:#FF9966;
	text-align: center;
	color: #CC0000;
	font-style:italic;	
}

#warningnotice {		/* for "old conference info" sign */
	width: 580px;
	height: 50px;
	padding: 10px;
	margin: 0px 0px 25px 0px;
	border: 1px solid rgb(220,220,220);	
	background-color:rgb(235, 235, 235);
	color: #000000;
	font-style:italic;	
}

img#warning {
	margin-right: 10px;
	float: left;
}







/* MAIN CONTENT
 * ----------------------------------- */


#notice {		/* for "under construction" sign */
	border: 2px dashed #CC0000;
	padding: 5px;
	background-color:#FF9966;
	text-align: center;
}

#noticetext {
	color:#CC0000;
	font-style:italic;
}


#aboutbox {		/* for brief info, link to about us page */
	width: 503px;	/* 2px border seems to count.. ? */
	padding: 5px;
	float: right;
	background-color:#FFFF66;			/* background-color: rgb(255,255,150); ---- dull yellow alternative, use with no border */
	border: 1px solid rgb(255, 153, 0);	
}

* html #aboutbox {
	width: 498px;
}


#aboutboxheadertext {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

#aboutboxtext {
	vertical-align: middle;
	font-style:italic;
}

#aboutfeedwrap {
	width: 100%;
	height: 50px;
}

/*#newsfeed {
	width: 85px;
	margin-left: 5px;
	margin-right: 5px;	
	padding: 0px;
	text-align: center;
	float: right;
}*/

#newsfeed {
	width: 32px;
	margin-left: 5px;
	margin-right: 5px;	
	padding: 0px;
	text-align: center;
	position: absolute;
	top: 0px;
	*top: 10px;
	right: 0px;
}


img.ebfacesmall {
	height: 90px;
	width: 60px;
	border: 3px solid #000099;
}

img.ebfacelarge {
	border: 3px solid #000099;
}



table.visibleGridTbl {
	border:1px solid black;
	border-collapse:collapse;
}

table.visibleGridTbl td {		/* was td.visibleGridTd */
	border:1px solid black;
	padding:5px;
	text-align:left;
	vertical-align:top;
}


table.visibleGridTblLightTemp {               		/* for alpha new-admin, delete when finished */
	border:1px solid #C0C0C0;
	border-collapse:collapse;
}

table.visibleGridTblLightTemp td {
	border:1px solid #C0C0C0;
	padding:5px;
	text-align:left;
	vertical-align:top;
}










/* NEWS
 * -----------------------------------
 */


div .NewsSummary {		/* news box */
	width: 100%;
}

div .NewsSummaryTitle {	/* news title */
	width: 610px;		/* 610 total, content width */
	height: 50px;
	padding: 0px;
	margin-top: 10px;
	border-bottom: 1px solid rgb(220,220,220);
}

div.NewsSummaryTitle a {
	font-size: 28px;
	float: left;
}


div .NewsDetailTitle {	/* news title */
	width: 610px;		/* 610 total, content width */
	height: 45px;
	padding: 0px;
	margin-top: 10px;
	border-bottom: 1px solid rgb(220,220,220);
	font-size: 28px;	/* title text */
	color: #3399FF;
}



div .NewsPostdate {
	width: 50px;
	height: 39px;
	margin: 5px 15px 0px 0px;
	padding: 3px 3px 3px 3px;
	font-size: 10px;
	float: left;
	background-color: rgb(240,240,240);		
}

div .NewsDetailPostdate {
	width: 50px;
	height: 39px;
	margin: 0px 15px 0px 0px;
	padding: 3px 3px 3px 3px;
	font-size: 10px;
	float: left;
	background-color: rgb(240,240,240);	
}

div.NewsPostdateD {
	font-size: 24px;
	text-align: center;
	color: rgb(150,150,150);
}
div.NewsPostdateM {
	text-align: center;	
	color: rgb(150,150,150);
}



div .NewsSummaryPostDetails {
	width: 520px;
	margin-top: 3px;
	float: left;
}

div .NewsDetailPostDetails {	/* placement of Author/Category differs slightly in Detail view to give the header more edge */
	width: 610px;
	margin: 3px 0px 20px 0px;
}

div .NewsCategory {
	float: right;
	font-size: 10px;
	font-weight: bold;
	color: rgb(150,150,150);
}

div .NewsAuthor {
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: rgb(150,150,150);	
}
div .NewsContent {	/* news content */
	width: 590px;
	margin-bottom: 30px;
	padding: 15px 10px 15px 10px;	/* 65 top... 35 title, 10 grad, 20 padding */
}

div #NewsPostDetailFooter {
	width: 610px;
	height: 12px;
	text-align: center;
}

div #NewsPostDetailPrintLink {
}

div #NewsPostDetailReturnLink {
	
}






/* COMMENTS 
 * * * * * * * * * * * * * * * * */

div#comments {
	width: 590px;
}

div#comments p.error {
	font-weight: bold;
}

div#comments textarea {
	width: 300px;
	height: 100px;
}

div#comments td {
	padding: 5px;
}

div#comments td#commentAuthorNameInput input {
	width: 150px;		
}

input.submitBtn, td.submitBtns input {	/* needed td.SubmitBtns input, because the Comments template is in Smarty, and can't add a style class to the buttons.*/
	margin: 0 10px 0 0;
	padding: 3px;
	border: 1px solid #0099FF;
	color: #0099FF;
	font-weight: bold;
	background-color: #FFFFFF;
	display: inline;
}

.textStyleBtn {
	margin: 0;
	padding: 0;
	border: none;	
	color: #0099FF;
	font-weight: bold;
	background-color: rgb(190, 255, 220);;
	display: block;
}

a:active *.textStyleBtn, a:focus *.textStyleBtn, a:hover *.textStyleBtn {
	color: #FFD200;
	text-decoration: none;
	border: none;
}





/* displaying the comments themselves */

ul#commentlist {
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
}

li.commentpost1 {
	padding: 10px 20px 10px 20px;
	border-top: 1px solid rgb(200,230,255);
	border-bottom: 1px solid rgb(200,230,255);
	background-color: rgb(240,245,255);
	list-style-image: none;	
}

li.commentpost2 {
	padding: 10px 20px 10px 20px;
	background-color: #FFFFFF;
	list-style-image: none;
}

font.commentAuthor {
	font-size: 12px;
	font-weight: bold;
}

font.commentDate {
	font-size: 10px;
	font-weight: bold;
	color: rgb(150,150,150);
}

font.commentBody {
	font-size: 11px;
	word-spacing: 2px;
	font-weight: bold;	
	color: rgb(100,100,100);
}








/* ----- FORM BUILDER ----- */
.formbuilderform textarea {
	height: 7em !important;
	width: 300px;
}








/* ----- CONTENT PAGE: PERSON VIEWER ----- */
	/* for use with k_PersonViewer.php */
	
	div.PersonSummary {
		width: 600px;
		height: 120px;
		background-image: url(uploads/images/pages/peoplebg_1.jpg);
		background-repeat: no-repeat;
		margin: 10px 0px 10px 0px;
	}
	
	div.PersonSummaryPic {
		float: left;
		padding: 10px;
	}
	div.PersonSummaryText {
		float: left;
		width: 480px;
		vertical-align:top;
		padding: 10px;
	}
	div.PersonSummaryMoreLink {
		float:right;
		text-align:right;
	}


	div.PersonView {
		vertical-align:top;
		width: 100%;
	}





/* CONTENT PAGE - Members
 * -----------------------------------
 */

td.memboxbg_details, td.memboxbg_memren {
	width: 160px;
	height: 200px;
	*height: 160px;
	padding: 20px;
	text-align: center;
	vertical-align: top;
}

td.memboxinner {
	width: 160px; 
	height: 40px;	
	padding-top: 55px;
	*padding-top: 60px;
}

td.memboxbg_details {
	background-image: url(uploads/images/members_boxbg_details.jpg);
}

td.memboxbg_memren {
	background-image: url(uploads/images/members_boxbg_memren.jpg)
}


table.submitform {
	margin-left: 150px;
	*margin-left: auto;
	margin-right: auto;
}








/* CONTENT PAGE - Member-Admin
 * -----------------------------------
 */

table.mbrList {
	width: 100%;
	padding: 0;
	margin: 0;	
	border-collapse: collapse;
}

tr.mbrListHdrRow {
}

td.mbrListHdrCell {
	padding: 10px 0px 10px 0px;
	margin: 0;
	background-color: #00CCFF;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid black;	
}

tr.mbrListRow {
}

td.mbrListFtrCell {
}

form.mbrAdminFunction {
	padding: 0;
	margin: 0;
}

td.mbrListFtrPageMax {
	padding: 5px 5px 5px 5px;	
	vertical-align: middle;
	background-color: rgb(225,245,255);	/* very light blue */
	border-top: 2px solid black;
}

td.mbrListFtrListPages {
	padding: 5px 5px 5px 5px;	
	vertical-align: middle;
	background-color: rgb(225,245,255);	/* very light blue */
	border-top: 2px solid black;
	text-align: right;
}

td.mbrListCellA {
	height: 0;
	line-height: 2;
	text-align: center;
}

td.mbrListCellB {
	height: 0;
	line-height: 2;
	text-align: center;
	background-color: #EEEEEE;
}


input.mbrListFtrPageMaxInput {
	width: 20px;
}

font.mbrStatusUnregistered {
	font-weight: bold;
	color: #FF0000;
}

font.mbrStatusRegistered {
	font-weight: bold;
	color: #FF9900;
}

font.mbrStatusConfirmed {
	font-weight: bold;
	color: #FFD200;
}

font.mbrStatusMember {
	font-weight: bold;
	color: #009900;
}




/* End of 'kowiana_stylesheet_main' */