/*
-----------------------------------
BEGIN css/style.css
-----------------------------------
*/

html, body
{
	height: 100%;
}

body
{
	/* font-size: 81.2%; */
	/* background: #f9f9f9; */
	margin: 0;
}

body,p,h1,h2,h3,h4,td,th,ul,ol,textarea,input,select
{
	font-size: 14px;
	/* font-family: "Lucida Grande", Helvetica, Arial, sans-serif; */
	font-family: Helvetica, Arial, sans-serif;
	color: #555;
}

input
{
	line-height: 14px;
}

a
{
	color: #21759B;
	text-decoration: none;
}

a:hover
{
	color: #D54E21;
}

h1
{
	font-size: 24px;
	font-weight: bold;
	/* letter-spacing: -0.05em; */
	margin-top: 0;
	margin-bottom: 0;
	display: inline;
}

h2
{
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	display: inline;
}

h3
{
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 12px;
	color: #999999;
	/* display: inline; */
}

/*
---------------------------
*/

.pre_title
{
	font-size: 100%;
	font-weight: bold;
	line-height: 13px;
	margin-top: 0;
	margin-bottom: 0.5em !important;
	color: #999999;	
}

.pre_titleOLD
{
	font-size: 100%;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 1em;
	color: #999999;
}

/*
---------------------------
*/

form
{
	margin-top: 0;
	margin-bottom: 0;
}

