/********************************* 

* TECKNIKS NEOJOOMLA! TEMPLATE

* 

* Author : Neojoomla! www.neojoomla.com

* Copyright © June 2007

* 

**********************************/





/* **** ACCESSIBLITY */

#accessibility {

	display: none;

	position: absolute;

	left: -2000px;

	top: -2000px;

}





/* **** GLOBAL CONTENT */

div.global_content {

	margin: 0px auto;

}



/* THIN */

div.thin .global_content {

	width: 770px;

}

div.thin #center {	width: 750px; }

div.thin #bottomusers {	width: 750px; }



div.thin .column-1 #left, div.thin .column-1 #right { width: 160px; } /* w:175 - padding:15 */

div.thin .column-2 #left, div.thin .column-2 #right { width: 140px; } /* w:155 - padding:15 */



div.thin .column-1 #content {	width: 540px; }

div.thin .column-2 #content {	width: 395px; }



* html div.thin .column-1 #content {	width: 530px; } /* IE */

* html div.thin .column-2 #content {	width: 385px; } /* IE */









/* WIDE */

div.wide .global_content {

	width: 970px;

}

div.wide #center {	width: 950px; }

div.wide #bottomusers {	width: 950px; }



div.wide .column-1 #left, div.wide .column-1 #right { width: 160px; } /* w:175 - padding:15 */

div.wide .column-2 #left, div.wide .column-2 #right { width: 140px; } /* w:155 - padding:15 */



div.wide .column-1 #content {	width: 740px; }

div.wide .column-2 #content {	width: 595px; }



* html div.wide .column-1 #content {	width: 730px; } /* IE */

* html div.wide .column-2 #content {	width: 580px; } /* IE */











/* **** TEMPLATES STYLES */



.clear { clear: both; }











/* **** HEADER */



.header_bkgd { 

	height: 88px;

}



.header_shadow_l { 

	background-position: 0 0;

	background-repeat: repeat-y;

}

.header_shadow_r { 

	background-position: 100% 0;

	background-repeat: repeat-y;

}

.header_shadow_bl { 

	background-position: 0 0;

	background-repeat: no-repeat;

}

.header_shadow_br { 

	padding-top: 7px;

	background-position: 100% 0;

	background-repeat: no-repeat;

}





h1#logo {

	float: left;

	width: 550px;

	height: 80px;

	margin: 0 0 0 12px;

	background-position: 0 0;

	background-repeat: no-repeat;

	cursor: hand;

}

h1#logo span { display: none; }





#header {

	height: 80px;

	margin: 0 10px;

	background-position: 0 100%;

	background-repeat: repeat-x;

}

#header .moduletable {

	float: right;

	margin: 10px 10px 0 0;

}





#header .inputbox { margin: 0 4px 0 0; }



#mod_search_searchword { 

	padding-left: 18px;

	color: #98989D;

	background: #FFF url(../images/icon_search.png) no-repeat 2px 3px;

}





#header ul#mainlevel {

	float: left;

	padding: 0 0 0 14px;

	background-position: 0 6px;

	background-repeat: no-repeat;

}

* html #header ul#mainlevel { padding: 0 0 0 7px; }



#header ul#mainlevel li { display: inline; }

#header a.mainlevel {

	display: block;

	float: left;

	margin: 0 4px;

	padding: 4px 8px 4px 0;

	font-weight: normal;

	font-size: 11px;

	text-decoration: none;

	color: #FFF;

	background-position: 100% 0;

	background-repeat: no-repeat;

}

#header a.mainlevel:hover {

	text-decoration: underline;

	color: #FFF;

}











/* **** CENTER WRAPPER */



.center_bkgd {

	background-position: 0 0;

	background-repeat: repeat-x;

}

.center_shadow_l { 

	background-position: 0 0;

	background-repeat: repeat-y;

}

.center_shadow_r { 

	background-position: 100% 0;

	background-repeat: repeat-y;

}

