/******************** Begin Content\clientsrc\reset.css    ********************/
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.4;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/********************   End Content\clientsrc\reset.css    ********************/


/******************** Begin Content\clientsrc\forms.css    ********************/
/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label       { font-weight: bold; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
  box-shadow: 0 0 3px #53A8C8;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 160px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio],
.checkbox, .radio {
  position:relative; top:.25em;
}

.disabled {background: #ccc; color: #aaa}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.within-a-week, .error{background: #FBE3E4 !important; border-color: #DC143C !important;}
.within-a-month, .notice{background: #FFFFE0 !important; border-color: #FFD700 !important;}
.brand-new {background: #559933 !important; color:white !important; border-color: #1B4821 !important;}

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { color: #8a1f11; }
.notice     { color: #514721; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/********************   End Content\clientsrc\forms.css    ********************/


/******************** Begin Content\clientsrc\typography.css ********************/
/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; height: 100%; }
body {
  font-size: 75%;
  color: #222;
  background: url("../img/background.png") no-repeat center bottom #FFFFFF;
  background-attachment:fixed;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
body.printable { margin-top:20px;}


/* Headings
-------------------------------------------------------------- */

h1,h4,h5,h6 { font-weight: normal; color: #111; }
h2,h3 {font-family:'Francois One','Arial Narrow',Arial,sans-serif}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 24px; margin-bottom: 7px; color:#264B5D; }
h3 { font-size: 16px; margin-bottom: 7px; color:#53a8c8; }
body.printable h3{color:#000;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 .5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0;  }

ul          { list-style-type: disc; padding-left: 3.333em;}
.errorlist  { list-style-type: none; padding: .3em; margin: 1.5em 0 0; background: red; color: white; font-weight: bold;}
ol          { list-style-type: decimal; list-style-position:inside;}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 0; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/********************   End Content\clientsrc\typography.css ********************/


/******************** Begin Content\clientsrc\style.css    ********************/
/* GENERIC CLASSES ////////////////*/

.float-left {
    float:left
}
.float-right {
    float:right
}
.clear-left {
    clear:left
}
.clear-right {
    clear:right
}
.clear {
    clear:both
}
.site-wrap,
.subheader-content {
    width: 954px; /* slightly smaller than 960 to align w/ logo */
    margin: 0 auto;
    padding-left:5px;
    position:relative;
}

#content { position:relative; }

.add-margin {margin-bottom: 15px}


/* HEADER ////////////////*/
#current-user {
    position:absolute;
    color:#444;
    right:5px;
    top:41px;
}
#current-user-full-name {
    font-weight:bold;
}
#current-user img {
    position: absolute;
    top: -6px;
    left: -35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* COLUMNS ////////////////*/
.col-left {
    float:left;
    clear:both;
    margin-bottom: 30px;
}
.col-right {
    float:right;
}
.col33 {
    width: 33%;
}
.col66 {
    width: 64%;
}
.col50 {
    width: 48%;
}


/* FIELD/LABEL CONTAINERS ////////////////*/

.fixed-fields input.text {
    width:55%
}
.fixed-fields input.title {
    width:96%
}
.fixed-fields label {
    display: inline-block;
    width: 38%
}

input.text.error { background: #FBE3E4 !important; color: #8a1f11 !important; border-color: #FBC2C4 !important; }

/* CSS3 fun! */
.drop-shadow,
.batch-left-box,
.batch-right-box {
    -moz-box-shadow:0 1px 3px #AAA;
    -webkit-box-shadow:0 1px 3px #AAA;
    box-shadow: 0 1px 3px #AAA;
}
.text-shadow { text-shadow:0px 2px 4px #C7C7C7; }
.account-button { padding:0.3em 3em;margin:0.3em 0;  }
.account-form-group { padding-bottom:25px; }
.alt-row { background-color:#f8f8f8;  }

#site-message { 
    display:none;
    z-index:1011;
    position:absolute;
    left:50%;
    width:250px;
    margin-left:-125px;
    padding:10px;
    text-align:center; 
}

/* Login Page */
#account-login-form { width:270px; margin-bottom:20px; }

/* Account Info Page */
#account-info-fixed { position:absolute;top:0;right:0; }
#account-info-email { font-size:1.5em; }
#account-info-created-date { font-size:0.8em;text-align:right; }

#account-info-pw-container { display:none;padding-top:5px; }


/* Account Stats Page */
#account-stats-container{
    width:890px;
    
}
#account-stats-content{
    position:relative;
}
#account-stats-overdrawn-warning { display:none; }
#account-stats-type-dates, #account-stats-type-subids-container { margin:5px 10px 10px 10px; }
    #account-stats-type-dates button { padding:0.2em 0.6em;margin:0 0.3em; } 

#account-stats-type-container { border:1px solid #D3D3D3; }
    .account-stats-type { margin:5px 10px; }
        .account-stats-type-header { font-size:1.3em; position:relative; padding:5px; cursor:pointer; font-weight:bold; background-image: url(images/ui-bg_glass_13_182a5d_1x400.png); color: #fff}
            .account-stats-type-header .ui-icon { position:absolute; margin-top:2px; }
            .account-stats-type-header label { padding-left:20px; width:75%; display:inline-block; cursor:pointer; }
            .account-stats-type-count {float:right;margin-right:11%;}
            .account-stats-type-content, #purchase-history-content { border:1px solid #D3D3D3; }
            .account-stat-subtype { font-size:1.0em; padding: 5px 0 5px 25px }
            .account-stat-subtype:hover { background-color:#e6e6e6; }
            .account-stat-subtype label { width:75%; display:inline-block; font-weight:normal; }
            .account-stat-subtype span { padding-left:10px; }
            .account-stats-subtype-count {float:right;margin-right:13%;}

#usage-container{padding:10px; width:505px;}
#account-stats-credits-and-buckets{
    position:absolute;
    top:35px;
    right:0;
    width:330px;
}
#account-stats-credits-container { text-align:center; }
#account-stats-credits-content { border:1px solid #D3D3D3; }
#account-stats-credits-total { color:#264B5D; font-size:3em; font-family: 'Francois One', 'Arial Narrow', Arial , sans-serif;
}
.account-stats-credits-total-overdrawn, .status-error { color:#E00000 }
#account-stats-bucket-detail{margin-top:10px;}
#account-stats-bucket-detail div{margin-top:5px; padding:5px; border:solid 1px #ccc; background-color:#eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#account-stats-bucket-detail div span{
    font-family:"Francois One", "Arial Narrow", "Arial", sans-serif;
    font-size:15px;
    
}

#account-stats-credits-details { font-size:0.8em; text-align:left; padding-bottom:5px; display:none; }
    #account-stats-credits-details label { width:55%; display:inline-block; padding-left:10px; }
    #account-stats-credits-details div:hover { background-color:#e6e6e6;  }
    
#account-stats-info-container { padding:10px; }
    #account-stats-info-container div {margin-top: 5px; clear: both;} 
        #account-stats-info-container label { float:left;  }
        #account-stats-info-container span { display:block; margin-left: 50% }

.account-stats-purchase-box{
    text-align:center;
    margin-top:20px;
}
#account-stats-purchase-box h3{
}

#results{/*
    border: dashed 1px #ccc;*/
    overflow:hidden;
}
#results pre{
    margin: 10px;
}
#link-picker li{
    line-height:170%;
}
#link-picker form{position:relative;width:100%;}
#link-picker input{}
#link-picker .search{
    float:left;
    border:1px solid #333;
    font-family: "Courier New";
    left:0;
    width:90%;
}
#link-picker .submit{
    float:left;
    top:-2px;
    left:4px;
    position:relative;
}
pre{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.header-info{
    display: none;
}
.headers{
    background-color:#FCFAE8;
    border:1px dashed #F0E68C;
    border-top:1px solid #F0E68C;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;}
.headers-title{
    background-color:#F0E68C;
    color:#333;
    text-transform:uppercase;
    font-size:9px;
    font-weight:bold;
    padding: 2px 10px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
}
.headers pre{
    margin: 10px;
}
#tabs{
    /*background-color:#fff;*/
    font-size: 13px;
    margin-top:50px;
}
.uri{
    margin-bottom: 5px;
    }
.uri a{
    font-size:11px;
    overflow-x:auto;
}
form.edit{
    position:absolute;
    top:30px;
}
a{
    color: #00375A;
}
table {
    color:#666;
}
th {
    color:#333;
}
td.total {
    border-top: 1px solid black;
    font-weight:bold;
}
table .num {
    text-align:right;
}

/* From mktg site */
#header {
    background: #FFF;
    border-top: 24px solid #00375A;
    height: 70px;
    min-width: 960px;
    margin-bottom:30px;
}

#header a.logo {
    display: block;
    background: url(../img/cicero-logo.png) no-repeat 0 12px;
    padding: 12px 0 0;
    width: 200px;
    height: 65px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
}
#top-bar, #top-bar a{
    text-decoration: none;
    color: #FFF;
    font-size: 8pt;
    font-family: 'Arial Narrow', Arial, sans-serif;
    width:960px;
    margin: 0 auto;
}
#top-bar{
    position: relative;
    top:-20px;
}
#top-bar #session-info{
    position:absolute;
    right:26px;
    top:0;
}

