/*--------------------------------------------------------------

# Viyo - January 2009 (for Joomla 1.5)

# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.

# License: Copyrighted Commercial Software

# Website: http://www.gavick.com

# Support: support@gavick.com  

---------------------------------------------------------------*/

	

/* universal set of reset styles

---------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}

/* remember to define focus styles! */

:focus {outline: 0;}

body {background: white;line-height: 1;color: black;}

ol,ul {list-style: none;}

/* tables still need cellspacing="0" in the markup */

table{border-collapse: separate;border-spacing: 0;}

caption,th,td {font-weight: normal;}

/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,blockquote:after,q:before,q:after {content: "";}

blockquote,q {quotes: "" "";}

/* ||| the end |||*/

/* ||| set of clearing floats |||*/	

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {display: inline-block;}

.clr {font-size : 1px;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

.clear {clear: both;}

/* End hide from IE-mac */

/* ------------------------ the end ----------------------------*/



html {

	height: 100%;

	margin-bottom: 1px;

}



body {

	margin: 0;

	padding: 0;

	font-size: 62.5%; /* Reset: 1em = 10px */

}



div#wrapper_userarea,

div#wrapper_menu, 

div#wrapper_main{

	font: normal 1.2em/1.5em Arial, Helvetica, sans-serif; /* Basic font size: 12px, line-height: 15px */

}



/* Basic link styles 

---------------------------------------------------------------*/



a {

	outline: none;

	cursor: pointer;

}



a:link,

a:visited,

a:active {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/* Basic image style 

----------------------------------------------------------------*/



img {

	border: none;

	text-decoration: none;

}



/* Basic lists styles 

----------------------------------------------------------------*/



ul {

	padding: 0 0 0 2px;

	margin: 0;

	margin-left: 1px;

	list-style: none;

}



ul li {

	padding-left: 0;

	line-height: 170%;

	padding: 5px 0;

}



ul li a {

	text-decoration: none !important;

}



ul li a:hover {

	text-decoration: underline !important;

}



ol li {

	line-height: 170%;

}



dl#system-message dd ul li{

	border: none !important;

}



/* Basic heading styles 

-----------------------------------------------------------------*/



th {

	padding: 4px;

	text-align: left;

}



h1 { font-size: 200%; }

h2 { font-size: 175%; }

h3 { font-size: 150%; }

h4 { font-size: 125%; }

h5 { font-size: 115%; }



p, pre, blockquote, h1, h2, h3, h4, h5, h6 {

	margin: 1em 0;

	padding: 0;

}



/* Basic form styles 

-----------------------------------------------------------------*/



fieldset {

	border: none;

	padding: 5px 0;

}



fieldset a {

	font-weight: bold;

}



input, select, button {

	font: normal 11px Tahoma, Arial, Verdana, sans-serif;

}



/* Basic HR-line style 

-----------------------------------------------------------------*/



hr {

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

	color: #eee;

	background-color: #eee;

}



/* Basic positioning classes 

-----------------------------------------------------------------*/



.clearfix {

	clear: both;

}



.lf {

	float: left;

}



.rf {

	float: right;

}



/* Basic wrapper styles 

-----------------------------------------------------------------*/



div.wrapper_centered{

	width: 960px;

	margin: 0 auto;

}



div#wrapper_menu,

div#wrapper_main,

div#wrapper_userarea,

div#wrapper_header {

	width: 100%;

}



div#wrapper_userarea{

	overflow: hidden;

}



div#userarea{

	padding: 5px 0 5px 0;

	min-height: 60px;

}



div#wrapper_userarea div.userarea_left{

	width: 640px;

	margin: 20px;

}



div#wrapper_userarea div.userarea_left_100{

	width: 100%;

}



div#wrapper_userarea div.userarea_right{

	width: 300px;

}



div#wrapper_menu{

	height: 48px;

	position: relative;

}



div#wrapper_top{

	height: 125px;

}



div#wrapper_header{

	margin-bottom: 20px;

	overflow: hidden;

}



div#header1{

	float: left;

}



div#header2{

	float: right;

}



div#wrapper_content{

	width: 944px;

	padding: 8px;

}



/* Logo 

------------------------------------------------------------*/



a#logo {

	float: left;

	display: block;

}



a#logo_styled{

	/* 

		Here you can change width or height of your logo 

		if you've disabled option "logo as image"

	*/

	width: 300px;

	height: 80px; 

}



/* Userarea

-----------------------------------------------------------*/



div#userarea{

	display: none;

}



div#font_plus_btn,

div#font_reset_btn,

div#font_minus_btn,

div#login_btn{

	float: right;

	cursor: pointer;

	margin: 10px 3px 0 0;

	height: 22px;

	padding: 0 5px 0 0;

	font-size: 0.9em;

	line-height: 22px;

	text-align: center;

}



