* {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 95.75%;
    }

body{
    background-color: #f6f6f3;
    color: #333;

}

div {
    /*position: relative;*/
    text-align: center;
    margin: 0 auto;
}

a {
    text-decoration:none;
}

a:focus {
    color: #0099ff;
}

/* mouse over link */
a:hover {
    color: #333333;
    text-decoration:none;
}

a:active {
    color: #bf00ff;
    text-decoration:none;
}
.c {
    clear: both;
}

.bigText {
    font-size: 36px;
}

.midText {
    font-size: 24px;
}

.avgText {
    font-size: 14px;
}

.smallText {
    font-size: 8px;
}

#signUpBtn {
    position: relative;
    border: 1px solid #000000;
    width: 200px;
    padding: 20px;
    margin: 20px auto;
    cursor: pointer;
    border-radius: 5px;
}

.errorDiv {
    position: relative;
    padding: 10px;
    margin: 10px auto;
    border: 1px solid #f00;
    background: #ff7b79;
}

#checkPath {
    position: relative;
    width: 175px;
    display: none;
}

.pathPreview {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}

#orderCounterCom {
    border-right: 0 none transparent !important;
}

#userSitePath {
    position: relative;
    margin-left: -19px;
    border-left: 0 none transparent !important;
    padding-left: 0;
}

.bad {
    border: 1px solid #f00 !important;
    background: #ff7b79;
}

.good {
    border: 1px solid #0f0 !important;
    background: #b7ffbc;
}

#navBarWrap {
    position: relative;
    width: 100%;
    margin:  auto;
    padding-bottom: 10px;
}

.setting {
    width: 300px;
    text-align: left;
}

.navBarInner {
    position: relative;
    width: 12%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: #FE6C02 ;
    border-radius: 30px;
    box-shadow: 5px 5px 5px #888888;
    margin: 4px;
    color: #FFFFFF;
    font-size: 100%;
    font-weight: bolder;
}

.navSelected {
    background-color: #fe9b49;
}

#home {
    color: #FFFFFF;
    font-size: 100%;
    font-weight: bolder;
}
#apiinfo:hover {
    color: #333333;
}
#locations:hover {
    color: #333333;
}
#hours:hover {
    color: #333333;
}
#design:hover {
    color: #333333;
}
#apiinfo{
    color: #FFFFFF;
    font-size: 100%;
    font-weight: bolder;
}
#locations{
    color: #FFFFFF;
    font-size: 100%;
    font-weight: bolder;
}
#home:hover {
    color: #333333;
}
#hours {
    color: #FFFFFF;
    font-size: 100%;
    font-weight: bolder;
}
.clickable {
    cursor: pointer;
}
.currentStep {
    background-color: #fe6c02;
}

.stepComplete {
    background-color: #1fa4fe;
}

#continue {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 2px 20px 2px 10px;
    height: 25px;
}

#apiInputtable {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#addLocation {
    position: relative;
    padding: 3px 5px;
    float: left;
}

.button {
    border: 1px solid #000;
    cursor: pointer;
}

.locationSlice {
    float: left;
}

.editHours {
    position: relative;
    width: 45%;
    float: left;
}

.editHours table {
    margin: 0 auto;
}

.addNewTimeset {
    margin: 0 3px;
    color: #0f0;
    cursor: pointer;
    font-weight: bold;
}

.removeThisTime {
    margin: 0 3px;
    color: #f00;
    cursor: pointer;
    font-weight: bold;
}

#saveLocation {
    display: none;
}

#editorWrap {
    position: relative;
    width: 45%;
    height: 87%;
    margin: 3px auto;
    overflow: auto;
    background-color: #ffffff;
    padding: 5px;
    float:left;

}

#editor,#editor div{
    text-align: left;
}

.bgSelect{
    float: left;
    height: 188px;
    margin: 3px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 10%;
}

.bgImgLabel{
    height: 140px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.bgImgLabel img{
    width:100%;
    box-shadow: 3px 3px 3px #000;
}

.imageUp{
    max-width: 10%;
    overflow: hidden;
}

.imageUp img{
    width:100%;
}

#previewFrame{
    position:relative;
    float:right;
    text-align: center;
    margin: 50px 20%;
}

