/* ------------------------ */
/* --- STANDARD SETTING --- */

html, body {
 padding: 0;
 margin: 0;
}

body {
 background-color: #222222;
}

/* --- STANDARD SETTING --- */
/* ------------------------ */




/* ----------------------------- */
/* --- STANDARD FONT SETTING --- */

body {
 color: #dadada;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
}

p {
 padding: 0;
 margin: 0;
 color: #dadada;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
}

.bold {
 font-weight: bold;
}

.italic {
 font-style: italic;
}

a {
 color: #242424;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
}

a:hover {
 color: #242424;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-decoration: underline;
}

.normal {
 font-weight: normal;
}

.in_info {
 color: #767676;
 font-size: 9px;
}

/* --- STANDARD FONT SETTING --- */
/* ----------------------------- */



/* ----------------------------- */
/* --- STANDARD FORM SETTING --- */

form {
 display: inline;
}

input, textarea {
 padding: 2px;
 margin: 0;
 color: #222222;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
}

select {
 padding: 0px;
 margin: 0;
 color: #222222;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
}


input.standard, textarea.standard {
 background-color: #c7c7c7;
 border: 1px solid #c7c7c7;
}

input.standard_clear, textarea.standard_clear {
 background-color: #fcfcfc;
 border: 1px solid #dadada;
 padding: 3px;
}

/*
input.standard_clear {
 border: 0px;
 border-bottom: 1px solid #dadada;
}
*/

input.button {
 background-color: #4e4e4e;
 background-image: url("../../img/_style/dark_button.gif");
 background-position: top left;
 background-repeat: repeat-x;
 border: 1px solid #222222;
 text-align: center;
 text-transform: uppercase;
 padding: 3px;
 margin-top: 10px; 
 float: right;
 padding-left: 18px;
 padding-right: 18px;
 cursor: pointer;
}

/* ie 7 */
*:first-child+html input.button {
 padding-left: 4px;
 padding-right: 4px;
}

/* ie 6 */
* html input.button {
 padding-left: 4px;
 padding-right: 4px;
}



input.button_clear {
 background-color: #c0c0c0;
 background-image: url("../../img/_style/clear_button.gif");
 background-position: top left;
 background-repeat: repeat-x;
 border: 1px solid #9d9d9d;
 text-align: center;
 text-transform: uppercase;
 padding: 3px;
 margin: 5px; 
 padding-left: 18px;
 padding-right: 18px;
 cursor: pointer;
}

/* ie 7 */
*:first-child+html input.button_clear {
 padding-left: 8px;
 padding-right: 8px;
}

/* ie 6 */
* html input.button_clear {
 padding-left: 8px;
 padding-right: 8px;
}


/* --- STANDARD FORM SETTING --- */
/* ----------------------------- */








/* ------------------------- */
/* --- OVERLAYER SETTING --- */

#tj_overlayer {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #939393;
 filter:alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5; 
}

/* --- OVERLAYER SETTING --- */
/* ------------------------- */




/* -------------------- */
/* --- HEAD SETTING --- */

#tj_head {
 width: 936px;
 padding: 0;
 margin: 0;
 padding-left: 15px;
 padding-top: 15px;
}

#tj_header {
 height: 59px;
}
/* ie 6 */
* html #tj_header {
 height: 63x;
}


#tj_menu {

}

/* --- HEAD SETTING --- */
/* -------------------- */




/* -------------------- */
/* --- MENU SETTING --- */

#tj_head .menu_logo {
 width: 280px;
 padding: 0;
 margin: 0;
 float: right;
 text-align: right;
}

#tj_head .menu_container {
 width: 184px;
 height: 38px;
 padding: 0;
 margin: 0;
 margin-top: 4px;
 margin-left: 4px; 
 float: left;
 z-index: 1;
}
/* ie 6 hack */
* html #tj_head .menu_container {
 margin-top: 0;
}

#tj_head .menu_container .menuButton {
 text-transform: uppercase;
}

#tj_head .under_menu {
 position: absolute; 
 visibility: hidden;
 z-index: 1000; 
 filter:alpha(opacity=90);
 -moz-opacity: 0.9;
 opacity: 0.9;  
}






#tj_head .menu_container a {
 display: block;
 width: 177px;
 height: 33px;
 padding-top: 5px;
 padding-right: 7px;
 border-bottom: 4px solid #222222; /* ie 6 hack */
 background-color: #424242;
 background-position: top left;
 background-repeat: repeat-x;
 color: #FFFFFF;
 text-decoration: none;
 text-align: right;
}

