/* This file contains all css shared between authenticated Hudl pages (WebForms and Razor MVC pages) */
/* lyle.shearer 7/29/2011 - TODO after Combres integration, this should be broken out into multiple css files */
/******************************************************************************
    Site Defaults
*******************************************************************************/
body {
  font-family: Verdana, Tahoma, Arial, Sans-Serif;
  font-size: 11px;
  color: #6b6b6b;
  height: 100%; }

strong {
  font-weight: bold; }

tbody {
  color: rgba(19, 41, 63, 0.8); }

input {
  font-family: Verdana, Tahoma, Arial, Sans-Serif;
  font-size: 11px; }

img {
  border-style: none; }

hr {
  height: 1px;
  border-style: none;
  border-bottom: solid 1px #969696;
  margin: 2px 0px;
  padding: 0px; }

em {
  font-style: italic; }

select {
  font-family: Verdana, Tahoma, Arial, Sans-Serif; }

label.required,
input.required {
  background-color: #FFF6AD;
  color: #cc4444;
  font-weight: bold; }

acronym {
  border-bottom: 1px dotted; }

object {
  outline: none; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0; }

.landing_w {
  line-height: 1.3; }

/* lyle.shearer 7/29/2011 - TODO some of these look a little specific - might want to split them out */
a.subtle {
  text-decoration: none;
  color: inherit; }

a.subtle:hover {
  text-decoration: underline;
  background: transparent; }

a.cmd {
  text-decoration: none;
  color: inherit; }

a.cmd:visited {
  color: inherit; }

a.lighter {
  color: #33c1ff; }

a.lighter:hover {
  color: #FFF;
  background-color: #33c1ff; }

a.padme {
  padding: 2px 3px; }

.at300b:hover {
  background-color: transparent; }

h1.big {
  font-size: 36px; }

h1.center {
  text-align: center; }

h3 {
  font-size: 14px; }

h4 {
  font-size: 14px;
  font-weight: bold; }

h1.name,
.landinghead h1 {
  letter-spacing: -2px; }

.name_email h2 {
  letter-spacing: -1px;
  text-shadow: 0 1px 0 #fff; }

#non-editable-info .season,
#non-editable-info .name,
#non-editable-info .school {
  text-shadow: 0 1px 0 #fff; }

h1#thankyou {
  text-indent: -9999px;
  margin: 20px 0px;
  height: 53px;
  width: 222px;
  background: url("/images/tour/__thankyou.gif") no-repeat;
  display: block; }

a.c {
  color: #0099FF; }

a.c:hover {
  color: white; }

.i-b {
  display: inline-block; }

ul {
  list-style-type: none;
  list-style-image: none; }

ul.standard {
  margin: 15px 10px;
  font-size: 14px;
  line-height: 24px; }

ul.standard li {
  background: url("/images/orangeball.gif") no-repeat left center;
  padding-left: 18px; }

ul.standard.small {
  margin: 8px;
  font-size: 12px;
  line-height: 20px; }

ul.standard.small li {
  padding-left: 16px; }

/******************************************************************************
    Master Page Layout
*******************************************************************************/
#a_CenterDiv {
  margin: 0 auto 0 auto;
  position: relative;
  width: 995px;
  cursor: default;
  z-index: 1; }

body.fill-screen.completely {
  overflow: hidden;
  position: relative;
  z-index: 0; }

.fill-screen #a_CenterDiv {
  width: 98%;
  min-width: 995px; }

.fill-screen.completely #a_CenterDiv,
html.full-width #a_CenterDiv {
  width: 100%;
  min-width: 800px; }

.fill-screen.completely #a_CenterDiv {
  overflow: hidden;
  font-family: Helvetica, Arial, Sans-Serif; }

.fill-screen.completely #a_CenterDiv:after {
  content: normal; }

.fill-screen.completely #pageContent,
html.full-width #pageContent {
  width: 100%;
  margin-top: 0;
  display: block;
  float: none; }

.fill-screen.completely #wrappy {
  min-width: 800px; }

.fill-screen #footer {
  display: none; }

html.fill-screen,
html.fill-screen body,
html.fill-screen #wrappy {
  height: 100%;
  overflow: hidden; }

html.fill-screen #wrappy,
html.full-width #wrappy {
  min-width: 995px; }

html.no-page-scroll {
  overflow: hidden; }

table.stats {
  font-size: 10px;
  width: 100%;
  margin-bottom: 5px;
  empty-cells: show; }

table.stats th {
  font-size: 10px;
  background-color: #6b6b6b;
  color: #FFFFFF;
  text-align: center; }

table.stats td:first-child {
  text-align: left; }

table.stats td {
  text-align: center; }

img.splitter {
  float: left;
  margin-top: 2px;
  margin-right: 8px; }

#pageContent {
  width: 830px;
  float: left;
  margin: 5px 0 0 0;
  display: inline; }

.noad #pageContent {
  width: 995px; }

