﻿*
{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

html, form
{
	height:100%;
}
body 
{
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	direction:rtl;
	padding:0px;
	margin:0px;
	height:100%;
}

a
{
    color: black;
    text-decoration:none;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

a img{ border:none; }

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

input[readonly]
{
    background-color:#f0f0f0;
}

div.adminHeader
{
	background-image: url(../images/AdminHeader_BG.png);
	height:50px;
}

body.mce-fullscreen .adminFooter {
    display:none;
}

div.ActionNotify { font-size:11px; }
div.ActionNotify_Error
{
	display:block;
	background-color:#eecccc;
	border:1px solid #eebbbb;
	padding:8px;
	margin-bottom:8px;
	color:black;
	font-weight:bold;
}

div.ActionNotify_Information
{
	display:block;
	background-color:#cceecc;
	border:1px solid #bbeebb;
	padding:8px;
	margin-bottom:8px;
	color:black;
	font-weight:bold;
}
div.ActionNotify_Worning 
{
	display:block;
	background-color:#ccccee;
	border:1px solid #bbeebb;
	padding:8px;
	margin-bottom:8px;
	color:black;
	font-weight:bold;
}

div.mce-fullscreen { 
  margin: 48px auto auto auto !important; 
} 

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px; }
h2 { font-size: 1.5em; font-weight: 600; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

h1.PageTitle
{
    margin-top:10px;
    text-align:left;
}

label.tag, span.tag {
	background-color: #f0f0f0;
	border: solid 1px #d0d0d0;
	border-radius: 5px;
	font-size: 80%;
	padding:0 2px;
}
/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}
a#menu_SkipLink{ display:none; }
div.menu
{
    padding: 7px 8px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    z-index:100;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #d2232a;
    border: 1px #a2131a solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    z-index:100;
}

div.menu ul li a:hover
{
    background-color: #eb7071;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #d2232a;
    color: #cfdbe6;
    text-decoration: none;
}

/* DATA tables
----------------------------------------------------------*/
.text-center { text-align: center !important; }
td.nummeric { direction:ltr; text-align:right; }
div.Section { background-color:#f0f0f0; font-weight:bold; padding:3px; margin:3px; }
table.formView th.Section, table.formView th.SectionCenter { background-color:#f0f0f0; border-top:1px solid #e8e8e8; }
table.formView th.SectionCenter { text-align:center; } 
table.formView th
{
	text-align:right;
	background-color:#fafafa;
	padding:3px;
}

table.formView td
{
	text-align:right;
	/*background-color:#f0f0f0;*/
	padding:3px;
}

table.formView input, table.formView textarea, table.formView select
{
    font-family: sans-serif;
	border-color:#c0c0c0;
	border-width:1px;
	width:100%;
    font-size:12px;
}

table.formView input.smallInput, table.formView select.smallInput
{
	width:100px;	
}
table.formView input.dateInput 
{
	width:130px;
    direction:ltr;
}
table.formView input.phoneInput
{
	width:150px;
    direction:ltr;
}
table.formView input[type='checkbox'] { width:25px; }
table.formView input[type='radio'] { width:25px; }

table.formView.flowView > tbody > tr { display:inline; }

table.listView th {
	text-align: right;
}
table.listView td { border-bottom: 1px solid #f0f0f0; padding:3px; }
table.listView tr.hover { background-color:#f0f0f0; }
table.listView th.ltr { text-align:left; }
table.listView th.Section, table.listView th.SectionCenter { background-color:#f0f0f0; border-top:15px solid white; height:35px; }
table.listView th.SectionCenter { text-align:center; }

div.ui-widget>div>table.listView thead tr.ui-widget-header { height: 48px; }

table.formViewInner td {
	padding: 1px;
}
table.innerTable, table.innerTable tr, table.innerTable td { padding:0px; margin:0px; }

progress {
    background-color:white;
    color:#c0c0c0;
    border:1px solid black;
}
progress::-moz-progress-bar { background: #c0c0c0; }
progress::-webkit-progress-value { background: #c0c0c0; }
progress::-webkit-progress-bar { background: white; }

td.adminPageData
{
	padding:10px;
	overflow:auto;
}
body.Dialog td.adminPageData { padding:0px; }

td.adminPageFilter
{
	padding:10px;
	overflow:auto;
}

td.adminPageSeperator
{
	background-image:url(../images/AdminListSeperatorBG.png);
	padding:0px;
	width:12px;
}

div.adminButtons
{
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #c0c0c0;
	padding:10px;
	text-align:left;
	min-height:50px;
}
div.adminButtons > div.Pager { display:inline-block; }
div.adminButtons span.currentPage { text-decoration: underline; }
div.Pager > div.pagesSection { display: inline-block; }
div.adminButtons-inline { display:inline; float:left; }

.Button
{
	display:inline-block;
	background-color:#f0f0f0;
	border:1px solid #d0d0d0;
    border-radius:3px; 
	color:#606060;
	min-width:60px;
    height:25px;
	padding:2px 3px;
    font-size:13px!important;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
    margin:0 5px;
}

.Button-Inline { background-color:#ffffff; width:auto!important; padding:0px 2px; height:22px; font-weight:normal; margin:0 2px; }
.Button-Save { background-color:#f0faf0; }
.Button-Delete{ background-color:#faf0f0; }
.Button-Back { background-color:#f0f0fa; }

div.staticDialog
{
	padding:3px;
}

div.staticDialog div.dialogTitle
{
	line-height:27px;
	padding:10px;
}

/*SelectCategories
---------------------------------------------------------------------------------*/
span.SelectCategories
{
	border:1px solid #c0c0c0;
	width:100%;
	min-height:25px;
	cursor:pointer;
	padding:10px;
}

div.selectCategoryPopup
{
	background-color:White;
	border:1px solid #c0c0c0;
	padding:5px;
	font-size:10px;
	z-index:200;
}

div.selectCategoryPopup div
{
	padding:5px;
	float:right;	
}

div.selectCategoryPopup input
{
	width:10px;
	height:10px;
}

div.selectCategoryPopupTree
{
	height:300px;
	font-size:12px;
	overflow-y:scroll;
}

div.selectCategoryPopupTree ul li
{
	display:block;
}

div.selectCategoryPopupTree ul.Level_1
{
	padding-right:0px;
	background-color:#f0f0f0;
	font-weight:bold;
}

div.selectCategoryPopupTree ul.Level_2
{
	padding-right:18px;
	background-color:White;
	font-weight:bold;
}

div.selectCategoryPopupTree ul.Level_3
{
	padding-right:30px;
	font-weight:normal;
}

ul.SortableRepeater { list-style-type:none; margin:0px; padding:0; }
ul.SortableRepeater li { display:block; margin:0px; padding: 0.2em; padding-left:0.4em; padding-right: 1.5em;  border:1px dashed #c0c0c0; border-top:none; }
ul.SortableRepeater li span.dragImage { display:inline-block; margin-right: -1.3em; }

div#readViewData p, div#readViewDataul, div#readViewDataol, div#readViewDatali {
    font-family:Arial;
    margin-top:14px;
    margin-bottom:14px;
    line-height:20px;
}

div#readViewDataContent {
    max-width:650px;
    margin-left:auto;
    margin-right:auto;
    word-wrap: break-word;
}

/******************Homepage widgets*********************/
div.Widget 
{
    width:45%;
    background-color:#f0f0f0;
    padding:8px;
    margin:15px;
    padding-top:0;
    min-height:150px;
    flex:1 1 45%;
}
div.Widget h3 {
    background-color:#b0b0b0;
    padding:5px;
    color:white;
    font-weight:bold;
    margin:0 -8px 5px -8px;
}

div.Widget table.formView td { background-color:#fafafa; }

div.Widget H3 span.Buttons { float:left; font-size:12px; font-weight:normal; color:white; }
div.Widget H3 span.Buttons a { color:#fefefe; }


/******************JQUERY UI*********************/
.ui-tabs-vertical {  }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: right; width: 25%; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 100%; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 70%;}

.ui-widget-footer { background-color:#fef9f9; }

.ui-dialog { overflow:visible!important; }

div.chat { overflow-y:scroll; }
div.chat div { margin-top:1em; }