/* 
    Document   : default_new
    Created on : 20.7.2010, 13:01:46
    Author     : pepa
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    padding: 5px 5px 5px 5px;
    font-size: 90%;
    background-color: #d1e7ff;
    color:#fff;
    font-family: Garamond, "Book Antiqua", "Georgia", "serif";
}
.hideOnLoad {
    visibility: hidden;

}

#filter {

 display:none;

}

#nyroModalContent #filter {
    display:block;
}

.action,.paginate_button,.font-button ,#dialog-triger {

    cursor: pointer;
}

h3{
    margin: 0.3em 0;
}


#top-panel {
    margin: 0;
    padding: 0;
overflow: hidden;
height: 100px;

    background-color: #005482;
}
#logo {
   position:absolute;
 top:2px;
 left:0;

}
.sf-menu {

}
#top-menu {
position: relative;
top:30px;
left: 120px;

}
#vata {
    height: 30px;
}

#filter-state {
  position:absolute;
  top:2px;
  right:0;
  width:300px;
  height: 62px;
  z-index: 11500;
  background-color: #005482;
}


.filter-state .description {
  border: 2px solid #b5d2e1;
  -moz-border-radius: 4px 4px;
  background-color: yellow;
  margin: 5px;
  height: 48px;
}

.filter-state .description span {
    float:left;
}
.filter-state .filterLabel {
    font-weight: bold;
    margin-right: 2px;
}
.filter-state  .filterValue {
    margin-right: 2px;
}
.filter-state .description p {
    margin: 0;


}


#client_filter {
    margin: 0 3em 0 3em;

}
.ui-widget-content {

}

.ui-resizable-n {
    cursor:n-resize;
    height:7px;
    left:0;
    top:-5px;
    width:100%;
}
.ui-resizable-s {
    bottom:-5px;
    cursor:s-resize;
    height:7px;
    left:0;
    width:100%;
}
.ui-resizable-e {
    cursor:e-resize;
    height:100%;
    right:-5px;
    top:0;
    width:7px;
}
.ui-resizable-w {
    cursor:w-resize;
    height:100%;
    left:-5px;
    top:0;
    width:7px;
}
.ui-resizable-se {
    bottom:1px;
    cursor:se-resize;
    height:12px;
    right:1px;
    width:12px;
}
.ui-resizable-sw {
    bottom:-5px;
    cursor:sw-resize;
    height:9px;
    left:-5px;
    width:9px;
}
.ui-resizable-nw {
    cursor:nw-resize;
    height:9px;
    left:-5px;
    top:-5px;
    width:9px;
}
.ui-resizable-ne {
    cursor:ne-resize;
    height:9px;
    right:-5px;
    top:-5px;
    width:9px;
}
.ui-selectable-helper {
    border:1px dotted black;
    position:absolute;
    z-index:100;
}
.ui-dialog .ui-dialog-titlebar-close {
    height:18px;
    margin:-10px 0 0;
    padding:1px;
    position:absolute;
    right:0.3em;
    top:50%;
    width:19px;
}
.ui-corner-all {
    -moz-border-radius:4px 4px 4px 4px;
}
.ui-resizable-handle {
    display:block;
    font-size:0.1px;
    position:absolute;
    z-index:99999;
}
.ui-icon-grip-diagonal-se {
    background-position:-80px -224px;
}

.ui-widget-overlay {
    background:url("images/ui-icons_6da8d5_256x240.png") repeat scroll 50% 50% #666666;
    opacity:0.5;
}

.ui-widget-overlay {
    background:url("images/ui-icons_6da8d5_256x240.png") repeat-x scroll 50% 50% #AAAAAA;
    opacity:0.3;
}

.ui-widget-overlay {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}
.ui-resizable-se {

    bottom:3px;
    height:14px;
    right:3px;
    width:14px;
}
.ui-icon {
    background-image:url("images/ui-icons_6da8d5_256x240.png");
    height:16px;
    width:16px;
}

.ui-icon {
    background-repeat:no-repeat;
    display:block;
    overflow:hidden;
    text-indent:-99999px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor:move;
}

.ui-dialog .ui-dialog-titlebar {
    padding:0.5em 0.3em 0.3em 1em;
    position:relative;
    background-color: #002991;
    color:#fff;
}

.ui-corner-all {
    -moz-border-radius:4px 4px 4px 4px;
}

.ui-widget-header {
    background:url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 0 50% #CCCCCC;
    border:1px solid #AAAAAA;
    color:#222222;
    font-weight:bold;
}

.ui-helper-clearfix {
    display:block;
}



.ui-widget-header .ui-icon {
    background-image:url("images/ui-icons_6da8d5_256x240.png");
}

.ui-widget-content .ui-icon {
    background-image:url("images/ui-icons_6da8d5_256x240.png");
}

.ui-icon-closethick {
    background-position:-96px -128px;
}

.ui-state-default a{
    color: #005482;
}
.ui-tabs-selected a{
    font-weight: bold;
    color: #000;
}

.pane {
    display:	none; /* will appear when layout inits */
}