/* menu ausfuellen */
#tj_head .menu_container p {
 display: block;
 width: 177px;
 height: 33px;
 padding-top: 5px;
 padding-right: 7px;
 border-bottom: 4px solid #222222; /* ie 6 hack */
 background-color: #2c2c2c;
 color: #FFFFFF;
}




#tj_head .menu_container ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

#tj_head .menu_container ul li {
 padding: 0;
 margin: 0;
 border-bottom: 1px solid #3f3f3f;
}

#tj_head .menu_container ul li a {
 display: block;
 width: 176px;
 height: 20px;
 padding: 0;
 margin: 0; 
 border: 0;
 padding-top: 6px;
 padding-left: 8px;
 background-color: #2f2f2f;
 background-image: none; 
 color: #dcdcdc;
 text-decoration: none;
 text-align: left; 
}

#tj_head .menu_container ul li a:hover {
 display: block;
 width: 176px;
 height: 20px;
 padding: 0; 
 margin: 0;
 border: 0;  
 padding-top: 6px;
 padding-left: 8px;
 background-color: #424242;
 background-image: none;
 color: #dcdcdc;
 text-decoration: none;
 text-align: left;  
}

#tj_head .menu_container ul li a img {
 margin-right: 5px;
}


/* --- MENU SETTING --- */
/* -------------------- */





/* ------------------------------ */
/* --- MAIN CONTAINER SETTING --- */


#tj_main_container {
 width: 936px;
 padding: 0;
 padding-top: 30px;
 padding-bottom: 30px; 
 padding-left: 15px; 
 margin: 0;
}


/* --- MAIN CONTAINER SETTING --- */
/* ------------------------------ */


/* -------------------------- */
/* --- INFO - LIST WINDOW --- */


#tj_main_container .main_info_header {
 background-image: url(../../img/_style/list_info_top_background.gif);
 background-position: top left;
 background-repeat: repeat-x;
 background-color: #4d4d4d;
 border: 1px solid #656565;
 height: 18px;
 padding-top: 5px;
 padding-left: 6px;
 margin-bottom: 2px;
}

#tj_main_container .main_info_header p, #tj_main_container .main_info_header p a {
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: bold;
 color: #FFFFFF;
 text-transform: uppercase; 
 text-decoration: none;
}


#tj_main_container .main_info_footer {
 background-image: url(../../img/_style/list_info_top_background.gif);
 background-position: top left;
 background-repeat: repeat-x;
 background-color: #4d4d4d;
 border: 1px solid #656565;
 height: 23px;
 margin-top: 1px;
}

#tj_main_container .main_info_footer p, #tj_main_container .main_info_footer a {
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 font-size: 9px;
 text-decoration: none;
 color: #222222; 
}

#tj_main_container .main_info_footer .info_footer_right {
 float: right; 
 width: 186px;
 background-image: url(../../img/_style/list_info_footer_background.gif);
 background-position: top left;
 background-repeat: repeat-x;
}


/* --- INFO - LIST WINDOW --- */
/* -------------------------- */



/* ------------------- */
/* --- LIST WINDOW --- */

#tj_main_container .list_info {
 background-color: #545454;
}

#tj_main_container .list_info p {
 color: #f7f7f7;
 padding: 3px;
 padding-left: 5px;
}



#tj_main_container .list_bar {
 background-color: #545454;
 padding-top: 6px;
 padding-left: 25px;
 height: 20px;
}

#tj_main_container .list_bar a {
 text-decoration: none;
 color: #dadada;
}

#tj_main_container .list_bar a:hover {
 text-decoration: none;
 color: #dadada;
}

#tj_main_container .list_show {
 background-color: #FFFFFF;
}


#tj_main_container .list_show ul {
 width: 100%;
 list-style: none;
 padding: 0;
 margin: 0;
}

#tj_main_container .list_show ul li {
 width: 100%;
 padding: 0;
 margin: 0;
}

/* ie 7 */
*:first-child+html #tj_main_container .list_show ul li {
 margin-bottom: -2px;
}

/* ie 6 */
* html #tj_main_container .list_show ul li {
 margin-bottom: -2px;
}


#tj_main_container .list_show table {
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 font-size: 10px;
 color: #222222;
 text-align: left;
 background-color: #ffffff; 
 empty-cells: show;
}


#tj_main_container .list_show table tr th {
 background-image: url(../../img/_style/list_th_background.gif);
 background-position: top left;
 background-repeat: repeat-x;
 border-right: 1px solid #d0d0d0;
 border-left: 1px solid #ffffff; 
 height: 24px;
 padding-left: 3px;
}

