body
{
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    
    background-image:url(images/back.gif);
	background-repeat:  no-repeat;
	background-postion: top left;
	background-color: #d8d88a;
}

p
{
    font-size: 11px;
	background-color: transparent;
	text-align: justify;
	/* line-height: 20px; */
}

center
{
    font-size: 11px;
}

li
{
    font-size: 11px;
    list-style-type: square;
}

form
{
	margin: 0;
	padding: 0;
	border: 0;
}

/******************************************************************************/
/*  HEADERS																	  */
/******************************************************************************/

h1
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding 0;
	border-width: 0;
    
    color: #82814E;
	letter-spacing: 2px;
    font-weight: bold;
    font-size: 20px;
}

h2
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding 0;
	border-width: 0;
    font-size: 18px;
    letter-spacing: 2px;
    color: #82814E;
}

h3
{
    color: #000000;
    margin: 0;
    padding: 5px;
}

h4
{

}

.header
{
}

.course_header
{
	margin-top: 10px;
	margin-bottom: 10px;
    color: #82814E;
	letter-spacing: 2px;
    font-weight: bold;
    font-size: 22px;
}

/******************************************************************************/
/* DO NOT SHOW THESE PARTS - THEY ARE FOR PRINTS ONLY						  */
/******************************************************************************/

.print_header
{
	display:none;
}

.print_footer
{
	display:none;
}

.print_only
{
	display:none;
}

/******************************************************************************/
/* LINKS																	  */
/******************************************************************************/

a
{
    color: #807f2d;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #807f2d;
}

a:hover
{
    border-bottom-style: solid;
}

/******************************************************************************/
/* IMAGES																	  */
/******************************************************************************/

img
{
	border-width: 0;
	
}

.imglink
{
	border-width: 0;
	text-decoration: none;
}

.pageimg
{
	padding: 10px;
	padding-top: 13px;
}

/******************************************************************************/
/* CLASSES																	  */
/******************************************************************************/

.lang_button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 11px;
    padding: 0;
    color: #807f2d;
    background-color: #E9E8AD;
    border-width: 0;
}

.title
{
    font-weight: bold;
    padding: 3px;
	padding-left: 0px;
}

/* Spesifies who DONE status for exercise is shown in exercise list */
.done
{
	font-weight: bold;
	color: #029b26;
}

/* Spesifies who NOT DONE YET status for exercise is shown in exercise list */
.not_done
{
	font-weight: bold;
	color: #c62121;
}

.textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    width: 95%;

    padding: 3px;

    background-color: #FFFFFF;

    border-width: 1px;
    border-style: solid;
    border-color: #dbda8f;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #dbda8f;
}

.textfield
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    width: 95%;
    height: 24px;
    
    padding: 3px;

    background-color: #FFFFFF;

    border-width: 1px;
    border-style: solid;
    border-color: #dbda8f;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #dbda8f;
}

.datefield
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    width: 40%;
    height: 24px;
    
    padding: 3px;

    background-color: #FFFFFF;

    border-width: 1px;
    border-style: solid;
    border-color: #dbda8f;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #dbda8f;
}

.combobox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;

    width: 150px;
    height: 24px;

    padding: 3px;

    background-color: #FFFFFF;

    border-width: 1px;
    border-style: solid;
    border-color: #dbda8f;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #dbda8f;
}

.small_combobox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;

    width: 50px;
    height: 24px;

    padding: 3px;

    background-color: #FFFFFF;

    border-width: 1px;
    border-style: solid;
    border-color: #dbda8f;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #dbda8f;
}

.answerbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;

    width: 50px;
    height: 24px;

    padding: 3px;

    background-color: #FFFFFF;

    border-width: 1px;
    border-style: solid;
    border-color: #dbda8f;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #dbda8f;
}

.submit
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 3px;
    font-size: 11px;
    padding: 2px;
    
    color: #F0EEDF;
    background-color: #aead5b;

    border-width: 1px;
    border-style: solid;
    border-color: #aead5b;
}

/******************************************************************************/
/* TABLES																	  */
/******************************************************************************/
 
.search_bar
{
    margin: 0;
    text-align: right;
}
 
.tab
{
    text-align: center;
    font-size: 12px;
}

.tabbar
{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    
    border-width: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #abaa52;
    
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #abaa52;
}

.button
{
    font-size: 12px;
    background-color: #e9e8ad;
    text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;

    border-width: 0px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #dbda8f;
}

.language_bar_area
{
    font-size: 12px;
 	position: relative;
	text-align: right;
	background-color: #E9E8AD;
	height: 15px;
	border-color: #8A8A59;
	border-width: 1px;
	border-style: dashed;
	padding: 2px 10px 2px 2px; 
	letter-spacing: 2px;
}

.menu_area
{
    width: 164px;
    vertical-align: top;
    background-color:#e9e8ad;
}

.copyright
{
    font-size: 11px;
 	position: relative;
 	border-color: #8A8A59;
	background-color: #E9E8AD;
	height: 15px;
	text-align: right;
	border-width: 1px;
	border-style: dashed;
	padding: 2px 110px 2px 2px;
    letter-spacing: 1px;
}

.page_area
{
    vertical-align: top;
    background-color: #FFFFFF;
    background-image:url(images/flower_back.gif);
    background-position: bottom right;
 	background-repeat: no-repeat;
    width: 670px; 
    height: 100%;
	padding: 10px;

}

