/*------------------------------------------------------------------------------
    Template: Exhibitor - Blue
    Version : 1.0
    Date    : 03 Feb 2010
    Filename: online.css
    Author  : Reuben Allott
              reuben@allottware.co.za
              www.allottware.co.za/exhibitor
    Desc    : Style sheet for online web pages
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
    Main Document Body
------------------------------------------------------------------------------*/

BODY
{
  margin: 5px 0px 5px 0px;
  background-color: #FFFFFF;
  color: #000000;
  font-family: tahoma;
  font-size: 10pt;
}

/*------------------------------------------------------------------------------
    Anchors
------------------------------------------------------------------------------*/

A, .A
{
  text-decoration: none;
  font-weight: bold;
}

A:link
{
  color: #000000;
}

A:visited
{
  color: #000000;
}

A:hover, .A:hover
{
  cursor: pointer;
  text-decoration: underline;
}

/*------------------------------------------------------------------------------
    Headings
------------------------------------------------------------------------------*/

H1
{
  color: #333333;
  font-size: 16pt;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}

H2
{
  color: #333333;
  font-size: 14pt;
  font-style: italic;
  font-weight: normal;
  margin: 10px 0px 0px 0px;
}

H3
{
  color: #333333;
  font-size: 12pt;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}

H4
{
  color: #333333;
  font-size: 10pt;
  font-style: italic;
  margin: 10px 0px 0px 0px;
}

H1:first-child, H2:first-child, H3:first-child, H4:first-child, H1+H2, H2+H3, H3+H4 
{
  margin: 0px;
}

/*------------------------------------------------------------------------------
    Paragraphs 
------------------------------------------------------------------------------*/

p.NoScript
{
  text-align:center;
  color:#FF0000;
  font-size:10pt;
  font-style:italic;
  background:#FFFFFF;
}

p
{
  padding: 0px;
  margin: .5em 0px .5em 0px;
  text-align: justify;
}

p:first-child, h1+p, h2+p, h3+p, h4+p
{
  margin-top: .5em;
}

p.Picture
{
  margin-left: auto;
  margin-right: auto;
  font-style: italic;
  font-size: 8pt;
  text-align: center;
}

div.Section
{
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  border-top: 1px solid #CCCCCC;
}

ul
{
  margin-top:0px;
  margin-bottom:0px;
}

/*------------------------------------------------------------------------------
    Document Layout 
------------------------------------------------------------------------------*/

#Container
{
  width: 820px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

#Header
{
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  background: /*#003876*/#FFFFFF;
}

#Header h1, #Header h2
{
  color:#EEEEEE;
}

#Content
{
  padding: 10px;
  background: url('img/bg.gif') top left;
  border: #CCCCCC 1px solid;
}

#Footer
{
  background: #262626;
  height: 25px;
  line-height: 25px;
  color: #777777;
  font-size: 7pt;
  text-align: center;
  font-family: Verdana;
}

#Footer a
{
  color: #777777;
}

#PopupHeader
{
  background: url("img/nav_bg.gif") top left repeat-x;
  height: 38px;
  line-height: 38px;
  color: #FFFFFF;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
  font-family: Verdana;
}

/*------------------------------------------------------------------------------
    Main Menu
------------------------------------------------------------------------------*/

#main_menu {
  margin: 0px;
  width: 820px;
  height: 38px;
  background: url("img/nav_bg.gif") top left repeat-x;
  text-align: center; 
}

#main_menu ul {
  width: 820px;
  padding:0px;
  margin:0px;
  list-style-type:none;
}

#main_menu li {
  display:inline;
}

#main_menu a {
  float:left;
  height:38px;
  text-decoration:none;
  color:#FFFFFF;
  padding:0px 15px 0px 15px;
  text-align: center;
  line-height: 36px;
  border-left:1px solid #004898;
  border-right:1px solid #002854;
  font-weight: normal;
}

#main_menu li:first-child a {
  border-left:0px;
  border-right:1px solid #002854;
}

#main_menu a:hover {
  background: url("img/nav_over.gif") top left repeat-x;
  color: #000000;
}