fieldset
{
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

.input_hour,
.input_min,
.input_day,
.input_month,
.input_year,
.input_currency,
.input_currency_int,
.input_currency_dec
{
	font-size: 100% !important;
	border-radius: 0 !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	/*
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	*/
}

.input_hour,
.input_min,
.input_day,
.input_month
{
	width: 1.5em !important;
}

.input_year
{
	width: 3em !important;
}

.input_currency_int
{
	width: 3em !important;
}

.input_currency_dec
{
	width: 1.5em !important;
}


/* firefox (annulla boostrap) */
select
{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.clear
{
	clear: both;
}

#opaque
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: none;
	background-color: black;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

#main-container
{
	min-height: 100%;
}

#main
{
	min-height: 100%;
}

/*
-------------------------------------------
BUTTONS
-------------------------------------------
*/

.submit input,
.button input,
input[type="button"],
input[type="submit"]
{
	background-repeat: repeat-x;
	background-image: url("assets/img/button-back-grey.png") !important;
	background-color: grey;
	border: 1px solid #777 !important;
	cursor: pointer;
	font-size: 13px !important;
	line-height: 16px;
	padding: 2px 10px;
	text-decoration: none;
	margin-right: 4px;
	color: black;
	text-shadow: 0 1px 0 #EEE;
	text-align: center;

	-moz-border-radius: 2px 2px;
	-webkit-border-radius: 2px 2px;
	border-radius: 2px 2px;
}

.submit input:hover,
.button input:hover,
input[type="button"]:hover,
input[type="submit"]:hover
{
    border-color: #999999;
    background-position: 0 -30px;
}

/* ================================================ */

#msgOLD
{
	position: absolute;
	border: 2px solid red;
	padding: 1em 1em 1em 1em;
	top: 1em;
	left: 50em;
	background: yellow;
}

#msg
{
	background-color: #FFFC5C;
	border-bottom: 1px dotted #dddddd;
	padding: 12px;
	padding-left: 20px;
	text-align: center;
}

#msg_close
{
	float: right;
}

/*
#main
{
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	height: 100%;
}
*/

#center-col > header
{
	margin-top: 0;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 1em;

	/*
	background: #fff;
	border-bottom: 1px solid #ccc;
	*/
	
	/* height: 31px; */
}

#center-col > header > h1
{
	line-height: normal;
	font-size: 24px;
}

#contents
{
	position: relative;
	margin-top: 20px;
	/* margin-bottom: 20px; */
	/* min-height: 100%; */
}

#contents_inner_container
{
	border-collapse: collapse;
	margin-left: -24px;
	margin-right: 0px;
	margin-bottom: -60px;
	width: 100%;
	border-top: 1px solid silver;
	min-height: 400px;
}

#contents_inner_container .col_left
{
	padding: 0;
	padding-top: 1px;
	width: 120px;
	vertical-align: top;
	background: #E5F2F5;
	border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
}

#contents_inner_container .col_right
{
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
	vertical-align: top;
}

.form_entry_hint
{
	color: #a0a0a0;
	font-size: 100%;
}

.warn_empty
{
	width: 10em;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
	color: #c0c0c0;
	padding-top: 2em !important;
	padding-bottom: 2em !important;
	padding-left: 5em !important;
	padding-right: 5em !important;
}

.count
{
	font-size: 11px;
	display: inline;
	margin-left: 0;
	margin-right: 0;
	color: #ffffff;
	background-color: #a0a0a0;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: 75%;
	line-height: normal;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.attachments_count
{
	font-size: 9px;
	color: #999999;
}

.title_commands
{
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

.title_commands li
{
	display: inline;
	margin-left: 0.3em;
	border-left: 1px solid #999999;
	padding-left: 0.7em;
}

.title_commands li:first-child
{
	border-left: 0;
}

.red
{
	background: red;
	color: #fff;
	padding: 2px;
}

.green
{
	background: green;
	color: #fff;
	padding: 2px;
}

.horz-line
{
	border-top: 1px dotted #c0c0c0;
}

/*
--------------------------------------------
layout-menu
--------------------------------------------
*/

.layout-menu
{
	float: right;
	margin-top: 6px;
}

.layout-menu label
{
	font-weight: bold;
	color: #c0c0c0;
	text-shadow: 0;
}

.layout-menu ul
{
	display: inline-block;
}

.layout-menu li
{
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.25em;
	border-left: 1px solid #ccc;
}

.layout-menu li:first-child
{
	border-left: 0;
}

.layout-menu li.active
{
	font-weight: bold;
	background: none !important;
	color: #000 !important;
}


/*
-------------------------------------------
EDIT BOX
-------------------------------------------
*/

#edit_box
{
	display: inline-block;
	border-width: 0px;
	border-style: solid;
	border-color: #a0a0a0;
	padding: 2em;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#edit_box th
{
	text-align: right;
	padding-right: 0.5em;
	color: #666666;
	font-weight: normal;
}

#edit_box .input_standard
{
	width: 400px;
}

#edit_box input[type="text"],
#edit_box input[type="password"],
#edit_box select,
#edit_box textarea
{
	margin-bottom: 0 !important;
	border-radius: 0 !important;
	font-size: 100% !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

#edit_box textarea
{
	height: 100px;
}

#edit_box .list_container
{
	margin: 0;
	background-color: white;
	list-style-type: none;
	padding: 0.5em;
}

#edit_box .list_container label input[type="checkbox"],
#edit_box .list_container label input[type="radio"]
{
	margin-top: -2px;
}

.edit_box_line
{
	color: #a0a0a0;
}

#edit_box .buttons_bar
{
	text-align: right
}

/*
-------------------------------------------
SUMMARY (quotes/invoices/tickets)
-------------------------------------------
*/

#summary
{
	padding-left: 0;
	margin-top: 40px;
	border-top: 1px solid #dddddd;
	padding-top: 5px;
	list-style-type: none;
}

#summary > li
{
	display: inline-block;
	margin-top: 1em;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #c0c0c0;
	width: 240px;
	min-height: 100%;
}

#summary > li:last-child
{
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}

#summary > li h4
{
	margin-top: 0;
}

#summary > li > table
{
	width: 100%;
}

/*
-------------------------------------------
JUMP_BAR
-------------------------------------------
*/

.jump_bar
{
	margin-bottom: 2em;
}

.jump_bar label
{
	font-weight: bold;
	color: #999999;
}

.jump_bar ul
{
	display: inline;
	padding-left: 0;
}

.jump_bar li
{
	display: inline;
	margin-left: 0.2em;
	border-left: 1px solid #999999;
	padding-left: 0.5em;
}

.jump_bar li:first-child
{
	border-left: 0;
}

.jump_bar li .info
{
	color: #999999;
}

.jump_bar .selected
{
	font-weight: bold;
}

.infobox
{
	display: inline-block;
	margin-top: 1em;
	padding: 1em;
	padding-left: 3em;
	border: 2px solid #c0c0c0;

	background-image: url(img/info.png);
	background-repeat: no-repeat;
	background-position: 1em 50%;
	background-color: lightyellow;
}


/*
-------------------------------------------
TOOLBAR
-------------------------------------------
*/

.toolbar_container
{
	font-size: 12px;
	display: inline-block;
	margin-bottom: 1em;
}

.toolbar_container form
{
	margin: 0 0 0 0;
	display: inline-block;
}


.toolbar_container .toolbar
{
	float: left;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 9px;
	padding-right: 9px;
	/* border-top: 1px solid #a9a9a9; */
	background: #e0e0e0;
	min-height: 25px;
	border-radius: 5px;
}

/*
#toolbar .toolbar:first-child
{
	margin-right: 30px;
	margin-bottom: 20px;
}
*/

.toolbar_container .toolbar div
{
	display: inline-block;
	margin-top: 0;
	padding-top: 0;
}

.toolbar_container .toolbar .label
{
	font-weight: bold;
	margin-right: 0.3em;
	padding-top: 2px;
}

.toolbar_container .toolbar ul
{
	display: inline-block;
	margin-left: 0;
	padding-left: 0;
}

.toolbar_container .toolbar li
{
	display: inline;
	list-style-type: none;
}

.toolbar_container .toolbar .separated
{
	border-left: 1px dotted #c0c0c0;
	padding-left: 0.5em;
	margin-left: 0.5em;
}

.toolbar_container select
{
	font-size: 12px;
	max-width: 12em;
	margin-bottom: 0;
}

.toolbar_container input[type="text"]
{
	font-size: 12px;
	padding: 0;
	border-radius: 0;
	margin-bottom: 0;
	max-width: 12em;
}


/*
-------------------------------------------
TOOLBAR EXTENDED
-------------------------------------------
*/

#toolbar_basic
{
	background-color: #e0e0e0;
	border-top: 1px solid #a0a0a0;
	padding: 6px 6px 6px 6px;
}

#toolbar_basic .separated
{
	border-left: 1px dotted #666666;
	margin-left: 5px;
	padding-left: 8px;
}

#toolbar_basic
{
	list-style-type: none;
	margin: 0;
	padding-left: 0.5em;
}

#toolbar_basic li
{
	display: inline;
}

#toolbar_basic .label,
#toolbar_extended .label
{
	display: inline;
	font-weight: bold;
	margin-right: 8px;
}

#toolbar_extended
{
	border: 4px solid #e0e0e0;
}

#toolbar_extended > ul
{
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	padding-left: 0.5em;
}	

#toolbar_extended > ul > li
{
	display: inline-block;
	position: relative;
	padding: 0.5em;
	border: 1px solid #ccc;
	background: #e0e0e0;
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	margin-right: 0.5em;
}

#toolbar_extended > ul > li:hover
{
	border: 1px solid #bbb;
	background: #efefef;
}

#toolbar_extended > ul > li.selected
{
	border: 1px solid #8597BD;
	background: #D4DDE6;
}

#toolbar_extended > ul > li.selected:hover
{
	border: 1px solid #7486AC;
	background: #e0e8f0;
}

#toolbar_extended > ul > li.selected.current
{
	border: 1px solid #666;
}

#toolbar_extended > ul > li.selected > div.close
{
	display: inline-block;
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 150%;
	
	filter:alpha(opacity=100); /* IE */
	opacity: 1; /* Safari, Opera */
	-moz-opacity: 1; /* FireFox */

}

#toolbar_extended > ul > li.selected > div.close > a
{
	color: #333;
}

#toolbar_extended > ul > li.selected > div.close > a:hover
{
	text-decoration: none;
	color: red;
}

#toolbar_extended > ul > li.command
{
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
}

#toolbar_footer
{
	text-align: right;
}

#toolbar_footer > div
{
	float: right;
	background-color: #e0e0e0;
	width: 70px;
	text-align: center;
	margin-right: 17px;
	line-height: 12px;
	
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}

#toolbar_footer > div > a
{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
}

#toolbar_footer > div > a:hover
{
	text-decoration: none;
}


#toolbar_footer > div > a > i
{
	font-size: 13px;
	padding-right: 3px;
}

/*
-------------------------------------------
ADDRESSES
-------------------------------------------
*/

/*
.address_box
{
	float: left;
	border: 1px solid #c0c0c0;
	padding: 6px;
	margin: 6px;
}
*/

#address-groups
{
	list-style-type: none;
	padding-left: 0;
}

#address-groups h2
{
	display: block;
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid #a0a0a0;
}

.address-group
{
	list-style-type: none;
	width: 700px;

	background: #ffffff;
	padding: 1em;
	margin-bottom: 20px;
	
	border: 1px solid #DDD;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: inset #CCC 0px 0px 2px;
	-moz-box-shadow: inset #CCC 0px 0px 2px;
	box-shadow: inset #CCC 0px 0px 2px;
}

.address-group:hover
{
	/* background: #f9f9f9; */
	border: 1px solid #888;
}

.address-group li
{
	padding: 4px;
}

/*
.address-group li:last-child
{
	margin-top: 4px;
	border-top: 1px solid #eeeeee;
	padding-top: 4px;
	text-align: right;
}
*/

.address-group .address-name
{
	display: inline-block;
	width: 90px;
	text-align: right;
	padding-right: 12px;
	color: #aaa;
}

.address-group .address-value
{
	display: inline-block;
	width: 380px;
}

/*
.address-group li:last-child .address-value
{
	text-align: right;
}
*/

.address-group .address-strong
{
	font-weight: bold;
}

.address-group .address-highlighted
{
	background: yellow;
}

.address-group .buttons
{
	float: right;
}

/*
-------------------------------------------
TICKETS
-------------------------------------------
*/

#tickets_change_toolbar
{
	margin-top: 30px;
	padding: 6px 6px 6px 6px;
	display: inline;
	border: 1px solid #a0a0a0;
	background: #e0e0e0;
	clear: both;
}

.ticket_type
{
	color: #999999;
}

/*
--------------------------------------------
TABLE
--------------------------------------------
*/

table.table_standard
{
	empty-cells: show;
	border-collapse: collapse; /* IE6+7: equiv. empty-cells show */
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	/* border-right: 0px solid #c0c0c0; */
	border-right: 1px solid #ccc;
	width: auto;
	background: #ffffff;
}

table.table_standard th
{
	vertical-align: top;
	background-color: #e5e5e5;
	padding: 0.5em;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: normal;
}

table.table_standard th.th_sorted
{
	background-color: #c0c0c0;
	font-weight: bold;
	white-space: nowrap;
}

/* table.table_standard tr.normal */

table.table_standard > tr:nth-child(odd),
table.table_standard > tbody > tr:nth-child(even)
{
	/* background-color: #f7f7f7; */
	/* background-color: #ecf3fe; */
	/* background-color: #eff3f9; */
	background-color: #fafafa;
}

/* table.table_standard tr.highlight */

table.table_standard > tr:nth-child(even),
table.table_standard > tbody > tr:nth-child(odd)
{
	background-color: #ffffff;
}

table.table_standard tr.row_highlighted
{
	background-color: lightyellow;
}

table.table_standard .col_empty,
table.table_standard th .col_empty,
table.table_standard td .col_empty
{
	background: #ffffff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

table.table_standard td
{
	vertical-align: top;
	padding: 0.5em;
	/* border-top: 1px solid #c0c0c0; */
	/* border-bottom: 1px solid #c0c0c0; */
	/* border-left: 0px solid #c0c0c0; */
	/* border-right: 1px solid #c0c0c0; */
	/* empty-cells: show; */
}

table.table_standard > tr:nth-child(even) > td.td_sorted,
table.table_standard > tbody > tr:nth-child(odd) > td.td_sorted 
{
	/* background-color: #f5f5f5; */
	background-color: #f8f8f8;
}

table.table_standard > tr:nth-child(odd) > td.td_sorted,
table.table_standard > tbody > tr:nth-child(even) > td.td_sorted
{
	/* background-color: #e5e5e5; */
	background-color: #f0f0f0;
}

table.table_standard tr.row_total > td
{
	font-weight: bold;
}

td.centered,
.centered
{
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

td.numeric,
.numeric
{
	text-align: right;
	white-space: nowrap;
}

td.numeric_negative,
.numeric_negative
{
	background-color: #ff9999;
}

.zero
{
	color: #cccccc;
}

.zero a
{
	color: #888888;
}

td .row_num,
.row_num
{
	text-align: center;
	color: #cccccc;
}

table.table_standard tfoot tr td,
table.table_standard td .total,
table.table_standard .total
{
	font-weight: bold;
}

table.table_standard .row-status-not-active
{
	border-right: 2px solid red;
}

table.table_standard > tfoot > tr > td
{
	border-top: 1px solid #ccc;
}

/*
	ordinamento colonna
*/
table.table_standard > thead > th > a > span
{
	font-size: 100%;
}

/*
--------------------------------------------
TABLE_STANDARD TR:HOVER
--------------------------------------------
*/

/*
table.table_standard tr:hover
{
	background-color: lightyellow !important;
}
*/

table.table_standard > tbody > tr:hover > td.row_num
{
	color: #666 !important;
}

table.table_standard > tbody > tr:nth-child(odd):hover > td
{
	background-color: #ffffdd !important;
}

table.table_standard > tbody > tr:nth-child(odd):hover > td.td_sorted
{
	background-color: #ffffbb !important;
}

table.table_standard > tbody > tr:nth-child(even):hover > td
{
	background-color: #ffffbb !important;
}

table.table_standard > tbody > tr:nth-child(even):hover > td.td_sorted
{
	background-color: #ffff88 !important;
}

table.table_standard > tbody > tr:hover > td.col_empty
{
	background-color: #fff !important;
}


/*
--------------------------------------------
TABLE_FORM_READ
--------------------------------------------
*/

.table_form_read th,
.table_form_read td
{
	padding-bottom: 3px;
}

.table_form_read th
{
	text-align: right;
	padding-right: 1em;
	color: #999999;
}

.table_form_read td
{
	min-width: 15em;
}

.table_form_read .sep-horz
{
	border-top: 1px dotted #c0c0c0;
}

.table_form_read .sep-horz-strong
{
	border-top: 1px solid #c0c0c0;
}

.table_form_read .buttons
{
	text-align: right;
	padding-top: 1em;
	border-top: 1px solid #c0c0c0;
	margin-top: 1em;
}

/*
--------------------------------------------
FORM
--------------------------------------------
*/

.form-container-read
{
	width: 700px;
	padding: 2em;
	background: #fff;
	border: 1px solid #c0c0c0;
	border-radius: 3px;
	
	-webkit-box-shadow: #ddd 1px 1px 2px;
	-moz-box-shadow: #ddd 1px 1px 2px;
	box-shadow: #ddd 1px 1px 2px;
}

.form-container-read table
{
	width: 100%;
}

.form-container-read table th
{
	width: 20%;
}

.form-container-read .sep
{
	margin-top: 0.5em;
	border-bottom: 1px dotted #c0c0c0;
	margin-bottom: 0.5em;
}

.form-container-read .label {
	font-size: 14px;
}

/*
--------------------------------------------
FORM
--------------------------------------------
*/

#form_standard
{
	background: #c0c0c0;
	padding: 6px;
	border: 1px solid #999999;
}


form .form_label
{
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}

.form_label
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-right: 6px;
}

ul.ul_standard
{
	list-style-type: square;
	line-height: 1.5em;
	color: #666666;
}

ul.ul_standard li
{
	margin-top: 1em;
}

.button_default
{
	font-weight: bold;
}


#quote_lines_box
{
	padding: 3px 3px 3px 3px;
	background: #ffffff;
	border: 1px solid #c0c0c0;
}

/*
----------------------------
SMALL_CMD
----------------------------
*/


.small_cmd
{
	float: right;
}

.small_cmd img
{
	vertical-align: middle;
	margin-right: 1px;
}

.small_cmd a
{
	text-transform: uppercase;
	font-size: 80%;
	padding: 6px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.small_cmd a:hover
{
	background: #bbbbbb;
	color: #ffffff;
}

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

#app_footer
{
	background: #aaaaaa;
	font-size: 11px;
	color: #555555;
	text-align: center;
	margin-top: 60px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#app_footer #sitemap
{
	margin-left: auto;
	margin-right: auto;
}

#app_footer #sitemap,
#app_footer #sitemap h2,
#app_footer #sitemap h2 a
{
	font-size: 11px;
	color: #ffffff;
}

#app_footer #sitemap a
{
	font-size: 11px;
	color: #555555;
	text-decoration: none;
}

#app_footer #sitemap a:hover
{
	text-decoration: underline;
}

#app_footer #sitemap ul
{
	margin-bottom: 20px;
}

#app_footer #sitemap li
{
	text-align: left;
	float: left;
	list-style-type: none;
	width: 130px;
}

#app_footer #sitemap .area
{
	padding-left: 0;
}

#app_footer #sitemap .area li
{
	text-align: left;
	float: none;
	list-style-type: none;
	margin-left: 0;
}


/*
--------------------------------------------
DIALOG
--------------------------------------------
*/

.ui-widget-overlay
{
	background-color: #aaaaaa !important;
	background-image: url('js/jquery-ui-1.8.18.custom/css/flick/images/ui-bg_flat_0_aaaaaa_40x100.png') !important;
}

.ui-widget-header
{
	border: 0 !important;
	background: #D4DDE6 !important;
}

.ui-dialog
{
	padding: 0.4em !important;
}

.dialog-background
{
	background-color: #000000;
	filter:alpha(opacity=50); /* IE */
	opacity: 0.50; /* Safari, Opera */
	-moz-opacity:0.50; /* FireFox */
	z-index: 20;
	min-height: 100%;
	min-width: 100%;
	background-repeat:no-repeat;
	background-position:center;
	position:fixed;
	top: 0px;
	left: 0px;
}

.dialog
{
	background: #efefef !important;
	font-size: 12px !important;
}

.dialog input[type=submit]
{
	font-size: 12px !important;
}

.dialog #tabs
{
	padding-left: 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #c0c0c0;
}

.dialog #tabs > li
{
	display: inline;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	margin-left: 2px;
	margin-right: 2px;
}

.dialog #tabs > li.selected
{
	background: #cccccc;
}

.dialog #tabs > li.selected > a
{
	color: #ffffff;
	font-weight: bold;
}

.dialog #lists-container > div > input,
.dialog #lists-container > div
{
	width: 500px;
}

.dialog #lists-container > div > ul
{
	height: 300px;
	overflow: auto;
	background: #ffffff;
}

.dialog #lists-container ul
{
	padding: 1em;
	border: 1px solid #cccccc;
}

.dialog #lists-container li
{
	padding: 0.2em;
	list-style-type: none;
}

.dialog #lists-container li:hover
{
	background: lightyellow;
}

.dialog #lists-container li > label
{
	padding-left: 0.75em;
}

.dialog #lists-container li > label:hover
{
	text-decoration: underline;
}

.dialog .buttons
{
	text-align: right;
	margin-top: 1em;
	border-top: 1px solid #c0c0c0;
	padding-top: 1em;
}

/*
--------------------------------------------
BUTTONS
--------------------------------------------
*/

.button_small
{
	border: 1px solid #666666;
	border-bottom: 1px solid #555555;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	background: #8597BD;
	color: #ffffff;
	text-transform: normal;
	font-size: 8.5pt;
	margin-left: 1em;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: #ccc 0px 1px 0px;
	-moz-box-shadow: #ccc 0px 1px 0px;
	box-shadow: #ccc 0px 1px 0px;
}

.button_small > span:first-child
{
	/* font-size: 11.5pt; */
	padding-right: 0.5em;
	font-weight: bold;
}

.button_small > span:last-child
{
	border-left: 1px solid #666666;
	padding-left: 0.5em;
}

.button_small:hover
{
	background: #D4DDE6;
	color: #333333;
	text-decoration: none;
}

/*
----------------------------------
CARDS
----------------------------------
*/

#contents .cards > li
{
	display: inline-block;
	vertical-align: top;
	width: 25em;
	padding: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	background: #fff;

	/*
	border: 1px solid #DDD;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset #CCC 0px 0px 2px;
	-moz-box-shadow: inset #CCC 0px 0px 2px;
	box-shadow: inset #CCC 0px 0px 2px;
	*/

	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ddd 1px 1px 2px;
	-moz-box-shadow: #ddd 1px 1px 2px;
	box-shadow: #ddd 1px 1px 2px;
}

#contents .cards > li:hover
{
	border: 1px solid #888;
}

#contents .cards > li header
{
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
}

#contents .cards > li h2
{
	display: block;
	line-height: normal;
	font-size: 140%;
	font-weight: normal;
}

#contents .cards div.label
{
	color: #aaa;
	font-weight: normal;
	padding-right: 0.5em;
	width: 7em;
	display: inline-block;
	text-align: right;
	text-shadow: none;
	background: none;
	vertical-align: top;
}

#contents .cards div.value
{
	display: inline-block;
	width: 16.5em;
	vertical-align: top;
}

#contents .cards .body
{
	margin-top: 0.5em;
	border-top: 0px solid #ccc;
}

/*
-----------------------------------
END css/style.css
-----------------------------------
*/
/*
----------------------------------------
BEGIN nav
----------------------------------------
*/

html, body
{
	min-height: 100%;
}

body
{
	/* width: 100%; */
	/* min-width: 600px; */
}

html, body, ul, ol, li, form, fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
	/* font-family: "Lucida Grande", Helvetica, Arial; */
	font-family: Helvetica, Arial, Sans-serif;
	/* line-height: 120%; */
}

input, input[type="text"], input[type="password"], select, textarea
{
	margin: 0;
	padding: 0;
	/* font-family: "Lucida Grande", Helvetica, Arial; */
	font-family: Helvetica, Arial, Sans-serif;
	line-height: 14px !important;
	border-radius: 0;
	font-size: 100%;
}

label
{
	display: inline;
	/* line-height: 100%; */
	font-size: 100%;
}

select
{
	height: 20px;
}

/*
input[type=text],
input[type=password]
{
	height: 18px;
}
*/

h2, h3
{
	line-height: 100%;
}

.clear
{
	clear: both;
}

/*
-----------------------------------
TOPBAR
-----------------------------------
*/

#topbar
{
	position: relative;
	z-index: 1000;
	width: 100%;
	background: #eee;
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 6px;

	-moz-box-shadow:    0px 1px 3px #ccc;
	-webkit-box-shadow: 0px 1px 3px #ccc;
	box-shadow:         0px 1px 3px #ccc;
}
	
#topbar .empty
{
	list-style-type: none;
	color: #999999;
}


#topbar > table
{
	width: 100%;
}

#topbar > table td
{
	vertical-align: top;
}

#topbar > table td:first-child
{
	width: 200px;
}

#topbar > table td:last-child
{
	width: 200px;
	text-align: right;
}


/*
-----------------------------------
QUICKMENU
-----------------------------------
*/

#quickmenu
{
	display: block;
	list-style-type: none;
	padding-left: 10px;
	
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	height: 25px;
}

#quickmenu > li
{
	display: inline-block;
	position: relative;
	padding-left: 9px;
	padding-right: 9px;
}

#quickmenu > li > a
{
	margin-right: 0em;
	color: #666;
	padding: 0;
	font-size: 16px;
	text-shadow: 1px 1px 1px #fff;
	text-decoration: none;
}

#quickmenu > li > a:hover
{
	color: #000;
}

#quickmenu label
{
	color: #999;
	padding-left: 1em;
	font-weight: bold;
}

#quickmenu .empty
{
	color: #999;
	text-align: center;
}

/*
-----------------------------------
QUICKMENU-OLD
-----------------------------------
*/

#quickmenu-old
{
	display: inline-block;
	list-style-type: none;
	padding-left: 10px;
	
	border-bottom: 1px solid #ccc;
}

#quickmenu-old > li
{
	display: inline-block;
	position: relative;
}

#quickmenu-old > li > a
{
	margin-right: 0.5em;
	color: #666;
}

#quickmenu-old label
{
	color: #999;
	padding-left: 1em;
	font-weight: bold;
}

#quickmenu-old .empty
{
	color: #999;
	text-align: center;
}


/*
---------------------------------------
MONITOR
---------------------------------------
*/

#monitor
{
	float: left;
	width: 100%;

	height: 12px;
	padding: 4px;
	
	font-size: 100%;
	text-align: center;
	background: ddd;
	color: #888;
	text-shadow: #fff 0px 0px 0px;

	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*
---------------------------------------
QUICKSEARCH
---------------------------------------
*/


#quicksearch
{
	display: inline-block;
	
	width: 150px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 2px;
	line-height: normal;
	height: 20px;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 4px;
	background: #fff;
	text-align: left;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	border: 1px solid #ccc;
}

#quicksearch > fieldset > div > a
{
	font-size: 14px;
	padding-left: 2px;
}

#quicksearch input[type=text]
{
	border-radius: 0;
	border: 0;
	box-shadow: none;
	font-size: 12px;
	line-height: normal;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 125px;
}


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

#main
{
	position: relative;
	min-height: 100%;
	width: 100%;
}

#footer
{
	clear: both;
	width: 100%;
}


/*
-----------------------------------
MAINMENU
-----------------------------------
*/

#mainmenu
{
	list-style-type: none;
	padding-left: 0;
	margin-top: 8px;
	margin-left: 0;
	padding-bottom: 20px;
	
	padding-top: 5px;
	/* border-top: 1px solid #ccc; */
}

#mainmenu > li
{
	padding-left: 12px;
}

#mainmenu > li > a
{
	/* color: #888; */
	/* color: #444; */
	color: #999;
	text-decoration: none;
	padding-left: 0px;
	/* text-shadow: 1px 1px 0 #FFFFFF; */
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

#mainmenu > li > a:hover
{
	text-decoration: none;
	color: #444;
}

#mainmenu > li > a [class^="icon-"],
#mainmenu > li > a [class^="icon-"]:before
{
	display: inline-block !important;
}

#mainmenu > li > ul
{
	margin-left: 1.4em;
	list-style-type: none;
	padding-left: 0;
	font-size: 13px;
	color: #333333;
	text-transform: none;
	font-weight: normal;
	margin-bottom: 13px;
}

#mainmenu > li > ul > li
{
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: none !important;
	line-height: 18px;
}

#mainmenu > li > ul > li > a
{
	text-decoration: none;
	color: #333;
	
	/* color: #0088cc; NEW*/
}

#mainmenu > li > ul > li > a:hover
{
	text-decoration: underline;
}

#mainmenu .menu-selected
{
	background-color: #8597bd;
	margin-left: -50px;
	padding-left: 50px;
	font-weight: bold;
}

#mainmenu .menu-selected a
{
	color: #ffffff !important;
}

/*
-----------------------------------
LEFT COL
-----------------------------------
*/

#left-col
{

	float: left;
	
	width: 180px;
	min-height: 100%;
	vertical-align: top;

	/* background: #d4dde6; */
	background: #e5eef7;
	padding: 0;
	padding-top: 0.5em;
	border-right: 1px solid #ccc;
	/* padding-bottom: 40px; */
	height: auto;
	min-height: 100vh;
}

.color-1-a
{
	background: #e5eef7 !important;
}

.color-1-b
{
	background: #8597bd !important;
}

.color-2-a
{
	background: #f7eee5 !important;
}

.color-2-b
{
	background: #bdab85 !important;
}

.color-3-a
{
	background: #f7e5e5 !important;
}

.color-3-b
{
	background: #bd8f85 !important;
}

.color-4-a
{
	background: #e5f7f7 !important;
}

.color-4-b
{
	background: #85bdab !important;
}

.color-5-a
{
	background: #efefef !important;
}

.color-5-b
{
	background: #999 !important;
}

.color-6-a
{
	background: #f7e5ee !important;
}

.color-6-b
{
	background: #e5abc8 !important;
}

.color-7-a
{
	background: #eef7e5 !important;
}

.color-7-b
{
	background: #c8e5ab !important;
}

.color-8-a
{
	background: #dbf0f5 !important;
}

.color-8-b
{
	background: #75c6db !important;
}

/*
-----------------------------------
TOGGLE LEFT COL
-----------------------------------
*/

#toggle-col
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	
	background: transparent;
	min-height: 100%;
	width: 6px;
	/* cursor: pointer; */
	cursor: e-resize;
}

#toggle-col.expanded
{
	cursor: w-resize;
}

#toggle-col:hover
{
	background: #ddd;
	border-right: 1px solid #ccc;
}

/*
-----------------------------------
CENTER COL
-----------------------------------
*/

#center-col
{
	position: relative;
	margin-left: 181px;
		
	min-height: 100%;
	vertical-align: top;
	padding-top: 0;
	padding-left: 20px;
	padding-right: 20px;
	/* padding-bottom: 40px; */
	
	background: #fafafa;
	
	min-height: 100vh;
}

#center-col.expanded
{
	margin-left: 0;
}

/*
-----------------------------------
STATUS BAR
-----------------------------------
*/

#statusbar
{
	height: 20px;
	width: 100%;
	background: #eee;
	position: fixed;
	bottom: 0;
	border-top: 1px solid #ccc;
	padding-top: 3px;
	padding-left: 12px;
}

/*
----------------------------------
LOCALMENU
----------------------------------
*/

#localmenu
{
	margin-top: 0;
	margin-left: -20px;
	margin-bottom: 20px;
	margin-right: -20px;
}

#localmenu > ul
{
	/*
	height: 24px;
	*/
	
	list-style-type: none;
	padding-top: 7px;
	padding-left: 5px;
	/* background: #eee; */
	background: #fff;
	border-bottom: 1px solid #aaa;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;

}

#localmenu > ul > li
{
	/*
	float: left;
	*/
	display: inline-block;
	margin-bottom: -1px;
	
	min-width: 68px;
	height: 23px;
	background: #ddd;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	padding-top: 3px;
	margin-top: -3px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 14px;
	color: #aaa;
	
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	-moz-box-shadow: 1px 0px 1px #bbb;
	-webkit-box-shadow: 1px 0px 1px #bbb;
	box-shadow: 1px 0px 1px #bbb;
}

#localmenu > ul > li > a
{
	text-decoration: none;
	color: #333;
}

#localmenu > ul > li > a:hover
{
	text-decoration: underline;
}

#localmenu > ul > li.selected
{
	/* background: #fff !important; */
	background: #fafafa !important;
	border-bottom: 1px solid #fff !important;
}

#localmenu > ul > li > sup
{
	color: #ffffff;
	/* background: #D4DDE6; */
	background: #8597bd;
	font-size: 9px;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: -2px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#localmenu > ul > li > sup.zero
{
	background: #888;
}

/*
-----------------------------------------------
END nav
-----------------------------------------------
*/
/*
-----------------------------------------
filename: menu.css
location: css
-----------------------------------------
*/


/*
-----------------------------------------
MAIN NAVIGATION
-----------------------------------------
*/

#menus
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;

	padding-top: 0px;
	padding-bottom: 0.3em;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0;
	border-bottom: 1px solid #666666;
}

#menus ul
{
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	color: #666;
}

#menus li
{
	color: #646464;
	display: inline;
	margin-left: 0.7em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.25em;
	padding-right: 1.25em;

	background: #dddddd;
}

#menus li a
{
	text-decoration: none;
	
	color: #ffffff;
}

#menus li a.active
{
	text-decoration: none;
	color: #f47c20;
}

#menus li a:hover
{
	text-decoration: none;
	color: #f47c20;
}


#menus li.selected
{
	font-weight: bold;

	background: #666666;
}

#menus li.selected a
{
	color: #ffffff;
}

/*
-----------------------------------------
SUB NAVIGATION
-----------------------------------------
*/

#submenus
{
	margin-top: -1.2em;
}

.submenus
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;

	padding-top: 0.2em;
	padding-bottom: 0.3em;
	text-align: center;
	border-bottom: 1px solid #666666;
	background-color: #646464;
}

.submenus ul
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	/* color: #666; */
}

.submenus li
{
	color: #646464;
	display: inline;
	/* background: #dddddd; */
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.submenus li a
{
	text-decoration: none;
	color: #ffffff;
}

.submenus li a.active
{
	text-decoration: none;
	color: #f47c20;
}

.submenus li a:hover
{
	text-decoration: none;
	color: #f47c20;
}

#nav_sub_sep
{
	display: inline;
	color: #ffffff;
	margin-left: 0.5em;
	margin-right: 0.5em;
}


/*