﻿body {
    background: url("../img/bgs-fa/bg_aside_mainII.png") repeat-y;
    background-position: top right;
    background-color: #E6E6E6;
}

body section[role=navigation] {
    background: none;
}

section[role="navigation"] header a {
    background: url("../img/logo.png") no-repeat;
    height: 56px;
    width: 216px;
    float: left;
    margin-left: 5px;
}

.details dd {
    top: -20px;
}


/*in Forms when Title(Lable for is longer than normal)*/

.plus5title dt {
    width: 155px;
}

.plus5title dd {
    right: 170px;
}

.plus10title dt {
    width: 160px;
}

.plus10title dd {
    right: 175px;
}

.plus15title dt {
    width: 165px;
}

.plus15title dd {
    right: 180px;
}

.plus20title dt {
    width: 170px;
}

.plus20title dd {
    right: 185px;
}

.plus25title dt {
    width: 175px;
}

.plus25title dd {
    right: 190px;
}

.widget.increase span {
    background-image: url('../img/widgets/widget_increase.png');
}

.widget.decrease span {
    background-image: url('../img/widgets/widget_decrease.png');
}

.widget.increase span.widget-text {
    background-image: none;
    color: #77AB13;
    width: auto;
}

.widget.decrease span.widget-text {
    background-image: none;
    color: #AE432E;
    width: auto;
}

.widget {
    width: auto;
    min-width: 160px;
}

.widget.neutral span {
    background-image: url('../img/widgets/widget_neutral.png');
}

.widget.neutral span.widget-text {
    background-image: none;
    color: #066D99;
    width: auto;
}

.widget.neutral strong {
    color: #066D99;
}

input {
    font-family: IranSans, 'PT Sans', Tahoma, Arial;
}


/* mohsen */

.help {
    position: absolute;
    color: #686868;
    top: -17px;
    display: block;
    font-size: 90%;
}


/* -------- */

