/* styles used for the TransitNOW pages */

/* general styles for registration forms*/
div#registerTransitNow label {	  
	width: 140px;
	font-weight: normal;
}

span#smalltext {
	font-size:75%;
}

/* styles used for the inputs & labels on the user subscription page */

div#userSubscriptions label {
	margin-top: 0.5em;
	float: right;
	width: 450px;
	font-family: Arial,Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

#RouteStatusUserStopId, #RouteStatusStopId{
	width: 60%;
}

div#userSubscriptions input{
	margin-top: 0.5em;
	margin-left: 1em;
	font-size: 13px;
	line-height: 16px;
}

/* styles for the main design and layout of TransitNOW pages */

/* sets the main background of the page*/
.tn_html {
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/background-pattern.gif) repeat-x scroll top left;
	background-color: #99cb65;
	text-align: center;
}

/* loads the fancy background at the top of the site and sets main properties */
.tn_body {
	display:table;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	width:100%;
}

/* wrapper around all of the page content */
div#body_container {
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

/* adds the header graphics and contains the company's logo */
.tn_header {
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/header.gif) no-repeat scroll top left;
	height: 71px;
	margin: 0;
	position: relative;
	width: 960px;
}

/* styles for the top navigation bar */
.top_nav {
	color: #ffffff;
	font-size: 10px;
	text-align: right;
	position: absolute;
	right: 255px;
	top: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

.top_nav a, .top_nav a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-family: inherit;
	cursor: pointer;
	font-weight: bold;
}

/* properties for the company logo */
.logo {
	left: 12px;
	top: 5px;
	position: absolute;
}

/* styles for the main navigation bar */
.bottom_navigation {
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/navigation.gif) no-repeat scroll 0 0 transparent;
	height: 47px;
	position: relative;
}

/* styles for the items listed on the main navigation menu */
.navitems {
	float: right;
	position: relative;
	top: 50px;
	list-style: none;
	margin: 0px 10px 0px 0px;
}

/* classes were used rather than id's, because IE6- doesn't support id's */
.header_rightside {
	float: right;
	width: 550px;
}

.header_leftside {
    position:absolute;
    width:150px;
    top: 0px;
    margin:0px 100px 0px 0px;
	list-style: none;
}
.navitems li {
	font-weight: bold;
	float:left;
	width: auto;
	padding-right: 14px;
	margin: 0 2px 5px 0;
	display:block;
}

.navitems li a{
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	cursor: pointer;
	font-style: italic;
	display:block;
}

.navitems li:hover a {
	font-size: 13px;	
	color: #ffffff;
}

.navitems li a:hover {
	text-decoration: none;
	color: #dddddd;
	font-family: Arial,Helvetica,sans-serif;
}

.navitems li select{
	text-decoration: none;
	color: #000000;
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-weight: normal;
	display:block;
	height: 21px;
	margin-top: 0;
	border-color: black;
	vertical-align: top;
}

/* the wrapper around the page's main content */
.body_content {
	background-color: #ffffff;
	float: left;
	width: 960px;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

/* wrapper around all of the footer contents */
.tnow_footer {
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/footer.png) no-repeat scroll 0 0;
	font: 11px Arial;
	float: left;
	height: 85px;
	position: relative;
	width: 960px;
}

