/*15.02.2012 Niko Rinkinen, Mekastamo*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertical-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}

/*Web fontit*/
@font-face {
    font-family: 'MavenProMedium';
    src: url('../fonts/maven_pro_medium-webfont.eot');
    src: url('../fonts/maven_pro_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/maven_pro_medium-webfont.woff') format('woff'),
         url('../fonts/maven_pro_medium-webfont.ttf') format('truetype'),
         url('../fonts/JennaSue.ttf') format('truetype'),
         url('../fonts/maven_pro_medium-webfont.svg#MavenProMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SteinerRegular';
    src: url('../fonts/steinerlight-webfont.eot');
    src: url('../fonts/steinerlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/steinerlight-webfont.woff') format('woff'),
         url('../fonts/steinerlight-webfont.ttf') format('truetype'),
         url('../fonts/steinerlight-webfont.svg#SteinerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Main Layout */
html, body {
    margin: 0px;
    padding: 0px;

}
html {margin-bottom:1px; min-width: 1000px;}
body {font:62.5%/1.2 Verdana, Arial, sans-serif;color: #135a76;}
h1,h2,h3,h4,.componentheading,legend { font-family: "MavenProMedium";}
h1,.componentheading {font-size:200%;}
h2,legend {font-size:150%;font-weight: normal;}
h2 a {font-size:inherit;}

h3 {font-size:130%;}
h4 {font-size:110%;}
a {font: 10pt "MavenProMedium", Arial, Helvetica, Geneva, sans-serif;text-decoration:underline; color: inherit;}
a:visited{color: inherit;}
a:hover {text-decoration: none; color: #f7941d;}
ul {margin:1em;}
p {font-size:1em;margin-top:10px;margin-bottom:10px;}
#main {font-size:1.3em;line-height:140%;}
#main .foreground, #message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}
#main-content {margin-bottom: 50px;}

.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
#colmask {clear:both;/*overflow:hidden;*/position:relative;width:100%;}
#maincol, #wrapper {position:relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:100%;left:auto;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;/*right:100%;*/width:100%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:736px;right:0px;margin-left:0px;}
.s-c-x #col1 {overflow:hidden;position:relative;/*right:100%;*/margin-left:0px;}
.s-c-x #col2 {float:left;position:relative;right: 0px;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background:#eee;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper, body {}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px;position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden;margin:0 -10px 15px -10px;}
.centered {width: 1000px; margin:0px auto;}
/* Header */
/* #logo {padding-left: 20px; width:350px;height:116px;background:url(../images/ma_logo.png) no-repeat; float:left; margin:10px 40px; background-size: 70%;} */
#logo {padding-left: 20px; width:350px;height:116px;background:url('/images/meetingassistant/Meeting-Assistant-Logo.png')no-repeat; float:left; margin:10px 40px; background-size: 70%;}
#smallIcon {
background: url('/images/meetingassistant/Meeting_Assistant_logo_itunes_72x72.png') no-repeat 0 0;
background-size: 35px;
width: 45px;
height: 37px;
left: 15px;
bottom: 8px;
display: inline-block;
position: absolute;
}

/*#header {overflow:hidden;height: 93px; background:url(../images/glow.png) no-repeat left top; background-position-y 0px; background-position-x: 140px; background-size: 50%;}*/
#header {
overflow: hidden;
height: 93px;
background-color: white;
border: 1px solid gray;
border-width: 0px 0px 1px 0px;
}
#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}
#nav {height:26px;background:#fff;z-index:1;position:relative;background-color: rgba(1, 134, 186, 0.17);
border: 1px solid gray;
border-width: 0px 0px 1px 0px;}
#nav ul {margin:0 0 0 15px;}
#nav li {list-style:none;float:left;padding-left:3px;height:26px;position:relative;}
#nav li a {display:block;padding:0 20px;line-height: 26px;color:#045580; font-size: 14px;text-transform: uppercase;font-weight: normal;font-style: normal;text-decoration: none;}
#nav li.active a {background:#F7941D;color:#fff;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {background:#F7941D;color:#fff;text-decoration:none;}
#nav li.parent.active a {background:#F7941D;color:#fff;}
/*#nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border:1px solid #006B9F;border-top:0;}
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;background:#fff;width:170px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#fff;border-top:1px solid #006B9F;color:#007EBA;}
#nav li li a, #nav li.active li a {font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul {left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}*/

/* Showcase */
#showcase {margin:0px 0 8px 0;position:relative;}
#showcase .background {position:absolute;width:100%;height: 0px;}
#showcase .foreground {overflow:hidden;padding-bottom:25px;}
#showcase h1 {font-weight:normal;font-size:3.0em;line-height:105%;margin:25px 55px 10px 25px;}
#showcase h3 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 55px 20px 25px;}
#showcase b {font-weight:normal;color:#d03100;}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .num {float:left;background:#d03100;text-align:center;line-height:90%;color:#fff;font-size:2em;padding:3px 8px;}
#showcase .pad h2 {font-size:1.4em;font-weight:bold;margin:0 0 5px 40px;}
#showcase .pad p {margin-left:40px;}

/* Content styles */
p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background:url(../images/light.png) -57px -366px;}
.buttonheading .print {background:url(../images/light.png) -21px -366px;}
.buttonheading .email {background:url(../images/light.png) -39px -366px;}
.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background:url(../images/light.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon2 span {background:url(../images/light.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
.breadcrumbs-pad {padding:0 1px;}
div.breadcrumbs {background:url(../images/light.png) 0 -68px repeat-x;border-bottom:1px solid #e6e6e6;font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;color:#777;border-top:1px solid #d9d9d9;}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {padding:3em 15px 15px 15px;}
.banneritem_text {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
.pagination span, .pagination a {margin-right:5px;}
#colmask ul li {list-style:none;}
#colmask ul li a {padding-left: 20px; text-decoration: none; /*color: #000;*/}
#colmask li a:hover {text-decoration: none; color: #F7941D;}
#colmask ul li.current a{background:url(../images/bullet.jpg) no-repeat left; color: #F7941D;}
#colmask ul li.parent.active a{background:url(../images/bullet.jpg) no-repeat left; color: #F7941D;}
#colmask ul li li a{background:none !important; color: #000 !important;}
#colmask ul li li a:hover, #colmask ul li li.current a{background:none !important; color: #F7941D !important;text-decoration: none;}
#colmask ul ul {margin-top:0;}
/*#colmask ul li a:hover {color: #d58927; text-decoration: none;}
#colmask ul ul li.current a{color: #d58927;}
#colmask ul ul {margin-top:0;}
#colmask ul ul li {list-style:none;font-style: bold;}
#colmask ul ul li.current a {background: none;}*/
.item-page,
.category-list {position: relative;}
#colmask .component-pad .actions {position: absolute;right: 0;top: 0;margin: 0;}
.category-list .hasTip {position:absolute;right:19px;top:2px}
.category-list .actions .hasTip {position:static}
.item-page fieldset {margin-bottom:3em}
.mceEditor {display: block;margin:1em 0}
.formelm {margin-bottom:0.6em}
.button2-left {float:left;margin-right:1em}
#colmask .component-pad .actions li,
#colmask .pagenav li,
#colmask .pagination li {list-style: none;display:inline}
.pagenav {text-align: center;}
.blog-featured .cols-3 .item {display: inline-block;width: 48%;vertical-align: top;}
.blog-featured .cols-3 .item:nth-child(2n+1) {margin-right: 3%;}
.readmore,.article-count,table.category th,.pagenavcounter {font-style: italic;}
table.category td,table.category th {padding-right: 20px;}
table.category th a {font-weight: normal;}
.image-left,
img[align="left"] {float: left;margin-right: 10px;}
.article-count {padding-bottom: 1em;}
.article-count dt,
.article-count dd,
.contact-address address,
#form-login-remember label {display: inline;}
table.category th a img {margin-left: 5px;}
.login-fields,
.display-limit,
.reset,
form dd {margin-bottom: 10px;}
.login-fields label,.item-page label {display: block;}
legend {padding-bottom: 1em;}
.colpad h2.contentheading {padding-right:65px;}
.sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}
span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}

/* Modules */
/*.module {padding:1px;}*/
.module-title {font-size: 110%;font-weight: normal;margin:0;color: #0688c1; text-transform: uppercase;padding: 7px 38px 0px 48px; margin-top: 2em;}
/*
 * Changed because of bigger menu texts VM
 * .module-body {padding:0px 15px 25px;}
*/ 
.module-body {padding:0px 7px 25px 15px;}
#header .module-body {padding:0px;}
}
.color1 .module-title {background:#0f0;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {}
.color2 .module-body {}
#colmask .m_menu {background:#cf2700;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light.png) 0 -0px repeat-x;border-bottom:1px solid #c21a00;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #d64110;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 ul {list-style: none;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#main-content li .active a {font-weight: normal;}

/* Footer */
#footer {background:#f7f7f7;border-top:1px solid #fff;}
.footer-pad {padding:10px 15px;overflow:hidden;}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}
#top-text {margin-top: 15px;font: 25px 'SteinerRegular'; color: #0186BA;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);letter-spacing: 4px;text-align: center; float:right;}
#mainmods li {list-style: disc !important;}
#mainmods3 {padding: 20px;padding-top: 40px;background: url(../images/content_bgr.png) no-repeat top; background-color: rgba(231, 231, 231, 0.3);box-sizing: border-box; display:inline-block; width:100%; height: 260px;}
#mainmods3 .foot1 {width: 175px;}
#mainmods3 .foot2 {width: 600px;}
#mainmods3 .foot3 {width: 200px;}
#mainmods3 .foot3_beta {float: right;}
#mainmods3 .footright {width: 224px;}

#footer_menu a{font: 9pt "MavenProMedium", Arial, Helvetica, Geneva, sans-serif;color: #045580;}
#footer_menu a:hover{text-decoration: none;color: #f7941d;}
#footer_menu h5 {font: 9pt "MavenProMedium", Arial, Helvetica, Geneva, sans-serif;text-transform: uppercase;}
#footer_menu ul {margin: 10px 0;}
#footer_menu ul li {margin-top: -2px;}
.foot1 p, .foot1 a {font: 9pt "MavenProMedium", Arial, Helvetica, Geneva, sans-serif;color: #000;}
.footright p, .footright a {font: 9pt "MavenProMedium", Arial, Helvetica, Geneva, sans-serif;color: #000;}

/*Additional Styles, NikoRinkinen*/
/*Top-Right Corner Beta-logo*/#beta {width: 129px;height: 129px;display:block;background:url(../images/beta.png) no-repeat;position:absolute;top: 0;right: 0;}
/*Bottom Credits*/
#credits {margin: 0;padding: 0 0 20px 15px;font: italic 0.8em "Verdana", Arial, Helvetica, Geneva, sans-serif; color: #cbcbcb;}
#credits a {font: italic 1em "Verdana", Arial, Helvetica, Geneva, sans-serif; color: #898989;}
#credits a:hover{text-decoration: underline;}
/*Footer Main Menu*/
.main_menu {padding-bottom: 140px;margin: 0 0 0 0px;}
.main_menu a{text-decoration: none;font: 9pt "MavenProMedium", Arial, Helvetica, Geneva, sans-serif;color: #045580;}
.main_menu a:hover{color: #f7941d;}
.main_menu li {float: left;position:relative;width: 195px;
}
.main_menu li.deeper.parent /*{margin-right: 10px;}*/
.main_menu li a{margin: 0 20px;display:block;text-transform: uppercase;}
.main_menu li ul {margin: 10px 0 0 0;position: absolute;}
.main_menu li ul li {float: none;}
.main_menu li ul ul {position: relative;margin: 2px 20px 4px;}
.main_menu li ul a {text-transform: none;}
.main_menu li.item-101 {display: none;}
/*FAQ-page*/
#faq p, #faq ul, #faq h1, #faq h2  {width: 70%;}
#faq h2 {margin-top: 40px; line-height: 1.2;}
#faq h1 {margin-bottom: 30px;}
#faq ul {margin-bottom: 70px;}
#faq ul li {list-style: disc;padding-left: 1.5em;text-indent: -1.5em;margin-bottom: 10px;line-height: 0.5;}
#footer_logo a:hover {
  color:#f7941d;
}
.content-wrap {
  width: 40%;

}
.content-image {
 padding-right: 50px;
  float: right;
}
 ul.zo-latestnews {
  padding: 0!important;
  margin: 0!important;
}
.zo-container {
  padding-bottom: 20px;
  border-bottom: 1px dotted #d7d7d7!important;
}
.zo-last-title a {
  margin: 0!important;
  padding: 0!important;
  font-size: 130%!important;
}
.zo-last-date {
  font-size: 60%!important;
}
.zo-last-introtext {
  margin-bottom: 10px;
  font-size: 0.7em;
}
.zo-last-readmore a {
  margin: 0!important;
  padding: 0!important;
  text-decoration: underline!important;
  color: inherit!important;
  font-size: 0.7em;
}

.zo-container li {
  margin-top: 30px;
}

.faq a {
  padding-left: 0!important;
}

/* New first page banner */
#bannerAdd {background-color: rgba(1, 134, 186, 0.17);border: 1px solid gray; border-width: 0px 0px 1px 0px;}
.module-body {padding:0px; margin:0px;}
/* first page banner ends*/

/*
#header, #nav, #message, #showcase .dp100, #main-content, mainmods3 {
  padding-left: 20px;
padding-right: 20px;
  width: 100%;
}
*/


/* Feature Comparison */
/*#tableWrapper {
  width: 100%;
  margin-top: -28px !important;
}

#comparison
*/

#naviPic {
background: url(../images/joeInNav.png);
background-repeat: no-repeat;
height: 100px;
width: inherit;
display: block;
position: absolute;
overflow: visible;
width: 520px;
height: 501px;
right: 0px;
overflow: hidden;
z-index: 10;
}

/* Joe in Nav */
#col2 {
  padding-bottom: 510px;
}

/* New first page banner, redone douh! */
/* New first page banner */
#bannerAdd {background-color: rgba(1, 134, 186, 0.17);border: 1px solid gray; border-width: 0px 0px 1px 0px;}
.module-body {padding:0px; margin:0px;}
/* first page banner ends*/

/* Get it now design */
#getItHolderWrapper {
display: block;
width: 100%;
height: 20%;
}
.getItHolder {
margin-top: -0.3em; margin-bottom: -25px; padding: 17px 45px 0 0; font-size: 1.4em; text-align: center; position: relative; display:inline-block; z-index: 10; float: left;
}

.getItHolder.left {
float: left;
margin-left: 3em;
}

.getItHolder.right {
float: right;
margin-right: 3em;
}

#pageBox {
   display:inline-block;
   padding: 9px;

   text-align: center;
 -webkit-transition:all 150ms ease-in;
    -o-transition:all 150ms ease-in;
 transition: all 150ms ease-in;
}

#pageBox:hover {
   background-color: rgba(219, 228, 20, 0.37);
   // border: 1px solid rgb(52, 146, 155);
   // padding: 8px; 
-webkit-transition:all 150ms ease-in;
    -o-transition:all 150ms ease-in;
 transition: all 150ms ease-in;
//zoom: 1.01;
-webkit-box-shadow: 0px 0px 7px rgb(14, 144, 150);
border-radius: 10px;
}

#boxHeader {
font-size: 150%;
line-height: 40px;
font-weight: bold;
}

.getItNow {
background: #56BAEC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #fff;
text-shadow: 0 1px 4px #000;
text-shadow: 0 1px 4px rgba(0,0,0,.3);
border: 1.5px solid #5b6974;
box-shadow: inset 0 2px 2px -1px #79858e;
margin: 0px auto;
padding: 20px 20px 20px 20px;
cursor: pointer;
width: 275px;
height: 13px;
 -webkit-transition:all 150ms ease-in;
    -o-transition:all 150ms ease-in;
 transition: all 150ms ease-in;
}

.getItNow a:link, .getItNow a:visited, .getItNow a:active, .getItNow a:hover {
text-decoration: none;
}

.getItNow:hover {
background: #B0E57C;
color: #0088C0;
-webkit-transition:all 150ms ease-in;
    -o-transition:all 150ms ease-in;
transition: all 150ms ease-in;
}

/*
#header, #nav, #message, #showcase .dp100, #main-content, mainmods3 {
  padding-left: 20px;
padding-right: 20px;
  width: 100%;
}
*/