.pager-style {font-weight:bold;}
.pager-style span {color:#000;text-decoration:none;float:left; }
.pager-style span:first-child,.pager-style span:last-child {background-color:#ddd;padding: 5px 10px;text-align: center;color:#000;text-decoration:none;float:left;width:7%;}
.pager-style span:first-child a,.pager-style span:last-child a {color:#000;text-decoration:none;}
.pager-style span:nth-of-type(3) a {background-color:#ddd;padding: 5px 10px;text-align: center;float:left;color:#000;text-decoration:none;margin-left:6px;}            
.pager-style b {color:red;background: url('../Images/bg_pager.png') repeat-x;color: #FFFFFF;padding: 5px 10px;text-align: center;float:left;margin-left:6px;}
.clear-pager {clear:both;}
ul.ls{list-style: none;padding: 0;margin: 0;}
ul.ls a, a{text-decoration: none;color:#000;}
.paging
{
    width: auto;
    float: left;
    margin:10px;   
    /*margin: 10px auto;*/
    height: 25px;    
    font-weight: bold;
    /*padding-left:10px;*/
    padding-right: 10px;
}

    .paging .item-paging
    {        
        float: left;
        height: 20px;
        font-weight: bold;
        border: 1px solid #1e51a4;
        padding: 0px 10px;
        margin: 0 3px;
        line-height: 20px;
        color: #000;
    }

    .paging .item-paging-page
    {        
        float: left;
        height: 20px;
        font-weight: bold;
        padding: 0px 10px;
        margin: 0 3px;
        line-height: 20px;
        color: #000;
    }

    .paging .item-active
    {
        background-color: #1e51a4;
        color: #fff;
    }

    .paging a
    {
        text-align: center;
        text-decoration: none;
        color: #000;
    }
    /* 

CUSTOM STYLESHEET

Add your custom styles here instead of style.css so it is easier to 
update the template. Simply copy an existing style from style.css to 
this file, and modify it to your liking. 

*/




/*CSS manu style pagination*/
.pmanu {
	/*PADDING-RIGHT:10px; 
	PADDING-LEFT: 3px;*/ 
	PADDING-BOTTOM: 3px; 
	/*MARGIN: 3px;*/ 
	PADDING-TOP: 10px; 
	TEXT-ALIGN: center;
	TEXT-DECORATION: none ;
}

.pmanu a {

    border : #036CB4 1px solid; 
    /*
	BORDER-TOP: #eee 1px solid; 
    BORDER-BOTTOM: #eee 1px solid; 
    BORDER-LEFT: #eee 1px solid;
    BORDER-RIGHT: #eee 1px solid; 
    */
    padding-right  : 5px;
	PADDING-TOP: 2px;
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	COLOR: #000; 
}

.pmanu A:hover {
    border:#1e51a4 1px solid;
    /* 
	BORDER-RIGHT: #999 1px solid; 
	BORDER-TOP: #999 1px solid; 
	BORDER-LEFT: #999 1px solid; 
    BORDER-BOTTOM: #999 1px solid ; 
    */
	COLOR: #1e51a4; 
}

.pmanu A:active {
	BORDER-RIGHT: #1e51a4 1px solid; 
	BORDER-TOP: #1e51a4 1px solid; 
	bORDER-LEFT: #1e51a4 1px solid; 
	COLOR: #1e51a4; 
	BORDER-BOTTOM: #1e51a4 1px solid;
}

.pmanu .current {
	BORDER-RIGHT: #1e51a4 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #1e51a4 1px solid; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	BORDER-LEFT: #1e51a4 1px solid; 
	COLOR: #fff; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #1e51a4 1px solid; 
	BACKGROUND-COLOR: #1e51a4;
}

.pmanu .disabled {
	BORDER-RIGHT: #1e51a4 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #1e51a4 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	BORDER-LEFT: #1e51a4 1px solid; 
	COLOR: #1e51a4; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #1e51a4 1px solid;
}