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

7shifts
By Jordan Boesch
	
***************************************************
GENERIC
*/
@font-face {
	font-family: 'HelveticaLTStdRoman';
	src: url('../fonts/helveticaltstd-roman-webfont.eot');
	src: local('☺'), url('../fonts/helveticaltstd-roman-webfont.woff') format('woff'), url('../fonts/helveticaltstd-roman-webfont.ttf') format('truetype'), url('../fonts/helveticaltstd-roman-webfont.svg#webfontmR4iJQZf') format('svg');
	font-weight: normal;
	font-style: normal;
}
.helv-heading,
.helv {
    font-family: "HelveticaLTStdRoman";
    font-weight:100;
}
html {
	font: 62.5%/170% "Arial", "Verdana", "Times New Roman", serif;
}
body {
	font-size:134%;
	line-height:150%;
	color:#676767;
	background:#fff;
	text-shadow:1px 1px 0 #fff;
}
a {
	color:#333;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
ul.padded {
	padding: 1.5em 0;
}
.inner {
	width:975px;
	display:block;
	margin:0 auto;
}
#logo {
	width:293px;
	height:24px;
	margin:0;
	padding:23px 0 0 0;
	float:left;
}
#logo a {
	display:block;
	width:93px;
	height:24px;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat top left;
}
#logo span {
    display: block;
    color: #7f929e;
    text-shadow: none;
    font-weight: 100;
    margin: 2px 0 0 0;
}
#nav-wrap {
    background:#3a454c url(../images/bg-brown-header.jpg) repeat-x top left;
}
#nav-wrap .inner {
    position: relative;
}
nav {
	height:84px;
}
nav ul {
	float:right;
	padding:42px 0 0 0;
}
nav li a {
	color:#fff;
	display:block;
	text-decoration: none;
	padding:4px 20px;
}
nav ul li a:hover {
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-border-radius:15px;
	background:#293034;
	text-decoration: none;
}
nav ul li {
	text-shadow:1px 1px 1px #293034;
	font-size:105%;
	float:left;
	margin-left:8px;
}
nav ol {
    position: absolute;
    top: 0;
    right: 10px;
    text-shadow:1px 1px 1px #293034;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #2d353a url(../images/icon-lock.png) no-repeat 13px center;
    padding: 0 0 0 15px;
}

