/* 
<interface><file>templates/default/styles/style-default.css</file><version>1.1</version></interface>
*/



/* interessanti questi fonts
font-family: 'Lucida Grande','Trebuchet MS';
il secondo e' piu' elegante del solito verdana
*/

/*  RESET FONTS (YUI) */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {
	font:13px arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}

/* 99% for safari; 100% is too large */
select, input, textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/* Bump up !IE to get to 13px equivalent */
pre, code {
	font:115% monospace;
	*font-size:100%;
}
/* / RESET FONTS (YUI) */



html {
	/*---*/
	height: 100%;
	min-height: 100%;
	
}

body {
	font-family: 'arial';/*'Trebuchet MS',*/
	font-size: 13px;
	margin: 0 auto;
	/*---
	height: 100%;
	min-height: 100%;
	*/
}

#document,
#document a,
#document a:link,
#document a:active,
#document a:visited,
#document a:hover
{
	/*
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 13px;
	line-height: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-align: inherit;
	vertical-align: inherit;
	text-transform: none;
	word-spacing: normal;
	letter-spacing: normal;
	white-space: normal;
	*/
}


/*******************************************************/
/******************** GRIGLIA: GRAFICA *****************/


/****************** DOCUMENT *****************/
#document
{
	margin: 0 auto;
}
#document-header
{

}

#document-body
{

}

#document-footer
{

}
/****************** /DOCUMENT *****************/

/****************** MAIN-HEADER *****************/
#main-header
{
	text-align:center;
}
#main-header-top
{
	text-align:center;
	background-color: #0070BC;
}
#main-header-middle
{
	text-align:center;
}
#main-header-bottom
{
	text-align:center;
	background-color: #0070BC;
}
/****************** /MAIN-HEADER *****************/


/****************** MAIN-BODY *****************/
#main-body
{
	background-color: #FFF;
	/*background-image: url("/images/bkleft.gif");*/
	/*background-repeat: repeat-y;	*/
}
#main-body-top
{
	font-size: 11px;
	line-height: 20px;
	background-color: #DDD;
}
#main-body-middle
{

}
#main-body-bottom
{
	font-size: 11px;
	line-height: 20px;
	background-color: #DDD;
}
/****************** /MAIN-BODY *****************/


/****************** MAIN-FOOTER *****************/
#main-footer
{
	text-align: center;
	background-color: #004E92;
}
#main-footer-top
{

}
#main-footer-middle
{
	padding: 4px 0px 0px 0px;
	font-size: 11px;
	line-height: 25px;
	background-color: #0070BC;
	color: #FFF;
}
#main-footer-middle a
{
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
}
#main-footer-bottom
{

}

/****************** /MAIN-FOOTER *****************/


/****************** GRIDS *****************/
/******** GRID-MENU *******/
#grid-menu
{
	text-align: left;
}
#grid-menu-top
{
	background-color: #004E92;
}
#grid-menu-middle
{
	
}
#grid-menu-bottom
{
	background-color: #004E92;
}
/******** /GRID-MENU *******/

/******** GRID-CONTENT *******/
#grid-content
{
	text-align: left;
	/*background-color: #EEE;*/
}
#grid-content-top
{
	background-color: #EFD;
}
#grid-content-middle
{

}
#grid-content-bottom
{
	background-color: #EFD;
}
/******** /GRID-CONTENT *******/


/******** GRID-SERVICE *******/
#grid-service
{
	text-align:left;
}
#grid-service-top
{
	background-color: #DFE;
}
#grid-service-middle
{
	background-color: #AAA;
}
#grid-service-bottom
{
	background-color: #DFE;
}
/******** /GRID-SERVICE *******/


/******** GRID-DIVIDER *******/
#grid-divider-left
{

}
#grid-divider-centerleft
{

}
#grid-divider-centerright
{

}
#grid-divider-right
{

}
/******** /GRID-DIVIDER *******/


/****************** /GRIDS *****************/

/******************** /GRIGLIA: GRAFICA *****************/
/********************************************************/



/*******************************************************/
/******************** GRIGLIA: OGGETTI *****************/

