/* CSS for myRepLunch */

@import url('rails.css');

* {
	margin: 0;
	padding: 0;
}
body {
	font: 62.5% arial, helvetica, tahoma, sans-serif;
	color: #003366;
	background: #66a5c6 url('/images/bg-body.gif') repeat-x;
}

a { color: #0f4d7e; position: relative; }
a:link { }
a:hover { text-decoration: none; color: #3976a6; }
/* a:visited { color: #66a5c6; } */

h1 {
	color: #0f4d7e;
	font-size: 1.6em;
  margin-bottom: 10px;
}
h2 {
	color: #0f4d7e;
	font-size: 1.3em;
  margin: 10px 0;
}
h3 {
	color: #0f4d7e;
	font-size: 1.1em;
  margin: 10px 0;
}

button { color: #003366; }
input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
object { outline: none; }
#bwm-copy ol { margin: 10px 0 20px 20px; padding: 0; }
#bwm-copy ol li { margin: 0 0 5px 0; color: #0f4d7e; }

#bwm-copy ul { margin: 10px 0 20px 0px; padding: 0; }
#bwm-copy ul li { margin: 0 0 5px 0; padding: 0 0 0 20px; color: #8ca818; list-style-type: none; background: url('/images/blue-bullet.gif') 8px 5px no-repeat; }
#bwm-copy ul#products li { background: none; }
#bwm-copy li strong,
#bwm-copy li .b { color: #0f4d7e; }

p { padding: 0 0 10px 0; }

img { border: 0; }
img.l { margin: 0 10px 0 0; }
img.r { margin: 0 0 0 10px; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.small { font-size: .89em; }
.large { font-size: 1.11em; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.t-l { text-align: left; }
.mydrops img { margin: -13px 0 0 0; }


/* Made .green the same as .orange because the client doesn't like the green despite it being in their logo. Rather than updated tons of pages I just switched these classes. */
/*.green { 
	color: #8ca818;
} */
.green,
.orange { color: #f36d21; }
.blue { color: #3976a6; }
.dark-blue { color: #0f4d7e; }
.red { color: #8d181b; }

#interior-template,
#application-template { padding-top: 53px; }

#nav {
  height: 53px;
  /*float: right;*/
  margin: 0;
  padding: 0;
	position: absolute;
	z-index: 150;
	width:950px;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0 0 0 415px;
	list-style: none;
}

#nav .link {
  background: url('/images/bg-nav-link.gif') top right no-repeat;
  float: left;
}
#nav .link:hover { background: url('/images/bg-nav-link-h.gif') top right no-repeat; }

#nav a {
	display: block;
  height: 16px;
	padding: 10px 20px;
  background: url('/images/bg-nav-a.gif') top left no-repeat;
  float: left;
  color: #fff;
  font-weight: bold;
  font-size: 1.7em;
  text-decoration: none;
}
#nav a:hover {
	background: url('/images/bg-nav-a-h.gif') top left no-repeat;
}

#nav li { /* all list items */
  float: left;
  margin-left: 7px;
  height: 53px;
}

#nav li.active {
  background: url('/images/bg-nav-li-active.gif') bottom center no-repeat;
}

.crowdsound{
z-index: 500;
}
#header-shadow {
  position: absolute;
  z-index: 50;
  top: 146px;
  left: 0;
  width: 100%;
  height: 6px;
  font-size: 0;
  background: url('/images/bg-header-shadow.png') repeat-x;
}

#main {
  width: 924px;
  margin: 0 auto;
}

#header {
  height: 146px;
}

#header img.logo {
  position: absolute;
  margin: 30px 0 0 0;
}

#header img.tagline{
  position: absolute;
  margin: 42px 0 0 392px;
}

#tr-nav {
  float: right;
  padding: 10px 15px 0 0;
  color: #0094d3;
  font-size: 1.3em;
  font-weight: bold;
}

