/* CSS Document */

* {margin:0; padding:0;}

/* HTML Tags */
body {background-color:#ffffff; font-family:"Trebuchet MS"; font-size:11px; height:100%;}
img {border:none;}

input[type="checkbox"] {margin-right:5px;}
input[type="radio"] {margin-right:5px;}
option {padding:0 10px 0 0;}
/*input[type="text"], input[type="password"] {background:url(../images/bg_input.gif) repeat-x; border:1px solid #999; margin-bottom:3px;}*/

/* Styles per ID */
#pageContainer {position:absolute; width:780px; _height:100%; min-height:100%; left:50%; margin-left:-390px; background:url(../images/navBkg.jpg) repeat-y left; border-right:#c4c4c4 1px solid;}
#headContainer {width:780px; height:165px;}
#navContainer {float:left; width:178px;}
#navigation {margin:20px 0 0 0;}
#mainContents {float:right; width:600px;}
#bottom {clear:both; position:absolute; bottom:0; margin-bottom:20px; left:50%; margin-left:-390px; width:170px; height:47px; background:url(../images/british.jpg) no-repeat left; display:block; }

/* navigation */

.nav .list {margin:0 0 25px 30px; list-style-image:url(../images/listStyle.gif);}
.nav a {color:#7e7e7e; text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

.expandedNav {width:128px; border:1px solid #e1b820; list-style:none; margin:10px 0 0 0; /*display:none;*/}
.expandedNav .firstRow {background:#f6f6f6; color:#7e7e7e; text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.expandedNav li {background:url(../images/learnersSubNavBkg.jpg) repeat-y;}
.expandedNav a {margin:0 0 0 10px;}

.learners {width:168px; height:46px; background:url(../images/learnersCaption.jpg) no-repeat;}
.trainers {width:168px; height:38px; background:url(../images/trainersCaption.jpg) no-repeat;}
.samples {width:168px; height:31px; background:url(../images/sampleCaption.jpg) no-repeat;}
.designers {width:168px; height:41px; background:url(../images/designersCaption.jpg) no-repeat;}

.arrowLearners {list-style-image:url(../images/arrowLearners.jpg);}
.arrowTrainers {list-style-image:url(../images/arrowTrainers.jpg);}
.arrowSamples {list-style-image:url(../images/arrowSamples.jpg);}
.arrowDesigners {list-style-image:url(../images/arrowDesigners.jpg);}

.subNavHolder {margin:0 0 10px 0; list-style:none;}
.subNav {margin:5px 0 0 50px; list-style:none; list-style-image:none;}
.subNav li {margin:0;}
.subNav a {font-weight:normal;}

/* mainContents text holder */
.textHolder {margin:30px;}

/* login.tpl */
.login {margin:80px auto; width:320px;}
.loginBorder {width:320px; height:150px; border:1px solid #71aaa1;}
.loginLegend {margin:0 20px; padding:0 10px; border:1px solid #71aaa1;}
.loginImage {float:left; margin:20px 20px 0 15px; width:70px; height:90px; background:url(../images/loginImage.jpg) no-repeat;}
.loginContents {float:left; margin:20px 0 0 0;}
.loginField {width:150px; border:1px #71aaa1 solid; height:1.1em;}
.loginButton {width:80px; height:18px; margin:2px 0 0 0; border:1px #71aaa1 solid; background:none; font-size:10px;}
.error {margin:20px 0 0 0; font-size:14px; color:#CC0000;}

/* register.tpl */
.register {margin:20px auto; width:550px;}
.registerBorder {width:550px; height:370px; border:1px solid #71aaa1;}
.registerLegend {margin:0 20px; padding:0 10px; border:1px solid #71aaa1;}
.registerEmpty {float:left; width:30px; height:1px;}
.registerContents {float:left; margin:20px auto; width:500px}
.registerText {float:left; width:120px;}
.registerField {width:345px; border:1px #71aaa1 solid; height:1.1em;}
.registerTextArea {width:345px; height:50px; border:1px #71aaa1 solid;}
.registerRow {margin:0 0 5px 0;}
.registerButton {width:80px; height:18px; margin:2px 0 0 0; border:1px #71aaa1 solid; background:none; font-size:10px;}
.registerError {color:#CC0000; margin-bottom:20px;}

/* testlogin.tpl */
.testLogin {margin:20px auto; width:550px;}
.testLoginBorder {width:550px; height:220px; border:1px solid #e6c64e;}
.testLoginLegend {margin:0 20px; padding:0 10px; border:1px solid #e6c64e;}
.testLoginEmpty {float:left; width:30px; height:1px;}
.testLoginContents {float:left; margin:20px auto; width:500px}
.testLoginText {float:left; width:80px;}
.testLoginField {width:125px; border:1px #e6c64e solid; height:1.1em;}
.testLoginFieldSmall {width:70px; border:1px #e6c64e solid; height:1.1em; margin:0 15px 0 0;}
.testLoginFieldBig {width:385px; border:1px #e6c64e solid; height:1.1em; margin:0 15px 0 0;}
.testLoginRow {margin:0 0 5px 0;}
.testLoginButton {width:80px; height:18px; margin:2px 0 0 0; border:1px #e6c64e solid; background:none; font-size:10px;}

/* testpass.tpl */
.login {margin:80px auto; width:320px;}
.passBorder {width:320px; height:150px; border:1px solid #e6c64e;}
.passLegend {margin:0 20px; padding:0 10px; border:1px solid #e6c64e;}
.passImage {float:left; margin:20px 20px 0 15px; width:70px; height:90px; background:url(../images/testLoginImage.jpg) no-repeat;}
.passContents {float:left; margin:20px 0 0 0;}
.passField {width:150px; border:1px #e6c64e solid; height:1.1em; margin:10px 0 0 0;}
.passButton {width:80px; height:18px; margin:2px 0 0 0; border:1px #e6c64e solid; background:none; font-size:10px;}

/**/
.pageTitle {margin:10px auto; text-align:center; font-size:14px; font-weight:bold; color:#3f588c}
.spacer {clear:both;}

/* tables */
.tableContainer {margin:10px auto; width:580px;}
.tableRow, .tableCaption {width:100%;  border-bottom: 1px solid #999999;}
.tableCaption {color:#FF0000; text-decoration:underline;}
/* cols for lplist.tpl */
.tableID {float:left; width:50px;}
.tableContentArea {float:left; width:120px;}
.tableLevel {float:left; width:50px;}
.tableAgeGroup {float:left; width:120px;}
.tableTitle {float:left; width:180px;}
.tableAction {float:left; width:30px;}
/* cols for lpcreate.tpl */
.tableNo {float:left; width:50px;}
.tableDuration {float:left; width:120px;}
.tableInteraction {float:left; width:120px;}
.tableProcedure {float:left; width:240px;}
/* cols for lppreview.tpl */
.tableBorder {width:95%; border: 1px solid #999999; border-bottom:none; margin:0 auto 10px;}
.tableFirstRow {width:100%; background-color:#e3e3e3;}
.tableInt {float:left; width:50px;}
.tableProcedurePreview {float:left; width:325px;}
/* cols for testlist */
.tableTestTitle {float:left; width:80%;}
.tableTestDate {float:left; width:20%; font-style:italic;}
.tableFirstRow .tableTestDate {font-style:normal;}

/* lpcreate.tpl */
.formSection {width:580px; margin-bottom:10px;}
.textAreaCaption {float:left; width:100px; text-align:right; margin-right:10px; font-weight:bold; color:#333333; text-decoration:underline;}
.contentsContainer {width:470px; float:right; color:#7e7e7e}
.subContentsContainer {width:360px; float:right; margin-bottom:5px;}
.textArea {float:left; width:98%; height:75px;}
.textBox {width:50px;}

.leftContentsLP {float:left; width:220px;}
.rightContentsLP {float:right; width:220px;}
.rowContentsLP {width:240px;}

.textAreaProcedure {float:right; width:98%; height:40px;}

/* users tests */
.sectionName {width:100%; background-color:#eed6b4; font-size:12px; font-weight:bold; margin-bottom:5px;}
.sectionNameIntro {width:100%; background-color:#faf7f2; font-size:12px; font-style:italic; margin-bottom:20px;}
.imageContainer {width:100%; background-color:#faf9f7; font-size:12px; margin-bottom:20px; text-align:center;}
.testContainer {margin:auto; width:550px; margin-bottom:10px;}
.taskName {width:100%; background-color:#f5eed7; font-weight:bold; margin-bottom:5px;}
.taskNameIntro {width:100%; background-color:#faf9f7; font-style:italic; margin-bottom:5px;}
.comments {width:100%; color:#CC0000; background-color:#faf9f7; font-weight:bold; margin-bottom:5px;}
.qRow {width:100%; font-weight:bold;}
.qText {float:left;}
.aRow {margin-left:20px;}
.emptyRowAct {width:100%; height:20px;}
.writing {width:98%; height:250px;}
.hint {
	margin:0 10px 0 0;
	position:relative;
	width:16px;
	height:16px;
	float:right;
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,  src='templates/images/hint.png');}
.hint[class] {background:url(../images/hint.png);}

.showHint {position:absolute; z-index:99; border:1px solid #e6c64e; background:#f5eed7; display:none; top:0; width:auto;}
.error {width:100%; color:#CC0000; font-size:16px; font-weight:bold; text-align:center;}
.timer {width:100%; background-color:#F9C462; font-weight:bold; margin-bottom:5px; text-align:right;}

/* glossaries.tpl */
.glossaryHeader {width:100%; background-color:#e1b820; font-size:12px; font-weight:bold; color:#FFFFFF;}
/*.glossaryText {margin:0 100px 0 20px; float:left;}*/
.glossaryText {float:left; width:30%; text-align:right;}
.glossaryCombo {float:right; width:60%;}
.glossaryContainer {float:left; padding:10px 0 0 0;}

.glossaryContainer .formSection {width:100%; margin-bottom:0px;}
.glossaryContainer .textAreaCaption {float:left; width:30%; text-align:right; margin-right:10px; font-weight:bold; color:#7e7e7e; text-decoration:none;}
.glossaryContainer .contentsContainer {width:60%; float:right; color:#7e7e7e;}

.glossarieField {width:100%; float:right;}
#goBtn {border:none; background:url(../images/goBtn.jpg) no-repeat; width:20px; height:20px; cursor:pointer; margin-left:0px; float:left;}

/*error.tpl*/
.errorContents {float:left; margin:-40px 0 0 20px;}
.errorContents a{font-weight:bold;}
.errorContents a:hover{color:#ff0000;}