/** * @version $Id: template.css * @author SiteGround * @package Joomla * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved. * @license GNU/GPL, see LICENSE.php * Joomla! is free software. This version may have been modified pursuant to the * GNU General Public License, and as distributed it includes or is derivative * of works licensed under the GNU General Public License or other free or open * source software licenses. See COPYRIGHT.php for copyright notices and * details. */body,html {height:100%;}body{background:#ffffff;font: 400 11px/1.3em Tahoma, Verdana, Helvetica;color:#555;margin:0;padding:0}.clr{ clear:both;overflow:hidden;font-size:0;line-height:0; }ul{list-style:none;margin:0;padding:0}a,img{outline:none;margin:0;padding:0;border:none;}a:link, a:visited { color:#555;text-decoration:none;}a:hover, a:active, a:focus { color:#fff; }form { padding:0;margin:0; }h1,h2,h3,h4,h5,h6 { margin:0 0 20px; font-family: Arial, Tahoma, Verdana, Helvetica; color:#666;line-height:normal; }h1 { font-size:24px;}h2 { font-size:20px; color:#000;}h3 { font-size:12px; color:#000; font-family: Arial, Tahoma, Verdana, Helvetica; margin:0;}h4 { font-size:14px;}h5 { font-size:12px;}h6 { font-size:11px;}iframe {border:none;}dl dd {	padding:0 0 0 10px;	margin:0;}fieldset { border:none;margin:0;padding:0;}input, textarea, button {    border:none;    color: #fff;    font-size: 11px;    line-height: 20px;    padding: 0 10px 4px;	cursor:pointer;	}	button {    background: url("../images/but.gif") repeat-x scroll left top transparent;    border:none;    color: #fff;    font-size: 11px;    height: 21px;    line-height: 20px;    padding: 0 10px 4px;	cursor:pointer;}		button {    color: #FFFFFF;    float: left;    font-weight: 400;    height: 20px;    line-height: 16px;    margin: 0;    padding: 0 0 3px;}p { margin:0 0 10px; }.module p {	margin:0;	color: #555;	padding: 0 10px 10px;}.page_bg { background: #c0c0c0 url("../images/page_bg.gif") top center repeat-x ;}#footer_bg {background: transparent url("../images/footer_bg.gif") bottom center repeat-x; padding:0 0 55px;}.wrapper {  	position:relative;	margin: 0 auto;    width: 960px;}.page { min-height: 100%; }.main { width:960px;margin:0 auto; }.top { margin:0 auto;width:960px;height:38px}.top .menu { height:26px;padding:6px 0;}.top .menu li { float:left;height:26px;margin:0 10px 0 0;font-size:12px;}.top .menu a { float:left;background: transparent url(../images/top_menu_r_bg.png) no-repeat top right;text-decoration:none;}.top .menu a span { float:left;height:26px;padding:0 10px;color:#fff;line-height:25px;background: transparent url(../images/top_menu_l_bg.png) no-repeat top left;cursor:pointer;}#header {	margin:0 auto;	width:960px;	height:367px;    position: relative;	background: url("../images/headerimg.jpg") top center no-repeat;}#header h1 {	position: absolute;	top:60px;	left:16px;	padding:0;	margin:0;	height:72px;	width:600px;	overflow:hidden;}#header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:hover {	font-size:30px;	color:#000;    text-decoration: none;    line-height: 36px;    text-align: center;}#header #search {    height: 26px;    padding: 0;    position: absolute;    bottom: 28px;    left: 16px;	    width: 210px;}#search .search {    float: left;	height:26px;	width:210px;	padding: 0;    background: url("../images/inputbox.png") top left no-repeat;}#search .search .inputbox {    float: left;    border: none;    color: #000;    font-size: 11px;    line-height: 26px;    padding: 0 0 1px 10px;    width: 167px;	height: 25px;}#search .search .button {    background: url("../images/search_but.gif") no-repeat scroll left top transparent;    border: medium none;    float: left;    height: 26px;	margin: 0;    padding: 0;    text-indent: -9999px;    width: 33px;	cursor:pointer;}#content {	width: 960px;	margin:0 auto;}.top-menu {	width:928px;	padding:0 16px;    height: 31px;	margin:0 0 16px;	background: url("../images/t_menu.gif") no-repeat scroll center top transparent;}.maincol,.maincol_w_right,.maincol_w_left,.maincol_full {margin:0 auto; padding:0}.leftcol, .rightcol {    float: left;    width: 210px;	margin: 0 10px 0 0;}.rightcol {margin: 0 0 0 10px;}.maincol_w_right .cont,.maincol_w_left .cont {float: left; width: 698px;}.maincol_w_left .cont {margin-left:30px;}.maincol_w_right .cont {margin-right:30px;}.cont {padding: 0 0 10px 0;}.cont li {display:inline; margin:0 10px 0 0;}.maincol .cont {float: left; width: 520px;}#breadcrumbs { position:absolute;bottom:30px;left:0;}.separator { font-size:12px;padding:20px 0 0;display:block;color:#505050;font-size:12px;font-weight:700; }.module_menu .menu, .module .menu { margin:0;}.module_menu .menu li, .module .menu li { padding:0 0 4px 10px;line-height:20px;}.module_menu .menu li a, .module .menu li a { display:block;}.module_menu .menu li a span,.module .menu li a span { display:block;background: transparent url(../images/arrow1.gif) no-repeat left 7px;cursor:pointer;}#login-form {margin:0; padding:0 10px; text-align:left;}fieldset.userdata p {padding:0;}fieldset.userdata {	border:none;	margin:0 auto;	padding:0;	height:140px;	position:relative;	width:150px;}#login-form ul { padding:10px; text-align:left; font-family:Tahoma, sans-serif; font-size:11px;}fieldset.userdata label {display:block;line-height:14px; color: #555; font-family:Tahoma, sans-serif; font-size:11px; }
.unstyled { clear: both; }#form-login-remember label { float:left; cursor:pointer; }fieldset.userdata input {     background: #fff;	border: none;	border-radius: 3px;	-moz-border-radius: 3px;    color: #555;    font-size: 11px;	width:140px;    height: 20px;    line-height: 14px;	padding:0 4px;}fieldset.userdata input.button { 	width:140px;    background: url("../images/but.gif") repeat-x scroll left top transparent;	border: none;    border-radius: 0;	color: #fff;    float: left;    font-weight: 400;    height: 21px;    margin: 0;	cursor:pointer;	line-height: 20px;	padding: 0 0 4px 0;}
fieldset.userdata input.button:hover {	color:#000;}#form-login-username, #form-login-password, #form-login-remember { margin:0 0 10px;overflow:hidden; }#modlgn-remember {     background: none repeat scroll 0 0 #E4E3E3;    border: 1px solid #F0DAB7;    color: #000;	width: auto;	margin:0 0 0 10px;}.module .search { margin: 0 20px;position:relative; }.search label { display:none; }#mod-search-searchword {	border:1px solid #d5d5d5;background:none;color:#666;width:160px;}.module .search .button { position:absolute;right:0;top:0;text-indent:-9999px;width:20px;height:20px;background: transparent url(../images/search_bg.png) no-repeat center center;}div.module_menu div div div { }div.module_menu div div div div, div.module div div div div, div.module_text div div div div {background: none; padding:0px;}div.module_menu div div div div.custom, div.module div div div div.custom, div.module_text div div div div.custom {	text-align: left;}.leftcol h3, .rightcol h3 {	background: url("../images/box_h3.png") top center no-repeat;    color: #000;	text-shadow:1px 1px #c9c9c9;    font-size: 11px;	font-family:Tahoma, sans-serif;    font-weight: 400;    height: 26px;    line-height: 25px;	padding: 0 10px;    margin: 0 0 10px;    overflow: hidden;    text-align: left;    width: 190px;}.leftcol ul.menu li a, .leftcol ul.menu li a:link,.leftcol ul.latestnews li a, .leftcol ul.latestnews li a:link, .rightcol ul.menu li a, .rightcol ul.menu li a:link ,.rightcol ul.latestnews li a, .rightcol ul.latestnews li a:link {    background: url("../images/menu_arrow.png") no-repeat  left center transparent;    color: #fff;    display: block;    font-size: 11px;    font-weight: 400;  line-height: 17px;    padding: 0 0 0 12px;    text-decoration: none;}.leftcol ul.menu li.current  a,.leftcol ul.menu li.current a:link, .rightcol ul.menu li.current a, .rightcol ul.menu li.current a:link {color: #000; background: url("../images/menu_arrow_hover.png") no-repeat  left center transparent;}.leftcol ul.menu li a:hover,.rightcol ul.menu li a:hover {color: #000; background: url("../images/menu_arrow_hover.png") no-repeat  left center transparent;}/* maincol */.maincol h2,.maincol h2 a {    color: #fff;    font-family: Tahoma,Verdana,Arial,sans-serif;	font-size: 11px;	text-transform: uppercase;    font-weight: 700;    padding: 0;	margin: 0 0 10px 0;    text-align: left;    vertical-align: middle;}.items-leading, .category-desc {border-bottom:1px solid #ddd;}/* items row */.items-row .item {text-align:left; padding: 10px 0; border-bottom:1px solid #ddd;}.items-row .item h2, .items-row .item h1, .items-row .item h1 a, .items-row .item h2 a { font-family: tahoma;	font-size: 11px;	text-transform: uppercase;	margin: 0 0 10px 0;}.item .readmore { text-align:right;margin:0;}.item .readmore a { color:#000;}.actions {float:left; overflow:hidden;margin:0 0 10px;}.actions li { float:left; }.actions li img { float:left;margin:0 6px 0 0; }.category-desc img { margin:0 10px 4px }.category-desc a, .category-desc a:link, .category-desc a:visited { color:#000;text-decoration:underline;}.image-left { float:left;margin:0 10px 4px 0; }.image-right { float:left;margin:0 0 4px 10px; }.item-title { font-size:12px; }.main .categories-list ul li {padding: 5px;}.category-desc {    line-height: 1.7em;    margin: 10px 0;    padding-left: 0;}.category-desc p { line-height:normal; }.pagination { overflow:hidden;padding:10px 0; }.pagination .counter { margin:0; }.active a span{color: #000;}.pagination ul { overflow:hidden;}.pagination ul li {	float:left;	margin:0 6px 0 0;}.pagination .pagenav {	display:block;	background:#fff;	margin:0 4px 0 0;padding:2px 6px;	border:1px solid #e5e5e5;	border-radius: 5px;	-o-border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;    margin:10px 0;}.pagenav .pagenav-prev { float:left; }.pagenav .pagenav-next { float:right; }.pagenav-prev, .pagenav-next {margin:10px 0;}/* end maincol *//* tables */table { border-collapse:collapse }table, table th, table td { border:solid 1px #d5d5d5 !important }table.weblinks th,table.newsfeeds th,table.category th,table.jlist-table th{background:#dedede;color:#939598}table.weblinks,table.category{ margin:10px 10px 20px 0px;width:98%; }table.weblinks td{ border-collapse:collapse; }table.weblinks td,table.category td{ padding:7px; }table.weblinks th,table.category th{ padding:7px;text-align:left }td.num{ vertical-align:top;text-align:left; }td.hits{ vertical-align:top;text-align:center }td p{ margin:0;line-height:1.3em }.filter{ margin:10px 0 }.display-limit,.filter{ text-align:right;margin-right:7px }/* ++++++++++++++  category table  ++++++++++++++ */table.category th a img{ padding:2px 10px }.filter-search{ float:left; }.filter-search .inputbox{width:6em}legend.element-invisible{        position:absolute;        /* need margin top and left doesn't work for the legend element */        margin-left:-3000px;        margin-top:-3000px;        height:0px;}.cat-items{ margin-top:20px }#contact-slider .panel {	background:#fff;	margin:0 0 10px 0;	padding:10px;	border:1px solid #e5e5e5;	border-radius: 5px;	-o-border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;    margin:10px 0;}#contact-slider .panel h3 { margin:0; }#contact-slider .panel h3 a { font-size:18px;line-height:normal; }#contact-slider .panel .pane-slider { padding:10px 0 0 0; }#contact-slider .panel .pane-slider div { padding:10px 0 0 0;overflow:hidden; }.contact-email label{ float:left;width:140px; }#member-registration label { display:block; }#member-registration legend { font-size:20px; }#member-registration dd { padding:0;margin:0 0 10px; }.contact-links li { line-height:20px; }/* */#jform_email-lbl { width:200px;float:left; }#article-index li { line-height:20px; }.maincol li {line-height:20px;}.maincol .menu li,#article-index li,.maincol .latestnews li,.maincol .relateditems li,.maincol .categories-module li{color: #000}#article-index ul,.maincol .menu { padding: 0 0 10px; }.stats-module dt {    float: left;    font-weight: bold;    margin: 0 10px 0 0;}.maincol .login,.maincol .registration,#user-registration {margin:0 0 10px 0;}.maincol .login label { float:left;width:100px;}.maincol .login .login-fields {overflow:hidden;margin:0 0 10px;}#footer {color: #000; position:absolute; bottom:0; width:960px;height:20px;}#footer p {padding: 40px 0 0; margin:0;}#footer a:hover, #footer a:active, #footer a:focus, #footer a:visited, #footer a { color:#000;}.error {	background:#fdcdc9;	margin:0 0 20px 0;	padding:10px;	border:none;	border-radius: 5px;	-o-border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;}#system-message { margin:0; }#system-message dt.warning{ color:#be4e4c;margin:0 0 10px;font-size:16px;font-weight:700; }#system-message dd.warning li { line-height:20px; background: transparent url(../images/arrow-2.png) no-repeat left top;padding:0 0 0 20px; }.tip-wrap {	background:#fff;	margin:0 0 10px 0;	padding:10px;	border:1px solid #e5e5e5;	border-radius: 5px;	-o-border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;}/* sgmenu */#sgmenu {height:31px;}#sgmenu ul.menu:after {}#sgmenu ul.menu {list-style: none outside none; float:left;}#sgmenu ul li { float: left; margin:0 1px 0 0;}#sgmenu ul li a { display:block;white-space: nowrap; }#sgmenu ul li ul { position: absolute;visibility: hidden;width:auto;}#sgmenu ul li ul li { float: none; display:block}#sgmenu ul li ul li a { width: auto; }/**  Menu regular **/	#sgmenu ul.menu li a span{ 	height: 31px; 	line-height:29px;    color: #fff;    cursor: pointer;    display:inline-block;	font-family: tahoma, san-serif;    font-size: 11px;	font-weight: 400;    padding: 0 12px;    margin: 0;    text-decoration: none;}#sgmenu ul.menu li a:link, #sgmenu ul.menu li a:visited {     cursor: pointer;    display:block;}/**  Menu on hover **/	#sgmenu ul.menu li a:hover span, #sgmenu ul.menu li.current  a span{	color:#000;	background: transparent url(../images/t_menu_but_hover.gif) repeat-x left top;}#sgmenu ul.menu li a:hover { }/**  Submenu **/#sgmenu ul li ul { z-index:500;}#sgmenu ul.menu li ul li a, #sgmenu ul.menu li ul li a:link, #sgmenu ul.menu li ul li a:visited {background: #dbdebe; height:30px;}#sgmenu ul.menu li ul li a span {background: #dbdebe;padding: 0 10px; width:80px;}/**  Submenu hover**/#sgmenu ul.menu li ul li a:hover {color:9e3777; }#sgmenu ul.menu li ul li a:hover span {padding: 0 10px;background:#fff;}.module div, .module_menu div {background: transparent url(../images/box_m.png) repeat-y center top;}
.module div div, .module_menu div div{background: transparent url(../images/box_b.png) no-repeat center bottom;}
.module div div div, .module_menu div div div{ background: transparent url(../images/box_t.png) no-repeat center top; }.module_menu, .module{ margin-bottom:20px;display:inline-block }.module_menu, .rightcol .module , .leftcol .module{ margin-bottom:10px;}.jicons-icons img{float: left; margin: 0 10px 0 0}.contact-contactinfo p {margin: 10px 0 0 0;}input.inputbox, textarea.inputbox  {background: #ebebeb; border: 1px solid #a3a3a3; margin: 0 0 10px 0; color: #000;}.latestnews li {margin: 0 0 0 10px;}ul.whosonline {margin: 0 0 0 10px;}input.inputbox, textarea.inputbox  {background: #ebebeb; background: 1px solid #a3a3a3; margin: 0 0 10px 0; color: #000;}
.input-small { display: block; margin: 2px 0 15px 0;}
.control-group { margin: 0 0 0 10px !important; padding: 0 !important;}
btn { margin: 20px 0 0 0; }
.control-group, .controls, .input-prepend, .input-append, .userdata{ background: none !important; }
.btn-primary { margin: 20px 0 0 0 !important;}
