/* CUSTOM CLASSES */



/*

--------------------------------   MODULE STYLES   -------------------------------------------------

Modules stylesheet file (modules.css) contains the styles for standard modules

All modules with class suffix's are also in the same stylesheet.

To add a class suffix to any module, copy and paste the following into the XML file of the module you want to modify:


		<param name="moduleclass_sfx" type="text" default="" label="Module Class Suffix" description="A suffix to be applied to the css class of the module (table.moduletable), this allows individual module styling" />
		

The above must be between the <params>......</params> tags.  If they are not there, add them


*/




.small_border {
        border-bottom: 1px solid #e0e0e0;
}

.small_border_dark {
        border-bottom: 1px solid #e3e3e3;
}

.copy { font-size:10px;
        color:#7D7D7D;
}

/* Body */
html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: white;
	color : #272727;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

img {
	border: 0;
}

td,tr,p,div {
}

form{
	margin: 0;
	padding: 0;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
	line-height:135%;
	}

h4 {
	color: #000000;
	font-size: 16px; 
	font-weight: bold;
	}

h5 {
	color: #000000;
	font-size: 14px; 
	font-weight: bold;
	}

h6 {
	color: #000000;
	font-size: 12px; 
	font-weight: bold;
	}
	
a, a:link { /*main page text lines*/
	color: #0276C1;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;	
}
 	
a:hover {
	color: #000; /*main page hover */
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
 	}
	
a:visited {
	color:#0276C1;
	}
 	
a:visited-horoscope{
	color:#fff;
	}
/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
	color: #fff;
	font-size: 12px;
	font-family: tahoma, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
    padding: 5px;
}

td.mainMenuBG{	
	background: bottom center repeat-x url(../images/mainMenuBG.jpg);
  padding: 5px;
}

.mainMenuBGL{		
	background: bottom left repeat-x url(../images/mainMenu_bgL.jpg);
	width: 14px;
}

.mainMenuBGR{	
	background: bottom left repeat-x url(../images/mainMenu_bgR.jpg);
	width: 14px;
}

a.mainlevel:hover {
	text-decoration: underline;
	/*
	background-color: #D8DDE2;
	border-left: solid 2px #1A1278;
	*/
}

/*----------------------       main menu button styles                  */

td.mmbL{
	width: 1px;
	background: red /*left no-repeat url(../images/mmbL.jpg)*/;
}

td.mmbC{
	padding: 0 1px;
	background: left repeat-x url(../images/mmbR.jpg);
}

td.mmbR{
	width: 6px;
	background: green left no-repeat url(../images/mmbR.jpg);
}



#active_menu {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}
/*

a#active_menu-nav{
	color: red;
	font-weight: bold;
}

a#active_menu-nav:hover {
	color: #E15704;
	text-decoration: overline;
}
*/
a.mainlevel-nav {
margin: 0; padding: 0;
}

a.mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
  list-style:none; 
	float: right; 
	margin: 0;
	width: 15.5%; 
	font-size: 10px;
	line-height: 20px;
	white-space: nowrap;
	text-indent: 15px;
}

a.mainlevel-nav {
	display: table-cell;
	padding: 0px 15px 0px 7px; 
	float: left;
	text-decoration: none;
	color: black;
	font-size: 10px;
	font-family: verdana;
	line-height: 150%;
}

a.mainlevel-nav:hover {
	text-decoration: underline;
}




/*---------------------------------   CATEGORIES MENU                         */

a.mainlevel-cat {
	margin: 0; 
	padding: 0;
}

a.mainlevel-cat li {
	background-image: none;
	padding-left: 0px;
  list-style:none; 
	float: right; 
	margin: 0;
	width: 15.5%; 
	font-size: 10px;
	line-height: 20px;
	white-space: nowrap;
	text-indent: 15px;
}

a.mainlevel-cat {
	display: table-cell;
	padding: 0px; 
	float: left;
	text-decoration: none;
	color: black;
	font-size: 10px;
	font-family: verdana;
	line-height: 150%;
}

a.mainlevel-cat:hover {
	text-decoration: underline;
}


/*------------------------------- end CATERGORIES MENU                     */




/*-----------------------------       TOP MENU  + TOP MENU 2            */

a.mainlevel-horoscope {
	color:#FFFFFF;
	display: table-cell;
	padding-top:3px;
	padding-left:23px;
	text-decoration: none;
	font-size: 12px;
	font-family: arial;
	height:20px;
	margin-left: 0px;
	width: 140px;
	background: no-repeat 0px 0px url(../images/leftMenuHeader.jpg);
}

a.mainlevel-horoscope:hover {
	text-decoration: underline;
	color:#fff;
}






a.sublevel:link, a.sublevel:visited {
	color: #4A5071;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left:10px;
	vertical-align: middle
 	}

a.sublevel:hover {
	color: #004080;
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
  text-decoration:underline;
  padding-left:10px;
  vertical-align: middle;
	}
	
	
/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-size: 14px;
 	color: #000;
	text-decoration:none;
}

a.contentpagetitle:hover {
	text-decoration:underline;
}

/* Content - Sections & Categories */
.frontpageheader {
	font-weight: bold;
	color: #4F4F4F;
	text-align:left;
	margin-top: 100px;
	line-height: 3em;
}

.contentpage, .contentpaneopen {
	text-align: left;
	font-size: 10px;
	font-family: verdana;
	width: 460px;
	margin: 5px 0;
	border: 1px solid #ddd;
	background: #f3f3f3 right bottom no-repeat url(../images/contentPaneBG.jpg);
}

.contentheading {
	font-size: 12px;
	font-weight: bold;
 	color: #000;
  height:16px;
  padding-top: 1em;
  width: 94%;
}