#tr-nav a{
  color: #0094d3;
  text-decoration: none;
}

#tr-nav a:hover {
  color: #f36d21;
}

#index-col {
  width: 918px;
  height: 386px;
  margin: 0 auto;
  /*background: url('/images/bg-index.jpg') no-repeat;*/
  font-size: 1.2em;
}

#index-col img.top-head {
  position: absolute;
  margin: -84px 0 0 182px;
  z-index: 90;
}

#index-col .copy {
	margin: -27px 0 0 -4px;
	padding: 0;
	z-index: 50;
  /*
	padding: 71px 45px 0 530px;
  font: 2.5em Arial Rounded MT Bold, arial, helvetica, tahoma, sans-serif;
  color: #175c93;
	*/
}
#index-col .copy object { position: absolute; z-index: 100; }

#index-col .copy p {
  padding-bottom: 10px;
}

#index-callouts {
  margin-top: 15px;
}

#index-callouts { padding-top: 100px; }

#index-callouts a {
  float: left;
  margin: 0 22px 0 3px;
}

#reps-overlay, #offices-overlay, #restaurants-overlay {
  display: none;
  width: 498px;
  position: absolute;
  margin-top: -17px;
  margin-left: 400px;
}

#reps-overlay .overlay-arrow {
  margin-left: 80px;
}

#offices-overlay .overlay-arrow {
  margin-left: 250px;
}

#restaurants-overlay .overlay-arrow {
  margin-left: 425px;
}

.overlay-copy {
  background: url('/images/bg-overlay-copy.png');
  color: #fff;
  padding: 15px;
}

#index-callouts a.last {
  margin-right: 0;
}

#left-col {
  width: 287px;
  float: left;
}

#main .callout {
  display: block;
  float: left;
  width: 287px;
  height: 87px;
  margin-bottom: 23px;
  padding: 0;
  background: url('/images/bg-right-col-callout.png') no-repeat;
}

#main .callout:hover {
  cursor: pointer;
  background: url('/images/bg-right-col-callout-h.png') no-repeat;
}

#main .callout img {
  position: absolute;
}

.mycalendar img { margin: -1px 0 0 -6px; }
.mymenu img { margin: -12px 0 0 -2px; }
.myrep img { margin: -2px 0 0 -2px; }
.myprofile img { margin: -10px 0 0 -3px; }
.myoffice img { margin: -16px 0 0 -1px; }
.mylunch img { margin: -15px 0 0 6px; }
.myreports img { margin: 1px 0 0 -10px; }
.myschedule img { margin: 8px 0 0 -7px; }
.secure img { margin: -10px 0 0 5px; }
.secureaccount img { margin: -17px 0 0 -6px; }
.searchreps img { margin: -15px 0 0 -7px; }
.searchoffices img { margin: -10px 0 0 16px; }
.searchmanagers img { margin: -10px 0 0 10px; }
.aboutmyreplunch img  { margin: 10px 0 0 -8px; }
.searchrestaurants img  { margin: 0 0 0 -10px; }
.searchlunch img  { margin: -5px 0 0 -1px; }
.viewprofile img  { margin: -20px 0 0 -10px; }
.searchreplunches img { margin: -10px 0 0 -5px; }

#right-col {
  float: right;
  width: 624px;
  font-size: 1.3em;
	font-weight: bold;
}

#right-col-app {
  float: right;
  width: 613px;
  font-size: 1.3em;
	font-weight: bold;
	background: url('/images/content-white-bg-body.png') top left; 
  background-repeat: repeat-y;
}
#right-col-app-padding {
	min-height: 400px;
	position: relative;
	padding: 5px 15px 5px 20px;
}
.background-offices {
	margin-right: 8px;
	background: url('/images/offices-content-bg.jpg') bottom right no-repeat; 
} 
.background-users {
	margin-right: 8px;
	background: url('/images/users-content-bg.jpg') bottom right no-repeat; 
} 
.background-reps {
	margin-right: 8px;
	background: url('/images/rep-content-bg.jpg') bottom right no-repeat; 
} 
.background-restaurants {
	margin-right: 8px;
	background: url('/images/restaurant-content-bg.jpg') bottom right no-repeat; 
} 

