/**************************************
 * THEME NAME: wrap-vle
 *
 * Files included in this sheet:
 *
 *   wrap-vle/user_styles.css
 **************************************/

/***** wrap-vle/user_styles.css start *****/

body {
  font-size: 100%;
  color: #666666;
  background-color: #F0F0F0;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Verdana', 'Tahoma', 'Arial', sans-serif;
  margin: 0;
  padding: 0px 36px;
}

div.clearer {
  clear: both;
}
a:link {
  color: #003c78;
}
a:visited {
  color: #003c78;
}
a:hover {
  color: #5186b2;
}
table.generaltable {
  background-color: #EEEEEE;
}
img.resize {
  width: 1em;
  height: 1em;
}
p.helplink {
  margin: 0.5em 0;
}

p{
	margin: 10px 0px;	
	line-height: 16px;
}


h1 {
font-size: 1.8em; 
color: #000; 
margin: 10px 0px; 
clear:left;}


h2 {
font-size: 1.6em; 
color: #000; 
margin: 15px 0px 10px 0px; 
clear:left;}


h3 {
font-size: 1.2em; 
color: #000; 
padding: 0px; 
margin: 15px 0px 10px 0px; 
clear:left;}


h4 {
font-size: 1.1em; 
color: #000; 
margin: 15px 0px 10px 0px; 
clear:left;
}

#header-home{
	background-color: #5960ab;
	height: 75px;

	color: #ffffff;
	
		  border-left-style: solid;
  border-right-style: solid;
  border-color: #A5A5A5;
  border-width: 1px;
	
}

#header-home a{
	color: #ffffff;
}

.headermain{
	background-color: #5960ab;
}

h1.headermain {
  color: #449900;
}

img.headermain {
	margin-left: 15px;	
}