#nav-pricing a {
    color: #febc62;
}
#main-content {
    padding:30px 0 20px 0;
}
.tour #main-content,
.blog #main-content {
    padding-top:20px;
}
h2 {
    font-size:26px;
    font-family:"HelveticaLTStdRoman";
    font-weight:100;
}
h2, 
h3,
h4, 
h5,
h6 {
    color:#333;
    line-height:115%;
}
article {
    display:block;
}
.rounded {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

/*********************************************************
* HOMEPAGE
*********************************************************/
#mid {
    background: #9db959;
	border-top:1px solid #b8d86c;
}
#mid .inner {
    /*height:204px;*/
    background:url(../images/bg-mid-burst.png) no-repeat top left;
	position:relative;
    padding: 10px 0;
}
.home #mid .inner {
    padding: 0 0 10px 0;
}
#mid-left {
	float:left;
	width:450px;
    margin: 10px 0;
}
#mid h2 {
	font-size:26px;
	line-height:120%;
	margin:0;
	font-weight: 100;
	text-shadow:1px 1px 1px #3c474f;
	color:#fff;
}
#mid-left h2 {
    border-bottom: 1px solid #92a664;
    padding: 10px 0 15px 0;
}
#mid h5 {
    color:#fff;
    text-shadow:1px 1px 1px #3c474f;
    font-weight:100;
    font-size:18px;
    margin:5px 0;
    font-family: "HelveticaLTStdRoman";
}
#mid-left p {
    color:#333;
    padding: 15px 0 0 0;
    margin: 0 0 20px 0;
    text-shadow:none;
    font-size: 18px;
    line-height: 22px;
    border-top: 1px solid #b8cf7f;
}
#try-7shifts {
	text-indent: -9999px;
	background:url(../images/bg-try-7shifts.png) no-repeat top left;
	display:block;
	width:201px;
	height:41px;
	margin:-3px 0 0 -6px;
    float: left;
}
#take-tour-mid {
    float: left;
    color:#fff;
    text-shadow:none;
    display: block;
    margin: 3px 0 0 0;
}
#trial-screenshot {
	display:block;
	position:absolute;
	background:url(../images/bg-trial-screenshot.png) no-repeat top right;
	width:474px;
	height:317px;
	text-indent: -9999px;
	top:11px;
	right:0;
}
#business-who-use #mobile-logos {
    position: static;
}
#testimonials {
    padding: 20px 0 30px 0;
    float: none !important;
}
#testimonials .testimonial {
	padding:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#eee url(../images/bg-grey-slice.gif);
	border:1px solid #ddd;
	width:278px;
    height: auto;
	font-size:13px;
    padding-top: 20px;
    margin-right: 20px;
    min-height: 280px;
}
#testimonials .testimonial.last {
    margin-right: 0;
}
.test-quote {
    background:url(../images/testimonial-quotes.png) no-repeat top left;
    width: 19px;
    height: 17px;
    float: left;
}
.test-content {
    float: left;
    padding:5px 0 0 10px;
    width: 230px;
    font-size: 13px;
    line-height: 25px;
}
.test-content p {
    margin: 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ddd;
    min-height: 178px;
}
.test-creds {
    border-top: 1px solid #fff;
    padding: 15px 0 0 0;
    color: #999;
}
.cred-holder {
    float: left;
    width: 128px;
}
.test-creds img {
    float: right;
    margin-top: 6px;
}
.cred-holder h4 {
    margin: 0 0 10px 0;
}
.sub-cred {
    line-height: 18px;
    font-size: 12px;
}
#feat-holder {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
#features {
    width: 640px;
    padding:20px 15px 5px 0;
}
#features,
#testimonials {
	float:left;
}
#features li {
    margin:20px 10px 25px 21px;
    height:85px;
}
#features li,
#testimonials li {
	width:297px;
	float:left;
}
#features li h4,
#business-who-use h4 {
	font-weight:100;
	font-family:"HelveticaLTStdRoman";
	font-size:112%;
	margin:0 0 10px 0;
}
#features li h4,
#features li span {
	padding:0 0 0 60px;
	display:block;
}
#features li span {
	color:#676767;
}
#feat-scheduling {
	background:url(../images/icon-sync.png) no-repeat 0 3px;
	margin-left: 0 !important;
}
#feat-access {
	background:url(../images/icon-globe.png) no-repeat 0 0;
	margin-right: 0 !important;
}
#feat-communicate {
	background:url(../images/icon-chat.png) no-repeat 0 0;
	margin-left: 0 !important;
}
#feat-mobile {
	background:url(../images/icon-mobile.png) no-repeat 0 0;
	margin-right: 0 !important;
}
#feat-avail {
	background:url(../images/icon-avail.gif) no-repeat 0 0;
	margin-left: 0 !important;
}
#feat-labor {
	background:url(../images/icon-labor.png) no-repeat 0 0;
	margin-right: 0 !important;
}
#business-who-use {
    float:left;
    width: 310px;
    margin: 40px 0 0 10px;
}
#business-who-use p {
    margin-top: 0;
}
#business-who-use div,
#business-who-use div img {
    width: 137px;
    height: 82px;
}
#business-who-use div {
    position:relative;
    float:left;
    margin: 1px;
}
#business-who-use div span {
    position:absolute;
    bottom:0;
    left:0;
    background:#111;
    background: rgba(17, 17, 17, .7); /* #222 */
    color:#fff;
    text-shadow:none;
    width:92%;
    padding:1% 4%;
    display:block;
}
#business-who-use img {
    position:absolute;
    top:0;
    left:0;
}
.home .post {
    border-bottom:0;
    padding:20px 0;
}
#quick-look {
    margin:20px 0;
}
#quick-look li {
    float:left;
    margin:0 10px 10px 0;
}
#quick-look li.end {
    margin-right:0;
}
#quick-look li a {
    display:block;
    width:93px;
    height:82px;
    border:1px solid #ddd;
    background-repeat: no-repeat;
    background-position:top left;
    position:relative;
}
#quick-look li span {
    background:url(../images/bg-thumb-magnify.png) no-repeat top left;
    position:absolute;
    display:block;
    bottom:3px;
    right:3px;
    width:26px;
    height:25px;
}
#thumb-dash {
    background-image: url(../images/bg-thumb-dashboard.jpg);
}
#thumb-avail {
    background-image: url(../images/bg-thumb-avail.jpg);
}
#thumb-employees {
    background-image: url(../images/bg-thumb-employees.jpg);
}
#thumb-schedules {
    background-image: url(../images/bg-thumb-schedules.jpg);
}
#thumb-shiftpool {
    background-image: url(../images/bg-thumb-shiftpool.jpg);
}
#thumb-wall {
    background-image: url(../images/bg-thumb-wall.jpg);
}

