/*GENERAL CSS FOR THE RIGHT HAND SIDE
=================================================*/
#divMediaPlayer
{
    width:100%; bottom:0%; position:absolute;
    min-height: 115px; height:auto; max-height:115px;
    z-index: 20;
}

.divDetailsBookMark
{
    width:100%; position: relative;
    min-height:428px; max-height:428px;
}

/*PLAYER TAB
========================================*/
#PlayerLeft
{
    float:left; width:59.5%; display:block;
    background-color: #fff; padding-top:0px; border-right: 1px solid #DCDCDC;
    border-top: 1px solid #000;
    min-height: 428px; max-height: 428px; height: auto;
    position: relative;
}
* html #PlayerLeft{height:428px;}
#divSummary
{
    clear:both;
    width:100%; border-bottom: 1px solid #dcdcdc;
    height:135px; overflow: auto;
}
#divSummary label {font-size:14px; color:#000; padding-right:3px;}
#divMediaControls
{
    width:100%; bottom:0%; position:absolute;
    min-height: 34px; height:auto; max-height:34px;    
    background-image:url(../images/Player/PlayerButtonsBar5.bmp);
    z-index: 1200;
}
#divMediaTracker
{
    width:100%; min-height:17px; max-height:17px; height:auto; overflow:hidden;
    background:#e1e1e1; position:absolute; bottom:35px; 
    background-image:url('../images/Player/mPlayerBack.bmp'); display: none;
    background-repeat:repeat-x; z-index:2000;
}
#PlayerRight
{
    float:left; min-width:40%; display:inline;
    max-width:40%; width: auto; background-color: #fff;
    padding-top:0px; border-top: 1px solid #000;
    position: relative; height: 427px;
}

#PlaylistControls
{
    min-height: 34px; height:auto; max-height:34px;   
    border-top: 1px solid #610183;
    position:absolute; bottom:0px; width: 100%; 
}
.divBookTagDetailsTab
{
    width:360px; height:auto;
    float:left; margin-top:5px;
}
*html .divBookTagDetailsTab{width: 300px;}
.divBookTagReview
{
    width:300px; height:auto;
    position:absolute; left: 85px; top:10px;
}
*html .divBookTagReview{width: 300px;}

