/**************************************
 * THEME NAME: esocaet_d4r_en
 *
 * Files included in this sheet:
 *
 *   esocaet_d4r_en/fw_layout.css
 *   esocaet_d4r_en/fw_color.css
 *   esocaet_d4r_en/fw_fonts.css
 **************************************/

/***** esocaet_d4r_en/fw_layout.css start *****/

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#page {	
  width: 990px;  
  margin: 10px auto;
}

.generaltable h1{
	padding: 0px;
}

h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {
	padding-left: 6px;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	text-align: left;
	padding: 6px;
}

h1 {
	text-align: left;
	border: 1px solid;
	margin-top: 0px;
	padding-top: 6px;
}


h2 {
  border: 0px;
}

h3 {
  padding: 6px;
}

h4 {
  border: 0px !important;
}

p {
  margin:0px;
  padding:0px;
  margin-bottom: 3px;
  padding-left: 6px !important; 
}

#middle-column h1 {
  padding-top: 6px;
  margin-top: -4px; 
}

#middle-column h3, h3 {
  border-bottom: 1px solid;
}

#layout-table #left-column, #layout-table #right-column {
	width: 210px;
  	border-style: solid;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

/*border unterer Boxenrand*/
#left-column .hidden .header, #right-column .hidden .header {
	
  border-bottom-style: solid;
	/*border has to stay 0px*/
  border-bottom-width: 0px;
	
	
}

#layout-table #left-column .hidden .content, #layout-table #right-column .hidden .content {
	/*display:none;*/
}

#content {
	clear: both;
}

/*
h1, h2, h3, th.header {
	border-top:  1px;
	border-right:  1px;
}
*/


h4 {
	border: 0px;
}

input, select {
	padding: 0px;
}

#layout-table #middle-column {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	margin-top: 0px;
	vertical-align: top;
}
#layout-table #middle-column .generalbox p{
  	padding-left: 6px;
	padding-right: 6px;

} 
#layout-table #middle-column .generalbox { 
	border: 0px solid #000;
} 

.sitetopic {
	margin: 0px;
	padding: 4px;
}

.generaltable {
	border-width: 0px;
}

.generalbox {
	border-style: solid;
	border-width: 0px;
}

.sitetopiccontent {
	border-style: solid;
	border-width: 1px;
}

.clearfix {
	display: block;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/**** searchform adjust ****
.searchform{
  	clear: both;
}*/

/*** aktivities ***/
.activitydate {  
  	text-align: left;
}


/*** *** Header ***/ 
#header-home {
	border-style: solid;
	border-width: 0px;
	height: 190px; 
	/*90*/
}

#header {
	border-style: solid;
	border-width: 0px;
	height: 58px;
}

.headermain, h1.headermain {
	border-width: 0px;
	float: left;
	height: 58px;
	margin: 0%;
	padding: 0%;
}

.headermenu {
	margin-top: 0px;
	margin-right: 10px;
	position: relative; top: 12px;
	float: right;
	text-align: right;
}

.navbar {
  	margin-top:0px;
	border-width: 0px;
	padding-bottom: 3px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 10px;
	width: 100%;
}

div.navbar {
	width: auto;
}

table.navbar {
	width: 100%;
}

.navbar .navbutton form {
	float: left;
}

.navbar .navbutton {
	float: right;
	margin-top: 3px;
}

.navbar .breadcrumb {
	float: left;
	margin-bottom: 0.2em;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0.2em;
}

.breadcrumb ul {
	list-style-image: none;
	list-style-style: none;
	margin: 0%;
	padding: 0%;
	text-indent: 0%;
}

.breadcrumb li {
	display: inline;
}

.navbar .navbutton,.navbar .menu {
	float: right;
}
.navigation ul li form, .navigation ul li {
	display:inline;
	margin:0 0 0 2px;
	padding:0;
}



/*** *** Login ***/


.logininfo{
	position: relative; top:-12px;
	float: right;
	border-left: 1px solid;
	padding-left: 9px;
	margin-top:8px;
	margin-right: 9px;
}

