html {
	height: 100%;
}

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('img/tango/bg_layout_left.gif') top left repeat-y;
	background-color: #FFFFFF;
	font-family: tahoma;
	font-size: 11px;
	color: #4B4B4B;
	height: 100%;
}

a {
	color: #4B4B4B;
}

body.LoginPage {
	background: none;
}

select {
	/*
	font-family: tahoma;
	font-size: 11px;
	color: #4B4B4B;
	*/
	font-weight: normal;
}

.TGHead {
	position:absolute;
	width: 211px;
	left:0;
	top:0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align:top;
	font-family: tahoma;
	font-size: 11px;
}

.TGMain {
	margin: 0 0 0 211px;
	padding: 0;
}

.TGMainContent {
	padding: 33px 30px 30px 30px;
}

.TGLogo {
	padding: 0px 0px 0px 0px;
	text-align: right;
	background: url("img/tango/bg_logo.gif");
	background-repeat: no-repeat;
	width: 208px;
	height: 65px;
	/*visibility: hidden;*/
}

.TGVersion {
	position:absolute;
	font-size: 10px;
	color: #7D7D7D;
	left: 130px;
	top: 48px;
	/*padding: 48px 5px 0px 0px;*/
}

.TGTextCollection {
	display: block;
	padding: 0.5em;
}
.TGTextCollectionLine {
	display: block;
}
.TGTextCollectionText {
	display: block;
}

/* ------------------------------ FORM ------------------------------ */

.TGValidationError {
	display: block;
	color: red;
}

.TGInlineLabel {
	padding-left: 2em;
	padding-right: 1em;
}

.TGLinkLabel
{
	color: #4B4B4B;
}

.TGFormTallItemLabel {
	display: block;
	padding-top: 0.3em;
	margin-top: 0.3em;
}

fieldset {
	margin-left: 0px;
	margin-top: -0.3em;
	vertical-align: top; /* IE6 Date Picker centering */
	padding: 0.5em 0.5em 0.5em 0.5em;
	border: 1px solid #BABABA;
	color: #4B4B4B;
}

table.TGDynamicForm {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 90%;
	border-collapse: collapse;
	border: 1px solid #BABABA;
	vertical-align: top;
	font-family: tahoma;
	font-size: 11px;
	background-color: #F2F2F2;
}

