/* course-layout.css

	Defines the layout of the City of Calgary Building Permit Process page
	(excluding BOMA header, top menu and footer)
*/

/* apply font family to all elements */
#body * { font-family:"Trebuchet MS";}

#body
{
	padding:35px 0 3px 0;
	margin:0;	
	font-size: 10pt;
	width:990px;
	height:auto;
	background:url(../images/calgary_skyline.jpg) top center no-repeat;
}

#home, #java-error
{
	padding:0 0.25in 0 0.25in;
	font-family:"Trebuchet MS";
	font-size:16px;
	text-align:justify;
	margin:0;
	width:auto;
}

/* java error message */
#java-error { padding:0.8in; }

/* loading content indicator box */
#loading
{
	position: absolute;
	top: 8px;
	left: 875px;
	display: none;	
	background:url(../images/loading_content.gif) center center #fff no-repeat;
	color: #003173;
	border:1px solid #ccc;
	width: 102px;
	height: 52px;
	z-index: 9;	
	margin:0;
	padding:0;
	
}

/* iframe formatting for embedded HTML documents */
iframe {
	width:635px;
	height:5in;
	overflow:auto;	
}

/* left column containing 'course-outline' and 'course-resources' */
#left-column
{ 
	float:left;
	padding: 0in 0in 0in 0.1in;
	width:330px;
	font-size:12px;
	position:relative;
	z-index:1;
}

#course-outline, #course-resources
{	
	margin:0 0 0.5in 0;
	padding:0;
	text-align: left;
	line-height: 17px;
	font-size: 12px;
	width:auto;
}	
	#course-outline ol, #course-resources ol, #general-links ol { list-style-type:none; margin:0; padding:0;}
	#course-outline h3, #course-resources h3, #general-links h3 
		{ margin:0 0 7px 0; padding:0; font-size: 15px; border-bottom:1px solid #777; color: #000;}
	
	#course-outline ol ol { margin-left:20px; }
	#course-outline ol li, #course-resources ol li { margin:0 1px 0 0; padding:0; }
	
	#course-outline ol li p, #course-resources ol li p
	{ 
		text-align:center;
		font-size:12px;		
		color: #036;
		margin:0;
		padding:5px;
		display:inline;
		border:none;
	}
		
	#course-outline ol li a, #course-resources a { text-decoration:none; margin:0; color:#06c; }	
	#course-outline ol li a:hover, #course-resources a:hover { color:#009; }

	#course-outline ol li a.selectedLink, #course-resources ol li a.selectedLink { background-color:#036; color:#f90; }
	#course-outline ol li a.selectedLink:hover, #course-resources ol li a.selectedLink:hover { color:#036; background-color:#f90; }
	
	/* gap for word wraps */
	#course-resources ol li p.gap { margin-left:5px; background:none; background-color:transparent; }
	#course-outline ol li p.gap { margin:0 0 0 16px; background:none; background-color:transparent; line-height:inherit; font-size:inherit; padding:0; }
	
/* Genreal Links */
#general-links { position:relative; clear:left; margin:0 0 0 0.1in; padding:0;}
#general-links ol { margin-left: 20px; }
#general-links ol li {display: inline; padding-left: 10px;}
#general-links ol li
	{
		position:relative;
		display: inline;
		margin:0;
		padding:0 10px 0 10px;
		height: auto;
		color:#fff;		
		border-left:1px solid #777;
		z-index:0;
	}
	#general-links li:first-child { border:none} /* don't want the first list item to have a divider on the left */
	
	/* general links formatting */	
	a.gLink { color: #666; font-weight:bolder; text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif }
	a.gLink:hover { color: #F26522; }

/* video size classes */
.full-view
{
	position: absolute;
	z-index:3;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#003173;
	filter:alpha(opacity=90);
		-moz-opacity:.9;
		opacity:.9;
}

/* course content display area - area containing video window or IFRAME for html */
#course-content
{  	
	margin:0;
	text-align:center;	
	width:auto;
	height: 5in;
}
	#course-content p { margin:0 0 0 330px; padding:0 0 0 auto; width:auto }
	
	#course-content img {
		border: none;
		padding:0;
		margin:0;
	}
	#course-content a
	{
		text-decoration:none;
		text-align:center;
		color: #f00;
	}
	
	#viewModeAnchor {
		background-color:transparent;
		text-align:center;
		color: #f90;
		font-variant:small-caps;
		margin:0 auto;
	}
	
	#course-content a:hover
	{
		color:#FF6600;
	}
	#course-content object, #course-content embed, #course-content iframe{
    margin:0;
    padding:0;
    border:none;
    z-index: -1;
  }