/* Reset browsers
___________________________________________________*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.col .left {
	float: left;
}
.col .right {
	float: left;
}
/* Page basics
___________________________________________________*/

body {
	background: #fefefe url(../images/bg-body.jpg) center 0 repeat-x;
	color: #666;
	line-height: 18px;
	font-size: 62.5%;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	height: 100%;
}

.page {
	width: 940px;
	text-align: left;
	margin: 0 auto;
}

.inside {
	width: 942px;
	margin: 0 auto;
}


/* Misc
___________________________________________________*/

/* Self-clear floats */

.group:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Type
___________________________________________________*/


/* -- Basic -- */

.wrap {
	font-size: 1.1em;
	text-align: left;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: Arial, sans-serif;
}

h1 {
	color: #ff108d;
	font: bold 3.4em Arial, sans-serif;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

h2 {
	color: #000;
	font-size: 1.8em;
	line-height: 1em;
	padding-bottom: 15px;
	margin: 0;
}

p {
	padding-bottom: 5px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a,
a:visited,
a:hover,
a:active {
	color: #00bff0;
}

ul a,
ul a:visited,
ul a:hover,
ul a:active {
	color: #ff108d;
}

.primary ul{
	font-size: 1.2em;
	list-style-type: disc;
	padding-bottom: 15px;
	margin-left: 15px;
}

.primary ol {
	font-size: 1.2em;
	list-style: decimal-leading-zero;
	padding-bottom: 15px;
	margin-left: 25px;
}


/* -- Page type . Start -- */

/* Primary */
.start .primary h2 {
	color: #000;
	font-size: 2em;
	padding-bottom: 15px;
}

.start .primary p {
	color: #666;
	font-size: 1.4em;
	line-height: 20px;
}

/* Secondary */
.start .secondary h3 {
	color: #00bff0;
	font: bold 1.4em Arial, sans-serif;
	text-transform: uppercase;
	padding-bottom: 1px;
}

.start .secondary h4 {
	color: #000;
	font-size: 1.6em;
	line-height: 20px;
	padding-bottom: 10px;
}

.start .secondary p {
	font-size: 1.2em;
}


/* -- Page type . Subpage -- */

.subpage h1 {
	font: normal 2.2em Arial, sans-serif;
	width: 320px;
	padding-bottom: 15px;
	margin-top: 20px;
}

.subpage h2 {
	font: normal 1.5em Arial, sans-serif;
	padding-bottom: 10px;
}

.subpage .page p, 
.subpage .page .col div {
	font-size: 1.2em;
	padding-bottom: 25px;
}


/* -- Specific page layout . Contact -- */

.two-col-wide h1 {
	margin-top: 0;
}

.contact h3 {
	color: #ff108d;
	font-size: 0.8em;
	padding-bottom: 2px;
}

.contact h4 {
	color: #000;
	font-size: 0.8em!important;
	padding-bottom: 10px;
}

.two-col-wide .primary .col p {
	width: 200px;
}


/* -- Specific page layout . Sidebar -- */

.sidebar h1 {
	margin-top: 0;
}

.sidebar h3 {
	color: #ff108d;
	font-size: 2.1em;
	line-height: 1em;
	padding-bottom: 15px;
}

.sidebar h4 {
	color: #ff108d;
	font-size: 1.5em;
	padding-bottom: 20px;
}

.sidebar .primary p {
	padding-bottom: 5px;
}


/* Head
___________________________________________________*/

.head {
	height: 102px;
	padding-top: 20px;
}

.head a.logo {
	position: relative;
	left: -9px;
	width: 215px;
	float: left;
	display: inline;
}

.head form {
	/*width: 302px;*/
	height: 48px;
	float: right;
	display: block;
	position:relative;
	top: 30px;
}

.head form span {
	background: url(../images/larar-head.jpg) 0 2px no-repeat;
	text-indent: -9999px !important;
	text-align: left;
	width: 81px;
	height: 15px;
	float: left;
	display: block;
}

.head form a {
	color: #ccc !important;
	font-size: 1.1em;
	text-align: right;
	width: 100px;
	float: right;
	display: inline;
}

.head form input.text-input {
	border: 0;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: url(../images/bg-text-input-short.gif) 0 0 repeat-x;
	color: #595959;
	font-size: 1.1em;
	width: 133px;
	float: left;
	display: inline;
	padding: 6px 4px 4px 5px;
	margin: 5px 76px 0 0;
}

.head form input.last {
	float: right;
	display: inline;
}

.head form input.button-input {
	position: absolute;
	bottom: 2px;
	right: 0;
}

.head form.logout input.button-input {
	margin-top: 7px;
}

.head .logout {
	display:inline;
	float:right;
	height:48px;
	position:relative;
	top:30px;
}

.head .logout span {
	color:#FFFFFF;
	display: block;
	padding: 12px 2px 0 0;
}

.head .logout a {
	bottom:0;
	position:absolute;
	right:0;
}

/* Nav
___________________________________________________*/


/* -- Main nav -- */

ul.nav {
	background: transparent url(../images/bg-nav.gif) no-repeat scroll right 0;
	margin-bottom: 40px;
}

ul.nav li {
	width: auto;
	float: left;
	display: inline;
}

ul.nav li a {
	text-indent: -99999px;
	width: auto;
	height: 62px;
	float: left;
	display: inline;
}

ul.nav li.nav-item-0 a {background: url(../images/bg-nav-items.gif) 0 0 no-repeat; width: 92px;}
ul.nav li.nav-item-1 a {background: url(../images/bg-nav-items.gif) -92px 0 no-repeat; width: 231px;}
ul.nav li.nav-item-2 a {background: url(../images/bg-nav-items.gif) -323px 0 no-repeat; width: 217px;}
ul.nav li.nav-item-3 a {background: url(../images/bg-nav-items.gif) -541px 0 no-repeat; width: 160px;}
ul.nav li.nav-item-4 a {background: url(../images/bg-nav-items.gif) -702px 0 no-repeat; width: 76px;}
ul.nav li.nav-item-5 a {background: url(../images/bg-nav-items.gif) -779px 0 no-repeat; width: 164px;}

ul.nav li.nav-item-0 a:hover, ul.nav li.nav-item-0 a.active {background: url(../images/bg-nav-items.gif) 0 -62px no-repeat;}
ul.nav li.nav-item-1 a:hover, ul.nav li.nav-item-1 a.active {background: url(../images/bg-nav-items.gif) -92px -62px no-repeat;}
ul.nav li.nav-item-2 a:hover, ul.nav li.nav-item-2 a.active {background: url(../images/bg-nav-items.gif) -323px -62px no-repeat;}
ul.nav li.nav-item-3 a:hover, ul.nav li.nav-item-3 a.active {background: url(../images/bg-nav-items.gif) -541px -62px no-repeat;}
ul.nav li.nav-item-4 a:hover, ul.nav li.nav-item-4 a.active {background: url(../images/bg-nav-items.gif) -702px -62px no-repeat;}
ul.nav li.nav-item-5 a:hover, ul.nav li.nav-item-5 a.active {background: url(../images/bg-nav-items.gif) -779px -62px no-repeat;}


/* -- Subnav -- */

ul.subnav {
	background: url(../images/bg-subnav.gif) 0 0 no-repeat;
	width: 226px;
	float: left;
	display: inline;
	padding-top: 6px;
}

ul.subnav li {
	border-bottom: 1px solid #000;
}

ul.subnav li.first a {
	background-position: 0 center;
	padding-top: 4px;
}

ul.subnav li a {
	background: url(../images/bg-subnav-item.gif) 0 50% no-repeat;
	color: #fff !important;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	padding: 8px 10px;
}

ul.subnav li a:hover, ul.subnav li a.active {
	background: url(../images/bg-subnav-item-active.gif) 0 0 no-repeat;
}

/* -- Third level -- */

ul.subnav li ul {
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

ul.subnav li ul li a {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #9e9e9e;
	background: #ccc url(../images/bg-thirdnav-item-2.gif) 0 center no-repeat !important;
	color: #333 !important;
	font-size: 1.2em;
	line-height: 1.2em;
	text-decoration: none;
	display: block;
	padding: 7px 25px 5px 25px !important;
}

ul.subnav li ul li a:hover, ul.subnav li ul li a.active {
	background: url(../images/bg-thirdnav-item-active-2.gif) 0 center no-repeat !important;
}

/* Page type . Start
___________________________________________________*/

/* Primary */
.start .primary {
	background: url(../images/bg-start-primary.jpg) 595px 0 no-repeat;
	min-height: 202px;
  	height: auto !important;
  	height: 202px;
	padding-right: 404px;
}

/* Secondary */
.start .secondary {
	border-top: 1px solid #ccc;
	margin-top: 35px;
}

.start .secondary .col {
	position: relative;
	top: -26px;
	width: 288px;
	float: left;
	display: inline;
	padding-top: 50px;
	margin-right: 33px;
}

.start .secondary .col-1 {
	background: url(../images/icon-news.gif) right 0 no-repeat;
}

.start .secondary .col-2 {
	background: url(../images/icon-tip.gif) right 0 no-repeat;
}

.start .secondary .col-3 {
	background: url(../images/icon-search.gif) right 0 no-repeat;
}

.start .secondary .col-3 {
	margin: 0;
}


/* Page type . Subpage
___________________________________________________*/

.subpage ul.nav {
	margin-bottom: 20px;
}


/* Page type . Two cols
___________________________________________________*/

.two-col .primary {
	width: 684px;
	float: right;
	display: inline;
}

.two-col .col {
	width: 320px;
	float: left;
	display: inline;
}

.two-col .primary .last {
	width: 320px;
	float: right;
}


/* Page type . Two cols wide
___________________________________________________*/

.two-col-wide ul.nav {
	margin-bottom: 0;
}

.two-col-wide .primary .col {
	width: 441px;
	float: left;
	display: inline;
	padding: 40px 0 20px 0;
}

.two-col-wide .primary .last {
	border-left: 1px solid #ccc;
	font-size: 1.2em;
	width: 471px;
	float: right;
	padding-left: 10px;
}


.two-col-wide .foot {
	margin-top: -1px;
}


/* Page type . Main - Sidebar
___________________________________________________*/

.sidebar ul.nav {
	margin-bottom: 0;
}

.sidebar ul.subnav {
	margin-top: 20px;
}

.sidebar .primary ul {
	margin-left: 0;
}

.sidebar .primary ul li {
	background: url(../images/bg-list-item.gif) 0 center no-repeat;	
	list-style-type: none;
	padding-left: 12px;
	margin-bottom: 5px;
}

.sidebar .primary ul li a {
	font-size: 1.2em;
	text-decoration: none;
}

.sidebar .primary {
	width: 680px;
	float: right;
	display: inline;
}

.sidebar .primary .main {
	border-right: 1px solid #ccc;
	width: 427px;
	float: left;
	display: inline;
	padding: 23px 20px 0 0;
}

.sidebar .primary .main .post {
	background: url(../images/divider-horisontal.gif) 0 bottom repeat-x;
	padding: 15px 0 20px 0;
}

.sidebar .primary .main #post-1 {
	padding-bottom: 15px;
}

.sidebar .primary .main .last {
	background: none;
}

.sidebar .primary .sidebar {	
	width: 221px;
	float: right;
	display: inline;
	padding-top: 40px;
}

.sidebar .foot {
	margin-top: 0;
}


/* Page type . Main - Sidebar wide
___________________________________________________*/

.sidebar-wide ul.nav {
	margin-bottom: 30px;
}


/* -- Primary -- */

.sidebar-wide #lesson-0038 { background: url(../images/icon-lesson-1-big.jpg) 455px 40px no-repeat; }
.sidebar-wide #lesson-0039 { background: url(../images/icon-lesson-2-big.jpg) 455px 40px no-repeat; }
.sidebar-wide #lesson-0040 { background: url(../images/icon-lesson-3-big.jpg) 455px 40px no-repeat; }
.sidebar-wide #lesson-0041 { background: url(../images/icon-lesson-4-big.jpg) 455px 40px no-repeat; }
.sidebar-wide #lesson-0042 { background: url(../images/icon-lesson-5-big.jpg) 455px 40px no-repeat; }
.sidebar-wide #lesson-0043 { background: url(../images/icon-lesson-6-big.jpg) 455px 40px no-repeat; }
.sidebar-wide #lesson-0044 { background: url(../images/icon-lesson-7-big.jpg) 455px 40px no-repeat; }

.sidebar-wide .primary h1 {
	color: #666;
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 0;
}

.sidebar-wide .primary h2 {
	color: #ff108d;
	font-size: 3.5em;
	font-weight: bold;
	padding-bottom: 0;
}

/* Main */
.sidebar-wide .primary .main {
	width: 457px;
	float: left;
	display: inline;
}

/* Sidebar */
.sidebar-wide .primary .sidebar {
	position: relative;
	width: 225px;
	float: right;
	display: inline;
}

.sidebar-wide .primary .sidebar h3 {
	color: #ff108d;
	font-size: 1.5em;
}

.sidebar-wide .sidebar form,
.sidebar-wide .sidebar fieldset {
	width: 225px;
}

.sidebar-wide .primary .sidebar .file-formats {
	background: url(../images/divider-horisontal.gif) 0 bottom repeat-x;
	width: 225px;
	margin-bottom: 8px;
}

.sidebar-wide .primary .sidebar a#help {
	background: url(../images/icon-help.gif) 0 0 no-repeat;
	text-indent: -99999px;
	width: 54px;
	height: 23px;
	float: left;
	display: inline;
	margin-top: 10px;
}

.sidebar-wide .primary .sidebar p.allowed-files {
	color: #666;
	font-size: 1em;
	position: relative;
	top: -2px;
	width: 150px;
	float: left;
	display: inline;
	padding-bottom: 3px;
	margin: 10px 0 0 10px;
}

.sidebar-wide .primary .sidebar p.allowed-files strong {
	display: block;
	margin-bottom: -6px;
}

.sidebar-wide .primary .sidebar p.allowed-files span {
	text-transform: uppercase;
	font-size: 1em;
}

.sidebar-wide .primary .sidebar textarea {
	border: 1px solid #ccc;
	background: url(../images/bg-textarea.gif) 0 0 no-repeat;
	color: #999;
	font: normal 1em Arial, sans-serif;
	width: 214px;
	height: 60px;
	padding: 4px;
}

.sidebar-wide .primary .sidebar input.button-input {
	float: right;
	display: inline;
	margin-top: 7px;
}

#tooltip {
	display: none;
	background: url(../images/bg-tooltip.gif) 0 100% no-repeat;
	width: 180px;
	height: 138px;
	padding: 5px;
}