#tj_main_container .list_show table tr td {
 padding-left: 3px;
 height: 24px;
 border-right: 1px solid #e3e3e3;
 border-left: 1px solid #ffffff;  
 border-bottom: 1px solid #e3e3e3;  
 border-top: 1px solid #FFFFFF; 
}

#tj_main_container .list_show table tr td p {
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 font-size: 10px;
 color: #222222;
 text-align: left;
}



#tj_main_container .list_show .list_id {
 background-image: url(../../img/_style/list_id_background.gif);
 background-position: top left;
 background-repeat: repeat-y;
 background-color: #ecedef;
 padding: 0;
 border-right: 1px solid #d0d0d0;
 border-bottom: 1px solid #e3e3e3;
 border-top: 1px solid #FFFFFF; 
 text-align: center;
 width: 22px;
}

#tj_main_container .list_show .list_id_th {
 padding: 0;
 width: 22px;
}


#tj_main_container .list_show a {
 color: #222222;
 text-decoration: none;
}

#tj_main_container .list_show a:hover {
 color: #222222;
 text-decoration: underline;
}

/* --- LIST WINDOW --- */
/* ------------------- */


/* ------------------- */
/* --- EDIT WINDOW --- */

#tj_main_container .edit_show {
 background-color: #FFFFFF;
}

#tj_main_container .edit_show p {
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 font-size: 10px;
 color: #222222;
}


#tj_main_container .edit_show table {
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 font-size: 10px;
 color: #222222;
 text-align: left;
 background-color: #ffffff; 
}


#tj_main_container .edit_show table tr th {
 background-image: url(../../img/_style/list_th_background.gif);
 background-position: top left;
 background-repeat: repeat-x;
 border-right: 1px solid #d0d0d0;
 border-left: 1px solid #ffffff; 
 height: 24px;
 padding-left: 3px;
}

#tj_main_container .edit_show table tr td {
 padding: 10px 5px 10px 10px;
 border-right: 1px solid #ebebeb;
 border-bottom: 1px solid #ebebeb;  
 vertical-align: top; 
}

#tj_main_container .edit_show table tr td.submit {
 padding: 5px;
 border-right: 1px solid #ebebeb;
 border-bottom: 1px solid #ebebeb;  
 background-color: #f3f3f3;
 vertical-align: top; 
}

/* --- EDIT WINDOW --- */
/* ------------------- */



/* ------------------------------------- */
/* --- LIST - EDIT WINDOW TABLE NONE --- */

#tj_main_container table.none {
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 font-size: 10px;
 color: #222222;
 text-align: left;
 background-color: #ffffff;  
}

#tj_main_container table.none tr th {
 background-color: #FFFFFF;
 background-image: none;
 padding: 3px;
 border: 0px;
}

#tj_main_container table.none tr td {
 padding: 3px;
 border: 0px;
 vertical-align: top;
}

/* --- LIST - EDIT WINDOW TABLE NONE --- */
/* ------------------------------------- */




/* -------------------------- */
/* --- PASSWORD CONTAINER --- */
#password_container {
 position: absolute; 
 z-index: 1000; 
 width: 252px; 
 left: 204px; 
 top: 49px; 
 background-image: url(../../img/_style/info_left_background.gif); 
 background-repeat: repeat-y; 
 background-position: top left;
}

#password_container #password_content {
 float: left; 
 background-color: #767676; 
 width: 220px; 
 border: 1px solid #3f3f3f; 
 border-left: 0px;
 padding: 0;
 padding-left: 10px;
 padding-bottom: 10px; 
}

#password_container #password_content h1 {
 color: #FFFFFF;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 margin: 0;
 padding: 0;
 padding-top: 5px;
 padding-bottom: 10px;
}

#password_container #password_content p {
 margin-top: 7px;
 margin-left: 7px;
 padding-bottom: 3px;
}


#password_container #password_content input {
 margin-left: 7px;
 margin-bottom: 5px;
}

/* --- PASSWORD CONTAINER --- */
/* -------------------------- */


/* --------------------------- */
/* --- CMS INFO CONTAINER --- */

#cms_info {
 position: absolute; 
 top: 250px; 
 left: 140px; 
 width: 600px;
 z-index: 1001;
 background-position: top left;
 background-repeat: repeat-x;
 text-align: center;
 padding: 25px;
}

#cms_info p {
 color: #FFFFFF;
 font-weight: bold;
 text-align: center;
 font-size: 11px;
}

#cms_info .delete {
 background-color: #FF0000; 
 border: 0; 
 padding: 5px; 
 width: 60px;
 color: #FFFFFF;
 font-weight: bold;
} 
/* --- CMS INFO CONTAINER --- */
/* --------------------------- */