html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
ol,ul{list-style: none;}
blockquote,q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
input, select, textarea, img, a{ -webkit-border-radius:0; border-radius:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline : none; overflow : hidden; text-indent : 0.01px; text-overflow : ''; color: #585858;}
textarea{ overflow-y : auto;}
input:focus, select:focus, textarea:focus{ border-color: #027BD7;}
body{ margin:0; padding:0; color: #333333; background-color: #FFFFFF; text-align: left; min-height: 200px; word-wrap:break-word;}
body,input,select,textarea{font-family: 'Montserrat',Tahoma,Helvetica,Arial,sans-serif; font-size: 9pt;}
textarea{ resize:vertical;}
a{ text-decoration:none; color:black; cursor: pointer; color: #5E5E5E;}
a:hover{ color: #027BD7;}
img{border-width: 0; width: auto; height: auto;}
input,textarea,select{ border: 1px solid #C7C7C7; padding: 5px; width: 100%;}
textarea{ height: 300px;}
iframe{ padding: 0; width: 100%; border-top-width: 0;}
input[type="submit"],input[type="button"]{width: auto; word-wrap: initial; padding-right: 20px; padding-left: 20px; cursor: pointer; background-color: #027BD7; color: white; border: 1px solid #027BD7;}
input[type="submit"]:hover,input[type="button"]:hover{background-color: #025CA1; border-color: #025CA1;}
input[type="checkbox"]{ width: auto; padding: auto; margin: 0; margin-right: 10px; height: auto;}
a,img,.mainmenu .submenu>ul, .list2title{ -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s;}
body,.scrollbar{scrollbar-3dlight-color: #D1D1D1; scrollbar-arrow-color: white; scrollbar-base-color: white; scrollbar-face-color: #D1D1D1; scrollbar-highlight-color: white; scrollbar-shadow-color: #D1D1D1;}
body::-webkit-scrollbar,.scrollbar::-webkit-scrollbar, textarea::-webkit-scrollbar {width: 15px; height: 15px;}
body::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track {background-color: white;}
body::-webkit-scrollbar-thumb ,.scrollbar::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb {background-color: #027BD7;}

html{height: 100%;}
body{height: 100%;}

h1{ margin-bottom: 20px; font-size: 18pt;}
h2{ margin-bottom: 18px; font-size: 14pt;}
h3{ margin-bottom: 16px; font-size: 12pt;}


.ltr{ direction: ltr; text-align: left;}
.mainindex{direction: rtl; text-align: right;}

.mainindex{ margin-right: auto; margin-left: auto; width: 300px;}
.mainindextop{ border-bottom: 20px solid #027BD7; margin-top: 100px; margin-bottom: 40px; padding: 20px; text-align: center;}
.mainindextop img{ max-width: 100%;}



a.listrow{ border-bottom: 1px solid #D1D1D1; border-right:0; border-left:0; padding-top: 15px; padding-bottom: 10px; display: block;}
a.listrow:hover{ border-color: #027BD7;}
.listrowdate{ display: inline-block; margin-left: 20px; background-color: #027BD7; color: white; padding: 5px;}
.listrow_uread{ font-weight: bold;}
 
.pagelinkdiv{ margin-top: 40px;}
.pagelink,.pagelinkin{ background-color: #F0F0F0; padding: 5px; display: inline-block; margin-right: 5px;}
.pagelink:hover, .pagelinkin:hover,.pagelinkin{ background-color: #027BD7; color: white;}




.message_title{ background-color: #2AAAFF; color: white; padding: 10px; margin-bottom: 30px;}
.message_item{ margin-bottom: 40px; color: black; border: 1px solid #027BD7; background-color: white;}
.message_itemtop{ display: block; background-color: #027BD7; border-left: 0; border-right:0; font-size: 8pt; color: white; padding: 10px;}
.message_item_message{ padding: 10px; }




.bodydiv{ display: table; width: 100%; text-align: right; direction: rtl; background-color: #F0F0F0; height: 100%; }
.cellleft{ display: table-cell; width: 75%; height: 100%; vertical-align: top;}
.cellright{ width: 25%; background-color: black; display: table-cell; height: 100%; vertical-align: top;}
.cellin{ padding: 30px;}
.cellright{ color: white;}
.cellright a{ color: white; display: block; padding: 5px; position: relative;}
.cellright a:hover{ background-color: white; color: black;}
 .cellright a.in{ background-color: #027BD7; color: white;}
.cellrightsplit{ display: block; border-top: 1px solid #323232; margin-bottom: 15px; margin-top: 15px;}
.logo{ max-width: 100%; margin-bottom: 30px;}

.number{ background-color: red; font-size: 8pt; color: white; position: absolute; left: 0; bottom: 0; top: 0; padding: 5px;}
.fontsmall{ font-size: 8pt;}

.title{ margin-bottom: 7px; display: block;}
.title2{ margin-bottom: 7px; margin-top: 20px; display: block;}


form#login,form#forgot{ direction: ltr; text-align: left;}




.top_error{ padding: 10px; background-color: #D30202; color:white; margin-bottom: 10px;}
.title2{ display: block; margin-bottom: 6px; margin-top: 10px;}
.hide{ display: none;}

@media all and (max-width: 1400px){
	.cellleft{ width: 70%;}
	.cellright{ width: 30%;}
}
@media all and (max-width: 900px){
	.cellleft{ width: 60%;}
	.cellright{ width: 40%;}
}
@media all and (max-width: 800px){
	.cellleft,.cellright{ width: 100%; display: block;}
}