/******** MAIN-HEADER-TOP-MENU *******/
#main-header-top-menu
{
	background-color: #FF9;
	text-align: left;
}
.main-header-top-menu-btn
{
	background-color: #004E92;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
}
.main-header-top-menu-btn a {
	text-decoration: none; 
	color: #FFF;
}
.main-header-top-menu-btn a:hover {
	text-decoration: underline;
	color: #FFCC66; 
}
/******** /MAIN-HEADER-TOP-MENU *******/


/******** MAIN-HEADER-LOGO *******/
#main-header-logo
{
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	text-align: left;
	
}
#main-header-logo img
{
	padding: 0;
	margin: 0;
	border: 0;
}
/******** /MAIN-HEADER-LOGO *******/


/******** MAIN-HEADER-BANNER *******/
#main-header-banner
{
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	text-align: left;
	
}
/******** /MAIN-HEADER-BANNER *******/


/******** MAIN-HEADER-FLOAT-MENU *******/
#main-header-float-menu
{
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #FF9;
	text-align: left;
}
.main-header-float-menu-btn
{
	padding: 0;
	margin: 2px;
	background-color: #DDD;
	border: 1px solid #F00;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 24px;
}
.main-header-float-menu-btn a
{
	text-decoration: none; 
	color: #F00;
}
.main-header-float-menu-btn a:hover
{
	text-decoration: underline;
	color: #000; 
}
/******** /MAIN-HEADER-FLOAT-MENU *******/


/******** MAIN-HEADER-BOTTOM-MENU *******/
#main-header-bottom-menu
{
	background-color: #FF9;
	text-align: left;
}
.main-header-bottom-menu-btn
{
	background-color: #004E92;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
}
.main-header-bottom-menu-btn a
{
	text-decoration: none; 
	color: #FFF;
}
.main-header-bottom-menu-btn a:hover
{
	text-decoration: underline;
	color: #FFCC66; 
}
/******** /MAIN-HEADER-BOTTOM-MENU *******/

/******************** /GRIGLIA: OGGETTI *****************/
/*******************************************************/



/*******************************************************/
/************************* MENU ************************/
#mainmenu {
}
.menu,
.menuLabel
{
	position: relative;
	border-bottom: 1px solid #FFF;
	margin: 0 0 0 0;
}
.menu,
.menuLabel,
.menu a,
.menu a:link,
.menu a:visited,
.menu a:hover,
.menu a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*font-weight: bold;*/
	text-decoration: none;
	color: #FFF;
}
.menu a:hover
{
	text-decoration: underline;
	color: #CCC;
}

.menu.menuOff {
	padding: 8px 10px 8px 10px;
	color: #FFF;
	background-color: trasparent;
}
.menu.menuOff a {
	color: #FFF;
}
.menu.menuOff a:hover {
	color: #FFF; 
}

.menu.menuOn {
	padding: 8px 10px 8px 10px;
	background-color: #trasparent;
}
.menu.menuOn a {
	color: #000;
	text-decoration: none;
}
	
.menu.menuOn a:hover {
	color: #000;
	text-decoration: underline;
}

.menuLabel {
	padding: 8px 10px 8px 10px;
	background-color: #555;
	color: #FFF;
}



/* menu con immagine di background */
.menuOn>.menu-frame,
.menuOn>.menu-frame-hover,
.menuOff>.menu-frame,
.menuOff>.menu-frame-hover,
.menuLabel>.menu-frame,
.menuLabel>.menu-frame-hover
{
	width: 51%;
	background-image: none;
	background-repeat: no-repeat;
}

.menu-frame.frame-top-left,
.menu-frame-hover.frame-top-left
{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: left top;
}
.menu-frame.frame-top-right,
.menu-frame-hover.frame-top-right
{
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-position: right top;
}
.menu-frame.frame-bottom-left,
.menu-frame-hover.frame-bottom-left
{
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-position: left bottom;
}
.menu-frame.frame-bottom-right,
.menu-frame-hover.frame-bottom-right
{
	height: 2px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-position: right bottom;
}
/* /menu con immagine di background */


.menu-item,
.menu-item-selected
{
	width: auto;
	height: auto;
	padding: 2px;
	position: relative;
}

