/* ===========================================
   popup elements */

.popup{
    width:  100%;
    height: 100%;
    /*border: 1px solid green;*/
}

.popup .addsidebar{
    width:              100%;
    height:             100%;
    background-image:   url("../img/bkg_s1.jpg");
    background-repeat:  repeat-y;
}

.popup .breadcrumbs{
    background-color:   #e7e7e7;
    border-bottom:      1px solid #cccccc;
}

.popup .contents{
    width:  575px;
    /*border: 1px solid green;*/
}

/* used with a sidebar */
.popup .floats .contents{
    width:          395px;
    margin-left:    180px;
    /*border: 1px solid green;*/
}

.popup .contents .padding{
    padding:    20px;
}

.popup .breadcrumbs .contents .padding{
    padding-top:    4px;
    padding-bottom: 4px;
}

.breadcrumbs .indent{
    padding-left:   10px;
} 

.popup .col1{
    width:          215px;
    float:          left;
    padding-right:  20px;
    /*border: 1px solid green;*/
}

.popup .col2{
    width:  300px;
    float:  left;
    /*border: 1px solid green;*/
}

.popup .floats{
    width:      100%;
    overflow:   hidden;
}

.popup .right{
    float:  right;
}

.popup .left{
    float:  left;
}

.popup img.block{
    display:        block;
    padding-bottom: 10px;
    /*border: 1px solid green;*/
}

.popup .pagebar{
    color:              #ffffff;
    background-color:   #000066;
}

.popup .pagebar a{
    color:  #ffffff;
}

.popup .pagebar .contents{
    width:  600px;
}

.popup .pagebar .contents .padding{
    padding-top:    5px;
    padding-bottom: 5px;
}

.popup .pagebar .title{
    color:          #ffffff;
    font-weight:    bold;
}

.popup .pagebar .author{
    color:          #ffffff;
    margin:         0px;
}

.popup .citation .author{
    font-weight:    bold;
}

.popup .citation .author .date{
    font-weight:    normal;
}

.popup .caption{
    width:      150px;
    font-style: italic;
    color:      #333333;
}

.popup .author{
    margin-bottom:  15px;
}

.popup .author img{
    padding:        0px;
    margin-bottom:  10px;
}

.popup .author .name{
    font-weight:    bold;
    color:          #333333;
}

.popup .story{
    border-top:     1px solid #999999;
    padding-top:    10px;
}

.popup .story .title{
    font-family:    georgia;
    font-size:      16px;
    font-weight:    bold;
    color:          #000066;
    margin-bottom:  15px;
}

.popup .excerpt{
    margin-bottom:  15px;
}

.popup .excerpt .from{
    line-height:    14px;
}

.popup .excerpt .title{
    font-family:    verdana;
    font-size:      10px;
    line-height:    14px;
    font-weight:    bold;
    color:          #000000;
}

div.footnote{
    margin-bottom:  20px;
}

div.footnote .title{
    float:          left;
    font-weight:    bold;
    padding-top:    4px;
}

div.footnote .top{
    float:          right;
    padding-top:    4px;
}

span.footnote {
    font-size:          9px;
    border:             1px solid #ccccab;
    background-color:   #fcf7cc;
    position:           relative;
    padding-left:       2px;    
    padding-right:      2px;
    margin-left:        2px;
    top:                -4px;
}

span.footnote a {
    text-decoration: none;
}

.popup .boxed{
    background-color:   #f2f2e3;
    padding:            10px;
    margin-bottom:      10px;
}

.popup .phead{
    font-weight:    bold;
}


.popup .phead .btn_text{
    vertical-align: middle;
    cursor:         pointer;
}

.popup a.inline{
    text-decoration:    underlined;
    color:              #333333;
}