.tnow_footer_links a, .tnow_footer_links a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-family: inherit;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.tnow_footer_links {
	color: #ffffff;
	float: right;
	margin-right: 20px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tnow_footer_links select {
	color: #000000;
	font-family: inherit;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	margin-top: 0;
	vertical-align: middle;
	background-color: #ffffff;
	border-color: black;
}

.tnow_footer_twitter {
	color: #ffffff;
	float: left;
	margin-top: 7px;
	margin-left: 20px;
	position: absolute;
}

.tnow_footer_rss {
	color: #ffffff;
	float: left;
	margin-top: 12px;
	margin-left: 60px; 
	position: absolute;
}
.tnow_footer_facebook {
	color: #ffffff;
	float: left;
	margin-top: 17px;
	margin-left: 100px; 
	position: absolute;
}

/* style for a divider between items */
.divider {
	padding: 0 3.5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* styles for the text at the very bottom of the screen */
.copyright_info {
	margin-bottom: 5px;
	font-size: 10px;
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.copyright_info a, .copyright_info a:hover {
	color: #000000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;

}

/* Generic styles for sidebars */ 
.sidebar {
	float: left;
	width: 172px;
	word-wrap:break-word;
}

.sidebar_item {
	margin-bottom: 20px;
	width: 172px;
	background-color: #f4f7d1;
}

.sidebar_item h2 {
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/nav_header.gif) no-repeat scroll 0 0;
	color: #ffffff;
	border: none;
	height: 30px;
	font: bold italic 15px Arial;
	padding-left: 10px;
	padding-bottom: 0;
	padding-top: 0;
	line-height: 30px;
	margin-bottom: 0;
}

.sidebar_item_footer {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/nav_footer.gif) no-repeat bottom #f4f7d1;
	height: 12px;
}

.sidebar_item_body {
	border-left: 1px solid #cbceab;
	border-right: 1px solid #cbceab;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* styles for the buttons used to collapse sidebar items */ 
.sidebar_collapse_item a, .sidebar_collapse_item a:hover {
	border: none !important;
	background-color: transparent !important;  /* fix for IE */ 
	outline: none ;
}

.sidebar_collapse_item img {
	color: transparent;
	float: right;
	margin-left: 0px !important;
	padding: 5px 5px 5px 0px;
}

.sidebar_collapse_item img:hover {
	color: transparent !important;
}


/* left navigation bar */
.left_nav {
	margin: 0 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* styles for the links in the left navigation bar */
.left_nav ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
.left_nav li {	
	list-style-type: none;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin-bottom: 0;
}

.left_nav a {
	border-bottom: 1px dotted #C1D82F;
	display: block;
	font: bold 12px Arial;
	text-decoration: none;
	color: #32A432;
	cursor: pointer;
}

.left_nav_links a:hover, .left_nav_links li:hover {
	background-color: #FFFFA0;
	font: bold 12px Arial;
	color: #32A432;
	text-decoration: none;
}

.left_nav_user_info_heading{
	font: bold 12px Arial;	
	padding: 5px 0px 5px 10px;
}

.left_nav_user_info_value{
	display: block;
	font: 12px Arial;
	border-bottom: 1px dotted #999999;
	padding: 0px 10px 5px 10px;
}

.left_nav_user_info_buttons{
	padding: 5px 0px 5px 5px;
	text-align: center;
}

.left_nav_links_body a{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px dotted #999999;
}

.left_nav_survey_body{
	padding: 0px !important;
}

/* wrapper around the navigation bar on the right of the screen */
.right_nav {
	margin: 4px 0 0 20px;
}

/* styles for the "quick links" box, etc */
.right_nav_links{
	margin-bottom: 20px;
	width: 172px;
}

.right_nav_links table {
	color: #ffffff;
	height: 20px;
	font: bold 12px Arial;
	line-height: 15px;
}

.right_nav_links tr, .right_nav_links td {
	color: #ffffff;
	height: 20px;
	font: bold 12px Arial;
	line-height: 15px;
}
	
.right_nav_links_body {
	background-color: #f4f7d1;
	border-left: 1px solid #cbceab;
	border-right: 1px solid #cbceab;
	padding: 3px 10px;
	font-size: 12px;
}

.right_nav_links_body a {
	display: block;
	text-align: center;
	float: left;
	font-weight: bold;
	padding: 8px 0 5px 2px;
	width: 72px;
	color: #32A432;
	text-decoration: underline;
	font: bold 12px Arial;
	cursor: pointer;
}

/* styles for the departure board */ 
.right_nav_table_body table {
	width: 170px;
	border-collapse: collapse;
	border-bottom: 1px solid #cbceab;
}

.right_nav_table_body th, .right_nav_table_body td {
	padding: 3px 10px;
	text-align: left;
}

.departure_board_options {
	padding: 5px 0px;
	text-align: center;
	border-top: 1px solid #cbceab;
}

#map_wrapper {
	zoom: 1;
	position: relative;
}
#map_canvas img
{
	margin: 0px;
} 
/* styles for the news section in the right columm */

/* container to allow the news items to be scrolled through */
.scroll_container {
	overflow: auto;
	min-height: 50px;
	max-height: 140px;
	width: auto;

}

/* style for when there are no remarks */
.right_nav_no_news {
	padding: 10px 10px;
	border-right: none;
}

.right_nav_news {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 2px;
	border-right: none;
/*	border-bottom: 1px dotted #999999;*/
	width: auto !important;
}
.right_nav_news_sub {
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 2px;
	border-right: none;
	border-bottom: 1px dotted #999999;
	width: auto !important;
}


/* container for image banners in the right column */
.right_container {
	width: 187px;
	margin-left:0px;
	display: inline;
	float: left;
	margin-bottom: 20px;
}

.right_container img {
	margin-left: 20px;
}


/* styles for the main content of the page */

.center_content {
	width: 536px;
	margin: 0 0 0 20px;
	line-height: 16px;
	float: left;
	min-height: 500px;
}

.center_content h1, .title_text {
	color: #ffffff;
	font: italic bold 22px Arial;
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
	text-align: left;
}

.center_content h3 {
	color: #45b939;
	font: italic bold 18px Arial;
	margin: 10px 0 15px 0;
	padding: 0;
	border: none;
}

.center_content h4 {
	color: #45b939;
	font: italic bold 15px Arial;
	margin: 10px 0 15px 0;
	padding: 0;
	border: none;
}
.center_content p a, .center_content p a:hover, .center_content ul a, .center_content ul a:hover, .center_content p a:visited, .center_content ul a:visited, .modal_window_body a, .modal_window_body a:hover {
	color: #32A432;
	text-decoration: underline;
	font-family: Arial,Helvetica,sans-serif;
}

.center_content table {
	width: 100%;
}

.content_header
{
	background:url("/FILE/Apps/FixedRoute/CustomerInfo/images/title_header.gif") no-repeat center top;
	height: 36px;
	padding-left: 12px;
	padding-top: 12px;
}

.content_footer
{
	background:url("/FILE/Apps/FixedRoute/CustomerInfo/images/title_footer.gif") no-repeat center bottom;
	height: 24px;
}

.content_body
{
	background-color: #FFFFFF;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid #cbceab;
	border-left: 1px solid #cbceab;
}

.successful_change
{
	clear: both;
	text-align: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #32A432;
}
.unsuccessful_change
{
	clear: both;
	text-align: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FF0000;
}

.backbutton_div
{
	clear: both;
	height:40px;
}
.buttonformat
{
	font-size: small !important; 
	font-family:Arial,Helvetica,sans-serif !important;
	margin:10px 2px !important;
	overflow: visible;
	padding: 1px 5px;
}
.tablebuttonformat
{
	font-size: 11px !important;
	font-family:MS Shell Dlg,Helvetica,sans-serif !important;
	margin:3px 2px !important;
	/* this will allow the buttons to be centered displayed
		but will not allow some buttons to be side by side
	display:block;
	margin:3px auto; */
}
.tablebuttonformat:hover{
	/* hover style for when the button is not disabled */
}
.tablebuttonformat[disabled]:hover{
	/* hover style for when the button is disabled */
}
.tablebuttonlocation
{
	text-align: center;
}

/* text used for warnings, etc*/
.warning {
	color: #32A432;
	font-weight: normal;
}
.error_message {
	color: #FF0000;
	font-weight: normal;
}
.popup_message{
	list-style-type: disc;
	font-size: 13px; 
	font-family:Arial,Helvetica,sans-serif;
	font-weight: normal;
	margin: 0px 0px 0px 15px;
	line-height: 21px;
	padding: 0px;
}

.form_message {
	padding: 3px 9px;
	margin-left: 144px;
	width: 15.2em;
	border: 1px solid #cbceab;
}

.form_error_message {
	background-color: #FFFFA0;
	color: #000000;
}

.form_valid_message {
	background-color: #BBFFAA;
	color: #000000;
}

/* used for input buttons without any margins, padding, etc */
.plain_button {
	margin-left: 0px;
}

/* styles for the notification screen */
.alert_heading {
	color: #000000;
	font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
	margin:0;
	padding-bottom:0.6em;
	padding-top:0.5em;
	font-size: 14px;
	font-weight:bold;
}

.alert_type {
	color: #000000;
	font-family:Arial,Helvetica,sans-serif;
	width: 500px;
	margin:0;
	padding-bottom:0.6em;
	padding-top:0.5em;
	font-size: 13px;
	font-weight:bold;
}

.alert_item label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	float: right;
	width: 460px;
	line-height: 16px;
	margin-top: 2px;
}
.alert_input input{
	margin-top: 2px;
	margin-left: 9px;
	font-size: 13px;
	height: 15px;
}

.alert_wrapper {
	margin-top: 3px;
}


.message_info {
	width: 230px;
	margin-right: 15px;
	float:left;
	font-size: 11px;
	line-height: 16px;
}

.message_info_wrapper, .message_info_wrapper input, .message_info_wrapper select, .message_info_wrapper textarea {
	font-size: 11px;
}

/* styles to allow labels & inputs to be aligned in a tabbed format*/
.align_tab_label {
	float: left;	
	font-size: 11px;
	padding-top: 2px;
	text-align: left;
}

.align_tab_input {
	float: left;	
	font-size: 11px;
	text-align: left;
	margin-left: 5px;
}

.align_tab_label_large {
	float: left;	
	font-size: 12px;
	font-weight: normal;
	padding-top: 2px;
	text-align: left;
}

.align_tab_input_large {
	float: left;	
	font-size: 12px;
	font-weight: none;
	text-align: left;
	margin-left: 5px;
}
/* styles for the current alerts page */

.currentalerts_box {
	background: url("/FILE/Apps/FixedRoute/CustomerInfo/images/title_header.gif") no-repeat left top #f4f7d1;
	width: 536px;
}

.currentalerts_title {
	height: 36px;
	padding-top: 12px;
	padding-left: 12px;
}

.alert {
	border: 1px dotted #999999;
	border-top: none;
	padding-left: 20px;
	padding: 10px;
	color: #000000;
}

.alert_title_date_wrap{
	vertical-align:middle;
	border: 1px solid #000000;
}
.alert_title {
	color: #32a432;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.alert_date {
	font-size: 10px;
	color: #999999;
}

.org_background{
	background-color: #f4f7d1 !important;
}

.alt_background {
	background-color: #d8e6c3 !important;
}

.currentalerts_bottom {
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/title_footer.gif) no-repeat scroll center top transparent;
	height: 24px;
	margin-bottom: 10px;
}