#app-top {
	background: url('/images/content-white-bg-top.png') top left no-repeat;
	vertical-align: bottom;
	float: right;
	width: 613px;
	height: 9px;
}
#app-footer {
	background: url('/images/content-white-bg-bottom.png') top left no-repeat;
	vertical-align: top;
	float: right;
	width: 613px;
	height: 17px;
}

#main .offices_copy, #main .reps_copy, #main .restaurants_copy, #main .about_copy {
  width: 313px;
  padding: 26px 33px 33px 278px;
  font-size: 1.3em;
  line-height: 1.4em;
}
#main .about_copy,
#main .offices_copy {
  background: url('/images/bg-healthcare.png') bottom no-repeat;
}
#main .reps_copy {
  background: url('/images/bg-sales-rep.png') bottom no-repeat;
}
#main .restaurants_copy {
  background: url('/images/bg-restaurants.png') bottom no-repeat;
}


#full-col {
  width: 918px;
  margin: 0 auto;
  font-size: 1.2em;
  text-align: center;
}

#full-copy {
  width: 878px;
  padding: 4px 20px;
  text-align: left;
  background: url('/images/bg-full.png');
}


#footer {
  text-align: center;
  color: #586c7b;
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px 0;
}

#footer a {
  color: #586c7b;
  text-decoration: none;
}

#footer a:hover {
  color: #f36d21;
}

#blacklists_button a,
p.button a,
a.button {
	width: 276px;
	height: 33px;
	padding-top: 15px;
	font-size: 1.2em;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	position: relative;
	background: url('/images/button-rollover.gif') top left no-repeat;
}
#blacklists_button.small-button a { font-size: 1.1em; padding-top: 8px; height: 40px; }

#blacklists_button a:hover,
p.button a:hover,
a.button:hover {
	background: url('/images/button-rollover.gif') bottom left no-repeat;
}

#blacklists_button a,
p.small-button a,
a.small-button,
#lunches_confirm_cancel a {
	width: 150px;
	height: 33px;
	border: 0;
	padding-top: 15px;
	font-size: 1.2em;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url('/images/small-button-rollover.gif') bottom left no-repeat;
}

#blacklists_button a:hover,
p.small-button a:hover,
a.small-button:hover,
#lunches_confirm_cancel a:hover {
	background: url('/images/small-button-rollover.gif') top left no-repeat;
}

#right-col-app .cancel input {
	width: 150px;
	height: 48px;
	border: 0;
	font-size: 1.2em;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url('/images/small-button-rollover.gif') top left no-repeat;
}
#right-col-app .cancel input:focus,
#right-col-app .cancel input:hover {
	background: url('/images/small-button-rollover.gif') bottom left no-repeat;
}

ul#left-sub-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#left-sub-nav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}
ul#left-sub-nav li a {
	display: block;
	width: 256px;
	height: 37px;
	padding: 11px 0 0 20px;
	font-size: 2em;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background: url('/images/nav-rollover-buttons.png') bottom left no-repeat;
}
ul#left-sub-nav li a:hover {
	background: url('/images/nav-rollover-buttons.png') top left no-repeat;
}

#right-col-app label { color: #3976a6; font-weight: bold; }
#right-col-app input { color: #555655; }
#right-col-app form div { margin-bottom: 15px; }

#right-col-app.background-offices

#login-right {
	float: right;
	width: 200px;
	/*
	background-color: #EEEEEE;
	border: 2px solid #CCCCCC;
	*/
}
#login-right h2 { margin-top: 0; }

.side-details { 
	float: right;
	width: 200px;
	position: relative;
}

.lunch-side { width: 340px; }
.lunch-left { width: 230px; }