#saveStyles{
    display:none;
}

.one_fourth{
    width:100%;
    margin-left: 0;
    margin-right:auto;
    margin-bottom: 7px;
    border:none;
    float:left;
}

#moreDataWrapper {
    width:20%;
    margin-top: auto;
    margin-right: auto;
    border:none;

}


.innerSlice{

    margin-left: 20%;
    margin-right: auto;
    margin-left: auto;
    border:none;

}
.one_half {
    width: 20%;
    margin-left: auto;
    margin-right: auto;
    border:none;
    margin-top: 5px;

}

.hourQuickEditWrap{
    text-align: center;
}

.hourQuickEditTable{
    position: relative;
    margin: 0 auto;
}
h1 {
    font-style: italic;
    font-weight: bolder;
    font-size: 15px;
}
h2 {
    font-style: normal;
    font-weight: bolder;
    font-size: 15px;
}

.one-third{
    width:29%;
    margin-left: auto;
    margin-right: auto;
}

.wysiwyg{
    width:100%;
    height:220px;
}
#logo {
    width:229px;
    padding-left: 5px;
}
#logoHolder {
    float: left;
    position: relative;

}
#top_links {
    float: right;
    height: 30px;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
}
#top_links li {
    display: inline;
    background-image: url("http://www.ordercounter.com/assets/images/arrowSm.png");
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 4px 0px 5px 40px;
    height: 30px;
    margin-left: 15px;
}
/* line 109, ../../scss/standard.scss */
#top_links li a {
    color: #333333;
    vertical-align: bottom;
}
/* line 113, ../../scss/standard.scss */
#top_links li a:hover {
    text-decoration: underline;
    color: #333333;
}
a.saveSettings:nth-child(1) {
    color: #FFFFFF;
    border:none;
    padding:3px;
}
.one-third > label,.one-fourth > label{
    position:relative;
    width:150px;
}
#menuContentWrap{
    position: relative;
    margin:0 auto;
    width:1000px;
}
#saveDesign {
    position: fixed;
    right: 25%;
}
#menuTable,#addCatTable,#couponTable{
    position:relative;
    margin:0 auto;
}
#menuTable > thead > tr, #couponTable > thead > tr{

    cursor: default !important;
}
.menuRow, .couponRow{

    min-height: 25px;
}
#menuTable, #couponTable {
    border-collapse: collapse;
    /*-ms-touch-action: none;
    touch-action: none;*/
}
.menuRow > td, .couponRow > td{
    border: solid 1px;
    min-height: 25px;
    border-collapse: collapse;
    border-color: transparent #cccccc #000000;
}
.dragMe{
    width:25px !important;
    cursor: move;
    background: transparent url(images/dragme.gif) no-repeat;
}
#savingAnimationWrapper{
    display: none;
    float: right;
    height: 19px;
    position: relative;
    width: 0;
}
#savingAnimationWrapper > img{
    position:relative;
    height:100%;
    margin-right:5px;
}

.progressBar{
    position:relative;
    border: 1px solid #000;
    text-align: center;
    width:80%;
    margin:0 auto;
    height:25px;
    overflow: hidden;
    background: transparent;
}

.progressBarFill{
    position:absolute;
    background: #fe6c02;
    height:100%;
}

.progressBarText{
    position:relative;
    margin:0 auto;
}

/* Template Page Layout*/

#templateEditTabWrap{
    position:relative;
    width:1020px;
    margin:0 auto;
}

.templateEditTab{
    border: 1px solid #000;
    float: left;
    font-size: 17px;
    padding: 10px auto 0;
    position: relative;
    width: 338px;
    cursor:pointer;
    background-color: #FE6C02;
    color:#fff;
}

.templateEditTab.active{
    border-bottom: transparent 0 none !important;
    background-color: #ffb38d !important;
}

#templateEditWrap{
    position:relative;
    width:1018px;
    margin:-2px auto;
    min-height:250px;
    padding-top:4px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.templateEditTabContent,.editStylesTabContent,.paymentTabContent{
    position:relative;
    display:none;
    min-height:250px;
    width:1010px;
    padding: 0 4px;
}