.TGDynamicForm td.TGDynamicFormColumnA, td.TGDynamicFormColumnB {
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

.TGDynamicForm td.TGDynamicFormColumnA {
	width: 13%;
	}

.TGDynamicForm tr.TGDynamicFormRow {
	vertical-align: top;
	}

.TGFormButton {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #616161;
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #9E9E9E;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #9E9E9E;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 2px;
	background: url("img/tango/button1.gif");
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
}

.TGFormInput {
	/* width: 100%; */
	font-family: tahoma;
	font-size: 11px;
	color: #616161;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #9E9E9E;
	border-right: 1px solid #D3D3D3;
	border-left: 1px solid #9E9E9E;
}

.TGFormInputFile {
	font-family: tahoma;
	font-size: 11px;
	/*
	border-top: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	border-bottom: 1px solid #9E9E9E;
	border-right: 1px solid #9E9E9E;
	color: #F8F8F8F;
	background-color: #F8F8F8F;
	background: url("img/tango/button1.gif");
	*/
	}

.TGFormInputRequired {
	background-color:#FBEBEB;

	/* width: 100%; */
	font-family: tahoma;
	font-size: 11px;
	color: #616161;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #9E9E9E;
	border-right: 1px solid #D3D3D3;
	border-left: 1px solid #9E9E9E;
	}

.TGViewFormValue {
	font-weight: bold;
}

.TGViewFormLabel {
	background-color:#FBEBEB;
}

.TGViewFormPadding {
	padding: 0.25em;
}

/* ------------------------------ OTHER ------------------------------ */
.TGNonBreakableLabel {
	white-space: nowrap;
}

.TGXmlText {
	white-space: pre;
}

/* ------------------------------ TABS ------------------------------ */

.TGActiveTab {
	background: url("img/tango/bg_th_1.gif");
	background-repeat: repeat-x;
	background-position: top left;
	border-left: 1px solid #BABABA;
	border-top: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
	border-bottom: 1px solid #F1B8B5;
	background-color: #FBEBEB;
}

.TGActiveTab input {
	background-color: transparent;
}

.TGInactiveTab {
	background-color: #EBEBEB;
	border: 1px solid #BABABA;
}

.TGInactiveTab input {
	background-color: transparent;
}

/* ------------------------------ TABLE ------------------------------ */

th.TGDynamicTableHeader {
	text-align: left;
	padding: 5px 5px 5px 5px;
	background: url("img/tango/bg_th_1.gif");
	background-repeat: repeat-x;
	background-position: top left;
	height: 20px;
	color: #D6362E;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #F1B8B5;
	border-right: 1px solid white;
	white-space: nowrap;
	}

tr.TGDynamicTableRowA {
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #FDFDFD;
	border-right: 1px solid white;
	}

tr.TGDynamicTableRowB {
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #EBEBEB;
	border-right: 1px solid white;
	}

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

.TGMenu {
	width: 210px;
	margin: 0px 0px 0px 0px;
}

.TGMenuContent {
	display: block;
	width: 188px;
	margin: 10px 10px 10px 10px;
	border: 1px solid #AFAFAF;
	text-align:center;
}

.TGMenuHead {
	display: block;
	border: 1px solid #EFEBEF;
	padding: 1px 1px 1px 1px;
	background-color: silver;
	font-family: tahoma;
	font-size: 16px;
	font-weight: bold;
}


.TGMenuItem {
	display: block;
	border: 1px solid #EFEBEF;
	/*border-color: #C2C2C2;*/
	border-color: #EFEBEF;
	background-color: white;
	/*height: 29px;*/
	height: 2.5em;
	line-height: 2.5em;
	padding: 0px 0px 0px 4px;
	text-align: left;
}

.TGMenuItemActive {
	background-color: #FDF3F2;
	height: 29px;
	padding: 0px 0px 0px 4px;
	border: 1px solid #F1B8B5;
	text-align: left;
	font-weight: bold;
}

.TGMenu a {
	color: #4B4B4B;
	text-decoration: none;
}

.TGMenu a:hover {
	color: #D6362E;
}

/* ------------------------------ TITLE ------------------------------ */

.TGTitle {
	/*background-color: blue;*/
}

span.title_main {
	color: #D6362E;
	font-size: 19px;
	font-weight: bold;
}

hr#hr_main {
	color: #C6C6C6;
}

div#hr_main0 {
	margin: 0px 0px 20px 0px;
}

.TGOrganization {
	position:relative;
	left: 10px;
	padding: 5px 0px 0px 0px;
	font-family: tahoma;
	font-size: 14px;
}

.TGUser {
	position:relative;
	left: 10px;
	padding: 5px 0px 0px 0px;
	font-family: tahoma;
	font-size: 14px;
}

/* ------------------------------ TGTABLE ------------------------------ */

span.TGTable {
}

.TGDataSet {
	border-collapse: collapse;
	border: 1px solid #BABABA;
	width: 100%;
}

.TGDataSet td {
	padding: 2px 2px 2px 2px;
}

table.TGDataSet .viewImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/view.gif');
}

table.TGDataSet .detailImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/detail.gif');
}

table.TGDataSet .selfImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/detail.gif');
}

table.TGDataSet .editImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/edit.gif');
}

table.TGDataSet .tabbedEditImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/tabbed_edit.gif');
}

table.TGDataSet .deleteImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/delete.gif');
}

table.TGDataSet .copyImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/copy.gif');
}

table.TGDataSet .clipboardImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/clipboard.gif');
}

table.TGDataSet .reportPdfImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/pdf.gif');
}

table.TGDataSet .reportXmlImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/xml.gif');
}

table.TGDataSet .sortAscImage {
	border:none;
	margin-left:3px;
	width:11px;
	height:12px;
	vertical-align:bottom;
	background-image:url('img/tango/dataComponents/sort_asc.gif');
}

table.TGDataSet .sortDescImage {
	border:none;
	margin-left:3px;
	width:11px;
	height:12px;
	vertical-align:bottom;
	background-image:url('img/tango/dataComponents/sort_desc.gif');
}

table.TGDataSet .sortAscCurImage {
	border:none;
	margin-left:3px;
	width:11px;
	height:12px;
	vertical-align:bottom;
	background-image:url('img/tango/dataComponents/sort_asc_cur.gif');
}

table.TGDataSet .sortDescCurImage {
	border:none;
	margin-left:3px;
	width:11px;
	height:12px;
	vertical-align:bottom;
	background-image:url('img/tango/dataComponents/sort_desc_cur.gif');
}

