body {font-family: Arial; padding:0; margin:0 ;overflow-x: clip}



/* reset */
body,select,input,textarea,button,td {font-family:Arial;font-size:10pt} form {padding:0px;margin:0px}
h1,h2,h3,h4,h5,h6 {padding:0px;margin:0px; font-size:10pt} ul, ul li{padding:0px;margin:0px;list-style-type: none;}
td {padding:0px; vertical-align:top} table{border-collapse: collapse;}  input[type=button],  input[type=submit] {padding:0px} input {margin:0px}
img {border:0px}
a, .Link {text-decoration:none; color: #4777cf; cursor:pointer } a * {cursor:pointer}


.GenericWindow { background-color: White; border: solid 1px #476d84; text-align: start; position: absolute; top: 60px; z-index: 4;}
.GenericWindow:not(.NoShadow) {box-shadow: 0px 0px 119px 100vw rgba(255,255,255,0.8);
  &.BlackShadow {box-shadow: 0px 0px 119px 100vw rgba(0,0,0,0.8); }
}

#BG {position: fixed; opacity:0; background-color: rgba(0,0,0,.6); transition: opacity ease-out 0.3s ; 	
&.visible {display: block; top: 0;left:0;  z-index: 109; width: 100%; height: 100%;  opacity:1;}
&.visible-out {opacity:0}
}

.GenericWindow > div,.GenericWindow > form { padding: 5px;}
.GenericWindow .Ttl { padding: 3px 25px 2px 7px; font-size:15pt;  border-bottom: solid 4px #4777cf; font-family:kalisher, Arial; font-weight: bold; background-color:#3d67a1 ;  color: White; }
.X { float: left; margin: -2px;  text-align:center; color: White;  font-size:18px;height: 19px; cursor: pointer; font-weight:100; width: 17px; text-align: center; box-sizing: border-box }
.X:before {content:'\e800'; display: block; text-align:center; }
.X:hover, .X:focus { background-color: #4777cf; }
.GenericWindow .X {margin:-3px -3px -3px -7px; font-size:25px;height: 25px; line-height:28px; width:28px;}
.WindowOut {  z-index: 101; position: fixed; background-color: rgba(51, 51, 51, 0.81); width:100%; height:100%; box-sizing: border-box; -moz-box-sizing: border-box; top:0; left:0}
.GenericWindow {
	max-height: 96vh;
	overflow-y: auto;
}
.GenericWindow > :last-child { max-height: calc(96vh - 42px); overflow-y: auto; overflow-x: hidden }


/*end from template*/


 #divUploadDrag { display: none;  position: fixed; background-color: rgba(31, 77, 110, 0.41); padding: 100px;  text-align:center; width:100%; height:100%; box-sizing: border-box; -moz-box-sizing: border-box; top:0; left:0}



body, body.Up800 {overflow: hidden; margin:3px; overflow-y:hidden; margin:0px;padding: 0px;  background-color: White }
.MailLogo {margin: 0px 0px 18px;padding:10px;background-color:black;width: 156px }
#Content table {table-layout: fixed; border-collapse: collapse;}
.Link {cursor:pointer;text-decoration:underline;color:#4800FF;}

.TopLinks {position:relative;height:20px} .TopLinks .C {background-color:black;position:absolute;width:100%;height:20px;}
.TopLinks .D {color:white; position:absolute;width:100%; padding:2px 2px 3px 2px;} .TopLinks a {color:white;}
#tdTopAd1 {width:500px;padding-right:-15px} #tblTop  td {padding-top:6px}
#tdTopAd2 {width:279px;padding-right:10px;padding-left:10px}

#tblMain {border:0px; table-layout: fixed;width:100%; background-color: White} #tblMain td {padding:0px}
#tdRight {width:185px;}
#CColors {padding:2px; background-color:  Transparent } 

#tblMain a {text-decoration:none; font-weight:bold}

 #divBGTop {background-repeat: no-repeat;padding-top:20px;}

#Loading {color:white;position:absolute; top:13px;left:4px; background-color:#cc0000;width:50px;padding:2px}
#Redo {position:absolute;top:8px;left:4px;width:200px;padding:2px; text-align:center}
#Redo span {cursor:pointer; text-decoration: underline}

.FolderDiv {background: white url(/static/imagesmail/folder-c.png) no-repeat scroll right bottom;margin-right:10px; height:15px; padding:9px 26px 0px 0px}
#Folders {border: solid 1px #aaa; border-width: 1px 0px 1px 0px; padding: 5px 0px 10px}
#FoldersT {border:solid 1px #d0d0d0; width:175px; border-width: 0px 1px 0px 1px; padding-bottom:3px} .FolderDiv span {cursor:pointer}
#Folders2 div b {font-weight:normal;float:left} #Folders2 input {font-family:arial; font-size:10pt;border:solid 1px black;padding:0px;width:100px}
#Folders2 {overflow-y: auto;clear:both; border-bottom:solid 1px #d0d0d0; padding-bottom:6px } #Folders2 div {margin-right:10px !important;padding-top:2px !important;}
.Search {text-align:center;padding:3px;}
.Search img {margin-bottom:-5px;cursor:pointer}
#inpSearch {border: solid 1px #cfd9ea;width:100px; font-size:8pt; margin:0px;}
#divAddFolder {border:solid 1px black;padding:2px 25px 2px 2px;margin:4px; background:#EAF0FD url(/imagesmail/folder0.png) no-repeat scroll 143px 7px}
#divAddFolder span {display:inline-block;font-size:8pt; color:gray;text-decoration:none;border:solid 1px gray;margin-right:4px;width:32px;text-align:center;} #txtNewF {border:solid 1px #6C6C6C;width:90px;font-size:8pt}

.TopElement {height:28px;} .TopElement.CColor12 {position:relative;padding-top:3px;height:42%}

#Tabs {padding-top: 3px;}
#Tabs span#tab {height:25px; display: inline-block; border-bottom:solid 1px white;vertical-align: bottom; color: Black; cursor:pointer; margin-right:6px; background-color: White;} #tab span {display:inline-block;} #Tabs .content span {padding:3px 5px 6px 2px}
#Tabs .content {padding:0px 4px 0px 3px} #Tabs span#tab:hover {background-color: White !important}
#Tabs span#tab.BGColor {border-bottom:solid 1px #a3a2a2;height:25px;}
#Content {clear:both; border: solid 1px #A2A2A3; overflow: hidden}
#Content iframe {background-color:White; word-break: break-all; border:0px}

.MailToolbar {height:25px;padding:0px 2px 0px 2px; overflow:hidden; border-bottom: solid 1px #dae1ef; background-color:#f7f7f7} .MailToolbar .Button span  {display:inline-block} .MailToolbar .C {background-color:White;height:41%;padding-top:1px;}
.MailToolbar .Button {display:inline-block; cursor:pointer; padding:0px 8px 0px 8px} .MailToolbar .content span {padding: 3px 3px 3px 3px}
.MailToolbar .content {vertical-align:top; height:21px; padding: 0px;margin-bottom:3px;}
.MailToolbar .content img {margin-top:0.2px;}
.MailToolbar .Button:hover { background-color: #f7f7f7}

#HomeIn {width:612px; margin-top:10px;margin:3px; clear:both}
#HomeTop {height:30px; background-color:#efefef; padding:10px 10px 0px 0px;color:#204866;} #HomeTop .ttl {font-size:14pt;font-weight:bold;}
#HomeCAd2 {width:250px;height:170px;font-size:8pt; border: solid 1px #a2a2a2; padding:0px 4px 0px 4px !important; color:gray;}
#HomeTabs div{cursor:pointer; text-align:center; font-size:11pt; float:right; width:112px;height:20px; padding-top:2px;  font-weight:bold;border: solid 1px #a2a2a2; border-bottom:0px; margin-right:3px;}
#HomeTabs div.BGColor {border-bottom: solid 1px #a2a2a2;} #HomeTabs div {border-bottom: solid 2px white;}
#HomeTabs {width:348px; border-bottom: solid 1px #a2a2a2; height:23px } #HomeScroll {overflow-y:auto}
#HomeContent {width:342px;margin-top:-2px; padding:2px; height:170px; border: solid 1px #a2a2a2; border-top:0px } #HomeContent .Main {margin:4px 0px 2px 0px; padding:8px 10px 0px 7px;height:110px;}  #HomeContent img.r {float:left;width:94px;margin:6px 6px 0px 1px;} #HomeContent .ttl {font-size:11pt;padding-bottom:3px;display:block} .HomeLinks {margin-top:-2px}
.HomeLinks div {padding:3px 20px 2px 0px; margin-right:5px;} #HomeIn .Link, #HomeIn a {color:#396182;font-weight:bold;cursor:pointer} #HomeIn a .Text {color:Black; font-weight:normal}
.HomeS { border:solid 1px #a2a2a2;}
.HomeS .Ttl {padding:3px 6px 0px 6px; font-size:11pt; height:20px;font-weight:bold; border-bottom:solid 1px #d0d0d0;}
.HomeIPic {padding:5px; height:130px;width:328px; margin:4px 4px 4px 5px}
.HomeIPic a img {float:right} .HomeIPic div {float:left;width:120px;padding:3px; color:#656566} .HomeIPic b {margin-top:60px;color:#1F467B; display:block}
.Currency {height:70px;}
.HomeS .CurrName {clear:both; font-weight:bold;font-size:10pt; line-height:14px;  margin-right:15px;clear:both;color:#1d467e}
.HomeS .CurrNum {width:90px; float:left; font-size:11pt;line-height:14px; color: #1F467B; font-weight:bold;margin:-5px 0px 0px 9px;padding-left: 10px}
.HomeS a {color:#1F467B} #divHomeForecast .ForecastDay {padding-right:12px}

.trMessage {clear:both;height:21px;cursor:pointer;  overflow:hidden; }  /*.trMessage:hover {overflow: visible  ;}*/
.tdMessage {float:right;height:17px !important; padding:2px 4px;border-right: solid 1px silver;}

.tdDrag {cursor:w-resize !important;height:18px;background-color:silver;border-width:0px;border-right:solid 2px #dae1e6;float:right} .tdDrag:hover {background-color:Gray}
.FolderTitles  {background-color:#efefef; display: flex; border-bottom: solid 1px #dae1e6;height:18px;}
.FolderTitles .td1 {cursor:pointer; font-weight:bold;padding:2px 7px 2px 0px;}
.FolderTitles .Arrow {float:left} .FolderTBody .trMessage {padding-left:4px}
.FolderInside {direction:ltr;height:200px;overflow:scroll; overflow-x:hidden; clear:both; } #FolderTBody{direction:rtl}
.FolderPaging {padding:4px 0px 0px 5px; direction:rtl;} .TopPaging {float:left;} .BottomPaging {height:15px; background-color:#efefef; padding:2px; text-align:left;}
.FolderPaging span {display:inline-block;width:20px; cursor:pointer;  background-color: White; height:15px;font-size:9pt;border: solid 1px silver; text-align: center;} .FolderPaging strong {float:right;}
.MessageNew {font-weight:bold}

#FolderTBody .Star {width:14px;height:14px;display:inline-block; background: url(/imagesmail/star.png)  no-repeat;}
.MsgHeaders {direction:ltr; text-align:left;height:260px; overflow-y: scroll}
input {font-family:Arial}
#divPreviewInfo {padding:6px 8px 6px}
#divPreviewInfo div {height:17px; overflow:hidden} #divPreviewInfo .AttachedFiles, #divPreviewInfo .dAttachedFiles {height: auto !important} .AC  .AttachedFiles {height:auto  !important} 
.AttachedFiles span {display:inline-block;height:19px; overflow:hidden; cursor:pointer; margin:0px 2px;padding:0px 1px; border: solid 1px transparent;} .AttachedFiles span:hover, .AttachedFiles span.selected { border: solid 1px #7786AB; color: White}  .AttachedFiles span:hover{} .AttachedFiles span.selected{}
.AttachedFiles span b {font-size:8pt; font-weight:normal; direction:ltr; display:inline-block; margin:2px 0px 0px 4px}
.NoWrap {height:17px !important; line-height:17px; } /* .NoWrap:hover {height:auto; background-color:White;padding-left:2px;}*/
.AC .b {font-weight:bold}

.From {width:654px; border: solid 1px #d9d9da;} .From2 {width:604px; border: solid 1px #d9d9da;}
.FromToCopy {width:58px;height:21px; text-align:right;cursor:pointer;} .FromToCopy div {width:51px;text-align:center;height:21px;margin-top:-2px; padding:3px 2px 0px 0px !important;} .FromToCopy div:hover {background-position: right top}
.SubjectFiles {width:58px;padding:6px 5px 4px 2px; height:21px}
#Content object,  #Content   embed{position:absolute;}
#divContactSearch {border:solid 1px black}
.EditMessageFiles span{display:inline-block;} .EditMessageFiles span.s{font-size:8pt;}
.EditMessageFiles span.File {cursor:pointer; margin:2px;padding:1px; border: solid 1px gray;}

#divContactTop, .CtTop {height:90px;} #divContactTop img, .CtTop img {float:right;margin:10px 22px 10px 29px;width:60px;height:60px}
#divContactTop .Name, .CtTop .Name {font-size:16pt; font-weight:bold;padding-top:24px} #divContactTop span, .CtTop span {color:Navy; cursor:pointer}
.ContactsList {width:22%;} .ContactsListDiv {border: solid 1px #bbbbbb;margin:1px} #divContacts {border-bottom: solid 1px #BBBBBB;} #divGroups {border-top: solid 1px #BBBBBB; border-top:0px; margin:1px}
.ContactTtl { background-color:#efefef; font-weight:bold; padding: 4px 4px 4px 4px} td.ContactTtl2 {padding:3px 20px 3px 3px !important; font-weight:bold}
.ContactGrp { font-size:11pt;font-weight:bold; border-bottom: solid 2px #CDDDE6;margin:15px 20px 0px 0px; padding:10px 26px 6px 0px; background: white url(/imagesmail/group.png) no-repeat right 9px}
#tblContacts .Nums {color:#193C70} #tblContacts, #divContactContent {width:100%}

#divContacts, #divGroups,#divRules {overflow-y:scroll}
#divContacts div, #divGroups div,#divRules div {border: solid 1px white;padding:3px; cursor:pointer} .divCBorder {} #tdCBorder {}
#divContactContent {padding:4px} .GroupContacts td {padding:3px !important; color: #5C779E}  .GroupContacts .td1 {padding:3px 20px 3px 3px !important; background: white url(/imagesmail/contact.png) no-repeat scroll right 4px} 
.GroupContacts .td2 {cursor:pointer; text-decoration:underline;}  .GroupContacts .b {color: black}  .GroupContacts  .cmds {width:100px;cursor:pointer}
.ContactScroll .t1, .ContactScroll .ttl2 {padding-right:12px !important} 
.ContactScroll {overflow-y:scroll;} .OptsScroll {overflow-y:scroll;}  .ContactScroll select, .ContactScroll input, .ContactScroll textarea  {border: solid 1px #B5CAF9;width:258px;} .ContactScroll .Chk {width:auto !important;border:0px} .ContactScroll td {padding: 2px !important} .ContactScroll2 {}
#divRules .RulesTable td {padding:3px}  #divRuleAfter {margin-top:5px; font-weight:bold}
#tdOBorder {top:-6px;RIGHT:-10px;WIDTH:7px;POSITION:relative} .divOBorder {} #tblOpts {margin-right:15px}

#Menu {position:absolute; width:120px; border:solid 1px #969595;}
#Menu div {cursor: default; padding:2px 2px 2px 4px;height:17px; background: transparent none no-repeat scroll right top} #Menu div span {float:left;direction:ltr; font-size:9pt; padding-top:2px}
#Menu div:hover {background-color:#8194BE;color:White} #Menu .Seperator {height:1px; border-top: solid 1px #969595; margin:3px 0px -2px 0px; font-size:2px} #Menu .Seperator:hover {background-color: Transparent ! important}

#MailAutocomplete {position:absolute;top:10px;left:1px; border: solid 1px #989898; direction:ltr; text-align:left}
.BtnList button {border:0px;background-color:Transparent; display:block; font-family:arial; padding:0px;margin:0px; text-align:right} .BtnList button:hover {/*background-color:#7786AB;color:White; */cursor:pointer}
.BtnList {height:280px;overflow:auto;width:200px;}
#MailAutocomplete button {padding:1px 5px 1px 5px; text-align:left; background-color: Transparent; border: 0px; font-family:Arial; display: block}
#MailAutocomplete button.hover {background-color:#7786AB;color:White}
.MouseMove {position:absolute;top:1px;left:1px;background-color:#f5f7fc;width:100px}

#Sign .ContentWriter {height:150px}


.Heading { BACKGROUND-Color: White; COLOR: navy}
.EditorIframe {font:10pt arial;border:solid gray 1px;padding:0px;margin:0px;overflow-y:scroll; direction:rtl}

#divRulesContent {padding:10px;}

#tblMain .X {cursor:pointer; display:inline-block;width:18px;height:17px; margin:0px 3px 0px -3px; font-size:12pt; color: gray;padding:0px!important; float: left !important} #tblMain .X:hover {color:white}

#MailAutocomplete {}  .From {} .From2 {} .FolderInside {} .ifrPreview{}  .ContentWriter{} #Content .cke_skin_kama a.cke_dialog_ui_button {}  .ContactScroll2{}.ContactScrollP{}.OptsScroll{} #divContacts {}
#divGroups{} .tdFolderTitle1{}.tdFolderTitle2{}.tdFolderTitle3{}.tdFolderTitle4{}.tdFolderTitle5{}.tdFolderTitle6{}
#divRules{} .ifrRead{}
.divOBorder{} .tdFolderCol-1{width:45px} .tdFolderCol0 {} .tdFolderCol1 {} .tdFolderCol2 {} .tdFolderCol3 {}  .tdFolderCol4 {}  .tdFolderCol5 {}  .tdFolderCol6 {}


.cke_contents {}
.cke_contents ul { padding-right: 15px; }
.cke_contents ul li { list-style-type: disc; }