.paymentTabContentSingle{
    position:relative;
    min-height:250px;
    width:1010px;
    padding: 0 4px;
}

#editContentTabWrap,#editImagesTabWrap,#styleSectionTabWrap,#templateOptionsWrap,#paymentsContentWrap{
    position:relative;
    width:1018px;
    /*margin-left:-4px;*/
    margin-top:-2px;
}
.templateOptionsInner{
    position:relative;
    float:left;
    width:45%;
    padding-left:4%;
}

/*
Begin Main Image Edit CSS
*/
#editImagesHome{
    margin-bottom:0;
}
.editImagesTab.active{
    border-bottom:0 none transparent !important;
}
.editImagesTabContent{
    position:relative;
    width:1010px;
    margin:0 auto 15px;
    padding:0 auto;
    min-height:250px;
}

.editImagesHomeInner{
    position:relative;
    width:1008px;
    margin:15px auto;
    border-bottom: 1px solid #000;
}

.styleSectionTab{
    position:relative;
    float:left;
    padding: 3px auto;
    border-bottom: 1px solid #000;
    border-right:1px solid #000;
    cursor:pointer;
}
.styleSectionTab.active{
    background-color: #787878;
}
#editImagesHomeBlockWrap{
    border-bottom: none 0 transparent;
    margin-bottom: -2px;
}

.logoEditInner,.homeBlockImageEdit{
    position:relative;
    float:left;
    width:336px;
}
.logoEditInner:nth-child(3),.homeBlockImageEdit:nth-child(4){
    width:334px !important;
    border-left:1px solid #000;
    border-right:1px solid #000;
}

#logoPreviewWrap{
    background: url(images/checkerboard.png) repeat;

}

#logoImagePreview{
    max-width:100%;
}

#homePreviewWrapper{
    position:relative;
    width:958px;
    height:404px;
    margin:0 auto;
    overflow: hidden;
}
#homePreviewWrapper img{
    width:100%;
}

.homeBlockPreviewInner{
    position:relative;
    width:269px;
    height:112px;
    margin:10px auto;
    overflow: hidden;
}
.homeBlockPreviewInner img{
    width:100%;
}

.editImagesAboutLegalInner{
    float: left;
    position: relative;
    width: 505px;
}

.fileUpload {
    margin: 10px auto;
    overflow: hidden;
    position: relative;
    width: 40px;
    color: #004c99;
}
.pdfMenuControl > .fileUpload{
    margin:0 !important;
    width:auto !important;
    color: #000;
}
.pdfMenuControl:hover > .fileUpload{
    color: #ffffff;
}
.fileUpload input.imageUploadBtn,.fileUpload input.fileUploadBtn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#saveImagesWrap {
    top: 10px;
    display: none;
    left: 50%;
    margin-left: -100px;
    position: fixed;
    width: 200px;
    height:50px;
}

#saveImagesWrap input{
    background-color: #fe6c02;
    border: 3px solid #e7e88c;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding:10px;
}

/*
Begin Main Content CSS
*/
.editContentTab{
    position:relative;
    width:253px;
    padding:5px auto 10px;
    border-bottom: 1px solid #000;
    float:left;
    cursor:pointer;
    border-left:1px solid #000;
}
.editContentTab:nth-child(1){
    border-left: 0 none transparent !important;
}
.editImagesTab{
    position:relative;
    width:337px;
    padding:5px auto 10px;
    border-bottom: 1px solid #000;
    float:left;
    cursor:pointer;
}
.editContentTab:hover,.editImagesTab:hover{
    text-decoration: underline;
}
.editImagesTab:nth-child(2){
    width:338px !important;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.editContentTab.active{
    border-bottom:0 none transparent !important;
}
.editContentTabContent{
    position:relative;
    width:1010px;
    margin:0 auto 15px;
    padding:0 auto;
    min-height:250px;
}

.homeBlockEdit{
    position:relative;
    float:left;
    width:300px;
    padding:5px;
    margin:15px 10px;
    border:1px solid #000;

}

input.contentInputArea{
    width:295px;
}

.contentInputArea{
    position:relative;
    border:1px solid #959595;
    background-color: #ffffff;
}

.homeBlockHeadInput{
    min-height:25px;
}

.homeBlockContentInput{
    position:relative;
    width:300px;
    margin:0 auto;
    height:250px;
    overflow-y: auto;
}

.homeBlockLinkInput{
    border-radius: 5px;
    float: right;
    height: 20px;
    margin-top: 10px;
    max-width: 50%;
    min-width: 25px;
    overflow: hidden;
    padding: 3px 15px;
    position: relative;
    text-align: center;
}

.homeBlockUrlInput{
    margin-top:5px;
}

#editImagesBackground > div {
    margin: 0 auto 0 0;
    position: relative;
    width: 1010px;
}

