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

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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

/* reset.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 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#666658;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height: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;}
p {margin:0 0 1.5em;}
p img {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, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.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;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both; max-height:0px;}

/* forms.css */
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;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
/* -------
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
*/


/* typography  1em=16px at 100% font */
body {
  font-size: 16px;
  color:#363630;
  letter-spacing: 0.02em;
  background: #afa194 url(/images/bg.gif) repeat-x;
  margin: 0 auto 1em;
}

.template {
  display: none;
}

a {
  color: #49989C;
  text-decoration: none;
  cursor:pointer;
  cursor:hand;
  border:none;
  outline:none;
}
a:hover {
  color: #399;
  text-decoration: underline;
}
a:active {
  border:none;
  outline:none;
  color:#365655;
}

ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

h1.xlarge, h1.large, h1, h2, h3, h4, h5, h6, p.large, p, p.small, p.xsmall {
  display:block;
  font-style:normal;
  font-weight:normal;
  text-transform:none;
  line-height:1.5em;
  margin-bottom:0.56em;
  height:auto;
}

h1.xlarge, h1.large, h1, h2, h3, h4 {
  font-family: Helvetica, Arial, sans-serif;
  color:#807970;
}

h1.xlarge, h1.large  {
  color:#9B9895;
}

h4, h5, h6 {
  color:#363630;
  font-weight:bold;
}

h1.large {
  font-size: 2.75em;
  letter-spacing:-0.04em;
  line-height: 1.2em;
  font-family:georgia;
  color:#9B9895;
}
h1 {/*use this for headers of the perihpheral pages and help pages*/
  font-size: 2.5em;
  letter-spacing: -0.03em;
  line-height: 1.5em;
  margin-bottom:0.25em;
  font-family:georgia;
  color:#58B5B2;
}
h2 {
font-size:1.75em;
letter-spacing:-0.015em;
}
h3 {
font-size:1.5em;
letter-spacing:-0.01em;
}
h4 {
font-size:1.125em;
letter-spacing:0em;
}
h5 {
font-size:1em;
letter-spacing:0.015em;
}
h6 {
font-size:0.875em;
letter-spacing:0.02em;
}
p.large {
font-size:0.875em;
letter-spacing:0.025em;
}
p {
font-size:0.75em;
}
p.small {
font-size:0.687em;
letter-spacing:0.035em;
}
p.xsmall {
font-size:0.625em;
letter-spacing:0.035em;
}

.intro {
  color: #999;
}

/* print-only style - to be used for elements that will remain hidden until printed
------------------------------------------*/

.print-only {
  display:none;
}

#shutdown-notice {
  position:fixed;
  z-index: 99999;
  width:100%;
  height:50px;
  top:0;
  left:0;
  background-color:#F33;
  background:-webkit-gradient(linear, 50% 0, 50% 100%, from(#F66), to(#F33));
  background:-moz-linear-gradient(#F66, #F33);
  border-bottom:1px solid #999;
  text-align:center;
  font-size:0.8em;
  padding-top:5px;
  color:#fff;
}

#shutdown-notice strong {
  font-size:1.4em;
}

#shutdown-notice a {
  color: #600;
}

/** Header -----------------------------------------------------------------------------------------------------------------------------------------------**/
.container {
  width:1042px;
  background:transparent url(/images/header/header-bg-trans.png) scroll no-repeat 0 0;
}

.container.shutdown {
  margin-top:50px;
}

.container.two-col {
  width:680px;
  background:transparent url(/images/header/2col-header-bg-trans.png) scroll no-repeat top left;
}

#header {
  margin: 0 auto;
  padding: 1.2em 2.875em 0.9em;

}

#header-top {
  margin: 0 2em;
}

#logo {
  display: inline;
  float: left;
  width: 367px;
  height: 36px;
  background: url(/images/header/logo.png) no-repeat 0 0;
  text-indent: -1000em;
}

#cobrand-logo {
  display: inline;
  float: left;
}

#logo:hover {
  background-position: 0px -36px;
}
#user-nav {
  float: right;
  font-size: 75%;
  margin: 16px 0 0 0;
}

#user-nav a {
  display: inline;
}

/** Global Navigation **/

#global-nav {
  background: transparent url(/images/header/global-nav-bg-trans.png) no-repeat 0 0;
  margin: 1em auto 0;
  height: 36px;
}

#global-nav ul {
  margin: 0;
  list-style: none;
}

#secondary-nav li {
  position:relative;
}

#global-nav li {
  float: left;
  z-index:50;
}

#global-nav a {
  display: block;
}

/* The top-level options like My Accounts */
#global-nav ul li a.menu-header {
  height: 36px;
  background-image: url(/images/header/global-nav-trans.png);
  background-repeat: no-repeat;
  text-indent: -1000em;
  position: relative;
  z-index: 2;
}

#primary-nav {
  float: left;
}

#nav-dashboard a.menu-header {
  width: 40px;
  background-position: 0px 0px;
}
#nav-dashboard.current-tab a.menu-header {
  background-position: 0px -72px;
}
#nav-dashboard a.menu-header:hover, #nav-dashboard.current-tab a.menu-header:hover, #nav-dashboard a.menu-header.menu-on {
  background-position: 0px -36px;
}

#nav-accounts a.menu-header {
  width: 127px;
  background-position:-40px 0;
}
#nav-accounts.current-tab a.menu-header {
 background-position: -40px -72px;
}
#nav-accounts a.menu-header.menu-on,
#nav-accounts.current-tab a.menu-header.menu-on {
  background-position: -40px -36px;
}

#nav-goals a.menu-header {
  width: 73px;background-position: -167px 0px;
}
#nav-goals.current-tab a.menu-header {
  background-position: -167px -36px;
}
#nav-goals a.menu-header.menu-on,
#nav-goals.current-tab a.menu-header.menu-on {
  background-position: -167px -36px;
}

#nav-groups a.menu-header {
  width: 85px;
  background-position: -240px 0px;
}
#nav-groups.current-tab a.menu-header {
  background-position: -240px -72px;
}
#nav-groups a.menu-header.menu-on,
#nav-groups.current-tab a.menu-header.menu-on {
  background-position: -240px -36px;
}

#nav-admin a.menu-header {
  width: 80px;background-position: -384px 0px;
}
#nav-admin.current-tab a.menu-header {
 background-position: -384px -72px;
}
#nav-admin a.menu-header.menu-on,
#nav-admin.current-tab a.menu-header.menu-on {
  background-position: -384px -36px;
}

/*temporary "more" tab to hold goals and tips for now --------------------------------*/
#global-nav ul li#nav-more a.menu-header {
  width: 100px;
  background-image: url(/images/header/global-nav-more-trans.png);
}

#global-nav ul li#nav-more.current-tab a.menu-header {
  background-position: 0 -72px;
}

#global-nav ul li#nav-more a.menu-header:hover, #global-nav ul li#nav-more a.menu-header.menu-on {
  background-position: 0 -36px;
}

/*end of more tab styles ---------------------------*/

#secondary-nav {
  float: right;
}

#nav-help a.menu-header {
  width:59px;background-position: -464px 0px;
}
#nav-help.current-tab a.menu-header {
  background-position: -464px -72px;
}
#nav-help a.menu-header:hover, #nav-help.current-tab a.menu-header:hover, #nav-help a.menu-header.menu-on {
  background-position: -464px -36px;
}

#nav-inbox a.menu-header {
  width: 65px;background-position: -523px 0px;
}
#nav-inbox.current-tab a.menu-header {
  background-position: -523px -72px;
}
#nav-inbox.new a.menu-header {
  background-position: -523px -108px;
}
#nav-inbox a.menu-header:hover, #nav-inbox.current-tab a.menu-header:hover, #nav-inbox a.menu-header.menu-on {
  background-position: -523px -36px;
}

/*styles for when theres new messages in your inbox -------------------------------*/
#new-messages,
.current-tab:hover #new-messages {
  position:absolute;
  right: 0;
  font-weight:bold;
  color:#fff;
  margin:-7px 5px 0 0;
  padding:0 7px 5px;
  background:transparent url(/images/header/newmessages-globalnav-right-trans.png) no-repeat top right;
  text-indent:0;
  z-index:5;
}

#new-messages #message-count,
.current-tab:hover #new-messages #message-count {
 float:left;
 background:transparent url(/images/header/newmessages-globalnav-left-trans.png) no-repeat top left;
 padding:0 0 5px 7px;
}

