/**************************************
 * THEME NAME: sp-net
 *
 * Files included in this sheet:
 *
 *   sp-net/styles_layout.css
 *   sp-net/styles_default.css
 **************************************/

/***** sp-net/styles_layout.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

body {
	background-color: white;
}

#header {
	position: relative;
	background-color: #F4F4F4;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #999;

	height: 126px;

	font-family: Arial;
	font-size: 12px;

	padding: 6px 4px;
}

#headerNavbar {
	background-color: #0F8451;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	color: white;

	line-height: 26px;

	margin-bottom: 10px;
}

#headerNavbar a,
#headerNavbar a:link,
#headerNavbar a:hover,
#headerNavbar a:active
#headerNavbar a:visited {
	color: white;
	text-decoration: none;
}

#headerLogo,
#headerLogoBody {
	background-repeat: no-repeat;
	height: 106px;
}

#headerNavbar .breadcrumb,
#headerNavbar .navbutton {
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
}

#headerNavbarTable {
	border-collapse: collapse;
}

#headerNavbarTable td {
	height: 100%;
}

#cellNavbutton {
	text-align: right;
}

#cellNavbutton .forumsearch,
#cellNavbutton .invisiblefieldset {
	display: block;
}

#cellNavbutton form {
	display: inline;
}

#cellBreadcrumb,
#cellNavbutton {
	vertical-align: middle;
}


#cellBreadcrumb .breadcrumb,
#cellNavbutton .navbutton {
	float: none;
}

#cellNavbutton .navbutton {
	text-align: right;
}

#header .headermenu {
	float: none;
}


#header .headermenu .logininfo {
	position: absolute;
	right: 5px;
	bottom: 2px;
}

#header .headermenu .navigation {

}


#header #chooselang {
	position: absolute;
	left: 2px;
	bottom: 2px;
}



#headerLogo {
	background-position: top left;
	background-image: url(logo-left.png);
}

#headerLogoBody {
	background-position: top right;
	background-image: url(logo-right.png);
}

body .navbar .navbutton {
	float: none;
	text-align: right;
}



th.header,
td.header,
div.header {
    background-color: #0F8451;
    color: white;
}

.sideblock .header {
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.sideblock .header .hide-show-image {
	margin-top:  0.1em;
}

.sideblock .header, .sideblock h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

.sideblock .header {
	border-color: #0F8451;
	color: white;
}

.sideblock .content {
	border-color: #999;
	border-top: 0;
}

.sideblock .content,
.sideblock .content a,
.sideblock .content a:link,
.sideblock .content a:hover,
.sideblock .content a:active
.sideblock .content a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}


#middle-column h1.main,
#middle-column h2.main,
#middle-column h3.main,
#middle-column h4.main {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9900;
}

#header-home {
	background-color: #F4F4F4;
	border: 1px solid #999;
}



#footerBody {
	line-height: 26px;
	background-color: #0F8451;
	border: 1px solid #999;
	text-align: left;
	color: white;

	padding-left: 10px;
	padding-right: 10px;

	font-size: 12px;
	font-family: Arial;
}

#footerBody #footerLinks {
	float: left;
}

#footerBody #footerCopyright {
	float: right;
}



#footerBody ul,
#footerBody ul li {
	list-style: none;
	display: inline;

	padding: 0;
	margin: 0;
}

#footerBody ul li {
	padding-right: 5px;
}

#footerBody a,
#footerBody a:link,
#footerBody a:hover,
#footerBody a:active
#footerBody a:visited {
	color: white;
	font-weight: bold;
	text-decoration: none;
}/***** sp-net/styles_layout.css end *****/

/***** sp-net/styles_default.css start *****/

/******************************************************************************
*** DEFAULTS
******************************************************************************/

html, body {
	font-size: 12px;
}

body a,
body a:link,
body a:hover,
body a:active,
body a:visited {
	color: #333;
	text-decoration: underline;
}

/******************************************************************************
*** GENERAL
******************************************************************************/

body#course-category #content .courseboxes,
body#course-index #content .courseboxes {
	padding-left: 0;
	padding-right: 0;
	background-color: #F4F4F4;
	border: 1px solid #A3A3A3;
}

body#course-category #content .courseboxes .coursebox,
body#course-index #content .courseboxes .coursebox {
	background-color: transparent;
	border: 0;
}

#content .singlebutton, #content.addcategory {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F4F4F4;
	border: 1px solid #A3A3A3;
}


#admin-report .plugin,
#course-report .plugin,
#course-import .plugin,
#content fieldset,
#content .generalbox {
	background-color: #F4F4F4;
	border: 1px solid #A3A3A3;

	padding-left: 5px;
	padding-right: 5px;
}

#content fieldset.invisiblefieldset {
	background-color: transparent;
	border: 0;
}

#admin-report .plugin, #course-report .plugin, #course-import .plugin {
	margin-left: 0;
	margin-right: 0;
}

#content fieldset fieldset,
#content .generalbox fieldset {
	border: 0;
}


