@charset "utf-8";
/* CSS Document */

html, body{
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    font-family:Arial,Verdana;
    font-size:12px;
    color:#16003F;
}

body{
    background-image:url("../images/background.jpg");
    background-repeat: no-repeat;
	background-position: bottom center;
}

table{
    /*width:100%;*/
}

td, th{
    font-family:Arial, Verdana;
    font-size:12px;
    text-align:left;
    vertical-align:top;
}

tr#inactive{
    color:#999;
}

fieldset{
    background-color:#FFF;
    margin:10px;
    border:1px solid #000;
}

input, select, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input[type="checkbox"]{
    width:13px;
    height:13px;
    padding:0px;
    margin:0px;
    vertical-align:bottom;
}

label{
    display:block;
    padding-left:15px;
    text-indent:-15px;
}

legend{
    font-weight:bold;
}

input, select, option{
    font-family:Arial, Verdana;
    font-size:12px;
}

h1{
    padding:5px;
    margin:0px;
    margin-bottom:25px;
    background-color:#7364B5;
    font-family:Arial, Verdana;
    font-size:20px;
    color:#FFF;
    text-align:center;
}

a{
    text-decoration:none;
}

.fg-toolbar{
    height:38px;
}

.dataTables_filter{
    margin-top: 7px;
    margin-right: 9px;
}

.dataTables_length{
    margin-top: 7px;
    margin-left: 9px;
}

.usergrouplistwithtree{
    width: 100%;
}

.usergrouptreecontainer{
    width:250px;
}

input[type="submit"], input[type="button"], a.button, .dataTables_paginate .first, .dataTables_paginate .last, .dataTables_paginate .next, .dataTables_paginate .previous, .dataTables_paginate .fg-button{
    padding:5px !important;
    margin:3px !important;
    display:inline-block;
    background-color:#7364B5;

    font-weight:bold;
    line-height:20px;
    color:#FFF;
    text-align:center;

    border:1px solid #544598;
    border-top:1px solid #5949A0;
    border-left:1px solid #5949A0;

    cursor:pointer;
}

a.inactive-button, a.inactive-button:hover{
    background-color:#AC9DDD !important;
    color: #CCC !important;

    border:1px solid #73659F;
    border-top:1px solid #8175AB;
    border-left:1px solid #8175AB;
}

a.button-long{
    width:200px;
}

a.icon-button-with-sub{
    width:175px;
    text-align:left;
}

a.icon-button-with-sub img.bullet{
    float:right;
    margin-top:3px;
}

.container{
    width:100%;
    min-height:100%;
    position:relative;
}

.maincontent{
   padding:10px;
   padding-bottom:40px;
}

.copyright{
    width:100%;
    height:38px;
    position:absolute;
    bottom:0px;
    line-height:38px;
    text-align:left;
    background-color:#FFC20F;
    border-bottom:1px solid #E6B117;
}

.copyright .notice{
    float:left;
    font-size:10px;
    margin-left:20px;
    margin-right:20px;
}

.copyright .notice a, .copyright .manual a{
    color:#000;
}

.copyright .notice a:hover, .copyright .manual a:hover{
    text-decoration:underline;
}

.copyright .manual{
    float:right;
    font-size:10px;
    margin-left:20px;
    margin-right:20px;
}

#nav {
    margin:0;
    padding:0;
    list-style:none;
}

#nav li {
    float:left;
    display:block;
    position:relative;
    z-index:500;
}

#nav li.right{
    float:right !important;
}

#nav ul {
    width:100%;
    position:absolute;
    display:none;
    margin-left:-3px;
    padding:0px 3px 3px 3px;
    list-style:none;
    background-color:#FFC20F;
	color:#034B6B;
}

#nav ul li {
    width:100%;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
    font-weight:normal !important;
    font-size:11px;
    text-align:left;
    display:block;
}


#mainmenu a.button-long{
    width:400px;
}

input[type="submit"]:hover, a.button:hover{
    color:#FFF;
    background-color:#AC9DDD;

    border:1px solid #73659F;
    border-top:1px solid #8175AB;
    border-left:1px solid #8175AB;
}

a img{
    border:none;
    vertical-align:middle;
}

.error{
    color:#FF0000;
}

.menubar{
    width:100%;
    height:38px;
    display:table;
    padding:0px;
    background-color:#FFC20F;
    border-bottom:1px solid #E6B117;
}

.logo{
    width:100%;
    height:140px;
    background-image:url("../images/logo.png");
    background-repeat:no-repeat;
    background-position:center 25px;
}

.content{
    margin:10px;
    padding-bottom:25px;
    border:1px solid #000;
    background-color:#FAFAFC;
}

#mainmenu, #login{
    width:600px;
    position:absolute;
    margin-left:-300px;
    left:50%;
    text-align:center;
}

.buttonmenu{
    width:226px;
    padding-top:15px;
}

#login table{
    width:250px;
}

#login table{
    margin-left:auto;
    margin-right:auto;
}

#user-admin-table, #user-group-admin-table, #course-admin-table, #question-admin-table, #admin-user-admin-table{
    width:100%;

}

div.dataTables_scroll{
    clear: both;
}

#csvform{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}

#crudform, #linkform{
    width:575px;
    margin-left:auto;
    margin-right:auto;
}

#exportfilterform{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}

.half{
	width: 50%;
}

#crudform table, #csvform table{
    margin:10px;
}

#crudform input[type="text"], #crudform input[type="file"], #crudform select, #csvform input[type="text"], #csvform input[type="file"], #csvform select{
    width:270px;
}

#crud-table tr td:first-child{
    width:150px;
}

#course-type-details{
    display:none;
}

.flashobject{
    width:750px;
    height:580px;
}

.flashembed{
    width:300px;
    height:580px;
}

.flashembed .embedcode{
    width:300px;
    height:380px;
}

.ui-dialog{
	z-index:1001;
}

.ui-widget-overlay{
	z-index:1000;
}