body {
    background: #fcfcfc;
    font-family:  'Open Sans','Helvetica Neue', Helvetica, Arial,  verdana, arial, sans-serif;
    line-height: 1.2em;
    color: #362F2D;	
    font-size:12px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}

td {
  font-family:verdana, arial, sans-serif;
}

a.menuitem {
  color:black;
  text-decoration:none;
}

#layout {
	font-size: 100%;
}

.title {
	font-size: 150%;
	font-weight: bold;
	color: #092360;
}

.locationBox, .locationBox a { 
  color: gray;
  text-decoration: None;
  font-size: 0.9em;
}
.location {
  #font-size: 0.9em;
}
#taglineBar tr td{
  background:#739bb4;
  color: white;
  border-bottom: 2px solid #fff; 
}

#locationBar {
    background-image: url("/assets/macc/images/clouds3.png");
}

.userInfoBox, .userInfoBox a { 
  color: #e0dfe5;
  text-decoration: None;
}

.actions a {
  text-decoration: None;
  color: #000000;
  font-size: 100%;
  font-weight: bold;
}

/* ******************************************************************************* */

#banner_right img {
	margin: 0;
	padding: 0;
	margin-right: 3px;
}


#banner_right input, table.searchBox input { 
  border: 1px solid #a0a0aa;
  color: #baaaaa;
  padding: 2px;
  margin: 0;
  background: url("/assets/macc/images/search_content.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-color: #fcfcfc;
}

#banner_right form { 
  margin: 0;
  padding: 0;
}

#content, #contentNoMargin, .contentMiniBox {
  font-size: 100%;
  background-color: #fafaff;
  border: 0px solid #e8e8e8; 
  line-height: 1.4em;
}

.header {
  background-color: #f1f7fd;
}

.newsdate, .newsdate a {
  color: #81b5ef;
}

.spare1 {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

/* Related Menu */

table.related, table.editSpareBox {
	margin-bottom: 8px;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}

/*table.children {
    border: 0;
    border-spacing: 0px;
    margin: 0;
    padding: 0;
    border-style:none;
}

table.children tr{
    padding: 0;
    margin:0; 
}

table.children td{
    border:1px solid #E3E8E9;
    padding: 0px; 
    border:1px solid #E3E8E9;
    background-color: #fcfcfc; 
}*/

table.related th, table.editSpareBox th, table.spareBox th, table.spareBox2 th, table.toc th { 
  padding-left: 3px;
  text-align: left;
  text-decoration: underline;   
  color: #617fa5;
}

table.related th a, table.editSpareBox th a, table.spareBox2 th a, ul.related li a { 
  text-decoration: None;
  color: #617fa5;
  text-decoration: underline;   
}

table.related td a, td.related a, table.editSpareBox td a, table.children td a { 
  text-decoration: None;
  font-weight: normal;  
  color: #617fa5;
  text-indent:5px;
}

table.related td, td.related, table.editSpareBox td, table.children td { 
  color: #02029a;
  font-size: 100%;
  border-left:      0px;
  border-right:     0px;
  padding-left: 6px; 
}

/* Menu Tree */

table.menu_tree_table {
  padding-bottom: 2px;
}

td.menu_tree_title_td {
  vertical-align:top;
  width: 100px;
  border-left: 1px solid #aaaaaa;
}

td.menu_tree_other_td {
  margin-bottom: 110%;
}

h1 {
    font-size: 140%;
    color: #092360;
    padding-top: 8px;
}

#content h1 {
    padding-top: 0px;
}

h2 {  	
	background-color:#f0f0ff;
	color:#092360;
	font-size: 120%;
	padding: 3px;
	padding-left: 3px;
	padding-right: 40px;
}

h3 {
	padding: 3px;
	padding-left: 15px;
	padding-right: 40px;	
}

h3.services {
	padding: 3px;
	margin-top:0px;
}

h3.services a {
    text-decoration:none;
    color:black;
	font-weight:700;
}

p.services {
    color: #295ba7; 
	padding: 3px;
}

/* Menu Editing */

table.menuForm th {
	background-color: #c3d4e9;
	color: #000000;
	font-size: 110%;
	padding-left: 11px;
	padding-right: 4px;
	text-align: right;
}

