@charset "utf-8";
/* ---------------------------------------------------------------------
Original Author: Kelly Meath
Contributors: Jeremy Madrid
Target Browsers: IE7, IE8, Firefox3, Safari 4
Media Type: screen

CSS Coding Standards Documentation: http://wiki.bravo/index.php/CSS_Coding_Standards 
------------------------------------------------------------------------ */
body{
	font-family:Tahoma, sans-serif !important;
    color: #666;
}

.clear {
  clear: both;
  height:0;
}
a{
	text-decoration:none;
    color: #666;
}

#mid-left-container a {
    text-decoration:underline;
}

#mid-left-container a:hover {
    text-decoration:none;
}

a:hover {
    text-decoration:none;
}

h2,
h2 a{
	color: #09c;
	font-size: 18px;
	line-height: 18px;
}

a{
	cursor: pointer;
}

/* ---------------------------------------------------------------------
Header Navigation
------------------------------------------------------------------------ */

#header{
	height: 128px;
	width: 100%;
	background: url('../images/design/header_gradient.png') repeat-x;
}

#header-content{
	width: 982px;
	margin: 0 auto;
	height: 128px;
	position: relative;
}

#microcare-logo{
	display:block;
	width: 166px;
	height: 85px;
	background: url('../images/design/microcare_logo.png') no-repeat;
	text-indent: -9999px;
}

#microcare-logo{
	position:absolute;
	top: 21px;
	left: 15px;
}

#nav{
	position:absolute;
	right:-10px;
	bottom: 25px;
}

 #nav ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
#nav li {
      float:left;
      margin:0;
      padding:0 0 0 15px;
      height: 23px;
      }
#nav a {
      display:block;
	  color: #666;
	  font-size: 12px;
      padding:5px 15px 6px 0px;
      }
#nav .current {
      background:url("../images/design/left.png") no-repeat left top;
      }
#nav .current a {
      background:url("../images/design/right.png") no-repeat right top;
      }
#page-nav{
	position:absolute;
	right:0px;
	bottom: 25px;
}
/*
#page-nav li{
	display:inline;
}
*/

.nav-text a{
	color: #666;
	font-size: 12px;
}

.mod-button span,
#page-nav li span{
	float:left;
	display:inline-block;
	height: 23px;
	line-height: 21px;
}

.nav-pad-left,
.nav-pad-right{
	width: 15px;
	overflow: hidden;
}

.mod-button .nav-pad-left,
#active-page .nav-pad-left{
	background: url('../images/design/active-end.png') no-repeat center left;
}

.mod-button .nav-pad-right,
#active-page .nav-pad-right{
	background: url('../images/design/active-end.png') no-repeat center right;
}

.mod-button .nav-text,
#active-page .nav-text{
	background: url('../images/design/active-bg.png') repeat-x center right;	
}

#search-bar{
	position:absolute;
	height: 19px;
	width: 174px;
	font:11px Tahoma, sans-serif;
	color: #666;
	background: url('../images/design/search-bar.png') no-repeat;
	border: none;
	top: 25px;
	right: 15px;
	padding: 4px 0 0 27px;
}

/* ---------------------------------------------------------------------
Body
------------------------------------------------------------------------ */

#main-container{
	width: 952px;
	margin: 0 auto;
}

#left-column,
#right-column{
	float: left;
	display: inline;
	padding-top: 17px;
	overflow: hidden;
}
#right-column #showcontent a{
    text-decoration:underline;
    }
#right-column #showcontent a:hover{
    text-decoration:none;
    }    
#top-left-container,
#top-right-container{
	padding-bottom: 22px;
}

a.download-case-study{
    display:block;
    height:140px;
    float:right;
    position:relative;
    top:15px;
}

#template-2 #right-column .download-case-study div {
    position:static;
}

#template-2 #right-column .download-case-study div span {
    display:block;
    position:relative;
    top:65px;
    text-align:center;
    color:#666666;
    font-size:12px;
    padding:0 8px;
    width:90px;
    line-height:1.4;
}

