/* css for singr01 template */
/* by Ilias Antonopoulos */
/* www.altermarket.com */
/* 23 May 2006 */

/* Left and Right Gap between left and right side of site
and the screen border */
td.singrVgap10 {
width            : 1;
padding-left     : 2px;
padding-right    : 2px;
background       : #FFFFFF url(../images/spacer.gif) repeat-y;
}
/* Gap between:
left column and Main Conntent
Main Conntent and right column
If you want to use also an image seperator add

background       : #FFFFFF url(../images/vspe_01.gif) repeat-y;

or your own image.
vspe_01.gif, is included.
*/


td.singrVgap5 {
width            : 15;
padding-left     : 5px;
padding-right    : 10px;
}
/* TOP MENU START */
ul#mainlevel-nav {
font-size        : 11px;
list-style       : none;
padding          : 0;
margin           : 0;
font-size        : 0.8em;
}
ul#mainlevel-nav li {
display          : block;
background-image : none;
padding-left     : 1px;
padding-right    : 1px;
float            : left;
margin           : 0;
width            : auto !important;
font-size        : 11px;
line-height      : 22px;
white-space      : nowrap;
border-right      : 1px solid #cccccc;
}
ul#mainlevel-nav li a {
font-size        : 11px;
display          : block;
padding-left     : 16px;
padding-right    : 15px;
text-decoration  : none;
color            : #FFFFFF;
/*background       : transparent; */
background       : #785EBA;
}
ul#mainlevel-nav li a:hover {
font-size        : 11px;
color            : #785EBA;
background       : #FFFFFF;
}
/* TOP MENU END */
body {
color            : #000000;
padding          : 0px;
background-color : #FFFFFFF;
font-family      : arial,verdana,tahoma, sans-serif;
font-size        : 12px;
}
/* Controls the size and color of almost all texts */ 
td, tr, p, div {
font-family      : arial,verdana,tahoma, sans-serif;
font-size        : 12px;
color            : #000000;
}
/* Controls the:
inputbox used in all forms
select (drop down lists)
select.inputbox
*/
select.inputbox, .inputbox, select{
border           : 1px solid #BBBBBB;
margin-bottom    : 0px;
padding-bottom   : 0px;
color            : #000000;
background-color : #FFFFFF;
font-family      : arial,verdana,tahoma, sans-serif;
}
/* CONTROLS THE MARGIN AND PADDING OF FORMS */
form {
margin-bottom    : 0px;
padding-bottom   : 0px;
}
table.content{
width            : 100%;
padding          : 0px;
border-collapse  : collapse;
border-spacing   : 0px;
margin-bottom    : 10px;
}
table.contentpane {
width            : 100%;
padding-left     : 5px;
padding-right    : 5px;
border-spacing   : 0px;
margin-bottom    : 5px;
}

