/**
 	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
		8. Employee 
*/



/* 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:#000;}
		#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.radioTimeGroup { width:120px; float:left; margin: 3px 0 0 184px; }
div.radioTimeGroup input {width:10px; margin: 2px 2px 0 4px;}
div.radioTimeGroup label {width:25px;}
div.formRow input.shortInput {width:60px;}

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;}

div.shareThis { padding: 17px 20px 13px 0px; float:left; margin: 0; width:100%;  }
div.shareThis h4 { float:left;font-size:16px; padding: 0px 5px 0px 0; margin: 0; }


/* 8. Employee
------------------------------------------------ */


.employees div#section { width: 583px; }
.employees div#sidebar { width: 276px; position:relative; }
.employees div#sidebar div.superfluous { background: none; padding-top:50px; }

.employees .special-messages { background-color: #FEFDCF;
    border: 1px solid #E1DF3B;
    clear: both;
    font-size: 90%;
    margin: 20px 0 0;
    padding: 0 50px 0 15px;
}

.employees .special-messages h1,.employees .special-messages h2,.employees .special-messages h3, .employees .special-messages h4, .employees .special-messages h5, .employees .special-messages h6 {
    font-size: 14px;
}

.special-messages ul {
    line-height: 1.4em;
    margin-bottom: 10px;
}

.special-messages ul li {
    margin-bottom: 0;
    padding-bottom: 0;
}

.special-messages ul li h4, .special-messages ul li h5, .special-messages ul li h6 {
    clear: both;
}

.employees a.logout-button {position:absolute; right:0; top:10px; margin:0;}
.employees .utility-links {
    position:absolute;
    top:12px;
    left:-15px;
}
.employees .utility-links li {
    float:left;
    margin-right:6px;
    padding-right:7px;
    border-right:1px solid #666;
    line-height:14px;
}
.employees .utility-links li.last {
    margin-right:0;
    padding-right:0;
    border-right:none;
}
.employees .date {
    position:absolute;
    top:60px;
    right:0;
}
.employee-logout {
    margin-top:20px;
    background-color:#ceffce;
	border:1px solid #42e242;
	padding:0 30px;
	width:100%;
}

.employees .special-messages td{
vertical-align: top;
padding: 5px;
}
.employees .special-messages td h5{
padding-top: 0;
}
/*color contrast updates - dt*/
div#sidebar div.superfluous h3#ctl00_sectionLink a:link, div#sidebar div.superfluous h3#ctl00_sectionLink a:visited {
background:#4f5254;
border-color:#4f5254;
font-size:15px;
}

#content .ui-state-active a, #content .ui-state-active a:link, #content .ui-state-active a:visited {
color: #212121;
}
#see-also a {
color:#002bac;
}
#see-also h3 {
color:#373737;
}
#content .ui-tabs .ui-tabs-nav li a:hover {
text-decoration:underline;
}
#content .ui-state-default a, #content .ui-state-default a:link, #content .ui-state-default a:visited {
	color:#000000;
}