/* ---------------------------------------------------------------------
Modules
------------------------------------------------------------------------ */

.sm-3,
.sm-4 {
	width: 181px;
	height: 182px;
	overflow: hidden;
	padding: 22px 0 0 18px;
	background: url('../images/design/sm-5.jpg') no-repeat;
	position: relative;
	z-index: 0;
}
.sm-5{
    width: 181px;
	height: 247px;
	overflow: hidden;
	padding: 12px 0 0 18px;
	background: url('../images/design/sm-6.jpg') no-repeat;
	position: relative;
	z-index: 0
    }
.mod-buttons{
    position: absolute;
    bottom: 15px;
    left: 15px;
}
#contact-mod .mod-buttons{
    position: absolute;
    bottom: 25px;
    left:auto;
    right: 280px;
}
#contact-mod .mod-buttons a{
    color:#0099cc;
}
.mod-button{
	margin-right: 11px;
	float: left;
	display: inline;
}

.sm-3 p{
	width: 105px;
}

.sm-3 p,
.sm-3 h2,
.sm-4 p,
.sm-4 h2{
	z-index: 3 !important;
	position: relative;
}
	
.sm-3 .mod-buttons,
.sm-4 .mod-buttons{
	z-index: 3 !important;
}

.sidebar_block img {
    position: absolute;
    bottom: 0;
    right: 2px;
}

/* ---------------------------------------------------------------------
Home page
------------------------------------------------------------------------ */

.home-sm-module {
	height: 184px;
	width: 344px;
	overflow: hidden;
	float: left;
	display: inline;
	padding: 22px 0 0 18px;
	position: relative;
}

.home-sm-module p,
.sm-3 p{
    font-size: 14px;
    line-height: 18px;
    padding: 12px 0 15px;
    color: #666;
}
.sm-4 p{
    font-size: 12px;
    line-height: 14px;
    padding: 12px 0 15px;
    color: #666;
    width:100px;
}
.sm-5 p{
    font-size: 12px;
    line-height: 20px;
    padding: 6px 0 15px;
    color: #666;
    width:160px;
}
.sm-5 a{
    color: #666;
        text-decoration:underline;
}
.sm-5 h2{
    font-size:12px;
    font-weight:normal;
    margin:18px 0px 0px 0px;
    
    }
.home-sm-module h5{
	font-size: 33px;
	color: #b8b9b9;
	letter-spacing:-1px;
}

#home-48-hour{
	background: url('../images/design/sm-1.jpg') no-repeat;
}

#home-48-hour p{
	width: 250px;	
}

#home-MDandM p{
	width: 171px;
}

#home-MDandM{
	margin-left: 12px;
	background: url('../images/design/sm-2.jpg') no-repeat;
}

#home-news-events{
	height: 286px;	
}

#news-events-title{
    border-bottom: 1px solid #09c;
    padding: 3px 0px 5px 1px;
}

#home-news-events h2{
	font-weight: normal !important;
	letter-spacing: normal !important;
	float: left;
	display: inline;
}

#home-news-events #rss{
    float: right;
    display: inline;
    padding-right: 18px;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #666;
    background: url('../images/design/rss-sm.png') no-repeat center right;
    margin: 1px 2px 0px 0px;
}

#news-events-title h2 a{
	cursor: pointer;
}

#news-events-title h2 .inactive,
#news-events-title h2 span{
	color: #999 !important;
}

#news-events-title h2 span{
    margin:0px 6px 0px 7px;
}

#news-feed ul li,
#events-feed ul li{
    border-bottom:solid 1px #cccccc;
    font-size:12px;
    padding:13px 0px 5px 2px;
    line-height:15px;
}

#news-feed ul li span,
#events-feed ul li span{
    display:block;
    color:#666666;
}

#news-feed ul li a,
#events-feed ul li a{
	color:#0099cc;
}

