/* Stylesheet specifically for the Opera Show Generator */

/* step 1 */
div#step1 { background: white url(step_1.gif) no-repeat 95% 30px; }

div#step1 dl { width: 75%; position:relative; }
div#step1 dt { 
	border-style: solid; 
	border-color: gray; 
	border-width: 1px 1px 0px 1px; 
	padding: 5px 10px;
	margin-top: 10px; 
	background-color: #C7D0DA;
	font-weight: bold; 
}

div#step1 dd { 
	border-style: solid; 
	border-color: gray; 
	border-width: 0px 1px 1px 1px; 
	position: relative; 
	line-height: 20px; 
	margin: 0px; 
	padding: 5px 10px; 
}

div#step1 dd input { 
	width: 60%; 
	position:absolute; 
	right: 5px; 
	top: 4px; 
}



/* step 2 */
div#step2 { background: white url(step_2.gif) no-repeat 95% 30px; }
div#step2 div p { margin: 0px; }


div#styleselect { 
	float: right;
	margin-right: 25%;
	margin-top: 20px; 
	padding: 10px; 
	border: 1px gray solid; 
	position: relative;
	background-color: #EFEFEF;
}

div#position { 
	width: 200px; 
	height: 150px; 
	background-color: black; 
	border: 10px #EFEFEF ridge; 
	position: relative; 
	margin-top: 20px;
}

div#position select { width: 75px; position: absolute; }
#topleft { top: 5px; left: 5px; }
#topright { top: 5px; right: 5px; }
#bottomleft { bottom: 5px; left: 5px; }
#bottomright { bottom: 5px; right: 5px; }

div#addons { 
	clear: both; 
	padding: 10px; 
	border: 1px gray solid; 
	position: relative;
	background-color: #EFEFEF;
	margin-top: 20px;
	margin-right: 25%;
}

div#addons .info { float:right; width: 45%; border: 1px gray solid; padding: 5px; }



/* step 3 */

div#step3 { background: white url(step_3.gif) no-repeat 95% 30px; }

div.slide { 
	border: 1px black solid; 
	background-color: #C7D0DA;
	margin-top:20px; 
	margin-right: 25%;
	position: relative; 
	padding: 10px;
}

div.slide h3 { margin: 0px; border-bottom: 1px black solid; }

div.slide ul { list-style: none; padding-left: 0px; }
div.slide li { position: relative; line-height: 20px; padding: 5px 0px; }
div.slide li li input { width: 50%; }

div.slide > ul > li:first-child { font-weight: bold; }
#slide1 li:first-child { font-weight: normal; }

.slide li input, .slide li select { width: 60%; position:absolute; right:0px; top: 4px; }
.slide input, .slide select, .slide textarea { border: 1px black solid; }

.slide textarea { width: 100%; height: 100px; margin: 0px;}

.notes { border-top: 1px black solid; }
.notes textarea { height: 50px; }

.control { position: absolute; top: 5px; right: 10px; border: 1px black solid; padding: 0px; margin: 0px; }
.control input { background-color: #D8DCE1; border-width: 0px; border-style: solid; border-color: none; border-left: 1px gray solid; padding: 1px;}
.control input:first-child { border-width: 0px; }
.control input:hover { background-color: #E8E8E8; }

.slidecontrols { margin: 10px 0px; margin-right:25%; border: 1px gray solid; padding: 10px; background-color: #EFEFEF; }
.slidecontrols p { margin-top: 0px; }



/* step 4 */
div#step4 { background: white url(step_4.gif) no-repeat 95% 30px; }

div.fileformat { 
	float: left; 
	padding: 5px; 
	border: 1px gray solid; 
	margin-right: 20px; 
	margin-top: 20px; 
	position: relative;
	background-color: #EFEFEF;
}

div.fileformat ul { list-style: none; margin-left: 0px; margin-right: 0px; }