.center_shadow_lt { 

	background-position: 0 0;

	background-repeat: no-repeat;

}

.center_shadow_rt { 

	background-position: 100% 0;

	background-repeat: no-repeat;

	padding: 0 10px;

}







/* **** TOPMENU */

#topmenu {

	height: 34px;

	background-repeat: repeat-x;

	background-position: 0 0;

}

.topmenu_seperator {

	clear: both;

	padding-top: 9px;

	background-repeat: repeat-x;

	background-position: 1px 0;

}



#topmenu ul#mainlevel li { display: inline; }

#topmenu a.mainlevel {

	display: block;

	float: left;

	margin: 0;

	padding: 10px 10px 9px 10px;

	font-weight: bold;

	text-decoration: none;

	background-position: 0px 35px;

	background-repeat: repeat-x;

	border-right-width: 1px;

	border-right-style: solid;

}

#topmenu a.mainlevel:hover {

	text-decoration: none;

	background-position: 0px 0px;

}

#topmenu a#active_menu {

	background-position: 0px 0px;

}

#topmenu a#active_menu:hover {

	background-position: 0px -34px;

}



#topmenu a.sublevel {

	display: block;

	margin: 0;

	padding: 4px 10px 6px 10px;

	font-weight: bold;

	text-decoration: none;

	background-position: 0 100%;

	background-repeat: repeat-x;

	color: #FFF;

}

#topmenu a.sublevel .arrow {

	padding: 0 12px 0 0;

	background: url(../images/arrow_submenu.png) no-repeat 100% 5px;

}













/* **** TOP MODULES*/

#topusers {

	padding: 0;

	border-top: 1px solid #F7F7F8;

	background: #E4E4E7 url(../images/toppanel_bkgd.gif) repeat-x 0 100%;

	color: #56555C;

}

#topusers .column_seperator {

	float: left;

	width: 2px;

	height: 110px;

	background: url(../images/toppanel_seperator.gif) no-repeat 0 0;

}

#topusers .moduletable { 	margin: 15px 10px 15px 10px; }



#topusers h3 {

	padding: 0 0 10px 0;

	margin: 0 0 8px 0;

	font-size: 1.2em;

	font-weight: bold;

	background: url(../images/toppanel_heading.gif) repeat-x 0 100%;

}

#topusers .contentheading {	

	color: #56555C;

	font-size: 1.1em;

	padding: 0;

	background: none;

}



#topusers tr.sectiontableentry1 td, #topusers td.sectiontableentry1,

#topusers tr.sectiontableentry2 td, #topusers td.sectiontableentry2 { 

	background: none; 

	border: none;

}

#topusers ul.latestnews li, #topusers ul.mostread li { background-image: url(../images/arrow_gray.png); }

#topusers ul.latestnews a:visited, #topusers ul.mostread a:visited { color: #999; }



/* NEOLATESTNEWS */

#topusers .neolatestnews span.small { color: #999; }





#topusers a { color: #56555C; }

#topusers a.mainlevel {

	display: block;

	margin: 1px 0;

	padding: 0 0 2px 16px;

	color: #56555C;

	text-decoration: none;

	background-position: 0 2px;

	background-repeat: no-repeat;

}

#topusers a.mainlevel:hover { text-decoration: underline; }

#topusers a.sublevel {

	display: block;

	margin: 1px 0 1px 16px;

	padding: 0 0 1px 0;

	font-size: 0.95em;

	font-weight: normal;

	text-decoration: none;

}

#topusers a.sublevel:hover {	text-decoration: underline; }









.column-4 .user-left, .column-4 .user-centerleft, .column-4 .user-centerright, .column-4 .user-right  { width: 24.8%; }

.column-3 .user-left, .column-3 .user-centerleft, .column-3 .user-centerright, .column-3 .user-right  { width: 33.1%; }

.column-2 .user-left, .column-2 .user-centerleft, .column-2 .user-centerright, .column-2 .user-right  { width: 49.8%; }

