/*
-----------------------------------------------
Style Sheet

Site: C-Learning
Author:   Sarunas Vaitkus
Version:  1.1
----------------------------------------------- */

 div, p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #444;
	line-height: 150%;
}
/*
LINKS ---------------------*/ 

a:link, a:active, a:visited {
	text-decoration: none;
	color: #006699;
	
}
/*a[href^="http:"] {
  background: url(css-img/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}*/

/*
images --------------------- */
a img {
	border-width: 0;
	border-style: none;
	cursor:pointer;
}
/*
COMMON --------------------- */

br {
	clear: both;
}
hr {
	display: none;
}
p {
	margin: 0;
	padding-top: 1em;
	line-height: 150%;
}
/*
text--Header CONTENTC-Learning logo tagline------------------- */
.c {
	background-image: url(css-img/c.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	text-align: left;
}
.tagline {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	color: #0099CC;
	margin: 2px;
	padding: 2px;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 50%;
	filter: Light;
}
.tagline2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 19px;
	color: #999;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 100%;
	filter: Light;
	margin-top: 2px;
	padding-top: 2px;
	margin-bottom: 5px;
}
.tagline a:hover, .tagline a:active {
	color: #C06;
}
/*
text-Table CONTENT------------------- */



/*

LINKS --------------------- */
 .TopLinksDiv {
	background-repeat: repeat-x;
	background-position: center bottom;
	display: block;
	text-align: right;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #CCC;
	width: 90%;
	float: right;
	padding-bottom: 1px;
}
.TopLinks a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .9em;
	color: #069;
	text-decoration: none;
}
.TopLinks a:hover, .TopLinks a:active {
	color: #C06;
}


/*

LINKS --------------------- */
 #TopNav {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	float: right;
	line-height: 2.5em;
	font-weight: normal;
}
#TopNav ul {
	list-style: none;
    width: 40%;
	border: none;
	
}
#TopNav li {
	display: block;
	margin-right: 2px;
	margin-left: 2px;
	float: left;
	width: auto;
	/*background-image: url(css-img/tab.jpg);*/
	height: 38px;
}
#TopNav a {
	color: #036;
	text-decoration: none;
	margin: 0;
}
#TopNav a:hover, #TopNav a:active {
	color: #000;
}
#TopNav a.active:link, #TopNav a.active:visited {
	position: relative;
	width: 100px;
	height: 38px;
}



.TopDivider {
	text-decoration: none;
	text-align: right;
	width: 30%;
	display: block;
	height: 10px;
	vertical-align: bottom;
	float: right;
	background-image: url(css-img/topDividerGrey.png);
	background-repeat: repeat-x;
}
/*
text-.mainContent{
	width: 100%;
	line-height: 100%;
	
	
	margin: 2px;
	padding: 2px;


/* MAIN CONTENT------------------- */

.content {
	clear: both;
	width: 100%;
	font-size: 0.8em;
	/*background-image: url(css-img/c2.png);*/
	background-repeat: no-repeat;
	background-position: 30% 0%;
}
.content p {
	line-height: 140%;
	text-align: justify;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: .9em;
}
img.floatLeft {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 1px;
	margin-left: 0px;
	
}
img.floatRight {
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 8px;
}


#Links ul {
	list-style-image: none;
	list-style-type: none;
	padding-left: 1em;
	width: 40%;
	padding-top: 1em;
	padding-bottom: 1px;
}
#Links li a:link, #Links li a:visited {
	color: #069;
	display: block;
	margin: 1px;
	vertical-align: text-bottom;
	text-align: left;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #FFF;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #F1F1F1;
}
#Links li a:hover {
	border: 3px double;
	border-color: #F1F1F1 #C0C0C0 #C0C0C0 #F1F1F1;
	background: #FFF url(../img/btnbg.gif) bottom center repeat-x;
}

.h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	color: #006699;
	text-decoration: none;
	width: 90%;
}
.h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.2em;
	color: #600;
	text-decoration: none;
}
/* Main rounded corner box
================================== */

.box {
	width: 680px;
	background: url(../images/bottom-left.gif) no-repeat left bottom;
}
.box-outer {
	background: url(../images/bottom-right.gif) no-repeat right bottom;
	padding-bottom: 30px;
}
.box-inner {
	background: url(../images/top-left.jpg) no-repeat left top;
}
.box h2 {
	background: url(../images/top-right.gif) no-repeat right top;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	color: #F60;
	height: 38px;
	line-height: 2.2em;
}
.box h2, .box p {
	padding-left: 10px;
	padding-right: 30px;
	text-align: left;
}
.box-inner ul{
	padding-left: 3em;
	padding-top: 1em;
	padding-bottom: 1px;
}

