input[type="password"] { width: 274px; background: url("../images/inputBg.png") bottom center no-repeat; border: none; box-shadow: none; font-size: 14px; position: relative; z-index: 2; color: #aaa; font-family: Helvetica, Arial, sans-serif; padding: 10px 15px; }
.page-loader { width: 100%; background-color: rgba(255, 255, 255, 0.5); position: fixed; top: 0px; display: none; z-index: 1000; }
.loader-image { background-image: url(../images/loader.gif); position: fixed; top: 50%; left: 48%; display: block; width: 64px; height: 64px; }
.footer-fixed { position:fixed; bottom: 0px; width: 100%; }
.message { padding: 16px 12px 8px; color: gray; cursor: default; }
.subNavWrap a { cursor: pointer; }
input.itemList {width: 25px; height: 20px; font-family: 'helvetica'; border-radius: 0;padding:2px; }
.check-mark { background-image: url(../images/checkmark.png); display: block; width: 16px; height: 16px; position: absolute; top: 12px; left: 310px; }
.loader-image-small { background-image: url(images/throbber.gif); background-repeat: no-repeat; height: 16px; width: 16px; position: absolute; top: 12px; left: 278px; z-index: 1000; }
.movementDetails table { width: 100%; padding: 0px; margin: 0px; }
.adminAccess { display: none; }
    .adminAccess.show { display: block; }
    .adminAccess span { font-size: 14px; line-height: 40px; color: #666; }
    .adminAccess .firstSpan { font-size: 36px; }

.inputWrapAdd { position: relative; padding-bottom: 10px; }
    .inputWrapAdd span.err { font-size: 12px; position: absolute; right: 45px; z-index: 1000; top: 45px; }

.articleSize label, .backLink { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.linkIcon { margin-top: -5px; margin-bottom: 18px; }
.rightSide { font-size: 15px; }
    .rightSide p { margin-bottom: 5px; }

.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete .ui-widget-header .ui-state-hover,
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-content .ui-state-focus,
.ui-autocomplete .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

#divHomeSection .inputCustom input[type=text], #txtNewItem { color: #333; border-radius: 0; width: 275px; padding-left: 10px; border: 1px solid #cccccc; background: white; }

@media (max-width: 519px) {
    .ui-datepicker td { border: none; position: relative; padding-left: 0px !important; display: table-cell; }
    .ui-datepicker th { display: table-cell; }
    .ui-datepicker tr { display: table-row; }
    .ui-datepicker tbody { display: table-row-group; }
    .ui-datepicker tbody { display: table-row-group; }
    .ui-datepicker thead { display: table-header-group; }
    .ui-datepicker table { display: table; }
}

@media (max-width: 767px) {
    .selectCityOuter .roundOr { margin: 0 45% 20px; }
}

span.err { display: inline-block !important; font-size: 14px; color: red !important; visibility: visible !important; }
.topForm span.err, .selectCityOuter span.err, .topForm div.err, .makePaymentForm div.err { float: right !important; }
.selectCityOuter span.err, .makePaymentForm div.err, #frmContactInfo div.err { margin-right: 4px; margin-left: 4px; }
div.err { color: red !important; font-size: 14px; }
#divHomeSection input.err, select.err, #txtNewItem.err { border: 1px solid #F09393 !important; }

.makePaymentFormMob { margin-bottom: 0px; }
.makePaymentForm span.err { margin-bottom: -20px; float: right; margin-top: -20px; }

.hidden { display: none !important; }
.makePaymentWrap input[type=text] { color: black !important; }

#frmContactInfo div.err { margin-bottom: -20px; }

@media (max-with: 519px) {
    .err { display: none; }
}


.clear { clear: both; }

div.inline { display: inline; }

.innerBreadcrum { margin: -35px auto 25px; }

.articleDetails .sectionsItem { height: 300px; }
.selectedOnes .sectionsItem { height: 300px; }

.selectDate input#datepicker { background: None; padding-right: 0px; margin-top: -17px; }

.inputCustomTpMrgn { margin-top: 25px !important; }
.inputCustom .customCheckBox { margin-left: 0px; padding-top: 0px; padding-left: 0px; }

.contactMessage { padding: 100px; }

.makePaymentForm input[type="text"] { padding: 10px 15px; width: 310px; }
.fiveStep .innerBreadcrum { width: 750px; }
.fiveStep .breadCrumBorderInner { width: 600px; }
.hideSection { display: none !important; }
.successWrap, .failWrap { padding: 8px 0px; opacity: 0.8; position: fixed; top: 50px; }

@media (min-width: 768px) and (max-width: 979px) {
    .organisationInfo ul li .companyAddress { width: 130px; }
    .makePaymentForm input[type="text"] { width: 272px; background: url("../images/inputBg.png") bottom center no-repeat; padding: 10px 15px; }
    .fiveStep .breadCrumBorderInner { width: 600px; }
}

@media (max-width: 767px) {
    .makePaymentForm input[type="text"] { width: 310px; background: url("../images/addMoreTextBoxBG.png") bottom center no-repeat; padding: 10px 15px; }
    .threeStep .breadCrumBorderInner, .threeStep .makePaymentPage .breadCrumOrangeBorder { width: 300px; }
    .threeStep .innerBreadcrum { width: 390px; }
    .fiveStep .breadCrumBorderInner, .fiveStep .makePaymentPage .breadCrumOrangeBorder { width: 465px; }
    .fiveStep .innerBreadcrum { width: 525px; }
    .fiveStep .homeBreadcrum li { width: 105px; font-size: 12px; }
    .banner h2 { font-size: 24px; line-height: 36px; }
    .secItemResp li { width: 100%; }
    .selectArticleBtn, .selectArticleBtn:hover { background: #e70 url("../images/sprite.png") 110% -1188px no-repeat; width: 100%; }
    .articlesWrapper .tab > .row-fluid > .span5, .articlesWrapper .tab > .row-fluid > .span2 { width: 85%; margin: auto; }
    .showSection { display: none !important; }
    .hideSection { display: block !important; margin-top: 20px !important; }
    .successWrap, .failWrap { top: 110px; padding: 8px 0px; }
}

@media (max-width: 519px) {
    .makePaymentForm input[type="text"], .makePaymentFormMob input[type="text"] { width: 220px; background: url("../images/addMoreTextBoxBGSmall.png") bottom center no-repeat; padding: 10px 15px; }
    .threeStep .breadCrumBorderInner, .threeStep .makePaymentPage .breadCrumOrangeBorder { width: 228px; height: 230px; margin-top: 10px; margin-left: 14px; }
    .threeStep .innerBreadcrum { width: 390px; margin-top: 0px; margin-left: 15px; }
    .fiveStep .breadCrumBorderInner, .threeStep .makePaymentPage .breadCrumOrangeBorder { width: 228px; height: 355px; margin-top: 10px; margin-left: 14px; }
    .fiveStep .innerBreadcrum { width: 390px; margin-top: 0px; margin-left: 15px; }
    .fiveStep .homeBreadcrum li p { width: 150px; }
    .formOuter { width: 320px; }
    .banner h2 { font-size: 18px; line-height: 24px; }
    .secItemResp li { width: 100%; }
    .selectArticleBtn, .selectArticleBtn:hover { background: #e70 url("../images/sprite.png") 110% -1188px no-repeat; width: 100%; }
    .articlesWrapper .tab > .row-fluid > .span5, .articlesWrapper .tab > .row-fluid > .span2 { width: 80%; margin: auto; }
    .showSection { display: none !important; }
    .hideSection { display: block !important; margin-top: 20px !important; }
    .successWrap, .failWrap { top: 110px; padding: 8px 0px; }
}

@media (max-width: 320px) {
    .formOuter { width: 300px; }
    .banner h2 { font-size: 11px; line-height: 15px; font-weight: bold; }
    .successWrap, .failWrap { top: 110px; padding: 8px 0px; }
}

.successMsg { color: #468847; }
.errorMsg { color: #b94a48; }

.sectionsItem li .selectBoxDropList .customCheckBox { float: right; }
.listBox { float: left; }
.selectedOnes .listBox { float: right; }

#frmInvite .err { padding-right: 20px; }

.organisationDetails li.buttonsWrap { background: #fafafa; padding: 15px 30px; text-align: right; border-top: solid 1px #e2e2e2; }

    .organisationDetails li.buttonsWrap a { color: #000; }

.organisationInfo ul.contactDetail { padding-bottom: 0; }

ul.contactDetail li { padding: 20px 30px 10px; }

a.editButtonDisable { background: url("../images/small-icons.png") 6px -674px no-repeat; color: #cccccc; }

li.address { padding: 10px 30px !important; }
.btnAddQuote { position: inherit !important; }

.whiteContainer .inputCustom .customCheckBox { margin-left: 8px; padding-top: 3px; padding-left: 25px; }

.modal-footer .btnGrey { padding: 6px 15px; margin-top: 8px; border-radius: 4px; font-size: 14px; line-height: 22px; }

.selectCityOuter .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; }

.successMessage i { background: url("../images/small-icons.png") 0px -856px no-repeat; padding-bottom: 2px; }
.failMessage i { background: url("../images/small-icons.png") 0px -887px no-repeat; padding-bottom: 2px; }
i.cancel { background: url("../images/yesnoIcons.png") 0px -15px no-repeat; float: right; height: 16px; margin-top: 4px; padding-bottom: 0px; padding-right: 0px; width: 16px; padding-left: 5px; cursor: pointer; }

.loading { font-family: 'Roboto' !important; font-style: normal; font-weight: 400 !important; color: #838383; font-size: 18px; }
.txtAlignCenter { text-align: center; }
.loading h1 { font-family: 'Roboto' !important; font-style: normal; font-weight: 400 !important; color: #000000; font-size: 32px; text-rendering: optimizelegibility; }
.loading h1, h2, h3 { line-height: 40px; }
.text-flighttime { font-size: 14px; color: #636363; font-weight: bold;}
.mtl, .mvl, .mal { margin-top: 20px; }
.mtm, .mvm, .mam { margin-top: 10px; }
/*.mbl, .mvl, .mal { margin-bottom: 20px; }
.pbm, .pvm, .pam { padding-bottom: 10px; } */
.bannerBox { width: 640px; margin: 0 auto; }
.quote-msg { font-weight: bold; color: #468847; display: none; }
    .quote-msg.show { display: block; }
.tollFreeTop { margin-right: 20px; }
.vehicleTypes select.selectList { width: 170px; }
input.normalInput, input[type="text"].normalInput { border-radius: 0; width: 150px; padding: 4px; border: 1px solid #cccccc; background: white; color: #333; }
input.normalInput[type="text"]:focus, textarea:focus { border: 1px solid #cccccc; }
.vendorsList .manageQuote { right: 30px; }
    .vendorsList .manageQuote:hover { right: 30px; }
.srchHide { display: none; }
.selectDate input.err { border: 1px solid #F09393 !important; }
.selectDate .shiftingDate { width: 206px; height: 30px; background: white; border: 1px solid #cccccc; margin-right: 5px; }
    .selectDate .shiftingDate:focus { background: white; border: 1px solid #cccccc; }
.inactiveButton { opacity: 0.5; }
.formOuter { width: 650px; }
.detailsInline { border: 1px solid #e2e2e2; color: #666; float: left; margin-left: 5px; background: #fffdf5; }
.detailsInline .header {font-size: 12px;padding: 5px;font-weight: bold;text-align: center;}

.listingInline { padding: 5px; color: #333; list-style: none; }

.listingInline li { float: left; margin: 0 22px 0 0; }

.listingInline li:first-child { border: none; padding: 0; }

.listingInline li:last-child { margin: 0; }

.listingInline ul { margin: 12px 0 0; width: 190px; color: #666666; }

.listingInline ul li { padding: 0 0 0 14px; margin: 0 0 4px 0; border: none; float: none; background: url("../images/square.jpg") 0 5px no-repeat; }

.listingInline ul li:first-child { padding: 0 0 0 14px; }

.listingInline ul li:last-child { margin: 0 0 10px 0; }

.listingInline ul li div { float: left; font-size: 10px; line-height: 16px; }
.listingInline ul li span { float: right; font-weight: bold; color: #333; width: 34px; text-align: center; }

.listingInline ul li { *zoom: 1; }
.listingInline ul li:before,
.listingInline ul li:after { display: table; content: ""; line-height: 0; }
.listingInline ul li:after { clear: both; }
.delQuote { margin: 5px; }
.won { background: rgb(231, 252, 219) !important; }
    .won td { background: rgb(231, 252, 219) !important; }
#frmQuote .inputCustom label { width: 125px; float: left; text-align: right; margin-right: 10px; color: #333333; padding: 5px; }
.customTable a.viewListing, .customTable a.addQuote {border: solid 1px #aaaaaa;border-radius: 5px;padding: 8px 10px;display: block;
margin-top: 10px;
text-align: center;
color: #ee7700;
font-size: 12px; }
.customTable a.viewListing:hover, .customTable a.addQuote:hover { background: #dddddd; color: #444444; }
.updatedVendorsList .biggerFont { font-size: 14px; font-weight: bold; }
span.actions a { border: solid 1px #aaaaaa; border-radius: 5px; margin-top: 2px; color: #ee7700; font-size: 12px; width: 140px; display: block; text-align: center; }
div.pagination ul { border: none; margin: 0px; }
    div.pagination ul li { border: none; }
div.status { white-space: nowrap; width: 80px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.vendorsList ul ul li { margin: 0 5px 0 0; }
.fancybox-overlay { z-index: 2147483638 !important; }
.fancybox-opened { z-index: 2147483639 !important; }
.signInForm { width: 300px; margin: 20px auto;}



.topSearchPanel .search .searchInput { margin-top: 7px; }
.topSearchPanel .search { margin-top: 17px; }
.changeStatus span.floorList { width: 112px; }
.jobsPagination ul > li > a.active, .jobsPagination ul > li > a:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; }

.jobsPagination ul > li.disabled > a.active, .jobsPagination ul > li.disabled > a:hover, .jobsPagination ul > li.disabled > a.active, .jobsPagination ul > li.disabled > a:hover { border: none; }
.jobsPagination ul > li.active > a { border-bottom: solid 3px #ee7700; padding: 0 5px; }
.paginationRange { margin: 0px; margin-top: 25px;text-align: right;padding-right: 0px; }

textarea.commentInput{width:400px; height:100px;}
a.editSurvey{background: url("../images/small-icons.png") 7px -562px no-repeat;color: #ee7700;font-size: 12px;height: 5px;
  line-height: 5px;margin-top:5px;padding:10px 10px 10px 25px;}
.ui-spinner{height: 30px;width:50px;}
.makePaymentWrap{width:900px;}
#datepicker::-webkit-input-placeholder{color: #aaa !important;}
.bigAmount{font-size: 20px;line-height: 28px;margin-bottom: 6px;}
.text-waiting{color:#fe8813;font-weight: bold;font-size: 15px;}
.text-submitted{color:#468847;font-weight: bold;font-size: 14px;}

.footer{margin: 0;padding:0px;}
.footerLinks{width: 450px;}
.cityPages h1 {font-size: 30px;color: #222222;padding: 30px 0 20px;}
.cityPages h2 {font-size: 24px;color: #222;}
.cityPages h3 {font-size: 24px;color: #222;}
.cityPages p {color: #666666;font-size: 14px;line-height: 24px;text-align: justify;padding:10px 0;}
.cityPages ul{list-style: disc inside;}
.cityPages ul li {font-size: 16px;margin-top: 5px;list-style-position:outside;}
.cityPages .moveBgGap{margin:0;padding:15px;}
.cityLinks{padding: 10px;margin-bottom: 10px;}
.cityLinks a:link, .cityLinks a:visited {color: #888888;font-size: 11px;}
.selectBike{width:160px;}
.addBike input{width:131px;}
.signInForm input[type="password"], .signInForm input[type="text"] {background: url("../images/inputLogingBg.png") 1px bottom no-repeat;}
.smallDateInput{background: url("../images/dateInputBg.png") 0 35px no-repeat;width: 117px;height: 52px;margin-bottom: 5px;}
.smallDateInput input.datepicker {background-position: 95px 2px;cursor: pointer;padding: 5px 8px 0 7px;}
.tbdCheckBox{width:105px;float:right;margin-top:0;}

#feedback .inputCustom{width: 400px;}
input.smallInput[type="text"] { border-radius: 0; width: 30px; padding: 4px; border: 1px solid #cccccc; background: white; color: #333; }
input.smallInput[type="text"]:focus, textarea:focus { border: 1px solid #cccccc; }

.testimonialNameWrap{width: 230px;}
.bigItem{font-weight: bold;font-size:13px !important;color: #ee7700;}
.testimonialText2 b{font-weight: bold;}
.bigItem{font-weight: bold;font-size:13px !important;color: #ee7700;}
.customTable tr.clearfix:nth-child(n) td.quoteComment {
background-image:url('../images/comments.png')!important ;
background-repeat:no-repeat!important;
background-position:center!important;
cursor: pointer!important;
}
.identification{font-size: 15px;}
.vendorsTable th{padding: 12px;}
.vendorsTable td {padding: 12px;}

/* testimonial */
.testiPageWrap {
min-height: 180px;
padding-bottom: 10px; 
}
.testiPic {
text-align: right;
}
.testiPic img{
    border-radius: 100px;
}
.testimSpeak p {
font-family: 'droid_serifitalic';
color: #444444;
font-size: 16px;
line-height: 25px;
}
.testiName {
color: #444444;
font-size: 14px;
font-weight: bold;
}
.testiDesigntn {
font-size: 13px;
color: #888888;
}
.testiTitle{margin-top: 10px;}
.rsearch{margin-top: 17px;}
.floater{ white-space:pre-line; } 
sup{font-size: 12px;color: red;font-style: italic;}

.storyPageWrap {
min-height: 180px;
padding: 5px;
border-radius: .2em;
border: 1px solid #cccccc;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
margin-bottom: 5px;
border-radius: 10px;
}
.subNavWrap ul li p { 
   width: 155px;
}

.boldFont{
    font-weight:bold;
}
.moveBtMargin{
    margin:auto
}

.bxslider li{
    display: inline-block;
    height: 250px;
    text-align: center;
    width: 900px!important;
}

.bxslider img{
    max-width:330px!important;
    max-height:220px;
    width: auto;
    height: auto;
    text-align:center;
    display:block;
}

.bx-caption{
    position:fixed!important;
    font-size:large!important;
}

.vendorReports td {
    text-align:left;
}

.vendorReports th {
    text-align:left;
    font-weight: bold!important;
}

.addLeads {
    height: auto!important;
}

.vendor_name {
    float: left;
    width: 90px;
    color: #999!important;
}

.ezmoveLeads th{
    font-weight: bold!important;
}

.grade img{vertical-align:top;width: 15px;height: 15px;}
a.googleAuthor{color:#444444;}

/**Manage quotes interface ****/
input.quoteInput, input[type="text"].quoteInput { border-radius: 0; width: 60px; padding: 4px; border: 1px solid #cccccc; background: white; color: #333; }
input.quoteInput[type="text"]:focus, textarea:focus { border: 1px solid #cccccc; }
/*.customTable th, .customTable td.vendorName {padding: 5px;} */
 .customTable td {padding: 8px;}

.userDashHeading{font-size: 25px;line-height: 40px;font-weight: normal;color: #666;background: #e2e2e2;padding: 5px;}
.vendorDashHeading{font-size: 25px;line-height: 40px;font-weight: normal;color: #666;background: #e2e2e2;padding:1px;}
.refUs{float: right;font-size: 16px;line-height: 18px;width: 336px;padding:12px;}
#fbShareButton{background: #5D7DAE;}

.l1{
    color:red;
    font-weight:bold;
    font-size: 15px;   
}



.printIcon {
    background: url("../images/print1.png") 0 0 no-repeat;
    display: inline-block;
    width: 40px;
    height: 60px;
    top: -0.4em;
}

.downloadIcon {
    background: url("../images/download.png") 0 0 no-repeat;
    display: inline-block;
    width: 40px;
    height: 60px;
    top: -0.4em;
}

.inner-container {
    position: relative;
}
    
.inner-container label {
    top: 25px;
    left: 5px;
    position:absolute;
    color: black;
    text-align: center;
}

.leadsListWrap ul li .aboutLeader .leadDetails{
    font-weight: normal;
    padding-left: -1px;
    display: block;
    font-family: inherit;
}

li.odd.leadData{
    height: 150px;
    width:auto;
}

li.even.leadData{
    height: 150px;
    width:auto;
}

span.leadsInfo{
    font-weight:bold;
    width:200px;
    height:200px;

}
.leadsListWrap ul li .dashAction a{
    border: solid 1px #aaaaaa;
    border-radius: 5px;
    padding: 3px 10px;
    display: block;
    margin-top: 10px;
    text-align: center;
    color: #ee7700;
    font-size: 12px;
    width:93px;

}
.fnbox label{
    font-weight: bolder;
    width: 125px;
    float: left;
    text-align: right;
    margin-right: 10px;
    color: #333333;
    padding: 5px;
}

.fnbox .inputCustom{
    width: 500px;
    margin:0 0 5px 15px;
}

.fnbox #saveSuccess{
    text-align: center;
    font-size:16px;
    font-weight: bold;
}

.fnbox #btnSurveyDone {
    margin: 10px;
    margin-left: 150px;
}

#divVendorDashboard .span4{
    width: 307px!important;
    border:solid 1px #e2e2e2;
}

#divVendorDashboard .organisationDetails{
    border: 0px!important;
}

#divVendorDashboard .leadsListWrap{
    border: 0px!important;
}

#divVendorDashboard .aboutLeader, .leaderDetails, .leadStatusWrap{
    padding-top: 8px;
}


#status         {
margin-left: 0px;
padding-top: 1px;
color: green;
font-size: inherit;
font-weight: bold;
}

.date-red{
    color: rgb(239, 21, 36);
    font-size: inherit;
    font-weight: bold;

}
#add_vendor input.normalInput{
    width:210px;
}

.inputPadding {
    padding: 5px;
}

#add_vendor label{
    text-align: left;
    width: auto;
    padding: 5px;
}

#add_vendor label.err {
color:red;
}
#add_vendor input.err {
border:1px solid red;
}

#allVendorRoute .span3{
    width: 200px!important;
}

#routes input[type="checkbox"] {
    width: 19px;
    height: 19px;
    vertical-align: bottom;
}

#vendorRoutes .topSearchPanel .search .searchInput{
    margin: 5px;
}

.mInput{
    width:200px!important;
    padding: 5px!important;
    border-radius:5px!important;

}
.err {
    color: red;
}
.lableColor {
    color: #020202;
    font-weight: bold;

}


.clearfix td.highlight { 
    background: rgba(255, 0, 0, 0.9)!important; 
    color: black;
    font-weight: 500;
    font-size: small;
}

.reletedLeads .customTable{
    color: #0D0909!important;
}

span.sourceDetails.tdd {
    font-weight: bold;
}

.moveBtn.smallBtn {
    font-size: 12px;
    line-height: 14px;
    padding: 4px 9px;
    margin-top: 2px;
}

.editBrIcon {
    background: url("../images/editpen.png") 0 0 no-repeat;
    width: 40px;
    height: 20px;
    top: -0.4em;
    display: inline-block;
}

.showBrIcon {
    display: inline-block;
}

.priceInput{
    width: 110px!important;
    padding: 5px!important;
    margin: 2px!important;

}

.priceValInput{
    width: 90px!important;
}

span.h1Label{
    width: 20px!important;
    
}

#btnPickupRequest {
    margin-top: 10px;
    width: 300px;
    margin-left: 100px;
}

.printSummary {
    position: relative;
    margin-left: 1190px;
    padding-top: -10px;
    margin-top: -45px;
}

.printIcon2 {
    background: url("../images/printer.png") 0 0 no-repeat;
    display: inline-block;
    width: 40px;
    height: 50px;
    top: -0.4em;
    vertical-align :text-bottom;
}