.column-1 .user-left, .column-1 .user-centerleft, .column-1 .user-centerright, .column-1 .user-right  { width: 100%; }



.user-left, .user-centerleft, .user-centerright, .user-right  { float: left; }













/* **** PATHWAY */

#pathway {

	padding: 10px 12px;

	background-color: #FFF;

	border-top-width: 1px;

	border-top-style: solid;

}









#center { 

	float: left; 

	background-color: #FFF;

	padding: 15px 0 0 0;

}











#left {

	float: left;

	margin: 0 0 0 10px;

	padding: 0 15px 0 0;

	background-position: 100% 10px;

	background-repeat: no-repeat;

}

#right {

	float: right;

	margin: 0 10px 0 0;

	padding: 0 0 0 15px;

	background-position: 0 10px;

	background-repeat: no-repeat;

}





#left .module, #left .moduletable,

#right .module, #right .moduletable {

	margin: 0 0 20px 0;

}



#left .contentheading, #right .contentheading {

	font-size: 1.1em;

	padding: 0;

	background: none;

}



#left h3, #right h3 {

	padding: 0;

	margin: 0 0 8px 0;

	font-size: 1.2em;

	font-weight: bold;

}

#left a.mainlevel, #right a.mainlevel {

	display: block;

	margin: 3px 0;

	padding: 0px 0 4px 16px;

	text-decoration: none;

	background-position: 0 2px;

	background-repeat: no-repeat;

}

#left a#active_menu, #right a#active_menu {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

}



#left a.sublevel, #right a.sublevel {

	display: block;

	margin: 3px 0 3px 16px;

	padding: 0 0 2px 0;

	font-size: 0.95em;

	font-weight: normal;

	text-decoration: none;

}

#left a.sublevel:hover, #right a.sublevel:hover {

	text-decoration: none;

}











/* CONTENT */

#content { 

	float: left; 

	margin: 0 10px;

	padding: 0 0 15px 0;

}

* html #content { 

	padding: 0 0 0px 0;

	margin: 0 6px; 

}



#content ol { margin-left: 30px; }

#content ul { margin-left: 25px; }

#content ol li { 

	list-style-type:decimal; 

	padding: 2px 0px; 

}

#content ul li {

	list-style-type:disc; 

	padding: 2px 0px; 

}

#content h1 {

	font-size: 1.5em;

	margin: 10px 0 6px 0;

}

#content h2 {

	font-size: 1.4em;

	letter-spacing: -0.02em;

	margin: 10px 0 4px 0;

	padding: 0 0 0 12px;

	background-position: 0 6px;

	background-repeat: no-repeat;

}

#content h3 {

	font-size: 1.3em;

	letter-spacing: -0.02em;

	margin: 10px 0 2px 0;

}

#content h4 {

	font-size: 1.2em;

	margin: 10px 0 2px 0;

	padding: 0 0 2px 0;

	border-bottom-width: 1px;

	border-bottom-style: solid;

}







#panelbottom {

	height: 12px;

}











/* **** BOTTOM */

.footer_bkgd {

	background-position: 0 0;

	background-repeat: repeat-x;

}

.footer_shadow_l {

	background-position: 0 100%;

	background-repeat: no-repeat;

}

.footer_shadow_r {

	background-position: 100% 100%;

	background-repeat: no-repeat;

}

.footer_shadow_lt {

	background-position: 0 0;

	background-repeat: no-repeat;

}

.footer_shadow_rt {

	background-position: 100% 0;

	background-repeat: no-repeat;

}







/* **** BOTTOM MODULES*/

#bottomusers {

	margin: 0 10px;

	background-position: 0 0;

	background-repeat: repeat-x;

}

#bottomusers .column_seperator {

	float: left;

	width: 2px;

	height: 125px;

	background-position: 0 0;

	background-repeat: no-repeat;

}

#bottomusers .moduletable { 	margin: 15px 10px 15px 10px; }



