.mui-left {
    text-align: left;
}
.mui-center {
    text-align: center;
}
.mui-right {
    text-align: right;
}
.mui-bold {
    font-weight:bold!important;
}

.mui-button-cube {
    display:block;
    float:left;
    width:80px;
    height:70px;
    border-width: 1px;
    border-color: #eeeeee;
    border-style: solid;
    padding:10px 5px 10px 5px;
    margin:2px;
    background-color:#f5f5f5;
    color:#000;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    text-align:center;
    text-decoration:none;
}

.mui-button-cube:hover {
    border-color: #bbbbbb;
    background-color:#eeeeee;
}


.mui-button,.mui-button-flat {
    display:block;
    float:left;
    margin:2px;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    color:#777777;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:6px 16px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    text-align:center;
}

.mui-button:hover,.mui-button-flat:hover{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}

.mui-button-flat img {
    vertical-align: middle;
}
.mui-button-flat span {
    padding-left:5px;
}

.mui-button-toolbar {
    display:inline-block;
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    margin: 2px 0 2px 0;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.mui-button-toolbar:hover {
    background-color: #DCE8F9;
    border: 1px solid #7FA1E6;
}

.mui-button-toolbar.pressed {
    background-color: #eee;
    border: 1px solid #bbb;
}



.mui-button-toolbar img {
    vertical-align: middle;
}
.mui-button-toolbar span {
    padding-left:5px;
}

.mui-toolbar {
    background: #F7F7F7;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#F7F7F7');
    background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#F7F7F7));
    background: -moz-linear-gradient(top,  #FEFEFE,  #F7F7F7);
}

.mui-zone-toolbar {
    display:inline-block;
    background-color: transparent;
    border-color: #eee;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    margin: 2px 0 2px 0;
    padding: 2px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background: #FAFAFA;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FAFAFA');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FAFAFA));
    background: -moz-linear-gradient(top,  #FFFFFF,  #FAFAFA);
}

.mui-fieldset {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    background-color:#f5f5f5;
    margin-bottom:10px;
}

.mui-legend {
    padding: 3px 10px 3px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    background-color: #eeeeee;
}

.mui-box {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    clear:both;
}

.mui-box-rounded {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    background-color:#f5f5f5;
    margin-bottom:10px;
}

.mui-box-shadow {
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.mui-box-title {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #5C5C5C;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5C5C5C', endColorstr='#343434');
    background: -webkit-gradient(linear, left top, left bottom, from(#5C5C5C), to(#343434));
    background: -moz-linear-gradient(top,  #5C5C5C,  #343434);
    border-color: #262626;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    padding: 5px;
    color:#FFFFFF;
}

.mui-box-title .label {
    font-weight:bold;
}

.mui-box-title .total {
    color:#DDDDDD;
}

.mui-box-content {
    background-color: #eee;
    border-color: #ccc;
    border-style: solid;
    border-width: 0 1px 0 1px;
    padding: 5px;
}

.mui-box-status {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: #ebebeb;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1');
    background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1));
    background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1);
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    padding: 2px 5px;
    overflow:hidden;
}

.mui-form-search {
    background-color:#E8E8FF;
    padding:5px;
}

.mui-input-text {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    color:#888;
    margin:1px;
    padding:3px 5px;
    outline: none;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.mui-input-textarea {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    color:#888;
    outline: none;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.mui-input-text:hover,.mui-input-textarea:hover {
    border:1px solid #97B1DD;
}

.mui-input-text:focus,.mui-input-textarea:focus {
    border:1px solid #325A9B;
}

.mui-img-vertical-align-middle {
    vertical-align: middle;
}

/* tabs */

.mui-tabs-container {
    padding:5px 0 0 5px;
    height:28px;
}

.mui-tab,.mui-tab-active {
    background: #5C5C5C;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5C5C5C', endColorstr='#292929');
    background: -webkit-gradient(linear, left top, left bottom, from(#5C5C5C), to(#292929));
    background: -moz-linear-gradient(top,  #5C5C5C,  #292929);

    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    display:inline-block;
    padding:2px 10px 2px 10px;
    line-height:22px;
    font-size:10px;
    margin:2px 2px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

.mui-tab img {
    margin:0 0 -5px 0;
}

.mui-tab-active img {
    margin:0 0 -4px 0;
}

.mui-tab-active {
    background: #D5D5D5;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5D5D5', endColorstr='#FFFFFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#D5D5D5), to(#FFFFFF));
    background: -moz-linear-gradient(top,  #D5D5D5,  #FFFFFF);
    color:#000 !important;
    margin:0 2px 0 0 !important;
    line-height:24px !important;
}


.mui-tab:hover {
    color:#000;
    background: #5C5C5C;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC700', endColorstr='#FF6D00');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFC700), to(#FF6D00));
    background: -moz-linear-gradient(top,  #FFC700,  #FF6D00);
}

/* grid */
.mui-grid {
    overflow:hidden;
    border-collapse: collapse;
}

.mui-grid .no_result {
    background-color:#CC0000;
    color:#FFFFFF;
}

.mui-grid th {
    background: #FFFFFF;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E8E8');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E8E8));
    background: -moz-linear-gradient(top,  #FFFFFF,  #E8E8E8);
    color: #000000;
    padding:2px 5px 2px 5px;
    text-align:left;
    vertical-align:top;
    font-weight:normal;
    cursor:pointer;
    border: 1px solid #CCCCCC;
}

.mui-grid tr:hover {
    background-color:#E1EBF7;
}

.mui-grid .order_selected {
    background: #B8B8B8;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8B8B8', endColorstr='#DFDFDF');
    background: -webkit-gradient(linear, left top, left bottom, from(#B8B8B8), to(#DFDFDF));
    background: -moz-linear-gradient(top,  #B8B8B8,  #DFDFDF);
}

.mui-grid  th a{
    color: #000000;
    text-decoration:none;
}

.mui-grid td {
    color: #555555;
    padding:2px 5px 2px 5px;
    vertical-align:top;
    cursor:default;
    border: 1px solid #ddd;
}

.mui-grid .impair {
    background-color: #FFFFFF;
}

.mui-grid .pair {
    background-color: #FCFCFC;
}

.mui-grid img {
    border:0;
    vertical-align:middle;
}

.mui-grid .th_id {
    width:50px;
}

.mui-grid .th_status {
    width:50px;
}

.mui-grid .th__actions {
    width:50px;
}

.mui-grid .td_image img {
    max-width:75px;
    max-height:75px;
}

.mui-grid .status_1 {
    background-image:url(../images/status_1.png);
    background-position:0 0;
    background-repeat:no-repeat;
    height:16px;
    width:16px;
}

.mui-grid .status_0{
    background-image:url(../images/status_0.png);
    background-position:0 0;
    background-repeat:no-repeat;
    height:16px;
    width:16px;
}

.mui-grid .pager {
    margin:0;
    padding:2px 0 2px 5px;
    text-align:left;
}

.FirstArrow, .PreviousArrow, .NextArrow, .LastArrow{
    vertical-align:middle;
}

/* forms */


.mui-form {
    margin:0;
    padding:0;
    overflow:hidden;
}

.mui-form div {
    margin: 0 0 5px 0;
    display:block;
    overflow:hidden;
}

.mui-form label {
    float:left;
    width:200px;
    display:block;
    line-height:18px;
    padding:0 20px 0 0;
    text-align:right;
}

.mui-form .label_mandatory{
    background: transparent url(../images/form_label_mandatory.png) no-repeat right center;
}

.captcha_question{
    float:left;
    display:block;
    line-height:18px;
    padding:0 20px 0 0;
}

.mui-form .inputs {
    border:1px solid #CCCCCC;
    float:left;
}

.mui-form input[type=text].inputs {
    width:400px;
}

.mui-form input[type=password].inputs {
    width:400px;
}

.mui-form select {
    width:400px;
}

.mui-form textarea {
    width:600px;
    height:250px;
}

.mui-form .radio_group {
    float:left;
    overflow:hidden;
    display:block;
}

.mui-form .radio_item {
    display:block;
    padding:2px 10px 2px 0;
}

.mui-form .horizontal .radio_item{
    float:left;
}

.mui-form .vertical .radio_item {
    float:none;
}

.mui-form .checkbox_group {
    float:left;
    overflow:hidden;
    display:block;
}

.mui-form .checkbox_item {
    display:block;
    padding:2px 10px 2px 0;
}

.mui-form .horizontal .checkbox_item{
    float:left;
}

.mui-form .vertical .checkbox_item {
    float:none;
}

.mui-form .display {
    float:left;
    line-height:18px;
}

.mui-form .p_error {
    /*background-color:#FFF8D5;*/
}

.mui-form .error {
    background:#FF0000 !important;
    color:#FFFFFF !important;
}

.mui-form .optionnal {
    display:none;
    background-color:#FDFCE3;
}

.form_options {
    padding:5px;
    background-color:#FBF9C6;
    border-bottom:1px dashed #FDC044;
}

.form_options .advanced {
    padding:2px;
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    cursor:pointer;
}

.form_options .pasadvanced {
    padding:2px;
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    cursor:pointer;
    display:none;
}

.mui-form .upload_button {
    float:left;
    margin:0 0 0 5px;
    padding:2px 5px 2px 25px;
    cursor:pointer;
    border:1px solid #CCCCCC;
    display:block;
    background:#EEEEEE url(../images/icons/folder.png) 2px center no-repeat;
}

.mui-form .upload_link {
    float:left;
    margin:0 0 0 5px;
    padding:2px 5px 2px 25px;
    cursor:pointer;
    border:1px solid #CCCCCC;
    display:block;
    background:#EEEEEE url(../images/icons/disk.png) 2px center no-repeat;
}

.dependency_before {
    padding:2px 0 0 0;
    margin: 0 0 0 0;
    float:left;
    background:transparent url(../images/dependency_before.png) left 0 no-repeat;
    height:46px;
    width:10px;
}

.dependency {
    padding:2px 25px 0 5px;
    margin: 0 2px 0 0;
    float:left;
    background:transparent url(../images/dependency.png) right 0 no-repeat;
    height:46px;
}

.dependency .entities {
    padding:2px 0 2px 0;
}

.dependency .entities a {
    color:#000000;
    text-decoration:none;

}

.dependency .entity a {
    color:#CC0000;
    text-decoration:none;
}

.dependency .link {
    padding:10px 0 0 0;
}

.dependency .link a {
    color:#000000;
    text-decoration:none;
}

.dependency .link span {
    padding:0 0 0 5px;
}
.mui-form-search label {
    display:inline-block;
    width:150px;
}
.mui-error-line {
    background: transparent url(../images/icons/delete.png) 2px 2px no-repeat;
    padding: 5px 5px 5px 25px;
}

.mui-validation-line {
    background: transparent url(../images/icons/accept.png) 2px 2px no-repeat;
    padding: 5px 5px 5px 25px;
}

.mui-information-line {
    background: transparent url(../images/icons/information.png) 2px 2px no-repeat;
    padding: 5px 5px 5px 25px;
}

.mui-warning-line {
    background: transparent url(../images/icons/warning.png) 2px 2px no-repeat;
    padding: 5px 5px 5px 25px;
}

.mui-message-box {
    background: #f5f5f5 url(../images/icons/information.png) 2px center no-repeat;
    padding: 5px 5px 5px 25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    margin-bottom:10px;
}

.mui-tooltip {
    position:absolute;
    left:0px;
    top:0px;
    background: #FFFFE7 url(../images/icons/lightbulb.png) 5px center no-repeat;
    padding: 5px 10px 5px 30px;
    z-index:1000;
    color:#000000;
    font-size:8pt;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);    
    -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}