table.menuForm td {
	color: #000000;
	font-size: 110%;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
}

table.menuForm input {
	color: #000000;
	font-size: 110%;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	border: 1px solid #aaaaaa;
}

table.spareBox, table.spareBox2, table.spareBox3 {
	border: 0;
}

table.spareBox th, table.spareBox caption {
	background-color: #5471b2;
}

table.spareBox caption {
        background-color: #ffffbb;
        border:  thin solid #000000;
}

table.spareBox tr td.channel,
table.spareBox tr td.none {
        background-color: #ffffbb;
}

table.spareBox td.channel a {
	font-size: 10px;
	font-weight: Bold;
	text-decoration: None;
}

table.spareBox td.title a {
	font-size: 120%;
	font-weight: Normal;
	text-decoration: None;
	line-height: 190%;
}


table.spareBox td.none {
        border-top: thin solid #000000;
        border-left: thin solid #000000;
}

table.itemList {
	width: 100%;
	background:#ffffff;
	border: 1px solid #617FA5;
	margin-top: 7px;
}

table.itemList td {
	padding:2px;
}
table.itemList caption {
	text-align:left;
	color: #617FA5;
	font-weight: bold;
	padding: 2px;
}

table.itemList caption {
	background: #eff5fd;
}

table.itemList tr.odd {
	background: #fcfcff;
}

table.itemList tr.even {
	background: #eff5fd;
}

table.itemList a {
  text-decoration: None;
  font-weight: normal;  
  color: #617fa5;
/*   font-size: 90%; */
}

table.includedItemHighlighted {
	border: 1px dashed #81b5ef;
}


table.borderTopBottom {
	border-top: 1px solid #1f5370; 
	border-bottom: 1px solid #1f5370;
}

table.fieldsTable th {
	text-align: right;
	color: #617fa5;
	padding: 4px;
	padding-left:25px;
}
table.fieldsTable input, table.fieldsTable textarea, table.fieldsTable select {
    border: 1px solid  #617fa5; 
}


table.listing a {
	text-decoration: None;
	color: #000000;
	width: 100%;
/* 	font-size: 90%; */
}

table.listing caption {
	background:#ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

table.listing {
	border: 0px;
	width: 100%;
}

table.listing th, th.header {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	background: #e0f0ff;
}

ul.listing {
	margin-top: 10px;
	margin-bottom: 5px;
}

pre.code {  font-family:Courier, monospace;
  	white-space: pre;
  	color: #990066 ;
}

table.toc {
	width: 100%;
}

table.toc th {
	background-color:#617fa5;
	color: white;
}

table.toc td.toc1 {
 	background: #e0f0ff;
  	color: #02029a;
  	margin-bottom: 1px;
  	font-weight: bold;
}

table.toc td.toc1 a {
	text-decoration: None;
	font-weight:normal;
	color: #5471b2;
}
table.toc td.toc2, table.toc td.toc3, table.toc td.toc4 {
	background: #fafaff;
	margin-bottom: 1px;
}
table.toc td.toc2 a, table.toc td.toc3 a, table.toc td.toc4 a {
	background: #fafaff;
	margin-bottom: 1px;
	text-decoration: None;
  	color: #5471b2;
}
table.toc td.toc3 {
	padding-left: 5px;
}
table.toc td.toc4 {
	padding-left: 10px;
}


table.searchBoxes td {
	vertical-align: bottom;
}

table.searchResults {
	margin-top: 6px;
}

table.searchResults td {
	font-size: 10px;
	padding: 0;
}

table.searchResults td.notauthorized a {
	color: #777777;
}

table.searchResults td em {
	font-weight: bold;
	font-size: 110%;
}

div.resultHeader {
	font-size: 10px;
	margin: 2px;
}

div.noresultHeader {
	font-size: 10px;
	margin: 2px;
}

div.didyoumean {
	font-size: 9px;
	margin: 2px;
}

table.pages a {
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}


/*  ----------------  NAVIGATION MENUS --------------------   */

table.navigation, table.navigation_side_menu_title, table.action_side_menu_title, table.yellow_side_menu_title , table.related { 
  width:100%;
  padding-left:3px;
  border-collapse:collapse;
}

table.navigation tr, table.navigation_side_menu_content tr, table.action_side_menu_content tr,  table.action_side_menu tr,  table.yellow_side_menu_content tr, table.related tr {
  width:100%; 
  background-color:#e3e8e9;
  color:#362F2D;
  line-height:1.5em;
  padding:2px 0 2px 5px;
  border-bottom:2px solid #FFF;
}


table.navigation th, table.navigation_side_menu_title tr, table.action_side_menu_title tr , table.yellow_side_menu_title tr{
  width:100%;
  text-align:left; 
  background-color:#d1d37e;
  color:#333;
  border-bottom:2px solid #FFF;
  line-height:1.5em;
}

table.action_side_menu_title td{
  color:white;
  background-color: #D29B0A;
  padding-left:3px;
}

table.yellow_side_menu_title td{
  color:white;
  background-color: #739bb4;
  padding-left:3px;
}

table.navigation th.selected, table.navigation_side_menu_title tr.selected {
  border-top:1px solid #AAA;
}

table.navigation tr.selected a, table.navigation_side_menu_content tr.selected a {
  text-decoration:none;
  color: #739bb4;
}

table.navigation tr a, table.navigation_side_menu_content tr a, table.action_side_menu_content tr a, table.yellow_side_menu_content tr a{
  text-decoration:none;
  color: #739bb4;
}
table.navigation td, table.navigation_side_menu_content td, table.action_side_menu_content td, table.yellow_side_menu_content td{
  padding-left:5px;
}

table.navigation th a, table.navigation_side_menu_title tr a {
  text-align:left; 
  color:#362F2D;
}

table.navigation th, table.navigation_side_menu_title tr {
  border-bottom:2px solid #FFF;
  text-align:left; 
  border-left:1px solid #FFF;
  border-right:1px solid #FFF;
}

#othermenu table.navigation_side_menu_title span{
  text-indent:3px;
}