table.TGDataSet .unAssocImage {
	border:none;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/unAssoc.gif');
}

.TGPagingPages {
	float: left;
}

.TGPagingMaxResults {
	float: right;
}

.TGPaging {
	display: block;
	clear: both;
}

table.TGPagingPages .pagingNextImage {
	border:0px;
	width:13px;
	height:14px;
	background-image:url('img/tango/dataComponents/paging_next.gif');
}

table.TGPagingPages .pagingLastImage {
	border: 0px;
	width:17px;
	height:14px;
	background-image:url('img/tango/dataComponents/paging_last.gif');
}

table.TGPagingPages .pagingPrevImage {
	border:0px;
	width:13px;
	height:14px;
	background-image:url('img/tango/dataComponents/paging_prev.gif');
}

table.TGPagingPages .pagingFirstImage {
	border: 0px;
	width:17px;
	height:14px;
	background-image:url('img/tango/dataComponents/paging_first.gif');
}

/* ------------------------------ TGTree ------------------------------ */

.TGTree {
	display: block;
	float:left;
	/*font-size: 80%;*/
	/*background-color: red;*/
	margin-right: 15px;
	white-space: nowrap;
}

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

.TGTree a:hover { color: black; }

.TGTree a.TGTreeNode {
	padding-left: 5px;
	padding-right: 5px;
}

.TGTree .TGTreeNodePlain {
	padding-left: 5px;
	padding-right: 5px;
}

.TGTree a.TGTreeNodeSelected {
	padding: 2px 5px 2px 5px;
	/*background-color: silver;*/
	background: url("img/tango/bg_th_1.gif");
	background-repeat: repeat-x;
	background-position: top left;
}

.TGTree img.TGFolderExpandedImage {
	position: relative;
	top: 2px;
	margin-right: 3px;
	border:none;
	width:16px;
	height:14px;
	background-image:url('img/tango/dataComponents/folder_opened.gif');
}

.TGTree img.TGFolderCollapsedImage {
	position: relative;
	top: 2px;
	margin-right: 3px;
	border:none;
	width:16px;
	height:14px;
	background-image:url('img/tango/dataComponents/folder.gif');
}

.TGTree img.TGDataExpandedImage {
	position: relative;
	top: 2px;
	margin-right: 3px;
	border:none;
	width:16px;
	height:14px;
	background-image:url('img/tango/dataComponents/ball_red.gif');
}

.TGTree img.TGDataCollapsedImage {
	position: relative;
	top: 2px;
	margin-right: 3px;
	border:none;
	width:16px;
	height:14px;
	background-image:url('img/tango/dataComponents/ball_red.gif');
}

.TGTree .TGExpandAllImage {
	margin-bottom: 2px;
	margin-right: 2px;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/tree_expand_all.gif');
}
.TGTree .TGCollapseAllImage {
	margin-bottom: 2px;
	margin-right: 2px;
	width:19px;
	height:19px;
	background-image:url('img/tango/dataComponents/tree_collapse_all.gif');
}

/* ------------------------------ OTHER ------------------------------ */

.TGCheckbox {
	white-space: nowrap;
	margin-left: -4px;
}

.TGInlineCheckbox {
	white-space: nowrap;
	margin-left: 2px;
}

.TGCheckboxLabel {
	vertical-align: 30%;
}

.TGGroup {
	/* float: left;
	background-image:url('img/tango/bg_line_left.gif');
	background-repeat: repeat-y;
	background-position: top left;
	*/
	padding-left: 15px;
}

.TGTableGroup {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-top: 10px;
	/*background-color: yellow;*/
}

.TGTableGroup form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.TGTableGroup .TGDataSet {
	margin-top: 3px;
}

.TGTableGroup .TGButtonsPanel {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*background-color: red;*/
}

/* ------------------------------ SELF ------------------------------ */

.TGSelfDobLabel {
	display: block;
	margin-top: 2em;
	font-size: larger;
	font-weight: bold;
}
.TGSelfButtons {
	display: block;
}


/* ------------------------------ HELP ------------------------------- */

.TGHelpLink {
}

.TGHelpLabel {
	display: block;
	margin-top: 1em;
	font-size: 1.2em;
}

.TGHelpLinkItem {
	display: block;
	margin-top: 0.5em;
}

/* ------------------------------ LOGIN ------------------------------ */

