﻿@import url("screen.css");

/* ==========================
Swatch Colors
f1a229 = light orange
da6e06 = orange
6181b5 = light blue
61a4e6 = blue
d8000c = red
009900 = green
=============================*/
* {outline:none;}
.verticalScroll {overflow-y: scroll; overflow-x: hidden; overflow: -moz-scrollbars-vertical;}

/* Text Color */
.cea-orange {color:#da6e06}
.fancy, div.CustomerTestimonial, div.PageIntro h1, div.PageIntro h4 {color:#666;}
.fancy.loud {color:#000;}
.error-text, .ErrorToolTip, #tooltip div.body span.error {color:#d8000c;}
.quieter {color: #C0C0C0;}
.Success, .success-text {color: #4F8A10;}
.Strikethrough {color: #FF0000; text-decoration: line-through;}
a:link, a:visited, a.tooltip:focus, a.tooltip:hover {color:#da6e06;}
a:hover, a:focus, 
a.Button:hover, a.Button:focus, a.Button.Action, a.Button.large:hover, a.Button.Special, a.Button:hover span.quiet, a.Button:focus span.quiet,
div.ContentFooter a:hover, div.ContentFooter a:focus, p.video-description, div.LeftNav li a:hover, 
div.LeftNav li a:focus, div.NavLinks li a:hover, div.NavLinks li a:focus, div.need-help-slider li a:hover {color:#fff;}
a.nolink, a.nolink:hover {color:inherit;}
a.Button, a.Button.nolink, a.Button.nolink:hover, a.Button.nolink:hover span.quiet, div.ContentFooter, 
div.ContentFooter h6, div.ContentFooter h3, div.ContentFooter a, div.LeftNav li a, div.NavLinks li a, div.need-help-slider li a {color:#666;}
div.PageIntro h1.Title span {color:#c4c4c4;}
div.PageIntro h1.Title b, #tooltip h3 {color:#6181b5}

/* Font Weights and Styles */
.alt, .fancy, div.CustomerTestimonial p.Quote {font-family: Georgia, serif; font-weight: normal;}
.fancy {font-style:italic;}
.fixed-width {font-family: 'Courier New', monospace;}
.large-x2 {font-size:1.6em;line-height:2.5em;margin-bottom:1.25em;}
.large-x3 {font-size:2em;line-height:2.5em;margin-bottom:1.25em;}
.large-x4 {font-size:2.7em;line-height:2.5em;margin-bottom:1.25em;}
.normal-lh {line-height:normal;}
.large.normal-lh {line-height:1.3em;}
.size14 { font-size: 14px; }
a:link, a:visited, a:hover, a.nolink, a.Button {text-decoration:none;}
div.ContentFooter h3, div.ContentFooter h6 {line-height:2em;}
div.ContentFooter h6 {font-size:1.5em;}
div.CustomerTestimonial p.Quote {font-size:1.2em; line-height:1.3em; font-style:italic;}
div.PageIntro h1.Title {font-size:3.8em; line-height:0.8em; margin-bottom:0.38em; letter-spacing:-0.05em;}
div.PageIntro h1.Title b {font-weight:normal;}
div.PageIntro h1.Title {text-shadow:2px 2px 7px rgba(0,0,0,.3);}
div.PageIntro h1.Title span {text-shadow:none;}
div.toolbar input.title {font-size:1.25em; margin-top:0.2em;}
tr.Unread td {font-weight:bold;}

/* borders */
.colborder-left {border-left: 1px solid #eee; margin-left:25px; padding-left:24px;}
.thickborder {border:10px solid #e7e7e7;}
.thinborder {border:1px solid #e7e7e7;}
body {border-top:solid 0.25em #f1a229;}
div.NavLinks {border-top: solid 0.5em #e7e7e7; border-bottom: solid 0.5em #e7e7e7;}

/* Background Colors */
.altbg, a.Button, body, div.CustomerTestimonial p.Quote, a.Button.nolink:hover {background-color:#e7e7e7;}
.box.whiteBG, div.ContentMainBG, li.Button {background-color:#fff; height: 100%;}
a.Button.Action {background-color:#da6e06;}
a.Button.Active, a.Button.Active.nolink:hover, hr.Active, div.Active {background-image:url("../../Images/linedBG.gif");}
a.Button.Active:hover, a.Button.Active:focus {background-image:none;}
a.Button.Special {background-color:#6181b5;}
a:hover, a:focus, a.Button:hover, a.Button:focus, a.Button.Active:hover, a.Button.Active:focus, li.Button:hover {background-color:#61a4e6;}
a.nolink:hover, a.tooltip:focus, a.tooltip:hover {background-color:transparent;}
/* Blueprint override */
tbody tr:nth-child(even) td, tbody tr.even td {background-color:transparent;}

/* Layout */
.box.bottom, .large-x2.bottom, .large-x3.bottom, .PageIntro.bottom, .warning.bottom {margin-bottom:0;}
.box.thin {padding: 10px;}
.hidden {display: none;}
.left { float:left; }
.NoWrap {white-space:nowrap;}
.print-display-only {display:none;}
.right { float:right; }
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
a.Button {display:inline-block; padding:0.5em 1em;}
a.Button.large {margin-bottom:0; line-height:1.3em; font-size:1.3em}
div.ContentHeader {margin-bottom:2em;}
div.ContentHeader ul, div.LeftNav ul {margin:0;}
div.ContentHeader ul li {display:inline-block;}
div.ContentFooter ul, div.Header ul, div.LeftNav ul {list-style-type:none; padding-left:0;}
div.CustomerTestimonial div.FooterLink {text-align:right;}
div.CustomerTestimonial p.Quote {padding:1em; margin:0;}
div.CustomerTestimonial p.Author {padding: 1em 0 0 0; text-align:right; margin:0;}
div.LeftNav {text-align:right;}
div.LeftNav li, div.RightNav li, div.LeftNav div.GetStarted {margin-bottom:2px;}
div.RightNav {text-align:left;}
div.NavLinks li {margin:2px 0 2px 2px;}
div.PageIntro {margin-bottom:3em;}
hr {height:1px;}
hr.dashed {background:none; border-top:1px dashed #ddd;}
hr.thick, div.thick {height:0.5em; background-color:#e7e7e7;}
a.nolink {cursor:default;}
.clickable {cursor:pointer}

/* Blueprint override */
p .left {margin:0;padding:0;}

/* Sprites */
.sprite, div.CustomerTestimonial p.Author {background: url('../../Images/CEA-sprite.gif') no-repeat; display:inline-block; }
.sprite.icon-20x20 {height:20px; padding-left:25px; margin:2px 0;}
.sprite.icon-30x30 {height:30px; width:30px;}
.sprite.facebook {background-position:-168px 0;}
.sprite.twitter {background-position:-168px -20px;}
.sprite.blog {background-position:-168px -40px;}
.sprite.left-quote{background-position:left -86px; height:27px; width:32px; vertical-align:text-bottom; margin-right:0.5em;}
.sprite.right-quote{background-position:-32px -86px; height:27px; width:32px; vertical-align:text-top; margin-left:0.5em;}
.sprite.logo-off {background-position:left 0; height:36px; width:168px;}
.sprite.logo-off:hover {background-position:left -36px;}
.sprite.right-arrow {background-position:-168px -60px; height:12px; width:7px; vertical-align:text-bottom; margin-left:5px;}
.sprite.secure {background-position:-154px -86px;}
.sprite.shadow {height:7px; background-position:left -79px; display:block; border-top:solid 1px #dfdfdf;}
.sprite.shadow i {background-position:left -72px; height:7px; width:120px; float:right;}
.sprite.step-1 {background-position:-64px -86px;}
.sprite.step-2 {background-position:-94px -86px;}
.sprite.step-3 {background-position:-124px -86px;}
.sprite.inc500 {background-position:left -146px; height:78px; width:190px;}
.sprite.inc500:hover {background-position:left -224px; height:78px; width:190px;}
div.FooterBG {background: url('../../Images/CEA-sprite.gif') repeat-x left -302px;}
div.CustomerTestimonial p.Author {background-position:right -116px; display:block;}

img.ContactPref {background-image:url(../../Images/icon-contact-pref.gif);  height:23px; width:23px; vertical-align:middle; margin-left:3px;}
img.SMSUnknown {background-position:left -69px;}
img.SMSAuthAccepted {background-position:left -23px;}
img.SMSOptedOut {background-position:left -46px;}
img.SMSUserOptOut {background-position:left -69px;}
img.VoiceAccepted {background-position:-23px -23px;}
img.VoiceOutedOut {background-position:-23px -46px;}
img.VoiceUserOptOut {background-position:-23px -69px;}

.case-study-thumb {background: url('../../Images/case-study-thumbs-sprite.jpg') no-repeat; height:90px; width:250px; display:block;}
.case-study-thumb.scottyp {background-position:left top;}
.case-study-thumb.prostaff {background-position:left -90px;}
.case-study-thumb.akam {background-position:left -180px;}
.case-study-thumb.pacifica {background-position:left -270px;}
.case-study-thumb.umass {background-position:left -360px;}
.case-study-thumb.spurs {background-position:left -450px;}
.case-study-thumb.wvu {background-position:left -540px;}
.case-study-thumb.uol {background-position:left -630px;}
.case-study-thumb.kfor {background-position:left -720px;}

.industry-logo  {background: url('../../Images/industry-logos-sprite.gif') no-repeat; height:90px; width:150px; display:inline-block;}
.industry-logo.amazon {background-position:left top;} 
.industry-logo.amazon:hover {background-position:-150px top;}
.industry-logo.curves {background-position:left -90px;} 
.industry-logo.curves:hover {background-position:-150px -90px;}
.industry-logo.hr-block {background-position:left -180px;} 
.industry-logo.hr-block:hover {background-position:-150px -180px;}
.industry-logo.six-flags {background-position:left -270px;} 
.industry-logo.six-flags:hover {background-position:-150px -270px;}
.industry-logo.kipp {background-position:left -360px;} 
.industry-logo.kipp:hover {background-position:-150px -360px;}
.industry-logo.pinewood {background-position:left -450px;} 
.industry-logo.pinewood:hover {background-position:-150px -450px;}
.industry-logo.eprep {background-position:left -540px;} 
.industry-logo.eprep:hover {background-position:-150px -540px;}
.industry-logo.episcopal {background-position:left -630px;} 
.industry-logo.episcopal:hover {background-position:-150px -630px;}
.industry-logo.manpower {background-position:left -720px;} 
.industry-logo.manpower:hover {background-position:-150px -720px;}
.industry-logo.kforce {background-position:left -810px;} 
.industry-logo.kforce:hover {background-position:-150px -810px;}
.industry-logo.select {background-position:left -900px;} 
.industry-logo.select:hover {background-position:-150px -900px;}
.industry-logo.prostaff {background-position:left -990px;} 
.industry-logo.prostaff:hover {background-position:-150px -990px;}
.industry-logo.bbb {background-position:left -1080px;} 
.industry-logo.bbb:hover {background-position:-150px -1080px;}
.industry-logo.ymca {background-position:left -1170px;} 
.industry-logo.ymca:hover {background-position:-150px -1170px;}
.industry-logo.redcross {background-position:left -1260px;} 
.industry-logo.redcross:hover {background-position:-150px -1260px;}
.industry-logo.aidswalk {background-position:left -1350px;} 
.industry-logo.aidswalk:hover {background-position:-150px -1350px;}
.industry-logo.harmelin {background-position:left -1440px;} 
.industry-logo.harmelin:hover {background-position:-150px -1440px;}
.industry-logo.jacobson {background-position:left -1530px;} 
.industry-logo.jacobson:hover {background-position:-150px -1530px;}
.industry-logo.dimples {background-position:left -1620px;} 
.industry-logo.dimples:hover {background-position:-150px -1620px;}
.industry-logo.scottyp {background-position:left -1710px;} 
.industry-logo.scottyp:hover {background-position:-150px -1710px;}
.industry-logo.phillsgrill {background-position:left -1800px;} 
.industry-logo.phillsgrill:hover {background-position:-150px -1800px;}
.industry-logo.primo {background-position:left -1890px;} 
.industry-logo.primo:hover {background-position:-150px -1890px;}
.industry-logo.cornerstone {background-position:left -1980px;} 
.industry-logo.cornerstone:hover {background-position:-150px -1980px;}
.industry-logo.northland {background-position:left -2070px;} 
.industry-logo.northland:hover {background-position:-150px -2070px;}
.industry-logo.northrock {background-position:left -2160px;} 
.industry-logo.northrock:hover {background-position:-150px -2160px;}
.industry-logo.new-beginnings {background-position:left -2250px;} 
.industry-logo.new-beginnings:hover {background-position:-150px -2250px;}
.industry-logo.chaos {background-position:left -2340px;} 
.industry-logo.chaos:hover {background-position:-150px -2340px;}
.industry-logo.pop {background-position:left -2430px;} 
.industry-logo.pop:hover {background-position:-150px -2430px;}
.industry-logo.cougar {background-position:left -2520px;} 
.industry-logo.cougar:hover {background-position:-150px -2520px;}
.industry-logo.knight {background-position:left -2610px;} 
.industry-logo.knight:hover {background-position:-150px -2610px;}
.industry-logo.akam {background-position:left -2700px;} 
.industry-logo.akam:hover {background-position:-150px -2700px;}
.industry-logo.revid {background-position:left -2790px;} 
.industry-logo.revid:hover {background-position:-150px -2790px;}
.industry-logo.hpmg {background-position:left -2880px;} 
.industry-logo.hpmg:hover {background-position:-150px -2880px;}
.industry-logo.borell {background-position:left -2970px;} 
.industry-logo.borell:hover {background-position:-150px -2970px;}
.industry-logo.wagner {background-position:left -3060px;} 
.industry-logo.wagner:hover {background-position:-150px -3060px;}

.social-media-48px {background: url('../../Images/social-media-sprite-48px.gif') no-repeat; height:48px; width:48px; display:inline-block;}
.social-media-48px.twitter {background-position:left top;}
.social-media-48px.facebook {background-position:left -48px;}
.social-media-48px.blog {background-position:left -96px;}
.social-media-48px.youtube {background-position:left -144px;}

.social-media-32px {background: url('../../Images/social-media-sprite-32px.gif') no-repeat; height:32px; width:32px; display:inline-block;}
.social-media-32px.facebook {background-position:left top;}
.social-media-32px.twitter {background-position:left -32px;}
.social-media-32px.addCEA {background-position:left -64px;}
.social-media-32px.email {background-position:left -96px;}

.text-video-thumb {background: url('../../Images/text-video-thumb-sprite.jpg') no-repeat; height:200px; width:250px; display:block;}
.voice-video-thumb {background: url('../../Images/voice-video-thumb-sprite.jpg') no-repeat; height:200px; width:250px; display:block;}
.text-video-thumb.choose-keyword, .voice-video-thumb.upload {background-position:left top;}
.text-video-thumb.choose-keyword:hover, .voice-video-thumb.upload:hover {background-position:left -200px;}
.text-video-thumb.everyone-join, .voice-video-thumb.record {background-position:left -400px;}
.text-video-thumb.everyone-join:hover, .voice-video-thumb.record:hover {background-position:left -600px;}
.text-video-thumb.send-text, .voice-video-thumb.broadcast {background-position:left -800px;}
.text-video-thumb.send-text:hover, .voice-video-thumb.broadcast:hover {background-position:left -1000px;}

.mysummary-sprite {background: url('../../Images/mysummary-sprite.gif') no-repeat; display:inline-block;}
.mysummary-sprite.createbroadast {background-position:left top; height:42px; width:202px; margin-left:7px; margin-top:7px;}
.mysummary-sprite.createbroadast:hover {background-position:left -42px;}
.mysummary-sprite.managecontacts {background-position:left -84px; height:42px; width:202px; margin-left:7px; margin-top:7px;}
.mysummary-sprite.managecontacts:hover {background-position:left -126px;}
.mysummary-sprite.get-free-calls {background-position:left -168px; height:58px; width:230px; margin-bottom: 5px;}
.mysummary-sprite.get-free-calls:hover {background-position:left -226px;}
.mysummary-sprite.enable-text {background-position:left -284px; height:58px; width:230px; margin-bottom: 5px;}
.mysummary-sprite.enable-text:hover {background-position:left -342px;}
.mysummary-sprite.blog {background-position:left -400px; height:20px; width:20px; margin-left:5px;}
.mysummary-sprite.blog {background-position:left -400px; height:20px; width:20px; margin-left:5px;}
.mysummary-sprite.need-help-voice {background-position:left -420px; height:58px; width:230px; margin-bottom: 5px;}
.mysummary-sprite.need-help-voice:hover {background-position:left -478px;}
.mysummary-sprite.need-help-text {background-position:left -536px; height:58px; width:230px; margin-bottom: 5px;}
.mysummary-sprite.need-help-text:hover {background-position:left -594px;}
.mysummary-sprite.need-help {background-position:left -652px; height:58px; width:230px; margin-bottom: 5px;}
.mysummary-sprite.need-help:hover {background-position:left -710px;}

.bcdetails-sprite {display:inline-block; background: url("../../Images/broadcast-details-sprite.gif") no-repeat; margin-bottom:10px;}
.bcdetails-sprite.resume {background-position:left top; height:22px; width:83px;}
.bcdetails-sprite.resume:hover {background-position:left -22px;}
.bcdetails-sprite.pause {background-position:left -44px; height:22px; width:71px;}
.bcdetails-sprite.pause:hover {background-position:left -66px;}
.bcdetails-sprite.edit {background-position:left -88px; height:22px; width:57px;}
.bcdetails-sprite.edit:hover {background-position:left -110px;}

.text-carriers-sprite {display:inline-block; background: url("../../Images/text-carriers-sprite.gif") no-repeat;}
.text-carriers-sprite.att {background-position: left top; height: 43px; width: 95px;}
.text-carriers-sprite.nextel {background-position: left -43px; height: 32px; width: 95px;}
.text-carriers-sprite.tmobile {background-position: left -75px; height: 20px; width: 100px;}
.text-carriers-sprite.verizon {background-position: left -95px; height: 38px; width: 100px;}
.text-carriers-sprite.sprint {background-position: left -135px; height: 35px; width: 100px;}
.text-carriers-sprite.virgin {background-position: left -170px; height: 43px; width: 80px;}

.star-sprite {display:inline-block; background-image:url("../../Images/star-sprite.png"); height:22px; width:23px; vertical-align:sub; cursor:pointer;}
.star-sprite.off {background-position:0px -22px;}
.star-sprite.off:hover { background-position: 0 -66px; }
.star-sprite:hover { background-position: 0 -44px; }

i.close { display: block;height: 18px;width: 18px;background: url("../../lib/callemall/ui/audioPlayer/res/bubble-sprite.png") left -7px no-repeat; cursor: pointer;}
i.close:hover { background-position: left -25px;}

li.features-check {list-style-image:url(../../Images/approval_ok.gif)}

.checkbox-sprite {display:inline-block; background-image:url("../../Images/checkbox-sprite.png"); height:26px; width:26px; vertical-align:sub; cursor:pointer;}
.checkbox-sprite.off {background-position:0px -26px;}
.checkbox-sprite.off:hover { background-position: 26px -26px; }
.checkbox-sprite:hover { background-position: 26px 0; }

/* Messages */
.error, .notice, .success, .infoMessage, .warning, .infoAlt, div.selectAllMessage {padding:.8em;margin-bottom:1em;border:2px solid #ddd; background-repeat: no-repeat; background-position: 0.8em center; padding-left:50px;}
.error {background-image: url('../../Images/error.png');}
.infoMessage {color: #00529B; background-color: #BDE5F8; background-image: url('../../Images/info.png');}
.infoAlt, div.selectAllMessage {color: #666666; background-color: #EFEFEF; background-image: url('../../Images/info-grey.png');}
.success {background-image:url('../../Images/success.png');}
.notice, .warning {background-image: url('../../Images/warning.png'); color: #9F6000; background-color: #FEEFB3;}
.warning.small {padding:.5em; border:1px solid #ddd; background-image:url('../../Images/warning-16.png'); padding-left:30px;}
input.error, select.error, textarea.error {background-image:none; background:#FBE3E4; color:#8a1f11; border: 1px solid #FBC2C4; padding:5px; margin-bottom:0;}
div.inline-error .error {margin:0; border:none; background-image:url('../../Images/error-inline.png'); padding:.6em .6em .6em 40px;}
label.error {display:block; text-align:left; font-weight:normal;}
select.error {padding:0; margin:0;}
textarea.error {padding:5px;}

/* Forms */
.TextDisplayData, .TextDisplayLabel {color:#666;}
.TextDisplayData.large, .TextDisplayData.large-x2, .TextDisplayLabel.large {line-height:normal;}
.TextDisplayLabel {font-weight:bold;}
.TextDisplayLabel, label {text-align:right;}
.TextDisplayLabel.title, div.title, label.title, li.title {padding: 5px 0;}
.TextDisplayLabel.title, div.title, label.title, select.title, textarea.title, li.title {font-size:1.5em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0;}
input[type="checkbox"], input[type="radio"], input.checkbox, input.radio {top:0.15em;}
select.title {padding:4px;}
select.title.fixed-width {padding:5px;}
textarea {height:125px;}
.checkboxLabel { margin-bottom: 5px;}

/* JQuery UI mods */
div.ui-datepicker {z-index:4000;}
div.ui-slider-range {background-image:url("../../Images/linedBG.gif");}
a.ui-slider-handle {background-color:#ccc;}
a.ui-slider-handle:hover, .ui-datepicker-trigger {cursor:pointer;}
.ui-datepicker thead th { background: none; }
.ui-datepicker-trigger { float: left;}

/********************
/* Objects 
/* Data Table */
table.datatable {margin:0;}
table.datatable th {color:#666; background-color:#ebebeb; border-bottom:solid 1px #cbcbcc; border-top:solid 1px #fff;}
table.datatable tbody td {font-size:0.95em; border-bottom:solid 1px #efefef;}
table.datatable tbody td b {font-size:1.5em;}
table.datatable tbody tr.selected td, table.datatable tbody tr.selected:hover td {background-color: #FFE3B9;}
table.datatable tbody tr.disabled td, table.datatable tbody tr.disabled:hover td {color:#999;}
table.datatable tbody tr:hover td {background-color: #FFF4E6;}
table.datatable tbody tr.NoRecordsFound td {text-align:center; color:#808080;}
table.datatable tbody tr.NoRecordsFound:hover td {background-color: #fff;}
#draggable, #rowCloned {cursor:move;}
.tableButtonBar {background:#fff url("../../Images/fade-x-32px.gif") repeat-x left top; padding:7px;}

/* Tool tips */
#tooltip {position: absolute; z-index: 3000; border: 1px solid #ddd; background-color:#f2f2f2; font-size:0.95em; max-width:200px; padding:0.7em 1em;}
#tooltip div b {font-size:1.2em;}
#tooltip h3 span {color:#302d2d; font-weight: normal;}
#tooltip h3 {color:#61a4e6; margin:0; font-size:1.2em;}
#tooltip h3.SuccessToolTip {color:#009900;}
#tooltip div {color:#302d2d;}

/* Other boxes */
div.BoxArrow {border:solid 1px #ccc; padding:5px; margin-top:10px; background-color:#E5ECF9;}
div.BoxArrow p {color: #537279;	background-image: url("../../Images/box_point_light_blue.gif"); background-repeat: no-repeat; position: relative; top: -13px; padding-top: 13px; margin-bottom: -13px;	background-position: 10px top;}

/* Buttons */
a.deleteButton, #deletelink, #GroupDeleteLink, a.closebox {padding: 0px 5px 0px 5px; border:solid 1px #cccccc; background-image:url("../../Images/buttonBG.gif"); background-repeat:repeat-x; display:inline-block; vertical-align:middle; font-size:11pt; line-height:18px; font-weight:bold; color:#cccccc; text-decoration:none;}
a.deleteButton:hover, #deletelink:hover, #GroupDeleteLink:hover, a.closebox:hover {border: 1px solid #CC3300; background-image:none;	background-color: #FFCC99; color: #993300; text-decoration:none;}
a.linkButton, div.linkButton {background-color:#fff; background-image:url("../../Images/buttonBG.gif"); background-position:left bottom; background-repeat:repeat-x; color:#666; padding: 2px 5px 2px 5px; border:solid 1px #ccc; display:inline-block; text-decoration:none;}
.linkButton:hover {border: 1px solid #61a4e6; background-image: none; background-color: #61a4e6; color: #fff; text-decoration: none;}
a.linkButtonOrange {background-color:#e99d30; background-image:url("../../Images/buttonBG-Orange.gif"); background-position:left bottom; background-repeat:repeat-x; color:#fff; padding: 2px 5px 2px 5px; border:solid 1px #a86604; display:inline-block; text-decoration:none;}
a.linkButtonSave {background-color:#da6e06; background-image:none; color:#fff; padding: 2px 5px 2px 5px; border:solid 1px #da6e06; display:inline-block; text-decoration:none;}
a.linkButtonSave:hover {border: 1px solid #4F8A10; background-image: none; background-color: #DFF2BF; color: #4F8A10; text-decoration: none;}
a.linkButtonDisabled, a.linkButton.Disabled, a.linkButtonDisabled:hover, a.linkButtonDisabled:focus, a.linkButton.Disabled:hover, 
a.linkButton.Disabled:focus {color:#ccc; padding: 2px 5px 2px 5px; border:solid 1px #ccc; display:inline-block; text-decoration:none; cursor:default; background-color:inherit; background-image:url("../../Images/buttonBG.gif");}
a.playButton {background-image:url("../../Images/icon-play.gif"); display:inline-block; width:20px; height:20px; vertical-align:middle;}
a.playButton:hover {background-position:left -20px;}
a.buttonCalendar {display:inline-block; height:20px; width:20px; vertical-align:middle; cursor:pointer; margin-bottom:3px; background-image:url("../../Images/icon-calendar.gif");}
a.buttonCalendar:hover {background-position:left -20px;}
a.bigButton, a.bigButton:hover {font-size:12pt; padding: 4px 10px 4px 10px;}
a.actionButton {display:inline-block; -moz-border-radius:6px 6px 6px 6px; font-size:16pt; color:#fff; background-color:#DA6E06; padding:10px 20px;}
a.actionButton:hover {background-color:#0671DA;}
a.linkButtonDisable {background-color:#fff; background-image:url("../../Images/buttonBG.gif"); background-position:left bottom; background-repeat:repeat-x; color:#666; padding: 2px 5px 2px 5px; border:solid 1px #cccccc; display:inline-block; text-decoration:none;}
a.linkButtonDisable:hover {border: 1px solid #CC3300; background-image: none; background-color: #FFCC99; color: #993300; text-decoration: none;}
a.closebox:hover { cursor: pointer }
div.need-help-slider { background: #E9E9E9; position: absolute; border: 2px solid #C6C6C6; border-top: 0; display: none; z-index:100; }
div.need-help-slider ul { list-style: none; margin: 0; padding: 0;}

.cea-ui-button, a.cea-ui-button
{
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    overflow: visible;
    padding: 7px 14px;
    position: relative;
    text-align: center;
    background: url("../themes/cea-ui-theme/images/ui-bg_highlight-soft_50_f5f5f5_1x100.png") repeat-x scroll 50% 50% #F5F5F5;
    border: 1px solid #D9D9D9;
    color: #636363;
    font-weight: normal;
    font-size: 14px;line-height: 14px;
    text-decoration: none !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.cea-ui-button:hover, 
.cea-ui-button.action:hover { background-image:url("../themes/cea-ui-theme/images/ui-bg_highlight-soft_50_61a4e6_1x100.png"); border-color:#61a4e6; color:#fff; }
.cea-ui-button.action {
    background-image: url("../themes/cea-ui-theme/images/ui-bg_highlight-soft_100_f3c55b_1x100.png");
    border-color: #EEAE1A;
    color: #444444;
}

/* AJAX Loaders */
div.SubmitLoading {background-image:url('../../images/loader-bar-whitebg.gif'); background-repeat:no-repeat; background-position:center top; color:#808080;}
div.SubmitLoading h2, div.CEAProgressBar h2 {padding-top:2em; text-align:center;}
div.SubmitLoading p, div.CEAProgressBar p {text-align:center; font-size:1.2em;}
div.CEAProgressBar {color:#808080;}
div.CEAProgressBar div.Bar {background-image:url('../../images/loader-bar-whitebg.gif'); height:19px; width:220px;}
div.Bar div.Progress {background-image:url('../../images/loader-bar-orange.gif'); height:19px;}
#BroadcastSubmitLoading {margin-top:60px; margin-bottom:30px;}
div.DataLoading {text-align: center; color: #C0C0C0; font-size: 18px; margin:30px auto;}
div.DataLoading span {background-image:url('../../images/loader-snake-16-whitebg.gif'); background-position:left 3px; background-repeat:no-repeat; padding-left:26px;}

/* drop downs */
a.CEADropDown {display:block; line-height:normal; border:solid 1px #ccc; background: #fff url("../../images/dropdown.gif") 99% 2px no-repeat;	background-position:right 2px; border: 1px solid #ccc; padding: 3px 20px 2px 5px; text-decoration: none; color: #333; font-size: 12px;}
a.CEADropDown:hover, a.CEADropDownActive {color: #333 !important; border: 1px solid #666666; outline: 1px solid #fff; /* prevent the link from being outlined */}
div.DropDownContent {position:absolute; border:solid 1px #666; background-color:#fff; z-index:99;}
div.DropDownContent a.DropDownItem {text-decoration:none; padding: 2px 5px 2px 5px; display:block; color:#000; font-size:8pt; background-image:none; white-space:nowrap;}
div.DropDownContent a.DropDownItem:hover {background-color:#61a4e6; color:#fff;}
div.DropDownContent a.selected {color:#666; background-image:url("../../Images/linedBG.gif");} 
div.DropDownContent a.selected:hover {background-image:none;} 

/* CEATable */
div.CEATable {background-color:#fff; border:solid 1px #b2b2b2;}
div.CEATable div.toolbar {height:25px; padding: 8px 0px 3px 15px; border-bottom:solid 1px #b2b2b2; background-color:#fff; background-image:url("../../Images/rostertoolbarbg.gif"); background-repeat:repeat-x; background-position:left top;}
div.CEATable div.toolbar h2 {display:inline-block;}
div.CEATable div.toolbar input.searchbox {background-image:url("../../images/icon-search.gif"); background-position: right 4px; background-repeat:no-repeat; padding:2px;}
div.CEATable div.datatable table {background-color:#fff; width:100%;}
div.CEATable div.pager {padding-bottom:10px; line-height:normal;}

/* Check Box Table */
table.checkboxtable {border-collapse:collapse; width:100%;}
table.checkboxtable thead th {text-align:left; padding: 2px 0px 2px 0px; color:#666; background-color:#ebebeb; border-bottom:solid 1px #cbcbcc; border-top:solid 1px #fff;}
table.checkboxtable tbody td {font-size:9pt; border-bottom:solid 1px #efefef; padding: 2px 0px 2px 0px;}
table.checkboxtable tbody tr.selected td {background-color: #FFE3B9;}
table.checkboxtable tbody tr td.noBorder { border-bottom:none;}

/* Watermark */
.updnWatermark {color: #999; font-family: Sans-Serif; line-height:normal; font-size: small; font-style: italic; padding: 2px 2px 2px 5px; margin-top:1px; font-weight:normal; position: absolute;} 
.updnWatermark:hover {cursor:text;}
.CEAProcessing {position: relative; top: 40%; left: 40%;}

/* Pager */
div.pager {font-size:8pt; margin: 10px 5px 3px 10px; height:15px;}
div.pager select {font-size:8pt; padding:2px;}
div.pager .pageButton {margin-left:2px; background-image:url("../../Images/buttonBG.gif"); background-repeat:repeat-x; margin-right:2px; padding: 2px 5px 2px 5px; border:solid 1px #cccccc; color:#666; display:inline-block; text-decoration:none;}
div.pager .pageButtonCurrent {background-image:url("../../Images/linedBG.gif"); background-color: #da6e06; color: #666; margin-left:2px; margin-right:2px; padding: 2px 5px 2px 5px; display:inline-block; text-decoration:none; border:solid 1px #cccccc;}
div.pager .pageButtonDisabled {color:#ccc; margin-left:2px; margin-right:2px; padding: 2px 5px 2px 5px; border:solid 1px #ccc; display:inline-block; text-decoration:none;}
div.pager .pageButton:hover {border: solid 1px #61a4e6;	color: #fff; background-color: #61a4e6; text-decoration:none; background-image:none;}
div.pager div.pagesize {float:left;}
div.pager div.pageButtons {float:left;}

/* CEALeftNav */
div.CEALeftNav {border:solid 1px #b2b2b2; background-color:#fff;}
div.CEALeftNav div.NavHeader {background-color:#e2e2e2; border-bottom:solid 1px #b2b2b2; background-image:url('../../Images/CEALeftNavHeaderBG.gif'); background-repeat:repeat-x; background-position:left bottom;}
div.CEALeftNav div.NavHeader p {border-top:solid 1px #fff; padding:5px 7px 5px 7px; font-size:12pt; margin-bottom:0;}
div.CEALeftNav div.NavItems {padding:5px 0px 5px 0px;}
div.CEALeftNav div.NavItems li {list-style-type:none; border-top:solid 1px #e6e6e6;}
div.CEALeftNav div.NavItems li:first-child {border-top:solid 1px #fff;}
div.CEALeftNav div.NavItems li:hover {background-color:#61a4e6;}
div.CEALeftNav div.NavItems li.selected, div.CEALeftNav div.NavItems li.selected:focus {background-image:url("../../Images/linedBG.gif"); background-color:transparent;}
div.CEALeftNav div.NavItems li.selected:hover {background-image:url("../../Images/linedBG.gif");}
div.CEALeftNav div.NavItems li.selected a {background-image:url('../../Images/arrow-right-black.gif'); font-weight:bold; color:#000; cursor:default; background-color:transparent;}
div.CEALeftNav div.NavItems li.selected a:hover {background-image:url('../../Images/arrow-right-black.gif'); color:#000;}
div.CEALeftNav div.NavItems li a {display:block; color:#666; text-decoration:none; padding:5px; background-image:url('../../Images/arrow-right-grey.gif'); background-repeat:no-repeat; background-position:97% 5px;}
div.CEALeftNav div.NavItems li a:hover {color:#000; background-image:url('../../Images/arrow-right-darkgrey.gif'); color:#fff; background-color:inherit;}

/* Modal windows */
.jqmWindow {display: none; position: fixed;	top: 5%; left: 50%; width: 400px; margin-left: -200px;	background-color: #fff;	border: 1px solid #999999; padding: 1px;}
.jqmWindow.absolute {position:absolute;}
.jqmWindow.span-500px {width: 500px; margin-left: -250px;}
.jqmWindow.span-600px {width: 600px; margin-left: -300px;}
.jqmWindow.span-640px {width: 642px; margin-left: -321px;}
.jqmWindow.span-675px {width: 675px; margin-left: -337px;}
.jqmWindow.span-700px {width: 700px; margin-left: -350px;}
.jqmOverlay {background-color: #e3e3e3;}
.jqmTitle {display:block; font-size:10pt; padding: 5px 10px 5px 10px; background-image:url("../../Images/linedBG.gif"); color:#666; font-weight:bold; border:solid 1px #cccccc;}
.jqmBody {padding:10px;}
.jqmBody h2 {font-size:14pt; margin-bottom:5px;}
.jqmWindow640Video .jqmBody {padding: 1px;}
.jqmButtons {overflow: auto; background-color: #F3F3F3; border-top: solid 1px #E6E6E6; width:100%; clear:both;}
.jqmButtons a {margin:5px; float:right;}
.jqmButtons a.left {float:left;}
a.jqmClose, a.DeleteTrash, a.DeleteContacts, a.CancelButton {padding: 2px 5px 2px 5px; background-image:url("../../Images/buttonBG.gif"); background-position:left bottom; background-repeat:repeat-x; border:solid 1px #cccccc; color:#666; display:inline-block; text-decoration:none;}
a.jqmClose:hover, a.DeleteTrash:hover, a.DeleteContacts:hover, a.CancelButton:hover {background-image:none; border: 1px solid #CC3300; background-color: #FFCC99; color: #993300;}
.jqmButtonsInner {height: 30px;	width:100%;	clear:both;}

/* Dropdown Button */
.ddButton, .ddButton ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
 
.ddButton a {
	display: block;
	width: 10em;
}

.ddButton a.button {
	width: 230px;
}
 
.ddButton li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}
 
.ddButton li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: -6px;
	margin-left: 34px;
}

.ddButton li ul li a { /* second-level lists */
    color: #666666;
	border-left: 2px solid #C6C6C6;
	border-right: 2px solid #C6C6C6;
}

.ddButton li ul li a.last { /* second-level lists */
	border-bottom: 2px solid #C6C6C6;
}
 
.ddButton li:hover ul, .ddButton li.hover ul { /* lists nested under hovered list items */
	left: auto;
	margin-right: 0%; /* IE7 needs % to fix sticky hover bug */
}

/* File Upload Button */
.qq-upload-button 
    {
        display: inline-block;
        padding: 0.5em 1em;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
        background-color: #DA6E06;
    }
    .qq-upload-button-hover
    {
         background-color: #61A4E6;
    }
    .qq-upload-list 
    {
        list-style:none;
        text-align: center;
    }
    .qq-upload-list li
    {
        font-size: 1.2em;
    }
    .qq-upload-success
    {
        padding: .8em;
        margin-bottom: 1em;
        background-repeat: no-repeat;
        background-position: 0.8em center;
        list-style-image: url(../Images/approval_ok.gif);
        font-size: 1.2em;
    }
    
/* From Bootstrap */
.label.success {
  background-color:#46A546;
}

.label 
{
  background-color:#BFBFBF;
  border-bottom-left-radius:3px 3px;
  border-bottom-right-radius:3px 3px;
  border-top-left-radius:3px 3px;
  border-top-right-radius:3px 3px;
  color:#FFFFFF;
  font-size:9.75px;
  font-weight:bold;
  padding-bottom:2px;
  padding-left:3px;
  padding-right:3px;
  padding-top:2px;
  text-transform:uppercase;
  background-image: none;
  border: none;
}