/* menu: icona */
.menu-icon {
	display: none;
}
.menuOn .menu-icon {
}
.menuOff .menu-icon {
}
.menuLabel .menu-icon {
}
.menuSubArea .menu-item .menu-icon {
}
.menuSubArea .menu-item-selected .menu-icon {
}




.menuArea
{

}
.menuArea-active
{

}
.menuOff .menuSubArea
{
	display: block;
}
.menuArea-hidden,
.menuOff .menuSubArea-hidden
{
	display: none;/**//* attiva: subarea nascosta */
}

.menuSubArea
{
	border-top: 1px solid #555;
	margin: 5px 0px 0px 10px;
	padding: 5px 0;
	position:relative;
	display: block;
	float:none;
	clear: both;
}

.menuSubArea-active
{
	border-top: 1px solid #000;
	margin: 5px 0px 0px 10px;
	padding: 5px 0;
}

.menuArea .menu-item
{
}
.menuArea .menu-item-selected
{
	background-color: #FFF;
}
.menuArea-active .menu-item
{
}
.menuArea-active .menu-item-selected
{
	background-color: #FFF;
}

.menuSubArea .menu-item
{
	border-bottom: 1px dashed #555;
	padding: 4px 2px;
}
.menuSubArea .menu-item-selected,
.menuSubArea .menu-item-selected a
{
	background-color: #FFF;
	color: #000;
}
.menuSubArea-active .menu-item
{
}
.menuSubArea-active .menu-item-selected
{
	background-color: #CCC;
}

.menu-item-level0 {		margin-left: 0px; }
.menu-item-level1 {		margin-left: 10px; }
.menu-item-level2 {		margin-left: 20px; }
.menu-item-level3 {		margin-left: 30px; }
.menu-item-level4 {		margin-left: 40px; }
.menu-item-level5 {		margin-left: 50px; }
.menu-item-level6 {		margin-left: 60px; }
.menu-item-level7 {		margin-left: 70px; }
.menu-item-level8 {		margin-left: 80px; }
.menu-item-level9 {		margin-left: 90px; }
.menu-item-level10 {	margin-left: 100px; }

/************************* /MENU ***********************/
/*******************************************************/


/****************** PAGE (CONTENUTO) ******************/
.page
{
	display: block;
	float: none;
	clear: all;
}
.page-header
{
	display: block;
	float: none;
	clear: all;
	width: 100%;
	height: 30px;
	margin: 20px auto;
	padding: 0px;
	position: relative;
	background-color: trasparent;
}
#page-header .title {
	margin: 0 auto;
	position: relative;
	text-align: center;
	/*padding: 4px;*/
	width: 90%;/**/
	/*background-color: #004E92;*/
	color: #FFF; 
	/*font-weight: bold;*/
	line-height: 30px;
}
.page-body
{
	display: block;
	float: none;
	clear: all;
}
.page-footer
{
	display: block;
	float: none;
	clear: all;
	width: 100%;
	height: 20px;
	margin: 10px auto 10px auto;
	text-align: center;
	background-color: #555;
}
/****************** /PAGE (CONTENUTO) ******************/



/*********************** BOXES **********************/
/*** BOX ***/
.box {
	display: block;
	margin: 0px 0px 4px 0px;
	float: none;
	clear: both;
	overflow: hidden;
}
/* box-header */
.box .box-header
{
	display: block;
	height: auto;
	text-align: center;
	margin: 0;
	background-color: #555;
	position: relative;
}
.box .box-header .frame-center {
	padding: 5px;
}
.box .box-header,
.box .box-header a
{
	font-weight: bold;
	color: #FFF;
	line-height: auto;
	text-decoration: none;
}
.box .box-header a:hover
{
	color: #CCC;
	text-decoration: underline;
}
/* /box-header */

/* box-body */
.box .box-body
{
	width: 100%;
	position: relative;
	background-color: #EEE;/**/
}
.box-body .frame-center
{
	padding: 5px;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
}
/* /box-body */

/* box-footer */
.box .box-footer
{
	display: block;
	height: auto;
	text-align: center;
	margin: 0;
	background-color: #555;
	position: relative;
}
.box .box-footer .frame-center {
	padding: 5px;
}
.box .box-footer,
.box .box-footer a
{
	font-weight: bold;
	color: #FFF;
	line-height: auto;
	text-decoration: none;
}
.box .box-footer a:hover
{
	color: #CCC;
	text-decoration: underline;
}
/* /box-footer */

