/**************************************
 * THEME NAME: template_mg2it
 *
 * Files included in this sheet:
 *
 *   template_mg2it/styles.css
 *   template_mg2it/styles_color.css
 **************************************/

/***** template_mg2it/styles.css start *****/

/* CSS Document */
body{ 
		font-family:Arial !important; 
		font-size:12px;
		line-height:15px;
		background-image:url(images/bodyBD.gif);
		background-repeat:repeat;
		/*background:#ffffff;*/
		margin-top:0;
}
body, table, td, th, li , h1,h2, h3,h4, span, a, div, font, p{
	font-family:Arial !important; 
}
/*body#site-index{	
	background-image:none;
}*/
body#site-index .headingblock, body#course-view .headingblock {
margin-bottom:0;
}
/*body.login{
	background-image:none !important;
	background-color:#FFFFFF;
}*/
img,a{
	border:none;
	outline:none;
	text-decoration:none;
}
.sideblock .calendar-controls a:link, .sideblock .calendar-controls a:visited,.sideblock .calendar-controls a:hover, .sideblock .calendar-controls a:active  {
	color:#ffffff !important
}
div.calendar-controls{
	margin-top:5px;
}
div.block_calendar_month h2{
	color:#1d2118 !important;
}
input[type="submit"],input[type="button"],button{
	cursor:pointer;
	font-size:1.1em;
	font-weight:bold;
	padding:2px 15px;
	background-color:#FFFFFF;
	border-width:1px;
	border-style: solid;
	border-color:#7AA07E;
	outline:none;
	margin:0 3px;
}
input[type="submit"]:hover,input[type="button"]:hover,button:hover,
input[type="submit"]:focus,input[type="button"]:focus,button:focus{
	border-color:#2A562F;
}
.generalbox h1 font[size="4"]{
	font-size:13px !important;
	font-weight:bold !important;
}
h1, #right-column h2,#layout-table{
	margin-top:0px;
}

.sideblock .header .hide-show-image{
	background:#ffffff;
}
.site-wrapper{
	width:990px;
	margin:0 auto;
	padding-bottom:10px;
}
#footer {
	margin-top:0;
	padding-bottom:5px;
}
.skip-block-to, #maincontent{
	height:0;
}
.loginbox.twocolumns {
	background:#e4e4e2;
	height:406px;
	width:auto;
	margin:0 auto;
	border:none;

}
.loginbox .loginpanel .desc {
	color:#1d2118;
	font-size:12px;
	font-weight:bold;
}
.loginbox.twocolumns *{	text-align:left}
.loginbox h2{margin:0; background:#1d2118; padding-top:0; padding-bottom:0; color:#FFFFFF; line-height:25px;}
.loginbox.twocolumns .loginpanel{ width:50%; }

.loginbox.twocolumns .loginpanel,.loginbox.twocolumns .signuppanel .subcontent{background-color:#ffffff; margin:0}
.loginbox.twocolumns .loginpanel{
	margin-top:15px; margin-right: 15px; margin-bottom: 20px; margin-left: 15px;
}
.loginbox.twocolumns .loginpanel,.loginbox.twocolumns .signuppanel,.loginbox.onecolumns .loginpanel, .loginbox.onecolumns .signuppanel {
 padding:0; }
 .loginbox.onecolumns .loginpanel, .loginbox.onecolumns .signuppanel {
	margin:0 auto;
}
 .loginbox.twocolumns .loginpanel {
	border:2px solid #1d2118;
	float:none;
	background:#AFB2AD;
}
.loginbox .subcontent{
	border:none
}
.loginbox.twocolumns .loginpanel{
	margin:0 auto;
}
.loginbox.twocolumns .signuppanel{margin-left:0; width:auto; float:none}
.loginform{padding:20px; background-color:#80837c;}
.loginform input.login-button{
	background: transparent url(images/loginBTN-bg.png);
	background-repeat:no-repeat;
	border:none;
	color:#ffffff;
	width:92px;
	height:27px;
	vertical-align:middle;
	text-align:center
}
.loginform td{
	vertical-align:top;
	}
.loginbox .signuppanel .subcontent{
	height:175px;
	font-size:12px;
}
.loginbox .loginform .form-label {
	float:none;
	text-align:left;
	width:95%;
	color:#1d2118;
	font-weight:bold;
	
	padding-top:2px;
	font-size:12px;

}
.loginbox .loginform .form-input {
float:none;
width:95%;
}
.loginbox .loginform .form-input input[type="text"],.loginbox .loginform .form-input input[type="password"]{
border:1px solid #1d2118;
width:100%;
padding:3px;
}
#login-index #content{
	height:405px;
}
.sideblock .content {
	font-size:12px;

}
#left-column .sideblock {
	margin-bottom:2px;
}
#page{
	background-color:#FFFFFF;
	clear:both;
}
#left-column{background-color:#a9aaa5; background-image:url(images/right-col-det.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:350px}
#left-column .header,#right-column .header,#left-column .content{ border:none}
#right-column .content{
	border:1px solid #80827c
}
/*.course.course-2 #right-column{ background-color:#a9aaa5; background-image:url(images/hm-right-column.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:350px}*/
.course.course-2 #right-column .header{ background-color:#DF9C4F}
#left-column .sideblock .header{ padding:3px 5px; background-color:#1d2118; height:auto; color:#FFFFFF }
#right-column .sideblock .header{ padding:3px 5px; background-color:#afb2ad; height:auto }
#left-column{
	border-right:4px solid #ffffff;
	width:210px !important;
}
#right-column{
	border-left:4px solid #ffffff;
	width:210px !important;
	background-color:#a9aaa5; 
	background-image:url(images/hm-right-column.png); 
	background-repeat:repeat-x; background-position:bottom;
	padding-bottom:350px
}
#right-column h2,#left-column .sideblock .title h2{/*font-size:14px;font-weight:bold; */color:#FFFFFF}
#right-column .sideblock .content h2{ color:#D27103;}
#right-column .sideblock .header {padding:4px 5px; height:auto}
#right-column .title{
	padding:0px 5px;
}
#left-column .sideblock .content{ background:#ffffff}
#left-column .sideblock .content a{text-decoration:none; color:#71955C;}
#left-column .sideblock .content .depth1 a{ font-weight:normal }
/*#left-column .sideblock .content,#left-column .sideblock .content .depth0 a{font-weight:bold;}*/

