#content {
	margin-top: 1.5em;
	overflow: auto;
}

#content  h1 {
	margin: 0.8em 0 0.4em 0;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: #0d3a64;
	width: 100%;
	margin-top: 1em;
	width: 100%;
	font-size: 1.9em;
	line-height: 1.3em;
	height:auto !important;
}
#content h1 span{
position:static;
background:none;
display:inline;
height:auto;
}
.editsection{
float:right;
}
#content ol, #content ul {
	margin-left: 1em;
}

h2 a, h3 a, h4 a, h5 a {
	color: #0d3a64;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.1em;
}

h4, h5 {
	font-size: 1.0em;
}

/* subheadline for redirects / subpages etc */
#contentSub {
	margin-left: 1em;
	margin-top: -0.2em;
	font-size: 0.9em;
}

div.printfooter {
	display: none;
}

.portlet {
	margin-bottom: 2em;
	text-align: right;
}

.portlet ul {
	list-style: none;
	margin: 0;
}

.portlet li {
	margin: 0 0 0.4em 0;
}

/* submenu in the navigation */
.portlet-nav ul ul {
	margin: 0;
}

.portlet-nav ul ul li:before {
	content: "\00BB";
}

.portlet-nav ul ul li {
	font-size: 0.8em;
	margin: 0 0 0 0.5em;
}

label {
	display: inline;
}

/* search box */
#searchBody {
	text-align: center;
}

#p-search-buttons {
	display: block;
	margin-top: 0.2em;
}

#searchInput {
	width: 80%;
} 

/* action links (edit, discuss etc.) */
#actions {
	position: absolute;
	top: 0;
	margin: 0;
}

#actions h5 {
	text-indent: -9999px;
	float: left;
	margin-top: 0;
}

#actions ul {
	list-style: none;
	margin: 0;
}

#actions li {
	float: left;
	margin: 0 1em 0 0;
}

#actions li a {
	font-size: 0.9em;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 3px solid #CCC;
}

#actions li a:hover {
	border-color: #4e83b7;
}

#actions li.selected a {
	border-color: #4e83b7;
	font-weight: bold;
}

/* copyright icons */
#icons {
	margin-top: 3em;
	list-style: none;
}

#icons li {
	text-align: center;
	margin-bottom: 0.5em;
}

#icons a {
	border: none;
}

/* jump-to links directly below the main headline */
div#jump-to-nav {
	text-indent: -9999px;
	position: absolute;
}

/* warning that ip adress will be recorded */
div#mw-anon-edit-warning {
	margin: 0.7em;
	padding: 0.3em;
	border: 2px solid #CCC;
}

/* inline edit link */
h2,h3,h4,h5 {
	position: relative;
}

h2 span.mw-headline {
	font-size: 0.9em;
}

span.editsection {
	font-size: 14px;
}

.editsection {
	color: #999;
}

.editsection a {
	color: #999;
	text-decoration: none;
	border: none;
}

.editsection a:hover {
	color: #555;
}

/* Mainpage */
#content .grid.mainpage h2 {
	margin-top: 0;
	margin-bottom: 0.2em;
}
#content .grid.mainpage p {
	margin-top: 0;
}

#content .grid.mainpage .clear {
	margin-bottom: 1em; /* increase space between rows a bit */
}

#tips .actions p {
	line-height: 1.1em;
	text-align: right;
}

#tips code {
	padding: 0;
	border: 0;
	background: none;
}

/* Tables */
table.pretty {
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-collapse: collapse;
}

.pretty th {
	background-color: #dee9f3;
	font-weight: bold;
}

.pretty td, .pretty th {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 4px;
}

#content .image img, #content p img {
	vertical-align: middle;
}

/* warning on edit page about copyright */
div#editpage-copywarn  {
	margin: 2em 0;
	border-left: 2px solid #CCC;
	padding-left: 1em;
}

div.editOptions {
	margin: 1em 1em;
	text-align: center;
}

div.editButtons  {
	margin-top: 0.8em;
}

span.editHelp {
	margin-top: 0.5em;
	display: block;
}

/* links at the footer */
#f-list {
	list-style: none;
}

#f-list li {
	margin-bottom: 0.6em;
}

/* Category box at the bottom of categorized pages */
#catlinks {
	clear: both;
	margin-top: 4em;
	border: 1px solid #CCC;
	background: #f8f8f8;
	padding: 0.5em 1em;
	font-size: 0.9em;
}

#catlinks, #catlinks a {
	color: #444;
}

#catlinks a:hover {
	color: black;
}

