/* COMMON */
body	{ font-family: 'Roboto', sans-serif; font-size: 1em; background-color: #7da8a2; }
body, html { padding: 0px; margin: 0px; height: 100%; }
body, TD, DIV { 
	/*font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; */
	/*font-size : 75%;*/
}
body       { color: #121212; }
TD, DIV    { font-size : 1.0em;  }
.textBlock { line-height : 150%; }

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


input,select	{ font-family: 'Roboto', sans-serif; }
/*body { direction: rtl; unicode-bidi: embed; }
TD   { direction: rtl; unicode-bidi: embed; }
DIV  { direction: rtl; unicode-bidi: embed; }*/

/* COMMON LINKS */
a			{ color: #497771; }
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;
}

/* CATEGORY */
.catLink        { font-weight : bold; font-size: 16px; color: #000; text-decoration: none; }
.catLink:hover	{ text-decoration: underline; }
.catDescription {  }


/* ARTICLE */
.articleContainer  { padding: 6px; }
/*H1.articleTitle    { font-size: 1.6em; font-weight: normal; margin: 0px; line-height: 150%; }*/
H1.articleTitle    	{ margin: 0; }
.tdArticleTitle    	{ background-color: #EFEFEF; padding: 1px 4px; border-bottom: 1px solid #D4D4D4; }
a.articleLink      	{ font-size: 16px; color: #000; text-decoration: none; font-weight: bold; }
a.articleLink:hover	{ text-decoration: underline; }
.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; }

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

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

#rate_feedback                 { width: 350px; }
#rateFeedbackForm input.button { width: 80px; }


/* LIST OPTIONS */
.menuItemOption {
	padding: 2px 8px;
	border: 1px solid #DADADA;
	text-align: center;
	background: #F4F4F4;
	margin-left: 10px;
}

.menuItemOption a {
	color: #000033;
	text-decoration: none;		
}


/* ARTICLE BLOCK */
a.abLink     { color: blue; }
.abBorder    { background-color : #E4E4E4; }
.abBgr       { background-color : #FFFFFF; font-size : 0.9em; }
.abBgrDarker { background-color : #FAFAFA; color : #606060;  font-size : 0.9em; padding: 7px !important; }

/* ARTICLE BLOCK BOTTOM*/
.abbBlock   { padding-bottom: 10px; }
a.abbLink   { font-size: 0.9em; color: blue; }
.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 {  }


/* 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 : 4px 4px !important; border-bottom: 1px solid #cfcfcf; height: 17px; }
.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; }
.titleHeight  { line-height: 17px; }


/* 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 .tdBorder    { background-color : #D3DDEB;  border : 1px solid #B9B9B9;  }*/
/*.AdminAreaCss .tdTitle     { background-color : #7898C2; color : #FFFFFF;  padding : 6px 5px;  font-size : 10px;  font-weight : bold; }*/
.AdminAreaCss .tdTitle     { height: 1px; } /* rewrite public style  */
.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; }

/* 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: 150px; }

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

.button         { width : 150px; }
.colorInput     { background-color : #F5F4ED; }
.requiredSign   { color : #C40000; font-weight : bold; }
.formComment    { font-size : 0.9em; }
.fieldAlert     { color:#cc0000; font-weight: normal; }


/*  OTHER  */
.copyright      { font-size : 0.8em; }
.footer_info    { font-size : 0.8em; padding: 8px 0px; }
.pageByPage     { font-size : 0.9em; }
.smallerText    { font-size : 0.9em; }
.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.borderless {
    border: 0px;
}

/* glosarry */


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

.inplace_save, .inplace_cancel {
    font-size: 12px;
    margin-left: 10px;
    min-width : 130px;
}

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

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

#add_tag_link {
    text-decoration: underline;
    cursor: pointer;
    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;
}


/* 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; 
}
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;
}

/* Custom Template */

#header						{ overflow: hidden; height: 66px; }
#header #header-int			{ width: 1024px; margin: 0 auto; }
#header #logo				{ float: left; margin: 0 0 0 20px; }
#header #logo a				{ color: #497771; text-decoration: none; font-size: 3.9em; font-weight: bold; }
#header #logo a span		{ color: #fff; }
#header #logo a:hover		{ text-decoration: none; }
/*
#header ul.nav							{ margin: 0 20px 0 0; }
#header ul.nav > li						{ list-style: none; float: right; }
#header ul.nav > li > a					{ font-weight: bold; font-size: 1.2em; display: block; color: #fff; text-decoration: none; margin: 31px 0 0 0; padding: 5px 10px 5px 10px; }
#header ul.nav > li > a:hover			{ color: #497771; }
#header ul.nav > li:hover > a			{ color: #497771; }
#header ul.nav > li > ul				{ float: left; list-style: none; width: 280px; z-index: 10; display: none; position: absolute; overflow: hidden; border-top: 1px solid #dfdfdf; margin: -2px 0 0 10px; padding: 0; }
#header ul.nav > li > ul > li > a		{ font-size: .7em; display: block; padding: 3px 8px 3px 8px; color: #363636; text-decoration: none; background-color: #f3f3f3; border-bottom: 1px solid #dfdfdf; }
#header ul.nav > li > ul > li > a:hover	{ color: #fff; background-color: #7da8a2; text-decoration: none; }
#header ul.nav > li:hover > ul			{ display: block; }
*/
#header ul.nav							{ margin: 0 20px 0 0; }
#header ul.nav > li						{ list-style: none; float: right; }
#header ul.nav > li > a					{ font-weight: bold; font-size: 1.2em; display: block; color: #fff; text-decoration: none; margin: 25px 1px 0 1px; padding: 5px 10px 5px 10px; }
#header ul.nav > li > a.on				{ background-color: #497771; color: #fff; }
#header ul.nav > li > a:hover				{ background-color: #497771; color: #fff; }
#header ul.nav > li:hover > a				{ background-color: #497771; color: #fff; }
#header ul.nav > li > ul					{ float: left; list-style: none; width: 280px; z-index: 10; display: none; position: absolute; overflow: hidden; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; margin: -2px 0 0 0; padding: 0; }
#header ul.nav > li > ul > li > a			{ font-size: .8em; display: block; padding: 3px 8px 3px 8px; color: #363636; text-decoration: none; background-color: #f3f3f3; border-bottom: 1px solid #dfdfdf; }
#header ul.nav > li > ul > li > a:hover	{ color: #fff; background-color: #7da8a2; text-decoration: none; }
#header ul.nav > li:hover > ul			{ display: block; }

#content		{ overflow: hidden; background-color: #c0c0c0; padding: 0 0 15px 0; }

#content-int									{ width: 1024px; margin: 0 auto; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background: url(http://www.mrplc.com/images/content_right_spacer.gif) top right repeat-y #fff; overflow: hidden; position: relative; height: auto; }
#content-int .content-right						{ width: 300px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; background-color: #f3f3f3; float: right; padding: 10px 0 10px 0; }
#content-int .content-right h4					{ margin: 10px; color: #9d9d9d; font-weight: bold; font-size: 1.1em; }
#content-int .content-right .spacer				{ height: 0; border-top: 1px solid #dfdfdf; }
#content-int .content-right .ad img				{ border: none; }
#content-int .content-right .shop				{ list-style: none; margin: 0 10px 15px 10px; }
#content-int .content-right .shop li			{ border-bottom: 1px solid #f3f3f3; }
#content-int .content-right .shop li a			{ display: block; color: #497771; background-color: #bebebe; text-decoration: none; font-size: .9em; padding: 3px 6px 3px 6px; }
#content-int .content-right .shop li a:hover	{ background-color: #7da8a2; color: #fff; }
#content-int .content-right .partner			{ padding: 5px 10px 20px 10px; text-align: center; }
#content-int .content-right .partner img		{ border: none; }

#content-int .content-left						{ float: left; width: 680px; padding: 20px; color: #497771; font-size: .9em; color: #363636; }
#content-int .content-left h1					{ font-size: 2.5em; color: #497771; }
#content-int .content-left p					{ margin: 12px 0 12px 0; }
#content-int .content-left ul					{ margin: 12px 0 12px 30px; }

#footer #footer-base			{ border-top: 20px solid #363636; overflow: hidden; font-size: .8em; }
#footer #footer-int				{ width: 1024px; margin: 0 auto; padding: 20px 0 20px 0; overflow: hidden; }
#footer #copyright				{ float: left; color: #fff; }
#footer #copyright a			{ color: #fff; text-decoration: none; }
#footer #copyright a:hover		{ color: #497771; text-decoration: none; }
#footer ul.nav					{ margin: 0; }
#footer ul.nav li				{ list-style: none; float: right;  }
#footer ul.nav li a				{ display: block; color: #fff; text-decoration: none; margin: 0 0 0 10px; }
#footer ul.nav li a:hover		{ color: #497771; }


@media screen and (max-width: 1023px){

html, body{ width: 100%;}

.desktop_only{ display:none;}

* {  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; margin: 0;}

.mobile_only{display:block;}

#mobile_header{ width: 100%; margin: 0; padding: 0; text-align:right; background-color: #f4f4f4; color: #8f8d8e; font-size: 12px; border-bottom: 1px solid #fafafa;
background: -moz-linear-gradient(left, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,204,205,1)), color-stop(9%, rgba(209,209,209,1)), color-stop(23%, rgba(219,219,219,1)), color-stop(100%, rgba(238,237,233,1)));
background: -webkit-linear-gradient(left, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
background: -o-linear-gradient(left, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
background: -ms-linear-gradient(left, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
background: linear-gradient(to right, rgba(206,204,205,1) 0%, rgba(209,209,209,1) 9%, rgba(219,219,219,1) 23%, rgba(238,237,233,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecccd', endColorstr='#eeede9', GradientType=1 );

}
#mobile_header a {color: #8f8d8e; text-decoration:none; font-weight: bold;}

#mobile_header p{ padding:8px;}

#mobile_header:after{ width: 100%; height: 1px; display:block; content: ' '; background-color: #c8c8ca;}

#header-content{ display:none;}

#header{ border-top: 1px solid black; height: auto; padding: 20px 0;}
#header ul.nav{display:none;}

#forum-content-int{ width: 100%;  padding: 0 0 5px;}
#forum-content-int .sect-left{ float:none; width: 100%; margin: 0;}
#forum-content-int .sect-right{float:none; width: 100%; margin: 5px 20px 0 0;}
#forum-content-int .sect-header{font-size: 24px;}

#content{ background-color:white;}

#content-int{width: 100%; background:white; border-bottom: 0px; border-left:0px; border-right: 0px;}
#content-int .content-right{float:none; width: 100%;}
#content-int .content-right .ad { margin: 0 auto; width: 300px;}
#content-int .content-left-home{float:none; width: 100%;padding: 7px 10px;}
#content-int .content-left-home p{margin: 0 0 20px 0;}

#content-int .content-left-home .sect-left{float:none; width: 100%;padding: 0; margin: 0;}
#content-int .content-left-home .sect-right{float:none; width: 100%;padding: 0; margin: 0;}

#footer #footer-int{ width: 100%; }

#footer #copyright{ float:none; text-align:center; margin: 0 0 10px 0;}

#footer ul.nav li{float:left;}

#footer #mobile_footer{ text-align:center; padding: 0 10px;}
#footer #mobile_footer a{ color:white; text-decoration: none; display:inline-block; margin: 0 10px 0 0;}



#content-int .content-left{ width: 100%; float:none; padding: 0;}

.menuBlock table td, .menuBlock table tr, .menuBlock table, .menuBlock table tbody{display:block; width: 100%; }

.contentMain table.tableCs1 td, .contentMain table.tableCs1 tr, .contentMain table.tableCs1, .contentMain table.tableCs1 tbody{display:block; width: 100% !important; margin: 0 0 10px 0;}

.contentMain table.tableCs1 td:nth-child(odd){ display:none !important;}

.contentMain table.tableCs1 td:before{display:block; float:left; height: 12px; width: 12px; background-image: url(/kb/client/images/icons/folder.gif); content: ' '; margin: 2px 0 10px 0; background-repeat:no-repeat; padding: 0 0 0 10px;}

.tdTitle{ height: auto;}

.contentMain table.sTable, .contentMain table.sTable tr, .contentMain table.sTable td, .contentMain table.sTable tbody{ width: 100% !important; display:block;}

.contentMain{ padding: 0 10px;}

.bottom{ display:none;}

.button{ width: 100%; margin: 0 0 10px 0;}

body.article .leftBlock, body.article .menuBlock{ display:none; }

.abBgrDarker > span {
  display: block;
 
  width: 100%;
}


.tableCp3{ display:none !important;}

#kbp_article_body iframe{ max-width: 100%; height: auto;}

#content-int .content-left h1{ font-size: 25px;}


}