@charset "UTF-8";
/* CSS Document */

/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
	background-color:#DEE19F;
	color:#333333;
}
form {
	margin:0;
	padding:0;
}
#table {
	background-image: url("../images/layout/main.gif");
}

#wrapper {
	padding: 0 35px 0 35px;
}

#main {
	padding: 10px;
}

#main h1 {
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:20px;
	border-bottom: 1px solid #999999;
	color:#9EA071;
}

#main h2 {
	font-size:14px;
	color:#9EA071;
}

#country {
	text-align:right;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 8px;
}
#country select {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:9px;
}


#main #chapters {
	margin: 0 10px 0 10px;
}

#main #chapters ul { margin:0 0 1em; padding:0; list-style:none; }
#main #chapters li { margin:0 0 .25em; padding:0 0 0 15px; background:url("../images/bullet.gif") no-repeat 2px .45em; line-height:1.2em; }

#main #chapters a, #main #chapters a:visited {
	color:#333333;
	text-decoration: none;
}
#main #chapters a:hover {
 	color:#990000;
	text-decoration: none;
	border-bottom: 1px solid #999999;
}

#header {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2px;
}



#footer {
	border-top: 1px solid #CCCCCC;
}
#logout, #footer {
	color:#999999;
	text-align:right;
	padding-top: 8px;
}

#logout a, #logout a:visited, #footer a, #footer a:visited {
	color:#999999;
	font-weight:bold;
	text-decoration: none;
}
#logout a:hover, #footer a:hover {
	color:#000000;
}
div.section-1, div.section-2, div.section-3, div.section-4 {
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	border: 1px solid #333333;
	padding:5px;
	margin: 10px 0 5px 0;
}
#section1,#section2,#section3,#section4 {
	margin:-5px 0 0 0;
	padding: -5px 0 0 0;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

.section-1 {
	background:#4156a6 url(images/section-1-bkg.jpg) top repeat-x;
	color: #ffffff;
}
.section-2 {
	background:#41ad49 url(images/section-2-bkg.jpg) top repeat-x;
	color: #ffffff;
}
.section-3 {
	background:#d2232a url(images/section-3-bkg.jpg) top repeat-x;
	color: #ffffff;
}
.section-4 {
	background:#662d91 url(images/section-4-bkg.jpg) top repeat-x;
	color: #ffffff;
}

.subsection-4 {
	background-color: #e0d5ea;
	padding: 4px;
	margin: 8px 2px 2px 2px;
}
.subsection-content {
	padding: 5px;
	margin: 5px;
}


.quizTitle, .quizTitle-sub {
	font-size: 11px;
	font-weight: bold;
	color:#ffffff;
	background-color: #41ad49;
	border: 1px solid #e1e1e1;
	padding:4px;
	margin: 6px 0 0 0;
}
.quizTitle-sub {
	background-color: #cee6c1;
	color:#000000;
}

.question,.question-correct,.question-wrong {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold;
	padding: 2px;
	margin: 4px 0 0 0;
}

#title {
	font-size: 14px;
	font-weight: bold;
	color:#660000;
	border-bottom: 1px solid #eeeeee;
	padding-bottom:2px;
}
#main #subtitle {
	font-size:14px;
	font-weight:bold;
}

#main strong {
	color:#333333;
}

#country a {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

#country a:hover {
	color:#CC0000;
	text-decoration:underline;
}

#main a {
	font-weight: bold;
/*	color: #000000; */
	text-decoration: none;
}
#main a:hover {
/*	color:#CC0000; */
	text-decoration:underline;	
}

#main a {
	color: #000000;	
}
#main a:hover {
	color: #CC0000;	
}

#main a.white {
	color: #ffffff;	
}


#logo {
	float: right;
}

.padded {
padding: 10px;
}

#flags {
text-align:center;
background:url(../images/buttons/allbooks.gif) no-repeat top;
margin: 10px 0 0 0;
padding:145px 0 0 0;
}


