/*
  flatcms : A simple CMS for Django
  (C)2010 - Apidev - http://www.apidev.fr
  This is distributed under GNU LGPL license, see license.txt
*/
#main {
    width: 900px;
    background: #eef;
    border: solid thin #ccf;
    font-size: 0.9em;
    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    border-radius: 16px 16px 16px 16px;
}

h2 {
    font-size: 1.2em;
}

a {
    text-decoration: underline;
    color: #11f;
}

#footer a:hover, #maincol a:hover {
    background: #77f;
    color: white;
}

.sf-menu a, #skf-menu a {
	text-decoration: underline;
}

#leftcol {
	float: left;
	width: 130px;
}

#maincol {
	float: left;
	width: 700px;
    min-height: 500px;
}

#canvas {
    height: 700px;
}

.sf-menu a, #skf-menu a {
    border-right: 0;
}

/*#banner img {
    border: none;
    width: 64px;
    height: 64px;
}
*/

#banner .flatcms-plugin {
    width: 380px;
}
#banner h1 {
    /*width: 200px;*/
    /*float: left;*/
    /*margin-top: 0;*/
    font-size: 1.6em;
    margin-top: 0;
    margin-bottom: 0;
}

#banner .sf-menu, #banner #skf-menu {
    float: right;
    background: transparent;
    /*top: -180px;*/
    width: 500px;
}

#banner .sf-menu li, #banner #skf-menu li {
    font-size: 10px;
    width: 120px;
    background: transparent;
    height: 16px;
    padding-left: 16px;
}

#banner li{
    border: solid thin #ccf;
}

#banner li.menuitem-1{
    background-image: url('/media/images/logo16.png');
    background-repeat: no-repeat;
}

#banner li.menuitem-2{
    background-image: url('/media/images/user.png');
    background-repeat: no-repeat;
}

#banner li.menuitem-2 li.menuitem-1{
    background-image: url('/media/images/login.png');
    background-repeat: no-repeat;
}

#banner li.menuitem-2 li.menuitem-2{
    background-image: url('/media/images/account.png');
    background-repeat: no-repeat;
}

#banner li.menuitem-3{
    background-image: url('/media/images/language.png');
    background-repeat: no-repeat;
}

#banner li.menuitem-3 li.menuitem-1{
    background-image: url('/media/images/france.png');
    background-repeat: no-repeat;
}

#banner li.menuitem-3 li.menuitem-2{
    background-image: url('/media/images/united_kingdom.png');
    background-repeat: no-repeat;
}

.sf-menu li ul, #skf-menu li ul {
    width: 100%;
    background: #ccf;
}

.sf-menu li ul li, #skf-menu li ul li{
    width: 100%;
    font-size: 0.9em;
    padding-left: 0;
}

.sf-sub-indicator {
    margin-top: -5px;
}

#skf-menu li a:hover, #skf-menu a li.sfHover, .sf-menu li a:hover, .sf-menu a li.sfHover{
    background: #77f;
    color: white;
}

#leftcol .sf-menu li, #leftcol #skf-menu li {
    font-size: 0.8em;
    width: 110px;
    padding-left: 2px;
    background: transparent;
    
}

#leftcol .sf-menu, #leftcol #skf-menu {
    width: 90%;
    top: 50px;
    padding-right: 5%;
    position: relative;
    background: transparent;
    
}

#leftcol .sf-menu a, #leftcol #skf-menu a {
    padding: .75em .5em;
    
}

#errorMsg.error {
    background: orange;
}

#errorMsg.warning {
    background: orange;
}

#errorMsg.success {
    background: #af4;
}

.commandbar {
    padding-bottom: 2px;
}
.commandbar button {
    border: solid thin #ccc;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

#cmdButton {
    background-image: url('/media/images/check.png');
}

#showeditor {
    background-image: url('/media/images/multilines.png');
}

#showhistory {
    background-image: url('/media/images/history.png');
}

#maincol table td, #maincol table th {
    border: thin solid #77f;
    text-align: left;
    min-width: 200px;
}

.link-bar {
    margin-top: 25px;
}
.link-bar a {
    padding: 2px 2px;
    margin-left: 10px;

}

#banner .selmenuitem a {
    color: white;
}

#tortue {
    position: absolute;
    right: 0px;
    top: 200px;
}
#tortue .attention {
    float: right;
    background-image: url('/media/images/tortue.png');
    width: 200px;
    height: 213px;
    background-repeat: no-repeat;
}
#tortue a {
    float: right;
    margin-right: 10px;
    text-decoration: none;
    color: darkgreen;
}

#tortue a:hover {
    color: white;
    background: darkgreen;
}