﻿@import url(http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,hebrew,vietnamese,latin-ext,cyrillic);

BODY		{font-family:'Arimo', arial, helvetica, sans-serif;}
td[scope]	{font-weight:bold;}
.nobr		{white-space:nowrap;}

/*********************************** Styles ********************************/
H1	{display:inline; font-size:2.5rem; line-height:3rem;}
H2	{display:inline; font-size:2.1rem; line-height:2.6rem;}
H3	{display:inline; font-size:1.8rem; line-height:2.3rem;}
H4	{display:inline; font-size:1.5rem; line-height:1.9rem;}
H5	{display:inline; font-size:1.3rem; line-height:1.7rem;}
H6	{display:inline; font-size:1.1rem; line-height:1.5rem;}
/*
H1.editorH1	{display:inline; font-size:170%;}
H2.editorH2	{display:inline; font-size:150%;}
H3.editorH3	{display:inline; font-size:125%;}
H4.editorH4	{display:inline; font-size:100%;}
H5.editorH5	{display:inline; font-size:90%;}
H6.editorH6	{display:inline; font-size:80%;}
*/

/*********************************** Font Size ********************************/
FONT		{}
FONT.size1	{font-size:1.1rem; line-height:1.5rem;}
FONT.size2	{font-size:1.3rem; line-height:1.7rem;}
FONT.size3	{font-size:1.5rem; line-height:1.9rem;}
FONT.size4	{font-size:1.8rem; line-height:2.3rem;}
FONT.size5	{font-size:2.1rem; line-height:2.6rem;}
FONT.size6	{font-size:2.5rem; line-height:3rem;}
FONT.size7	{font-size:2.9rem; line-height:3.4rem;}