/*.course.course-1 #right-column{  background-image:url(images/right-col-det.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:350px}*/
/*.course.course-1 #middle-column{ background:#F8EAD9; padding:0;}*/
#layout-table #middle-column, div#page{ /*background:#F8EAD9;*/ padding:0;}
#course-view #layout-table #middle-column{ border:2px solid #DF9C4F;}
#layout-table h2{ color:#FFFFFF; margin:0; }
#layout-table #middle-column h2,#layout-table #middle-column td{ border:none}
#middle-column h2.outline{background-color:#1d2118}
#middle-column .sitetopic {
	border:2px solid #393d34;
	color:#ffffff;
	padding:25px 0 0 0;
	background-color:#555850;
	
	
}
/*#middle-column ul.unlist {
	border:2px solid #8b8e88;
	background-color:#afb2ad
}*/

.course.course-1 #middle-column .sitetopic h1{
	background-color:#1d2118; 
	margin:0;
	padding:5px 10px;
}
#middle-column h2{
	background-color:#1d2118;
	margin:0;
	padding:5px 10px;
}
.course.course-1 #right-column .sideblock{ background-color:#cfd9e3;  border-bottom:1px solid #FFFFFF; margin-bottom:0; color:#292929}
#calendar .maincalendar table.calendarmonth td, table.minicalendar td, table.minicalendar th{
	font-weight:bold;
	font-size:103%
}
#calendar .weekend, .minicalendar .weekend{
	color:#1d2118;
}
/*#calendar .today, .minicalendar .today {
	font-weight:normal;
	background-color:#CFD9E3;
}*/
#right-column .sideblock .content{background:#555850; margin-bottom:0;}
table.minicalendar{
	background-color:#ffffff;
}
#middle-column .sitetopic p{
	padding:0 10px ;
}
.sitetopic {
margin-bottom:5px;;
padding-bottom:10px;
}

.coursebox {
	border: none;
	margin-bottom:5px;
	width:auto;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	line-height:7px;
	color:#ffffff;
	border-bottom:3px solid #ffffff;
	background-color:#afb2ad;
	background-image:url(images/courseBG.png);
	background-position:center 12px;
	background-repeat:no-repeat
}

