/*
 * trinity framework
 *
 * ty_core.css
 *
 * this file contains all of the necessary style
 * descriptions to get the core functionality
 * work.
 * it should NOT contain any descriptions for
 * personalized look and feel.
 *
 * written 2007 Alex Dangel <a.dangel@dangel-online.de>
 *		Erik Sokoll <esokoll@t3media.de>
 *		Daniel Malkmus <d.malkmus@double-dees.de>
 *		Stephan Seitz <s.seitz@netz-haut.de>
 *
 * @version $Id: ty_core.css 5452 2009-04-21 08:25:19Z sseitz $
 */ /* --- basics --- */
.ty_inline {
	display: inline;
}

fieldset {
	border: 0px;
	border-top: 1px #000000 solid;
}

.ty_smallbox_floatouter {
	float: left;
	padding: 2px;
	margin: 0px;
	margin-left: 8px;
	margin-top: 8px;
	border: 1px #cfcfcf solid;
}

.ty_smallbox_floatouter div {
	width: 20px;
	height: 20px;
	padding: 0px;
	padding-top: 2px;
	border: 1px #000000 solid;
	background-color: #cfcfcf;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/* --- defaultnavigation (hardcoded fallback) --- */
.ty_defaultnavi_a {
	padding: 4px;
}

.ty_defaultnavi_a a {
	font-size: 12px;
	vertical-align: middle;
	padding: 5px;
}

.ty_defaultnavi_a a:link {
	color: black;
	text-decoration: none;
}

.ty_defaultnavi_a a:hover {
	color: red;
	text-decoration: none;
}

.ty_defaultnavi_a a:active {
	color: black;
	text-decoration: none;
}

.ty_defaultnavi_a a:visited {
	color: black;
	text-decoration: none;
}

.ty_defaultnavi_a .entry a {
	vertical-align: middle;
	margin: 0px;
	margin-bottom: 2px;
}

.ty_defaultnavi_a .active a {
	color: red;
	margin: 0px;
}

.ty_defaultnavi_a .current a {
	color: black;
	font-style: italic;
	vertical-align: middle;
	margin: 2px;
}

.ty_defaultnavi_a .entry a,.ty_defaultnavi_a .active a {
	color: black;
	color: %% NAVNORMAL %%;
	text-decoration: none;
}

.ty_defaultnavi_a .entry a:hover,.ty_defaultnavi_a .active a:hover {
	color: black;
	color: %% NAVHOVER %%;
	text-decoration: underline;
}

.ty_defaultnavi_a .top {
	border-bottom: 1px %% PAGEHRCOLOR %%   solid;
	margin-bottom: 8px;
}

.ty_defaultnavi_a .top a {
	vertical-align: middle;
	margin: 0px;
	color: %% TOPNAVTEXTCOLOR %%;
	background-color: %% TOPNAVBGCOLOR %%;
}

.ty_defaultnavi_a .top a:hover {
	vertical-align: middle;
	margin: 0px;
	color: %% TOPNAVTEXTHOVER %%;
}

.ty_defaultnavi_a ul {
	margin: 0px;
	padding: 0px;
}

.ty_defaultnavi_a ul li {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
	max-width: 240px;
}

.ty_defaultnavi_a li {
	margin: 0px 0px 0px 5px;
	padding: 2px;
	list-style-type: none;
	list-style-image: none;
}

.ty_defaultnavi_a li li {
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* --- navigation : defaultnavigation --- */
.ty_defaultnavigation {
	padding: 4px;
}

.ty_defaultnavigation a {
	font-size: 12px;
	vertical-align: middle;
	padding: 5px;
}

.ty_defaultnavigation a:link {
	color: black;
	text-decoration: none;
}

.ty_defaultnavigation a:hover {
	color: red;
	text-decoration: none;
}

.ty_defaultnavigation a:active {
	color: black;
	text-decoration: none;
}

.ty_defaultnavigation a:visited {
	color: black;
	text-decoration: none;
}

.ty_defaultnavigation .entry a {
	vertical-align: middle;
	margin: 0px;
}

.ty_defaultnavigation .active a {
	color: red;
	margin: 0px;
}

.ty_defaultnavigation .current a {
	color: black;
	font-style: italic;
	vertical-align: middle;
	margin: 2px;
}

.ty_defaultnavigation .entry a:hover,.ty_defaultnavigation .active a:hover
	{
	color: black;
	text-decoration: underline;
}

.ty_defaultnavigation ul {
	margin: 0px;
	padding: 0px;
}

.ty_defaultnavigation ul li {
	font-size: 12px;
	font-weight: 700;
	margin: 0px;
	padding: 2px;
}

.ty_defaultnavigation li {
	margin: 0px 0px 0px 5px;
	padding: 2px;
	list-style-type: none;
	list-style-image: none;
}

.ty_defaultnavigation li li {
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* --- navigation: moving elements --- */
.ty_navmover_inactive {
	vertical-align: middle;
	position: relative;
	height: 19px;
	border: dashed 1px black;
	overflow: hidden;
	padding: 0px;
}

.ty_navmover_active {
	background-image: url(/images/ty_core/mover.png);
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: middle;
	padding: 0px;
	position: relative;
	overflow: hidden;
	border: dashed 1px #fd9f18;
}

.ty_navmover_hidden {
	background-image: url(/images/ty_core/eye-blinded.png);
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: middle;
}

.ty_navmover_hiddenchild {
	background-image: url(/images/ty_core/eye-halfblinded.png);
	background-repeat: no-repeat;
	background-position: right;
	vertical-align: middle;
}

.ty_navdrop_inactive {
	height: parent;
	background: none;
}

.ty_navdrop_active {
	height: parent;
	background-image: url(/images/ty_core/red-dot.png);
	background-repeat: no-repeat;
	background-position: left;
}

/* --- core message format --- */
.ty_coremessage {
	width: 100%;
	border: 0px;
	border-bottom: 1px #000000 solid;
	margin: 0px;
	margin-bottom: 1px;
}

.ty_coremessage_hidden {
	width: 100%;
	border: 0px;
	margin: 0px;
	overflow: hidden;
	height: 0px;
	visibility: hidden;
	display: NONE;
}

.ty_info {
	background-color: green;
	color: black;
}

.ty_warning {
	background-color: yellow;
	color: black;
}

.ty_error {
	background-color: red;
	color: black;
}

#nav_trash {
	cursor: default;
	width: 100%;
	text-align: center;
	margin: 4px;
	height: 28px;
}

/* --- navigation popup selector --- */
.ty_navpop {
	z-index: 99;
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
}

.ty_navpopheaderl {
	float: left;
}

.ty_navpopheaderr {
	float: right;
}

.ty_navpop th,.ty_navpop td {
	font-size: 12px;
	font-family: VAGRounded, Verdana, Arial, SunSans-Regular, Sans-Serif;
}

.ty_navpop th {
	background-color: #b0b0b0;
	border: 0px;
	padding: 3px;
}

.ty_navpop table {
	border: solid 1px #000000;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
}

.ty_navpoplink {
	color: #202020;
	text-decoration: none;
	background-color: #ffffff;
	cursor: pointer;
}

/* hover statement is unavailable in IE lte 6, so this is done via JS */
.ty_navpoplink_hover {
	color: #000000;
	text-decoration: none;
	background-color: #c0c0c0;
	cursor: pointer;
}

/* --- lightbox behaviour and UI --- */
.ty_lightbox_invisible {
	visibility: hidden;
	display: none;
	position: fixed;
	z-index: 32;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	margin: 0px;
	padding: 50px;
	background-image: url(/images/ty_core/lighttrans.png);
}

.ty_lightbox_invisible .ty_lightbox_outerbox {
	position: fixed;
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	border: 1px #000000 solid;
	background-color: #ffffff;
}

.ty_lightbox_invisible .ty_lightbox_outerbox .ty_lightbox_headerbox {
	background-color: #b0b0b0;
	width: 100%;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px #000000 solid;
}

.ty_lightbox_invisible .ty_lightbox_outerbox .ty_lightbox_headerbox table
	{
	width: 100%;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

.ty_lightbox_invisible .ty_lightbox_outerbox .ty_lightbox_headerbox table tr .ty_lightbox_headleft
	{
	text-align: left;
	width: 100%;
}

.ty_lightbox_invisible .ty_lightbox_outerbox .ty_lightbox_headerbox table tr .ty_lightbox_headright
	{
	width: 18px;
}

.ty_lightbox_invisible .ty_lightbox_outerbox .ty_lightbox_headerbox table tr .ty_lightbox_headright a
	{
	cursor: pointer;
}

.ty_lightbox_invisible .ty_lightbox_outerbox .ty_lightbox_headerbox table tr .ty_lightbox_headright a img
	{
	vertical-align: top;
	border: 0px;
	width: 14px;
	height: 14px;
}

.ty_lightbox_invisible .ty_lightbox_outerbox .ty_lightbox_headerbox table tr .ty_lightbox_headleft .ty_lightbox_header
	{
	height: 16px;
	border: 0px;
	font-weight: bold;
	color: black;
	font-size: 12px;
	font-family: VAGRounded, Verdana, Arial, SunSans-Regular, Sans-Serif;
}

.ty_lightbox_invisible .ty_lightbox_outerbox .ty_lightbox_outercontent {
	width: 100%;
	height: 100%;
	border: 0px;
	overflow: scroll;
	background: #f7f7f7 url(/images/bg_IDOP.jpg) repeat;
	margin: 0px;
	padding: 0px;
}

.ty_lightbox_invisible .ty_lightbox_outerbox .ty_lightbox_outercontent .ty_lightbox_content
	{
	margin: 4px;
	padding: 0px;
	font-size: 10px;
	color: #000000;
	font-family: VAGRounded, Verdana, Arial, SunSans-Regular, Sans-Serif;
}

#elementeditor { /* width:636px; */
	width: 100%;
	border: 1px #000000 solid;
	/* height:340px; */
	height: 480px;
}

#elementeditorname {
	width: 100%;
}

/* --- administration footer --- */
.ty_adminfooter {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #fd9f18;
}

.ty_admintable {
	width: 100%;
	padding: 0px;
	table-style: fixed;
	cell-spacing: 0px;
	border: 0px;
}

.ty_admintable tr td {
	font-size: 10px;
	font-family: VAGRounded, Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.ty_admintable tr th {
	font-size: 10px;
	text-align: left;
	font-family: VAGRounded, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-width: bold;
	margin: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.ty_admintabletd_lm {
	text-align: left;
	vertical-align: middle;
}

.ty_admintabletd_ct {
	text-align: center;
	vertical-align: top;
}

.ty_newelementbg {
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 29px;
	height: 38px;
	background-image: url(/images/ty_core/post-it.png);
}

.ty_newelementfg {
	position: relative;
	width: 29px;
	height: 38px;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

/* --- generic page formatting drag and drop --- */
.ty_hidden_update {
	position: absolute;
	top: 0px;
	visibility: hidden;
	display: NONE;
}

.ty_droparea {
	padding: 4px 2px 0px;
	margin: 0px;
}

.ty_droparea table {
	width: 100%;
}

.ty_droparea table,.ty_droparea table tr,.ty_droparea table tr td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.ty_blockinfo, .ty_blockinfo_tbl {
	padding: 2px;
	color: gray;
	font-size: x-small;
	min-height: 24px;
	vertical-align: top;
}

.ty_blockinfo img {
	float:right;
}


.ty_lightboxa {
	cursor: pointer;
	text-align: right;
	vertical-align: top;
}

.ty_block {
	width: 100%;
	/* position: relative; */
	border: 0px;
	/* overflow: hidden; */
	/* clip: rect(auto, auto, auto, auto); */
	/* padding: 0px; */ 
}

.ty_moduleinfo,.ty_moduleinfo table tr td {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	color: gray;
	font-size: x-small;
	align: left;
}

.ty_moduleinfo table tr td input,.ty_moduleinfo table tr td select {
	font-size: x-small;
	color: gray;
	border: 1px solid gray;
	background-color: white;
}

.ty_mover_active {
	position: relative;
	border: 1px dashed #fd9f18;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	padding: 0px;
}

.ty_mover_inactive {
	position: relative;
	border: 1px dashed #666666;
	overflow: hidden;
	clip: rect(auto, auto, auto, auto);
	padding: 0px;
}

.ty_movertable { /* padding: 0px 1px 2px; */
	margin: 0px 1px 2px;
	border: 0px;
}

/* --- msg box --- */
.ty_systems_message {
	position: absolute;
	z-index: 99;
	left: 250px;
	bottom: 20px;
	max-width: 60%;
}

.ty_systems_message_static {
	position: relative;
	z-index: parent;
	left: 0px;
	max-width: 100%;
}

.ty_msg {
	padding: 0px;
	cell-spacing: 0px;
	margin: 20px;
	border: 0px;
	max-width: 540px;
	min-width: 240px;
}

.ty_msg_bl,.ty_msg_br,.ty_msg_hl,.ty_msg_hr,.ty_msg_tl,.ty_msg_tr,.ty_msg_fl,.ty_msg_fr
	{
	margin: 0px;
	width: 8px;
	padding: 0px;
}

.ty_msg_bl
,
.ty_msg_bc
,
.ty_msg_br
,
.ty_msg_tl
,
.ty_msg_tc
,
.ty_msg_tr
,
{
margin
:0px;

    
height
:8px;

    
padding
:0px;

    
}
.ty_msg_hl,.ty_msg_hc,.ty_msg_hr {
	border-bottom: 1px solid #fff;
}

.ty_msg_hc {
	padding: 10px;
	font-family: Georgia, Helvetica, serif;
	font-size: 14px;
	color: #fff;
}

.ty_msg_fc {
	margin: 0px;
	padding: 10px;
	color: #666;
	font-family: VAGRounded, Verdana, sans-serif;
	font-size: 10px;
	background: url(/images/ty_core/gif/arrow.gif) no-repeat 0 13px;
}

/* --- predictive searchbox --- */
.ty_predictbox {
	position: absolute;
	border: 1px #404040 solid;
	min-width: 220px;
	padding: 0px 2px 0px 2px;
	background-color: #eaeaea;
	visibility: hidden;
	overflow: hidden;
	z-index: 102;
}

.ty_predictline_off,.ty_predictline_on {
	overflow: hidden;
	padding: 2px 0px 2px 2px;
	margin: 0px 2px 0px 0px;
	cursor: pointer;
	white-space: nowrap;
	font-family: VAGRounded, Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #404040;
}

.ty_predictline_on {
	background-color: #fefefe;
	color: #000000;
}

/* --- listelements --- */
.ty_listview {
	width: 100px;
}

a.ty_listview_sort:link {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

a.ty_listview_sort:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

a.ty_listview_sort:active {
	color: #444444;
	font-weight: normal;
	text-decoration: underline;
}

a.ty_listview_sort:hover {
	color: #444444;
	font-weight: normal;
	text-decoration: underline;
}

.ty_listview_select {
	width: 100%;
	text-align: center;
}

.ty_listview_select tr td img {
	border: 0px;
}

.ty_listview_table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #999999;
}

.ty_listview_trcol0 {
	background-color: #bbbbbb;
}

.ty_listview_trcol1 {
	background-color: #dddddd;
}

.ty_listview_trcolhighlight1 {
	background-color: #ddddff;
	border-top:2px #444444 solid;
	border-bottom:2px #444444 solid;
}

.ty_listview_trcol2 {
	background-color: #eeeeee;
}

.ty_listview_trcolhighlight2 {
	background-color: #ddddff;
	border-top:2px #444444 solid;
	border-bottom:2px #444444 solid;
}

.ty_listview_trcolhover {
	background-color: #ffdddd;
}

.ty_listview_trcol0,
.ty_listview_trcol1,
.ty_listview_trcolhighlight1,
.ty_listview_trcol2,
.ty_listview_trcolhighlight2,
.ty_listview_trcolhover
{
	border-collapse: collapse;
}

.ty_listview_trcol0 td,
.ty_listview_trcol1 td,
.ty_listview_trcolhighlight1 td,
.ty_listview_trcol2 td,
.ty_listview_trcolhighlight2 td,
.ty_listview_trcolhover td
{
	padding: 4px;
	border: 0px;
}

.ty_listview_trcol0 td img,
.ty_listview_trcol1 td img,
.ty_listview_trcolhighlight1 td img,
.ty_listview_trcol2 td img,
.ty_listview_trcolhighlight2 td img,
.ty_listview_trcolhover img
{
	border: 0px;
}

.ty_listview_trcol0 td.ty_listview_img,
.ty_listview_trcol1 td.ty_listview_img,
.ty_listview_trcolhighlight1 td.ty_listview_img,
.ty_listview_trcol2 td.ty_listview_img,
.ty_listview_trcolhighlight2 td.ty_listview_img,
.ty_listview_trcolhover td.ty_listview_img
{
	width: 16px;
}

.list_arrayout {
	float: left;
}

.list_tooltip {
	float: left;
}

/**
 * --- wait div ---
 * size of the our favour image is 16x16
 */
.ty_waitbox_invisible {
	visibility: hidden;
	display: none;
	position: fixed;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	margin: 0px;
	padding: 50px;
	/* background-image:url(/images/ty_core/lighttrans.png); */
}

.ty_waitbox_invisible .ty_waitbox_outershadow {
	position: fixed;
	width: 296px;
	height: 76px;
	top: 49%;
	left: 42%;
	border: 0px;
	background-image: url(/images/ty_core/296x76shadow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
}

.ty_waitbox_invisible .ty_waitbox_outershadow .ty_waitbox_outerbox {
	width: 280px;
	height: 60px;
	margin-left: 1px;
	margin-top: 1px;
	border: 1px #0f0f0f solid;
	background-color: #fafafa;
	background-image: url(/images/ty_core/indicator.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 0px;
}

.ty_waitbox_invisible .ty_waitbox_outershadow .ty_waitbox_outerbox .ty_waitbox_content
	{
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	margin-left: 60px;
	border: 0px;
	font-family: VAGRounded, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 20px;
	color: #000000;
}

/* -- iip - outer frame -- */
.ty_iip_frame {
	width: 100%;
	height: 350px;
	border: 1px solid #000000;
	padding: 0px;
	margin: 4px;
}

.ty_iip_frame_big {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border: 0px solid #000000;
	padding: 0px;
	margin: 0px;
}

/* -- generic useradmin - groups - rights - pagerights - users */
.ty_uadmin_lst {
	width: 100%;
}

.ty_uadmin_lst fieldset table tr td {
	height: 24px;
}

/* -- form element specials -- */
.ty_frm_day {
	width: 45px;
	border-width: 1px;
}

.ty_frm_month {
	width: 114px;
	border-width: 1px;
}

.ty_frm_year {
	width: 65px;
	border-width: 1px;
}

/* -- core debugging -- */
.ty_core_debug {
	margin: 10px;
	padding: 12px;
	background-color: #000000;
	color: #ffffff;
	border: 2px #802020 dashed;
	font-family: Courier, "Courier New", fixed;
	font-size: 11px;
}

.ty_framework_error {
	margin: 10px;
	padding: 12px;
	background-image:url(/images/ty_core/lighttrans.png);
	background-repeat:repeat;
	border: 2px #802020 dashed;
}

.ty_framework_error .head {
	color: #020202;
	font-family: VAGRounded, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 12px;
}
	
.ty_framework_error .body {
	color: #020202;
	font-family: VAGRounded, Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 10px;
}

/* SOAP */
.ty_soapdef {
	color: #903030;
	font-family: Courier, "Courier New", fixed;
	font-size: x-small;
	text-decoration: none;
}

.ty_soapdef_unavail {
	color: #903030;
	font-family: Courier, "Courier New", fixed;
	font-size: x-small;
	text-decoration: line-through;
}