#new-messages a,
#new-messages a:hover,
.current-tab:hover #new-messages a,
.current-tab:hover #new-messages a:hover {
  color:#fff;
  text-decoration:none;
}

.current-tab #new-messages {
  background:transparent url(/images/header/newmessages-on-globalnav-right-trans.png) no-repeat top right;
}

.current-tab #new-messages #message-count {
  background:transparent url(/images/header/newmessages-on-globalnav-left-trans.png) no-repeat top left;
}

.current-tab #new-messages a,
.current-tab #new-messages a:hover {
  color:#2D8080;
  text-decoration:none;
}

/*end of styles for new messages*/

#nav-profile a.menu-header {
  width: 96px;background-position: -588px 0px;
}
#nav-profile.current-tab a.menu-header {
  background-position: -588px -72px;
}
#nav-profile a.menu-header:hover, #nav-profile.current-tab a.menu-header:hover, #nav-profile a.menu-header.menu-on {
  background-position: -588px -36px;
}

/* Apple-style Searchbox ---------------------------------------------------------------*/
#nav-search {
  padding: 0 10px;
}
#searchform {
  background: transparent url(/images/header/global-nav-bg-trans.png) no-repeat middle right;
}
#searchform fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
#searchform label {
  color: #999;
  display: none;
}
#searchform input {
  width: 130px;
  color: #222;
}
/* only seen by Safari, since only it supports type "search" */
#searchform input[type="search"] {
  margin-top: 8px;
}
#searchform #submitquery {
  display: none;
}

/* Submenus */

#global-nav li ul {
  position: absolute;
  left: -999em;
}
#global-nav li ul.menu-on {
  left: auto;
}
#global-nav li ul li {
  float: none;
  padding-left: 0.5em;
}
#global-nav li ul li a {
  display: block;
  width: 12em;
  color: #999;
  padding: 0.3em 0.2em;
}
#global-nav li ul li a:hover {
  display: block;
  text-decoration: none;
  background: #5F9F9B;
  color: #fff;
}
#global-nav li ul li a:active {
  background: #426D6D;
  color: #D7EEEB;
}

/* pretty sub menus */

#global-nav li ul {
  margin-left: -13px;
  padding-left: 19px;
  background: transparent url(/images/header/menu-bg-left-trans.png) no-repeat left bottom;
  margin-top: 0px;
  z-index:3;
}
#global-nav .menu-top {
  width: 100%;
  height: 19px;
  margin-top: -14px;
  background: transparent url(/images/header/menu-bg-top-trans.png) no-repeat right bottom;
}
#global-nav .menu-content {
  font-size:0.74em;
  line-height: 1.1em;
  background: transparent url(/images/header/menu-bg-trans.png) no-repeat right bottom;
  padding: 0 2.5em 2.5em 0.8em;
}
#global-nav .menu-column {
  float: left;
  margin-top: 0.7em;
}
#global-nav .menu-column.last {
  margin-left: 0.7em;
}
#global-nav .menu-column.last li {
  width: auto;
}
#global-nav li.menu-head {
  font-size: 110%;
  color: #807970;
  letter-spacing: 0.03em;
  padding: 1.2em 0.2em 0.2em;
  font-weight: bold;
}

#global-nav li.menu-head > a {
  color: #807970;
}

#global-nav .menu-head:first-child {
  padding-top:0.5em;
}
#global-nav .menu-subhead {
  color: #999;
  font-style: italic;
  font-weight: bold;
  margin-top: 0.5em;
}
#global-nav .menu-subhead.first {
  margin-top: 0;
}
#nav-help:hover ul,
#nav-profile:hover ul,
#nav-inbox:hover ul {
  position:absolute;
  right:-13px;
}

/** other shared navs **/

#date-range-nav.date-range-detail {
  width:100%;
  white-space:nowrap;
}

#date-range-nav.date-range-detail li a {
  color:#948c8c;
  text-decoration:none;
}

#date-range-nav .dividers {
  width:33%;
  float:left;
}

/** Main body **/

#maincontent {
  padding:0 2.56em;
}

#left {
  float:left;
  position:relative;
}
#right {
  float:right;
  position:relative;
  width:640px;
}
#center {
  padding:0 20px;
  margin:0 auto;
}

#three-col-center {
  width:auto;
  padding-left:17%;
}

/*form styles --------------------------------------------------------------------------------------------------- */

