html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
body{line-height:1; color:#7c7c7c; background:#fff; font:.9em Arial,Helvetica,sans-serif;}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
strong{font-weight:bold}
em{font-style:italic}
hr{display:none}
.clear{clear:both}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.floatleft{float:left}
.floatright{float:right}

a:link, a:visited{color:#3e69bd; text-decoration:none}
a:hover{color:#5e89dd; text-decoration:none}
a:active{color:#3e69bd; text-decoration:none}

h1{font-size:2.6em; margin-top:10px; margin-bottom:10px}
h2{font-size:2.1em; margin-top:5px; margin-bottom:5px}
h3{font-size:1.8em; margin-top:5px; margin-bottom:5px}
h4{font-size:1.3em; margin-top:5px; margin-bottom:5px}
h5{font-size:1.2em; margin-top:6px; margin-bottom:2px}
.specialtitle{font-size:2.2em; color:#fff; font-weight:bold; text-shadow:0px -2px 0px #da9400}
.dnisName{font-size:1.3em; color:#000099; font-weight:bold; text-shadow:1px 1px 2px #cccccc}
.extensionName{font-size:1.2em; color:#666; font-weight:bold; text-shadow:1px 1px 1px #cccccc}

p{line-height:1.5em; margin:10px 0 10px 0}

.clue {font-size:0.8em;}

.divider{display:block;clear:both;margin-bottom:14px;padding-top:5px;width:100%;border-top:#cccccc solid 1px;}

.column{float:left; width:300px}
.middle{margin:0px 30px}
.column img{display:block; margin-bottom:5px}
.column2{float:left; width:157px; padding:10px}
.column2 p {font-size:15px;color:#333333;}
.column3{float:left; width:940px; padding:10px}
.column4{float:left; width:200px; padding-right:20px}
.column5{float:left; width:710px; padding-left:20px; margin-left:-1px;}
.lborder{border-left: #999 1px solid;}
.rborder{border-right: #999 1px solid;}
.tborder{border-top: #ccc 1px solid;}
.bborder{border-bottom: #ccc 1px solid;}

.hrfff {color:#FFF}

.height100{height:100px}
.height200{height:200px}
.height275{height:275px}
.height320{height:320px}
.height350{height:350px}
.height400{height:400px}
.height500{height:500px}

.margin5{margin:5px}
.margin10{margin:10px}
.margin20{margin:20px}
.padding2{padding:2px}
.padding5{padding:5px}
.padding10{padding:10px}
.padding20{padding:20px}

.hpadding{padding-left:120px;padding-right:120px}
.shpadding{padding-left:50px;padding-right:0}

/*css3*/
.rcorners{-moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; behavior:url(styles/PIE/PIE.php)}
.rcornersborder{border:2px solid #DFDFDF; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; behavior:url(styles/PIE/PIE.php)}
.dshadow{-webkit-box-shadow:#9 0 3px 15px 1px; -moz-box-shadow:#666 0 3px 15px 1px; box-shadow:#666 0 3px 15px 1px; behavior:url(styles/PIE/PIE.php)}
.dshadow2{-webkit-box-shadow:#666 0 17px 15px 3px; -moz-box-shadow:#666 0 17px 15px 3px; box-shadow:#666 0 17px 15px 3px; behavior:url(styles/PIE/PIE.php)}
.dshadow3{-webkit-box-shadow:#666 1px 1px 1px; -moz-box-shadow:#666 1px 1px 1px; box-shadow:#666 0 1px 1px 1px; behavior:url(styles/PIE/PIE.php)}
.gradient1{background:#fab41e; background:-webkit-gradient(linear,0 0,0 bottom,from(#ffd762),to(#fab41e)); background:-moz-linear-gradient(#ffd762,#fab41e); background:linear-gradient(#ffd762,#fab41e); -pie-background:linear-gradient(#ffd762,#fab41e); behavior:url(styles/PIE/PIE.php)}
.gradient2{background:#3e69bd; background:-webkit-gradient(linear,0 0,0 bottom,from(#5e89dd),to(#3e69bd)); background:-moz-linear-gradient(#5e89dd,#3e69bd); background:linear-gradient(#5e89dd,#3e69bd); -pie-background:linear-gradient(#5e89dd,#3e69bd); behavior:url(styles/PIE/PIE.php)}
.gradient3{background:#eeeeee; background:-webkit-gradient(linear,0 0,0 bottom,from(#cccccc),to(#eeeeee)); background:-moz-linear-gradient(#cccccc,#eeeeee); background:linear-gradient(#cccccc,#eeeeee); -pie-background:linear-gradient(#cccccc,#eeeeee); behavior:url(styles/PIE/PIE.php)}

#stripe1{position:absolute;   top:90px;   left:0;   width:100%;   height:20px;   background-color:#fab41e}
#stripe2{position:absolute;   top:110px;   left:0;   width:100%;   height:50px;   background-color:#ffd762}

#wrapper{position:relative; width:960px; margin:0 auto; text-align:left}

#content{position:absolute; top:400px; height:100%; margin-bottom:20px; width:100%}
#content2{position:absolute; top:180px; height:100%; margin-bottom:20px; width:100%}
#content3{position:absolute; top:140px; height:100%; margin-bottom:20px; width:100%}
#content4{position:absolute; top:70px; height:100%; margin-bottom:20px; width:100%}

#navSite{float:right; }
#navSite li{display:inline; margin-left:15px; font-size:.9em; font-weight:bold}
#navSite a.current{color:#000;   text-decoration:underline}
#navSite a{text-decoration:none}
#navSite a:hover{text-decoration:underline}

#breadcrumbs{margin-bottom:10px;}

#logoMain{clear:both;   margin:5px 0 0 0}
#logoMain p{margin:-5px 0 0 39px}

#contactInfo{position:absolute;   top:28px;   left:400px}

#navMain{position:absolute; top:100px;   }
#navMain li{float:left;   font-size:1.7em;   font-weight:bold;   color:#fff;   height:48px; }
#navMain li a{color:#fff;   text-decoration:none;   display:block; height:100%;   background-color:#3e69bd;   padding:15px 10px 0 10px;   text-align:center;   border-right:1px solid #ccc}
#navMain li a:hover{background-color:#5e89dd}
#navMain li.navMainActive a{background-color:#5e89dd}


#searchExtension{float:right; width: 100%; position:absolute; top:123px;  background-color:#3e69bd;   text-align:right;   height:40px;   padding:0;}
#searchExtension form{margin:5px;}
#searchExtension input{font-size:1.2em;}

#extensionKeywords{color:#999;   padding-left:7px;   width:295px}
#extensionKeywords2{color:#999;   padding-left:7px;   width:255px}
#extensionKeywordsClue{margin-left:-250px;   margin-top:30px;   text-align:left}

#bannerMain{position:absolute;   top:180px;   height:200px;   width:100%;   background-image:url('../images/AnimationIntro.jpg');   background-repeat:no-repeat;   background-color:#fab41e}
#bannerMainText{width:535px;   margin:20px 0 20px 405px}

#footer{font-size:.85em;   background-color:#999;   text-align:center;   margin-top:20px;   color:#fff;   padding:5px 0 5px 0}

#signUp{display:none;   position:absolute;   top:170px;   width:400px;   padding:10px;   background-color:#5e89dd;   color:#fff;   z-index:1}

.signuppricing{background-color:#ffd762; color:#7c7c7c; border:2px solid #fff; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; behavior:url(styles/PIE/PIE.php)}
.signuppricing:hover{background-color:#5e89dd; color:#FFF; margin-top:5px; -webkit-box-shadow:#999 0 2px 2px 2px; -moz-box-shadow:#999 0 2px 2px 2px; box-shadow:#999 0 2px 2px 2px; border:2px solid #7c7c7c; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; behavior:url(styles/PIE/PIE.php)}
.signuppricingactive{background-color:#5e89dd; color:#FFF; margin-top:5px; -webkit-box-shadow:#999 0 2px 2px 2px; -moz-box-shadow:#999 0 2px 2px 2px; box-shadow:#999 0 2px 2px 2px; border:2px solid #7c7c7c; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; behavior:url(styles/PIE/PIE.php)}

#features{display:none;   position:absolute;   top:170px;   left:250px;   width:400px;   padding:10px;   background-color:#5e89dd;   color:#fff;   z-index:1}

.inputClue{background:#FFC url(../images/hint.gif) no-repeat scroll -10px 5px;   border:1px solid #C93;   display:none;   margin-left:6px;   padding:0.5em;   position:absolute;   width:225px;   font-size:small;   z-index:1}
.inputClue .inputCluePointer{position:absolute;   left:-10px;   width:10px;   height:19px;   background:url(../images/hint.gif) left top no-repeat;  top:0px}

#searchLogo{float:left;margin-top:10px}
#searchPage{float:left;margin:20px 20px 5px 20px;}
#searchNav{float:right;margin:20px 20px 5px 20px;}

/*forms*/

table td {padding:5px}
INPUT.dvl{color:#999}
.textfield{height:18px; padding:5px; width:300px; font-size:16px}
.textfield40{height:18px; padding:5px; width:40px; font-size:16px}
.textfield75{height:18px; padding:5px; width:75px; font-size:16px}
.textfield100{height:18px; padding:5px; width:100px; font-size:16px}
.textfield400{height:18px; padding:5px; width:400px; font-size:16px}
.textfield200{height:18px; padding:5px; width:200px; font-size:16px}
.logintextfield{height:30px; padding:5px; width:200px; font-size:16px}
.selectdrop{height:33px; padding:5px; font-size:16px}
.textarea100{height:100px; padding:5px; width:300px; font-size:16px}
.textarea150{height:150px; padding:5px; width:680px; font-size:16px}
.textarea300{height:300px; padding:5px; width:300px; font-size:16px}
.textarea400{height:150px; padding:5px; width:400px; font-size:16px}
.button{width:150px; color:#fff; font-size:16px; height:40px; background-color:#3e69bd; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; behavior:url(styles/PIE/PIE.php)}
.button:hover{background-color:#5e89dd}
.buttonflex{color:#fff; font-size:16px; height:40px; background-color:#3e69bd; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; behavior:url(styles/PIE/PIE.php)}
.buttonflex:hover{background-color:#5e89dd}
.fortebtn{background-color:#3e69bd !important; border-width:2px !important; border:2px solid !important; border-color: rgb(118, 118, 118) rgb(133, 133, 133) !important; }
.warning{font-size:13px; color:#F33}
.statusDetailArea{padding:5px;font-size:15px;width:450px;height:200px;}
.charCount{font-size:11px;color:#999;margin:0;}
.preset{font-size:.9em;cursor:pointer;color:#3e69bd;line-height:normal;margin-top:5px;border-top:1px solid #ccc;padding-top:3px;}
.preset:hover{color:#5e89dd;}

/*favorites*/
.star0{display:block;width:25px;height:23px;background:url("../images/starrollover.jpg") no-repeat 0 0;}
.star0:hover{ background-position: 0 -24px;}
.star1{display:block;width:25px;height:23px;background:url("../images/starrollover.jpg") no-repeat 0 0; background-position: 0 -24px;}
.star2{display:block;width:25px;height:23px;background:url("../images/starrollover.jpg") no-repeat 0 0; background-position: 0 -48px;}
.star3{display:block;width:25px;height:23px;background:url("../images/starrollover.jpg") no-repeat 0 0; background-position: 0 -72px;}
.star4{display:block;width:25px;height:25px;background:url("../images/starrollover.jpg") no-repeat 0 0; background-position: 0 -96px;}
.star5{display:block;width:25px;height:25px;background:url("../images/starrollover.jpg") no-repeat 0 0; background-position: 0 -122px;}
.star6{display:block;width:25px;height:25px;background:url("../images/starrollover.jpg") no-repeat 0 0; background-position: 0 -147px;}
.star7{float:right;display:block;width:25px;height:25px;background:url("../images/starrollover.jpg") no-repeat 0 0; background-position: 0 -222px;}

.subscribe{display:block;margin-left:10px;padding:3px 0 0 29px;height:22px;background:url("../images/starrollover.jpg") no-repeat 0 0; background-position: 0 -197px;}
.subscribe:hover{ background-position: 0 -172px;}

/*vls*/
#colLeft{ float:left;  width:250px}
.rsD{ padding:10px 0 10px 10px; width:100%;  /*background-color:#f3f3f3*/}
.rsE{ padding:10px 0 10px 10px;  width:100%;}
.rsWrapper{ margin-left:60px}
.spnChangeStatus{ margin-right:25px}
.changeStatus{ position:absolute; display:none; width:140px; margin-top:26px;margin-left:3px;padding:5px;background-color:white;border:1px solid #ccc;z-index:1;}
.changeStatus a {margin:3px;border:1px white solid;}
.changeStatus a:hover {margin:3px;border: 1px #5e89dd solid;}
.statusDetailEdit{ width:510px;  height:60px}
.statusColor{ float:left;  margin:5px 10px 0 0;  width:50px;  height:50px}
.statusColor2{ margin:5px 10px 0 0;  width:25px;  height:25px}
.statusCurrent{ color:#000;  font-weight:bold}
.status0{color:#060; font-weight:bold}
.status1{color:#990; font-weight:bold}
.status2{color:#600; font-weight:bold}
.status3{color:#999; font-weight:bold}
/*.mediaPlayer{ float:right}*/
.linkMap{ font-size:.8em}
.logo{margin-right:10px;}
.message{text-align:left;position:absolute;top:-24px;left:0;width:100%;padding:2px 2px 2px 10px;border:solid 1px #cc9933;background-color:#ffffc0;font-size:13px;font-weight:bold;}
.dnisLogo{ float:left;  margin:5px 10px 0 0;  max-width:50px;  max-height:50px}

/*new status image display*/
.statusImage{margin: 2px; width:25px; height:25px; background: transparent url("../images/status.png") -88px 0 no-repeat;}
.cell-11{background-position:-1px -1px}
.cell-12{background-position:-1px -28px}
.cell-13{background-position:-1px -55px}
.cell-14{background-position:-1px -82px}
.cell-15{background-position:-1px -109px}
.cell-21{background-position:-30px -1px}
.cell-22{background-position:-30px -28px}
.cell-23{background-position:-30px -55px}
.cell-24{background-position:-30px -82px}
.cell-25{background-position:-30px -109px}
.cell-31{background-position:-59px -1px;}
.cell-32{background-position:-59px -28px}
.cell-33{background-position:-59px -55px}
.cell-34{background-position:-59px -82px}
.cell-35{background-position:-59px -109px}
.cell-41{background-position:-88px -1px;}
.cell-42{background-position:-88px -28px}
.cell-43{background-position:-88px -55px}
.cell-44{background-position:-88px -82px}
.cell-45{background-position:-88px -109px}


/*other*/
.show_hide {display:none;float:right;margin-right:80px;}

.hrule{border:1px solid #999;margin: 10px 0 10px 0}

.gridcell0{width:20px;padding:12px 0 0 0;}
.gridcell1{float:left;width:70px;padding:5px 5px 5px 0;}
.gridcell1w{width:60px}
.gridcell2{width:250px}
.gridcell3{width:150px}
.gridcell4{width:60px}
.gridcell5{width:70px;}
.gridcell6{width:300px}
.gridcell7{width:410px}
.gridcell9{width:30px}
.borderall{border:1px solid #999;}

.echkbox{float:left;margin:7px 0 0 -10px;}
.dchkbox{float:left;margin:7px 0 0 -10px;}

.slidingDivFav{margin: 0 0 3px 80px;width:560px;}
.slidingDiv{margin: 0 0 3px 60px;width:580px;}

.pageLinks {line-height:22px;margin-top:17px;}
.adminLinks{padding-left:20px;line-height:22px;}
.shareLinks{padding-left:20px;line-height:22px;}


.addthis_toolbox{position:relative; bottom:0px}

#ext_details_right{ width:225px; float:right }
.clean_div{ clear:both; }

/*.success_panel{ background-color:#00CC00; color:#FFFFFF; width:800px; height:50px; padding:5px 5px 5px 5px; }
.failure_panel{ background-color: #993300; color:#FFFFFF; width:800px; height:50px; padding:5px 5px 5px 5px; }*/

/*features*/
ul.feature-list{float:left;clear:right;padding:0;margin:-1em 0 0;}
ul.feature-list li {list-style-type:none;clear:left;float:left;width:100%;padding:1.2em 0 0 0;margin:0.7em 0;border-top:1px dashed #dddddd;}
ul.feature-list li p {line-height: 1.3em}
ul.feature-list li p, ul.feature-list li h5 {margin:0 0 0.2em 118px;color:#000000;}
ul.feature-list li h5 {font-weight:bold;}
.scrshot {float:left; border:1px solid #ccc;margin:0;width:100px;height:80px;-moz-box-shadow:0 2px 4px #e9e9e9;-webkit-box-shadow:0 2px 4px #e9e9e9;-moz-border-radius:0; -webkit-border-radius:0x; -khtml-border-radius:0; border-radius:0;}
a .scrshot {border-color:#7593d4;}
a .scrshot:hover {border-color:#1111cc;}

/*hyperlink icons*/
.addLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 0 no-repeat;}
.editLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -17px no-repeat;}
.keyLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -34px no-repeat;}
.adminLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -51px no-repeat;}
.profileLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -68px no-repeat;}
.usersLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -85px no-repeat;}
.commentLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -102px no-repeat;}
.listLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -119px no-repeat;}
.webLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -135px no-repeat;}
.recordLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -153px no-repeat;}
.listenLink{padding-left:20px;font-size:15px;background: transparent url("../images/icons16.png") 0 -168px no-repeat;}
.listenLinkStatus{width:16px; height:16px; display:block; margin:5px 5px 0 10px; background: transparent url("../images/icons16.png") 0 -168px no-repeat;}
.listenLinkExt{width:16px; height:16px; padding-left:16px; margin-left: 14px; display:block; background: transparent url("../images/icons16.png") 0 -168px no-repeat;}
.deleteLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -187px no-repeat;}
.showLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -202px no-repeat;}
.settingsLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -220px no-repeat;}
.bannersLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -237px no-repeat;}
.linkLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -254px no-repeat;}
.dollarLink{padding-left:20px;background: transparent url("../images/icons16.png") 0 -271px no-repeat;}

ol.help {list-style:outside decimal;margin-left:20px;}
ol.help li {margin-bottom:8px;}
ul.help {list-style:outside disc;margin-left:20px;}
ul.help li {margin-bottom:8px;}

.tipTs {font-size:11px;margin-top:8px;color:#666;}

div.popup,
div.backdrop,
div.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
div.popup {
    display: none;
}
div.backdrop {
    background-color: rgba(0,0,0, 0.8);
}
div.modal-body {
    width: 500px;
    background-color: white;
    padding: 10px 10px 30px 10px;
    border: 1px solid #ccc;
}
div.modal-footer {
    width: 500px;
    background-color: #eee;
    padding: 5px 10px;
}
div.modal-footer button.button {
    margin-right:60px;
}

/* Ensure the link is visually distinct and easy to find */
.accessibility-notice {
    background-color: #f8f9fa;
    padding: 10px;
    #border-bottom: 2px solid #0056b3;
    text-align: center;
    position:absolute; top:0;left:250px;
}

.conforming-link {
    color: #0056b3;
    text-decoration: underline !important; /* Required to distinguish from regular text without relying on color alone */
    font-weight: bold;
    font-size: 1.1rem;
}

.conforming-link:focus {
    outline: 3px solid #ffbf47; /* High visibility focus indicator */
    background-color: #fff;
}