/*------------------------------------------------------------------------
# JA Teline - April, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/

/* custom cugat.cat */
.form_comentaris { margin:0 0 0 0; padding:2px 2px 0 10px; background-color:#F7F7F7;}
.form_comentaris fieldset {padding:5px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 5px 0; border:solid 1px rgb(220,220,220);}
.form_comentaris fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 50px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.form_comentaris label.left {float:left; width:70px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.form_comentaris select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form_comentaris input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form_comentaris textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.form_comentaris input.button {width:9.0em; margin-left:150px; margin-bottom:4px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.form_comentaris input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

dl.regles{ float: right; width:25%; font:110% Arial, Helvetica, sans-serif;}
dl.regles dt{ color:#666;}
.captionBox-comment {
  border: 1px solid #CCCCCC;
  padding: 15px 10px 10px 10px;
  margin: 20px 0 19px 0;
  position: relative;
  line-height: normal;

    border: 1px solid #4D7900;
    background-color: #F7F7F7;
}

.captionBox-comment h3 {
  position: absolute;
  top: -7px;
  left: 10px;
  margin: 0 0 0 -2px;
  padding: 0 2px;
  font-size: 125%;
  font-weight: bold;
  background: #FFFFFF;
  text-transform: uppercase;

    color: #4D7900;
}

/*EOF customization*/

#ja-newswrap .article_seperator {
    background: none;
}

.ja-newsblock {
    margin: 0;
    display: block;
}

.ja-newsitem,
.ja-newsitem-left,
.ja-newsitem-right,
.ja-newsitem-center {
    float: left;
    padding: 0;
    text-align: center;
}

.ja-newsitem-left,
.ja-newsitem-center {
}

.ja-newsitem-left div.ja-newsitem-inner,
.ja-newsitem-center div.ja-newsitem-inner,
.ja-newsitem-right div.ja-newsitem-inner,
.ja-newsitem div.ja-newsitem-inner {
    text-align: left;
    float: left;
}

.ja-newsitem-center div.ja-newsitem-inner {
    float: none;
    margin: 0 auto;
}

.ja-newsitem-right div.ja-newsitem-inner {
    float: right;
}

a.ja-newscat, a.ja-newscat:hover, a.ja-newscat:active, a.ja-newscat:focus {
    display: block;
    border-bottom: 3px solid #666666;
    margin: 0 0 5px;
    position: relative;
    font: bold 125%/normal Arial,Helvetica,sans-serif;
}

.ja-newscatwrap .hover .ja-newscat,
.ja-newsitem-left:hover .ja-newscat,
.ja-newsitem-center:hover .ja-newscat,
.ja-newsitem-right:hover .ja-newscat {
    border-bottom: 3px solid #006DA3!important;
}

a.ja-newscat span {
    font-weight: bold;
    padding: 2px 5px 2px;
    background: #666666;
    color: #FFFFFF;
    text-transform: uppercase;
}

.ja-newscatwrap .hover .ja-newscat span,
.ja-newsitem-left:hover .ja-newscat span,
.ja-newsitem-center:hover .ja-newscat span,
.ja-newsitem-right:hover .ja-newscat span {
    background: #006DA3;
}

a.ja-newstitle {
    display: block;
    font-weight: bold;
    margin-bottom: 5px; 
    border: none;
    font: bold 125%/normal Arial,Helvetica,sans-serif;
}

a.ja-newstitle:hover, a.ja-newstitle:active, a.ja-newstitle:focus {
    border-bottom: none;
}

.ja-newscontent {
    padding: 0;
}

.ja-newscontent img {
    margin: 2px 5px 5px 0;
    padding: 1px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
}

.ja-newscontent p {
    margin: 5px 0;
}

.ja-newsitem ul {
    margin: 10px 0 0;
    padding: 0;
}

ul.ja-newslinks {
    margin: 15px 0 0;
    padding: 0;
}

ul.ja-newslinks li {
    margin: 0;
    padding: 0 0 0 12px;
    background: url(../images/bullet-list.gif) no-repeat 2px 8px;
}

ul.ja-newslinks li a,
ul.ja-newslinks li a:hover,
ul.ja-newslinks li a:active,
ul.ja-newslinks li a:focus {
}

/* headline
--------------------------------------------- */
#jahl-newsitem {
    background: #E7F4FA;
    padding: 5px;
}

div.ja-newscat {
    display: block;
    border-bottom: 3px solid #006DA3;
    padding-top: 5px;
    margin: 0;
    position: relative;
    font: bold 125%/normal Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}

div.ja-newscat span {
    font-weight: bold;
    padding: 2px 5px 2px;
    background: #006DA3;
    color: #FFFFFF;
}

#jahl-newsitem a.ja-newstitle { 
    font-size: 200%;
    font-weight: bold;
    line-height: normal;
}

#jahl-newsitem img { 
    margin: 2px 10px 10px 0;
}

/* Sidebar
--------------------------------------------- */
div.module-ja-newssb .ja-newsblock {
    margin: 0 5px 15px;
}

div.module-ja-newssb ul.ja-newslinks {
    margin: 0!important;
}

div.module-ja-newssb ul.ja-newslinks li {
    padding-left: 22px!important;
    background-position: 11px 6px!important;
}

div.module-ja-newssb ul.ja-newslinks li a {
    color: #484848;
    text-decoration: none;
}

div.module-ja-newssb ul.ja-newslinks li a:hover,
div.module-ja-newssb ul.ja-newslinks li a:active,
div.module-ja-newssb ul.ja-newslinks li a:focus {
    color: #F85703!important;
    text-decoration: none;
}

/* Control bar
--------------------------------------------- */
.jahl-newscontrol {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 0;
    display: block;
}

.jahl-newscontrol ul {
    margin: 0 0 0 10px;
    padding: 0;
    float: left;
}

.jahl-newscontrol li {
    margin: 0;
    padding: 0;
    background: none;
    display: inline;
}

#loading-indicator {
    float: left;
}

#jahl-indicator {
    float: left;
    background: #666666;
    padding: 1px 5px;
    font-size: 10px;
    line-height: normal;
    margin-left: 5px;
    display: block;
}