.highlight-block { padding: 10px; border: 2px solid #CCCCCC; background-color: #EEEEEE; }
.highlight-block .edit-block { width: 265px; }
.edit-block p { clear: both; text-align: right; padding-right: 20px; }
.edit-block p input { vertical-align: baseline; float: right; padding-left: 10px; }
.edit-block p span { }
.edit-block img { vertical-align: baseline; }

.edit-block {
	float: left;
	width: 245px;
	padding-left: 35px;
}
#right-col-app-padding .edit-block input { margin-bottom: 5px; }
#right-col-app-padding .edit-block select,
#right-col-app-padding .edit-block textarea { margin-bottom: 7px; }

#right-col-app-padding input,
#right-col-app-padding select { margin: 2px 0 0 0; }
#right-col-app-padding select { margin-bottom: 2px; }

.menu_item_fields td { padding-right: 10px; }

table.sorter { width: 100%; border-collapse: collapse; font-weight: normal; color: #3976a6; }
table.sorter th { text-align: left; border-bottom: 2px solid #3976a6; padding: 0 5px 2px 5px; color: #0f4d7e; }
table.sorter tr:hover { background-color: #EEEEEE; }
table.sorter td { text-align: left; padding: 5px; border-bottom: 2px solid #EEEEEE; vertical-align: top; }
table.sorter td.blue,
table.sorter td.orange { border: 0; }
table.sorter a { font-weight: bold; }

#toggle, #toggle1, #toggle2, #toggle3, #toggle4, #toggle5, #toggle6, #toggle7, #toggle8, #toggle9, #toggle10, #toggle11, #toggle12, #toggle13, #toggle14, #toggle15, #toggle16, #toggle17, #toggle18, #toggle19, #toggle20, #toggle21, #toggle22, #toggle23, #toggle24, #toggle25, #toggle26, #toggle27, #toggle28, #toggle29, #toggle30, #toggle31, #toggle32, #toggle33, #toggle34, #toggle35, #toggle36, #toggle37, #toggle38, #toggle39, #toggle40, #toggle41, #toggle42, #toggle43, #toggle44, #toggle45, #toggle46, #toggle47, #toggle48, #toggle49, #toggle50 { display: none; }

.hider a#chg { display: none; }

#bwm-copy ul.steps-list {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
}
#bwm-copy ul.steps-list li {
	display: block;
	float: left;
	margin: 0 5px 0 5px;
	padding: 0 0 25px 0;
	background-image: none;
}
#bwm-copy ul.steps-list li a { 
	display: block;
	width: 104px;
	font-weight: bold;
	text-decoration: none;
	border-top: 3px solid #f36d21; 
	color: #f36d21;
}
#bwm-copy ul.steps-list li a:hover,
#bwm-copy ul.steps-list li a:active { text-decoration: none; color: #3976a6; border-top: 3px solid #3976a6; }

table.menu-items-add { font-size: .89em; }
input.remove-button { background: url('/images/x-icon.png') top left no-repeat; width: 16px; height: 16px; border: 0; }

.form-steps { clear: both; border-top: 2px solid #CCCCCC; padding-top: 10px; text-align: right; }
.form-steps p { padding: 5px 0 0 0; margin: 0; }
.form-steps button { padding: 2px; margin-top: 1px; }
.form-steps table { float: right; }

input#prescriber_submit,
input#nurse_submit { margin-top: 15px; }

#reps_card input { margin-right: 5px; }

.odd-submit { float: left; }

.managers-name { margin-left: 185px; }

.time-blocks { clear: both; }
.time-blocks span { color: #666666; padding-left: 2px; }
.time-blocks ul { 
  margin: 0;
  padding: 0;
  list-style: none;
}
#bwm-copy .time-blocks ul li {
  display: block;
  text-align: left;
  float: left;
  width: 85px;
  margin: 0;
  padding: 0;
  background: none;
}