/* Default body Styles and Colours */

body, *{

	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size:12px;
	}

	a{
		color:#446786;
		}
	ol{
		color:#6e6e6e;
		}




p, ol, ul, li, table, td, th, form {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px; 

}

input, textarea, select {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px; 

	font-weight: normal;

}

	    

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.formbutton{
cursor:pointer;
border:outset 0px #fff;
background:#fff;
color:#fff;
font-weight:bold;
padding: 1px 2px;
background:url(images/buttones.gif) repeat-x left ;
}





/* Outline style is used to generate the lines around items and tables */

.outline {

	background-color: #C0C0C0;

}



/* Header styles are used in the header of the page */

.header01 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #E45B0A;

	background-color: #FFFFFF;

	font-weight: bold;

	background-image: ;



}

.header02 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	font-weight: bold;

}

.header02 a:hover{

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	font-weight: bold;

}

/* Navigation Menu Styles */

.simple {

	color: #000000;

	background-color: #ffffff;

	vertical-align: top;

/*	font-weight: bold; */

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

/* Navigation Menu Styles */

.navmenu {

	color: #000000;

	background-color: #CCCCCC;

	vertical-align: top;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.navmenu a:link {

	text-decoration: none;

	color: #000000;



}

.navmenu a:visited {

	color: #000000;

	text-decoration: none;

}

.navmenu a:hover {

	color: #E45B0A;

	text-decoration: none;

}

.navmenu a:active {

	color: #000000;

	text-decoration: none;

}


/* Table heading 12 12 08  - ron */




/* Table Heading Style with Main Background Colours */

.th01 {

	font-weight: bold;

	color: #FFFFFF;


	vertical-align: top;
	text-align:left;
	padding-left:18px;
	height:30px;
	padding-top:8px;
	background-image:url(images/thheadingbg.gif);
	background-repeat:repeat-x;
	background-color:#095896;

}

.th01btn{
	background-image:url(images/th01btn.gif);
	font-weight: bold;
	color: #FFFFFF;
	
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	height:30px;
	width:165px!important;
	background-repeat:no-repeat;
		
	}
		
			
	.th01btn a, .th01btnactive a{
		color: #FFFFFF;
		text-decoration:none !important;
		}
			.th01btn a:hover, .th01btnactive a:hover{
			text-decoration:underline;
			color: #FFFFFF;
			}
	
.th01btnactive{
	background-image:url(images/th01btnactive.gif);
	font-weight: bold;
	color: #FFFFFF;
	
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	height:30px;
	width:165px!important;
	background-repeat:no-repeat;
	}
.th01body{
background-color: #C0C0C0 ;
/*background-image:url(images/headingbg.gif);*/
background-repeat:repeat-x;
	}
	.th01 a, .th01light a{

	color: #ffffff;

	text-decoration: underline;

}


.th01 a:visited {

	color: #ffffff;

	text-decoration: underline;

}

.th01 a:hover{

	color: #ffffff;

	text-decoration: underline;

}

.th01 a:active{

	color: #ffffff;

	text-decoration: underline;

}



/* Table Heading Style with Hilight Background Colours */

.th02 {

	font-weight: bold;
	color: #4e4e4e;
	background-color:#ffffff;
	vertical-align: top;
	background-image:url(images/th02bg.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;

}


/*webstages width*/

.websg{
	width:125px;
	}


/* Table Heading Style with body background colours */

.th03 {

	font-weight: bold;

	color: #E45B0A;

	/*background-color: #FFFFFF;*/

	vertical-align: top;

}



/* Table Data Style with Body Background */

.td01 {

	font-weight: normal;

	background-color: #FFFFFF;
	
	background-image:url(images/td01bg.gif);
	
	background-repeat:repeat-x;
	background-position:bottom;

	color: #000000;

	vertical-align: top;
		padding:10px;

}



.td01alt{

	font-weight: normal;

	background-color: #FFFFFF;
	
	background-image:url(images/td01bg2.gif);
	
	background-repeat:repeat-x;
	background-position:bottom;

	color: #000000;

	vertical-align: top;
	padding:10px;
	}

/*addlist entry table yellow*/

.td01c{
	background-image:url(images/addlistentrytdbg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#feffdc;
	padding:10px;
	color:#333333;
	}
	

/* Table Data Syle with "selected" Body Background */

.td01b {

	font-weight: normal;

	background-color: #DEEBF5;

	color: #000000;

	vertical-align: top;
	padding:10px;

}

/* Attachment heading background */

.tdattachheading{
	background-image:url(images/tdattachheadingbg.gif);
	background-repeat:no-repeat;
	padding:10px;
	padding-left:15px;

	}

/* Attachment background */

.tdattach{
	background-image:url(images/tdattachbg.gif);
	background-repeat:no-repeat;
	padding:10px;
	padding-left:60px;
	}


/* Left Column Table Heading Sytle with Main Background Colours */

.tlh01a {

	font-weight: bold;

	color: #000000;

	background-color: #CCCCCC;

	vertical-align: top;

}

.tlh01a a:link {

	color: #E45B0A;

	text-decoration: underline;

}

.tlh01a a:visited {

	color: #E45B0A;

	text-decoration: underline;

}

.tlh01a a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}

.tlh01a a:active {

	color: #E45B0A;

	text-decoration: underline;

}



/* Left Column Table Heading Sytle with Hilight Background Colours */

.tlh01b {

	font-weight: bold;

	color: #FFFFFF;

	background-color: #3A79B1;

	background-image: ;

	vertical-align: top;

}

.tlh01b a:link {

	color: #FFFFFF;

	text-decoration: underline;

}

.tlh01b a:visited {

	color: #FFFFFF;

	text-decoration: underline;

}

.tlh01b a:hover {

	color: #CCCCCC;

	text-decoration: none;

}

.tlh01b a:active {

	color: #FFFFFF;

	text-decoration: underline;

}



/* Footer Styles */

.footer {

	font-size: 10px;

	color: #000000;

	background-color: #FFFFFF;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

}

.footer a:link {

	color: #000000;

	text-decoration: none;

}

.footer a:visited {

	color: #000000;

	text-decoration: none;

}

.footer a:hover {

	color: #AAAAAA;

	text-decoration: none;

}

.footer a:active {

	color: #000000;

	text-decoration: none;

}



.copyright {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #AAAAAA;

	margin: 8px 0px 0px;

}



/* Various layout only styles */

.ic01 {

	vertical-align: bottom;

}

.fixedwidth {

	font-family: "Courier New", Courier, mono;

}

.tb01 {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;



}

.tb02 {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;



}

.tb03 {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;



}

.tb04 {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

}

.big01 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

}

/* --- Pagination --- */

.sns_page_panel {

    padding: 3px 0px;

}



.sns_page_panel ul {

    margin: 0;

    padding: 0;

    font-size: 10px;

}



.sns_page_panel li {

    list-style-type: none;

    display: inline;

    padding-bottom: 1px;

}



.sns_page_panel a, .sns_page_panel a:visited {

    padding: 2px 5px;

    border: 1px solid #195B85;

    color: #195B85;

    text-decoration: none;

}



.sns_page_panel a:hover, .sns_page_panel a:active {

    border: 1px solid #FF0000;

    color:#000;

    background-color: #FFF;

}



.sns_page_panel a.currentpage {

    background-color: #195B85;

    color: #FFF !important;

    border-color: #195B85;

    font-weight: bold;

    cursor: default;

}



.sns_page_panel a.disablelink, .sns_page_panel a.disablelink:hover {

    background-color: white;

    cursor: default;

    color: #929292;

    border-color: #929292;

    font-weight: normal !important;

}



.sns_page_panel a.prevnext {

    font-weight: bold;

}

/*########################

 	BORDERS

 ########################*/

 

 

 .border {

 	border:1px #332F2F solid;

 	background:#195B85;

 }

 

 .border2 { border:1px #BDBDBD solid; background:#fff; color:#000;  }

 .border3 { border:1px #95C719 solid; background:#000; color:#fff; }

 .border4 { border:1px #BDBDBD solid; background:#F6F6F6; }

 .border5 { border-bottom:1px #000 dashed; }

 .border6 { border:1px #95C719 solid; background:#2589C5; color:#fff; }

 .border7 { border-bottom:1px #98C920 dashed; }

 .border8 { background:#F5F5F5; border:1px #000 solid; }

 .border9 { background:#fff; color:#000; }

 

 /* USED IN MAIL ALERT */ 

 .border10 { background:#000 url(line10.gif); color:#fff; }

 .border11 { border:1px #BDBDBD solid; background:#fff; color:#000; } 

 

 /* B-BOARD */

 .border12 { background:#fff; color:#000; } 

 .border13 { background:#F5F5F5; color:#000; } 

 .border14 { background:#F9F9F9; color:#fff; } 

 

 

 /*########################

 	FORUM

 ########################*/

 

 .forum-1 {

 	background:#54A4DE;

 	color:#fff;

 	font-size:8pt;

 }

 

 .forum-2 {

 	background:#F6F6F6;

 	color:#000;

 	font-size:8pt;

 }

 

 .forum-2 a { color:#54A4DE; }

 .forum-2 a:hover { color:#54A4DE; text-decoration:underline; }

 

 .forum-3 {

 	border:1px #000 solid;

 }

 

 .forum-4 {

 	border:1px #000 solid;

 	background:#fff;

 	color:#000;

 	font-size:8pt;

 }

 

 .forum-q {

 	background:#F5F5F5;

 	color:#000;

 	font-size:8pt;

 	border:1px #54A4DE solid;

 

 }

 

 

 /*########################

 	DROP DOWN MENU

 ########################*/

 

 #dropmenudiv{

 	padding:5px;

 	border:1px #c0c0c0 solid;

 	background:#1c4c80;

 	position:absolute;

 	z-index:100;

 	font-size:7pt;

 	text-align:left;

 }

 

 #dropmenudiv a {

 	color:#fff;

 }

 

 #dropmenudiv a:hover {

 	color:#fff;

 	text-decoration:underline;

 }

 

 /*########################

 	MESSAGES AND ERRORS

 ########################*/

 span.message_message {

    background-image: url("/design/pic/message.gif");

    background-repeat: no-repeat;

	padding-left: 20px;

	padding-bottom: 6px;

 }

 

 span.error {

	background-image: url("/design/pic/warning.gif");

	background-repeat: no-repeat;

	padding-left: 20px;

	color: #FF0000;

	padding-bottom: 6px;

 }

 

 span.message_error {

	background-image: url("/design/pic/warning.gif");

    font-weight: bold;

	background-repeat: no-repeat;

	padding-left: 20px;

	color: #FF0000;

	padding-bottom: 6px;

 }

 /* --- Topic/Reply Post Buttons --- */



.btn {

    background:   #DEEBF5;

    border-color: #000;



    color:#000000;

    font-weight:bold;

    font-size:10px;

    text-decoration: none;

    cursor: pointer;

    display: block;

    position: relative;

    padding: 5px;

    float: left;

}



.btn * {

    background-image: url(pic/btn.png);

    background-repeat: no-repeat;

    display: block;

    position: relative;

    vertical-align: middle;

     background-position: center;

	 position: static;

    

}



.btn i {

    background-position: top left;

    position: absolute;

    margin-bottom: -5px;

    top: 0;

    left: 0;

    width: 5px;

    height: 5px;

}

.btn span {

    background-position: bottom left;

    left: -5px;

    padding: 0 0 5px 10px;

    margin-bottom: -5px;

}



.btn span i {

    background-position: bottom right;

    margin-bottom: 0;

    position: absolute;

    left: 100%;

    width: 10px;

    height: 100%;

    top: 0;

}



.btn span span {

    background-position: top right;

    position: absolute;

    right: -10px;

    margin-left: 10px;

    top: -5px;

    height: 0;

}



* html .btn span,

* html .btn i {

  float: left;

  width: auto;

  background-image: none;

  cursor: pointer;

}



.btn:hover { background-color: #000; text-decoration: none; color: #fff;}

.btn:active { background-color: #FF0000; text-decoration: none; color: #fff;}

.btn[class] {  background-image: url(pic/btn_shade.png); background-position: bottom;}



* html .btn { border: 3px double #aaa; }

* html .btn:hover { border-color: #000; text-decoration: none; color: #fff;}







/* --- Form Button --- */



.formbutton, .formbutton_small {

    cursor:pointer;

    border:outset 1px #ccc;

    background:#999;

    color:#555;

    background:url(pic/formbg.gif) repeat-x left top;

}



.formbutton {

    font-size:10px;

    font-weight:bold;

    padding: 3px 5px;

}



.formbutton_small {

    font-size:9px;

    font-weight:bold;

    padding: 2px 3px;

}
#main {
    margin: auto;
	border: 1px solid #cccccc;
	width: 400px;
	background: #F1F3F5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
}



#result {
    margin-left: 100px;
	border: 1px solid #cccccc;
	width: 350px;
	background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 11px;
    padding:5px;
    margin-top:15px;
    margin-bottom:10px;
}

.text {
	border: 1px solid #cccccc;
}

input {

}


#caption{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:10px;
    font-size : 14px;
    color:#C64934;
}

#icon{
    width:100px;
    height:100px;
    float:left;
    background-image:url(icon.gif);
    background-repeat: no-repeat;
    background-position:center center;
}
#icon2{
    width:100px;
    height:50px;
    float:left;
    background-image:url(icon2.gif);
    background-repeat: no-repeat;
    background-position:center center;
}





/* General menu */

#adminwrap{	
	padding-top:30px;
	padding-bottom:30px;
	width:980px;
	margin:0 auto;
	text-align:left;
	}
	
	
	#adminwrap p{
		margin:0;
		padding:0;
	}
#adminwrap #menu, #adminwrap #menu2{
	list-style-type:none;
	width:480px;
	float:left;
	margin:0;
	padding:0;
	margin-left:10px;
	}
	
	

	#adminwrap #menu1 li{
		width:480px;
		float:left;
		display:inline;
		margin:0;
		background-image:url(images/listbg.jpg);
		background-repeat:no-repeat;
		padding: 10px 0 15px 15px;
		margin-bottom:5px;
		}
		
		#adminwrap #menu li{
		width:480px;
		float:left;
		display:inline;
		margin:0;
		background-image:url(images/listbg2.jpg);
		background-repeat:no-repeat;
		padding: 10px 0 15px 10px;
		margin-bottom:5px;
		}
		
	    /*#menu li:hover{
		background-image:url(images/listbgover.jpg) !important;
		background-repeat:no-repeat !important;
		color:#cde8fe !important;
		}
		
		#menu li:hover a{
		color:#ffffff;
		}*/
		
		

	
#adminwrap #menu .imageholder, #adminwrap #menu2 .imageholder{
	width: 53px;
	float:left;
	margin-right:10px;
	}
	
#adminwrap #menu .textholder, #adminwrap #menu2 .textholder{
	width: 390px;
	float:left;
	margin-left:10px;
	padding-right: 5px;
	}
	
	
/* table alternative */
#tablewrapper{
	width:100%;
	position:relative;
	}
#colwrapper{
	width:100%;
	float:left;
	border: 1px solid #C0C0C0;
	position:relative;
	overflow:hidden;
	background-image:url(images/td01bg.gif);
	background-repeat:repeat-x;
	}
	
#contentleft{
	width:110px;
	border-right: 1px solid #C0C0C0;
	padding:10px;
	margin:0px;
	float:left;
	height:100%;
	}
	
#contentright{
	padding:10px;
	margin:0px;
	float:left;
	height:100%;
	}
.clear{
	clear:both;
	height:1px;
	}

.noborderbottom{
	border-bottom:none !important;
	}
	
	
/* my gallery */

.imageholder{
	margin:15px;
	float:left;
	}
.imagetitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	padding:5px;
	border-bottom: 1PX solid #CCCCCC;
	}
.viewedit, .viewedit a{
	font-size:11px;
	color:#666666;	
	text-decoration:none;
	}

.viewedit a:hover{
	color:#CCCCCC;
	}
.viewedit{
	padding:5px;
	}
.myimage{
	padding:3px;
	background-color:#666666;
	}

.myh1{
	font-size:14px;
	color:#6dba47;
	font-weight:bold;
	}

.myh2{	
	 font-size:22px;
	 	color:#aad467;
		border-bottom:1px dotted #979797;
		}
		

#critlist ul li, #critlist ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
#critlist ul li{
	background-image:url(images/bulletgreen.gif);
	background-repeat:no-repeat;
	padding:5px 0 5px 20px;
	margin-left:5px;
	}