/* 
 * Copyright (C) Sigmagine, SARL - All Rights Reserved - < contact [at] sigmagine.com >
 * This file is part of "Fineaty" project
 * Unauthorized copying, reuse or modification of this file, partial or total, by any means, is strictly prohibited
 * Developed by Samuel Tranchet since June 2008
 */

* {
    box-sizing: border-box;
}

html,body{
    margin:0px;
    padding:0px;
    width : 100%;
    height: 100%;
}

.fineatyPage,.fineatyPageFrame{
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    overflow: auto;
}


body{
    line-height: 1.2 !important;
}

#fineatyPageFrame{
    display : table;
}

.fineatyPageRow{
    display: table-row;
}

.fineatyPageCell{
    display: table-cell;
}

#fineatyPageMiddleRow{
    height : 100%; 
}

#fineatyPageBottomCell{
    vertical-align: bottom;
}


a{
   display:inline-block; 
}

a:focus{
outline: 0 !important;
} 

span{
    display:inline-block;
}

img{
    border: 0px none;
    margin : 0px;
    vertical-align : middle;
    display:inline-block;
    color:transparent;
}


form{
    margin-bottom:10px;
}

label{
    font-weight: bold;
    display: block;
}

script{
    display:none !important;
}


.formInput,.formTable {
    width : 100%;
}

select{
        cursor            : pointer;
}

.formLink.fineatyLink,.formFieldFileUploadInfos{
    width : 98%;
    margin: 0px 1% 0px 1%;
    padding:2px 0px 4px 0px;
    border:0px none;
    display:block;
    text-align: center;
}

.formLink {
    cursor:pointer;
}

.formFieldFileProgress{
    height:12px;
    width : 98%;
    margin: 0px 1% 0px 1%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #777777;
}

.formFieldFileProgressBar {
    width : 0%;
    height : 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #cccccc;
}



.formFieldFileUploadFileList{
    clear: both;
}

.formFieldFileUploadFileUploaded{
    clear: both;
    display: inline-block;
    width: 100%;
}

.formFieldFileUploadFileIndex{
    float : left;
    padding-right:5px;
}

.formFieldFileUploadFileName{
    float : left;
    overflow: hidden;
}

.formFieldFileUploadFileSize{
    width:60px;
    float: right;
    text-align:right;
}

.formFieldRadioOption{
    margin-bottom : 5px;
}

.formFieldRadioOption input[type="radio"]{
    margin : 0px 5px 0px 0px;
    vertical-align : middle;
}

.formFieldRadioOption label{
    margin : 0px;
    display: inline-block;
    cursor:pointer;
    vertical-align : middle;
}

.formFieldCurrencyValue{
    display:table;
}

.formFieldCurrencyValue > div{
    display:table-row;
}

.formFieldCurrencyValue > div > div{
    display:table-cell;
}

.formFieldCurrencyValueCurrency{
    width:75%;
    padding-left:2px;
}

.formFieldCurrencyValue > div > div > *{
    width:100%;
}

.itemRating{
    margin : 0px;
    padding : 0px;
    width:100px;
    height:20px;
    background-image:url(../images/common/ratingStars.png);
    clear:both;
    margin:auto;
    clear:right;
}

.formcheckbox input{
    width:auto;
}

.showItemChild > span{
    padding:2px;
}

.itemRating .formInput{
    display:block;
    height:20px;
    float:left;
    margin : 0px;
    padding : 0px;
}

.itemRating0{background-position: -100px -20px;}
.itemRating1{background-position: -100px -0px;}
.itemRating2{background-position: -80px -20px;}
.itemRating3{background-position: -80px 0px;}
.itemRating4{background-position: -60px -20px;}
.itemRating5{background-position: -60px 0px;}
.itemRating6{background-position: -40px -20px;}
.itemRating7{background-position: -40px -0px;}
.itemRating8{background-position: -20px -20px;}
.itemRating9{background-position: -20px 0px;}
.itemRating10{background-position: 0px 0px;}

.itemRatingMini{
    margin : 0px;
    padding : 0px;
    width:50px;
    height:10px;
    background-image:url(../images/common/ratingStarsMini.png);
}

.itemRatingMini0{background-position: -50px -10px;}
.itemRatingMini1{background-position: -50px -0px;}
.itemRatingMini2{background-position: -40px -10px;}
.itemRatingMini3{background-position: -40px 0px;}
.itemRatingMini4{background-position: -30px -10px;}
.itemRatingMini5{background-position: -30px 0px;}
.itemRatingMini6{background-position: -20px -10px;}
.itemRatingMini7{background-position: -20px -0px;}
.itemRatingMini8{background-position: -10px -10px;}
.itemRatingMini9{background-position: -10px 0px;}
.itemRatingMini10{background-position: 0px 0px;}