fieldset {clear:both; border:none; padding:1.4em; margin:0;}
legend {padding: 0 0 1.286em; font-size:0.8em; font-weight:bold; color:#C3C2BE;}
fieldset fieldset legend {padding: 0; font-size: 0.75em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 0.3em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align:middle;}
label.field-title, button, input.submit, input.image {color:#6D645C; font-size:12px; font-style:normal; font-weight:bold;}
label.field-title span {color:#948c8c; font-weight:normal;font-style:italic;padding-left:10px;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {
  overflow: auto;
  height: 108px;
  width: 400px;
}
input[type=text], input[type=password], textarea, select {margin:0; font:0.9em; vertical-align: baseline; width:230px;}
input[type=text], input[type=password], textarea {border:1px solid #CCC; padding:2px;}
input[type=text].error,input[type=password].error {border:1px solid #F47878; color:#666; padding:2px;}

*[disabled] { color: #ccc; font-style: italic;}

.error-message {
  color:#F47878;
  font-size:0.687em;
  letter-spacing:0.035em;
  font-style:italic;
  margin-bottom:0;
  }

.fieldWithErrors input,
.fieldWithErrors select {
  border: 1px solid #F47878;
}

.field-subtext {
  font-size:0.687em;
  letter-spacing:0.035em;
  font-style:italic;
}

.two-col-centered h6,
#public-page .two-col-centered h6 {
  padding:0 15px;
  font-size:14px;
  margin-top:0;
  font-style:italic;
  color:#948C8C;
}

.two-col-centered h6.centered {
  text-align:center;
}

.two-col-centered .field,
.two-col-centered .header {
  margin-left:170px;
}

.two-col-centered .button {
  clear:both;
  padding-left:170px;
  margin-top:12px;
}

.fading-label .field {
  position:relative;
}

.fading-label .field label {
  color:#928B85;
  position:absolute;
  top:4px;
  left:4px;
  font-weight:normal;
}

.fading-label .field input {
  background-color:transparent;
}

.tab-background {
  background:transparent url(/images/homepage/tab-background-signup-trans.png) no-repeat scroll top left;
  padding:6px 0;
}


.two-col-centered-message {
  text-align:center;
  color:#999;
  clear:both;
  padding:20px 0 10px 0;
  margin:0;
}

.form-info {
  color:#999;
  padding:10px 20px;
}

/* fluid-width modules for maincontent - the max-width is 1600px -------------------------------------------------------------------------------------*/

.one-column {
  width:320px;
}
.two-column {
  width:640px;
}
.three-column {
 width:960px;
}

.close { /*this is the close icon found at the top right of a module to close it*/
  margin: -10px;
}

/*default white modules --------------------------------------------------------------------------------------------------------*/

.top {
  background:transparent url(/images/maincontent/modules/tl-trans.png) no-repeat scroll left top;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}
.top .right {
  background:transparent url(/images/maincontent/modules/tr-trans.png) no-repeat scroll right top;
  height:15px;
  margin-left:15px;
}
.middle {
  background:transparent url(/images/maincontent/modules/ml-trans.png) repeat-y scroll left center;
  clear:both;
  width:100%;
}
.middle .right {
  background:transparent url(/images/maincontent/modules/mr-trans.png) repeat-y scroll right center;
  margin-left:15px;
}
.middle .right .content {
  margin:0 5px 0 -10px;
  padding:0;
}
.bottom {
  background:transparent url(/images/maincontent/modules/bl-trans.png) no-repeat scroll left bottom;
  clear:both;
  padding:0;
  width:100%;
}
.bottom .right {
  background:transparent url(/images/maincontent/modules/br-trans.png) no-repeat scroll right bottom;
  height:15px;
  margin-left:15px;
}

/* added style to allow the grip to appear for movable modules -----*/

.movable .grip {
  background:transparent url(/images/maincontent/modules/grip-trans.png) no-repeat scroll left top;
  clear:both;
  margin:auto;
  height:15px;
  width:75px;
  cursor: move;
}

/*this is the for the footer -------------------------------------------------------------------*/

.transparent .top {
  background:transparent url(/images/maincontent/modules/tl-transparent-trans.png) no-repeat scroll left top;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}
.transparent .top .right {
  background:transparent url(/images/maincontent/modules/tr-transparent-trans.png) no-repeat scroll right top;
  height:15px;
  margin-left:15px;
}
.transparent .middle {
  background:transparent url(/images/maincontent/modules/ml-transparent-trans.png) repeat-y scroll left center;
  clear:both;
  width:100%;
}
.transparent .middle .right {
  background:transparent url(/images/maincontent/modules/mr-transparent-trans.png) repeat-y scroll right center;
  margin-left:15px;
}
.transparent .middle .right .content {
  margin:0 5px 0 -10px;
  padding:0 1px;
}
.transparent .bottom {
  background:transparent url(/images/maincontent/modules/bl-transparent-trans.png) no-repeat scroll left bottom;
  clear:both;
  padding:0;
  width:100%;
}
.transparent .bottom .right {
  background:transparent url(/images/maincontent/modules/br-transparent-trans.png) no-repeat scroll right bottom;
  height:15px;
  margin-left:15px;
}

/* edit dialog box styles ----------------------------------------------------------------------------*/

.edit-dialog {
  position:absolute;
  font-family:'lucida grande', helvetica, sans-serif;
}

.edit-dialog .top {
  background:transparent url(/images/maincontent/modules/tl-edit-dialog-trans.png) no-repeat scroll left top;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}

.edit-dialog .top .right {
  background:transparent url(/images/maincontent/modules/tr-edit-dialog-trans.png) no-repeat scroll right top;
  padding:15px 8px 0 0;
  min-height:25px;
  margin-left:28px;
  padding-bottom:10px;
  height:100%;
  max-width:650px;
  max-height:500px;
  clear:both;
}

.edit-dialog .bottom {
  background:transparent url(/images/maincontent/modules/bl-edit-dialog-trans.png) no-repeat scroll left bottom;
  clear:both;
  padding:0;
  width:100%;
}

.edit-dialog .bottom .right {
  background:transparent url(/images/maincontent/modules/br-edit-dialog-trans.png) no-repeat scroll right bottom;
  height:56px;
  padding-right:18px;
  margin-left:28px;
}


/*bottom-ralign edit-dialog styles -----------------------------------------------------------------------------*/

.bottom-ralign .top {
  background:transparent url(/images/maincontent/modules/tl-edit-dialog-bottom-ralign-trans.png) no-repeat scroll -15px 0;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}

.bottom-ralign .top .right {
  background:transparent url(/images/maincontent/modules/tr-edit-dialog-trans.png) no-repeat scroll right top;
  padding:20px 13px 0 5px;
  min-height:25px;
  margin-left:13px;
  padding-bottom:10px;
  height:100%;
  max-width:650px;
  max-height:500px;
  clear:both;
}

.bottom-ralign .bottom {
  background:transparent url(/images/maincontent/modules/bl-edit-dialog-trans.png) no-repeat scroll -15px 0;
  clear:both;
  padding:0;
  width:100%;
}

.bottom-ralign .bottom .right {
  background:transparent url(/images/maincontent/modules/br-edit-dialog-bottom-ralign-trans.png) no-repeat scroll right bottom;
  height:70px;
  padding-right:18px;
  margin-left:13px;
}

/* generic styles for the edit-dialog ------*/

.edit-dialog a.button {
  float:right;
  margin-top:13px;
}

.edit-dialog a.button span {
  min-width:80px;
  text-align:center;
}

/*edit-dialog with a right-aligned pointer ----------------------------------------------------*/
.edit-dialog.r-align .top {
  background:transparent url(/images/maincontent/modules/tl-edit-dialog-ralign-trans.png) no-repeat scroll left top;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}

.edit-dialog.r-align .top .right {
  background:transparent url(/images/maincontent/modules/tr-edit-dialog-ralign-trans.png) no-repeat scroll right top;
  min-height:30px;
  padding:15px 35px 0 5px;
  margin-left:15px;
  padding-bottom:10px;
  height:100%;
  max-width:950px;
  max-height:950px;
  clear:both;
}

.edit-dialog.r-align .bottom {
  background-position:-16px 0;
}

.edit-dialog.r-align .bottom .right {
  margin-right:15px;
  margin-left:12px;
}

/*edit dialog with a bottom left aligned pointer ---------------------------------------------------------------*/

.edit-dialog.left-b-align .top {
  background:transparent url(/images/maincontent/modules/tl-edit-dialog-left-balign-trans.png) no-repeat scroll left top;
}

.edit-dialog.left-b-align .top .right {
  padding-left:10px;
}

.edit-dialog.left-b-align .bottom {
  background:transparent url(/images/maincontent/modules/bl-edit-dialog-left-balign-trans.png) no-repeat scroll bottom left;
}

/*edit dialog top right aligned pointer -----------------------------------------------------------------------*/

.edit-dialog.top-r-align .top {
  background:transparent url(/images/maincontent/modules/tl-edit-box-right-align-trans.png) no-repeat scroll left 12px;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}

.edit-dialog.top-r-align .top .right {
  background:transparent url(/images/maincontent/modules/tr-edit-box-top-right-align-trans.png) no-repeat scroll top right;
  min-height:30px;
  padding:35px 22px 0 5px;
  margin-left:15px;
  padding-bottom:10px;
  height:100%;
  max-width:950px;
  max-height:950px;
  clear:both;
}

.edit-dialog.top-r-align .bottom {
  background-position:-14px 0;
}

.edit-dialog.top-r-align .bottom .right {
  margin-left:14px;
  margin-right:2px;
}

/*edit dialog inset styles ------------------------------------------------------------------------------------*/

  /*edit dialog inset tab styles -----------------------------------------------------------------------------*/

  a.edit-dialog-inset-tab {
    background:transparent;
    color:#6D645C;
    float:left;
    font-size:11px;
    height:29px;
    margin:0 0 -5px 0;
    padding:0 10px 0 0; /*sliding doors padding*/
    text-decoration:none;
  }

  a.edit-dialog-inset-tab span {
    background:transparent;
    display:block;
    line-height:12px;
    padding:6px 0 8px 10px;
  }


.edit-dialog a.edit-dialog-inset-tab.on {
    background:transparent url(/images/maincontent/buttons/edit-dialog-inset-tab-a.gif) no-repeat scroll right top;
    color: #000000;
  }

.edit-dialog a.edit-dialog-inset-tab.on span {
    background:transparent url(/images/maincontent/buttons/edit-dialog-inset-tab-span.gif) no-repeat scroll left top;
  }

.edit-dialog a.edit-dialog-inset-tab.first-child.on span {
    background:transparent url(/images/maincontent/buttons/edit-dialog-inset-tab-first-child-span.gif) no-repeat scroll left top;
  }

/*end of edit dialog inset tabs -----------------------------------------------*/

.edit-dialog .edit-dialog-inset {
  margin:0 10px 0 5px;
  clear:both;
}

.edit-dialog .edit-dialog-inset .top {
  background:transparent url(/images/maincontent/modules/tl-edit-dialog-inset.gif) no-repeat scroll left top;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}

.edit-dialog .edit-dialog-inset .top .right {
  background:transparent url(/images/maincontent/modules/tr-edit-dialog-inset.gif) no-repeat scroll right top;
  padding:8px 5px 5px 5px;
  min-height:10px;
  margin-left:5px;
  height:100%;
  clear:both;
}

.edit-dialog .edit-dialog-inset .bottom {
  background:transparent url(/images/maincontent/modules/bl-edit-dialog-inset.gif) no-repeat scroll left bottom;
  clear:both;
  padding:0;
  width:100%;
}

.edit-dialog .edit-dialog-inset .bottom .right {
  background:transparent url(/images/maincontent/modules/br-edit-dialog-inset.gif) no-repeat scroll right bottom;
  height:5px;
  min-height:5px;
  margin-left:5px;
  padding:0;
}

/*edit dialog generic form styles ---------------------------------------------------------------------*/

.edit-dialog strong {
  color:#363630;
}

.edit-dialog form.h-align {
  clear:both;
}

.edit-dialog label {
  margin-top:5px;
  display:inline-block;
  font-size:11px;
  line-height:13px;
  font-weight:bold;
  color:#6D645C;
}

.edit-dialog label.checkbox,
.edit-dialog label.radio {
  color:#6D645C;
  display:inline-block;
  width:90%;
  vertical-align:text-top;
  font-size:10.5px;
  font-weight:normal;
  line-height:13px;
  text-align:left;
  margin-top:2px;
}

.edit-dialog label.checkbox {
  margin-top: -1px;
}

.edit-dialog form.h-align label {
  text-align:right;
  display:block;
  float:left;
  padding-right:10px;
}

.edit-dialog form.h-align input {
  margin:0;
  padding:1px;
  vertical-align: baseline;
}

.edit-dialog input[type="checkbox"],
.edit-dialog input[type="radio"]{
  vertical-align:text-top;
  display:inline;
  width:13px;
  height:13px;
  margin-right:0;
}

/*this is the edit light-box view of any line-item-such as uploading an account for manual uploaders and for inline help*/

.edit-box .close {
  position:relative;
  top:-25px;
  right:-16px;
  margin:0;
  padding-right:0;
  padding-bottom:0;
}

.edit-box .help  {
  position:relative;
  margin:-4px 0 0 8px;
}

.edit-box input {
  margin:0 5px 14px 0;
}

.edit-box p,
.hover-box p {
  color:#6D645C;
}
.edit-box p  a,
.hover-box p  a {
  display:inline;
}
.edit-box .note,
.hover-box .note {
  color:#8a8682;
}

.edit-box .top,
.hover-box .top {
  background:transparent url(/images/maincontent/modules/tl-edit-dialog-trans.png) no-repeat scroll left top;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}

.edit-box .top .right,
.hover-box .top .right {
  background:transparent url(/images/maincontent/modules/tr-edit-dialog-trans.png) no-repeat scroll right top;
  padding:15px 15px 3px 5px;
  min-height:25px;
  margin-left:28px;
  height:100%;
  max-width:650px;
  max-height:500px;
  clear:both;
}

.edit-box .bottom,
.hover-box .bottom {
  background:transparent url(/images/maincontent/modules/bl-edit-box-trans.png) no-repeat scroll left bottom;
  clear:both;
  padding:0;
  width:100%;
}
.edit-box .bottom .right,
.hover-box .bottom .right {
  background:transparent url(/images/maincontent/modules/br-edit-box-trans.png) no-repeat scroll right bottom;
  height:14px;
  margin-left:28px;
}

/* added styles for new hover boxes ------------------*/

.edit-box, hover-box {
  font-family:lucida grande, helvetica, arial, sans-serif;
  font-size:16px;
}

.edit-box a.button,
.hover-box a.button {
  float:right;
  margin-top:13px;
}

.edit-box a.button span,
.hover-box a.button span {
  min-width:80px;
  text-align:center;
}

/*-----------------------------------*/
.edit-box.r-align .top,
.hover-box.r-align .top {
  background:transparent url(/images/maincontent/modules/tl-edit-dialog-ralign-trans.png) no-repeat scroll left top;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}
.edit-box.r-align .top .right,
.hover-box.r-align .top .right {
  background:transparent url(/images/maincontent/modules/tr-edit-dialog-ralign-trans.png) no-repeat scroll right top;
  min-height:30px;
  padding:22px 35px 0 8px;
  margin-left:17px;
  padding-bottom:10px;
  height:100%;
  max-width:950px;
  max-height:950px;
  clear:both;
}

.edit-box.r-align .bottom,
.hover-box.r-align .bottom {
  background:transparent url(/images/maincontent/modules/bl-edit-box-trans.png) no-repeat scroll -16px 0;
  clear:both;
  padding:0;
  width:100%;
}
.edit-box.r-align .bottom .right,
.hover-box.r-align .bottom .right {
  background:transparent url(/images/maincontent/modules/br-edit-box-trans.png) no-repeat scroll right bottom;
  height:14px;
  margin-right:15px;
  margin-left:12px;
}

.edit-box.top-l-align .top,
.hover-box.top-l-align .top {
  background:transparent url(/images/maincontent/modules/tl-edit-box-top-left-align-trans.png) no-repeat scroll -1px top;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}

.edit-box.top-l-align .top .right,
.hover-box.top-l-align .top .right {
  background:transparent url(/images/maincontent/modules/tr-edit-box-trans.png) no-repeat scroll right 12px;
  min-height:30px;
  padding:35px 22px 0 0;
  margin-left:45px;
  padding-bottom:10px;
  height:100%;
  max-width:950px;
  max-height:950px;
  clear:both;
}

/* you need to include this for top-left/ bottom-left aligned dialogues or else all content will be pushed 20px to the right*/
.edit-box.top-l-align .top .right .content,
.hover-box.top-l-align .top .right .content  {
  margin:0 0 0 -20px;
  padding:0;
}

.edit-box.top-l-align .bottom,
.hover-box.top-l-align .bottom {
  background:transparent url(/images/maincontent/modules/bl-edit-box-right-align-trans.png) no-repeat scroll left bottom;
  clear:both;
  padding:0;
  width:100%;
}

.edit-box.top-l-align .bottom .right,
.hover-box.top-l-align .bottom .right {
  background:transparent url(/images/maincontent/modules/br-edit-box-right-align-trans.png) no-repeat scroll right bottom;
  height:14px;
  margin-right:2px;
  margin-left:14px;
}

.edit-box.left-b-align .top,
.hover-box.left-b-align .top {
  background:transparent url(/images/maincontent/modules/tl-edit-box-right-align-trans.png) no-repeat scroll 15px top;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}

.edit-box.left-b-align .top .right,
.hover-box.left-b-align .top .right {
  background:transparent url(/images/maincontent/modules/tr-edit-box-trans.png) no-repeat scroll right top;
  padding:22px 20px 0 10px;
  min-height:30px;
  margin-left:30px;
  padding-bottom:10px;
  height:100%;
  max-width:950px;
  max-height:950px;
  clear:both;
}

.edit-box.left-b-align .top .right form,
.hover-box.left-b-align .top .right form {
  position: relative;
  z-index: 2;
}

.edit-box.left-b-align .bottom,
.hover-box.left-b-align .bottom {
  background:transparent url(/images/maincontent/modules/bl-edit-box-bottom-left-trans.png) no-repeat scroll left bottom;
  clear:both;
  padding:0;
  width:100%;
  position: relative;
  top: -30px;
  z-index: 1;
}

.edit-box.left-b-align .bottom .right,
.hover-box.left-b-align .bottom .right {
  background:transparent url(/images/maincontent/modules/br-edit-box-bottom-align-trans.png) no-repeat scroll right bottom;
  height:45px;
  margin-left:28px;
}

/* additional styles for hover-box dialogs */

.hover-box.dialog {
  z-index: 1001;
}

.hover-box.dialog {
  z-index: 1001;
}

.hover-box.dialog  .button {
  margin-top: 16px;
}

.hover-box.dialog  .top .right {
  padding-bottom: 40px;
}

/*notification modules, for when there's an error loging in, or something is going to be down in the site ----------------*/

.notification {
  padding:0 10px;
  background: transparent !important;
}

.notification .top {
  background:transparent url(/images/maincontent/modules/tl-notification-trans.png) no-repeat scroll top left;
  clear:both;
  padding:0;
  margin:0;
  width:100%;
}
.notification .top .right {
  background:transparent url(/images/maincontent/modules/tr-notification-trans.png) no-repeat scroll top right;
  padding: 10px 18px 0 0;
  min-height:36px;
  margin-left:36px;
  height:100%;
  max-width:950px;
  max-height:450px;
  clear:both;
}
.notification .bottom {
  background:transparent url(/images/maincontent/modules/bl-notification-trans.png) no-repeat scroll bottom left;
  clear:both;
  padding:0;
  width:100%;
}
.notification .bottom .right {
  background:transparent url(/images/maincontent/modules/br-notification-trans.png) no-repeat scroll bottom right;
  height:10px;
  margin-left:36px;
}
.notification .title {
  font-size:0.75em;
  font-weight:bold;
  color:#609E9A;
  margin-bottom:0;
  text-align:left;
}
.notification .message,
.notification p.message {
  color:#363630;
  font-size:11px;
  font-family:arial, helvetica, sans-serif;
  letter-spacing:0.035em;
  font-weight:normal;
  text-align:left;
  margin-bottom:0;
}

.notification.error .title {
  color:#F47878;
}
.notification.error .top {
  background:transparent url(/images/maincontent/modules/tl-error-trans.png) no-repeat scroll left top;
}
.notification.error .top .right {
  background:transparent url(/images/maincontent/modules/tr-error-trans.png) no-repeat scroll right top;
}
.notification.error .bottom {
  background:transparent url(/images/maincontent/modules/bl-error-trans.png) no-repeat scroll left bottom;
}
.notification.error .bottom .right {
  background:transparent url(/images/maincontent/modules/br-error-trans.png) no-repeat scroll right bottom;
}

.notification.success .title {
  color:#078F48;
}
.notification.success .top {
  background:transparent url(/images/maincontent/modules/tl-success-trans.png) no-repeat scroll left top;
}
.notification.success .top .right {
  background:transparent url(/images/maincontent/modules/tr-success-trans.png) no-repeat scroll right top;
  padding-left:5px;
}
.notification.success .bottom {
  background:transparent url(/images/maincontent/modules/bl-success-trans.png) no-repeat scroll left bottom;
  clear:both;
  padding:0;
  width:100%;
}
.notification.success .bottom .right {
  background:transparent url(/images/maincontent/modules/br-success-trans.png) no-repeat scroll right bottom;
  height:10px;
  margin-left:36px;
}

.notification.maintenance .title {
  color:#F7931E;
}
.notification.maintenance .top {
  background:transparent url(/images/maincontent/modules/tl-maintenance-trans.png) no-repeat scroll left top;
}
.notification.maintenance .top .right {
  background:transparent url(/images/maincontent/modules/tr-maintenance-trans.png) no-repeat scroll right top;
}
.notification.maintenance .bottom {
  background:transparent url(/images/maincontent/modules/bl-maintenance-trans.png) no-repeat scroll left bottom;
}
.notification.maintenance .bottom .right {
  background:transparent url(/images/maincontent/modules/br-maintenance-trans.png) no-repeat scroll right bottom;
}

/*this is where all the buttons and module label are contained within the top of every module */

.module-header {
margin:0 10px;
padding-bottom:9px;
}

.module-header h5 span,
.module-header h4 span {
font-weight:normal;
padding:0 5px;
}

.module-header h5 a,
.module-header h4 a,
.module-header h5 a:hover,
.module-header h4 a:hover {
  color:#35352F;
  text-decoration:none;
}

.module-header .half-left {
  float:left;
  width:48%;
}
.module-header .half-right {
  float:right;
  width:48%;
}

/*1-column module list styles ------------------------------------------------------------*/

.one-col-list.group,
.one-col-list.group ul li.on,
.one-col-list.group ul li.on.last-child,
.one-col-list.group ul li.on.first-child,
.one-col-list.group ul li.on:hover {
  background:transparent url(/images/maincontent/lists/1column-group-sprites-trans.png) no-repeat scroll 0 -1px;
  min-height:36px;
  margin:0;
  padding:0;
}

.one-col-list.group:hover {
  background-position:0 -36px;
}
.one-col-list.group:active {
  background-position:0 -72px;
}

.one-col-list.group.on,
.one-col-list li.on,
.one-col-list li.even.on,
.one-col-list li.on:hover,
.one-col-list.group ul li.on,
.one-col-list.group ul li.on.last-child,
.one-col-list.group ul li.on.first-child,
.one-col-list.group ul li.on:hover,
.one-col-list.group ul li.even.on {
  background:transparent url(/images/maincontent/lists/1column-group-sprites-trans.png) no-repeat scroll 0 -145px;
  width:327px;
  min-height:36px;
  margin:0;
  padding:0;
}

.one-col-list.group h6 {
  display:inline;
  line-height:36px;
  max-height:36px;
  margin:0;
  overflow:hidden;
  padding-left:10px;
}

.one-col-list.group h6 a {
  color:#332C25;
  text-decoration:none;
}

.one-col-list.group .view {
  display:inline-block;
  width:34px;
  height:34px;
  margin:0;
  padding:0;
}

.one-col-list.group ul {
  display:none;
  background:#fff;
  width:310px;
  margin:0;
  padding:0;
}

.one-col-list.group.open ul {
  display:block;
}

.one-col-list li,
.one-col-list.group li {
  background:#F4F6F1 url(/images/maincontent/lists/1column-group-sublist-bg-sprites-trans.gif) no-repeat scroll 0 -10px;
  font-size:0.75em;
  padding:0;
  margin:0;
}

.one-col-list.group li:hover {
  background:#F4F6F1 url(/images/maincontent/lists/1column-group-sublist-bg-sprites-trans.gif) no-repeat scroll left bottom;
}

.one-col-list li {
  background:#fff;
}

.one-col-list li.even {
  background:#fff url(/images/maincontent/lists/1column-list-sprites-trans.png) scroll no-repeat top left;
}
.one-col-list li:hover {
  background:transparent url(/images/maincontent/lists/1column-list-sprites-trans.png) scroll no-repeat top right;
}

.one-col-list li a,
.one-col-list li.on a,
.one-col-list.group li a,
.one-col-list.group li.on a {
  padding:9px 10px 0 20px;
  min-height:28px;
  margin:0;
  display:block;
}

.one-col-list li.on a,
.one-col-list.on h6 a,
.one-col-list.group li.on a,
.one-col-list.group.on h6 a {
  color:#fff;
  text-decoration:none;
}

.hover-box p a {
  color: #49989C !important;
}

.one-col-list li a:hover,
.one-col-list li.on a:hover,
.one-col-list.group li a:hover,
.one-col-list.group li.on a:hover {
  text-decoration:none;
}

h6 .list-totals,
.one-col-list.group li a .list-totals {
  font-weight:normal;
  font-size:inherit;
  color:#8C8C8C;
  display:inline;
}

.on h6 .list-totals,
.one-col-list.group li.on a .list-totals {
  color:#EDEEE7;
}

.one-col-list.header,
.one-col-list.footer {
  background:transparent url(/images/maincontent/lists/1column-header-footer-trans.png) no-repeat scroll top left;
  clear:both;
  height:36px;
}
.one-col-list.header {
  background-position:top left;
}
.one-col-list.footer {
  background-position: bottom left;
}

/*2-column module list styles ------------------------------------------------------------*/
.two-col-list.header,
.two-col-list.footer {
 background:transparent url(/images/maincontent/lists/2column-header-footer-trans.png) scroll no-repeat top left;
 clear:both;
 height:36px;
 margin:0;
 padding:0;
}

.two-col-list.header  {
  background-position:top left;
}

.two-col-list.footer  {
  background-position:bottom left;
}

.two-col-list li.even { /*this is what creates the zebra stripped lists*/
  background:transparent url(/images/maincontent/lists/2column-list-sprites-trans.png) scroll no-repeat top left;
  clear:both;
}

.two-col-list li:hover {
  background:transparent url(/images/maincontent/lists/2column-list-sprites-trans.png) scroll no-repeat top right;
  clear:both;
}


/*list extras - such as pagination ------------------------------------------------------*/

.pagination {
  text-align: center;
}

.pagination .left-arrow .prev_page,
.pagination .right-arrow .next_page {
  padding: 3px 5px;
  margin-left: -5px;
}


.footer ul,
.header ul {
  height:2em;
  padding:0 10px;
  margin:0 auto;
  text-align:center;
}
.footer ul {
  height:1em;}

.footer li,
.header li  {
  float:none;
  margin:2px;
  padding:5px 2px;
  font-size:0.687em;
  color:#999999;
  display:inline;
}

.footer .left-arrow,
.footer .right-arrow,
.header .left-arrow,
.header .right-arrow {
 padding:8px 5px;
}

.footer ul li:hover,
.header ul li:hover {
  color:#35352F;
}
.footer ul li:active ,
.footer  ul  li.on,
.header ul li:active,
.header  ul  li.on {
  font-weight:bold;
  color:#35352F;
}
.footer  ul  li.on,
.header ul  li.on{
  background:transparent;
}

/*Styling for all buttons ------------------------------------------------------------------------------------------------------------------------*/

a.button {
  background:transparent;
  color:#332C25;
  float:left;
  font-size:13px;
  font-family:'lucida grande', arial, helvetica, sans-serif;
  height:20px;
  min-height:20px;
  margin-left:4px;
  margin-top:2px;
  padding:0 12px 0 0; /*sliding doors padding*/
  text-decoration:none;
}

a.button:hover {
  text-decoration:none;
}

.module-header a.button {
  float:right;
}

a.button span {
  background:transparent;
  display:block;
  line-height:12px;
  padding:4px 0 4px 12px;
}
a.button:active {
  color:#353530;
}
a.button.orange, a.button.orange:hover,
a.button.green, a.button.green:hover,
a.button.red, a.button.red:hover,
a.button.toggle-on, a.button.toggle-on:hover {
  color:#fff;
  font-weight:bold;
}

/*the grey and blue buttons are to be used as general settings buttons, such as "edit" or "add target" they will most likely live in the top right control panel of a module*/
a.button.gry {
  background:transparent url(/images/maincontent/buttons/button-gry-a-trans.png) no-repeat scroll top right;
}
a.button.gry span{
  background:transparent url(/images/maincontent/buttons/button-gry-span-trans.png) no-repeat top left;
}
a.button.gry:active {
  background:transparent url(/images/maincontent/buttons/button-gry-a-trans.png) no-repeat scroll bottom right;
}
a.button.gry span:active {
  background:transparent url(/images/maincontent/buttons/button-gry-span-trans.png) no-repeat bottom left;
}

a.button.blue {
  background:transparent url(/images/maincontent/buttons/button-blue-a-trans.png) no-repeat scroll top right;
}
a.button.blue span{
  background:transparent url(/images/maincontent/buttons/button-blue-span-trans.png) no-repeat top left;
}
a.button.blue:active {
  background:transparent url(/images/maincontent/buttons/button-blue-a-trans.png) no-repeat scroll bottom right;
}
a.button.blue span:active {
  background:transparent url(/images/maincontent/buttons/button-blue-span-trans.png) no-repeat bottom left;
}

/*the orange button is used as a call to action button for actions such as "add and account" or "create a discussion" */

a.button.orange {
  background:transparent url(/images/maincontent/buttons/button-orange-a-trans.png) no-repeat scroll top right;
}
a.button.orange span{
  background:transparent url(/images/maincontent/buttons/button-orange-span-trans.png) no-repeat top left;
}
a.button.orange:active {
  background:transparent url(/images/maincontent/buttons/button-orange-a-trans.png) no-repeat scroll bottom right;
}
a.button.orange span:active {
  background:transparent url(/images/maincontent/buttons/button-orange-span-trans.png) no-repeat bottom left;
}

/* the green button is used as a call to action for routine elements, such as "save" or sign-up" */

a.button.green {
  background:transparent url(/images/maincontent/buttons/button-green-a-trans.png) no-repeat scroll top right;
}
a.button.green span{
  background:transparent url(/images/maincontent/buttons/button-green-span-trans.png) no-repeat top left;
}
a.button.green:active {
  background:transparent url(/images/maincontent/buttons/button-green-a-trans.png) no-repeat scroll bottom right;
}
a.button.green span:active {
  background:transparent url(/images/maincontent/buttons/button-green-span-trans.png) no-repeat bottom left;
}

/*the red button is only to be used for actions such as "delete my account" - we want the user to think about it before pressing the button */

a.button.red {
  background:transparent url(/images/maincontent/buttons/button-red-a-trans.png) no-repeat scroll top right;
}
a.button.red span {
  background:transparent url(/images/maincontent/buttons/button-red-span-trans.png) no-repeat top left;
}
a.button.red:active {
  background:transparent url(/images/maincontent/buttons/button-red-a-trans.png) no-repeat scroll bottom right;
}
a.button.red span:active {
  background:transparent url(/images/maincontent/buttons/button-red-span-trans.png) no-repeat bottom left;
}


/*delete item link------------------------------------------------------------------------------------------- */

a.delete.conf.button {
  background:transparent url(/images/maincontent/buttons/delete-icon-trans.png) no-repeat scroll top left;
  height:20px;
  padding-left:25px;
  font-size:10px;
  line-height:22px;
  float:left;
}

/*toggles ---------------------------------------------------------------------------------------------------*/

a.toggle-button {
  background:transparent;
  color:#676759;
  float:right;
  height:20px;
  margin:2px 1px 0 1px;
  padding:0 8px 0 0; /*sliding doors padding*/
  text-decoration:none;
}

a.toggle-button:active {
  color:#35352F;
}

a.toggle-button span {
  font-weight:bold;
  font-size:0.687em;
  background:transparent;
  display:block;
  line-height:12px;
  padding:4px 0 4px 8px;
}

a.toggle-button .number {
  background:transparent;
  font-weight:normal;
}

a.toggle-button.on {
  color:#fff;
}
a.toggle-button.on:active {
  color:#EDEEE7;
}

a.toggle-button.on {
  background:transparent url(/images/maincontent/buttons/button-toggle-on-a-trans.png) no-repeat scroll top right;
}
a.toggle-button.on span {
  background:transparent url(/images/maincontent/buttons/button-toggle-on-span-trans.png) no-repeat top left;
}
a.toggle-button.on:active {
  background:transparent url(/images/maincontent/buttons/button-toggle-on-a-trans.png) no-repeat scroll bottom right;
}
a.toggle-button.on span:active {
  background:transparent url(/images/maincontent/buttons/button-toggle-on-span-trans.png) no-repeat bottom left;
}

a.toggle-button {
  background:transparent url(/images/maincontent/buttons/button-toggle-off-a-trans.png) no-repeat scroll top right;
}
a.toggle-button span {
  background:transparent url(/images/maincontent/buttons/button-toggle-off-span-trans.png) no-repeat top left;
}
a.toggle-button:active {
  background:transparent url(/images/maincontent/buttons/button-toggle-off-a-trans.png) no-repeat scroll bottom right;
}
a.toggle-button span:active {
  background:transparent url(/images/maincontent/buttons/button-toggle-off-span-trans.png) no-repeat bottom left;
}


a.toggle {
  background: url(/images/maincontent/buttons/toggle-sprites-trans.png) no-repeat scroll 0 0;
  width:33px;
  height:19px;
  float:right;
  padding:0;
  margin:2px 1px 0px;
  display:block;
}
a.toggle.active {
  outline:none;
}

a.toggle.divider {
  background:transparent url(/images/maincontent/buttons/toggle-divider-trans.png) no-repeat scroll 0 0;
  width:2px;
  margin:2px 6px 0;
}

a.toggle.calendar.on {
  background-position: -35px 0;
}
a.toggle.calendar.on:active {
  background-position: -69px 0;
}
a.toggle.calendar {
  background-position: -103px 0;
}
a.toggle.calendar:active {
  background-position: -137px 0;
}

a.toggle.list.on {
  background-position: -35px -20px;
}
a.toggle.list.on:active {
  background-position: -69px -20px;
}
a.toggle.list {
  background-position: -103px -20px;
}
a.toggle.list:active {
  background-position: -137px -20px;
}

a.toggle.cloud.on {
  background-position: -35px -40px;
}
a.toggle.cloud.on:active {
  background-position: -69px -40px;
}
a.toggle.cloud {
  background-position: -103px -40px;
}
a.toggle.cloud:active {
  background-position: -137px -40px;
}

a.toggle.gauge.on {
  background-position: -35px -60px;
}
a.toggle.gauge.on:active {
  background-position: -69px -60px;
}
a.toggle.gauge {
  background-position: -103px -60px;
}
a.toggle.gauge:active {
  background-position: -137px -60px;
}

a.toggle.letter.on {
  background-position: -35px -80px;
}
a.toggle.letter.on:active {
  background-position: -69px -80px;
}
a.toggle.letter {
  background-position: -103px -80px;
}
a.toggle.letter:active {
  background-position: -137px -80px;
}

a.toggle.pie.on {
  background-position: -35px -100px;
}
a.toggle.pie.on:active {
  background-position: -69px -100px;
}
a.toggle.pie {
  background-position: -103px -100px;
}
a.toggle.pie:active {
  background-position: -137px -100px;
}

a.toggle.vbar.on {
  background-position: -35px -120px;
}
a.toggle.vbar.on:active {
  background-position: -69px -120px;
}
a.toggle.vbar {
  background-position: -103px -120px;
}
a.toggle.vbar:active {
  background-position: -137px -120px;
}

a.toggle.hbar.on {
  background-position: -35px -140px;
}
a.toggle.hbar.on:active {
  background-position: -69px -140px;
}
a.toggle.hbar {
  background-position: -103px -140px;
}
a.toggle.hbar:active {
  background-position: -137px -140px;
}

a.toggle.line.on {
  background-position: -35px -160px;
}
a.toggle.line.on:active {
  background-position: -69px -160px;
}
a.toggle.line {
  background-position: -103px -160px;
}
a.toggle.line:active {
  background-position: -137px -160px;
}
/*sliding doors tabs --------------------------------------------------------------------------------*/

a.tab {
  background:transparent;
  color:#676759;
  float:right;
  height:20px;
  margin:3px 1px 0 1px;
  padding:0 12px 0 0; /*sliding doors padding*/
  text-decoration:none;
}

a.tab > span {
  font-size:0.687em;
  background:transparent;
  display:block;
  line-height:12px;
  padding:5px 0 3px 12px;
}


a.tab {
  background:transparent url(/images/maincontent/buttons/tab-a-trans.png) no-repeat scroll top right;
}
a.tab span{
  background:transparent url(/images/maincontent/buttons/tab-span-trans.png) no-repeat scroll top left;
}

a.tab.on,
a.tab:active {
  background:transparent url(/images/maincontent/buttons/tab-on-a-trans.png) no-repeat scroll top right;
}

a.tab.on span,
a.tab span:active {
  background:transparent url(/images/maincontent/buttons/tab-on-span-trans.png) no-repeat scroll top left;
}


.edit-view.tab {
  float:left;
  margin-top:16px;
  padding-left:8px;
}

/*line item buttons ---------------------------------------------------------------------------------------------------*/

.view, .add, .remove, .close, .help, .edit, .select, .left-arrow, .right-arrow, .calendar {
  float:right;
  background:transparent url(/images/maincontent/buttons/line-item-buttons-sprites-trans.png?1244156602874) no-repeat scroll -2px 0;
  width:18px;
  height:18px;
  padding:8px;
}

.left-arrow {
  float:left;
}
.calendar {
  width:22px;
  height:18px;
  padding:8px 2px;
}

.on .view {
  background-position:-2px -104px;
}
.view:hover,
.on .view:hover {
  background-position:-2px -52px;
}
.view:active,
.on .view:active {
  background-position:-2px -78px;
}

.open .view {
  background-position:-28px 0;
}
.open-on .view {
  background-position:-28px -104px;
}
.open .view:hover,
.open-on .view:hover {
  background-position:-28px -52px;
}
.open .view:active,
.open-on .view:active {
  background-position:-28px -78px;
}

.add {
  background-position:-54px 0;
}
.add:hover,
.on .add:hover  {
  background-position:-54px -52px;
}
.add:active,
.on .add:active  {
  background-position:-54px -78px;
}
.on .add {
  background-position:-54px -104px;
}

.remove {
  background-position:-80px 0;
}
.remove:hover,
.on .remove:hover  {
  background-position:-80px -52px;
}
.remove:active,
.on .remove:active  {
  background-position:-80px -78px;
}
.on .remove {
  background-position:-80px -104px;
}

.close {
  background-position:-106px 0;
}
.close:hover,
.on .close:hover  {
  background-position:-106px -52px;
}
.close:active,
.on .close:active  {
  background-position:-106px -78px;
}
.on .close {
  background-position:-106px -104px;
}

.help {
  background-position:-132px 0;
}
.help:hover,
.on .help:hover  {
  background-position:-132px -52px;
}
.help:active,
.on .help:active  {
  background-position:-132px -78px;
}
.on .help {
  background-position:-132px -104px;
}

.edit  {
  background-position:-158px 0;
}

.edit:hover,
.on .edit:hover  {
  background-position:-158px -52px;
}

.edit.light:hover {
   background-position:-158px -182px;
}

.edit:active,
.on .edit:active  {
  background-position:-158px -78px;
}
.on .edit {
  background-position:-158px -104px;
}

.on .edit.light {
  background-position:-158px -130px;
}

.on .edit.light:hover,
.on .edit.light:active {
  background-position:-158px -156px;
}

.select {
  background-position:-184px 0;
}
.select:hover,
.on .select:hover  {
  background-position:-184px -52px;
}
.select:active,
.on .select:active  {
  background-position:-184px -78px;
}
.on .select {
  background-position:-184px -104px;
}

.left-arrow {
  background-position:-218px -2px;
}
.left-arrow:hover,
.on .left-arrow:hover  {
  background-position:-218px -54px;
}
.left-arrow:active,
.on .left-arrow:active  {
  background-position:-218px -80px;
}
.on .left-arrow {
  background-position:-218px -106px;
}

.right-arrow {
  background-position:-244px -2px;
}
.right-arrow:hover,
.on .right-arrow:hover  {
  background-position:-244px -54px;
}
.right-arrow:active,
.on .right-arrow:active  {
  background-position:-244px -80px;
}
.on .right-arrow  {
  background-position:-244px -106px;
}

.calendar {
  background-position:-270px -30px;
}
.calendar:hover,
.on .calendar:hover  {
  background-position:-270px -82px;
}
.calendar:active,
.on .calendar:active  {
  background-position:-270px -82px;
}
.on .calendar  {
  background-position:-270px -108px;
}

/*indentations for large bodies of text ------- such as the help pages/public info pages ---------------------------------*/

.indent0 {
 padding-top:2px;
 font-size:1.1em;
 font-family:georgia;
 clear:both;
}

.indent1 {
 padding-left:30px;
 padding-top:16px;
 font-size:1.1em;
 font-family:georgia;
 clear:both;
}

.indent1nfsc {
 padding-left:30px;
 padding-top:16px;
 font-family:georgia;
 clear:both;
}

.indent2 {
 padding-left:90px;
 clear:both;
}

.indent3 {
 padding-left:150px;
 clear:both;
}

.indent4 {
 padding-left:210px;
 font-size:0.95em;
 margin-top:16px;
 clear:both;
}

img.right {
  float:right;
  margin-left:1em;
  margin-bottom:.5em;
}

img.left {
  float:left;
  margin-right:1em;
  margin-bottom:.5em;
}

img.center {
/*  float:center; */ /* this is not valid css */
}

ol {
  list-style-type:decimal;
  margin:1.5em 4em;
  font-size:0.75em;
  color:#676759;
}

ol li {
  margin-bottom:1em;
}

pre {
  background:#F4F4F4;
  padding:2px 9px;
}

.quote {
  font-family:georgia, sans-serif;
  font-style:italic;
  text-align:right;
  color:#676759;
  clear:both;
  padding:10px 0;
  margin:0;
  position:relative;
}

.quote span {
  color:#999;
}

.quote img {
  position:absolute;
  top:25px;
  left:0;
  width:224px;
  height:80px;
}

.quote p {
  display:inline-block;
  text-align:center;
  margin:0;
  padding:0;
  width:300px;
}


.one-col-list.tour li,
.one-col-list.tour li:hover {
  padding:10px;
  text-align:center;

}

.one-col-list.tour li .sign-up {
  float:none;
  margin:0 auto;
}

.one-col-list.tour li.on h5 a {
  color:#fff;
  padding-right:17px;
}
.one-col-list.tour li.on #user-nav.sign-up {
   margin-right:27px;
}

/** Footer -------------------------------------------------------------------------------------------------------------------------------*/

#footer {
  clear:both;
  margin:1em auto;
  padding:0;
  font-size:0.75em;
  width: 960px;
}
#footer ul {
  margin-left:10px;
}

#footer ul li {
  float:left;
  display:block;
  text-decoration:none;
  margin-right:15px;
  color:#807970;
}