/*styles for the recaptcha widget*/
#recaptcha_widget{
	display: none;
}
#recaptcha_image {
	width: 300px;
	height: 57px;
	margin-right: 12px;
	float:left;
}

#recaptcha_background {
	background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/captcha-background.gif) no-repeat scroll transparent;
	padding-left: 9px;
	padding-top: 7px;
	height: 100px;
}

#recaptcha_options {
	margin-bottom: 6px;
}
#recaptcha_options a {
	color: #32A432;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	line-height: 18px;
	font-weight: bold;	
}

/* style for the divider lines used on many pages */
hr {
	border-style: inset;
	border-width: 1px;
	border-color: #808080;
	display:block;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 5px;
	color: #808080;
	height: 0px;

}

.nonbold {
	font-weight: normal;
}

/* custom bullet style for lists */
.tn_list {
	list-style-image: url(/FILE/Apps/FixedRoute/CustomerInfo/images/green_bullet.gif);
}

/* styles for tables using css */
.css_table {
	line-height: 20px;
}

.table_heading {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 167px;
}

.table_item {
	width: 167px;
	float: left;
}

.hidden {
	display: none;
}

.visible {
	display: inline;
}

/* styles for the tabbed layout of aTransitNowNotifications */
.tab_items li a {
	font: 12px Arial;
	text-decoration: none !important;
	color: #000000 !important;
	cursor: pointer;
	line-height: 16px;
}