/*** /BOX ***/





/* box-header con immagine di background */
.box-header>.box-frame
{
	width: 51%;
	background-repeat: no-repeat;
	background-position: 1000px 1000px;
}

.box-header>.box-frame.frame-top-left
{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: left top;
}
.box-header>.box-frame.frame-top-right
{
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-position: right top;
}
.box-header>.box-frame.frame-bottom-left
{
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-position: left bottom;
}
.box-header>.box-frame.frame-bottom-right
{
	height: 2px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-position: right bottom;
}

.box-header>.box-frame.frame-center
{
	width: auto;
	height: auto;
	position: relative;
}
/* /box-header con immagine di background */




/* box-body con immagine di background */
.box-body>.box-frame
{
	width: 51%;
	background-repeat: no-repeat;
	background-position: 1000px 1000px;
}
.box-body>.box-frame.frame-top-left
{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: left top;
}
.box-body>.box-frame.frame-top-right
{
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-position: right top;
}
.box-body>.box-frame.frame-bottom-left
{
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-position: left bottom;
}
.box-body>.box-frame.frame-bottom-right
{
	height: 2px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-position: right bottom;
}

.box-body>.box-frame.frame-center
{
	width: auto;
	height: auto;
	position: relative;
	padding: 5px 8px;
}
/* /box-body con immagine di background */


/* box-footer con immagine di background */
.box-footer>.box-frame
{
	width: 51%;
	background-repeat: no-repeat;
	background-position: 1000px 1000px;
}

.box-footer>.box-frame.frame-top-left
{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: left top;
}
.box-footer>.box-frame.frame-top-right
{
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-position: right top;
}
.box-footer>.box-frame.frame-bottom-left
{
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-position: left bottom;
}
.box-footer>.box-frame.frame-bottom-right
{
	height: 2px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-position: right bottom;
}

.box-footer>.box-frame.frame-center
{
	width: auto;
	height: auto;
	position: relative;
}
/* /box-footer con immagine di background */



.flat .box-header>.box-frame,
.flat .box-body>.box-frame
{
	background-image: none;
}

/*********************** /BOXES **********************/




/*********************** FRAMES **********************/
.frame {
	width: auto;
	height: auto;
	overflow: visible;
	/*padding: 4px;*/
	margin: 0;
	font-family: arial;
	font-size: 11px; 
	font-weight: normal;
	line-height: normal;
	text-align: justify;
	color: #000;
}
.frame-body {
	width: auto;
	height: auto;
	overflow: visible;
	/*background-color: #F93;*/
	padding: 5px;
}
.frame-blank {
	border: 0px solid #CCC;
}
.frame-soft,
.frame-s {
	border: 1px dashed #555;
	/*padding: 5px;*/
}
.frame-medium,
.frame-m {
	border: 1px solid #000;
	/*padding: 5px;*/
}
.frame-bold,
.frame-b {
	border: 2px solid #000;
	/*padding: 6px;*/
}
.frame-xbold,
.frame-xb {
	border: 3px solid #000;
	/*padding: 7px;*/
}

.frame-blank-shadow
{
	border-right: 2px solid #AAA;
	border-bottom: 2px solid #AAA;
}
.frame-soft-shadow,
.frame-s-shadow
{
	border: 1px solid #555;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
}
.frame-medium-shadow,
.frame-m-shadow
{
	border: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
}
.frame-bold-shadow,
.frame-b-shadow
{
	border: 2px solid #000;
	border-right: 4px solid #000;
	border-bottom: 4px solid #000;
}
.frame-xbold-shadow,
.frame-xb-shadow
{
	border: 3px solid #000;
	border-right: 6px solid #000;
	border-bottom: 6px solid #000;
}

/*********************** /FRAMES **********************/




/*********************** FORM GENERICO **********************/
/* all form */
form {}
legend {}
fieldset {}
label {}
input {}
select {}
option {}
textarea {}
button {}
optgroup {}
fieldset {
	width: 98%;
	margin: 4px auto;
}