#footer a {
  color:#635A50;
}
#footer a:hover {
  color:#49989C;
  text-decoration:none;
}

#footer .copyright {
  text-align:right;
  margin-right:10px;
  color:#9F9993;
}

/** Modal mask **/
#modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  display: none;
  z-index: 1000;
  opacity: 0;
}

/***
----YUI Autocompete styles ---
***/

/* styles for entire widget */
.yui-ac { position:relative; }

/* styles for input field */
.yui-ac-input { width:100%; }


/* styles for results container */
.yui-ac-container { font-size: 0.8em;position:absolute; top:33px;width:100%; left:8px; z-index:9999;}

/* styles for header/body/footer wrapper within container */
.yui-ac-content { position:absolute;width:100%;border:1px solid #c3c2be;background:#fff;overflow:hidden;z-index:2.9; }

/* styles for container shadow */
.yui-ac-shadow { position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity: 0.10;opacity:.10;filter:alpha(opacity=10);z-index:2.8;}

/* styles for container iframe */
.yui-ac iframe { opacity:0;filter: alpha(opacity=0); padding-right:.3em; padding-bottom:.3em; /* Bug 2026798: extend iframe to shim the shadow */ }

/* styles for results list */
.yui-ac-content ul{ margin:0;padding:0;width:100%; }

/* styles for result item */
.yui-ac-content li { display:block;
text-align:left;font-size:1em;
color:#333;float:left;width:100%;margin:0;padding:0px 5px;cursor:default;white-space:nowrap;list-style:none; zoom:1; /* For IE to trigger mouse events on LI */ }

/* styles for prehighlighted result item */
.yui-ac-content li.yui-ac-prehighlight { background:#B3D4FF; }

/* styles for highlighted result item */
.yui-ac-content li.yui-ac-highlight { background:#d6edea;}

.yui-ac-tip { float:left;color: #807970; font-size: 10px; border-top: 1px solid #ecede6; margin-top: 5px; padding: 3px; width: 100%; }

/*  from http://dominiek.com/108-ajax-snippet-blank-out-a-div-with-a-spinner */
.spin_div {
  background: #fff url(/images/large-spinner.gif) no-repeat center center;
  opacity: 0.75;
  filter:alpha(opacity: 75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
}



.sign-in,
.sign-up,
.signed-in {
  position:relative;
	background:transparent url(/images/homepage/signin-signup-buttons-sprites-trans.png) no-repeat scroll 0 0;
  float: right;
	height:38px;
  font-size: 75%;
	text-indent:-1000em;
  margin:-2px;
}

.sign-in {
	width:92px;
}

.sign-in:hover {
	background-position: 0 -54px;
}

.sign-in.open {
	background-position: 0 -108px;
}

.sign-up {
	background-position:-100px 0;
	width:177px;

}
.sign-up:hover {
	background-position:-100px -54px;
}
.sign-up:active {
	background-position:-100px -108px;
}

.signed-in {
	background-position:-295px 0;
	width:117px;
	margin-right:7px;

}
.signed-in:hover {
	background-position:-295px -54px;
}
.signed-in:active {
	background-position:-295px -108px;
}

.login-message {
  padding:15px 10px 0;
  float:left;
  color:#948c8c;
}

/*general styles for all 2-col(630px-wide module) views such as signin/signup----------------------------------------------------*/

.container.two-col {
  width:680px;
  background:transparent url(/images/header/2col-header-bg-trans.png) scroll no-repeat top left;
}

.two-col #header {
	padding:1.2em 1.5em 0.9em;
}

.two-col #footer {
  width: 640px;
}

/*start of styling for all peripheral static pages such as help/about/privacy&security------------*/

#user-manual .group.open ul {
  display:block;
}

#user-manual .one-col-list.group ul li {
	background:#fff;
}

#user-manual .one-col-list.group ul li.even { /*this is what creates the zebra stripped lists*/
	background:#fff url(/images/maincontent/lists/1column-list-sprites-trans.png) scroll no-repeat top left;
}

#user-manual .one-col-list.group ul li:hover {
	background:transparent url(/images/maincontent/lists/1column-list-sprites-trans.png) scroll no-repeat top right;
}