.videoPlayer {
  width: 600px;
  float: left;
  border-style: hidden; }

.library .videoPlayer {
  width: 60.8%;
  min-width: 600px; }

.library #pageContent {
  width: 100%; }

#ad {
  width: 160px;
  float: right;
  margin: 5px 0 0 0;
  display: inline; }

/* General Page Styles - Added by Andy for manage fundraising css */
.bgcolor {
  background-color: #e8e8e8; }

.gutter {
  padding: 15px 20px 20px 20px; }

div.landing_w {
  color: #969696;
  position: relative;
  min-height: 615px;
  margin-bottom: 40px; }

/* Landing Header ~*/
div.landinghead {
  text-shadow: 0 1px 0 #fff; }

div.landinghead h1 {
  position: relative;
  font-size: 35px;
  color: #333;
  letter-spacing: -2px; }

div.landing_w p {
  font-size: 14px;
  margin-bottom: 15px; }

/* Account alert banner */
.announce {
  line-height: 1.3;
  margin-bottom: 5px;
  padding: 20px;
  background: #f8f8f8 url("/images/announce-bg.png") repeat-x left top;
  border: 1px solid #d8d8d8;
  border-bottom: 1px solid #b4b4b4;
  position: relative; }

.announce img {
  display: inline;
  padding: 5px;
  background: #FFF;
  border: 1px solid #b4b4b4;
  float: left;
  margin: 0 22px 0 0; }

.announce strong {
  color: #333; }

.announce p {
  color: #6b6b6b;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 12px; }

.announce p:last-child {
  margin-bottom: 0; }

.announce h2 {
  color: #F60;
  letter-spacing: -1px;
  width: 90%;
  margin-bottom: 10px; }

.announce .closeAnnounce {
  text-indent: -9999px;
  cursor: pointer;
  height: 21px;
  width: 70px;
  float: right;
  display: inline;
  position: absolute;
  top: 10px;
  right: 10px;
  padding-right: 26px;
  line-height: 17px;
  color: #333;
  background: url("/images/close_notification2.png") no-repeat right top; }

.announce .closeAnnounce:hover {
  text-decoration: underline; }

.announce:hover .closeAnnounce {
  text-indent: 35px; }

.banner_notice {
  padding: 15px 15px 15px 25px;
  background: #f8f8f8 url("/images/announce-bg.png") repeat-x left top;
  border: 1px solid #d8d8d8;
  border-bottom: 1px solid #b4b4b4; }

.banner_notice .fl-l {
  width: 300px; }

.banner_notice .fl-l h3 {
  font-family: inherit;
  font-size: 14px; }

.banner_notice .fl-l > span {
  display: block;
  margin-top: 3px;
  line-height: 1; }

.billcta,
.billcta:visited,
.billcta:link {
  display: inline-block;
  padding: 3px 4px;
  border: 1px solid #06f;
  color: #fff;
  background: #0099ff url("/images/catsel.gif") repeat-x left top;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.76);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.76);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); }

.billcta:hover {
  background-position: left bottom; }

.banner_notice img {
  display: inline;
  padding: 5px;
  background: #FFF;
  border: 1px solid #b4b4b4;
  float: right;
  margin-left: 10px; }

.banner_notice strong {
  color: #333; }

.banner_notice p {
  color: #6b6b6b;
  margin: 2px 0;
  padding: 5px 0px;
  font-size: 12px; }

.banner_notice p.first {
  margin: 5px 0 10px 0; }

.banner_notice h2 {
  color: #F60; }

#hide-banner-btn {
  display: none;
  text-align: right; }

.athlete #countdown h3 {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  width: 300px; }

.athlete #countdown {
  margin-bottom: 10px; }

#countdown.storage {
  margin-bottom: 10px; }

#countdown.storage .progress_meter {
  margin-top: 13px; }

#countdown.storage h1 {
  letter-spacing: -2px;
  font-size: 24px;
  text-shadow: 0 1px 0 #fff; }

#countdown.storage p {
  color: #969696;
  text-shadow: 0 1px 0 #fff; }

#countdown.storage .fl-l {
  width: 290px; }

.progress_meter {
  float: right;
  width: 470px;
  margin: 0 0 0 15px; }

.progress_meter .bar_w {
  background: #d8d8d8;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin: 0 0 3px 0; }

.progress_meter .bar {
  background: #ec1427 url("/images/meter-bgs.png") repeat-x 0 -48px;
  border: 1px solid #ec1427;
  text-align: right;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.progress_meter .bar span {
  font-weight: bold;
  font-size: 10px;
  color: #FFF;
  padding: 2px 8px;
  display: inline-block; }

.progress_meter .text {
  text-align: right;
  color: #ec1427;
  font-weight: bold; }

.progress_meter span {
  color: #6b6b6b;
  font-weight: normal; }

.progress_meter .icon {
  width: 16px;
  height: 16px;
  background: transparent no-repeat center center scroll;
  margin-right: 6px;
  vertical-align: bottom; }

.progress_meter.low .icon {
  background-image: url("/images/warn16.png"); }

.progress_meter.storage .text {
  font-weight: normal; }

.progress_meter.storage .bar_w {
  background: black url("/images/soft-dark-grad.png") repeat-x scroll left bottom;
  border: 1px solid #000;
  padding: 2px; }

.progress_meter.storage .bar_w.highlight {
  border-color: #fff; }

.progress_meter.good .bar {
  background-position: 0 0;
  background-color: #46B446;
  border-color: #46B446; }

.progress_meter.low .bar {
  background-position: 0 -24px;
  background-color: #d8d01d;
  border-color: #d8d01d; }

.progress_meter.full .bar {
  /* defaults to red */ }

.progress_meter.good .text {
  color: #46B446; }

.progress_meter.low .bar span {
  color: #333; }

.progress_meter.low .text {
  color: #333; }

.progress_meter.dark .text {
  color: #ccc; }

.progress_meter.dark .text b {
  color: #fff; }

.manage-team .progress_meter {
  width: 240px;
  margin: 0; }

/* Play icons - moved here for profile pages */
span.playicon {
  text-indent: -9999px;
  font-size: 0px;
  line-height: 0px;
  height: 16px;
  width: 16px;
  position: absolute;
  background: url("/images/play.png");
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px; }

.iconSmall {
  padding: 0 0 0 18px;
  margin: 0 3px;
  text-decoration: underline;
  color: #FFFFFF;
  cursor: pointer;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 16px;
  font-size: 9px;
  vertical-align: middle; }

span.iconSmall {
  display: inline-block; }

.iconSmall.mono {
  /* monochromatic effect with full-color on hover */
  background-position: 0px -32px; }

.iconSmall.noText {
  width: 16px;
  padding-left: 0px; }

td.iconSmall:hover, li.iconSmall:hover, span.iconSmall:hover {
  background-position: 0px 0px; }

.iconSmall.emphasized {
  background-color: #c52;
  border-left: 3px solid #c52;
  border-right: 3px solid #c52; }

.add-icon {
  background-image: url("/images/add.png"); }

.remove-icon {
  background-image: url("/images/delete.png"); }

/* TODO is one of these not used anymore */
.filter-icon {
  background-image: url("/images/filter.png"); }

.filtericon {
  background: transparent url("/images/magnifier.png") no-repeat scroll 0 0;
  background-position: 0px -32px;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.reports-icon {
  background: transparent url("/images/chart_pie.png") no-repeat scroll 0 0;
  background-position: 0px 0px;
  height: 16px;
  cursor: pointer; }

.reports-icon.noText {
  width: 16px; }

.presentations-icon {
  background: transparent url("/images/pres16.png") no-repeat scroll 0 0;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.delete-icon {
  background: transparent url("/images/delete.png") no-repeat scroll 0 0;
  background-position: 0px -32px;
  height: 16px;
  cursor: pointer; }

.share-icon {
  background: transparent url("/images/share.png") no-repeat scroll 0 0;
  background-position: 0px -16px;
  height: 16px;
  cursor: pointer; }

/*
.exchange-icon
{
    background: transparent url("/images/film_exchnage.png") no-repeat scroll 0 0;
    background-position: 0px -16px;
    height: 16px;
    cursor: pointer;
}
*/
.unshare-icon {
  background: transparent url("/images/unshare.png") no-repeat scroll 0 0;
  background-position: 0px -16px;
  height: 16px;
  cursor: pointer; }

.download-icon {
  background: transparent url("/images/dl-sprite.png") no-repeat 1px 1px;
  height: 16px;
  cursor: pointer; }

.tools .download-icon.disabled,
.tools .download-icon.disabled:hover {
  background-position: 1px -100px; }

.tools .download-icon:hover {
  background-position: 1px 1px; }

/*
.undo-icon
{
    background: transparent url("/images/arrow_undo.png") no-repeat scroll 0 0;
    background-position: 0px -32px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
*/
.print-icon {
  background: transparent url("/images/printer.png") no-repeat scroll 0 0;
  background-position: 0px -32px;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.copy-icon {
  background: transparent url("/images/page_copy.png") no-repeat scroll 0 0;
  background-position: 0px -32px;
  /*width: 16px;*/
  height: 16px;
  cursor: pointer; }

.move-icon {
  background: transparent url("/images/folder_go.png") no-repeat scroll 0 0;
  background-position: 0px -32px;
  /*width: 16px;*/
  height: 16px;
  cursor: pointer; }

.done-icon {
  top: -5px;
  right: -5px;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 21px;
  height: 21px;
  position: relative;
  border: none;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  font: normal 8em/normal Arial, Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #232a31; }

.done-icon::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 15px;
  height: 3px;
  position: absolute;
  content: "";
  top: 9px;
  left: 3px;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: white;
  text-shadow: none;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.done-icon::after {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 15px;
  height: 3px;
  position: absolute;
  content: "";
  top: 9px;
  right: 3px;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: black;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: white;
  text-shadow: none;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg); }

.iconSmall.disabled {
  text-decoration: none;
  color: #6B6B6B;
  background-position: 0 -48px;
  cursor: default; }

.iconSmall.disabled:hover {
  background-position: 0 -48px; }

/* This is only for small rules that are not separate file-worthy */
.widget {
  background-color: #E8E8E8; }

/* Page structure - a bunch of core.css should probably be in here */
.main-l-col {
  width: 600px;
  float: left; }

.main-r-col {
  height: 651px;
  width: 225px;
  float: right; }

/* orange section headers */
div.header, div.toolHeader {
  line-height: 1;
  background: #ff6600 url("/images/navbg_small.gif") repeat-x;
  border: 1px solid #f60;
  border-bottom: 0 none;
  height: 18px; }

div.header span {
  padding: 2px 0 0 4px;
  color: #FFFFFF;
  font-weight: bold;
  float: left;
  text-shadow: none; }

.rightcolumn {
  height: 435px;
  width: 225px;
  float: right;
  display: inline;
  margin: 0 0 5px 0; }

.noad .rightcolumn {
  width: 390px; }

.library #pageHead {
  position: relative;
  z-index: 1000; }

.library .rightcolumn {
  width: 39.2%;
  margin: 0;
  float: right;
  height: 435px;
  min-width: 390px; }

body.library {
  background: #fff;
  -ms-overflow-style: scrollbar;
  height: initial !important; }

.bottomrow {
  float: left; }

.noad .bottomrow {
  width: 100%;
  margin: 5px 0 0 0; }

/* Modal Dialog */
.modalPopup .footer .throbber {
  width: 20px;
  height: 16px;
  background: transparent url("/images/inline_throbber.gif") no-repeat left center;
  display: inline-block; }

.modalDialogPanel {
  overflow: hidden;
  background-color: #ffffdd;
  border-width: 3px;
  border-style: solid;
  border-color: Gray;
  padding: 3px;
  width: 600px; }

.modalProgress {
  background: transparent url("/images/overlay_bg60.png") repeat; }

#dialogProgress {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px; }

/* lyle.shearer 1/19/2012 - is this only on the library page? */
.overlay {
  z-index: 100000; }

/* Loader */
.loading {
  color: #FFFFFF;
  font-weight: bold;
  background: transparent url("/images/overlay_bg80.png") repeat;
  padding: 7px;
  border-radius: 3px;
  -moz-border-radius: 3px; }

.loading p {
  padding-left: 20px;
  background: url("/images/dark-loading.gif") no-repeat left center;
  line-height: 18px; }

/* Errors, etc. */
div.error {
  background-color: #B43333;
  color: #FFFFFF;
  font-weight: bold; }

div.success {
  background-color: #0099ff;
  color: #FFFFFF;
  font-weight: bold; }

div.working {
  background-color: #FF6600;
  color: #FFFFFF;
  font-weight: bold; }

/* Input Elements */
input.radio, input.checkbox {
  width: auto;
  margin-right: 5px;
  border: none; }

input.checkbox {
  width: 14px;
  height: 15px;
  position: relative;
  top: -1px; }

select.bigselect {
  font-size: 2em;
  padding: 3px; }

/* Image uploading */
div.edit-image {
  background: transparent url("/images/overlay_bg60.png") repeat scroll 0 0;
  position: absolute;
  width: 100%;
  padding: 5px 0;
  text-align: right;
  top: 0;
  left: 0;
  cursor: pointer; }

div.edit-image span {
  cursor: pointer;
  text-decoration: underline;
  color: #fff;
  padding: 2px 20px 0 0;
  margin: 0 5px 0 0;
  background: url("/images/pencil.png") no-repeat scroll right top; }

/***********************/
li.enabled {
  cursor: pointer; }

li.enabled:hover {
  background-position: 0 -16px; }

li.disabled {
  cursor: default;
  background-position: 0 -32px; }

ul.menu {
  list-style-type: none;
  background-color: #FFFFFF; }

ul.menu li.item {
  display: block;
  font-size: 14px;
  width: 300px;
  float: none; }

ul.menu a,
ul.menu a:visited {
  font-size: 11px;
  white-space: nowrap;
  text-decoration: none;
  padding: 4px 2px;
  display: block;
  overflow: hidden;
  color: #0099ff; }

 /*-------------------------------------------------------------
                     Dialog Structure
-------------------------------------------------------------*/
#dialog_w {
  z-index: 33000; }

#dialog_w, #dialog_w .bg, #dialog_w .fg, #dialog_w .busy {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0; }

#dialog_w .bg {
  background: #000;
  z-index: -1; }

#dialog_w .fg {
  background: #000;
  z-index: 3; }

#dialog_w .busy {
  z-index: 3; }

#dialog_w .busy div {
  top: 45%;
  margin: 0 auto;
  position: relative;
  text-align: center; }

#dialog_w span.message {
  font-size: 2.5em;
  color: #fff;
  display: block;
  margin: 20px auto;
  max-width: 40%; }

#dialog_w .busy div div {
  width: 220px;
  padding: 12px 10px 10px 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.dialog {
  display: none;
  position: fixed;
  top: 10%;
  left: 50%;
  width: 640px;
  margin-left: -320px;
  /* always neg. margine half the width of dialog */
  background-color: #ffffff;
  border: 0;
  font-size: 14px;
  -webkit-border-radius: 10px 10px 8px 8px;
  -moz-border-radius: 10px 10px 8px 8px;
  border-radius: 0;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.dialog-header {
  height: 35px;
  padding: 5px 10px;
  border-top: 1px solid #737373;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
  background-color: #303030;
  background-image: -webkit-linear-gradient(_linear-positions-parser(top) #606060, #2d2d2d);
  background-image: linear-gradient(_linear-positions-parser(top)#606060, #2d2d2d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#2d2d2d',GradientType=0 ); }

.dialog-header h2 {
  margin: 9px 0 0 5px;
  font-size: 16px;
  color: #fff;
  text-shadow: 0 -1px 0 black;
  font-weight: bold;
  letter-spacing: normal; }

.dialog-body {
  /*overflow-y: auto;*/
  min-height: 100px;
  /*max-height: 400px;*/
  padding: 15px; }

.dialog-footer {
  min-height: 15px;
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.05);
  *zoom: 1; }
  .dialog-footer .cancel {
    font-size: 14px;
    padding: 1rem 1.5rem;
    display: inline-block; }

/*.dialog .footer p { font-size: 14px; text-align: right; margin: 0; }
.dialog .footer p span { font-size: 12px; margin: 0 5px; }
.dialog .footer .action { margin-left: 10px; }*/
.dialog ul, .dialog ol {
  margin-bottom: 1em;
  margin-left: 16px; }

.dialog li {
  font-size: 12px;
  color: #777;
  margin-bottom: 0.5em;
  line-height: 1.2;
  list-style-type: disc; }

.dialog div > h4 {
  margin-bottom: 3px; }

.dialog p {
  margin-bottom: 1em;
  font-size: 13px; }

.dialog .dialog-footer p {
  margin-bottom: 0; }

.dialog .close {
  background: url("/images/dlg_close.png") no-repeat;
  font-size: 0;
  height: 24px;
  line-height: 0;
  position: absolute;
  right: -8px;
  text-indent: -9999px;
  top: -10px;
  width: 24px; }

/*
 * fileuploader.css for the ajax file uploads
 *
 */
.qq-uploader {
  position: relative;
  width: 100%; }

.qq-upload-button {
  overflow: hidden;
  direction: ltr;
  display: block;
  /* or inline-block */
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  width: 170px;
  padding: 7px 10px;
  text-align: center;
  background: #0099ff url("/images/catsel.gif") repeat-x left top;
  border: 1px solid #09f;
  color: #fff;
  position: relative;
  cursor: pointer; }

.fields .qq-upload-button {
  width: 198px; }

.qq-upload-button-hover {
  top: -1px; }

.qq-upload-button-focus {
  top: 0px; }

.qq-upload-button input {
  position: absolute;
  right: 0;
  top: 0;
  font-family: Arial;
  font-size: 118px !important;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0; }

.qq-upload-drop-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 70px;
  z-index: 2;
  background: #FF9797;
  text-align: center; }

.qq-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px; }

.qq-upload-drop-area-active {
  background: #FF7171; }

.qq-upload-list {
  margin: 15px 0;
  padding: 0; }

.qq-upload-list li {
  margin: 0;
  padding: 0;
  line-height: 15px;
  font-size: 12px; }

#sendmsg.modalPopup .footer input {
  color: white;
  background: #009ce3; }
  #sendmsg.modalPopup .footer input:hover {
    color: white;
    background: #33afe8; }
  #sendmsg.modalPopup .footer input:active {
    color: white;
    background: #108fcb; }

#sendmsg.modalPopup .footer input[disabled] {
  color: #fafafa;
  background: #b4b4b4; }
  #sendmsg.modalPopup .footer input[disabled]:hover {
    color: #fafafa;
    background: #b4b4b4; }
  #sendmsg.modalPopup .footer input[disabled]:active {
    color: #fafafa;
    background: #b4b4b4; }

#sendmsg {
  width: 440px;
  font-size: 11px;
  font-family: Verdana, Tahoma, Arial, Sans-Serif;
  color: #6b6b6b; }

#sendmsg table {
  margin: 0; }

#message-layout th {
  vertical-align: top;
  text-align: right;
  padding: 13px 10px 10px 0; }

#message-layout th.middle {
  vertical-align: middle;
  padding: 0 10px 0 0; }

#message-layout td {
  padding: 10px 0; }

#message-layout #userGroupChooser td {
  padding: 0; }

#message-layout textarea {
  width: 340px;
  height: 150px;
  padding: 3px;
  font-family: Verdana, Tahoma, Arial, Sans-Serif;
  font-size: 11px; }

#message-layout input.text {
  padding: 3px; }

#sendmsg input.radio {
  float: left;
  margin-right: 5px;
  display: inline; }

#sendmsg input.submit {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  padding: 5px 2px; }

#sendmsg .footer label {
  float: left;
  display: inline;
  margin-bottom: 5px; }

#sendmsg .footer label.disabled {
  color: #ccc;
  cursor: default; }

#sendmsg .footer p {
  float: left;
  width: 170px;
  text-align: left;
  margin-left: 75px; }

#sendmsg .body {
  padding-bottom: 0; }

#sendmsg h1 {
  text-transform: none; }

#sendmsg .cancel, #send-team-message {
  margin-right: 3px; }

#teamMenu {
  width: 340px;
  font-size: 12px; }

