ul.pagelist 
{
    list-style-type:disc;
    margin:10px 0px 10px 20px;
}
ol.pagelist
{
    list-style-type:decimal;
    margin:10px 0px 10px 20px;
}


div.main-wrapper
{
    width: 930px;
    height: auto;
    margin: auto;
}

#top-wrapper
{
    height: 92px;
    margin-top: 10px;
}

#top-wrapper div.navigation
{
    
    text-align: right;
}

#top-wrapper div.logo
{
    margin-left: 11px;
    margin-right: 47px;
    margin-top: 0px;
}

#top-wrapper a.midwife-resource,
#top-wrapper a.midwife-find
{
    height: 56px;
    margin-top: 3px;
}

#top-wrapper a.midwife-resource
{
    margin-right: 6px;
}

#top-wrapper a.midwife-resource 
{
    width:190px;
    background-image:url(../images/nav/formidwives.png);
}

.division_meras #top-wrapper a.midwife-resource 
{
    width:190px;
    background-image:url(../images/nav/backToNZCOM.png);
}


#top-wrapper a.midwife-find
{
    width:180px;
    background-image:url(../images/nav/forwomen.png);
}

#bar-wrapper
{
    
    /*min-height: 214px;*/
}

div.navigation
{
    position:relative;
    
    /*width: 680px;*/
    
    /*margin-right: 32px;*/
}

div.navigation a.contact,
div.navigation a.logout,
div.navigation a.login,
div.navigation a.shopping-cart
{
    font-size:13px;
    padding-left:22px;
    display:inline-block;
    color:#818281;
    font-family:Times New Roman;
    text-transform:uppercase;
}

div.navigation a.logout 
{
    padding-left:0px;
}

#loginPopup 
{
    z-index:10;
    display:none;
    background-color:#fff;
    border:1px solid #666;
    border-radius:8px;
    padding:10px 10px;
    position:absolute;
    right:0px;
    top:30px;
    z-index:1;
        box-shadow: 3px 3px 10px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 3px 3px 10px 3px  rgba(0,0,0,.5);
    -khtml-box-shadow: 3px 3px 10px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 10px 3px rgba(0,0,0,.5);
}

#loginPopup.shown { display:block; }
#loginPopup img 
{
    position:absolute;
    top:-10px;
    right:20px;
}

#loginPopup input 
{
    margin-bottom:5px;
}

div.navigation a.contact,
div.navigation a.login,
div.navigation a.shopping-cart
{
    background-repeat:no-repeat;
    line-height:16px;
}

div.navigation a.contact 
{
    background-image:url(../images/contact-icon.png);
    margin-right:10px;
}

div.navigation a.login
{
    margin-left:10px;
    background-image:url(../images/login-icon.png);
}

div.navigation a.shopping-cart
{
    margin-left:10px;
    background-image:url(../images/shopping-cart.png);
    float: left;
}

#midwifeNav { display:block; }
#womenNav { display:none; }
#merasNav { display:none; }
.division_women #womenNav { display:block; }
.division_women #midwifeNav { display:none; }
.division_women #merasNav { display:none; }
.division_meras #womenNav { display:none; }
.division_meras #midwifeNav { display:none; }
.division_meras #merasNav { display:block; }

#bar-wrapper div.search
{
    float:right;
    height:67px;
    width:200px;
    background-image:url(../images/nav/search.png);
}

.division_women #bar-wrapper div.search
{
    float:right;
    height:67px;
    width:342px;
    background-image:url(../images/nav/women/search.png);
}

.division_meras #bar-wrapper div.search
{
    float:right;
    height:67px;
    width:158px;
    background-image:url(../images/nav/meras/search.png);
}

#bar-wrapper div.search input[type=text]
{
    background-color:#fff;
    border:1px solid #666;
    border-radius:3px;
    width: 148px;
    height:28px;
    padding:0px 30px 0px 5px;
    line-height:28px;
    margin:18px 0px 0px 8px;
    background-image:url(../images/search-bg.png);
}

.division_women #bar-wrapper div.search input[type=text]
{
    width:170px;
}

.division_meras #bar-wrapper div.search input[type=text]
{
    width:105px;
}

#bar-wrapper div.search a.findYourMidwife { display:none; }
.division_women #bar-wrapper div.search a.findYourMidwife { display:inline; }
.division_women #bar-wrapper div.search a.findYourMidwife img { vertical-align:middle; padding-bottom:4px;}

#bar-wrapper div.text
{
    width: 534px;
    margin-left: 34px;
    margin-top: 16px;
}

#content-wrapper
{
    margin-top: 15px;
    min-height:600px;
}

#content-wrapper ul,
#content-wrapper p,
#content-wrapper th,
#content-wrapper td 
{
    color:#450f45;
}

.division_women #content-wrapper p,
.division_women #content-wrapper th,
.division_women #content-wrapper td,
.division_women #content-wrapper ul {
    color: #1d2905;
}

.division_meras #content-wrapper p,
.division_meras #content-wrapper th,
.division_meras #content-wrapper td,
.division_meras #content-wrapper ul {
    color: #444;
}

#footer-wrapper
{
    background-color: #efefef;
    border: 1px solid #cccccc;
    border-left: 0;
    border-right: 0;
    padding:15px 0px;
    margin-top: 10px;
    font-size:12px;
}

table.body-table  
{
    margin:20px 0px;
    width:auto;
}

table.body-table.questions
{
    width:100%;
}


table.body-table * { background-color:transparent !important; }
table.body-table th,
table.body-table td
{
    cursor:text;
    text-align:left;
    padding:2px 5px;
}

table.body-table th 
{
    font-weight:bold;
}

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

body.popup {
    background-color:#f9f9f9;
    background-image:none;
}

.popup #content-wrapper {
    min-height:initial;
}

span.DOI {
    padding-right: 10px;
    padding-top: 5px; 
    font-size: 90%;
    color: grey;
}

span.brokenlink {
    float: right;
    padding-right: 10px
}

span.backtosearch {
    float: left;
    padding-right: 10px
}

span.submitresearch {
    float: right;
    padding-right: 10px
}