table.navigation th {
  border-left:1px solid #FFF;
  border-right:1px solid #FFF;
  line-height:1.5em;
  padding-left:3px;
}

table.navigation tr, table.navigation_side_menu_content tr {
  border-bottom:2px solid #FFF;
  border-left:1px solid #FFF;
  border-right:1px solid #FFF;
  line-height:1.5em;
}

table.navigation, table.navigation_side_menu_title, table.children tr {
  border-bottom:1px solid #d0d0d0;
  background-color: #fff;
}

table.navigation table.children tr:last-child, table.navigation_side_menu_title table.children tr:last-child {
  border-bottom:0;
}

table.navigation_side_menu_content span.menucurrent{
    padding-left: 12px;
    text-decoration: none;
    font-weight: bold;
    background-image:url("/assets/macc/images/arrow.gif");
    background-repeat:no-repeat;
    background-position:0px 0.4em;
}

table.action_side_menu form{
    color: #739bb4;
}

table.navigation_side_menu_title table tr {
  border: 0;
}  

table.navigation_side_menu_title span.menuitem {
  padding-left:3px;
  padding-right:2px;
  white-space: nowrap;
}

#sidemenu {
   font-size: 100%; 
}


#content {
    padding: 1px;
}


#content table.content_title tr{
    background-color: #739bb4;
}

#content table.content_title {
    background-color: #739bb4;
}


#content  table.content_title b{
    padding-left:5px;
    color: white;
}

#content  table.content_body {
    border: 1px solid #739bb4;
}

#content  table.content_body td{
    padding:3px 1px 3px 1px;
}

/*
table.selected td{
    color: #d1d37e;
    border-bottom: 1px solid white;
    background-color: #362F2D;
}
*/

table.links {
    margin-bottom: 2px;
    border-bottom:3px solid #FFFFFF;
}


table.links /*td, table.navigation td*/ {
    text-align:left;
    width: 100%;
    border: 0px;
    color: #739bb4;
    text-decoration: none;
    background-color: #e3e8e9;
}

table.links td {
    border-top: 1px solid white;
}

table.other th {
    text-align:left;
    width: 100%;
    margin-bottom: 1px;
    border: 0;
    color: white;
    text-decoration: none;
    background-color: #739bb4; /*#d29b0a;*/
    border-bottom:1px solid #FFFFFF;
}