.LoginPage div#login_layout {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 586px;
	height: 281px;
	margin-top: -140px;
	margin-left: -293px;
	background: url("img/tango/bg_login.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

.LoginPage div#login_form_box {
	position: absolute;
	top: 195px;
	left: 12px;
	height: 30px;
	width: 555px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

.LoginPage span#login_copyright {
	position: absolute;
	top: 247px;
	left: 19px;
	font-family: tahoma;
	font-size: 12px;
	color: #444444;
}

.LoginPage span#login_error_essage {
	position: absolute;
	top: 164px;
	left: 16px;
	font-family: tahoma;
	font-size: 12px;
	color: #D63830;
	font-weight: bold;
}

.LoginPage span#login_admin_link {
	position: absolute;
	top: 247px;
	left: 175px;
	width: 400px;
	text-align: right;
	font-family: tahoma;
	font-size: 10px;
}

.LoginPage a {
	color: #444444;
}

.LoginPage input.login_input_text {
	margin: 0px 25px 0px 5px;
	font-family: tahoma;
	font-size: 11px;
	color: #4B4B4B;
	font-weight: normal;
	border-bottom: 1px solid #8D8D8D;
	border-top: 1px solid #C5C5C5;
	border-right: 1px solid #8D8D8D;
	border-left: 1px solid #C5C5C5;
}

.LoginPage .login_submit {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #4B4B4B;
	background: url("img/tango/bg_button_login.gif");
	background-repeat: repeat-x;
	background-position: top left;
	height: 20px;
	/* width: 6em; = IE 7 compatibilty issue */
	width: 6em;
	border-bottom: 1px solid #9E9E9E;
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #9E9E9E;
	border-left: 1px solid #D3D3D3;
	padding: 0px 5px 0px 5px;
	position: absolute;
	right: 0px;
	cursor: pointer;
}

.LoginPage .login_input_button {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #4B4B4B;
	background: url("img/tango/bg_button_login.gif");
	background-repeat: repeat-x;
	background-position: top left;
	height: 20px;
	border-bottom: 1px solid #9E9E9E;
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #9E9E9E;
	border-left: 1px solid #D3D3D3;
	padding: 0px 5px 0px 5px;
	position: absolute;
	right: 0px;
	cursor: pointer;
}

.LoginPage select {
	font-family: tahoma;
	font-size: 11px;
	color: #4B4B4B;
	margin: 0px 0px 0px 6px;
	font-weight: normal;
}

/* ------------------------------ ENSIGN LANGUAGE CHANGE LINKS ----------- */

.TGEnsignLinks {
	color:#4B4B4B;
	position:relative;
    /* Use this to align ensigns with copyright link */
	top: 27px;
	left: 4.5em;
    /* Use this to show ensigns on a new line
	top: 17px;
    text-align: center;
	display: block;
	*/
}

.TGEnsign_en {
	margin-right: 4px;
	border:none;
	width:17px;
	height:11px;
	background-image:url('img/tango/langEnsigns/en.jpg');
}

.TGEnsign_cs {
	margin-right: 4px;
	border:none;
	width:17px;
	height:11px;
	background-image:url('img/tango/langEnsigns/cs.jpg');
}

/* ------------------------------ COPYRIGHT ------------------------------ */

.TGCopyright {
}

.TGCopyrightLine {
	width: 206px;
	padding: 0;
	margin: 0;
	position: relative;
	top: 12px;
}

.TGCopyrigthLink {
	color:#4B4B4B;
	position:relative;
    /* Use this to show ensigns on a new line
	left: 50px;
	*/
	left: 3.5em;
	top: 24px;
	font-family: tahoma;
	font-size: 10px;
}

/* **** TEMPORARY NON SYSTEMATIC NEW STYLES - CONSULTATION WITH JIVA IS NECESSARY **** */


.TGTableInfo {
	display:block;
	clear:both;
}

.TGTableVisibleItemCount .TGItemCountNumber {
	font-weight: bold;
}

.TGTableSelectedItemCount .TGItemCountNumber {
	font-weight: bold;
}

.TGTableItemCount .TGItemCountNumber {
	font-weight: bold;
}

.TGTableVisibleItemCount {
	float: left;
}

.TGTableItemCount {
	float: left;
}

.TGTableSelectedItemCount {
}

.TGCheckboxInTable {
	width:19px;
	}

/*
.myFaces_panelTabbedPane {
	width: 600px;
}
*/