.RateItemModule{
    text-align: center;
}

.itemRatingZone {
    margin : 0px;
    padding : 0px;
    height:20px;
    width:10px;
    border:none;
}

.fineatyAlert {
    padding : 10px;
    margin : 10px 0px;
}

.fineatyAlertNeutral{
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.fineatyAlertActive{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.fineatyAlertSuccess{
    color : #155724;
    background-color: #d4edda;
    border-color: #d6e9c6;
}

.fineatyAlertWarning{
    color : #856404;
    background-color: #fff3cd;
    border-color: #faebcc;
}

.fineatyAlertError {
    color : #ff1c1c;
    background-color: #f8dada;
    border-color: #ebccd1;
}



.hidden {
    display:none;
}

.iconGroup{
   clear:both;
   overflow:auto;
   border:1px dotted;
   border-color:#cccccc;
   margin:10px;
}

.icon{
   float:left;
   width:96px;
   padding : 3px;

}

.iconImage{
   text-align:center;
   background-color:#EEEEEE;
   border:1px solid;
   border-color:#cccccc;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin:5px;
   padding : 3px;
}

.iconTitle{
   font-size:9px;
   width:96px;
   height: 32px;
   text-align:center;
}

.fineatyForm{
    position:relative;
}

.fineatyFormFilter{
  background-color:#000;
  -moz-opacity : 0.5;
  filter:alpha(opacity=50);
  opacity:0.5;
  z-index:9999;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  display:none;
}

.fineatyPopUpFilter {
background-color:#000;
  -moz-opacity : 0.5;
  filter:alpha(opacity=50);
  opacity:0.5;
  z-index:9999;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  display:none;
}

.fineatyPopUp{
    overflow-y : auto;
    background-color:#fff;
    max-height: 100%;
    max-width: 100%;
}

.fineatyPopUpFrame{
    display:table;
    width:100%;
    height:100%;
}

.fineatyPopUpTopRow{
    display : table-row;
}




.fineatyPopUpHeader{
    width:100%;
    display:table;
    background-color:#222;
}

.fineatyPopUpHeaderRow{
    display:table-row;
}

.fineatyPopUpHeader a{
    color : #CCC;
}

.fineatyPopUpTitle{
    display : table-cell;
    vertical-align : middle;
    white-space:nowrap;
    text-align : left;
    color : #FFF;
    padding:5px 7px;
    width:100%;
}

.fineatyPopUpClose{
    display : table-cell;
    vertical-align : middle;
    text-align : right;
    padding:5px 7px;
}

.fineatyPopUpBottomRow{
    display : table-row;
    height:100%;
}

.fineatyPopUpContent{
    display : table-cell;
    padding:10px;
    min-width: 160px;
    min-height: 20px;
    overflow-x : auto;
    height:100%;
}

/*.fineatyPopUpContent > .fineatyModule{
    max-height:100%;
    overflow-y: auto;
}*/

.fineatyPopUp.topBannerPopUp{
    border-radius: 0px;
    border-left:  0px none;
    border-top:  0px none;
    border-right:  0px none;
}




.fineatyPopUp.bottomBannerPopUp{
    border-radius: 0px;
    border-left:  0px none;
    border-bottom:  0px none;
    border-right:  0px none;
}

.fineatyPopUp.leftBannerPopUp{
    border-radius: 0px;
    border-top:  0px none;
    border-bottom:  0px none;
    border-left:  0px none;
}

.fineatyPopUp.rightBannerPopUp{
    border-radius: 0px;
    border-top:  0px none;
    border-bottom:  0px none;
    border-right:  0px none;
}

.fineatyPopUp.topBannerPopUp,
.fineatyPopUp.topBannerPopUp .fineatyPopUpContentFrame,
.fineatyPopUp.topBannerPopUp .fineatyPopUpHeader,
.fineatyPopUp.bottomBannerPopUp,
.fineatyPopUp.bottomBannerPopUp .fineatyPopUpContentFrame,
.fineatyPopUp.bottomBannerPopUp .fineatyPopUpHeader,
.fineatyPopUp.leftBannerPopUp,
.fineatyPopUp.leftBannerPopUp .fineatyPopUpContentFrame,
.fineatyPopUp.leftBannerPopUp .fineatyPopUpHeader,
.fineatyPopUp.rightBannerPopUp,
.fineatyPopUp.rightBannerPopUp .fineatyPopUpContentFrame,
.fineatyPopUp.rightBannerPopUp .fineatyPopUpHeader
{
    border-radius : 0px;
}

.formField{
    overflow: visible;
}

.formFieldError {
    color : #ff1c1c;
    background-color: #f8dada;
}


table.formTable td{
    padding:1px;
    vertical-align: top;
    text-align: center;
}

table.formTable .formField{
    width : 100%;
    font-size:11px;
    overflow:hidden;
}

table.formTable .formInput{
    margin: 0px;
}


.dataTable{
    width : 100%;
    border-spacing : 10px 3px;
    border-collapse: separate;
}

.dataTable tr:hover{
    background-color: #cccccc;
    background-color: rgba(0, 0, 0, 0.1);
}

.dataTable th{
    text-align:center;
    border-bottom : 1px solid #666666;
    margin : 10px 10px;
    padding : 4px 0px;
}

.dataTable td{
    padding : 0px 7px;
}

.showMedia{
    text-align:center;
    
}

.valign-content-top > *{
    display:inline-block;
    vertical-align: top;
}

.valign-content-middle > *{
    display:inline-block;
    vertical-align: middle;
}

.valign-content-bottom > *{
    display:inline-block;
    vertical-align: bottom;
}

.valign-content-top > a{
    display:inline-block;
}

.valign-content-middle > a{
    display:inline-block;
}

.valign-content-bottom > a{
    display:inline-block;
}


.valign-top {
    display:inline-block;
    vertical-align: top;
}

.valign-middle {
    display:inline-block;
    vertical-align: middle;
}

.valign-bottom {
    display:inline-block;
    vertical-align: bottom;
}



.fineatyThumb:after,.valign-content-enable:after,.valign-content-middle:after,.valign-content-top:after,.valign-content-bottom:after {
    content: "";
    height:100%;
    width:1px;
    left:-1px;
    margin:0px 0px 0px -1px;
    padding:0px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
}
.halign-content-center {
    text-align:center;
}

.halign-content-center > *{
    display:inline-block;
    margin-left: auto;
    margin-right: auto;
    
}

.halign-content-left {
    text-align:left;
}

.halign-content-left > *{
    display:inline-block;
    margin-left: 0px;
    margin-right: auto;
}

.halign-content-right {
    text-align:right;
}

.halign-content-right > *{
    display:inline-block;
    margin-left: auto;
    margin-right: 0px;
}

.justified{
    margin-left: auto;
    margin-right: auto;
    text-align:justify;
}

.centered{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.fineatyThumb{
    display:inline-block;
    text-align:center;
}

.fineatyThumb a {
     display:inline-block;
     vertical-align: middle;
}

.fineatyThumb > span{
    display:inline-block;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
}

#go-frame{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0px none;
    z-index:1000;
}

#go-content{
    color:#ffffff;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index:3000;
    font-family: Arial,sans-serif !important;
}

#go-content a{
    color:#F7F7F7;
}

