﻿.bottomContent
{
    float: left;
    width: 98%;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.divWidjets
{
    width: 31%;
    margin-left: 2%;
    min-height: 400px;
    float: left; /*background:url("~/App_Themes/Images/NewTitleWidgets_bg.png");*/
    border: 1px solid #E1EEF7; /*  -webkit-border-radius: 0px 0px 15px 15px;     -moz-border-radius: 0px 0px 15px 15px;     border-radius: 0px 0px 15px 15px;*/
}

.spaceFiller
{
    padding: 3px;
}

.titleImg
{
    margin-top: 7px;
    float: left;
    min-height: 100px;
    width: 100%;
    text-align: left;
   /* background: transparent url('/App_Themes/Images/3dbookidea.jpg') no-repeat center; 
	background-size: cover;*/
}


.titleContentBox
{
    float: left;
    width: 145px;
    min-height: 40px; /* font-family: Verdana, Arial, Helvetica, sans-serif;     font-size: 11px;*/
    margin-top: 5px;
    margin-left: 10px;
}

.titleBestSellerContent
{
    margin-left: 15px;
}
.titleContentBox a
{
    text-decoration: none;
}

.titleContentBox a span
{
    margin-left: 0px;
}

.titleSideContentBox
{
    float: left;
    width: 145px;
    min-height: 40px; /* font-family: Verdana, Arial, Helvetica, sans-serif;     font-size: 11px; margin-top: 5px;*/    
    margin-left: 10px;
}
.titleSideContentBox a
{
    text-decoration: none;
}

.titleSideContentBox a span
{
    margin-left: 0px;
}

.new-title-span-style
{
    color: #4E7AA7;
    font-weight: bold;
    font-size: 11px;
    height: 35px;
    white-space: normal; /* text-overflow: ellipsis;     -o-text-overflow: ellipsis;     -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');   */
}

.new-author-span-style
{
    color: black;
    font-size: 11px;
}
.imgCover
{
    cursor: pointer;
    width: 100px;
    height: 150px;
   /* webkit-transform: rotate(30deg);*/
  /*  height:134px;
    width:79px;*/
}
.imgCoverstyle
{
    width: 90px;
    max-height: 150px;
}

.classiclink span
{
    width: 100%;
    float: left;
}
.titleslink
{
    text-decoration: none;
}

.titleslink span
{
    width: 87%;
}

.titleImgBottomContent
{
    float: left;
    height: auto;
    width: auto;
}

.titleContentBoxBottomContent
{
    float: left;
    width: 75%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-left: 3px;
}

.title-heading-style
{
    color: #106cb7;
    font-weight: bold;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 15px;
}


.author-heading-style
{
    color: #106cb7;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 15px;
}

/*---------------------------------------------------------------New Styles BIP-RCL Integratrion-------------------------------------------------------*/

.titleHeader
{
    height: 10px;
    padding: 10px;
    background-color: #106cb7;
    color: #FEFFFF;
    font-weight: bold; /*    -webkit-border-radius: 0px 0px 15px 15px;     -moz-border-radius: 0px 0px 15px 15px;     border-radius: 0px 0px 15px 15px;*/
}

.titleHeader span
{
    vertical-align: middle;
    height: 100%;
    line-height: 10px; /*    -webkit-border-radius: 0px 0px 15px 15px;     -moz-border-radius: 0px 0px 15px 15px;     border-radius: 0px 0px 15px 15px;*/
}
.headerWidth
{
    width: 27%;
}
.homePageHeader
{
    height: 10px;
    padding: 10px;
    background-color: #CFCAC6;
    color: #346697;
    font-weight: bold;
    font-size: 17px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.homePageHeader span
{
    vertical-align: middle;
    height: 100%;
    line-height: 10px; /*   -webkit-border-radius: 0px 0px 15px 15px;     -moz-border-radius: 0px 0px 15px 15px;     border-radius: 0px 0px 15px 15px;*/
}
.seeMoreLabel
{
    height: 10px;
    padding-top: 15px;
    color: #33669B;
    font-size: 1em;
    height: 1em;
    float: right;
    font-weight: bold;
}
.seeMoreLabel a
{
    color: #33669B;
    text-decoration: none;
}
.seeMoreLabel span
{
    vertical-align: middle;
    height: 100%;
    line-height: 1em;
}
.titlesHeader span
{
    vertical-align: middle;
    height: 100%;
    line-height: 10px;
}


.titles-border
{
    border-top: 1px solid #D3D3D3;
    min-height: 180px;
}

.page-border
{
    border: 1px solid #D3D3D3;
    min-height: 800px;
    width: 85%;
    margin-left: 75px;
    margin-right: 50px;
    background: #FFFFFF;
    height: 1250px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}

/*-------------FeaturedTitles------------------*/

.firstRowContent
{
    float: left;
    width: 80%;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

.divFeaturedTitles
{
    -webkit-border-radius: 3px 0px 0px 0px;
    -moz-border-radius: 3px 0px 0px 0px;
    border-radius: 3px 0px 0px 0px;
    width: 660px;
    padding: 0px; /* margin-left: 25px;     margin-right: auto;     margin-top: 15px;*/
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3; /* border-top: 1px solid #D3D3D3; /*border:1px solid #E1EEF7;*/
    overflow: hidden; /*background:url("~/App_Themes/Images/NewTitle_bg.png");*/
    min-height: 300px; /*  -webkit-border-radius: 0px 0px 15px 15px;     -moz-border-radius: 0px 0px 15px 15px;     border-radius: 0px 0px 15px 15px;*/
}

.featured-titles-content
{
    width: 90%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    float: left;
    height: 210px;
}


/*-------------NewTitles------------------*/

.divNewTitles
{
    width: 70%;
    padding: 0px;
    margin-left: 15px;
    margin-right: auto;
    margin-top: 15px; /* border: 1px solid gray; /*border:1px solid #E1EEF7;*/
    overflow: hidden; /*background:url("~/App_Themes/Images/NewTitle_bg.png");*/
    min-height: 290px; /*-webkit-border-radius: 0px 0px 15px 15px;      -moz-border-radius: 0px 0px 15px 15px;     border-radius: 0px 0px 15px 15px;*/
}

.new-titles-content
{
    width: 100%;
    overflow: hidden;
    margin-left: 10px;
    margin-right: auto;
    margin-top: 10px; /* -webkit-border-radius: 0px 0px 15px 15px;    -moz-border-radius: 0px 0px 15px 15px;     border-radius: 0px 0px 15px 15px;*/
}

/*-------------Right Titles------------------*/
.rightHeaders
{
    color: #FF6600;
    font-size: 18px;
}
.divBrowse
{
    width: 29%;
    margin-left: 2%;
    min-height: 100px;
    float: right;
    border: 1px solid #D3D3D3;
    background: #D9E0D0;
    -webkit-border-radius: 0px 3px 0px 3px;
    -moz-border-radius: 0px 3px 0px 3px;
    border-radius: 0px 3px 0px 3px;
}

.divBrowseHeader
{
    margin-top: 15px;
    margin-left: 15px;
}

.tblBrowse
{
    margin-top: 10px;
}
.tblBrowse tr
{
    width: 33%;
    height: 25px;
}
.lblBrowse1
{
    font-size: 14px;
    font-weight: bold;
}
.lblBrowse2
{
    margin-left: 35px;
    font-size: 14px;
    font-weight: bold;
}
.viewMoreBrowse
{
    margin-left: 120px;
    width: 55%;
    height: 15px;
    padding: 10px;
    background-color: #F2670A;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
.viewMoreBrowse a
{
    color: White;
    text-decoration: none;
}
.divStacksHeader
{
    margin-top: 15px;
    margin-left: 15px; /*  padding-top: 10px; padding-left: 15px;*/
}
.divBsHeader
{
    margin-top: 15px;
    margin-left: 15px; /*  padding-top: 10px; padding-left: 15px;*/
}
.viewMoreBestSeller
{
    background-color: #F2670A;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    width: 55%;
    height: 15px;
    margin-top: 500px;
    margin-left: 120px;
    padding: 10px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
.viewMoreBestSeller a
{
    color: White;
    text-decoration: none;
}
.divStacks
{
    margin-top: 25px;
    width: 29%;
    margin-left: 2%;
    min-height: 160px;
    height: 245px;
    float: right;
    border: 1px solid #D3D3D3;
    background: #D9E0D0;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}
.divBestSeller
{
    margin-top: 0px;
    height: 585px;
    width: 29%;
    margin-left: 2%;
    min-height: 200px;
    float: right;
    background: #D9E0D0;
    border: 1px solid #D3D3D3;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}
.rightArrow
{
    height: 10px;
    width: 5px;
}
.divViewMore span
{
    background: #F2670A;
    color: White;
    width: 320px;
    font-size: 15px;
    font-weight: bold;
    height: 150px;
    margin-left: 150px;
    margin-top: 25px;
}

.titles-author-lbl
{
    float: left;
    width: 10%;
    margin-top: 2px;
    margin-left: 2px;
}

.titles-author-lbl-text
{
    float: left;
    width: 80%;
    font-size: 11px;
    font-weight: normal;
    margin: 2px 0px 0px 2px;
}

.bottom-widgets-content
{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    width: 100%;
}

.bottom-widgets-content-template
{
    float: left;
    width: 100%;
    height: 160px;
    margin-top: 20px;
}

.bottom-widgets-content-img
{
    width: 90px;
    max-height: 150px;
}

.bottom-widgets-content-lblauthor
{
    float: left;
    width: auto;
    margin-top: 10px;
}

.bottom-widgets-content-author-link
{
    float: left;
    width: 80%;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0px 0px 2px;
    text-decoration: none;
}

.bottom-widgets-content-isbn-label
{
    clear: both;
    float: left;
    width: auto;
    margin-top: 2px;
}

.bottom-widgets-content-isbn-txt
{
    float: left;
    width: 80%;
    font-size: 12px;
    font-weight: normal;
    margin: 4px 0px 0px 2px;
}

.bottom-widgets-stacks-left-content
{
    width: 40%;
    height: auto;
    float: left;
    margin-top: 10px;
    padding-left: 15px;
}

.bottom-widgets-stacks-bottom-content
{
    float: left;
    width: 100%;
    padding-left: 15px;
}

.bottom-widgets-stacks-img-bg
{
    width: 50%;
    float: right;
    padding-bottom: 10px;
}

.bottom-widgets-stacks-download-img
{
    width: 90%;
    margin: 25px auto 0px 20px;
}

#divStacksInfo
{
    background: #FFF;
}

/* ------------------------------------START -> Added for Popular Tags ------------------------------------*/

.divWidjetsRight
{
    width: 64%;
    margin-left: 2%;
    min-height: 400px;
    float: left; /*background:url("~/App_Themes/Images/NewTitleWidgets_bg.png");*/
    border: 1px solid #E1EEF7; /*  -webkit-border-radius: 0px 0px 15px 15px;     -moz-border-radius: 0px 0px 15px 15px;     border-radius: 0px 0px 15px 15px;*/
}

.divWidjetsFull
{
    width: 98%;
    min-height: 395px;
    border: 1px solid #E1EEF7; /*background-color:#F4F4F6;*/
    margin-right: auto;
    margin-left: 2%;
    height: auto;
    float: left;
}

.bottom-widgets-content-center
{
    margin-left: 15px;
    margin-top: 10px;
    width: 100%;
}

#divTabs ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    background: #F8F8F8;
}

#divTabs li
{
    cursor: pointer;
    float: left;
    margin: 1px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding-top: 5px;
    position: relative;
    height: 20px;
    width: 16%; /*    -webkit-border-radius: 7px 7px 0px 0px;     -moz-border-radius: 7px 7px 0px 0px;     border-radius: 7px 7px 0px 0px;*/
}

.divTagCloud
{
    width: 96%;
    text-align: justify;
    padding: 5px;
    overflow: hidden;
    font-size: 80%;
    font-family: arial,Verdana,Sans-Serif;
    margin-left: 0px;
    float: left;
}

.divTagCloudFull
{
    height: 100%;
    min-height: 395px;
    width: 97%;
}

#divTagCloud h2
{
    color: #ffffff;
    font-size: 2.5em;
    margin: 0 0 10px 0;
    padding: 15px 0 15px 80px;
}

#tagList
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: auto;
}

#tagList span
{
    list-style-type: none;
    height: 20px;
    margin: 0 0 0 0;
    font-weight: bold;
}

#tagList span a
{
    text-decoration: none;
    color: #0D6DB9;
    font-weight: bold;
}

#tagList span a:hover
{
    text-decoration: underline;
}

.divLoadingClass
{
    text-align: center;
    font-weight: bold;
    font-size: 11pt;
    color: Red;
    z-index: 10000;
    position: absolute;
    left: 45%;
    top: 50%;
}

.tagCloudHeading
{
    color: White;
    background-repeat: repeat-x;
    cursor: pointer;
    background-color: #106cb7;
    padding: 10px 0px 5px 0px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    height: 18px;
    width: 100%;
}

.linkActive
{
    background-color: #FFCC00;
}

.linkInActive
{
    background-color: #CCCCCC;
}

.tagHighest
{
    color: #DFB000 !important;
}

.tagMiddle
{
    color: #174C9F !important;
}

#divTagBottom
{
    background-color: #CCCCCC;
    text-align: right;
    height: 23px;
    position: relative;
    padding-top: 5px;
    float: left;
    width: 100%; /*  -webkit-border-radius: 0px 0px 15px 15px;     -moz-border-radius: 0px 0px 15px 15px;     border-radius: 0px 0px 15px 15px;*/
}

#divTagBottom a
{
    font-size: 11px;
    font-weight: bold;
    color: #08406c;
    margin-right: 10px;
    cursor: pointer;
    text-decoration: none;
}

/*#divTagBottom a:hover {color: #BD1485;}*/


.index
{
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    color: Black;
    height: 25px;
    padding-top: 10px;
    width: 100%;
    float: left;
}

.index a
{
    color: Black;
}

.index ul
{
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
}

.index li
{
    display: inline;
    padding-top: 5px;
}
/* ------------------------------------START -> Added for Popular Tags ------------------------------------*/

/*----------------------------------------------------------------------End----------------------------------------------------------------------------*/

.rating
{
    float: left;
    min-height: 15px;
    width: 100%;
    text-align: left;
}

.rating-static
{
    width: 75%;
    height: 16px;
    display: block;
    background: url('http://www.itsalif.info/blogfiles/rating/star-rating.png') 0 0 no-repeat;
}
.rating-50
{
    background-position: 0 0;
}
.rating-40
{
    background-position: -12px 0;
}
.rating-30
{
    background-position: -24px 0;
}
.rating-20
{
    background-position: -36px 0;
}
.rating-10
{
    background-position: -48px 0;
}
.rating-0
{
    background-position: -60px 0;
}
.rating-5
{
    background-position: -48px -16px;
}
.rating-15
{
    background-position: -36px -16px;
}
.rating-25
{
    background-position: -24px -16px;
}
.rating-35
{
    background-position: -12px -16px;
}
.rating-45
{
    background-position: 0 -16px;
}

/*-------------------------------New Home CSS-------------------------*/

/*.divFeaturedTitles 
{
    height:310px;
    width:684px;
    border-right: 1px solid #CFCAC6;
    border-bottom: 1px solid #CFCAC6;
    -webkit-border-radius: 0px 0px 5px 0px;
    -moz-border-radius: 0px 0px 5px 0px;
    border-radius: 0px 0px 5px 0px;
}*/

.featuredTitlesHeader
{
    height: 50px;
    background-color: #666666;
    font-weight: bold;
    max-width: 350px;
    width: auto;
    -webkit-border-radius: 0px 0px 5px 0px;
    -moz-border-radius: 0px 0px 5px 0px;
    border-radius: 0px 0px 5px 0px;
}


.featuredTitlesHeader span
{
    float: left;
    font-size: 23px;
    margin: 12px 20px 10px 20px;
    color: #FFF;
}

.divFeaturedTitlesItemContainer
{
    width: 97%;
    margin-left: 25px; /* margin-right:auto;*/
}
.dvFeaturedLeftContent
{
    width: 60%;
    float: left;
}

.dvFeaturedRightContent
{
    width: 40%;
    float: right;
}

.featuredTitles
{
    width: 100%;
}

.imgFeaturedTitles
{
    width: 140px;
    height: 190px;
}

.dvFeaturestiImg
{
    min-height: 100px;
    width: 93%;
    text-align: center;
    /*padding-left:7px;*/
}

.lblFeaturedlTitleAuthor
{
    font-size: 23px;
    color: #336797;
    font-weight: bold;
}

.dvFeaturedLeftContent div
{
    float: left;
    margin-top: 2px;
    width: 100%;
}

.feat-left-content-span
{
    float: left;
    width: 60%;
    color: #666;
}
#linkTitleMore
{
     float: right;
     margin-right:15px;
}

.lblFeaturedHeading
{
    width: 135px;
    height: auto;
    font-weight: bold;
    float: left;
    display: block;
}

.span-text-ISBN
{
    font-size: 13px;
    font-weight: bold;
    color: #366599;
    font-weight: 900;
}

.span-text-link
{
    font-size: 13px;
    color: #4c7ba7;
}

.dvViewMore
{
    width: 200px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f2670c;
    margin-top: 40px;
}

.dvViewMore span
{
    float: left;
    margin-top: 8px;
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    color: #FFF;
}

.feature-nav-left
{
    float: left;
    width: auto;
    margin-top: 75px;
    margin-left: 15px;
    cursor: pointer;
}
.feature-nav-right
{
    float: right;
    width: auto;
    margin-top: 75px;
    margin-right: 5px;
    cursor: pointer;
}

.cursor
{
     cursor: pointer;
}
.emptyRating
{
    height:20px;
    width:20px;
    border:0;
    background: url("images/rating_star_small_outline.png") no-repeat right top;
}
.filledRating
{
    height:20px;
    width:20px;
    border:0;
    background: url("images/rating_star_small_solid.png") no-repeat right top;
}

.emptyRatingPointer
{
    cursor: pointer;
    height:20px;
    width:20px;
    border:0;
    background: url("images/rating_star_small_outline.png") no-repeat right top;
}
.filledRatingPointer
{
    cursor: pointer;
    height:20px;
    width:20px;
    border:0;
    background: url("images/rating_star_small_solid.png") no-repeat right top;
}

.emptyBigRating
{
    height:20px;
    width:20px;
    border:0;
    background: url("images/rating_star_big_outline.png") no-repeat right top;
}
.filledBigRating
{
    height:20px;
    width:20px;
    border:0;
    background: url("images/rating_star_big_solid.png") no-repeat right top;
}
.halfFilledRating
{
    height:20px;
    width:20px;
    border:0;
    background: url("images/rating_star_half.png") no-repeat right top;
}
.divRatingStar
{
    width:auto;
    height:auto;
    margin-left: -1px;
}
.viewmorewidth
{
    width: 142px;
    float: right;
    margin-bottom: 10px;    
}