.tab_items li {
	font: 12px Arial;
	background-color : #f0f0ee;
	border: 1px solid #111111;
	border-bottom: none;
	list-style-type: none;
	margin: 0px 2px 0px 0px;
	padding: 5px;
	display: inline;
	height: 15px;
	line-height: 16px;
}

.tab_items li:hover {
	background-color: #ffffff !important;
}

.tab_items ul {
	font: 12px Arial;
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
}

.tab_item_highlighted {
	background-color: #ffffff !important;
	padding-bottom: 6px !important;
}

.tab_items {
	height: 20px;
}

.tab_contents {
	border: 1px solid #111111;
	padding: 5px;
}

/* ********************** */
.message_content_options input {
	margin-right: 5px;
}
	
#predefined_message_tbl table {
	width: 515px;
}

#predefined_message_tbl td {
	font: 11px Verdana, Arial, sans-serif;
}

.table_option {
	width: 65px;
	text-align: center;
}

.table_option input {
	font-size: 11px !important;
}

.fluid_width_table_option {
	text-align: center;
}

.fluid_width_table_option input {
	font-size: 11px !important;
	width: 85px;
}

/* style for listing entries in a table */

.table_entry_padding {
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.table_background_lightyellow {
	background-color: #f4f7d1;
}

.table_text_wrap{
	word-wrap: break-word;
}

.table_label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Tahoma; 
	font-weight: bold;
	font-size: 12px;
	color: #99994D;
}

.table_row_border{
	border-bottom: 1px dotted #999999;
}