form {
	width: auto;
	height: auto;
	margin: 10px auto;
	border: 1px solid #888;
	overflow: visible;
}
form fieldset {
	margin: 0;
	padding: 0;
}
form .title {
	text-align: center;
	padding: 6px;
	font-size: 16px;
	font-weight: bold;
	background-color: #369;
}
form .form-element {
	width: auto;
	height: auto;
	border-bottom: 1px dashed #888;
	position: relative;
	overflow: hidden;
	float: none;
	clear: both;
}
form .form-group {
	width: auto;
	height: auto;
	position: relative;
	overflow: hidden;
	float: none;
	clear: both;
}
form .form-group .form-element {
	border: 0;
}
form .form-wrap {
	width: auto;
	height: auto;
	margin: 10px;
	border: 1px solid #555;
	padding: 6px;
	position: relative;
	float: none;
	clear: both;
	overflow: hidden;
}
form .form-wrap-label {
	width: auto;
	height: auto;
	margin: 0;
	background-color: #888;
	color: #FFF;
	padding: 2px 4px;
}


form .form-label {
	width: 150px;
	padding: 4px 10px;
	text-align: right;
	float: left;
}
/*
form .form-group .form-element {
	float: left;
	clear: none;
	background-color: #987654;
}
*/
form .form-group-element-inline .form-element {
	float: left;
	clear: none;
}
form .form-field {
	padding: 4px 10px;
	text-align: left;
	float: left;
	overflow: visible;
}

form .required {
	font-weight: bold;
	background-color: #EEE;
}
form .form-description
{
	font-weight: normal;
	color: #555;
	font-size: 0.9em;
	font-style: italic;
}
form .form-text
{
	font-weight: normal;
	color: #000;
	font-size: 0.9em;
}
form .form-helplink
{
	color: #00F;
}

form .type-header {
	font-weight: bold;
	background-color: #888;
	color: #FFF;
	padding: 4px 10px;
}
form .privacy {
	font-size: 9px;
}
form .subtitle {
	text-align: center;
	padding: 6px;
	font-size: 1.2em;
	font-weight: bold;
	/*background-color: #F5B241;*/
}



form input,
form select,
form textarea
{
	font-family: courier, monospace;
	padding: 2px 4px;
	border: 1px solid #888;
}

form select {
	padding: 2px 4px;
	border: 1px solid #888;
}
form textarea {
	width: 250px;
	height: 150px;
	padding: 2px 4px;
	border: 1px solid #888;
}

form .form-input-text {
	width: 250px;
}
form .form-input-checkbox {
}

.form-input-button,
.form-input-submit,
.form-input-reset,
.form-button
{
	width: auto;
	height: auto;
	padding: 2px 4px;
	border: 1px solid #888;
	background-color: #EEE;
	font-family: courier, monospace;
	color: #333;
	font-weight: normal;
}
.form-input-button:hover,
.form-input-submit:hover,
.form-input-reset:hover,
.form-button:hover
{
	border: 1px solid #000;
	background-color: #FFF;
	color: #000;
	cursor: pointer;
}

/* questo non funziona con css1, ie6,
input[type="checkbox"] {}
*/
.form-input-text {}
.form-input-password {}
.form-textarea {}
.form-select {}
.form-input-checkbox {}
.form-input-radio {}
.form-input-file {}
.form-input-image {}
.form-input-button {}
.form-input-submit {}
.form-input-reset {}
.form-button {}
.form-input-hidden {}

/*********************** /FORM GENERICO **********************/




/*********************** TABLE **********************/
table {}
tr {}
td {}
th {}
thead
tbody
tfoot
caption {}
col {}
colgroup {}
table {
	display: table;
	border-spacing: 0;/*hor vert*/
	border-collapse: separate;/*collapse separate*/
	table-layout: auto;
	empty-cells: show;
	border: 0px #CCC solid;
	padding: 0px;
	font-size:inherit;
	font:100%;
}
td,
th 
{
	border: 0px #F00 solid;
	padding: 0px;
	font-size:inherit;
	font:100%;
	text-align: left;
	font-weight: normal;
}

/*********************** /TABLE **********************/




