/* ==== Scroll down to find where to put your styles :) ==== */

/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ffff99; color: #000000; text-decoration: none; }
mark { background-color: #ffff99; color: #000000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }

html { overflow-y: scroll; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-family:'OpenSansBold', sans-serif; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

textarea { overflow: auto; width: 100%; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
input[type="text"], input[type="password"], textarea { border: 1px solid #c9c9c9; }
button, input, select, textarea { margin: 0; }
input, select, textarea { color: #444444; padding: 3px 5px; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.pass {display:none;}

body { background-color: #4f4f4f; color: #444444; font:13px 'OpenSansRegular', verdana, arial, sans-serif; }
p { line-height: 18px; }

input {font-size:13px; font-weight:normal;}
input:hover, input:focus {background:#ddedff; border:1px solid #434343;}
input.textfield { width: 200px; padding: 3px; border: 1px solid #222; }
input.textfield.small { width: 130px; }
input.submit, .button { /*padding: 6px 10px; text-decoration: none; font-weight: normal; */ background: #3f90c4; color: #ffffff;
background-repeat: repeat-x;
 background-image: -khtml-gradient(linear, left top, left bottom, from(#3f90c4), to(#206694));
  background-image: -moz-linear-gradient(top, #3f90c4, #206694);
  background-image: -ms-linear-gradient(top, #3f90c4, #206694);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f90c4), color-stop(100%, #206694));
  background-image: -webkit-linear-gradient(top, #3f90c4, #206694);
  background-image: -o-linear-gradient(top, #3f90c4, #206694);
  background-image: linear-gradient(top, #3f90c4, #206694);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f90c4', endColorstr='#206694', GradientType=0);
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.25)!important;
padding: 8px 15px!important;
 border: 1px solid #206694;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 0.4s linear all;
-moz-transition: 0.4s linear all;
-ms-transition: 0.4s linear all;
-o-transition: 0.4s linear all;
transition: 0.4s linear all;
}

.finished:after { content: "  \00bb"}

input.submit:hover, .button:hover { background: #206694; color: #fff;  border: 1px solid #206694!important;
background-image: -khtml-gradient(linear, left top, left bottom, from(#3f90c4), to(#114e76));

  background-image: -moz-linear-gradient(top, #3f90c4, #114e76);
  background-image: -ms-linear-gradient(top, #3f90c4, #114e76);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f90c4), color-stop(100%, #114e76));
  background-image: -webkit-linear-gradient(top, #3f90c4, #114e76);
  background-image: -o-linear-gradient(top, #3f90c4, #114e76);
  background-image: linear-gradient(top, #3f90c4, #114e76);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f90c4', endColorstr='#114e76', GradientType=0); }

input.submit:active, .button:active, .function-button:active {-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);border:1px solid #1a5e8b!important;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;}

/*57a957
285428*/
.function-button { /*padding: 6px 10px; text-decoration: none; font-weight: normal; */ background: #57a957; color: #ffffff;
background-repeat: repeat-x;
 background-image: -khtml-gradient(linear, left top, left bottom, from(#57a957), to(#285428));
  background-image: -moz-linear-gradient(top, #57a957, #285428);
  background-image: -ms-linear-gradient(top, #57a957, #285428);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57a957), color-stop(100%, #285428));
  background-image: -webkit-linear-gradient(top, #57a957, #285428);
  background-image: -o-linear-gradient(top, #57a957, #285428);
  background-image: linear-gradient(top, #57a957, #285428);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57a957', endColorstr='#285428', GradientType=0);
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.25)!important;
padding: 8px 15px!important;
 border: 1px solid #285428;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 0.4s linear all;
-moz-transition: 0.4s linear all;
-ms-transition: 0.4s linear all;
-o-transition: 0.4s linear all;
transition: 0.4s linear all;
}
/* 1d381d */
.function-button:hover { background: #285428; color: #fff;  border: 1px solid #285428!important;
background-image: -khtml-gradient(linear, left top, left bottom, from(#57a957), to(#1d381d));

  background-image: -moz-linear-gradient(top, #57a957, #1d381d);
  background-image: -ms-linear-gradient(top, #57a957, #1d381d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57a957), color-stop(100%, #1d381d));
  background-image: -webkit-linear-gradient(top, #57a957, #1d381d);
  background-image: -o-linear-gradient(top, #57a957, #1d381d);
  background-image: linear-gradient(top, #57a957, #1d381d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57a957', endColorstr='#1d381d', GradientType=0); }

select { padding: 2px; }
select.select{position:relative;z-index:10;height:20px !important;line-height:20px; margin-top:-25px;width:80px !important;}
span.select{color:#000;position:absolute;bottom:0;float:left;left:0;height:20px;line-height:20px;text-indent:10px;border:1px solid #d9d9d9;padding-right:5px;cursor:default;z-index:1;margin-bottom:10px;width:80px;background:url(../images/bg_select.gif) 70px center no-repeat;}

label { display: block; font-weight: bold; font-size: 13px; padding-bottom: 2px; }
label.inline { display: none; }

button { width: auto; overflow: visible; }

img.mini { border:1px solid #868686; }
img.small { border:1px solid #868686; }
img.large { background-color: #eee; border: 1px solid #ccc; padding: 5px; }
/** img.large { background-color: #eee; border: 1px solid #ccc; padding: 5px; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; } */

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0 0 10px; font-family: 'OpenSansRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; }
h1 { font-size: 26px; }
h2 { font-size: 24px; border-bottom: 1px solid #cccccc; }
h3 { font:26px 'SansusWebissimoRegular', sans-serif;color:#000; }
h4 { font:22px 'MarketingScriptRegular', script; color:#5a8824; border-bottom:1px dashed #b2cd92; padding: 0 2px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

a, a:active, a:visited { color: #2a8dcc; outline: none; }
a:hover { color: #49b5ff; }
a:hover, a:active { outline: none; }
a:link { -webkit-tap-highlight-color: #c4f2ff; }
::-moz-selection{ background: #c4f2ff; color:#ffffff; text-shadow: none; }
::selection { background:#c4f2ff; color:#ffffff; text-shadow: none; }

noscript { background: #ffffff; color: #666666; display: block; height: 1200px; padding: 100px; width: 100%; }
noscript h5 { padding-top: 50px; }
noscript h5 a { color: #ffffff; }
noscript.yesscript { display: none; height: 0; width: 0; }


/** IE */
.ie6 legend, .ie7 legend { margin-left: -7px; }
.ie6 input { vertical-align: text-bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie7 img { -ms-interpolation-mode: bicubic; }


/* Font Kits */
@font-face {
    font-family: 'SansusWebissimoItalic';
    src: url('../fonts/sansus-webissimo-italic-webfont.eot');
    src: url('../fonts/sansus-webissimo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansus-webissimo-italic-webfont.woff') format('woff'),
         url('../fonts/sansus-webissimo-italic-webfont.ttf') format('truetype'),
         url('../fonts/sansus-webissimo-italic-webfont.svg#SansusWebissimoItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SansusWebissimoRegular';
    src: url('../fonts/sansus-webissimo-regular-webfont.eot');
    src: url('../fonts/sansus-webissimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansus-webissimo-regular-webfont.woff') format('woff'),
         url('../fonts/sansus-webissimo-regular-webfont.ttf') format('truetype'),
         url('../fonts/sansus-webissimo-regular-webfont.svg#SansusWebissimoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MarketingScriptRegular';
    src: url('../fonts/MarketingScript-webfont.eot');
    src: url('../fonts/MarketingScript-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MarketingScript-webfont.woff') format('woff'),
         url('../fonts/MarketingScript-webfont.ttf') format('truetype'),
         url('../fonts/MarketingScript-webfont.svg#MarketingScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** General */
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; text-align: center; }
.block { display: block; position: relative; }
.blue {color:#39c0f1;}
.green {color:#00b050;}
.red {color:red;}
.add-hide, .hideme {display:none;}
.showme {display:block!important;}
.roundbox { border:1px solid #efefef; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:10px; clear:both; margin-bottom:20px; }
span.required { color: #7fcd00; }
span.recommended { color: #cc6600; }
.row { clear: both; width: 100%; }
p.pulldown { clear: both; height: 0; margin: 0; padding: 0; }
.spinner { visibility:hidden; margin-left:2px; }


/** Form field error messages */
.invalid {background:url(../images/invalid.gif) right center no-repeat; padding-right:20px;}
small.invalid-txt {color:red;display:block;font-weight:bold;}
.invalid input, .edit-profile .invalid input:hover {border:2px solid red; background:#ffeeeb;}


/** Content overrides */
.content p { margin: 0 0 10px; }
.content em { font-style: italic; }
.content blockquote { padding: 5px 10px; margin: 10px; border-left: 5px solid #eee; color: #555555; font-style: italic; line-height: 20px; }
.content table { margin: 10px 0; }
.content th, .content td { padding: 5px 10px; }
.content th { background: #ECF5FE; }
.content table .odd { background: #fafafa; }


/** Structural */
.wrap { position: relative; width: 980px; margin: 0 auto;  }
#header { background: #0059b5 url(../images/headerbg.png) repeat-x; float: left; width: auto; min-width:100%; height: 57px; }
#header .wrap { height: 57px; }
#logo { width: 130px; height:57px; /*position: absolute;*/ float:left; z-index: 99; left:0; background:url(../images/lines.png) right top no-repeat; padding-right:20px; }
#logo a {width: 130px; height: 31px; text-indent: -999em; background: url(../images/punchey-logo.svg) no-repeat top left; display: block; margin-top:15px }

#main { width:auto; min-width: 100%; float: left; min-height: 700px; padding:0 0 00; clear: both; background: url(../images/main-bg.png) repeat-y top center; }
#content { /*margin: 20px 0;*/ }
.content-wrap {background: url(../images/main-bg.png) repeat-y top center;float:left; padding:30px 0;width:980px;}
.content { min-height: 200px; float: left; width: 760px; }
.content.small { width: 540px; }
#primary-sidebar { padding: 20px 0 0; width: 200px; float: left; min-height: 100%; margin: 0 20px 0 0; }
.sidebar-right { width: 195px; margin-left: 25px; float: right; }


/** Top navigation */
.top-nav { float: right; list-style: none; margin: 0; margin-top:20px; color: #4ed3f9;
font-family:arial, sans-serif; font-weight:normal;}
.top-nav li { float: left; padding: 0 0 0 8px; margin-left: 0; }
.top-nav li.first { background: none; padding-top:0; margin:0 0 0 0;}
.top-nav li span {display:block; float:left; padding-left:8px; color:#1983e6;}
.top-nav li a { font-size: 12px; color: #4ed3f9; text-decoration: none;  display:block; float:left;}
.top-nav li a:hover { text-decoration: none; color:#fff;  }
.top-nav li.messages, .top-nav li.cards {}
.top-nav li.messages a {  }
.top-nav li.cards a { }
.top-nav li.last, .top-nav li.user-drop {
	padding-right:8px;
}
.top-nav li.first:hover {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left:5px;}
.top-nav li:hover, .top-nav li.user-drop:hover {}
.top-nav li.user-drop:hover a {
}
.top-nav li.user-drop a  {
	color:#fff;
	font-weight:bold;
}
.top-nav li.user-drop a span.droparrow {
	background:url(../images/arrow-dwn-blue.png);
	background-repeat:no-repeat;
	background-position: left top;
	height:16px;
	width:17px;
	float:right;
	margin-left:5px;
}
.top-nav li.user-drop span {
	padding-left:0;
	}
.top-nav li.user-drop a:hover span.droparrow, .top-nav li.drop-active span.droparrow {
    background-position:right top!important;
}

.top-nav li.user-drop {position:relative; height:25px;}
.top-nav li.user-drop .acct-info {
    display:none;
	background:#ffffff;
	position:absolute;
	top:25px;
	right:0;
	width:188px;
	z-index:58;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #c4c4cc;
	border-top:0;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .1););

}
.top-nav li.user-drop .acct-info a { background:none; }
.top-nav li.user-drop .acct-info strong {  }
.top-nav li.user-drop img { margin:10px; border:1px solid #868686; height:40px; width:40px;}
.top-nav li.user-drop .user-links { clear:both; margin:0 10px 0 0; font:200 12px arial, sans-serif;}
.top-nav li.user-drop .acct-info a {color:#7b7b7b;}
.top-nav li.user-drop strong {
    color:#3f3f3f;
	font:bold 14px arial, sans-serif;
	font-size:14px;
	margin-top:13px;
	display:block;
}
.top-nav li.user-drop .user-links ul, .top-nav li.user-drop .user-links ul li {
	list-style-type:none;
	background:none;
	display:block;
	float:none;
	clear:both;
}
.top-nav li.user-drop .user-links ul { margin:0 10px 5px 0; float:left; width:95%; clear:both;}
.top-nav li.user-drop .user-links ul li { margin:4px 0; }
.top-nav li.user-drop .user-links ul li a {
    color:#7b7b7b;
	text-shadow:none;
	padding:5px;
	display:block;
	width:100%;
}
.top-nav li.user-drop .acct-info .user-links a:hover {
	background:#ebf5fa;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#2064ab;
}
.top-nav li.user-drop p.signout a:hover, .top-nav li.user-drop p.switch a:hover {
	color:#2064ab;
	}

.top-nav li.user-drop .acct-info hr {
	background:transparent url(../images/dashed.png) repeat-x;
	height:1px;
	margin:5px 10px;
    width: 168px;
	clear:both;
	border:none;
}
.top-nav li.user-drop p.signout a, .top-nav li.user-drop p.switch a {line-height:1;}
.top-nav li.user-drop p.signout {margin:10px 0 10px 15px;}
.top-nav li.user-drop p.switch {margin:10px 15px 10px 0px;}


/** Login form under top navigation */
#header .login-form { position: absolute; top: 6px; right: 70px; }
#header .login-form input { float: left; margin-left: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius:4px;padding:6px!important;border-color:#266da6;font:12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow: inset 0 1px 3px rgba(181, 213, 239, 0.1);-moz-box-shadow: inset 0 1px 3px rgba(181, 213, 239, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;background:#eaeaea;color:#666; text-shadow:none!important;
   }


 #header .login-form input:hover {background:#fff; /*border:1px solid #434343;*/}
 #header .login-form input:focus {background:#fff;color:#000;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9) -moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);opacity:1;outline:none;}
#header .login-form input.textfield { width: 130px; }
#header .login-form input.submit { border: none; background: #4b4b4b; color: #333; text-decoration: none; font-weight: bold; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 )!important; /* for IE */ background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede)); /* for webkit browsers */ background-image: -moz-linear-gradient(top,  #fff,  #dedede); /* for firefox 3.6+ */  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px #f0f0f0;padding:6px;position:absolute;left:299px;min-width: 64px;top:0;font:bold 12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;border-bottom:1px solid #777;}
#header .login-form input.submit:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#dedede'); /* for IE */ background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#cccccc)); /* for webkit browsers */ background-image: -moz-linear-gradient(top,  #f3f3f3  #dedede); /* for firefox 3.6+ */ border:none!important;border-bottom:1px solid #777!important; }
#header .login-form input.submit:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); border:none!important;border-bottom:1px solid #777!important;
  -webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all; }
/*#header .login-form input.submit:hover { background: #000000; color: #ffffff; }*/
#header .login-form label.remember { position:absolute; top:29px; left:0; font-size:11px; color:#fff;font-weight:normal; }
#header .login-form label.remember input { margin-top:5px;}
#header .login-form span {padding-left:5px;padding-top:2px; float:left;}
#header p.forgot {position:absolute; top:29px; left:155px;}
#header p.forgot a {color:#fff; text-decoration:none;font-size:11px;}


/** Header tabs */
#top-tab-nav { float: right; list-style: none; padding: 0; margin: 0; position: absolute; bottom: 0; right: 0; }
#top-tab-nav li { float: left; margin-left: 5px; }
#top-tab-nav a { font-size: 13px; padding: 8px; color: #ffffff; display: block; font-weight: bold; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#767676', endColorstr='#2d2d2d'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#767676), to(#2d2d2d)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #767676,  #2d2d2d); color: #ffffff; }
#top-tab-nav li.selected a, #top-tab-nav a:hover { color: #000000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #ffffff,  #ebebeb); }


/** Header search box */
#header .search-form {float:left; margin-left:15px; margin-top:13px; }
#header .search-form span {position:relative; }
#header .search-form input { float: left; border-top:0;padding:8px; border:0; }
#header .search-form input.textfield { background:#003470; width: 154px; color:#5294e2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; font:12px arial, sans-serif;}
#header .search-form input.textfield:active, #header .search-form input.textfield:focus {color:#70b2ff;background:#002b5d;outline-color:#1f8ed2!important; -webkit-box-shadow: 0px 0px 3px 2px rgba(31, 142, 210, .3);
box-shadow: 0px 0px 3px 2px rgba(31, 142, 210, .7);}
#header .search-form input.submit {background:transparent url(../images/search-blue.png) 0 6px no-repeat!important; width:16px; height:25px; padding:0!important; float:left; position:absolute; z-index:17; -webkit-transition:none; right:8px; margin-top:1px;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
#header .search-form input.submit:hover, #header .search-form input.submit:active, #header .search-form input.submit:focus { border:none!important; background:transparent url(../images/search-blue.png) -24px 6px no-repeat!important;}

#header p.phone {float:left; color:#4ed3f9; margin-left:15px; margin-top:18px;}
#header p.phone strong {color:#b3f358;}

/** Left side user/business info */
.user-info { position: relative; padding: 0 5px 0 60px; height: 50px; margin: 0 0 20px; }
.user-info strong { display: block; font: 12px 'OpenSansBold', sans-serif; padding: 6px 0 3px; overflow: hidden; }
.user-info .user-edit { font-size: 11px; }
.user-thumb { position: absolute; left: 0; top: 0; }
.business-info { text-align:left; margin:20px 0px 60px 0; }
img.business-thumb { margin-bottom:10px; }


/** Left navigation */
.side-nav { list-style: none; padding: 0; margin: 0 0 30px; display:block; border-bottom: 1px solid #c9c9c9; }
.side-nav li { border-top: 1px solid #c9c9c9; }
.side-nav li a { padding: 5px 5px 5px 10px; display: block; text-decoration: none; color: #000; }
.side-nav li a:hover { background: #efefef; }
.side-nav li ul {margin:0;}
.side-nav li ul li {list-style-type:none;}
.side-nav li ul li a {  padding-left:40px; display:block;}
.side-nav li.selected a, .side-nav li.selected ul li.selected a { font-weight: bold; background: #efefef;}
.side-nav li.selected ul li.selected a, .side-nav li.selected ul li a:hover {background:transparent url(../images/subselect.png) 25px center no-repeat; }
.side-nav li.selected ul li a {background:transparent; font-weight:normal;}
.side-nav span {color:#5bac17; float:right;}


/** Right widgets */
.widget { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fafafa; -webkit-box-shadow: 0px 1px 3px 1px #bebab0; -moz-box-shadow: 0px 1px 3px 1px #bebab0; box-shadow: 0px 1px 3px 1px #bebab0; margin: 0 0 25px; padding:2px; }
.widget.linked {overflow: none; }
.widget-heading { background: #eee; padding:5px 10px; margin: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.widget-heading h3 { font-weight: bold; margin:0; font: 16px 'SansusWebissimoRegular', sans-serif; color:#333; }
.widget-content { padding: 10px; }
.widget-content h4 { font-weight: bold; padding: 0 0 3px 0; margin: 0;}
.widget-content p { padding:5px 0; }

.help-box blockquote { margin: 5px auto 0; background: url(../images/help-box.png) no-repeat top left; padding: 8px 8px 10px 8px; width: 134px; height: 53px; display: block; }
.help-staff { position: relative; padding: 0 0 0 45px; }
.help-staff .thumb { position: absolute; top: 2px; left: 10px; }
.help-staff .thumb img { border: 1px solid #888888; }
.image-widget, .text-widget { margin: 0 0 20px; }
.text-widget h5 { margin: 0 0 3px; }
.need-help {text-align:center;}


/** Activity Stream **/
ul.activity-stream { margin-left:0; }
ul.activity-stream li { list-style-type:none; padding:15px 0; border-bottom:1px solid #ddd; clear:both; float:left; width:100%; }
ul.activity-stream li.oops { border-bottom:none; }
ul.activity-stream li .userpic { margin-right:15px; text-align:center; width:50px; }
ul.activity-stream li .userpic img { max-width:50px; }
ul.activity-stream li .activity-opt { float:right; text-align:right; font-size:12px; }
ul.activity-stream li .activity-opt .timestamp { font-style:oblique; color:#999; }
ul.activity-stream li .activity-opt a { text-decoration:none; }
ul.activity-stream li .other-users { padding-top:5px;float:left; }
ul.activity-stream li .other-users img {margin-right:2px;}
ul.activity-stream li.summary { background:#fafafa;}
ul.activity-stream li.summary table a { text-decoration:none; }
ul.activity-stream li.summary table { width:89%; margin-left:60px; margin-top:20px; margin-bottom:0;}
ul.activity-stream li.summary table th { background:transparent; font:11px 'OpenSansRegular', verdana, arial, sans-serif; color:#444444; font-weight:normal; text-transform:uppercase; text-align:left; border-bottom:1px solid #ccc!important; padding-left:0; padding-right:0;}
ul.activity-stream li.summary table td {padding-left:0; padding-right:0; border-bottom:1px solid #eeeeee;}
ul.activity-stream li.summary table td.summary-total {border-bottom:none!important;}
ul.activity-stream li.summary table th span.spent { background:url(../images/spent.png) left 4px no-repeat; padding-left:18px; margin-right:3px;}
ul.activity-stream li.summary table th span.earned { background:url(../images/activity-earned.png) left top no-repeat; padding-left:15px; margin-left:5px;}
ul.activity-stream li.summary table td:nth-child(even), ul.activity-stream li.summary table th:nth-child(even), ul.activity-stream li.summary table td.summary-total {text-align:right;}
ul.activity-stream li.summary table td.summary-total { margin-bottom: 5px; }
ul.activity-stream li.summary table td.summary-total span.total-split { border-bottom:1px solid #ccc; padding:6px 0 6px 20px; }
ul.activity-stream li.summary table td.summary-total strong { font-size: 15px; line-height:15px; }
ul.activity-stream li.summary table td.activity-punchins { padding-top:10px; }
ul.activity-stream li.summary table span.green { color:#147d06; font-weight:bold; padding-left:7px; }
.activity-more { margin-top:10px; margin-bottom:30px; background:url(../images/down-arrow.png) right 7px no-repeat; padding-right:11px;}

/** Footer */
#footer { /*overflow: hidden;*/ width:auto; min-width: 100%; padding: 25px 0; float: left; display: block; background: #4f4f4f; border-top: 10px solid #3f3f3f; }
#footer ul { cursor: default; list-style: none; padding: 0; margin: 10px 0 0; }
#footer li { float: left; margin-left: 10px; color: #888888; font-size: 12px; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { font-size: 11px; color: #cccccc; }
.footer-logo { display: block; width: 129px; height: 33px; background: url(../images/footer-logo.png) no-repeat; text-indent: -999em; }
#footer .app-download { clear: both; margin-top: 40px; margin-right: 20px; white-space:nowrap; }


/** PRETTY TABLES */
table.default-table { font-size:12px; clear:both; margin-top:0;}
table.default-table thead tr {background:transparent url(../images/completedbg.gif) left bottom repeat-x;text-shadow:0px -1px 0px rgba(000, 000, 000, 0.1),0px 1px 0px rgba(255, 255, 255, 1);}
table.default-table thead tr th { background:none;font-size:11px; vertical-align:middle; text-align:center;padding:5px 5px 10px 5px;}
table.default-table thead tr th span {background:url(../images/sort.png) right center no-repeat!important; color:#5a8824; text-transform:uppercase; display:block; float:left; padding-right:10px;}
table.default-table tbody tr.odd {background:#ffffff url(../images/td-btm.png) left bottom no-repeat;}
table.default-table tbody tr.even, table.default-table tbody tr:nth-child(odd) {background:#eff9fd url(../images/td-btm.png) left bottom no-repeat;}
table.default-table tbody tr:hover, table#default-table tbody tr.highlight {background:#f4fbfd url(../images/td-btm.png) left bottom no-repeat;}
table.default-table tbody tr td { text-align:left;  vertical-align:middle; padding: 12px 4px;}
table.default-table tbody tr td img.mini { height:30px; vertical-align:middle; background:#fff; }
table.default-table tbody tr td img.mini-slim { height:30px; vertical-align:middle; background:#eee; }


.tabletop {border:1px solid #c0d4df; border-top:0; border-bottom:0;float:left;}
img.table-img { clear:both; float:left;}
.table-area { float:left;padding: 10px 0; margin:0; text-shadow:0px -1px 0px rgba(000,000,000,0.1),0px 1px 0px rgba(255,255,255,1); }


/** Large table version overrides */
.default-table-area-lrg {width:760px;}
.default-table-area-lrg .tabletop {width:758px;}
.default-table-area-lrg table.default-table { width:750px!important;margin-left:4px;}


/** Small table version overrides */
.default-table-area {width:536px;}
.default-table-area .tabletop {width:533px;}
.default-table-area table.default-table { width:529px!important;margin-left:2px;}


/** Tabs */
ul.tabs {
	margin: 20px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #f3f3f3;
}
ul.tabs li a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 0 10px;
	border: 1px solid #ffffff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover { background: #eee; }
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #ffffff;
	border-bottom: 1px solid #ffffff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab-container {
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
}


/** Standard form */
fieldset.standard-form { padding: 5px 5px; margin: 10px 0 0 0; }
fieldset.standard-form td.actions { text-align: center; width: 100%; }


/** Other HTML5 Stuff: */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
@media all and (orientation:portrait) {
	#header {min-width:1024px;}
	#main { background:none; }
}
@media all and (orientation:landscape) {
}
@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }
  a, a:visited { color: #444444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #preview {display:none;}
}


/** Messaging */
.alert-message.error,
.alert-message.error:hover,
.alert-message.success,
.alert-message.success:hover,
.alert-message.info,
.alert-message.info:hover {
  color: #ffffff;
  text-decoration: none;
}
.alert-message.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.alert-message.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.alert-message.info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
:root .alert-message {
  border-radius: 0 \0;
}
.close {
  float: right;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  line-height: 13.5px;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=20);
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.close:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.alert-message {
  position: relative;
  padding: 7px 15px;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message .close {
  *margin-top: 3px;
  /* IE7 spacing */

}
.alert-message h5 {
  line-height: 18px;
}
.alert-message p {
  margin-bottom: 0;
}
.alert-message div {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 28px;
}
#content-top-messages-area {
    margin:0;
    padding:0;
}


/** Form field error messages */
ul.errorlist { list-style: none; display: inline; }
ul.errorlist li { color: #ff0000; font-weight: bold; }


/** Form buttons */
.form-buttons { clear: both; padding: 20px 0; }


/** Security Images */
input.button.near-security { margin: 25px 5px 0 0; }
.security-images div.logo-truste { padding-top: 10px; }
.security-images div.logo-bbb { padding-top: 14px; }
.security-images div.logo-digicert { padding-top: 15px; }


/** For flippers */
.counter-digit { margin-right:1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}

/** Main area widget box **/
.content-widget {background:#ffffff;padding:20px 40px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border-left:1px solid #e7e2d9; border-right:1px solid #e7e2d9;border-bottom:1px solid #d5d0c8;-webkit-box-shadow: 0px 1px 0px 0px #e7e2d9;-moz-box-shadow: 0px 1px 0px 0px #e7e2d9;box-shadow: 0px 1px 0px 0px #e7e2d9; margin-bottom: 25px; }


/** Reviews */
ul#id_reviews_area { list-style-type:none; margin: 0; padding: 0; }
ul#id_reviews_area li { border-bottom: 1px solid #dcdcdc; padding: 0 0 2px 0; margin: 0 0 20px 0; }
ul#id_reviews_area li.empty_set { border: none; }
ul#id_reviews_area li div { margin: 0; padding: 0; }

ul#id_reviews_area li div.review-profile { font-size: 11px; text-align: center; width: 60px; }

ul#id_reviews_area li div.review { width: 455px; }
ul#id_reviews_area li div.review p { margin:0; padding: 0 0 2px 0; }
ul#id_reviews_area li div.review p.review-time { color: #999999; font-style:italic; }
ul#id_reviews_area li div.review p.actions { color: #999999; text-align: right; }
ul#id_reviews_area li div.review div.feedback { padding-top: 10px; }
ul#id_reviews_area li div.review div.feedback p { margin:0; padding-bottom: 5px; line-height: 1.3em; }


/** Contact Area */
div#id_contact_area { padding:20px 10px 10px 10px; }
div#id_contact_area fieldset { border: 1px solid #999; padding: 5px;}
div#id_contact_area fieldset legend { padding: 0 5px 0 5px; }
div#id_contact_area p { padding:5px; }
div#id_contact_area p.balance { padding-top:10px; }


/** Reviews addition/editing */
#id_rating_star_boxes { cursor: pointer; list-style-type: none; clear: both; margin: 0; padding: 0; }
#id_rating_star_boxes li { float: left; display: inline; padding-right: 4px; }
#page-review-add #id_location { clear: both; }
#page-review-add div { padding-top: 10px; clear: both; }
#page-review-add table.stats { margin: 0 24px 30px 44px; width: 600px; }
#page-review-add table.stats td.date { width: 210px; }
#page-review-add table.stats td.spent { border-left: 1px solid #000000; padding-left: 50px; width: 160px; }
#page-review-add table.stats td.visit { border-left: 1px solid #000000; padding-left: 40px; width: 140px; }
#page-review-add table.stats td img { float: left; vertical-align: middle; }
#page-review-add table.stats td p { margin-left: 40px; }
#page-review-add table.stats td span.metric { font-size: 18px; font-weight: bold; }
.widget-content .review { text-align: left; }


/** Messaging */
#page-messaging-compose .messaging-meta { margin: 0 0 5px 0; padding: 0; }
#page-messaging-compose table { width: 100%; }
#page-messaging-compose table tbody tr td { vertical-align:bottom; }
#page-messaging-compose table tbody tr td.title { text-align: right; width: 60px; }
#page-messaging-compose input#id_subject { width: 90%; }
#page-messaging-compose textarea#id_message { width: 630px; }


/** Public Terms */
#page-terms h4, #page-privacy h4 { font:20px 'OpenSansRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; color:#000; border:none; padding: 5px 0 0 0; }
h4.place { margin: 10px 0 0 0; border: none; font:16px 'SansusWebissimoRegular', sans-serif; color: #000; }


/** Sales Terminal */
.swipe-status { font-size:x-large; font-weight:bold}
/* .form-disabled - used to make form appear disabled while the card swiper is working */
.form-disabled input { border: 0px; border-style: none; outline:none; }


/** Receipt */
#page-receipt .info-bubble {color:#745f10;font-style:oblique;float:right;padding:8px;border:1px solid #decf96;background-image: rgb(252,240,200); /* Old browsers */ background-image: -moz-linear-gradient(top, rgba(252,240,200,1) 0%, rgba(242,226,165,1) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,240,200,1)), color-stop(100%,rgba(242,226,165,1))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(252,240,200,1) 0%,rgba(242,226,165,1) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(252,240,200,1) 0%,rgba(242,226,165,1) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(252,240,200,1) 0%,rgba(242,226,165,1) 100%); /* IE10+ */ background-image: linear-gradient(top, rgba(252,240,200,1) 0%,rgba(242,226,165,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf0c8', endColorstr='#f2e2a5',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#page-receipt h4 { border-bottom:1px solid #ccc;margin-top:15px;padding-bottom:5px;line-height:2em;}
#page-receipt h5 {font:18px 'SansusWebissimoRegular', sans-serif;color:#333;padding:0 0 0 8px;border-bottom:1px solid #ccc;}
.transaction-summary {border-bottom:1px solid #ccc;padding-bottom:10px;float:left;width:100%;clear:both;font-size:12px;}
.transaction-summary img {float:left;}
.transaction-summary p.transaction-logo {text-align:center;margin:0;margin-right:10px;padding-bottom:0;}
#page-receipt img.business-thumb { margin-bottom:0; }
p.transaction-id {margin-top:2.5em;}
p.transaction-id a {text-decoration:none;}
.transaction-summary .transaction-amount {font-size:36px;color:#000;margin-top:1em;}
#page-receipt .business-name { font-weight: bold; }
#page-receipt .transactions {width:100%;}
#page-receipt .transaction-social {text-align:center;padding:25px 0;clear:both;}
#page-receipt .transaction-twocol {	float:left;padding-bottom: 20px; width:350px;}

.transaction-twocol ul.activity-stream li {border-bottom:1px solid #ccc;list-style-type:none;padding:15px 0 15px 8px;}


.transaction-twocol a.print-receipt {display:none;}
.transaction-twocol .business-info {display:block;float:left;margin:0 15px 0 0;padding:0;width:300px;}
.transaction-twocol .business-info p {display:none;}
.detail-list {font-size:12px;margin-bottom:25px;padding:20px 0;}
.detail-list.refund-area {padding-top: 100px;}
.detail-list ul {margin:0;padding:0;}
.detail-list ul li {border-bottom:1px solid #f0f0f0; line-height:1; list-style-type:none; margin-bottom:15px; padding-bottom:13px;}
.detail-list ul li img {margin-top:-6px;}
.detail-list ul li:last-of-type {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.detail-list .right {float:right; width:auto;}
.detail-list span {font-weight:normal;}
.detail-list .green {color:#6ab513;font-weight:bold;}
p.signature-line {margin-top:60px;}
p.signature {border-bottom:1px solid #000000; font-size:24px;padding-bottom:1px;text-align:left;}


#page-receipt .transaction-map {width:402px;}
#page-receipt .transaction-map img {border:1px solid #ccc;padding:8px;clear:both;}
#page-receipt .transaction-map-business img {margin-top:15px;}

#page-receipt .transaction-twocol .activity-stream {width:402px;float:left;}
#page-receipt li.activity-more {width:402px;text-align:center;background:url(../images/down-arrow.png) center bottom no-repeat; padding-bottom:8px;border-bottom:none;}
#page-receipt .activity-more { clear: both; text-align: right; }



/** Receipt Printing */
@media print {

    /** Punchey Custom Receipt */
    body {width:100%; color:#000;}
    #main {width:100%;}
    .wrap {width:100%;}
    .content-wrap {width:100%;}
    .content.small {width:100%;}


    /** Punchey Custom Receipt on Unknown */
    #page-receipt .transaction-twocol {	width:50%; }
    .purchase-summary, .purchase-details, .transaction-twocol .business-info { background: none; padding:0; margin: 0; width:100%;}
    .business-info strong {font-weight:bold;}

    .detail-list {width:100%;border:none;font-size:14px;margin-top:0px;}
    .detail-list.refund-area {padding-top: 100px;}
    .detail-list p {display:block!important;line-height:16px; text-align:center;}
    .detail-list ul {margin:0;padding:0;}
    .detail-list ul li {border-color:#000000;padding:9px 0;margin-bottom:0;}
    .detail-list ul li strong {font-weight:bold;}
    .detail-list ul li.transaction-date {border-top:1px solid #000000;}
    .detail-list ul li img {margin-top:-3px;}

    .receipt-footer {display:block!important;}
    .receipt-footer p {font-size:12px;padding-left:0;}

    p.signature-line {margin-top:100px;}
    p.signature {border-bottom:1px solid #000000; font-size:24px;padding-bottom:1px;text-align:left;}
    p.thanks {font-size:12px; text-transform:uppercase;margin-top:2px;padding-top:0;}


    /** Punchey Custom Receipt on TSP100 */
    body.printing-t #page-receipt .transaction-twocol {	width:100%; }

    body.printing-t .detail-list {font-size:34px;}
    body.printing-t .detail-list p {line-height:28px;}
    body.printing-t .detail-list ul {margin-top:30px;}
    body.printing-t .detail-list ul li {border-color:#444444;padding:5px 0;}
    body.printing-t .detail-list ul li span {font-weight: bold;}
    body.printing-t .detail-list #receipt-details-card-type {display:none!important;}
    body.printing-t .detail-list #receipt-details-card-type-name {display:block!important;}

    body.printing-t .receipt-footer p {font-size:20px;line-height:20px;}
    body.printing-t p.signature-line {margin-top:30px;}
    body.printing-t p.signature-line.no-sig {margin-top:140px;}
    body.printing-t p.signature {border-bottom:3px solid #000000;font-size:36px;padding-bottom:2px;text-align:left;line-height:22px;}
    body.printing-t p.signature.short-receipt {margin-top:200px;}
    body.printing-t p.thanks {font-size:20px;}


    /** Print Rules for Receipts */
    body.receipt-print #header, body.receipt-print #primary-sidebar, body.receipt-print .receipt .info-bubble, body.receipt-print h4, body.receipt-print .transaction-amount, body.receipt-print .transaction-id, body.receipt-print .transaction-social, body.receipt-print .activity-stream, body.receipt-print .transaction-map, body.receipt-print .print-receipt, body.receipt-print #footer, body.receipt-print .signature-name, body.receipt-print .transaction-purchases, body.receipt-print .transaction-activitystream, body.receipt-print .transaction-summary, a.freshwidget-theme {display:none!important;}

}