/* style for listing icon */

.home_page_icon img {
	-ms-interpolation-mode: bicubic; /* fix for image resizing in IE7 */
	width: 66px;
	height: 66px;
}

.home_page_icon:hover img {
	margin-top: -5px;
	width: 77px;
	height: 77px;
}

.menu_item_third{
	height: 140px;
	width: 33%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	/*float: left;*/
}

.menu_item_quarter{
	height: 140px;
	width: 24.9%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	/*float: left;*/
}

.menu_item_icon{
	height: 80px;
}

.survey_bar {
	/* width and colour are set dynamically based on the vote count */	
	height: 10px;
}

.survey_bar_wrapper {
	width: 115px;
	padding-top: 4px;
	/*padding-bottom: 7px;*/
	float: left;
}

.survey_vote_count {
	width: 35px;
	float: right;
	font: 12px Arial;
}

.survey_item {
	border-bottom: 1px dotted #999999;
	padding: 3px 7px 3px 7px;
	font: 12px Arial;
}

#survey {
	/* survey submission form */
	padding: 10px 0px 0px 5px;
	margin: 0px;
}

#survey input {
	margin: 5px;
}

#modal_window_overlay {
	background-color: rgba(64,64,64, 0.75);  /* opacity */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF404040, endColorstr=#BF404040);  /* opacity for IE */ 
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#modal_window {
	margin: 100px auto;
	overflow: auto;
	z-index: 1001;
	width: 536px;
}

.modal_window_body {
	border: 1px solid #cbceab;
	background-color: #FFFFFF;
	padding: 15px;
}

#warning_window_overlay {
	background-color: rgba(64,64,64, 0.75);  /* opacity */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF404040, endColorstr=#BF404040);  /* opacity for IE */ 
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#warning_window {
	margin: 100px auto;
	overflow: auto;
	z-index: 1001;
	width: 536px;
}

.warning_window_body {
	border: 1px solid #cbceab;
	background-color: #FFFFFF;
	padding: 15px;
}

#user_message_list {
	width: 100%;
	margin: 0px;
	border: 1px solid #cbceab;
	border-collapse: collapse;
}

#user_message_list td {
	border: 1px solid #cbceab;
	font: 11px Verdana;
	padding: 2px;
}

.link_button, .link_button button {
	text-decoration: none !important;
	color: #000000;
	font: 12px Arial;
	padding: 2px;
	width: auto;
	overflow: visible;  /* fixes appearance in IE */ 
}

.link_button {
	border: 0 !important;
	display: inline !important;
}

.link_button button {
	margin-bottom: 5px;
}

.link_button_wide {
	padding: 2px 8px !important;
}

.notification_stats_table tr td, .notification_stats_table tr th {
	font-size: small;
}

/* Centre the 2nd column of the table */ 
.notification_stats_table tr td:first-child + td {
	text-align: center;
}

/* Statistics for sending out manual alerts */ 
#manual_alert_statistics {
	width: 300px;
}

#manual_alert_statistics ul {
	list-style-type: none;
}

#manual_alert_statistics ul li {
	font-size: small;
	line-height: 25px;
	vertical-align: middle;
}

#manual_alert_statistics ul li input {
	vertical-align: middle;
	margin: 0px;
}

/* styles for a row of floating divs, like in the iTransitNowViewAlerts screen */
.row div {
	float: left;
	margin-right: 15px;
}

.row {
	clear: left;
	margin-bottom: 10px;
	overflow: auto; /* Forces the row's height to expand around the floating divs */
}

.row div label {
	padding-left: 2px;
}

#table_of_suspensions td , #user_alert_table td, #user_display_stops td, #user_display_stops th,
#table_of_sched_alerts td
{
	text-align: center;
}

.page_icon {
	width: 66px;
	height: 66px;
	padding: 0px 10px 0px 0px;
	float: left;
}

.alert_detail_field {
	text-align: left;
	width: 120px;
}

.alert_detail_category {
	text-align: left;
}

.transitnow_label {
	font-weight: normal !important;
}

.transitnow_input {
	width: 15em;
}

.highlight td {
	background-color: #FFFFA0;
	border-top: 1px solid #cbceab;
	border-bottom: 1px solid #cbceab;
}

.green_link, .green_link:hover {
	color: #32A432 !important;
	font: bold 12px Arial !important;
	text-decoration: underline;
}

.textbox_label {
	margin-top: 3px;
}

