/* CSS for myRepLunch */

@import url('rails.css');

* {
	margin: 0;
	padding: 0;
  
}
body {
	font: 62.5% arial, helvetica, tahoma, sans-serif;
	color: #003366;
	background: #000;
}

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

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

input { padding: 2px; display: none; }
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; }

.green { 
	color: #8ca818;
	/*color: #aac537; Too Light */ 
}
.orange { color: #f36d21; }
.blue { color: #3976a6; }
.dark-blue { color: #0f4d7e; }
.red { color: #8d181b; }

#nav {
	display: none;
}

#header {
  height: 146px;
}

#header img.logo {
	float: left;
}

#header .logo img {
	display:none;
}

.logo {
background-image: url('/images/logo.jpg') no-repeat;
width:307px;
height:86px;
}

#header img.tagline{
	float: right;
    margin: 0;
}

#header .tagline img {
	display:none;
}

.tagline {
background-image: url('/images/tagline.jpg') no-repeat;
width:422px;
height:75px;
}

#tr-nav {
  display: none;
}

#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;
	display: none;
}

#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; }
.viewprofile img  { margin: -20px 0 0 -10px; }
.searchreplunches img { margin: -10px 0 0 -5px; }

#right-col {
  width: 100%;
  font-size: 1.3em;
	font-weight: bold;
}

#right-col-app {
  width: 100%;
  font-size: 1.3em;
	font-weight: bold;
	background: none;
}
#right-col-app img {
display:none;
}
#right-col-app-padding {
	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; 
} 
.background-lunches {
background-color:#fff;
}
#message-box {
background-color:#fff;
}

#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: left;
	width: 613px;
	height: 17px;
}

#main .offices_copy, #main .reps_copy, #main .restaurants_copy {
  width: 313px;
  padding: 26px 33px 33px 278px;
  font-size: 1.3em;
  line-height: 1.4em;
}
#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;
	background: url('/images/button-rollover.gif') top left no-repeat;
}


#blacklists_button a,
p.small-button a,
a.small-button,
#lunches_confirm_cancel a {
	display: none;
}

#right-col-app .cancel input {
	display: none;
}
#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: 500px;
}

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

r.input { display: none; }

* {background:none; background-image:none; background-color:#fff;}
.lunch-left {width:200px;}
.lunch-side {width:300px;}
#right-col-app { width:613px; clear:both;}
#header {height:130px;}