h2.headingblock {
  border-style: none;
}
table.loginbox {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.loginbox td.content {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
div.noticebox {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.generaltable td {
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
div.generalbox {
  border-top-width: 1px;
  border-style: solid none none;
  border-top-color: #DDDDDD;
}
table.generalbox {
  border-top-width: 1px;
  border-style: solid none none;
  border-top-color: #DDDDDD;
}
table.generaltable th.header {
  background-color: #DDDDDD;
  border-width: 1px;
  border-style: solid;
  border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
}
div.informationbox {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.userinfobox {
  border: 1px solid #DDDDDD;
}
p.copyright {
  text-align: center;
}
div.headermenu {
  font-size: 0.75em;
}
div.headermenu div.logininfo {
  margin-bottom: 0.2em;
}
div.breadcrumb {
  font-size: 0.8em;
  padding-left: 0.3em;
}
table.tabs td.side {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #88DD55;
}
div.navbar div.navbutton form {
  float: left;
}
div.navbar div.navbutton {
  margin-top: 0px;
  border: 0px none #ffffff;
   height:2px;
}
div.navbar {
  background-color: #ffffff;
  border: 0px none #ffffff;
  height:39px;
  
margin-bottom: -15px;

  border-left-style: solid;
  border-right-style: solid;
  border-color: #A5A5A5;
  border-width: 1px;
  
}

div#footer {

  display:block;

  font-size: 0.75em;
  height: 28px;
  background-color: #EEEEEE;
  border-top-width: 4px;
  border-style: solid none none;
  border-top-color: #5960ab;
  
  margin-top: -12px;
  
 
}

div#content {
  background-color: #ffffff;
  padding: 0px 0px;
  font-size: 0.75em;
  line-height: 16px;
  margin-top: 0px;
  clear: both;
 
  
  border-left-style: solid;
  border-right-style: solid;
  border-color: #A5A5A5;
  border-width: 1px;

}
ul.section li {
  margin: 0.2em 0px;
}
div.sideblock div.content * {
  text-align: left;
}
div.sideblock ul.list span.c1 {
  padding-left: 0px;
}
div.sideblock div.title h2 {
  font-size: 1.6em;
  line-height: 16px;
}
div.sideblock div.header {
  background-color: #ffffff;
  padding: 0.3em 0.3em 0;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
}
div.sideblock div.content {
  padding: 0.3em 0.3em;
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: none solid solid;
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
  border-left-color: #FFFFFF;
}
div.sideblock table.calendar-controls td.current {
  text-align: center;
}
div.sideblock table.minicalendar td.day {
  text-align: center;
  font-size: 0.9em;
}
div.sideblock table.minicalendar {
  border-style: none;
}
body#admin-lang h2.main {
  font-size: 1em;
  text-align: left;
}
body#course-index table.generalbox {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.minicalendar td.today {
  line-height: 16px;
  border: 2px solid #88DD55;
}
div.sideblock table.minicalendar tr.weekdays {
  font-size: 0.8em;
}
div.courseboxcontent {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
td.courseboxcontent {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
.tabrow td {
  border: 1px solid #88DD55;
}
.tabrow td.selected {
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid solid none;
  border-top-color: #88DD55;
  border-right-color: #88DD55;
  border-left-color: #88DD55;
}
.sideblock .content .message {
  text-align: left;
}
.sideblock .header .hide-show img.hide-show-image {
  background-image: url(../../pix/t/switch_minus.gif);
  background-repeat: no-repeat;
  margin-top: 0px;
}
.sideblock.hidden .header .hide-show img.hide-show-image {
  background-image: url(../../pix/t/switch_plus.gif);
  background-repeat: no-repeat;
  margin-top: 2px;
}
#calendar .event_global {
  background-color: #D6F8CD;
  border-color: #D6F8CD;
}
.minicalendar .event_global {
  background-color: #D6F8CD;
  border-color: #D6F8CD;
}
.block_calendar_month .event_global {
  background-color: #D6F8CD;
  border-color: #D6F8CD;
}
#calendar .event_course {
  background-color: #FFD3BD;
  border-color: #FFD3BD;
}
.minicalendar .event_course {
  background-color: #FFD3BD;
  border-color: #FFD3BD;
}
.block_calendar_month .event_course {
  background-color: #FFD3BD;
  border-color: #FFD3BD;
}
#calendar .event_group {
  background-color: #FEE7AE;
  border-color: #FEE7AE;
}
.minicalendar .event_group {
  background-color: #FEE7AE;
  border-color: #FEE7AE;
}
.block_calendar_month .event_group {
  background-color: #FEE7AE;
  border-color: #FEE7AE;
}
#calendar .event_user {
  background-color: #DCE7EC;
  border-color: #DCE7EC;
}
.minicalendar .event_user {
  background-color: #DCE7EC;
  border-color: #DCE7EC;
}
.block_calendar_month .event_user {
  background-color: #DCE7EC;
  border-color: #DCE7EC;
}
body#course-view tr.section td.side {
  border-style: none;
}
body#course-view tr.section td.content {
  border-style: none;
}
div.que {
  border-style: none;
}
td.sitetopiccontent {
  border-style: none;
}
body#site-index td.categoryboxcontent {
  border-style: none;
}
div.sideblock span.icon {
  display: block;
  float: left;
  margin-right: 0.3em;
}
div.sideblock ul.list li {
  clear: left;
}
td.categoryboxcontent {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.formtable th {
  text-align: right;
}
table.cal_popup_bg {
  background-color: #F8F8F8;
  border-color: #EEFFDD;
  color: #333333;
}

select{
width:185px;
}

/* Styles for Application Management Interface */

.new-venue {
	border:none;
	width:80%;
	background-color:#f0efea;
	padding: 0px 0px 0px 40px;
	}
    
    
/* Fix for HTMLArea problems */

.htmlarea .iframe {
    width: 550px !important;
}

.htmlarea .toolbar { 
    width: 550px !important;
}

.htmlarea .toolbar select { 
    width: 100px !important;
}

.htmlarea .statusBar { 
    width: 550px !important;
}
/***** wrap-vle/user_styles.css end *****/