table.admin th {
    text-align:left;
    width: 100%;
    border: 0;
    color: white;
    text-decoration: none;
    background-color: #d29b0a; /*#c8d300;*/
}

table.relatedServicesbyTheme th { 
    background-color:#a0acb5;
}

table.relatedServices th { 
    background-color:#a9b5a5;
}

table.relatedServicesbyUser th { 
    background-color:#a9b5a5;
}

#tagline {
  background:#739bb4;
  display:inline;
  padding-left:40px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  white-space:nowrap;
}

/* ========= Dropdown Menu Styles =========== */

#modernbricksmenu tr td{
  background-color:#739bb4;
}


#modernbricksmenu ul{
  font: bold 11px Arial;
  margin: 0; 
  white-space:nowrap;
  list-style-type: none;
/*   margin-left: auto; */
/*   margin-right: auto; */
  padding: 0;
  text-align: center;
}

#modernbricksmenu li{
 overflow:hidden;
 float: left;
  margin:0 0px;
 text-transform:uppercase;
 text-align:center;
 white-space:nowrap;
}

#modernbricksmenu ul li a{
  display: block;
  color: white;
  margin: 0; 
/*  padding: .5em 1em; */
  padding: 5px 8px; 
  text-decoration: none;
  letter-spacing: 1px;
  background-color: #739bb4; 
  border-right: 1px #ffffff solid;
  border-bottom: 1px #ffffff solid;
  border-top: 1px #ffffff solid;
  font-size: 12px;
}


#emptyLi {
float: right;
display: block;
color: white;
margin: 0; 
width:1.1em;
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #739bb4; 
border-right:0;
border-bottom: 1px #ffffff solid;
 border-top: 1px #ffffff solid;
}

* html #modernbricksmenu li a { /* make hover effect work in IE */
width: 100%;
}

#modernbricksmenu a:hover{
 background-color: #71979f; /*Menu hover bgcolor*/
}

#protected a:hover{
 background-color: #71979f; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
/* background-color: #c8d300; */
 background-color: #d1d37e;
 border-color: #d1d37e;
 color: #362F2D;
 border-right: 1px #ffffff solid;
}

#modernbricksmenu #protected a{ /*protected tab*/
 background-color: #d29b0a;
 border-color: gray;
 color: white;
 border-bottom: 1px #ffffff solid;
 border-top: 1px #ffffff solid;
 border-right: 1px #ffffff solid;
}

#modernbricksmenuline{
clear: both;
width: 100%;
height: 5px;
/* border-top: 2px solid white; */
line-height: 5px;
background: #d1d37e; /*#c8d300; */ 
}

.flags {
  margin-left: -5px;
  padding-right:5px;
  text-align:center;
}

.logos {
    display: inline;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 0 none;
    white-space: nowrap;
  }

#toplinks {
  display:inline;
  margin:5px;
  float:right;
  color:white;
  font-size:0.9em;
}

#toplinks a{
  color:white;
  font-weight:bold;
  display:inline;
}

div.headlines_container {
#  background-color: #4F89BD;
  float:right;
  background-color: #A9B5A5;
  color: #A9B5A5;
  border-style:solid;
  border-width:0px;
  margin-left:5px;
  background:#fff url(/assets/macc/images/ragged-right.gif) repeat-y left top;
}


table.headlines {
  color:#4F89BD;
  border-style:solid;
  border-width:2px;
  width: 250px;
  float:right;
  background:transparent url(/assets/macc/images/ragged-left.gif) repeat-y right top;
#  padding-left: 15px;
#  padding-right: 15px;
  text-decoration:none;
}

table.headlines th{
 background-color: #D29B0A;
 color: white;
 border-bottom:2px solid 4F89BD;
}

.headlines td{
  padding: 2px;
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px dotted #4F89BD;
}

.headlines a{
  text-decoration:none;
  color:#4F89BD;
}

.partners
{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #333;
  width:100%;
}

.partners th, .partners td
{
  border: 1px dotted #666;
  padding: 0.5em;
  text-align: left;
}

.partners a
{
  text-decoration:none;
  color: #617FA5; 
}

.partners th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

/* News command */

table.news {
	width: 100%;
}

table.news th a {
	color: #4F89BD;
	text-decoration: None;
}