#user-manual .one-col-list.group ul li.even.on,
#user-manual .one-col-list.group ul li.on {
	background:transparent url(/images/maincontent/lists/1column-group-sprites-trans.png) no-repeat scroll 0 -145px;
}


/*press reviews and homepage press reviews - the hope is that when the homepage reloads, new press-reviews will filter through from the news & revies page */

.review {
  float:left;
  width:43%;
  padding:72px 15px 0 15px;
  font-size:0.75em;
  font-family:georgia, sans-serif;
  font-style:italic;
  text-align:center;
  color:#635A50;
}

.review.quote {
  padding-right:200px;
  font-size:0.75em;
  font-family:georgia, sans-serif;
  font-style:italic;
  text-align:center;
  color:#635A50
}

.review span {
  color:#9F9993;
}

#press-quotes .review { /*styling for the press-reviews page*/
  float:none;
  position:relative;
  height:72px;
  width:auto;
  padding:5px 10px 0 250px;
  margin-bottom:2.5em;
  font-size:.8em;
}

.wallet-pop {
  background:transparent url(/images/homepage/logos/walletpop.png) no-repeat scroll top left;
}

.kim-komando {
  background:transparent url(/images/homepage/logos/kimkomando.png) no-repeat scroll top left;
}

#public-page .content {
  padding:10px 30px;
  max-width:560px;
}