#teamChooser {
  width: 340px; }

#teamChooser p {
  font-size: 12px;
  color: #333;
  font-style: normal;
  float: none;
  width: 300px; }

.char-limiter {
  color: #B43333;
  font-weight: bold; }

input.filter {
  margin-bottom: 3px;
  margin-left: 0px;
  width: 150px;
  _margin-bottom: 0px;
  padding: 1px; }

td.buttons-parent {
  width: 30px;
  vertical-align: middle; }

#attach-files {
  border: dashed 2px #999;
  width: 340px;
  padding: 0; }

/* file upload css */
.mm-uploader {
  position: relative;
  width: 100%; }

.mm-upload-button {
  color: blue; }

.mm-upload-button-focus {
  outline: 1px dotted black; }

.mm-upload-drop-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 90px;
  z-index: 2;
  background: #FF9797;
  text-align: center; }

.mm-drop-area {
  padding: 10px; }

.mm-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px; }

.mm-drop-area {
  overflow: hidden; }

.mm-upload-drop-area-active {
  background: #FFFFFF; }

.mm-upload-list {
  list-style: none; }

.mm-upload-list li {
  margin: 0;
  padding: 8px 0 0 0;
  line-height: 15px;
  font-size: 11px; }

.mm-upload-file, .mm-upload-spinner, .mm-upload-size, .mm-upload-cancel, .mm-upload-failed-text {
  margin-right: 7px; }

.mm-upload-cancel {
  font-size: 9px !important; }

.mm-upload-spinner {
  display: inline-block;
  background: url("/images/loading.gif");
  width: 15px;
  height: 15px;
  vertical-align: text-bottom; }

.mm-upload-size, .mm-upload-cancel {
  font-size: 11px; }

.mm-upload-size {
  display: none; }

.mm-upload-failed-text {
  display: none; }

.mm-upload-fail .mm-upload-failed-text {
  display: inline; }

.mm-upload-remove {
  display: none;
  /* hide by default */
  font-size: 9px; }

#sendmsg, #sendmsg * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

#sendmsg td, #sendmsg label {
  line-height: 1;
  font-size: 11px;
  font-family: Verdana, Tahoma, Arial, Sans-Serif;
  color: #6b6b6b; }

#sendmsg tr {
  font-size: 11px; }

/* Loader */
#sendmsg .loading {
  color: #FFFFFF;
  font-weight: bold;
  background: transparent url("/images/overlay_bg80.png") repeat;
  padding: 7px;
  border-radius: 3px;
  -moz-border-radius: 3px; }

#sendmsg .loading p {
  padding-left: 20px;
  background: url("/images/dark-loading.gif") no-repeat left center;
  line-height: 18px; }

#sendmsg img {
  vertical-align: middle; }

#sendmsg.modalPopup {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: absolute;
  padding: 1rem;
  background: #fff; }
#sendmsg.modalPopup p {
  max-width: 340px; }
#sendmsg.modalPopup .mheader {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  cursor: default; }
#sendmsg.modalPopup h1 {
  font-size: 18px;
  font-weight: normal;
  color: rgba(19, 41, 63, 0.8);
  letter-spacing: -.08rem;
  font-family: Helvetica; }
#sendmsg.modalPopup .subtitle {
  display: block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: normal; }
#sendmsg.modalPopup .body, #sendmsg .modalPopup .mbody {
  padding: 10px; }
#sendmsg.modalPopup .nob {
  border-top: none; }
#sendmsg.modalPopup .footer {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  padding: 1rem;
  text-align: right;
  margin: 1rem -1rem -1rem;
  border-top: 1px solid rgba(167, 174, 181, 0.6); }