/* FONTS */
.big-green-button,
.big-green-button:hover,
#purchase-container{
    font-family:'Arial Narrow', Arial, sans-serif;
    font-size:15px;
}

/* PURCHASING PAGE */
#purchase-container{
    width:450px;
}
#purchase-container p{
    width:400px;
    font-size:
}
#purchase-container td{
    font-size:10pt;
    padding-left: 10px;
    font-weight: bold;
    border-right: 1px solid #CCC;
}
#purchase-container tr td:last-child{
    border: none;
}
#purchase-container ul{
    padding-left: 2em;
}
#purchase-confirm-note{
    padding:10px;
    background:#FFFEAB;
    margin-bottom:20px;
    position:relative;
}
#purchase-confirm-note span{
    font-weight:bold;
}
#purchase-confirm-note #edit-button{
    position:absolute;
    right:10px;
    top:auto;
}
tr.shaded{
}
#payment-errors{
    color:red;
    font-weight:bold;
    margin-bottom:10px;
}
.payment-fields label,
#batch-step-2 label {
    display:inline-block;
    width:150px;
}
.payment-card-selector label {
    font-weight: normal;
    margin-left: 25px;
    display: block;
}
.payment-card-selector input{
    float: left;
    outline: none;
}
#purchase-checkout p{
    margin:0;
}
.purchase-form-col2{
    margin-top:10px;
    margin-left:153px;
}
#purchase-footnote{
    color:#666;
    font-size:10px;
    font-style:italic;
    margin-top:8px;
}
#purchase-footnote p{
    width:auto;
    margin-left:20px;
    margin-bottom:5px;
}
#purchase-footnote p:first-child{
    margin-left:0;
}
#purchase-footnote img{
    float:left;
    margin-top: 3px;
}
.payment-card-selector {
    margin-bottom:20px;
}
#payment-form input[type=number],
#payment-form input[type=text],
#payment-form textarea,
#payment-form select {
    margin: 0.25em 0;
    padding: 5px;
    border-radius: 5px;
}
#payment-form input::-webkit-outer-spin-button,
#payment-forminput::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin:0;
}
.select-box select {
    background:transparent;
    padding: 0;
    margin: 3px 0 0 0;
    height: 24px;
    border: none;
    outline: none;
    width: 360px;
}
.select-box select:focus {
    box-shadow: none;
    border: none;
}
.select-box {
    height: 32px;
    width: 340px;
    overflow: hidden;
    padding: 2px 3px 0;
    position: relative; top: 3px;
    border: 1px solid #BBB; border-radius: 6px;
    display: inline-block;
    background: url(../img/select-arrow.png) no-repeat 325px 10px;
    background-color: #fff;
}
#payment-form .select-box {
    height: 24px;
    width: 60px;
    background: url(../img/select-arrow.png) no-repeat 45px 7px;
}
#payment-form .select-box select {
    width: 80px;
    margin: 0;
}
.payment-fields label{
    font-weight:normal;
    font-size: 12px;
}
.payment-fields p {height: 34px;}
.payment-fields label.required{
    font-weight:bold;
}
#purchase-price-list tr{
    line-height:2em;
}
#purchase-price-list td,
#purchase-price-list th{
    line-height:2em;
    text-align:right;
}
#purchase-price-list tr td:last-child{
    width: 90px;
    text-align:center;
}
#purchase-price-list tr.odd{
    background-color:#eee;
}
.payment-processing{
    position:relative;
    top:4px;
    left:10px;
}
.purchase-history-item{
    border-bottom:1px solid #999;
    padding-bottom:15px;
    margin-bottom:15px;
}
.purchase-history-item,
.purchase-history-item table {
    color:#666;
}
body.printable .purchase-history-item,
body.printable .purchase-history-item table{
    margin-bottom:0px;
    color:black;
}
body.printable .purchase-history-item{margin-bottom:0px;}
.purchase-history-line{position:relative;width:100%;display:inline-block;min-height:16px;}
.purchase-history-line.light{color:#999;}
.purchase-history-line .strike{text-decoration:line-through;}
.purchase-history-line table{margin:10px 0 0;}
.purchase-history-line table tr td{vertical-align:top; padding:2px 0;}
.purchase-history-line table tr td:first-child{width:100px;}
.purchase-history-line table tr td:last-child{font-weight:bold;}
.purchase-history-line .light {font-weight:normal;}
.purchase-history-remarks{cursor:help; font-weight:bold;}
.purchase-history-amount{position:absolute; right:0; top:0; font-weight: bold; font-size: 11pt;}
#purchase-history-sidebar{position:absolute; top:15px; right:24px; width:440px;}
.purchase-history-print, .purchase-history-email{text-align:right;font-weight:bold;font-size:8pt;width:32px;color:#999;
    display: inline-block; padding-top:22px; margin-right:15px;}
.purchase-history-print {background:url(../img/print-icon.png) no-repeat top center transparent;}
.purchase-history-email {background:url(../img/email-icon.png) no-repeat top center transparent;}

#purchase-history-email-form {position:relative;background:#EEE;border-radius:9px;
    margin-top:16px;padding:15px;}