table.contentpaneopen {
width            : 100%;
padding-left     : 5px;
padding-right    : 5px;
border-spacing   : 0px;
margin-bottom    : 15px;
}
table.contentpane td.contentdescription { 
width            : 100%;
display          : block;
} 
.contentheading {
font-size        : 16px;
font-weight      : bold;
line-height      : 16px;
text-transform   : none;
text-align       : left;
color            : #5F72BA;
width            : 100%;
border-bottom    : 1px solid #C3C3C3;
margin-bottom    : 15px;
background       : url(../images/cube.gif) no-repeat;
padding-left     : 20px;
}
/*In case we select a content item article to act also as a link to the ci.
Uses most of the settings defined in .contentheading.
So these two combined give the final impression
*/
a.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:visited,
a.contentpagetitle:hover {
font-size        : 16px;
font-weight      : bold;
line-height      : 16px;
text-transform   : none;
text-align       : left;
color            : #5F72BA;
width            : 100%;
}
/* Controls the header for components output, like:
Links, Wrapper, Advanced Search, Blog, User installed moduls, etc
*/
.componentheading {
font-family      : arial,verdana,tahoma, sans-serif;
font-size        : 16px;
font-weight      : bold;
line-height      : 16px;
text-transform   : none;
text-align       : left;
color            : #5F72BA;
width            : 100%;
border-bottom    : 1px solid #C3C3C3;
margin-bottom    : 15px;
background       : url(../images/cube.gif) no-repeat;
padding-left     : 20px;
}
/* We include this version only as an alternative
.componentheading {
font-size        : 16px;
font-weight      : bold;
line-height      : 16px;
text-transform   : none;
text-align       : left;
color            : #464646;
width            : 100%;
border-bottom    : 1px solid #464646;
margin-bottom    : 15px;
}
*/
/*Latest News used on Latest News - START*/
ul.latestnews {
font-size        : 11px;
list-style       : none;
padding          : 0;
margin           : 0;
}
ul.latestnews li {
display          : block;
padding-left     : 1px;
margin-left      : 5px;
margin-right     : 5px;
padding-right    : 5px;
padding-bottom   : 2px;
margin-bottom    : 2px;
float            : left;
width            : 150px;
font-size        : 11px;
line-height      : 11px;
white-space      : normal;
vertical-align   : baseline;
background       : url(../images/arrow_1.gif) left no-repeat;
height           : 13px;
}
ul.latestnews li a:link, ul.latestnews li a:visited{
font-size        : 11px;
display          : block;
padding-left     : 16px;
text-decoration  : none;
color            : #5F72BA;
}
ul.latestnews li a:hover {
font-size        : 11px;
color            : #CC0000;
}
/*Latest News used on Latest News - END*/
/*Latest News used on Most Read - START*/
ul.mostread {
font-size        : 11px;
list-style       : none;
padding          : 0;
margin           : 0;
}
ul.mostread li {
display          : block;
padding-left     : 5px;
margin-left      : 5px;
margin-right     : 2px;
padding-right    : 2px;
padding-bottom   : 5px;
padding-top   : 5px;
float            : none;
width            : 150px;
font-size        : 11px;
line-height      : 11px;
white-space      : normal;
vertical-align   : baseline;
background       : url(../images/arrow_1.gif) left no-repeat;
}
ul.mostread li a:link, ul.mostread li a:visited{
font-size        : 11px;
font-weight      : normal;
display          : block;
padding-left     : 14px;
text-decoration  : none;
color            : #000000;
}
ul.mostread li a:hover {
font-size        : 11px;
color            : #FF9000;
}
/*Latest News used on Most Read - END*/
.date {
font-size        : 10px;
color            : #333333;
padding-right    : 10px;
}
.small {
font-size        : 10px;
color            : #333333;
}
.smalldark {
font-size        : 10px;
color            : #333333;
}
.createdate, .modifydate {
font-size        : 10px;
color            : #666666;
}
/* Poll Header */
table.moduletable td.poll {
text-transform   : none;
text-align       : left;
padding          : 0 0 5 15;
margin           : 0 0 5 15;
padding-left     : 15px;
margin-left      : 15px;
width            : 100%;
color            : #000000;
font-size        : 11px;
font-weight      : normal;
font-family      : arial,verdana,tahoma, sans-serif;
}
/* Column Header over Section/Category tables*/
.sectiontableheader {
font-size        : 11px;
font-weight      : bold;
text-transform   : none;
letter-spacing   : 1px;
color            : #FFFFFF;
background       : #5F72BA;
padding          : 1px;
width:33%;
}
tr.sectiontableentry1 {
vertical-align   : top;
padding-left     : 3px;
padding-top      : 3px;
padding-bottom   : 3px;
line-height      : 20px;
background       : #E3E3E3;
}
tr.sectiontableentry2 {
vertical-align   : top;
padding-left     : 3px;
padding-top      : 3px;
padding-bottom   : 3px;
line-height      : 20px;
}
/* links to articles used at Category/Section Tables*/ 
.sectiontableentry1 a:link, .sectiontableentry1 a:visited,
.sectiontableentry2 a:link, .sectiontableentry2 a:visited
{
font-size        : 11px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
text-decoration  : none;
color            : #FF9000;
}
.sectiontableentry1 a:hover, .sectiontableentry2 a:hover
{
font-size        : 11px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
text-decoration  : none;
color            : #7D7D7D;
}
table.moduletable {
width			   : 100%;
table-layout	   : auto;
}
table.moduletable th {
font-size        : 14px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
line-height      : 16px;
text-transform   : none;
text-align       : left;
color            : #333366;
width            : 100%;
margin-bottom    : 10px;
margin-top       : 10px;
padding-left     : 5px;
padding-top      : 20px;
padding-bottom   : 5px;
border-bottom: 1px solid #CCCCCC;
}
table.moduletable td {
padding-left     : 0px;
padding-right    : 0px;
}
/*
a.mainlevel  {
margin           : 0px;
padding          : 0px;
font-size        : 12px;
width            : 190px;
background-color : #ECEAD8;
text-indent      : 10px;
}
*/
a.mainlevel:link, a.mainlevel:visited {
display          : block;
font-size        : 12px;
border-top       : 1px solid #FFFFFF;
border-bottom    : 1px solid #FFFFFF;
font-weight      : normal;
padding          : 3px 0px 3px 10px;
color            : #FFFFFF;
width            : 185px;
text-indent      : 5px;
/*background       : #5F72B2;*/
background       : #7A95FF;
}
a.mainlevel:hover {
color            : #000099;
font-weight      : bold;
background       : #FFFFFF;
font-size        : 12px;
text-decoration  : none;
text-indent      : 5px;
}
a#active_menu {
color            : #FFFFFF;
font-weight      : bold;
background       : #000099;
}
a#active_menu:hover {
color            : #000099;
font-weight      : bold;
background-color : #FFFFFF;

}
a.readon:link, a.readon:visited {
color            : #0066FF;
font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size        : 10px;
background       : #FFFFFF url(../images/arrow_2.gif) left no-repeat;
white-space      : normal;
font-weight      : bold;
border           : 1px solid #0066FF; 
padding-bottom   : 1px;
padding-left     : 21px;
padding-right    : 2px;
padding-top      : 1px;
margin-bottom    : 10px;
float            : left;
line-height      : 12px;
text-decoration  : none; 
}
a.readon:hover {
color            : #FFFFFF;
font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size        : 10px;
background       : #0066FF url(../images/arrow_2.gif) left no-repeat;
white-space      : normal;
font-weight      : bold;
border           : 1px solid #0066FF;
padding-bottom   : 1px;
padding-left     : 21px;
padding-right    : 2px;
padding-top      : 1px;
margin-bottom    : 10px;
float            : left;
line-height      : 12px;
text-decoration  : none; 
}
.pathway {
font-size        : 10px;
color            : #000000;
padding-left     : 8px;
}
a.pathway:link, a.pathway:visited {
font-size        : 10px;
color            : #5F72BA;
padding-left     : 0px;
}
a.pathway:hover {
font-size        : 10px;
padding-left     : 0px;
color            : #CC0000;
text-decoration  : underline;
}
a:link, a:visited
{
font-size        : 11px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
text-decoration  : none;
color            : #CC0000;
}
a:hover
{
font-size        : 11px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
text-decoration  : underline;
color            : #FF9000;
}
.button {
font-size        : 11px;
font-family      : verdana,tahoma,arial,sans-serif;
color            : #333333;
border           : 1px solid #999999;
margin-bottom    : 5px;
background-color : #EDEDED;
padding          : 1px;
}
/* Formats the back button */
.back_button a:link, .back_button a:visited {
color            : #B50016;
font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size        : 11px;
font-weight      : normal;
white-space      : normal;
border           : 1px solid #999999;
padding-bottom   : 3px;
padding-left     : 3px;
padding-right    : 3px;
padding-top      : 3px;
float            : right;
line-height      : 10px;
text-decoration  : none; 
}
.back_button a:hover {
color            : #FFFFFF;
background       : #B50016;
font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size        : 11px;
font-weight      : normal;
white-space      : normal;
border           : 1px solid #999999;
padding-bottom   : 3px;
padding-left     : 3px;
padding-right    : 3px;
padding-top      : 3px;
float            : right;
line-height      : 10px;
text-decoration  : none; 
}
/* Controls the 'User Rating' label 
It is advisable to be the same as .small
*/
.content_rating {
font-size      : 10px;
color          : #333333;
}
/* Controls the Poor to Best labels for voting 
It is advisable to be the same as .small
*/
.content_vote {
font-size      : 10px;
color          : #333333;
}
/* Controls the Table of Contents box */
table.contenttoc {
border           : 1px solid #999999;
background       : #B50016;
padding          : 5px;
margin-left      : 2px;
margin-bottom    : 2px;
}
table.contenttoc th {
font-family      : arial,tahoma,verdana,sans-serif;
font-size        : 11px;
font-weight      : bold;
color            : #FFFFFF;
border           : 1px solid #FFFFFF;
background       : #B50016;
padding          : 2px;
margin-left      : 2px;
margin-right     : 2px;
margin-top       : 2px;
margin-bottom    : 2px;
}
table.contenttoc a:link, table.contenttoc a:visited
{
display          : block;
font-size        : 11px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : normal;
text-decoration  : none;
color            : #FFFFFF;
padding-top      : 2px;
padding-bottom   : 2px;
}
table.contenttoc a:hover
{
display          : block;
font-size        : 11px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : normal;
text-decoration  : underline;
color            : #FFFFFF;
padding-top      : 2px;
padding-bottom   : 2px;
}
/* Controls the Next/Previous Links that are shown bellow
an article when TOC is used
*/
/* Form the links placeholder*/
.pagenavbar {
color            : #CCCCCC;
font-family      : tahoma,verdana,arial,helvetica,sans-serif;
font-size        : 10px;
font-weight      : bold;
background       : #FFFFFF;
white-space      : normal;
border           : 1px solid #999999;
padding-bottom   : 1px;
padding-left     : 5px;
padding-right    : 5px;
padding-top      : 1px;
margin-bottom    : 20px;
float            : left;
line-height      : 12px;
text-decoration  : none; 
}
/*In case it is not a link*/
div.pagenavbar div{
font-size        : 10px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
}
div.pagenavbar div a:link, div.pagenavbar div a:visited{
font-size        : 10px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
color            : #B50016;
}
div.pagenavbar div a:hover{
font-size        : 10px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
color            : #FF9000;
}
hr {
color            : #999999;
height           : 1px;
width            : 100%;
}
h1 {
color            : #000000;
font-family      : tahoma,verdana,arial,sans-serif;
font-size        : 18px;
font-weight      : bold;
}
h2 {
color            : #000000;
font-family      : tahoma,verdana,arial,sans-serif;
font-size        : 16px;
font-weight      : bold;
}
h3 {
color            : #000000;
font-family      : tahoma,verdana,arial,sans-serif;
font-size        : 14px;
font-weight      : bold;
}
h4 {
color            : #000000;
font-family      : verdana,tahoma,arial,sans-serif;
font-size        : 12px;
font-weight      : bold;
}
ul {
/*float          : left;*/
margin           : 2px;
padding-left     : 20px;
list-style       : disc;
}
li {
line-height      : 15px;
padding-left     : 0px;
padding-top      : 0px;
list-style       : disc;
}
.sublevel {
padding-left     : 10px;
}
a.sublevel:link, a.sublevel:visited {
display          : block;
font-size        : 12px;
font-weight      : normal;
padding          : 3px 0px 3px 10px;
color            : #000099;
width            : 180px;
text-indent      : 10px;
background       : #FFFF99;
}
a.sublevel:hover {
color            : #000099;
background-color : #FFFFFF;
font-size        : 12px;
font-weight      : normal;
text-decoration  : none;
text-indent      : 10px;
}
/*
a#active_menu {
color            : #FFFFFF;
font-weight      : normal;
background       : #ACACAC url(../images/mainlevel_active.gif) no-repeat;
}
a#active_menu:hover {
color            : #FF9000;
background       : #4B4B4B url(../images/mainlevel_active.gif) no-repeat;
}
*/
/* Controls the links used from components
contact, newsfeeds,weblinks,
content:categories listing
*/
a.category:link, a.category:visited {
font-size        : 11px;
font-weight      : bold;
}
/* On article that uses pagination, controls the info
Page x of y, shown at the start of content
<div class="pagenavcounter">
*/
.pagenavcounter {
font-size        : 10px;
color            : #4B4B4B;
}
/* pagenav_next and pagenav_prev
control the Next and Prev links that are shown when
Content Item Navigation is set from Global Configuration
*/ 
th.pagenav_next a:link, th.pagenav_next a:visited,
th.pagenav_prev a:link, th.pagenav_prev a:visited
{
font-size        : 10px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
color            : #B50016;
}
th.pagenav_next a:hover,
th.pagenav_prev a:hover
{
font-size        : 10px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
color            : #FF9000;
}
/*Control the mavigation links that are shown at the bottom of frontpage
if the content items that have to be displayed are more than the nunber we have
setup from Home menu item
*/ 
/* <span class="pagenav" */
.pagenav{
font-size        : 10px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
color            : #4B4B4B;
}
/* <a class="pagenav" */
a.pagenav:link, a.pagenav:visited {
font-size        : 10px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
color            : #B50016;
}
a.pagenav:hover {
font-size        : 10px;
font-family      : verdana,tahoma,arial,sans-serif;
font-weight      : bold;
color            : #FF9000;
}
/* Controls the table that is used to display poll results
Defined at components/com_poll/poll.html.php function graphit
*/
.pollstableborder{
border-color     : #999999;
}
/* Controls the way text and inputboxes are displayed
at the contact form.
Defined at components/com_contact/contact.html.php function _writeEmailForm
*/
.contact_email  {
width            : 100%;
}
.contact_email .inputbox {
  width            : 345px;
}