.button-gray{background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#d1d1d1));background:-moz-linear-gradient(top,#e9e9e9,#d1d1d1);-pie-background:linear-gradient(top,#e9e9e9,#d1d1d1);border:1px solid #bbb;color:#000;text-shadow:0 1px 0 #fff;}

.button-gray:hover,.button-gray:focus{border:1px solid #aaa;background:#ececec;background:-webkit-gradient(linear,left top,left bottom,from(#e1e1e1),to(#c1c1c1));background:-moz-linear-gradient(top,#e1e1e1,#c1c1c1);-pie-background:linear-gradient(top,#e1e1e1,#c1c1c1);border:1px solid #999;color:#000;}

.button-gray:active,.button-gray.active,.button-gray.current{background:#ddd;background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#e9e9e9));background:-moz-linear-gradient(top,#ccc,#e9e9e9);-pie-background:linear-gradient(top,#ccc,#e9e9e9);border:1px solid #999;color:#000;}

.button{-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);cursor:pointer;display:inline-block;outline:none;text-align:center;text-decoration:none;position:relative;-moz-box-sizing:border-box!important;line-height:16px;

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    font-size: 12px;

    font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

    top: 0px;

    left: 0px;

}

.button-orange{background:#f78d1d;background:-webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));background:-moz-linear-gradient(top,#faa51a,#f47a20);-pie-background:linear-gradient(top,#faa51a,#f47a20);border:solid 1px #d61;color:#fef4e9;text-shadow:0 1px 1px rgba(0,0,0,0.25);}

.button-orange:hover,.button-orange:focus{background:#f47c20;background:-webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));background:-moz-linear-gradient(top,#f88e11,#f06015);-pie-background:linear-gradient(top,#f88e11,#f06015);border:solid 1px #a51;color:#fef4e9;}

.button-orange:active,.button-orange.active,.button-orange.current{background:#f47a20;background:-webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));background:-moz-linear-gradient(top,#f47a20,#faa51a);-pie-background:linear-gradient(top,#f47a20,#faa51a);border:solid 1px #a51;color:#fef4e9;}

.button-blue{background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);-pie-background:linear-gradient(top,#00adee,#0078a5);border:1px solid #034462;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);}

.button-blue:hover,.button-blue:focus{background:#007ead;background:-webkit-gradient(linear,left top,left bottom,from(#0095cc),to(#00678e));background:-moz-linear-gradient(top,#0095cc,#00678e);-pie-background:linear-gradient(top,#0095cc,#00678e);border:1px solid #234;color:#fff;}

.button-blue:active,.button-blue.active,.button-blue.current{background:#80bed6;background:-webkit-gradient(linear,left top,left bottom,from(#0078a5),to(#00adee));background:-moz-linear-gradient(top,#0078a5,#00adee);-pie-background:linear-gradient(top,#0078a5,#00adee);border:1px solid #234;color:#fff;}

.button-green{color:#fff;background:#8fc857;width:90%; background:-webkit-gradient(linear,left top,left bottom,from(#8fc857),to(#5c9425));background:-moz-linear-gradient(top,#8fc857,#5c9425);-pie-background:linear-gradient(top,#8fc857,#5c9425);text-shadow:0 1px 1px rgba(0,0,0,0.25);border:1px solid #561;}

.button-green:hover,.button-green:focus{border:1px solid #561;background:#8fbb44;background:-webkit-gradient(linear,left top,left bottom,from(#8fbb44),to(#5c8825));background:-moz-linear-gradient(top,#8fbb44,#5c8825);-pie-background:linear-gradient(top,#8fbb44,#5c8825);border:1px solid #342;}

.button-green:active,.button-green.active,.button-green.current{background:#8fbb44;background:-webkit-gradient(linear,left top,left bottom,from(#5c8825),to(#8fbb44));background:-moz-linear-gradient(top,#5c8825,#8fbb44);-pie-background:linear-gradient(top,#5c8825,#8fbb44);border:1px solid #342;}

.button-red{background-color:#C44747; background:-moz-linear-gradient(top,#DD5F5F 10%,#A92C2C 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#DD5F5F),color-stop(0.9,#A92C2C));-pie-background:linear-gradient(top,#DD5F5F 10%,#A92C2C 90%);border:1px solid #A92C2C;color:#fef4e9;text-shadow:0 1px 1px rgba(0,0,0,0.25);}

.button-red:hover,.button-red:focus{background-color:#C44747;background:-moz-linear-gradient(top,#DD4141 10%,#A92121 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#DD4141),color-stop(0.9,#A92121));-pie-background:linear-gradient(top,#DD4141 10%,#A92121 90%);border:1px solid #711;color:#fef4e9;}

.button-red:active,.button-red.active,.button-red.current{background-color:#C44747;background:-moz-linear-gradient(top,#A92C2C 10%,#DD5F5F 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#A92C2C),color-stop(0.9,#DD5F5F));-pie-background:linear-gradient(top,#A92C2C 10%,#DD5F5F 90%);border:1px solid #711;color:#fef4e9;}





.textarea select {float:left;margin:2px 0 20px 10px;clear:right;width:250px;}

select,textarea{-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;

    border-radius:3px;

    border:1px solid #ccc;





-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);         box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);

    font:13px/16px Arial,sans-serif!important;

    width: auto;

    height: 100px;

    padding-top: 0px;

    padding-right: 0px;

    padding-bottom: 0px;

    padding-left: 5px;

}





.form input,.form textarea,.form select{float:left;margin:2px 0 20px 10px;clear:right;width:250px;}

label em{color:red;font-style:normal;}

input.half,select.half,textarea.half{width:50%;}

input.full,select.full,textarea.full{width:95%;}

input{position:relative;

    top: 0px;

    left: 0px;

}

select,input[type=text],input[type=password],input[type=email],input[type=url],input[type=date],input[type=number],input[type=time],input[type=date],input.date{-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;

    border-radius:3px;

    border:1px solid #ccc;





-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);         box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);

    font:11px/16px Century Gothic!important;

    

    width: 75px;

    height: 23px;

    padding-top: 0px;

    padding-right: 0px;

    padding-bottom: 0px;

    padding-left: 5px;

}

select{padding:3px;position:relative;

    top: -2px;

    left: -2px;

}

textarea{margin-bottom:10px;position:relative;}

input.full{width:94%;}



.dropdown{height:30px;}







/*----------------tool tip----------------------*/

.toolTip { /* This is the hook that the jQuery script will use */

    padding-right: 20px; /* This is need to make sure that the help icon is always visible */

    background: transparent url(http://teleprice.in/demo/images/help.gif) no-repeat right;

    color: #3366FF;

    cursor: help; 

    position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */

}



    .toolTipWrapper { /* The wrapper holds its insides together */

        width: 175px;

        position: absolute; /* Absolute will make the tooltip float above other content in the page */

        top: 20px;

        display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */

        color: #FFF;

        font-weight: bold;

        font-size: 9pt; /* A font size is needed to maintain consistancy */

    }

    

        .toolTipTop { /* Top section of the tooltip */

            width: 175px;

            height: 30px;

            background: transparent url(http://teleprice.in/demo/images/bubbleTop.gif) no-repeat;

        }



        .toolTipMid { /* Middle section of the tooltip */

            padding: 8px 15px;

            background: #A1D40A url(http://teleprice.in/demo/images/bubbleMid.gif) repeat-x top;

        }

        

        .toolTipBtm { /* Bottom Section of the tooltip */

            height: 13px;

            background: transparent url(http://teleprice.in/demo/images/bubbleBtm.gif) no-repeat;

        }

        

        

/*----------------tool tip----------------------*/