/* STANDARD COMPLETE CSS FOR JOOMLA 1.0.X and MAMBO 4.5.X TEMPLATES */
/* By Dinh Viet Hung (C) http://www.joomlart.com: Free templates and Professional Templates Club */


/* DEFAULT SETTINGS */
/* Below are  default settings are used when no other style has been defined.*/
body /*Style for the body tag of your website, controls font family page background, etc.*/
{
  margin-left:0px;
  margin-top:10px;
  margin-right:0px;
  font-family: Verdana, Tahoma, sans-serif;
}
h1
{
  color:#0972ba;
  font-size: 1.1em;
  font-weight: bold;
  margin-top:0px;
}
h2
{
  font-weight: bold;
  font-size: 1em;
}
h3
{
  color:#0972ba;
  font-size: 1.1em;
  font-weight: bold;
  margin-top:0px;
}
h4
{
  font-weight: bold;
  font-size: 1em;
}
p {} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other style has been defined.*/
td {} /*formatting all <td> items. This default setting is used when no other style has been defined.*/
tr {} /*formatting all <tr> items.  This default setting is used when no other style has been defined.*/

table
{
  border-collapse:collapse;
}
ul  /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
{
  list-style-type: none;
  padding:0px;
  margin:0px;
}
li
{
  padding-bottom: 4px;
}
ol
{
  padding-left:20px;
  margin:0px;
}

a:link  /* general links style*/
{
  color:#0972ba;
  font-weight:bold;
  text-decoration:none;
}
a:visited
{
  color:#0972ba;
  font-weight:bold;
  text-decoration:none;
}
a:hover
{
  color:#4F4F4F;
  font-weight:bold;
  text-decoration:none;
}
hr {} /* horizontal line */
hr.separator {}

/* FORMS SETTINGS */
.button {}
.inputbox {}
.search {} /*formatting the <div> which holds search items: inputbox, search button...*/
.search input
{
  border: 1px solid #064169;
  background: #539dcf;
  color:white;
  padding:1px 2px 1px 2px;
  width: 100px;
}

/* NAVIGATION/MENU SETTINGS */

span.mainlevel-main /* styling for the Separators in the Main Menu */
{
  color:#4F4F4F;
  font-size:0.7em;
  font-weight:bold;
}

/* TOP MENU SETTINS */

ul#mainlevel-top   /* this styling is for the TOP items in the menu */
{
   vertical-align: top;
   list-style-type: none;
   padding:0px;
   margin:0px;
   font-size:0.6em;
}
.mainlevel-top
{
  color:#FFF;
  font-weight:bold;
  text-decoration: none;
}

a.mainlevel-top
{
  color:#FFF;
}
a.mainlevel-top:link
{
   color:#FFF;
}
a.mainlevel-top:visited
{
   color:#FFF;
}
a.mainlevel-top:hover
{
  color:#FFF;
}

a#active_menu-top
{
  color:#FFF;
}


/* MAIN MENU / SUB MENU SETTINGS */

ul#mainlevel-main,
ul#mainlevel-sub
{
   list-style-type: none;
   font-family: Verdana, Tahoma, sans-serif;
   padding:0px;
   margin:0px;
}

/* Menu list Itmes */

ul#mainlevel-main li,
ul#mainlevel_current-main li
{
  display:inline;
  padding-right:5px;
}

/* Menu links */

ul#mainlevel-main a,
ul#mainlevel-sub a
{
  color:#4F4F4F;
  font-size:0.7em;
  font-weight:bold;
  text-decoration: none;
}

/* Menu links: hover state */

ul#mainlevel-main a:hover,
ul#mainlevel-sub a:hover
{
  color:#0972ba;
}

/*
 Active parent WITH sub item,
 Active parent WITHOUT sub item,
 Active sub item  */

ul#mainlevel-main li.mainlevel_active-main a,
ul#mainlevel-main a.mainlevel-main#active_menu-main,
ul#mainlevel-sub a.mainlevel_current-sub#active_menu-sub,
ul#mainlevel-sub li.mainlevel_active-sub a.mainlevel_active-sub,  /* new 16.01.07 */
ul#mainlevel-sub li.mainlevel_active-sub li.sublevel_current-sub a   /* new 16.01.07 */
{
  color:#0972ba;
}

ul#mainlevel-sub li.mainlevel_active-sub ul,   /* new 16.01.07 */
ul#mainlevel-sub li.mainlevel_current-sub ul     /* new 16.01.07 */
{
  font-size:0.7em;
  padding-left:15px;
  padding-top:4px;


}

ul#mainlevel-sub li.mainlevel_active-sub ul a,   /* new 16.01.07 */
ul#mainlevel-sub li.mainlevel_current-sub ul a
{
  font-size:0.9em;
}



/* JoomFish Language Selection SETTINGS */

/* language lists with UL (names & images) */

ul.jflanguageselection
{
	/*float: right;*/
	vertical-align: top;
    list-style-type: none;
   	padding:0px;
   	margin:0px;
   	font-size: 0.6em;
}