#tooltip p {
	color: #fff;
	font-size: 1em;
}

#countdown {
	float: left;
}

.errordiv {
	display: block;
	float: left;
	margin-top: 10px;
}

.errordiv p {
	color: #FF108D;
}

/* -- Secondary -- */

.sidebar-wide .secondary {
	border-top: 1px solid #ccc;
	padding-top: 40px;
	margin-top: 20px;
}

.sidebar-wide .secondary .lesson {
	width: 110px;
	float: left;
	display: inline;
	padding-top: 120px;
	margin-right: 28px;
}

.sidebar-wide .secondary #lesson-nav-0038 { background: url(../images/icon-lesson-1-small.jpg) 0 0 no-repeat; }
.sidebar-wide .secondary #lesson-nav-0039 { background: url(../images/icon-lesson-2-small.jpg) 0 0 no-repeat; }
.sidebar-wide .secondary #lesson-nav-0040 { background: url(../images/icon-lesson-3-small.jpg) 0 0 no-repeat; }
.sidebar-wide .secondary #lesson-nav-0041 { background: url(../images/icon-lesson-4-small.jpg) 0 0 no-repeat; }
.sidebar-wide .secondary #lesson-nav-0042 { background: url(../images/icon-lesson-5-small.jpg) 0 0 no-repeat; }
.sidebar-wide .secondary #lesson-nav-0043 { background: url(../images/icon-lesson-6-small.jpg) 0 0 no-repeat; }
.sidebar-wide .secondary #lesson-nav-0044 { background: url(../images/icon-lesson-7-small.jpg) 0 0 no-repeat; }