#chooselang{
	position: relative; top:-15px;
	float: right;
	margin-right:9px;
	margin-top:6px;
	height:10px;
	font-size:small;
}

TABLE.loginbox {
	margin-top: 10px;
}

.loginbox .header {
  	border-width: 1px;
	border-bottom-width: 0px;
	border-style: solid;
}

.loginbox .content {
	border-top-width: 1px;
}

/*** *** Footer ***/ 
#footer {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
	text-align: left;
	border-top: 1px dashed #DDD;
	height: 50px;
}

#footer .sitelink{
	position:relative;
	top: -20px;
	left: 10px;
}

#footer .navbar {
	margin-top: 4em;
}

#footer p.helplink {
	margin-bottom: 0px;
}
.homelink {
	position: relative; top: -15px;
}
/*** *** Blocks ***/
.sideblock, .sideblock .header {
	
	border-width: 0px;
	clear:both;
}
.sideblock .content {
	border-width: 0px;
	clear:both;
	margin-top:0px;
}
.sideblock{
	width: 192px;
	margin-left:9px;
	margin-right:9px;
}

.sideblock .header h2 {
	border-width: 0px;
	padding-top: 4px;
}

.sideblock .header .hide-show-image {
	padding-top: 4px;
	padding-right: 4px;
}
/*commands*/
#layout-table #left-column .commands, #layout-table #right-column .commands {
	position:relative; top: 2px; left: -4px;
	width: 186px;
	height: 20px;
	padding-left: 4px;
}

.header .title .commands {
  display: block;  
  margin-bottom:0px;
  background-color: #E8EDF0;
  border: 1px solid #C6D4D9 !important;
 /*#86A4AF*/ 
}
.header .title .commands a {
  margin-right: 6px;
}

.commands a {
  margin-right: 6px;
}

.sideblock .footer {
	border-top-style: dashed;
	border-top-width: 1px;
}
#layout-table #left-column .sideblock .header, #layout-table #right-column .sideblock .header {
	height:auto;
	/*very important for accurate display of command-box*/
	
}


#layout-table #left-column .sideblock .content, #layout-table #right-column .sideblock .content{
	clear:both;
}

/*** *** Calendar ***/ 
#calendar .today,.minicalendar .today {
	border-style: solid;
	border-width: 1px;
}

table.minicalendar {
	border-collapse: separate;
	border-spacing: 1px !important;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 2px;
	width: 100%;
}

table.minicalendar tr.weekdays th {
	border-style: none;
}

table.minicalendar tr td.day {
	border-style: solid;
	border-width: 1px;
}

table.minicalendar tr.weekdays th abbr {
	border-style: none;
}

table.calendarmonth {
	border-collapse: separate;
	border-spacing: 1px !important;
}

table.calendarmonth tr td {
	border-style: solid;
	border-width: 1px;
}

/*** *** Course ***/ 
.headingblock {
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}

.categorybox .category,.categorybox .category {
	border-bottom-style: solid;
	border-width: 1px;
	padding-top: 7px;
}

#course-view .section .left {
	border-right-style: dashed;
	border-right-width: 1px;
}

#course-view .section.hidden .content, #course-view .section.hidden .side {
	border-style: dashed;
	border-width: 1px;
}

#course-view .section td.content ul.section.img-text {
	line-height: 22px;
}

#course-view .section td.content ul.section.img-text li.activity.label {
	line-height: 16px;
	margin-bottom: 5px;
}

.coursebox .info .name {
	padding-bottom: 5px;
}

.tabrow0 {
	padding-top: 4px;
}
table.remember td {padding: 6px; }
table.remember {
	width: 100%;
	margin-bottom:6px; 
}
/*** *** Error message ***/.errorbox {
	border-width: 2px;
}

/*** *** Forum *** ***/
.forumheaderlist {
	width:970px;
	margin: 0px 10px 10px 10px;
}
.forumheaderlist td, .forumheaderlist th {
	padding:1px 6px 1px 6px;
}
#content .subscription {
	margin-right:10px;
}
#content .forumpost {
	margin-left:10px;
}
.indent {
	margin-bottom: 10px;
}/***** esocaet_d4r_en/fw_layout.css end *****/

