@charset "utf-8";
/***************************ICD DEFINITIONS********************************************/
/* Default css definitions for all icd sites. This file include general icd definitions and
/* the css of each icd object. 
/* This file should be linked in all icd sites. A css file called icd_[site_name].css should
/* be also linked. In that file icd_defoult styles can be overwritten.
/* Author: Anna Hoffmann
/* Date: 19/03/09
/**************************************************************************************/

.clear{ clear:both;}
.center{ text-align:center;}
p.center, div.center { margin-right:auto; margin-left:auto;}
.left{text-align:left;}
p.left, div.left { margin-right:auto;}
.right{text-align:right;}
p.right, div.right { margin-left:auto;}
.rightFloat{ float:right}
.leftFloat{ float:left}

.icd_expl{ cursor:help; font-style:italic;}
.icd_alert{ color:#EF3800;} 

/*-----------------------------------GENERAL-------------------------------------------*/
.icd_object{ padding:20px 0; clear:right;}

.icd_indented{ margin-right:25px;}

.icd_level_indented{ margin-right:25px;}
.icd_level{ float:right;}

.icd_num_indented{ margin-right:25px;}
.icd_num{ float:right;}

a.icd_icon_link {text-decoration:none; }
a.icd_icon_link span {text-decoration:underline; }

/*icd form objects*/
.icd_answer_textarea, .icd_cloze_input, .icd_bad_cloze{ border: solid 1px #CCC; }

/*This class added to all icd text fields*/
.icd_text_field{ padding:0 3px;}

/*This class added to all icd flash objects*/
.icd_flash_object{ text-align:center; margin:10px auto;}

/*Regions of an icd page*/
#icd_rightBlock{float:right; width:280px;}
#icd_leftBlock{float:left; width:280px;}
#icd_bottomBlock{ clear:both;}

.icd_scrollBlock_horizontal{ height:500px; overflow-y:scroll; overflow-x:hidden;}
.icd_scrollBlock_vertical{ height:500px; overflow-y:scroll; overflow-x:hidden;}

#icd_rightBlock .icd_scrolledContent{margin-right: 20px;}
#icd_leftBlock .icd_scrolledContent{margin-left: 20px;}
 
#icd_rightBlock .icd_scrollBlock_horizontal{ direction:ltr;}
#icd_rightBlock .icd_scrollBlock_horizontal .icd_scrolledContent{ direction:rtl;}

/*-----------------------------------FEEDBACK-------------------------------------------*/
/*By default the feedback and the check button will appear side by side.
  The following width and the right margin should be overwritten according the designe.
  the div layout NOT IMPLEMENTED
.icd_feedback{ margin-top:10px;}
.icd_feedback_check_button{ width:100px; float:right;}
.icd_feedback .icd_errorSpan{ margin-right:100px;}*/

.icd_feedback{ clear:right;}
/*-----------------------------------ICD_YouTube.pm-------------------------------------------*/
.icd_external_media_text_side{ float:left;}
.icd_external_media_text_after{ clear:both;}
/*-----------------------------------ICD_CombineTable.pm-------------------------------------------*/
.icd_clear_td{ border:none;}
/*-----------------------------------ICD_ChoiceList.pm-------------------------------------------*/
.icd_choiceList_horizontal{ margin:10px 0;}
.icd_choiceList_horizontal .icd_choiceListItem{ float:right; padding:0 0 0 10px;}

/*-----------------------------------ICD_Title.pm-------------------------------------------*/
.icd_title img{ vertical-align:middle; padding-left:10px;}
/*-----------------------------------ICD_Text_Tiny.pm----------------------------------------*/
.mce_overlib_txt{ cursor:help; color:#c35f4b;}/*overlib txt in editor window*/
#overDiv{ border: 1px solid #ffbd1e; background: #fed569;}/*outer box*/
#overDiv table{ border:none; background: #fed569; }/*inner box*/
.overlibfontclass{ color:#1d55a3;}/*expl in site window*/
	
/*-----------------------------------ICD_Navigation.pm----------------------------------------*/
.icd_navigation{ text-align:center; }
/* The  dimensions of the default navigation buttons should be replaced with dimensions of the current site's navigation buttons. The default pictures should be replaced as well.
*/
.icd_navigation a{ padding:10px;}
.icd_navigation img{ 
	width:9px; height:15px; min-height:15px;
	cursor: pointer;
}
.icd_Previous{ background:url(../images/defaults/navigation/bck_off.jpg) no-repeat;}
.icd_Next{ background:url(../images/defaults/navigation/fwd_off.jpg) no-repeat;}

/*------------------------------------ICD_American.pm----------------------------------------*/
ul.icd_american_answers{list-style:none; margin:0; padding:0;}
ul.icd_american_answers li{
	list-style:none; list-style-image:none;
	margin:0; padding:0;
	clear:right;
	}
ul.icd_american_answers li input.american_radio{ float:right;}
ul.icd_american_answers li div.american_choice{ float:right;}
/***These styles were replaced by general feedback classes 29/03/09.***/
.icd_american_feedback_per_site{ margin-top:10px;}
.icd_american_check_button{ width:100px; float:right;}
.icd_american_feedback_per_site .icd_errorSpan{	margin-right:100px;}

/*------------------------------------ICD_Generic_Sorting.pm----------------------------------------*/
.generic_sorting_2sides { margin-right: 8px; float: right; }

/*------------------------------------ICD_BACKGROUND----------------------------------------*/
.icd_bg_bottom, .icd_bg_top{ height:0; line-height:0; font-size:0;}
div.colored_paragraph_green , div.colored_paragraph_green_small , div.colored_paragraph_yellow , div.colored_paragraph_yellow_small , div.colored_paragraph_blue, div.colored_paragraph_blue_small, div.bubble_up_paragraph , div.bubble_down_paragraph , div.postit_paragraph , div.postcard_paragraph , div.notebook_big , div.notebook_small
{
	margin:10px 0px;
}
div.colored_paragraph_green, div.colored_paragraph_green_small{
	padding: 10px;
	background: #d7eac0 url(/images/paragraphBG/txt_bg_green.gif);
}
div.colored_paragraph_green p, div.colored_paragraph_yellow p, div.colored_paragraph_blue p{ margin:0;}
div.colored_paragraph_yellow, div.colored_paragraph_yellow_small{
	padding: 10px;
	background-image: url(/images/paragraphBG/txt_bg_yellow.gif);
}
div.colored_paragraph_blue, div.colored_paragraph_blue_small{
	padding: 10px;
	background-image: url(/images/paragraphBG/txt_bg_blue.gif);
}
div.postit_paragraph , div.bubble_up_paragraph , div.bubble_down_paragraph , div.postcard_paragraph , div.postcard_paragraph_small,  div.notebook_big , div.notebook_big_small , div.notebook_small, div.notebook_small_small, div.postit_paragraph_small{
	float:none;	clear:both;
	margin-left:auto; margin-right:auto;
}
div.postit_paragraph{ width: 381px;}
div.postit_paragraph p, div.postit_paragraph ul{ margin-top:0; margin-bottom:0; padding-top:0px; padding-bottom:0px;}
div.postit_paragraph .icd_bg_top{
	height: 57px;
	background: url(/images/paragraphBG/petek_up.gif) no-repeat;
}
div.postit_paragraph .icd_bg_bottom{
	height: 32px;
	background: url(/images/paragraphBG/petek_down.gif) no-repeat;
}
div.postit_paragraph div.postit_paragraph_middle{
	/*margin-top:-5px;*/ padding: 0px 46px 0 46px;
	background-image: url(/images/paragraphBG/petek_pas.gif);
}
div.postit_paragraph_small{	width:261px;}
div.postcard_paragraph_small p{ margin:0;}
div.postit_paragraph_small .icd_bg_top{
	width: 261px; height: 52px;
	background: url(/images/paragraphBG/petek_s_up.gif) no-repeat;
}
div.postit_paragraph_small .icd_bg_bottom{
	width:261px; height: 32px;
	background: url(/images/paragraphBG/petek_s_down.gif) no-repeat;
}
div.postit_paragraph_small div.postit_paragraph_small_middle{
	/*margin-top:-5px;*/ padding: 2px 36px 0px 36px;
	background-image: url(/images/paragraphBG/petek_s_pas.gif);
}
div.bubble_up_paragraph{ width: 325px;}
div.bubble_up_paragraph p{ margin:0;}
div.bubble_up_paragraph .icd_bg_top{
	width: 325px; height: 32px;
	background: url(/images/paragraphBG/buble_green_up.gif) no-repeat;
}
div.bubble_up_paragraph .icd_bg_bottom{
	width: 325px; height: 115px;
	background: url(/images/paragraphBG/buble_green_down.gif) no-repeat;
}
div.bubble_up_paragraph div.bubble_up_paragraph_middle{
	/*margin-top:-5px;*/ padding: 0 32px 0 32px;
	background-image: url(/images/paragraphBG/buble_green_pas.gif);
}
div.bubble_up_paragraph_small{	width: 260px;}
div.bubble_up_paragraph_small .icd_bg_top{
	width: 260px; height:24px;
	background: url(/images/paragraphBG/buble_green_s_up.gif) no-repeat;
}
div.bubble_up_paragraph_small .icd_bg_bottom{
	width: 260px; height: 61px;
	background: url(/images/paragraphBG/buble_green_s_down.gif) no-repeat;
}
div.bubble_up_paragraph_small div.bubble_up_paragraph_small_middle{
	/*margin-top:-5px;*/ padding: 0 32px 0 32px;
	background-image: url(/images/paragraphBG/buble_green_s_pas.gif);
}
div.bubble_down_paragraph{	width: 498px;}
div.bubble_down_paragraph .icd_bg_top{
	width: 498px; height: 109px;
	background: url(/images/paragraphBG/buble_yellow_up.gif) no-repeat;
}
div.bubble_down_paragraph .icd_bg_bottom{
	width: 498px; height: 31px;
	background: url(/images/paragraphBG/buble_yellow_down.gif) no-repeat;
}
div.bubble_down_paragraph div.bubble_down_paragraph_middle{
	/*margin-top:-5px;*/ padding: 0 50px 0 50px;
	background-image: url(/images/paragraphBG/buble_yellow_pas.gif);
}
div.bubble_down_paragraph_small{width: 246px;}
div.bubble_down_paragraph_small .icd_bg_top{
	width: 246px; height: 62px;
	background: url(/images/paragraphBG/buble_yellow_s_up.gif) no-repeat;
}
div.bubble_down_paragraph_small .icd_bg_bottom{
	width: 246px; height: 21px;
	background: url(/images/paragraphBG/buble_yellow_s_down.gif) no-repeat;
}
div.bubble_down_paragraph_small div.bubble_down_paragraph_small_middle{
	/*margin-top:-5px;*/ padding: 0 40px 0 40px;
	background-image: url(/images/paragraphBG/buble_yellow_s_pas.gif);
}
div.postcard_paragraph{	width: 362px;}
div.postcard_paragraph .icd_bg_top{
	height: 18px;
	background: url(/images/paragraphBG/postcard_up.gif) no-repeat;
}
div.postcard_paragraph .icd_bg_bottom{
	height: 22px;
	background: url(/images/paragraphBG/postcard_down.gif) no-repeat;
}
div.postcard_paragraph div.postcard_paragraph_middle{
	background: url(/images/paragraphBG/postcard_pas.gif) repeat-y ;
}
div.postcard_paragraph div.postcard_paragraph_middle .icd_text_or_picture{padding: 10px 70px 0 30px;}
div.postcard_paragraph div.postcard_paragraph_middle .icd_text_or_picture p{ margin:0;}
div.postcard_paragraph_small{ width: 306px;}
div.postcard_paragraph_small .icd_bg_top{
	height: 24px;
	background: url(/images/paragraphBG/postcard_s_up.gif) no-repeat;
}
div.postcard_paragraph_small .icd_bg_bottom{
	height: 23px;
	background: url(/images/paragraphBG/postcard_s_down.gif) no-repeat;
}
div.postcard_paragraph_small div.postcard_paragraph_small_middle{
	padding: 10px 70px 0 30px;
	background-image: url(/images/paragraphBG/postcard_s_pas.gif);
}
div.postcard_paragraph_small #stamp{
	position: absolute;	right: 11px; top: 16px;
}
div.notebook_big, div.notebook_big_small{
	clear:both;
	width: 363px; height: 464px;	
	background: url(/images/paragraphBG/notebook_big.gif) no-repeat;
}
div.notebook_big div.notebook_big_middle{
	margin: 17px 46px 30px 20px;
	line-height:31px;
}
div.notebook_big_small div.notebook_big_small_middle{
	margin: 17px 46px 30px 20px;
	line-height:31px;
}
div.notebook_small, div.notebook_small_small{
	clear:both;
	width: 314px; height: 401px;	
	background-image: url(/images/paragraphBG/notebook_small.gif) no-repeat;
}
div.notebook_small div.notebook_small_middle{
	margin: 15px 46px 30px 20px;
	line-height:31px;
}
div.notebook_small_small div.notebook_small_small_middle{
	margin: 17px 46px 30px 20px;
	line-height:31px;
}