.contentpagetitle {
	font-size: 11px;
 	color: #000;
	letter-spacing: 0px;
}

table.contenttoc {
	color: #000000;
	background-color:#e0e0e0;
 }

table.contenttoc td {
    font-size: 11px;
    font-weight: normal;
    background-color:#e0e0e0;
}

.contentdescription {
	font-size: 11px;
	color: #000000;
	line-height:130%;
}


.componentheading {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding-left: 25px;
 	color: #fff;
	margin-top: 15px;
	border-bottom: solid 1px #f1f1f1;
	letter-spacing: 1px;
}
/*-----------------------  Static Page Css
This controls the static pages such as about us, privacy etc
*/

.contentpage-static, .contentpaneopen-static {
	text-align: left;
	font-size: 12px;
	font-family: Arial;
	width: 95%;
	height: 90%;
	/*margin: 5px 0;*/
	margin-top:10px;
	margin-bottom:10px;
	border: 0px solid #777777;
	background: #f3f3f3 right bottom no-repeat url(../images/contentPaneBG.jpg);
}

.contentheading-static {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
 	color: #000;
	margin-top:0px;
	/*padding-top: 1em;*/
    width: 945px;
}

/*------------------------------   Shopping category stuff

These declarations define the layout of any page that results in a category menu click

*/


.componentheading-shopCat {
	font-size: 16px;
	font-weight: bold;
	background: white;
 	color: #000000;
	margin: 10px 15px;
	border-bottom: solid 1px #f1f1f1;
}


.contentheading-shopCat {
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma;
	background: white;
 	color: black;
  height:16px;
  border-bottom:solid 1px #f1f1f1;
  padding-top: 1em;
  width: 94%;
}

.contentpage, .contentpaneopen-shopCat {
	width: 100%;
	text-align: left;
	background: white;
	font-size: 9px;
	font-family: verdana;
	margin: 5px 0px;
	border: 1px solid #ddd;
}

/*--------------------------------   end shopping category stuff     */



/** category text format and links **/
.category {
	color: #000000; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	}

.poll {
	font-size: 10px;
	color: #272727;
	}
	
.pagetext {
  line-height: 135%;
  font-family:Arial, Helvetica, sans-serif;
}

.ontab {
  background: #f6f6f6;
  border-bottom: 1px solid #000000;
  margin: 4px 4px 4px 4px;
  font-size: 11px;
}

.offtab {
  background: #C0C0C0;
  border-bottom: 1px solid #000000;
  margin: 4px 4px 4px 4px;
  font-size: 11px;
}

.sectiontableentry1 {
	background-color: #f6f6f6;
	padding-bottom: 4px;
	height: 14px;
	}
	
.sectiontableentry2 {
	background-color: #f4f4f4;
	padding-bottom: 4px;
	height: 14px;
	}

.sectiontableheader {
  font-size:13px;
	color : #000000;
	font-weight : bold;
	background-color:#E4E4E4;
	height:16px;
	vertical-align: middle;
	border-bottom: 1px solid #D8D8D8;
 }
 
 
.small {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}

.smalldark {
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    }

.newsfeedheading {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    }

.newsfeeddate {
	font-size: 10px;
	color: #000000;
	font-weight: normal;
}

.createdate {
	font-size: 9px;
	color: #272727;
	text-decoration: none;
	font-weight: normal;
	}

.modifydate {
	font-size: 10px;
	color: #272727;
	text-decoration: none;
	font-weight: normal;
}

.readon {
  font-size:10px;
  color:#0065CA;
}

.button {
  font-family: tahoma, sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: normal;
	margin: 0px 2px;
}

.inputbox {
  font-family: tahoma, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #ffffff;
	padding: 1px;	
	border: solid 1px #999999;
}

ul {
	margin: 0px;
}

li {
}

.fase4rdf {
	font-size: 11px; 
	color: #000000; 
	}

table.searchintro {
  background-color: #e0e0e0;
	border: 1px solid #000000;
	}

table.contact {
	background-color: #ffffff;
	}

table.contact td.icons {
	background-color: #ffffff;
	}

table.contact td.details {
	background-color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	}

/* Content voting */
.content_rating {
	font-size: 8px;
	}

.content_vote {
	font-size: 8px;
	}
	
.tabpadding {
	background-color: #f9f9f9;
	text-align: left;
	font-weight:bold;
	cursor:arrow;
}

.tabpadding a{
	background-color: #f9f9f9;
	text-align: left;
	font-weight:bold;
	cursor:arrow;
}

.tabpadding a:hover{
	background-color: #f9f9f9;
	text-align: left;
	font-weight:bold;
	cursor:arrow;
}

.tabheading {
	background-color: #f4f4f4;
	text-align: left;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #FFFFFF;
}

/* Text passed with mosmsg url parameter */
.message {
	font-weight: bold;
	font-size : 10px;
	color : #000000;
	text-align: center;
	}

.search {
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
	
.pathway {
	color: #666;
  text-decoration: none;
  font-weight: normal;
	font-family:  tahoma, Helvetica, sans-serif;
	font-size:10px;
}

	
a.pathway:link, a.pathway:visited {
	color: #555;
  text-decoration: none;
  font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

a.pathway:hover {
	color: #000;
	text-decoration: underline;
	font-size:10px;
}

.pagenav {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  height: 20px;
  text-decoration: none;
  margin: 3px;
}

.pagenav:hover {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  height: 20px;
  text-decoration: underline;
  margin: 3px;
}

.pagenav:link, .pagenav:visited {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  height: 20px;
  text-decoration: none;
  margin: 3px;
}