#sendmsg.modalPopup .footer input {
  cursor: pointer; }
#sendmsg.modalPopup .footer input[disabled] {
  cursor: default; }
#sendmsg.modalPopup .footer textarea {
  margin-top: 8px;
  width: 350px; }
#sendmsg.modalPopup .footer span.command {
  cursor: pointer; }
#sendmsg.modalPopup a.disabled {
  color: #6B6B6B;
  text-decoration: none;
  cursor: default; }
#sendmsg.modalPopup a.disabled:hover {
  background: none;
  text-decoration: none;
  cursor: default; }

#sendmsg .dlg_close {
  font-size: 0px;
  line-height: 0px;
  text-indent: -9999px;
  height: 24px;
  width: 24px;
  position: absolute;
  top: -10px;
  right: -8px;
  background: url("/images/dlg_close.png") no-repeat center center; }

#sendmsg .dlg_close:hover {
  background-color: Transparent; }

.dropmenu {
  border: solid 1px #969696;
  background-color: #FFFFFF;
  height: 16px;
  cursor: pointer;
  line-height: 16px; }

input.dropmenu {
  cursor: text; }

.dropDownButton {
  width: 16px;
  line-height: 16px;
  height: 16px;
  cursor: pointer;
  float: right;
  background: transparent url("/images/dropdown.gif") no-repeat; }

