﻿/* RESET
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
:focus
{
    outline: 0;
}
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

body
{
    background: #fefefe url('../images/BodyBG.png') repeat-x top left;
    font-size: .75em;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #444444;
}


/* LINKS   
----------------------------------------------------------*/
a
{
    color: #35689C;
    text-decoration: underline;
    font-weight: bold;
    cursor:pointer;
}

a:hover
{
    color: #4f9be9;
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #444444;
    margin: 20px 0 10px 0;
    clear: both;
}

h1
{
    font-size: 2em;
    color: #ff9622;
}

h2
{
    font-size: 1.5em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#title
{
    color: #ffffff;
    float: left;
    background: transparent url('../images/TitleLeft.png') no-repeat top left;
}

#title h1
{
    color: #444444;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 22px 20px 35px 20px;
    background: transparent url('../images/TitleRight.png') no-repeat top right;
}

#logindisplay
{
    color: #ffffff;
    text-align: right;
    font-weight: bold;
    padding-top: 4px;
}

#logindisplay img
{
    vertical-align:bottom;
    padding:0px;
    margin:0px;
}

#logindisplay a:link, #logindisplay a:visited
{
    color: #ffffff;
    text-decoration: none;
}

#logindisplay a:hover
{
    text-decoration: underline;
}

#menucontainer
{
    margin-top: 66px;
}

#main
{
    margin-top: 100px;
    margin-bottom: 30px;
    padding: 10px 30px 15px 30px;
}

#main h2
{
    margin: 10px 0px;
}

#footer
{
    position: fixed;
    bottom: 0;
    left: 0;
    color: #cccccc;
    padding: 11px 0;
    text-align: center;
    font-size: 11px;
    width: 100%;
    background: #ffffff url('../images/BodyBG.png') repeat-x top left;
}
#footer a
{
    color: #4f9be9;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#menu li
{
    float: left;
    background: transparent url('../images/TabInactiveLeft.png') no-repeat bottom left;
}

ul#menu li a
{
    display: block;
    padding: 16px 20px 8px 15px;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent url('../images/TabInactiveRight.png') no-repeat bottom right;
}

ul#menu li a:hover
{
    text-decoration: underline;
}

ul#menu li.active
{
    background: transparent url('../images/TabActiveLeft.png') no-repeat bottom left;
}

ul#menu li.active a
{
    background: transparent url('../images/TabActiveRight.png') no-repeat bottom right;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset
{
    margin: 2em 0 1em 0;
    padding: 1em;
    border: 1px solid #ff9622;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
    background: #ff9622;
    padding: 5px 10px;
}

fieldset p
{
    margin: 10px 12px 2px 10px;
}

fieldset label
{
    display: block;
    font-weight: bold;
    margin: 5px 0 3px 0;
}

fieldset label.inline
{
    display: inline;
}

input[type="text"], input[type="password"]
{
    width: 200px;
    border: 1px solid #cccccc;
    color: #333333;
    background-color:#fafafa;
}

input[type="text"]:focus, input[type="password"]:focus
{
    background-color: #d8ebff;
    border: 1px solid #4282C2;
}

textarea
{
    display: block;
    /*height: 100px;
    width: 400px;*/
    color: #333333;
    /*font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 1.1em !important;
    width:400px;
    border: 1px solid #cccccc;
    resize: none;
}

textarea:focus
{
    background-color: #d8ebff;
    border: 1px solid #4282C2;
}

/* TABLE
----------------------------------------------------------*/
table
{
    border: solid 1px #dddddd;
}

table td
{
    padding: 2px 5px;
    border: solid 1px #dddddd;
}

table thead td, table th
{
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    /* background-color: #ff9622; */
    border: solid 1px #dddddd;
}

table thead
{
    font-size: 1.1em;
    font-weight: bold;
}

table th
{
    /* background-color: #ffffff; */
}

table tr:nth-child(odd)
{
    background-color: #ffffff;
}

table tr:nth-child(even)
{
    background-color: #eeeeee;
}

table th[scope=row]
{
    text-align:right;
    color:#333333;
}

table th[scope=col]
{
    color:#333333;
}
/* MISC  
----------------------------------------------------------*/
/* */
.b
{
    font-weight: bold;
}

.small
{
    font-size: 0.8em;
}
.clear
{
    clear: both;
}

.a-center
{
text-align:center;
}
.a-left
{
text-align:left;
}
.a-right
{
text-align:right;
}
.error
{
    color: #ff0000;
}
.pointer
{
    cursor: pointer;    
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error, textarea.input-validation-error, select.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-valid
{
    display: none;
}

.validation-summary-errors
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #dddddd;
    color: #ff0000;
    font-weight: bold;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}


/* OTHER HTML TAGS  
----------------------------------------------------------*/
code, blockquote
{
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    background: #fafafa;
    border: 1px solid #f2f2f2;
    border-left: 3px solid #ff9622;
}

code
{
    font: 500 1em/1.5em 'Lucida Console' , 'courier new' , monospace;
}

blockquote
{
    font: bold 1.2em/1.5em 'Trebuchet MS' , Tahoma, sans-serif;
    color: #666666;
}

ul, ol
{
    margin: 10px 10px;
    list-style-position: inside;
}

ul
{
    /* list-style-type: disc; */
}

ol
{
    list-style-type: decimal;
}


img
{
/*    border: 1px solid #dadada;
    padding: 5px;
    background: #fafafa;
*/
    vertical-align:middle;
}

img.flag
{
    border:1px solid #dddddd;
    vertical-align:top;
}

img.float-right
{
    margin: 5px 0px 5px 15px;
    border-right: 3px solid #ff9622;
}

img.float-left
{
    margin: 5px 15px 5px 0px;
    border-left: 3px solid #ff9622;
}

.fileTypeIcon
{
    padding: 2px; 
    background-color: #ffffff; 
    border: 1px solid #CCCCCC;
    text-align:center;
}
/* Tag */
.tag
{
    border-bottom:#35689C 1px solid;
    border-right:#35689C 1px solid;
    padding: 3px 4px 3px 4px;
    line-height: 2.4;
    background-color: #4f9be9;
    margin:2px 2px 2px 0px;
    white-space: nowrap;
    color: #ffffff !important;
    text-decoration: none;
    cursor:default;
    font-weight:bold;
}
.tagDelete
{
    font-weight:bold;
    text-decoration: none;
    cursor:pointer;
}
/*
.tag:hover
{
    border-bottom:#488a2e 1px solid;
    border-right:#488a2e 1px solid;
    background-color: #488a2e;
    color: #def2d6 !important;
    text-decoration: none;
}
*/
.tagDelete:hover
{
    text-decoration: underline;
}
.tagList
{
    list-style-type:none;
    padding:0px;
}
.tagList li
{
    list-style-type:none;
    width:auto;
    margin-right:10px;
    display: inline-block;                
    zoom: 1;            
    *display: inline;  
}
#tags
{
     /*border:#def2d6 1px solid;
    background-color: #fafafa;
padding: 5px;*/
    color: #e33b3b !important;
    
}
#tags a
{
    cursor:pointer;
}
#tags a:hover
{
    color: #488a2e;
}

.tag1    { font-size: 0.8 em; }
.tag2    { font-size: 0.9em; }
.tag3    { font-size: 1em; }
.tag4    { font-size: 1.2em; }
.tag5    { font-size: 1.4em; }
.tag6    { font-size: 1.7em; }
.tag7    { font-size: 2.0em; }
.tag8    { font-size: 2.2em; }
     
/* Searchable file */
.NoResults
{
    font-weight:bold;
}

.sFileThumb
{
    /* max-width:150px;
     max-height:150px; */
}
.sFileThumbSmall
{
    width:50px;
    height:50px;
    padding: 1px; 
    border:1px solid #dddddd;
    background-color:#fafafa; 
    line-height:48px;
}
.sFileThumbSmall IMG
{
    max-width:50px;
     max-height:50px;
     vertical-align:middle;
}

.contentBox
{
    padding: 10px 20px; 
    background-color:#fafafa; 
    border:1px solid #cccccc;
}


/* Property types */
.ptDateTime
{
    width: 100px;    
}
.ptText
{
    width: 250px;    
}
.ptMultilineText
{
    width: 250px;    
}
.ptInteger
{
    width: 60px;    
}
.ptDecimal
{
    width: 60px;    
}

/*~~~~~~~~~~~~~~~~~~~~~
	 DATA TABLES 
~~~~~~~~~~~~~~~~~~~~~~~*/

.dataTables_wrapper .ui-toolbar {
	padding: 2px 1px 3px 5px;
}
.dataTables_filter {
	text-align: right; width: 50%; float: right;
}
.dataTables_filter input[type=text] {
	width: 200px;
	padding-left:22px;
	background: #fefefe url(../images/icons/details.png) no-repeat 3px 2px;
}
.dataTables_info 
{
    font-weight: bold;
    padding: 3px 0px 0px 1px;
}
.dataTables_empty {
	text-align: center;
	padding: 10px 0px;
}
tr.odd {
	BACKGROUND-COLOR: #f0f0f0;
}
tr.even {
	BACKGROUND-COLOR: #fefefe;
}
/* Generato da Strumenti di sviluppo. Questa potrebbe non essere una rappresentazione corretta del file originale
.paging_two_button .ui-button {
	FLOAT: left; CURSOR: pointer
}
.paging_full_numbers .ui-button {
	PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; CURSOR: pointer; PADDING-TOP: 2px
}
.dataTables_paginate .ui-button {
	MARGIN-RIGHT: -0.1em !important
}
.paging_full_numbers {
	WIDTH: 350px !important
}

.dataTables_paginate {
	WIDTH: auto
}
.dataTables_info {
	PADDING-TOP: 3px
}
TABLE.display THEAD TH {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; CURSOR: pointer; PADDING-TOP: 3px
}
DIV.dataTables_wrapper .ui-widget-header {
	FONT-WEIGHT: normal
}
TABLE.display THEAD TH DIV.DataTables_sort_wrapper {
	POSITION: relative; PADDING-RIGHT: 20px
}
TABLE.display THEAD TH DIV.DataTables_sort_wrapper SPAN {
	POSITION: absolute; MARGIN-TOP: -8px; TOP: 50%; RIGHT: 0px
}
.dataTables_wrapper {
	POSITION: relative; CLEAR: both; 
}
.dataTables_processing {
	BORDER-BOTTOM: #ddd 1px solid; POSITION: absolute; TEXT-ALIGN: center; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; WIDTH: 250px; PADDING-RIGHT: 0px; COLOR: #999; MARGIN-LEFT: -125px; FONT-SIZE: 11px; BORDER-TOP: #ddd 1px solid; TOP: 0px; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 2px; LEFT: 50%
}
.dataTables_length {
	WIDTH: 40%; FLOAT: left
}

.dataTables_info {
	WIDTH: 50%; FLOAT: left
}
.dataTables_paginate {
	TEXT-ALIGN: right; FLOAT: right
}
.paginate_disabled_previous {
	WIDTH: 19px; FLOAT: left; HEIGHT: 19px; MARGIN-LEFT: 3px
}
.paginate_enabled_previous {
	WIDTH: 19px; FLOAT: left; HEIGHT: 19px; MARGIN-LEFT: 3px
}
.paginate_disabled_next {
	WIDTH: 19px; FLOAT: left; HEIGHT: 19px; MARGIN-LEFT: 3px
}
.paginate_enabled_next {
	WIDTH: 19px; FLOAT: left; HEIGHT: 19px; MARGIN-LEFT: 3px
}
.paginate_disabled_previous {
	BACKGROUND-IMAGE: url(../images/back_disabled.jpg)
}
.paginate_enabled_previous {
	BACKGROUND-IMAGE: url(../images/back_enabled.jpg)
}
.paginate_disabled_next {
	BACKGROUND-IMAGE: url(../images/forward_disabled.jpg)
}
.paginate_enabled_next {
	BACKGROUND-IMAGE: url(../images/forward_enabled.jpg)
}
TABLE.display {
	MARGIN: 0px auto; WIDTH: 100%; BORDER-COLLAPSE: collapse; CLEAR: both
}
TABLE.display TFOOT TH {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; FONT-WEIGHT: normal; PADDING-TOP: 3px
}
TABLE.display TR.heading2 TD {
	BORDER-BOTTOM: #aaa 1px solid
}
TABLE.display TD {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 3px
}
TABLE.display TD.center {
	TEXT-ALIGN: center
}
.sorting_asc {
	BACKGROUND: url(../images/sort_asc.png) no-repeat right center
}
.sorting_desc {
	BACKGROUND: url(../images/sort_desc.png) no-repeat right center
}
.sorting {
	BACKGROUND: url(../images/sort_both.png) no-repeat right center
}
.sorting_asc_disabled {
	BACKGROUND: url(../images/sort_asc_disabled.png) no-repeat right center
}
.sorting_desc_disabled {
	BACKGROUND: url(../images/sort_desc_disabled.png) no-repeat right center
}
TABLE.display TR.gradeA.odd {
	BACKGROUND-COLOR: #ddffdd
}
TABLE.display TR.gradeA.even {
	BACKGROUND-COLOR: #eeffee
}
TABLE.display TR.gradeA.odd {
	BACKGROUND-COLOR: #ddffdd
}
TABLE.display TR.gradeA.even {
	BACKGROUND-COLOR: #eeffee
}
TABLE.display TR.gradeC.odd {
	BACKGROUND-COLOR: #ddddff
}
TABLE.display TR.gradeC.even {
	BACKGROUND-COLOR: #eeeeff
}
TABLE.display TR.gradeX.odd {
	BACKGROUND-COLOR: #ffdddd
}
TABLE.display TR.gradeX.even {
	BACKGROUND-COLOR: #ffeeee
}
TABLE.display TR.gradeU.odd {
	BACKGROUND-COLOR: #ddd
}
TABLE.display TR.gradeU.even {
	BACKGROUND-COLOR: #eee
}

.dataTables_scroll {
	CLEAR: both
}
.top {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: #f5f5f5; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 15px
}
.bottom {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: #f5f5f5; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 15px
}
.top .dataTables_info {
	FLOAT: none
}

TFOOT INPUT {
	MARGIN: 0.5em 0px; WIDTH: 100%; COLOR: #444
}
TFOOT INPUT.search_init {
	COLOR: #999
}
TD.group {
	BORDER-BOTTOM: #a19b9e 2px solid; BACKGROUND-COLOR: #d1cfd0; BORDER-TOP: #a19b9e 2px solid
}
TD.details {
	BORDER-BOTTOM: #a19b9e 2px solid; BORDER-LEFT: #a19b9e 2px solid; BACKGROUND-COLOR: #d1cfd0; BORDER-TOP: #a19b9e 2px solid; BORDER-RIGHT: #a19b9e 2px solid
}
.example_alt_pagination DIV.dataTables_info {
	WIDTH: 40%
}
.paging_full_numbers SPAN.paginate_button {
	BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; CURSOR: pointer; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px
}
.paging_full_numbers SPAN.paginate_active {
	BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; CURSOR: pointer; BORDER-RIGHT: #aaa 1px solid; PADDING-TOP: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px
}
.paging_full_numbers SPAN.paginate_button {
	BACKGROUND-COLOR: #ddd
}
.paging_full_numbers SPAN.paginate_button:hover {
	BACKGROUND-COLOR: #ccc
}
.paging_full_numbers SPAN.paginate_active {
	BACKGROUND-COLOR: #99b3ff
}
TABLE.display TR.row_selected.even TD {
	BACKGROUND-COLOR: #b0bed9
}
TABLE.display TR.row_selected.odd TD {
	BACKGROUND-COLOR: #9fafd1
}
TR.odd TD.sorting_1 {
	BACKGROUND-COLOR: #d3d6ff
}
TR.odd TD.sorting_2 {
	BACKGROUND-COLOR: #dadcff
}
TR.odd TD.sorting_3 {
	BACKGROUND-COLOR: #e0e2ff
}
TR.even TD.sorting_1 {
	BACKGROUND-COLOR: #eaebff
}
TR.even TD.sorting_2 {
	BACKGROUND-COLOR: #f2f3ff
}
TR.even TD.sorting_3 {
	BACKGROUND-COLOR: #f9f9ff
}
 */
.content_left
{
    width: 160px;
    height: 183px;
    float:left;
    border:solid 1px #dddddd;
   /* padding: 5px; */
}

.box_thumb
{
    text-align:center;
    position:relative;
    padding: 5px;
}

.box_image
{
    line-height: 150px;
    vertical-align:middle;
}

.box_upload
{
    background-color : #fafafa;
   position: absolute;
    top:0px;
    right:0px;
    padding:5px 5px 5px 5px;
    border:solid 1px #dddddd;
    border-width:0px 0px 1px 1px ;
}

.detail_content
{
    width: 540px;
    margin-left: 10px;
    float:left;
    border:solid 1px #dddddd;
}

.block
{
    border:1px solid #dddddd;
    padding:0px;
}
.block-header
{
    padding: 3px 10px;
    margin:0px;
}
.block-body
{
    padding:10px;
}

.ModalButton
{
    float:right;
    margin-top:10px;
    /*position: absolute;
    bottom: 5px;
    right: 5px;
    clear:both;*/
}
.ModalButtonAbsolute
{
   position: absolute;
    bottom: 5px;
    right: 5px;
    clear:both;
}
#file_uploadUploader
{
    /*padding-left:10px;*/
}

#file_upload_queue
{
    float:left;
}
.OperationMessage
{
    padding:10px 15px;
    margin-bottom:3px;
}

.heading
{
    
    width: 100px;
    font-weight:bold;
    float:left;
}
.heading_l
{
    width: 75px;
    font-weight:bold;
    float:left;
}

.content
{
    width: 270px;
    float:left;
    
}

.content_l
{
    width: 100px;
    float:left;
    
}

/* flags-table */
.flags-table
{
    border:0px;
    border-collapse:collapse;
}

.flags-table tr
{
    border:0px;
}

.flags-table td.alt
{
     background-color:#eeeeee;
}

.flags-table td, .flags-table th
{
    border:0px;
    border-collapse:collapse;
    padding: 7px;
}

.flags-table th[scope=row]
{
    text-align:right;
}