.text-post
{
	border-radius:10px;
	border: 1px solid;
}

.name {
    float: left;
    width: 288px;
}

.quantity {
    float: left;
    width: 60px;
    text-align: center;
    margin: 0 0 0 84px;
}

.unit {
    float: left;
    width: 52px;
    text-align: center;
    margin: 0 0 0 2px;
}

.remove_item {
    cursor: pointer;
    margin: 0 0 0 14px;
}

.btn-addfield {
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 15px 0 45px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    font-family: Calibri, Arial;
    background: url(../themes/img/ic-add.gif) no-repeat left top #e77d00;
    cursor: pointer;
}


.button {
    box-shadow:inset 0px 1px 0px 0px #f4c430;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4c430), color-stop(1, #f4c430) );
    background:-moz-linear-gradient( center top, #ea8d2a 5%, #ea8d2a 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4c430', endColorstr='#f4c430');
    background-color:#f2ba13;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #f4c430;
    display:inline-block;
    color:#fff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
    height:30px;
    line-height:20px;
    text-spacing: 50px;
    width:13%;
    text-decoration:none;
    text-align:center;
    /*text-shadow:1px 1px 0px #eee;*/
    /*added border curves c bottom if needed */
    border-radius: 4px;
}
.button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ba13), color-stop(1, #f2ba13) );
    background:-moz-linear-gradient( center top, #f2ba13 5%, #f2ba13 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ba13', endColorstr='#f2ba13');
    background-color:#f2ba13;
    color:#000;
}.button:active {
    position:relative;
    top:1px;
}

/*25-06-2014 adding css for See Procedure For Posting A Recipe content*/

.span12 {
    width: 100%;
}

.pr-procedure {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    background: url(../themes/img/border1.gif) repeat-y 7px top;
}
.pr-procedure h3 {
    padding: 0 0 0 5%;
    margin: 0;
    line-height: 18px;
    display: block;
    cursor: pointer;
    width: 95%;
    font-family: 'MyriadProRegular';
    font-size: 18px;
    color: #333;
    background: url(../themes/img/ic-pluse1.gif) no-repeat left top;
}
.pr-procedure h3.active {
    background: url(../themes/img/ic-minus1.gif) no-repeat left top;
}
.prpstep1 {
    float: left;
    width: 95%;
    padding: 0 0 0 5%;
    margin: 12px 0 0 0;
    background: url(../themes/img/ic-rc.gif) no-repeat left 10px;
}
.step-content {
float: left;
background: #ededed;
position: relative;
padding: 10px 2%;
width: 96%;
font-family: Calibri, Arial;
color: #333;
font-size: 14px;
line-height: 18px;
}
.step-content .arrow {
position: absolute;
left: -8px;
top: 10px;
float: left;
width: 8px;
height: 13px;
background: url(../img/bgs/ic-lft-ar1.gif) no-repeat left top;
}
.text-error {
color: #fd3f3f;
}
.step-content p {
margin: 0;
}
p {
margin: 0 0 10px;
}
.pr-procedure .text-info {
color: #ba4d00;
}
.text-info {
color: #3a87ad;
}
strong {
font-weight: bold;
}
.pr-procedure .video-steps {
float: left;
width: 100%;
list-style: none;
margin: 0;
}
.pr-procedure .video-steps li {
width: 100%;
float: left;
padding: 12px 0 0 0;
}
.pr-procedure .video-steps li .stpnumber {
background: url(../img/bgs/step.gif) no-repeat right top #3da267;
padding: 0 10px 0 5px;
height: 17px;
float: left;
line-height: 17px;
font-size: 12px;
font-weight: bold;
color: #fff;
}
.pr-procedure .video-steps li p {
float: left;
width: 80%;
margin: 0 0 0 10px;
}
.pr-procedure .video-steps li a {
color: #ba4d00;
}

/*---27-06-2014---*/
select {
    padding:3px;
	height:25px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    appearance:none;
    cursor:pointer;
}