#solidColorDiv{

}

#backgroundSamplerWrap{
    width:1010px !important;
    margin:5px auto !important;
    height:300px !important;
    border:1px solid #000 !important;
    background-repeat: repeat;
}

#backgroundSamplerText{
    position:relative;
    width:auto;
    margin:5px auto ;
    font-size: 18px;
    color:#ffffff;
    text-shadow: -1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000,1px 1px 0 #000000;;
}

#backgroundImgSampler{
    width:900px;
    border-left:1px solid #000;
    border-right:1px solid #000;
    margin:0 auto;
    position:relative;
    height:250px;
}

#backgroundAltSampler{
    width:930px;
    border-top:1px solid #000;
    margin:0 auto;
    position:relative;
    height:50px;
}

.bgImageInner,.bgImageFillerInner,.bgImageAltInner{
    float:left;
    position:relative;
    width:300px;
    border:2px solid #000;
    height:200px;
    overflow: hidden;
    background: repeat center center;
    margin:0 15px 5px;
    cursor: pointer;
}

.bgImageInner img,.bgImageFillerInner img,.bgImageAltInner img{
    width:100%;
}

.selectedImage{
    border-color:#fe6c02 !important;
}

.selectBgColor{
    display:none;
}

.borderStyleSelectWrap{
    position:relative;
    margin:0 auto;
    width:300px;
}

.divStyleButton{
    position:relative;
    float:left;
    padding:5px 3px;
    margin-right:3px;
    cursor:pointer;
    border:1px #737373;
}

.divStyleButton.selectedOption{
    border-color:#fe6c02 !important;
}

.styleEditItem{
    position: relative;
    float:left;
    width:47%;
    border:1px solid #000000;
    margin:1%;
    height:60px;
}

.selectATheme{
    position:relative;
    width:250px;
    margin:10px;
    height:250px;
    float:left;
    cursor:pointer;
    border:1px solid #000;
}

.socialInputWrap{
    float: left;
    margin: 10px;
    padding: 5px 16px;
    position: relative;
}

#paymentsContentWrap{
    position:relative;
    margin:0 auto;
    border:1px solid #000;
}

#paymentsTabWrap{
    position:relative;
    width:100%;
    border-bottom:1px solid #000;
}

.paymentTab{
    float:left;
    position:relative;
    width:509px;
    background-color: #FE6C02;
    color:#fff;
    font-size: 17px;
    cursor: pointer;
}
.paymentTabFull{
    float:left;
    position:relative;
    width:100%;
    background-color: #FE6C02;
    color:#fff;
    font-size: 17px;
    cursor: pointer;
}

.paymentTab.active{
    background-color: #ffb38d !important;
}

.paymentTab:nth-child(1){
    width: 508px;
    border-right:1px solid #000;
}

.paymentProcessorInputWrap{
    position:relative;
    width:50%;
    /*float:left;*/
}

.paymentProcessorConfigWrap{
    position:relative;
    display:none;
}

/*** Auth.net CSS ***/
.perLocationConfigWrap{
    margin:5px 15px;
    float:left;
    border: 1px solid black;
    padding: 3px 5px;
}

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

#homeWrap{
	position:relative;
	width:1000px;
	margin:0 auto;
}

#searchContainer{
	position:relative;
	float:right;
}

#homeWrap table{
	width:100%;
	border-collapse:collapse;
}

#homeWrap table td{
	padding:5px;
}

