/**
 	File Overview:		Milwaukee County Tranist System - interior.css
 	Company:			Versant
 	Description:		Interior specific styles for ridemcts.com
*/

/**
	TOC
		1. Structure
		2. Sub Navigation
		3. See Also
		4. Tabs
		5. Timetables
		6. Forms
		7. Sales Outlet - Google Maps Infowindows
*/



/* 1. Structure
------------------------------------------------ */
#content {
	margin:0 19px 0 25px;
}
#section {
	float:left;
	width:641px; 
	margin:0 50px 0 0;
	color:#666;
}
	#section img {
		
	}
	#section h1 {color:#333;}
#sidebar {
	float:left;
	width:218px;
}
#related-content {
	margin:15px 0 0 0;
	padding:15px 0 0 0;
	border-top:1px solid #dbdbdb;
	color:#666;
}

#related-content ul,
#section ul {
	list-style:disc;
	margin-left:25px;
}
#related-content ul li,
#section ul li {
	padding:0 0 4px;
}

#section .column {margin:0 24px 0 0; width:189px; list-style:none; }
#section .column a {font-size:90%;}
#section .column-1, 
#section .column-2, 
#section .column-3 {position: relative; left:0; top:0; float:left; }

#breadcrumbs {padding-top:5px; font-size:90%; color:#333;}
	#breadcrumbs a {color:#999; border:none;}

/* 2. Sub Navigation
------------------------------------------------ */
div#sidebar div.superfluous {background:#d1d1d1 url(/_cmn/images/css/sub-nav-top.png) 0 0 no-repeat; margin-top:52px;}
div#sidebar div.superfluous h3#ctl00_sectionLink {margin:0 0 2px 0; padding:0; }
div#sidebar div.superfluous h3#ctl00_sectionLink a:link,
div#sidebar div.superfluous h3#ctl00_sectionLink a:visited {color:#fff; display:block; padding:4px 2px 4px 15px; background-color:#666; border:1px solid #666;
				border-radius:3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px; }

#sectionNav {margin-bottom:0;}
	#sectionNav li {margin-bottom:2px;}
		#sectionNav li ul {margin-top:2px;}
		#sectionNav li li {margin-bottom:3px;}
		#sectionNav li a {
			display:block;
			background-color:#a6a6a6;
			border:1px solid #a6a6a6;
				border-radius:3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
			padding:2px 2px 1px 15px;
			font-size:12px;
			color:#000;
			font-weight:bold;
		}
			#sectionNav li a.current-page,
			#sectionNav li a:hover {background-color:#eebe36; color:#333;}
		#sectionNav li li a {
			background-color:#bebdbd;
			border:none;
			padding:3px 8px 4px 25px;
			color:#333;
			line-height:14px;
		}
			#sectionNav li li a.current-page,
			#sectionNav li li a.current-page {background:#edcc6e; color:#333;}	
			

		
#see-also {padding:15px 10px 1px 25px; background:#d1d1d1 url(/_cmn/images/css/sub-nav-bottom.png) no-repeat 0 bottom; font-size:90%;}
	#see-also h3 {color:#666666; font-size:16px; margin-top:0; padding-top:0;}
	#see-also a {border:none;}
	#see-also ul {margin:0 0 10px 10px;}



/* 4. Tabs
------------------------------------------------ */
#content div#tabs {padding:0; font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:100%; color:#666;}
#content .ui-tabs-vertical { width:100%; border:none; }
#content .ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em 0em; float:right; margin-left:0px; width:218px; margin-top:35px; }
#content .ui-tabs-vertical .ui-tabs-nav li { clear: left; width:100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; position:relative;  }
#content .ui-tabs-vertical .ui-tabs-nav li a {border:none; padding:6px 4px 1px 9px; font-size:12px; border:0; width:100%;}
#content .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: 0; border-right-width: 1px; border-right-width: 1px; }
#content .ui-tabs-vertical .ui-tabs-panel { padding: 10px 20px; float: left; width:644px; background-color:#fff; border-color:#eebe36; border-width:25px 1px; border-style:solid;}
#content .ui-widget-header {background:none; border:none;}
#content .ui-tabs .ui-tabs-nav li.ui-state-active a {cursor:pointer; background:url(/_cmn/images/css/interior-tabs-active-arrow.png) no-repeat 0 0; position:absolute; left:-24px; top:-1px; padding-left:28px;}
#content .ui-tabs .ui-tabs-nav li.ui-state-active {margin-bottom:.2em; height:25px; line-height:17px;}
#content .ui-widget-content {background:#fff; border:0;}
#content .ui-tabs .ui-tabs-nav li a {float:none; padding:5px; display:block;}
#content .ui-widget-content {color:#666;}
#content .ui-tabs-panel a:link,
#content .ui-tabs-panel a:visited {color:#0033CC;}
#content .ui-tabs-panel a:hover,
#content .ui-tabs-panel a:active {color:#275AF3;}


/* 6. Forms
------------------------------------------------ */

.feedbackForm {width: 600px; clear:both;}
.feedbackForm fieldset {
    border-top: solid 1px #c2c2c2;
    margin-top: 10px;
    padding-top: 10px;
}

div.formRow .submit-button {
	padding:2px 4px 2px;
	border:1px solid #f8ba37;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	background:#fbcc68;
	color:#666;
	font-size:11px;
	cursor:pointer;
	float: none;
	margin-left: 184px;
	width: 50px;
}
div.formRow {
    clear: both;
    padding: 5px 10px;
    display: block;
}
    
div.formRow label {
    text-align: right;
    width: 178px;
    padding: 2px 6px 2px 0;
    float: left;
}    

div.formRow input {
    width: 200px;
}
div.formRow textarea {
    width: 240px;
    height: 100px;
}
div.formRow input, textarea {
    float: left;
}
div.radioGroup {display:block;}

div.formRow .group {padding-left:184px;}
div.formRow .group input {text-align:right; width:15px; cursor:pointer;}
div.formRow .group label {text-align:left; cursor:pointer;}
div.formRow span { padding: 6px; }
div.formRow span.required { color:#F00; padding:0; margin:0; }
div.formRow.group span {text-align:right; display:block; width:178px; padding:2px 6px 2px 0;}


/* 7. Sales Outlet - Google Maps Infowindows
------------------------------------------------ */

div.infoWindow div.bodyContent p { margin: 4px 0; }
div.infoWindow div.bodyContent ul#listTickets { margin: 4px 0 4px 20px }
div.infoWindow div.bodyContent ul#listTickets li { padding: 0; }

div.player-container {width:640px; height:360px; margin-bottom:15px;}
div.player-container #player {width:640px; height:360px; display:block;}

div.did-you-know {margin:20px 20px 0 20px;}


/* 7. News
------------------------------------------------ */
dl.news-list dt {
	font-size:14px;
	font-weight:bold;
}
	dl.news-list dt span {font-size:11px; font-weight:normal;}
	dl.news-list dd {padding-bottom:20px;
	}
	
/*a.expand-image span {
	background:url(/_cmn/images/css/enlarge.png) no-repeat 0 0;
	width:53px;
	height:45px;
	position:absolute;
	top:50%;
	left:50%;
}*/

span.see-more-vids {float:right;}