.ui-layout-pane { /* all 'panes' */

                  overflow: auto;
}

.ui-layout-resizer {
    width:2px;
    background-color:#dfeffc;
}

.ui-layout-toggler {

    background-color:#000;
    width:4px;
}

.ui-datepicker-header {
    height: 20px;
    background-color: #fff;
        width: 300px;
}
.ui-datepicker-prev {

    float: left;
    width: 20px;
     height: 20px;
    margin-right: 10px;
}

.ui-datepicker-next{

    float: right;
    width: 20px;
     height: 20px;
     margin-left: 10px;
}
.ui-datepicker-calendar {
    background-color: #fff;
    border: 1px solid #000;
    border-collapse: collapse;
    width: 300px;
}
.ui-datepicker-calendar td ,.ui-datepicker-calendar th {
    text-align: center;
    vertical-align: middle;
        border: 1px solid #000;

}

.ui-datepicker-calendar td a {
    font-weight: 600;
    text-decoration: none;
    color: #005482;



}
#resizer {

    float: right;
    margin-top: 5px;

}


/*
##################TABLES########################
*/

table {
    border-collapse:collapse;


    width:100%;
    border: 2px solid white;
}
th td {

}

th {
    background-color: #001B5E;
    padding:2px 0.5em 2px 0.5em;
}

td {
    padding:2px 0.1em 2px 0.1em;
    border-right:1px solid #6ea7d1;
    color: #000;
}

tr.odd:hover {
    background-color: greenyellow;
}
tr.even:hover {
    background-color: greenyellow;
}


tr.odd  {
    color:#000;
    background-color: #EBB23B;
}
tr.even  {
    color:#000;
    background-color: #EBC16A;
}

tr.row_selected {
    background-color:RED;
}

.ui-tabs-hide {
    display:none;
}

.ui-tabs-nav li {
    white-space:	nowrap;
    display:inline;
}

.ui-tabs-nav li a {
    font-size:		1em !important;
    padding:		4px 1.5ex 3px !important;
}
.ui-tabs-panel {
    font-size:		1em !important;
    padding:		0 1em !important;
}




.ui-layout-pane-center,.ui-layout-pane-east  {

    background:	#325DC8;
    padding: 0 0.5em;

    /* hard-coded the ui-corner-bottom class to this div to round the corners */
}


.sectionTitle {
    margin: 5px 0;
    padding:2px 5px;
    background-color: #002991;
    -moz-border-radius:8px 8px 8px 8px;
}
.sectionTitle h3 {
    float: left;
    width: 80%;
}

.detailTitle {
    margin: 5px 0;
    padding:2px 5px;
    background-color: #005482;
    color : #FFFFFF;
}

.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate{
    float: left;

line-height: 1em;


}

.dataTables_info {
    height: 17px;
    margin-bottom: 0;
    line-height: 17px;
}
.dataTables_length,.dataTables_info {
    margin-right: 0.5em;
    margin-left: 0.5em;

}
.dataTables_length {
width: 250px;
}
.dataTables_info {
    width: 200px;
}
.dataTables_filter  input{
margin-left: 10px;
}
.dataTables_info,.dataTables_filter  {

}
.dataTables_paginate {
    font-size: 80%;
}
.dataTables_filter,.dataTables_paginate {

}
.dataTables_wrapper table {
    clear: both;
}
.dataTables_filter input {
    height: 1em;

font-size: 0.9em;
    width: 80px;
    float: none;
    display: inline-block;
}
.dataTables_length select {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
line-height: 1em;

    float: none;
    display: inline-block;
}

#client-cours-table {
    clear: both;
}
.paginate_button ,.paginate_active,.font-button{
    padding: 3px 5px;
    border: 1px solid #001b5e;
    margin-left: 1em;
}

.paginate_button ,.paginate_active {
    display: inline-block;
}


.font-button{
    margin-left: 0.5em;
}
.tablecontrols  {
    padding: 0;
line-height: 2em;
margin-bottom: 0.5em;
margin-top: 0.5em;

}
.clear {
    clear: both;
}

#footer {
    padding: 0 1em;
    background-color: #005482;
}

