/**

 * Fixed Vertical Search Button

 *

 * @version 3.0

 * @package fixedverticalsearchbutton

 * @author Shabab Mustafa of Codeboxr Team

 * @copyright Copyright (C) 2011 http://codeboxr.com. All rights reserved.

 * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL

 * @ help: http://codeboxr.com/product/fixed-vertical-search-button-for-joomla

 */

 /*

 #cbfixedsearchbuttonform{

     position: relative ;

     transition:all 1s ease-in-out;

    -moz-transition:all 1s ease-in-out;  

    -webkit-transition:all 1s ease-in-out; 

    -o-transition:all 1s ease-in-out;

}

*/

#cbfixedsearchbuttondrawer {

    position:relative;

    display:block;

    overflow: hidden;

    position: fixed;

    z-index: 299;

}



.cbfixedsearchbuttondrawer-left {

    left: 0

}



.cbfixedsearchbuttondrawer-right {

    right: 0

}





#cbfixedsearchbuttondrawerhandle {

    min-width: 10px;

    text-align:center;



}



.cbfixedsearchbuttondrawerhandle-left {

    float:left;

}



.cbfixedsearchbuttondrawerhandle-right {

    float:right;

}



a#cbfixedsearchbutton_toggle {

    background-image:url(../images/rounded_mag.png) ;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    width: 40px; height: 40px;

    display: block;

    text-decoration: none;

}





a.cbfixedsearchbutton_toggle-left,

a.cbfixedsearchbutton_toggle-left:hover{

    -webkit-border-radius: 0 5px 5px 0;

    -moz-border-radius: 0 5px 5px 0;

    border-radius: 0 5px 5px 0;

}



a.cbfixedsearchbutton_toggle-right,

a.cbfixedsearchbutton_toggle-right:hover{

    -webkit-border-radius: 5px 0 0 5px;

    -moz-border-radius: 5px 0 0 5px;

    border-radius: 5px 0 0 5px;

}







.cbfixedsearchbuttonwrap {

    position:relative;

}



.cbfixedsearchbuttonwrap-left {

    float:left;

}



.cbfixedsearchbuttonwrap-right {

    float:right;

}





#cbfixedsearchbuttonpaneswrpr {

    text-align: left;

}



.cbxclear, .clr{ clear: both;}



/***************************/

.cbfixsbtnsearchbox {

    height: 28px;

    margin: 0 5px 0 5px;


}



.cbfixsbtnsearchbox-left {

    

        position: relative;

        left: 0;

}



.cbfixsbtnsearchbox-right {

    

        position: absolute;

        right: 0;

        top:0;

}





#cbfixsbtn-searchword {

    background: none repeat scroll 0 0 #EFEFEF;

    line-height: 16px; font-size: 14px;

    height:20px;

    border-radius: 5px 0 0 5px;

    border: 1px solid #CCC;

    border-right: 0;

    box-shadow: 0 1px 1px #1A3867 inset;

    color: #142849;

    padding: 5px 12px;

    z-index: 1; 

    margin: 0 0 0 3px;

    float: left; display: inline-block;

    transition:all 0.5s ease-in-out;

    -moz-transition:all 0.5s ease-in-out; /* Firefox 4 */

    -webkit-transition:all 0.5s ease-in-out; /* Safari and Chrome */

    -o-transition:all 0.5s ease-in-out; /* Opera */

}



#cbfixsbtn-submit { 

    width: auto; 

    height: 28px; 

    float: left; 

    display: inline-block;

    padding: 6px;

    -webkit-border-radius: 0 5px 5px 0;

    -moz-border-radius: 0 5px 5px 0;

    border-radius: 0 5px 5px 0;

    border: 1px solid #CCC;

    border-left: 0;

    margin: 0;



}



#cbfixsbtn-searchword:focus{

    background: none repeat scroll 0 0 #FFFFFF;

    box-shadow: 0 1px 2px #666666 inset;

    transition:all 0.5s ease-in-out;

    -moz-transition:all 0.5s ease-in-out; /* Firefox 4 */

    -webkit-transition:all 0.5s ease-in-out; /* Safari and Chrome */

    -o-transition:all 0.5s ease-in-out; /* Opera */

}



#cbfixsbtn-submit:focus {

    box-shadow: 0 1px 2px #666666 inset;

}