/******************** WIDGETS *******************/
#page .widget_listdocurecords {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
	overflow: hidden;
	float: none;
	clear: both;
}
/******************** /WIDGETS *******************/




/*********************** RECORDS **********************/
.recordnavigation {
	width: 98%;
	background-color: #EEE;
	padding:3px 5px;
	margin: 2px auto;
}
.recordnavigation,
.recordnavigation a
{
	text-align:center;
	font-size:10px;
	color: #555;
	text-decoration: none;
	font-weight: normal;
}
.recordnavigation a:hover
{
	color: #FF0000;
}
.recordnavigation .current,
.recordnavigation .current a
{
	color: #000;
	font-weight: bold;
}

.recordsearchbox {
	width: 98%;
	height: auto;
	overflow: auto;
	border: 1px solid #DDD;
	background-color: #EEE;
	/*padding:0.3em 0.5em;*/
	margin: 2px auto;
	float: none;
	clear: all;
	font-size: 9px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.recordsearchbox .recordsearchbox-header {
	width: 100%;
	height: auto;
	background-color: #DDD;
}

.recordsearchbox .recordsearchbox-header .link {
	width: auto;
	height: auto;
	padding: 3px;
}
.recordsearchbox .recordsearchbox-header a {
	font-size: 10px;
	color: #555;
	font-weight: bold;
	text-decoration: none;
}
.recordsearchbox .recordsearchbox-header a:hover {
	color: #000;
}

.recordsearchbox .searchfield {
	/*border: 1px dashed #555;*/
	padding: 0px;
	margin: 3px 5px;
	float: left;
}
.recordsearchbox .btnSubmitSearch {
	width: 75px;
	height: 20px;
	border: 1px solid #555;
	padding: 3px;
	margin: 0 2px;
	float: left;

}
.recordsearchbox .search_all {
	width: 75px;
	height: 20px;
	border: 0px solid #555;
	margin: 0 2px;
	float: left;
}
.recordsearchbox .search_all a {
	font-size: 10px;
	color: #333;
	text-decoration: none;
}

.recordsearchbox input,
.recordsearchbox select,
.recordsearchbox button
{
	font-family: arial,sans-serif;
	border: 1px solid #555;
	padding: 1px 2px;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
.search_recperpage {
	clear: left;
}




.record {
	padding: 5px;
	background-color: #FFFFFF;
	width: 98%;
	margin: auto;
	/*border: 1px dashed #555;*/
}
.norecords {
	width: 98%;
	height: 200px;
	background-color: #EEE;
	margin: 5px auto;
	color: #888;
}

.record table {
	border: 1px solid #888;
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
}
.record table td {
	padding: 4px 8px;
	text-align: left;
}
.record hr {
	border: 1px solid #CCC;
}
.record td.date {
	width: 160px;
	border-bottom: 1px solid #888;
	font-size: 10px;
}
.record td.title {
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003F76;
}
.record td.title a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003F76;
	text-decoration: none;
}
.record td.title a:hover {
	color: #225F98;
}
.record td.image {
	width: 160px;
	padding: 0px;
	text-align: center;
	vertical-align: top;
}
.record td.image img {
	width: 150px;
	height: 150px;
	border: 0;
}
.record td.image .description {
	font-size: 10px;
}
.record td.content {
	font-size: 12px;
}
.record td.content .link_readmore
{
	width: 15px;
	height: 15px;
	border: 1px solid #DDD;
	padding: 0;
	margin: 2px 2px 0px 2px;
	background-color: #EEE;
	text-align: center
}
.record td.content .link_readmore a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #888;
	text-decoration: none;
}
.record td.content .link_readmore a:hover
{
	color: #333;
}
.record td.links {
	border-top: 1px solid #888;
	border-left: 1px solid #888;
}
.record td.links .label {
	font-size: 11px;
	color: #555;
}
.record td.links .link,
.record td.links .link a
{
	color: #00F;
	font-size: 11px;
	text-decoration: none;
}
.record td.links .link a:hover
{
	text-decoration: underline;
}

.record td.links .link_web {
}
.record td.links .link_email {
}
.record td.links .link_attachment {
}
.record td.links .link_categories {
}