.sidebar-wide .secondary .last {
	margin-right: 0;
}

.sidebar-wide .secondary .lesson a {
	color: #ff108d;
	font-weight: bold;
	text-decoration: none;
}

.sidebar-wide .secondary .lesson p {
	color: #666;
	font-size: 1.3em;
	font-weight: bold;
}


form#carma table tr td, 
form#register table td {
	padding: 5px 10px 0 0;
}

div.formmsg p {
	color: #FF108D;
	/*display: none;*/
}





/* Specific page layout . Contact
___________________________________________________*/

.contact .primary .last .person {
	margin-bottom: 10px;
}

.contact .primary .last img {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.contact .primary .last .info {
	width: 340px;
	float: left;
	display: inline;
	padding-top: 10px;
}

.contact .primary .last span.phone {
	background: url(../images/icon-phone.gif) 0 2px no-repeat;
	display: block;
	padding-left: 25px;
	margin-bottom: 3px;
	font-size: 0.8em;
}

.contact .primary .last a {
	background: url(../images/icon-mail.gif) 0 4px no-repeat;
	display: block;
	padding-left: 25px;
	font-size: 0.8em;
}


/* Foot
___________________________________________________*/

.foot {
	border-top: 1px solid #ccc;
	font-size: 1.1em;
	padding-top: 25px;
	margin-top: 30px;
}

.foot a {
	float: left;
	display: inline;
}

.foot p {
	color: #666;
	width: 480px;
	float: left;
	display: inline;
	padding: 10px 0 20px 0;
	margin-left: 30px;
}