#invelope {padding:  0px 0px 20px 0px;}
#insideInvelope {padding:  20px 20px 0px 20px;}

/*Left column*/
#leftcolumn {width: 72%;}

/*Right column*/
#rightcolumn {float: right; width: 25%}

/*News Strip*/
#news {border-bottom: 1px solid #FDAF20; margin: 0; padding: 5px 10px; z-index: 10;
	background-image: url(http://beta.ranganna.com/Nabytek/corners_invelopeN.gif); 
	background-repeat: no-repeat; background-color: #FEF2DB;}
#news .title {font-weight: bold;}

/*Scroller*/
DIV#scroller {text-align: center; border: 1px solid #CCCCCC;
	padding: 7px 5px 10px 5px; margin-bottom: 20px; position: relative; background-image: url(http://beta.ranganna.com/Nabytek/scroller_back.gif); background-position: top; background-repeat: repeat-x;}
DIV#scroller A {width: .75em; padding: 2px 4px; background-color: #DCDCDC; border: 1px outset; color: #737373}
DIV#scroller A:hover {background-color: #BDDDF8; color: #115EA1}
A#scroll_back {position: absolute; left: 5px; top: 8px;}
A#scroll_forward {position: absolute; right: 5px; top: 8px;}
SPAN#scroll_numbers {}
SPAN#scroll_numbers A {}
SPAN#scroll_numbers A.current {border: 1px inset; background-color: #FFFFFF;}
DIV#scroller.litup {border-color: #676767;}
DIV#scroller.litup A {color: Navy;}

/*Welcome message*/
DIV#messages {min-height: 255px;}
.message {display: none; zoom: 1; background-color: #FFFFFF;}
.message .illustration {float: left; margin-right: 20px; position: relative;}
.message .text {font-family: Georgia, serif; font-size: 1.2em; margin-left: 170px; padding-top: 20px;}
.message .text H1 {color: #1E3665; font-weight: normal; margin: 0px 0px 0.25em 0px; font-size: 170%;}
.message .text H2 {color: #1E3665; font-weight: normal; margin: 1.0em 0px 0.25em 0px; font-size: 130%;}
.message .text P {color: #333333; line-height: 1.75em; margin: 0px 0px 0.25em 0px;}
.message .text A {color: #0E7CAA;}

/*Map*/
.map {}
.map .map_point {position: absolute;}
.map .map_box {display: none; width: 133px; background-color: #D1DCCB; padding: 5px;}
.map .map_box .title {font-weight: bold; margin-bottom: 5px;}
.map .map_box .body {color: #6A6A6A;}

/*Showcase*/
#showcase {}
#showcase .item {clear: left; padding-bottom: 5px; border-bottom: 1px solid #678FC2; margin-bottom: 10px;}
#showcase .item .icon {float: left; margin-right: 10px;}
#showcase .item H1 {font-size: 1.1em; font-weight: bold; color: #B71417; margin: 0px 0px 5px 0px;}
#showcase .item H1 A {color: #B71417;}
#showcase .item P {margin: 0px 0px 5px 0px;}

/*Corporate definition*/
#definition {font-family: Georgia, serif; font-size: 1em; color: #333333; line-height: 1.75em;
	padding-top: 10px; border-top: 1px solid #CCCCCC; margin-top: 10px;}
#definition A {color: #0E7CAA;}


/*Labels (below definition)*/
#labels {font-family: Georgia, serif; font-size: 1em; color: #333333; line-height: 1.75em;
	padding-top: 10px; border-top: 1px solid #CCCCCC; margin-top: 10px;}
#labels A {color: #0E7CAA;}


/*User courses*/
#usercourses {border: 1px solid #678FC2; padding: 6px; margin-bottom: 10px;}
#usercourses H1 {font-size: 1.1em; font-weight: bold; color: #B71417; margin: 0px 0px 8px 0px;}
#usercourses .item {clear: left; padding-bottom: 5px; margin-bottom: 0px;}
#usercourses .item H1 {font-size: 1em; font-weight: normal; color: #1E3665; margin: 0px 0px 0px 0px;}
#usercourses .item H1 A {color: #1E3665;}
#usercourses .arrow {background-image: url(Nabytek/arrow-blue-small.gif); font-size: 1em; background-position: right; 
	background-repeat: no-repeat; height: 20px; padding-top: 4px; margin-top: 0px; text-align: left; 
	padding-right: 12px; margin-right: 0px; padding-left: 2px;}
#usercourses .arrow A.click {display: block; font-size: 120%; color: #696969; font-weight: bold;}
#usercourses .arrow A:hover {text-decoration: underline;}
#usercourses .moreinfo {width:100%; text-align: right;}
#usercourses .moreinfo A {display: inline-block; padding: 2px 5px; border: 1px outset;
	background-color: #FEFBF3; color: #8F1418;}
#usercourses .moreinfo A:hover {background-color: #FFFFFF;}

/*Hint for language changing*/
#languagehint {background-image: url(Nabytek/language-hint.gif); height: 118px; padding: 12px 15px 0px 20px; color: #111111; font-weight: normal; font-size: 1.0em; margin-bottom: 6px;}
#languagehint p {margin: 10px 0px;}
#languagehint A {color: #657E25; font-size: 1.7em; font-family: Georgia, serif;}
#languagehint A:hover {text-decoration: underline;}

/*Homepage picture*/
#homepic {float: right; margin-left: 5px; position: relative;}
#homepic img {border: 1px solid #ffffff;}

/*Buttons for different course groups*/
#coursegroupbuttons {height: 240px; padding: 0px 0px 10px 0px; background-color: #FFFFFF;}
#coursegroupbuttons p {font-family: Georgia, serif; font-size: 1.3em; color: #111111; line-height: 1.3em; margin-bottom: 5px;}
#coursegroupbuttons A {float: left; padding: 0px; background-image: url(Nabytek/course-group-box-nofocus.gif);
	color: #8F1418; font-weight: normal; width: 292px; height: 76px; font-size: 1.8em;
	text-align: center; padding-top: 24px;
	font-family: Georgia, serif;}
#coursegroupbuttons A:hover {background-image: url(Nabytek/course-group-box-focus.gif);}
#coursegroupbuttons A span.hint {font-size: 0.6em;  font-style: italic;  font-weight: normal; color: #333333;  }
#coursegroupbuttons A:hover span.hint {text-decoration: none;}


/*Icons for different course groups*/
#coursegroupicons {height: 340px; padding: 0px 0px 10px 0px; background-color: #FFFFFF; margin-bottom: 10px;}
#coursegroupicons p {font-family: Georgia, serif; font-size: 1.3em; color: #111111; line-height: 1.3em; margin-bottom: 15px;}
#coursegroupicons A {float: left; padding: 0px; background-image: url(Nabytek/Icons/GroupIconC_0.gif); background-repeat: no-repeat;
	color: #053592; font-weight: normal; width: 192px; height: 100px; font-size: 1.8em;
	text-align: left; padding-top: 2px; padding-left: 90px; margin-top: 10px;
	font-family: Georgia, serif;}
#coursegroupicons A#id1 {background-image: url(Nabytek/Icons/GroupIconC_1.gif);}
#coursegroupicons A#id2 {background-image: url(Nabytek/Icons/GroupIconC_2.gif);}
#coursegroupicons A#id3 {background-image: url(Nabytek/Icons/GroupIconC_3.gif);}
#coursegroupicons A#id5 {background-image: url(Nabytek/Icons/GroupIconC_5.gif);}
#coursegroupicons A#id7 {background-image: url(Nabytek/Icons/GroupIconC_7.gif);}
#coursegroupicons A#id8 {background-image: url(Nabytek/Icons/GroupIconC_8.gif);}
#coursegroupicons A:hover {background-image: url(Nabytek/Icons/GroupIconD_0.gif); color: #F7A100;}
#coursegroupicons A#id1:hover {background-image: url(Nabytek/Icons/GroupIconD_1.gif);}
#coursegroupicons A#id2:hover {background-image: url(Nabytek/Icons/GroupIconD_2.gif);}
#coursegroupicons A#id3:hover {background-image: url(Nabytek/Icons/GroupIconD_3.gif);}
#coursegroupicons A#id5:hover {background-image: url(Nabytek/Icons/GroupIconD_5.gif);}
#coursegroupicons A#id7:hover {background-image: url(Nabytek/Icons/GroupIconD_7.gif);}
#coursegroupicons A#id8:hover {background-image: url(Nabytek/Icons/GroupIconD_8.gif);}
#coursegroupicons A span.hint {font-size: 0.6em;  font-style: normal;  font-weight: normal; color: #333333;  }
#coursegroupicons A:hover span.hint {text-decoration: none;}


/*Icons for different courses*/
#courseicons {min-height: 140px; padding: 0px 0px 10px 0px; background-color: #FFFFFF; margin-bottom: 40px;}
#courseicons p {font-family: Georgia, serif; font-size: 1.2em; color: #111111; line-height: 1.3em; margin-bottom: 15px;}
#courseicons A {float: left; padding: 0px; background-repeat: no-repeat;
	color: #053592; font-weight: normal; width: 540px; min-height: 45px; font-size: 1.6em;
	text-align: left; padding-top: 2px; padding-left: 50px; margin-top: 10px;
	font-family: Georgia, serif;}
#courseicons A:hover span.hint {text-decoration: none;}
#courseicons A:hover {color: #F7A100;}


#testicon {height: 77px; padding: 3px 0px 10px 0px; background-color: #FFE4B5; margin-bottom: 10px;}
#testicon p {color: #111111; line-height: 0.5em; margin-bottom: 15px;}
#testicon A
{
	background-image: url(Nabytek/Icons/IcoTests_50x50.gif);
	text-align: left;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-left: 60px;
	width: 145px;
	padding-right: 0px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	float: left;
	height: 100px;
	color: #b71417;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 2px;
	line-height: 1.1em;
}
#testicon A span.hint {font-size: 0.8em;  font-style: normal;  font-weight: normal; color: #333333;line-height: 0.9em;}
#testicon A:hover span.hint {text-decoration: none;}

div.facebook {height: 286px;}

div.twitter {color: #404040; margin-bottom: 2px; width: 220px; text-align: right;}
div.twitter div.link {text-align: left; width: 98px; float: right; margin-top: -7px; margin-left: 5px;}

div.course-label {font-size: 12px; font-weight: bold; color: #B71417; margin: 10px 0px 5px 0px; cursor: pointer;}
div.course-label:hover {color: #000000;}
div.course-label img.label-button {float: right; margin-top: -4px;}