.recordnavigation {
	background-color: #EEE;
	padding:4px 5px;
	margin: 2px auto;
}
.recordnavigation,
.recordnavigation a
{
	text-align:center;
	font-size: 10px;
	color: #555;
	text-decoration: none;
	font-weight: normal;
}
.recordnavigation a:hover
{
	color: #FF0000;
}
.recordnavigation .current,
.recordnavigation .current a
{
	color: #000;
	font-weight: bold;
}


.record_intro {
	display: none;
}

/*********************** /RECORDS **********************/




/*********************** RECORDS: LIST **********************/
.listrecords .record {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	background-color: transparent;
	overflow: hidden;
	float: none;
	clear: both;
}
.listrecords .record .image {
	display: block;
	width: 110px;
	height: auto;
	margin: 0;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	background-color: transparent;
	float: left;
}
.listrecords .record .image img {
	width: 100px;
	height: 100px;
	border: 0;
}
.listrecords .record .image .description {
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}

.listrecords .record .content {
	display: block;
	width: 480px;
	height: auto;
	margin: 0 0 0 10px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
	float: left;
}
.listrecords .record .title {
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	float: none;
	clear: both;
}
.listrecords .record .title a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.listrecords .record .title a:hover {
	color: #00F;
	text-decoration: underline;
}

.listrecords .record .date
{
	border-bottom: 1px solid #888;
	font-size: 10px;
	float: none;
	clear: both;
	font-style: italic;
}
.listrecords .record .text {
	margin: 5px 0 1px 0;
	font-size: 12px;
	float: none;
	clear: both;
}
.listrecords .record .link_readmore
{
	font-size: 10px;
	color: #00F;
	float: none;
	clear: both;
	margin-bottom: 10px;
}

.listrecords .record .link_readmore a
{
	font-size: 10px;
	color: #00F;
}
.listrecords .record .link_web
{
	display: block;
	font-size: 11px;
	color: #000;
	float: none;
	clear: both;
}
.listrecords .record .link_web .label
{
}
.listrecords .record .link_web .link a
{
}
.listrecords .record .link_email
{
	display: block;
	font-size: 11px;
	color: #000;
	float: none;
	clear: both;
}
.listrecords .record .link_email .label
{
}
.listrecords .record .link_email .link a
{
}

.listrecords .record .link_attachment
{
	display: block;
	font-size: 11px;
	color: #000;
	float: none;
	clear: both;
}
.listrecords .record .link_attachment .label
{
}
.listrecords .record .link_attachment .link a
{
	margin: 0 5px;
}

/*********************** /RECORDS: LIST **********************/


/*********************** VARIE COMMON **********************/
.hidden {
	display: none;
}

.closewin, .closewin a {
	background-color: #EEE;
	padding: 2px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #555;
	text-decoration: none;
}
#ModalDialog {
	width: 2000px;
	height: 2000px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
	opacity: 0.5;
	z-index: 999;
}

#RecordDialog {
	width: 760px;
	/*height: 80%;*/
	position: absolute;
	top: 200px;
	left: 200px;
	background-color: #FFF;
	border: 1px solid #555;
	border-right: 3px solid #555;
	border-bottom: 3px solid #555;
	z-index: 1000;
}
.loader
{
	width: 100px;
	height: 50px;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	color: #F0F;
	margin: 1em auto;
	/*background-color: #DDD;*/
	background-image: url("/default/images/loading_grey.gif");
	background-repeat: no-repeat;
}

.CategoryBreadcrumbs,
.Breadcrumbs
{
	width: 90%;
	padding: 4px;
	border: 1px dashed #555;
	margin: auto;
}

.CategoryBreadcrumbs-item,
.CategoryBreadcrumbs-item a,
.Breadcrumbs-item,
.Breadcrumbs-item a
{
	text-align:left;
	font-size: 13px;
	color: #00F;
	text-decoration: none;
	font-weight: bold;
}
.CategoryBreadcrumbs-item-option,
.CategoryBreadcrumbs-item-option a,
.Breadcrumbs-item-option,
.Breadcrumbs-item-option a
{
	text-align:left;
	font-size: 11px;
	color: #555;
	text-decoration: none;
	font-weight: normal;
}
/*********************** /VARIE COMMON **********************/