#public-page .intro,
.groups .intro  {
  font-family:georgia, sans-serif;
  font-weight:normal;
  color:#999;
  padding-right:180px;
  margin-top:0;
}

#public-page p {
  color:#676759;
  margin-bottom:1.5em;
}

#public-page strong {
  color:#203E3D;
}

#public-page h3,
#public-page h4,
#public-page h5,
#public-page h6 {
  margin-top:18px;
}

#public-page h3 {
  font-family:georgia, sans-serif;
  font-style:italic;
  color:#FFCC66;
}

#public-page h4,
#public-page h5,
#public-page h6 {
  color:#363630;
}


#public-page .side-note {
  font-style:italic;
  font-weight:bold;
  color:#7F7F75;
}

#public-page ul {
  margin:1.5em 1.5em 1.5em 4em;
  font-size:0.75em;
  color:#676759;
}

#public-page ul li {
  margin-bottom:1em;
}


/*pjb added styles -------------------------------------------------------------------------*/
#public-page dl {
    margin: 2em auto 0 auto;
    padding: 0;
}

#public-page dt {
    width: 18em;
    float: left;
	font-size:0.6em;
    margin: 0 0 0 0;
    padding: .5em;
    border-top: 1px solid #C3C2BE;
    font-weight: bold;
}

