/*
  Copyright 2011 The Kuali Foundation Licensed under the Educational Community
  License, Version 2.0 (the "License"); you may not use this file except in
  compliance with the License. You may obtain a copy of the License at
  http://www.osedu.org/licenses/ECL-2.0 Unless required by applicable law or
  agreed to in writing, software distributed under the License is distributed
  on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
  express or implied. See the License for the specific language governing
  permissions and limitations under the License.
*/

div#cacheProgressModal {
	background-color:rgba(0,0,0,0.5);
	z-index:10;
	position:absolute;
	top:-10px;
	left:0;
	/*left:9999px;*/
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:none;
}

div#cacheProgressMessage {
	background-color:#eee;
	border:1px solid #000;
	border-radius:20px;
	position:relative;
	padding:10px;
	left:5%;
	width:85%;
	top:40%;
}

div#cacheProgressMessage h3 {
	padding:0;
	margin:3px 0 10px 0;
	text-align:center;
}

div#cacheProgressMessage #reloadButton {
	/*display:none;*/
}

div#appcacheProgressBar {
	border:1px solid #000;
	background-color:#ccc;
	position:relative;
	display:block;
	overflow: hidden;
}
div#appcacheProgressAmount {
	background-color:#900;
	display:block;
	color:#eee;
	text-shadow:none;
	padding:0;
	margin:0;
}

div#home {
	border: none;
	padding: 0;
	margin: 0;
}

div#home ul li a {
	background-repeat: no-repeat;
	background-position: 8px 13px;
	padding: 5px 38px 5px 80px;
	position: relative;
	min-height: 60px;
	color: #333;
}

div#home ul.privacyStatement {
	margin: 14px 0px -14px 0px;
	padding: 0;
	
}

div#home ul.privacyStatement li {
	padding: 0;
	margin: 0;
}

div#home ul.privacyStatement li a#privacyNoticeLink {
	padding: 5px 15px 5px 80px;
	font-weight: normal;
	font-size: 0.8em;
	margin: 0;
	min-height: 10px;
}

/* Retina display high resolution icons for home screen */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
       
	div#home ul li a {
    	background-position: 12px -35px;
    	-webkit-background-size: 50px 100px;
	}
}

	
div#home span.countBadge {
	font-size: 14px;
	padding: 2px 8px 3px 8px;
	position: absolute;
	left: 42px;
	top: 3px;
	background-color: #7d110c;
	background: -moz-linear-gradient(center top, #FF8888, #992222) repeat scroll 0 0 #992222;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF8888), color-stop(1, #992222));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF8888', EndColorStr='#992222')";
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 0 1px 1px #333333;
	-moz-box-shadow: 1px 1px 3px #666666;
	-webkit-box-shadow: 1px 1px 3px #666666;
	box-shadow: 1px 1px 3px #666666;
}

div#home span.lockBadge {
	position: absolute;
	right: 15px;
	top: 23px;
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: transparent url('images/badge-lock-25.png') top left no-repeat;
	border-width: 0;
	border-radius: 0;
}
.rollover {
     width: 100%;
     height: 50px;
     background:#E1E1E1 no-repeat;
}
.rollover a {
     display: block;
     
     height: 50px;
     background:#EEEEEE no-repeat;
}
.rollover a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}
.ui-li-desc {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin: -0.5em 0 0.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.titre_cate {
	background-color: #777777;
    background-image: -moz-linear-gradient(center top , #AAAAAA, #777777);
    border-color: #FFFFFF -moz-use-text-color #666666;
    border-style: solid none;
    border-width: 0px medium;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    padding: 0;
    
     width: 100%;
     height: 40px;
   
}
	
/* Retina display high resolution icons for home screen */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
       
	div#home span.lockBadge {
    	background: transparent url('images/badge-lock-50.png') top left no-repeat;
    	-webkit-background-size: 20px 25px;
	}
}