/**
* DVisions Base CSS © DV Excel Ltd
* Client site:
*/
/* Standard HTML Classes */
body {
margin:0px;
background-color:#F0F0F0;
}
form {
margin:0px;
padding:0px;
}
img  {
border:none;
}
table {
	border-collapse: collapse;
	border-spacing:0px;
	}
td {
	border-collapse: collapse;
	border-spacing:0px;
	}

/* Common Joomla core styles */ 
.contentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #808080;
	margin-bottom: 8px;
	line-height:normal;
	text-align: left;
	font-weight:normal;
	}
.componentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #808080;
	margin-bottom: 8px;
	line-height:normal;
	text-align: left;
	font-weight:normal;
	}
/**
 * Styling for FOOTER MENU
 * ----------------------
 */
a.mainlevel-footermenu:link, a.mainlevel-footermenu:visited  {
width:auto;
font-size:10px;
color:#808080;
margin:0px;
padding:0px 4px 0px 4px;
text-align:right;
}
a.mainlevel-footermenu:hover  {
width:auto;
font-size:10px;
color:#4D4D4D;
margin:0px;
padding:0px 4px 0px 4px;
text-align:right;
}
#active_menu  {
}
/**
 * MODULES formatting
 * ------------------------
 */
/* Add -modulename suffix to vary from default.*/

/*DEFAULT MODULE STYLE(s) */
.moduletable {
padding:0px;
margin:0px 0px 10px 0px;
background-image:url(../images/layout_09.png);
background-repeat:no-repeat;
background-position:bottom;
background-color:#CDCDCD;
width:300px;
height:177px;
float:right;
}
/*Formats module header */
.moduletable h3 {
display:block;
width:300px;
height:21px;
margin:0px;
padding-top:3px;
background-color:#46166A;
border-bottom:#FFFFFF solid 1px;
text-indent:15px;
}
.moduletable p {
margin:3px 15px 3px 15px;
}
.moduletable-topmenu {
padding:5px 0px 0px 0px;
margin:0px;
}
.moduletable-tagline {
padding:5px 0px 0px 0px;
}
.moduletable-tagline p {
font-size:18px;
color:#FFFFFF;
margin:0px;
}
.moduletable-bottom {
padding:0px;
margin:0px;
background-image:url(../images/layout_11.png);
background-repeat:no-repeat;
background-position:bottom;
background-color:#CDCDCD;
width:300px;
height:125px;
}
td.bottom-module-text p {
margin:0px 0px 3px 0px;
}
.bottom-module-text {
padding:7px 6px 6px 7px;
}
table.moduletable td {
padding:3px 15px 3px 0px;
margin:0px;
vertical-align:top;
	}
.moduletable-footermenu {
padding:0px;
margin:0px;
float:right;
}
/**
 * FORM and BUTTON Styles
 * -----------------
 */
.button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	}
/* Form input boxes */
textarea.inputbox {
height:120px;
}
.inputbox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #999999;
    height:16px;
	}
label {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height:normal;
text-align: left;
}
/* Default Registration form styles */
#namemsg usernamemsg emailmsg pwmsg {
}
/* in conjunction with inputbox */
.required {
}
.validate-username {
}
.validate-email {
}
.validate-password {
}
/* end registration styles */

/* GENERAL JOOMLA ELEMENTS */
/* MOSIMAGE
*Sets styles for images and captions placed using {mosimage} */
.mosimage {
	}
.mosimage_caption {
	font-size:9px;
    line-height:normal;
	padding-left:4px;
	padding-right:4px;
}
/* Pagenav formats texts for "<< Start < Previous 1 Next > End >>" links */
.pagenav {
	font-weight: normal;
	text-align:center;
	font-size:9px;
}
a.pagenav, a.pagenav:visited {
	font-weight: bold;
	color: #869Ac8;
}
a.pagenav:hover {
	color: #FAA129;
}
/* 	general style for texts when small size fonts are used. In 
	the contents, this style is used for "Written by..." texts */
.small {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	text-decoration: none;
	font-weight: normal;
	}
.smalldark {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #343A58;
    text-decoration: none;
    font-weight: normal;
    }
/**
 * General styling for Sections/Categories/Contents
 * ------------------------------------------------------
 */
.createdate {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #343A58;
	text-decoration: none;
	font-weight: normal;
	}
.modifydate {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	text-decoration: none;
	font-weight: normal;
	}
/* For formatting the "Read on..." link for blogs and on frontpage. */
a.readon:link, a.readon:visited {
	float:right;
	padding:0px;
	margin:0px;
	}
a.readon:hover {
	}
/** 
 * CONTENT ELEMENTS
 * ----------------
 */
 /* Blog */
table.blog {
	padding: 0px;
    margin: 0px;
	}
table.blog td {
	text-align:left;
	}
a.blogsection:link, a.blogsection:visited {
	color: #44757D; 
	text-decoration: none; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	}
a.blogsection:hover {
	color: #759328;	
	text-decoration: underline;
	font-size: 10px;
	}
/* Article separator sets attributes of vertical gap between articles using blog format */
.article_separator {
	line-height:0px;
	padding:0px;
	margin:0px;
	width:100%;
}
/* PATHWAY formatting */
.pathway  {
	color: #000000;
	font-size: 11px;
	padding-left: 8px;
	}