#bottomusers h3 {

	padding: 0 0 10px 0;

	margin: 0 0 8px 0;

	font-size: 1.2em;

	font-weight: bold;

	background-position: 0 100%;

	background-repeat: repeat-x;

}

#bottomusers .contentheading {	

	font-size: 1.1em;

	padding: 0;

	background: none;

}

#bottomusers tr.sectiontableentry1 td, #bottomusers td.sectiontableentry1,

#bottomusers tr.sectiontableentry2 td, #bottomusers td.sectiontableentry2 { 

	background: none; 

	border: none;

}

#bottomusers ul.latestnews li, #bottomusers ul.mostread li { background-image: url(../images/arrow_white.png); }



#bottomusers a.mainlevel {

	display: block;

	margin: 1px 0;

	padding: 0 0 2px 16px;

	text-decoration: none;

	background-position: 0 2px;

	background-repeat: no-repeat;

}

#bottomusers a.mainlevel:hover { text-decoration: underline; }

#bottomusers a.sublevel {

	display: block;

	margin: 1px 0 1px 16px;

	padding: 0 0 1px 0;

	font-size: 0.95em;

	font-weight: normal;

	text-decoration: none;

}

#bottomusers a.sublevel:hover {	text-decoration: underline; }













/* **** COPYRIGHT */



h1#neojoomla {

	position: relative;

	float: left;

	left: 50%;

	width: 145px;

	height: 35px;

	margin: 10px 0 0 -72px;

	font-size: 10px;

	background-position: 0 0;

	background-repeat: no-repeat;

	cursor: hand;

}

* html h1#neojoomla { float: none; } /* IE */



h1#neojoomla span { display: none; }





#copyright {

	clear: both;

	padding: 10px 0 4px 0;

	background-position: 50% 8px;

	background-repeat: no-repeat;

	text-align: center;

}

#copyright .moduletable { 

	margin: 0 0 6px 0;

	padding: 4px 0 6px 0;

	background-position: 50% 100%;

	background-repeat: no-repeat;

}

#copyright,

#copyright h1 {

	font-weight: normal;

	font-size: 0.95em;

}

#copyright a {

	font-weight: normal;

	text-decoration: none;

}

#copyright a:hover { text-decoration: underline; }



#copyright a#active_menu { 

	color: #FFF;

	font-weight: bold; 

}









/* **** TEMPLATE CUSTOMISZER */



#templateCustomizer {

	float: right;

	margin: 10px 10px 0 0;

}



#templateCustomizer ul { 

	float: left;

	margin: 0 0 0 6px;

}

#templateCustomizer li { display: inline; }

#templateCustomizer li a { 

	display: block;

	float: left;

	width: 17px;

	height: 15px;

}

#templateCustomizer li a span { display: none; }











/* **** TOGGLE OPEN/CLOSE BUTTON */



.toggle_line {

	clear: both;

	padding-top: 2px;

	background-position: 0 0;

	background-repeat: repeat-x;

}

* html .toggle_line { padding-top: 1px; } /* IE */



a.toggle-up, a.toggle-down {

	display: block;

	float: right;

	width: 21px;

	height: 12px;

	background-repeat: no-repeat;

	margin: 0 15px 0 0;

	text-decoration: none;

	border-left-width: 1px;

	border-left-style: solid;

}

a.toggle-up:hover, a.toggle-down:hover { text-decoration: none; }

a.toggle-up span, a.toggle-down span { display: none; }



a.toggle-up {	background-position: 100% -12px; }

a.toggle-down {	background-position: 100% 0; }













/* **** NEOJOOMLA MODULES STUFFS */



ul.neolatestnews li {

	margin: 0 0 12px 0;

}

ul.neolatestnews li p { margin: 4px 0; }



ul.neolatestnews a { text-decoration: none; }

ul.neolatestnews a:hover { text-decoration: underline; }



ul.neolatestnews a.newstitle { font-size: 1.1em; }



ul.neolatestnews li a.readon { 

	font-size: 0.95em;

	text-decoration: underline; 

}