/* Left or right rounded Shout box
================================== */

.Shoutbox {
	width: 265px;
	background: url(../images/Shoutbottom-left.jpg) no-repeat left bottom;
}
.Shoutbox-outer {
	background: url(../images/Shoutbottom-right.jpg) no-repeat right bottom;
	padding-bottom: 20px;
}
.Shoutbox-inner {
	background: url(../images/Shouttop-left.jpg) no-repeat left top;
}
.Shoutbox h2 {
	background: url(../images/Shouttop-right.jpg) no-repeat right top;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14.5px;
	color: #690;
	height: 38px;
	line-height: 2.5em;
}
.Shoutbox h2, .Shoutbox p {
	padding-left: 10px;
	padding-right: 20px;
}

/* 1 column with no BG colour InPop - content that sits in PopMaster rounded corner box;*/
.InPopContainer {
	width: 97%;
	overflow: hidden;
	margin: 1px;
}
.InPopBox {
	border: 0px dotted #BAB9B8;
	width: 99%;
	margin: 2px;
	position: relative;
	padding: 2px;
	display: table;
}
/*header*/
.InPopNav {
	display: block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #690;
	text-indent: 0.3em;
	/*border: 1px dotted #BAB9B8;*/
	width: 98%;
	overflow: hidden;
	margin-top: 2px;
	position: relative;
	text-align: left;
}
.InPopSave {
	border: 1px solid #BAB9B8;
	width: 93%;
	position: relative;
	text-align: left;
	text-indent: 0.4em;
	background-image: url(css-img/PopSaveBG.gif);
	height: 22px;
	margin-top: 8px;
	line-height: 2em;
	margin-left: 3px;
}

	
.InPopH2 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	display: block;
	border-bottom-width: 1px;

	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	padding-top: 0px;
	margin-right: 0px;
	padding-right: 0px;
	margin-left: 2px;
	padding-left: 2px;
}

.InPopFloatLeft {
	float: left;
}
.InPopFloatRight {
	float: right;
}

/* 1, 2 or 3 column PopMaster - content that sits in Main rounded corner box;*/

.PopContainer {
	width: 97%;
	overflow: hidden;
	margin-top: 2px;
}
/*For 2 or more columns*/
.PopBox {
	width: 30%;
	margin: 5px;
	position: relative;
	padding: 5px;
	display: table;
	height: 50%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #BAB9B8;
	border-right-color: #BAB9B8;
	border-bottom-color: #BAB9B8;
	border-left-color: #BAB9B8;
}
/*for one column*/
.PopBox2 {
	width: 100%;
	margin: 5px;
	position: relative;
	padding: 2px;
	background-color: #FFF;
	display: table;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #BAB9B8;
	border-right-color: #BAB9B8;
	border-bottom-color: #BAB9B8;
	border-left-color: #BAB9B8;
}
/*header*/
.PopNav {
	display: block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #060;
	text-indent: 0.3em;
	/*border: 1px dotted #BAB9B8;*/
	width: 99%;
	overflow: hidden;
	margin-top: 2px;
	position: relative;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BAB9B8;
}
.PopSave {
	display: block;
	border: 1px solid #BAB9B8;
	width: 99%;
	position: relative;
	text-align: left;
	text-indent: 0.4em;
	background-image: url(css-img/PopSaveBG.gif);
	height: 22px;
	margin-top: 1px;
	line-height: 2em;
	margin-left: 3px;
/*	font-size: 12px;
	color: #690;
	border: 1px dotted #BAB9B8;
	width: 99%;
	overflow: hidden;
	position: relative;
	background-color: #F0F0F0;
	text-align: left;
	display: table;
	text-indent: 0.3em;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;*/
}