#homeWrap table tr:hover td{
	background: #cccccc;
	cursor:pointer;
}
.itemImagePreview{
    max-width:100%;
}
#cropWrap{
    float:left;
    width:70%;
    height:80%;
}
.jcrop-holder #cropPreview,.jcrop-holder #storeCropPreview {
    display: block;
    position: absolute;
    z-index: 2000;
    top: 10px;
    right: -280px;
    padding: 6px;
    border: 1px rgba(0,0,0,.4) solid;
    background-color: white;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}
#cropPreview .preview-container {
    float:right;
    width: 150px;
    height: 150px;
    overflow: hidden;
}
#storeCropPreview .preview-container {
    float:right;
    width: 229px;
    height: 209px;
    overflow: hidden;
}
input.chooseItemImage {
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 10px;
    cursor: pointer;
    filter: alpha(opacity=0);
}
.removeImage{
    background: transparent url("images/close.png") repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 40px;
    margin: 0 -20px -20px 0;
    position: relative;
    width: 40px;
    z-index: 2;
}

.deleteTheme{
    position:relative;
    float:right;
    background-color:#ff0000;
    padding:5px 10px;
    color:#fff;
}

.ToolBar{
    position:relative;
    z-index:90;
}

.fullWidthInput{
    position: relative;
    width:1010px;
}

#orderNotesText{
    height:50px;
}

.tallContentInput{
    height:350px;
}

.imagePreviewWrap{
    position:relative;
    max-width:300px;
}

.imagePreview{
    max-width: 100%;
}


#saveCrop,#saveNoCrop{
    font-size: 20px;
    padding:15px 10px;
    position: absolute;
    border: 1px solid #ccc;
    cursor: pointer;
}

#saveCrop{
    bottom:40px;
    right:20px;
}

#saveNoCrop{
    bottom:40px;
    right:140px;
}

#saveCrop:hover,#saveNoCrop:hover{
    border-color:#ca6f03;
}

.deleteTheme{
    position:relative;
    float:right;
    color:#ff0000;
    border:#ff0000 solid 1px;
    padding:3px;
    font-size:12px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    background-color: #FFF;
}

.deleteTheme:hover{
    color:#ffffff;
    background-color:#f00;
    border-color:#fff;
}

.selectSite{
    position:relative;
    z-index:1;
}

.deletePdf,.deleteSite{
    margin:3px auto;
    padding:5px 10px;
    color:#ff0000;
    background: #ffffff;
    border:1px solid #ff0000;
    cursor: pointer;
    position:relative;
}

.deletePdf:hover,.deleteSite:hover{
    color:#ffffff;
    background: #ff0000;
    border:1px solid #ffffff;
}

.deleteSite{
    z-index:50;
}

.viewPdfWrap{
    width:99%;
    text-align: center;
    margin:3px auto;
    position:relative;
}

#myStoreWrap{
    position:relative;
    width:1020px;
    height:700px;
    margin: 0 auto 50px;
}

.myStoreBlock,.myStoreBlockHead{
    position:relative;
    width: 336px;
    float:left;
    border: 1px solid transparent;
}

.myStoreBlock{
    height:100%;
    border: 1px solid #000000;
    overflow-y: auto;
}

#myStoreBlock2{
    margin:0 3px;
}

#pdfPreview{
    position:relative;
    width:330px;
    margin:0 auto;
    height:200px;
    border:1px solid #000;

}

#pdfPlaceHolder,#imagePlaceHolder{
    position:relative;
    width:100%;
    height:50%;
    background: transparent url(../colorbox/images/overlay.png);
    text-align: center;
    padding-top:30%;
    color:#ffffff;
    cursor: pointer;
}

#pdfFrame{
    position:relative;
    width:100%;
    height:100%;
}

.pdfMenuControl{
    position:relative;
    width: 160px;
    margin:5px auto;
    /*float:left;*/
    border: 1px solid;
    cursor: pointer;
    overflow: hidden;
    height:18px;
}

.pdfMenuControl:hover{

}

#removePdfMenu{
    border-color:#ff0000;
    color:#ff0000;
}
#removePdfMenu:hover{
    border-color:#ffffff;
    color:#ffffff;
    background-color:#ff0000;
}

