/*
 * TRAINING.IE:   Website Style
 *
 * (c) Copyright 2010 www.training.ie
 */

* {
outline:0 none;
}

body {
	background:#FFEEDE url(page-bg.png) repeat-x fixed left top;
	font:12px Verdana,Helvetica, Arial,sans-serif;
	line-height:normal;
	margin:0 0;
	overflow-x:hidden;
	padding:0;
	text-align:center;
	color:#2F2D2E;
}
#body
{
	margin:0 auto;
	padding: 4px 0 0 0;
	position:relative;
	text-align:left;
	width:960px;
}

#header
{
	clear:both;
	margin-top:45px;
	position:relative
}

#header .corp-logo, #header .corp-text {
	background-color:#FFFFFF;
	height:80px;
	width:350px;
	overflow:hidden;
	position:absolute;
}
#header .corp-logo {
	left:34px;
	top:34px;
}
#header .corp-text {
	color:#666;
	font-size:19px;
	line-height:24px;
	right:78px;
	text-align:right;
	top:30px;
}
#header .corp-text .title {
	color:#F07733;
}


#body.short #header {
	margin-top:30px;
}

#menu
{
	background:url("menu-bg.png") repeat-x scroll left top transparent;
	height:46px;
	padding:0 30px;
	width:920px;
	margin-left:-10px;
	position:relative;
}

#menu img.sub-left {
	position:absolute;
	left:0;
	bottom:-11px;
}
#menu img.sub-right {
	position:absolute;
	right:0;
	bottom:-10px;
}

#menu a
{
	display:block;
	color:white;
	font-size:16px;
	float:left;
	height:27px;
	padding:14px 10px 0 10px;
	text-decoration:none;
}
#menu a:hover
{
	color:#444;
}
#menu a.current-page
{
	color:#2F2D2E;
	cursor:default;
}

#content
{
	border-top:1px solid white;
	background-color:white;
	min-height:300px;
	padding:10px 20px;
	position:relative;
}

#footer
{
	background:url("footer-bg.png") no-repeat scroll left top transparent;
	height:73px;
	margin-bottom:15px;
	position:relative;
}
#footer .corp-text {
	color:#666;
	font-size:10px;
	font-weight:bold;
	left:192px;
	max-height:40px;
	max-width:400px;
	overflow:hidden;
	position:absolute;
	top:16px;
}

#copyright {
	font-size:10px;
	height:30px;
	margin:10px 0;
	text-align:center;
}

#body.short #footer {
	background:url("footer-bg-short.png") no-repeat scroll left top transparent;
	height:20px;
	padding:5px 75px 0 50px;
	text-align:right;
}

#body.short #footer a {
	margin-left:20px;
	text-decoration:none;
	color:#666;
	font-size:10px;
	font-weight:bold;
}
#body.short #footer a:hover {
	color:#222;
	cursor:pointer;
}

h1 {
 font-size:1.6em;
 color:#222;
 margin:5px 0 15px 0;
}
h2 {
 font-size:1.4em;
}
h3 {
 font-size:1.2em;
}

.programme-detail {
 font-size:11px;
 color:#666;
 line-height:1.35;
 width:600px;
}

.programme-detail h1 {
 width:540px;
 padding:22px 15px 25px 95px;
 font-size:16px;
 color:#FF9900;
 background:url(training-heading-blank.png) no-repeat scroll left top;
}

#enr-opts {
 position:absolute;
 top:45px;
 right:10px;
}


form
{
	margin:0 10px;
}
div.ffield
{
	clear:both;
	padding-bottom:6px;
}
.ffield input {
 border:0;
 background:url(formBox.jpg) no-repeat scroll left top;
 height:19px;
 width:305px;
 padding:3px;
}