/*********************************************************
* ABOUT
*********************************************************/

#about-intro {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
#about-team {
    background: url(../images/about-grad.jpg) repeat-x top left;
    margin: 30px 0;
    padding: 40px 20px;
    border-top: 1px solid #ddd;
    width: 100%;
}
#about-team li {
    width: 460px;
    float: left;
}
#about-team img {
    border: 10px solid #fff;
    float: left;
    margin-right: 20px;
}
#about-team .info {
    float: left;
    margin-left: 20px;
    width: 220px;
}
#about-team li.even {
    margin-left: 45px;
}
#about-team h3 {
    color: #333;
    font-weight: 100;
    font-size: 24px;
}
#about-team h5 {
    padding: 10px 0;
    color: #999;
}
.twitter-icon {
    background-image: url(../images/icon-twitter.png) !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    padding: 10px 15px 10px 45px !important;
    font-size: 14px !important;
}
.email-icon {
    margin-top: 10px;
    background-image: url(../images/email-icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    padding: 10px 15px 10px 45px !important;
    font-size: 14px !important;
}

/*********************************************************
* Features
*********************************************************/

#sidebar-left {
    float: left;
    background: url(../images/bg-sidebar-left.gif) no-repeat 0 -50px;
    min-height: 563px;
    width: 240px;
}
#sidebar-left ul {
    width: 220px;
}
#sidebar-left li {
    clear: both;
    background-repeat: no-repeat;
    background-position: left center;
}
#sidebar-left #item-overview {
    background-image: url(../images/large-icon-home.png);
}
#sidebar-left #item-availability {
    background-image: url(../images/large-icon-avail.png);
}
#sidebar-left #item-employees {
    background-image: url(../images/large-icon-employees.png);
}
#sidebar-left #item-schedules {
    background-image: url(../images/large-icon-sched.png);
}
#sidebar-left #item-shift-pool {
    background-image: url(../images/large-icon-shiftpool.png);
}
#sidebar-left #item-time-off {
    background-image: url(../images/icon-timeoff.png);
}
#sidebar-left #item-wall {
    background-image: url(../images/large-icon-wall.png);
}
.btn {
    display: block;
    float: left;
    padding: 8px 15px;
    color:#fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    text-decoration:none;
    font-size: 16px;
    background-color: #ee9200;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.btn:hover {
    background:#ff9c00;
}
.take-tour {
    text-align: center;
    width: 270px;
}
#sidebar-left li.selected a {
    color:#fff;
    text-shadow:1px 1px 0 #30373d;
    background-color: #414a52;
    padding-left: 14px;
    border-bottom: 1px solid transparent;
    background-image: -moz-linear-gradient(top, #4a565e, #414a52); 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4a565e),color-stop(1, #414a52)); 
}
#sidebar-left li.selected a span {
    background-position: bottom left;
}
#sidebar-left li a {
    display: block;
    font-size: 18px;
    padding: 20px 14px 20px 44px;
    border-bottom: 1px solid #eee;
    text-decoration:none;
}
#sidebar-left li:hover a,
#sidebar-left li:hover a em {
    text-decoration:underline;
}
#sidebar-left li a em {
    font-style: normal;
    float: left;
}
#sidebar-left li a span {
    float: right;
    display: block;
    margin: 5px 0 0 0;
    background: url(../images/bg-sidebar-arrow.png) no-repeat top left;
    width: 9px;
    height: 12px;
}
#main-floated {
    float: left;
    width: 700px;
    margin-left: 30px;
}
#main-floated.feat table {
    width: 100%;
}
#main-floated.feat table td {
    padding: 20px;
    vertical-align: middle;
} 
h2.center {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px 0;
    width: 550px;
    margin: 0 auto 20px auto;
}
#feat-next-prev {
    margin: 20px 0 40px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.feat-back {
    float: left;
}
.feat-next {
    float: right;
}
#try-banner a {
    width: 500px;
    text-align: center;
    margin: 0 auto;
    float: none;
}
#try-banner {
    margin: 0 0 30px 0;
}

/*********************************************************
* BLOG
*********************************************************/

#blog-left {
    float:left;
    width:700px;
}
.post {
    border-bottom:1px solid #ddd;
    padding:30px 0;
}
.post-content img,
#main-floated.feat table img {
    border:4px solid #ddd;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-border-radius:4px;
}
.avatar {
    border:4px solid #ddd;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    float:left;
}
.post-area {
    float:left;
    margin:5px 0 0 0;
    width:650px;
}
.post h3 {
    font-size:30px;
    font-weight:100;
    margin: 0 0 5px 0;
}
.post .date {
    margin:0 0 20px 0;
    color:#999;
}
#blog-right {
    float:right;
    background:url(../images/bg-blog-sidebar.gif) no-repeat top left;
    min-height:700px;
    width:215px;
    padding:10px 10px 20px 30px;
}
#blog-heading {
    margin:30px 0 0 0;
    font-weight:100;
}
#blog-right h4 {
    font-size:18px;
    font-weight:100;
    margin:0 0 16px 0;
}
#search {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #ddd;
    padding:10px;
    width:176px;
}
input.placeholder {
    color:#999;
}
.side-widget {
    margin:20px 0;
}
#blog-nav {
    margin:20px 0;
}
#nav-next {
    float:right;
}
#nav-prev {
    float:left;
}
#comment-container {
    margin:30px 0;
    padding:10px;
}
#comment-container textarea {
    width:605px;
}
.commentlist {
    margin:0 0 30px 0;
}
.commentlist li {
    padding:10px 0;
    border-bottom:1px solid #ddd;
    border-top:1px solid #fff;
}
.comment-left {
    float:left;
    width:400px;
}
.comment-left img {
    float:left;
}
.comment-left span {
    display:block;
    float:left;
    margin:10px 0 0 10px;
    font-size:16px;
}
.comment-right {
    float:right;
}
#comments {
    border-bottom:1px solid #ddd;
    padding:0 0 20px 0;
}
.side-widget li {
    padding: 10px 0;
    border-bottom:1px solid #ddd;
}
.side-widget h5 {
    font-weight: 100;
}

/*********************************************************
* FOOTER BOXES 
*********************************************************/

#footer-boxes .inner {
    border-top:1px solid #ddd;
    padding:35px 0;
    margin-top:10px;
}
#footer-boxes .box {
    width:290px;
    padding:0 40px 0 0;
    float:left;
}
#footer-boxes .box.last {
    padding-right:0;
    width:310px;
}
#footer-boxes h3,
.home-heading {
    font-size:26px;
    font-family: "HelveticaLTStdRoman";
    font-weight:100;
}
#footer-boxes #fresh-off-blog {
    padding-right:40px;
    width:290px;
}
article {
	padding:10px 0;
}
article h6 {
	font-size:130%;
	margin:0 8px 0 0;
	padding:0;
}
article time {
	color:#676767;
}

/*********************************************************
* SIGN UP
*********************************************************/

