/*-----------------------+
 | Site: PurchasingPoint |
 | Part: Master styles   |
 +-----------------------*/


/* Browser-specific styles
=====================================================================*/
@import "ie.css"; /* IE */


/* Undo existing styles
======================================================================*/
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th { font-size: 1em; }
blockquote, body, br, button, dl, dd, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, 
html, label, legend, li, ol, p, pre, table, td, th, ul { margin: 0; padding: 0; }


/* Fonts
======================================================================*/
body, h3 span, input, #iwsw, .popup-content, select, textarea { font-family: Verdana, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6, #how-nav, #intro h3 span, #nav .current, 
.search label, .suggestions p, .vendors th {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}


/* Basics
======================================================================*/
a, h2 .edit { color: #1f5271; text-decoration: underline; }
a:hover { text-decoration: none; }
acronym { border-bottom: 1px dotted #999; cursor: help; }
body { background: #5d9ac1 url(/images/bg-page.gif) repeat-x 0 0; color: #000; margin: 1.25em 1em; }
dd, dl, ol, p, table, ul { margin-bottom: 1em; }
blockquote { margin: 0 2.5em 1em; }
fieldset { border: 0; }
h1 { font-size: 1.66em; font-weight: normal; line-height: 1.05; }
h2 { font-size: 1.5em; line-height: 1.16; margin-bottom: 0.44em; }
h2 .edit { font-size: 0.7em; font-weight: normal; margin-left: 0.5em; }
h2 .edit:hover { text-decoration: none; }
h2 a { color: #000; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h2 span { color: #929497; text-transform: lowercase; }
h3 { color: #333; font-size: 1.35em; line-height: 1.23; margin: 0.9em 0 0.1em; }
h3 span { font-size: 0.7em; font-weight: normal; margin-left: 0.5em; }
h4 { font-size: 1.25em; line-height: 1.5; }
h5 { font-size: 1.1em; line-height: 1.5; }
hr, hr.divider { border: 0; clear: both; color: #a5a8aa; height: 1px; margin-bottom: 1.2em; margin-top: 1em;}
hr {background: #a5a8aa;}
hr.divider  {background: #ccc;}
img { border: 0; }
input, select, textarea { font-size: 1em; }
li { margin-bottom: 0.3em; }
ol { margin-left: 2.5em; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }
table { border-collapse: collapse; empty-cells: show; width: 100%; }
td { border: 1px solid #d0dbe2; border-width: 1px 0; padding: 0.4em 0.3em; }
th { font-size: 1.2em; padding: 0.4em 0.3em; text-align: left; vertical-align: bottom; }
ul { list-style: none; }
ul li { background: url(/images/bullet.gif) no-repeat 0 0.7em; padding-left: 1.1em; }

.left {float:left;}
.right {float:right;}

.middle {vertical-align:middle;}

/* Core layout
======================================================================*/
.clear { clear: both; }
#container { background: #fff; border: 1px solid #1f5271; border-top-width: 0; padding-bottom: 1em; }
#feature, #intro, .help { background: #cde4f2 url(/images/bg-popular.gif) repeat-x 0 0; margin-bottom: 2em; padding: 0.7em 1em; }
#page { margin: 0 auto; max-width: 74em; min-width: 700px; }

/*--- Content ---*/
.content { padding: 1.5em 1.8em; }
#content-primary { float: left; position: relative; width: 64%; }
#content-secondary { background: url(/images/bg-content-secondary.gif) repeat-x 0 0; float: right; padding: 0.6em 1em; width: 31%; }

  /* Home */
    /* Public home ---*/
    .home #container {
      background: #fff;
      border: 0;
      -moz-border-radius-topleft: 20px;
      -webkit-border-top-left-radius: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      clear: both;
    }
    
    .home .content { padding: 2em; }
    .home #content-primary { width: 60%; }
    .home #content-secondary { width: 35%; }
    .home #logo { margin-bottom: 1em; }
    
    /* Member home */
    .home #content-secondary { background: none; }
	
/*--- Login ---*/
.login #page { max-width: 65em; min-width: 400px; }
#content-login { margin: 1.75em auto; width: 40%; }


/* Content
======================================================================*/
#page { font-size: 0.75em; line-height: 1.58; }

/*--- Breadcrumbs ---*/
#breadcrumbs { font-size: 0.9em; margin-bottom: 0.3em; }
#breadcrumbs li { background: url(/images/crumb.gif) no-repeat 100% 0.5em; display: inline; margin-right: 0.6em; padding: 0 1.2em 0 0; }

/*--- Buttons ---*/
.button {
	background: #2e5304 url(/images/btn-bg.gif) repeat-x 0 0;
	border: 1px solid #516413;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #fff;
	font-size: 1.15em;
	line-height: 1.3;
	padding: 0.4em 1em 0.7em;
  text-decoration: none;
}

.button:hover { text-decoration: underline; }

/*--- Calendar ---*/
.calendar span { margin-left: 0.7em; }
.calendar td { border: 0; padding: 0 0.3em 0.3em; }
.calendar th { padding-left: 0; padding-right: 1em; vertical-align: top; white-space: nowrap; width: 10%; }

/*--- Callouts and columns ---*/
.c2l, .c2r { width: 48.5%; }
.c2l, .c3l, .c3m, .call-l { float: left; }
.c2r, .c3r, .call-r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }
.call-l { margin: 0.4em 1em 0 0; }
h3 .call-l { margin-top: 0.2em; }
.call-l, .call-r { font-size: 0.9em; }
.call-r { margin: 0.4em 0 0 1em; }
p.call-l, p.call-r { margin-bottom: 1em; }

/*--- Comments ---*/
.comments { font-size: 0.9em; list-style: none; margin-left: 0; }
.comments li { clear: both; margin-bottom: 1em; }
.comments li li { clear: none; }
.comments .info { font-size: 1em; }
.comments .info, .comments p { margin-bottom: 0.5em; }
.comments .info li strong a { color: #1f5271; }
.comments ul { height: 1%; }

/*--- Detail lists ---*/
.details li { background: none; margin: 0; padding: 0; }

/*--- Footer ---*/
#footer { color: #bdd6e6; font-size: 0.9em; padding-top: 1em; text-align: center; }
#footer a, #footer strong { color: #fff; }
#footer li { background: none; border-right: 1px solid #bdd6e6; margin-right: 1.05em; padding: 0 1.05em 0 0; display: inline; }
#footer li.last { border: 0; margin: 0; padding: 0; }
#footer p { font-size: 0.9em; }
#footer ul { margin-bottom: 0.2em; }

	/* Subfooter */
	#subfooter { background: #2974a4; border: 1px solid #1f5271; border-top: 0; color: #bdd6e6; padding: 0.5em 1em 0.7em; text-align: center; }
	#subfooter a, #subfooter strong { color: #fff; }

/*--- Footnote ---*/
.footnote { font-size: 0.8em; }

/*--- Forms ---*/
.form { margin-top: 0.5em; }
.form td { padding-left: 1em; }
.form td, .form th { border-width: 0; padding-bottom: 1em; padding-top: 0; vertical-align: top; }
.form th { font-size: 1em; font-weight: normal; padding-right: 2%; text-align: right; width: 32%; }
.info strong.alert { font-size: 1.1em; }
.form-pair {padding-bottom: 10px; padding-top:5px;}
.form-pair label {display: block; margin-bottom:3px;}
.form-pair input[type="text"], .extranet_form textarea  { width: 18em; }
.signup_facility_info {float: left; width:195px; border-left: 1px solid #ddd; margin: 10px 0 10px 50px; padding-left:20px;}

	/* Alerts */
	.alert { color: #d93b37; }
	div.alert { border: 3px double #d93b37; clear: both; margin-bottom: 1em; padding: 1em 1.5em 0; }
	div.alert li { background: none; padding: 0; }
	div.alert ul { list-style: disc; margin-left: 1.5em; }
	
	/* Buttons */
	.btn { overflow: visible; padding: 0.3em 0.75em 0.4em; }
	.btns { margin-left: 33.5%; }
	#content-primary .btns { margin-left: 23%; }
	
	.btn-ask-question,
	.btn-customer-service,
	.btn-find-vendors,
	.btn-post-note, 
	
  .btn-sign-up {
		color: #fff;
		display: block;
		text-align: center;
		text-decoration: none;
		text-indent: -999em;
	}
	
	.btn-customer-service { background: url(/images/btn-customer-service.gif) no-repeat 0 0; height: 32px; width: 223px; }
	.btn-ask-question { background: url(/images/btn-ask-question.gif) no-repeat 0 0; height: 32px; width: 147px; }
	.btn-find-vendors { background: url(/images/btn-find-vendors.gif) no-repeat 0 0; height: 32px; width: 140px; }
	.btn-post-note { background: url(/images/btn-post-note.gif) no-repeat 0 0; height: 32px; width: 123px; }
	.btn-sign-up { background: url(/images/btn-sign-up.gif) no-repeat 0 0; height: 22px; width: 58px; }
	
	/* Checklists */
	.checklist { border: 1px solid #ccc; font-size: 0.9em; height: 14em; margin-bottom: 1em; overflow: auto; width: 98%; }
	.checklist li { display: block; float: none; margin: 0; padding: 0; white-space: normal; width: 100%; }
	.checklist li { margin: 0; padding: 0; background: none; }
	.checklist label { display: block; padding-left: 25px; text-indent: -25px; color: #000; }
	.checklist label:hover { background: #cde4f2; }
	.checklist p { padding: 0.5em 1em; }
	.checklist ul { color: #777; margin: 0; }
	.checklist ul strong { color: #000; }
	.checklist#portalCheckboxList, .checklist#vendorCategories { height: 350px; }
	
	/* Date/time selector */
	table.dateTime { margin: 0; width: auto; }
	table.dateTime td { white-space: nowrap; }
	table.dateTime th { text-align: left; padding: 0; width: 3em; }
	
	/* Options */
	.options li { background: none; margin-left: 25px; padding: 0; text-indent: -25px; }
	.options-h, .options-v { list-style: none; margin-left: 0; }
	td .options-h, td .options-v { margin: 0; }
	.options-h input, .options-v input { margin-bottom: -0.05em; }
	.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
	.options-h li, .options-v li { background: none; clear: both; margin-bottom: 0.3em; padding: 0; }
	.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
	.options-v li { padding-left: 25px; text-indent: -25px; }
	.options-v li p { margin: 0; text-indent: 0; }
	.options label, .options-h label, .options-v label { display: inline; }
	
	/* Quick Signup */
  .quick-signup {
    background: #f4f9fc url(/images/bg-popular.gif) repeat-x 0 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2em;
    position: relative;
    margin-bottom: 1em;
  }

    /* Help */
    .quick-signup .help {
      background: #f9f9f9;
      border: 1px solid #ccc;
      border-left: 0;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-topright: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      font-size: 0.95em;
      padding: 1em 20px;
      position: absolute;
      right: -302px;
      width: 260px;
    }

    .quick-signup .help h3 { color: #2979ab; font-size: 1.33em; line-height: 1.31; margin: 0 0 0.56em; }
  
  /* Text boxes */
  .txt { width: 98%; }
  .txt, .txt-date, .txt-med, .txt-sm, .txt-tiny { padding: 0.2em; }
  .txt-date { width: 7em; }
  .txt-code { width: 13em;}
  .txt-med { width: 47.5%; }
  .txt-sm { width: 7em; }
  .txt-tiny { width: 3em; }
  .ezpz-hint { color: #818285; }
  
  /* Top-aligned fields */
  .field { margin-bottom: 1em; }
  .field label { display: block; margin-bottom: 0.2em; }
  
	/* TinyMCE */
	.mceToolbarContainer { position: static; }
	.mceEditorContainer td { padding: 0; }
	.mceEditor { width: 98% !important; }
	.mceContentBody { background: #fff; font-size: 0.8em; text-align: left; font-family: Verdana, Arial, sans-serif;  }

/*--- Google Maps ---*/
#iwsw { font-size: 0.85em; line-height: 1.4; }
#iwsw img { float: left; margin: 0 0.5em 0.5em 0; }
#iwsw h3 { font-size: 1.2em; font-weight: bold; }
#iwsw li { background: none; clear: both; list-style: none; margin-bottom: 0.5em; padding: 0; }
#iwsw li li { clear: none; display: inline; margin: 0 0.5em 0 0; }
#iwsw p, #iwsw ul ul { margin: 0; }
#iwsw ul { list-style: none; margin-top: 0.5em; }
.map-box 
{  
   margin-bottom: 15px; 
   position: relative;
}

.map-box .map-cover 
{ 
    width: 100%; height: 100%; 
    background-image: url(/images/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.map-box .map { width: 100%; height: 100%; z-index: 0; }

/*--- Header ---*/
#flair { background: #c0df66; height: 5px;}
.home #flair { display: none; }
#header { background: #2e4153 url(/images/bg-header.gif) repeat-x 0 0; clear: both;}
#header, #breadcrumbs a { color: #fff; }
#header #inner1 { background: url(/images/corner-l.gif) no-repeat 0 0; }
#header #inner2 { background: url(/images/corner-r.gif) no-repeat 100% 0; padding: 0.6em 1.8em 1em; }
#inner2 { position: relative;}
.gpoid { position: absolute; right: 15px; top: 10px;}

/*--- Home ---*/
  /* Member home */
  #featured_area {
    background: url(/images/bg-feature.gif) 0 100% repeat-x;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    padding: 1.5em 1.3em;
    margin-top: 0.6em;
    margin-bottom: 2em;
  }

  #featured_area h1 { font-size: 1.9em; font-weight: bold; margin-bottom: 0.5em; color: #2678b0; }
  #featured_area h1 span { color: #195172; }
  #featured_area p { float: left; margin: 0; }
  #featured_area p a { float: left; margin-right: 1em; text-decoration: none; }
  
  /* Public home */
  .home h1 { color: #5194bc; font-size: 3.3em; font-weight: bold; margin-bottom: 0.5em; }
  .home h1 span { color: #1f5271; }

    /* Sidebar */
    .home .panel {
      border: 1px solid #ccc;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      margin-bottom: 2em;
      padding: 1em;
    }
    
    .home .panel .form { margin: 0; }
    .home .panel .form th { font-size: 0.9em; width: 35%; }
	
	  /* Flash */
	  .home #content-secondary .flash { background: #ffc; padding-bottom: 0.5em; }
	  .home #content-secondary .flash h3 { margin-bottom: 0.25em; }
	  
	  /* Register */
      .home .register { background: #fff url(/images/bg-content-secondary.gif) repeat-x 0 0; }
	  
	  /* Sign in */
      .home .signin { background: #f2f8e3 url(/images/bg-highlight.gif) repeat-x 0 0; background-position: bottom; }
      .home #content-secondary .signin h3 { color: #64861c; }
      .home #content-secondary .signin h3 span { color: #000; }

/*--- Introduction ---*/
#intro div { font-size: 0.9em; }
#intro h2 { text-transform: none; }
#intro h3 { color: #1f5271; font-size: 2.09em; margin: 0; }

#intro h3 span {
	color: #5194bc;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	text-transform: lowercase;
}

/*--- Legal notices ---*/
.legal {
	border: 1px solid #ccc;
	font-size: 0.8em;
	height: 10em;
	overflow: auto;
	padding: 0.3em 0.8em;
	width: 92%; 
}

/*--- Logo ---*/
#logo { float: left; margin: 0; }
td.logo { padding-right: 0.75em; }

/*--- Logo lists (vendors) ---*/
.logos li { background: none; display: inline; margin-right: 0.75em; padding: 0; }
.logos li, .logos img { vertical-align: middle; }

/*--- Muted text ---*/
.info, .mute { color: #777; font-size: 0.9em; margin-bottom: 0.7em; }
.info a, .mute a { color: #6c8fa1; }
.info li { background: none; border-right: 1px solid #666; display: inline; margin-right: 0.7em; padding: 0 0.7em 0 0; }
.info li.last { border: 0; }
ul.info { margin-bottom: 0.2em; }

/*--- Navigation ---*/
#nav { clear: both; font-size: 0.9em; line-height: 1; margin: 0 0 0 2em; padding-top: 1.1em; }
#nav li { background: #bcbdbf url(/images/tab-l.gif) no-repeat 0 0; margin: 0 0.1em 0 0; padding-left: 3px; }
#nav li { float: left; }

	/* Tab basics - both A and STRONG will create tab */
	#nav a, #nav strong {
		background: url(/images/tab-r.gif) no-repeat 100% 0;
		color: #58595b;
		display: block;
		padding: 0.5em 1.8em 0.7em 1.4em;
		text-decoration: none;
		white-space: nowrap;
	}
	
	/* Current tab */
	/* More specificity to ensure background doesn't change when hovering on current tab */
	ul#nav li.current { background-color: #5395be; background-position: 0 -200px; margin: 0 3px -1px 0; position: relative; }
	ul#nav li.current a, #nav li.current strong { background-position: 100% -200px; color: #fff; padding-bottom: 0.8em; }
	#nav li.current a, #nav li.current a strong { text-decoration: underline; }
	#nav li.current a:hover, #nav li.current a:hover strong { text-decoration: none; }
	
	/* Remove background from strong when on current tab but not on tab home */
	#nav li.current a strong { background: none; padding: 0; }
	
	/* Hover and faux hover (IE) states */
	#nav li:hover, #nav li.over { background-position: 0 -100px; }
	#nav li:hover, #nav li.over, #nav li.current { background-color: #fff; }
	#nav li:hover a, #nav li.over a { background-position: 100% -100px; }

/*--- Pages ---*/
.pages li { background: none; display: inline; margin: 0 0.5em; padding: 0; }

/*--- Popups ---*/
  /* Comments */
  .comments .expand, .comments .hide { background-position: 100% 0.4em; }
  .comments .popup { color: #000; font-size: 1.05em; }
  .comments .popup-content { top: -2.5em; width: 15.5em; }
  .comments .popup p { margin-bottom: 0.5em; }
  
  /* Date picker */
  .datePicker { position: absolute; text-align: center; width: 14em; z-index: 9999; }
  
  .datePicker table {
    background: #fff;
    cursor: default;
    empty-cells: show;
    font-size: 0.8em;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%;
  }
  
  .datePicker tbody td { width: 14.28%; }
  .datePicker td, .datePicker th { border: 1px solid #6c8fa1; }
  .datePicker td { background: #fff; line-height: 1.2em; padding: 0.5em 0 0.4em; }
  .datePicker thead tr { background: #2e4153 url(/images/bg-header.gif) repeat-x 0 0; }
  .datePicker thead th { padding: 0.3em; }
  
  .datePicker th {
    border: 0;
    color: #fff;
    font-weight: normal;
    line-height: 1em;
    padding: 0.2em;
    text-align: center;
    vertical-align: middle;
  }
  
  .datePicker th button {
    background: transparent;
    border: 0;
    color: #fff;
    display: inline;
    font-weight: normal;
    height: 1em;
    line-height: 0.8em;
    margin: 0;
    padding: 0;
    width: 0.8em;
  }
  
    /* Empty cells */
    .datePicker td.out-of-range { background: #f5f5f5; }
    
    /* Calendar icon */
    .date-picker-control {
      background: transparent url(/images/icon-cal.gif) no-repeat 0 0;
      border: 0;
      cursor: pointer;
      height: 15px;
      margin-left: 0.5em;
      vertical-align: top;
      width: 16px;
    }
    
    /* Selected day/hover */
    .datePicker td.date-picker-selected-date, .datePicker td#date-picker-hover { background: #d93b37; color: #fff; }
    
    /* Weekday buttons */
    .datePicker th button.fd-day-header {
      height: auto;
      line-height: 1.4em;
      margin: 0 auto;
      text-align: center;
      text-decoration: none;
      width: auto;
    }
    
    .datePicker th.date-picker-day-header { font-size: 0.9em; text-transform: uppercase; cursor: help; }
    
    /* Iframe hack to cover selectlists in Internet Explorer <= v6 */
    .iehack { border: 0; padding: 0; position: absolute; background: #fff; z-index: 9998; display: none; }
  
  /*--- Expander Pop ups ---*/
  .collapsed { display: none; }
  .collapser-icon { background: url(/images/arrow-secondary-up.gif) no-repeat 100% 0.55em; padding-right:1em; }
  .expander-icon { background: url(/images/arrow-secondary-down.gif) no-repeat 100% 0.55em; padding-right:1em; }
  .popup_container { display: inline; position: relative;}
  .popup-content .close { float: right; margin: 0; padding-top: 0.2em;  }

  /*--- Old Pop ups ---*/
  .closed .popup-content { display: none; }
  .closed .hide { font-weight: normal; }
  tr.closed { display: none; }
  .expand, .hide { padding-right: 1em; }
  .expand { background: url(/images/arrow-secondary-down.gif) no-repeat 100% 0.55em; }
  .hide { background: url(/images/arrow-secondary-up.gif) no-repeat 100% 0.55em; }
  .popup { display: inline; font-size: 0.85em; line-height: 1.5em; position: relative; }
  .popup .c2l, .popup .c2r { margin: 0; }
  .popup .close { float: right; margin: 0; padding-top: 0.2em; }
  
  .popup-content {
    background: #fffccc;
    border: 1px solid #6c6e70;
    color: #000;
    font-weight: normal;
    left: 0;
    letter-spacing: 0;
    line-height: 1.4;
    padding: 0.4em 0.7em;
    position: absolute;
    text-transform: none;
    top: 1.25em;
    width: 17.5em;
    z-index: 1000;
  }
  
  .pop-right { left: auto; right: 0; }
  
  .popup h6 { color: #2979ab; font-size: 1.2em; line-height: 1.5; margin-bottom: 0.4em; }
  .popup p { margin-bottom: 0.7em; }

  /* Secondary content */
  #content-secondary .popup a { font-size: 0.8em; }
  #content-secondary .popup-content { font-size: 0.8em; width: 12em; }

  /* Suggestions */
  .suggestions { position: relative; }
  .suggestions a { color: #000; cursor: default; display: block; padding-left: 0.5em; text-decoration: none; }
  .suggestions a:hover, .suggestions a:focus, .suggestions a.highlighted { background: #1f5271; color: #fff; }
  .suggestions div { background: #fffccc; border: 1px solid #1f5271; left: 0; position: absolute; top: 0; width: 15em; }
  .suggestions li { background: none; margin: 0; padding: 0; }
  
  .suggestions p {
    border-bottom: 1px solid #1f5271;
    color: #2979ab;
    font-size: 0.8em;
    font-weight: bold;
    letter-spacing: 0.075em;
    margin: 0;
    padding: 0.3em 0 0.3em 0.5em;
    text-transform: uppercase;
  }
  
  .suggestions ul { margin: 0; }

  /* Utilities */
  #utilities #admin_menu  a { white-space: normal; }
  #utilities #admin_menu li { background: url(/images/bullet.gif) no-repeat 0 0.8em; border: 0; display: block; margin: 0; padding: 0 0 0 1.1em; }
  #utilities #admin_menu .expander { font-size: 1.2em; }
  #utilities .popup-content { left: -8.5em; padding: 0.9em 1.2em; text-align: left; width: 22em; }
  #utilities .pop-right { left: auto; right: 0; }
  #utilities .popup-content dd { font-size: 0.9em; margin: 0.3em 0 1.3em; }

  /* Vendor table */
  .vendors .popup-content { font-size: 1.3em; line-height: 1.4; white-space: normal; }
  .vendors .popup-content a { font-size: 1em; }
  .vendors .expand, .vendors .hide { font-size: 1.2em; letter-spacing: 0; text-transform: none; }

/*--- Product categories ---*/
.categories a { font-size: 1.2em; display: block; line-height: 1.3; }
.categories li { background: none; margin-bottom: 1.2em; padding: 0; }
.categories ul { float: left; margin: 0 2% 0 0; width: 23%; }
.categories ul.last { margin: 0; }

/*--- Progress bar ---*/
.imageUpload .loadingBarClosed { display: none; }
.imageUpload .loadingBar { display: block; margin-bottom: 5px; }

/*--- Rater ---*/
.rater { list-style: none; margin-left: 0; height: 33px; width: 175px; }
.rater label { background: url(/images/rating-lg.gif) 0 100% repeat-x; display: block; height: 33px; text-indent: -999em; width: 35px; }
.rater .current label { background: url(/images/rating-lg.gif) 0 0 repeat-x; }
.rater li { background: none; float: left; margin: 0; padding: 0; }

	/* In comments */
	.comments .rater { margin: 0; }
	.comments .rater li { border: 0; padding: 0; }

/*--- Samples ---*/
.sample { background: #fffccc; margin-bottom: 1em; }
.sample p { clear: both; }
.sample p.info { clear: none; }
.sample-body { padding: 0 0.7em 0.5em; }

.sample-title {
	background: #fff770;
	border-bottom: 1px solid #ded762;
	color: #000;
	font-size: 11px;
	margin: 0;
	padding: 0.2em 0.5em;
	text-transform: uppercase;
}

/*--- Search ---*/
.search { clear: right; float: right; font-size: 0.9em; margin: 0; white-space: nowrap; }
.search .btn { width: 6em; }
.search .btn, .search .txt { vertical-align: middle; }
.search input, .search label { font-size: 1.1em; }
.search p { margin: 0; }
.search .txt { width: 21.5em; }

	/*--- Search results ---*/
	dl.search-results dd { margin: 0; }
	dl.search-results dd strong { color: #000; font-weight: normal; }
	dl.search-results dt { font-size: 1.2em; margin-top: 1em; }
	dl.search-results dt:first-child { margin: 0; }

/*--- Secondary content ---*/
#content-secondary h3 { color: #2979ab; font-size: 1.33em; line-height: 1.31; margin: 0 0 0.56em; }
#content-secondary hr { margin: 1.7em 0 0.8em; }

/*--- Slider ---*/
.scroll { height: 360px; overflow: scroll; position: relative; z-index: 0; }
.scrollContainer div.panel { border: 0; height: 360px; margin: 0; padding: 0 20px; width: 464px; }
#slider { background: #f0f0f0; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; padding-top: 20px; }

  /* Buttons */
  .scrollButtons { display: block; height: 380px; position: absolute; top: 0; width: 20px; z-index: 1; }
  
  #slider .slide_left {
    background: #f0f0f0 url(/images/icon-left-arrow.gif) no-repeat 50% 50%;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    left: 0;
  }
  
  #slider .slide_right {
    background: #f0f0f0 url(/images/icon-right-arrow.gif) no-repeat 50% 50%;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    right: 0;
  }
  
  #slider .slide_left:hover { background-image: url(/images/icon-left-arrow-hover.gif); }
  #slider .slide_right:hover { background-image: url(/images/icon-right-arrow-hover.gif); }
  
  /* Descriptions */
  .slide_desc { background: #f0f0f0; bottom: 0; font-size: 0.9em; left: 0; padding: 0 20px 1.25em; position: absolute; }
  .slide_desc p { margin: 0; }
  .slide_desc h3 { color: #5194bc; }

/*--- Sorting options ---*/
.sort { margin-bottom: 1em; }
.sort p, .sort ul, .sort li { background: none; display: inline; margin-right: 0.5em; padding: 0; }

  /*--- Filtering options ---*/
  #filter {margin-bottom: 2em; color: #666; background: #f8f8f8; padding: 7px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
  #filter p, #filter ul, #filter li {display: inline;}
  #filter p {padding-right:10px;}
  #filter li {background-image: none; font-size: 1.2em; padding-left:0px; margin-right:10px;}
  #filter li.selected {color: #000; font-weight: normal; background: #c0d77d; padding: 3px 7px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/*--- Tags ---*/
.tag-list { line-height: 1.5; }
.tag-list li { background: none; display: inline; margin-right: 0.7em; padding: 0; }
.t-0 { font-size: 1em; }
.t-1 { font-size: 1.1em; }
.t-2 { font-size: 1.2em; }
.t-3 { font-size: 1.3em; }
.t-4 { font-size: 1.4em; }
.t-5 { font-size: 1.5em; }
.t-6 { font-size: 1.6em; }
.t-7 { font-size: 1.7em; }
.t-8 { font-size: 1.8em; }
.t-9 { font-size: 1.9em; }

/*--- Tasks ---*/
ul.tasks { font-size: 0.9em; }
ul.tasks li { background: none; border-right: 1px solid #929497; display: inline; margin-right: 0.8em; padding: 0 0.8em 0 0; }
ul.tasks li.last { border: 0; margin: 0; padding: 0; }
.vendors .tasks { font-size: 1em; }

	/* Icons */
	.icon-add { background: url(/images/icon-add.gif) no-repeat 0 0.2em; padding-left: 1.3em; }
	.icon-edit { background: url(/images/icon-edit.gif) no-repeat 0 0.2em; padding-left: 1.3em; }
	.icon-delete { background: url(/images/icon-delete.gif) no-repeat 0 0.2em; padding-left: 1.3em; }
	.icon-mail { background: url(/images/icon-mail.gif) no-repeat 0 0.1em; padding-left: 1.6em; }
	.icon-info { margin-bottom: -.5em; }
	.icon-sort-down { background: url(/images/icon-arrow-down.gif) no-repeat 0 0.2em; background-position: right; padding-right: 1em; text-decoration: none;}
	.icon-sort-up{ background: url(/images/icon-arrow-up.gif) no-repeat 0 0.2em; background-position: right; padding-right: .8em; text-decoration: none;}
  .icon-xsl { background: url(/images/icon-xls.gif) no-repeat 0 0.2em; padding-left: 1.6em; }
  /*.icon-vcard { background: url(/images/icon-vcard.png) no-repeat; padding-left: 2.6em; } */

/*--- Toggle display ---*/
.toggleOn { display: block; }
.toggleOff { display: none; }

/*--- Track your progress ---*/
.track li { background: none; margin: 0 0 1em 0; padding: 0; }

/*--- Utilities ---*/
#utilities { float: right; font-size: 0.9em; margin-bottom: 1em; text-align: right; }
#utilities a { white-space: nowrap; }
#utilities li { background: none; border-right: 1px solid #929497; display: inline; line-height: 2; margin-right: 0.75em; padding: 0 0.5em 0 0; }
#utilities li.last { border: 0; margin: 0; padding: 0; }

/*--- Vendors table ---*/
.discount { font-size: 0.9em; }
.popular { margin-bottom: 1em; padding: 0 1.8em; }
.popular .vendors tbody tr:hover, .popular .vendors tbody tr.over { background: none; }
.popular .vendors { margin: 0; }
.vendors { margin-bottom: 2em; }
.vendors .check { background: url(/images/icon-check.gif) no-repeat 0 0; padding-left: 1.5em; }
.vendors .waiting { background: url(/images/icon-clock.gif) no-repeat 0 0; padding-left: 1.5em; }
.vendors td { vertical-align: middle; }
.vendors th { font-size: 0.8em; letter-spacing: 0.04em; padding-bottom: 1em; padding-top: 0.5em; text-transform: uppercase; white-space: nowrap; }
.vendors th a { background-position: 100% 0.4em; font-size: 0.85em; margin-left: 0.2em; }
.vendors td p { margin: 0; }
.vendor td a.btn-sign-up {text-align: right;}

.highlighted_area {background: #fff9e1; border: 1px solid #ffe698; padding: 10px 15px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.waiting { background: url(/images/icon-clock.gif) no-repeat 0 0; padding-left: 1.5em; }
.check { background: url(/images/icon-check.gif) no-repeat 0 0; padding-left: 1.5em; }

	/* Columns */
	.col-category, .col-commitment, .col-discount, .col-rating, .col-sign { width: 16.66%; }
	.col-vendor { width: 33.33%; }
	.highlight .col-sign { width: 8.33%; }
	
	/* Details */
	.vendors tbody tr.details, .vendors tbody tr.details:hover { font-size: 0.9em; }
	.vendors .details h3 { color: #648521; font-size: 1.4em; }
	.vendors .details .first { padding-left: 1em; padding-right: 1em; }
	.vendors .details .last { padding-right: 1em; }
	.vendors .details li { background-position: 0 0.6em; margin-bottom: 0; }
	.vendors .details p, .vendors .details ul { margin-bottom: 0.5em; }
	.vendors .details td { vertical-align: top; }
  
  .employee-discount {background-image: url(/images/icon-vcard.png); background-repeat: no-repeat; background-position: 12px 5px;
 padding-left: 65px;}
	
	/* Individual vendor table */
	.individual th { border-top: 2px solid #b9ce7b; }
	.individual h2 { border: 0; }
	.individual tbody tr:hover, .individual tbody tr.over { background: none; }


/* Search bar 
======================================================================*/
.search-bar { margin-bottom: 20px; }
.search-bar ul { list-style: none; }
.search-bar li { float: left; background: none; }
.search-bar label, .search-bar select, .search-bar input { float: left; clear: left; }
.search-bar input { width: 150px; clear: left; }

.search-bar .date-picker-control { float: left; }
.search-bar .btn { margin-top: 18px; }


/*--- Portal Homepage ---*/

/* Special treatments for portal home elements
======================================================================*/
.home .vendors { margin-bottom: 1em; }


/* Sidebar on portal home	
======================================================================*/
.howitworks {background: #f4f9fc url('/images/bg-popular.gif') bottom repeat-x; padding: 2em 1.3em; }
.howitworks_icon { float:left;} 
.howitworks_description {padding-left: 50px;} 
.howitworks h2 {font-size:1.6em; color: #2678b0;}
.howitworks h2  span { color: #195172; }
.howitworks_description p { margin-top: -0.6em; }

.help {background: url('/images/bg-highlight.gif') bottom repeat-x; padding: 2em 1.3em;}
.help h2 {color: #516317; font-weight: normal;}

/* Announcements on homepage */
#announcements h4 {font-size: 1.4em; font-weight: normal; color:#2678b0; margin-top: 1.5em;}
#announcements .vendors + h4 { margin-top: 0.95em; }

table.vendors td {padding: 10px;}
table.vendors td.logo {width:25%;}
table.vendors td.category {width:30%;}
table.vendors td.discount {width:25%;}
table.vendors td.signup {width:20%;}





/*--- New Extranet ---*/

	/* Form fields on new extranet 
======================================================================*/

.extranet_form label, .extranet_form input, .extranet_form select, .extranet_form textarea { vertical-align: middle; }
.extranet_form fieldset  { border:1px solid #d5e4cc; padding:0 2em 2em 2em; margin-bottom:2em; }
.extranet_form fieldset  h2 { background: #eef6ec; border-bottom:1px solid #d5e4cc; padding:0.5em 1em; margin:0 -1.7em 1em; font-size: 1.2em; font-weight: bold;} 
.extranet_form fieldset h2 .info { text-transform:none; font-weight:normal; color:#555;}
.extranet_form fieldset h2 em { font-style:inherit; color:#CC0000; }
.extranet_form fieldset ul { margin-bottom: 0em;}
.extranet_form fieldset .explanation { margin-top: 0.5em;}

.extranet_form ul li { background: none;}
.extranet_form input[type="text"], .extranet_form textarea  { width: 30em; }
.extranet_form textarea  { height: 12em; }
.extranet_form input.txt-date { width:7em; }
.extranet_form input.txt-subdomain { width:10em;}
.extranet_form input.txt-filter { width:15em;}
.submit_btn { background: #d5e4cc; padding: 1.5em 1em; }

.extranet_utils { color: #666; margin-top:2em;}
.extranet_utils  strong {color: #333;}

#portal_selection  h3, #vendor_selection  h3 { font-size: 1.2em; background: #eee; border: 2px solid #eee; padding: 0.3em 1em; margin:0 -1.4em 1em; }
#portal_selection , #vendor_selection { background: #f8f8f8; border: 2px solid #eee; padding: 0 1.5em; }
#portal_selection ul, #vendor_selection ul { margin-right:-1.5em; font-size: .9em;}
#portal_selection ul li { float: left; width: 22.5em; padding-right:1em;  margin-left: -1.5em; }
#portal_selection {margin-left: 1.5em;}
#vendor_selection  {margin-bottom: 1.5em;}
#vendor_selection ul li {float: left; width: 35em; padding-right:1em; padding-bottom:.1em; margin-left: -1.5em; }
#vendor_selection ul li label {margin-left:2px;} /* Has to be synced with .vendor_category margin-left */
.vendor_category {margin-left: 25px; display: block;} /* Has to be synced with #vendor_selection ul li label  margin-left */


.extranet_table { width: 100%;}
.extranet_table td { padding: 7px 15px; }
.extranet_table th { padding: 5px 15px; font-size: 1.2em; font-family: Trebuchet MS,Verdana,Arial,sans-serif; background: #eef6ec; border-top:1px solid #ced1c3; }
.extranet_table th.checkbox { width: 5%; }
.extranet_table th.announcement { width: 50%; }
.extranet_table th.portals { width: 25%; }
.extranet_table th.date_created, table.extranet_table th.expiration_date { width: 10%; }

.extranet_table th.filter { width: 25%; }
.extranet_table th.vendors { width: 50%; }
.extranet_table th.portals { width: 25%; }


.extranet_table th a { color: #000;}

table.expired  td {background: #f8f8f8;}
td.expired {color: #990000; font-weight: bold;}
th.sorted {background: #deeada;}
	
#welcome-message-author-select li {float:left; margin-right:25px; }	

.filter-selector { width:600px; }
.filter-selector li { float:left; margin-right: 25px; margin-left:0; padding-left:0; background:none; width:175px; }



/* jAlert / jConfirm Popups */
#popup_container { font-family: Arial, sans-serif; font-size: 12px; min-width: 300px; max-width: 600px; background: #FFF; 
	border: solid 5px #999; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#popup_title { font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #666; background: #CCC url(/images/jAlerts/title.gif) top repeat-x;
	border: solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em; }
#popup_content { background: 16px 16px no-repeat url(/images/jAlerts/info.gif); padding: 1em 1.75em; margin: 0em; }
#popup_content.alert { background-image: url(/images/jAlerts/info.gif); }
#popup_content.confirm { background-image: url(/images/jAlerts/important.gif); }
#popup_content.prompt { background-image: url(/images/jAlerts/help.gif); }
#popup_message {	padding-left: 48px; }
#popup_panel { text-align: center; margin: 1em 0em 0em 1em; }
#popup_prompt { margin: .5em 0em; }
#popup_ok { margin:10px; }

/* Random 
======================================================================*/

.smaller-txt { font-size: 90%; }
.block {display: block; padding-bottom:10px;}


/* Show/hide javascript to be deleted */
.more {
    display: none;
    border-top: 1px solid #333;
    padding: 15px 0px;}