body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
div.plugin h1,
div.plugin h2,
div.plugin h3,
div.plugin h4,
div.plugin h5,
div.plugin h6,
h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
	color: #F60;
	font-family: Arial;
	font-weight: bold;
}

div.plugin h1,
h1.main { font-size: 18px; }

div.plugin h2,
h2.main { font-size: 16px; }

div.plugin h3,
h3.main { font-size: 14px; color: #666; }

div.plugin h4,
h4.main { font-size: 14px; color: #666; }

div.plugin h5,
h5.main { font-size: 14px; color: #666; }

div.plugin h6,
h6.main { font-size: 14px; color: #666; }

#content .generaltable,
#content .generaltable .cell,
table.userinfobox .content,
.twocolumns {
	background-color: #F4F4F4;
	border-color: #A3A3A3;
}

table.userinfobox .side {
	border-color: #A3A3A3;
}


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

.tabtree .tabrow0,
body#user-index .rolesform,
.initialbar,
body#user-index #longtimenosee, body#user-index #showall,
#user-view .buttons, #user-index .buttons {
	text-align: left;
}

body#user-index table#participants, body#tag-manage table#tag-management-list {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

body.notes .generalbox,
#intro.generalbox {
	width: 100%;
}

.mform,
table.userinfobox,
.boxaligncenter {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.mform,
.mform fieldset {
	margin-left: 0;
	margin-right: 0;
	width: auto;
}

.mform .fitemtitle {
	width: 20%;
}

.sideblock .content, .sideblock .content a, .sideblock .content a:link, .sideblock .content a:hover, .sideblock .content a:active .sideblock .content a:visited {
	font-weight: normal;
}

.block_news_items .newlink,
.block_search_forums .searchform,
.activitydate, .activityhead,
.sideblock .content div.info,
.sideblock .content .footer {
	text-align: left;
}


#chooselang_jump,
select,
.navbutton select,
.navbutton input {
	margin-right: 5px;
}

body#user-index table#participants, body#tag-manage table#tag-management-lis,
table.generaltable {
	margin-top: 10px;
	margin-bottom: 10px;
}

#content .generalboxcontent {
	padding-left: 5px;
	padding-right: 5px;
	width: auto;
}


#content div.tabtree {
	margin-bottom: 10px;
}

body.mod-feedback #content .boxaligncenter {
	width: auto;
}

/******************************************************************************
*** LEFT COLUMN
******************************************************************************/
#left-column {
	padding-right: 12px;
}

#left-column .content {
	background-color: #F4F4F4;
	padding-left: 12px;
}

#left-column .searchform fieldset {
	border: 0;
}

#left-column .sideblock li {
	margin-bottom: 8px;
}


#left-column .header  h1,
#left-column .header  h2,
#left-column .header  h3,
#left-column .header  h4,
#left-column .header  h5,
#left-column .header  h6 {
	color: white;
}

/******************************************************************************
*** RIGHT COLUMN
******************************************************************************/
#right-column .content {
	background-color: #F4F4F4;
	padding-left: 12px;
}

#right-column .header  h1,
#right-column .header  h2,
#right-column .header  h3,
#right-column .header  h4,
#right-column .header  h5,
#right-column .header  h6 {
	color: white;
}

/******************************************************************************
*** MIDDLE COLUMN
******************************************************************************/
.loginbox.twocolumns {
	margin-left: 0;
	width: 100%;
}

#layout-table #middle-column {
	padding-left: 0;
}

#middle-column .headingblock {
	background-color: #F4F4F4;
	border-color: #A3A3A3;
}

#middle-column .content {
	background-color: #F4F4F4;
}

#middle-column {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

#middle-column hr {
	color: #999;
}

#middle-column h1,
#middle-column h2,
#middle-column h3,
#middle-column h4,
#middle-column h5,
#middle-column h6 {
	color: #F60;
	font-family: Arial;
	font-weight: bold;
}

#middle-column h1 { font-size: 18px; }
#middle-column h2 { font-size: 16px; }
#middle-column h3 { font-size: 14px; color: #666; }
#middle-column h4 { font-size: 14px; color: #666; }
#middle-column h5 { font-size: 14px; color: #666; }
#middle-column h6 { font-size: 14px; color: #666; }

#middle-column ul.list li,
#middle-column .summary ul li {
	list-style-image: url(list-image.gif);
}


#middle-column .generalbox,
#middle-column .coursebox {
	background-color: #F4F4F4;
	border-color: #A3A3A3;
}

body#course-category #content .courseboxes .coursebox .info,
body#course-index #content .courseboxes .coursebox .info,
#middle-column .coursebox div.info {
	width: 160px;
}

body#course-category #content .courseboxes .coursebox .summary,
body#course-index #content .courseboxes .coursebox .summary,
#middle-column .coursebox div.summary {
	width: auto;
	margin-left: 185px;
	float: none;
}
/***** sp-net/styles_default.css end *****/