.invalid-side-note.field-validation-valid {
    background-image: none;
    background-position: right center;
    margin-right: 10px;
    padding: 0 25px 0 0;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.invalid-side-note.field-validation-error {
    background-image: url("../img/icons/icon_error.png");
    background-position: right center;
    margin-right: 10px;
    padding: 0 25px 0 0;
    background-repeat: no-repeat;
    margin-left: 10px;
    color: Red;
}

.input-validation-error {
    border-color: #AE432E;
    background-color: #F4E9E7;
}

a.showfiltercontext {
    background-image: url("../img/filter.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    /*padding-right: 17px;*/
}

article.filtercontext {
    z-index: 1;
}

article.filtercontext header {
    margin-bottom: 0;
}

article.filtercontext form {
    margin-top: 0;
}

a.showfiltercontext span {
    display: block;
    margin-right: 17px;
    width: 100%;
}

.dataTables_wrapper {
    min-height: 0px;
}

input[type="text"],
input[type="password"],
textarea,
input.datepicker,
.jq-datepicker .datepick-month-header select {
    font-size: 99%;
    font-family: IranSans, 'PT Sans', Tahoma, Arial;
}

select,
textarea,
select {
    font-size: 99%;
    font-family: IranSans, 'PT Sans', Tahoma, Arial;
    padding: 0;
}


/*select {
	padding: 0;
	height: 32px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	vertical-align: middle;
}
*/

button,
.button {
    font-family: IranSans, 'PT Sans', Tahoma, Arial;
}

input.filterchk {
    vertical-align: middle;
}

div.FilterCover {
    height: 20px;
    float: right;
}

div.FilterContent {
    position: absolute;
}

div.IndexHeaderCover {
    overflow: visible;
    height: 24px;
}

div.IndexHeaderLink {
    float: right;
    margin-left: 10px;
}

table.tblFilter,
table.tblFilter tr,
table.tblFilter td {
    background-color: #eee;
}

table.tblFilter td {
    border-bottom: none;
}

table.tblFilter tr {
    border-bottom: solid 1px #BFBFBF;
}

table.tblFilter tr.filterValues input,
table.tblFilter tr.filterValues select {
    height: auto !important;
    padding: 0 !important;
    width: 100%;
}

input.datepicker {
    background-position: 2px 7px;
    box-sizing: content-box;
}

table.tblFilter tr.filterValues td {
    padding: 5px 5px;
    text-align: right;
}

table.tblFilter tr.filterValues td span.center {
    text-align: center;
    display: block;
}

table.tblFilter tr.filterValues td.filteradditional span {
    display: block;
    width: 5px;
    margin: 0 0 0 5px;
    float: right;
}

table.tblFilter tr.filterValues td.filteradditional input {
    width: 90%;
}

table.tblFilter tr.filterSubmit td {
    text-align: left;
}

table.tblFilter tr.filterSubmit input {
    padding-top: 0;
}

table.tblFilter tr.filterValues span.BoolRadio {
    margin-left: 5px;
    float: right;
    display: block;
}

table.tblFilter tr.filterValues span.BoolRadio input {
    width: auto;
    margin-left: 3px;
    vertical-align: middle;
}

table.tblFilter tr.filterValues .disabled {
    color: #aaa;
}

.inframebutton {
    margin: 10px;
    float: left;
}

.LeftAlignInline {
    text-align: left;
}

.RightAlignInline {
    text-align: right;
}

.fileUpload table {
    width: auto;
}

.fileUpload table tr {
    height: auto;
}

.fileUpload table th,
.fileUpload table td {
    padding: 2px;
    height: auto;
}

table.Insidedd {
    width: 70%;
}

.login form dt {
    width: 22%;
}

.login form dd {
    /*width: 77%;*/
    right: 25%;
    left: 5%;
}

.login dt.chk {
    width: 40%;
}

.login dd.chk {
    right: 42%;
}

label.invalid {
    color: #AE432E;
}

label.valid {
    color: #338813;
}

.RadioEditor {}

.BoolRadio {
    display: block;
    float: right;
    margin-left: 10px;
}

.BoolRadio input {
    vertical-align: middle;
    margin-left: 2px;
}

.BoolRadio label {
    margin-right: 3px;
}

.ArticleCode {
    text-align: center;
    margin-bottom: 21px;
}

input.ltr {
    direction: ltr;
    font-family: Tahoma;
    text-align: left;
}

input.numeric {
    direction: ltr;
    text-align: left;
}

#user-info div {
    width: 140px;
}

#user-info ul li {
    float: right;
}

span.ltr {
    direction: ltr;
    font-family: Tahoma;
    text-align: left;
}

span.BoolRadio {
    float: none;
    margin: 0px;
}

span.Outward {
    color: Red;
}

span.Inward {
    color: Green;
}

.morestep {
    margin-right: 60px;
}

.page-break {
    display: none;
}

form.invoice div.signholder {
    margin-top: 0.5cm;
}

form.invoice div.signholder .buyer {
    margin-right: 130px;
}

form.invoice div.signholder .seller {
    float: left;
    margin-left: 130px;
}

form.invoice a.Print {
    margin: 10px;
}

.disclaimer {
    margin-top: 1cm;
}


/*Time*/

div.time {
    direction: ltr;
    width: 207px;
}

div.time div.ticon {
    float: left;
    margin: 4px 5px 0 0;
}

div.time img {
    background: none;
    border: none;
    padding: 0;
}

div.time input.millisecond {
    width: 25px;
    padding: 0;
    text-align: center;
}

.margin15 {
    margin: 15px;
}

.ltr {
    direction: ltr;
    font-family: Tahoma;
    text-align: left;
}

dt.withdescription div {
    width: 340px;
    margin-right: 230px;
}

form dl dd.picsetright {
    right: 20px;
    text-align: center;
}


/*Articles addendum
	By Achilles*/

td.hasInvoice {
    color: #2a2 !important;
}

td.hasNOTInvoice {
    color: #f22;
    font-weight: bold;
}

ul,
ol {
    margin: 1em 1em 0 0;
}

.validation-summary-errors {
    margin: 5px;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fee;
    border: 1px solid #fbb;
    border-radius: 4px;
    padding: 1px 8px;
    color: #000;
}