a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0px;
}
a.pathway:hover  { color: #7f9fbf; font-size: 11px; padding-left: 0 }	
/*Main content panes */ 
.contentpane {
	/* This is used mainly for the table that holds the SECTIONS */
	padding: 0px;
	margin:0px;
	}
.contentpaneopen {
	padding: 0px;
	margin:0px;
	border-collapse: collapse;
	border-spacing:0px;
}
.contentpaneopen td {
	padding: 0px;
	margin:0px;
	}
.contentdescription {
	}
/* Table of Contents */
table.contenttoc {
	color: #343A58;
	background-color: #e0e0e0;
	border-top: 1px solid #465675;
	border-bottom: 1px solid #465675;
	border-left: 1px solid #465675;
	border-right: 1px solid #465675;
    }
table.contenttoc td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding: 3px;
}
/*Content Rating */
.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;
}
/**
 * SECTION / CATEGORY TABLE STYLES
 * --------------
 * Styling of sections tables 
 */
.sectiontableheader {
	/* This is for styling the section article list table headers on a SECTION page. */
	background-color : #FFFFFF;
	background-repeat: repeat;
	padding: 2px;
	color : #000000;
	font-weight : normal;
	padding: 2px;
	}
/* Alternate options for section table rows*/
.sectiontableentry1 {
	background-color : #FFFFFF;
	}
.sectiontableentry2 {
	background-color : #F3F3F3;
	}
/**
 * CATEGORY Styles within section listing
 * --------------- 
 */
.category {
	/* Style for category Titles */
	color: #3D4E6D; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	}
a.category:link, a.category:visited {
	color: #3D4E6D; font-weight: bold;
	}
a.category:hover {
	color: #3D4E6D;
	}	
/*  Polls  */
.poll {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #343A58;
	line-height: 14px
	}
.pollstableborder {
	border: 1px solid #465675;
}
/*  LINKS Component*/
a.weblinks:link, a.weblinks:visited {
	color: #405115;
	text-decoration: none;
	font-weight: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	}
a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #000099;	text-decoration: underline;
	}	
/*  NEWSFEED */
.newsfeedheading {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #343A58;
   }
.newsfeeddate {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	font-weight: normal;
	}
/* SITE SEARCH RESULTS */
table.searchintro {
	/* This is for formatting the box with "Search Keyword: test returned 4 matches" box
	   that appears after you have entered a search value. It appears on the mainbody
	   with the search results  */
  	background-color: #FFFFFF;
	border: 1px solid #8D9ABC;
	}
/*  CONTACTS table settings  */
table.contact {
	background-color: #1674b7;
	}
table.contact td.icons {
	background-color: #CCCCCC;
	}
table.contact td.details {
	background-color: #F3F3F3;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
/**
 * 	FRONT END USER ADMIN
 *  Tabbed Frontend Admin Interface
 * -------------------------------------
 * These define how the frontend admin interface
 * will look like when editing through frontend.
 */
.ontab {
	/* For styling of the "Tab" buttons when editing contents through the frontend
	   (when you log in as admin in the frontend). This .ontab is the styling for the
	   tab when it is active or after its "clicked" */
	background-color: #323A15;
	border-left: outset 1px #DCF2FA;
	border-right: outset 1px #808080;
	border-top: outset 1px #DCF2FA;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	/* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend.
	   This .ontab is the styling for the tab when it is NOT active or when it is NOT "clicked" */
	background-color : #e5e5e5;
	border-left: outset 1px #E0E0E0;
	border-right: outset 1px #E0E0E0;
	border-top: outset 1px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.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;
}
.pagetext {
	/* this style is used to style the content of the editing form
	   contents (where HTMLArea sits and all its forms + contents) in
	   the frontend Administration interface */
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}
/* Login, registration and system error messages */
.error {
color:#346FB7;
font-weight:bold;
}
.message {
color:#346FB7;
font-weight:bold;
}
.message ul {
list-style:none;
list-style-position:outside;
margin:0px 0px 0px 20px;
padding:4px;
}
.message li {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 15px;
text-align: left;
margin:0px;
font-weight:bold;
}
.fade {
}
.contentpane div {
font-weight:bold;
}

/* Search Component Styles */
#searchForm {
display:block;
margin:0px 20px 0px 20px;
font-weight:bold;
}
#searchForm label {
margin:0px 6px 0px 2px;
font-weight:normal;
}
#searchForm input {
margin:0px 0px 0px 4px;
}
table.searchintro {
display:block;
margin:20px 0px 0px 0px;
border:#999999 solid 1px !important;
}
table.searchintro td {
padding:6px;
margin:0px 0px 12px 0px;
}
form table.contentpaneopen td {
padding:8px 0px 8px 0px;
font-weight:bold;
}
form table.contentpaneopen td label {
margin:0px 10px 0px 2px;
}
table.contentpaneopen td fieldset {
display:block;
margin:0px 10px 5px 20px;
}
.keyword {
color:#00A4D4;
}

/* Tooltips */
.tool-tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 250px;
}
 
.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -10px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../images/selector-arrow.png) no-repeat;
}
 
.tool-text {
   font-size: 100%;
   margin: 0;
}