@charset "utf-8";

body {
    margin:0px;
    background-color:#FFFFFF;
    font-family: Tahoma,Arial;
    font-size:12px;
    font-weight:400;
    color:#4a4a4a;
    line-height:18px;
}
form {
    margin: 0;
    padding: 0;
}
div#main {
    margin:auto;
    min-width:970px;
    max-width:1240px;
    padding: 0 10px;
    position: relative;
}
div#copy {
    border-top: 1px solid #e4e4e4;
    color:#595959;
    font-size:11px;
    padding-top: 15px;
    margin-bottom:30px;
}
div#container {
    direction:rtl;
    padding-top: 20px;
    text-align:justify;
}
div#head {
    margin:0px;
    border: 1px solid #e4e4e4;
	border-bottom: 0px;
    padding: 30px 15px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}
div#loading {
    z-index: 999999;
    position: absolute;
    top: 0px;
    left: 12px;
    width: 46px;
    height: 80px;
    background-color:#fff3ac;
    border:1px solid #f9dd34;
    border-top-width: 0px;
    background-image: url(../../images/loadinfo24.gif);
    background-position: 11px 50px;
    background-repeat: no-repeat;

}

.clear {
    clear:both;
}
.right {
	float: right;
}
.left {
	float: left;
}

input[type=text], input[type=password], textarea, select,
.selectize-control .selectize-input {
    font-family: Tahoma,Arial;
    font-size:12px;
    font-weight:normal;
    color: #333333;
    padding:7px 2px 8px 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
input[readonly=readonly] {
    background-color:#f7f7f7;
    border:1px solid #b5b5b5;
}
select {
    padding:6px 2px 7px 2px;
}
input[disabled=disabled],
select[disabled=disabled] {
    background-color:#f7f7f7;
    color: #555555;
}
select option {
    /*padding:5px 0px;*/
}
input[type=text], input[type=password], textarea, select {
    border: 1px solid #cfcfcf;
}
button{
    font-family: Tahoma,Arial;
    font-size:11px;
    font-weight:normal;
    color: #333333;
    padding:4px 9px 5px 9px;
    cursor: pointer;
}
button.do_button{
    height: 32px;
    padding:3px 7px 3px 7px;
    font-size: 11px !important;
    cursor: pointer;
}
button.small {
    padding:2px 7px 2px 7px;
}

input.invisible {
    font-family: Tahoma,Arial;
    font-size:11px;
    font-weight:normal;
    color: #333333;
    padding:0px;
    border: 0px;
    background: none;
    cursor: default;
}
input.semi_invisible {
    font-family: Tahoma,Arial;
    font-size:11px;
    font-weight:normal;
    color: #333333;
    padding:0px;
    border: 0px;
    background: #ededed;
    cursor: default;
}
input.empty-field-error {
	border: 1px solid #cf3f46;
}

a {
    text-decoration: none;
    color: #336699;
}
a:hover {
    text-decoration: none;
    color: #000000;
}
a.control {
    text-decoration: none;
    outline: none;
    padding: 1px -3px !important;
}
a.control_box {
    width: 160px;
    text-align: right;
    padding: 2px 0px;
    text-decoration: none;
    margin-bottom: 3px;
    outline: none;
}
a.copy {
    color:#7d8036;
    font-size:10px;
    /*	border-bottom: 1px dotted #6d7781;*/
}

div.line {
    width:100%;
    height:1px;
    color:#d8d8d8;
    border-top:1px solid #dfdfdf;
}
.dividebar {
    height: 34px;
    padding-right: 10px;
}

small , .small {
    font-size:10px !important;
}
.disable {
    color:#bcbcbc !important;
}
.red {
    color:#cf3f46 !important;
}
.green {
    color:#408c34 !important;
}
.orange {
    color:#DC571C !important;
}
.blue {
    color:#2976c7 !important;
}
.white {
    color:#ffffff !important;
}
.bold{
    font-weight: bold !important;
}
.underline{
    text-decoration: underline !important;
}
.center {
    text-align: center;
}
del , .overline {
    text-decoration: line-through !important;
    color: #cf3f46 !important;
}
.italic{
    font-style: italic !important;
}
.normal {
    font-weight: normal !important;
    font-size: 11px !important;
}
.pointer {
    cursor: pointer;
}
.dark {
    color: #222222 !important;
}
.big {
    font-size: 12px !important;
}
.opacity-low {
    opacity: 0.7;
}


.icon_space {
    display: inline-block;
    width: 30px;
}

.underline_color {
    border-bottom: 1px dotted #595959 !important;
    padding-bottom: 1px !important;
}

.highlight_orange {
    background-color: #eb875b !important;
    color: #fff;
    /*border-right: 8px solid #eb875b !important;*/
    font-weight: bold !important;
}
.highlight_red {
    background-color: #cf3f46 !important;
    color: #fff;
    /*border-right: 8px solid #cf3f46 !important;*/
    font-weight: bold !important;
}
.highlight_blue {
    background-color: #bb9f66 !important;
    color: #fff;
    /*border-right: 8px solid #bb9f66 !important;*/
    font-weight: bold !important;
}
.highlight_green {
    background-color: #96a34e !important;
    color: #fff;
    /*border-right: 8px solid #96a34e !important;*/
    font-weight: bold !important;
}

.grid_details {
    height: 0px;
}

span.step , span.step_disable , span.step_passed, span.step_active {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 13px 6px 13px;
    margin: 0px 1px 10px 1px;
    font-size: 11px;
    text-align: center;
}
span.step_passed {
    background-color:#eae3d6;
    border:1px solid #d8d3ca;
    color: #595959;
    cursor: pointer;
}
span.step_disable {
    background-color:#f2f2f2 !important;
    border:1px solid #bebebe !important;
    color: #999999 !important;
    cursor: pointer !important;
}
span.step_active {
    background-color:#59964e !important;
    border:1px solid #4b7245 !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

.validate_msg , .alert_msg , .error_msg , .success_msg , .info_msg , .disable_msg , .dialog_msg , .dialog_title_msg , .dialog_title_cfm, .blue_msg {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 8px 8px 8px;
    margin: 5px 0px;
    font-size: 11px;
    color: #444444 !important;
}
.validate_msg {
    background-color:#fff3ac;
    border:1px solid #f9dd34;
    display: none;
}
.alert_msg {
    background-color:#fff3ac;
    border:1px solid #f9dd34;
}
.info_msg {
    background-color:#eae3d6;
    border:1px solid #d8d3ca;
}
.disable_msg {
    background-color:#f2f2f2;
    border:1px solid #bebebe;
}
.dialog_msg {
    background-color:#ffffff;
    border:1px solid #bebebe;
}
.dialog_title_msg {
    background-color:#ffffff;
    background-image: url(../../images/dialog_info.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 30px;
    border:1px solid #bebebe;
    margin-bottom: 12px;
}
.without_icon {
    background-image: none;
}
.dialog_title_cfm {
    background-color:#ffffff;
    background-image: url(../../images/help.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 30px;
    border:1px solid #bebebe;
    margin-bottom: 12px;
}
.error_msg {
    background-color:#eac5c5;
    border:1px solid #d0a6a6;
}
.success_msg {
    background-color:#d3e9ce;
    border:1px solid #aecfa5;
}
.required{
    display: inline-block;
    background-image: url('../../images/require-ready.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 7px;
    height: 28px;
    text-align: right;
    color: #336699;
    font-size: 11px;
}
.notrequired{
    display: inline-block;
    width: 7px;
}
label.error {
    display:none;
    font-size: 11px;
    color: #444444;
    background-image: url('../../images/unchecked.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 15px;
    margin-right: 6px;
}
label.valid {
    background-image: url('../../images/checked.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 15px;
    margin-right: 6px;
}

fieldset {
    margin: 0px;
    padding: 0px;
    border: 1px solid #e4e4e4;
    padding:10px 15px 15px 15px;
    line-height:20px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
legend{
    color: #4a4a4a;
}
div.title {
    font-family: Tahoma,Arial;
    border-bottom: 1px solid #e4e4e4;
    font-size:13px;
    font-weight:normal;
    padding: 6px 0px 8px 0px;
    margin-bottom: 10px;
}

td.rowTitle , td.row1 , td.row2 {
    font-size: 11px;
}
td.rowTitle {
    background-color: #e5ddce;
    border: 1px solid #d3c9b8;
    padding: 6px 8px;
}
td.row1{
    background-color: #f6f6f6;
    padding: 0px 6px;
    height: 32px;
}
td.row2{
    background-color: #eaeaea;
    padding: 0px 6px;
    height: 32px;
}

td.rowSubTitle {
    background-color: #ffffff;
    font-size: 11px;
    border-bottom: 1px solid #cdd6d9;
    border-top: 1px solid #cdd6d9;
    padding: 4px 6px;
}
td.subrow1{
    background-color: #ffffff;
    font-size: 11px;
    padding: 4px 4px;
    border-bottom: 1px solid #eaeaea;
}
td.subrow2{
    background-color: #ffffff;
    font-size: 11px;
    padding: 4px 4px;
    border-bottom: 1px solid #eaeaea;
}

img.side{
    vertical-align:middle;
    padding-left: 3px;
}

/* Menu Navigation */
.menu {
    height:40px;
    margin:0px;
    padding:0px;
    font-family: Tahoma,Arial;
    font-size:13px;
    font-weight:normal;
    text-align: center;
    margin-bottom: 20px;
}
ul.topnav {
    min-width: 100%;
    list-style: none;
    padding: 0px 10px;
    margin: 0px;
    float: right;
    font-size: 13px;
    background: #e5ddce;
    height:43px;
    border: 1px solid #d3c9b8;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.topnav li {
    float: right;
    margin: 0;
    position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li.top {
    border-left: 1px solid #d3c9b8;
    line-height: 21px;
}
ul.topnav li a {
    padding: 10px 12px;
    min-width: 60px;
    color: #404040;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li a#current {
    background: #bb9f66;
    color:#ffffff;
}
ul.topnav li a:hover , .topnav_white {
    background: #ffffff !important;
    color: #404040 !important;
    text-decoration:none;
}
ul.topnav li span {

}
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    right: -1px;
    top: 39px;
    background:#e5ddce;
    margin: 0;
    padding: 0;
    display: none;
    float: right;
    width: 190px;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #d3c9b8;
    z-index: 10;
}
ul.topnav li ul.subnav li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d3c9b8; /*--Create bevel effect--*/
    clear: both;
    width: 190px;
    line-height: 15px;
}
html ul.topnav li ul.subnav li a {
    float: right;
    text-align: right;
    width: 168px;
    padding-right: 10px;

}
html ul.topnav li ul.subnav li a:hover {
    background: #ffffff;
}

/* tipsy plugin */
.tip_top {}
.tip_bottom {}
.tip_right {}
.tip_left {}
.tipsy {
    padding: 5px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(../../images/tipsy.gif);
}
.tipsy-inner {
    padding: 5px 8px 8px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius: 3px;
}
.tipsy-north {
    background-position: top center;
}
.tipsy-south {
    background-position: bottom center;
}
.tipsy-east {
    background-position: right center;
}
.tipsy-west {
    background-position: left center;
}