/* default styles for extension "tx_bahagphotogallery_pi1" */
    	    .tx-bahagphotogallery-pi1 a:link {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 12px;
        	color: #FF0000;
        	text-decoration: none;
        }

        .tx-bahagphotogallery-pi1 a:visited {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 12px;
        	color: #FF0000;
        	text-decoration: none;
        }

        .tx-bahagphotogallery-pi1 a:hover {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 12px;
        	color: #003366;
        	text-decoration: underline;
        }

        .tx-bahagphotogallery-pi1 td {font-family:Verdana, Arial;  font-size:11px;}
        .tx-bahagphotogallery-pi1 td.bgcolor_1 {background:#FF0000; color:#FFFFFF}
        .tx-bahagphotogallery-pi1 table.bgcolor_2 {background:#F8F8F8; border:1px solid #D2D2D2}
        .tx-bahagphotogallery-pi1 div.thumb-border-color {border: 1px solid #000000;}
/* default styles for extension "tx_smemployeelist_pi1" */

/* stylesheets for sm_employeelist ------------------------------------------ */

/* wrapped around every output */
div[class^="tx-smemployeelist"] {
	font-size: 1em;
	line-height: 1.5em;
	font-family: Verdana;
}

/* reset ALL margins, borders and paddings */
div[class^="tx-smemployeelist"] * {
	margin: 0;
	padding: 0;
	border: 0;
}

/* for error messages (like no pidList found) */
div[class^="tx-smemployeelist"] .error,
div[class^="tx-smemployeelist"] .success {
	color: red;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}
div[class^="tx-smemployeelist"] .success {
	color: green;
}

/* standard header */
div[class^="tx-smemployeelist"] h2 {
	text-align: center;
	margin-bottom: 0.8em;
}

div.tx-smemployeelist-pi1 h2.PositionName,
div.tx-smemployeelist-pi1 h2.DepartmentName, 
div.tx-smemployeelist-pi1 h2.CustomListName, 
div.tx-smemployeelist-pi1 h2.NumberName {
	width: 50%;
	padding: 0.2em;
	margin: 1em auto 1em auto;
}

/* links */
div[class^="tx-smemployeelist"] a {
	color: #036;
	text-decoration: none;
	border-bottom: 1px dashed #036;
}
div[class^="tx-smemployeelist"] a:hover {
	color: #036;
	border-bottom: 1px solid #036;
	background-color: #ddd;
}

/* lists -------------------------------------------------------------------- */
/* department/position list */
div[class^="tx-smemployeelist"] ul {
	margin-left: 2em;
}

/* table and header rows */
div[class^="tx-smemployeelist"] table {
	margin: 0 auto;
	border: 1px solid #aaa;
	padding: 0.2em;
}
div[class^="tx-smemployeelist"] table th {
	background: #036;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 0.2em 0.5em;
}
div[class^="tx-smemployeelist"] table th a {
	color: #fff;
}

/* odd and even rows */
div[class^="tx-smemployeelist"] .odd {}
div[class^="tx-smemployeelist"] .even {
	background: #eee;
}

/* normal cells */
div[class^="tx-smemployeelist"] table td {
	padding: 0.2em 0.5em;
}

/* used for anchors to first letters of employees' names */
div[class^="tx-smemployeelist"] table tr.noDisplay {
	height: 5px;
}

/* "to top"-rows */
div[class^="tx-smemployeelist"] table tr.toTop td {
	text-align: center;
	font-size: 80%;
	background: #036;
}
div[class^="tx-smemployeelist"] table tr.toTop td a {
	color: #fff;
}
div[class^="tx-smemployeelist"] table tr.toTop td a:hover {
	color: #036;
}

/* anchor list above employee list */
div[class^="tx-smemployeelist"] div.anchorList {
	margin: 1em;
	text-align: center;
	font-size: 80%;
}
div[class^="tx-smemployeelist"] div.anchorList a {
	border: 0;
}

/* details page ------------------------------------------------------------- */
/* container around details page */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails {
	width: 51em;
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 0.5em;
}

/* headers on details page */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails h2 {
	text-align: left;
}

/* top part of details page (name, departments, image etc.) */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empTop {
	overflow: auto;
	padding: 0.1em 0;
}

/* employee's image */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empTop div.tx-smemployeelist-empImage {
	float: right;
	width: 20em;
	text-align: center;
}
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empTop div.tx-smemployeelist-empImage img {
	margin: 2em 0 0 0;
}

/* icons for special groups */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empTop div.tx-smemployeelist-empImage div.tx-smemployeelist-empIcons {
	margin: 0 0 0 1em;
}

/* info about the employee (name, departments etc.) */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empTop div.tx-smemployeelist-empInfo {
	float: left;
	width: 28em;
	padding: 1em;
}
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empTop div.tx-smemployeelist-empInfo h2 {
	font-size: 140%;
	background: #036;
	color: #fff;
	padding: 0.2em;
	margin-bottom: 1.5em;
}
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empTop div.tx-smemployeelist-empInfo h3 {
	border-bottom: 1px solid #036;
	margin-bottom: 0.5em;
	padding: 0.2em;
}

/* wraps around department/position list */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empTop div.tx-smemployeelist-empInfo div.tx-smemployeelist-empDepartments ul,
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empTop div.tx-smemployeelist-empInfo div.tx-smemployeelist-empPositions ul {
	margin: 0 0 2em 2em;
}

/* wrap around the bottom part of details page (hobbies, birthday etc.) */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empBottom {
	clear: both;
}

/* the bottom part of details page (hobbies, birthday etc.) */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empBottom h2 {
	font-size: 120%;
	margin: 1em 1em 0 1em;
	border-bottom: 1px solid #036;
}
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empBottom dl {
	margin: 0 1em;
	padding: 0.5em;
	clear: both;
	overflow: auto;
}
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empBottom dl dt {
	width: 20em;
	float: left;
	font-weight: bold;
}
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empDetails div.tx-smemployeelist-empBottom dl dd {
	float: right;
	width: 25em;
}

/* navigation (prev/next employee) */
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empNavi {
	font-size: 80%;
	color: #aaa;
	width: 60em;
	margin: 0 auto;
}
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empNavi	div.tx-smemployeelist-empNaviPrev {
	float: left;
	padding: 0.5em;
}
div.tx-smemployeelist-pi1 div.tx-smemployeelist-empNavi	div.tx-smemployeelist-empNaviNext {
	float: right;
	padding: 0.5em;
}

/* footer ------------------------------------------------------------------- */
div[class^="tx-smemployeelist"] div.Footer {
	text-align: center;
	color: #666;
	margin-top: 1em;
}

/* special styles for image list -------------------------------------------- */
div.tx-smemployeelist-pi1 table.smImageList td {
	text-align: center;
}

/* special styles for fields in list tables --------------------------------- */
/* employee's image */
div.tx-smemployeelist-pi1 table td.image,
div.tx-smemployeelist-pi1 table td.signatureimage {
	text-align: center;
}
/* no border for linked images */
div.tx-smemployeelist-pi1 table td.image a,
div.tx-smemployeelist-pi1 table td.signatureimage a {
	border: 0;
}
div.tx-smemployeelist-pi1 table td.image a:hover,
div.tx-smemployeelist-pi1 table td.signatureimage a:hover {
	background: #fff;
}

/* special styles for birthday list ----------------------------------------- */
div.tx-smemployeelist-pi1 table.smBirthdayList {
	font-size: 100%;
	line-height: 120%;
	margin-bottom: 1em;
}
div.tx-smemployeelist-pi1 table.smBirthdayList a {
	color: #000;
	border: 0;
}
div.tx-smemployeelist-pi1 table.smBirthdayList span.birthday {
	display: block;
	float: left;
	margin-right: 1em;
}
div.tx-smemployeelist-pi1 table.smBirthdayList span.fullname {
	display: block;
	float: right;
	text-align: left;
	width: 15em;
}

/* special styles for presence list ----------------------------------------- */
div.tx-smemployeelist-pi1 table.smPresenceList span.online {
	color: green;
}
div.tx-smemployeelist-pi1 table.smPresenceList span.offline {
	color: red;
}

/* special styles for telephone list ---------------------------------------- */
/* wrapped around every page of the telephone list */
div.tx-smemployeelist-pi1 div.smTelephoneList {
	clear: both;
	overflow: auto;
	font-size: 100%;
	line-height: 100%;
	width: 73.2em;
	margin: 0 auto;
	margin-bottom: 3em;
}

/* last changed info */
div.tx-smemployeelist-pi1 h2.TLLastChanged {
	font-size: 90%;
	margin: 1em 0 1em 0;
}

/* each department/group of numbers gets its own table */
div.tx-smemployeelist-pi1 div.smTelephoneList table {
	width: 36em;
	margin-bottom: 1em;
}

/* my layout is based on 2 columns on each page! */
div.tx-smemployeelist-pi1 div.smTelephoneList div.column1,
div.tx-smemployeelist-pi1 div.smTelephoneList div.column3 {
	float: left;
	width: 36em;
}
div.tx-smemployeelist-pi1 div.smTelephoneList div.column2,
div.tx-smemployeelist-pi1 div.smTelephoneList div.column4 {
	width: 36em;
	margin-left: 37em;
}

/* special fields in the telephone list */
div.tx-smemployeelist-pi1 div.smTelephoneList table td.name {
	width: 18em;
}
div.tx-smemployeelist-pi1 div.smTelephoneList table td.telephone {
	width: 3em;
}
div.tx-smemployeelist-pi1 div.smTelephoneList table td.description {
}
div.tx-smemployeelist-pi1 div.smTelephoneList table th a {
	color: #fff;
}

/* links in the telephone list */
div.tx-smemployeelist-pi1 div.smTelephoneList a {
	color: #000;
	border: 0;
}
div.tx-smemployeelist-pi1 div.smTelephoneList a:hover {
	color: #036;
	border-bottom: 1px dashed #036;
}

/* these are my classes for the employees' different priorities */
div.tx-smemployeelist-pi1 div.smTelephoneList .lowPriority {
	font-style: italic;
}
div.tx-smemployeelist-pi1 div.smTelephoneList .highPriority .name,
div.tx-smemployeelist-pi1 div.smTelephoneList .higherPriority .name,
div.tx-smemployeelist-pi1 div.smTelephoneList .highestPriority .name {
	font-weight: bold;
}

/* special styles for department list --------------------------------------- */
div.tx-smemployeelist-pi1 table.smDepartmentList tr {
	border-bottom: 5px solid #aaa;
}

/* these are my classes for the employees' different priorities */
div[class^="tx-smemployeelist"] table[class^="sm"] .lowPriority,
div.tx-smemployeelist-pi1 table.smDepartmentList .lowPriority {
	background: #c8daff;
}
div[class^="tx-smemployeelist"] table[class^="sm"] .highPriority,
div.tx-smemployeelist-pi1 table.smDepartmentList .highPriority {
	background: #ff9b9b;
}
div[class^="tx-smemployeelist"] table[class^="sm"] .higherPriority,
div.tx-smemployeelist-pi1 table.smDepartmentList .higherPriority {
	background: #fd5757;
}
div[class^="tx-smemployeelist"] table[class^="sm"] .highestPriority,
div.tx-smemployeelist-pi1 table.smDepartmentList .highestPriority {
	background: #ff2f2f;
}

/* styles for special content ----------------------------------------------- */
div.tx-smemployeelist-pi1 div.smEmployeeListCurrentBirthdays span.date,
div.tx-smemployeelist-pi1 div.smEmployeeListCurrentJubilees span.date {
	display: block;
	width: 7em;
	float: left;
}

/* styles for statistics page ----------------------------------------------- */
div.tx-smemployeelist-pi1 div.smStatistics dl dt {
	font-weight: bold;
	width: 25em;
	float: left;
}
div.tx-smemployeelist-pi1 div.smStatistics dl dd {}

/* default styles for extension "tx_veguestbook_pi1" */

    .tx-veguestbook-pi1 {
        font-size:100%;
    }
  
    /* error handling */
	.tx-veguestbook-pi1 p.tx-guestbook-form-error {
		font-weight:bold;
		color:#990000;
	}
	
	/* display of result count */
	.tx-veguestbook-pi1 .tx-guestbook-result {
		font-weight:bold;
		float:left;
	}
	
	/* pagination */
	.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size:75%;
		font-weight:bold;
		float:right;
	}
	
	/* styles for list mode */
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		clear:both;
		background:#666;
		color:#FFF;
		display:block;
		font-size:100%;
		font-weight:bold;
		padding: 1em;
		width: 35em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		float:left;
		width:12em;
		background:#EFEFEF;
		min-height:4em;
		padding: 1em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		height:4em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left p {
		color:#333;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right {
		float:left;
		width:21em;
		background:#FFF;
		padding: 1em;
	}
	
	/* styles for latest mode */
	.tx-veguestbook-pi1 .tx-guestbook-latest p,
	.tx-veguestbook-pi1 .tx-guestbook-right p {
		color:#333;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
	.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-weight: bold;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right h3 {
		font-size:100%;
		color:#990000;
		font-weight:bold;
		background:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
		font-size:75%;
		color:#333;
		font-style: italic;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest {
		display:block;
		padding:0.25em;
		clear:both;
	}
	
	/* form styles */
	.tx-veguestbook-pi1 .tx-guestbook-field {
		clear:both;
		width:100%;
		display:block;
		padding: 1em 0;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field label {
		clear: both;
		display: block;
		float: left;
		width: 10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
		float:left;
		width:10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		float:left;
		width:20em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
		width: 30em;
		display: block;
		float: left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 fieldset {
		border:none;
	}
	
	.tx-veguestbook-pi1 legend {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		float:left;
		display:block;
		background:#F7F7F7;
		border:1px solid #CCC;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		margin-left:2.25em;
	}
 
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap img {
		float:left;
		display:block;
		padding-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap input {
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap label {
		clear:both;
		display:block;
		float:none;
		width:10em;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap p {
		font-size:75%;
		padding:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-clear {
		clear:both;
		display:block;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		width:auto;
		display:block;
	}
/* default styles for extension "tx_slideshow_pi1" */
		.tx-slideshow-pi1 {
			text-align: center;
		}
/* default styles for extension "tx_hypernav_pi1" */
		.tx-hypernav-pi1-subLevels {
			border: solid 1px #DFE2E3;
			border-collapse: collapse;
		}
		.tx-hypernav-pi1-subLevels TD {
			padding: 5px;
			background-color: #FFFFFF;
		}
		.tx-hypernav-pi1-subLevels TD.tx-hypernav-pi1-subLevels-rowAlt {
			background-color: #E6EEF2;
		}
/* default styles for extension "tx_flvplayer_pi1" */
		.tx-flvplayer-pi1 {
			text-align: center;
		}
/* default styles for extension "tx_imagecycle_pi1" */
.tx-imagecycle-pi1 div.caption {
	margin: 0;
	padding: 0;
	position: relative;
}
.tx-imagecycle-pi1 div.caption p {
	position: absolute;
	margin: 0;
	padding: 5px;
	font-size: .9em;
	bottom: 0;
	left: 0;
	background: black;
	color: white;
	opacity: .7;
}
.tx-imagecycle-pi1 div.caption img {
	margin: 0;
	padding: 0;
	display: block;
}
/* default styles for extension "tt_news" */
  /* example styles for the pagebrowser */
    .tx-ttnews-browsebox TD { font-size: 10px; }
    .tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-ttnews-browsebox-SCell { background-color: #EEE; }