table.news th {
	text-align:left;
}

table.news table {
	border-bottom: 1px dotted #cccccc;
	width: 100%;
	margin-bottom: 10px;
}

table.news td.text {
	vertical-align:top;
	padding: 4px;
}

table.news td.thumbnail {
	vertical-align:top;
	padding: 2px;
	width: 124px;
}

#label {
#  width: 4em;
#}

label
{
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block
}

input
{
  border: 1px solid #708090;
}

textarea
{
  border: 1px solid #708090;
}

.submit input
{
  color: #000;
  border: 2px outset #d7b9c9
}

fieldset {
  border: 1px solid #708090;
  background : #fafaff; 
  position: relative; 
  line-height: 1.5em;
}

legend
{
  position: absolute;
  top: -.5em;
  left: .2em;
  color: #000;
  font-weight:700;
} 

input:focus,
input.error:focus, 
textarea:focus 
{   
  background-color: #FFC; 
  border-color: #FC6; 
}

table.forms tr td {
    padding: 5px;
}

/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #E3E8E9; border: #FFF 4px solid; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-container textarea.error { border-color: #C00; background-color: #FEF; }


div.menu table {
  margin:0;
  border: 1px solid #617fa5;
}

div.menu table tr td{
  border: 0px;
}

div.menu a.menuitem {
  font-size: medium;
  text-decoration: None;
  color: #617fa5;
  font-size: small;
  text-decoration: underline; 
}

table.fileListing a {
  width:100%;
  color: #667;
  text-decoration: None;
  font-family: Tahoma, sans-serif;
}

table.fileListing tr.edit, table.fileListing tr.edit th, table.fileListing tr.edit td  {
	background: #eec;
	border:0;
	padding:0;
	padding-right:2px;
	text-align:right;
}

table.fileListing tr.edit {
  border-bottom:1px solid #739BB4;
}

table.fileListing tr.edit table {
	width: 100%;
}

table.listing input, table.fileListing input {
	color: black;
}

table.fileListing tr.edit,table.fileListing tr.edit th {
	background: #eec;
	padding:10px;
    height:1.5em;
}

table.fileListing {
  width: 100%;
  border-collapse:collapse;
  font-family:verdana, arial, sans-serif;
  line-height:2em;
}

table.fileListing tr.odd {
  background:#eee;
}

table.fileListing th {
  color: black;
  line-height:1.5em;
  text-align: left;
  border-bottom:2px solid #739BB4;
  padding-left:2px;
}

table.fileListing thead tr {
  color:#fff;
  height:2em;
  }
  
table.fileListing tbody th {
  color: #000;
  line-height:1.5em;
}
  
table.fileListing tbody tr.odd th {
  border-right:1px solid #eee;
  }

table.fileListing tbody td {
  #color:#363;
  color:black;
  height:2em;
  border-bottom:1px solid #739BB4;
}
  
table.fileListing tbody td a {
  color:#000;
  font-weight:normal;
  padding-left:2px;
}

table.fileListing tbody td a:hover {
  color:#000;
  font-weight:normal;
  text-decoration:underline;
}

table.fileListing tr.upload {
  text-align:right;
  border-bottom:0;
  border-top:2px solid #739BB4;
}

table.fileListing tr.upload td{
  border-bottom:0;
}



table.Deliverables a {
  width:100%;
  color: #667;
  #text-decoration: un;
  font-family: Tahoma, sans-serif;
}

table.Deliverables span.edit {
  background-color: #333;
}

table.Deliverables span.edit a {
  color: #3f3;
}

table.Deliverables span.edit a:hover {
  color:#fcc;
}


table.Deliverables tr.edit,table.Deliverables tr.edit th {
	background: #eec;
	padding:10px;
    height:1.5em;
}

table.Deliverables {
  width: 100%;
  border-collapse:collapse;
  font-family:verdana, arial, sans-serif;
  line-height:2em;
}

table.Deliverables tr.odd {
  background:#eee;
}

table.Deliverables th {
  color: black;
  line-height:1.5em;
  text-align: left;
  border-bottom:2px solid #739BB4;
  padding-left:2px;
}

table.Deliverables thead tr {
  color:#fff;
  height:2em;
  }
  