/***** esocaet_d4r_en/fw_color.css start *****/

body {
	background-color: #DEE7EB;	
	color: black;	
}

#page {
  border: 1px solid #FFF;
  background-color: #FFF;
}

#content {
  background-color: #FFF;  
}

#content .sideblock .content{
  background: url(pix/grad/bg_small-box.gif) repeat-x;
  background-color: #f5f9fc;
  border: 1px solid #C6D4D9;
  /*width: 190px; keep off: doesn't work in FF */
  
}
#content .sideblock{
background-color: #E8EDF0;
}

#content div{
border:0px;
}

#footer{
background-color: #FFF;
}

a:link {
	color: #2170a6;
}

a:visited {
	color: #87A3AF;
}

a:hover {
	color: #F17524;
}

a.dimmed:link,a.dimmed:visited {
	/*color: #c6a985;*/
	color: #ff6d6a;
}

#page #header .headermenu .logininfo a:link, #page #header .headermenu .logininfo a:visited {
	color: #FFFFFF;
}
#page #header .headermenu .logininfo a:hover {
	color: #FFF;
	text-decoration: underline;
}

h1 {
	border-color: #E8EDF0;
	color: #2170B1;
}

h2 {
  color: #2170B1;
	border-color: none;
}


h3 {
	border-color: #86A4AF;
}

th {
	background-color: #86A3B0;
}

#middle-column h4 {
	border-color: #86A4AF;
}


#middle-column h1, #middle-column th.header, .book_content h1, h1 {
  background: url(pix/grad/bg_HL.gif) repeat-x;
}

#middle-column h3 {

}

th.header,td.header {
	background-color: #99b4c0;
}
div.header {
  border:0px;
}
th.header {
	background-color: #99b4c0;
	border-color: #86A4AF;
	background-color: #99b4c0;
}
table.remember td {border: 1px solid #86A4AF;}

#left-column .hidden .header, #right-column .hidden .header {
	border-color: #f00;
}

#layout-table #left-column, #layout-table #right-column {
	
	
  background-color: white;
	
	
}


#layout-table{
border: 0px solid #f0f;
}

#middle-column{
  
  border-right: 1px dashed #DDD;
  border-left: 1px dashed #DDD;
  
  background-color: white;
}
.glossary.autolink.glossary {
	background-color:#E1E1E1;
}



.generalbox {
	background-color: white;
	border-color: #86A4AF;
}

.generaltable,.generaltable td {
	border-color: #86A4AF;
}

.generaltable .r0 {
	background-color: white;
}

.generaltable .r1 {
	background-color: #DEE7EB;
}

.generaltable .r1 td.cell.c0 {
	border-color: #86A4AF;
}

.navbar {
	background-color: #EBEBEB;
	border-top:1px solid #FFFFFF;
}

.sitetopiccontent {
	background-color: purple;
	border-color: white;
}

.highlight {
	background-color: red;
}

.highlight2 {
	color: #86A4AF;
	/*#c6bda8*/
}

/*** *** Roles ***/
.rolecap .inherit.capdefault, .rolecap .allow.capdefault {
	background-color: olive;
}

#admin-roles-override .capcurrent {
	background-color: #86A3B0;
}

/*** *** Header ***/
#header-home, #header {
	background-color: white;
	
}
#header-home {
  background-color: #ebebeb;
}

#header {
	background: url(pix/grad/bg_logo_small.jpg) repeat-x;
}

h1.headermain {
	background-color: #86a3b0;
}
.title{
  background-color: none;
}

/*** *** Login ***/
.loginbox,.loginbox.twocolumns .loginpanel,.loginbox .subcontent {
	background-color: #DEE7EB;
	border-color: #ee7523;
}

.loginbox .content {
	background-color: lime;
	border-color: red;
}

/*** *** Blocks ***/
.sideblock .content {
	background-color: white;
}

