/* Normal Layout */
body, td, th, textarea, input, select, h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-size: 100%;
}
body {
  margin: 5px 0 0 0;
/*  background: #fff url(images/header-fade.gif) repeat-x;*/
}
* html input {
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-size: 100%;
}

#page {
  width: 900px;
  padding: 0;
  margin: 0 auto 0;
  text-align: left;
}

#main {
  width: 900px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: left;
  display: block;
}

#content-wrapper {
  display: block;
  margin: 0 auto 2px;
  padding: 0 0 0 0;
}

#content {
  display: block;
  clear: both;
}

/* Common Content Formatting */
a {
  color: #003580;
  text-decoration: none;
}
a:visited {
  color: #003580;
}
a:link {
  color: #003580;
  text-decoration: none;
}
img {
  border-style: none;
}

.hidden {
  display: none;
}
.clear {
  clear: both;
}

.separator {
  clear: both;
}

#multos-bars {
  z-index: 1;
  display: inline;
}

#site-title {
  position: relative;
  top: 0;
  left: 0;
}
#header {
  display: block;
/*  min-height: 61px;
  height: 3em; */
  margin: 0 0 1px 0;
}
#home-logo {
  float: left;
  width: 320px;
  height: 60px;
  margin: 0;
}
#multos-logo {
  float: right;
  display: inline;
  margin: 0;
}
#header-menu {
  float: right;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
/*  height: 2.5em; */
  width: 580px;
}
#footer {
  clear: both;
  width: 100%;
  margin: 3px 0 0 0;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #dfdcd8;
/*  background: #fff url(/images/footer-fade.gif) repeat-x; */
}
#footer-85 {
  font-size: 60%;
  float: left;
  width: 84%;
}
#footer-15 {
  float: right;
  width: 14%;
  padding: 2px 0 0 0;
}
#footer-60 {
  font-size: 60%;
  float: left;
  width: 29%;
}
#footer-40 {
  float: right;
  width: 69%;
  padding: 2px 0 0 0;
  text-align: right;
}
#footer-40 img {
  vertical-align: text-top;
}
#footer-logos {
  text-align: justify;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #dfdcd8;
}
#footer-logos img {
  padding: 5px 10px 0 0;
}
#footer10years {
  clear: both;
  width: 100%;
  height: 100px;
  margin: 3px 0 0 0;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #dfdcd8;
  background: #fff url(/images/footer-10-years.gif);
}
#footer10years2 {
  clear: both;
  width: 900px;
  height: 45px;
  margin: 3px auto 0;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #dfdcd8;
  background: #fff url(/images/footer-10-years-small.gif);
}

/* Heading Menu */

#header-menu {
  border-width: 1px 0;
  border-style: solid;
  border-color: #dfdcd8;
}
.#headingmenu {
/*  clear: both; */
  display: block;
  float: right;
  color: #003580;
/*  border-width: 1px 0;
  border-style: solid;
  border-color: #dfdcd8;
*/
  margin: 2px 0 0 0;
  padding: 0;
}
.headingmenu-right div {
  display: block;
}
.headingmenu-right ul {
  padding: 0 0 0 0;
  display: inline;
  list-style-type: none;
  float: right;
  margin: 0 0 0 0;
}
.headingmenu-right li {
  display: inline;
}
.headingmenu-right a {
  display: inline;
  font-size: 85%;
  color: #003580;
  padding: 0 5px 0 20px;
  text-decoration: none;
}
.headingmenu-right2 div {
  display: block;
}
.headingmenu-right2 ul {
  padding: 0 0 0 0;
  display: inline;
  list-style-type: none;
  float: right;
  margin: 0 0 4px 0;
}
.headingmenu-right2 li {
  display: inline;
}
.headingmenu-right2 a {
  display: inline;
  font-size: 85%;
  color: #003580;
  padding: 0 5px 1px 20px;
  text-decoration: none;
}
#headingmenu-rssbutton a {
  padding: 0 0 0 0;
}
#headingmenu-rssbutton img {
  vertical-align: middle;
}
#headingmenu-media-center a:hover {
  color: #fff;
  background-color: #b2bc00;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -120px;
  background-repeat: no-repeat;
}
#headingmenu-media-center a {
  background-color: #dfdcd8;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -120px;
  background-repeat: no-repeat;
}
#headingmenu-solutions a:hover {
  color: #fff;
  background-color: #b2bc00;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -120px;
  background-repeat: no-repeat;
}
#headingmenu-solutions a {
  background-color: #dfdcd8;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -120px;
  background-repeat: no-repeat;
}
#headingmenu-technology a:hover {
  color: #fff;
  background-color: #007996;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -30px;
  background-repeat: no-repeat;
}
#headingmenu-technology a {
  background-color: #dfdcd8;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -30px;
  background-repeat: no-repeat;
}
#headingmenu-developer a:hover {
  color: #fff;
  background-color: #003580;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}
