
/****************************************************************/
/************************* PAGER PANEL **************************/

#pagerDisplay, #pagerDisplayDetail {
   padding: 0px;
   border: 0px solid #000;
   border-collapse: collapse;
   width: 45%;
   margin-left: 55%;
}

#pagerDisplay td.back{
   width: 100px;
   text-align: left;
}

#pagerDisplay td.prev{
   width: 70px;
   text-align: left;
}

#pagerDisplay td.next{
   width: 50px;
   text-align: right;
}

#pagerDisplay td.display{
   text-align: center;
}

/****************************************************************/
/************************* DETAIL PANEL **************************/

#div-detail {
   margin: 10px 0;
   padding: 10px;
   border: 1px dashed #ccc;
   background: #e6e6e6;

   position: relative; /* to fix the Peekaboo bug in IE 6 */
}

#div-detail .title {
   font-weight: bold;
   font-size: 1.3em;
   padding-bottom: 5px;
   border-bottom: 1px dashed #ccc;
}

#div-detail .fields {
   border-bottom: 1px dashed #ccc;
   margin-bottom: 5px;
}

#div-detail div.field, #div-detail div.fieldLast {
   float: left;
   height: 27px;
   padding: 5px 5px;
   border-right: 1px dashed #ccc;
   position: relative; /* to fix the Peekaboo bug in IE 6 */
}
#div-detail div.fieldLast {
   border-right: 0px dashed #ccc;
}

#div-detail div.story {
   margin: 0;
   background: #e6e6e6;
}

#div-detail div.warning {
   width: 80%;
   margin: 10px auto;
   padding: 10px 10px;
   border: 1px dashed #ccc;
   background: #f1c3b8;
}

#div-detail div.attachment, #content-moreLinks {
   float: left;
   width: 46%;
   min-height: 50px;
   _height: 50px; /* for IE */
   padding: 5px;
   border: 1px dashed #aaa;
   background: #f1c3b8;
   position: relative; /* to fix the Peekaboo bug in IE 6 */
}

#div-detail div.attachment p {
   margin: 10px 0;
}

#content-moreLinks {
   margin-left: 10px;
}

#content-moreLinks div {
   line-height: 25px;
}


/****************************************************************/
/************************* EMAIL TO FRIEND **********************/

#fromEmail, #toEmails {
   padding: 5px 0;
 
   position: relative; /* to fix the Peekaboo bug in IE 6 */
}


#fromEmail div.field, #toEmails div.field {
   float: left;
   padding: 5px 0;
   position: relative; /* to fix the Peekaboo bug in IE 6 */
}