#public-page dd {
    float: left;
	font-size:0.6em;
    width: 30em;
    margin: 0 0 0 0;
    padding: .5em;
    border-top: 1px solid #C3C2BE;
}

#public-page .tight {
  margin-bottom:.1em;
}

#public-page code {
  font-family:"Courier New",Courier,mono;
  font-size:0.95em;
  color:#666658;
}



/*freaking out styles as found on the help pages -------------------------------------------------------------------------*/

.content .freaking-out {
  background:transparent url(/images/help/freaking-out-trans.png) no-repeat scroll top left;
  padding-top:67px;
  text-align:right;
  font-style:italic;
  color:#999;
  margin:0;
}

.content .freaking-out:hover {
  text-decoration:none;
}

.content.on .freaking-out {
	color:#D6EDEA;
	padding-right:17px;
}

.content.on {
	background:transparent url(/images/maincontent/lists/1column-group-sprites-trans.png) no-repeat scroll 0 -144px;
	width:327px;
}

/* Iphone app deauth styles ------------------------------------------------------------------------------*/

#deauth-device {
  width:auto;
  border:1px solid #ECEDE6;
  padding:15px;
}


/** Error pages **/

.flat .middle .right .content.error {
  text-align: center;
  padding-bottom: 5px;
  color: #999;
}

