/* 
client.css for PROTOTYPE 
drives colors and branding
*/
@charset "utf-8";
body {width:100%;font-family:Trebuchet MS, verdana, arial, sans-serif;font-size:100%;color:#000000;text-align:center;}
html {padding:0; margin:0}

.button {
  /*background-color: #4CAF50; !* Green *!*/
  border: none;
  color: white;
  padding: 5px 20px;
  text-align: right;
  text-decoration: none;
  /*display: inline-block;*/
  font-size: 16px;
}

.button-red{
  background-color: red; /* Green */
  border: none;
  color: white;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.center-element{
  margin: 0 auto;
  text-align: center;
}
.user-lists{
  margin: 0 auto;
}

.button:visited, .button:link, .button:visited,
.button-red:visited, .button-red:link, .button-red:visited{
  color:black;
}
/* main */
.main {margin:10px auto;padding:5px;width:900px;text-align:left;-moz-border-radius:10px;-webkit-border-radius:10px;border: 1px solid #fff;background:#fff;}

/****** header ******/
.header {
	background-color: #ffffff;
}

.block_header {margin:0px auto;padding:0;width:900px;text-align:left;-moz-border-radius:10px;-webkit-border-radius:10px;border:0;background:#fff;}

.block_header_alt {margin:0px auto;padding:0;width:900px;text-align:left;-moz-border-radius:10px;-webkit-border-radius:10px;background:#fff; border-bottom:solid 1px #ccc}

/* logo */

.logo {float:left; padding:10px; margin:0; width:257px;}

/* globals */

.meta_nav {float:right;margin:10px;list-style:none;font-size:12px;padding:20px;}
.clr {clear:both; padding:0; margin:0; background:none;}
a:link, a:active, a:visited {color:#000;}
a:hover { background-color:#ffffff;}

/*  menu */
.menu { background:#000066; clear:both;float:left;margin:0; width:900px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0 solid #000;list-style:none;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li {float:left;display:inline;padding:5px;}
.menu ul li a {float:left;padding:10px;font-size:12px;text-transform:uppercase;color:#999933;text-decoration:none;}
.menu ul li a span { padding:10px; background:none; margin:0; text-decoration:none;}
.menu ul li a:hover { background: #999933 right no-repeat; text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;color:#000066}
.menu ul li a:hover span { background:#ffffff left no-repeat; text-decoration:none;}
.menu ul li a.active {  background:#999933 right no-repeat; text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;color:#000066}
.menu ul li a.active span { background:#999933 left no-repeat; text-decoration:none;}

.my_button  { font-size:13px; background: #cccccc right no-repeat; text-transform:uppercase;color:#000;}

.purchase_order {border:2px solid #a1a1a1;
padding:10px 40px;
background:#98bf21;
width:300px;
cursor: pointer;
/*border-radius:25px;
-moz-border-radius:25px;*/}

/*
a:link, a:active, a:visited {color:#dfba12;}
a:hover {color:#df6e12;}

#wrapper #primary-navigation {background:#ce470c;}
#wrapper #primary-navigation a:link,
#wrapper #primary-navigation a:active,
#wrapper #primary-navigation a:visited {text-decoration:none;color:#231f20;}
#wrapper #primary-navigation a:hover {color:#fff;background:#231f20;-moz-border-radius:5px;-webkit-border-radius:5px;}*/

#wrapper #content #intro .box.full {width:600px;border:1px solid #231f20;background:#f5f5f5;}
#wrapper #content #intro .box.full h1 {color:#231f20;}
#wrapper #content #intro .box.full ol {list-style:decimal;list-style-position:inside;margin-left:10px;}

#wrapper #content #features .box.sm {background:#231f20;color:#fff;}

#wrapper #content #subsection .box.med {width:278px;border:1px solid #ccc;}

#content form .formitem.button input {color:#fff;text-transform:uppercase;border:none;-moz-border-radius:2px;-webkit-border-radius:2px;background:#999933;}

#footer {background:#ddd;}
#footer p {color:#777;}

/* Sidebar */
#wrapper #sidebar {float:left;margin:0 10px;width:156px;}
#wrapper #sidebar .section {float:left;margin:0 0 10px 0;padding:10px;width:134px;border:1px solid #c2c2c2;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#wrapper #sidebar .section h4 {float:left;margin:0;padding:3px 20px 3px 10px;width:104px;font-size:12px;color:#231f20;background:#ccc url(/images/nav-arrow.gif) no-repeat right 9px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none;font-weight:normal;cursor:pointer;}
#wrapper #sidebar .section h4.open {background-color:#ffd200;background-position:right -15px;}
#wrapper #sidebar .section ul {float:left;margin:0;list-style:none;}
#wrapper #sidebar .section ul li {float:left;margin:4px 0 0 0;width:134px;}
#wrapper #sidebar .section ul li a {float:left;margin:0;padding:3px 10px;width:114px;font-size:12px;color:#444;background:#e5e5e5;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none;}
#wrapper #sidebar .section ul li a:hover {background:#d5d5d5;}
/*box table A*/
.box-table-a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12;width:850px;text-align:left;border-collapse:collapse;}
.box-table-a th{font-size:13px;font-weight:normal;background:#b9c9fe;border-top:4px solid #aabcfe;border-bottom:1px solid #fff;color:#000;padding:8px;}
.box-table-a td{background:#e8edff;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;padding:8px;}
.box-table-a tr:hover td{background:#d0dafd;color:#339;}

/*box table B (for Reports)*/
.box-table-b{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:6;width:850px;text-align:left;border-collapse:collapse;}
.box-table-b th{background:#b9c9fe;border-bottom:1px solid #fff;color:#000;border-top:4px solid #aabcfe;;padding:8px;font-size:10px;}
.box-table-b td{background:#e8edff;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;padding:8px;font-size:10px;}
.box-table-b tr:hover td{background:#d0dafd;color:#339;font-size:10px;}

/* standalone meeting table*/
.meeting
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size=12;
width:100%;
border-collapse:collapse;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}
.meeting td, .meeting th 
{
font-size:10;
border:0px solid #98bf21;
border-bottom:1px solid	#98bf21;
padding:3px 7px 2px 7px;
}
.meeting th 
{
font-size:12;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#fff;
}
.meeting  td.alt 
{
color:#000;
background-color:#EAF2D3;
}



/* Data */

#wrapper #data {float:left;margin:0 0 0 10px;width:850px;}
#wrapper #data .datawrap {float:left;padding:1px;width:848px;border:1px solid #c2c2c2;}
#wrapper #data .datawrap  p.title {font-size:15px;color:#444;}
#wrapper #data .datawrap table { border:2px solid:#000000; }
#wrapper #data .datawrap table.data {margin:0;width:848px;border:1px solid #000000;}
#wrapper #data .datawrap table.data thead th,
#wrapper #data .datawrap table thead th,
#wrapper #data .datawrap table tbody th {padding:5px;font-size:12px;color:#fff;text-transform:uppercase;background:#787878 url(/images/table-th-bg.gif) repeat-x 0 0;}
#wrapper #data .datawrap table.data tbody td,
#wrapper #data .datawrap table tbody td {padding:5px;font-size:12px;color:#333;border-top:1px dashed #ccc;WORD-BREAK:BREAK-ALL;}
#wrapper #data .datawrap table.data tbody tr.alt td,
#wrapper #data .datawrap table tbody tr.alt td {background:#f2f2f2;}

#wrapper #data-exhibitor-registration {float:left;margin:0 0 0 10px;width:500px;}
#wrapper #data-exhibitor-registration .datawrap {float:left;padding:1px;width:498px;border:1px solid #c2c2c2;}
#wrapper #data-exhibitor-registration .datawrap  p.title {font-size:16px;color:#444;}
#wrapper #data-exhibitor-registration .datawrap table,
#wrapper #data-exhibitor-registration .datawrap table.data {margin:0;width:498px;border:1px solid #fff;}
#wrapper #data-exhibitor-registration .datawrap table.data thead th,
#wrapper #data-exhibitor-registration .datawrap table thead th,
#wrapper #data-exhibitor-registration .datawrap table tbody th {padding:5px;font-size:12px;color:#fff;text-transform:uppercase;background:#787878 url(/images/table-th-bg.gif) repeat-x 0 0;}
#wrapper #data-exhibitor-registration .datawrap table.data tbody td,
#wrapper #data-exhibitor-registration .datawrap table tbody td {padding:5px;font-size:12px;color:#333;border-top:1px dashed #ccc;WORD-BREAK:BREAK-ALL;}
#wrapper #data-exhibitor-registration .datawrap table.data tbody tr.alt td,
#wrapper #data-exhibitor-registration .datawrap table tbody tr.alt td {background:#f2f2f2;}

#wrapper #data #container {float:left;margin:10px 0;adding:1px;width:848px;border:1px solid #c2c2c2;}
#wrapper #data #container .highcharts-legend.highcharts-legend-vertical {position:absolute;top:0;right:0;margin:1px;border:1px solid #ddd;}
#wrapper #data #container .highcharts-legend.highcharts-legend-vertical ul {padding:10px;list-style:none;}
#wrapper #data #container .highcharts-legend.highcharts-legend-vertical ul li {font-size:11px;color:#666;}

.box.controls {margin:0 0 10px 0;width:654px;}
.box.controls table {margin:0;border:1px solid #B0D4D5;border-collapse:collapse;color:#333333;font-size:12px;width:652px;}
.box table th, .box table td {padding:5px;}
#badmin-toolbar {margin:10px;padding:3px;font-size:12px;color:#333;border:1px solid black;background:#ffc;font-style:italic;z-index:9999;;}
#content #userstatus {width:890px;margin-right:10px;font-size:12px;color:#666;text-align:right;}
#content #userstatus span {color:#7EA831;}

.alert {font-size:12px;color:#444;}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/calendar_date_select/calendar.gif) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -32px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 85px;
	float: left;
  /*  width: 240px;*/
    margin: 0 0 0 1px;
    border: 1px solid #000000;
}


#flash #flash_success {background:#ffc url(/images/icon-message.png) no-repeat 8px 10px;border:1px solid #CCCC44;color:#333333;font-size:14px;font-style:normal;font-weight:bold;margin:10px;padding:9px 30px;}
#flash #flash_error {background:#ffc url(/images/icon-message.png) no-repeat 8px 10px;border:1px solid #CCCC44;color:#333333;font-size:14px;font-style:normal;font-weight:bold;margin:10px;padding:9px 30px;}

#flash #flash_notice {background:#ffc url(/images/icon-message.png) no-repeat 8px 10px;border:1px solid #CCCC44;color:#333333;font-size:14px;font-style:normal;font-weight:bold;margin:10px;padding:9px 30px;}

.required {color: red;}

.reimbursement { margin-left:40px;}
.reimbursement_header {  margin-left:40px;color:#333399;}
.reimbursement_comment {color:#333399;font-size:12px;padding-left:10px;}
.reimb_highlight {border:1px solid black;text-align:top; }


.post {width:100%; display:table;}  
 .post span {padding:5px; border:3px solid #eee; margin:0;}  
 .post span.left {width:150px; background:#eee; border:3px solid #eee; display:table-cell;}  
 .post span.rightright { border:3px solid #eee; display:table-cell;}
 
  .forum {float:left;width:900px;}
  .forum tr th {background:#222; color:#fff; padding:0; border:#111 solid 1px;}  
  .forum  tr td {border:1px #ccc solid; padding:5px;}  
  .forum  tr td.rightright {background: #eee;}  
  .forum  tr td h4 {margin:0; padding:0; font-weight:normal;}