/* fomrs */
tr.pr{
	color:#ccc;
}
tr.pr a{
	color:#ccc;
}
input, select, textarea {
    border: 1px solid #ccc;
    padding: 2px;
    
    text-shadow: 0 1px 0 #fff;
    
    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

input:focus, select:focus, textarea:focus {
    border-color: #5c1a14;
    -moz-box-shadow: inset 0 0 3px #fff, 0 0 3px #5c1a14;
    -webkit-box-shadow: inset 0 0 3px #fff, 0 0 3px #5c1a14;
    box-shadow: inset 0 0 3px #fff, 0 0 3px #5c1a14;
}

input[type=button],
input[type=submit] {
	color: #fff;
	
	text-shadow: 0 1px 0 #000;
	
	background: #5c1a14;
	
	-moz-box-shadow: inset 0 0 3px #fff, 0 0 5px #fff;
	-webkit-box-shadow: inset 0 0 3px #fff, 0 0 5px #fff;
	box-shadow: inset 0 0 3px #fff, 0 0 5px #fff;
}

/* general styling */
div#hd {
    position:relative;
    height: 20px;
	
	border-bottom: 1px solid #ddd;
	margin-bottom:10px;
	background: #fff;

}
div#cn {
	width: 900px;
	margin: 0 auto 50px auto;
}

/* searchbar */
div#search {
	margin: 0 0 0;
	
	padding: 7px;
	background: #fff;
	
	border: 1px solid #ddd;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
}

div#search form {
	position: relative;
	
	overflow: auto;
	padding: 10px;
	
	background: #f7f7f7;
	background-image: -moz-linear-gradient(top, #f5f5f5, #ddd);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #ddd));
	border: 1px solid #ddd;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #ddd;
	-webkit-box-shadow: 0 0 8px #ddd;
	box-shadow: 0 0 8px #ddd;
}

div#search fieldset#searchFields {
	position: relative;
}


input#mainSearch,
div#search input[type=submit] {
	font-size: 1.6em;
}

input#mainSearch {
	padding: 5px;
	width: 670px;
	margin: 10px 5px 0 0;
	color: #5c1a14;
	background: #fff;
	border: 1px solid #ddd;
}

div#search input[type=submit] {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 0 0 7px;
}

 div#search input[type=sumbit]:hover {
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

div#search ul{
    margin:0 ;
    padding:0;
    list-style-type:none;
}

div#search ul li{
    margin-left:10px;
    float:left;
    line-height:30px;
}

div#anvancedSearch {
	display: none;
	clear: both;
}

div#anvancedSearch ul li{
	float:none;
}


/* footer */
div#ft {
	position: relative;
	
	height: 49px;
	padding: 10px;
	margin: 0 0 10px;
	
	background: #fff;
	background-image: -moz-linear-gradient(top, #f5f5f5, #ddd);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #ddd));
	border: 1px solid #ddd;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #ddd;
	-webkit-box-shadow: 0 0 8px #ddd;
	box-shadow: 0 0 8px #ddd;
}

div#ft ul {
	margin: 0 0 0 9px;
}

/* content forms */

div#bd form {
	/* overflow: auto; */
}

div#bd form fieldset ul li {
	clear: both;
	overflow: auto;
	padding: 5px 0;
}

div#bd form fieldset ul li span * {
	float: left;
}

div#bd form fieldset ul li span label {
	width: 100px;
}

div#bd form fieldset ul li span input,
div#bd form fieldset ul li span select,
div#bd form fieldset ul li span textarea  {
	width: 200px;
}

div#mainContent, #cn{
	margin-top:5px;
}

/* contents */
div#mainContent h1 {
    font-size: 2em;
    font-weight:normal;    
    border-width: 0 0 1px;
    margin: 0 0 15px;
}
div#mainContent h2 {
    font-size: 1.4em;
    border: solid #cacaca;
    border-width: 0 0 1px;
    margin:10px 0 10px;
}

/* search results */
div#mainContent ul#results {
	width: 250px;
	background: pinK;
}


/* Info box */
div.info {
    margin: 0 0 25px;
    
    padding: 15px;
    background: #f9f5b6;
    
    border: 1px solid #ddd;
    
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
}

div.info h3{
    font-style:italic;
    font-weight:normal;
    font-size:1.5em;
}
div.info ul{
    list-style-type:disc;
}
div.info li{
      margin:0 20px;
}
div.info h4{
    font-weight:bold;
    margin:15px 0 0;
}


/* Tabs */
ul#tabs{
	z-index: 3;
    margin:15px 0 -1px;
    float:right;
}
ul#tabs li{
    float:left;
    margin-left:20px;
}

ul#tabs li a {
	display: block;
	text-decoration: none;
	padding:3px 10px 3px 10px;
    border: solid #cacaca;
    border-width: 1px 1px 0 1px;
    background: #ddd;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-radius-top-left: 4px;
    -webkit-border-radius-top-right: 4px;
    -moz-box-shadow: inset 0 -5px 5px #cacaca;
    -webkit-box-shadow: inset 0 -5px 5px #cacaca; 
}