#events-feed{
	display: none;
}

/* ---------------------------------------------------------------------
Template 1 styles
------------------------------------------------------------------------ */

#template-1 #left-column{
	width: 	736px;
}

#template-1 #right-column{
	width: 	199px;
	padding-left: 17px;
}
#template-1 #left-column #mid-left-container{
    color:#666666;
    font-size:14px;
}
#template-1 #left-column #mid-left-container h2{
    font-weight:normal;
    margin-bottom:25px;
    font-size:18px;
    line-height: 22px;
}
#template-1 #left-column #mid-left-container p{
	margin-bottom:22px;
	line-height: 18px;
line-height:18px;
}
#template-1 #left-column #mid-left-container ul{
	margin-bottom:22px;
}
#template-1 #left-column #mid-left-container li{
    list-style: disc inside;
    margin:10px 0px 10px 1px;
}
#template-1 #left-column #mid-left-container.narrow{
    width:581px;
    }
#contact-mod{
    background:url('../images/design/Contact_us_banner.png') no-repeat;
    width:711px;
    height:141px;
    margin:-10px 0px 0px 0px;
    padding:74px 0px 0px 24px;
    position:relative;

    }
#contact-mod p{
    width:350px;
    color:#666666;
    font-size:14px;
    }
.contact-numbers{
    bottom:23px;
    position:absolute;
    color:#b8b9b9;
    font-size:30px;
    font-weight:bold;
    }
.contact-numbers span{
color:#0099cc;
display:block;
font-size:14px;
line-height:18px;
    }
#office.contact-numbers {
     position:absolute;
    }
#mobile.contact-numbers {
    left:250px;
     position:absolute;
    }
#contact{
    border-top:#cccccc solid 1px;
    padding-top:18px;
    }
#contact .form_column{
    float:left;
    width:175px;
    margin-left:2px;
    }
#contact .form_column#column3{
    width:360px;
    position:relative;
    text-align:right;
    }
#contact p { position: relative; }
#contact label.overlap {
    position: absolute;
    top: 5px;
    left: 8px;
    font-size:11px;
}
#contact input {
    margin-bottom:20px;
}



#contact textarea{
     width:360px;
     height:100px;
     margin-bottom:17px;
     font-family:Tahoma, sans-serif;
     display:block;
     padding:3px;
     }

#news-events,
#news-events-details
{
	border-bottom: 1px solid #09c;
	width: 100%;
}

#news-events #title,
#news-events-details #title{
	padding: 20px 0 47px 0;
}

#news-events #title a,
#news-events-details #title a{
	display: inline-block;
	float: left;
	height: 29px;	
	text-indent: -9999px;
	background: url('../images/design/news-events.png') no-repeat;
}

#news-events #title #news,
#news-events-details #title #news{
	width: 124px;
}

#news-events #title #events,
#news-events-details #title #events{
	width: 148px;
}

#news-events #title #news.active,
#news-events-details #title #news.active{
	background-position: top left;
}

#news-events #title #news,
#news-events-details #title #news{
	background-position: bottom left;
}

#news-events #title #events,
#news-events-details #title #events{
	background-position: top right;
}

#news-events #title #events.active,
#news-events-details #title #events.active{
	background-position: bottom right !important;
}

#news-event-post .news-event-post{
	position: relative;
}

.news-event-post {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-top: 22px;
    margin-bottom:15px;
}

.news-event-post#last{
	border-bottom: none;
}

#news-event-post .news-event-post,
.news-event-post#first{
	padding-top: 0;
}

.news-event-post h3{
	font-size: 18px;
	color: #666;
	font-weight: normal;
	line-height: 22px;
}

.news-event-post h3 a{
	color: #09c;
}

.news-event-post p{
	color: #666;
	font-size: 14px;
	line-height: 18px;
	padding: 22px 0;
	width: 714px;
}

.news-event-post p.more{
	padding-top: 0!important;
	font-weight: bold;
}