#purchase-history-email-form:before {content:"";position:absolute;bottom:100%;left:54px;
    width:0;height:0;border-left:13px solid transparent; border-right:13px solid transparent;
    border-bottom:13px solid #EEE;}
#purchase-history-email-form h4 {margin:0;font-size:16px;
    font-family:'Francois One','Arial Narrow',Arial,sans-serif;}
#purchase-history-email-form p {margin:10px 0 0;}
#purchase-history-email-form p input[type="text"] {border-radius: 5px;padding:4px 5px;width:280px;}
#purchase-history-email-form p input[type="submit"] {border:none;padding:5px 22px;margin-left:5px;}

.purchase-history-email-status {font-weight:bold;}
.purchase-history-email-pending {color:gray}
.purchase-history-email-success {color:green}
.purchase-history-email-failure {color:red}

#purchase-history-printable-container{border:1px solid #999;}
#purchase-history-printable-container .purchase-history-item{padding:15px;}
#purchase-history-printable-container .purchase-history-item:last-child{border:none;margin:0;}
#purchase-history-content{padding:15px 10px;}
#go-back {background:#CCC;clear:left;margin-top:5px;}
#go-back:hover {background:#AAA;}

/* TOP NAVIGATION */
.holder {
    width: 960px;
    height: 100%;
    margin: 0 auto;
}