ul.neolatestnews li a.readon:hover { text-decoration: none; }



div.readall { text-align: right; }

div.readall a:hover {}









/* **** HTML TAGS */



html, body { 

	height: 100%; 

	margin: 0px;

	padding: 0px;

}



body{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;    

	color: #000;

	background-color: #FFF;

}



table {	font-size: 1em; }

h1, h2, h3, h4, ol, ul, li, form {

	padding: 0px;

	margin: 0px;

}

ul li { list-style-type: none; }



a {

	color: #666;

	font-weight: bold;

	text-decoration:underline;

}

a:hover { 

	color: #333;

	text-decoration: none; 

}



hr {

	height: 1px;

	border: 0px;

	color: #999;	

	background-color: #999;

}



img { border: 0px; }





input, select, textarea {

	font: normal 11px Arial, Helvetica, sans-serif;

	padding: 1px;

	border-width: 1px;

}









/* **** JOOMLA STUFFS */





/* FORMS */

input.inputbox, select.inputbox, textarea {

	color: #333;

}

input.button {

	font-weight: bold;

	padding: 2px 4px !important;

	padding: 2px;

	color: #FFF;

	background-color: #29292B;

	border-top-color: #666;

	border-left-color: #666;

	border-right-color: #000;

	border-bottom-color: #000;

}









/* PATHWAY */

span.pathway {

	font-size: 0.95em;

	white-space: nowrap;

}

span.pathway img {	display: none; }

span.pathway a {

	padding: 0px 10px 0px 0px;

	margin: 0px 2px 0 0;

	font-weight: bold;

	text-decoration: none;

	background-position: 100% 4px;

	background-repeat: no-repeat;

}

span.pathway a:hover {

	text-decoration: underline;

}









/* SMALL TEXT, DATES */

.createdate, .modifydate, .small {

	font-size: 0.95em;

	text-align: left;

}









/* **** PAGE CONTENT */



/* PRINT PAGE */

body.contentpane {	padding: 6px 10px 4px 10px; }





table.contentpaneopen, table.contentpane, table.blog {

	width: 100%;

	font-size: 1em;

}







/* HEADING OF COMPONENT */

.componentheading {

	clear: both;

	padding: 0px 0 24px 1px;

	font-weight: bold;

	font-size: 1.4em;

	letter-spacing: -0.02em;

	background-position: 1px 100%;

	background-repeat: repeat-x;

}







/* HEADING OF CONTENT */

.contentheading {

	padding: 0 0 10px 2px;

	font-weight: bold;

	font-size: 1.4em;

	letter-spacing: -0.03em;

	background: url(../images/dotline.png) repeat-x 0 100%;

}

.contentheading a {

	text-decoration: none;

}

.contentheading a:hover { 

	text-decoration: none; 

}









/* BUTTONS HEADING (PRINT, EMAIL, PDF) */

.buttonheading {           

	text-align: left;

	vertical-align: bottom;  

	font-size: 0.85em;

}

.buttonheading img { border: 0; }

.buttonheading a { text-decoration: none; }

.buttonheading a:hover { text-decoration: underline; }









.contentdescription { padding: 6px 0px; }



.pagenavcounter { text-align: right; }









/* TABLE OF CONTENT */

table.contenttoc {

	margin: 0 0 4px 4px;

	border-width: 1px;

	border-style: solid;

}

table.contenttoc th {

	font-weight: bold;

	text-align: center;

	padding: 2px 6px 8px 6px;

	background-position: 1px 100%;

	background-repeat: repeat-x;

}

table.contenttoc td {

	padding: 2px 2px 2px 4px;

}

table.contenttoc a.toclink {

	font-size: 0.95em;

	font-weight: normal;

	text-decoration: none;

}

table.contenttoc a.toclink:hover { text-decoration: underline; }









/* MOS IMAGE */

div.mosimage {	

	width: auto;

	margin: 2px;

}

div.mosimage img {}

div.mosimage_caption {

	padding: 2px;

}









