/* The following styles size, place, and layer the slide components.
   Edit these if you want to change the overall slide layout.
   The commented lines can be uncommented (and modified, if necessary) 
    to help you with the rearrangement process. */

/* target = 1024x768 */

/************************************************************************
 *** H E A D E R ********************************************************
 ************************************************************************/
div#header {
	width: 100%;
	height: 5%;
	/*top: -5%;*/
	left: 0px;
	
	z-index: 5;
}

div#mainmenu {
	background-color: #EEEEFF;
	border: 1px solid #AAAABB;
	
	background-color: rgb(255,255,245);
	width: 100%;
	height: 20px;
}

div#mainmenu a {
	font-size: 10pt;
	color: #666666;
}

#mainmenu a#logo {
	float: left;
	position: relative;
	left: 5%;
}

#mainmenu a#menu {
	float: right;
	position: relative;
	right: 5%;
}

#mainmenu a#more {
	float: right;
	position: relative;
	right: 6%;
	
	/* separator */
	border-right: 1px solid gray;
	padding-right: 10px;
	padding-left: 10px;
}



/************************************************************************
 *** F O O T E R ********************************************************
 ************************************************************************/

div#footer {
	/*
	background-color: #EEFFFF;
	border: 1px solid #AABBBB;
	*/
	
	width: 100%;
	height: 5%;
	bottom: -5%;
	
	z-index: 5;
}



/************************************************************************
 *** B O D Y  ***********************************************************
 ************************************************************************/

div.slideheader {
	/*
	position: absolute;
	right: 2%;
	top: 0%;
	*/
	
	text-align: center;
}

div.slideheader .ad-lexidict-small {
	/*
	background-color: #FFFFF6;
	border: 1px solid #888888;
	*/
	text-align: left;
	color: #333333;
	
	padding-left: 10px;
	padding-right: 5px;
}

div.slideheader .ad-lexidict-small a {
	color: #000000;
}

.slide {
	/*
	background-color: #FFFFEE;
	border: 1px solid #BBBBAA;
	*/

	/* center 
	 * NOTE: margin wraps the text. padding does not.
	 */
	width: 90%;
	margin-left: 5%;
	
	height: 90%;
	margin-top: 5px;

	z-index: 1;
	list-style: none;	
	
	/* slideshine-de-intro */
	/*border: 1px solid silver;*/
	margin-bottom: 15px;
}

/* slideshine-de-intro */
#slide0 {
	margin-bottom: 30px;
}

#slide0 div.slidefooter {
	clear: left;
}

#slide0 a {
	color: #333333;
}

/* slideshine-de-intro */
.slide .slideimageleaf {
	float: left;
	
	margin: 10px;
	padding-right: 10px;
	
	border-bottom: none;
	border-right: 1px solid silver;
}

.slide .metadata {
	/*border: 1px solid gray;*/
	
	font-size: 0.8em;
}

.slide .metadata a {
	/*text-decoration: none;*/
}

/* begin: Annotations (infobox) */

div.presentation div.post {
	margin-left: 5%;
	padding-left: 10px;
	margin-top: 10px;
	
	/* IE fix */
	padding-top: 10px;
	margin-bottom: 10px;

}

div.presentation div.post-title {
	font-size: 12pt;
}

div.presentation div.post-content {
	font-size: 10pt;
}

div.presentation div.post-content div {
	white-space: nowrap;
	overflow: hidden;
	
	margin-right: 25px;
}

div.presentation div.post-content-comment {
	float: left;
	width: 50%;
}

div.presentation div.post-content-show {
}


div.presentation div.post p {
	margin-bottom: 0px;
}

div.presentation div.post ul {
	padding-left: 17px;
}

div.presentation div.post ul li {
	list-style-type: square;
}

div.presentation div.post-footer {
	display: none;
}

/* end: Annotations (infobox) */



/************************************************************************
 *** M I S C ************************************************************
 ************************************************************************/

div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
  margin: 0;}

#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 0em; z-index: 10;}
html>body #currentSlide {position: fixed;}



/************************************************************************
 *** B O B L ************************************************************
 ************************************************************************/

#controls {
	visibility: hidden;
}


/************************************************************************
 *** F I N A L   S L I D E **********************************************
 ************************************************************************/

.finalslide .slidetextleaf {
	/*border: 1px solid gray;*/

	/* center horizontally */
	width: 60%;
	margin-left: 20%;
	
	/* center vertically */
	margin-top: 2%;
}

.finalslide .logo {
	background-color: rgb(255,255,245);
	border: 1px solid silver;
	
	text-align: center;
}

.finalslide .embed label {
	font-size: 0.8em;
}

.finalslide table {
	/*border: 1px solid gray;*/

	vertical-align: top;
	text-align: left;
	
	width: 100%;
}

.finalslide table td, .finalslide table th {
	/*border: 1px solid gray;*/
}

.finalslide table tr {
}

.finalslide table td {
	vertical-align: top;
	text-align: left;
}

.finalslide table th {
	padding-top: 30px;
	border-bottom: 1px solid;
}

.finalslide ul {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	padding-left: 10px;
}

.finalslide ul li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}



/************************************************************************
 *** R A T I N G ********************************************************
 ************************************************************************/

.finalslide div.bfivestars-portlet {
	/*border: 1px solid gray;*/
}

.finalslide div.bfivestars-portlet div.portlet-content {
	/*border: 1px solid red;*/
	
	/* center */
	width: 120px;
}

.finalslide div.bfivestars-portlet div.portlet-content table caption {
	visibility: hidden;
}



/**************************************************************************
 *** N A V I G A T I O N   I N F O   P O R T L E T ************************
 **************************************************************************/

.slide .slidefooter div.navigation-info-portlet {
	background-color: #FFFFF6;
	font-size: 1.1em;
	
	/* border in cases where slideshow background is white */
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}

.slide .slidefooter div.navigation-info-portlet * {
	color: #333333;
}

.slide .slidefooter div.navigation-info-portlet div.left {
	/*border: 1px solid gray;*/
	
	width: 45%;
	float: left;
	text-align: right;
	
	margin-right: 100px;
	margin-top: 10px;
}

.slide .slidefooter div.navigation-info-portlet div.right {
	/*border: 1px solid gray;*/
	
	width: 30%;
	text-align: left;
	
	margin-top: 10px;
}

.slide .slidefooter div.navigation-info-portlet div.right ul,
.slide .slidefooter div.navigation-info-portlet div.right ul li {
	/*list-style-type: none;*/
	padding: 0px;
	
	margin: 0px;
	margin-bottom: 5px;
}

.slide .slidefooter div.navigation-info-portlet div.right ul {
	padding-left: 15px;
}


/************************************************************************
 *** N A V I G A T I O N ************************************************
 ************************************************************************/
div.navigation-portlet {
	/*border: 1px solid gray;*/
	
	text-align: center;
	
	position: absolute;
	width: 10%;
	left: 45%;
	
	height: 20px;
	padding-top: 2px;
}
div.navigation-portlet * {
	vertical-align: top;
}

div.navigation-portlet ul, div.navigation-portlet li {
	list-style-type: none;
	display: inline;
	
	margin: 0px;
	padding: 0px;
}
 


/************************************************************************
 *** S O C I A L   B O O K M A R K I N G ********************************
 ************************************************************************/

/* SocialBookmarkingTool (Soboto)
 *
 */
div.soboto {
	/*border: 1px solid gray;*/
	padding-top: 10px;
}

div.soboto ul, div.soboto li {
	list-style-type: none;
	display: inline;
	
	margin: 0px;
	padding: 0px;
}

ul.soboto a {
}