.ffield select, .ffield textarea
{
	border: 1px solid #CCC;
	background:white;
	padding:3px;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	width:280px;
}
.ffield input.wide, .ffield textarea.wide
{
	width:510px;
}
.ffield select
{
	cursor:pointer;
	width:282px;
}
.ffield input.eur
{
	background:url("currency/eur.png") no-repeat scroll 3px center transparent;
	padding-left:20px;
	width:108px;
}
.ffield input.integer
{
	text-align:right;
	width:60px;
}
.ffield input.readonly
{
	border: 1px solid #FFFFFF;
	color:#585858;
}
.ffield input.date-select
{
	background:url("calendar.png") no-repeat scroll 3px center transparent;
	cursor:pointer;
	padding-left:20px;
	width:75px;
}
.ffield input.fileupload
{
	width:224px;
}
.ffield label
{
	color:#777777;
	float:left;
	font-size:10px;
	padding-right:10px;
	padding-top:3px;
	text-align:right;
	width:120px;
}
.ffield label.radio, .ffield label.checkbox
{
	color:#000000;
	float:none;
	padding-right:20px;
	width:auto;
}
.ffield label.radio.readonly, .ffield label.checkbox.readonly
{
	color:#777777
}
.ffield input.radio,
.ffield label.radio input,
form input.checkbox
{
	background: none;
	width:20px;
	margin-left:0;
	vertical-align:-4px;
}
.ffield small
{
	color:#777777;
	font-size:9px;
}
.ffield p
{
	margin:0 0 0 130px;
	padding-top:1px;
	width:280px;
	text-align:justify;
}
.ffield p.wide
{
	width:510px;
	text-align:justify;
}

table
{
	font-size:12px;
}
table.programme, table.entitylist
{
	width:100%;
	padding: 0 0 20px;
}
table thead th
{
	padding:4px;
	font-size:11px;
	background-color:#A0A0A0;
	color:white;
}
table tbody td
{
	padding:4px 4px;
}
table tr.even
{
}
table tr.odd
{
	background-color:#F0F0F0;
}

table a, table a:visited
{
	color:#2F2D2E;
	text-decoration:underline;
}
table a:hover
{
	color:#00AEE9;
	text-decoration:underline;
}

img
{
	border:none;
}

hr
{
	border:0;
	height:0;
	overflow:hidden;
	border-top:1px solid #5080AC;
	margin:8px 0;
}


div.autocomplete
{
	position:absolute;
	width:350px;
	background-color:#FFF;
	color:#000;
	border:1px solid #5080AC;
	margin:0px;
	padding:0px;
	z-index:2010;
	max-height:225px;
	overflow-y:auto;
}
div.autocomplete ul
{
  	list-style-type:none;
  	margin:0px;
  	padding:0px;
}
div.autocomplete ul li.selected
{
	background-color: #BCD;
}
div.autocomplete ul li
{
  	list-style-type:none;
  	display:block;
  	margin:0;
  	padding:2px;
  	cursor:pointer;
  	font:12px verdana,arial,sans-serif;
}
div.autocomplete ul li .informal
{
 	display:block;
 	font-style:italic;
 	color:#888;
}

.popup
{
 position:fixed;
 z-index:2000;
 top:125px;
 left:265px;
 background:white;
 border:12px solid #777;
}


div #training-view
{
	padding:20px 40px;
}
div #training-view .main-content
{
	font-size:22px;
}
div #training-view div.unit
{
	padding:10px 10px 10px 35px;
	position:relative;
}
div #training-view #animate-body
{
	margin-left:-20px;
}
div #training-view .complete h1
{
	margin-left:-24px;
	padding-left:24px;
	background:url("tick.png") no-repeat scroll left center;
}
div #training-view div.module.bookmark, div #training-view div.unit.bookmark, div #training-view div.section.bookmark
{
	background:url("expand.png") no-repeat scroll 5px 5px;
}

div #training-view div.section
{
	clear:both;
	padding: 8px 0 8px 40px;
}
div #training-view div.media
{
	margin:10px 0;
}

div #training-view div.media.complete
{
	background:url("tick.png") no-repeat scroll right top;
	padding-right:30px;
}
div #training-view div.media a
{
	text-decoration:none;
}

div #training-view div.media.image
{
 display:inline;
 margin:10px;
}
div #training-view div.media img
{
	vertical-align: middle;
}

#nextprev-bar
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:27px;
	border-top:1px dotted #222;
	padding:15px 0;
}
#body.short #nextprev-bar
{
	background:url(logo-small.png) no-repeat scroll center bottom;
}
#nextbutton, #prevbutton
{
	font-size:20px;
	letter-spacing:-2px;
	float:left;
	margin-right:15px;
}
#nextbutton
{
	float:right;
}
#nextbutton a, #prevbutton a, #nextbutton a:visited, #prevbutton a:visited, #nextbutton a:hover, #prevbutton a:hover
{
	text-decoration:none;
	color:#333333;
}
#nextbutton img, #prevbutton img
{
	vertical-align:middle;
}

p.error {
	font-size:1.2em;
	color:#FF0000;
}
p.nomargin {
	margin:0;
}

