@charset "utf-8";
/* CSS Document */

/* iframe,?? */

html, body, div, span, applet, object, 
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

img { border:0; }

strong {
    font-weight:bold;
}

body {
    line-height: 140%;
    color: black;
    background: white;
}
ol, ul, li {
    line-height: 140%;
    list-style-position: inside;
}
li ul , li ol{
    margin-left:1em;
    margin-top:0;padding-top:0;
}

/* tables still need 'cellspacing="0"' in the markup */
table, th, td {
    border-collapse: collapse;
    border-spacing: 0;
    /* ?? margin-left:10px;*/
}
caption, th, td {
    font-weight: normal;
}

th {
    text-align:center;
    border: 1px solid #39659f;
    background: #39659f url('/images/udmcio/cioth.gif') left top repeat-x;
    color:#fff;
    padding: 0 3px;
}

td {
    /*border: 1px solid #999; ?? */
    padding:0 3px;
}

td.block {border: 1px solid #999;}

tr.light td{
    background:#ecf5ff;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/* start udmcio css */

body {background:#f6f6f6 url('/images/udmcio/bg_main.gif') repeat-x top; text-align: center; font-family: Tahoma, Geneva; color: #333333;}

a:hover {color: #0099ff}

a, a:visited {color: #0071b6; text-decoration:underline;}

.content a, .content a:visited {text-decoration:underline;}

p, ul, ol {
    line-height:1.3em;
    margin: 10px;
}

p, ul, ol {
  padding-bottom:4px;
}

li {
  padding-bottom:8px;
}

big {font-size: 1.1em;}

h1,h2,h3,h4 {margin: 10px;}

h1 {font-size: 1.8em; font-weight: normal; margin-bottom: 20px;}
h2 {font-size: 1.1em; font-weight:bold; margin-top: 20px;}
h3 {font-weight:bold; font-size: 0.9em; margin-top: 10px;}



.main {width: 915px; margin: 0px auto 20px; top:50px; padding-top:50px;}
.main .main {width: 915px; margin: 0px auto 20px;}
.mainedit {width: 915px; padding-top:30px; margin-left: 164px; margin-right: 24px; text-align: left;}

.header {background:#fff url('/images/udmcio/bg_header.gif') repeat-x; height: 130px; float: left; width: 100%;position:relative;}
.header .logo {width: 30%; float: left; background:url('/images/udmcio/header_start.gif') no-repeat left top; height: 130px; margin:0;padding:0;}
.header .logo img {margin-top: 17px;}
.header .title {width: 69%; float:right; text-align:left; background:url('/images/udmcio/header_end.gif') no-repeat right top; height: 130px; margin:0;padding:0;}
.header .title img {margin-top: 34px;}

.anons {height: 227px; float: left; width: 100%;  font-family: "Segoe UI", Verdana, Tahoma;}

.anons .pic {width: 33%; float: left; padding-top: 10px}
.anons .data {width: 60%; float: left; text-align: left;}
.anons .data a {text-decoration: underline;}
.anons .data a:hover {color:#fff; text-decoration: underline;}

.menu {line-height:100%; height: 58px; background:url('/images/udmcio/bg_menu.gif') repeat-x; color: #0192d0; margin: 0px 15px 0px 15px; font-family: "Segoe UI", Tahoma, Geneva;}
.menu_start {line-height:100%;height: 58px; background:url('/images/udmcio/menu_start.gif') no-repeat left top; margin-bottom: 0px; float: left; width: 100%;}
.menu_end {line-height:100%;height: 58px; background:url('/images/udmcio/menu_end.gif') no-repeat right top; }
.menu a, .menu a:visited {line-height:100%;color: #f6f6f6; text-decoration:none; position:relative; top: 24px}
.menu a:hover {line-height:100%;text-decoration:underline; color: #ffffff}
.menu div {line-height:100%;float: left; padding: 0px 28px; height: 58px;}
.menu div.current {line-height:100%; background:url('/images/udmcio/bg_menu_current.gif') repeat-x;}
.menu div b {line-height:100%;font-weight:normal; color: #333333;text-decoration:none; position:relative; top: 24px}
.menu div.current a {line-height:100%;color: #333333;}


.content_left_border {background:url('/images/udmcio/content_border_left.gif') repeat-y left; padding-left:7px;float: left; width: 901px; }
.content_right_border {background:url('/images/udmcio/content_border_right.gif') repeat-y right; padding-right:7px;float: left; width: 100%;}
.content {background:#fff url('/images/udmcio/bg_content.gif') repeat-x top; padding:0;margin: 0; text-align: left; float: left; width: 100%; font-size: 0.82em;}
.content img {
  border:0;
    margin:0 4px 4px 0;
}

.content img.imgleft{
  float:left;
}

.content img.imgright {
  float:right;
    margin:0 0 4px 4px;
}

.footer{line-height:100%;background:url('/images/udmcio/bg_footer.gif') repeat-x top; height: 130px; font-size: 0.8em; float: left; margin-bottom: 20px; width: 915px;}
.footer .copy {line-height:100%;width: 50%; float: left; background:url('/images/udmcio/footer_start.gif') no-repeat left top; height: 130px; text-align: left;}
.footer .credits {line-height:100%;width: 49%; float:right; text-align:right; background:url('/images/udmcio/footer_end.gif') no-repeat right top; height: 130px;}
.footer p {line-height:100%;margin: 0px 30px 30px 30px;}
.footer p.offset {line-height:100%;margin-top: 50px; color: #CCCCCC; font-size: 0.9em}
.footer p.offset a {line-height:100%;color: #cccccc;}
.footer p.offset a:hover {line-height:100%;color: #f6f6f6;}

.greylinks, .greylinks a, .greylinks a:visited {
  color:#999;
  text-decoration:none;
}

.greylinks a:hover {
  color:#444;
  text-decoration:underline;
 }
 
 .nobr {
   white-space: nowrap;
 }
 
th.first {
  width:18%;
  text-align:center;
}

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

.w33 {width: 29%; float: left; padding: 20px 10px 20px 20px; min-height:500px;}
.w33inner {width: 29%; float: left; padding: 0px 0px 0px 0px;}
.w66 {width: 62%; float: left; padding: 20px 10px 20px 20px; min-height:500px;}
.w66inner {width: 66%; float: left; padding: 0px 0px 0px 0px;}
.w99 {width: 100%; float: left; padding: 20px 10px 20px 20px; min-height:500px;}

/*.w33_img {width: 102; float: left; padding: 20px 10px 20px 20px; min-height:112px;}*/

span.big {text-transform:uppercase; font-size: 1.5em; line-height: 1.2em;}

.note {margin-top: 40px;}
.note h4 span {font-weight: normal; color: #666666; font-style:italic; border-top: solid 2px #b6cb2b;}

.date {margin-bottom: -5px; font-size: 0.9em; color: #666666;}

.icon {padding: 3px 0 0 16px; vertical-align:middle;}

.frame {border: solid 1px #eaeaea}

.form {background: #f6f6f6; padding: 1px 0px 0px 0px; margin: 20px 0px 20px 0px}
.form .actions {padding: 10px 0px 10px 0px; text-align: center; }

.search_area {height: 25px; width: 150px; background:url('/images/udmcio/bg_search.gif') no-repeat left top; vertical-align: top; color: #666666; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size: 0.9em; border: none; padding: 5px 0px 0px 10px; margin: 0px; float: left}

.search_btn {height: 25px; width: 25px;background:url('/images/udmcio/btn_search.gif') no-repeat left top ; vertical-align: top; margin: 0px; float: left}

.submenu {width: 901px; background: url('/images/udmcio/bg_submenu.gif'); float: left; height: 35px; padding:10px 0 0 0;margin:0; font-family: "Segoe UI", Tahoma, Geneva;}

.submenu div {float: left; padding: 0px 10px 0px 30px; margin:0; height: 35px;}
.submenu div.current a, .submenu div.current a :visited {color: #333333; text-decoration: underline;}

.submenuclr  {
    float: left; 
    padding: 0px; 
    margin:0; 
    height: 0px;
    width: 901px; 
}



.photo {padding: 20px; background: #f6f6f6; text-align: center; margin: 10px}

.comment {padding-left: 10px; font-size: 0.9em; font-style:italic; border-left: solid 1px #eaeaea; margin: 10px}

.sign {text-align: right; font-size:0.9em}

.serve {position: relative; top: -110px; left: 908px; width: 27px; height: 87px; float: left;}

.white {color: #fff}

#threebuttons{
  width:27px;
  height:87px;
position: absolute; top: 18px; left: 908px;
  float:right;
}

#threebuttons a, #threebuttons span{
 text-decoration:none;
 width:27px;
 height:21px;
 display:block;
 background: url('/images/udmcio/ciothree.gif') no-repeat;
}

#threebuttons a.buttonhome{
  height:28px;
  background-position: -54px 0;
  top:0px;
}

#threebuttons a.buttoncontact{
  height:25px;
  background-position: -54px -28px;
  top:28px;
}

#threebuttons a.buttonmap{
  height:34px;
  background-position: -54px -53px;
  top:53px;
}

#threebuttons span.buttonhome{
  height:28px;
  background-position: -27px 0;
}

#threebuttons span.buttoncontact{
  height:25px;
  background-position: -27px -28px;
}

#threebuttons span.buttonmap{
  height:34px;
  background-position: -27px -53px;
}

#threebuttons a:hover,a:visited{
 text-decoration: none;
}

#threebuttons a.buttonhome:hover{
 background-position: -27px 0;
}

#threebuttons a.buttoncontact:hover{
 background-position: -27px -28px;
}

#threebuttons a.buttonmap:hover{
 background-position: -27px -53px;
}


#eventmenu{
  width:286px;
  position: relative;
    right: 0;
    margin-top:70px;
    padding-right:20px;
  float:right;
}

#eventmenu a, #eventmenu span, #eventmenu a:visited{
 padding:2px 0 0 16px;
 text-decoration:none;
 color:#fff;
 text-align:left;
 width:270px;
 height:25px;
 display:block;
 vertical-align:middle;
}

#eventmenu span{
  color:#1e8ccf
}

#eventmenu a:hover{
  text-decoration:underline;
    color:#fff;
}

#eventmenu a.top{
  height:25px;
  background: #0076be url('/images/udmcio/submenu.gif') -286px 0 no-repeat;
}

#eventmenu a.tophead{
  height:25px;
  background: #bfd231 url('/images/udmcio/submenu.gif') 0 0 no-repeat;
}

#eventmenu a.middle{
  height:25px;
  background: #0076be url('/images/udmcio/submenu.gif') -286px -27px no-repeat;
}

#eventmenu a.bottom{
  height:27px;
  background: #0076be url('/images/udmcio/submenu.gif') -286px -54px no-repeat;
}

#eventmenu span.top{
  height:25px;
  background: #0076be url('/images/udmcio/submenu.gif') -286px 0 no-repeat;
}

#eventmenu span.middle{
  height:25px;
  background: #0076be url('/images/udmcio/submenu.gif') -286px -27px no-repeat;
}

#eventmenu span.bottom{
  height:27px;
  background: #0076be url('/images/udmcio/submenu.gif') -286px -54px no-repeat;
}

#eventmenu span.topsel{
  color: #333;
  height:25px;
  background: #bfd231 url('/images/udmcio/submenu.gif') 0 0 no-repeat;
}


#eventmenu span.middlesel{
  color: #333;
  height:25px;
  background: #bfd231 url('/images/udmcio/submenu.gif') 0 -27px no-repeat;
}

