

/* ********************************************* */
/* gateway block (surrounds each gateway listed) */
/* ********************************************* */
.jive-gateway {
    display: block;
    position: relative;
    width: 550px;
    background-color: #f3f7fa;
    border: 1px solid #dcdcdc;
    margin: 15px 0 0 0;
    padding: 4px 6px 4px 7px;
    overflow: hidden;
    }
.jive-gateway label {
    display: block;
    float: left;
    padding-top: 2px;
    }
.jive-gateway label img {
    float: left;
    margin: 0 4px 0 3px;
    }
.jive-gateway label input {
    float: left;
    }
.jive-gateway label strong {
    float: left;
    padding-top: 1px;
    }
.jive-gatewayButtons {
    display: block;
    position: relative;
    width: auto;
    float: right;
    clear: none;
    right: 0;
    margin-top: 0;
    }
.jive-gatewayButtons a {
    display: block;
    float: left;
    border: 1px solid #f3f7fa;
    padding: 2px 10px 2px 18px;
    margin: 0 5px 0 0;
    background-image: url('../images/twisty_closed_9x9.gif');
    background-repeat: no-repeat;
    background-position: 6px 5px;
    color: #34679a;
    }
.jive-gatewayButtons a:hover {
    border: 1px solid #dcdcdc;
    }
a.jive-gatewayButtonOn {
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    background-image: url('../images/twisty_opened_9x9.gif');
    background-repeat: no-repeat;
    background-position: 6px 5px;
    }
/* disabled panel, when a gateway isn't selected */
.jive-gatewayDisabled {
    background-color: #fcfcfc;
    }
.jive-gatewayDisabled .jive-gatewayButtons a {
    border: 1px solid #fcfcfc;
    background-image: url('../images/twisty_inactive_9x9.gif');
    background-repeat: no-repeat;
    background-position: 6px 0;
    color: #999999;
    text-decoration: none;
    cursor: default;
    }
.jive-gatewayDisabled .jive-gatewayButtons a:hover {
    border: 1px solid #fcfcfc;
    }
.jive-gatewaySub {
    display: block;
    position: relative;
    width: 525px;
    background-color: #ddffdd;
    border: 1px solid #aaccaa;
    border-top: none;
    margin: 0 0 0 20px;
    padding: 0;
    padding-left: 10px;
    overflow: hidden;
    }


/* ********************************************************* */
/* gateway preferences panels (both options and permissions) */
/* ********************************************************* */
.jive-gatewayPanel {
    display: block;
    position: relative;
    width: 495px;
    background: #f7f5f0 url('../images/kraken-options-panel-grad.gif') repeat-x top;
    border: 1px solid #dcdcdc;
    border-top: none;
    margin: 0 0 5px 45px;
    padding: 0;
    overflow: hidden;
}
.jive-gatewayPanel div {
    padding: 14px 15px 5px 15px;
}
.jive-gatewayPanel div form {
    margin: 0;
    padding: 0;
}
.jive-formButton {
    margin: 10px 5px 5px 0;
    vertical-align: middle;
}
.saveResultsMsg {
    margin: 10px 5px 5px 0;
    padding: 0;
    padding-top: 2px;
    font-weight: bold;
    float: right;
}
.saveResultsMsg .successresults {
    border: 1.0px solid #009900;
    background-color: #aaffaa;
    color: #009900;
    padding: 3.0px;
}
.saveResultsMsg .successresults img {
    margin-right: 3px;
    margin-bottom: 2px;
}
.saveResultsMsg .failureresults {
    border: 1.0px solid #ff0000;
    background-color: #ffaaaa;
    color: #ff0000;
    padding: 3.0px;
}
.saveResultsMsg .failureresults img {
    margin-right: 3px;
    margin-bottom: 2px;
}
.saveResultsMsg .warningresults {
    border: 1.0px solid #D9B04C;
    background-color: #FFE9B2;
    color: #915a15;
    padding: 3.0px;
}
.saveResultsMsg .warningresults img {
    margin-right: 3px;
    margin-bottom: 2px;
}
.permissionListTextArea {
    font-size: 70%;
    margin: 0;
    padding: 1px;
}
.permissionListDiv {
    padding: 0;
    margin: 0;
}
.permissionListDiv span {
    padding: 0;
    margin: 0;
}


