.popout {
    margin: 0; 
    padding: 0; 
    border: 0; 
    z-index: 10000; 
    position: absolute;
}

.popout-container {
    width: 379px;   
    position: relative;
    font-family: Arial, Verdana;
    font-size: 12px;    
    /*margin-top: -80px;*/
}
.popout-container img {
    border: 0;
}

/*** IF LEFT ***/
.popout-container .popout-arrow {
    position: absolute; 
    z-index: 10;    
    width: 59px;
    height: 54px;                
}

.popout-container .popout-arrow-left {
	background: url(/images/popout-design-arrow-left2-old.png) no-repeat;
    left: -38px;
}

.popout-container .popout-arrow-right {
	background: url(/images/popout-design-arrow-right2-old.png) no-repeat;
    right: -38px;
}

.popout-container .popout-arrow-lefttop {
    background: url(/images/popout-design-arrow-topleft-old.png) no-repeat;
    left: -38px;
}

.popout-container .popout-arrow-righttop {
    background: url(/images/popout-design-arrow-topright-old.png) no-repeat;
    right: -38px;
}

.popout-container .popout-arrow-leftbottom {
    background: url(/images/popout-design-arrow-bottomleft-old.png) no-repeat;
    left: -38px;
}

.popout-container .popout-arrow-rightbottom {
    background: url(/images/popout-design-arrow-bottomright-old.png) no-repeat;
    right: -38px;
}

.popout-container .heading {
    background: url(/images/popout-design-top.png) no-repeat;
    height: 31px;
    display: block;
    padding: 26px 35px 0;
    font-weight: bold;
    font-size: 13px/13px;
    color: #FFF;
}
.popout-container .heading img {
    float: right;
    margin: 0 0 10px 0;
}
.popout-container .book-info {
    background: url(/images/popout-design-center.png) repeat-y;
    float: left;
    clear: right;
    padding: 10px 35px 0;
    text-align: left;
    width: 305px;
}
.popout-container .book-info img {
    border: 1px solid #ccc;
    display: block;
}


.popout-container .book-info .thumbnail-portrait {
    float: left;
    width: 65px;
    height: 100px;
    padding: 0 10px 0 0;
}

.popout-container .book-info .thumbnail-portrait img {
    width: 65px;
    height: 100px;
    border: 1px solid #d0d0d0;
}
.popout-container .book-info .thumbnail-landscape {
    float: left;
    width: 100px;
    height: 65px;
    padding: 0 10px 0 0;
}
.popout-container .book-info .thumbnail-landscape img {
    width: 100px;
    height: 65px;
    border: 1px solid #d0d0d0;
}

.popout-container .book-info .summary {
    width: 304px;
    padding-bottom: 20px;
}
.popout-container .book-info .summary-landscape {
    width: 190px;
    float: right;
    padding-bottom: 20px;
}

.popout-container .book-info .summary-portrait {
    width: 230px !important;
    float: right;
    padding-bottom: 20px;
    overflow: hidden;
}


.popout-container h2 {
    clear: both;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin: 20px 0 10px 0 !important;
    padding: 2px 5px !important;
    border-bottom: 1px solid #D2D2D2;
    color: #000 !important;
    background: #E5E5E5;
}
.popout-container .objective {
    clear: left;
    float: left;
    padding: 0 0 6px 0;
    width: 309px;
}
.popout-container .objective .label {
    float: left;
    text-align: right;
    padding: 0 7px 0 0;
    font-weight: bold;
    width: 150px;
}
.popout-container .objective .label:after {
    content: ':';
}
.popout-container .objective .input {
    float: left;
    width: 150px;
}
.popout-container .bottom {
    background: url(/images/popout-design-bottom.png) no-repeat;
    width: 379px;
    height: 34px;
    display: block;
    clear: both;
}