﻿/* Common begin */
*{margin:0; padding:0}

body{font-family:helvetica,sans-serif,Arial; font-size:.75em; color:#000; background-color:#efefef; min-width:985px;}

a{color:#204c8d;text-decoration:underline;font-size:1em}

a:active{color:#7657a0;text-decoration:none}

a:visited{color:#7657a0;text-decoration:underline}

h1{color:#404040;font-size:2em;line-height:1em;margin:0 0 .2em 0;padding:0}

h1.title{color:#404040;padding:0 0 .1em 0;border-bottom:.06em solid #000;margin:0 0 .3em 0}

h2 {color:#404040;font-size:1.5em;padding:0 0 .2em 0;line-height:1.3em}
    
h3 {color:#404040;font-size:1.3em}

h4 {color:#404040;font-size:1.1em}

h2 a, h3 a, h4 a{color:#204c8d;text-decoration:underline}
h2 a:visited, h3 a:visited, h4 a:visited{color:#7657a0;text-decoration:underline}
h2 a:hover, h3 a:hover, h4 a:hover{color:#7657a0;text-decoration:underline}

h2 a:active, h3 a:active, h4 a:active{color:#7657a0;text-decoration:none}

h4 span.current { background-color:#fef853;}
img {border: .06em solid #727272}

.hide{visibility:hidden;display:none}

ul {list-style-type:disc;margin:0 0 .8em 2.2em}

ul li{margin:0 0 .5em 0}


input.btn {background-image:url(/images/buttonBG.jpg);background-repeat:repeat;font-weight:bold;height:25px;color:#000;background-color:#b0cbe0;border:1px solid;border-top-color:#758795;border-left-color:#758795;border-right-color:#758795;border-bottom-color:#758795;padding:0 1em .1em 1em}

* html input.btn {padding:0}
#slowScreenSplash
{
    position: absolute;
    z-index: 15;
    top: 50%;
    left: 50%;
    background-image: url(/images/loading.gif);
    width: 200px;
    height: 100px;
    background-repeat: no-repeat;
 }
/*common end*/

/* Outer for the page */
#container {border-right: #efefef 1.88em solid;border-top: none;border-left: #efefef 1.88em solid;border-bottom: none;margin: 0;padding: 0;background-image: none;background-color:#fff}

/* Page Header */
#header {background-image: url(/images/headerBG.jpg);background-repeat: repeat-x;z-index: 2;position: relative;background-color: #183561}

#headerPrint{visibility:hidden;display:none}

#logo{ background-position:center;background-image:url(/images/themedclogo.gif); width:421px; background-repeat:no-repeat;height:83px;margin:0 0 0 .3em}

/* header Nav */
#headerNav{position:absolute; top:0.5em; right:.5em;}

* html #headerNav{right:2.8em;}

#headerNav ul {text-align:right}

#headerNav li{display:inline; padding-left:0.5em; margin-left:0.5em; border-left:solid .06em #cdcdcd}

#headerNav li a{color:#5ebaeb; text-decoration:underline; padding:0.1em}

#headerNav li a:hover{color:#fff; text-decoration:underline}

#headerNav ul {list-style:none}

#headerNav li.first {border:0; margin-left:0; padding-left:0}

#searchBox{margin:.31em 0 0 0; padding-top:.31em 0 0 0; text-align:right}



/*Navigation*/

#siteNav
{
  font-family:Trebuchet MS,helvetica,sans-serif,Arial;
    font-size: 1.0em;
    clear: both;
    position:relative;
    width: 100%;
    padding-top: 2px;
    z-index:60000;
}

div.PrimaryNav
{
    width: 100%;
    min-height: 2.5em;
    height: auto !important;
    height: 2.5em;
    background-color: #387490;
    margin-bottom: 0px;
    padding-bottom:0px;
    

}
div.SecondaryNav
{
   
}

#siteNav ul{   list-style:none;     margin:0;     padding:0;     clear:both}
#siteNav li {display:inline; float:left; margin-bottom:0px; }


.RadMenu_Secondary{   width:100%;     background-color:#ced8e1;     min-height:2.35em; height:auto !important; height:2.35em;}

.RadMenu_Primary, .RadMenu_Secondary{  clear:both;     color:#000}

.RadMenu_Primary .rmItem
{
    text-decoration: none;
    text-align: center;
    float: left;
   border-right  :#183561 1px solid;
   display: inline;


}


.RadMenu_Secondary .rmItem
{
    text-decoration: none;
    text-align: center;
       padding-right:5px; 
      padding-left:5px; 
   background:url(/Images/nav/line.gif) no-repeat left center;
}




.RadMenu_Primary .rmItem .rmText
{
   
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    white-space: normal;
    cursor: pointer;
    cursor: hand;
         min-height: 2.45em;
    height: auto !important;
    height: 2.45em; 
    margin-top:5px;
 margin-bottom:-5px;
 margin-left:10px;
}



 .RadMenu_Secondary .rmItem .rmText
{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    white-space: normal;
    cursor: pointer;
    cursor: hand;
          min-height: 2.45em;
    height: auto !important;
    height: 2.45em; 
        margin-top:5px;
 margin-bottom:-5px;


}

.RadMenu_Primary .rmItem .rmLink{    text-decoration:none;      color:#fff;  font-weight:bold;  }


.RadMenu_Secondary .rmItem .rmLink
{
    text-decoration: none;
    color: #000;
 
}

.RadMenu_Secondary .rmFirst 
{
       background-image: none;
}

.RadMenu_Secondary .rmItem .focused{background:#ffffff}

.RadMenu_Secondary .rmItem .rmLink:hover, .RadMenu_Secondary .rmItem .rmExpanded{ background:#ffffff}

.RadMenu_Primary .rmItem .rmLink:hover {    background-color: #ffffff; color:#000;}
 .RadMenu_Primary .rmItem .rmExpanded, .RadMenu_Primary .rmItem .focused{ background-color: #ced8e1;color:#000;}


.RadMenu_Primary .rmItem .rmExpandDown
{

    background: url(/Images/nav/ddArrow2.gif) no-repeat right 20%;
 
   
}

 .RadMenu_Secondary .rmItem .rmExpandDown
{
  margin-right: 10px;
    padding-right: 15px;
    background: url(/Images/nav/ddArrow.gif) no-repeat right 20%;
    display: inline-block;
}

.RadMenu_Primary .rmItem .rmLevel1 .rmItem 
{
    border-top:none;
    margin:0px;
       border-left:#387490 1px solid; 
       border-right:#387490 1px solid; 
}

.RadMenu_Primary .rmItem .rmLevel2 .rmItem
{
    border: none;
   
 
}


.RadMenu_Primary .rmItem .rmLevel1 .rmLast
{
    border-bottom:#387490 1px solid;
}

.RadMenu_Primary .rmItem .rmLevel1 .rmItem .rmLink
{
    width: 205px;
    background: #ced8e1;
    text-align: left;
    margin: 0px;
     margin-left: 0px;
    padding-right: 3px;
    padding-left: 0px;
    border-bottom: none;
    text-decoration: underline;
    color: #000;
    font-weight: normal;
}
    
   
    

.RadMenu_Primary .rmItem .rmLevel1 .rmItem .rmLink .rmText
{
    border-top: #fff 0.06em solid;
    width: auto;
    min-height: 1.15em;
    height: auto !important;
    height: 1.15em;
    padding-top: 6px;
    padding-bottom: 6px;
       padding-left:2px;
        padding-right:2px;
}

.RadMenu_Primary .rmItem .rmLevel1 .rmFirst .rmLink .rmText{     border-top:none;}

 .RadMenu_Primary .rmItem .rmLevel1 .rmItem .rmLink:hover, .RadMenu_Primary .rmItem .rmLevel1 .rmItem .rmExpanded{    background:#eeeab6;    border-right:none}
.RadMenu_Primary .rmItem .rmLevel1 .rmItem .focused{  background:#fff;
font-weight:bold;
}
.RadMenu_Primary .rmGroup .rmLink:hover .rmExpandLeft, .RadMenu_Primary .rmGroup .rmLink:hover .rmExpandRight, .RadMenu_Primary .rmGroup .focused .rmExpandLeft, .RadMenu_Primary .rmGroup .focused .rmExpandRight, .RadMenu_Primary .rmGroup .rmExpanded .rmExpandLeft, .RadMenu_Primary .rmGroup .rmExpanded .rmExpandRight
{
    background: transparent url(/Images/nav/outArrow.gif) right center no-repeat;
}

.RadMenu_Primary .rmExpandLeft, .RadMenu_Primary .rmExpandRight
{
    background: transparent url(/Images/nav/outArrow.gif) right center no-repeat;
}



.RadMenu_Primary .rmGroup .rmGroup, .RadMenu_Secondary .rmGroup
{
    background: #eeeab6;
    border-top: #66655C 1px solid;
    border-left: #66655C 1px solid;
    border-bottom: #66655C 1px solid;
    margin: 0px;
    border-right: #66655C 1px solid;
    font-weight: normal;
}



 .RadMenu_Secondary .rmGroup{ border-top:none}


 
 
.RadMenu_Primary .rmItem .rmLevel2 .rmItem .rmLink, .RadMenu_Secondary .rmItem .rmLevel1 .rmItem .rmLink
{
    width: 210px;
    background: #eeeab6;
    text-align: left;
    margin: 0px;
    border-bottom: none;
    border-right: none;
    border-left: none;
     padding-right:0px;
}

.RadMenu_Primary .rmItem .rmLevel2 .rmFirst .rmLink{border-left:none}
.RadMenu_Secondary .rmItem .rmLevel1 .rmItem
{
    background-image: none;
    margin: 0px;

    padding: 0px;

}

.RadMenu_Secondary .rmItem .rmLevel1 .rmItem .rmLink
{
 padding-right: 3px;
    padding-left: 3px;
       text-decoration:underline;

}


.RadMenu_Secondary .rmItem .rmLevel1 .rmItem .rmLink .rmText
{
    min-height: 1.15em;
    height: auto !important;
    height: 1.15em;
    padding-top: 6px;
    padding-bottom: 6px;
       padding-left:0px
}

.RadMenu_Primary .rmItem .rmLevel2 .rmItem .rmLink .rmText, .RadMenu_Secondary .rmItem .rmLevel1 .rmItem .rmLink .rmText{ border-top:.06em solid #fff}

.RadMenu_Primary .rmItem .rmLevel2 .rmFirst .rmLink .rmText, .RadMenu_Secondary .rmItem .rmLevel1 .rmFirst .rmLink .rmText{ border-top:none}

.RadMenu_Primary .rmItem .rmLevel2 .rmItem .rmLink:hover, .RadMenu_Secondary .rmItem .rmLevel1 .rmItem .rmLink:hover{ background:#fff;}

.RadMenu_Primary .rmItem .rmLevel2 .rmItem .focused, .RadMenu_Secondary .rmItem .rmLevel1 .rmItem .focused{font-weight:bold;background:#fff}
.RadMenu_Primary .rmItem .rmLevel2 .rmLast
{
  border-bottom:none;  
    }
    
ul.nav3 {list-style-type:none;margin:0}
ul.nav3 li{margin:0;padding:0 0 5px 5px}
ul.nav3 li.active{background-color:#ced8e1;font-weight:bold;color:#000;padding:3px 5px 4px 5px;margin-bottom:2px}
ul.nav3 li.last{padding-bottom:0}
ul.nav3 li.last2{margin-bottom:0}
/*site nav end*/

/* Content container */
#main{line-height:1.5em; padding:0 .63em 0 .63em; margin:0 0 .63em 0}

#mainWidth{padding-right:404px}
#mainWidth2{padding-top:10px;clear:both}

* html #mainWidth{padding-right:408px}

#main a:active, #main a:hover{color:#0f417f; text-decoration:none; border-bottom:#0f417f .06em dashed}

#main p{margin-bottom:.4em}

/* left Content */
#left{width:100%;float:left}



* html #left {background-image:url(/global/images/1.gif);background-repeat:no-repeat;min-height:275px;height:auto !important;height:275px}

/* right Content */
#right{width:400px; float:left; margin-right:-400px;padding:.63em 0 0 0}
#right2{width:400px; float:right; padding:0px 0 0 10px;min-height:200px;height:auto !important;height:200px;max-height:3000px;}

/* glory */
.gloryShot{float:right; text-align:right; width:400px; margin:0 0 .5em 0; padding:0}

div.gloryShot div.default{background-image:url(/images/gloryMacBridge.jpg);background-repeat:no-repeat;width:400px;height:274px}

* html .gloryShot{margin:0}

/*content zones*/
#left .zone {margin:1em 1.8em 1.2em 0}

/* glory */
#left .zone .gloryShot{margin:-.4em -1.5em 1em 1em}

#left .zone .gloryShot img{border:none}

* html #left .zone .gloryShot{margin-right:-.6em}

.zone .hdr {height:1%;padding:.5em 0 0 0;}

* html .zone .hdr {padding:0;}

.zone .hdr, .zone .features{clear:both}

.zone .features {padding:.5em 0 0 0;border-top:.06em solid #000;height:1%}

.zone img.pic, .zone img.pic2, .zone .features img {margin:0 .4em .4em 0}

.zone .logoTravel{float:left; background-image:url(/global/images/pureMichiganLogo.gif);width:209px;height:49px;background-repeat:no-repeat}

.zone .logoBiz{float:left; background-image:url(/global/images/upperHandLogo.gif);width:165px;height:49px;background-repeat:no-repeat}

.zone .link{float:right;margin:2.2em 0 0 0;padding:0 0 .2em 0}

.zone .item{margin:0 0 1em 0;clear:both}

.zone ul{list-style-type:disc;margin:0;padding:0 0 0 2em}

.zone ul li{margin:0 .5em .3em 1em;padding:0}

.zone div.all{text-align:right;padding:.3em 0 0 0}

.zone div.none{padding:1em 0 0 0}

/*Media*/
.zone DIV.media {MARGIN:.31em .31em .31em 0;FLOAT: left;WIDTH: 100%}

.zone DIV.media2 {MARGIN:.31em .31em .31em 0}

.zone DIV.media IMG, .zone DIV.media2 IMG {BORDER-RIGHT:none;BORDER-TOP:none;FLOAT: left;BORDER-LEFT:none;MARGIN:0 .31em 0 0;BORDER-BOTTOM:none}

.zone DIV.media DIV.links {MARGIN-TOP:.31em;FLOAT:left;MARGIN-RIGHT:1.25em;height:30px;}

.zone DIV.media2 table.links {MARGIN:.31em 1.25em 0 0}

.zone DIV.media2 table.links td {padding:0 1em 0 1em}

.zone DIV.media DIV.more{float: right}

.zone DIV.media H2 {BACKGROUND-COLOR: #f0f0f0}

.zone2{width:100%;clear:right;padding-top:10px}

.zone3{padding-top:10px}

.zone3 .item{padding:8px 0 0 0;clear:none;height:100%}

.zone3 .item .text img{border:none;padding:0 5px 5px 0}

.zone4{width:450px;padding-top:10px}

/* Detail Page Stuff*/
.detailPr div.contactInfo{margin:1em 0 0 0}

.detailPr div.subtitle{margin:1em 0 0 0;font-weight:bold}

.detailPr div.text, .detailOrgUpdate div.text, .detailNotice div.text, .detailBio div.text {margin:1em 0 0 0}

.detailPr div.text img {border:none;padding:5px}

.detailEvent div.sponsor{font-weight:bold;padding:0 0 .5em 0}

.detailEvent div.info{padding:.7em 0 0 0}

.detailEvent div.info tr{padding:0 0 1em 0}

.detailEvent div.info td.title{font-weight:bold;padding:0 2em 0 0}

.detailEvent div.register{padding:1em 0 0 0}

.zone img.pic2, .detailBio img{BORDER:none;margin:0 .4em .4em 0}

.paging {clear:both}

.paging .previous {width:auto;float:left;display:block;padding:1em 0 1em 1.1em}

.paging .next {width:auto;float:right;display:block;padding:1em 0 1em 0}

.paging img {border:none;display:block;}

#main .paging a, #main .paging a:active, #main .paging a:hover{border-bottom:none}

ul.h {list-style-type:none;margin:0;padding:12px 0 0 0}

ul.h li{display:inline;margin:0 1em 0 0}

.spacerPre{padding:12px 0 0 0}
.spacerPre2{padding:2px 0 0 0}

.alert, .alert2, .alertError{margin:0 0 1em 0;padding:1em;border:.06em solid #000;background:#FFFF7A}

.alert img, .alert2 img, .alertError img {border:none}

.alert2 {width:50%}

.alertError{color:red}

.alert td.alertText, .alert2 td.alertText {padding:0 0 0 10px}

.clear{clear:both}

/* Footer */
#footer{clear:both; text-align:center;font-size:1em; min-height:4em; height:auto !important; height:4em; background-image:url(/images/footerBG.gif); background-repeat:repeat-x;background-color:#ebebeb;padding:1em 0 0 0}

/* footer Nav */
#footerNav{text-align:center;border-top:1px solid #f1f1f1}

#footerLinks {margin:0 0 0 .8em}

#footerLinks h1.title{text-align:left}

#footerLinks .links{float:left;width:33%}

#footerLinks .links2{margin:0 .8em 0 .8em;text-align:left;padding-bottom:10px}

#footerLinks .links2 ul{list-style-type:none; line-height:1.4em; margin:0 0 0 1.2em }

#footerLinks .links2 ul li{margin:0 0 .8em 0;padding:0 0 0 1em;background-image:url(/images/square.gif);background-position:0;background-repeat:no-repeat}

#footerLinks .links2 .all{margin:0 1em 0 0;text-align:right}

#footerLinks .links2 ul li.msg {background:none}

#footerNote
{
    clear: both;
    text-align: center;
    color: #716f6f;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
    padding-top: 20px;
   }

/*page content styles*/
.button{font-weight:700; text-transform:lowercase}

div.row{clear:both; padding-top:.31em}

div.row span.label{float:left; width:100px; text-align:right; margin-right:.63em}

div.row span.formw{float:left; width:235px; text-align:left}

.error{font-weight:700; color:red}

div.prevMessage{padding-top:0.2em; display:block; width:auto; float:left}
div.prevMessage img, div.nextMessage img
{
    border: none;
  display: block;
}
div.displayNextLink img
{
    border: none;

}

div.nextMessage, div.displayNextLink{padding-top:0.2em; display:block; width:auto; float:right; text-align:right; padding-right:1em}

.mask{padding-right:0; z-index:10; min-height:100%; filter:alpha(opacity=70); left:0; visibility:hidden; width:100%; position:absolute; top:0; height:100%; background-color:gray; -moz-opacity:0.7; opacity:0.7}

#pencil{text-align: left;padding-top:.31em;clear:left}

#pencil img{border:none}

.btn {color:#fff;padding:0 .3em;border:.06em solid #c5c3c4;background-color:#387490}

.dotted{margin:10px 0 0 0;border-top: 1px dashed #A5AEC5;height:1px;line-height:1px; overflow: hidden}

/*bookmark links*/

ul.bookmark{text-align: left;margin:10px 0 10px 0}

ul.bookmark img{border:none}

ul.bookmark li{display:inline;margin:0 0 0 1.5em}

ul.bookmark li:first-child, ul.bookmark li.first{text-align:left;margin:0;}

.cloud{clear:both; padding:0}

.cloud .cloudMain{background:transparent; padding:0 0 1em 0}

.cloud .a, .cloud .b, .cloud .c, .cloud .d{display:block; overflow:hidden; height:1px; border-right:#d2d2d2 .06em solid; background:#efefef; border-left:#d2d2d2 .06em solid}

.cloud .a{background:#d2d2d2; margin:0 5px}

.cloud .b{border-width:0 2px; margin:0 3px}

.cloud .c{margin:0 2px}

.cloud .d{height:2px; margin:0 1px}

.cloud .body, .cloud .title{border-right:#d2d2d2 .1em solid; border-top:0; background:#efefef; border-left:#d2d2d2 .1em solid; border-bottom:0;margin:0}

.cloud .title{color:#404040; font-weight:700; text-align:left; padding:.1em .5em 0 1em}

.cloud .spacer{line-height:.5em; background:transparent}

.cloud .top, .cloud .bottom{display:block; font-size:.1em; background:none}

.cloudA{clear:both;padding:.5em}

.cloudA .cloudMainA{background:transparent; padding:0}

.cloudA .a, .cloudA .b, .cloudA .c, .cloudA .d{display:block; overflow:hidden; height:1px; border-right:#d2d2d2 .06em solid; background:#fff; border-left:#d2d2d2 .06em solid}

.cloudA .a{background:#d2d2d2; margin:0 5px}

.cloudA .b{border-width:0 2px; margin:0 3px}

.cloudA .c{margin:0 2px}

.cloudA .d{height:2px; margin:0 1px}

.cloud .cloudA .body, .cloud .cloudA .title{border-right:#d2d2d2 .1em solid; border-top:0; background:#fff; border-left:#d2d2d2 .1em solid; border-bottom:#fff .1em solid}

.cloudA .title{color:#204c8d; font-weight:700; text-align:left; padding:.1em .5em .5em 1em}

.cloudA .more {text-align:right;margin:0 .6em .2em 0}

.cloudA img {border:none}

.cloudA .body{height:1%;min-height:9em;padding:0 .1em 0 .1em}

.cloudA .spacer{line-height:.5em; background:transparent}

.cloudA .top, .cloudA .bottom{display:block; font-size:.1em; background:none}

/*search results*/

.cloud .body .searchResults
{
    padding-right: 0.9em;
    padding-left: 0.9em;
    padding-bottom: 0px;
    padding-top: 0.4em;
    height:3.1em;
}

.cloud .body .searchResultsList
{
    background-color: White;
    margin-left:  0.9em;
    margin-right: 0.9em;
    padding-right: 0.9em;
    padding-left:  0.9em;
    padding-bottom:  0.9em;
    padding-top:  0.9em;
    border-right: #d2d2d2 1px solid;
    border-top: #d2d2d2 1px solid;
    border-left: #d2d2d2 1px solid;
    border-bottom: #d2d2d2 1px solid;
}


 /*pager*/
.pager
{
    margin: 0.5em 1em 2em;
    clear: left;
/*    float: right;
    width: auto; */
    font-size: 95%;
    text-align: center;
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 1.5em;
    padding-top: 0.1em;
}

.pager a, .pager span{display:block; float:left; padding:0.2em 0.5em; margin-right:0.5em; border:1px solid #fff; background:#fff; margin-top:1em}
.pager span.current{border:1px solid #387490; font-weight:bold; background:#387490; color:#fff}
.pager a{border:1px solid #387490; text-decoration:none}
.pager a:hover{border-color:#387490}
.pager a.nextprev{font-weight:bold}
.pager span.nextprev{color:#666}
.pager span.nextprev
{
    border: 1px solid #ddd;
    color: #999;
}
.pager a:visited, .pager a:link {color:#204c8d}
#main .pager a:hover{border:1px solid #387490;color:#000}

/*tabs*/
.cloud .body .searchResults #headertab
{
    float: left;
    width: 100%;
 
}
#headertab ul
{
    margin: 0;
    list-style: none;
    padding-right: 0em;
    padding-left: 0.9em;
    padding-bottom: 0px;
    padding-top: 0.9em;
}
  #headertab li.first
{
    float: left;
    margin: 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
  #headertab li.statictab
{
    float: right;
    padding-right: 5px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}
#headertab li.tab
{
    float: right;
    background: url(   "/images/left.gif" ) no-repeat left top;
    margin: 0px 0px 0px 5px;
    padding-right: 0px;
    padding-left: 4px;
    padding-bottom: 0px;
    padding-top: 0px;
}
#headertab a
{
    float: right;
    display: block;
    background: url( "/images/right.gif" ) no-repeat right top;
    padding-right: 10px;
    padding-left: 4px;
    padding-bottom: 0px;
    padding-top: 2px;
    
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#headertab a {float:none;}
/* End IE5-Mac hack */
#headertab li.current
{

    background-image: url("/images/left_on.gif");
    background-repeat: no-repeat;
}
#headertab .current a
{
    background-image: url(/images/right_on.gif);
    text-decoration: none;
    font-weight: bold;
    color: black;
    z-index: 20;
    padding-bottom: 1px;

}



/*css html form*/
.cssform p{
width: 550px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px ;
height: 1%;
}

.cssform label{ 
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
 padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }


.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
}

.cssform textarea{
width: 500px;

}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}




   
   .accordionHeader, .accordionHeaderSelected
{
    color: white;
    font-weight: bold;
    cursor: pointer;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-position: center 0%;
    background-image: url(/images/bggreen.gif);
    width: 198px;
    background-repeat: repeat-x;
    height: 24px;
    background-color: transparent;
}
   .accordionHeader a
{
    text-decoration: underline;
    color: #fff;
    padding-left: 10px;
    padding-top: 30px;
    background: url(/images/ap_aparrowup.gif) no-repeat 100% 120%;
    padding-right: 30px;
    height: 24px;
  }
 .accordionHeaderSelected a
{
    text-decoration: underline;
    color: #fff;
    padding-left: 10px;
    padding-top: 30px;
    background: url(/images/ap_aparrowDown.gif) no-repeat 100% 120%;
    padding-right: 30px;
}



.accordionContent
{
    background-color: #e7e7e7;
    border-top: medium none;
    border-right: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    width: auto;
    padding-right: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    
}
.accordionContent li
{
    list-style-type:none;
   }
.adminMenu
{
    z-index: 200;
    
}


#searchothersites img
    {
        border:none;
    }

#metasectionprogress img
{
    z-index: 300;
    left: 500px;
    position: absolute;
    top: 80px;
}
/* Maps */
.mapDetail {width:775px;}
.mapDetail table{width:250px}
.mapDetail table td{padding:5px}
.mapDetail table td.info{font-weight:bold}
.mapDetail img
    {
        border:none;
    }
.mapDetail ul
{
    list-style-type: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}

.mapDetail ul li{margin:0 0 0 0}

.mapDetail Div.info
{
   padding-top: 5px;
   padding-bottom: 5px;
}
.mapDetail Div.info IMG
{
    padding-right: 5px;
     padding-top: 5px;
     
}
.mapDetail .leftCol
{
    float:left;
   padding-right:5px;
  
}
.clearBoth{clear:left}

.mapDetail h4
{
    color:Black;
}
.mapDetail ul.column {
  float: left;
  width: 770px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mapDetail ul.column li.left {
  float: left;
  width: 650px;
  margin: 0;
  padding-bottom: 10px;
} 
.mapDetail ul.column li.left img{
 padding-right:5px;
    vertical-align:middle;
} 
.mapDetail ul.column li.right {
  float: left;
  width: 120px;
  margin: 0;
padding-bottom: 10px;
} 
.mapDetail .rightCol
{
    float:left;
    width:220px;
       
}
.mapDetail OL LI
{
    padding-bottom:2px;
    padding-top:2px;
}

.mapDetail #siteRefLogo
{
    background-position: right;
    width: 200px;
    background: #fff url(/global/Images/medcLogo2.gif) no-repeat right;
    height: 30px;
 float :right;
    position:relative;
}
  
.mapDetail .mapText .panel
{
      padding-left: 30px;
}
 .baloonpopup
{
    min-height: 90px;
    min-width: 300px;
    overflow: visible;
    display: block;
}
DIV.framed{BORDER-RIGHT:#626262 1px solid; BORDER-TOP:#626262 1px solid; BORDER-LEFT:#626262 1px solid; BORDER-BOTTOM:#626262 1px solid}
.attachs {padding:15px 0 0 0}
.attachs img{border:none}
.attachs .fileInfo {padding:10px 0 0 5px}
.attachs .first {padding-top:0}
.attachs td {padding:2px 0 0 0}
.attachs .icon {width:28px;text-align:center}
#main .attachs .icon a:active, #main .attachs .icon a:hover{border-bottom:none}

.staffImg {float:left;padding:8px 5px 5px 0}
.staffImg img {border:0}
.secHeader {padding-top:8px;font-weight:bold}

img.noframe {border: none;}

.panelA{padding-bottom:10px}
.panelA .panelMain {background:transparent}
.panelA .a, .panelA .b, .panelA .c, .panelA .d{display:block; overflow:hidden; height:1px; border-right:#ced8e1 1px solid; background:none; border-left:#ced8e1 1px solid}
.panelA .a {background:#ced8e1; margin:0 5px}
.panelA .b {border-width:0 2px; margin:0 3px}
.panelA .c {margin:0 2px}
.panelA .d {height:2px; margin:0 1px}
.panelA .panelBody, .panelA .panelHeader, .panelA .panelHeader2, .panelA .panelHeader3{border-right:1px solid #ced8e1; border-top:0; border-left:1px solid #ced8e1; border-bottom:0; background:transparent;position:relative}
.panelA .panelHeader, .panelA .panelHeader2, .panelA .panelHeader3 {min-height:28px;height:auto !important;height:28px;max-height:400px;color:#000; font-weight:bold;background:#ced8e1;padding:5px 0 0 0}
.panelA .panelHeader {text-align:center}
.panelA .panelHeader2 {padding-left:10px;text-align:left;font-size:1.17em;font-weight:bold;padding-right:10px}
.panelA .panelHeader3 {text-align:left}
.panelA .panelHeader h3 {padding:0;font-size:1.17em}
.panelA .panelHeader3 h3 {padding:0px 10px 10px;font-size:1.17em}
.panelA .panelBody {text-align:left}
.panelA .panelBody2 {padding:7px;}
.panelA .top, .panelA .bottom {display:block; font-size:1px; background:none}
.panelA .top .b, .panelA .top .c, .panelA .top .d {background:#ced8e1}

.panelB {padding-bottom:10px}
.panelB .panelMain {background:transparent}
.panelB .a, .panelB .b, .panelB .c, .panelB .d{display:block; overflow:hidden; height:1px; border-right:#183561 1px solid; background:none; border-left:#183561 1px solid}
.panelB .a {background:#183561; margin:0 5px}
.panelB .b {border-width:0 2px; margin:0 3px}
.panelB .c {margin:0 2px}
.panelB .d {height:2px; margin:0 1px}
.panelB .panelBody, .panelB .panelHeader, .panelB .panelHeader2, .panelB .panelHeader3{border-right:1px solid #183561; border-top:0; border-left:1px solid #183561; border-bottom:0; background:transparent;position:relative}
.panelB .panelHeader, .panelB .panelHeader2, .panelB .panelHeader3 {min-height:28px;height:auto !important;height:28px;max-height:400px;color:#fff; font-weight:bold;background:#183561;padding:5px 0 0 0}
.panelB .panelHeader {text-align:center}
.panelB .panelHeader2 {padding-left:10px;text-align:left;font-size:1.17em;font-weight:bold;padding-right:10px}
.panelB .panelHeader3 {text-align:left}
.panelB .panelHeader h3 {padding:0;font-size:1.17em}
.panelB .panelHeader3 h3 {padding:0px 10px 10px;font-size:1.17em}
.panelB .panelBody2 {padding:7px}
.panelB .panelBody{}
.panelB .top, .panelB .bottom {display:block; font-size:1px; background:none}
.panelB .top .b, .panelB .top .c, .panelB .top .d {background:#183561}

#main .panelB .panelHeader2 a, #main .panelB .panelHeader2 a:link, #main .panelB .panelHeader2 a:hover, #main .panelB .panelHeader2 a:active {color:#fff}
#main .panelA .panelHeader2 a, #main .panelA .panelHeader2 a:link, #main .panelA .panelHeader2 a:hover, #main .panelA .panelHeader2 a:active {color:#fff}

.logos img {border:none;padding-left:22px}
#main .logos a, #main .logos a:active, #main .logos a:hover{border-bottom:none}

.inputForm .title {font-weight:bold;padding:10px 0 0 0}
.inputForm .first {padding-top:0}
.inputForm .input2 {padding:5px 0 0 0}
.inputForm .fld {width:300px}
.inputForm .fld2 {width:25px}
.inputForm .fld3 {width:60px}
.inputForm .fld4 {width:200px}
.inputForm .fld5 {width:125px}
.inputForm .fldTA {width:400px;height:200px}
.inputForm table.options {width:405px}
.inputForm table.options .chk{width:15px}
.inputForm table.options .text{width:120px;text-align:left;padding:2px 0 2px 0}
.inputForm table.options .text2{width:186px;text-align:left;padding:2px 0 2px 0}
.inputForm .action {padding-top:15px;text-align:left}