/* wiki elements */
.box {
	border:2px solid #e0e0e0;
	padding: 1em;
	margin: 1.5em 1.5em;
	overflow: auto;
}

.box h2 {
	margin-top: 0;
}

.notification { /* intended to be used at the top of a page */
	border-bottom: 2px solid #e0e0e0;
	padding: 1em;
	overflow: auto;
	margin: 0 2em;
}

.box .floatright, .notification .floatright {
	margin-left: 20px;
	margin-top: 30px;
}

.box .floatleft, .notification .floatleft {
	margin-right: 20px;
}

.box-tool { /* container for the tool's definition */
	overflow: hidden;
	margin: 2em 0;
}

.box-tool img {
	padding: 7px;
	border-width: 2px;
	border-style: solid;
	border-color: #e0e0e0 #c0c0c0 #c0c0c0 #e0e0e0;
}

.infobox-wrapper {
}

.infobox {
	float: right;
	width: 12em;
	margin: 0 0 0.5em 0.5em;
	border-style: solid;
	border-color: #CCC;
	border-width: 0 0 1px 1px;
	padding: 0 0 6px 6px;
	background-color: white;
	z-index: 100;
}

.infobox h4{
	font-size: 0.95em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

.infobox hr {
	display: none;
}

.infobox p {
	margin: 0;
}

.infobox .alternate-language {
	background: black;
}

#content .infobox.tool ul {
	margin: 0.1em;
	list-style: disc;
}

#content .infobox.tool ul ul {
	list-style: circle;
}

/* notes in the manual */
.note ul {
	margin-top: 0;
	margin-left: 15px;
}

/* floats */
.floatleft {
	float: left;
	margin-right: 0.5em;
}

.floatright {
	float: right;
	margin-left: 0.5em;
}

.thumbinner {
	border: 1px solid #CCC;
	padding: 3px;
}

.thumbinner img {
	margin-bottom: 0.3em;
}

.center .floatnone {
	text-align: center;
}

.center .thumb {
	text-align: center;
}

.center .thumbinner {
	margin: 0 auto;
	text-align: left;
}

/* toc */
#toc {
	border: 2px solid #CCC;
	padding: 0.7em 1em;
}

#toc a {
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

#toc a:hover {
	border-bottom-color: transparent;
}

#toc ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	list-style: none;
}

#toc li {
	line-height: 1.4em;
	padding-left: 0;
	margin-left: 0;
}

#toc li li {
	margin-left: 1em;
	margin-bottom: 0;
}

#toc #toctitle {
	text-align: center;
	margin-bottom: 0.4em;
}

#toc h2 {
	font-size: 0.9em;
	margin-top: 0;
	margin-bottom: 0;
	display: inline;
}

#toc .toctoggle {
	font-size: 0.9em;
	display: inline;
}

#toc .tocnumber:after {
}

#preftoc {
	list-style: none;
	overflow: hidden;
	margin: 2em 0 0 0;
	border-bottom: 2px solid #AAA;
}

#preftoc li {
	float: left;
	margin: 0 25px 5px 0;
}

#preftoc li.selected {
	font-weight: bold;
}

pre {
	background-color: #F4F4F4;
	padding: 0.5em;
	border: 1px dashed #CCC;
	overflow: auto;
}

code {
	background-color: #F4F4F4;
	border: 1px dashed #CCC;
	padding: 0.1em 0.2em;
}

fieldset {
	border: 2px solid #CCC;
	margin: 1.5em 0;
}

/*
** Diff rendering
*/
table.diff, td.diff-otitle, td.diff-ntitle {
	background-color: white;
}
td.diff-addedline {
	background: #cfc;
	font-size: smaller;
}
td.diff-deletedline {
	background: #ffa;
	font-size: smaller;
} 
td.diff-context {
	background: #eee;
	font-size: smaller;
}
span.diffchange {
	color: red;
	font-weight: bold;
}

a.external {
	background: transparent url(http://wiki.geogebra.org/skins/geogebra/external.png) no-repeat right;
	padding-right: 15px;
}

/* reference of keyboard shortcuts */
#content .keyboardshortcuts dt {
    float: left;
    width: 150px;
    text-align: right;
	line-height: 1.6em;
    clear: left;
}
#content .keyboardshortcuts dd {
	margin: 0 0 0 160px;
	padding: 0 0 0.5em 0;
	line-height: 1.6em;
}

#content .kcode {
	border-width: 2px; 
	border-style: solid; 
	border-color: #CCC #999 #999 #CCC; 
	-moz-border-radius: 4px; 
	padding: 0 3px;
	background-color: #F8F8F8;
}