.sideblock .header {
	background-color: #86a3b0;
	background: url(pix/grad/gradient_h_192.jpg) no-repeat;
	background-position: 0px 0px;
	width: 192px;
	height: 23px;
	border-bottom: 1px solid #FFF !important;	
}

#page hr {
  border-color:-moz-use-text-color -moz-use-text-color #FFF; 
  border-style:none none solid;
  border-width:0 0 1px;
  height:0;
}
.sideblock .header .title { 
  padding-right: 5px;
}
.sideblock hr {
	color: teal;
}

.sideblock .content .post .head .date,.sideblock .content .post .head .name {
	color: black;
}

/*** *** Calendar***/ 
#calendar .maincalendar,#calendar .sidecalendar,#calendar .maincalendar .event {
	border-color: #86A4AF;
}

#calendar .maincalendar table.calendarmonth th {
	border-color: #86A4AF;
}

table.calendarmonth tr td {
	border-color: #86A4AF;
}

table.minicalendar {
	border-color: #86A4AF;
}

table.minicalendar tr.weekdays th {
	background-color: #FEF9F6;
	border-color: #86A4AF;
}

table.minicalendar tr td.day {
	border-color: #86A4AF;
}

table.minicalendar tr td.weekend {
	border-color: #86A4AF;
	color: red;
}

#calendar .today,.minicalendar .today {
	border-color: #000000 !important;
}

#calendar .event_global,.minicalendar .event_global,.block_calendar_month .event_global {
	background-color: #2EBA0E;
	border-color: #2EBA0E !important;
}

#calendar .event_course,.minicalendar .event_course,.block_calendar_month .event_course {
	background-color: #FF9966;
	border-color: #FF9966 !important;
}

#calendar .event_group,.minicalendar .event_group,.block_calendar_month .event_group {
	background-color: #FBBB23;
	border-color: #FBBB23 !important;
}

#calendar .event_user,.minicalendar .event_user,.block_calendar_month .event_user {
	background-color: #A1BECB;
	border-color: #A1BECB !important;
}

.cal_popup_fg {
	background-color: #FEF9F6;
}

.cal_popup_bg {
	background-color: #FEF9F6;
	border-color: #86A4AF;
}

/*** *** Course ***/.headingblock {
	background-color: white;
}

.coursebox {
	background-color: white;
}

.coursebox .info {
	background-color: white;
}

.categoryboxcontent,.courseboxcontent {
	.courseboxcontent: lime;
	background-color: white;
}

#course-view .section.main .side {
	background-color: #E8EDF0;
	border: 1px solid #86A4AF;
}

td.content {border: 1px solid #86A4AF}
#course-view .current .right.side,#course-view .current .left.side {
	background-color: #86A4AF;
	/**light orange: #EFD4C2 E8EDF0*/
}
#course-view .current .right.side {border: 1px solid #86A4AF}
#course-view .current .left.side {border: 1px solid #86A4AF}

#course-view .section.hidden .content,#course-view .section.hidden .side {
	background-color: white;
}


/*** *** Tabs ***/.tabs .side {
	border-color: inherit;
}