#eventmenu a.middlesel{
  color: #333;
  height:25px;
  background: #bfd231 url('/images/udmcio/submenu.gif') 0 -27px no-repeat;
}

#eventmenu span.bottomsel{
  color: #333;
  height:27px;
  background: #bfd231 url('/images/udmcio/submenu.gif') 0 -54px no-repeat;
}

#eventmenu a.top:hover{
 background-position: 0 0;
 background-color:#bfd231;
}

#eventmenu a.tophead:hover{
 background-position: 0 0;
 background-color:#bfd231;
}

#eventmenu a.middle:hover{
 background-color:#bfd231;
 background-position: 0 -27px;
}

#eventmenu a.bottom:hover{
 background-color:#bfd231;
 background-position: 0 -54px;
}

.content a img.thumb, .content img.thumb {
  border: solid 2px #0077BA;
}

.content a:hover img.thumb {
  border-color: #b6cb2b;
}

.content .noborder, .content table.noborder td, .content table.noborder th {
  border:0 none;
}

.content table.noborder td {
  vertical-align:middle;
}

.content table.noborder {
  width:100%;
}

.content table.noborder td, .content table.noborder th {
  width:33%;
  text-align:center;
}

.content table.grid {
  width:100%;
  border:0 none;
  border-collapse:collapse;
}