ul#tabs li.on a{
    background: #f7f7f7;
    -moz-box-shadow: none;
     -webkit-box-shadow: none; 
}


/* Tableaux */
table{
    width:100%;
    margin-bottom:30px;
    border: solid #ccc;
    border-width: 1px 0;
}

table tr {
	/*background: #f7f7f7;*/
}

table th{
    text-align:left;
    font-weight:bold;
    padding:10px 0;
    background:#eee;
}
table td{
      border-bottom:dotted 1px #cacaca;
}
table th,table td{
    line-height:22px;
}
table th,table td{
    line-height:22px;
}
table .right{
    text-align:right;
}

table td.in {
    width:20px;
}
table td.in span{
    display:block;
    width:12px;
    height:12px;
    margin:4px;
    background:green;
}
table td.out{
    width:20px;
}
table td.out span{
    display:block;
    width:12px;
    height:12px;
    margin:4px;
    background:orange;
}

table tr.modelRow {
	background: #ddd;
}

table tr.modelRow td {
	padding: 3px 0;
}

/**
* Absences
*/
table#abs {

}

table#abs th{
    text-align:center;
}
 table#abs td.announced{
    background:yellow;
}
table#abs td.excused{
    background:#90ee90;
}
table#abs td,
table#abs th{
    border-right:1px dotted #ccc;
}
table#abs tbody th{
    width:100px;
    line-height:15px;
}
table#abs tbody th a.min{
       font-weight:normal;
       font-size:10px;
}

table#abs td.day{
    width:40px;
    height:40px;
    text-align:center;
    font-weight:bold;
    padding:0;
}
table#abs td.day a,table#abs td.cm a{
    text-align:center;
    display: block;
    width:40px;
    line-height:40px;
    height:40px;
    border:none;
}
table#abs td.day a:hover,table#abs td.cm a:hover{
    border:#3877bd solid 1px;
    width:38px;
    height:38px;
    line-height:38px;
    background:transparent;
}
table#abs td.cm{
    width:30px;
    text-align:center;
    font-weight:bold;
}

table#abs .M{
    background:#ccc;
}
table#abs td.last{
    /*border-right:none;*/
}


/**
* Go To Date (DateBrowser)
*/

div#dateBrowser {
	margin: 0 0 10px;
}

div#dateBrowser fieldset {
	margin: 10px 0 0;
}

div#dateBrowser a.nav {
	font-size: 1.5em;
	border: none;
}

input#goToDate {
	width: 170px;
}

/* CO glane Customisation */
div#fft {
	/*background-image: url(http://www.co-glane.ch/templates/layout/bottom.gif)*/

}

div#hhd {
	width: 900px;
	position:relative;
  
	background: #fff url(http://www.co-glane.ch/templates/layout/top.png)  center 0 no-repeat;
	margin:0 auto;
}

a.btn {
	font-size: 0.8em;
	padding: 3px 5px;
	background: #ddd;
	background: -moz-linear-gradient(bottom, #ccc, #fff);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ccc),color-stop(1, #fff));
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow: inset 0 0 3px #999, 0 0 5px #fff;
    -webkit-box-shadow: inset 0 0 3px #999, 0 0 5px #fff;
    box-shadow: inset 0 0 3px #999, 0 0 5px #fff;
}

a.pdf {
	display: inline-block;
	width: 0;
	height: 0;
	padding: 20px 20px 0 0;
	font-size: 0.5em;
	background: transparent url(/img/20px-Pdf_icon.png) 0 0 no-repeat;
	overflow: hidden;
	border-bottom: none;
}



/**
* Pagination
*/
#paging li{
    float:left;
    margin-left:10px;
}


.sep{
	border-right:#cacaca solid 1px ;
}
.students td, .students th{
	padding:0 5px ;
}

span.data {
	display: none;
}
.scut{
	font-size:10px;
}
.scut1{
	font-size:10px;
}

.cancelResto{
	margin:10px;
	line-height:1.5em;
}
.hidden{
	display:none;
}

#userinfo{
	position:absolute;
	right:10px;
	top:10px;
	font-size:12px;
}
#userinfo p{
	margin:0;
}
h2{
	position:relative;
}
h2 span#tooltip{
	position:absolute;
	display:block;
	right:0;
	bottom:5px;
	width:300px;
	text-align:right;
	font-size:12px;
	line-height:15px;
	padding:0 5px;
	font-weight:normal;
}
dl#shortmenu{
	width:400px;
}
dl#shortmenu dt{
	margin-top:7px;
	clear:both;
	width:120px;
	float:left;
	font-weight:bold;
	
}
dl#shortmenu dd{
	float:left;
	margin-top:7px;
	width:280px;
}
.calendar table {
		border:none;
		}


#hhd{
	height:80px;
	position:relative;
}