#news-event-post .news-event-post p{
	width: 462px !important;
}

.news-event-post p.more a{
	color: #666;
}

#events-posts{
	display: none;
}

#news-event-post {
    position:relative;
}

#news-event-post ul{
	width: 407px;
	padding: 22px 0;
	list-style-type: disc;
	list-style-position: inside;
	color: #666;
	float: right;
	display: inline;	
	font-size: 14px;
}
#news-event-post #events_content{
	/* width: 407px; */
	padding: 22px 0;
	color: #666;
	/* float: left; */
	display: inline;	
	font-size: 14px;
}
#news-event-post #events_content ul{
	padding: 0px;
margin:0px;
	list-style-type: disc;
	list-style-position: inside;
	float: left;

}

#news-event-post #events_content p {
    line-height:1.3;
    margin-bottom:0.5em;

}


#news-event-post ul li#first{
	font-weight: bold;
}

#news-event-post ul li{
	line-height: 18px;
	padding-bottom: 6px;
}

#news-event-links{
	width: 247px !important;
	padding-left: 76px !important;
    float:right;
}

#news-event-links li,
#news-event-links li a{
	color: #09c;
	list-style-type: none;
}

/* ---------------------------------------------------------------------
Template 2 styles
------------------------------------------------------------------------ */

#template-2 #left-column{
	width: 384px;
}

#template-2 #right-column{
	width: 533px;
	padding-left: 35px;
}

#template-2 #right-column h2{
	padding: 0 61px 30px 0;
	border-bottom: 1px solid #09c;
	font-weight: normal;
	line-height: 22px;
	font-size: 18px;
}

#template-2 #right-column div h2{
	border-bottom: none !important;
	padding-bottom: 4px !important;
	padding-top: 12px;	
}

.temp-2-post{
	margin-bottom: 17px;
	position: relative;
	cursor: pointer;
}

.temp-2-post .link a img {
    cursor:pointer;
}


.temp-2-post .h2sub{
	display: block;
	position: absolute;
	padding: 22px 24px 0 24px;
}

.temp-2-post .h2sub-2{
	display: block;
	position: absolute;
	bottom: 22px;
	padding: 0 0 0 24px;
}

.current {
    display:block !important;
}

#left-column .temp-2-post .active a .inactive{
	display: none !important;
}

#left-column .temp-2-post .inactive h2{
	color: #666;
}

#left-column .temp-2-post .inactive a .active{
	display: none;
}

.h2sub h3{
	color: #666;
	font-weight: normal !important;
	position: relative !important;
	margin-top: 6px;
	font-size: 15px;	
    margin-right:50px;
}

.h2sub-2 h3{
	padding-top: 146px;
	font-weight: normal !important;
	line-height: 18px;
	color: #09c;
	font-size: 18px;
}

#template-2 #right-column div h2 span{
	display: inline !important;
	border: none !important;
}

#template-2 #right-column .active h2{
	font-weight: bold !important;	
}

#template-2 #right-column .active h2 span{
	font-weight: normal !important;
}

#template-2 #right-column div{
	position: relative;
}

#template-2 #right-column div span{
	padding-bottom: 8px;
	display: block;
	width: 100%;
}

#template-2 #right-column div p{
	padding-top: 10px;
	color: #666;
	font-size: 14px;
    line-height:18px;
}

#template-2 #right-column div span p{
	padding: 0 0 18px 0 !important;
	line-height: 18px;
	width: 407px;
	color: #666;
	font-size: 14px;
}

#template-2 #right-column div ul{
	border-top: 1px solid #ccc;
    clear:right;
	width: 395px;
    padding-top:27px;
    padding-left:15px;
    padding-right:138px;
    padding-bottom:6px;
	list-style-type: disc;
	list-style-position: outside;
	color: #666;
	font-size: 14px;
}
#template-2 #right-column hr{
	border-top: 1px solid #ccc;
    height:1px;
    font-size:1px;
    background-color:#ccc;
}
#template-2 #right-column div ul li{
	line-height: 18px;
	padding-bottom: 6px;
}