#Language
{
  float: right;
  font-size: 8pt;
  font-style: italic;
  text-align: center;
  margin: 5px;
  padding: 3px;
  background: #003876;
  border-top: #002854 1px solid;
  border-left: #002854 1px solid;
  border-bottom: #004898 1px solid;
  border-right: #004898 1px solid;
  color: #FFFFFF;
}

#Language img
{
  vertical-align:middle;
}

#Language select
{
  vertical-align:middle;
  font-size: 8pt;
}

#User 
{
  float: right;
  font-size: 10pt;
  font-style: italic;
  text-align: center;
  margin: 5px;
  padding: 5px;
  background: #003876;
  border-top: #002854 1px solid;
  border-left: #002854 1px solid;
  border-bottom: #004898 1px solid;
  border-right: #004898 1px solid;
  color: #FFFFFF;
}

/*------------------------------------------------------------------------------
    PhotoID Section in Contact/User Home Page
------------------------------------------------------------------------------*/

div.Note
{
  margin: 0px 0px 5px 0px;
  font-style: italic;
  font-size: 8pt;
  color: #555555;
}

#PhotoID img
{
  border:#777777 3px solid; 
  margin: 0px;
  cursor:pointer;
}

#PhotoUpload form
{
  border:#777777 1px solid; 
  margin: 5px auto;
  padding: 5px;
}

/*------------------------------------------------------------------------------
    Data Entry Forms
------------------------------------------------------------------------------*/

form
{
  width: 700px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
}

fieldset
{
  display: block;
  padding:10px;
  border: #CCCCCC 3px solid;
}

fieldset.Collapsed {
  border: 0px;
  padding: 10px 0px 0px 0px;
}

fieldset.Collapsed > legend > a
{
  padding-left: 15px;
  background: url('img/plus.gif') center left no-repeat; 
}


fieldset.Expanded > legend > a
{
  padding-left: 15px;
  background: url('img/minus.gif') center left no-repeat; 
}

fieldset.Collapsed > legend > a:lang(ar)
{
  padding-right: 15px;
  background: url('img/plus.gif') center right no-repeat; 
}

fieldset.Expanded > legend > a:lang(ar)
{
  padding-right: 15px;
  background: url('img/minus.gif') center right no-repeat; 
}

fieldset fieldset
{
  padding:10px;
  border: #BBBBBB 2px solid;
}

legend
{
  color: #111111;
  font-size: 14pt;
}

fieldset fieldset legend
{
  color: #222222;
  font-size: 12pt;
}

fieldset fieldset fieldset legend
{
  color: #333333;
  font-size: 11pt;
}

label
{
  display: block;
}

div.Field
{
  margin: 2px 0px;
  overflow: hidden;
}

div.Required
{
}

div.Required span.Marker
{
  color: red;
  font-size: 7pt;
}

/* Marked as unanswered from server-side */
div.Unanswered
{
  margin: 5px 0px 5px 0px;
  outline: 1px solid #FFCCCC;
  background-color: #FFEFEF;
}

/* Marked as invalid from client-side */
div.Invalid
{
  margin: 5px 0px 5px 0px;
  outline: 1px solid #FFCCCC;
  background-color: #FFEFEF;
}
div.Invalid.Required span.Input:after
{
  content: "* This field is required";
  color: #FF0000;
  font-size: 7pt;
  font-style: italic;
}

div.Invalid.Required span.Input:lang(ar):after 
{
  content: "* هذا الحقل مطلوب";
  font-style: normal;
}

div.Field legend
{
  font-size: 10pt;
}

div.Field fieldset
{
  border: #BBBBBB 1px solid;
  padding: 5px;
  margin: 0px;
}

div.ItemCols2 div.Field > span.Input > fieldset > label
{
  display: inline-block;
  width: 49%;
}

div.ItemCols3 div.Field > span.Input > fieldset > label
{
  display: inline-block;
  width: 32%;
}

div.ItemCols4 div.Field > span.Input > fieldset > label
{
  display: inline-block;
  width: 24%;
}

div.ItemCols5 div.Field > span.Input > fieldset > label
{
  display: inline-block;
  width: 19%;
}

div.Field textarea
{
  width: 99%;
}

div.Field input[type="text"]:focus
{
  background-color: #AACCFF;
}