/* ******************************************** */
/* gateway filter (top of 'regsitrations' page) */
/* ******************************************** */
.jive-gateway-filter {
    display: block;
    position: relative;
    float: left;
    clear: both;
    background-color: #f6f6f7;
    border: 1px solid #dcdcdc;
    margin: 5px 0 5px 0;
    padding: 0;
    }
.jive-gateway-filter div {
    display: block;
    position: relative;
    float: left;
    padding: 3px 6px 4px 5px;
    }
.jive-gateway-filter strong {
    display: block;
    float: left;
    padding-top: 3px;
    }
.jive-gateway-filter label {
    display: block;
    float: left;
    margin: 2px 10px 0 15px;
    }
.jive-gateway-filter label input {
    float: left;
    }
.jive-gateway-filter label img {
    float: left;
    margin: 0 4px 0 2px;
    }
.jive-gateway-filter label span {
    float: left;
    padding-top: 1px;
    }
.jive-gateway-filter input.filterBtn {
    float: right;
    }
.jive-gateway-filter-textentryline {
    margin-left: 62.0px;
}
.jive-gateway-filter-textentry {
    margin-left: 5.0px;
}
.jive-gateway-filter-textentry input[type="text"] {
    font-size: 80%;
    margin: 0;
    padding: 1.0px;
    border: 1.0px solid #aaaaaa;
}
.jive-gateway-filter-textentry span {
    font-weight: bold;
    font-size: 90%;
    vertical-align: middle;
}
/* the below is for a future feature */
.jive-gateway-filter-dropdownLink {
    display: block;
    float: left;
    margin-left: 15px;
    }
.jive-gateway-filter-dropdown {
    display: block;
    position: absolute;
    margin: 0 0 0 410px;
    padding: 10px;
    background-color: #f3f7fa;
    border: 1px solid #dcdcdc;
    z-index: 200;
    }



/* *********************************************** */
/* registrations, big block table of registrations */
/* *********************************************** */
.jive-registrations {
    display: block;
    position: relative;
    float: left;
    width: 97%;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    margin: 16px 0 20px 0;
    padding: 8px 6px 10px 7px;
    overflow: hidden;
    }
.jive-registrations a {
    color: #34679a;
    }
.jive-registrations form {
    margin: 0;
    padding: 0;
    }
.jive-registrations-results {
    display: block;
    position: relative;
    float: left;
    font-size: 1.2em;
    padding-left: 3px;
    word-spacing: 3px;
    }
.jive-registrations-resultsSize {
    display: block;
    position: relative;
    float: left;
    font-size: .9em;
    padding-left: 28px;
    }
.jive-registrations-resultsSize select {
    float: left;
    }
.jive-registrations-resultsSize span {
    float: left;
    margin: 2px 0 0 4px;
    }
.jive-registrations-pagination {
    float: right;
    font-size: .9em;
    padding-right: 6px;
    word-spacing: 2px;
    }
.jive-registrations table {
    display: block;
    float: left;
    width: 100%;
    padding: 3px 5px 3px 5px;
    margin: 5px 0 5px 0;
    }
.jive-registrations table thead th {
    text-align: left;
    font-size: .75em;
    padding: 3px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f3f7fa;
    }
.jive-registrations table thead th.border-left {
    border-left: 1px solid #ccc;
    }
.jive-registrations table thead th.border-right {
    border-right: 1px solid #ccc;
    }
.jive-registrations table tbody td {
    font-size: .75em;
    padding: 3px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    }



/* ****************************** */
/* user's gateway presence styles */
/* ****************************** */
.jive-gateway-online {
    display: block;
    float: left;
    color: #000;
    padding: 1px 0 2px 25px;
    }
.jive-gateway-offline {
    display: block;
    float: left;
    color: #666;
    padding: 1px 0 2px 25px;
    }
