/*
3DHOP - 3D Heritage Online Presenter
Copyright (c) 2014, Marco Callieri - Visual Computing Lab, ISTI - CNR
All rights reserved.    

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

html { 
  background				:url(../img/background_2.png) no-repeat center top fixed; 
  background-size			:cover;  
  -webkit-background-size	:cover;
  -moz-background-size		:cover;
  -o-background-size		:cover;
}

body { 
	cursor					:default;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#tab {
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#title { 
	margin					:5px;
	vertical-align			:middle;
	font-family				:georgia, serif; 
	font-size				:25px;
	color					:#f8f8f8;
	text-align				:center;
	text-transform			:capitalize;
	text-shadow				:1px 1px 10px #f8f8f8;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#bar {
	padding-top				:50px;
	margin-left				:50px;
	margin-right			:50px;
	vertical-align			:middle; 
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#bar img { 
	background-color		:rgba( 255, 255, 255, 0.1); 
	height					:80px;
	width					:80px;
	margin-bottom			:50px; 
	cursor					:pointer;  
	border					:2px solid #f8f8f8; 
	border-radius			:15px;
	box-shadow				:1px 1px 10px #f8f8f8;
	-webkit-box-shadow		:1px 1px 10px #f8f8f8;
	-moz-box-shadow			:1px 1px 10px #f8f8f8;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#toggle{ 
	background-color		:rgba( 255, 255, 255, 0.1); 
	margin-top				:-20px;
	padding					:5px;
	vertical-align			:middle;
	font-family				:georgia, serif; 
	font-size				:20px;
	font-weight				:bold;
	color					:#f8f8f8;
	text-align				:center;
	text-transform			:capitalize;
	text-shadow				:1px 1px 10px #f8f8f8;
	width					:400px;
	line-height				:30px;
	cursor					:pointer; 
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-moz-user-select		:none;  
	border					:2px solid #f8f8f8; 
	border-radius			:10px;
	box-shadow				:1px 1px 10px #f8f8f8;
	-webkit-box-shadow		:1px 1px 10px #f8f8f8;
	-moz-box-shadow			:1px 1px 10px #f8f8f8;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.filled { 
	background-color	:rgba( 255, 255, 255, 0.1); 
	border				:1px solid #f8f8f8; 
	border-radius		:5px;
	box-shadow			:1px 1px 10px #f8f8f8;
	-webkit-box-shadow	:1px 1px 10px #f8f8f8;
	-moz-box-shadow		:1px 1px 10px #f8f8f8;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#tdhlg { color:#A0A0A0; }
