/* TWKG Common Look */

/*** Top Bar ***/
#twkg-tb
{
    font-size: 85%;
    padding: 4px 5px;
    background-color: #ddd;
    border-bottom: 1px solid #bbb;
    margin: 0px;
}

#twkg-tb li
{
    display: inline;
    padding-left: 7px;
    padding-right: 4px;
    border-left: 1px solid #888;
}
#twkg-tb li.twkg-tb-first
{
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

#twkg-tb-user
{
    float: right;
    margin: 0px;
}
#twkg-tb-nav
{
    margin: 0;
    text-align: left;
    padding:0;

}

#twkg-tb a
{
    color: #8b8b8b;
    text-decoration:none;
}
#twkg-tb a:hover
{
    color: #4b4b4b;
    text-decoration:underline;
}



/*** Navigation ***/
#twkg-nav
{
    margin: 4px 0 16px 0;
    /*font-size: 108%;*/
    padding-left:0px;
    padding-top:101px;
}
#twkg-nav
{
    display:block;
    float: right;
}
#twkg-nav li
{
    display: block;
    float:left;
    margin-right:5px;
}
#twkg-nav li a
{
    display: block;
    text-decoration: none;
    color: #000;
    padding: 4px 10px;
    border: 1px solid #000;
    border-bottom:none;
}
#twkg-nav li#twkg-nav-current a
{
    border: 1px solid #666;
    border-bottom:none;
    color: #000;
    background: #ddd;
}
#twkg-nav li a:hover
{
    color: #fff;
    background: #ddd;
}

/*** Content ***/

h1
{
    font-size: 197%;
    font-family:Arial;
    letter-spacing:-1px;
    margin: 0 0 8px 0;
    padding-top: 8px;
    background: url(../img/twkg_logo_small.gif) no-repeat top right;
}
h2
{
    font-size: 153.9%;
    margin: 16px 0 8px 0;
}
.twkg-h2-search
{
    float: right;
    margin: 16px 0 8px 0;
}
h3
{
    font-size: 100%;
    margin: 2px 0 6px 0;
}
p
{
    margin: 4px 0 8px 0;
}

.twkg-grey
{
    color: #888;
}

/*** Messages ***/
.twkg-message, .twkg-error
{
    margin: 4px auto;
    width: 70%;
    text-align: center;
    padding: 3px;
}
.twkg-message
{
    border: 1px solid #647326;
    background-color: #ecffdd;
}
.twkg-error
{
    color: #500;
    border: 1px solid #d00;
    background-color: #fed;
}


/*** Actions ***/
.twkg-actions
{
    margin: 12px 0 6px 0;
}
.twkg-actions a
{
    text-decoration: none;
    padding: 0 4px;
    margin-right; 10px;
    color: #008;
    border: 1px solid #d8d;
}


/*** Form ***/

form.twkg-form-top
{
    margin-top: 1em;
    margin-left: 2em;
    width: 30em;
    border-top: 1px solid #eee;
}
form.twkg-form-top div
{
    clear: left;
    padding: 5px;
}
form.twkg-form-top div.onerow
{
    padding: 0;
}
form.twkg-form-top div.onerow div
{
    clear: none;
    float: left;
}
form.twkg-form-top div label
{
    display: block;
    font-weight: bold;
    color: #444;
    font-size: 85%;
    padding-bottom: 2px;
}
form.twkg-form-top div span, form.twkg-form-top div em
{
    display: block;
    font-size: 85%;
}
form.twkg-form-top div span
{
    font-style: italic;
    color: #080;
}
form.twkg-form-top div em
{
    color: #f00;
}

form.twkg-form-top div.buttons
{
    border-top: 1px solid #ded;
    background-color: #efe;
    margin-top: 5px;
}
form.twkg-form-top div.buttons input
{
    font-size: 108%;
    padding: 0 6px;
}
form.twkg-form-top div.buttons a
{
    color: #008;
}

input.tf_medium, select.tf_medium
{
    width: 20em;
}
input.tf_small, select.tf_small
{
    width: 10em;
}


/*** Tables ***/

table.twkg-list, table.twkg-details
{
    border-collapse: separate;
    border: 1px solid #dbd7b7;
    margin-top: 6px;
    border-spacing: 0px;
    color: #000;
}
table.twkg-w100
{
    width: 800px;
}
table.twkg-list th, table.twkg-list td, table.twkg-details th, table.twkg-details td
{
    vertical-align: top;
    padding: 4px 6px;
}
table.twkg-list th, table.twkg-details th
{
    background-color: #eee;
}
table.twkg-list td, table.twkg-details td
{
    background-color: #f8f8ff;
}
table.twkg-list tr.odd td
{
    background-color: #f0f0f8;
}

table.twkg-list th
{
    font-size: 85%;
    border-bottom: 1px solid #dbd7b7;
}
table.twkg-list td
{
    font-size: 93%;
}

table.twkg-details th
{
    border-right: 1px solid #dbd7b7;
    text-align: right;
}

table.twkg-list th a
{
    text-decoration: none;
    color: #4d417c;
}

table.twkg-list tr.highlight td
{
    background-color: #ffc;
}

table.twkg-list th.sortcol
{
    background-color: #f2f0e1;
}
table.twkg-list td.sortcol
{
    background-color: #ffffff;
}
table.twkg-list tr.odd td.sortcol
{
    background-color: #f8f8ff;
}