/*
* System Overlay CSS
* author: Anthony Dillon
*/

#systemOverlay{
	width:100%;
	height:100%;
	position: absolute;
	/*background:url(../img/dash-bg-60.png);*/
	background-color:rgba(130, 60, 80, 0.8);
	top:0px;
	left:0px;
	z-index:12;
	display:none;
	font-size:17px;
	color:white;
}

#systemOverlay input{
	background:url(../img/overlay/search-logo.png) no-repeat 10px center;
	position: relative;
	width: 450px;
	height:40px;
	left:90px;
	
	top:30px;
	color:#666;
	font-style:italic;
	padding:0px 60px;
	font-size:18px;
		-moz-border-radius:4px 4px 4px 4px;
		-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
		-moz-box-shadow: 0px 0px 5px #fff;
	  	-webkit-box-shadow: 0px 0px 5px #fff;
	box-shadow: 0px 0px 5px #fff;
	border:1px solid #fff;
	background-color:rgba(0,0,0,0.5);
	outline-style:none;
}

#systemOverlay input:active{
	
}

#systemOverlay #shortcuts{
	position: absolute;
	left:100px;
	top:110px;
}

#systemOverlay #shortcuts:hover{
	background-position: 0px -17px;
}
#systemOverlay img{
	vertical-align: text-top;
}
#systemOverlay #shortcuts img{
	vertical-align: middle;
	margin-right:15px;
}

#systemOverlay #shortcuts .shortcut-arrow{
	width:13px;
	height:17px;
	overflow:hidden;
	background:url(../img/overlay/shoutcurts-down.png) no-repeat;
	display: inline-block;
	margin:0px 0px 0px 15px;
}

#systemOverlay .app-container{
	display:none;
	position:absolute;
	left:110px;
	top:120px;
	width:91%;
}

#systemOverlay #overlayContents{
	margin-top:24px;
}

#systemOverlay #overlayContents .bottom{
	border-bottom:2px solid #806067;
	margin-bottom:20px;
} 

#systemOverlay .app-container .app-list{
	width:100%;
	height:102px;
	margin:20px;
	overflow:hidden;
}

#systemOverlay .app-container .app-list div{
	width:200px;
	height:110px;
	float:left;
	text-align:center;
}

#systemOverlay .app-container .app-list div img{
	padding:5px;
	height:46px;
}

#systemOverlay .app-container .app-list div img.hover{
	background:#ffffff;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
}

#systemOverlay .app-container .app-list div p{
	font-size:14px;
}

#systemOverlay #shortcuts .hover{
	background-position: 0px -17px !important;
}

#systemOverlay #shortcuts .closed{
	background:url(../img/overlay/shoutcurts-right.png) no-repeat;
}

#systemOverlay #shortcuts #shortcut-contents{
	width:870px;
	position: absolute;
	top:50px;
}
#systemOverlay #shortcuts #shortcut-contents .dashClear{
	clear:both;
	height:0px;
	float:none;
}

#systemOverlay #shortcuts #shortcut-contents div div{
	height:104px;
	margin-bottom: 12px;
	margin-left:0px;
    width: 100%;
}

#systemOverlay #shortcuts #shortcut-contents div div.hover{
	background-position: center -104px !important;
}

#systemOverlay #shortcuts #shortcut-contents #browse-the-web div{
	background:url(../img/overlay/browse-the-web.png) no-repeat scroll center 0 transparent;
}
#systemOverlay #shortcuts #shortcut-contents #view-photos div{
	background:url(../img/overlay/view-photos.png) no-repeat scroll center 0 transparent;
}
#systemOverlay #shortcuts #shortcut-contents #check-email div{
	background:url(../img/overlay/check-email.png) no-repeat scroll center 0 transparent;
}
#systemOverlay #shortcuts #shortcut-contents #listen-to-music div{
	background:url(../img/overlay/listen-to-music.png) no-repeat scroll center 0 transparent;
}
#systemOverlay #shortcuts #shortcut-contents #media-apps div{
	background:url(../img/overlay/media-apps.png) no-repeat scroll center 0 transparent;
}
#systemOverlay #shortcuts #shortcut-contents #internet-apps div{
	background:url(../img/overlay/internet-apps.png) no-repeat scroll center 0 transparent;
}
#systemOverlay #shortcuts #shortcut-contents #more-apps div{
	background:url(../img/overlay/more-apps.png) no-repeat scroll center 0 transparent;
}
#systemOverlay #shortcuts #shortcut-contents #find-apps div{
	background:url(../img/overlay/find-files.png) no-repeat scroll center 0 transparent;
}
#systemOverlay #shortcuts #shortcut-contents div {
	margin-left:115px;
	float:left;
	text-align:center;
	margin-bottom:70px;
	width: 130px;
}
#systemOverlay #shortcuts #shortcut-contents div span{
	display:block;
	height: 40px;
}

#systemOverlay #shortcuts #shortcut-contents div.first{
	margin-left:0px;
}

#systemOverlay #dash-bottom-bar{
	width:100%;
	height:44px;
	position: absolute;
	background:url(../img/black-bg-30.png);
	background-color:rgba(0,0,0,0.3);
	bottom:0px;
}

#systemOverlay #dash-bottom-bar .bottom-wrapper div{
	width:60px;
	height:44px;
	float:left;
}
#systemOverlay #dash-bottom-bar .bottom-wrapper div.last{
	margin-right:0px;
}

#systemOverlay #dash-bottom-bar .bottom-wrapper{
	position: absolute;
}

#systemOverlay #dash-bottom-bar .home-icon{
	background:url(../img/dash/dash-home.png) no-repeat scroll 0px -44px;
}
#systemOverlay #dash-bottom-bar .applications-icon{
	background:url(../img/dash/dash-applications.png) no-repeat scroll 0px -44px;
}
#systemOverlay #dash-bottom-bar .music-icon{
	background:url(../img/dash/dash-music.png) no-repeat scroll 0px -44px;
}
#systemOverlay #dash-bottom-bar .files-icon{
	background:url(../img/dash/dash-files.png) no-repeat scroll 0px -44px;
}
#systemOverlay #dash-bottom-bar .video-icon{
	background:url(../img/dash/dash-video.png) no-repeat scroll 0px -44px;
}

#systemOverlay #dash-bottom-bar .bottom-wrapper div:hover{
	background-position: 0px -88px;
}
#systemOverlay #dash-bottom-bar div.active,
#systemOverlay #dash-bottom-bar div.active:hover{
	background-position: 0px 0px;
}