div#font_plus_btn span,

div#font_reset_btn span,

div#font_minus_btn span,

div#login_btn span{

	display: block;

	float: left;

	height: 22px;

	padding: 0 0 0 5px;

}



/* Search styles */



div#wrapper_search {

	float: right;

	margin: 18px 0 0 0;

	line-height: 29px;

}



input#mod_search_searchword {

	width:282px;

	height: 21px;

	padding: 4px;

	border: none;

	font-size: 16px;

}



div#wrapper_search input.button {	

	height: 29px;

	width: 29px;

	position: relative;

	top: -6px;

	font-size: 0px;

	margin-left: 4px;

}



/* Modules combinations

-------------------------------------------------------------------*/



/* Moduletables Template contains suffixes:

* _text

* _menu

* _bottom

* _clear

* _blue

* _green

* _brown

* _yellow

* _green_bottom

* _blue_bottom

-------------------------------------------------------------------*/



/* - All suffixes - */



div.moduletable_content {

	padding: 10px;

}



div.moduletable,

div.moduletable_bottom,

div.moduletable_clear,

div.moduletable_text,

div.moduletable_menu,

div.moduletable_blue,

div.moduletable_green,

div.moduletable_brown,

div.moduletable_yellow,

div.moduletable_blue_bottom,

div.moduletable_green_bottom {

	margin:0 0 8px;

}



div.moduletable h3,

div.moduletable_clear h3,

div.moduletable_text h3,

div.moduletable_bottom h3,

div.moduletable_menu h3,

div.moduletable_blue h3,

div.moduletable_green h3,

div.moduletable_brown h3,

div.moduletable_yellow h3,

div.moduletable_blue_bottom h3,

div.moduletable_green_bottom h3 {

	font: bold 1.2em Arial, Helvetica, sans-serif;

	line-height: 37px;

	text-transform: uppercase;

	padding: 0 12px;

	margin: 0;

	height: 38px;

}



/* - _clear -  */



div.moduletable_clear{

	border: none;

	overflow: hidden;

}



div.moduletable_clear div.moduletable_content{

	background-image: none;	

	padding: 0;

}



/* - help class for News Show styles - */



.newsshow .moduletable_content {

	padding: 0;

}



/* component + right 

-------------------------------------------------------------------*/



div#component-2 {

	float: left;

	width: 634px;

}



div#right {

	float: right;

	width: 300px;

}



/* component 

-------------------------------------------------------------------*/



div#component {

	width: 100%;

}



div#mainbody{

	padding: 0;

}



/* set the width of user modules 

-------------------------------------------------------------------*/



.us_width-24b,

.us_width-32b,

.us_width-49b {

	overflow: hidden;

	float: left;

	margin-left: 1%;

}



.us_width-24b {

	width: 24.25%;

}



.us_width-32b {

	width: 32.6%;

}



.us_width-49b {

	width: 49.5%;

}



div:first-child.us_width-24b,

div:first-child.us_width-32b,

div:first-child.us_width-49b {

	margin-left: 0;

}



.us-stand {

	clear: both;	

	margin: 0 22px 6px;

}



.users {

	overflow: hidden;

	float: left;

	margin-left:1%;

	padding: 6px 0 16px;

}



#bottom_wrap_2 .users:first-child {

	margin-left: 0;

}



.us_width-16 .users {

	width: 15.8%;

}



.us_width-19 .users {

	width: 19.2%;

}



.us_width-24 .users {

	width: 24.25%;

}



.us_width-33 .users {

	width: 32.6%;

}



.us_width-49 .users {

	width: 49.5%;

}



.us_width-99 .users {

	width: 100%;

}



/* Restrictions 

-----------------------------------------------------------*/



div#bottom_wrap_2 .users {

	padding: 0;

}



div#bottom_wrap_2 div.moduletable_content{

	background: none;

}



div#bottom_wrap_2 ul li {

	padding-left: 22px;

}



/* Menu slider 

-----------------------------------------------------*/



div#slide_path{

	height: 5px;

	position: absolute;

	top: 43px;

}



div#slide_knob{

	height: 5px;

	width: 74px;

}



div#slide_knob div{

	margin-left: 6px;

	height: 5px;

	width: 100%;

}



/* Footer 

----------------------------------------------------*/



div#wrapper_footer {

	width: 940px;

	clear: both;

	height: 40px;

	line-height: 15px;

	font-size: 0.9em;

	padding: 0 10px;

}



div#copyright {

	width: 940px;


}



div#informations {

	margin: 0;

	float: left;

	width: 80%;

}



div#footer_wrap a {

	text-decoration: none;

}



div#stylearea {

	margin:0;

	float: right;

	width: auto;

	line-height: 50px;

}



div#stylearea a.bg_switcher{

	position: relative;

	top: -3px;

}