html, body {
	color	: #4E4B4A;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
}

a {
	color	: #FF6600;
	outline	: none;
	text-decoration	: none;
}

a img {
	border	: none;
}

input, textarea {
	background-color	: #FFF;
	border	: 1px solid #CCC;
	padding	: 2px;
}

select {
	background-color	: #FFF;
	border	: 1px solid #CCC;
}

input.error, select.error, textarea.error {
	background-color	: #F5E4E4;
}

input[type=checkbox], input[type=radio], input.checkbox, input.radio {
	background-color	: transparent;
	border	: none !important;
	vertical-align	: middle;
	width	: 20px !important; 
}

input[disabled=disabled], select[disabled=disabled], textarea[disabled=disabled] {
	background-color	: #FCFCFC;
}

input.integer, input.float {
	text-align	: right;
}

button {
	background-color	: #F7F7F7;
	border-color	: #EFEFEF #717171 #717171 #EFEFEF;
	border-style	: solid;
	border-width	: 2px;
	color	: #666;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
}

button:active {
	border-color	: #717171 #EFEFEF #EFEFEF #717171;
}

form {
	text-align	: left;
}

#header {
	background-image	: url('../img/logo_telecentre_europe_220x100.png');
	background-repeat	: no-repeat;
	background-position	: 740px 0px;
	border-bottom	: 1px solid #CCC;
}

/**
 * Menú principals
 */
#header #menu li a {
	background-color	: #EAEAEA;
	border-color	: #CCC;
	border-style	: solid;
	border-width	: 1px;
	color	: #4E4B4A;
	display	: block;
	height	: 19px;
	line-height	: 19px;
	padding	: 2px 10px 3px 10px;
	-moz-border-radius-topright	: 5px;
	-webkit-border-radius-topright	: 5px;
}

#header #menu li a:hover {
	background-color	: #F7F7F7;
}

#header #menu li a.selected {
	background-color	: #F7F7F7;
	border-bottom-color	: #F7F7F7;
	font-weight	: bold;
}

#header #menu li.right a {
	padding-left	: 20px;
	background-repeat	: no-repeat;
	background-position	: 2px center;
	-moz-border-radius-topleft	: 5px;
	-moz-border-radius-topright	: 0;
	-webkit-border-radius-topleft	: 5px;
	-webkit-border-radius-topright	: 0;
}

#header #menu li.right a#telecentre-europe {
	background-image	: url(../img/ico/telecentre-europe_off.gif);
}

#header #menu li.right a#telecentre-europe:hover {
	background-image	: url(../img/ico/telecentre-europe_on.gif);
}

#header #menu li.right a#community {
	background-image	: url(../img/ico/community_off.gif);
}

#header #menu li.right a#community:hover {
	background-image	: url(../img/ico/community_on.gif);
}

#header #menu li.right a#resource {
	background-image	: url(../img/ico/resource_off.gif);
}

#header #menu li.right a#resource:hover {
	background-image	: url(../img/ico/resource_on.gif);
}

#main {
	background-color	: #FFF;
	background-image	: url('../img/background_telecentre_europe.png');
	background-position	: 50px center;
	background-repeat	: no-repeat;
	border-color	: #CCC;
	border-style	: solid;
	border-width	: 0 1px 1px 1px;
	-moz-box-shadow	: 1px 1px 5px #C0C0C0;
	-webkit-box-shadow	: 1px 1px 5px #C0C0C0;
}


#main ul.submenu li a {
	color	: #4E4B4A;
	display	: block;
	font-size	: 9pt;
	height	: 18px;
	line-height	: 18px;
	padding	: 3px 10px;
}

#main ul.submenu li a:hover, #main ul.submenu li a.selected {
	background	: #EAEAEA;
}

#main ul.submenu li a.selected {
	font-weight	: bold;
}

/**
 * Migas de pan
 */
#main #breadcrumb {
	background	: #F7F7F7;
	border-bottom	: 1px solid #EAEAEA;
	font-size	: 8pt;
	line-height	: 14px;
}

#main #breadcrumb a {
	color	: #4E4B4A;
	font-weight	: bold;
}


#main #content h1 {
	color	: #003399;
	font-size	: 14pt;
	margin	: 20px auto;
	text-align	: center;
}

#main #content .tab {
	background	: #F7F7F7;
	border-color	: #CCC;
	border-style	: solid;
	border-width	: 1px;
}

/**
 * lists
 */
#main #content .header_list {
	font-size	: 8pt;
}

#main #content .header_list .div_total_registres {
	padding-left	: 5px;
}

#main #content .header_list .div_filter {
	padding-left	: 5px;
}

#main #content .header_list .div_filter a {
	background-image	: url(../img/ico/search.gif);
	background-repeat	: no-repeat;
	background-position	: left center;
	font-weight	: bold;
	padding-left	: 14px;
}

#main #content .header_list .div_link_alta {
	padding-right	: 5px;
	font-weight	: bold;
}

#main #content .list {
	border-color	: #CCC;
	border-style	: solid;
	border-width	: 1px 0 0 1px;
}

#main #content .list th {
	border-color	: #CCC;
	border-style	: solid;
	border-width	: 0 1px 1px 0;
	background-color	: #F7F7F7;
	padding	: 2px;
	text-align	: center;
}

