/* CSS for Streaming Page 
=======================================================*/
label.LabelBook{color: #000; font-family: arial; font-size:14px;}

#divMediaSearchResultHead
{
    min-width:100%; max-width:100%; width: auto;
    background:#A477D5; clear:both; position: relative;
    min-height: 28px; max-height: 28px; height: auto;
}
* html #divMediaSearchResultHead{height:28px;}
#divsearchCount{position:absolute; left:0px; top:4px;}
#divsearchCount label{font-size:13px; color:#000;}
#pagerDiv
{
    clear:both; background:#D8C7E9;
    min-width:100%; max-width:100%; width: auto;
    min-height:26px; position:relative;
    -moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
* html #pagerDiv{height: 26px;}
#divpagerTextbox{height:20px; width: 65px; border:1px solid #610183; background:#D2D2D2; float:right; margin-right:4px;margin-top:2px}
#divpagerTextbox label{font-size:12px; float:left; padding-top:2px; color:#2d2d2d; font-weight:bold;}
.pagerButtons{float:right; margin-right:2px; margin-top:3px; width:57px; cursor: pointer; height:20px; background-image:url(../images/buttonPagersmall.png); background-repeat:no-repeat; padding-top:2px;}
.pagerButtons:hover{background-image:url(../images/buttonPagersmallhover.png);}
.pagerButtons label{font-size:12px; font-family:Arial; color:#fff; cursor: pointer; font-weight:bold;}
#pagerNumber{float:left; width:24px; height:16px; background:#D2D2D2; border:1px solid #000;}
.divResults
{
    clear:both; z-index: 110; position:relative;
    min-width:444px; max-width:444px; width: auto;
    background-color:#EBEAEA; border-bottom: 1px solid #000; display:block;
    min-height: 23px; max-height: 23px; height: auto;
    color: #000; font-size: 14px; padding-top:5px; padding-left:3px;
}
* html .divResults { height:23px; }
.BookTitleHeading 
{
    float:left; width:80%; height:16px; 
    overflow:hidden; z-index:120; 
}
.BookTitleHeading a{ font-size: 14px; cursor: pointer; line-height:16px; }

#divResultsContainer
{
    clear:both; 
    overflow:auto; height:290px; 
    width: 100%; z-index:50; 
}

#MainContainerDiv
{
    display: inline;
	float: left; width:940px;
	margin-left: 10px;
	margin-right: 10px;
	height: 455px;
	margin-bottom: 10px;
}
.divBookTagDetail
{
    width:80px; min-height:80px; max-height:150px; 
    float:left; margin-left:5px; margin-top:5px;
}
* html .divBookTagDetail{height:150px;}
.divBookTag
{
    width:80px; min-height:150px; max-height:150px; 
    position:absolute; top:5px; left:5px;
}
#divBookTagDetails
{
    width:187px; min-height:130px; position: absolute;
    top:5px; left:83px; max-height:130px;
    overflow:hidden;
}
#SearchContentsContainer
{
    clear:both;
    float: left; width: 465px; display: block;
    border-bottom: 1px solid #610183; position: relative;
    min-height: 106px; max-height: 106px; height: auto;
    z-index:3000;
}
* html #SearchContentsContainer{height:106px;}
#divSearchboxContainer
{
    float:left; padding-top:2px;
    width: 100%; position:relative;
}
#divSearchboxContainer label
{
    color: #000; font-size:14px; 
    float: left; margin-top: 4px;
}
#btnSearch{position:absolute; right: 5px; bottom:2px; width:60px; cursor:pointer;}
#btnReset{position:absolute; right: 70px; bottom:2px; width:90px; cursor:pointer;}
#txtKeyword{position:absolute; left: 3px; top:3px;}
#divCheckboxes{position:absolute; left:210px; top:4px;}
#innerRelative{width:252px; height:20px; position:relative; z-index:10;}
#iscdLabel{width:20px; height:10; position:absolute; left:18px; bottom:2px; z-index:20}
#isstreamLabel{width:20px; height:10; position:absolute; left:57px; bottom:2px; z-index:20}
#isstreamCheck{width:16px; height:10; position:absolute; left:38px; z-index:20}
#istapeLabel{width:20px; height:10; position:absolute; left:121px; bottom:2px; z-index:20}
#istapeCheck{width:20px; height:10; position:absolute; left:102px; z-index:20}
#divNewTitleLabel{width:20px; position:absolute; right:27px; bottom:3px;}
#divNewTitleCheck{cursor:pointer; width:20px; position:absolute; right:0px; bottom:1px;}
* html #isstreamCheck{bottom:0px;}
* html #istapeCheck{bottom:0px;}
.labelDivs{width:auto; height:50%; float:left; }
.searchCheckboxes
{
	clear: both;
	float: none;
	position: relative;
	margin-top: -7px;
}

.searchCheckboxes label 
{
    display: block;
    padding-left: 17px;
    padding-right: 5px;
    margin-bottom: -5px;
    text-indent: -15px;
}
.searchCheckboxes input
{
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;    
    *overflow: hidden;
}
.searchCheckboxDownload
{	
	clear:both;
	float:none;
	position: relative;
	vertical-align:bottom;
	margin:0;
}
.searchCheckboxNew
{	
	/*margin-left:110px;*/
}



.mediaIcons{ position:absolute; right: 5px; top:3px; z-index:30; }
.mediaIcons img{ margin-left:3px; cursor: pointer; float: left;}
.dummyDiv
{
    float: left; width:22px; 
    height:22px; margin-left:3px; 
}
.MediaTape
{
    position:absolute; top:3px; right:28px; height:16px;
    width:16px; font-family:verdana; font-size:12px; 
    cursor:pointer; background-image:url('../images/tape1.png'); 
    background-repeat:no-repeat;
}
.MediaCD
{
    position:absolute; top:3px; right:28px; width:16px;
    font-family:verdana; font-size:12px; height:16px;
    cursor:pointer; background-image:url('../images/cd16white.png');
    background-repeat:no-repeat;
}
#divSearchFilters
{
     clear:both; width:463px;
     height:46px; background-color:#D8C7E9;
     border-top:solid 1px #000;
     z-index: 3500;
}
ul	
{
	margin-left:0px; font-size:16px;
	line-height:0px; list-style-type:none;
}
.divfilter
{
    background-color: #F5EEF9; position:relative;
    border: 1px solid #787878; color: #000;
    min-width:150px; width:auto; height: 12px; display: none;
    padding: 3px; margin:2px; float: left; z-index: 10;
    cursor: pointer; font-size:13px; line-height:14px; padding-right:25px;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
.divfilter:hover{background-color: #A5A5A5; color: #fff;}
.FilterClose
{
       position:absolute; right: 1px; top: 1px;
       height: 16px; width: 16px; 
       background-image: url(../images/remove.gif); cursor: pointer;
}
#srchCountLabel{font-weight:bold;}

/* menuSearchs for search filter CSS
======================================================================*/
#searchmenuHolder{
background-image:url(../images/navbarbg1.gif);
background-repeat:repeat-x;
background-position:top;
font-weight:bold;
font-size:12px;
font-family:Arial;
width: 463px; z-index:2550;
display: inline;
float: left;
margin-left: 0px;
margin-right: 0px;
height:25px;

}
* html #searchmenuHolder{height:32px;}
.menuSearch {width:465px; height:32px; z-index:2010; font-family:arial;}
/* hack to correct IE5.5 faulty box model */
* html .menuSearch {width:465px; w\idth:465px; height:32px;}
/* remove all the bullets, borders and padding from the default list styling */
.menuSearch ul {padding:0;margin:0;list-style-type:none;width:auto; z-index: 2020;}
.menuSearch ul ul {width:auto; z-index: 2030;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menuSearch li {float:left;width:auto;position:relative; cursor: pointer; z-index: 2040;}
/* style the links for the top level */
.menuSearch a, .menuSearch a:visited {display:block;font-size:12px;text-decoration:none; color:#FFFFFF; width:auto; height:30px; border:1px solid #FFF; border-width:1px 0 0 0;
background:none; padding:0px 20px 0 20px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menuSearch a, * html .menuSearch a:visited {width:auto; w\idth:auto; float:left; height:30px;}

/* style the second level background */
.menuSearch ul ul a.drop, .menuSearch ul ul a.drop:visited {font-weight:normal; background:#9a5daf url(../images/menuarrow1.gif) no-repeat 130px center; }
/* style the second level hover */
.menuSearch ul ul a.drop:hover{background:#fff url(../images/menuarrow1.png) no-repeat 130px center;}
.menuSearch ul ul :hover > a.drop {background:#9a5daf url(../images/menuarrow1.png) no-repeat 130px center;}
/* style the third level background */
.menuSearch ul ul ul a, .menuSearch ul ul ul a:visited {background:#9a5daf;font-weight:normal;}
/* style the third level hover */
.menuSearch ul ul ul a:hover {background:#9A5DAF;font-weight:normal;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuSearch ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:auto; border-top:0; z-index: 2300;}
/* another hack for IE5.5 */
* html .menuSearch ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menuSearch ul ul ul{left:149px; top:0px; left:148px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menuSearch ul ul ul.left {left:-148px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menuSearch table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menuSearch ul ul a, .menuSearch ul ul a:visited {background:#843A9E; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:135px;border-width:0 0 0 0;font-weight:normal;}
/* yet another hack for IE5.5 */
* html .menuSearch ul ul a, * html .menuSearch ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menuSearch a:hover, .menuSearch ul ul a:hover{color:#FFF; background:#9a5daf; }
.menuSearch :hover > a, .menuSearch ul ul :hover > a {color:#FFF; background:#9a5daf;}

/* make the second level visible when hover on first level list OR link */
.menuSearch ul li:hover ul,
.menuSearch ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menuSearch ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menuSearch ul :hover ul :hover ul{ visibility:visible;}

/* extra bit for sub menus */
ul.menuSearch li li:hover li ul,
ul.menuSearchu li li.sfHover li ul {top:-999em;}
ul.menuSearch li li li:hover ul,
ul.menuSearch li li li.sfHover ul {left:10em; top:0;}

/* AutoComplete CSS */
.suggestionsBox {
	position: relative;
	left: 30px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #CFB9D7;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 0px solid #610183;	
	color: #fff;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList li {
	
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}
.suggestionList li:hover {
	background-color: #659CD8;
}