.cleverSelectHeader{padding:4px 0px; border:solid 1px #bbb; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position:absolute;background-color:#FFF;cursor:pointer;z-index:2000}
.cleverSelectHeader .inner{margin-left:8px;font-weight:bold}
.cleverSelectHeader .icon {float:right;background: url(/scripts/chosen/chosen-sprite.png) 0px 0px no-repeat;width:18px;height:18px}
.cleverSelect {background-color:#FFF}
.cleverSelectList {padding:0px;margin:0px}
.cleverSelectListItem {list-style:none;cursor:pointer;padding:5px; margin:5px; border-radius:5px;}
.cleverSelectListItem p{margin:0px}
.cleverSelectListItem h2{padding:0px !important;margin:0px !important;font-size:15px !important;color:#222 !important}
.cleverSelectList .sel ,.cleverSelectListItem:hover {background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );  
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); 
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  color: #fff;}
  .cleverSelectListItem a {text-decoration:underline !important}
.cleverSelectList .sel a,.cleverSelectList .sel h2 ,.cleverSelectListItem:hover a ,.cleverSelectListItem:hover h2 {color:#fff !important}
.cleverSelectCont {height:28px} 
.cleverSelect .novis{position:absolute;left:-9000px}

#routing_wizard_ajax fieldset           {padding:6px !important; background-color:#E0E0E0 !important; border:none !important; margin:0px 0px 12px 0px !important; width:700px; float:left;}
#routing_wizard_ajax a                  {color:Blue !important;text-decoration:underline !important}
#routing_wizard_ajax .featureButton     {margin-top:0px !important}
#routing_wizard_ajax *                  {font-size:13px }
#routing_wizard_ajax h2                 {font-family:Arial,sans-serif !important;font-size:17px !important;font-weight:bold !important;text-decoration:none !important;border:none !important}
#routing_wizard_ajax table              {margin-bottom:0px !important}

.sidebar #filterform div { height: 24px; margin-bottom: 5px; }
.sidebar #filterform div.customdates { display: none; } 
.sidebar #filterform div label { color: #545454; font-size: 13px; font-weight: normal; float: left;  line-height: 24px; }
.sidebar #filterform div input { float: right; width: 114px; padding: 2px 8px; } 
.sidebar #filterform div select { float: right; width: 132px; height: 24px; padding: 2px 5px; }
.sidebar #filterform div:last-child { margin: 10px 0 0 0; } 
.sidebar #filterform div:last-child button { float: right }

#routing_wizard_ajax #stashedRoutes                             {overflow:hidden;}
#routing_wizard_ajax #stashedRouteList                          {width:700px;}
#routing_wizard_ajax #stashedRoutes .grid                       {width:50%; float:left;}
#routing_wizard_ajax #stashedRoutes .grid .inner                {margin:5px; padding:7px; height:125px; overflow:hidden; position:relative;}
#routing_wizard_ajax #stashedRoutes .route .inner               {padding:6px; border:1px solid #BBB; border-radius:5px; background:#fff; white-space:nowrap;}
#routing_wizard_ajax #stashedRoutes .grid .heading              {display:block; margin-bottom:7px; font-size:16px; font-weight:bold;}
#routing_wizard_ajax #stashedRoutes .route .heading             {position:absolute; bottom:6px; line-height:30px; margin-bottom:0;}
#routing_wizard_ajax #stashedRoutes .routing                    {position:relative; height:90px; overflow:hidden;}
#routing_wizard_ajax #stashedRoutes .routing:after              {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(to top, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 40px), linear-gradient(to left, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 40px);}
#routing_wizard_ajax #stashedRoutes .route .rstep               {line-height:1.5em;}
#routing_wizard_ajax #stashedRoutes .route .rstep h3            {display:inline-block; font-size:13px !important; margin:0 4px 0 0;}
#routing_wizard_ajax #stashedRoutes .route .index               {position: absolute; font-size: 200px; line-height: 125px; font-family: sans-serif; opacity: 0.05; top:6px; right: -25px; font-weight: bold; pointer-events:none;}
#routing_wizard_ajax #stashedRoutes input[type=radio] + label   {position:absolute; bottom:6px; right:6px;}  

.ui-widget-header {border:1px solid transparent !important}

.ivrtable .rstep h3 {display:none}
.ivrtable .rstep {display:inline;border-right:1px solid #888}
table tr.addnewstep td{text-align:center !important;font-size:17px;padding:12px;cursor:pointer}
table tr.addnewstep td:hover{background-color:#FFC}
.audiomapping {float:left;width:400px;margin-right:22px;margin-bottom:5px;  }
.audiomapping select ,.audiomapping .chzn-container{float:right}

/* Default Table */
table.defaultTable {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table.defaultTable tr {
    border: none;
}

table.defaultTable td,
table.defaultTable th {
    padding: 6px;
    vertical-align: top;
    border: none;
}

/* Services List */
    table.defaultTable .packageName {
        display:block;
    }

    table.defaultTable .subNumber,
    table.defaultTable .subPackage {
        display:block;
        margin: 2px 0 0 25px;
    }


.aPlayer 						    {clear:both; width:120px; background:#fff; border-radius:3px; overflow:hidden;}
.aPlayer a                          {display:block; float:left; overflow:hidden; width:20px; height:20px; background-color:#000; text-indent:-9000px;}
.aPlayer.paused .playPause		    {background-image: url('../img/audioPlayerSprites.png'); background-position: 0px 0px; background-repeat: no-repeat;}
.aPlayer.paused .playPause:hover	{background-position: 0px -60px;}
.aPlayer .playPause		            {background-image: url('../img/audioPlayerSprites.png'); background-position: 0px -20px; background-repeat: no-repeat;}
.aPlayer .playPause:hover	        {background-position: 0px -80px; }
.aPlayer        .download           {background-image: url('../img/audioPlayerSprites.png'); background-position: 0px -40px; background-repeat: no-repeat;}
.aPlayer        .download:hover     {background-position: 0px -100px;}
.aPlayer .seekBar				    {position:relative; float:left; background:#fff; width:80px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.aPlayer .timeBar				    {height:18px; background:#ccc; width:0%; pointer-events:none;}
.aPlayer .label					    {position:absolute; top:0; left:0; right:0; text-align:center; line-height:18px; pointer-events:none; font-size:10px;}

/* NON IMG BASED BUTTON */
.btn {min-width: 75px; height: 26px; padding: 0 10px; border-radius: 5px; color: #fff; font-size: 14px;} 
.btnLg {min-width: 160px; height: 31px;} 

input.niceRadio[type=radio]                   {display:none;}
input.niceRadio[type=radio] + label           {display:block; width:90px; height:30px; background:url('/img/acceptButtons.png') 0px 0px; padding-left:10px; color:#fff; line-height:30px;}  
input.niceRadio[type=radio]:checked + label   {background:url('/img/acceptButtons.png') 0px -35px;}

.progressBarAjax {display:none; width: 90%; height: 32px; border: 1px solid #CCC; margin: 0 auto; border-radius: 5px; position: relative;}
.progressBarAjax span {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; line-height: 32px;}
.progressBarAjax .inner {width: 50%; background: #EEE; height: 100%; transition: width 250ms;}

.uploadPanel fieldset h4 {margin:0 0 8px 0;}
.uploadPanel fieldset div {margin-bottom:10px;}
.uploadPanel fieldset div:last-of-type {margin-bottom:0;}

.callPlanInfo               { margin-top: 20px; }
.callPlanInfo .allowanceBar { margin-left: 20px; }
.perUserAllowance           { margin: -10px 0 20px 0; }
.allowanceBar               { margin: 10px 0; }
.allowanceBar .label        { width: 150px; line-height: 24px; float: left; }
.allowanceBar .outer        { height: 24px; border-radius: 5px; position: relative; background: #f0f0f0; overflow: hidden; }
.allowanceBar .inner        { background: #8CBE1F; height: 100%; width:100%; overflow: hidden; }
.allowanceBar .outer span   { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; line-height: 24px; text-align: center; color:#000; }
.allowanceBar .inner span   { color: #fff; }

/* Message List Styling */
#announcementPanel {
    display:flex;
    min-height:500px;
}
        
/* Message List */
#messageList {
    flex: 0 0 280px;
    border-right:1px solid #ddd;
}
#messageList .message {
    position:relative;
    height:50px;
    box-shadow:#ddd 1px 0;
    cursor:pointer;
    border-radius:5px 0 0 5px;
}
#messageList .message div {
    position:absolute;
    line-height:20px;
}
#messageList .message .status {
    top:0;
    left:0;
    bottom:0;
    width:50px;
}
#messageList .message .subject,
#messageList .message .time {
    top:5px;
    left:55px;
    bottom:25px;
    right:5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}       
#messageList .message .time {
    top: 25px;
    bottom:5px;
}
#messageList .loadNext,
#messageList .loadPrev {
    display:block;
    padding:5px;
    margin:0;
    cursor:pointer;    
    text-align:center;
}
#messageList .loadNext:hover,
#messageList .loadPrev:hover {
    background:#ddd;
}
#messageList .loadNext {
    border-top:1px solid #ddd;
    border-radius: 0 0 0 5px;
    margin-top:5px;
}
#messageList .loadPrev{
    border-bottom: 1px solid #ddd;
    border-radius: 5px 0 0 0;
    margin-bottom:  5px;
}


/* Message Status */
#messageList .message .status:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#messageList .message.open:after {
    position:absolute;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 10px;
    border-color: transparent transparent transparent #ddd;
    top: 0;
    right: -11px; /* Account for border */
}
#messageList .message.open                                  { background:#ddd; }
#messageList .message.unread .subject                       { font-weight:bold; }     
#messageList .message.priority_high .status:before          { background-image: url('/img/mailIcons/priorityRead.png'); }   
#messageList .message.unread.priority_high .status:before   { background-image: url('/img/mailIcons/priorityUnread.png'); }
        
/* Message Body */
#messageBody {
    flex: 1 1 auto;
    padding-left:20px;
}
#messageBody .messageHead {
    border-bottom:1px solid #ddd;
    padding:0 0 5px 0;
    margin: 0 0 10px 0;
}
#messageBody .messageHead:after {
    content: "";
    display: table;
    clear: both;
}
#messageBody .messageHead .subject      { margin:0 0 5px 0; }
#messageBody .messageHead .date         { float: right; }
#messageBody .messageHead .priority     { float:left; }

/* Message Popup */
#announcements a {
    display: block;
    position:fixed;
    bottom:10px;
    right:10px;
    border-radius:7px;
    background: #DFDFDF;
    border:1px solid #666;
    text-decoration:none;
    font-weight:normal;
}
#announcements a:hover {
    background:#FFC;
}
#announcements .icon {
    position:relative;
    float:left;
    width:64px;
    height:64px;
    margin:5px 10px;
    background-position:center;
    background-repeat:no-repeat;
}
#announcements .icon span {
    position: absolute;
    top: 1px;
    right: -10px;
    display: block;
    background: #ff0000;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
    font-size: 12px;
    box-shadow: 0px 1px 2px #000;
    color:#fff;
}
#announcements .detail {
    float:left;
    padding:10px;
    max-width:200px;
}
#announcements a.critical .icon {
    background-image:url('/img/mailIcons/priorityUnread.png');
}
#announcements h4 {
    border-bottom:none;
    color:#444;
    font-size:17px;
    font-weight:bold;
    margin:0;
}
#announcements p {
    border-bottom:none;
    color:#444;
    font-size:12px;
    font-weight:normal;
    margin:2px 0 0 0;
}

/* 999 ES Form*/
#es_form .ddbreakout {width:100% !important;}
#es_form .ddbreakout .breakout_i>span {height: initial; clear:both;}
#es_form .ddbreakout span {height: initial;}
#es_form .ddbreakout span>span {display:block; color:#666; margin:4px 0 4px 10px; font-style: italic;}
#es_form .ddbreakout span>label {width:200px !important;}
#es_form .ddbreakout span>input[type="checkbox"] {margin:5px 0;}
.ireland .hideIreland { display:none
}
.showCondIreland {
    display:none;
}
.ireland .showCondIreland { display:block !important
}