@import url("styles/jquery-ui-1.7.2.custom.css");
@import url("thickbox/thickbox.css");

* { margin: 0; padding: 0; font-size: 1em; }
body { background-color: #373528; color: #FFF; font: 12px/18px Arial, sans-serif; padding: 0 1em 1em }
body.popup { background: #FFF; color: #000; }

a { color: #FFF; text-decoration: none }
a:hover { text-decoration: underline }

hr { height:2px; color: #A1D6C0; background-color: #A1D6C0; border: 0px solid; margin-bottom: 10px; }

div#header, div#body, div#footer { zoom: 1; overflow: auto; padding: 0 1em }

/* header */
div#header { border-style: solid; border-width: 0 0 4px; border-color: #A7B739; min-width:500px; }
body.frontpage div#header { border-color: #FFF }
body.stats div#header { border-color: #DC5F27 }
body.admin div#header, 
body.modules-admin div#header { border-color: #74756A }

div#header { padding-top: 2em }
div#header h1 { padding: 0 0 0.5em; font-size: 120% }
div#header ul, div#header ol, div#header li { list-style: none }
	div#header li { float: left; padding-right: 0.5em }
		div#header li a, div#header p a, div#header li form { display: block; padding: 4px 1em }
			div#header li form { padding-bottom: 0 }
		div#header li a { color: #FFF }
		div#header li a:hover { text-decoration: none }

		div#header li a.default, 
		div#header li a.stats, 
		div#header li a.admin { 
			border-right: 2px #2F2D22 solid 
		}
		
		div#header li a.frontpage { border-right: none }
		div#header li a.default { background-color: #A7B739 }
		div#header li a.stats  { background-color: #DC5F27 }
		div#header li a.admin   { background-color: #74756A }

		body.frontpage div#header li a.frontpage, 
		body.default div#header li a.default, body.modules div#header li a.modules,
		body.stats  div#header li a.stats,
		body.admin   div#header li a.admin,   body.modules-admin div#header li a.modules-admin { font-weight: bold }
		
	div#header p { float: right; font-size: 90% }
		div#header p a:hover { text-decoration: none; background-color: #575548 }
	.headeruser{ color: #A7B739;  }
	.headeruser:hover { background: url(images/icon_prefs.png) no-repeat 100% 5px; }

	/* ext */
	body.default-index-login    div#header li a.default-index-login,
	body.default-index-signup   div#header li a.default-index-signup,
	body.default-index-reminder div#header li a.default-index-reminder {
		font-weight: bold;
	}

	
/* footer */
div#footer { font-size: 90%; clear: both }
	div#footer p { float: right }
	div#footer p.navigation { float: left }
		div#footer a { text-decoration: none; border-bottom: 1px #CCC dotted }
		div#footer a:hover { border-bottom-style: solid }

/* empty */
body.empty { background-color: #FFF; color: #000; font: 12px/18px Arial, sans-serif;
       padding: 0; }
body.empty a{ color: #24a8d5; text-decoration: none }


/* body */
div#body { background-color: #FFF; color: #000; min-height: 340px;
           position: relative; margin-bottom: 0.5em; padding: 2em 1em 1em;
           border-top: 1px #97A729 solid; border-bottom: 2px #C7C8C3 solid; overflow:visible; }
	body.frontpage div#body { border-top-color: transparent }
	body.stats div#body { border-top-color: #CC4F17 }
	body.admin  div#body,
	body.modules-admin div#body { border-top-color: #64653A }
	body.popup  div#body { border-top-color: #FFF; border-bottom: 0px #FFF; }

div#body h2, div#body p, div#body table, div#body ul, div#body ol { margin-bottom: 1em }

div#body a { color: #24a8d5 }

div#body ul, div#body ol { margin-left: 1em }
	div#body li { margin-left: 1em }

div#body table { border-spacing: 0; border-collapse: collapse }
div#body table th, div#body table td { vertical-align: top; text-align: left; padding-right: 1em }

/* Zend Form */
p.description { font: 10px/12px Arial; color:#666; }
fieldset { border: 2px #ccc dotted; padding: 2px; margin: 0px; }

/* two-column layout */
div#body div#navigation { float: left; width: 124px }
	div#body div#navigation ol,
	div#body div#navigation ul,
	div#body div#navigation li { list-style: none; margin: 0px; }
		div#body div#navigation a.active { color: #444; font-weight: bold }

div#body div#content { margin-left: 124px; border-left: 1px #CCC solid; padding-left: 20px; min-height: 340px }

abbr { cursor: help; border-bottom: 1px dashed #006600; }

/* standalone */
body.standalone { padding: 1em 0 }
body.standalone div#body { min-height: 0 }

/* Standard row settings */
tr.odd td,tr.odd th { background-color: #EEE; border-top: 1px #CCC solid; padding-left: 4px; }
tr.even td,tr.even th { background-color: #FFF; border-top: 1px #CCC solid; padding-left: 4px; }

body.standalone dt,
body.external dt,
dl.pretty-dl dt { float: left; width: 100px; font-weight: bold }

dl.pretty-dl {
	margin-bottom: 1em;
}

/* POPUPS */
body.popup h2 { font-size: 16px; padding-bottom: 8px; }
body.popup h3 { font-size: 14px; padding-bottom: 8px; }
body.popup a.closebutton { font-size: 12px; color:#FFF; background-color:#64653A; padding: 6px 12px 6px 12px; font-weight: bold; }

body.popupbody { background-color: #FFF; color: #000; font: 12px/18px Arial, sans-serif;margin:0px;padding:0px;overflow: hidden; }
body.popupbody div#toprow { background-color: #A7B739; padding: 0; margin: 0; text-align:right; }
body.popupbody a.closebutton {display: block; font-size: 12px; color:#FFF; background-color:#64653A; padding: 2px 12px 2px 12px; font-weight: bold; }

/* ADMIN */
body.modules-admin table, body.admin table { empty-cells: show; border-spacing: 0 0; border-collapse: collapse; border-top: 1px #CCC solid; }
body.modules-admin thead th, body.admin thead th { padding-left: 4px; }
body.modules-admin h2, body.admin h2 { font-size: 16px; padding-bottom: 8px; }
body.modules-admin h3, body.admin h3 { font-size: 14px; padding-bottom: 8px; }

/* tabs */
div#tabcaptions {  background-color:#A1D6C0; border:0px; padding-bottom: 8px;  }
div#tabcaptions li { font-weight: bold; list-style: none; margin: 0px; margin-right: 6px; float:left;}
	div#tabcaptions li a{  font-weight: bold; padding: 0.5em 1em 0.2em 1em ; background-color: #D1EADE; color: #000; text-decoration: none; }
	div#tabcaptions li a.active 	{  background-color: #A1D6C0; }
	div#tabcaptions li a.inactive 	{  background-color: #D1EADE; }
	div#tabcaptions li a.disabled	{  color: #999; }
	div#tabcaptions li a:hover { text-decoration: none }
	div#tabcaptions ol { zoom:1; overflow: hidden; background-color: #fff;  margin: 0px; border:0px;  }
	div#tabcaptions a{ padding: 0.5em 0.5em 0em 1em ; text-decoration: underline; color:#009; }
	div#tabcaptions a.active{  font-weight: bold; color: #000;text-decoration:none;  }

div#tabs .tabstyle{
	width:400px;
	min-height:200px;
	display: block;
	margin: 10px;
}
div#tabs div#tab1 {
	display: block;
}

div#tabs>div  {
	padding-top: 1em;
}
	div#tabs div#tabcaptions {
		padding-top: 0;
	}

p.info { background-color: #97A729; color: #FFF; padding: 5px 16px; }

/* question */
div#body table#question-wrapper { min-height: 300px; }
div#body table#question-wrapper tr.question-positions td { padding: 0; margin: 0; border: 0; }
	div#body table#question-wrapper tr.question-positions td { text-align: center; }
		div#body table#question-wrapper tr.question-positions a { background: #036; border: 2px #036 solid; display: block; text-align: center; color: #FFF; text-decoration: none }
		div#body table#question-wrapper tr.question-positions td.answered a { background: #FFF; color: #036 }
    	div#body table#question-wrapper tr.question-positions td.active   a { border-color: #F91; }

img.question-image { display: block; margin: 0.5em }
	img.question-image-right { float: right }
	img.question-image-left  { float: left }

div#alternatives { zoom: 1; overflow: hidden; padding-top: 1em; }
	div#alternatives.question-alternatives-dragndrop { clear: both }
div#alternatives ul { list-style: none; }
	div#alternatives li { margin: 0.5em 0; }

	div#alternatives ul { width: 100%; overflow: hidden; font-size: 1em; }
	div#alternatives ul label { position: relative; display: block; background: #ECEAE4; padding: 5px 5px 6px 2.5em;
	                                     width: 70%; margin: 0 0.5em 0.5em }
	div#alternatives ul input { position: absolute; left: 0.3em; top: 50%; margin-top: -0.5em; }
/*
div#alternatives ul, div#alternatives li { list-style: none; margin: 0; padding: 0; }
div#alternatives label { display: block; padding: 5px; background-color: #EEE; }
div#alternatives label input { position: absolute; }*/

.question-alternatives input[type=text] {
	width: 450px;
}

body.izdpopup { color: #FFF; font: 12px/18px Arial, sans-serif;margin:0px;padding:0px;overflow: hidden; }
body.izdpopup div#toprow { background-color:#A7B739; padding: 0px; margin:0px; text-align:right; }
body.izdpopup a.closebutton {display: block; font-size: 12px; color:#FFF; background-color:#64653A; padding: 2px 12px 2px 12px; font-weight: bold; }


/* Questions */
.dnd_match {
	background-color: #A7B739;
	color: #FFF;
	cursor: default;
	text-align: center;
	display: block;
	margin: 4px;
	padding: 0;
	border: 1px #373528 solid;
	cursor: crosshair;
}

.dnd_alternative {
	background-color: #373528;
	color: #fff;
	font-weight: bold;
	cursor: default;
	text-align: center;
	margin: 4px;
	border: 1px #373528 solid
}

.dnd_match, .dnd_alternative {
	width: 100px;
}

.dnd_altbg {
	background-color: #cccccc;
	height: 300px;
	border: 1px #999 solid;
	padding: 0px;
	margin: 0px;
}
.dnd_altbg-hover {
	background-color: #999999;
}

/* - eggClock */
div#question-clock, div#question-show-clock {
	cursor: pointer;
	position: absolute;
	right: 2em;
	top: 1em;
	padding: 5px;
	border: 1px #FFF solid;
	text-decoration: underline;
	background: none;
}
div#question-clock {
	background: #FFF url() no-repeat 6px center;
	background-image: url(images/16px-clock.png) !important;
	padding: 5px 5px 7px 24px;
	border: 1px #CCC solid;
	text-decoration: none; z-index: 15;
}

span#question-countdown { background: url(images/icon_close.gif) no-repeat 100% 3px; padding-right: 16px; }

/* hide the close button in the dialog */
.ui-dialog .ui-dialog-titlebar-close { display: none; }

div.right{	padding: 4px; margin: 3px; border: 2px dotted #00cc00; }
div.wrong{	padding: 4px; margin: 3px; border: 2px dotted #cc0000; }


/* SCORM */
div#scormnavigation { font-size: 90%; }
div#scormnavigation ul{ list-style-type:none; margin-left:10px; margin-bottom: 0px;}
div#scormnavigation li a { display: block }
div#scormnavigation .inactive {  display: block; background: url(images/status_-1.png) no-repeat left; padding-left: 14px; }
div#scormnavigation .locked {  display: block; background: url(images/status_-3.png) no-repeat left; padding-left: 14px; }
div#scormnavigation a.active{ font-weight: bold; color: #000; }
div#scormnavigation a.status-1{ background: url(images/status_-1.png) no-repeat left; padding-left: 14px; }
div#scormnavigation a.status0{ background: url(images/status_0.png) no-repeat left; padding-left: 14px; }
div#scormnavigation a.status1{ background: url(images/status_1.png) no-repeat left; padding-left: 14px; }
div#scormnavigation a.status2{ background: url(images/status_2.png) no-repeat left; padding-left: 14px; }
div#scormcontent { margin-left: 150px; border-left: 1px #CCC solid; padding-left: 0px; min-height: 340px; overflow: visible; }

.status-3,
.status-2,
.status-1,
.status0,
.status1,
.status2
	{ padding-left: 20px; }
		
.status-3{ background: url(images/status_-3.png) no-repeat left; }
.status-2{ background: url(images/status_-2.png) no-repeat left; }
.status-1{ background: url(images/status_-1.png) no-repeat left; }
.status0{ background: url(images/status_0.png) no-repeat left; }
.status1{ background: url(images/status_1.png) no-repeat left; }
.status2{ background: url(images/status_2.png) no-repeat left; }

.numeric{ text-align: right; }

.expander_closed{ background: url(images/expander_closed.png) no-repeat left; padding-left: 16px; }
.expander_opened{ background: url(images/expander_opened.png) no-repeat left; padding-left: 16px; }

.imagefooter {font-size: 90%;text-align: left;}
.imagefooter a { text-decoration: underline; margin-left:5px;margin-right:5px;margin-top:0px; }

div#body ol#my-programs, ol#my-programs li { list-style: none; padding: 0; margin-left: 0 }
	ol#my-programs li { padding-top: 0.5em; position: relative; }
	ol#my-programs div.description { display: none; font-size: 90%; position: absolute; top: -1px; left: 220px; width: 250px; background-color: #F6FFB8; z-index: 15; padding: 0.5em; border: 1px #A7B739 solid }

/* NEW FRONTPAGE */
div#boxes { zoom: 1;overflow: hidden; margin: 0px; width:972px; }
	div#boxes div#column1{ float:left;margin-right:2em; width: 272px;}
	div#boxes div#column2{ float:left;margin-right:2em; width: 440px;}
	div#boxes div#column3{ float:left; width: 200px; }
	div#boxes div.box{ border: 0px;background:#e5e4df; padding: 0.5em; margin-bottom:0.5em; }
		div#boxes div.box.column1{ width: 272px; }
		div#boxes div.box.column2{ width: 440px; background:#ffffff; }
		div#boxes div.box.column3{ width: 200px; }
		div#boxes div.box h3 {
			color: #FFF;
			padding: 0.5em;
			margin: -0.5em;
			margin-bottom: 0;
			background: #74756a;
			font-size: 100%;
		}
		div#boxes div.box h4 {
			font-size: 90%;
		}
		div#boxes div.box p {
			padding: 0.2em;
			margin-bottom: 1px;
		}

	div#boxes hr { height:1px; color:#DDD; background-color:#DDD; border: 0px solid; margin-bottom: 10px; }

div#centerfrontpage {
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
	width:75%;
}

div#pagepath {
	display: none;
}


/* */
#customer-log-date-table { width: 100% }
#customer-log-date-table td { width: 33% }
#customer-log-date-table tr td td { width: 60px; text-align: right }
#customer-log-date-table tr.has-values th { color: #070 }
#customer-log-date-table tr.no-values th { color: #900 }
#customer-log-date-table td.weekday { text-align: left; width: 20px; padding-right: 0; padding-left: 3px }
option { padding-right: 10px }

#sortable { list-style-type: none; margin: 0; padding: 0; width: 300px; }
#sortable li { margin: 4px; padding: 0.4em; border: 2px #000 dotted }

.warning { color:#cc0000; }
.strikthrough { text-decoration: line-through; }

#headclose {
	position: fixed;
	right: 1em;
	z-index:15;
}

.tags{
	font-size: 85%; opacity: .7;
}
	
p.help { 
	float:right;
	border: 2px dotted #97A729;
	color: #000; 
	padding: 5px 16px; 
	width:400px; 
	min-height: 100px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF url(images/help_bg.png) no-repeat;	
}
	
div#body h1 { font-size: 150% }
div#body h2 { font-size: 120% }
div#body h3 { font-size: 110% }

.moduletypeimg{ float:left; margin:1px 1px 3px 1px; }

/* Self assessment */
table.self-assessment tr.thead th, table.self-assessment tr.thead td {
	padding-top: 1em;
}

table.self-assessment div.explanation {
	border: 1px #CCC solid;
	background: white;
	
	width: 500px;
	display: none;

	position: absolute;
	left: 50%;
	margin-left: -270px;
	
	cursor: pointer;
}

table.self-assessment .suggestion {
	width: 150px;
	font-size: 90%;
}

table.self-assessment tbody th {
	width: 200px;
}

div#body table.self-assessment tbody td.required, div#body table.self-assessment tbody td.gap, div#body table.self-assessment tbody td.score {
	width: 70px;
	text-align: right;
}

form table.self-assessment tbody td.required, table.self-assessment tbody td.score {
	font-weight: bold;
}

.rowhightlight:hover td{
	background-color: #DDD;
	cursor: pointer;
}

/* IOVERLAY ICONS */
.overlay{ padding:10px 0px 0px 10px;margin:2px;border:0px;vertical-align:top; background: url() no-repeat; }
	.overlay-graph{ background-image:url('images/overlays/bg_graph.png'); }
	.overlay-list{ background-image:url('images/overlays/bg_list.png'); }
	.overlay-stats{ background-image:url('images/overlays/bg_stats.png'); }


/* inactive users in members list */
tr.inactive td, tr.inactive th {
	font-style: italic;
}

/** Report module */
span.level {
	display: block;
	float: left;
	width: 24px;
	line-height: 24px;
	text-align: center;
	margin-right: 5px;
}

div#body table.table-competence td, div#body table.table-competence th {
	padding: 5px 0;
	padding-right: 20px;
	vertical-align: middle;
}
div#body table.table-competence thead td, div#body table.table-competence thead th {
	font-size: 110%;
}
td.level {
	line-height: 24px;
}

#box-eventlist {
	margin: 6px 0;
}
	#box-eventlist dt {
		float: left;
		font-weight: bold;
		width: 80px;
	}

div#body th.number, div#body td.number {
	text-align: right;
}