#template-2 #right-column .inactive{
	display: none;	
}

#template-2 .download-case-study{
	top: 14px;
    margin-left:15px;
}

.hidden {display:none}

.temp-2-post div  a{
	display: block;
}

/* ---------------------------------------------------------------------
Footer styles
------------------------------------------------------------------------ */

#footer{
	position: relative;
	padding: 22px 0;
}

#footer ul li{
	display:inline;
	padding-right: 35px;
}

#footer ul li,
#footer ul li a{
	color: #666;
	text-decoration: none;
	font-size: 12px;
}

#share-this{
	position: absolute;
	bottom: 22px;
	right: 0;
}

/* ---------------------------------------------------------------------
Search Page styles
------------------------------------------------------------------------ */

#search-page{
        border-bottom: 1px solid #09c;
        width: 100%;
}

#search-page #title{
        padding: 20px 0 7px 0;
}

#search-page #title .img{
        display: inline-block;
        float: left;
        height: 32px;
        width: 272px;   
        text-indent: -9999px;
        background: url(assets/images/design/search.png) no-repeat;
}

#search-page #title .search-text{
        font-size: 14px;
        color: #000;
        margin-left: 5px;
        margin-top: 20px;
}

#search-page #title .search-text p{
}

#search-page #title .search-controls{
        margin-top: 10px;
        height: 23px;
}

#search-page #title .search-controls form{
        height: 23px;
}

#search-page #title .search-controls form .search-form{
        height: 23px;
        width: 174px;
        font:12px Tahoma, sans-serif;
        color: #666;
        background: url('../images/design/search-bar.png') no-repeat;
        border: none;
        padding: 3px 0 0 27px;
        display: block;
        float: left;
}

#search-page #title .search-controls form .form-submit{
        height: 23px;
        width: 104px;
        font:12px Tahoma, sans-serif;
        color: #666;
        background: url('../images/design/form-submit.png') no-repeat;
        border: none;
        display: block;
        float: left;
        margin-left: 10px;
        padding-bottom: 4px;
}

#search-page #title #pages{
        float: right;
        margin-top: 10px;
}

#search-page #title #pages a{
        text-decoration: underline;
}

#search-page #title #pages ul li{
        display: inline;
        font-size: 14px;
        color: #666;
}

#search-page #title #pages ul li.selected{
        font-weight: 900;
}

#search-results-container{
}

#search-results-container #search-results{
        border-bottom: 1px solid #09c;
        width: 100%;
        margin-left: 30px;
        list-style-position: outside;
        list-style-type: decimal;
        font-size: 14px;
}

#search-results-container #search-results .search-result{
        position: relative;
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-top: 22px;
        padding-left: 10px;
        padding-bottom: 30px;
}

#search-results-container #search-results .search-result#first{
        padding-top: 0;
}

#search-results-container #search-results .search-result#last{
        border-bottom: none;
}

.search-result h3{
        font-size: 18px;
        color: #666;
        font-weight: normal;
        line-height: 22px;
}

.search-result h3 a{
        color: #09c;
}

.search-result p{
        color: #666;
        font-size: 14px;
        line-height: 18px;
        padding: 0;
        width: 714px;
}

.search-result p.url{
        padding-top: 0!important;
        font-weight: bold;
}

.search-result p.more a{
        color: #666;
}

/* ================================================================
   Contact Us styles for errors
   ================================================================ */



#contact .error input,
#contact .error textarea {
    background:#ee9812;
}

.form_errors {
    padding:5px;
}

.form_errors p {
    font-weight:bold;
    margin-bottom:9px;
}

.form_errors ul.error_list {
    list-style: square;
    margin-left:28px;
}

.form_errors ul.error_list li {
    list-style-type: square;
    margin-bottom:4px;
    
}