div.Field span.Caption
{
  display: inline-block;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  width: 30%;
}

div.Field span.Input
{
  display: inline-block;
  padding: 0px;
  margin: 0px;
  width: 68%;
}

div.FloatRight span.Caption
{
  float: left;
  width: auto;
}

div.FloatRight span.Input
{
  float: right;
  width: auto;
}

div.FloatRight span.Caption:lang(ar)
{
  float: right;
}

div.FloatRight span.Input:lang(ar)
{
  float: left;
}

/* "(eg: Johhn Smith)" */
div.Field span.Example
{
  display: inline-block;
  vertical-align: middle;
  padding: 0px 5px;
  font-size: 7pt;
  font-family: Arial;
  font-style: italic;
  color: #333333;
}

div.Field span.Example:lang(ar)
{
  font-style: normal;
}

/* "25 / 200" (characters left) */
div.Field span.Hint
{
  display: block;
  padding: 0px 5px;
  font-size: 7pt;
  font-family: Arial;
  color: #333333;
}

/* Custom form text fields */
Fieldset div.Custom
{
  margin: 5px 0px 5px 0px;
  text-align: justify;
  font-family: Arial;
  font-size: 10pt;
  color: #777777;
}

/* Password section header */
Fieldset div.Header
{
  margin: 5px 0px 5px 0px;
  text-align: justify;
  font-style: italic;
  font-size: 10pt;
  color: #555555;
}

/* Additional field notes */
div.Field div.Note
{
  margin: 5px 0px 0px 0px;
  font-style: italic;
  font-size: 8pt;
  text-align: justify; 
  color: #555555;
}

/* Fields visible to admins only */
div.Secret > Fieldset
{
  border-color: red;
}

div.Secret > fieldset > legend > a:after
{
  content: " (visible only to administrators)";
}

/* Login Forms */

form.Login
{
  margin: 0px auto;
  width: 525px;
}

form.Login table
{
  margin: 5px auto;
}

form.Login input
{
  width: 250px;
}

/* Submission section */

div.Submit
{
  text-align: center;
  margin-top: 10px;
}

/* Form submission error message */
form.Login div.Message
{
  text-align: center;
  font-style: italic;
  color: #FF0000;
}

/* Error message for unsuccessful form submissions */
div.ErrorMessage
{
  margin: 0px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  color: #FF0000;
  text-align: center;
  font-style: italic;
  font-weight: bold;	
  width: 700px;
  outline: 1px solid #FFCCCC;
  background-color: #FFEFEF;
}

/* Date/Time Input Fields */
input.Date
{
  cursor: pointer;
}

button.Date
{
  border: 1px solid #AAAAAA;
  background: #DDDDDD url("img/calendar.gif") no-repeat center;
  text-align: right;
  width: 25px;
  cursor: pointer;
}

button.Date:hover
{
  border: 1px solid red;
}

/* Packages & Options */

span.Money
{
  font-weight: bold;
}

span.Money span.Sym
{
  margin-right: 2px;
}

#Packages
{
  border: 2px solid #BBBBBB;
  margin: 10px 0px 0px 0px;
  padding: 10px;
}

div.Package div.Details
{
  border: 1px solid #CCCCCC;
  padding: 5px;
  margin: 5px 0px 0px 0px;
}

div.Package div.Description
{
  margin: 0px 0px 5px 0px;
  font-size: 10pt;
  font-style: italic;
}

div.Package div.Custom
{
  margin: 10px 0px 10px 0px;
  font-size: 10pt;
}

div.Package div.Picture
{
  margin: 0px 0px 5px 0px;
  font-size: 10pt;
}

div.Package div.Pricing
{
  margin: 0px 0px 5px 0px;
  font-size: 10pt;
}

div.Package span.Pricing
{
  display: inline-block;
  height: 20px;
  margin: 0px 5px 0px 0px;
  padding: 0px 5px 0px 5px;
  background: #DDDDDD;
  vertical-align: top;
  line-height: 20px;
  color: #555555;
  font-size: 10pt;
}

div.Package span.Caption
{
}

div.Package div.Note
{
  color: #555555;
  font-size: 8pt;
  margin-top: 3px;
  margin-left: 3px;
}