table.Deliverables tbody th {
  color: #000;
  line-height:1.5em;
}
  
table.Deliverables tbody tr.odd th {
  border-right:1px solid #eee;
  }

table.Deliverables tbody td {
  color:black;
  font-size:0.9em;
  height:2em;
  border-bottom:1px solid #739BB4;
  padding:0 1px 0 5px;
}
  
table.Deliverables tbody td a {
  color:#000;
  font-weight:normal;
  padding-left:2px;
}

table.Deliverables tbody td a:hover {
  color:#000;
  font-weight:normal;
  text-decoration:underline;
}



table.portfolio { 
  width: 100%; 
  background-color: #fafafa;
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-spacing: 0px; 
  padding: 3px;
}

table.portfolio th { 
  background-color: #667;
  border-bottom: 1px #000000 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #eee; 
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 2px; 
}

table.portfolio td { 
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  color: #404040;
  background-color: #fafafa;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 2px; 
  text-align: center;
}

table.portfolio th:first-child, table.portfolio td:first-child {
 text-align: left;
}

table.portfolio a.av {   
  color: #005800; 
} 


table.portfolio2 {
  width: 100%;
  background-color: #fafafa;
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 3px;
}

table.portfolio2 th {
/*  background-color: #667;*/
  background-color: #F0F0FF;
  color: #092360;
  border-bottom: 1px #000000 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
/*  color: #eee; */
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 2px;
}

table.portfolio2 td {
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  color: #404040;
  background-color: #fafafa;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 2px;
/*  text-align: center;*/
}


table.experimentLog { 
  background-color: #fafafa;
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-spacing: 0px; 
  padding: 3px;
}

table.experimentLog th { 
  background-color: #667;
  border-bottom: 1px #000000 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #eee; 
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 2px; 
}

table.experimentLog td { 
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  color: #404040;
  background-color: #fafafa;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 2px; 
  text-align: center;
}

table.experimentLog th:first-child, table.portfolio td:first-child {
 text-align: left;
}

table.experimentLog caption {
 font-weight: bold;
}

table.services {
 font-weight: bold;
}



table.data_products { 
  border:1px solid #333333;
  padding:7px;
  text-align: center;
  width:100%;
}
 
table.data_products th { 
  background-color:#E0F0FF;
  font-size:10px;
  font-weight:bold;
  padding:7px;
}

table.data_products tr { 
  border:1px solid #333333;
}
 
table.data_products td { 
  padding:7px;
  text-align: center;
  border:1px solid #333333;
}
 

table.data_products a { 
  color: black;
  font-weight:bold;
  text-decoration:none;
}

table.data_products img {
  border:0;
  padding:2px;
}