.coursebox a{
	color:#ffffff !important
}
.coursebox .info {
float:none;
padding:5px;
text-align:left;
width:98%;
}
.coursebox .info a{
	color:rgb(103,108,102);
	font-size:13px;
	font-weight:bold;
}
.coursebox .summary {
float:noneht;
padding:5px;
text-align:left;
width:98%;
line-height:0px;
}
#course-view .weekscss .section, #course-view .section td.side {
background:none;
}
#course-view .section td.side {
	padding-right:2px;
	padding-left:2px;
}
#course-view #layout-table #middle-column{ border:2px solid rgb(103,108,102); border-top:none}
#course-view .section td.content .summary{
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	
	}
#course-view .section td.content .summary font[size="4"]{
	color:rgb(103,108,102)
}

/******************************************
		CUSTOM FOR COURSE OUTLINE PAGE
		************************************/
/*#course-view.course #layout-table #right-column{
	background-color:#DBE2E6;
	background-image:url(images/right-col-det.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	
}*/
.activitydate, .activityhead {
	text-align:left;
}
/*#course-view.course #layout-table #right-column .sideblock .header{ 
	padding:3px 5px; 
	background-color:#587789; 
	height:auto;
}*/
/*#course-view.course #layout-table #right-column h2,#left-column .sideblock .title h2{
	font-size:14px;
	font-weight:bold; 
	color:#FFFFFF
}*/
#course-view.course #layout-table #right-column .sideblock .content h2{ 
	color:rgb(103,108,102);
}
/*#course-view.course #layout-table #right-column .sideblock .header {
	padding:4px 5px 0 5px;
	height:auto;
}*/
/*#course-view.course #layout-table #right-column .sideblock{ 
	background-color:#879DAB; 
	border:1px solid #ffffff; 
	margin-bottom:0; 
	color:#1d2118;
}*/
#course-view.course #layout-table #right-column .sideblock a,#course-view.course #layout-table #right-column .sideblock a:hover{ 
	color:#1d2118;
	font-weight:bold;
}
#course-view.course #layout-table #right-column .sideblock .content{
	
	margin-bottom:0;
}
#course-view.course #layout-table #middle-column a{
	color:#000000;
	font-weight:bold;
}

#course-view.course #layout-table #middle-column .content .activity.label{
	color:rgb(103,108,102);
	padding-top:5px;
	border-top:2px dotted rgb(103,108,102);
}
#course-view.course #layout-table #middle-column .section.img-text{
	color:rgb(103,108,102);
	padding-top:5px;
	border-top:2px dotted rgb(103,108,102);
}
#course-view.course #layout-table #middle-column .section.img-text .activity.label{
	border:none;
}
/*#course-view.course #layout-table #middle-column .section.img-text .activity.resource a,#course-view.course #layout-table #middle-column .section.img-text .activity.glossary a{
	color:rgb(103,108,102)
}*/
#course-view.course #layout-table #middle-column .activity.assignment{
	padding-bottom:5px;
}
#course-view.course #layout-table #middle-column td.spacer{
	
	height:5px;
	
}
#course-view.course #layout-table #middle-column table.topics{
	margin-bottom:5px;
}
#course-view.course #layout-table #middle-column table.topics td{
	padding-top:15px
}
#course-view.course #layout-table #middle-column table.topics td.right.side{
	width:15px;
	padding-left:0;
	padding-right:0;
}
#course-view.course #layout-table #middle-column table.topics td.left.side{
	width:10px;
	text-align:center;
	padding-left:0;
	padding-right:0;
}
#course-view.course #layout-table #right-column .block_activity_modules.sideblock{
	background-color:#ffffff;
}
#course-view.course #layout-table #right-column .block_activity_modules.sideblock .content{
	padding:0;
}
#course-view.course #layout-table #right-column .block_activity_modules.sideblock ul.list li{
	padding:5px 3px;
	background-color:#879DAB;
	background-image:url(images/switch_plus.gif);
	background-position:160px center ;
	background-repeat:no-repeat;	
	margin-top:2px;
}
#course-view.course #layout-table #right-column .block_activity_modules.sideblock ul.list li a{
	width:100%;
	color:#FFFFFF
}
/*******************************
	CALENDER  VIEW
	*****************************/

#calendar-view .sidecalendar{
	background-color:#F1D4B3;
	color:#D27103;
}
#calendar-view #calendar td.sidecalendar .sideblock {
	border:none;
}

#calendar-view .sidecalendar .sideblock .header{ 
	padding:4px 5px 0 5px;
	background-color:#afb2ad; 
	height:auto;
}
#calendar-view .sidecalendar .sideblock .header h2{
	font-size:14px;
	font-weight:bold; 
	color:#FFFFFF
}
#calendar-view .sidecalendar .minicalendarblock a,#calendar-view .sidecalendar .minicalendarblock a:hover{ 
	color:#D27103;
	font-weight:bold;
}