button, input.button
{
	background:url(button-bg-m.png) no-repeat scroll left top;
	border:0;
	color:white !important;
	cursor:pointer;
	height:25px;
	text-align:center;
	text-decoration:none !important;
	width:145px;
	margin-right:10px;
}

button.disabled, input.button.disabled {
	cursor:not-allowed;
	opacity:0.5;
}

a.button
{
	font-size:10px;
	background:url(button-bg-m.png) no-repeat scroll left top;
	color:white !important;
	display:block;
	padding:5px 10px 0 10px;
	height:20px;
	text-align:center;
	text-decoration:none !important;
	width:125px;
	float:left;
	margin-right:10px;
}
a.button.small, button.small, input.button.small
{
	background:url(button-bg-s.png) no-repeat scroll left top;
	width:85px;
}
button.small, input.button.small
{
	background:url(button-bg-s.png) no-repeat scroll left top;
	width:105px;
}
a.button:hover, button:hover, input.button:hover
{
	color:#2F2D2E !important;
}

.buttonbar a.button {
	float:none;
}

div.indexview
{
	border-top: 1px dotted #FF7733;
	font-size:20px;
	padding: 20px 40px;
	margin:20px 20px;
}
div.indexview a, div.indexview a:visited
{
	color:#333;
	text-decoration:none;
}
div.indexview a:hover
{
	text-decoration:underline;
}
div.indexview div.module
{
	padding-left:35px;
	padding-top:3px;
	min-height:23px;
}
div.indexview div.unit
{
	padding-left:70px;
	padding-top:3px;
	min-height:23px;
}
div.indexview div.section
{
	padding-left:105px;
	padding-top:3px;
	min-height:23px;
}
div.indexview div.unit
{
	font-size:15px
}
div.indexview div.section
{
	font-size:13px;
	font-style:italic;
}

div.indexview div.complete
{
	background:url("tick.png") no-repeat scroll 0 center transparent;
}


div.module.bookmark , div.unit.bookmark, div.section.bookmark
{
	background:url("expand.png") no-repeat scroll 0 center;
}

#exam {
	padding:20px 15% 10px;
}
#exam .question {
	padding:25px 0;
}
#exam .answer {
	margin:10px 25px;
}
#exam .answer.incorrect {
	color:#F00;
}
#exam .feedback {
	padding:6px;
	margin: 20px 25px 0;
	background-color:#F0F0F0;
	color:#777;
}
#exam .feedback.correct {
	background-color:#00CC00;
	color:#EEE;
}
#exam .feedback.incorrect {
	background-color:#CC0000;
	color:#EEE;
}
#exam textarea {
	width:99%;
	height:80px;
}
#exam small {
	color: #777777;
	font-size:9px;
}

div#progress-indicator {
	background-color:#777;
	color:#FFF;
	height:17px;
	position:relative;
	width:100%;
}
div#progress-completed, div#progress-label {
	background-color:#A0A0A0;
	left:1px;
	position: absolute;
	top:1px;
	bottom:1px;
}
div#progress-label {
	background-color:transparent;
	font-size:10px;
	text-align:right;
	width:98%;
	padding-top:2px;
}

.breadcrumb {
  	margin:20px 0 10px 0;
}
.breadcrumb a {
	color:#777;
	text-decoration:none;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
.main-content {
  font-size:16px;
  min-height:425px;
  position:relative;
  padding-bottom:50px !important;
}
.main-content li {
 margin-bottom:10px;
}
.main-content a {
 color:#2F2D2E;
}

#body.short #training-view {
 background:url(watermark.png) no-repeat scroll center 50px;
}

#main-content {
	background-position:right center;
	background-repeat:no-repeat;

}


#f11-suggestion {
 position:fixed;
 z-index:1000;
 top:0;
 left:0;
 right:0;
 background:#222;
 color:white;
 font-size:11px;
 padding:2px 5px 3px 5px;
 text-align:center;
}
div.filter {
	margin: 10px 0;
}
div.filter form{
	margin: 0;
}
div.filter label {
		color:#777777;
		font-size:10px;
		margin-right:10px;
}
div.filter select {
		margin-right:10px;
}


.pricing {
 padding:10px;
 background:#E6E6E6 url(small-panel-top.png) no-repeat scroll left top;
 margin-bottom:20px;
 width:270px;
}
.pricing h2 {
 margin:5px 0 15px 0;
 font-size:12px;
}

#login_error {
 color:#C22;
 font-size:1.2em;
 font-weight:bold;
}