#headingmenu-developer a {
  background-color: #dfdcd8;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}
#headingmenu-partners a:hover {
  color: #fff;
  background-color: #e58e1a;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -90px;
  background-repeat: no-repeat;
}
#headingmenu-partners a {
  background-color: #dfdcd8;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -90px;
  background-repeat: no-repeat;
}
#headingmenu-directory a:hover {
  color: #fff;
  background-color: #e58e1a;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -90px;
  background-repeat: no-repeat;
}
#headingmenu-directory a {
  background-color: #dfdcd8;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -90px;
  background-repeat: no-repeat;
}
#headingmenu-consortium a:hover {
  color: #fff;
  background-color: #d11242;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -60px;
  background-repeat: no-repeat;
}
#headingmenu-consortium a {
  background-color: #dfdcd8;
  background-image: url(/images/link-icons2.gif);
  background-position: 0 -60px;
  background-repeat: no-repeat;
}

/* Sidebar */
.sidebar {
  display: block;
  width: 15%;
  float: right;
  padding: 5px 5px 5px 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #dfdcd8;
}
.sidebar h3 {
  margin: 5px 0 0 0;
  padding: 5px 5px 3px 20px;
  font-size: 75%;
  background-color: #dfdcd8;
  background-image: url(/images/link-icons.gif);
  background-position: 0 -120px;
  background-repeat: no-repeat;
}
.sidebar ul {
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  text-decoration: none;
  font-size: 75%;
}

.sidebar li {
  list-style-type: none;
  text-decoration: none;
  background-color: #fff;
  background-image: none;
  padding: 0 0 5px 0;
}


/* Hoizontal button bar section */

#horizontal-button-bar {
  float: left;
  margin: 2px 0 2px 0;
}

#horizontal-button-bar ul {
  padding-left: 0;
  margin: 0 0 0 0;
  list-style: none;
}

#horizontal-button-bar li {
  display: inline;
  float: left;
}

#horizontal-button-bar li a {
  display: block;
  height: 25px;
  width: 70px;
  margin-right: 10px;
  padding-left: 5px;
  text-decoration: none;
  text-align: left;
  font-size: 100%;
}

#horizontal-button-bar li.latest-tab-inactive a:active, #horizontal-button-bar li.latest-tab-inactive a:link, #horizontal-button-bar li.latest-tab-inactive a:visited, #horizontal-button-bar li.latest-tab-inactive a:hover {
  color: white;
  background: url(images/heading-boxes.gif) 0 -240px;
}

#horizontal-button-bar li.year-active a:link, #horizontal-button-bar li.year-active a:visited {
  color: #003580;
  background: url(images/heading-boxes.gif) 0 -300px;
}

#horizontal-button-bar li.year-active a:hover, #horizontal-button-bar li.year-active a:active {
  color: #003580;
  background: url(images/heading-boxes.gif) 0 -240px;
}


/* Home page photo */

#home-photo-container {
  clear: both;
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 900px;
  height: 360px;
  overflow: hidden;
  color: black;
  clip: rect(0 900px 360px 0);
}

#home-photo-container h3 {
  margin: 1.5em 0 0 0;
  padding: 5px 10px 5px 10px;
  display: block;
  width: 290px;
  vertical-align: middle;
  font-size: 150%;
  font-weight: bolder;
  background-color: #b2bc00;
}