#main #content .list th a {
	color	: #777777;
}

#main #content .list th a.sortable {
	background-repeat	: no-repeat;
	background-position	: 2px 7px;
}

#main #content .list th a.sorted_asc {
	background-image	: url('../img/ico/uarr.gif');
	padding-left	: 16px;
}

#main #content .list th a.sorted_desc {
	background-image	: url('../img/ico/darr.gif');
	padding-left	: 16px;
}

#main #content .list td {
	border-color	: #CCC;
	border-style	: solid;
	border-width	: 0 1px 1px 0;
	padding	: 2px;
	text-align	: center;
}

#main #content .list .linia_0 td {
	background-color	: #FFFFFF;
}

#main #content .list .linia_1 td {
	background-color	: #F7F7F7;
}

#main #content .list tr:hover td {
	background	: #E0F0F7;
	border-right: #ACD6EB 1px solid;
}

#main #content .list img {
	display	: block;
	float	: left;
	margin	: 0 2px;
	vertical-align	: middle;
}

#main #content .list .linia_0 td img {
	background-color	: #F7F7F7;
	border	: 1px solid #CCC;
}

#main #content .list .linia_1 td img {
	background-color	: #FFFFFF;
	border	: 1px solid #CCC;
}

#main #content .list tr:hover img:hover {
	background-color	: #F0F8FB;
	border	: 1px solid #ACD6EB;
}
#main #content .footer_list {
	font-size	: 8pt;
}

#main #content .footer_list .div_total_registres {
	padding-left	: 5px;
}

#main #content .footer_list .div_link_excel {
	padding-right	: 5px;
	font-weight	: bold;
}

#main #content .pagination {
	height	: 22px;
	font-size	: 9pt;
	text-align	: center;
}

#main #content .pagination strong, #main #content .pagination a, #main #content .pagination span {
	background	: #F7F7F7;
	border	: 1px solid #C0C0C0;
	display	: inline-block;
	height	: 20px;
	line-height	: 20px;
	margin	: 0 2px;
	padding	: 0;
	text-align	: center;
	vertical-align	: bottom;
	width	: 20px;
}

#main #content .pagination strong {
	background	: #EAEAEA;
}

#main #content .pagination a {
	color	: #666;
	text-decoration	: none;
}

#main #content .pagination a img {
	margin	: 5px 0;
}

#main #content .pagination a:hover {
	background	: #EAEAEA;
}

#main #content .pagination a.disabled {
	background	: #F7F7F7 !important;
	color	: #C0C0C0;
	cursor	: default;
}

#main #content .pagination a.disabled img {
	filter	: alpha(opacity=40);
	opacity	: 0.4;
}

#main #content .pagination a.disabled:hover {
	background	: #F0F0F0;
}

/**
 * forms
 */
#main #content .table_form {
	border	: 1px solid #CCC;
	border-width	: 0 1px 1px 1px;
}

#main #content .table_form td {
	background-color	: #FFF;
	border-top	: 1px solid #CCC;
}

#main #content .table_form td.td_label {
	background	: #F7F7F7;
}

#main #content .table_form td.td_label label {
	font-weight	: bold;
	font-size	: 9pt;
}

#main #content form.form .buttonbar {
	text-align	: center;
}

#main #content form.form .editor_readonly {
	padding	: 10px;
}

#main #content p.footnote {
	font-size	: 8pt;
}

/**
 * messages 
 */
#main #content .message {
	border	: 2px solid #CCC;
	background	: #F7F7F7;
	font-size	: 10pt;
	line-height	: 14pt;
}

#main #content .message .message_buttons a {
	background	: #FAFAFA;
	border	: 2px solid #CCC;
	color	: #003399;
	font-size	: 9pt;
	font-weight	: bold;
}

#main #content .message .message_buttons a:hover {
	background	: #FFF;
	text-decoration	: none;
}

/**
 * Logout link
 */
#footer #link_logout {
	background-image	: url(../img/ico/logout.gif);
	background-repeat	: no-repeat;
	background-position	: left center;
	color	: #FF6600;
	display	: block;
	float	: left;
	font-size	: 7pt;
	font-weight	: bold;
	padding	: 2px 5px 2px 10px;
}

#footer #link_logout:hover {
	text-decoration	: underline;
}

#footer #persona_conectada {
	color	: #777;
	display	: block;
	font-size	: 7pt;
	font-weight	: bold;
	padding	: 2px 5px;
}

/* Finestra */
.finestra {
	background	: #F7F7F7;
	border	: 2px solid #CCC;
	display	: none;
	-moz-border-radius	: 10px;
}

.finestra_titol {
	background	: #EAEAEA;
	color	: #4E4B4A;
	font-variant	: small-caps;
	padding	: 3px;
	text-align	: center;
	-moz-border-radius-topleft	: 8px;
	-moz-border-radius-topright	: 8px;
}

.finestra_cos {
	padding	: 5px 10px;
}

.finestra_buttons {
	padding	: 5px 10px;
	text-align	: center;
}

.finestra_buttons button {
	width	: 8em;
}

#vidre {
	background-color	: #F7F7F7;
	display	: none;
	filter	: alpha(opacity=40);
	opacity	: 0.4;
}