/*	branding
*/
#logo
{
	display:block;
	position:absolute;
	left:70px;
	top:7px;
	width:154px;
	height:40px;
	background:transparent url(../media/skin-vob/logo.png) 0 0 no-repeat;
}

/* header items  */

#header-user {
    right: 160px !important;
    top: 27px !important;
}

#header-date {
    left: 712px !important;
    top: 8px !important;
}

#header-title{
	padding-top:15px !important;
}

/* Font used in generated labels. */
.titleFont {
	/*
		This is blatant abuse of css. 
		These values are read in JavaScript and sent to the image server as follows:
		font-family maps to a ttf file on the image server.
		font-size maps to the number of points/
		line-height maps to a scale factor.
	*/
	font-family: Verdana;
	font-size: 50px;
	line-height: 50%;
}
.tabsFont {
	font-family: Verdana;
	font-size: 40px;
	line-height: 32%;
	font-weight:bold;
}
.dateFont {
	font-family: Verdana;
	font-size: 40px;
	line-height: 32%;
}
.nameFont {
	font-family: Verdana;
	font-size: 40px;
	line-height: 32%;
}

/*	interface colors
*/
.darker
{
	/*color:#3d403d;*/
	color:#505450;
}
.dark
{
	color:#505450;

}
.light
{
	/*color:#ff7320;*/
	color: #FF7320;
}
.lighter
{
	/*color:#ff8a45;*/
	color:#f39548;
}
.face-light
{
	background-color:#FF7320;
}
.face-dark
{
	/*background-color:#505450;*/
	background-color:#eaeaea;
}
.face-text
{
	/*	background for text */
	background-color:#ffffff;
}
.text 
{
	/* background for text */
	color:#ffffff;
}

.positive
{
	/* text dark on light */
	color:#000000;
}
.negative
{
	/* text light on dark */
	color:#000;
}


/*	typography
*/
.text-title
{
	font-size:18px;
	font-weight:bold;
	line-height:26px;

	word-wrap:break-word; /* break long words */
}

.text-preview
{
	font-size:14px;
	line-height:26px;
}

.text-preview-styled span
{
	/*	block style text preview */
	color:#dbdbdb;/*#eaeaea;*/
	background-color:#dbdbdb;/*#eaeaea;*/
}

.text-preview-targetword
{
	font-size:11px;
	line-height:12px;
}

.support-body
{
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}

#lesson-title, .lesson-title_hide
{	
	font-size:18px;
	font-weight:bold;
}

#lesson-text-body
{
	font-size:16px;
	line-height:26px;
}

#lesson-text-footer
{
	font-size:12px;
	padding-bottom:7px;
}

.supported
{
	background-color:#fbc898;
	padding:0px 3px;
}

#progress-header
{
	font-weight:bold;
	font-size:16px;
}

#progress-paging
{
	margin-top:5px;
	font-weight:bold;
	font-size:14px;
}

.result .title
{
	margin-top:8px;
	font-size:16px;
	/*font-weight:bold;*/
}

.title_hide
{
	margin-top:8px;
	font-size:16px;
	font-weight:bold;
}
.result .stats
{
	font-size:14px;
	font-weight:bold;
}

#preferences-form
{
	font-weight:normal;
	font-size:16px;
}
#header-my a
{
	background:url(../media/buttons/button_profile_nl.png) no-repeat;
}

/*	task typography
*/
#task-header
{
	font-size:18px;
	font-weight:bold;
}

#task-intro
{
	font-size:16px;
}

#task-body
{
	font-size:16px;
	line-height:24px;
}

#task-body p
{
	margin:24px 0px;
}

#task-body input
{
	/*width:90px;*/
	max-width:150px;
	border:1px solid #505450; /* dark */
	padding:1px 2px;
	
	font-size:16px;
	color:#000000;
}

#task-body .blanks_option /* dragable words */
{
	font-weight:normal;
	background-color:#fff;
	padding-left:7px;
}

#task-body .correct /* green */
{
	/*color:#2ea400;*/
	color:#ffffff;
	font-weight:bold;
}

#task-body .incorrect /* red */
{
	color:#e60000;
	border-color:#e60000;
}