/* main classes */
.right{ float:right;}
.left{ float:left;}
.b{ font-weight:bold;}
.u{ text-decoration:underline;}
.red{ color:#C00;}
.clear{ overflow:hidden;}
.clear2, .clr { clear:both;}
body.rtl #fancybox-inner { direction:rtl; text-align:right;}
body.ltr #fancybox-inner { direction:ltr; text-align:left;}
.paddme { padding:15px;}
.opacity { filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; }
.opacity80 { filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.noUL { list-style:none;}

.red { font-size:12px; color:#F00; font-weight:bold; display:inline-block; padding:2px;}
.redCls { color:#F00 !important;}
.errorInp { box-shadow:inset 0px 0px 2px 2px #F00 !important; }
.inp_x { background-image:url(../../media/System/inp_x.png) !important; background-repeat:no-repeat !important; }
.inp_v { background-image:url(../../media/System/inp_v.png) !important; background-repeat:no-repeat !important; }

body.ltr .inp_x { background-position:right !important;  }
body.rtl .inp_x { background-position:left !important; }
body.ltr .inp_v { background-position:right !important;  }
body.rtl .inp_v { background-position:left !important; }


/* AlertMsg */
.AlertMsg { position:fixed; top:50%; left:50%; margin:-50px 0px 0px -150px; display:none; z-index: 9999999999; background:#f8f8f8; border:8px solid rgba(0,0,0,0.4); padding:18px; -moz-box-shadow: 3px 3px 10px #666; -webkit-box-shadow: 3px 3px 10px #666; box-shadow: 3px 3px 10px #666; border-radius:7px;  }
.AlertMsg > .close { position:absolute; cursor:pointer; background:url(../../media/System/close.png); width:14px; height:14px; top:10px; right:10px; }
.AlertMsg .inner{ position:relative; overflow-y:auto; padding:15px; width:300px; text-align:center; font-weight:bold; }
.AlertMsg > h1 { display:block; font-size:16px; font-weight:bold; color:#515151; border-bottom:2px solid #e8e8e8; padding-bottom:10px; margin-bottom:15px;}

.AlertMsg.green { border-color:#0C0; color:#0C0; }
.AlertMsg.red { border-color:#C00; color:#C00; }

.changable input { display:inline; font-weight:bold; color:#000; font-size:12px; background:none; padding:0px; border:none !important;  }
.changable .change { text-decoration:underline; cursor:pointer; font-weight:normal; margin-right:20px; font-size:12px; }

@media only screen and (max-device-width: 480px) {

	.AlertMsg { left:10px; right: 10px; margin-left: 0px; margin-right: 0px; }
}

/* frmUL */
.frmUL { list-style:none; }
.frmUL li { display:block; overflow:hidden; margin-bottom:4px; }
.frmUL li label.caption { display:inline-block; width:110px; margin-left:10px; vertical-align:top; }


#crm_inline_edit_area { position:fixed; z-index:999999999999999999; left:0px; top:0px; padding:25px; border-radius:6px; border-top-left-radius:0px; box-shadow:0px 0px 10px 5px #999; direction:ltr; text-align:left; border:dashed 4px #999; background:#FFFFFF; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ebebeb'); background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ebebeb)); background: -moz-linear-gradient(top,  #FFFFFF,  #ebebeb); }
#crm_inline_edit_area span { font-weight:bold; display:block; text-align:center; color:#333; font-size:16px; margin-bottom:15px; direction:ltr !important;}
#save_inline_edit, #cancel_inline_edit { display:block; width:130px; height:30px; line-height:30px; background:#0C0; box-shadow:inset 0px 1px 3px #fff, 0px 0px 2px rgba(0,0,0,0.7); font-size:18px; font-weight:bold; color:#fff; border-radius:6px; text-align:center; z-index:1000000; opacity:0.85; }
#save_inline_edit:hover, #cancel_inline_edit:hover { opacity:1;}
#cancel_inline_edit { margin-top:15px;  background:#D61414;   }



.wide_frm {}
.wide_frm li { float: right; width: 50%; padding-left: 30px;  margin-bottom: 30px;}
.wide_frm li.checkbox { float: none; width:100%; padding-left: 0px; }
.wide_frm li:nth-child(2n) { padding-left: 0px; }
.wide_frm li input[type="text"],
.wide_frm li input[type="password"],
.wide_frm li input[type="email"],
.wide_frm li textarea { width:100%; height: 50px; max-width: 100% !important; }


.rtl .checkbox input[type=checkbox], .rtl .checkbox-inline input[type=checkbox], .rtl .radio input[type=radio], .rtl .radio-inline input[type=radio] { margin-right:-20px; }
.rtl .checkbox label, .radio label { padding-right:20px; }