div.Package div.Note span.Rate
{
  margin: 0px 10px 0px 0px;
}

div.Options
{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

div.Options div.Options
{
  padding: 0px 0px 0px 15px;
}

div.Option
{
  border: 1px solid #CCCCCC;
  margin-top: 10px;
}

div.Option Label
{
  line-height: 20px;
  vertical-align: top;
}

div.Option div.Option
{
  border: 0px;
  margin-top: 0px;
}

div.Option div.Details
{
  border: 0px;
  margin-top: 0px;
}

div.Option div.Description
{
  padding: 0px 0px 0px 18px;
  font-size: 8pt;
}

div.Option div.Custom
{
  padding: 0px 0px 0px 18px;
  font-size: 8pt;
}

div.Option div.Picture
{
  padding: 0px 0px 0px 18px;
}

div.Option div.Pricing
{
  padding: 0px 0px 0px 18px;
}

div.Option span.Pricing
{
  height: 20px;
  font-size: 8pt;
}

/* Payments */

#PaymentTotal
{
  margin: 10px 0px 0px 0px;
  color: #1122FF;
  font-size: 12pt;
}

#PriceTotal
{
  font-weight: bold;
}

/* Data report filter forms */

div.DataForm form
{
  width: 100%;
}

/*------------------------------------------------------------------------------
    AJAX command/reply
------------------------------------------------------------------------------*/

div.Ajax
{
  margin: 0px;
  padding: 10px;
  text-align: center;
}

div.Ajax div.Reply
{
  margin: 0px 0px 10px 0px;
}

div.Ajax div.Reply
{
  font-style: italic;
  font-weight: bold;
}

div.Ajax div.Reply.OK
{
  color: #00AA00;
}

div.Ajax div.Reply.Fail
{
  color: #FF0000;
}

div.Ajax div.Reply table
{
  font-weight: normal;
  font-style: normal;
  color: #000000;
  text-align: left;
  border: 1px solid #555555;
}

div.Ajax div.Reply td:first-child
{
  font-weight: bold;
}

div.Loader
{
  margin: 10px;
  padding: 10px;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  color: #008800;
}

/*------------------------------------------------------------------------------
    Data Tables
------------------------------------------------------------------------------*/

div.Data
{
  overflow-y: auto;
  overflow-x: auto;
  margin: 0px auto;
}

div.Data table
{
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 1px auto;
  color: #000000;
  font-size: 8pt;
  cursor: pointer;
}

div.Data tr.Even
{
  background-color: #FFFFFF;
}

div.Data tr.Odd
{
  background-color: #F7F7F7;
}

div.TrackRows tr:hover
{
  background-color: #CCCCCC;
}

div.Data th
{
  background: url("img/table_hdr.gif") top left;
  color: #FFFFFF;
  font-family: "arial";
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  padding: 0px 10px 0px 10px;
  border-left:1px solid #004898;
  border-right:1px solid #002854;
  height: 20px;
}

div.Data th:lang(ar)
{
  font-style: normal;
  font-weight: normal;
}

div.Data td
{
  padding: 1px 2px;
  border: #DDDDDD 1px solid;
}

div.NoWrap td, div.NoWrap th
{
  white-space: nowrap;
}

div.NoOverflow
{
  overflow: hidden;
}

div.Footnotes
{
  width: 80%;
  margin: 0px auto;
  font-size: 8pt;
  text-align: center;
  color: #888888;  
}

div.Footnotes img 
{
  vertical-align: middle;
}

div.Justified
{
  text-align: justify;
}

.Money
{
  text-align: right;
  white-space: nowrap;
}

.Number
{
  text-align: center;
  white-space: nowrap;
}

.Fax, .Tel, .Mobile
{
  font-weight: bold;
  white-space: nowrap;
  color: #000000;
}

/*------------------------------------------------------------------------------
    Ranking Matrix Tables
------------------------------------------------------------------------------*/
	
div.Field div.Data table
{
  width: 100%;
}

div.Field div.Data th
{
  background: #004898;
  border:1px solid #002854;
  font-family: "arial narrow";
  font-size: 8pt;
  text-align: center;
}

div.Field div.Data td + td 
{
  text-align: center;
}

/*------------------------------------------------------------------------------
    Accounting Documents (Orders, Invoices, Statements etc)
------------------------------------------------------------------------------*/

.AccDoc
{
  margin: 5px auto 0px auto;
  background: #FFFFFF;
  padding: 10px;
  border: 1px #000000 solid;
}

.AccDoc .Data table
{
  width: 100%;
}

.AccDoc td em
{
  color:#888888;
  font-style: italic;
}

.AccDoc div.Status
{
  float: left;
  height: 50px;
  margin: 10px 0px 0px 0px;
  padding: 5px;
}

.AccDoc div.Status img
{
  float: left;
  margin: 0px 5px 0px 0px;
}

.AccDoc div.Totals
{
  float: right;
  height: 50px;
  margin: 10px 0px 0px 0px;
  padding: 5px;
}

.AccDoc div.Totals table
{
  border: 0px;
  margin: 0px 0px 0px auto;
}

.AccDoc div.Totals TD
{
  background: #ffffff;
  font-size: 10pt;
  border: 0px;
  padding: 0px 5px;
}

.AccDoc div.Totals .Money
{
  font-weight: bold;
}

.AccDoc div.Account
{
  clear: both;
  margin: 0px auto 0px 0px;
  padding: 10px 5px 0px 5px;
  font-size: 8pt;
  color: #777777;
}

.AccDoc div.Account p
{
  margin-bottom: 5px;
  font-style: italic;
}

table.Invoice
{
  width: 100%;
}

table.Invoice td
{
  border:1px solid #AAAAAA;
  padding:5px;
}

table.Invoice pre
{
  margin:0px;
  padding:0px;
}

/*------------------------------------------------------------------------------
    Schedule of Events
------------------------------------------------------------------------------*/

table.Schedule
{
  margin: 5px auto 5px auto;
  background: #FFFFFF;
  padding: 10px;
  border: 1px #000000 solid;
}

table.Schedule img
{
  margin: 0px 1px 0px 1px;
  vertical-align: middle;
}

table.Schedule div.Data td
{
  padding: 0px 5px;
}

table.Schedule span.Indent
{
  margin-left: 20px;
}

table.Schedule span.GroupName
{
  background: url('img/icon-eventgrp.png') bottom left no-repeat;
  padding: 0px 0px 0px 20px;
  font-weight: bold;
  line-height: 20px;
}

table.Schedule span.ItemName
{
  background: url('img/icon-event.png') bottom left no-repeat;
  padding: 0px 0px 0px 20px;
  font-weight: normal;
  line-height: 18px;
}

table.Schedule span.ListName
{
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}

table.Schedule span.ListValue
{
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
}

/*------------------------------------------------------------------------------
    Tree Views
    Tree views are implemented using arbitrarily nested Unordered Lists (UL)
    within these div tags: <div class="Tree"> {ul-tree} </div>
------------------------------------------------------------------------------*/

div.Tree label {
  display: inline;
}

div.Tree ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 0px 20px;
}