#stop_lookup_options input.text {
	width: 20em;
}

#stop_lookup_options label, #RouteSelectionGroup label, #OtherSchedulePreferences label {
	margin-top: 4px;
	width: 85px;
}

#week_template input {
	margin-left: 10px;
}

#week_template {
	padding-top: 3px;
	display: inline-block
}

#play_pause_wrapper {
	text-align: center;
	padding: 5px;
}

.expired {
	background-color: #dcdcdc;
}

.active {
	background-color: #ffff00;
}

.bulletlessList
{
	list-style: none;
	list-style-image:none;
	padding: 0;
	margin: 0;
}


/* Beginning of Tree css, classes were added to the xsl via mktree.js */
.tree_alert_item label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	float: none;
	width: 460px;
	line-height: 16px;
	margin-top: 2px;
	display: inline;
}

.tree_alert_input input {	
	margin-top: 2px;
	margin-left: 18px;
	font-size: 13px;
	height: 15px;
	display: inline;	
}
.tree_alert_item_admin label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	float: none;
	width: 460px;
	line-height: 16px;
	margin-top: 2px;
	display: inline;
	margin-left: 0px;
}

.tree_alert_input_admin input {	
	margin-top: 2px;
	margin-left: -27px;
	/* Had to use this hack so that the following line is only IE7 readable */
	*margin-left: 18px;	
	font-size: 13px;
	height: 15px;
	display: inline;	
}


/* Turn off list bullets */
/*ul.mktree */
li { list-style: none; } 

/* Control how "spaced out" the tree is */
ul.mktree, ul.mktree li{ padding-left:0px; }
ul.mktree, ul.mktree ul , ul.mktree li { margin-left:0px;  margin-bottom: 6px; }

/* Provide space for our own "bullet" inside the LI */
ul.mktree  li           .bullet { padding-left: 13px; float:left; }

/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.mktree  .bullet { cursor: pointer;  list-style: none; }
ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../images/minus.gif)  center left no-repeat; list-style-image: none; }
ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../images/plus.gif)   center left no-repeat; list-style-image: none;}
ul.mktree  li.liBullet  .bullet { cursor: default;  background:none; list-style: none; list-style-image: none;}

/* Sublists are visible or not based on class of parent LI */
ul.mktree  li.liOpen    ul { display: block; }
ul.mktree  li.liClosed  ul { display: none; }

.alert_categories label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	float: none;
	width: 350;
	line-height: 16px;
	margin-top: 0px;
	display: inline;
}


.alert_categoriesInput input{
	margin-top: 0px;
	margin-left: 0px;
	vertical-align: center;
	font-size: 13px;
	height: 15px;
	float:left;
}
.cat_wrapper {
	width:auto;
	
}
/* End of tree css items */

/* A fixed size dropDown */
.dropDown{
    max-width: 425px;
    
}
.dropDown option{
    max-width: 415px;
    
}
.whiteField{
    background-color: White; 
}
.grayField{
    background-color: #D3D3D3;
}

.routeStatus th{
	text-align:left;
	vertical-align:text-top;
}

.routeStatusTd td{
	vertical-align: text-top;
}

.mainInfoCell {
    background: url(/FILE/Apps/FixedRoute/CustomerInfo/images/mainCell_bg.png) repeat-x scroll left top #F3F3F3;
    color: #404040;
	height: 48px;
	border: 1px solid #838181;
}

.moreInfo {
	display: block; 
	padding-top: 0pt; 
	background-color: #d7fccb; 
	border-left: 	1px solid #00ff00; 
	border-right: 	1px solid #00ff00; 
	border-bottom: 	1px solid #00ff00;
	min-height: 48px;
}

.checkInputId{
	/*this is used to select all of the input fields that need to have their inputs checked*/
}

.inputwidth{
	width: 505px;
}

/*Twitter Styles*/
div.sidebar_item_body iframe.twitter-timeline
{
	min-width: 120px !important;
	width: 161px !important;
	padding: 0 10px;
	margin-bottom: -2px;
}

#hiddenPrompt {
	background-color:rgba(64,64,64,0.75);
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:1000;
}

#overflowWindow {
	background:url(../images/progress_bar.gif) center #ffffff;
	margin:150px auto;
	overflow:auto;
	min-height:100px;
	width:280px;
	z-index:1001;
	text-align: center;
	border-radius:5px;
}

.helpInfoBox {
	height: 500px;
	padding: 5px;
	overflow:auto;
}

.InfoBoxHidden{
	display:none;
}