.content table.grid td{
  text-align:center;
  vertical-align:middle;
  border:0 none;
}

table.news td {border: 0px none;}

table.calendar tr th {
  /*background-color:#6474B1;*/
  border:1px solid #FFFFFF;
  color:#FFFFFF;
  font-size:11px;
  font-weight:normal;
  padding:2px 4px;
}

table.calendar tr td.day {
  background-color:#E1E5F1;
  border:1px solid #FFFFFF;
  color:#74777E;
  font-size:11px;
  font-weight:normal;
  padding:2px 4px;
  text-align:right;
}

table.calendar tr td.cat1, table.calendar tr td.gray {
  background-color:#E1E5F1;
  border:1px solid #FFFFFF;
  color:#AC0000;
  font-size:11px;
  font-weight:bold;
  padding:2px;
}

/* new styles 14/09/09 start */

#logon .title {background: #90c300 url(/images/udmcio/bg_btn_logon.gif) no-repeat; display:block; width: 205px; height: 36px;}
#logon .title a {color: #fff; font-size: 1em; line-height: 36px; margin-left: 32px; text-decoration:none; border-bottom: dashed 1px #cf6}
#logon .title a:hover {color: #cf6}

.graystart {background: #efefef url(/images/udmcio/corners_gray_start.gif) top center no-repeat; width: 250px; margin: 0 0 10px 0}
.grayend  {background: url(/images/udmcio/corners_gray_end.gif) bottom center no-repeat; width: 100%; padding: 5px 0 5px 0}

.greenstart {background: #90c300 url(/images/udmcio/corners_green_start.gif) top center no-repeat; width: 250px; margin: 0 0 10px 0; position: relative; top: -8px}
.greenend  {background: url(/images/udmcio/corners_green_end.gif) bottom center no-repeat; width: 100%; padding: 10px 0 10px 0;}

.reg {margin: 0 0 0 15px}
.reg td {padding: 3px;}
.reg td.reg {color: #fff}

.error {background: #fcc; color: #900; font-size: 0.85em; padding: 3px 0 3px 6px;}
.error a {color: #900;}

small {font-size: 0.85em}

.question {border-left: solid 2px #ccc; padding-left: 10px; margin-left: 15px;}

.pager {margin: 20px 0 10px 10px; font-size: 1.2em}
.pager a {background: #efefef; padding: 3px 9px 3px 9px;}
.pager a.current {background: #c1d72e; color: #fff; text-decoration:none; font-weight:bold}
.pager a:hover {background: #c1d72e;}

.subscribe {float: right; position: relative; top: -40px; background: #efefef; padding: 6px 6px 6px 10px; color: #999; font-size:0.85em}
.subscribe img {margin: 0 2px 0 4px;}

/* new styles 14/09/09 end */

.shadow {background: url(/images/udmcio/bg_shadow.gif) repeat-x bottom; height:10px;}

.person {float: left; clear: both; width: 100%; padding: 0 0 0 10px}
.person img {float: left; margin: 15px 20px 0 0}
.person h3 {margin: 10px 0 -5px 10px; font-weight:normal;}
.person h3 span {font-size: 0.9em; padding-left: 5px;}
.person b {color: #0071B6;}
.person p {font-size: 0.85em;}

span.status-org {color:#39C}
span.status-speaker {color: #9C0}
span.status-press {color: #F60}
span.status-member {color: #666}
span.status-memberclub {color: #666}
span.status-partner {color: #666}

.selector li {display:inline; padding: 4px 10px 4px 10px; background-image: url(/images/udmcio/pixel.gif) !important}
.selector li.current {background-image:none !important}
.selector li a {color: #999; text-decoration:none; border-bottom: dashed 1px #ccc}
.selector li a:hover {color: #666; text-decoration:none;}
.selector li.current a {color:#FFF; border:none}
.selector li.current a:hover {color:#ddd;}
span.gray {color: #999;}

#all {background:#666}
#org {background:#39C}
#speaker {background: #9C0}
#press {background: #F60}
#member {background:#666}
#partner {background:#666}
#memberclub {background:#666}

.bg-event {background: #90c300 url(/images/udmcio/bg_event.jpg) top no-repeat; width: 250px}
.bg-event h2 {color: #FFC; font-size: 1.4em; margin: 20px 0 0px 20px}
.bg-event h3 {color: #fff; font-size: 1.1em; font-weight:bold;line-height: 1.4em; margin: 10px 0 10px 20px}

.event-menu {padding: 0; margin: 10px 0 10px 0px;}
.event-menu li {list-style: none; font-size: 1.1em; margin: 0px; padding: 2px 0 3px 20px;}
.event-menu li a.current {text-decoration: none; font-weight: bold; color: #333}


div.bmsguser {
    background: #CFDDE8;
}

div.bmsgnav {
    padding-top: 5px;
    margin-top: 5px;
    font-size: 10px;
}

.bmsgdate {
    color:#999999;
    font-size:0.7em;
    margin-bottom:-5px;
}

.bmsgactions {
    float:right;
    font-size:0.8em;
    margin:5px;
}
.bmsgactions a:hover {color:#666666;}
.bmsgactions a {color:#999999;text-decoration:underline;}
.bmsgactions a:visited {text-decoration:underline;}
h2.bmsgh2 {
    font-size:1.3em;
    font-weight:normal;
    margin-top:20px;
}
p.bmsgp {
    line-height:1.5em;
    padding-bottom:4px;
    margin:5px 0 0;
}