/* "fs_nixlogy created for Joomla
Copyright FS Templates. 
info@fstemplates.com
http://www.fstemplates.com
   */

* { margin:0; padding:0; }

body {
font-family : Arial, Helvetica, sans-serif;
height: 100%;
font-size: 71%;
margin:0; 
padding:0; 
text-align:left; 
background: url(../images/bg.png);
color: #333;
}

/* ---Layout--- */

#pagewidth{ 
width:100%; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 
	
#header{
background: url(http://shopx.hu/templates/fs_nixlogy/images/header.png) repeat;
height:81px;
}

#logo{
position: absolute;
margin-left:20px;
height:80px; 
background: url(../images/logo.png) no-repeat; 
width:200px;
} 

#topmenu{
height:65px; 
background: url(../images/topmenu.png) repeat; 
} 

#topmenu_inner{
width:95%;
padding-left:28px;
padding-top:2px;
}

#wrapper{
background: url(../images/content.png) repeat;
} 

#wrapper_inner{
width:95%; 
margin-left:auto; 
margin-right:auto;  
padding-top:10px;
padding-bottom:20px;
}

/* width of content/mainbody */
#content-left-main-right {
width: 460px;
float: left;
margin-left: 10px;
margin-right: 10px; 
}

#content-left-main {
width: 60%;
float: left;
margin-left: 10px;
margin-right: 10px;
}

#content-main-right {
width: 75%;
float: left;
margin-left: 20px;
}

#content-main-only {
margin-left: 10px;
margin-right: 10px;
}
/**/

#left {
width: 170px;
float: left;
margin-left: 10px;
}

#right {
width: 170px;
float: right;
margin-left: 10px;
margin-right: 10px;
}

#footer{
width:100%; 
height:120px; 
background: url(../images/footer.png) repeat;
clear:both;
 } 
 
#footer_inner{
width:95%; 
margin-left:auto; 
margin-right:auto; 
padding-top:35px;
text-align:center;
}
 
 /* *** Float containers fix from:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/* ---Styles--- */

ul 
{
List-Style-Type: none
}

ol 
{
List-Style-Type: none
}


/* Text and Headers */
p {
margin-top: 0;
}

div, p, table, td, th {
font-family : Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #333333;
}

div.componentheading {
padding-left: 0px;
}

h1 {
padding: 0;
font-family:Helvetica ,Arial,sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #666666;
text-align: left;
width: 100%;
}

h2, h4,h3 {
padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.4em;
font-weight: normal;
vertical-align: bottom;
color: #333333;
text-align: left;
width: 100%;
}

table.contentpaneopen h3 {
margin-top: 25px;
}


h3, table.moduletable th {
padding: 0;
font-size : 1.1em;
color: #4b7c5f;
padding-left: 0px;
padding-top:5px;
margin-bottom: 2px;
border-bottom : 2px solid #4b7c5f;
padding-bottom:5px;
text-align: left;
text-transform : uppercase;
}

.contentheading {
color: #4b7c5f;
font-size : 1.2em;
text-transform : uppercase;
font-weight:bold;
}

.componentheading {
color: #5f9722;
font-size : 1.2em;
font-weight:bold;
}

/* modules */

#footer_inner div{
color : #5f9722;
text-align:center
}
/* menu links */
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.9em;
}

ul#mainlevel-nav li
{
display: block;
float: left;
margin: 0;
white-space: nowrap;
}

ul#mainlevel-nav li a
{
	display: block;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited 
{
display : block;
float:left;
color : #ffffff;
text-align : center;
width:auto;
padding-left:10px;
padding-right:10px;
height:35px;
padding-top:10px;
text-decoration : none;
}


a.mainlevel-nav:hover {
color : #5f9722;
width:auto;
padding-left:10px;
padding-right:10px;
height:35px;
font-weight:normal;
}


a#active_menu-nav {
color : #d8d9d8;
width:auto;
padding-left:10px;
padding-right:10px;
height:35px;}

a#active_menu-nav:hover {
color : #FFFFFF;
width:auto;
padding-left:10px;
padding-right:10px;
height:35px;}


a.mainlevel:link, a.mainlevel:visited  {
display : block;
font-size: 0.9em;
text-decoration : none;
text-transform : uppercase;
width : 170px;
text-align : left;
color : #0000EE;
line-height: 25px;
list-style:none;
border-bottom : 1px dotted #cccccc;
}

a.mainlevel:hover, a.mainlevel#active_menu:hover {
font-size: 0.9em;
width : 170px;
text-align : left;
color : #4b7c5f;
line-height: 25px;
text-decoration : none;
list-style:none;
font-weight:normal;
}

a.mainlevel#active_menu {
font-size: 0.9em;
display : block;
text-decoration : none;
width : 170px;
text-align : left;
color : #5f9722;
line-height: 25px;
list-style:none;
}

a.sublevel:link, a.sublevel:visited {
font-size: 0.9em;
display : block;
text-decoration : none;
text-transform : uppercase;
width : 165px;
text-align : left;
color : #333333;
line-height: 25px;
list-style:none;
border-bottom : 1px dotted #cccccc;
}

a.sublevel:hover{
font-size: 0.9em;
width : 170px;
text-align : left;
color : #4b7c5f;
line-height: 25px;
text-decoration : none;
list-style:none;
font-weight:normal;
}

/* links */
a:link, a:visited 
{
color: #0000EE;
text-decoration : none;
font-weight:normal;
}

a:hover {
color: #4b7c5f;
text-decoration : none;
font-weight:bold;

}
a.readon {
display: block;
float: left;
padding-left: 20px;
line-height: 14px;
height: 16px;
}

.pagenav {
/* for formatting texts for "<< Start < Previous 1 Next > End >>" links */
font-weight: normal;
color: #4b7c5f;
}

a.pagenav, a.pagenav:visited {
font-weight: normal;
color: #4b7c5f;
}

a.pagenav:hover {
color: #4b7c5f;
font-weight: bold;
}

/* content tables */
td.sectiontableheader {
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane {
margin: 0;
padding-right: 15px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

/* module control elements */


table.moduletable {
/* styling the module table */
margin: 0px 0px 0px 0px;
width: 95%;
	}

table.moduletable th {
/* styling the module header, and the module titles */
font-weight: bold;
text-align: left;
	}
/* 
table.moduletable td {
for formatting the table cells of the module table 
	}*/

/* forms */
table.adminform textarea {
width: 520px;
height: 400px;
font-size: 1em;
color: #000099;
}

div.search input {
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

div.message {
font-family : Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 1.0em;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

div.offline {
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway {
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}
.small, .createdate, .modifydate
{
font-size: 0.8em;
color: #333333;
}
.clr {
clear: both;
}

/** overlib **/
.ol-background {
	background-color: #666;
}
.ol-foreground {
	background-color: #f6f6f6;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 10px;
}

.ol-closefont {}


/* System Messages */

dl#system-message { margin: 0; padding: 0; }
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-size: 14px; }

/* System Standard Messages */

#system-message dt.message { display: none; }
#system-message dd.message { background: #fff; }
#system-message dd.message ul { list-style: none; color: black; padding: 10px 10px 10px 40px;}

/* System Error Messages */

#system-message dt.error { display: none; }
#system-message dd.error { background: #f00; }
#system-message dd.error ul { list-style: none; background: url(../../../images/M_images/icon_error.gif) no-repeat 10px 10px; color: white; padding: 10px 10px 10px 40px;}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }