/**
 * @author Michael Collette <mcollette@meetingevolution.net>
 * @version 0.1
 * @package MeetingEvolution
 * @copyright (c) 2009, Meeting Evolution
 *
 * This is the global style used throughout the Planner site.
 */
@import url(meetingEvolutionBase.css); /* Base line style used for all ME sites */
@import url(menu.css); /* Style needed for JQuery menu */
@import url(tabs.css); /* Used for the tabbed display */

#banner {
  background-image: url("../img/site/bannerBg.png");
  background-repeat: repeat-y;
  background-color: #808080;
  color: white;
  margin: 0;
}

#banner table td {
  vertical-align: bottom;
}

#banner a:link, #banner a:active, #banner a:visited {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}

#banner a:hover {
  text-decoration: none;
  background-color: #641B7C;
  color: #3BA08A;
}

#footer {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  text-align: center;
}

#eventSummary {
  width: 100%;
  padding: 0px;
}

#eventSummary th {
  width: 15%;
  text-align: right;
  padding: 0px;
  padding-right: 10px;
}

#eventSummary td {
  padding: 0px;
  padding-left: 10px;
}

#eventSummary td img {
  vertical-align: bottom;
}

table#eventListing tbody td {
  border-right: 1px solid gray;
}

#dateList thead td {
  width: 50%;
  border-bottom: 1px solid red;
}

#dateList tbody td {
  text-align: center;
  width: 50%;
  border: 1px solid black;
}

#dateRangeTable {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

#dateRangeTable td {
  text-align: center;
  width: 33%;
}

table#actionBar td {
  text-align: center;
}

#roomTypeHeader td {
  padding: 1px;
}

#roomTypeHeader td select {
  padding: 1px;
  margin: 5px 0px 5px 0px;
}

#blockGrid td {
  text-align: center;
}

tfoot#colTotals td {
  text-align: center;
}

table#orgLetterLinks td {
  padding: 2px 0px 2px 0px;
}

table#orgLetterLinks a {
  margin: 3px 1px 2px 1px;
}

table#noteList td {
  padding: 2px;
  background-color: #eeeeee;
}

table#noteList td fieldset {
  padding: 2px;
  background-color: #ccccff;
}

#proposalCompare {
  margin-left: 5px;
  margin-right: 5px;
  background-color: white;
}

#proposalCompare tbody td {
  border: solid 1px black;
  font-size: 7pt;
}

#proposalCompare tbody th {
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  font-size: 8pt;
}

.proposalCountry {
  background-color: #96D4A7;
  margin-bottom: 2px;
  padding: 5px;
  font-size: large;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.proposalCity {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  background-color: #0088A8;
  margin-bottom: 2px;
  padding: 5px;
  font-size: medium;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
}

#proposalReport h3 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
  border-bottom: 1px solid red;
}

#proposalReport table {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

#proposalReport td {
  padding: 1px;
}

#proposalReport th {
  padding: 1px;
}

#proposalReport caption {
  text-transform: uppercase;
}

#proposalReport .supplierAddress {
  margin-left: 25px;
  text-align: left;
}

.proposalSupplier {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  background-color: #ffffff;
  /* border: 3px green solid; */
  border-right: 2px green solid;
  border-bottom: 2px green solid;
  background-color: #D0AC64;
  padding: 8px 20px 8px 20px;
  text-align: center;
  font-size: large;
}

.proposalSep {
  margin-top: 10px;
  height: auto;
  width: 100%;
  border: solid 1px green;
}

.proposalSummaryGrid {
  padding: 0px;
  border-collapse: collapse;
}

.proposalSummaryGrid td {
  padding: 2px;
}

.proposalSummaryGrid tbody td {
  padding: 0px;

  border-right: solid 1px black;
  border-bottom: solid 2px black;
  border-collapse: collapse;
}

.proposalSummaryGrid table {
  width: 100%;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0;
  /* border: none; */
  /* border-collapse: collapse; */
}

.proposalSummaryGrid table td {
  padding: 5px;
  border: none;
}

/* Style the room block specifications */
#hotelSpecifications td, #hotelSpecifications th {
  text-align: right;
}

#hotelSpecifications thead td {
  text-align: center;
}

#apexAgendaSpecs td {
  /* border-bottom: solid 1px black; */
  border-right: solid 1px grey;
}


/**
 * The recipients ID is for the EMail sending form, specifically for the area
 * where a user would enter who is going to get the mail.
 */
#recipients {
  border: 1px green solid;
  width: 700px;
}

#recipients table {
  padding: 0px;
  margin: 0px;
  width: 96%;
  margin-bottom: 2px;
}

#recipients table td {
  padding: 0px;
  vertical-align: middle;
}

#recipients input {
  padding: 0px;
  margin: 0px;
}

#recipients select {
  padding: 2px;
  margin: 2px;
}

/**
 * The following classes are to define the look of an EMail being output from
 * the Metrol_Mail::presentation() method.
 */
.MailTable {
  background-color: white;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.MailRecipTable th {
  text-align: right;
  background-color: #ffffcc;
  font-weight: bold;
  border: solid 1px black;
}

.MailRecipTable td {
  text-align: left;
  border: solid 1px black;
}

.MailTableSubject th {
  text-align: right;
  background-color: #ccccff;
  font-weight: bold;
  border: solid 1px black;
}

.MailTableSubject td {
  text-align: left;
  border: solid 1px black;
}

.MailTableBody {
  font-family: arial;
  font-size: 12px;
  padding: 8px;
  border: solid 2px;
  background-color: #ffffff;
}

.MailTableBody div {
  height: 200px;
  overflow: auto;
}

.filterFormHead {
  width: auto;
  background-color: #641B7C;
  background-image: url("../img/site/buttonBack.png");
  background-repeat: repeat-x;
  color: white;
  font-weight: bold;
}

.filterFormHead a:link, .filterFormHead a:active, .filterFormHead a:visited {
  color: white;
  background-color: none;
}

.supplierComment {
  background-color: #ffffcc;
}

.agendaRoomName {
  background-color: #ffffcc;
}

.agendaRoomSize {
  background-color: #99ff99;
}

.agendaCeilingHeight {
  background-color: #99ccff;
}

.agendaComments {
  background-color: #cccccc;
}

#spaceHoldListing tbody td {
  border-bottom: 1px solid #000000;
}

.breadCrumbs {
  margin-top: 3px;
  clear: both;
}

.breadCrumbs a:link, .breadCrumbs a:visited {
  width: auto;
  background-color: #4c8f9c;
  background-image: url("../img/site/buttonBack.png");
  background-repeat: repeat-x;

  padding: 6px;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-align: center;

  padding-top: 3px;
  padding-bottom: 3px;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.contactLink a:link, .contactLink a:visited, .contactLink a:active {
  color: black;
  background-color: #4c8f9c;
}

.financialRfpReport {
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

.financialRfpReport caption {
  margin-top: 10px;
}

.financialRfpReport td {
  text-align: right;
}

#rfpBudgetReport tbody th {
  background-color: #D0AC64;
  border-bottom: 1px solid black;
}

#rfpBudgetReport td {
  text-align: right;
  border-bottom: 1px solid black;
}

/* Used for the Event Listing pages */
#eventListByClient span.clientName, #eventListByClient span.eventYear {
  color: #641B7C;
}

#eventListByClient span.clientName:hover {
  color: white;
  background-color: #641B7C;
}

#eventListByClient span.eventYear:hover {
  color: white;
  background-color: #641B7C;
}

#upload_frame {
    border:0px;
    height:40px;
    width:400px;
    display:none;
}

#progress_container {
    width: 300px;
    height: 30px;
    border: 1px solid #CCCCCC;
    background-color:#EBEBEB;
    display: block;
    margin:5px 0px -15px 0px;
}

#progress_bar {
    position: relative;
    height: 30px;
    background-color: #F3631C;
    width: 0%;
    z-index:10;
}

#progress_completed {
    font-size:16px;
    z-index:40;
    line-height:30px;
    padding-left:4px;
    color:#FFFFFF;
}