/* READMODRE LINK FOR ARTICLES */

a.readon {	

	font-size: 0.95em;

	text-decoration: underline;

}

a.readon:hover { 

	text-decoration: none; 

}









/* ARTICLE SEPERATOR */

span.article_seperator {

	display: none;

}









/* BLOG MORE */

.blog_more {

	padding: 6px;

	margin: 4px;

}

.blog_more ul{ 

	padding: 0 0 0 4px; 

}

.blog_more li{ 

	padding: 1px 0 1px 12px !important; 

	margin: 0 0 4px 0;

	list-style: none !important;

	background-position: 0 6px;

	background-repeat: no-repeat;

}

.blog_more a {}

.blog_more a:hover {}









/* TABLE ITEMS */

.sectiontableheader {

	padding: 4px 2px;

	border-top-width: 1px;

	border-top-style: solid;

	color: #FFF;

}

.sectiontableheader a, .sectiontableheader a:hover { color: #FFF; }



tr.sectiontableentry1 td, td.sectiontableentry1,

tr.sectiontableentry2 td, td.sectiontableentry2 { 

	padding: 2px; 

	border-bottom-width: 1px;

	border-bottom-style: solid;

}



.sectiontableentry1 a, .sectiontableentry2 a { text-decoration: none; }

.sectiontableentry1 a:hover, .sectiontableentry2 a:hover { text-decoration: underline; }











/* PAGIN NAVIGATION */

.pagenavbar {

	padding: 4px;

	text-align: left;

}





span.pagenav, a.pagenav {

	font-size: 1em;

	font-weight: bold;

	margin: 0px 2px;

}

a.pagenav, .pagenav_prev a, .pagenav_next a {

	font-size: 1em;

	font-weight: bold;

	text-decoration: none;

}

a.pagenav:hover, .pagenav_prev a:hover, .pagenav_next a:hover { 

	text-decoration: underline; 

}









/* BACK BUTTON  */

div.back_button {    

	text-align: right;

	padding: 3px 0px;

	background: url(../images/dotline.png) repeat-x 0 0;

}

div.back_button a { 

	display: block;

	float: right;

	padding: 0 24px 0 0;

	font-size: 1em;

	font-weight: bold;

	text-decoration: none;

	background-position: 100% 0;

	background-repeat: no-repeat;

}

div.back_button a:hover { 

	text-decoration: none; 

}









/* SEARCH RESULTS */

table.searchintro{

	padding: 8px 0px;

	width: 100%;

}

span.highlight { background-color: #FFFF99; }









/* **** JOOMLA MODULES STUFFS */



table.moduletable { width: 100%; }





/* SYNDICATE */

.syndicate img { margin: 1px 0px; }





/* POLL */

.poll {}

.pollstableborder {	width: 100%; }

.pollstableborder .sectiontableentry1 {}

.pollstableborder .sectiontableentry2 {}

.poll div {	

	padding: 4px 0px; 

}









/* LATESTNEWS, MOSTREAD */

ul.latestnews, ul.mostread {

	margin: 0px 0px 0px 2px;

}

ul.latestnews li, ul.mostread li {

	margin: 6px 0px;

	padding: 0 0 0 11px;

	background-position: 0 5px;

	background-repeat: no-repeat;

}

ul.latestnews a, ul.mostread a { 	

	text-decoration: none; 

	font-weight: normal;

}

ul.latestnews a:hover, ul.mostread a:hover { text-decoration: underline; }









/* **** FRONTEND ADMIN STUFFS */



/* VALIDATION MESSAGE */

div.message {

	font-size: 0.95em;

	font-weight: bold;

	color: #CC0000;

	text-align: center;

	padding: 5px 0px;

}







/* FORM TOOLBAR */

table#toolbar a.toolbar {

	border: 1px solid #CCC;

	background-color: #FFF;

}

table#toolbar a.toolbar:hover {

	border: 1px solid #666;

	background-color: #F5F5F5;

}