#uploadPdfMenu:hover,#editMenu:hover,#syncMenu:hover,#syncMenuNew:hover,#goToOrderNow:hover,#manageCoupons:hover,#syncCoupons:hover{
    border-color:#ffffff;
    color:#ffffff;
    background-color:#000000;
}

#editMenu,#syncMenu,#syncMenuNew,#manageCoupons,#syncCoupons{
    padding:15px 0;
    position:relative;
    margin:5px 2px;
    width:310px;
    border:1px solid #000000;
    cursor: pointer;
    font-size: 20px;
}

#syncZones,#syncZonesCloud{
    color: -webkit-link;
    cursor: pointer;
}

#editMenu,#goToOrderNow{
    padding:15px 0;
    position:relative;
    margin:5px 2px;
    width:310px;
    border:1px solid #000000;
    cursor: pointer;
    font-size: 20px;
}

.yesNoLabel,.yesNoOption{
    position:relative;
    float:left;
    height:20px;
}
.yesNoLabel{
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    width: 238px;
}

.inputLabelWrap80,.inputLabelWrap60{
    position:relative;
    float:left;
    margin-right:10px;
    text-align: left;
    margin-left:15px;
}

.inputLabelWrap60{
    width:60px;
}

.inputLabelWrap80{
    width:80px;
}

.fullWidthStoreInput{
    position:relative;
    margin:5px auto;
    width:300px;
}

.floatedInput{
    position:relative;
    float:left;
}

#storeCity,#storeAddress1{
    width:222px;
}

#storeZip{
    width: 91px;
}
.vSpacer{
    height:9px;
}

#myStoreHead{
    position:relative;
    margin:0 auto 30px;
    width:1080px;
}

#locationSelect{
    position:relative;
    float:left;
    font-size:24px;
}

#locationSelectMenu{
    font-size:24px;
}

#storeImgWrap{
    position:relative;
    width:229px;
    height:209px;
    margin:5px auto;
    overflow: hidden;
}

#locationImg{
    position:relative;
    width:100%;
    z-index: 5;
}

#uploadImage{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    padding-top:75px;
    display:none;
    background: transparent url(../colorbox/images/overlay.png);
    z-index: 90;
}

#uploadImage > #mystoreImageUpload{
    color:#ffffff;
    padding:5px;
    border:1px solid #ffffff;
    width:75%;
    background: #171717;
}

#storeImgWrap:hover > #uploadImage{
    display:inline-block;
}

#userManagerWrap{
    position:relative;
    float:right;
    width:620px;
}

#userManagerWrap > h3{
    position:relative;
    margin:0 auto;
}

.userManagerInputWrap{
    position:relative;
    float:left;
    width:254px;
    margin-right:2px;
}

#resetAndSend{
    position:relative;
    padding:2px 5px;
    border: 1px solid #000000;
    cursor: pointer;
    float:left;
}

#addNewCat{
    display: inline-block;
    position:relative;
    padding:2px 5px;
    border: 1px solid #000000;
    cursor: pointer;
}

#resetAndSend:hover,#addNewCat:hover{
    color:#ffffff;
    background-color:#000000;
    border-color:#ffffff;
}

#addCatWrap{
    position:relative;
    padding:50px;
}

.displayNameInput{
    width:150px;
    margin:0 2px;
}

.itemDesc{
    width:200px;
    margin:2px;
}

.itemDesc:focus{
    height:175px;
}

#goToMyStoreWrap{
    position:relative;
    float:right;
    margin-right:250px;
    margin-top:25px;
}

.hoursWrapper{
    margin: 0 auto;
    position: relative;
    width: 75%;
}

.hoursRow{
    border:1px solid transparent;
}

.hoursDayWrap{
    position:relative;
    width:20px;
    text-align: left;
    float:left;
}

.closedDate{
    position:relative;
    width:176px;
    float:left;
}

.openInput,.closeInput{
    position: relative;
    text-align: center;
    width: 60px;
}

.addHoursSetFor {
    font-size: 10px;
    position: relative;
    width: 100%;
}