#hhd ul{
	position:absolute;
	top:45px;
	right:0;
	left:0;
	border-bottom:solid 1px #ccc;
	height:25px;
    overflow:hidden;
    padding:0 5px;
}
#hhd li{
	font-size:15px;
	float:right;
	list-style:none;
    height:24px;
    line-height:24px;
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-bottomleft:3px;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    margin:0 2px;
    margin-right:20px;
    overflow:hidden;
    position:relative;
}
#hhd li.last{
	margin-right: 0;
}
#hhd li a{
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
}
#hhd li a:hover{
	color: #69C;
}

ul#navigation li a:link, ul#navigation li a:visited {
	/* some other CSS here... */
	
}

ul#navigation li a:hover {
	background-color: #5a87dd;
}

#message {
    position:absolute;
}

#message2{
    
    top:100px;
    text-align:center;
    color:#fff;
    width:900px;
    z-index:2000;
    font-size:24px;
    padding:30px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:0 0 20px 0;
    height:60px;
    -moz-box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    box-shadow: 0 0 8px #ddd;
    
}
#message2 img{
    position:absolute;
    left:10px;
    top:10px;
    
}

#message2.ok.service1{
    background-color: green;
}
#message2.ok.service2{
    background-color: blue;
}

#message2.error{
   background-color: #C0586A; 
}

.showMenu{
	cursor:pointer;
}
.menuDiv{
	text-align:center;
	position:absolute;
	margin-top:-250px;
	margin-left:-340px;
	width:320px;
	font-size:0.8em;
	border:solid 1px #ccc;
	 -moz-box-shadow: 4px 4px 6px #ccc; 
    -webkit-box-shadow: 4px 4px 6px #ccc; 
    box-shadow: 4px 4px 6px #ccc; 
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#fff;
	padding:10px 0;
}
.menuDiv div{
	width:140px;
	display:block;
	height:40px;
	float:left;
	padding:5px 10px;
}

.menuDiv p{
	margin:0;
	line-height:1em;
}
.menuDiv p.v1{
	margin:0 0 5px 0;
	line-height:1em;
}
#notifyer{
	position:fixed;
	width:300px;
	position:absolute;
	right:10px;
	top:10px;
}
#notifyer div{
	margin:10px;
	cursor:pointer;
	background-color: rgba(0, 0, 0, 0.7);
	color:#fff;
	font-size:12px;
	padding:15px 20px;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
}
#notifyer div.red {
	background-color: rgba(255, 0, 0, 0.9);
}
#shad{
	padding-top:300px;
	text-align:center;
	position:absolute;	
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:none;
	background:rgba(255,255,255,0.8);
}
.studentImg{
	float:left;
}
.studentImg img{
	height:80px;
}
.studentNav{
	line-height:80px;
	height:80px;
	float:left;
	
}



#absmanager li{
	display:inline;
}

#absmanager li a{
	display:inline-block;
	width:50px;
	height:30px;
	border:solid 5px #fff;
	text-align:center;
	line-height:30px;
}
#absmanager li a.on{
	display:inline-block;
	width:50px;
	height:30px;
	border:solid 5px #ccc;
}

table#abs td.excused.abstypeM{
    background:#cfc;
}
table#abs td.excused.abstypeP{
    background:#9f9;
}
table#abs td.excused.abstypeV{
    background:#6f9;
}
table#abs td.excused.abstypest{
    background:#3f9;
}
table#abs td.excused.abstypesu{
    background:#0f0;
}
table#abs td.excused.abstypesaf{
    background:#00FF7F;
}
table#abs td.excused.abstypeI{
    background:orange;
}

a.abstypeI{
	background:orange;
}
a.abstypeM{
	background:#cfc;
}
a.abstypeP{
	background:#9f9;
}
a.abstypeV{
	background:#6f9;
}
a.abstypest{
	background:#3f9;
}
a.abstypesu{
	background:#0f0;
}
a.abstypesaf{
	background:#00FF7F;
}


.dialog{
	padding:10px 20px;
	width:750px;
	height:400px;
	background:#eee;
	border:solid 1px #cccccc;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#showDialog{
	display:none;
}
.handle a{
	color:#ccc;
}
.handle td{
	color:#ccc;
}
table#abs td.day a.recur{
	color:#fff;
	width:10px;
	height:10px;
	font-size:9px;
	padding:0;
	line-height:10px;
	text-transform:uppercase;
	display:block;
	background:#ccc;
}
table#abs td.day a.recur:hover{
	border:none;
}
.messaging{
	width:400px;
	text-align:left;
	padding:40px 50px;
	border:solid 1px #ccc;
	margin:0 auto;	
	background:white;
	position:relative;
}
.messaging h3{
	line-height:30px;
}
.messaging textarea{
	width:85%;
	height:30px;
	float:left;
	margin-bottom:20px;
}
.messaging .addRem{
	float:left;
	margin-left:10px;
}
.messaging ul{
	margin:10px 0;
	clear:both;
}
.messaging li{
	margin:10px 0;
	position:relative;
}
.messaging li a.del{
	position:absolute;
	right:-20px;
}
.messaging li em{
	display:inline-block;
	width:80px;
}
.messaging li span{
	display:inline-block;
	width:80px;
}
.messaging a.close{
	position:absolute;
	right:15px;
	top:15px;
}