.content.error .message {
  font-family: palatino, times, "Times New Roman";
  font-size: 120%;
}



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=e7eef3&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=b2c7d7&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f9f9f9&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=f0f0f0&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=b2c7d7&fcHover=0b5b98&iconColorHover=2694e8&bgColorActive=99c2ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorHighlight=fbf5d0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=444444&bgTextureOverlay=03_highlight_soft.png&bgImgOpacityOverlay=15&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=07_diagonals_small.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=0px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 0.75em; line-height: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #f9f9f9 url(/stylesheets/jquery-ui/images/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x; color: #362b36; }
.ui-widget-content a { color: #362b36; }
.ui-widget-header { border: 1px solid #b2c7d7; background: #e7eef3 url(/stylesheets/jquery-ui/images/ui-bg_highlight-soft_100_e7eef3_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #e6e6e6 url(/stylesheets/jquery-ui/images/ui-bg_glass_80_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #444444; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444444; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #b2c7d7; background: #f0f0f0 url(/stylesheets/jquery-ui/images/ui-bg_glass_100_f0f0f0_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #0b5b98; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #0b5b98; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #2694e8; background: #99c2ff url(/stylesheets/jquery-ui/images/ui-bg_glass_50_99c2ff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #000000; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #f9dd34; background: #fbf5d0 url(/stylesheets/jquery-ui/images/ui-bg_glass_55_fbf5d0_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/stylesheets/jquery-ui/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/stylesheets/jquery-ui/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/stylesheets/jquery-ui/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/stylesheets/jquery-ui/images/ui-icons_72a7cf_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/stylesheets/jquery-ui/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/stylesheets/jquery-ui/images/ui-icons_2694e8_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/stylesheets/jquery-ui/images/ui-icons_ffffff_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/stylesheets/jquery-ui/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/stylesheets/jquery-ui/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
.ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
.ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
.ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
.ui-corner-right {  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
.ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #444444 url(/stylesheets/jquery-ui/images/ui-bg_highlight-soft_15_444444_1x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: 4px 0 0 4px; padding: 0px; background: #aaaaaa url(/stylesheets/jquery-ui/images/ui-bg_diagonals-small_0_aaaaaa_40x40.png) 50% 50% repeat; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 4px; -webkit-border-radius: 4px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 10;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }