/************************************************
 *
 *  File      :   css/cssq.css
 *  Date      :   Saturday, 27 January 2006
 *  Version   :   v1.0
 *  Copyright :   (C) 2006 AC Creations
 *  Email     :   juan@ac-creations.net
 *
 ************************************************
 * Global style settings
 ************************************************/

    * { margin: 0; padding: 0; }

    body { font: 0.8em Verdana, Arial, Helvetica, sans-serif; text-align: center; position: relative; }
    ul   { list-style-type: none; }
    a    { text-decoration: none; color: #a52b2b; border-bottom: 1px dotted #a52b2b; }
    a:hover { color: #2d75ac; }
    input, textarea, button { font: 0.85em Verdana, Arial, Helvetica, sans-serif; }
    input, button { vertical-align: middle; }
    fieldset { border: 0; }
    h2 { position: absolute; left: -9999px; overflow: hidden; }
    .button { padding: 2px 4px; margin-right: 5px; border: 1px solid #000; background-color: #626160; color: #FFF; }
    .errormsg01 { display: block; padding: 1px 0; }
    .errormsg02 { display: inline; }
    .errormsg01, .errormsg02 { font-size: 1em; color: #AB2D24; font-style: normal; }
    .errormsg02 { font-size: 0.85em; }

    /* Text-Indent ******************************/

        h1,
        #navigation ul li a,
        #sidebar ul li a,
        #navigation #search label,
        #navigation #search a,
        .q-header .q-action li a,
        .q-header .q-action li span,
        #login h2 { text-indent: -9999px; overflow: hidden; }

/************************************************
 * Layout Settings
 ************************************************/

    #container,
    #footer #fwrapper { width: 90%; min-width: 750px; margin: 0 auto; text-align: left; overflow: hidden; }

    /* header ***********************************/

        #header { position: relative; overflow: hidden; background-color: #FFF; }
        #header #logolink {
            height: 88px;
            width: 270px;
            position: absolute;
            left: 0;
            top: 0;
            border-bottom: 0;
        }
        #header h1 { height: 88px; width: 270px; float: left; background: #FFF url( ../images/ircq-logo.jpg ) no-repeat; }
        #header ul { float: right; padding-top: 20px; padding-right: 15px; }
        #header ul li { font-size: 0.8em; padding: 3px 0; text-align: right; }
        #header ul li a { color: #a52b2b; border-bottom: 0; }
        #header ul li a span { padding: 0 2px; }
        #header ul li a span.last { padding-right: 0; }

    /* Navigation *******************************/

        #navigation,
        #footer #fwrapper { background: #606060 url( ../images/cssq-navbg.jpg ) repeat-x; overflow: hidden; }
        #navigation ul { float: left; }
        #navigation ul li { display: inline; }
        #navigation ul li a,
        #navigation #search label,
        #navigation #search a {
            height: 30px;
            display: block;
            float: left;
            background-repeat: no-repeat;
            background-position: 0 -60px;
            border-bottom: 0;
        }
        #navigation ul li a:hover,
        #navigation #search a:hover { background-position: 0 -30px; }
        #navigation ul li a.selected,
        #navigation #search a.selected { background-position: 0 0; }

        /* Navigation - Links *******************/

            #navigation ul li a#latest  { width: 69px; background-image: url( ../images/cssq-nav-latest.jpg ); }
            #navigation ul li a#browse  { width: 73px; background-image: url( ../images/cssq-nav-browse.jpg ); }
            #navigation ul li a#random  { width: 69px; background-image: url( ../images/cssq-nav-random.jpg ); }
            #navigation ul li a#topq    { width: 109px; background-image: url( ../images/cssq-nav-mostpopular.jpg ); }
            #navigation ul li a#addq    { width: 88px; background-image: url( ../images/cssq-nav-addq.jpg ); }
            #navigation ul li a#loginb  { width: 43px; background-image: url( ../images/cssq-nav-login.jpg ); }
            #navigation ul li a#nsearch { width: 54px; background-image: url( ../images/cssq-nav-search.jpg ); }

        /* Search *******************************/

            #navigation #quoteid {
                float: right;
                padding-right: 15px;
                background: url( ../images/cssq-navendbg.jpg ) no-repeat 100% 0;
            }
            #navigation #quoteid #qid {
                height: 15px;
                width: 90px;
                margin-top: 6px;
                border: 1px solid #A7A7A7;
                background: #FFF url( ../images/cssq-searchfbg.jpg ) repeat-x;
            }
            #navigation #quoteid label {
                display: block;
                float: left;
                height: 30px;
                width: 63px;
                background: url( ../images/cssq-label-quoteid.jpg ) no-repeat 100% 0;
                text-indent: -9999px;
                overflow: hidden;
            }
            #navigation #quoteid #button { position: absolute !important; display: none; left: -9999px; overflow: hidden;  }

    /* Sponsor *********************************/
    
        #sponsor { width: 728px; height: 90px; margin: 0 auto; padding-top: 15px; margin-bottom: -10px; }
        #sponsor a { border: 0; }
        #sponsor a img { width: 728px; height: 90px; border: 0; display: block; }

    /* Pagebody ********************************/

        #pagebody { padding: 25px 0 10px 0;  }
        #pagebody.admin,
        #pagebody.extra { width: 100%; min-height: 410px; float: left;}
        #pagebody.admin {
            margin-right: 225px;
            background: url( ../images/cssq-pagebodybg.jpg ) no-repeat 100% 0;
        }
        #pagebody.extra { margin-right: 170px; }
        #pagebody.admin #content { margin-right: 225px; }
        #pagebody.extra #content { margin-right: 170px; }
        #pagebody h3 { margin: 0 15px 15px 15px; }
        #pagebody p { line-height: 1.7; margin: 0 15px 15px 15px; font-size: 0.85em; }
        
        /* Content *****************************/
        
        #content table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.85em;
            border-top: 1px solid #dfdfdd;
        }
        #content table thead tr th {
            padding: 8px 5px;
            border-bottom: 1px solid #dfdfdd;
            background: #FFF url( ../images/cssq-table-headerbg.jpg ) repeat-x 0 100%;
        }
        #content table tbody tr td { padding: 7px 5px; }
        #content table tbody tr td.even { background-color: #fafafa; border-left: 1px dotted #d8d7d3; border-right: 1px dotted #d8d7d3; }
        #content table tbody tr td.even.last { border-right: 0; }
        #content table tbody tr td.accepted { background-color: #ecf0dd; }
        #content table tbody tr td.rejected { background-color: #f0dddd; }
        #content table thead tr th.center,
        #content table tbody tr td.center { text-align: center; }
        #content table thead tr th.first,
        #content table tbody tr td.first { padding-left: 15px; white-space: nowrap; }
        #content table#quotes tbody tr:hover { background-color: #FFF; }
        #content table#quotes tbody tr:hover td.ruled { background-color: #eff3f7; }
        #content table#quotes tbody tr:hover td.even { background-color: #fafafa; }
        #content table#quotes tbody tr:hover td.even.ruled { background-color: #eff3f7; }
        #content table tbody tr:hover,
        #content table tbody tr.ruled { background-color: #f7fbff; }
        #content table tbody tr:hover td.even,
        #content table tbody tr.ruled td.even { background-color: #eff3f7; }
        #content table tbody tr td { border-bottom: 1px dotted #d8d7d3; }
        #content table tbody tr td ul li { padding: 0 0 3px 0; overflow: hidden; }
        #content table tbody tr td ul li.last { padding-bottom : 0; }
        #content table tbody tr td ul li span { float: left; width: 2.5em; text-align: right; padding-right: 5px; font-weight: bold; }
        #content table tbody tr td a { border: 0; }
        #content table tbody tr td.ban a,
        #content table tbody tr td.delete a { display: block; height: 10px; width: 12px; margin: 0 auto; text-indent: -9999px; overflow: hidden; }
        #content table tbody tr td.ban a { background-image: url( ../images/cssq-user-banned.gif ); }
        #content table tbody tr td.delete a { background-image: url( ../images/cssq-user-delete.gif ); }
        #content table#quotes tr td { vertical-align: top; }
        
        .leaderboard { width: 728px; margin: 0 auto 15px auto; }
        .banner-ad { width: 468px; margin: 0 auto 15px auto; }
        #small-ad, #medium-ad, #large-ad, #square-ad { float: right; padding-left: 50px;}
        #small-ad  { width: 234px; }
        #medium-ad { width: 180px; margin-top: -15px; }
        #large-ad  { width: 200px; margin-top: -15px; }
        #square-ad { width: 250px; }


        /* Pagination **************************/

            .pagination {
                padding: 5px 15px;
                margin-bottom: 15px;
                border: 1px solid #c8c6c6;
                border-left: 0;
                border-right: 0;
                text-align: center;
                background-color: #fdfdfd;
            }
            .pagination li { display: inline; padding: 0 5px; color: #acabab; font-size: 0.85em; }
            .pagination li a { border: 0; }
            .pagination li a:hover { color: #2d75ac; }
            .pagination li.selected { font-weight: bold; color: #444; }
            .pagination li.first { padding-right: 10px; }
            .pagination li.last  { padding-left: 10px;  }

        /* Q-Headers ***************************/

            .q-header {
                margin-bottom: 15px;
                overflow: hidden;
                background: #F6F6F6 url( ../images/cssq-qheaderbg.jpg ) repeat-x;
            }
            .q-header .q-info li, .q-header .q-action li { display: inline; }

            .q-header .q-info {
                float: left;
                padding: 6px 0 6px 15px;
                background: url( ../images/cssq-qheaderendbg.jpg ) no-repeat 0 0;
            }
            .q-header .q-info li { font-size: 0.85em; padding-right: 8px; }
            .q-header .q-info li strong { font-size: 0.9em; }
            .q-header .q-info li a:hover { border-bottom-color: #2d75ac; }

            .q-header .q-action {
                float: right;
                padding:  7px 15px 6px 0;
                background: url( ../images/cssq-qheaderendbg.jpg ) no-repeat 100% 0;
            }
            .q-header .q-action li a,
            .q-header .q-action li span {
                height: 17px;
                width: 17px;
                display: inline;
                float: left;
                margin-left: 4px;
                border-bottom: 0;
            }
            .q-header .q-action li.rank {
                line-height: 17px;
                float: left;
                display: inline;
                text-indent: 0;
                font-size: 0.85em;
                padding-right: 5px;
            }
            .q-header .q-action li.rank strong { font-size: 0.90em; }
            .q-header .q-action li a.v-up { background: url( ../images/cssq-qheader-vup.jpg ) no-repeat; }
            .q-header .q-action li a.v-down { background: url( ../images/cssq-qheader-vdown.jpg ) no-repeat; }
            .q-header .q-action li span.v-up { background: url( ../images/cssq-qheader-vup-off.jpg ) no-repeat; }
            .q-header .q-action li span.v-down { background: url( ../images/cssq-qheader-vdown-off.jpg ) no-repeat; }
            .q-header .q-action li a.q-del { background: url( ../images/cssq-qheader-del.jpg ) no-repeat; }
            .q-header .q-action li a.q-accept { background: url( ../images/cssq-qheader-accept.jpg ) no-repeat; }

        /* Add Quote **************************/

            #addquote,
            #regchannel form,
            #regnetwork form,
            #popup form,
            #confirmation { margin: 0 0 15px 0; padding: 14px; background-color: #f2f2f1; border: 1px solid #dfdfdd; }
            #addquote div,
            #regchannel div,
            #regnetwork div,
            #popup form div { margin: 0; padding-bottom: 5px; }
            #addquote div label,
            #regchannel div label,
            #regnetwork div label,
            #popup form div label { display: block; padding-bottom: 5px; font-size: 0.8em; }
            #addquote div#buttons,
            #regchannel div#regbuttons,
            #regnetwork div#regbuttons,
            #popup form div#regbuttons { padding-bottom: 0; }
            #addquote div#buttons label,
            #regchannel div#regbuttons label,
            #regnetwork div#regbuttons label,
            #popup form div#regbuttons label { display: inline; }
            #addquote div .textfield,
            #regchannel div .textfield,
            #regnetwork div .textfield,
            #popup form div .textfield,
            #addquote div textarea { padding: 2px; border: 1px solid #dfdfdd; }
            #addquote div img { display: block; margin-bottom: 5px; border: 1px solid #dfdfdd; }
            #addquote div .textfield { width: 250px; }
            #addquote div textarea { height: 200px; width: 98%; }
            #quoteForm div div#qshow {
                height: 150px;
                background-color: #FFF;
                border: 1px solid #dfdfdd;
                overflow: auto;
                margin-bottom: 10px;
                padding-bottom: 0;
            }
            #qshow p { margin: 5px; font-size: 0.8em; }
            
            /* Quote info **********************/
            
                #addquote #quoteinfo { overflow: hidden; }
            
            /* Userinfo / Server info **********/
            
                #addquote #userinfo, #addquote #serverinfo { float: left; width: 49%; }
                #addquote #userinfo select,
                #addquote #serverinfo select,
                #regchannel select,
                #popup form select { width: 200px; padding: 2px; font-size: 0.85em; }
                
            
        /* Searchform **************************/
        
            #searchform { overflow: hidden; }
            #searchform fieldset { width: 40em; padding-bottom: 20px; margin: 0 auto; }
            #searchform label { display: block; float: left; padding: 3px 5px; font-size: 0.8em; font-weight: bold; }
            #searchform ol { float: left; width: 19.5em; padding-left: 5px; list-style-position: inside; }
            #searchform ol li { font-size: 0.85em; line-height: 1.4; }
            #searchform .textfield { width: 32em; padding: 3px; border: 1px solid #dfdfdd; }
            
            /* searchform: sort/show **********/
            
                #sort, #show { width: 8.4em; float: left; }
                #sort label, #show label { display: block; float: none; padding-left: 0; }
                #sort select, #show select { font-size: 0.9em; }
                #sort select option, #show select option { padding-bottom: 2px; }
                
            /* Searchform: field **************/
            
                #searchfield { margin-bottom: 10px; }
                
        /* Searchresult ***********************/
        
            #searchresult { border-top: 1px solid #dfdfdd; }
            #searchresult h3 { padding: 20px 0; }

        /* login ******************************/

            #login { width: 450px; }
            #login h2 { height: 40px; background: #FFF url( ../images/cssq-header-login.jpg ) no-repeat -3px 0; }
            #login p { padding: 10px 17px 10px 0; }
            #login div { width: 176px; padding-bottom: 5px; float: left; padding-left: 17px; }
            #login div label { padding: 5px 0; display: block; font-weight: bold; font-size: 0.8em; }
            #login div label span { font-weight: normal; font-size: 1em; }
            #login div .textfield { width: 160px; }
            #login div#submit { padding: 5px 0 10px 17px; float: none; clear: both; }
            #login div#submit em { padding-left: 15px; }
            
        /* Register ***************************/
        
            #register { overflow: hidden; }
            #register #regchannel h2, #register #regnetwork h2 { position: relative; left: auto; text-indent: -9999px; height: 30px; }
            #register #regnetwork #regnetworkheader { background: #FFF url( ../images/ircq-regnetworkheader.jpg ) no-repeat; }
            #register #regchannel #regchannelheader { background: #FFF url( ../images/ircq-regchannelheader.jpg ) no-repeat; }
            #register #regchannel, #register #regnetwork { width: 48%; }
            #register #regchannel { float: left; }
            #register #regnetwork { float: right; }
            #regchannel .textfield, #regnetwork .textfield, #popup .textfield { width: 98%; }
            #regchannel legend, #regnetwork legend, #popup legend {
                width: 100%;
                color: #507597;
                padding-bottom: 10px;
            }
            
        /* Popup *********************/
        
            #overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 5;
            }
        
            #popup {
                text-align: left;
                position: absolute;
                z-index: 10;
                top: 95px;
                left: 50%;
                width: 500px;
                margin:0 0 30px -250px;
                background: #5a7c96 url( ../images/ircq-regpopbg.jpg ) repeat-x;
                border: 1px solid #10497a;
            }
            #popup h2 {
                position: relative;
                left: auto;
                text-indent: -9999px;
                height: 44px;
                float: right;
            }
            #popup h2#register-header { width: 145px; background: url( ../images/ircq-regpopheader.jpg ) no-repeat; }
            #popup h2#feedback-header { width: 94px; background: url( ../images/ircq-feedbackpopheader.jpg ) no-repeat; }
            #popup h2#qnetwork-header { width: 152px; background: url( ../images/ircq-networkpopheader.jpg ) no-repeat; }
            #popup h2#qchannel-header { width: 146px; background: url( ../images/ircq-channelpopheader.jpg ) no-repeat; }
            #popup h2#qquotes-header  { width: 125px; background: url( ../images/ircq-quotepopheader.jpg ) no-repeat; }
            #popup ul {
                width: 215px;
                height: 31px;
                float: left;
                padding: 15px 0 0 15px;
            }
            #popup ul li {
                width: 106px;
                height: 31px;
                display: block;
                float: left;
                text-indent: -9999px;
                background-repeat: no-repeat;
                background-position: 0 0;
                cursor: pointer;
            }
            #popup ul li#popup-nav-channel {
                margin-right: 3px;
                background-image: url( ../images/ircq-regpopnavchannel.jpg );
            }
            #popup ul li#popup-nav-network {
                background-image: url( ../images/ircq-regpopnavnetwork.jpg );
            }
            #popup ul li#popup-nav-feedback { width: 91px; background-image: url( ../images/ircq-fbkpopnavfeedback.jpg ); }
            #popup ul li#popup-nav-qedit { width: 96px; background-image: url( ../images/ircq-quepopnaveditquote.jpg ); } 
            #popup ul li#popup-nav-nedit { width: 133px; background-image: url( ../images/ircq-quepopnaveditnetwork.jpg ); }
            #popup ul li#popup-nav-cedit { width: 133px; background-image: url( ../images/ircq-quepopnaveditchannel.jpg ); }
            #popup ul li#popup-nav-qreject { width: 131px; background-image: url( ../images/ircq-quepopnavrejectquote.jpg ); }
            #popup ul li#popup-nav-nreject { width: 150px; background-image: url( ../images/ircq-quepopnavrejectnetwork.jpg ); }
            #popup ul li#popup-nav-creject { width: 150px; background-image: url( ../images/ircq-quepopnavrejectchannel.jpg ); }
            #popup ul li#popup-nav-channel.selected,
            #popup ul li#popup-nav-network.selected {
                background-position: 0 -62px;
            }
            #popup #popup-content,
            #popup #popup-confirmation { padding: 0 15px 0 15px; clear: both; overflow: hidden; }
            #popup #popup-confirmation #confirmation { border-top: 0; overflow: hidden; }
            #popup form {
                clear: both;
                border-top: 0;
            }
            #networkForm div textarea,
            #channelForm div textarea,
            #quoteForm div textarea,
            #feedbackForm div textarea { height: 100px; width: 98%; padding: 2px; border: 1px solid #dfdfdd; }
            #quoteForm div textarea,
            #feedbackForm div textarea { height: 150px; }
            
        /* Confirmation ***********************/
        
            #confirmation { background: #f2f2f1 url( ../images/ircq-confirmationicon.jpg ) no-repeat 10px 50%; }
            #confirmation.error { background: #F2F2F1 url( ../images/ircq-erroricon.jpg ) no-repeat 10px 50%; }
            #confirmation h3, #confirmation p, #confirmation ul { margin-left: 160px; }
            #confirmation ul { padding: 0; float: none; overflow: hidden; }
            #confirmation ul li { display: inline; float: none; width: auto; height: auto; }
            #confirmation ul li a {
                height: 31px;
                width: 58px;
                display: block;
                float: left;
                margin-right: 5px;
                background-repeat: no-repeat;
                background-position: 0 0;
                text-indent: -9999px;
                border: 0;
            }
            #confirmation ul li a.regyesbutton {
                background-image: url( ../images/ircq-regyesbutton.jpg );   
            }
            #confirmation ul li a.regnobutton {
                background-image: url( ../images/ircq-regnobutton.jpg );
            }
            #confirmation ul li a.fbkclosebutton {
                width: 74px;
                background-image: url( ../images/ircq-closebutton.jpg );
            }
            #confirmation ul li a:hover { background-position: 0 -31px; }

    /* Sidebar ********************************/

        #sidebar { float: right; }
        #pagebody.admin #sidebar { width: 203px; }
        #pagebody.extra #sidebar { width: 160px; }
        
        #sidebar h3 {
            height: 24px;
            padding: 0;
            margin: 0;
            text-indent: -9999px;
            overflow: hidden;
        }
        #sidebar h3#hqueues { background: url( ../images/ircq-sbhqueues.jpg ) no-repeat; }
        #sidebar h3#hmanage { background: url( ../images/ircq-sbhmanage.jpg ) no-repeat; }
        #sidebar ul li { border-bottom: 1px solid #FFF; }
        #sidebar ul li.last { border-bottom: 0; }
        #sidebar ul li a {
            display: block;
            height: 22px;
            width: 201px;
            margin-left: 1px;
            background-repeat: no-repeat;
            background-position: 0 -44px;
            border-bottom: 0;
        }
        #sidebar ul li a:hover { background-position: 0 -22px; }
        #sidebar ul li a.selected { background-position: 0 0; }

            /* Sidebar - nav backgrounds ******/

                #sidebar ul li a#qquotes,
                #sidebar ul li a#mquotes { background-image: url( ../images/ircq-snav-quotes.jpg ); }
                #sidebar ul li a#qnetworks,
                #sidebar ul li a#mnetworks { background-image: url( ../images/ircq-snav-networks.jpg ); }
                #sidebar ul li a#qchannels,
                #sidebar ul li a#mchannels { background-image: url( ../images/ircq-snav-channels.jpg ); }
                #sidebar ul li a#users { background-image: url( ../images/cssq-snav-users.jpg ); }
                #sidebar ul li a#mods  { background-image: url( ../images/cssq-snav-mods.jpg ); }
                #sidebar ul li a#logs  { background-image: url( ../images/cssq-snav-logs.jpg ); }
                
        /* Treeview ***************************/
        
            #sidebar #tvheader, #sidebar #mircheader, #sidebar #cregheader, #sidebar #sfeedbackheader {
                width: 160px;
                height: 30px;
                margin-left: 0;
                margin-bottom: 5px;
                background: #FFF url( ../images/ircq-treeviewheader.jpg ) no-repeat;
                text-indent: -9999px;
            }
        
            #sidebar #treeview { font-size: 0.85em; margin: 0 0 10px 10px; }
            #sidebar #treeview li {
                font-weight: bold;
                overflow: hidden;
            }
            #sidebar #treeview li a {
                display: block;
                padding: 3px 0 3px 15px;
                background-image: url( ../images/ircq-globeicon.jpg );
                background-repeat: no-repeat;
                background-position: 0 -15px;
                text-indent: 0;
                height: auto;
                width: auto;
            }
            #sidebar #treeview li a.selected, #sidebar #treeview li a:hover {
                color: #2d75ac;
                background-position: 0 0;
            }
            #sidebar #treeview li ul li {
                padding: 0;
                font-weight: normal;
            }
            #sidebar #treeview li ul li a, #sidebar #treeview li ul li a.private {
                padding-left: 30px;
                background-image: url( ../images/ircq-globechannelicon.jpg );
                background-repeat: no-repeat;
                background-position: 15px 0;
            }
            #sidebar #treeview li ul li a.private {
                background-image: url( ../images/ircq-pmicon.jpg );
            }
            #sidebar #treeview li ul li a.selected, #sidebar #treeview li ul li a:hover {
                background-position: 15px -15px;
            }
            #sidebar #treeview li ul li span { float: right; }
            
        /*¨Sidebar - mirc header *************************/
        
            #sidebar #mircheader { background-image: url(../images/ircq-joinusheader.jpg ); }
            
        /* Sidebar - mirc ********************************/
        
            #sidebar #mirc, #sidebar #creg, #sidebar #sfeedback { overflow: hidden; padding-bottom: 15px; }
            #sidebar #mirc p, #sidebar #creg p, #sidebar #sfeedback p { margin: 0; padding-left: 5px; padding-right: 0; }
            #sidebar #mirc p img { vertical-align: middle; }
            #sidebar #mirc p.info { text-align: justify; text-indent: 20px; background: #FFF url( ../images/ircq-extrapointer.jpg ) no-repeat 8px 0; }
            #sidebar #mirc p.info em { font-style: normal; }
            #sidebar #mirc ul { padding: 10px 0 10px 0; margin-left: 10px; }
            #sidebar #mirc ul li {
                line-height: 1.5;
                padding-left: 10px;
                background: #FFF url( ../images/cssq-ulpointer.jpg ) no-repeat 0 0.58em;
            }
            #sidebar #mirc ul li a { display: inline; font-size: 0.85em; text-indent: 0; }
        
        /* Sidebar - creg header *************************/
            
            #sidebar #cregheader { background-image: url(../images/ircq-channelreg.jpg ); }
            
        /* Sidebar - creg ********************************/
        
            #sidebar #creg a, #sidebar #sfeedback a {
                display: block;
                margin: 10px 0 0 5px;
                width: 97px;
                height: 30px;
                text-indent: -9999px;
                background: url( ../images/ircq-registerbtn.jpg ) no-repeat;
                border-bottom: 0;
                overflow: hidden;
            }
            #sidebar #creg a:hover,
            #sidebar #sfeedback a:hover { background-position: 0 -30px; }
            
        /* Sidebar - feedback header *********************/
        
            #sidebar #sfeedbackheader { background-image: url( ../images/ircq-feedbackheader.jpg ); }
            
        /* Sidebar - feedback ****************************/
        
            #sidebar #sfeedback p { margin-bottom: 10px; }
            #sidebar #sfeedback a { background: url( ../images/ircq-feedbackbtn.jpg ) no-repeat; }
        
    /* Footer *********************************/

        #footer { position: relative; padding-bottom: 10px; background-color: #FFF; }
        #footer p { padding: 8px 0 10px 0; color: #FFF; font-size: 0.8em; }
        #footer p a { color: #fce3a8; border-bottom: 0; }
        #footer p a:hover, #footer #information li a:hover { color: #c0e7f3; }

        /* Footer - Copyright *****************/

            #footer #copyright {
                padding-left: 15px;
                float: left;
                background: url( ../images/cssq-navendbg.jpg ) no-repeat 0 0;
            }

        /* Footer - Credits *******************/

            #footer #credits {
                text-align: right;
                padding-right: 15px;
                float: right;
                background: url( ../images/cssq-navendbg.jpg ) no-repeat 100% 0;
            }