div.Tree ul.Root {
  margin: 0px 0px 0px 0px;
}

div.Tree span.Caption {
  float: left;
  width: 150px;
}

/*------------------------------------------------------------------------------
    Group Lists
------------------------------------------------------------------------------*/

div.Groups
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow: hidden;
}

div.Groups a
{
  display: inline-block;
  width: 150px;
  /*height: 150px;*/
  margin: 0px;
  padding: 10px;
  overflow: hidden;
  text-decoration: none;
  vertical-align: top;
}

div.Groups a:hover
{
  background-color: #004694;
  color: #FFFFFF;
}

div.Groups span.Caption
{
  display: block;
}

/*------------------------------------------------------------------------------
    Task Lists
------------------------------------------------------------------------------*/

div.Tasks
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow: hidden;
}

div.Tasks a
{
  display: inline-block;
  width: 125px;
  height: 80px;
  margin: 0px;
  padding: 10px;
  overflow: hidden;
  text-decoration: none;
}

div.Tasks a:hover
{
  background-color: #004694;
  color: #FFFFFF;
}

div.Tasks span.Caption
{
  display: block;
}

/*------------------------------------------------------------------------------
    Thumbnail Catalogues (Products & Exhibitors)
------------------------------------------------------------------------------*/

div.Thumbnails
{
  text-align: center;
  border: #888888 3px solid;
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

div.Thumbnails div.Titles
{
}

div.Thumbnails a
{
  float: left;
  width: 170px;
  height: 125px;
  margin: 0px;
  padding: 10px;
  overflow: hidden;
  text-decoration: none;
  color: #0068CE;
}

div.Thumbnails a:hover
{
  background-color: #004694;
  color: #FFFFFF;
}

div.Thumbnails img
{
  margin: 0px;
  padding: 0px;
  width: 96px;
  height: 96px;
  border: #555555 1px solid;
}

div.Thumbnails span.Caption
{
  display: block;
  font-weight: bold;
}

div.Thumbnails div.Custom
{
  margin-top: 10px;
  border: #555555 3px solid;
  padding: 10px;
  background-color: #888888;
}

div.Thumbnails div.Summary
{
  background-color: #AAAAAA;
  margin-bottom: 10px;
}

div.Thumbnails + div.Thumbnails
{
  margin-top: 10px;
}

/*------------------------------------------------------------------------------
    Item listing (Products & Exhibitors)
------------------------------------------------------------------------------*/

div.Itemlist
{
  width: 740px;
  margin: 0px auto 0px auto;
  padding: 10px;
  overflow: hidden;
  border: #888888 3px solid;
}

div.Itemlist td em
{
  color:#888888;
  font-style: italic;
}

/*------------------------------------------------------------------------------
    Item Details (Products & Exhibitors)
------------------------------------------------------------------------------*/

div.CatalogDesc
{
  width: 740px;
  margin: 10px auto 10px auto;
  padding: 10px;
  border: #555555 3px solid;
}

div.CatalogDesc img
{
  border: #555555 1px solid;
}

div.CatalogDetails
{
  width: 740px;
  margin: 10px auto 10px auto;
  padding: 10px;
  border: #555555 3px solid;
}

/*------------------------------------------------------------------------------
    Attachment Lists
------------------------------------------------------------------------------*/

div.Attachments
{
}

div.Attachments table
{
}

/*------------------------------------------------------------------------------
    Buttons
------------------------------------------------------------------------------*/

button.bButton
{
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  width:auto;
  overflow:visible;
}

button.bButton img
{
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

button.bAction
{
  font-size: 10pt;
  font-style: normal;
  cursor: pointer;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  width:auto;
  overflow:visible;
}

button.bAction img
{
  margin: 0px;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
}

input.bSave
{
	background: #DDDDDD url("img/save.gif") center no-repeat;
	text-align: right;
	width: 25px;
  height: 25px;
  cursor: pointer;
}

input.bPreview
{
	background: #DDDDDD url("img/preview.gif") center no-repeat;
	text-align: right;
	width: 25px;
  height: 25px;
  cursor: pointer;
}

input.bDetails
{
	background: #DDDDDD url("img/properties.gif") center no-repeat;
	text-align: right;
	width: 25px;
  height: 25px;
  cursor: pointer;
}

input.bMore
{
  width: 20px;
  height: 18px;
  border:1px;
  cursor: pointer;
}

/*------------------------------------------------------------------------------
    Mail Shots
------------------------------------------------------------------------------*/

#BarMembers			  {background: #FFFFFF; border: 1px solid black;}
#BarPending			  {background: #8888FF; border: 1px solid black;}
#BarSent			    {background: #008800; border: 1px solid black;}
#BarRead			    {background: #00FF00; border: 1px solid black;}
#BarUnsubscribed	{background: #FF0088; border: 1px solid black;}
#BarRejected		  {background: #880000; border: 1px solid black;}
#BarFailed			  {background: #AA3333; border: 1px solid black;}
#BarBounced			  {background: #FF8888; border: 1px solid black;}
#BarDuplicate		  {background: #777777; border: 1px solid black;}
#BarNotSubscribed	{background: #AAAAAA; border: 1px solid black;}
#BarInvalid			  {background: #BBBBBB; border: 1px solid black;}
#BarExpired			  {background: #CCCCCC; border: 1px solid black;}
#BarCancelled		  {background: #DDDDDD; border: 1px solid black;}