#home-photo-container a {
  text-decoration: none;
  color: white;
}
.content-translucent-box {
  margin: 1em 0 0 0;
  padding: 10px 50px 10px 5px;
  width: 255px;
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 95%;
  color: #003580;
  z-index: 2;
  background-image: url(images/transparent-background.png);
  background-repeat: repeat;
}
#content-translucent-box a {
  color: #003580;
}
#slide-links h4 {
  margin: 5px 0 0 0;
  padding: 1px 5px 1px 5px;
  width: 300px;
  display: block;
  z-index: 2;
  background-image: url(images/transparent-background.png);
  background-repeat: repeat;
}
#slide-links a {
  font-style: normal;
  font-size: 80%;
  color: #003580;
}
* html .content-translucent-box {
/*  position: absolute;*/
  margin: 1em 0 0 0;
  padding: 10px 50px 10px 5px;
  width: 255px;
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 95%;
  color: #003580;
  background-color: #dfdcd8;
  z-index: 2;
  background-image: none;
} 

#slideworld {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 360px;
  display: block;
  visibility: visible;
  z-index: 1;
  background-image: url(/images/MULTOS-World-Logo5-900x360.jpg);
}

#slidecia {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 360px;
  display: block;
  visibility: visible;
  z-index: 1;
  background-image: url(/images/CIA-900x360.jpg);
}

#slide0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 360px;
  display: block;
  visibility: hidden;
  z-index: 1;
  background-image: url(/images/payment-bw-900x360.jpg);
}
#slide1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 360px;
  display: block;
  visibility: hidden;
  z-index: 1;
  background-image: url(/images/licence-bw-900x360.jpg);
}

#slide2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 360px;
  display: block;
  visibility: hidden;
  z-index: 1;
  background-image: url(/images/mobile-bw-900x360.jpg);
}

#slide3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 360px;
  display: block;
  visibility: hidden;
  z-index: 1;
  background-image: url(/images/transit-bw-900x360.jpg);
}
#slide4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 900px;
  height: 360px;
  display: block;
  visibility: hidden;
  z-index: 1;
  background-image: url(/images/devices-bw-900x360.jpg);
}

/* Scroll Panel */

#scroll-panel-container {
  position: relative;
  top: 3px;
  left: 0;
  width: 900px;
  height: 128px;
  margin: 2px 0 2px 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #dfdcd8;
}

.panel {
  position: absolute;
  top: 3px;
  left: 1px;
  z-index: 1;
  width: 296px;
  height: 120px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdcd8;
  overflow: hidden;
  visibility: hidden;
  background: #fff url(/images/panel-fade.gif) repeat-x;
}

.panel h3 {
  display: block;
  width: 296px;
  margin: 0 0 0 0;
  padding: 2px 5px 2px 35px;
  font-size: 100%;
  font-weight: bold;
  color: #003580;
  background-color: #dfdcd8;
  background-repeat: no-repeat;
}
.panel p {
  padding: 0 5px 5px 5px;
  text-decoration: none;
  color: #003580;
  font-size: 90%;
  overflow: hidden;
}
.news-panel h3 {
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -240px;
}
.event-panel h3 {
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -240px;
}
.multos-in-the-news-panel h3 {
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -180px;
}
.solutions-news-panel h3 {
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -240px;
}
.developer-news-panel h3 {
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 0;
}
.product-news-panel h3 {
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -0px;
}
.podcast-panel h3 {
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -120px;
}
.commentary-panel h3 {
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -120px;
}
.jointheparty-panel h3 {
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -0px;
}


