/*-------------------------------------------------------------------------
Full height page layout with header, footer, content area and sidebar
-------------------------------------------------------------------------*/
html {font-size: 62.5%;}
html, body {
  margin: 0;
  padding: 0;
}
body {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 1em;
  color: #000;
}
#main-body {
  background-image: url("../images/bg.png");
  background-repeat: repeat-y;
}
div, form, img{
  line-height:1.5em;
}
div, form, img{
  margin: 0;
  padding: 0;
  border: 0;
}
iframe {
border: none;}
.Panel {
margin: 0 6px 0 12px;
padding: 12px 0;
}

#Page{
  width: 100%;
  position: relative; /* needed for footer positioning */
  margin: 0 auto; /* center, not in IE5 */
  height: auto !important; /* real browsers */
  height: 100%; /* IE6: treaded as min-height */
  min-height: 100%; /* real browsers */
  min-width: 1300px;
}
#Header{
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  overflow: auto; /* for prevent floated #Header bug in IE */
}
#Header .Title{
  clear: both;
  padding: 5px 14px;
  text-align: left;
  font-size: 1.3em;
  font-weight: bold;
  border-bottom-style: solid;
  border-bottom-width:1px;
  background-color: #FFF;
  background-position: left top;
  background-repeat:repeat;
}

#Wrapper{
  width: 100%;
  overflow: hidden; /* changed Sep 04, 2009 for remove horizontal and vertical scrolling in IE on pages without #SideBar */ /*  min-width: 850px;*/
}
#SmallWrapper{
  width: 550px;
  overflow: hidden; /* changed Sep 04, 2009 for remove horizontal and vertical scrolling in IE on pages without #SideBar */ /*  min-width: 850px;*/
}
#Content{
  min-width: 650px;
  font-size: 1.2em;
}
#SmallContent{
  min-width: 550px;
  font-size: 1.2em;
}
#Content textarea {font-size: 100%;}
.OneColumn #Content {margin: 0;}
.TwoColumns #Content {margin-right: 200px; /* equal #SideBar width */}/*w100*/
#SideBar{
  float: right;
  width: 200px;
  margin: 0;
  padding: 0; /*skin*/
  background: #FFF;
}
#Footer{
  width: 100%;
  position: absolute; /* footer positioning */
  bottom: 0; /* stick to bottom */
  height: 30px;
  overflow: hidden;
  background: #CCC;
  color: #333;
}
#Footer a {color: #333;}
#Header .Panel{
  margin: 0;
  padding: 0;
}
#Content .Panel{
  margin: 0 6px 0 12px;
  padding: 12px 0;
}
#SideBar .Panel{
  margin: 0 10px 0 5px;
  padding: 10px 0;
}
#Footer .Panel{
  margin: 0 10px;
  padding: 10px 0;
}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
/* Links */
.IconLink{
  padding: .3em 0 0 20px;
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-right: 6px;
  text-decoration:none;
}
.IconLink.x16 {
  display: inline-block;
  width:16px;
  height:16px;
  margin:0;
  background-position:center;
  padding:0;
  border:none;
}
.IconLink.x16.mr10 { margin-right:10px;}
.IconKey{
  background-position: 0 0.4em;
  background-repeat: no-repeat;
}
.IconLinkNarrow{
  padding: .3em 0 0 1em;
  background-position: left .8em;
  background-repeat: no-repeat;
  margin-right: .5em;
}
.IconLinkHint{
  padding: .3em 0 0 1.8em;
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-right: .5em;
}
.IconLinkRight{
  padding: .3em 1.8em 0 0;
  background-position: right bottom;
  background-repeat: no-repeat;
  margin-right: .5em;
}
.IconLinkNarrowRight{
  padding: .3em 1em 0 0;
  background-position: right .8em;
  background-repeat: no-repeat;
  margin-right: .5em;
}

.IconLinkBig{
padding: .5em 0 0 1em;
background-position: left .8em;
background-repeat: no-repeat;
margin-right: .5em;
}
.IconLink.mr0, .IconLinkNarrowRight.mr0 {margin-right: 0;}
.HrBorderGray  {
   padding:0;
   margin:0;
   font-size: 1px;
   background: none;
   border: none;
   border-bottom: 1px solid #DBDBDB;
}
.ArrowRight {
  padding:15px;
  margin-left:2px;
  margin-right:2px;
  background: url(../images/icons/custom/arrow_right_lite.gif) right no-repeat;
}
.accounts {background-image: url(../images/icons/16/accounts.png);}
.accountSummary {background-image: url(../images/icons/16/account_summary_16.png);}
.activate {background-image: url(../images/icons/16/notify_16.gif);}
.adminInfo {background-image: url(../images/icons/16/admin_info_16.png);}
.Add {background-image: url(../images/icons/16/add_16.png);}
.ArrowLeft {background-image: url(../images/icons/16/arrow_left_16.png);}
.ArrowRight {background-image: url(../images/icons/16/arrow_right_16.png);}

.Back {background-image: url(../images/icons/16/back_dark_16.png);}
.billing {background-image: url(../images/icons/16/billing.gif);}
.bulletin {background-image: url(../images/icons/16/bulletin.gif);}
.callhistory {background-image: url(../images/icons/16/callhistory_16.gif);}
.callFwd {background-image: url(../images/icons/16/callFwd.gif);}
.callHistory {background-image: url(../images/icons/16/callhistory_16.gif);}
.callScreening {background-image: url(../images/icons/16/callScreening.gif);}
.calendar {background-image: url(../images/icons/16/calendar_16.png);}
.creditCard {background-image: url(../images/icons/16/credit_card_16.png);}
.comment {background-image: url(../images/icons/16/feedback_16.gif);}
.conf {background-image: url(../images/icons/16/conference_16.gif);}
.download {background-image: url(../images/icons/16/download.gif);}
.emails {background-image: url(../images/icons/16/emails.gif);}
.extension {background-image: url(../images/icons/16/extension.gif);}
.External {background-image: url(../images/icons/16/reference_16.gif);}
.Failure {background-image: url(../images/icons/16/failure.png);}
.FaxNew {background-image: url(../images/icons/16/checked_16.png);}
.FaxSaved {background-image: url(../images/icons/16/upload.gif);}
.FaxUpload {background-image: url(../images/icons/16/upload.gif);}
.FaxSend {background-image: url(../images/icons/16/send_16.png);}
.Info {background-image: url(../images/icons/16/info_16.png);}
.invoices {background-image: url(../images/icons/16/licenses_16.png);}
.followMe {background-image: url(../images/icons/16/followMe.png);}
.GroupImg {background-image: url(../images/icons/16/group.gif);}
.groupmail {background-image: url(../images/icons/16/voicemail_16.png);}
.groupmanager {background-image: url(../images/icons/16/group.gif);}
.huntgroup {background-image: url(../images/icons/16/huntgroup.gif);}
.Help {background-image: url(../images/icons/16/help.gif);}
.loggedIn{  background-image: url(../images/icons/16/user_16.png);}
.loggedOut{  background-image: url(../images/icons/16/user_dark_16.png);}
.menu {background-image: url(../images/icons/16/menu.gif);}
.modify_ext {background-image: url(../images/icons/16/modify_ext.gif);}
.notify {background-image: url(../images/icons/16/notify.gif);}
.Notify {background-image: url(../images/icons/16/notify.gif);}
.orderHistory {background-image: url(../images/icons/16/billing_16.gif);}
.pagingGroups {background-image: url(../images/icons/16/paging_16.png);}
.parkGroups {background-image: url(../images/icons/16/park_group_16.gif);}
.pin {background-image: url(../images/icons/16/pin.gif);}
.Print {background-image: url('../images/icons/16/print_16.png');}
.Play {background-image: url('../images/icons/16/play_16.png');}
.privacy {background-image: url(../images/icons/16/lock_16.png);}
.schedule {background-image: url(../images/icons/16/clock_16.png);}
.serviceTickets {background-image: url(../images/icons/16/licenses_16.png);}
.singleLines {background-image: url(../images/icons/16/single_line_16.png);}
.sharedLines {background-image: url(../images/icons/16/shared_line_16.png);}
.customerService {background-image: url(../images/icons/16/customerService.gif);}
.setup911 {background-image: url(../images/icons/16/setup911.gif);}
.speed {background-image: url(../images/icons/16/speed.gif);}
.storednum {background-image: url(../images/icons/16/storednum.gif);}
.Scv {background-image: url(../images/icons/16/excel_logo_16.gif);}
.queue {background-image: url(../images/icons/16/queue.png);}
.termAndConditions {background-image: url(../images/icons/16/licenses_16.png);}
.tutorial {background-image: url(../images/icons/16/tutorial.gif);}
.unanswered {background-image: url(../images/icons/16/unanswered.gif);}
.userGuides {background-image: url(../images/icons/16/tutorial.gif);}
.vmNew {background-image: url(../images/icons/16/checked_16.png);}
.vmSaved {background-image: url(../images/icons/16/upload.gif);}

.Delete {background-image: url(../images/icons/16/trash_16.png);}
.Download {background-image: url(../images/icons/16/download_16.png);}
.Forward {background-image: url(../images/icons/16/forward_16.png);}
.Incoming {background-image: url(../images/icons/16/incoming-call_16.png);}
.Outgoing {background-image: url(../images/icons/16/outgoing-call_16.png);}

.IconLink.DeleteSmallHovered  {background-image: url(../images/icons/16/delete_grey_small_10_16.png);}
.IconLink.DeleteSmallHovered:hover  {background-image: url(../images/icons/16/delete_small_16.png);}