ul.jflanguageselection li
{
	padding: 0px;
	padding: 0px;
         /*float: left;*/
	/*margin: 1px 1px 1px 1px;*/
         white-space: nowrap;
}

ul.jflanguageselection li a
{
         color:#fff;
  	font-weight:bold;
  	text-decoration:none;
}

ul.jflanguageselection li a:visited
{
         color:#fff;
  	font-weight:bold;
  	text-decoration:none;
}
ul.jflanguageselection li a span
{
         color:#fff;
  	font-weight:bold;
  	text-decoration:none;
}

ul.jflanguageselection img
{
	border: none;
}

/** Styles for the drop down list */
#jflanguageselection
{
	/*float: right;*/
	vertical-align: middle;
}

select.jflanguageselection
{
	border: 1px solid #cccccc;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 1px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}
label.jflanguageselection
{ position:absolute; left:-3000px}


/* SETTINGS FOR THE IMAGES */
.imageContainer
{
  padding: 6px;
}
.imageBorder
{
  background-color: #fff;
  padding: 4px;
  border: solid 1px #ccc;
}
.imageImageBorder
{
  border: solid 1px #ccc;
}
.imageCaption
{
  width: 200px;
}


.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>")
when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when
they become hyper links*/
.pagenavbar:visited {}

.pagenav {} /* as the name implies, this is for formatting texts for those
"<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}

a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}

.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/

.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}

.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}


/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}

.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */

.article_seperator
{
  margin-bottom:20px;
  display: block;
}

.componentheading /* Title of the component being used to display the content.*/
{
  color:#0972ba;
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom:14px;
}
.contentheading /* Title of the content, article, etc. being displayed.*/
{
  color:#0972ba;
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom:14px;
}

.contentpane /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
{
  font-size:1em;
}

.contentpane-login table
{
  font-size:0.7em;
  color:#4F4F4F;
  line-height:16px;
}

.componentheading-login
{
  color:#0972ba;
  font-size: 0.75em;
  font-weight: bold;
  padding-bottom:14px;
}

.contentpane-contact
{
  font-size: 0.7em;
  color: #4F4F4F;
  line-height:16px;
}
.contentheading-contact table
{
  color:#0972ba;
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom:14px;
}
.contentpaneopen /* Table that holds the actual text for an article.*/
{
  width:100%;
  color:#4F4F4F;
  font-size:0.7em;
  line-height:16px;
}
.contentpaneopen table /* Styling for all Tables in a ContentItem for IE 5 */
{
  font-size: 1em;
  color:#4F4F4F;
}
.contentpaneopen ul li
{
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: 0px 7px;
}

.contentpagetitle {} /*Title of articles*/

a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}

.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories
(News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple
pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of
Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {}
a.toclink:hover {}

.faqanswer
{
  display: block;
  margin-left: 20px;
}

/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a
SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {}
.sectiontableentry2 {}

/* SETTINGS FOR FACILE FORMS*/

.form
{
  font-size:0.7em;
  color:#4F4F4F;
  line-height:16px;
}


/* JOOMLA - MAMBO MODULES FORMATTING */

table.moduletable /* Formatting the module table */
{
  font-size:0.7em;
}
table.moduletable th {} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */

.module ul
{
  list-style-image: url(../images/arrow.png);
  padding-left: 15px;
}

#cnt_news div.module
{
  font-size:0.7em;
  color:#4F4F4F;
  line-height:16px;
}

/* SETTINGS FOR MODULE NEWS */

.module-news h3
{
  font-size:0.75em;
}

.module-news a
{
  font-size:0.7em;
}
.moduletable-news div
{
  padding-bottom: 10px;
}
.moduletable-news span.createdate
{
  font-size:0.7em;
  color: #4F4F4F;
}
.moduletable-news span.contentheading  /* Title of the content in the News section.*/
{
  font-size: 1em;
  color:#4F4F4F;
  font-weight:bold;
  font-size:0.7em;
  line-height:16px;
}

/* SETTINGS FOR MODULE PRODUCT HIGHLIGHTS */
.module-product_highlights
{
  font-size: 0.7em;
  color:#4F4F4F;
}
.module-product_highlights ul
{
  list-style-image: url(../images/arrow.png);
  padding-left: 15px;
}


/* MISCELLANEOUS */

/* Dates , Authors*/
.createdate  /* For styling the date the content/articles are created under contents title */
{}
.modifydate /* Formating "Last updated on" text at the end of articles/contents */
{
  font-size:0.8em;
}
.small {} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */

/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */


/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks"
  section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */

/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's
news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */

/* Search page */
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 */
{
  font-size:0.7em;
  color:#4F4F4F;
  line-height:16px;
} 
.highlight
{
  background:#6baad6;
  color: white;
  font-weight: bold;
}

/*Contact Form */
.message /*Formatting of the Thank You Message when Email was sent */
{
  margin-bottom:14px;
}


/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */

.ontab {}/* For styling of the "Tab" buttons when editing contents through the
frontend as admin.
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing
contents through the frontend.
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */
.tabheading {} /* Not too sure what this is used for. Couldn't find anything
related to it yet at the moment */
.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 */