/**
 * template_name subBlackmambo
 * version 4.5.1
 * copyright (C) 2004 by Martin Rafferty
 * This template is inspired by and based on the phpBB & phpNuke theme subBlack 
 * phpBB theme designed by spectra @ www.gamerhaven.com, phpNuke the designed by www.nukemods.com
 */

/**
 * Template Tutorial - CSS Design Classes
 */



/**
 * CSS Guide for Mambo 4.5 templates 
 * @author Wee Keat Chin
 * @url www.visualdensity.com
 * @email weekeat@visualdensity.com
 */


/**
 * General Body Styling
 * --------------------
 * These are normal css setup reccommended for your
 * HTML template although they are not neccessary
 */
 
body   { color: #000; background-color: #fff; margin: 0; crollbar-darkshadow-color: #000000; scrollbar-3dlight-color: #616161; scrollbar-arrow-color: #A1A1A1; scrollbar-face-color: #212121; scrollbar-highlight-color: #404040; scrollbar-shadow-color: #000000; scrollbar-track-color: #000000  }

td,tr,p,div  { color: #000; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif }

h4  { color: #999; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold }

h5  { color: #999; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold }

h6  { color: #999; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold }

a:link, a:visited  { color: #009be1; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }

a:hover  { color: #009be1; text-decoration: underline }
	
ul {
	margin: 0px 0px 0px 0px;
	}

li {
	list-style: inside 3px;
	}
	


/**
 * General Mambo Styles
 * --------------------
 * The following are styles that are often used
 * site wide by Mambo to provide better control
 * of content's appearences.
 */

hr { 
	/* often used in components like Akobook, and Simpleboard forum
	   to define the separator lines */
	background: transparent; 
	height:1px; 
	border: 1px solid #212121;
	}

hr.separator {
	/* found this css style in Peekmambo's css style. Still haven't worked out
	   if this is a custom style or an in built style. Will update when I find out*/
	background: transparent;
	height: 1px;
	width: 75px;
	border: 1px solid #212121;
}

.pagenavbar { 
	/*for some weird reasons, this is not used in page nav, but found it used 
	  for nick names in forum threads by Simpleboard */
}

.pagenav {
	/* as the name implies, this is for formatting texts for
	   those "<< Start < Previous 1 Next > End >>" links */
	font-weight: normal;
}

a.pagenav, a.pagenav:visited  { color: #009be1; font-weight: bold }

a.pagenav:hover  { color: #009be1 }

.small  { color: #000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none }

.smalldark  { color: #000; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none }

.pathway  { color: #000 }

a.pathway, a.pathway:visited  { color: #009be1 }

a.pathway:hover  { color: #009be1 }


/**
 * Mambo Form Styles
 * -----------------
 * Here are 2 styles that Mambo uses to let users control
 * how their forms and buttons may look.
 */
 
.button  { color: #fff; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; background: #009be1; text-align: center; margin-top: 4px; height: 20px; border: solid 1px #000000 }

.inputbox  { color: #000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background: #fff; border: solid 1px }





/**
 * Mambo Tabbed Frontend Admin Interface
 * -------------------------------------
 * The CSS styles here defines how the frontend admin interface
 * will look like when editing and adding news through frontend.
 */
 
.ontab  { color: #000; font-weight: bold; background-color: #fff; text-align: center; border-style: outset outset solid; border-width: 1px; border-color: #ffffcc }
.offtab  { color: #000; font-weight: normal; background-color: #fff; text-align: center; cursor: hand; border-style: outset outset solid; border-width: 1px; border-color: #ffffcc }

.tabpadding {
	/* this style is used set the size of the tab in 
	   in the above */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.tabheading {
	/* Not too sure what this is used for. Couldn't find anything
	   related to it yet at the moment */
}

.pagetext  { color: #000; top: 0 }



/**
 * Mambo Menu Styling
 * ------------
 * You can control the way menu behave and look
 * by using the CSS settings below
 */

a.mainlevel:link, a.mainlevel:visited  { color: #009be1; font-weight: bold; line-height: 20px; text-decoration: none; text-align: left }

a.mainlevel:hover  { color: #009be1; font-weight: bold; text-decoration: underline; text-align: left }
	
a.sublevel:link, a.sublevel:visited  { color: #009be1; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none }

a.sublevel:hover  { color: #009be1; text-decoration: underline }





/**
 * Mambo General styling for Sections/Categories/Contents
 * ------------------------------------------------------
 * These stylings are either sometimes or often used across
 * Sections, categories and contents. They, therefore, deserves
 * to be mentioned and separated from others.
 */
 
.createdate  { color: #999; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none }

.modifydate  { color: #999; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none }

a.readon:link, a.readon:visited  { color: #009be1; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }

a.readon:hover  { color: #009be1; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: underline }





/** 
 * Mambo Styling for Contents
 * --------------------------
 * All the styling for contents are listed
 * below.
 */
 
.contentpane {
	/* This is used mainly for the table that holds the SECTIONS such as News.
	   This is when you create a link to a Section and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. Yes! That entire thing is contained in a table with this style */
	background-color: transparent;
}

.content-pane .tab-page  { color: #009be1; background-color: #fff }

.contentpaneopen {
	background-color: transparent;
}

.contentheading  { color: #666; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 16px; text-align: left; height: 15px }

.contentpagetitle  { color: #000; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-align: left }

.contentdescription  { color: #000; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left }

table.contenttoc  { background-color: #fff; border: solid 1px #ffffcc }

table.contenttoc td {
	/* the same as above, but this is used to format the td or
	   table cells */
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding: 3px;
}

.content_rating {
	/* used for styling the texts used for displaying 
	   those "stars" for rating in an article */
	font-weight: normal;
	font-size: 8pt;
}

.content_vote {
	/* used for those voting texts (the one with voting RADIO buttons) */
	font-weight: normal;
	font-size: 8pt;
}


/**
 * Mambo Sections Styles
 * ---------------------
 * Styling of sections tables 
 */

.sectiontableheader  { color: #000; font-weight: bold; background-image: url("../images/cellpic1.gif"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 1px; border-top: 1px solid #212121; border-bottom: 1px solid #212121 }

.sectiontableentry1,  { }
	
.sectiontableentry2  { }





/**
 * Mambo Styles for Categories
 * ---------------------------
 * The following are the styling for "Category" items
 * generated from the Sections area
 */

.category  { color: #000; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none }

a.category:link, a.category:visited  { color: #009be1; font-weight: bold; text-decoration: none }

a.category:hover  { color: #009be1; text-decoration: underline }




/**
 * Mambo Blog styling
 * ------------------
 * Not too sure where this is used yet. I tried the blog section
 * but it doesn't seem to use it. If you have info on this,
 * email me. I'll update this part.
 */
 
a.blogsection:link, a.blogsection:visited  { color: #009be1; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }

a.blogsection:hover  { color: #009be1; font-size: 10px; text-decoration: underline }




/**
 * Mambo Components Styles
 * -----------------------
 * These stylings are to format the way components title
 * is displayed
 */


.componentheading  { color: #009be1; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-align: left }


/**
 * Mambo Modules formatting
 * ------------------------
 * These stylings are to format the way modules are
 * displayed. It mainly deals with the format of its
 * table. I think this doesn't need too much explaining
 */

table.moduletable {
	/* styling the module table */
	margin: 0px 0px 0px 0px;
	width: 95%;
	}

table.moduletable th    { color: #000; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 800; background-color: #009be1; text-transform: uppercase; letter-spacing: 1px; padding: 2px 1px 1px; border-top: medium none #000000; border-bottom: 1px solid #000000 }

table.moduletable td {
	/* well.. for formatting the table cells of the module table */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	}
	


/**
 * Mambo's Built-in Component's Syling
 * -----------------------------------
 * These stylings are used for Mambo's built-in components
 * such as newsfeeds, weblinks, contact, search and polls.
 * A commented subtitle will guide you which is for which
 */
 
 
 /*  Polls  */
 
.poll  { color: #009be1; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 14px }

.pollstableborder {
	/* set the border properties of the polls voting table */
	border: 1px solid #212121;
}



/*  Weblinks */

a.weblinks:link, a.weblinks:visited  { color: #009be1; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none }

a.weblinks:hover  { color: #009be1; text-decoration: underline }
	


/*  Newsfeeds */

.newsfeedheading  { color: #009be1; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold }

.newsfeeddate  { color: #999; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal }

.fase4rdf  { color: #999; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal }

a.fase4rdf:link  { color: #009be1; font-size: 11px; font-weight: bold }

a.fase4rdf:hover  { color: #009be1; font-size: 11px; font-weight: bold }


/* Search page */


table.searchintro  { color: #000; border: solid 1px #ffffcc }


/*  Contact's table settings  */

table.contact {
	/* for formatting the entire "Contact" table which includes
	   the name, address icons and form. Note this table DOES NOT 
	   enclose the dropdown list for selecting the Department/person
	   to contact */
	background-color: transparent;
}

table.contact td.icons  { }

table.contact td.details  { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif }
.floatright
 { margin: 0 0 10px 10px; float: right }

.floatleft
 { margin: 0 10px 10px 0; float: left }