/* 
==========================================================================
Custom Base HTML
========================================================================== 
*/

    .input-findTLD {padding-left:24px !important;background-image: url('/_images/2013/portal/icon_find.png');background-position:5px 8px;background-repeat:no-repeat}
    textarea {resize:none}
    a:focus {outline:0}


/* 
==========================================================================
Bootstrap Overlays
========================================================================== 
*/

    .alert {margin:0 0 20px 0}
    .btn-group > .btn-mini {font-size:11px;line-height:18px}


/* 
==========================================================================
Custom Global Classes
========================================================================== 
*/


/* Page Title
-------------------------------------------------- */
    .tld-pagetitle {margin-bottom:20px}
    .tld-pagetitle p {margin:0;font-size:.9em;color:#999}
    .tld-pagetitle p a {color:#999}
    .tld-pagetitle p a:hover {color:#F46F22}
    .tld-pagetitle h1 {margin:0}

/* Wrapping Columns
-------------------------------------------------- */
    /* TODO: Needs Fallback - http://stackoverflow.com/questions/9478103/multiple-spans-in-one-row-with-twitter-bootstrap */
    .row-fluid.wrap  .span6:nth-child(2n+3) {margin-left:0}
    .row-fluid.wrap  .span4:nth-child(3n+4) {margin-left:0}
    .row-fluid .row-fluid.wrap{margin-left:0}

/* Text Styles
-------------------------------------------------- */
    .blur {color:#999}
    .required {color:#F00}

/* Coming Soon Text
-------------------------------------------------- */
    .coming-soon {text-align:center;border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:20px 0 40px 0}
    .coming-soon strong {font-size:2em}

/* Hero Units
-------------------------------------------------- */
    .hero-unit {text-align:left;padding:30px 20px;margin:0 0 20px 0;line-height:1.2em;background-image:-moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background-image:-o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background-image:-ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background-image:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%)}
    .hero-unit h1 {font-weight:normal;margin:0;font-size:40px;margin-bottom:10px}
    .hero-unit h2 {font-weight:normal;margin:0;font-size:25px;line-height:1.2em}
    .hero-unit .description {opacity:0.8}
    .hero-unit a.lnk {color:#EEE;text-decoration:underline}
    .hero-unit a.lnk:Hover {color:#FFF;text-decoration:underline}

/* Horizontal Rules
-------------------------------------------------- */
    hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
    hr.soften {height:1px;margin:35px 0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));border:0}
    hr.dotted {border-top:1px dotted #CCC;border-bottom:1px dotted #FFF}

/* MISC
-------------------------------------------------- */
    .domain {text-transform:uppercase}
    .align-right {text-align:right}
    .up-level::after {content:" \21D1"}
    .input-multiple {margin-top:3px;position:relative;top:-3px}
    .control-text {padding-top:5px}
    .badge-hero {background:#3399FF}


/* 
==========================================================================
Page Specific Classes
========================================================================== 
*/


 /* Sidenav
    -------------------------------------------------- */
    .sCnt .sidenav {width:100%;margin:30px 0 0;padding:0;background-color:#fff;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.065);box-shadow:0 1px 4px rgba(0,0,0,.065)}
    .sCnt .sidenav > li > a {display:block;margin:0 0 -1px;padding:8px 14px;border:1px solid #e5e5e5}
    .sCnt .sidenav > li:first-child > a {-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}
    .sCnt .sidenav > li:last-child > a {-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}
    .sCnt .sidenav > .active > a {position:relative;z-index:2;padding:9px 15px;border:0;text-shadow:0 1px 0 rgba(0,0,0,.15);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);box-shadow:inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1)}
    .sCnt .sidenav > .active > a,
    .sCnt .sidenav > .active > a:Hover {background-color:#3399FF}
    /* Chevrons */
    .sCnt .sidenav .icon-chevron-right {float:right;margin-top:2px;margin-right:-6px;opacity:.25}
    .sCnt .sidenav > li > a:hover {background-color:#f5f5f5}
    .sCnt .sidenav a:hover .icon-chevron-right {opacity:.5}
    .sCnt .sidenav .active .icon-chevron-right,
    .sCnt .sidenav .active a:hover .icon-chevron-right {background-image: url(../img/glyphicons-halflings-white.png);opacity:1}


/* Discovery Pages
-------------------------------------------------- */

     /* Hero Units */
    .hero-unit.watchlist {background-color:#303030;color:#FFF;-webkit-border-radius:0;border-radius:0;margin-bottom:-20px}
        .hero-unit.watchlist.alt1 {border-radius: 6px 6px 6px 6px}
        .hero-unit.watchlist  P {color:#EEE} 
    .hero-unit.sunrise {background-color:#303030;color:#FFF;-webkit-border-radius:0;border-radius:0;margin-bottom:-20px}
        .hero-unit.sunrise.alt1 {border-radius: 6px 6px 6px 6px}
        .hero-unit.sunrise  P {color:#EEE} 
        .hero-unit.sunrise .slink  A {color:#FFF;text-decoration:underline} 
    .hero-unit.landrush {background-color:#303030;color:#FFF;-webkit-border-radius:0;border-radius:0;margin-bottom:-20px}
        .hero-unit.landrush.alt1 {border-radius: 6px 6px 6px 6px}
        .hero-unit.landrush  P {color:#EEE} 
    .hero-unit.preregister {background-color:#303030;color:#FFF;-webkit-border-radius:0;border-radius:0;margin-bottom:-20px}
        .hero-unit.preregister.alt1 {border-radius: 6px 6px 6px 6px}
        .hero-unit.preregister  P {color:#EEE} 
    .hero-unit.watchlist .container,
    .hero-unit.sunrise .container,
    .hero-unit.landrush .container,
    .hero-unit.preregister .container {width:1000px;padding-bottom:0}

    /* TLD Filters */
    .tld-filters h3 {margin:0 0 10px 0;font-size:18px;color:#777;line-height:1.2em}
    .tld-filters label input {margin-top:-3px}
    .tld-filters .tld-search {padding:0;border-bottom:3px double #ddd}
    .tld-filters .tld-search input {padding-left:24px !important;background-image: url('/_images/2013/portal/icon_find.png');background-position:5px 7px;background-repeat:no-repeat}
    .tld-filters .tld-type {padding:10px 0;border-bottom:3px double #ddd}
    .tld-filters .tld-category {padding:10px 0}

    /* Box: TLDs */
    .box-tld {padding:4px 0;margin-bottom:0;border:1px dotted #ccc;border-width:1px 0 0 0;-webkit-border-radius:0;border-radius:0}
    .box-tld .tld-desc {margin-top:5px}
    .box-tld .blur {font-size:0.9em}

    /* Box: Phases */
    .box-phase h3 {margin:0}

    /* Box: News */
    .box-news {margin-top:20px}
    .box-news ul {margin:0;padding:0;list-style:none;border-top:1px dotted #CCC;margin:5px 0}
    .box-news li {border-bottom:1px dotted #CCC;line-height:1em;padding:3px 0}
    .box-news .date {color:#999;font-size:12px}

    /* News */
    .overview-news .recent-news {overflow:hidden;}
    .overview-news .recent-news h5 {margin:0 0 5px 0; font-weight:bold}
    .overview-news .recent-news ul {float:left;margin:0;padding:0;list-style:none;width:101%;margin-left:-1%}
    .overview-news .recent-news li {float:left;position:relative;width:32.3%;margin-left:1%;margin-bottom:1%;min-height:60px;background:#f9f9f9;border:0;border:1px solid #ddd;padding:5px;font-size:12px;line-height:14px; -webkit-border-radius:5px;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
    .overview-news .recent-news li a {font-weight:bold}
    .overview-news .recent-news li em {display:block;color:#999}

    /* Box: Radio Set Box */
    .box-radioset {background:#EEE;padding:5px 10px}
    .box-radioset input {margin-top:2px}

    /* Overview */
    .tld-video .modal-body {margin:0;padding:0}


    
/* Info Pages
-------------------------------------------------- */

    /* News Page */
    .tld-news p {margin-bottom:20px}
    .tld-news .date {color:#999;font-size:12px}

    /* News Archive Page */
    .tld-archive p {margin-bottom:10px;line-height:1em}
    .tld-archive .date {color:#999;font-size:12px}

    /* News Article Page */
    .tld-article .date {color:#999;border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:10px 0}


/* Preconfigure Page
-------------------------------------------------- */

    /* Queue Preconfig */
    .sldlist {padding:0;margin:0;list-style:none;border-top:1px dotted #CCC;position:relative;min-height:150px}
    .sldlist li {border-bottom:1px dotted #CCC;padding:5px 0 5px 5px;}
    .sldlist:after {content:'';width:100%;height:150px;position:absolute;bottom:0;left:0;background-image:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));background-image:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background-image:-o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background-image:-ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)}


/* Manage Pages
-------------------------------------------------- */

/* Expandable TR */
    .table .tr-detail td {padding:0;border:0}
    .table .details {background:#f9f9f9;border-top:1px solid #ccc;margin:0;padding:5px 5px 5px 45px}

/* 
==========================================================================
Textures
========================================================================== 
*/


    .highlighted {
        color:#000;
        font-weight:bold;
    }