/*

## Copyright (C) 2009 Piero Randazzo - piero@cervellone.com ##

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
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 body {
	font-family:"Lucida Grande",verdana,lucida,helvetica,sans-serif;
	font-size:small;
	line-height:1.55em;
}


p { text-align: justify; }


body {
/*	font-size:x-small; */
}

a.player {	
	display:block;
	/* background:url(/assistenza/video/lessons/video/splash.png) no-repeat;*/
	width:410px;
	height:330px;
	padding-right:10px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}


#player {
	float:left;		
}	

/* playlist style */
#playlist {
	/* width:327px; */
	height:290px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;
	padding:4px 10px 12px 10px;
	background-color:#F7F7F7;
	float:none;
}

/* playlist entry */
#playlist a {
	display:block;
	width:260px;
	height:62px;
	padding:5px;
	background-color:#fff;
	border:1px solid #ccc;
	font:11px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	margin-top:8px;
	color:#666;
}

/* different states of a playlist entry */
#playlist a:hover {
	background-color:#BDF;		
}

#playlist a.progress {
	background-color:#efefef;	
}

#playlist a.playing {
	border:1px solid #666;
	background-color:#BDF;	
}

#playlist a.paused {
	border:1px solid #666;
	background-color:#ffc;	
}

/* elements inside playlist entry */
#playlist a img {
	border:0;	
	float:left;
	margin-right:10px;
	width: 128px;
	height: 96px;
}

#playlist a strong {
	color:blue;		
	padding-bottom:5px;
}

#playlist a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(/img/demos/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
}

.playlist-lesson-num {
	border:1px solid gray;
	height:60px;
	width:60px;
	margin-right:10px;
	float:left;	
	background-color:10px;
	font-size:30px;
	text-align: center;
}

.playlist-lesson-num p {
	text-align: center;
	vertical-align:middle;
	margin-top:9px;
}



#info {
	clear:both;
	background-color:#EFEFEF;
	border:1px solid lightgrey;
		
	/*
	height:200px;
	overflow:auto;
	*/
	margin-top:10px;
	padding:10px;
}

#video {
	
	width:758px;
	padding:5px;
	/* for design only */
	margin-top: 10px;
	/* border: 1px solid gray; */ 
	
}

.container-playlist {
	float:right;
	padding:10px;
	border: 1px solid lightgrey;
	background-color:#EFEFEF;
	width:314px;
	height:308px;
	margin-bottom:10px;
}

.container-player {
	
}

#tabs {
  font-size:10.2px;
}



.ui-tabs-panel {
	height:200px;
	overflow:auto;
	background:#FFFFFF none repeat scroll 0 0;	
	font-size:medium;
}


.lesson-book:link {

	image:url(/OliverWeb_ONLINE/assistenza/video/img/book.png);
}


.interlink {
  white-space: nowrap;
}


.interlink a {
  text-decoration: none;
  color: #09F;

}



/* ### GLOSSARY ### */

.tabTopic ul {
	line-height:120%;
	margin-top:0;
}

.tabToc {
	font-size:95%;
	line-height:1.6em;
}

.tabToc ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:0;
	padding:0 0 0 0.5em;
}


.tabToc li {
	list-style-image:url(/assistenza/video/img/i_arrow_down.gif);
	margin-left:2em;
}



.tabToc a:hover {
	text-decoration:underline;
}

.tabToc li a {
	display:block;
	width:100%;
}

.tabToc a:link, .tabToc a:visited {
	border:0 none;
	color:#1E5BBD;
	text-decoration:none;
}


.tabToc a:link:hover, .tabToc a:visited:hover {
	background-color:#B4D5FF;
	text-decoration:underline;
}

.tabTopic h2 {
	background-color:#AFE0FF;
	/* color:#990000; */
	display:block;
	font-size:110%;
	height:auto;
	margin:1em -0.7em 0.15em;
	padding:0.2em 0.7em;
}

/* ### GLOSSARY  END ### */