#divVolContainer{ width:56px; min-height:23px; width: auto; padding-top:7px; }
#divVoldecrease{ cursor: pointer;  padding-top:2px; min-width:14px; min-height:23px; width: auto; float:left; padding-left:2px; }
#divVolincrease{ cursor: pointer; padding-top:2px; min-width:14px; min-height:23px; width: auto; float:left; }
.chapDiv{ background-color: #fff; border-collapse:collapse; cursor:pointer; color:#fff; height:18px; border-bottom:#ececec; padding-top:3px; padding-left:3px;}
a.chapDiv{margin-top:0px; color: #000; text-decoration:none; font-family:Arial; font-size:13px; background-color: #fff; border-collapse:collapse; cursor:pointer; width:100%; display:block;}
a.chapDiv:hover{ font-family:Arial; font-size:13px;  background-color: #D8C7E9; border-collapse:separate; cursor:pointer; width:100%; display:block;}
a.chapDiv:over{text-decoration:none; font-family:Arial; font-size:13px; background-color: #4682B4; border-collapse:collapse; cursor:pointer; width:100%; display:block;}
.chapHeadDiv
{
    background-color: #E0EFFC; border-bottom: 1px solid darkgray; font-family:Verdana; font-size: small; 
    border-top: 1px solid darkgray;
}
.chapDiv:hover{background-color: #4682B4;}
#infoDiv{position:absolute; top: 2px; right:2px; cursor:pointer;}
#faqDiv
{
    position:absolute; top: 2px; right:27px; cursor:pointer;
}
#faqDiv #helpTxt{margin-top:3px; font-weight:bold; float:left; font-family: Arial; font-size:13px; margin-right:2px;}
.VolDiv
{
    min-height: 23px; cursor:pointer; max-height: 23px; width:26px;
    padding-top: 4px; padding-left: 0px; float:left; margin-left:2px;
    background-image:url('../images/Player/player_volume.png'); background-repeat:no-repeat;
}
.VolDivNo
{
    min-height: 23px; cursor:pointer; max-height: 23px; width:26px; float: left; 
    padding-top: 4px; padding-left: 0px;  margin-left:2px;
    background-image:url('../images/Player/player_volumeNo.png'); background-repeat:no-repeat;
}
.PlcNext
{
    width: 16px; height: 16px; cursor:pointer;
    position:absolute; right:5px; top: 8px;
}
.PlcPrev
{
    width: 16px; height: 16px; cursor:pointer;
    position:absolute; right:25px; top: 8px;
}
#divLabelBook{top:130px; position: absolute;left:1px; padding-left:2px;}
#divLabelBook label{color:#610183; font-size:13px; font-weight:bold;}
#writeReviewdivDetailsTab{top:245px; position: absolute;right:5px; cursor: pointer;}
#lblauthor{ color:#610183; }

/* Slider Bar for Media Player Tracker */
.SliderContainerMain{ height: 20px; border: 1px solid #284a6e; position:absolute; bottom: 100px;}
.slider_container { position: absolute; bottom:65px; height: 20px; width:100%; border-bottom: solid 1px #dcdcdc; padding-bottom:2px;}
.slider_bar {margin: 0px 5px; background-color:#fff; height: 12px; width: 97%; position: relative; background-color:#e0effc; border-top:1px solid #8BC0FF; border-bottom:1px solid #8BC0FF}
.slider_bar:hover{cursor: pointer; border-top:1px solid #8BC0FF; border-bottom:1px solid #8BC0FF; background-color:#d2e6f5;}
.slider_handle { background: url(../images/Player/HandleOver3.png) no-repeat; height: 24px; width: 12px; overflow: hidden; position: absolute; top: 1px; top:-6px;}
.slider_handle:hover { background: url(../images/Player/selector3.png) no-repeat; cursor: pointer; }
#slider_callout { background: url(../images/Player/callout.png) no-repeat; height: 45px; width: 38px; overflow: hidden; position: absolute; 
top: -50px; margin-left:-10px; padding: 8px 0px 0px 0px; font-family: "arial"; color: #284a6e; font-weight: bold; text-align: center;}
#lblAuthor{color:#610183;}

#FAQdialog_contents{font-size:13px; cursor:default;}
#FAQdialog_contents h3{font-size:14px; cursor: pointer;}
#Errordialog_contents{font-size:13px; cursor:default;}
.shul{line-height:16px; font-size:13px;}
.shul li{margin-left:15px; list-style:disc;}
.shul a:link, a:visited, a:active{color:#610183; text-decoration: none;}
.shul a:hover {color: #20A6D2;}
p a:link, a:visited, a:active{color:#610183; text-decoration: none;}
p a:hover {color: #20A6D2;}

/*REUQEST LIST TAB
========================================*/
#reqListContainer{width:100%; min-height:371px; max-height:371px;}
#divReqListInfo{width:100%; border-bottom: 1px solid #dcdcdc; height: 40px;}
.droparea
{
    min-width: 100%; max-width:100%; 
    width:auto; height:auto;
}
#divreqlistButtonSend
{
    background-image:url(../images/Player/buttonPagersmall.png); 
    background-repeat:repeat-x; width:45px; height:20px; 
    cursor:pointer; float:right; 
    margin-top:3px; margin-right:10px; padding-top: 2px;
}
#divreqlistButtonClear
{
       background-image:url(../images/Player/buttonPagersmall.png); 
       background-repeat:repeat-x; width:45px; height:20px; 
       cursor:pointer; float:right; margin-top:3px; padding-top: 2px;
       margin-right:3px;
}
#divreqlistButtonClear label{color:#fff; font-size:14px;}
#divreqlistButtonSend label{color:#fff; font-size:14px;}
#rlControls label{color: #fff; font-size:14px;}
#divRequestlistInfo
{
    width:100%; height: 140px; border-top:1px solid gray; 
    border-bottom:1px solid gray; background-color: #ececec;
    padding-top:5px;
}
* html #divRequestlistInfo{min-height:162px;}

#divRequestlistInfo label{color:#000; margin-left: 3px; font-size:14px;}
.requestListItem 
{
    width:94%;  margin-left: 10px;
    position:relative; height:18px; padding-top: 3px;
    border: 1px solid #3A83A6; margin-top:3px; cursor:pointer;
    -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px;
}
* html .requestListItem{ height:18px; }
.reqItemExp
{
     width:92%; margin-left: 15px; margin-right: 10px; 
     min-height:90px; max-height:90px; height: auto; display:block; 
     background-color:#e1e1e1;
     border-left:1px solid #3A83A6; border-bottom:1px solid #3A83A6;
     border-right:1px solid #3A83A6; position: relative;
    -moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;     
}
.requestListItemKill
{
    position:absolute; right: 5px; top:2px;
    float:right; margin-top:1px; margin-right:3px;
    width:16px; min-height:16px; max-height:16px; height:auto; 
    font-family:verdana; font-size:12px; cursor:pointer; 
    background-image:url('../images/Player/imgclose.png');
}
* html .requestListItemKill{height:16px;}
.requestListItemKill:hover{background-image:url('../images/Player/imgclosehover.png');} 
#rlControls
{
    width:100%; height:26px; background-color:#D8C7E9; 
    position:absolute; bottom:0px; left:0px; 
    border-top: 1px solid #610183;
    -moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#divNoItemsMessage
{
    text-align:justify; vertical-align:middle; 
    width:80%; background:#D2D2D2; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
    padding:3px; font-family:Arial; color:#000; font-size:14px;
    margin-left:auto; margin-right:auto; margin-top: 40px; padding-left:40px;
    background-image:url(../images/info1.png); background-repeat:no-repeat; 
    background-position:left top; border:1px solid #2d2d2d;
}
/*DETAILS TAB
========================================*/
#divDetailsTabBooksubInfo{width: 375px; padding-top: 5px; height:80px;}
.DetailsTabSubInfoLines{width: 135px; min-height: 16px; float:left;}
.DetailsTabSubInfoLines2{width: 200px; min-height: 16px; float:left;}
* html .DetailsTabSubInfoLines{width: 125px;}
* html .DetailsTabSubInfoLines2{width: 170px;}
#divReviewDetailsTab
{
    width:100%; height:155px; border-top: 1px solid #610183;
    border-bottom: 1px solid #610183; overflow: auto;
}
#divReviewDetailsTabContainer
{
    position:absolute; bottom:5px; width:100%;
}
#divSummaryDetailsTab
{
    width:100%; height:115px; border-top: 1px solid #610183;
    position: absolute; bottom:180px; left:0px; overflow: hidden;
}
.divDetailsTabsection
{
    clear:both; border-bottom: 0px solid gray;
    overflow:auto; height:170px; 
    width: 100%; z-index:50;
}
.divDetailsTabsection2
{
    clear:both; border-bottom: 0px solid gray;
    overflow:auto; height:133px; 
    width: 100%; z-index:50;
}
.divDetailsTabsection3
{
    clear:both; border-bottom: 0px solid gray;
    overflow:auto; height:84px; 
    width: 100%; z-index:50;
}

#divSynopsis{position: absolute; top:20px; left:5px;}
#divPlayTime{position:absolute; bottom:115px; left:3px;}
#divreviewPlayTab{position:absolute; bottom:115px; right:6px;}
.reviewItem{position:relative; color: #000; cursor: pointer; width: 98%; margin-left: auto; margin-right: auto; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; height: 18px; background-color: #fff; margin-top:3px; font-size:14px; padding-top:5px; }
.reviewItem:hover{color: #610183; background-color: #d8c7e9; border-top:1px solid #610183; border-bottom:1px solid #610183;}
.reviewItemRating{position:absolute; right:80px; top:1px; padding-top:5px;}
.reviewItemDate{position:absolute; right:3px; top:1px; padding-top:5px;}
.divDetailsTabPlaceholder{width:100%; min-height:25px; height:27px; background: #E2C9E9; border-bottom:1px solid gray;}

/*BOOKMARK TAB
============================================================*/
.bookmarksContainer{width:100%; height:398px; overflow: auto;}
.bookmarkItem .imgPlay{position: absolute; right:30px; top:2px; cursor: pointer;}
.bookmarkItem  .imgDeletebookmark{position: absolute; right:5px; top:2px; cursor: pointer;}
.bookmarkDeschead{width:100%; height: 30px; background-color:#ebebeb;}
.bookmarkDeschead h3{padding-top: 10px; padding-left: 10px;}
.bookmarkItem
{
    width:96%; height: 33px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    background-color:#fff; 
    margin-left:auto; margin-right:auto; 
    margin-bottom:8px; border:1px solid #55AAFF;
    margin-top:3px; position:relative; cursor: pointer;
}
.bookmarkItem #divTitle{position:absolute; left:3px; top:2px; width:270px;}
.bookmarkItem #divChapter{position:absolute; left:3px; top:15px; width:270px;}
.bookmarkItem #divAuthor{position:absolute; left:280px; top:2px; width:150px;}
.bookmarkItem #divTime{position:absolute; left:280px; top:15px; width:150px;}
.bookmarkItem label{color:#000; font-size:14px; font-family:Arial;}
#divbookmarkDeleteMsg{width:100%; height: 20px; background: #D8C7E9; position:absolute; bottom:-1px; left:0px; padding-top:5px; display:none;}
#divbookmarkDeleteMsg label{margin-left:10px; margin-top:5px; color:#000; font-size:14px;}