.main_container
{
	padding: 4px 4px 4px 4px;
	margin-top: 50px;
	margin-left: 60px;
	border-style: dotted;
	border-width: 2px;
	border-color: #8A8A59:
	overflow: show;
    background: #FFFFFF;
	width: 834px;
}

.login
{
    font-size: 12px;
    background-color: #e9e8ad;
    margin: 5px;
    margin-bottom: 10px;
    padding: 5px;
    padding-bottom: 0;

    border-width: 1px;
    border-style: solid;
    border-color: #dbda8f;

    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #dbda8f;

    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #dbda8f;
}



.ok
{
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    font-size: 12px;
    background-color: #ACF2AF;
    padding: 5px;
    width: 50%;
    text-align: center;

    border-width: 1px;
    border-style: solid;
    border-color: #085f27;

    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #085f27;

    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #085f27;
}

.ok_title
{
    font-size: 24px;
    color: #085f27;
    letter-spacing: 2px;
}

.ok_link
{
    color: #085f27;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #085f27;
}

.ok_link:hover
{
    border-bottom-style: solid;
}


.error_title
{
    font-size: 24px;
    color: #DE4E4E;
    letter-spacing: 2px;
}

.error_link
{
    color: #DE4E4E;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #DE4E4E;
}

.error_link:hover
{
    border-bottom-style: solid;
}

.error
{
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    font-size: 12px;
    background-color: #FFE6E6;
    padding: 5px;
    width: 50%;

    border-width: 1px;
    border-style: solid;
    border-color: #DE4E4E;

    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #DE4E4E;

    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #DE4E4E;
}

.line
{
	margin-bottom: 10px;
}

.small_container
{
    font-size: 12px;
    background-color: #f6f6d9;
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;

    border-width: 1px;
    border-style: solid;
    border-color: #dbda8f;

    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #dbda8f;

    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #dbda8f;
}

.container
{
    font-size: 12px;
    background-color: #f1f1d4; /* f6f6d9 */
    margin-bottom: 10px;
    padding: 5px;
    width: 98%;

    border-width: 1px;
    border-style: solid;
    border-color: #dbda8f;

    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #dbda8f;

    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #dbda8f;
}

.multiselection
{
    font-size: 12px;
    width: 100%;
    border-width: 2px;
    border-color: #000000;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.table
{
    font-size: 12px;
    width: 100%;
    border-width: 0;
}

.correct_answer
{
    font-size: 12px;
    background-color: #43db67;
    padding: 5px;
}

.incorrect_answer
{
    font-size: 12px;
    background-color: #fb0a0a;
    padding: 5px;
}


.table_header
{
    font-size: 12px;
    background-color: #dbda8f;
    padding: 5px;
}

.cell
{
	font-size: 11px;
    padding: 5px;
}

.table_content
{
    font-size: 12px;
    background-color: #e9e8ad;
    padding: 5px;
}

/******************************************************************************/
/* STYLE DEFINITIONS FOR PRINTING											  */
/******************************************************************************/
@media print {

    .print_header
    {
        /* margin: auto 0px; */
        text-align: left;
        display: block;
    }

	.display_only
	{
		display: none;
	}

	.header
	{
		display: none;
	}

	.print_footer
	{
		width: 98%;
        text-align: left;
        display: block;
	}

	.print_only
	{
		display: block;
	}
	
	html
	{
		margin: 0;
	}

	body
	{
		margin: 0;
		color: #000000;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	.main_container
	{
		margin: 0;
		font-size: 12px;
		padding: 0px;
		background-color: #FFFFFF;
		border-width: 0;
	}

	.copyright
	{
		display: none;
	}

	.container
	{
		font-size: 12px;
		background-color: #000000;
		margin: 0;
		margin-bottom: 10px;
		padding: 5px;
		width: 98%;
		border-width: 0;
	}


	.tab
	{
		display: none;
	}
	
	.tabbar
	{
		display: none;
	}
	
	.button
	{
		display: none;
	}
	
	.language_bar_area
	{
		display: none;
	}
	
	.menu_area
	{
		display: none;
	}

	.submit
	{
		display: none;
	}
	
	.bottomimg
	{
		display: none;
	}
	
	.page_area
	{
		vertical-align: top;
		background-color: #FFFFFF;
		/* width: 570px; */
		/* height: 100%; */
		padding: 10px;
		border-width: 0;
	}
	
	h1
	{
		margin: 0;
		font-size: 24px;
		letter-spacing: 2px;
		color: #000000;
	}
	
	h2
	{
		color: #000000;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 18px;
		letter-spacing: 2px;
	}
	
	h3
	{
		color: #000000;
		margin: 0;
		padding: 5px;
	}


	a
	{
		color: #000000;
		text-decoration: none;
		border-width: 0;
	}

	.table
	{
		font-size: 12px;
		width: 100%;
		margin: 0;
		border-width: 0;
	}
	
	.table_header
	{
		font-size: 12px;
		background-color: #000000;
		padding: 5px;
	}
	
	.cell
	{
		padding: 5px;
	}
	
	.table_content
	{
		font-size: 12px;
		background-color: #000000;
		padding: 5px;
	}
}