#footer #logout {
    float: right;
    width: 100px;
    height: 16px;
    line-height: 16px;
    background-color: blue;
    color: white;
    font-weight: bold;
    border: solid thin yellow;
    display: inline-block;

}

#footer #logout img {
    margin: 0;
    padding: 0 5px 0 2px;
    border: none;
}

#footer #logout span {
    margin: 0;
    padding: 0 5px 0 2px;
    border: none;
}

#footer #languages {
    float: right;
    width: 180px;
}

#logout a ,#languages a {
    color: #fff;
}

#languages a img {
    margin: 1px 0;
    padding: 0;
    border: none;
}

#loading {
    width: 200px;
    padding: 20px;
    background: #3681CB;
    color: white;
    text-align: center;
    margin: 0 auto;
    display:block;
    z-index: 10000;
    position: relative;
    top:200px;
    left:-230px;
}

/* forms */
label {
    width: 100px;
    padding-right: 1em;
    line-height: 2em;
    color: #000;

}
input {
    width: 150px;

    line-height: 2em;

}
#filter fieldset input {
    width: 120px;
}
#filter fieldset label {
  float: left;
}

#filter fieldset br {
  clear: both;
}

#filter input.buttonOk, input.buttonCancel {
    float: left;
    width: auto;
    margin-top: 2em;
    margin-right: 1em;
       height: 2em;
    line-height: 2em;
}
#filter input.buttonOk {
    width: 40px;
 
}

#client-students-cours-attendance-table_wrapper {
    padding: 2px;
    height: 350px;
}

#logon-wraper {
    width: 420px;
        position: relative;
    background-color: #005482;
    margin-top:  5em;
      margin-left:  auto;
      margin-right: auto;
display: block;
    color: #ffffcc;
 
    -moz-border-radius:4px 4px 4px 4px;
}
#topPart {

    margin-bottom: 2em;
}

#topPart  h1{
    width: 45%;
    float: left;
    font-family: sans-serif, Helvetica;
    line-height: 1.1em;
    padding-left:  0.5em

}

#logon-wraper label{
    color: #ffffcc;
    text-align: right;
    margin-left: 5px;
    float: left;
        width: 250px;


}
#logon-wraper input{
    float: right;
    background-color: #d1e7ff;
    width: 120px;
    margin-right: 0.5em;
    height:15px;
    line-height: 15px;
}

#logon-wraper .sub {
 display: inline-block;
    margin-top: 2em;

    height:auto;

}

#bottom-text {
    padding: 0.5em;
}

#logon-wraper a {
    color: #ffffcc;
    text-decoration: none;
}

#logon-wraper a {
    color: #ffffcc;
    text-decoration: none;
}

.aRight {
    text-align: right;
}

.hidden-iframe {
    display: none;
}

.wizard-form {
    width: 550px;
margin: 1em auto;
padding: 1em 2em;
background-color: #cccccc;
border: 2px solid #005482;
min-height: 400px;
}

.wizard-form input {

    width: auto;
}
.dataTables_filter input {
    width: 100px;
  
}
.wizard-form label {
    width: 60px;
    display: inline-block;
}

.wizard-form #dateName {
    width: 100px;
}
.wizard-form .controls dataTables_length,.wizard-form .controls dataTables_info{
    margin-top: 2em;
    height: 2em;
    line-height: 2em;
}

.wizard-form input {
    line-height: 1em;
    vertical-align: middle;
}

.wizard-info {
    width: 550px;
    margin: 1em auto;
    padding: 0.5em 2em;
    background-color: #cccccc;
    border: 2px solid #005482;
}

.separator {
    height: 2px;
    width: 100%;
    background-color: #005482;
    margin-bottom: 1em;
}

.infoLabel ,.info {
font-size: 1.2em;
margin-bottom: 1em;
color: #005482;
font-weight: bold;
}

.infoLabel  {
   

}

.noedit {
    margin-bottom: 1em;
    background-color: #e9e8e8;
    padding: 1em 1em;
}

.editable {
    margin-bottom: 1em;
}

.controls {
    text-align: right;

}

.controls input {
    height: 25px;
    line-height: 25px;
    font-weight: 700;
}

#font-down {
    height: 5px;
    width: 5px;
    display: inline-block;
}
#font-reset {
    height: 8px;
    width: 8px;
    display: inline-block;
}

#resizer {
    width: 150px;
    vertical-align: baseline;
}
#resizer span {
    vertical-align: bottom;
}

#resizer span.active {
    background-color: #fff;
}

#font-up {
    height: 10px;
    width: 10px;
    display: inline-block;
}