.tabrow td {
	background-image: url(pix/tab/left.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.tabrow td .tablink {
	background-image: url(pix/tab/right.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.tabrow td:hover {
	background-image: url(pix/tab/left_hover.gif);
}

.tabrow td:hover .tablink {
	background-image: url(pix/tab/right_hover.gif);
}

.tabrow .last span {
	background-image: url(pix/tab/right_end.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.tabrow .selected {
	background-image: url(pix/tab/left_active.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.tabrow .selected .tablink {
	background-image: url(pix/tab/right_active.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.tabrow td.selected:hover {
	background-image: url(pix/tab/left_active_hover.gif);
}

.tabrow td.selected:hover .tablink {
	background-image: url(pix/tab/right_active_hover.gif);
}

/*** *** Modules: Forum ***/.forumheaderlist,.forumpost {
	border-color: #86A4AF;
}

.forumpost .content {
	background-color: #FEF9F6;
}

.forumpost .left {
	background-color: #FEF9F6;
}

.forumpost .topic {
	border-bottom-color: #86A4AF;
}

.forumpost .starter {
	background-color: #FEF9F6;
}

.forumheaderlist .discussion .starter {
	background-color: #FEF9F6;
}

.forumheaderlist td {
	border-color: #86A4AF;
}

.sideblock .post .head {
	color: #FEF9F6;
}

.forumthread .unread {
	background-color: #FEF9F6;
}

#mod-forum-discuss .forumpost {
	background-image: none;
}

#mod-forum-discuss .forumpost.unread .content {
	border-color: #86A4AF;
}

/*** *** Error message ***/.errorbox {
	background-color: red;
	border-color: #990000;
}

.errorboxcontent {
	background-color: #FEF9F6;
}

/*** *** Grade ***/.grade-report-grader table#user-grades td.cell span.gradepass {
	background-color: #C2EBBD;
}

.grade-report-grader table#user-grades td.cell span.gradefail {
	background-color: #EBC4BD;
}

/*** *** User ***/.userinfobox {
	border-color: #86A4AF;
}

.userinfobox .side {
	background-color: #86a3b0;
}

.userinfobox .content {
	background-color: #FEF9F6;
}/***** esocaet_d4r_en/fw_color.css end *****/

/***** esocaet_d4r_en/fw_fonts.css start *****/

.clearer {
	font-size: 1px;
}

body, td, li, input, select {
	font-family: Trebuchet MS, Arial,Verdana,Helvetica,sans-serif;
	font-size: 13px;
}

body {
	font-family: Trebuchet MS, Arial,Verdana,Helvetica,sans-serif;
	font-size: 13px;
	font-family: Trebuchet MS, Arial,Verdana,Helvetica,sans-serif;
	font-size: 13px;
	margin: 5px;
}

th {
	font-family: Trebuchet MS, Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4 {
	font-family: Trebuchet MS, Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.15em;
}

h3 {
	font-size: 1.1em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1em;
}


th.header,td.header,div.header,.headingblock {
	font-family: Trebuchet MS, Arial,Verdana,Helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

.categorybox .category {
	font-size: 1.5em;
	font-weight: bold;
}

.generaltable td.cell.c0 {
	font-weight: bold;
}

select.chooselang_jump {
  height:10px;
  font-size: small;
}

.admintree a:link, .admintree a:visited {
 color: #5e5e5e;
}
.admintree a.current{
  color: #EE7524;
}

.admintree a:hover{
  color: #000;
}
/*** *** Header ***/ 
.breadcrumb {
	font-family: Wingdings, Geneva, Arial, sans-serif;
	font-size: .3em;
	font-weight: regular;
}
.breadcrumb span.arrow{
  color:#CCC;
  font-size: small;
}
.logininfo,#header-home .headermenu font {
	font-size: .8em;
}

/*** *** Blocks ***/ .sideblock .footer {
	text-align: left;
}

/*** *** Calendar ***/#calendar .maincalendar table.calendarmonth td {
	font-size: .8em;
}

#calendar .maincalendar .calendar-controls .current {
	font-weight: bold;
}

#calendar .sidecalendar .filters {
	font-size: 0.75em;
}

table.minicalendar tr.weekdays th {
	font-family: Trebuchet MS, Arial,Verdana,Helvetica,sans-serif;
	font-size: 0.7em;
	font-weight: normal;
}

table.minicalendar tr td {
	font-size: 0.7em;
}

/*** *** Course ***/  #course-view .section .left {
	font-size: 0.8em;
	font-weight: bold;
}

.coursebox .info .name {
	font-size: 1.2em;
	font-weight: bold;
}

.arrow, .arrow_button input {
	font-family: Arial, Helvetica, sans-serif;
}

p.arrow_button input {
	font-family: Arial, Helvetica, sans-serif;
}

img.resize {
	height: 1em;
	width: 1em;
}

/*** *** Glossary ***/.glossarypost div.concept h3,.glossarypost.continuous .concept {
	display: inline;
}/***** esocaet_d4r_en/fw_fonts.css end *****/