.comment-name { 
  color: #ccc;
  font-size: 125%;
}
.comment-title {
  color: #036;
  font-size: 125%;
}
.comment-body {
  display: block;
  color: black;
  font-size: 90%;
  padding: 5px;
}
#comments-form-header { 
  font-size: 150%; 
  color: #999; 
  border-bottom: 1px dotted #999; 
  margin-bottom: 0.5em;
}
#comments-form-header { 
  display: block; 
}
form span { 
  display: block; 
  margin: 5px; 
}
form label { 
  float: left; 
  width: 20%; 
  text-align: right; 
  padding-right: 1%; 
}
#comments-form-submit { 
  padding-left: 20%; 
}
.page-content {
  display: block;
  font-size: 100%;
  float: left;
  text-align: left;
  border-top-width: 1px;
  border-top-color: #dfdcd8;
  border-top-style: solid;
}
.page-content-85 {
  display: block;
  width: 83%;
  font-size: 100%;
  float: left;
  text-align: left;
  border-top-width: 1px;
  border-top-color: #dfdcd8;
  border-top-style: solid;
}
.page-content-img {
  margin: 0 5px 5px 5px;
  float: right;
}
.page-content p, .page-content-85 p {
  font-size: 100%;
}
.single-column h1, .page-content h1, .page-content-85 h1 {
  font-size: 150%;
}
.single-column h3, .page-content h3, .page-content-85 h3 {
  font-size: 100%;
}
.single-column h4, .page-content h4, .page-content-85 h4 {
  font-size: 85%;
}
.left-column {
  float: left;
  width: 48%;
}
.left-column p {
  font-size: 83%;
}
.right-column {
  width: 48%;
  float: right;
}
.right-column p {
  font-size: 83%;
}
.single-column h4, .page-content h4, .page-content-85 h4 {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #dfdcd8;
  margin: 2px 5px 0 0;
  padding: 0 2px 0 35px;
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -240px;
  background-repeat: no-repeat;
}
.page-content h3, .page-content-85 h3 {
  border-style: solid;
  border-width: 1px 0;
  border-color: #dfdcd8;
  margin: 2px 5px 0 0;
  padding: 0 2px 0 35px;
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -240px;
  background-repeat: no-repeat;
}
.page-content h1, .page-content-85 h1 {
  border-style: solid;
  border-width: 1px 0;
  border-color: #dfdcd8;
  margin: 10px 5px 0 0;
  padding: 0 5px 0 35px;
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 -240px;
  background-repeat: no-repeat;
}
.breadcrumbs-container {
  clear: both;
  display: inline;
  color: #003580;
  background-color: #dfdcd8;
  font-size: 75%;
  padding: 2px 0px 0px 0px;
  margin: 2px 0 2px 0;
}
.breadcrumbs a {
  color: #003580;
  background-color: #dfdcd8;
  background-image: url(/images/link-icons.gif);
  background-position: 0 -120px;
  background-repeat: no-repeat;
  padding: 0 10px 0 20px;
}
.breadcrumbs a:hover {
  background-color: #b2bc00;
  background-image: url(/images/link-icons.gif);
  background-position: 0 -120px;
  background-repeat: no-repeat;
  color: #fff;
}

.dev-panel-container {
  clear: both;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: none;
  list-style-type: none;
}
#dev-panel-left {
  display: block;
  float: left;
  width: 19%;
  margin: 5px 0 0 0;
  border-style: solid;
  border-width: 1px;
  border-color: #dfdcd8;
}
.dev-panel-list h3 {
  border-style: solid;
  border-width: 1px 0;
  border-color: #dfdcd8;
  margin: 5px 5px 0 5px;
  font-size: 75%;
  padding: 5px 5px 0 35px;
  background-color: #dfdcd8;
  background-image: url(/images/heading-boxes.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.dev-panel-list ul {
  list-style-type: none;
  margin: 5px 5px 5px 10px;
  padding: 0 0 0 0;
}
.dev-panel-list li {
  margin: 0px 0px 10px 0px;
  text-decoration: none;
  font-size: 75%;
}
#dev-panel-right {
  display: block;
  float: right;
  width: 19%;
  margin: 5px 0 0 0;
  border-style: solid;
  border-width: 1px;
  border-color: #dfdcd8;
}
#dev-panel-center {
  display: block;
  float: left;
  width: 58%;
  margin: 5px 0 0 0;
  padding: 0 5px 0 5px;
  font-size: 75%;
}
#developer-licence {
  font-size: 80%;
}
table.ten {
  font-size: 83%;
}
table.ten-head {
  width: 100%;
  text-align: center;
  font-size: 83%;
  background-color: #dfdcd8;
}
.ten td {
  vertical-align: top;
  border-color: #dfdcd8;
  border-width: 1px;
  border-style: solid;
}
#mir-table {
  border-width: 1px;
  border-style: solid;
  border-color: #dfdcd8;
  padding: 5px;
  font-size: 83%;
}
#mir-table tr {
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #dfdcd8;
}
th.mir-subhead {
  font-size: 90%;
  background-color: #dfdcd8;
}
th.mir-colhead {
  font-size: 90%;
  color: white;
  background-color: black;
}
#mir-table td {
  width: 30%;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #dfdcd8;
  vertical-align: top;
  padding: none;
}