ul.nav {
    font-family: 'Francois One', 'Arial Narrow', Arial, sans-serif;
    letter-spacing: 0pt;
    font-size: 16px;
    display: inline;
    float: right;
    margin: 25px 0 0;
}

ul.nav ul,
.subheader-content ul {
    padding: 0;
    margin: 0;
}

ul.nav li {
    float: left;
    display: block;
    height: 30px;
    margin-left: 35px;
}

ul.nav li a {
    color: #53A8C8;
    text-decoration: none;
}

ul.nav li:hover a,
ul.nav a.current{
    color: #264B5D;
}

/*BUTTONS*/
.big-green-button,
.big-green-button:hover,
.little-green-button,
.little-green-button:hover,
.little-blue-button,
.little-blue-button:hover{
    cursor:pointer;
    color:white;
    display:inline-block;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    -webkit-border-radius: 8px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    border-radius: 8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
}
.big-green-button,
.big-green-button:hover,
.little-green-button,
.little-green-button:hover { /* make separate gradient div */
        padding:0 15px;
    background: #67B142;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6AB542', endColorstr='#1B4821');
    background: -webkit-gradient(linear,left top,left bottom,from(#6AB542),to(#1B4821));
    background: -moz-linear-gradient(top,#6AB542,#1B4821);
}

.big-green-button,
.big-green-button:hover{
    font-size:16px;
    line-height:30px;
    font-weight:bold;
    padding: 2px 22px;
    position: relative;
    top: -2px;
}

.little-green-button,
.little-green-button:hover,
.little-blue-button,
.little-blue-button:hover{
    position:relative;
    top:-1px;
    font-size:11px;
    line-height:23px;
}   

.big-green-button:hover,
.little-green-button:hover{
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    background: #33692B;
}

.order-numbers span{
    font-weight: bold;
}

.box-header{
    background-color: #eef1f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eef1f2), to(#b6c7cf)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #eef1f2, #b6c7cf); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #eef1f2, #b6c7cf); /* FF3.6+ */
    background-image:      -o-linear-gradient(top, #eef1f2, #b6c7cf); /* Opera 11.10+ */
    background-image:         linear-gradient(to bottom, #eef1f2, #b6c7cf);
    color: #00375a;
    font-size:17px;
    padding:6px 10px;
    font-weight:bold;
    font-family:'Arial Narrow', Arial , sans-serif;
}

.popup-icon-holder,
.subheader {
    background: #fdf7e6;
}

.subheader {
    color: #a5a299;
    width:100%;
    height: 55px;
    margin-top: 45px;
    text-transform: uppercase;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.subheader #subheader-batch-other-buttons ul {
    float: right;
}

.subheader ul li {
    float: left;
    display: block;
    line-height: 55px;
    position: relative;
}

.subheader ul li em {
    display: none;
}

.subheader ul li.active em {
    display: block;
    overflow: hidden;
    border: 10px solid #FAE8B7;
    border-color: #FAE8B7 white;
    border-width: 10px 10px 0 10px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.subheader ul li a {
    padding: 0 20px;
    display: inherit;
    text-decoration: inherit;
    color: inherit;
    outline: none;
}

.subheader #subheader-batch-other-buttons ul li {
    background: #fbefce;
    color: #4d4d4d;
    margin-left: 8px;
}

.subheader ul li:hover,
.subheader ul li.active,
.subheader #subheader-batch-other-buttons ul li:hover {
    background: #fae8b7;
    color: #1a1a1a;
}
.popup-screen {
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.popup-box {
    position: fixed;
    z-index:1;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 630px;
    margin-left: -315px;
    height: 360px;
    margin-top: -180px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}
.popup-box .popup-icon-holder {
    position: relative;
    top:75px;
    height: 100px;
    margin: 0;
}
.popup-box h2,
.popup-box a,
.popup-box .popup-desc{
    position: absolute;
    left: 45px;
    right: 45px;
    outline: none;
}
.popup-box h2 {
    top: 10pt;
    font-size: 28pt;
}
.popup-box .popup-desc{
    top: 200px;
}
.popup-box h3 {
    text-transform: uppercase;
    color: #264B5D;
}
.popup-box a.big-green-button{
    top: 300px;
    right: auto;
}

.batch-content {
    margin-top: 50px;
}

.batch-content label {
    font-family: 'Francois One', 'Arial Narrow', Arial, sans-serif;
    font-size: 16px;
    color: #53a8c8;
    font-weight: normal;
}
.batch-content .checkbox-field {
    margin: 0;
}
.batch-content .checkbox-field label {
    font-size: 14px;
    font-family: 'Arial Narrow', Arial, sans-serif;
    color: inherit;
    font-weight: normal;
}
.batch-content h3 {
    margin:0;
}
.batch-content h4 {
    font-size: 12px;
    font-family: 'Arial Narrow', Arial, sans-serif;
    margin:0;
}
.batch-content hr {
    margin: 20px 0;
    border-top: 0;
}
.batch-content hr,
.batch-left-box h2 {
    border-bottom: 1px solid #ccc;
}
.batch-left-col {
    width: 660px;
    float: left;
}
.batch-left-box {
    padding: 15px 30px;
    margin-bottom: 25px;
}
.batch-left-box h2 {
    font-size: 36px;
    line-height: 1.667em;
    margin-bottom: 30px;
}
.batch-right-col {
    width: 275px;
    float: right;
}

/* rounded corners */
.batch-left-box,
.batch-right-box,
.info-box,
.big-blue-button,
.lil-blue-button {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.batch-left-box,
.batch-right-box {
    border: 1px #ccc solid;
}
.batch-right-box {
    margin-bottom: 14px;
    padding-bottom: 10px;
    background: #fff;
}

.box-content {
    font-size: 14px;
    padding:6px 10px;
}
.batch-right-box .box-content {
    font-family: 'Arial Narrow', Arial, sans-serif;
}
.box-content .big-var { 
    color: #00375a;
    font-size: 24px;
    font-family: 'Francois One', 'Arial Narrow', Arial, sans-serif;
    position: relative;
    top: 4px;
    margin: 0 4px;
}

/* BUTTONS */
.big-blue-button,
.lil-blue-button {
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
}
.big-blue-button {
    display: block;
}
.lil-blue-button,
.lil-blue-button:hover {
    display: inline-block;
    line-height: 23px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.big-blue-button-grad {
    padding: 5px;
}
.lil-blue-button-grad {
    padding: 0 15px;
}
.big-blue-button-grad,
.lil-blue-button-grad {
    background-color: #94c9dd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#94c9dd), to(#3f8099)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #94c9dd, #3f8099); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #94c9dd, #3f8099); /* FF3.6+ */
    background-image:      -o-linear-gradient(top, #94c9dd, #3f8099); /* Opera 11.10+ */
    background-image:         linear-gradient(to bottom, #94c9dd, #3f8099);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c9dd', endColorstr='#3f8099');
}
.big-blue-button h3 {
    color: #fff;
    font-size: 21px;
    margin: 0;
}
.big-blue-button h4 {
    color: #fff;
    font-size: 14px;
    font-family: 'Francois One', 'Arial Narrow', Arial, sans-serif;
    opacity: .8;
    margin: 0;
}
.batch-left-box {
    background: #f7f8f9;
}
.info-box {
    float: right;
    width: 180px;
    background: #fff;
    padding: 15px 20px;
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
}
.info-box h3 {
    font-family: inherit;
    color: #000;
    font-weight: bold;
    margin-bottom: 8px;
}
.info-box .smaller-text {
    font-size: 12px;
    margin: 0 0 .5em;
}
.batch-upload-form {
    float:left;
    width: 345px;
}
.batch-upload-form input {
    height: 30px;
    border-radius: 5px;
    text-indent: 10px;
    line-height: 1; /* IE fix */
}
.batch-upload-status,
.data-window {
    -moz-box-shadow:    inset 0 0 5px #ccc;
    -webkit-box-shadow: inset 0 0 5px #ccc;
    box-shadow:         inset 0 0 5px #ccc;
}
.data-window {
    margin-top: 10px;
    background: #fff;
    padding: 5px;
    height: 160px;
    overflow: auto; 
}
.batch-upload-status {
    background: #f2f2f2;
    height: 18px;
    width: 315px;
    margin: auto;
}
.full-width {
    width: 100%;
}
.file-upload {
    clear: both;
    width: 100%;
}
.file-upload-left {
    float:left;
    width:100%;
}
.file-upload-left div {
    margin-right:98px;
}
.file-upload-right {
    float:right;
    margin-left:-88px;
    width:88px;
}
.file-upload-right a{
    float: right;
    margin: .5em 0;
}
#batch-step-2 p label.checkbox-label {
    width: auto;
    margin: 0;
}
#batch-step-2 p {
    margin: 0 0 .5em;
}
.form-fields p label,
.form-fields hr {
    margin-left: -150px
}
.form-fields {
    margin-left: 150px;
}
.batch-left-box h2.smaller-h2 {
    font-size: 26px;
}
#batch-step-2 label {
    position: relative;
    top: 3px;
}
/*input[type=checkbox] {
    float: left;
}*/
.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}
.batch-left-box-content {
    margin: 0 30px;
}
.batch-left-box-container.light {
    background-color: #fdfefe;
}
input[name=key] {
    width:320px;
    border: 0; outline: none;
}
.reset-key {
    position: relative;
    bottom: -3px;
}