.formbutton {border-top : 1px solid #DDDD00;border-bottom : 1px solid #919100;border-left : 1px solid #DDDD00;border-right : 1px solid #919100;color : #000000;background : #C0C000;font : 11px Tahoma, Arial, Helvetica, sans-serif;}
.dangerbutton {border-top : 1px solid #000000; border-bottom : 1px solid #000000;border-left : 1px solid #000000;border-right : 1px solid #000000; color : #FFFFFF;background : #990000;font : 11px Tahoma, Arial, Helvetica, sans-serif;}
.formfield {border-top : 1px solid #0E212A;border-bottom : 1px solid #0E212A;border-left : 1px solid #0E212A;border-right : 1px solid #0E212A;color : #000000;background : #CCCCCC;font : 11px Courier New, Courier, monospace;width : 25px;}
.formfield_final {border-top : 1px solid #0E212A;border-bottom : 1px solid #0E212A;border-left : 1px solid #0E212A;border-right : 1px solid #0E212A;color : #000000;background : #CCCCCC;font : 11px Courier New, Courier, monospace;width : 150px;}
.textarea {border-top : 1px solid #0E212A;border-bottom : 1px solid #0E212A;border-left : 1px solid #0E212A;border-right : 1px solid #0E212A;color : #000000;background : #CCCCCC;font : 11px Courier New, Courier, monospace;width : 150px;}

div.hr {
  height: 15px;
  background: #fff url(../images/hr1.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

h3 {
 font-size:14px;
 color:#000066;
 font-weight:bold;
 margin-bottom: 5px;
 margin-top: 5px;
 padding:5px;
 background-color:#FEF4DE
}

.messages {
	border-style: solid;
	border-width: 1px;
	padding: 0.3em;
	margin-bottom: 1em;
	margin-top: 5px;
	margin-bottom: 5px
	
}
.error {
	border-color: #c00;
	background-color: #fcc;
	text-align:left;
}

.message {
	border-color: #090;
	background-color: #dfd;
	text-align:left;
}

td, input, select, textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.login-header {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#660000;
}


/* === Table stuff === */

#row, #quiz, #rowStudents {
	width: 100%;
	border: 1px solid #cccccc;
}

#rowStudents thead th,#quiz thead th,#row thead th  {
	font-weight: bold;
	padding: 4px 3px;
	text-align: left;
}
#rowStudents thead th {
	background-color: #d4effc;
	color:#000000;	
}
#quiz thead th {
	background-color: #cee6c1;
	color:cee6c1;
}

#row thead th {
	background:#CCCCCC;
	color: #000000;
	border-left: 1px solid #AAB398;
	border-right: 1px solid #AAB398;
	border-top: 1px solid #AAB398;
}

#row tbody, #quiz tbody, #rowStudents tbody {
	padding: 5px;
}
#row tr.even, #quiz tr.even, #rowStudents tr.even {
	background: #eee;
}
#row tr.odd, #quiz tr.odd, #rowStudents tr.odd {
	background: #fff;
}
.caption {
	border-top: 1px solid #eee;
	font-size: 10px;
	padding: 5px 0 5px 0;
}

.login-top {
	background:url("../images/login/top.gif") no-repeat left top;
}
.login-bottom {
	background:url("../images/login/bottom.gif") no-repeat left bottom;
}
.login-content {
	background:url("../images/login/back.gif") repeat-y;
}
.login-text {
	padding:10px;
}

.login-title h3, .login-text h3, .not-yet h3 {
  font-family: Verdana, Arial, Sans-serif;
	background-color:#FFFFFF;
	font-size:130%;
	line-height:1.3em;
	color:#826C55;
}
.login-title {
	border-bottom: 1px solid #eeeeee;
	margin-top:5px;
	margin-bottom:5px;
}
.not-yet {
	border-top: 1px solid #eeeeee;
	margin-top:5px;
	padding-top:5px;
}
.not-yet .text {
	margin-left: 5px;
}

fieldset {
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	padding: .5em;
}

.legend{
text-transform:capitalize;
}

legend {
	padding: 0.2em 0.5em;
	border: 1px solid #CCCCCC;
	background: #eeeeee url("images/orange_gradient.jpg") repeat-x top;
	color:#000000;
}

.highlight {
  color:#CC0000;
	font-weight:bold;
}




#main a.button, #main a.button:hover, #main a.button-small, #main a.button-small:hover {
	color: #000000;
	display:block;
	background: #ffffff url("images/button.gif") no-repeat;
	width:127px;
	height: 21px;
	margin: 5px;
	padding-top: 3px;
	text-align:center;
	text-decoration: none;
}

#main a.button:hover {
	background: #ffffff url("images/button-hover.gif") no-repeat;	
}

#main a.button-small {
	background: #ffffff url("images/button-small.gif") no-repeat;
	width: 64px;
}
#main a.button-small:hover {
	background: #ffffff url("images/button-small-hover.gif") no-repeat;
	width: 64px;
}
#main a.start-button {
	color: #000000;
	display:block;
	background: #ffffff url("images/start-button.gif") no-repeat;
	width:51px;
	height: 49px;
	margin: 5px;
	padding-top: 3px;
	text-align:center;
	text-decoration: none;
}



/* ================================================ */
/*                       Tabs                       */
/* ================================================ */
#minitabs { width:100%; line-height:normal; margin-bottom:0px; background-color:#FFFFFF;}
#minitabs ul { margin:0; padding:0 0 21px 8px; list-style-type:none; border-bottom: 1px solid #999999;}
#minitabs li { font-size:10px; text-transform:uppercase;float:left; margin:0 3px 0 0; padding:0; }
#minitabs a { display:block; background:url(minitab_left.gif) no-repeat left top;  padding:0 0 0 3px; text-decoration: none; font-weight:bold; }
#minitabs a span { float:none; background:url(minitab_right.gif) no-repeat right top; display:block; padding:5px 10px 4px 6px; }

#minitabs a:link { color:#FFFFFF; }
#minitabs a:visited { color: #FFFFFF; }
#minitabs a:hover, #minitabs #deals a:hover { color: #FFFFFF; background-position: 0% -140px; }
#minitabs a:hover span, #minitabs #deals a:hover span { background-position: 100% -140px; }
#minitabs #current a:hover { color: #FFFFFF; }