.Clear{
  clear: both;
  height: 0;
  visibility: hidden;
}
.ClearBoth{
  clear: both;
}
.Wrapper {overflow: hidden;}
.List.VisibleList {overflow: visible;}
.Hidden, .btn.Hidden {display: none;}
.Invisible {visibility: hidden;}
.Numeric, .RightText {text-align: right;}
.Numeric input {text-align: right;}
.Text {text-align: left;}
.CenterText {text-align: center;}
.Selector {text-align: center;}
.Flag {text-align: center;}
.Centered{
  margin-left: auto;
  margin-right: auto;
}
.LineUp,
.DefaultLi{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.LineUp li{
  float: left;
  white-space: nowrap;
  padding: 0 1em 0 0;
}
.MarkedList {padding-left: 3em;}
.MarkedListNoIndent {padding-left: 1.2em;}
.ListMoreSpace li {margin-bottom: 10px;}
.ListMoreSpace li li {margin-bottom: 0;}
.NoMarkers{
  list-style: none;
  padding-left: 0;
}
.Scrolled {overflow: auto;}
.ScrolledY {overflow-y: auto;}
.WrapTrigger {margin-bottom: .2em;}
.Block{
  margin-bottom: 8px;
  padding-bottom: 2px;
}
.Blocked {display: block;}
.InlineBlocked {display: inline-block; /*display: inline;*/}

.Comments {color: #404040;}
.watermark, .watermark.Error {color: #999;}
.DisabledStyleLite{color: #999;}
.FloatedRight {float: right;}
.FloatedLeft {float: left;}
.NoFloat {overflow: hidden;}
.NoBold {font-weight: normal;}
.NoUnderline, .NoUnderline a, .Filter a.NoUnderline {text-decoration: none;}
a.Tooltip.NoUnderline { border-bottom: none;}
a.NoUnderline:hover, .NoUnderline a:hover {text-decoration: underline;}
.Underline {text-decoration: underline;}
.Uppercase {text-transform: uppercase;}
a.DisabledStyle:hover, a.Tooltip.DisabledStyle {color: #666;}
.DisabledStyleForced,
.DisabledStyleForced * {color: #666 !important;}
.AjaxLoaderBar {background: transparent url(../images/ajax-load-bar.gif) center center no-repeat;}
.AjaxLoaderBar * {visibility: hidden;}
.PRelative {position: relative;}
.PAbsolute  {
  position: absolute;
  top: 0;
  left: 0;
}
.TopDottedStyle {border-top: 1px dotted #666;}
.TopBorderStyle {border-top: 1px solid #666;}
.HeaderStyle {
  background-color: #666;
  background-image: url(../images/backgrounds/bg_group_content.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  color: #fff;
}
.Marked  {font-weight:bold;}
.EvenStyle  {background-color: #FFF;}
.DisabledStyle  {color: #666;}
.CodeStyle  {background: #FFF;}
.FooterStyle  { background-color: #eceded;}
.FooterStyle table td  {background: none;}

ul.ListCircle li{list-style-image: url(../images/icons/16/circle_grey_16.png); list-style-position:inside ;}
ul.ListCircle li ul li{list-style-image: none; list-style-position:outside ;}
.NoTooltipStyle .Tooltip { border:none;}
.NoTooltipStyle .Tooltip.IconLink.x16 { text-decoration:none;}
.NoTooltipStyle a.Tooltip:hover { text-decoration: underline;}

.BorderStyle {border: 1px solid #666;}
.BorderStyleLight {border: 1px solid #DDDDDD;}
.NoBorder, .NoBorder.ModalDialog {border: none;}
.BlueText {color: #08C;}
.BorderBlue {border: #3AA0C3 1px solid;}
.Reg { font-size: 0.9em; vertical-align: top; line-height:1em; text-decoration:none;}

.CutoverStateOff,
.CutoverStateOn {
  padding:140px 10px 10px 10px;
  background-color: #eee;
  width:350px;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.CutoverStateOff {background-image: url('../images/promo/migration-cutover-off.gif');}
.CutoverStateOn {background-image: url('../images/promo/migration-cutover-on.gif');}
.CutoverStateOff.BW {background-image: url('../images/promo/migration-cutover-off-bw.gif');}
.CutoverStateOn.BW {background-image: url('../images/promo/migration-cutover-on-bw.gif');}

.DiskSpace .Capacity{
  float: left;
  padding-right: .5em;
  text-align: right;
  width: 50%;
}
.DiskSpace .Units {text-align: left;}
.DiskSpace {text-align: center;}

.w1 {width: 1%;}
.w5 {width: 5%;}
.w7 {width: 7%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w24 {width: 24%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w33 {width: 33%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w66 {width: 66%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w98 {width: 98%;}
.w100 {width: 100%;}

.fw1 {width: 1px;}
.fw10 {width: 10px;}
.fw20 {width: 20px;}
.fw30 {width: 30px;}
.fw40 {width: 40px;}
.fw45 {width: 45px;}
.fw50 {width: 50px;}
.fw60 {width: 60px;}
.fw65 {width: 65px;}
.fw70 {width: 70px;}
.fw80 {width: 80px;}
.fw85  {width: 85px;}
.fw90  {width: 90px;}
.fw95  {width: 95px;}
.fw100 {width: 100px;}
.fw110 {width: 110px;}
.fw120 {width: 120px;}
.fw125 {width: 125px;}
.fw135 {width: 135px;}
.fw140 {width: 140px;}
.fw145 {width: 145px;}
.fw150 {width: 150px;}
.fw155 {width: 155px;}
.fw160 {width: 160px;}
.fw175 {width: 175px;}
.fw200 {width: 200px;}
.fw206 {width: 206px;}
.fw210 {width: 210px;}
.fw220 {width: 220px;}
.fw230 {width: 230px;}
.fw235 {width: 235px;}
.fw250 {width: 250px;}
.fw260 {width: 260px;}
.fw270 {width: 270px;}
.fw275 {width: 275px;}
.fw280 {width: 280px;}
.fw290 {width: 290px;}
.fw300 {width: 300px;}
.fw310 {width: 310px;}
.fw315 {width: 315px;}
.fw340 {width: 340px;}
.fw345 {width: 345px;}
.fw350 {width: 350px;}
.fw360 {width: 360px;}
.fw400 {width: 400px;}
.fw410 {width: 410px;}
.fw420 {width: 420px;}
.fw450 {width: 450px;}
.fw500 {width: 500px;}
.fw530 {width: 530px;}
.fw540 {width: 540px;}
.fw550 {width: 550px;}
.fw560 {width: 560px;}
.fw600 {width: 600px;}
.fw630 {width: 630px;}
.fw650 {width: 650px;}
.fw700 {width: 700px;}
.fw715 {width: 715px;}
.fw720 {width: 720px;}
.fw800 {width: 800px;}
.fw900 {width: 900px;}
.fw1000 {width: 1000px;}
.fw1100 {width: 1100px;}

.h0 {height: 0;}
.h10 {height: 10px;}
.h20 {height: 20px;}
.h23 {height: 23px;}
.h26 {height: 26px;}
.h30 {height: 30px;}
.h35 {height: 35px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h55 {height: 55px;}
.h60 {height: 60px;}
.h70 {height: 70px;}
.h80 {height: 80px;}
.h100 {height: 100px;}
.h120 {height: 120px;}
.h130 {height: 130px;}
.h150 {height: 150px;}
.h190 {height: 190px;}
.h200 {height: 200px;}
.h230 {height: 230px;}
.h250 {height: 250px;}
.h300 {height: 300px;}
.hp100 {height: 100%}

.mih45 {min-height: 45px;}
.mih80 {min-height: 80px;}
.mih100 {min-height: 100px;}
.mih160 {min-height: 160px;}
.mih600 {min-height: 600px;}
.mh300 {max-height: 300px;}
.mh400 {max-height: 400px;}
.mh500 {max-height: 500px;}

.miw70  {min-width: 70px;}
.miw100 {min-width: 100px;}
.miw150 {min-width: 150px;}
.mfw800 {min-width: 800px;}
.mfw820 {min-width: 820px;}
.miw900 {min-width: 900px;}

.mw35  {max-width: 35%;}
.mw80 {max-width: 80%;}
.mw240  {max-width: 240px;}
.maxw800 {max-width: 800px;}
.mfw900 {max-width: 900px;}
.mw900  {max-width: 900px;}
.mw1000  {max-width: 1000px;}
.mw1100  {max-width: 1100px;}
.mw1200  {max-width: 1200px;}

.m0  {margin: 0;}
.ml3 {margin-left: 3px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20,
.Filter span.ml20  {margin-left: 20px;}
.ml27 {margin-left: 27px;}
.ml37 {margin-left: 37px;}
.ml40 {margin-left: 40px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml250 {margin-left: 250px;}
.ml0 {margin-left:0;}

.mr0 { margin-right:0;}
.mr5,
.List input[type="checkbox"].mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr40 {margin-right: 40px;}
.mr60 {margin-right: 60px;}
.mr200 {margin-right: 200px;}

.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb2 {margin-bottom: 2px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}

.mt5 {margin-top: 5px;}
.mt3 {margin-top: 3px;}
.mt2 {margin-top: 2px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mtm20 {margin-top: -20px;}

.mbt2 {
  margin-bottom:2px;
  margin-top:2px;
}

.m3  {margin: 3px;}
.p0  {padding: 0px;}
.p20  {padding: 20px;}
.top2 {top: 2px;}
.topm2 {top: -2px;}

.pl3 {padding-left: 3px;}
.pl5 {padding-left: 5px;}
.pl8 {padding-left: 8px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl80  {padding-left: 80px;}
.pl0  {padding-left: 0px;}

.pt0 {padding-top: 0;}
.pt2 {padding-top: 2px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}

.pb0 {padding-bottom: 0;}
.pb2 {padding-bottom: 2px;}
.pb5 {padding-bottom: 5px;}
.pb7 {padding-bottom: 7px;}
.pb10 {padding-bottom: 10px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr40 {padding-right: 40px;}

.p3 {padding: 3px;}
.p4 {padding: 4px;}
.p5 {padding: 5px;}
.p7 {padding: 7px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p0 {padding: 0;}
.p2  {padding: 2px;}

.fs06  {font-size: 0.6em;}
.fs08  {font-size: 0.8em;}
.fs09  {font-size: 0.9em;}
.fs10 {font-size: 1.0em;}
.fs11 {font-size: 1.1em;}
.fs12 {font-size: 1.2em;}
.fs13 {font-size: 1.3em;}
.fs14 {font-size: 1.4em;}
.fs16 {font-size: 1.6em;}

.lh15 {line-height:1.5em;}
.lh17 {line-height:1.7em;}
.lh18 {line-height:1.8em;}
.lh25 {line-height:2.5em;}
select.fw150 {width: 154px;}
select.fw200 {width: 206px;}
select.fw230 {width: 236px;}
select.fw250 {width: 256px;}

.fw140Input input { width: 140px;}
.fw300Input input { width: 300px;}

.TopLabel {margin-top: 3px;}
.FixedPricing.TopAbsolute_25 {top: -25px;}
.FixedPricing.TopAbsolute_25 {top: -25px;}
input[type=text], select, option, textarea {font-family: Tahoma, Arial, Helvetica, Sans-Serif;}
.ui-datepicker-trigger {padding-left:3px;}

.Error, .ErrorStyle, .Red {color: red;}
.error, .ErrorStyleAlt{
  background: #F2DEDE;
  color: #B94A48;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.WarningStyleAlt{
  background: #FBB450;
  color: #fff;
}
.WhiteColor{color: #fff;}
.WhiteColor:hover{color: #fff;}
.ErrorStyleAlt a, .WarningStyleAlt a {color: #fff;}
a.ErrorStyle, a.ErrorStyle:hover, .ErrorStyle a:hover {color: red;}
.UndefinedStyle {color: #7C6400;}
.OrangeColor {color: #ff6600;}
.BlackColor {color: #000;}
.GreyColor {color: #504f4f;}
.GreyBGColor {background-color: #fafafa;}
.LightGreyColor {color: #ececec;}
.GreyBg {
background: url(../images/backgrounds/big_grey_button.jpg) repeat-x left bottom;
}
.BorderDashedBottom { border-bottom: 1px dashed #ccc;}
.BlueColor {color: #21a6db;}
/*c9a100*/
.AvailableStyle, a.AvailableStyle:hover {color: green;}
.AvailableStyleAlt{
  background: green;
  color: #fff;
}
.DisabledStyleAlt {
  background: #888;
  color: #fff;
}
.CodeStyle{
  font-family: "Courier New" , Courier, monospace;
  white-space: pre;
  margin: .5em 0;
  padding: .5em;
}
.Reguired { color: #CC0000;}
optgroup{ font-style: normal;}
.NotificationStyle{
  background-color: #FF9;
  color: #660;
}
.ChargesBGColor {background-color: #FFFBD0;}
.NotificationStyle a, .NotificationStyle a:hover {color: #660;}
.NotificationStyle.Bordered {border: solid 1px #CC3;}
.NotificationStyle.BorderedBottom {border-bottom: solid 1px #CC3;}
.BorderedTop { border-top: 1px solid #ddd;}
.BorderedBottom { border-bottom: 1px solid #ddd;}
.BorderGrey {border: solid 1px #ddd;}
.BorderGreyDark {border: solid 1px #666;}
.ActionLink{
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: right center;
  white-space: nowrap;
}
.ActionLink.Collapsed {background-image: url(../images/icons/custom/arrow_down.gif);}
.ActionLink.Expanded {background-image: url(../images/icons/custom/arrow_up.gif);}
.NoWrap {white-space: nowrap;}
.PreWrap {white-space: pre-wrap;}

.ui-autocomplete{
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
#Content .ui-autocomplete { font-size: .8em;}
.ui-helper-hidden-accessible { display:none;}

.ui-widget {font-family: Tahoma, Arial, sans-serif !important;}
.Inline {display: inline;}

.HighlightError  {border: solid 2px #d22;}
.HighlightWarning {border: solid 2px #f91;}

.VAMiddle {vertical-align: middle;}
.VATop, .VATop td {vertical-align: top;}
.VABottom {vertical-align: bottom;}
.VATextTop {vertical-align: text-top;}
.VATextBottom {vertical-align: text-bottom;}
.VABaseline {vertical-align: baseline;}

.Bold {font-weight: bold;}
.Italic {font-style: italic;}
.Draggable:hover {cursor: move;}
.OrangeHover:hover {color: #ff6600; text-decoration: underline;}

.top_idnt {padding: 0.5em 0 0.5em 0;}
.ProgressBarDif.fw500, .ProgressBar.fw500 {width: 500px;}
.ProgressBarDif.fw229 {width: 229px;}
.ProgressBarDif.fw333 {width: 333px;}
.ProgressBarDif.fw166 {width: 166px;}
.Labels .tar {text-align: right; margin-right: 4px;}

.Data td.pb25 {padding-bottom: 25px;}
.opacity06 {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.ToggleBorder {
  border-top:1px dashed #909090;
  /*height:0*/;
}

.ForBorder {
  border:1px solid white;
}
.ForBorder  td {
  border-bottom:1px solid #dbdbdb;
}
.BorderLeft {border-left: 1px solid #CACACA; }
.BorderRight {border-right: 1px solid #ECF2FA; }
.Tree{
margin:0;
padding-left:5px;
}
.Tree>ul{
margin:0;
padding-left:3px;
}
.Tree ul li{
  list-style-type: none;
  border-left: 1px solid #CACACA;
  padding:8px 0 4px 16px;
  margin:0;
  font-weight:normal;
  background: url('../images/icons/custom/tree_key.png') left -2px no-repeat;
}
.Tree ul li i {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#EDEDED));
   -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
   border: 1px solid #CACACA;
  z-index:1;
  margin-left:-8px;
   margin-right:8px;
   padding:2px 6px;
   font-style: normal;
}
.Tree ul li.Selected>i {
  background: #f1f1f1;
   text-shadow: 0 1px 0 #fff;
   color: #333;
}
.Tree ul li a {
text-decoration: none;
}
.Tree ul li ul{
margin-top:2px;
margin-left:0px;
padding-left:2px;
font-style :normal;
}
/*.Tree ul li i{
padding-right:10px;
} */
.btn-group .Selected{font-weight:normal;}
.Tree .Selected{font-weight:bold;}
.Tree ul li .Selected a{font-weight:bold;}
.Tree ul li i{color:#666;}
.Tree .Selected>i{color:#0063AF;}
.Tree ul li:last-child {
  background: url('../images/icons/custom/tree_key_last.png')  left -2px no-repeat;
  border-left: 0px solid #fff;
}
.Tree ul li.Selected:last-child {
background: url('../images/icons/custom/tree_key_last.png') left -2px no-repeat;
border-left: 0px solid #fff;
}
.DashedLink {
  border-bottom: 1px dashed;
  text-decoration: none;
}
.SearchBackground
{
  background-color:#f8f252;
}
td.GrayGradient
{
  background:#ffffff;
	background: -moz-linear-gradient(top, #ffffff 20%, #DDDDDD 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fcfcfc), color-stop(51%,#fafafa), color-stop(100%,#999999));
	background: -o-linear-gradient(top, #ffffff 0%, #fcfcfc 50%, #fafafa 51%, #999999 100%);
	background: linear-gradient(top, #ffffff 0%, #fcfcfc 50%, #fafafa 51%, #999999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999',GradientType=0 );
}
.Highlighted {
  background: #F2F8FF;
}
.BackgroundWhite
{
  background:#ffffff;
}
.RedHover:hover {
   color: #B94A48
}

.BorderLeftSeparated {
  border-left: 1px dashed #DDDDDD;
}
.WithTopFixed {overflow-y: scroll;}
.WithTopFixed #Header {
  position: fixed;
  top: 0;
  width: 100%;
/*  z-index: 10000;*/
}
.WithTopFixed #Content .Panel { padding:0;}
.TopFixed {
  position: fixed;
  /*top: 60px;*/
  /*left: 0;*/
  background: #fff;
  padding-top: 10px;
  overflow: inherit;
  /*margin-left: 12px;*/
}
.TopFixed .List {margin-bottom: 0;}

/*.TopFixed .List .Header {
  -webkit-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);
}*/
.WithTopFixed #SideBar {
  position: fixed;
  right: 0;
  top: 60px;
}
.NewDesigh {background: url(../images/icons/custom/new_design_button.png) left 10px no-repeat;
   height:50px;
   padding-top:10px;
   padding-left:100px;
}
.BordedRadius{  -moz-border-radius: 4px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
   border: 1px solid #D4D4D4; }
/*LargeTabsNavigation*/
.LilacColor
{color: #3366ff;}
.tabsContent
{
min-height:280px;
background-color: #fff;
margin-top:0px;
border-top: 1px solid #D4D4D4;
border: 1px solid #D4D4D4;
 -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
   padding:5px 10px 10px 15px;
   line-height:1.9em;
}
.tabsContent ul{padding-left:0px; padding-top:0px; margin-left:15px; margin-top:5px;}
.tabsContent ul li{list-style-image: url(../images/icons/16/circle_grey_16.png); list-style-position:outside ;}
.tabsContent a {text-decoration:none;  }
.tabsContent a:hover {text-decoration:underline;  }
.LargeTabs{position: relative; margin-top:10px;}

ul.LargeTabsNavigation {
list-style: none;
padding-top: 10px;
height:108px;
position: relative;
margin: 0px;
padding-left: 0px;
}

ul.LargeTabsNavigation li {
display: block;
float:left;
position: relative;
}

ul.LargeTabsNavigation li a {
border: 1px solid transparent;
color: #666;
min-height:35px;
padding-left: 15px;
padding-right: 15px;
text-decoration:none;
padding-top: 72px;
position: relative;
display:block;
width: 87px;
text-align: center;
}
ul.LargeTabsNavigation li a:hover {
color: #3366ff;
}
ul.LargeTabsNavigation li a.selected,
ul.LargeTabsNavigation li a.selected:hover
{
color: #3366ff;
text-shadow: 0 1px 0 white;
background-color: white;
border: 1px solid #DDD;
border-bottom-color: #fff;
cursor: default;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-right-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;

}

ul.LargeTabsNavigation li a.selected:hover
{
color: #3366ff;
text-shadow: 0 1px 0 white;
background-color: white;
border: 1px solid #DDD;
border-bottom-color: #fff;
cursor: default;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-right-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
ul.LargeTabsNavigation li a.AccountMan {background: url(../images/icons/custom/account_man.png) no-repeat 30px 10px;}
ul.LargeTabsNavigation li a.AccountMan.selected,
ul.LargeTabsNavigation li a.AccountMan.selected:hover{background: url(../images/icons/custom/account_man_active.png) no-repeat 30px 10px; background-color: white;}
ul.LargeTabsNavigation li a.AccountMan:hover {background: url(../images/icons/custom/account_man_active.png) no-repeat 30px 10px;}

ul.LargeTabsNavigation li a.LogoTab {background: url(../images/icons/custom/logo_tab.png) no-repeat 32px 10px;}
ul.LargeTabsNavigation li a.LogoTab.selected,
ul.LargeTabsNavigation li a.LogoTab.selected:hover{background: url(../images/icons/custom/logo_tab_active.png) no-repeat 32px 10px; background-color: white;}
ul.LargeTabsNavigation li a.LogoTab:hover {background: url(../images/icons/custom/logo_tab_active.png) no-repeat 32px 10px;}

ul.LargeTabsNavigation li a.InfoTab {background: url(../images/icons/custom/info_tab.png) no-repeat 32px 10px;}
ul.LargeTabsNavigation li a.InfoTab.selected,
ul.LargeTabsNavigation li a.InfoTab.selected:hover{background: url(../images/icons/custom/info_tab_active.png) no-repeat 32px 10px; background-color: white;}
ul.LargeTabsNavigation li a.InfoTab:hover {background: url(../images/icons/custom/info_tab_active.png) no-repeat 32px 10px;}

ul.LargeTabsNavigation li a.UserTab {background: url(../images/icons/custom/users_tab.png) no-repeat 32px 10px;}
ul.LargeTabsNavigation li a.UserTab.selected,
ul.LargeTabsNavigation li a.UserTab.selected:hover{background: url(../images/icons/custom/users_tab_active.png) no-repeat 32px 10px; background-color: white;}
ul.LargeTabsNavigation li a.UserTab:hover {background: url(../images/icons/custom/users_tab_active.png) no-repeat 32px 10px;}

ul.LargeTabsNavigation li a.ProductTab {background: url(../images/icons/custom/graph_tab.png) no-repeat 32px 10px;}
ul.LargeTabsNavigation li a.ProductTab.selected,
ul.LargeTabsNavigation li a.ProductTab.selected:hover{background: url(../images/icons/custom/graph_tab_active.png) no-repeat 32px 10px; background-color: white;}
ul.LargeTabsNavigation li a.ProductTab:hover {background: url(../images/icons/custom/graph_tab_active.png) no-repeat 32px 10px;}

ul.LargeTabsNavigation li a.BillingTab {background: url(../images/icons/custom/billing_tab.png) no-repeat 32px 10px;}
ul.LargeTabsNavigation li a.BillingTab.selected,
ul.LargeTabsNavigation li a.BillingTab.selected:hover{background: url(../images/icons/custom/billing_tab_active.png) no-repeat 32px 10px; background-color: white;}
ul.LargeTabsNavigation li a.BillingTab:hover {background: url(../images/icons/custom/billing_tab_active.png) no-repeat 32px 10px;}


.ForLight {
  background: #FED342;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}
input[type="text"].InputPlusMinus {
  padding:0 10px;
  vertical-align: top;
  height: 22px;
  border:1px solid #CCCCCC;
  text-align: right;
  margin:0;
  border-left: none;
  border-right: none;
  width: 50px;
  line-height: 22px;
  -webkit-border-radius:  0;
  -moz-border-radius: 0;
  border-radius: 0;
}
input[type=radio],
input[type=checkbox]{
  margin: 0;
  margin-right: .3em;
}
/*    for Mac OS switcher   */
.iPhoneCheckContainer {
  -webkit-transform:translate3d(0,0,0);
  position: relative;
  height: 18px;
  cursor: pointer;
  overflow: hidden;
  width:50px!important;
  border: 1px solid #bbbbbb;

}
.iPhoneCheckContainer input {
  position: absolute;
  top: 5px;
  left: 30px;
  opacity: 0;
}
.iPhoneCheckContainer label {
  white-space: nowrap;
  cursor: pointer;
  display: block;
  height: 24px;
  position: absolute;
  width: auto;
  top: 0;
  padding-top:1px;
  overflow: hidden;
}
.iPhoneCheckContainer, .iPhoneCheckContainer label {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}
.iPhoneCheckDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
label.iPhoneCheckLabelOn {
  color: black;
  background: #FCF8E3;
  left: 0;
}
label.iPhoneCheckLabelOff {
  color: #999999;
  text-align: right;
  right: 0;
  background-color: #f5f5f5;
}
label.iPhoneCheckLabelOff span {
  padding-right: 8px;
}
.iPhoneCheckHandle {
  background-position: 0% 0%;
  display: block;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left:0;
  margin-left: -1px;
  border-left: 1px solid #bbbbbb;
  width: 15px!important;
  padding-left: 0;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-attachment: scroll;
}
.iPhoneCheckHandleRight {
  background-position: 0% 0%;
  height: 100%;
  width: 100%;
  padding-right: 3px;
  border-right: 1px solid #bbbbbb;
  padding-left: 3px;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-attachment: scroll;
}
.iPhoneCheckHandleCenter {
  background-position: 0% 0%;
  height: 100%;
  width: 100%;
  border-right: 1px solid #bbbbbb;
  padding-left: 3px;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-attachment: scroll;
}
.iOSCheckContainer {
  position: relative;
  height: 24px;
  cursor: pointer;
  overflow: hidden;
}
.iOSCheckContainer input {
  position: absolute;
  top: 5px;
  left: 30px;
  filter:brown;
  opacity: 0;
}
.iOSCheckContainer label {
  white-space: nowrap;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  cursor: pointer;
  display: block;
  height: 24px;
  position: absolute;
  width: auto;
  top: 0;
  padding-top: 5px;
  overflow: hidden;
}
.iOSCheckContainer, .iOSCheckContainer label {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}
.iOSCheckDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
label.iOSCheckLabelOn {
  color: white;
  background:pink;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  left: 0;
  padding-top: 7px;
}
label.iOSCheckLabelOn span {
	padding-left: 8px;
}
label.iOSCheckLabelOff {
	color: #464646;
	background: yellow;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
	text-align: right;
	padding-top: 7px;
	right: 0;
}
label.iOSCheckLabelOff span {
	padding-right: 8px;
}
.iOSCheckHandle {
	display: block;
	height: 24px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	background: brown;
	padding-left: 3px;
}
.iOSCheckHandleRight {
	height: 100%;
	width: 100%;
	padding-right: 3px;
	background: black;
}
.iOSCheckHandleCenter {
	height: 100%;
	width: 100%;
	background: black;
}
/*   //   for Mac OS switcher   */



ul.SelectBlockNav li {
display: block;
float:left;
position: relative;
background-color: #ededed;
background-image: url(../images/backgrounds/bg_custom_plan_info.jpg);
border: solid 1px #DDD;
/*-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;*/
}
ul.SelectBlockNav li:hover {
border: solid 1px #00a8de;
}
ul.SelectBlockNav li a {
color: #333;
min-height:35px;
padding-left: 15px;
padding-right: 15px;
text-decoration:none;
padding-top: 75px;
position: relative;
display:block;
text-align: center;

}
ul.SelectBlockNav li a:hover {
color: #000;
}
.SelectBlockNav .selected
{
border:2px solid #36a7f3;
text-shadow: 0 1px 0 white;
}

ul.SelectBlockNav li a.Tube {background-position: 100px 10px;}
ul.SelectBlockNav li a.Setup {background-position: 80px 10px;}

.selectedImg
{
  display:block;
  width:100px;
  height:100px;
  position:absolute;
  z-index:1000;
cursor: default;
top:-10px;
right:-15px;
background-image: url(../images/icons/custom/tip_selected.png);
background-repeat:no-repeat;
background-color:transparent;
background-position:right top;
}
a {color: #0063af;}
a:hover {color: #0767b1;}
.ContentStyle, .OddStyle {background-color: #ecf2fa;}
.SelectedStyle {background: #FED342;}
#Header {
  background-color: #007fb2;
  color: #FFF;
}
#Header .Title {
  background-image: url(/images/bg_page_title_row.gif);
  border-bottom-color: #e8f1fa;
  color: #007fb2;
}
.Wording {
  padding: 0;
  margin: 10px 0 10px 0;
}
.ScheduleTable, .ScheduleTable td, .ScheduleTable td td {
  border: 0;
  border-collapse: collapse;
}
.ScheduleTable .MenuBox {
  background-color:#ffffff;
  overflow:visible;
}
.NoWrap tr td {white-space: nowrap;}
.Conference{
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #babdbf;
}

.Conference th{
  background: #ececec;
  padding: 5px;
  border: 1px solid rgb(186, 189, 191);
}
.Conference tr td{
  border: 1px solid #babdbf;
}
.Conference tr td:hover{
  background: #ececec;
}
.ActiveDate{font-weight: bold;}
table.WeeklySchedule {background: url(/img/memory/hr_bg.gif);
  border:none;}
table.WeeklySchedule tr td {border:none;}
table.WeeklySchedule table {background: border:none; border-collapse: collapse;}


.shadetabs ul{
  height: 23px;
  border-bottom: 1px solid #ddd;
  padding:0;
  margin: 0;
}
.shadetabs ul li
{float: left;
list-style: none;
}
.shadetabs ul li a {
  color: #0063af;
background-color: #ffffff;
border: none;

padding: 7px 10px;
margin-right:5px;
}
.shadetabs ul li a:hover {
text-decoration:none;
background-color: #eee;
border-bottom-color: #ddd;
}
.shadetabs ul li.active a {
color: #555555;
cursor: default;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.shadetabs ul li.active a:hover {
background-color: #fff;
}

.muted {
  color: #999999;
}
a.muted:hover,
a.muted:focus {
  color: #808080;
}

#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}