@import url("fira.css");

/* COMMON */
body, html { padding: 0px; margin: 0px; height: 100%; }
body, TD, DIV { 
/*    font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
    font-family : "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
/*    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;*/
    font-size : 90%;
}

.font_not_loaded  a {
    text-decoration: none !important;
}


body       { color: #121212; }
TD, DIV    { font-size : 1.0em;  }
.textBlock { line-height : 150%; }

hr {
    height: 1px;
    border-width: 0px;
    background-color: #808080;
}


/*body { direction: rtl; unicode-bidi: embed; }
TD   { direction: rtl; unicode-bidi: embed; }
DIV  { direction: rtl; unicode-bidi: embed; }*/

/* COMMON LINKS */
a:link     { background-color: transparent; }
a:visited  { background-color: transparent; }
a:active   { background-color: transparent; }
a:hover    { background-color: transparent; }
a.noformat { text-decoration: none; color: #121212; }
a.novisit  {  }

/* HEADER & CONTENT */	
div.content {
	padding: 10px 20px;
}

div.bottom {
	padding: 10px 20px;
}

/* BOXES */
.boxMsgDiv {
    margin-bottom: 10px;
}

/* CATEGORY */
.catLink        { /*font-weight : bold;*/ font-size: 1.2em; }
.catDescription {  }


/* ARTICLE */
.articleContainer  { padding: 6px; }
H1.articleTitle    { font-size: 1.5em; font-weight: normal; margin: 0px; line-height: 125%; }
.tdArticleTitle    { background-color: #EFEFEF; padding: 1px 4px; border-bottom: 1px solid #D4D4D4; }
a.articleLink      { font-size: 1.3em; }
.articleIcon       { padding-left: 5px !important; padding-top: 7px !important;}

a.articleLinkOther {  }  /* for article links in category and related, ... */
a.articleLinkOtherId {  }  /* article id */

/*.faqArticleTitle   { font-weight : bold; }*/
.faqArticleTitleList { font-size: 1.1em; font-weight: normal; }
.faqArticleTitle   { font-size: 1.5em; font-weight: normal; }

.articleDecription { color : #121212; }
.articleStaff, .articleStaff2 { color : #505050; 	font-size : 0.8em; }
.articleStaff2                { padding-right: 15px; }

.glossaryItem      { background-color : #E5E5E5; cursor : help; color : #CC3333; }
.highlightSearch   { background-color : #FF0; }

._tooltip_user      { background-color : #E5E5E5; cursor : help; color : #CC3333; }


/* LIST OPTIONS */
.menuItemOption {
    padding: 0 8px 0px 8px;
	margin-left: 10px;
	height: 10px;
}

.menuItemOption a {
    font-weight: normal;
    font-size: 0.8em;
}


/* ARTICLE BLOCK */
a.abLink     { color: blue; font-size : 0.9em; }
a.abDisabledLink { color: #aaaaaa; text-decoration: none; cursor: default; }
.abBorder    { background-color : #E4E4E4; }
.abBgr       { background-color : #FFFFFF; font-size : 0.9em; }
.abBgrDarker { background-color : #FAFAFA; border: 1px solid #E4E4E4; color : #606060;  font-size : 0.9em; padding: 7px !important; }
.abItem      { margin-right: 15px; margin-top: 7px; white-space: nowrap; float: left; }
.abItem img  { vertical-align: bottom; }
.itemImage img { vertical-align: bottom; } /* where text has image on the left */

/* ARTICLE BLOCK BOTTOM*/
.abbBlock   { padding-bottom: 10px; }
a.abbLink   { color: blue; font-size: 0.9em; }
.abbLine    { background-color: #F8F8F8; border-bottom: thin dotted #E4E4E4; padding: 6px 5px; }

/* ARTICLE TOC */
#articleToc > ol { padding-left: 0px; font-size: 1.4em; line-height: 130%; }
.tocContent { counter-reset: list_item; padding-left: 20px; }
.tocContent li { display: block; }
.tocContent li:before { content: counters(list_item, ".") " "; counter-increment: list_item; }
.tocLevel1    {  }
.tocLevel2    {  }
.tocLevel3    {  }
.tocLevel4    {  }
.tocLevel5    {  }
.tocLevel6    {  }
        

/* LOGIN LINK */
div.login { font-size: 0.8em; font-weight: bold; text-align: right; white-space : nowrap;
			padding-right: 15px; padding-bottom: 8px; }		
a.login {  }
div.login svg { fill:#fff; height: 18px; width: 18px; }


/* NAVIGATION */
div.navigation  { color : #121212; font-size : 0.9em; }
a.navigation    { color : #121212; }


/* ATTACHMENT */
.atTitle      { font-weight : bold;  }


/* FILES */
.fName        { font-size : 0.8em; }


/* TABLES & TITLES*/
.tdBorder    { background-color : #E4E4E4;  }
.tdTitle     { 
    background-color : #eaeaea;
    padding : 5px 4px 2px 4px !important;
/*    padding : 6px 4px;*/
    border-bottom: 1px solid #cfcfcf;
/*	font-size : 1.0em;*/
    font-weight: bold;
}
.tdSubTitle  { 
    background-color : #EFEFEF; 
    padding : 4px 4px !important; 
    border-bottom: 1px solid #D4D4D4; 
}
.tdLine      { border-bottom: 1px solid #D4D4D4; }
.trLighter    { background-color : transparent; }
.trDarker     { background-color : #F4F4F4; }
.trMoreDarker { background-color : #DADADA; }
.tdImage img  { margin-bottom: 4px; } /* private image in listing */


/* TAGS */
.tagTitle { 
    border: 1px solid #989898; 
    background: transparent; border-radius: 6px; 
    padding: 3px 6px;
    font-weight : bold;
    text-decoration: none;
    color: #3F3F3F;
}

.tagDescription { 
    padding: 8px 4px;
}


/* ADMIN AREA */
.AdminAreaCss .tdTitle     { background-color : #eaeaea; padding : 6px 5px; font-size : 10px; font-weight : bold; border-bottom: 0px; }
.AdminAreaCss .tdSubTitle  { background-color : #A8BCD7;  }
.AdminAreaCss .trLighter   { background-color : #F7F7F7; }
.AdminAreaCss .trDarker    { background-color : #F1F1F1; }
.AdminAreaCss .trMoreDarker{ background-color : #DADADA; }


/* MAP */
.mapTreeCategoryImage    { padding: 2px 5px; vertical-align: middle; }
.mapTreeArticleImage     { padding: 2px 5px 2px 1px; vertical-align: middle; }
.mapTreeArticleImageTop  { padding: 1px 5px; vertical-align: middle; }
.mapTreeLinkBlock        { vertical-align: top; }
.mapTreeCategoryBlock    { padding-bottom: 3px; }
.mapTreeArticleBlock     { padding-top: 3px; padding-left: 28px; }


/* BY PAGE NAVIGATION  */
.bpPrevNext, .bpPrevNextCurrent { font-size: 1.2em; }
.bpPrevNextCurrent { color: #B4B4B4; }
.bpPrevNextDelim   { margin: 0px 6px; }
.bpPrevNext a         {  }
.bpPrevNext a:visited { color: blue; }



.bpPageNav, .bpPageNavCurrent {
    margin-right: 3px;
    font-size: 1.2em;
}

.bpPageNavCurrent { 
    font-weight: bold; 
    padding: 2px 4px; 
    background-color : #DADADA;
}

.bpPageNav a {  }



/* COMMENTS */
.commentBlock  { margin-bottom: 8px; background-color: #F8F8F8; border: thin solid #E4E4E4; }
.commentTitle  { padding: 4px 7px; background-color: #EFEFEF; border-bottom: thin solid #E4E4E4; }
.commentText   { padding: 7px; } 
.commentUser   { font-weight : bold; }
.commentAction { padding: 0px 7px; font-size: 0.9em; }
.commentLine   { margin: 10px 0px 5px 0px; border-top: thin solid #E4E4E4; }

/* FORUM */
.forumBlock  { margin-bottom: 8px; background-color: #F8F8F8; border: thin solid #E4E4E4; }
.forumTitle  { padding: 5px 7px; background-color: #EFEFEF; border-bottom: thin solid #E4E4E4; }
.forumText   { padding: 7px; } 
.forumUser   { font-weight : bold; }
.forumAction { padding: 0px 7px; font-size: 0.9em; }
.forumAction a { color: #121212; }
.forumAction span { text-decoration: underline; cursor: pointer; }
.forumLine   { margin: 10px 0px 5px 0px; border-top: thin solid #E4E4E4; }
.forumTrDarker { background: #F7F7F7; }
.forumTrLighter { background: #FFFFFF; }
.forumSection { background: #eaeaea; }
.forumSection a { font-weight: bold; color: #121212; text-decoration: none; }
.forumSectionToggle { float: right; margin: 0 7px; cursor: pointer; }
.forumSection td { border-bottom: 1px solid #AAAAAA; }
.forumDeleteAttachment { cursor: pointer; margin-right: 7px; color: #999999; }
.forumPagination {
    margin-right: 7px;
    border: 1px solid #aaaaaa;
    padding: 1px 3px;
    border-radius: 4px;
    text-decoration: none;
}

.forumHeader {
    background: #cacaca;
    line-height: 35px;
    padding: 0px 5px;
/*    font-size: 0.9em;*/
}

.bpForumBlock {
    background: #dadada;
    line-height: 35px;
    padding: 0px 5px;
}

.bpForumPageNav, .forumHeaderButton  {
    padding: 5px 10px;
    border-radius: 2px;
    background: #999999;
    margin: 1px;
    font-weight: bold;
    font-size: 0.9em;
}

.bpForumPageNav a, .forumHeaderButton a  {
    color: white !important;
    text-decoration: none;
}

.bpForumPageCount {
    font-size: 0.9em;
    margin-left: 10px;
}

.bpForumPageNavCurrent {
    background: white;
    color: #323232;
}

.forumText blockquote {
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    border-left-width: 5px;
    padding-left: 10px;
    margin-left: 15px;
    font-family: Georgia, Times, "Times New Roman", serif;
}

.forumQuoteAuthor {
    font-size: 0.9em;
    font-style: italic;
    margin-bottom: 5px;
    font-family: Georgia, Times, "Times New Roman", serif;
}

/* NEWS */
.newsDate      { color: #800000; font-weight : bold; }

/* TAB */
.mTabActive {
	font-size : 11px;
	padding : 4px 10px 3px 10px !important;
	background-color : #FFFFFF;
	border-top: 1px solid #8592A2;
	border-right: 1px solid #8592A2;
}
.mTabNonactive {
	color : #202020;
	font-size : 11px;
	padding : 4px 10px 3px 10px !important;
	background-color : #F5F4ED;
	border-top: 1px solid #8592A2;
	border-right: 1px solid #8592A2;
	border-bottom: 1px solid #8592A2;
}

.mTabBetween { border-bottom: 1px solid #8592A2; }
.mTabBorderRight { border-right: 1px solid #8592A2; border-bottom: 1px solid #8592A2; }


/*  FORMS  */
.trForm         { background-color : #FAFAFA; }
.tdFormCaption  { background-color : #F4F4F4;  text-align: right; width: 200px; }

input, select   { font-size : 12px;  /*margin : 0px;  padding: 0px;*/ }
input.text      { width : 110px; }
input.shortText { width : 80px; }
input.longText  { width : 250px;   }

.button         { /*width : 150px;*/ min-width : 130px; }
.colorInput     { background-color : #F5F4ED; }
input.colorInput{ border : 1px solid #CCC; }
select.colorInput{ border : 1px solid #CCC; }
.requiredSign   { color : #C40000; font-weight : bold; }
.formComment    { font-size : 0.9em; }
.fieldAlert     { color:#cc0000; font-weight: normal; }
.processing     { background: #cccccc !important; }

.validationError { background: #ffcccc; }

/*  OTHER  */
.copyright      { font-size : 0.8em; }
.footer_info    { font-size : 0.8em; padding: 8px 0px; }
.pageByPage     { font-size : 0.9em; }
.normalText     { font-size : 1.0em; }
.largerText     { font-size : 1.1em; }
.smallerText    { font-size : 0.9em; }
.smallerText2   { font-size : 0.8em; }
.nowrap         { white-space: nowrap; }
.space          { padding-bottom: 5px; }
.less_space     { padding-bottom: 2px; }
.info           { background-color : #FFFFE1; border : 1px solid #8592A2; padding: 10px;}

.fright         { float: right; }
.fleft          { float: left; }
.cpointer       { cursor: pointer; }

.nextprev		{  }
A.nextprev		{ font-weight: bold; }


/*
img {display: block;} 
*/
img {
    border: 0px;
}

/* glosarry */


/* TROUBLE */
.step, .entry {
    margin: 5px;
}


/* TAG */
.tag_container {
    float: left;
    padding-top: 5px;
    padding-bottom: 10px;
}

.tag {
    padding: 2px 3px;
    margin-right: 1px;
}

#add_tag_link {
    text-decoration: underline;
    margin-left: 5px;
}

#tag_form {
    margin-right: 5px;
    display: none;
}

#tag_input {
    width: 350px;
    margin-right: 5px;
}

#tag_get_more_button {
    margin-right: 5px;
}

.tag_enter_hint {
    background-color: #fafafa;
    color: #777777;
    text-align: center;
}

.delete_tag {
    cursor: pointer;
    margin-right: 7px;
    color: #999999; 
}

.tag_button {
    text-decoration: underline;
    cursor: pointer;
}

#tag_suggest_block {
    display: none;
    padding: 5px;
    border-top: 1px solid #7898C2;
}

#tag_get_buttons {
    display: none;
    margin: 8px 0px;
    border-top: 1px solid #7898C2;
    padding-top: 3px;
}

#tag_click_hint {
    float: left;
    font-weight: bold;
    margin-right: 10px;
    padding: 3px;
}

.suggest_tag_active {
    cursor: pointer;
    float: left;
    margin-right: 10px;
    padding: 3px;
    text-decoration: underline;
}

.suggest_tag_active:hover {
    color: white;
    background-color: #7898C2;
}

.suggest_tag_disabled {
    float: left;
    margin-right: 10px;
    padding: 3px;
    color: #666666;
}

/* CUSTOM FIELD */

div.customField {}
div.customFieldItem { margin-bottom: 4px; }


/* OTHER  */

/* hiding a search input */
.hidden_x_icon::-webkit-search-decoration,
.hidden_x_icon::-webkit-search-cancel-button,
.hidden_x_icon::-webkit-search-results-button,
.hidden_x_icon::-webkit-search-results-decoration {
    display: none;
}

.hidden_x_icon::-ms-clear {
    display: none;
}

/* popups */
iframe.popup {
    width: 100%; /*925px;*/
    height: 99%; /*450px;*/
    margin: 0px;
    padding: 0px;
    border: 0px;
	background: white;
}

/* pool */
/*#pool_num {
    border-radius: 5px;
    background: #df100f;
    padding: 1px 3px;
    font-weight: bold;
    color: white;
}*/

.badge {
   position:relative;
}

.badge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-14px;
   right:-2px;
   font-size:.7em;
/*   font-weight: bold;*/
   background:red;
   color:white;
   width:15px;height:15px;
   text-align:center;
   line-height:16px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}


/* buttons2 */

.button2, .button2_grey {
    padding: 6px 10px !important;
    -webkit-border-radius:2px 2px;
    border-radius: 2px 2px;
    background: #e8e8e8; 
    border: solid 0px #bfbfbf;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 1;
    font-size: 12px;
	margin: 0px;
}

.button2_grey  {
    background-color : #CDCDCD; 
    color : #FFFFFF;
}


/* buttons */
.bottom_button input.button, .button, .buttonLong, .buttonSmall {
    padding: 6px 10px;
    -webkit-border-radius: 2px 2px;
    border: solid 1px rgb(153, 153, 153);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
    background: linear-gradient(rgb(255, 255, 255), rgb(221, 221, 221)); 
    color: #333;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
    line-height: 1;
    font-size:12px;
}

.button_green {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3cdb3), to(#e5ffe5)) !important;
    background: linear-gradient(#b3cdb3, #e5ffe5); 
}

.button_red {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6b3b3), to(#ffe5e5)) !important;
    background: linear-gradient(#e6b3b3, #ffe5e5);
}

.button, .buttonLong {
    padding: 5px 8px;
}

.buttonSmall {
    padding: 3px 3px;
}

.buttonDisabled {
    color: #a2a2a2;
}

/* LOADING */
.loading_spinner {
    position: fixed;
    padding: 10px 20px;
    bottom: 35px;
    left: 50%;
    background: black;
    opacity: 0.4;
    color: white;
    border-radius: 5px;
    font-size: 1.2em;
    z-index: 99999;
}

.loading_spinner img {
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

#loading_icon {
    font-size: 0.8em;
    margin-bottom: 5px;
}

#loading_icon img {
    margin-right: 5px;
    width: 12px;
}

/* tips */
.help_link {
    outline: none;
}

.help_block {
    background: white;
    border-radius: 5px;
    margin: 40px auto;
    max-width: 650px;
    position: relative;
}

.help_block h2 {
    background: #f5f5f5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    padding: 10px 20px;
}

.help_block > div {
    padding: 10px 20px 20px 20px;
}


/* FCK fix */

div.textBlock > p:first-child, div.textBlock > div.customField + p {
	padding: 0px; 
	margin: 0px;
}

div.textBlock > h3:first-child , div.textBlock > div.customField + h3 {
	padding-top: 0px; 
	margin-top: 0px;
}

span.glosarryItem2 > p:first-child {
	padding: 0px; 
	margin: 0px;
}

div.customField > p:first-child {
	padding: 0px; 
	margin: 0px;
}



/* CONTENT STYLES (could be applied in FCK editor) */
/* should be updated here and in admin/tools/fcleditor_custom/fck_editorarea.css */

/* Templates Styles */
DIV.box {
	padding: 5px 10px;
    overflow:hidden;
	zoom: 1;
}

DIV.yellowBox {
	background-color : #FFFFE1;
	border : 1px solid #959595;
}

DIV.greyBox {
	background-color : #eaeaea;
	border : 1px solid #959595;
}

H2.lineTitle,H3.lineTitle {
	line-height: 150%; 
	border-bottom: 1px solid #D4D4D4;
	font-weight: normal;
}
H2.lineTitle { font-size: 1.3em; }
H3.lineTitle { font-size: 1.2em; }

ul.extraMargin li,ol.extraMargin li {
	margin-bottom: 12px;
}

/* FCK buiilt Styles */

h3 {
	color: #333399;
}

.FCKTitle {
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.FCKCode {
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}