#calendar-view .sidecalendar .sideblock .content{
	background:none; 
	margin-bottom:0;
}
#calendar-view .sidecalendar table.minicalendar {
	background-color:#FFFFFF;
	border:none;
	color:#D27103;
}
#calendar-view .sidecalendar table.minicalendar td{
	background-color:#FFFFFF;
	border:1px solid #000000;
}
table.minicalendar td.day{
	border:1px solid #1d2118;
	padding:0;
}
table.minicalendar td.dayblank{
	border:none;
	background:#afb2ad;
	padding:0;
}
table.minicalendar td.day.event_global{
	background-color:#DF9C4F;
	border:1px solid #fff;
}
table.minicalendar  td.day.event_global a,table.minicalendar  td.day.event_global a:hover{
	color:#FFFFFF;
	font-weight:bold;
	
}



/******MIDDLE COLUMN*********/
#calendar-view .maincalendar{
	color:#000000;
}
#calendar-view .maincalendar h3{
	color:#1d2118;
}
#calendar-view .maincalendar .current{
	color:#1d2118;
}
#calendar-view .maincalendar a{
	color:#1d2118;
	font-weight:bold;
}
#calendar-view .maincalendar{
	background-color:#CFD9E3;
		
}
#calendar-view .maincalendar .header{
	background-color:#99B38A;
	color:#ffffff;
	height:auto;
		
}
#calendar .maincalendar .eventlist .event .topic, #calendar .maincalendar .eventlist .event .picture, #calendar .maincalendar .eventlist .event .side {
	background-color:#CFD9E3;
	border:none;
}
#calendar .event_global, #calendar .event_course, #calendar .event_group, #calendar .event_user, .minicalendar .event_global, .minicalendar .event_course, .minicalendar .event_group, .minicalendar .event_user {
	border:none !important;
}

#calendar .maincalendar .eventlist .event {
	border:none; 
	border-bottom:2px dotted #1d2118; 
	margin-bottom:10px;	
}
#calendar .maincalendar .eventlist .event .name{
	color:#1d2118;
	font-weight:bold;
}
#calendar .maincalendar .eventlist .event .description{
	background:none;
	border:none;
}

/**********************
		HEADER SETTINGS
		*********************/
#header-home,#header{
	padding:0 !important;
}

body#login-forgot_password #header #pictures,body#site-index #header-home #pictures,body#login-index #header #pictures{
	background-image:url(images/header.png) !important;

}
#header-home #pictures,#header #pictures{
	background-image:url(images/header2.png);
	height:105px;
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}
#header-home #rotater,#header #rotater{
	
	text-align:center;
}
.logininfo,.logininfo a,.logininfo a:hover{
	color:#1d2118 !important;
	font-size:12px;
	font-weight:bold;
}
#header .headermenu,#header .logininfo,#header .headermenu a,#header .logininfo a,#header-home .headermenu,#header-home .logininfo,#header-home .headermenu a,#header-home .logininfo a{
	color:#1d2118 !important;
	font-size:11px;
}


/******************************
		Login Form
		**********************/
.loginbox .forgotsub .desc{
	float:left;
}
.loginbox .loginpanel .subcontent.forgotsub{
	margin-top:0;
	padding-top:0;
}
.loginbox form#changepassword{
	float:left	
}
.loginbox form#changepassword input{
	background:none;
	border:none;
	padding:0;
	margin:0;
	color:#1d2118;
	cursor:pointer;
}
.loginbox .guestsub, .loginbox .forgotsub {
	margin-left:20px;
}

/***************************************
		DATE SETTINGS
		********************************/
		
.dates{
	
	color:#1d2118;
	float:left;
	width:100%;
	padding-top:5px;
	font-size:11px;
	background-color:#FFFFFF;
	border-bottom:2px solid #1d2118;

}
.navbar{
	border:none;
	background:#ffffff;
	padding:3px 0.5em 3px 0.5em;
}
.navbar .breadcrumb,.navbar .breadcrumb a{
	font-size:10px;
	font-weight:normal;
	color:#000000;
}
.date{
	float:left;
	margin-left:25px;
	font-size:10px;
	width:30%;
	
}
.founded{
	float:left;
	padding-left:100px;
	font-weight:bold;
	width:30%;
	
}