.PopSave a:hover{
	color: #130000;
	background-image: url(css-img/PopSaveBG-mo.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
}

.PopH2 {
	margin-bottom: 2px;
	padding-bottom: 2px;
	display: block;
	background-color: #F0F3EA;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D6D6D6;
	padding-top: 10px;
	margin-right: 0px;
	padding-right: 0px;
	margin-left: 2px;
	padding-left: 2px;
}

.PopFloatLeft {
	float: left;
}
.PopFloatRight {
	float: right;
}
/* =-=-=-=-=-=-=-[Main Navigation Menu]-=-=-=-=-=-=-=- */

#menu1 ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	background-image: url(../css/css-img/mainNavBg.gif);
	background-repeat: repeat-x;
}
#menu1 {
	border-size: 0px;
	margin: 0px;
	padding: 0px;
	background-image: none;
}
#menu1 li a {
	height: 30px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
}
#menu1 li a:link, #menu1 li a:visited {
	
	background: url(../css/css-img/mainNavBorder.gif) repeat-y right top;
	text-decoration: none;
	color: #EBEBEB;
	float: left;
	display: block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 76%;
	margin-top: 5px;
	padding-top: 0;
	padding-right: 2em;
	padding-bottom: 0;
	padding-left: 2em;
	font-weight: bold;
}
#menu1 li a:hover {
	color: #99CC33;
}
/* =-=-=-=-=-=-=-[Right Menu]-=-=-=-=-=-=-=- */


#menu2 ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
#menu2 {
	width: 98%;
	border-size: 0px;
	margin: 0px;
	padding: 0px;
}
#menu2 li a {
	height: 30px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
}
#menu2 li a:link, #menu2 li a:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #333;
	display: block;
	margin: 1px;
	text-indent: 5px;
	text-align: left;
	vertical-align: text-bottom;
	line-height: 25px;
	width: auto;
	padding: 1px 0 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;

}
#menu2 li a:hover {
	padding: 1px 0 0 10px;
	background-color: #FFF;
}
#menu2 li a:active {
	color: #CCC;
	padding: 1px 0 0 10px;
	background-color: #033;
}

/*#menu2 li  a:visited {
		text-decoration: line-through;
}
/* =-=-=-=-=-=-=-[Related Links]-=-=-=-=-=-=-=- */
	
#related {
	width: 97%;
	vertical-align: text-bottom;
	text-align: right;
}
/*
Related Links Section------------------- */
.relatedH1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12.5px;
	color: #600;

	

}
#related ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
#related li a {
	height: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
}
#related li a:link, #related li a:visited {
	color: #600;
	display: block;
	margin: 1px;
	vertical-align: text-bottom;
	text-align: right;
	width: 99%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-right: 5px;
	line-height: 1.9em;
}
#related li a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #300;
}
#related li a:active {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #300;
	background-color: #FFF;
}
/*
Recicle--------------------- 

.verticalDash {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666666;
}

a:hover{
	background-color: #EAEAEA;
	color: #CC0033;

}
.tagline a:link{
	color: #FF0066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: text-bottom;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
__________________________________________________________________*/
.menu {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #E1E1E1;
	margin: 1px;
	padding: 1px;
	text-decoration: none;
	font-weight: normal;
	vertical-align: middle;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1px;
}
.demoh1 {
	padding: 0px;
	background-image: url(../../img/demoContenHead.jpg);
	height: 29px;
	width: 270px;
	margin: 0px;
	background-position: bottom;
}
/*
Forms + buttons--------------------- */
.formText {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #003366;
	margin: 1px;
	padding: 1px;
}
.formFields {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #003366;
	margin: 1px;
	padding: 1px;
	border: 1px solid #006666;
}
.lang {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #999999;
	margin: 1px;
	padding: 1px;
	height: 10px;
	width: 10px;
}

div.caption, div.inlineCaption{
  width: 120px;
  padding-right: 5px;
}

div.inlineCaption{
	float: left;
	display: inline-block;
	padding-top: 10px;
	height: 20px;
	width: 100%;
}

div.specialField{
  display: none;
}

div.longCaption{
  width: auto;
}

div.formBlock{
	width: 99%;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
}

input.text, input.required{
  width: 150px;
}

input.longText{
  width: 300px;
} 


/*
Harmoniica demo and LMS list--------------------- */
.lmsExplain {
	font-size: 11px;
	color: #333;
	line-height: 15px;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display: block;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1.5em;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #585858;
}
.lmsGo {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12.5px;
	color: #006699;
	line-height: 15px;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 1px;
}
.lmsDiv {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #600;
	line-height: 15px;
	text-decoration: none;
	text-align: left;
	text-indent: 1em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-weight: bold;
	width: 55%;
}
/*

Bottom Menu Navigation--------------------- */
z