.dropmenu p {
  float: left;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }

div.dropDown {
  background-color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  border: solid 1px #6b6b6b;
  max-height: 230px;
  overflow-x: auto;
  overflow-y: auto;
  z-index: 1;
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); }

ul.menu {
  list-style-type: none;
  background-color: #FFFFFF; }

ul.menu li {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden; }

ul.menu li:hover {
  color: rgba(19, 41, 63, 0.8);
  background-color: #f0faff; }

ul.menu li.selected {
  background-color: #e6f7ff;
  color: #13293f; }

div.user-list {
  width: 180px;
  border: solid 1px rgba(167, 174, 181, 0.6);
  background-color: #f9fafb;
  border-radius: 3px; }

/* lyle.shearer 1/27/2012 - TODO I think this is duplicated in core.css */
.scroll {
  overflow-x: hidden;
  overflow-y: auto !important; }

ul.users,
ul.columns {
  list-style-type: none;
  overflow: hidden; }

ul.users li {
  cursor: pointer;
  min-height: 16px;
  padding: 3px;
  text-indent: 0;
  overflow: hidden;
  white-space: nowrap; }

ul.sl li.sl {
  color: rgba(19, 41, 63, 0.8); }

ul.sl li.sl.hover {
  background-color: #f0faff;
  color: #13293f; }

ul.sl li.sl.selected {
  background-color: #e6f7ff;
  color: #13293f; }

li.sl {
  cursor: pointer;
  height: auto;
  padding: 3px 0 2px;
  overflow: hidden;
  white-space: nowrap; }

.sl-empty-text {
  position: relative;
  right: -12%;
  top: -60%;
  color: rgba(19, 41, 63, 0.65);
  font-size: 14px;
  margin: 0;
  text-align: center; }

li.with-icon {
  text-indent: 0; }

li.g,
#accessList li.g label {
  background-image: none;
  background-repeat: no-repeat; }

#accessList li.g,
#accessList li.u {
  background: transparent; }

li.u,
#accessList li.u label {
  background-image: none;
  background-repeat: no-repeat; }

ul.columns li {
  cursor: pointer;
  height: auto;
  overflow: hidden;
  padding: 3px 0 2px; }

ul.buttons {
  list-style-type: none;
  font-size: 10px;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: bold; }

ul.buttons li {
  display: block;
  margin: 2px 0;
  text-align: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  background-color: rgba(91, 116, 140, 0.4); }
  ul.buttons li:hover {
    background-color: rgba(91, 116, 140, 0.6); }
  ul.buttons li:active {
    background-color: rgba(91, 116, 140, 0.7); }

.all-left {
  background-image: none; }
  .all-left::before {
    left: 5px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 5px;
    margin-top: -5px; }
  .all-left::after {
    left: -1px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 5px;
    margin-top: -5px; }

.all-right {
  background-image: none; }
  .all-right::before {
    left: 5px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 5px;
    margin-top: -5px; }
  .all-right::after {
    left: 11px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 5px;
    margin-top: -5px; }

.one-left {
  background-image: none; }
  .one-left::after {
    left: 2px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 5px;
    margin-top: -5px; }

.one-right {
  background-image: none; }
  .one-right::after {
    left: 8px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 5px;
    margin-top: -5px; }

.one-up {
  background-image: none; }
  .one-up::after {
    left: 5px;
    top: 7px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-top: -5px; }

.one-down {
  background-image: none; }
  .one-down::after {
    left: 5px;
    top: 13px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 5px;
    margin-top: -5px; }

input.wide {
  width: 340px; }

.habla_window_div_position {
  bottom: 10px;
  position: fixed;
  right: 10px; }

.habla_window_div_position_floating {
  bottom: 10px;
  position: fixed;
  right: 10px; }

.habla_window_div_position_floating_ie {
  bottom: 10px;
  position: absolute;
  right: 10px; }

#habla_expanded_div {
  background: url("/images/overlay_grad_03.gif") repeat-x scroll 0 0 #202020; }

#habla_topbar_div {
  position: relative;
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.habla_window_div_base {
  border: 0 none !important;
  font-family: arial, helvetica, sans-serif;
  font-style: inherit;
  font-weight: inherit;
  line-height: 1;
  margin: 0 !important;
  outline-color: -moz-use-text-color;
  outline-style: none !important;
  outline-width: 0;
  padding: 0 !important;
  text-align: left;
  vertical-align: baseline;
  z-index: 99999 !important;
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5); }

.habla_panel_border {
  background: #FFFFFF none repeat scroll 0 0;
  border: 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  width: 250px; }

a.habla_button_a_hover:hover {
  color: #fff;
  font-size: 14px;
  background: none;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  cursor: pointer; }

.habla_button_a_normal {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  cursor: pointer; }

.habla_button {
  float: right;
  font-weight: bold;
  margin-left: 3px;
  padding: 0 6px 2px;
  text-decoration: none !important; }

.habla_conversation_message_off {
  margin: 0 !important;
  padding: 3px 3px 3px 23px; }

.habla_conversation_message_on {
  margin: 0;
  padding: 5px; }

.habla_conversation_p_item {
  background: transparent;
  color: #000;
  margin: 0;
  padding: 0;
  text-indent: -20px; }

.habla_conversation_person1 {
  color: #6b6b6b;
  padding-right: 5px;
  font-weight: bold;
  font-size: 12px; }

.habla_conversation_person2 {
  color: #ff8e33;
  padding-right: 5px;
  font-weight: bold;
  font-size: 12px; }

.habla_conversation_text_span {
  color: #aaa;
  font-size: 12px; }

.habla_topbar_div_highlighted {
  background: red;
  color: #0FF;
  padding: 6px;
  border: 1px solid red; }

.habla_topbar_div_normal {
  background: #ff6600 url("/images/gradsprite.gif") repeat-x left top;
  color: #fff;
  padding: 6px;
  border: 1px solid #f60; }

.habla_topbar_clickable {
  cursor: pointer; }

.habla_oplink_a_hover {
  color: #fff;
  background: none;
  font-weight: bold;
  cursor: pointer;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }

a.habla_oplink_a_hover:hover {
  font-size: 14px;
  background: none; }

.habla_oplink_a_normal {
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }

.clear_style {
  clear: both; }

.habla_offline_message_div {
  border-bottom: 1px dotted #CCCCCC;
  line-height: 1.5em;
  margin: 0;
  padding: 3px; }

.habla_conversation_div {
  background: transparent;
  border-bottom: 1px dotted #555;
  height: 155px;
  line-height: 1.25em;
  overflow: auto;
  color: #aaa;
  padding: 3px 3px 3px 23px !important; }

.habla_pre_chat_div {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px dotted #CCCCCC;
  height: 155px;
  line-height: 1.25em;
  overflow: auto;
  color: #000000;
  padding: 3px 3px 3px 3px; }

.habla_offline_message_sent_div {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px dotted #CCCCCC;
  height: 155px;
  line-height: 1.5em;
  overflow: auto !important;
  padding: 3px !important; }

.habla_chatform_form {
  margin: 0 !important;
  padding: 0 !important; }

.habla_input_div {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 3px !important; }

.habla_offline_body_input {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  height: 155px;
  vertical-align: text-top;
  width: 234px; }

.habla_say_text_span {
  color: #000000; }

.habla_submit_button {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  margin: 0 !important;
  vertical-align: text-top;
  width: 234px; }

.habla_offline_submit_input {
  background: #E75917 none repeat scroll 0 0 !important;
  border: medium none #CCCCCC !important;
  color: white !important;
  float: right;
  margin-right: 2px; }

.habla_offline_error_span {
  float: left;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px; }

.habla_wcsend_input_normal {
  border: 2px solid #6b6b6b !important; }

.habla_wcsend_input_pre {
  color: #6b6b6b; }

.habla_wcsend_input_post {
  color: #000000; }

.habla_wcsend_input_pre_highlighted {
  border: 2px solid #6b6b6b !important; }

.habla_wcsend_input_highlighted {
  border: 2px solid !important;
  color: #000000 !important; }

.habla_wcsend_field {
  background: transparent none repeat scroll 0 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  height: 24px;
  margin: 0 !important;
  overflow: auto !important;
  padding: 1px 3px !important;
  vertical-align: text-top;
  width: 234px; }

.habla_wcsend_field:hover {
  background: #FFFF9F;
  border-color: #09f !important;
  outline-color: #09f !important;
  color: #333; }

.habla_wcsend_field:focus {
  background: #fff;
  border-color: #f60 !important;
  outline-color: #f60 !important;
  color: #000 !important; }

#habla_link_div a:hover {
  background: none; }

.hbl_pal_remote_fg + .habla_conversation_text_span {
  color: #fff; }

.olark-composing-message {
  font-style: italic;
  color: #6b6b6b !important; }

/*# sourceMappingURL=thor-core.css.map */