/* Estils pestanyes Fitxa Client */
#tabs4 
{
    float:left;
    width:auto;
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #898989;
    margin:0 0 8px 0;
}

#tabs4 ul {
    margin:0;
    padding:0 11px 0 11px;
    list-style:none;
}

#tabs4 li {
    display:inline;
    margin:0;
    padding:0;
}

#tabs4 a {
    float:left;
    background:url("Images/tableft4.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;
    cursor: pointer;
}

#tabs4 a span {
    float:left;
    display:block;
    cursor: pointer;
    background:url("Images/tabright4.gif") no-repeat right top;
    padding:5px 13px 4px 7px;
    color:#454545;
    font-family:Verdana;
    font-size:9px;
    font-weight:bold;
    text-align:center;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {float:none;}
/* End IE5-Mac hack */

#tabs4 a:hover span {
    color:#C8C8C8;
}

#tabs4 a:hover {
    background-position:0% -42px;
}

#tabs4 a:hover span {
    background-position:100% -42px;
}

#tabs4 #current a 
{
    background-position:0% -42px;
    color:#C8C8C8;
}

#tabs4 #current a span 
{
    background-position:100% -42px;
    color:#C8C8C8;
}

/* Fi pestanyes Fitxa Client */

#tabs5 {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
    margin:0 0 -2px 0;
}

#tabs5 ul {
    margin:0;
    padding:0 11px 0 11px;
    list-style:none;
}

#tabs5 li {
    display:inline;
    margin:0;
    padding:0;
}

#tabs5 a {
    float:left;
    background:url("Images/tableft4.gif") no-repeat left top;
    margin:0;
    padding:0 0.5px 0 5px;
    text-decoration:none;
    cursor: pointer;
}

#tabs5 a span {
    float:left;
    display:block;
    cursor: pointer;
    background:url("Images/tabright4.gif") no-repeat right top;
    padding:5px 70px 5px 62px;
    color:#6B78A9;
    font-family:Verdana;
    font-size:9px;
    font-weight:bold;
    text-align:center;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span {float:none;}
/* End IE5-Mac hack */

#tabs5 a:hover span {
    color:#6B78A9;
}

#tabs5 a:hover {
    background-position:0% -42px;
}

#tabs5 a:hover span {
    background-position:100% -42px;
}

#tabs5 #current a 
{
    background-position:0% -42px;
}

#tabs5 #current a span 
{
    background-position:100% -42px;
}
/* Fi pestanyes */


/* Estils */
BODY
{
    font-size: 10px;
    color: #696969;
    font-family: Verdana, Arial, Tahoma; 
}

.titol
{
    font-size: 12px;
    color: #626299;
    font-family: Verdana, Arial, Tahoma;
    font-weight: bold;
    background-position:left;
    padding-left: 3px;
}

.subtitol
{
    font-size: 11px;
    color: #626299;
    font-family: Verdana, Arial, Tahoma;
    font-weight: bold;
}

.titol_client
{
    font-size: 12px;
    color: #626299;
    font-family: Verdana, Arial, Tahoma;
    font-weight: bold;
}

.text
{
    font-size: 10px;
    color: #696969;
    font-family: Verdana, Arial, Tahoma;
}

.fitxaColegiat
{
    background-color : #ba1717;
}
.fitxaHabilitat
{
    background-color: #ff6600;
}
.fitxaTargetAcces
{
    background-color: #0066cc;
}
.fitxaBasic
{
    background-color: #009900;
}
.fitxaEmpresa
{
    background-color: #999999;
}
.fitxaSocietat
{
    background-color : #000000;
}


.combos
{
    font-size: 9px;
    font-family: Verdana, Arial, Tahoma;
    background-color: #EEEEEE;
    border: 1px solid #898989;
}
.combosgeografia
{
    font-size: 9px;
    font-family: Verdana, Arial, Tahoma;
    width: 160px;
    background-color: #EEEEEE;
    border: 1px solid #898989;
}
.combosgeografiapetit
{
    font-size: 9px;
    font-family: Verdana, Arial, Tahoma;
    width: 140px;
    background-color: #EEEEEE;
    border: 1px solid #898989;
}

.radioButton
{
    font-size: 9px;
    font-family: Verdana, Arial, Tahoma;
}

.textbox 
{
    font-size: 9px;
    font-family: Verdana, Arial, Tahoma;
    background-color: #EEEEEE;
    border: 1px solid #898989;
}

.fileupload
{
    font-size: 10px;
    font-family: Verdana, Arial, Tahoma;
    border: 1px solid #626299;
    color: #626299;
    background-color: #f0f0f0;
}

.button {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    background-color:#710303;
    font-size:1em;
    cursor: pointer;
}

.buttonIRIS
{
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    background-color:#D46103;
    font-size:1em;
    cursor: pointer;
}

.buttonVermell
{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #cc0000;
    font-size: 1em;
    cursor: pointer;
}

.buttonVerd
{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #339933;
    font-size: 1em;
    cursor: pointer;
}

.listbox
{
    font-size: 10px;
    font-family: Verdana, Arial, Tahoma;
    border: 1px solid #626299;
    color: #696969;
}

.hyperlink 
{
    font-size: 12px;
    font-family:Trebuchet MS, Verdana, Arial, Tahoma;
    color: #434343; 
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
.hyperlink:hover
{
    text-decoration: underline;
}

.linkbutton 
{
    font-size: 12px;
    font-family:Trebuchet MS, Verdana, Arial, Tahoma;
    color: #434343; 
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
.linkbutton:hover
{
    text-decoration: underline;
}

.linkbuttonpagina
{
    font-size: 12px;
    font-family:Trebuchet MS, Verdana, Arial, Tahoma;
    color: #9A0A0A; 
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}
.linkbuttonPagina:hover
{
    text-decoration: underline;
}




.optionGreen{background-color:#336633;}
.optionYellow{background-color:#ffcc00;}
.optionRed{background-color:#cc0000;}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility: hidden;
	margin: 0px;
	background-color: inherit;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	overflow: auto;
	height: 150px;
    text-align: left; 
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #E7E7FF;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #BDBDE7;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}



/* Fi estils */