/*********************************** Forms Wizard ********************************/
DIV.form-fieldes			{margin-bottom:10px;}
TABLE.wizard				{}
TABLE.wizard TD				{}
TD.wizard					{}
TD.wizardRequired			{color:red;}
SELECT.wizard				{height:27px; font-size:1.5rem; background-color:#ffffff; color:#666; padding:4px 4px 4px 4px; border:#cccccc 1px solid; box-sizing:border-box;}
INPUT.wizard				{width:220px; height:27px; line-height:21px; font-size:1.5rem; padding:0px 10px 0px 10px; background-color:#ffffff; color:#666; border:#cccccc 1px solid; box-sizing:border-box;}
INPUT.wizardNarrow			{width:220px; height:27px; line-height:21px; font-size:1.5rem; padding:0px 10px 0px 10px; background-color:#ffffff; color:#666; border:#cccccc 1px solid; box-sizing:border-box;}
TEXTAREA.wizard				{width:220px; height:90px; font-size:1.5rem; padding:4px 10px 4px 10px; background-color:#ffffff; color:#666; border:#cccccc 1px solid; box-sizing:border-box;}
INPUT.wizardSubmit			{}
INPUT.wizardhidden			{width:0px; height:0px;}

TABLE.dbsMediaContainer		{}
TABLE.dbsMediaContainer TD	{}
TD.dbsHighlight				{border:#d8d8d7 1px dotted; border-collapse:collapse;}
TH.dbsHighlight				{border:#d8d8d7 1px dotted; border-collapse:collapse;}
SPAN.dbsFlashContainer		{}

DIV.divRequired A			{display:block; padding:5px 0px 5px 0px; text-decoration:none;}

/** placeholder **/
*::-webkit-input-placeholder		{color:#333;}
*:-moz-placeholder					{color:#333;} /* FF 4-18 */
*::-moz-placeholder					{color:#333;} /* FF 19+ */
*:-ms-input-placeholder				{color:#333;} /* IE 10+ */
*:focus::-webkit-input-placeholder	{opacity:0;}
*:focus*:-moz-placeholder			{opacity:0;} /* FF 4-18 */
*:focus*::-moz-placeholder			{opacity:0;} /* FF 19+ */
*:focus*:-ms-input-placeholder		{opacity:0;} /* IE 10+ */
.RTL *::-webkit-input-placeholder	{text-align:right;}
.RTL *:-moz-placeholder 			{text-align:right;} /* FF 4-18 */
.RTL *::-moz-placeholder			{text-align:right;} /* FF 19+ */
.RTL *:-ms-input-placeholder		{text-align:right;} /* IE 10+ */
.LTR *::-webkit-input-placeholder	{text-align:left;}
.LTR *:-moz-placeholder 			{text-align:left;} /* FF 4-18 */
.LTR *::-moz-placeholder			{text-align:left;} /* FF 19+ */
.LTR *:-ms-input-placeholder		{text-align:left;} /* IE 10+ */


/************************** Control Editor Uploads ********************************/
/* classes -  DIV.editor-div-img and DIV.editor-div-iframe  comes from jquery-plagins.js */

/* Images */
DIV.editor-div-img			{max-width:100%; display:inline-block;}
DIV.editor-div-img IMG		{/*width:100% !important;*/ max-width:100%; height:auto !important; display:block;}

/* Tables */
@media screen and (max-width: 990px) {
	#ctlBody TABLE, DIV.description TABLE, DIV.FreeBoxBody TABLE		{width:100% !important;}
}
@media screen and (max-width: 480px) {
	TABLE.mobile-fix TD				{width:100% !important; display:block;} /* "mobile-fix" is optional class in editor table-properties */
	.RTL TABLE.mobile-fix TD		{float:right;}
	.LTR TABLE.mobile-fix TD		{float:left;}
	TABLE.mobile-fix TABLE TD		{width:auto; display:table-cell; float:none;}
	TABLE.mobile-fix DIV.editor-div-img			{max-width:100%; display:block;}
	TABLE.mobile-fix DIV.editor-div-img IMG		{margin:auto;}
}

/* Table special */
DIV.special-container				{width:100%; overflow:auto; position:relative;}
TABLE.special						{width:100% !important; min-width:712px; background:#666; table-layout:auto !important; border:0 !important; border-spacing:1px;} /* "special" is optional class in editor table-properties */
TABLE.special CAPTION				{padding:9px; background-color:#071365; color:#fff; font-weight:bold; font-size:1.7rem; line-height:1.9rem; border:0 !important;}
TABLE.special TH					{text-align:center; padding:5px; vertical-align:middle !important; font-weight:bold; background-color:#8bc63e; color:#fff; border:0 !important;}
TABLE.special TD					{text-align:center; padding:5px; vertical-align:middle !important; border:0 !important;}
TABLE.special TD P					{margin:0 !important;}
TABLE.special TH P					{margin:0 !important;}
TABLE.special TR:nth-child(even)	{background-color:#f5f5f5;}
TABLE.special TR:nth-child(odd)		{background-color:#ddd;}
TABLE.special TD:nth-child(even)	{}
TABLE.special TD:nth-child(odd)		{background-color:rgba(255,255,255,0.4);}

DIV.table-scroll-icon					{display:none; width:100%; text-align:center; position:absolute; left:0; top:50%; margin-top:-40px; cursor:pointer; z-index:11111;}
DIV.table-scroll-icon .fa-arrows-h		{margin:auto; font-size:15px; color:#333; font-size:80px; padding:20px 40px 0px 40px; border-radius:20px; color:#fff; background:rgba(0,0,0,0.3); text-shadow:1px 1px 1px #000;}
DIV.table-scroll-icon:after		{display:table; content:"גלול"; text-align:center; padding:4px 12px 4px 12px; background-color:rgba(0,0,0,0.5); color:#fff; font-weight:bold; font-size:1.5rem; line-height:1.5rem; border-radius:15px; margin:-90px auto 0px auto;}

@media screen and (min-width: 769px) and (max-width: 990px) {
	DIV.table-scroll-icon	{display:block !important;}
}
@media screen and (max-width: 756px) {
	DIV.table-scroll-icon	{display:block !important;}
}

/*@media screen and (max-width: 480px) {
	TABLE.special TH		{font-size:1.5rem !important; line-height:1.7rem !important; text-align:center;}
	TABLE.special TD, TABLE.special TD *	{font-size:1.3rem !important; line-height:1.5rem !important;}
}
@media screen and (max-width: 400px) {
	TABLE.special TH		{font-size:1.4rem !important;}
	TABLE.special TD, TABLE.special TD *	{font-size:1.2rem !important;}
}
@media screen and (max-width: 360px) {
	TABLE.special TH		{font-size:1.3rem !important;}
	TABLE.special TD, TABLE.special TD *	{font-size:1.1rem !important;}
}*/


/* Video Iframes */
DIV.editor-div-yt-video-container	{max-width:900px;}
DIV.editor-div-video				{width:100%; position:relative; padding-bottom:56.25%; height:0; /*display:table;*/ margin:0px 0px 10px 0px;}
DIV.editor-div-video IFRAME,
DIV.editor-div-video OBJECT,
DIV.editor-div-video EMBED			{position:absolute; top:0; left:0; width:100%; height:100%;}

/* YouTube Video Iframes */
DIV.editor-div-yt-video			{width:100%; position:relative; padding-bottom:56.25%; height:0; /*display:table;*/ margin:0px 0px 10px 0px;}
DIV.editor-div-yt-video IFRAME,
DIV.editor-div-yt-video OBJECT,
DIV.editor-div-yt-video EMBED		{position:absolute; top:0; left:0; width:100%; height:100%;}

/* Iframes (not video) */
DIV.editor-div-iframe			{max-width:100%;}
DIV.editor-div-iframe IFRAME	{width:100% !important;}

/* Lists */
#ctlBody UL, DIV.description UL, DIV.FreeBoxBody UL,
#ctlBody OL, DIV.description OL, DIV.FreeBoxBody OL		{padding:0px 20px 0px 20px;}

#ctlBody UL LI, DIV.description UL LI, DIV.FreeBoxBody UL LI,
#ctlBody OL LI, DIV.description OL LI, DIV.FreeBoxBody OL LI		{padding-bottom:4px;}
#ctlBody UL LI:last-child, DIV.description UL LI:last-child, DIV.FreeBoxBody UL LI:last-child,
#ctlBody OL LI:last-child, DIV.description OL LI:last-child, DIV.FreeBoxBody OL LI:last-child		{padding-bottom:0px;}

/* more stuff */
@media screen and (max-width: 480px) {
	#ctlBody P, DIV.description P, DIV.FreeBoxBody P	{clear:both;}
}