.jive-gateway-AIMon {
    background-image: url(../images/aim.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-AIMoff {
    background-image: url(../images/aim-gray.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-GADUGADUon {
    background-image: url(../images/gadugadu.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-GADUGADUoff {
    background-image: url(../images/gadugadu-gray.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-GTALKon {
    background: url(../images/gtalk.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-GTALKoff {
    background: url(../images/gtalk-gray.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-ICQon {
    background-image: url(../images/icq.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-ICQoff {
    background-image: url(../images/icq-gray.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-IRCon {
    background-image: url(../images/irc.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-IRCoff {
    background-image: url(../images/irc-gray.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-MSNon {
    background-image: url(../images/msn.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-MSNoff {
    background-image: url(../images/msn-gray.png);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    }
.jive-gateway-XMPPon {
    background: url(../images/xmpp.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-XMPPoff {
    background: url(../images/xmpp-gray.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-LIVEJOURNALon {
    background: url(../images/livejournal.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-LIVEJOURNALoff {
    background: url(../images/livejournal-gray.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-SIMPLEon {
    background: url(../images/simple.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-SIMPLEoff {
    background: url(../images/simple-gray.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-YAHOOon {
    background-image: url(../images/yahoo.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    }
.jive-gateway-YAHOOoff {
    background-image: url(../images/yahoo-gray.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    }
.jive-gateway-QQon {
    background: url(../images/qq.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-QQoff {
    background: url(../images/qq-gray.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-SAMETIMEon {
    background: url(../images/sametime.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-SAMETIMEoff {
    background: url(../images/sametime-gray.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-FACEBOOKon {
    background: url(../images/facebook.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-FACEBOOKoff {
    background: url(../images/facebook-gray.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-MYSPACEIMon {
    background: url(../images/myspaceim.png) no-repeat left;
    background-position: 2px 1px;
    }
.jive-gateway-MYSPACEIMoff {
    background: url(../images/myspaceim-gray.png) no-repeat left;
    background-position: 2px 1px;
    }
    

/* *************************** */
/* edit gateway registrations  */
/* *************************** */
table tr.jive-registrations-normal {
    display: table-row;
    }
table tr.jive-registrations-normalHidden {
    display: none;
    }
table tr.jive-registrations-edit {
    display: none;
    }
table tr.jive-registrations-editVisible {
    /*display: table-row;*/
    }
tr.jive-registrations-edit, tr.jive-registrations-editVisible td {
    background-color: #f6f6f6;
    }
.jive-registrations-editUsername, .jive-registrations-editPassword, .jive-registrations-editNickname {
    float: left;
    }
.jive-registrations-editUsername strong, .jive-registrations-editPassword  strong, .jive-registrations-editNickname strong {
    font-size: .9em;
    color: #203050;
    }
.jive-registrations-editUsername input, .jive-registrations-editPassword  input, .jive-registrations-editNickname input {
    width: 110px;
    height: 21px;
    border: 1px solid #888888;
    padding-left: 2px;
    }
.jive-registrations-editPassword {
    padding-left: 8px;
    }
.jive-registrations-editNickname {
    padding-left: 8px;
    }
.jive-registrations-editButtons {
    float: left;
    padding-left: 15px;
    }


/* *************************** */
/* add a gateway registration  */
/* *************************** */
.jive-gateway-addregBtn {
    clear: both;
    display: block;
    position: relative;
    float: left;
    margin: 10px 0 8px 0;
    }
.jive-gateway-addregBtn a {
    display: block;
    float: left;
    background: url('../images/add-16x16.gif') no-repeat left;
    padding-left: 20px;
    color: #34679a;
    font-weight: bold;
    }
.jive-gateway-cancelAdd a {
    background: url('../images/forbidden-16x16.gif') no-repeat left;
    }

.jive-gateway-addreg {
    display: block;
    position: relative;
    float: left;
    clear: both;
    width: 97%;
    background-color: #f3f7fa;
    border: 1px solid #dcdcdc;
    margin: 0 0 20px 0;
    padding: 0;
    white-space: nowrap;
    }
.jive-gateway-addreg div {
    float: left;
    }
.jive-gateway-addregPad {
    padding: 10px 5px 3px 15px;
    white-space: nowrap;
    }
.jive-gateway-addreg  strong {
    font-size: .9em;
    color: #203050;
    }
.jive-registrations-addJid input, 
.jive-registrations-addGateway select, 
.jive-registrations-addUsername input,
.jive-registrations-addPassword input,
.jive-registrations-addNickname input{
    width: 130px;
    height: 20px;
    border: 1px solid #888888;
    margin: 2px 7px 0 0;
    padding: 0 0 0 1px;
    }
.jive-registrations-addButtons {
    margin: 0 5px 0 10px;
    white-space: nowrap;
    }
