body { font: 12px/18px "Lucida Grande", Arial, sans-serif; background: #E5E5E5; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #00F; }
a:hover { color: #FFF; background: #00F; text-decoration: none; }

#notice { background: #AFD775; padding: 5px; color: #2C5700; font-weight: bold; padding: 5px; text-align: center; margin: 0; }

#header { width: 100%; background: #326C45; }
	#header h1 { font-size: 24px; line-height: 54px; margin-left: 30px; }
	#header h1 a { color: #BDC733; text-decoration: none; }
	#header h1 a:hover { color: #326C45; background: #BDC733; text-decoration: none; }
	#nav { overflow: hidden; margin-left: 30px; }
	#nav li { float: left; margin-right: 3px; }
	#nav li a { display: block; line-height: 12px; padding: 7px 10px; background: none; text-decoration: none; color: #FFF; background: #609664;}
	#nav li a:hover { background: #507D54; }
	/* Show active tab */
	#custom_fields .custom_fields a, #custom_fields .custom_fields a:hover, #stores .stores a, #stores .stores a:hover, #equipment .stores a, #equipment .stores a:hover, #users .users a, #users .users a:hover, #districts li.districts a, #districts li.districts a:hover, #businesses li.businesses a, #businesses li.businesses a:hover, #preventative_maintenance_orders li.preventative_maintenance_orders a, #preventative_maintenance_orders li.preventative_maintenance_orders a:hover, #technicians li.technicians a, #technicians li.technicians a:hover { background: #E5E5E5; color: #000; font-weight: bold; padding-top: 6px; border-top: 1px solid #FFFFFF; }

#footer { clear: both; width: 100%; padding: 4px 0; color: #999; font-size: 9px; text-align: center; }

#wrapper { padding-top: 10px; width: 960px; }
	#main_column { background: #FFF; border-right: 5px solid #CCC; border-bottom: 5px solid #CCC; margin: 0 10px 0 30px; padding: 0 0 20px 0;}
	#main_column.2-column { float: left; }
	#main_column #heading { padding: 0 20px; margin-bottom: 20px; background: #EDF2FF; }
		h2 { font-weight: bold; font-size: 18px; line-height: 54px; }
		h2 .action { font-size: 12px; line-height: 18px; float: right; font-weight: normal; display: block; margin-top: 16px; }
	#main_column h3 { font-weight: bold; font-size: 12px; line-height: 18px; color: #000; background: #DDD; margin: 9px 20px; padding: 2px 6px; }
	#main_column h4 { font-size: 12px; font-weight: bold; margin: 18px 20px; border-bottom: 1px dashed #CCC; }
	#secondary_column .heading { color: #333; font-weight: bold; background: #EFEFEF; padding: 3px 10px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; }
		.heading .tip { font-weight: normal; color: #666; font-size: 10px; float: right; }

.button { height: 36px; background: url('../images/button_left.png') no-repeat top left; text-align: center; position: relative; }
	.button .text { display: block; height: 36px; line-height: 36px; font-weight: bold; color: #000; text-decoration: none; background: url('../images/button_right.png') no-repeat top right; }
	.button img { position: absolute; top: 9px; left: 18px; }

a.action { color: #F00; }
a.action:hover { color: #FFF; background: #F00; }

.input, .submit { margin: 10px 20px; clear: both; }
.submit { border-top: 1px dashed #DDD; padding: 10px 0; color: #777; }
	.input label { display: block; font-size: 14px; margin: 0 0 3px 1px; }
	.input input, select { font-size: 16px; }

.input.inline label { float: left; }

#errorExplanation { border-top: 1px solid #FF260E; border-bottom: 1px solid #FF260E; background: #FFADA8; color: #F00; margin: 0 20px; padding: 10px; }
#errorExplanation h3 { font-size: 24px; line-height: 36px; font-weight: bold; margin-bottom: 9px; background: #FFADA8; color: #F00; }
#errorExplanation p { font-weight: bold; margin-bottom: 9px; }
#errorExplanation ul { list-style: square inside; margin-left: 20px; }

div.blank_slate { background: #FEFBAF; text-align: center; color: #666; padding: 12px 0; margin: 0 24px; border-top: 1px solid #D1CB30; border-bottom: 1px solid #D1CB30; }
div.blank_slate a.next_step { color: #F00; font-size: 24px; font-weight: bold; line-height: 24px; }
div.blank_slate a.next_step:hover { background: #F00; color: #FFF; }

div.pagination { text-align: right; margin: 18px 20px; color: #666; }

#business_switcher {
    display: block;
    width: 100%;
    background: #000;
    /*overflow: hidden;*/
    /*height: 2em;*/
}

#business_switcher ul {
    display: inline;
    margin-left: 0px;
}

#business_switcher a { color: #CCC; text-decoration: none; font-size: 11px; }
#business_switcher a:hover { color: #FFF; background: none; }
#business_switcher li { display: inline;  margin: 0 8px; }

div#user_nav { width: 940px; text-align: right; }
div#user_nav a { color: #BEC531; font-size: 11px; }
div#user_nav a:hover { color: #2A6C45; background: #BEC531; }

.fieldWithErrors {
	display: inline;
}

.fieldWithErrors input {
	background: pink;
}

.right {
  text-align: right;
}