#content .example, #content .block-note {
	border-left: 3px solid transparent;
	padding: 0.3em 0.5em;
	margin: 0.3em 0;
}

#content .example {
	border-color: #6492E8;
}

#content .block-note {
	border-color: #2FA110;
}

#content .step {
	font-size: 1.5em;
	font-weight: bold;
}

#content .step:after {
	padding: 0 0.05em 0 0.05em;
	content: ')';
	color: #DDD;
}


/* CSS placed here will be applied to all skins */

table.mbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #aaa; /* Default "notice" gray */
	background: #f9f9f9;
}
table.mbox-wide {
	margin: 4px 0;
}

th.mbox-text, td.mbox-text {     /* The message body cell(s) */
	border: none;
	padding: 0.25em 0.9em;       /* 0.9em left/right */
	width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
	border: none;
	padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
	text-align: center;
}
td.mbox-imageright {             /* The right image cell */
	border: none;
	padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
	text-align: center;
}
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
	clear: right;
	float: right;
	margin: 4px 0 4px 1em;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
	margin: 4px 1em 4px 0;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}

/* These are the same colours as the enwiki
   'cmbox' styles; just with different names. */
table.mbox-critical {
	border: 4px solid #b22222;    /* Red */
	background: #FFDBDB;          /* Pink */
}
table.mbox-important {
	background: #FFDBDB;    /* Red */
}
table.mbox-warning {
	background: #FFE7CE;    /* Orange */
}
table.mbox-caution {
	background: #FFF9DB;    /* Yellow */
}
table.mbox-notice {
	background: #D8E8FF;    /* Blue */
}
table.mbox-move {
	background: #E4D8FF;    /* Purple */
}
table.mbox-protection {
	background: #EFEFE1;    /* Gray-gold */
}


td.mbox-empty-cell {         /* An empty narrow cell */
	border: none;
	padding: 0px;
	width: 1px;
}
.template-documentation {
	clear: both;
	margin: 1em 0 0 0;
	border: 1px solid #aaa; 
	background-color: #ecfcf4; 
	padding: 5px;
}

.flatsidebar{
float:right;
font-size:1.05em;
}
.flatsidebar ul{
margin:0.3em 0em;
}
.flatsidebar ul li{
display:inline;
color:white;
}

.flatsidebar ul li a{
color:white;
text-decoration:none;
}

.flatsidebar ul ul{
display:inline;
color:white;
}
#columns #searchbar {
        width: 180px;
position:absolute;
right:0;
z-index:999;
}
#toolbox {
	margin:1em;
	background-color:silver;
border:1px rgb(13,53,90) solid;
background-color:rgb(222,233,243);
}
#toolbox ul li{
display:inline;
}
#sidebar-wiki a{
color:grey;
}

#sidebar-wiki h3{
color:grey;
}
 #p-search h5 {
        }
        /* @noflip */
        #p-search {
                float: left;
        }
        #p-search {
                margin-right: 0.5em;
                margin-left: 0.5em;
        }
        #p-search form,
        #p-search input {
                margin: 0;
                margin-top: 0.4em;
        }
        #simpleSearch {
                margin-top: 0.5em;
                position: relative;
                border: solid 1px #AAAAAA;
                background-color: white;
                background-image: url(http://www.geogebra.org/images/wiki/search-fade.png);
                background-position: top left;
                background-repeat: repeat-x;
        }
        #simpleSearch label {
                font-size: 0.8em;
                top: 0.25em;
        }
        #simpleSearch input#searchInput {
                margin: 0;
                border-width: 0;
                padding: 0.25em;
                line-height: 1em;
                font-size: 0.8em;
                width: 9em;
                background-color: transparent;
        }
        /* OVERRIDDEN BY COMPLIANT BROWSERS */
        #simpleSearch button#searchButton {
                margin: 0;
                padding: 0;
                width: 1.75em;
                height: 1.5em;
                border: none;
                cursor: pointer;
                background-color: transparent;
                background-image: url(http://www.geogebra.org/images/wiki/search-ltr.png);
                background-position: center center;
                background-repeat: no-repeat;
        }
        /* IGNORED BY IE6 */
        #simpleSearch > button#searchButton {
                height: 100%;
        }
        .suggestions-special .special-label {
                font-size: 0.8em;
                color: gray;
        }
        .suggestions-special .special-query {
                color: black;
                font-style: italic;
        }
        .suggestions-special .special-hover {
                background-color: silver;
        }