#go-background{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index:2000;
}

#go-top{
    display:inline-block;
    background-color:#111111;
    padding:20px;
    margin:30px;
    border:1px solid #222222;
    border-radius:3px;
}

#go-ad{
    background-color:#111111;
    padding:20px;
    margin:30px;
    border:1px solid #222222;
    border-radius:3px;
}

table.analytics td,table.analytics th{
    text-align: center;
    padding:0px 5px;
    vertical-align: top;
}

table.analytics td.analytics-value{
    text-align: left;
}


.fineatyModuleDefaultContent,.fineatyModuleLoadingContent{
    background-image:url("../images/common/wait.gif");
    min-height:30px;
    min-width:50px;
    background-position: center center;
    background-repeat: no-repeat;
} 

button.itemActionsButton{
    background-image:url("../images/common/bottomArrow.png");
    height:16px;
    width:16px;
    background-color: transparent;
    border: 0 none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align:middle;
}

button.itemActionsButton span{
    display:none;
    height:1em;
}


table.fineatyDataTable th,table.fineatyDataTable td{
    padding:0px 5px;
}

.forbiddenTable{
    display:table;
    margin:auto;
}

.forbiddenRow{
    display:table-row;
}

.forbiddenOption{
    display:table-cell;
    padding : 10px;
    vertical-align: top;
}

.AcceptCookies{
    text-align:center;
}

.ui-draggable-handle , .ui-sortable-handle {
    cursor: move;
}

.selectAccountUserLink{
    margin : 7px 0px;
    display:block;
}

.selectAccountUserAvatar{
    display: inline-block;
    vertical-align: middle;
}

.selectAccountUserInfo{
    display: inline-block;
    vertical-align: middle;
    padding: 0px 7px;
}

.selectAccountUserTitle{
    font-size : 14px;
    display:block;
}

.selectAccountUserLogin{
    font-size : 10px;
    display:block;
}

.selectAccountUserLoggedOut{
    font-size : 10px;
    font-style: italic;
    display:block;
}

#fineatyConsoleOutput,#fineatyConsoleInput{
    font-size : 12px;
    font-weight: bold;
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}