body {
  font-family: "Arial CE", Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  width: 100%;
  text-align: center;
  background: #eeeeee;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

table { font-size: 100%; }
form { margin: 0px; }

img { border: none; }
input { border: 1px solid #b4b4b4; width: 280px; }
input.shortText { width: 60px; }
input.mediumText { width: 180px; }
input.inputSubmit { width: auto; border: 1px solid black; font-weight: bold; }
input.inputCheckbox { width: auto; border: none; }
input.inputRadio { width: 1em; border: none; }
select { width: 280px; }
a { color: inherit; }
hr { clear: left; }
textarea { width: 280px; height: 60px; }
textarea.big { width: 500px; height: 80px; }

.bold { font-weight: bold; }
.red { color: red; }
.pointerHand { cursor: pointer; }
.hidden { display: none; }
.cleaner { clear: both; }

div#confirmDialog { text-align: left; xfont-size: 0.9em }
div#confirmDialog div.button { margin-top: 20px; text-align: center; }
div#confirmDialog div.price { font-weight: bold; margin-top: 10px; }

div.gridFilterForm ul.token-input-list-facebook { width: 250px; border: 1px solid #b4b4b4; }
div.gridFilterForm li.token-input-token-facebook { margin: 1px; }
div.gridFilterForm li.token-input-input-token-facebook { height: 20px !important; }
div.gridFilterForm input#token-input-tag { margin: 0; }
div.token-input-dropdown-facebook { width: 250px !important; }

div.cleaner { clear: left; width: 0px; height: 0px; }
div#noClear { clear: none; }

div.debug { clear: both; text-align: left; }

div.page { margin: 0px auto; width: 1024px; min-height: 600px; background-color: white; text-align: left; overflow: hidden; }
div.page div.top { Xmargin-left: 10px; width: 1024px; overflow: hidden; }
div.page div.top div { float: left; }
div.page div.top div.logo {  Xwidth: 80px; Xheight: 80px; }
div.page div.top div.after { margin-top: 10px; float: right; height: 40px; }
div.page div.top div.after div.data { margin-right: 10px; }
div.page div.top div.after div.user { float: right; font-size: 1.2em; }
div.page div.top div.after div.logout { float: right; clear: right; font-size: 0.8em; }
div.page div.top div.after div.logout a { text-decoration: none; }
div.page div.menu { margin: 10px 0 0 0; background-color: black; color: white; clear: right; width: 1024px; overflow: hidden; }
div.page div.menu div { margin: 3px 0; padding: 0 43px; font-size: 1.3em; float: left; }
div.page div.menu div.selected a { color: yellow; }
div.page div.menu div a { text-decoration: none; }

div.page div.main { margin: 20px 10px 20px 10px; font-size: 0.9em; width: 1004px; }
div.main div.content { margin: 20px 0px 10px 0px; }
div.main div.content div.contentTitle { font-weight: bold; font-size: 1.2em; margin: 10px 0; }

div#errorsList { z-index: 10; position: absolute; width: 300px; left: 50%; top: 50%; margin-left: -150px; margin-top: -50px; text-align: center; background-color: #ff8a8a; border: 1px solid red; padding: 10px; }
div#errorsList div.button { margin: 10px 0 0 0; }
div#errorsList input { width: auto; }
div#infosList { background-color: #aaffaa; border: solid green 1px; padding-left: 10px; margin: 5px 5px 10px 5px; }

div.inputForm { padding: 10px 0 20px 0; }

div.formItem { clear: both; margin-bottom: 1px; overflow: hidden; }
div.formItem label { float: left; width: 200px; text-align: right; padding-right: 10px; color: #5b5b5b; }
div.formItem label.bold { font-weight: bold; }
div.formItem label.asInput { text-align: left; }
div.formItem input.button { width: auto; }
div.formItem textarea { border: 1px solid #b4b4b4; }
div.formItem div.left { clear: left; }
div.formInfo { clear: left; margin: 20px 0 10px 0; font-style: italic; }
div.formButton { clear: both; margin-left: 210px; margin-top: 15px; }
.formButton input { width: auto; font-weight: bold; border: 1px solid black; }
.formButton input.fb_eHidden { display: none; }
.formButton input.fb_eDelete { border: 1px solid red; background-color: #ffcccc; color: red; }
.button input.fb_eDelete { border: 1px solid red; background-color: #ffcccc; color: red; }

/* GRID */
div.gridFilterForm { clear: both; font-size: 90%; margin-top: 10px; overflow: hidden; }
div.gridFilterForm div { overflow: hidden; }
div.gridFilterForm div.formItem { clear: none; float: left; margin-right: 2px; Xheight: 22px; overflow: hidden; }
div.gridFilterForm div.formItem label { width: auto; padding: 0 2px; color: #5b5b5b; }
div.gridFilterForm div.formItem input { border: 1px solid #b4b4b4; width: 120px; }
div.gridFilterForm div.formItem input.shortText { width: 60px; }
div.gridFilterForm div.formItem input.longText { width: 240px; }
div.gridFilterForm div.formButton { clear: none; float: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; }
div.gridFilterForm div.formButton input { margin: 1px; }
div.gridFilterForm select { width: auto; }
div.gridMultiactionForm { clear: both; }
div.gridTable { clear: both; }
div.gridTable div.gridNoData { text-align: left; font-size: 0.8em; font-weight: bold; }
div.gridTable table { width: 100%; text-align: center; border-collapse: separate; border-spacing: 1px 4px; }
div.gridTable table th { border: 1px solid black; background: #3a3a3a; color: white; font-weight: normal; }
div.gridTable table th span.ordered { font-weight: bold; color: yellow; }
div.gridTable table tr.Odd td { background: #dddddd; }
div.gridTable table tr.Even td { background: #f4f4f4; }
div.gridTable table tr.hOver td { background-color: #8e8e8e; }
div.gridTable table tr.out td { background-color: #ffcccc; }
div.gridTable table tr.delayed td { background-color: #ffcccc; color: red; }
div.gridTable table tr.disabled td { color: #aaaaaa; font-style: italic; }
div.gridTable table tr.created td { background-color: #eeeeaa; }
div.gridTable table tr.reserved td { background-color: #ccffcc; }
div.gridTable table tr.returned td { background-color: #ccddff; }
div.gridTable table tr td.tdAction { color: black; font-style: normal; font-weight: normal; text-align: left; }
div.gridTable table tr td.tdAction img { margin-left: 7px; }
div.gridTable table td { padding-right: 5px; padding-left: 3px; vertical-align: top; }
div.gridTable table td.tdLeft { text-align: left; }
div.gridTable table td.tdRight { text-align: right; }
div.gridTable table td.tdCenter { text-align: center; }
div.gridPagerForm { clear: both; width: 93%; margin: 0; padding-top: 5px; font-size: 90%; }
div.gridPagerForm div { float: left; margin-right: 5px; color: #5b5b5b; }
div.gridPagerForm form { float: left; margin-right: 5px; padding: 0; }
div.gridPagerForm input.inputText { width: 30px; border: 1px solid #b4b4b4; }

div#home div.group { margin: 20px; float; overflow: hidden; float: left; height: 240px; }
div#home div.group div.data { float: left; border: 1px solid black; padding: 10px; width: 435px; height: 200px; }
div#home div.group div.data div.item { margin: 10px 0; font-weight: bold; overflow: hidden; padding: 4px; height: 20px; }
div#home div.group div.data div.item input { float: right; margin-right: 10px; }
div#home div.group div.data div.disabled { border: 1px solid #aaaaaa; color: #aaaaaa; }
div#home div.group div.data div.created { border: 1px solid yellow; background-color: #eeeeaa; }
div#home div.group div.data div.reserved { border: 1px solid green; background-color: #ccffcc; }
div#home div.group div.data div.sent { border: 1px solid red; background-color: #ffcccc; }
div#home div.group div.data div.out { border: 1px solid red; background-color: #ffcccc; }
div#home div.group div.data div.delayed { border: 1px solid red; background-color: #ffcccc; color: red; }
div#home div.group div.data div.invoice { border: 1px solid black; }

div#editMovie div.formItem label { width: 150px; }
div#editMovie div.formButton { margin-left: 160px; } 
div#editMovie textarea { width: 300px; height: 90px; }
div#editMovie table td { vertical-align: top; }

div.movieListMedium div.reserved { background-color: #ccffcc; }
div.movieListMedium div.sent { background-color: #ffcccc; }
div.movieListMedium div.delayed { background-color: #ffcccc; color: red }

div#editCustomer div.formItem label { width: 160px; }
div#editCustomer div.formItem input#fi_ico { width: 233px; }
div#editCustomer div.formButton { margin-left: 160px; } 
div#editCustomer table td { vertical-align: top; }
div#aresDialog { position: absolute; min-width: 500px; min-height: 200px; top: 100px; left: 200px; padding: 20px; background-color: white; border: 1px solid black; }
div#aresDialog div.ico { font-size: 1.2em; font-weight: bold; margin-bottom: 10px;  }
div#aresDialog div.data { float: left; min-width: 230px; height: 160px; overflow: hidden; }
div#aresDialog div.data div.title { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
div#aresDialog div.data div.item { margin-bottom: 5px; }
div#aresDialog div.data div.different { color: red; font-weight: bold; }
div#aresDialog div.formButton { float: left; margin-top: 0; margin-left: 310px; }

div#editOrder div.formItem label { width: 160px; }
div#editOrder div.formButton { margin-left: 170px; } 
div#editOrder table td { vertical-align: top; }
div#editOrder textarea { width: 350px; height: 40px; }
div#editOrder div#fi_orderItemList { margin-top: 10px; }
div#editOrder div#fi_orderItemList div.orderItem { padding: 2px; overflow: hidden; margin-bottom: 5px; }
div#editOrder div#fi_orderItemList div.orderItemNoMedium { background-color: red; }
div#editOrder div#fi_orderItemList div.orderItem div { float: left; margin-right: 3px; }
div#editOrder div#fi_orderItemList div.orderItem div.remove { margin-right: 15px; }
div#editOrder div#fi_orderItemList div.orderItem div.description input { width: 350px; }
div#editOrder div#fi_orderItemList div.orderItem div.type input { width: 80px; }
div#editOrder div#fi_orderItemList div.orderItem div.code input { width: 80px; }
div#editOrder div#fi_orderItemList div.orderItem div.price input { width: 50px; }

div.order div.invoiceDate { font-weight: bold; margin-bottom: 10px; }
div.order div.invoiceDate input { width: 100px; }
div.listOrder span.returnedMedium { font-style: italic; color: gray; }
div.listOrder a.toReturnMedium { font-weight: bold; text-decoration: none; }
div.listOrder div.invoiceNumber { margin-top:5px; font-size: 0.9em; }

div.orderLegend { overflow: hidden; margin-bottom: 10px; }
div.orderLegend div { float: left; margin-right: 10px; border: 1px solid black; padding: 2px 5px; font-size: 0.8em; }
div.orderLegend div.created { background-color: #ccffcc; }
div.orderLegend div.sent { background-color: #ffcccc; }
div.orderLegend div.returned { background-color: #ccddff; }
div.orderLegend div.delayed { background-color: #ffcccc; color: red; }

div.reportTitle { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; overflow: hidden; }
div.reportTitle div.item { float: left; margin-right: 20px; }
div.reportContent a#fi_additionalHref { text-decoration: none; font-size: 0.9em; }
div.reportContent div#fi_additionalDiv { border: 2px solid black; padding: 7px; background: white; position: absolute; top: 200px; left: 350px; overflow: hidden; }
div.reportContent div#fi_additionalDiv div.title { font-weight: bold; margin-bottom: 10px; overflow: hidden; }
div.reportContent div#fi_additionalDiv div.title div.first { float: left; margin-left: 15px; width: 280px; }
div.reportContent div#fi_additionalDiv div.title div.second { float: left; }
div.reportContent div#fi_additionalDiv div.title div.third { float: left; margin-left: 25px; }
div.reportContent div#fi_additionalDiv input { width: 20px; }
div.reportContent div#fi_additionalDiv div.add { width: 650px; height: 400px; overflow: scroll; }
div.reportContent div#fi_additionalDiv div#fi_additionalCloser { float: right; border: 1px solid #008ac6; background: url('img/bg_grid_button.png'); color: white; width: 15px; text-align: center; }
div.reportContent div#fi_additionalDiv ul { list-style-type: none; margin: 0; padding: 0; }
div.reportContent div#fi_additionalDiv ul li { margin: 0 1px 1px 1px; font-size: 0.9em; background-color: white; overflow: hidden; }
div.reportContent div#fi_additionalDiv ul li.ui-state-highlight { height: 20px; }
div.reportContent div#fi_additionalDiv ul li div { float: left; }
div.reportContent div#fi_additionalDiv ul li div.label { width: 290px; margin-top: 4px; }
div.reportContent div#fi_additionalDiv ul li div.separator { width: 27px; }
div.reportContent div#fi_additionalDiv ul li input { float: left; }
div.reportContent div#fi_additionalDiv ul li input.label { width: 290px; }

div.reportContent div.gridTable { overflow: scroll; }