/* @import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,greek-ext,greek,latin-ext"); */
@import url(fonts.css);

body,iframe			{ margin:0px; padding:0px; font-size:1px; }
table,td,div			{ font-family:'Open Sans', Verdana, Arial; font-size:13px; color:#404040; margin:0px; padding:0px; }
img				{ border: 0px; }

a				{ font-size:13px; text-decoration:underline; font-weight:normal; color:#1841b5; }
a:hover				{ font-size:13px; text-decoration:underline; font-weight:normal; color:black; }

.clearer { clear: both; height:0px; font-size:0px;}

/* ******************************************************************************************************/
/* General Design Stuff (for many tpls) */
/* ******************************************************************************************************/
div.outer_container
{
	margin:0 auto; 
	padding:5px; 
	margin:2px;
	background: #636363;
	border: 1px solid #C6CED6;
	border-radius:5px;
	box-shadow:0px 0px 5px 5px #aaa; 
	-webkit-box-shadow: 0px 0px 5px 5px rgba(170,170,170,0.18);
	-moz-box-shadow: 0px 0px 5px 5px rgba(170,170,170,0.18);
	box-shadow: 0px 0px 5px 5px rgba(170,170,170,0.18);
}

div.container
{ 
	padding:5px; 
	background: #636363; 
	margin:0 auto; 
	border-radius:5px;
	border: 1px solid #C6CED6; 
}

div.user_body_header		{ }
div.user_body_footer		{ }
div.app_contents		{ background: #FEFEFE; padding:5px; }
div.bbcontents			{ }
div.main-ttl			{ margin-bottom:15px;  }
div.kappnews-main-ttl		{ margin-bottom:15px;  }
div.app_title		{ color: #fff; font-size:22px; letter-spacing:-1px; word-spacing: 2px; font-weight:normal; text-align:center; padding-top:5px; padding-bottom:1px; }
	div.app_subtitle	{ color: #fff; font-size:13px; letter-spacing:0px; word-spacing: 1px;  font-weight:normal; text-align:center; }
div.copyright			{ font-size:11px; color:#fff; text-align:center; padding-top:10px; max-width:700px; margin: 0 auto; }

div.app_tree_toggle		{ }
div.app_tree_toggle a		{ color: #1841b5; }

div.app_tree_navigation		  { background:#fff;  }
div.app_tree_navigation_left	  { line-height:20px; float:left;   }
div.app_tree_navigation_right	  { float:right; white-space: nowrap; }
div.app_tree_navigation_right img { padding-top:10px;  }


	/*img.navparent 		{ margin: 0px -10px 25px -10px;}*/
div.app_tree_breadcrumbs	{ text-align:left;  display:block; margin:0px; background: #efefef; padding:5px; margin-bottom:20px; }
div.app_tree_search_form	{ text-align:right; display:block; margin:0px; padding:0px; padding-bottom:5px; font-size:13px; color:#eee; }
div.app_tree_search_form img	{ margin-bottom:-5px; }

div.box-debugger		{ margin:0px; padding:2px; border:1px solid red; text-align:center; }

div.kappnews_navigation		  {  }
div.kappnews_navigation_left	  { line-height:35px; float:left; }
div.kappnews_navigation_right	  { float:right; white-space: nowrap;}
div.kappnews_navigation_right img { padding-top:10px;  }

/** search results **/
ul.searchresult li 		{ margin-bottom:5px; }
ul.searchresult li span		{ color:#777; font-size:11px; }

div.template_change		{float:right; padding-right:15px; padding-top:15px; }

/* Minimize paddings for small widths */
@media screen and (max-width: 700px)
{
	div.outer_container		{ padding:0px; margin:0px;  }
	div.container			{ padding:0px; margin:0px;  } 
	div.app_tree_breadcrumbs	{ padding:2px; margin-bottom:10px; }
	div.copyright			{ border:none; }
}

/* ************************************************************************************* */
/*          - For Last News  desktop/tree.tpl
/*          - For app=x,I    (τελευταία νέα) desktop/app_news.tpl  
/* ************************************************************************************* */
h3.news_ttl			{ font-size:13px; color: #444; margin:0; padding:5px 0px 5px 0px; font-weight:bold; }
h3.last_news_ttl		{ font-size:17px; color: #111; margin:0; padding:5px 0px 5px 5px; font-weight:bold; }
div.last_news_block		{ display:block; width:100%; height:135px; background:#FEFEFE; border-top: 1px solid #777; border-bottom: 1px solid #777; margin-top:5px; margin-bottom:0px; } 
div.last_news_block_items	{ display:block; width:100%; height:95px; overflow:hidden;   padding:0px -5px 0px 5px; }
div.last_news_block_items li.ln_scroller_link	{ padding-top:5px; }
div.kappx {
	margin: 20px auto 30px auto;
	width: 95%;
	box-shadow: 2px 2px 10px #777;
	padding: 15px 15px;
}
div.kappxarchive
{
	margin: 10px auto 0px auto;
	width: 95%;
	padding: 5px 5px;
}

h3.kappx  { 
		font-size:14pt; font-weight:bold; 
		font-style:normal; text-decoration: none; color:#333; 
		border-bottom: 0px solid #ccc; 
		margin-bottom:20px;
		padding-bottom:3px; 
	 }
div.kappx_divider_line	{  width:95%; font-size:1px; height:1px; background: #ccc; margin: 50px auto 0px auto; }
/* old
div.kappx { margin-bottom:15px; }
h3.kappx  { 
		font-size:13px; font-weight:bold; 
		font-style:normal; text-decoration: none; color:#333; 
		border-bottom: 2px solid #ccc; 
		margin-bottom:10px;
		padding-bottom:3px; 
	 }
div.kappx_divider_line	{  width:90%; font-size:1px; height:1px; background: #ccc; }
*/

/* ******************************************************************************************************/
/* .tpl => Things in div app_contents, variable {tpl_pcontents}. You CANNOT edit them */
/* but you can change the css for them
/* ******************************************************************************************************/
a.kapp_contents			{ color:#404040; font-size:13px; text-decoration:none; }
ol.tree_contents		{ color:#404040; font-size:10pt; }
li.tree_contents		{ color:#404040; font-size:10pt; }
li.tree_contents_node		{ color:#404040; font-size:10pt; }
a.tree_contents_node		{ color:#444444; text-decoration:none; }
a.tree_contents_node:hover	{ text-decoration:none; color:black; }
div.tree_contents		{ color:#444444; font-size:10pt;}
a.tree_contents			{ color:#444444; font-size:10pt; text-decoration:none; }
a.tree_contents:hover		{ color:black; font-size:10pt; text-decoration:none; }

/* ******************************************************************************************************/
/*   These are only used for app=3 (custom made html) 
/*   which you can edit freely at W:\keystone.gr\web\host\kappng\3\0000.html
/*   because it is not coming from database. Enjoy!
/* ******************************************************************************************************/
dir h1 		{ font-size:17px; color:#404040; text-align:left; }
dir ol li div	{ cursor:pointer; color:#404040; padding-top:1px; padding-bottom:1px; }


/* ******************************************************************************************************/
/*   These are common and used mainly for app=4 & vaseis app=2
/* ******************************************************************************************************/

/* Rows */
.row-float-left		{ float:left;  text-align:left;  }
.row-float-right	{ float:right; text-align:right;}
.row-clearer 		{ clear: both; height:0px; font-size:0px;}


/* Common Classes to Add */
.set-text-align-left	{ text-align:left;   }
.set-text-align-right	{ text-align:right;  }
.set-text-align-center	{ text-align:center; }

.set-width-310		{ width:310px; }
.set-width-300		{ width:300px; }
.set-width-260		{ width:260px; }
.set-width-250		{ width:250px; }
.set-width-200		{ width:200px; }
.set-width-150		{ width:150px; }
.set-width-100		{ width:100px; }
.set-width-80		{ width:80px; }
.set-width-70		{ width:70px; }
.set-width-60		{ width:60px; }
.set-width-50		{ width:50px; }

.set-max-width-300	{ max-width:300px; }
.set-min-width-300	{ min-width:300px; }

.set-max-width-400	{ max-width:400px; }
.set-min-width-400	{ min-width:400px; }

.set-max-width-350	{ max-width:350px; }
.set-min-width-350	{ min-width:350px; }

.add-padding-2		{ padding:2px; }
.add-padding-5		{ padding:5px; }
.add-padding-10		{ padding:10px; }
.add-tbl-padding-5	{ padding:5px 0px 5px 5px;}

.add-left-padding-10	{ padding-left:10px; }
.add-left-margin-5	{ margin-left:5px; }
.add-left-margin-15	{ margin-left:15px; }
.add-top-padding-5	{ margin-top:5px; }
.add-top-padding-10	{ margin-top:10px; }
.add-top-padding-15	{ margin-top:15px; }

.add-bottom-margin-5		{ margin-bottom:5px !important; }

.add-border-bottom-strong	{ border-bottom:1px solid #777;  }
.add-border-top-strong		{ border-top:1px solid #777;     }
.add-border-bottom-weak		{ border-bottom:1px solid #ddd;  }
.add-border-top-weak		{ border-top:1px solid #ddd;     }
.add-border-left-strong		{ border-left:1px solid #777;    }
.add-border-left-weak		{ border-left:1px solid #ddd;    }

.set-bold		{ font-weight:bold; }
.set-no-bold		{ font-weight:normal; }
.set-no-background	{ background-color: transparent; background-image: none; }

.set-font-color-blue,   .set-color-blue		{ color:#1010D0 !important; }
.set-font-color-gray,   .set-color-gray    	{ color:#808080 !important; }
.set-font-color-green,  .set-color-green	{ color:#4b6d02 !important; }
.set-font-color-maroon, .set-color-maroon	{ color:#800000 !important; }

div.hideit  { visibility:hidden; }
div.showit  { visibility:visible; }



/* ******************************************************************************************************/
/* These are only used for app=4  
/* Note: ie 8 needs to undestand inline-block "display:inline-block; zoom: 1; *display: inline;" and <!DOCTYPE html> */ 
/* Note: The default view should be FULL view  not compact*/ 
/* ******************************************************************************************************/

.fylla-wrapper		{ text-align:center; }
.fylla-container	{ border:1px solid #ccc; padding:20px; display:inline-block; zoom:1; *display:inline; background: #fff; }
.fylla-container h3	{ font-size:15px; font-weight:700; margin-bottom:15px; margin-top:15px; }

/****************************************************/
/* user Inputs */
/****************************************************/

div.grade-input-title-element
{ 
	width:50px; margin:0px 5px 5px 5px; 
	display:inline-block; zoom:1; *display:inline; 
	font-size:11px; font-weight:bold; color:#777;
	text-align:right; 
}	

div.grade-input-container
{
	width:50px; margin:0px 5px 5px 5px; 
	display:inline-block; zoom:1; *display:inline; 
	text-align:right;
}

div.grade-input-container input
{ 
	width:50px; text-align:right;
	display:inline-block; zoom:1; *display:inline; 
}

div.grade-input-container span
{ 
	display:none;
}

/****************************************************/

div.grade-input-container-with-moria
{
	width:50px; margin:0px 5px 5px 5px; 
	text-align:right; 
	display:inline-block; zoom:1; *display:inline;
}

div.grade-input-container-with-moria input
{ 
	width:50px; 
	display:inline-block; zoom:1; *display:inline;
	text-align:right; 
}

div.grade-input-container-with-moria span
{
	display:none;
}

/***************************************************/
/* user Outputs */
/***************************************************/

div.grade-output-title-element
{
	width:50px;  margin:0px 5px 5px 5px;
	display:inline-block; zoom:1; *display:inline;   
	font-size:11px; font-weight:bold; color:#777;
	text-align:center; 
}

div.grade-output-container
{ 
	width:50px; 
	margin:0px 5px 5px 5px; 
	text-align:right; 
	display:inline-block; zoom:1; *display:inline;
}

div.grade-output-container span
{ 
	display:none;
}

div.grade-output-container .box
{ 
	width:40px; height:18px; 
	text-align:right; 
	font-size:13px; color:#404040; background:#efefef; 
	display:inline-block; zoom:1; *display:inline;
}

/**********************************************************/

div.moria-output-title-element
{
	width:100px; margin:0px 5px 5px 5px; 
	display:inline-block; zoom:1; *display:inline; 
	font-size:11px; font-weight:bold; color:#777;
	text-align:center; 
}

div.moria-output-container
{ 
	width:100px; margin:0px 5px 5px 5px; 
	display:inline-block; zoom:1; *display:inline;
	text-align:center;
}

div.moria-output-container .box 
{ 
	width:50px; height:18px; 
	overflow:hidden; 
	text-align:center; 
	font-size:13px; font-weight:bold; color:#404040; background:#efefef; 
	display:inline-block; zoom:1; *display:inline;
}

div.moria-output-container span { display:none;    }


/****************************************************************************************/
/* Fulla 2015 Old forms
/****************************************************************************************/
div.smart-title-container	{ width:100px;    display: inline; float:left;   text-align:left; border-bottom:none;          }
div.smart-contents-container	{ width:400px;    display: inline; float:right;                   border-left: 1px solid #ddd; }
div.smart-title-container-02	{ width:80px;     display: inline; float:left;   text-align:left; border-bottom:none;          }
div.smart-contents-container-02	{                 display: inline; float:right;                   border-left: 1px solid #ddd; }
div.label-container 		{ width:100px; margin:0px 5px 5px 5px; text-align:right; display:inline-block; zoom:1; *display:inline; }
div.label-container span 	{ display:none; }
div.label-container .box 	{ width:50px; height:20px; text-align:right; font-size:13px; color:black; display:inline-block; zoom:1; *display:inline; }
/* output label that changes content */
div.grade-output-label 		{ display:inline-block; zoom:1; *display:inline;text-align:left; }
div.moria-me-eidiko-output-large-title-element	{ display:inline-block; zoom:1; *display:inline; width:100px; margin:0px 5px 5px 5px;  text-align:center; font-size:11px; font-weight:bold; color:#777; }
div.pedia-prosvasis-output-title-element	{ display:inline-block; zoom:1; *display:inline; width:100px; margin:0px 5px 5px 5px; text-align:center; font-size:11px; font-weight:bold; color:#777;  }
/*********************************************/
/* User Inputs
/*********************************************/
div.grade-input-large-title-element
{ 
	width:100px;  margin:0px 5px 5px 5px; 
	display:inline-block; zoom:1; *display:inline; 
	font-size:11px; font-weight:bold; color:#777; 
	text-align:right; 
}
div.grade-input-large-container	
{
	width:100px; margin:0px 5px 5px 5px; 
	display:inline-block; zoom:1; *display:inline;
	text-align:right; 
}
div.grade-input-large-container input
{
	width:50px; 
	display:inline-block; zoom:1; *display:inline;
	text-align:right; 
}
div.grade-input-large-container span { display:none;    }
/**********************************************************/
div.grade-input-container-large-label
{ 
	width:50px; margin:0px 5px 5px 5px; 
	text-align:right;  
	display:inline-block; zoom:1; *display:inline;
}
div.grade-input-container-large-label input
{ 
	width:50px; 
	display:inline-block; zoom:1; *display:inline;
	text-align:right; 
}
div.grade-input-container-large-label span { display:none;  }
/*********************************************/
/* User Ouputs
/*********************************************/
div.grade-output-container-large-label
{ 
	width:50px; margin:0px 5px 5px 5px; 
	display:inline-block; zoom:1; *display:inline;
	text-align:right; 
}
div.grade-output-container-large-label .box
{ 
	width:40px; height:18px; 
	display:inline-block; zoom:1; *display:inline;
	font-size:13px; color:black; background:#efefef;
	text-align:right; 	 
}
div.grade-output-container-large-label span  { display:none; }
/**********************************************************/
div.moria-me-eidiko-output-container 		  { width:100px; margin:0px 5px 5px 5px; text-align:center; display:inline-block; zoom:1; *display:inline; }
	div.moria-me-eidiko-output-container .box { width:70px; height:18px; overflow:hidden; text-align:center; font-size:13px; font-weight:bold; color:#404040; background:#efefef; display:inline-block; zoom:1; *display:inline; }
	div.moria-me-eidiko-output-container span { display:none; }
/**********************************************************/
div.pedia-prosvasis-output-container 		  { width:100px; margin:0px 5px 5px 5px; text-align:center; display:inline-block; zoom:1; *display:inline; }
	div.pedia-prosvasis-output-container .box { width:100px; height:18px; overflow:hidden; text-align:center; font-size:13px; font-weight:bold; color:#404040; background:#efefef; display:inline-block; zoom:1; *display:inline; }
	div.pedia-prosvasis-output-container span { display:none; }
/**********************************************************/
div.moria-100-output-container 		    	{ width:100px; margin:0px 5px 5px 5px; text-align:right; display:inline-block; zoom:1; *display:inline; }
	div.moria-100-output-container .box 	{ width:50px; height:18px; overflow:hidden; text-align:center; font-size:13px; font-weight:bold; color:#404040; background:#efefef; display:inline-block; zoom:1; *display:inline; }
	div.moria-100-output-container span 	{ display:none; }
/**********************************************************/


/*************************************************************************/
/** Compact View 							 */
/*************************************************************************/ 
@media screen and (max-width: 700px)
{
	div.title-container			{ display:none;   }

	.fylla-wrapper		{ margin:0; padding:0; }
	.fylla-container	{ margin:0; padding:0; }
	.fylla-container h3	{ margin-bottom:5px; }

	/**********************************************************************************/
	/* user Inputs */
	/**********************************************************************************/
	div.grade-input-container		{ display:block; width:110px; margin:0px 5px 5px 5px; text-align:right; }
	div.grade-input-container input		{ width:50px; display:inline-block; text-align:right; }
	div.grade-input-container span		{ display:inline; font-size:11px;  }
	/************************************/
	div.grade-input-container-with-moria	   { width:220px; display:block; margin:0px 5px 5px 5px; text-align:right; }
	div.grade-input-container-with-moria input { width:50px; display:inline-block; text-align:right; }
	div.grade-input-container-with-moria span  { display:inline; font-size:11px; }
	/************************************/
	/**********************************************************************************/
	/* user Outputs */
	/**********************************************************************************/
	div.grade-output-container 		{ display:block; width:110px; margin:0px 5px 5px 5px; text-align:right; }
	div.grade-output-container .box 	{ width:40px; height:18px; display:inline-block; text-align:right; font-size:13px; color:black; background:#efefef;  }
	div.grade-output-container span 	{ display:inline-block; font-size:11px; font-weight:bold; color:#000; }
	/************************************/
	div.moria-output-container		{ display:block; width:220px; margin:0px 5px 5px 5px; text-align:right; }	
	div.moria-output-container .box		{ width:50px; height:18px; display:inline-block; overflow:hidden; text-align:center; font-size:13px; font-weight:bold; color:#404040; background:#efefef; }	
	div.moria-output-container span 	{ display:inline-block;  font-size:11px;  }
	/************************************/
	

	/****************************************************************************************/
	/* Fulla 2015 Old forms
	/****************************************************************************************/
	div.smart-title-container	{ width:100%; display: block; float:left;   text-align:center; border-bottom:1px solid #777;     }
	div.smart-contents-container	{ width:100%; display: block; float:right;                     border: none;		     }
	div.smart-title-container-02	{ width:100%; display: block; float:left;   text-align:center; border-bottom:1px solid #777;     }
	div.smart-contents-container-02	{ width:100%; display: block; float:right;                     border: none;                     }
	div.label-container		{ display: block;  width:170px; }
	div.label-container span	{ display:inline; font-size:11px; font-weight:normal; color:#000; }
	/************************************************/
	/* user Inputs */
	/************************************************/
	div.grade-input-large-container		{ display:block; width:170px; margin:0px 5px 5px 5px; text-align:right; }	
	div.grade-input-large-container input   { width:50px; display:inline-block; text-align:right; }	
	div.grade-input-large-container span    { display:inline-block; font-size:11px;    }
	/************************************/
	div.grade-input-container-large-label	    { display:block; width:150px; margin:0px 5px 5px 5px; text-align:right; }
	div.grade-input-container-large-label input { width:50px; display:inline-block; text-align:right; }	
	div.grade-input-container-large-label span  { display:inline-block; font-size:11px;  }
	/************************************************/
	/* user Outputs */
	/************************************************/
	div.grade-output-container-large-label		{ display:block; width:150px; margin:0px 5px 5px 5px; text-align:right; }
	div.grade-output-container-large-label .box	{ width:40px; height:18px; display:inline-block; font-size:13px; color:black; background:#efefef; text-align:right; }
	div.grade-output-container-large-label span 	{ display:inline-block; font-size:11px; font-weight:normal; color:#404040; }
	/************************************/
	div.moria-me-eidiko-output-container		{ width:170px; margin:0px 5px 5px 5px; text-align:right; display:block; }
	div.moria-me-eidiko-output-container .box 	{ width:70px; height:18px; overflow:hidden; text-align:right; font-size:13px; font-weight:bold; color:#404040; background:#efefef; display:inline-block;}
	div.moria-me-eidiko-output-container span	{ display:inline-block; font-size:11px; }
	/************************************/
	div.pedia-prosvasis-output-container 		{ width:100px; margin:0px 5px 5px 5px; text-align:center; display:block;}
	div.pedia-prosvasis-output-container .box 	{ width:100px; height:18px; overflow:hidden; text-align:center; font-size:13px; font-weight:bold; color:#404040; background:#efefef; display:inline-block;}
	div.pedia-prosvasis-output-container span	{ display:inline-block; font-size:11px; }
	/************************************/
	div.moria-100-output-container			{ width:145px; margin:0px 5px 5px 5px; text-align:right; display:block; }
	div.moria-100-output-container .box		{ width:50px; height:18px; overflow:hidden; text-align:center; font-size:13px; font-weight:bold; color:#404040; background:#efefef; display:inline-block;  }
	div.moria-100-output-container span		{ display:inline-block; font-size:11px; }
	/************************************/

}


/* ******************************************************************************************************/
/*   These are only used for vaseis app2
/* ******************************************************************************************************/

.vaseis-games-wrapper		{ text-align:center; }
.vaseis-games-container		{ border:1px solid #ccc; display:inline-block; zoom: 1; *display: inline; padding:20px; }

div.vaseis-set-color-pass   div	{ color:#036703 !important; }
div.vaseis-set-color-nopass div	{ color:#9D0501 !important; }

/** Compact View 							 */
@media screen and (max-width: 700px)
{

	input.vaseis-games-input		{ width:50px; margin:5px; }
	div.vaseis-games-title-container	{ display:none;   }

	div.vaseis-games-data-container-tmima  		{ display: block; max-width:300px; margin-bottom:5px;  }
	div.vaseis-games-data-container-tmima  span	{ display: none; }

	div.vaseis-games-data-container  		{ display: block;  }
	div.vaseis-games-data-container  span.lbl	{ display: inline-block; font-weight:normal; color:#999; text-align:right; }
	div.vaseis-games-data-container  span.txt	{ display: inline-block; width:100px; font-weight:normal; color:#333; text-align:right; }

}
/** Full View 								 */
@media screen and (min-width: 700px) 
{
	input.vaseis-games-input		{ width:80px; margin:0px 10px 10px 10px; }
	
	div.vaseis-games-title-container	{ display:visible; }

	div.vaseis-games-title-element-tmima	{ display:inline-block; max-width:400px;  margin:0px 5px 5px 0px; text-align:left;  font-size:11px; font-weight:bold; color:#777; }	
	div.vaseis-games-title-element		{ display:inline-block; width:100px;  margin:0px 5px 5px 0px; text-align:right; font-size:11px; font-weight:bold; color:#777; }	

	div.vaseis-games-data-container-tmima 	{ display:inline-block; max-width:400px;  margin:0px 5px 5px 0px; text-align:left;  }

	div.vaseis-games-data-container 		 { display:inline-block; width:100px; margin:0px 5px 5px 0px; text-align:right; }
		div.vaseis-games-data-container span.lbl { display:none;  }
}


/* ******************************************************************************************************/
/*   These are only used for app=7 and app 8  
/* ******************************************************************************************************/
.themImage		{ /* overriden later at hosting for each client */ margin:0 auto; }		
.themata_marquee	{ width:100%; font-size:13pt;font-weight:bold; background-color:#ECECEC; margin:0px auto; padding:0px; text-align:center; }
.themata_marquee h4	{ margin:0px; padding:0px; }
.themata_tbl_top	{ width:100%; background: #fff; }
.themata_tbl		{ width:100%; background: #fff; }
.themata_tbl td		{ padding:2px; }

.themata_td_title	{ background:#6C6868; color:#fff; font-weight:bold; text-align:center; }
.themata_td_mname	{ background:#F6F4F4; width:56%; }
.themata_td_mdescr	{ background:#F6F4F4; width:23%; }
.themata_td_ekf		{ background:#F6F4F4; width:9%; text-align:center; }
.themata_td_apant	{ background:#F6F4F4; width:9%; text-align:center; }
.themata_td_sxolia	{ background:#F6F4F4; width:3%; text-align:center; }

a.themata_href		{ font-size:13px; text-decoration:underline; font-weight:normal; color:#1841b5; }
a.themata_href:hover	{ font-size:13px; text-decoration:underline; font-weight:normal; color:maroon; }

.themata_sxolia_tbl		{ background: #fff; }
.themata_sxolia_tbl td		{ padding:4px; }
.themata_sxolia_td_title	{ background:#6C6868; color:#fff; font-weight:bold; text-align:center; }
.themata_sxolia_td_sxolio	{ background:#F6F4F4; }


/*****************************************************************************************************************************/
/*** BBCode stuff ***/
/*****************************************************************************************************************************/
td.bbcodebgd		{ background-color:#E0E0E0; padding:10pt; }
pre.bbcode		{ font-family:'Andale Mono','Courier New',Courier; font-size:11pt; color:#000000; margin:0px; }

blockquote.bbquote	{ background-color:#E0E0E0; color:#000000; padding:10pt; margin-top:0px; margin-bottom:0px; }
blockquote.bbindent	{ margin-top:0px; margin-bottom:0px; }
font.bbcite		{ color:#1841b5; }

a.bblink		{ }
img.bbimgplain		{ border-style:none; }
img.bbimgcenter		{ border-style:none; }
img.bbimgleft		{ border-style:none; margin-right:10px; float:left;}
img.bbimgright		{ border-style:none; margin-left:10px; float:right; display:inline-block; zoom: 1; *display: inline; padding-bottom: 10px;}
img.bbimgmiddle		{ border-style:none; }
img.add-img-border	{ border: 1px solid #999 !important; }

h1.bbh1			{ font-size:23px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; }
h2.bbh2			{ font-size:20px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; }
h3.bbh3			{ font-size:17px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; }
h4.bbh4			{ font-size:14px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; }
h5.bbh5			{ font-size:11px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; }
h6.bbh6			{ font-size:9pt; font-weight:bold; font-style:normal; text-decoration: none;  color:#333; }
ul.bbul			{ }
ol.bbol			{ }
li.bbli			{ }
table.bbtable		{ }
tr.bbtr			{ }
td.bbtd			{ padding:3px; margin:0px; }
th.bbth			{ padding:3px; margin:0px; }
span.jshighlight	{ background-color: #ffff66; }
span.jsnohighlight	{ background-color: transparent; }

/*****************************************************************************************************************************/
/*** Responsive Stuff ***/
/*****************************************************************************************************************************/
/* Common */
img.bbimgplain, img.bbimgcenter, img.bbimgleft, img.bbimgright, img.bbimgmiddle { max-width:100%; }
img { max-width:100%; }

/*****Compact View a.k.a. Mobile 
@media screen and (max-width: 1024px)
{

	.bbimgright, .bbimgleft { float:middle; display:block;}	
	div.app_tree_navigation img {width:25%; height:auto; background:pink;}

}

/*****Desktop View a.k.a. Desktop View 
@media screen and (min-width: 1024px) 
{
}
*****/