.pricing-table {
    width:100%; 
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin:40px 0;
    border-left: 1px solid #ccc;
}
.pricing-table thead .empty {
    background:none;
    border-right:1px solid #ccc;
}
.pricing-table .last .empty {
    border-bottom:none;
}
.pricing-table thead th.helv-heading {
    background-color: #414d54;  
    color:#fff;
    text-shadow:1px 1px 1px #3c474f;
    border-right:1px solid #2a3035;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.04, rgb(52,61,66)),
        color-stop(0.52, rgb(68,83,92))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(52,61,66) 4%,
        rgb(68,83,92) 52%
    );
    
    
    
}
.pricing-table thead th {
    font-size:20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pricing-table td,
.pricing-table th {
    text-align:center;
    padding:4px 10px;
    font-size:20px;
}
.pricing-table a.contact-us {
    display:block;
    margin-top:31px;
    font-size:17px;
}
.pricing-table .alt td {
    background-color: #eee;
    background-image: -moz-linear-gradient(top, #eee, #ddd); 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(1, #ddd)); 
}
.pricing-table .last td {
    border-bottom:1px solid #ccc;
    padding:0;
}
.pricing-table td {
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
}
.pricing-table td div {
    display:block;
    padding:10px;
}
.pricing-table td div em {
    font-style:normal;
    display:block;
    padding:8px 5px;
    font-size:14px;
}
.pricing-table span {
    display:block;
    background-color: #FFFFA6;
    padding:12px;
    border-bottom:1px solid #dbe0a0;
    text-shadow: none;
    font-size:16px;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.04, rgb(255,255,166)),
        color-stop(0.52, rgb(253,255,209))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(255,255,166) 4%,
        rgb(253,255,209) 52%
    );

}

.pricing-table span small {
    display:block;
    padding-top:5px;
    font-size:12px;
}
.pricing-table h5 {
    font-weight:100;
    font-size:20px;
    display:block;
    margin:25px 0;
    padding:0 30px;
}
#price-table-1 {
    margin-top:0;
}
.plan-heading {
    text-align:center;
}
.plan-heading.bigger-plan {
    margin-bottom:40px;
}
#guess-what {
    text-align:center;
    margin:5px 0;
    font-size:14px;
}
a.signup {
    padding:10px;
    float: none;
    text-align:center;
}
#quick-questions {
    border-top:1px solid #ddd;
    padding:40px 0 0 0;
}
#quick-questions p {
    margin-bottom:30px;
}
#quick-left,
#quick-right {
    float:left;
    width:460px;
}
#quick-left {
    margin-right:50px;
}

/*********************************************************
* SIGN UP FORM
*********************************************************/

.submit {
    width:88px !important;
    height:36px;
    border:none;
    cursor:pointer;
    margin:20px 0;
}
.nice-form {
    width:550px;
}
.nice-form ul {
    margin:0 0 20px 0;
}
.nice-form h3 {
    font-size:20px;
    margin:0 0 20px 0;
}
.nice-form li {
    display:block;
    padding:5px 0;
}
.nice-form li label {
    float:left;
    width:130px;
    display:block;
    padding:7px 0 0 0;
}
.nice-form li.dropdown label {
    padding:0;
}
.nice-form li div {
    float:left;
}
.nice-form li input,
.nice-form li textarea,
.nice-form li select {
    display:block;    
    width:300px;
}
.nice-form li textarea {
    height:150px;
}
#signup_subdomain,
.nice-form li input,
.nice-form li textarea,
input.text,
textarea.text,
select {
    padding:3px;
    font-size:16px;
}
.nice-form input.error,
.nice-form textarea.error {
    border:2px solid #BF2B17;
}
.nice-form label.error {
    color:#BF2B17;
    width:auto;
    display:block;
    float:none;
}
.lrg-notice {
    padding:10px;
    text-shadow:none;
    color:#fff;
    margin:0 0 30px 0;
}
.lrg-notice a {
    color:#FF9C00;
}
.lrg-notice.error {
    background:#BF2B17;
}
.lrg-notice.success {
    background:#3A454C;
}
.lrg-notice h2 {
    color: #fff;
    margin: 10px 0;
    text-shadow: 1px 1px 0 #000;
}

/*********************************************************
* CONTACT 
*********************************************************/

#contact-form {
    float:left;
}
#contact-info {
    float:right;
    width:400px;
}
#map_canvas {
    height:170px;
    border:1px solid #ddd;
}
#contact-info ul li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

/*********************************************************
* FOOTER 
*********************************************************/

#footer .inner {
    text-align:center;
    font-size:11px;
    padding:35px 0;
    color:#ddd;
    border-top:1px solid #ddd;
}
#footer .inner span {
    color:#676767;
}