.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.dd .ddTitle {
	background:#f2f2f2;
	border:1px solid #c3c3c3;
	padding:3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:16px;
}
.dd .ddTitle span.arrow {
	background:url(/assets/macc/images/dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer;
}

.dd .ddTitle span.textTitle {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.textTitle img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background:#66CCFF;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background:#66CCFF;

}

.hidden {display:none;}


#ticker-wrapper * {
	margin: 0px;
}
#ticker-wrapper.has-js {
	margin: 0px 0px 0px 0px;
	width: 640px;
	height: 30px;
	border: 1px solid #CFCFCF;
	display: block;
	#font-family: Arial;
	font-size: 0.9em;
}
#ticker {
	padding: 0px 0px 0px 10px;
	width: 555px;
	height: 23px;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: #FAFAFF;
}
#ticker-title {
	padding-top: 7px;
	float: left;
	color: #990000;
	font-weight: bold;
	background-color: #FAFAFF;
	text-transform: uppercase;
}
#ticker-content {
	margin: 0px;
	padding-top: 7px;
	float: left;
	position: absolute;
	color: #1F527B;
	font-weight: bold;
	background-color: #FAFAFF;
}
#ticker-content:focus {
	none;
}
#ticker-content A {
	text-decoration: none;
	color: #1F527B;
}
#ticker-content A:hover {
	text-decoration: underline;
	color: #0D3059;
}
#ticker-swipe {
	padding-top: 7px;
	position: absolute;
	top: 0px;
	left: 80px;
	background-color: #FAFAFF;
	display: block;
	width: 600px;
	height: 23px;
}
#ticker-swipe SPAN {
	margin-left: 1px;
	background-color: #FAFAFF;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;
}
#ticker-controls {
	padding: 7px 10px 0px 0px;
	list-style-type: none;
	float: right;
}
#ticker-controls LI {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
#ticker-controls LI#play-pause {
	background-image: url('/assets/macc/images/controls.png');
	background-position: 32px 16px;
}
#ticker-controls LI#play-pause.over {
	background-position: 32px 32px;
}
#ticker-controls LI#play-pause.down {
	background-position: 32px 0px;
}
#ticker-controls LI#play-pause.paused {
	background-image: url('/assets/macc/images/controls.png');
	background-position: 48px 16px;
}
#ticker-controls LI#play-pause.paused.over {
	background-position: 48px 32px;
}
#ticker-controls LI#play-pause.paused.down {
	background-position: 48px 0px;
}
#ticker-controls LI#prev {
	background-image: url('/assets/macc/images/controls.png');
	background-position: 0px 16px;
}
#ticker-controls LI#prev.over {
	background-position: 0px 32px;
}
#ticker-controls LI#prev.down {
	background-position: 0px 0px;
}
#ticker-controls LI#next {
	background-image: url('/assets/macc/images/controls.png');
	background-position: 16px 16px;
}
#ticker-controls LI#next.over {
	background-position: 16px 32px;
}
#ticker-controls LI#next.down {
	background-position: 16px 0px;
}
.js-hidden {
	display: none;
}

table.product_search {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
    margin-left: 10px;
    font-size:0.8em;
}
table.product_search th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: #F0f0f0;
	-moz-border-radius: 0px;
}

table.product_search td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 0px;
}


#myform div {
#	float: left;
#	position: relative;
	margin-top: 3px;
	margin-bottom: 3px;
}

label.product_search {
	font-weight:700;
}

div.catalogue {
	margin-top: 2em;
}
div.catalogue img {
	margin-left: 1px;
}

table.service_notes {
  font-size : 0.7em;
  margin-top: 2em;
  color: #000;
}

table.service_notes th {
  background-color:  #e0e0e0;   ##e2ef15;
  color: #000;
}

table.service_notes td {
  color: #3D3D3D;
  background-color: #f0f0f0;
  position: relative; 
}

table.service_notes td a {
  color: #000;
}

table.service_notes div.status_box {
   width: 1.0em;
   margin-top : -1px;
   height: 1.6em;
   float: right;
}

table.service_notes div.regional_service_status {
   background-image: url(/assets/macc/images/green_dot.png);
   background-repeat: repeat;
}

table.service_notes div.global_service_status {
   background-image: url(/assets/macc/images/amber_dot.png);
   background-repeat: repeat;
}

table.service_notes div.regional_service_change {
   background-image: url(/assets/macc/images/green_dot.png);
   background-repeat: repeat;
}

table.service_notes div.global_service_change {
   background-image: url(/assets/macc/images/amber_dot.png);
   background-repeat: repeat;
}


td.NOT_DUE_YET {
  background-color:#ffc000;
}
td.ON_TRACK {
  background-color:#ffc000;
}
td.COMPLETED {
  background-color:#66cc66;
}
td.DELAYED {
  background-color:#66ccff;
}
#NOT_DUE_YET {
  background-color:#fff;
}
#ON_TRACK {
  background-color:#ffc000;
}
#COMPLETED {
  background-color:#66cc66;
}
#DELAYED {
  background-color:#66ccff;
}

span.nobr { white-space: nowrap; }

#table.tablesorter {
#        font-family:arial;
#        background-color: #CDCDCD;
#        margin:10px 0pt 15px;
#        font-size: 8pt;
#        width: 100%;
#        text-align: left;
#}
table.tablesorter thead tr .header {
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
}
#table.tablesorter tbody td {
#        color: #3D3D3D;
#        padding: 4px;
#        background-color: #FFF;
#        vertical-align: top;
#}
#table.tablesorter tbody tr.odd td {
#        background-color:#F0F0F6;
#}
table.tablesorter thead tr .headerSortUp {
        background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
        background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

# service service_notes and changes info box