.addHourSet,.removeHourSet,.removeClosed{
    position:relative;
    float:right;
    padding:0 5px;
    cursor: pointer;
    border: 1px solid;
    font-size: 16px;
    font-weight: bold;
}

.addHourSet{
    border-color:#00ff00;
    color:#0f0;
    margin-right:5px;
}

.removeHourSet,.removeClosed{
    border-color:#f00;
    color:#f00;
    margin-right:5px;
}

.addHoursEntry,#addClosedDate {
    border: 1px solid #000;
    float: right;
    margin-right: 49px;
    width: 40px;
    cursor: pointer;
}

.addHoursEntry:hover,.saveHoursButton:hover,#addClosedDate:hover,.saveClosedButton:hover{
    border-color:#fff;
    color:#fff;
    background-color: #000;
}

.addHourSet:hover,.removeHourSet:hover,.removeClosed:hover{
    color:#fff;
    border-color:#fff;
}

.addHourSet:hover{
    background-color: #0f0;
}
.removeHourSet:hover,.removeClosed:hover{
    background-color: #f00;
}

.saveHoursButton{
    border: 1px solid #000000;
    float: left;
    margin-left: 10px;
    width: 45%;
    cursor: pointer;
}
.saveClosedButton{
    position:relative;
    border: 1px solid #000000;
    margin:0 auto;
    width: 95%;
    cursor: pointer;
}

/*
for making more intuitive back buttons
*/
.backButton{
    background-image: url(images/bakcButton.png);
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {
    width: 360px;
    padding: 8% 0 0;
    margin: auto;
}
.form {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    max-width: 360px;
    margin: 0 auto 100px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
    font-family: "Roboto", sans-serif;
    outline: 0;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}
.form button {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #ec582a;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
    background: #ec3c00;
}
.form .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
}
.form .message a {
    color: #ec582a;
    text-decoration: none;
}
.form .register-form {
    display: none;
}
.container {
    position: relative;
    z-index: 1;
    max-width: 300px;
    margin: 0 auto;
}
.container:before, .container:after {
    content: "";
    display: block;
    clear: both;
}
.container .info {
    margin: 50px auto;
    text-align: center;
}
.container .info h1 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 36px;
    font-weight: 300;
    color: #1a1a1a;
}
.container .info span {
    color: #4d4d4d;
    font-size: 12px;
}
.container .info span a {
    color: #000000;
    text-decoration: none;
}
.container .info span .fa {
    color: #EF3B3A;
}
body.login {
    background: #ff6530; /* fallback for old browsers */
    background: -webkit-linear-gradient(right, #ff6530, #ff833c);
    background: -moz-linear-gradient(right, #ff6530, #ff833c);
    background: -o-linear-gradient(right, #ff6530, #ff833c);
    background: linear-gradient(to left, #ff6530, #ff833c);
    font-family: "Roboto", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.loginText {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

.form-style-2{
    max-width: 600px;
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
    text-align: left;

}
.form-style-2-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style-2 label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style-2 label > span{
    width: 150px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style-2 span.required{
    color:red;
}
.form-style-2 .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style-2 input.input-field{
    width: 48%;

}

.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .textarea-field,
.form-style-2 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.form-style-2 .input-field:focus,
.form-style-2 .tel-number-field:focus,
.form-style-2 .textarea-field:focus,
.form-style-2 .select-field:focus{
    border: 1px solid #FF8500;
}
.form-style-2 .textarea-field{
    height:100px;
    width: 55%;
}

.form-style-2 .error {
    background: rgba(209, 147, 146, 0.51);
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #FF8500;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}

.form-style-2 button {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #ec582a;
    width: 200px;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
}
.form-style-2 button:hover,.form button:active,.form button:focus {
    background: #ec3c00;
}

.hidden {
    display: none;
}

.form-style-2 .readonly {
    background: #cccccc;
}

#agreeMsg {
    color: red;
    font-weight: bold;
}

.alert {
    color: red;
    font-weight: bold;
    padding-bottom: 10px;
}

#loadingMsg {
    font-weight: bold;
    font-size: 16pt;
}

#usersWrap {
    margin: 20px auto;
    width: 700px;
}

#usersWrap tr:nth-child(even) {
    background-color: #CCCCCC
}