@import url(http://fonts.googleapis.com/css?family=Open+Sans);
html, body {text-align: center; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #666666; height: 100%; margin: 0px; padding: 0px;}
div {padding: 0px; margin: 0px; border: 0px; font-family: 'Open Sans', sans-serif;}
img {border: 0;}
button {padding: 0px; margin: 0px; cursor: pointer; }
h1 {font-size: 30px; padding-left: 30px;}
input {border: solid 2px #8BD542; height: 25px; width: 260px; padding-left: 10px; color: #cccccc}
a {text-decoration: underline; color: #666666}
a.hover {color: #8BD542;}
ul li a:hover {color: #8BD542;}
.small-text {font-size: 12px;}
select {border: solid 2px #8BD542; height: 32px; width: 150px; color: #cccccc}
textarea {font-size: 14px; font-family: 'Open Sans', sans-serif;}
option {color: #666666}
p {padding-left: 30px;}
form {padding: 0px; margin: 0px;}

/* header */
#container {text-align: left; width: 960px; margin: 0px auto 0px auto; min-height: 100%; background: white url("../imgs/main-background.jpg");}
#header {background-color: #8BD542; width: 960px; height: 141px; position:fixed; top:0px; }

/* top menu */
.top-div {width: 960px; background-color: white; width: 100%; height:25px; padding-top: 3px;}
.top-links-div {width: 640px; text-align: left; vertical-align: middle;}
.top-customer-div {width: 320px; text-align: right; vertical-align: middle;}
.top-profile-div {width: 30px; text-align: center; vertical-align: top;}
.top-logout-div {width: 30px; text-align: center;}
.top-menu {margin-left: 15px; margin-right: 10px; color: #666666; text-decoration: none; font-weight: bold;}
.top-menu:hover{color: #8BD542;}
.top-selected {color: #8BD542;}
.top-last {padding-right: 20px;}
#logo {float: left; padding-left: 45px; padding-top: 23px;}
#adds-place {float: right; width: 728px; height:90px; margin-right: 38px; margin-top: 11px; background-color: #ffffff}
.welcome-logout-div{float: left; padding-top: 0px; width: 400px; text-align: right;}
.welcome-div {text-align: right; padding-right: 10px; vertical-align: top;}
.customer-profile {font-weight: normal !important; text-decoration: underline !important; margin-left: 0px !important; margin-right: 0px !important;}
.logout-image {float: right; margin: 0px 5px 0px 0px; padding-left: 0;}

#site-content {padding-bottom: 67px; padding-top: 161px;}
#our-motto {text-align: center; margin-top: 20px; font-size: 35px; }
.small-header {text-align: center; font-size: 16px;}

/* search box */
#search-box {text-align: center; margin-left: auto; margin-right: auto; margin-top: 2px; width: 444px; display:table;}
#search-place-left {display:table-cell; float: left; vertical-align: middle; height: 56px; border: solid 2px #8BD542;}
#search-edit {padding: 0px 0px 0px 25px; width: 355px; height: 56px; font-size: 18px; text-align: left; color: #cccccc; border: solid 0px white; margin: 0px;}
#search-place-right {display:table-cell; float: right; text-align: right;}
#search-button {width: 60px; height: 60px; border: solid 0px #8BD542; text-align: left; background-image: url(../imgs/big-lupe.png);}
#search-button > img {width: 60px; height: 60px; vertical-align: bottom;}

#button-box {text-align: center; margin: 30px auto 70px auto; height: 113px;}
#button-box img{margin-left: 29px; margin-right: 29px;}
.search-note {text-align: left; font-size: 13px; padding: 0px !important;}

/* footer */
#footer {position:fixed; bottom:0; height: 67px; width: 960px; background: url("../imgs/footer-background.png"); margin: 0px 0px 0px 0px; padding: 0px;}
#private-policy {float: left; padding-left: 40px; padding-top: 27px; color: white; font-weight: bold; font-size: 12px;}
#private-policy a {color: white;}
#private-policy a:hover {color: #666666}

#follow-us-div {display:table; float: right; padding-right: 40px; padding-top: 0px; height: 67px;}
#follow-us {display:table-cell; color: white; font-weight: bold; vertical-align: middle; padding-right: 10px;}
#follow-icons {display:table-cell; vertical-align: top;}
#follow-icons img {margin-left: 3px; margin-right: 3px; margin-top: 12px;}

/* contact us */
.container {text-align: left; margin-left: 30px; margin-top: 30px; width: 900px; display:table;}
.row {display: table-row; padding: 0; margin: 0;}
.column {display: table-cell; padding: 0; margin: 0;}
.contact-textarea {border: solid 2px #8BD542; height: 125px; width: 860px; padding-left: 10px; padding-top: 10px; color: #cccccc;}
.contact-captcha {height: 125px; width: 340px; padding-left: 25px; padding-top: 0px; color: #cccccc; vertical-align: top;}
.base-confirmation {color: #4D8C0E; font-size: 22px; text-align: center; margin-left: auto; margin-right: auto;}
.contact-confirmation {color: #4D8C0E; font-size: 22px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 110px;}
.error-message {width: 270px; height: 30px; background: url(../imgs/error-input.gif) no-repeat; color: white; margin-bottom: 0px; margin-top: 5px; font-size: 12px; padding-left: 7px; padding-top: 2px; text-align: left;}
.error-message-home {width: 310px; height: 60px; background: url(../imgs/error-input-home.gif) no-repeat; color: white; margin-bottom: 0px; margin-top: 5px; font-size: 12px; padding-left: 7px; padding-top: 2px; text-align: left;}
.empty-error {width: 250px; height: 35px;}
.input-error {border: solid 2px #FF6666;}

/* buttons */
.container-btn {text-align: left; margin-left: 30px; margin-top: 30px; margin-bottom: 30px; width: 200px; display:table;}
.btn-green {width: 90px; height: 30px; background-color: #8BD542; color: white; font-size: 14px; font-weight: bold; border-radius: 5px; border: 2px solid #8BD542; padding: 2px;}
.btn-green:hover {background-color: #666666;border: 2px solid #666666;}
.btn-grey {width: 90px; height: 30px; background-color: #666666; color: white; font-size: 14px; font-weight: bold; border-radius: 5px; border: 2px solid #666666; padding: 2px;}
.btn-grey:hover {background-color: #8BD542;border: 2px solid #8BD542;}

/* search results */
.container-search {text-align: center; margin-left: auto; margin-right: auto; width: 300px; display:table;}
#search-box-small {text-align: center; margin-left: auto; margin-right: auto; margin-top: 25px; width: 310px; display:table;}
#search-place-left-small {display:table-cell; float: left; vertical-align: middle; height: 38px; border: solid 2px #8BD542;}
#search-edit-small {padding: 0px 0px 0px 15px; width: 249px; height: 38px; font-size: 16px; text-align: left; color: #cccccc; border: solid 0px white; margin: 0px;}
#search-place-right-small {display:table-cell; float: right; text-align: right;}
#search-button-small {width: 42px; height: 42px; border: solid 0px #8BD542; text-align: left; background-image: url(../imgs/small-lupe.png); }
#search-button-small > img {width: 42px; height: 42px; vertical-align: bottom;}
.search-border {border: 1px solid #666666; margin-left: auto; margin-right: auto; width: 850px !important;}
.top-search-header {background-color: #cccccc; padding: 5px 5px 5px 15px; color: #333333; font-size: 12px; white-space: nowrap;}
.search-title {background-color: #C5EAA0; border-top: 1px solid #666666; padding: 3px 5px 3px 15px; color: #333333; font-size: 12px; font-weight: bold;}
.search-row {border-top: 1px solid #666666; padding: 3px 5px 3px 15px; color: #333333; font-size: 12px;}
.search-first-ceil{width: 225px !important;}
.search-second-ceil{width: 175px !important;}
.search-third-ceil{width: 300px !important;}
.error-tracking-num {color: #FF6666; font-size: 18px; margin-left: auto; margin-right: auto; text-align: center; font-weight: bold; padding-top: 20px;}

/* sample of search results */
#sample-results-div {width: 920px; height: 640px; text-align: center; border: solid 3px #CCCCCC; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: white;}
.container-sample-results {width: 920px; display:table; background-color: white;}

/* login & signup form */
.login-form{width: 380px; height: 375px; border-radius: 10px; background-color: #A8E071; padding-top: 30px; text-align: center;}
.signup-form{width: 380px; height: 375px; border-radius: 10px; background-color: #B3B3B3; padding-top: 30px; text-align: center;}
.header-white{font-size: 20px; color: white}
.container-form {text-align: left; margin-left: 35px; margin-top: 5px; width: 340px; display:table;}
.input-form {height: 33px; width: 345px; padding-left: 10px; color: #cccccc; border: solid 0px; font-size: 14px;}
.btn-green-big {width: 160px; height: 30px; background-color: #8BD542; color: white; font-size: 14px; font-weight: bold; border-radius: 5px; border: 2px solid #8BD542; padding: 2px;}
.btn-green-big:hover {background-color: #666666;border: 2px solid #666666;}
.keep-logged-in {width: 18px; height: 18px; margin-top: 20px;}

/* save tracking info */
.green-title{color:#8BD542;}
#tracking-textarea-div {padding-left:30px; padding-top: 30px;}
.tracking-textarea {border: solid 2px #8BD542; height: 150px; width: 870px; padding-left: 10px; padding-top: 10px; color: #cccccc;}

/* map div */
#map-div {width: 840px; height: 610px; text-align: center; border: solid 3px #CCCCCC;  margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.container-map {width: 840px; display:table; background-color: white;}
.div-header{height: 40px; vertical-align: middle; text-align: left; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc;background-color: #F2F2F2;}
.div-title{font-size: 20px; margin-left: 20px;}
.div-close{width: 40px; border-bottom: solid 1px #cccccc; vertical-align: middle; padding-top: 3px;background-color: #F2F2F2;}

/* carriers */
.carrier-ceil {text-align: center; width: 250px; height: 115px; vertical-align: middle;}

/* view tracking info */
.view-track {margin-left: 30px; margin-right: 0px; width: 850px !important;}

#modal-dialog, #delete-modal-dialog, #addfolder-modal-dialog, #map-modal-dialog, #sample-results-modal-dialog {display: none; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; width:100%; height:100%; margin: auto; text-align:center; z-index: 1000; background-image:url(../imgs/transparent_bg.png);}
#modal-result {display: none; margin-left: 30px; margin-right: 30px; margin-top: 40px; font-size: 18px; color: #8BD542}

/* delete div */
#delete-div {width: 500px; height: 210px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 230px; border: solid 3px #CCCCCC; background-color: white;}
.container-delete {width: 500px; display:table; background-color: white;}
.div-title-inner{font-size: 20px; margin-left: 20px;}
.div-container-btn {margin: 30px auto 20px auto; display:table; width: 220px;}

/* edit my profile */
#profile-div {width: 500px; height: 350px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 230px; border: solid 3px #CCCCCC; background-color: white;}
.container-profile {width: 500px; display:table; background-color: white;}
.container-form-div {text-align: left; margin-left: auto; margin-top: 15px; margin-right: auto; width: 275px; display:table;}
.div-container-profile-btn {margin: 30px auto 20px auto; display:table; width: 280px;}

/* forgot password */
#password-div {width: 450px; height: 210px; text-align: center; margin: 220px auto; border: solid 3px #CCCCCC; background-color: white;}
.container-password {width:450px; display:table; background-color: white;}
.div-container-password-btn {margin: 30px auto 20px auto; display:table; width: 280px;}

/* add folder */
#folder-div {width: 450px; height: 210px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 100px; border: solid 3px #CCCCCC; background-color: white;}
.container-folder {width:450px; display:table; background-color: white;}

/* move to folder */
#folder-move-div {width: 500px; height: 190px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 100px; border: solid 3px #CCCCCC; background-color: white;}
.container-folder-move {width:500px; display:table; background-color: white;}

/* link to friend */
#friend-div {width: 450px; height: 240px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 100px; border: solid 3px #CCCCCC; background-color: white;}
.container-friend {width:450px; display:table; background-color: white;}

/* account home */
.container-account {text-align: left; margin: 30px 0px 20px 0px; width: 960px; display:table; padding-right: 0px;}
.container-simple {text-align: left; display:table;}
.title-green-bg {background-color: #A8E071;}

.search-icon-div {height: 40px; width: 43px; border-bottom: 1px #CCCCCC solid; vertical-align: bottom; text-align: right; padding-right: 10px;}
/* folders */
.folder-grey {height: 45px; width: 175px; background: #AAAAAA; padding-left: 10px; vertical-align: middle;}
.folder-grey a{color: white; text-decoration: none;}
.folder-grey-selected{background-color: #8F8F8F !important; font-weight: bold;}
.folder-green {height: 45px; width: 175px; background: #A7DF70; padding-left: 10px; vertical-align: middle;}
.folder-green a{color: white; text-decoration: none;}
.folder-green-selected{background-color: #8BD542 !important; font-weight: bold;}
.folder-grey-plus {height: 45px; width: 175px; background: #AAAAAA; padding-left: 10px; vertical-align: middle;}
.folder-grey-plus a{color: white; text-decoration: none;}
.folder-green-plus {height: 45px; width: 175px; background: #A7DF70; padding-left: 10px; vertical-align: middle;}
.folder-green-plus a{color: white; text-decoration: none;}
.folder-new{font-size: 30px; padding-left: 5px;}
.folder-setting-div {height: 30px; float: right; text-align: right; padding-right: 5px; padding-top: 10px;}

/* filters */
#filters-div {position: relative; left: 3px; top: 3px; right: 2px; z-index: 1; border-radius: 5px; background-color: #A8A2A2; width: 777px; height: 65px; opacity: 0.75}
.input-filter {height: 20px; width: 180px; border: solid 0px; font-size: 12px; color: #666666;}
.select-filter {height: 20px; width: 100px; border: solid 0px; font-size: 12px; color: #666666;}
.calendar-filter {height: 20px; width: 70px; border: solid 0px; font-size: 12px; color: #666666;}
label {display: inline-block;cursor: pointer;position: relative;padding-left: 18px;font-size: 12px;}
input[type=radio] {display: none;}
label:before {content: "";display: inline-block;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;background-color: #aaa;box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);}
.radio label:before {border-radius: 8px;}
input[type=radio]:checked + label:before {content: "\2022";color: #f3f3f3; font-size: 30px; text-align: center; line-height: 18px;}
.btn-green-filter {width: 40px; height: 18px; background-color: #8BD542; color: white; font-size: 11px; font-weight: bold; border-radius: 3px; border: 1px solid #8BD542; padding: 1px;}
.btn-grey-filter {width: 40px; height: 18px; background-color: #CCCCCC; color: white; font-size: 11px; font-weight: bold; border-radius: 3px; border: 1px solid #8BD542; padding: 1px;}

/* rows columns */
.row-style {height: 25px;}
.row-column1 {width: 45px; text-align: center;}
.row-column2 {width: 300px; border-bottom: 1px #CCCCCC solid;}
.row-column3 {width: 130px; border-bottom: 1px #CCCCCC solid;}
.row-column4 {width: 145px; border-bottom: 1px #CCCCCC solid;}
.row-column5 {width: 90px; border-bottom: 1px #CCCCCC solid;}
.row-column6 {width: 20px; border-bottom: 1px #CCCCCC solid;}
.row-column7 {width: 30px; text-align: center;}
.row-column8 {width: 20px; text-align: center;}

/* per pages */
.pages{text-align:right; width:100%; padding:4px; margin-bottom:15px}
.pages > a, .pages > span{padding:3px 6px; font-size:90%; width:14px; text-decoration: none; margin: 0px 2px 0px 2px; border: 1px solid #ccc; border-radius: 2px; color: #000;}
.pages > span{font-weight: bold; color: #FF6666;}
.pages > a:hover {color: #8BD542;}

/* base error */
.err{color: #FF6666;}

/* cursor - hand */
.cursor-hand {cursor: pointer}

/* tooltip */
.ui-tooltip{padding:8px; position:absolute; z-index:9999; max-width:300px; -webkit-box-shadow:0 0 5px #aaaaaa; box-shadow:0 0 5px #aaa}
body .ui-tooltip{border-width:2px}

/* folders grid */
.folder-row-style {height: 35px;}
.folder-row-column1 {width: 300px; border-bottom: 1px #CCCCCC solid;}
.folder-row-column2 {width: 30px; vertical-align: middle; text-align: center;}
.folder-row-column3 {width: 30px; vertical-align: middle; text-align: center;}

/* old styles
#main {color: black; display:table;}
#content-area {display:table-row;}
#left-content {display:table-cell; width: 800px; padding: 20px; border-right: solid 1px #adff2f;}
#right-banner {display:table-cell; color: black; text-align: left; margin: 10px; padding: 10px; width: 80px;}
*/