table.links-table{
width:100%;
}
table.links-table-right a{
display:block;
padding:5px 3px;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
border-bottom:2px solid #ffffff;
text-decoration:none;
}
table.links-table-right a.color1{
background-color:#1d2118;
padding-left:10px;
}
table.links-table-right a.color2{
background-color:#676c66;
padding-left:10px;
}

table.links-table-left{
width:100%;
background-color:#afb2ad;
}
table.links-table-left a{
display:block;
padding:5px 3px;
font-size:13px;
font-weight:bold;
color:#233e49;
text-decoration:none;
padding-left:10px;
}




table.search-table{
width:100%;
}
table.search-table-right.contet{
	border-bottom:2px solid #ffffff;
}
table.search-table-right.contet td{
	background-color:#afb2ad;
	height:35px; 
	vertical-align:middle; 
	padding-left:15px;
}
div.static-intro{
	color:#ffffff;
	background-image:url(images/box-bg.png);
	/*background-ima:#72756e;*/ 
	text-align: center; 
	font-weight: bold; 
	font-family: times new roman,times,serif; 
	border:2px solid #1d2118; 
	}
	
div.tag-lines{
	text-align: center; 
	font-weight: bold; 
	border:2px solid #103C57;
	background-color:#ffffff;
	color:#000000;
}
table.search-table-right a{
display:block;
padding:5px 3px;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

table.search-table-right a.searchtitle{
background-color:#1d2118;
padding-left:10px;
}
table.search-table-right td.searchform{
background-color:#676c66;
height:40px;
vertical-align:middle;
padding-left:10px;
}
.block_calendar_month .filters {
display:none;
}
.block_calendar_month .content h3.eventskey {
display:none;
}
ul.section.img-text li{
	margin-top:0;
	padding-top:0;
}
fieldset.invisiblefieldset h2,fieldset.invisiblefieldset input[type="submit"]{
	color:#003399
}
.generaltable .cell a {
color: #003399;
}/***** template_mg2it/styles.css end *****/

/***** template_mg2it/styles_color.css start *****/

/* Use this file to alter your colors */

/* Edit the color values below to change your link font colors */

a:link,
a:visited,
div.tabtree ul li ul li a span {
  color:#4e7732;
}

/* Edit the color value below to change your link font colors when hovered over. */

a:hover,
a:active {
  color:#679e42;
}

/* Edit the following color value to change the font color of H1, H2, and H3 elements placed in the "topic section" of the front page. */

.sitetopic h2,
.sitetopic h3,
.sitetopic h4 {
  border-bottom:1px dotted #ddd;
  margin-top:0;
  color:#578638;
}

/* Edit the hex code in the "border-bottom" line below to change the color of the header bottom border. And, of course, the background hex will alter the background image color */

#header-home,
#header {
  padding:10px 0 30px;
}

/* This sets the color of your site and course titles  that appear in your header of each page */
h1.headermain {
  color:#fff;
}

/* This sets the color of span items in your course or site titles. This is further explained in README.html */

h1.headermain span {
  color:#bbb;
}

/* Sets the color of "You are logged in as ..." text */
.headermenu {
  color:#ddd;
}

/* Sets the color of your tagline */

h2.headertag {
  float:left;
  margin:0;
  font-size:0.8em;
  clear:both;
  color:#ccc;
  line-height:1em;
}

/* Sideblock link color */

.sideblock a:link,
.sideblock a:visited {
  color:#333;
}

/* Sideblock link color while hovered over */

.sideblock a:hover,
.sideblock a:active {
  color:#679e42;
  text-decoration:none;
}

/* You can alter the color and border of the sideblocks here */

.sideblock .header {
  background:#346816;
  padding:5px;
  height: 23px;
}

.sideblock .content {
  background:#E1E9DC;
  padding:5px;
	border: 0px solid #000000;
}

/* Sets the color of sideblock titles */

.sideblock .title h2 {
  font-size:1.2em;
  color:#FFFFFF;
}

/* This will change the color of "selected" weeks or topics in course view */

#course-view .weeks .current td.side,
#course-view .topics .current td.side {
  background:#466c2d;
  color:#fff;
}

/* Sets the color of fieldset titles (legends) in profile, admin, etc. */

legend {
  background:url(gradient.jpg) repeat-x 0 0;
  border:1px solid #ddd;
  color:#466c2d;
  padding:1px 4px
}

/* Determines the color of forum list header background color */

.forumheaderlist th {
  background:#679e42;
  border-bottom:1px solid #000;
}/***** template_mg2it/styles_color.css end *****/