/*******************************************************
* This is the main css for the sead_project extension
* @author Sebastian Schreiber
*******************************************************/

/*******************************************************
   The following selectors are used by the iCarousel
*******************************************************/

/* iCarusel begin */
div.tx_seadproject_pi1_dataFieldsImage {
	width:641px;
}

div#tx_seadproject_pi1_imagesWrapper {
	position: relative; /* important */
	border:1px solid #cccccc;
	
	overflow: hidden; /* important */
	width: 639px; /* important */
	height: 353px; /* important */
	margin: 0;
		
}

div#tx_seadproject_pi1_imagesWrapper ul#tx_seadproject_pi1_iCarouselContentWrapper {
	position: absolute;
	top:0;
	left:0;	
	list-style: none;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	line-height:0;	
	/*width: 13440px;*/
}

/* if you would like to change the iCarousel effect to scroll, then you have to change these properties */
div#tx_seadproject_pi1_imagesWrapper ul li {
	display: block;		
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	border: none;	
}

div#tx_seadproject_pi1_imagesWrapper ul li img {
	display: block;
}

div#tx_seadproject_pi1_iCarouselNavigationWrapper {
	width:100%;
	height:12px;	
	background:#cccccc url('background_controls.gif') repeat-x bottom left;
	position:relative;
	border-bottom:1px solid #cccccc;	
	overflow:hidden;
	z-index: 3;
}

* html div#tx_seadproject_pi1_iCarouselNavigationWrapper {
	height: 13px;	 
}

div#tx_seadproject_pi1_iCarouselPrevious, 
div#tx_seadproject_pi1_iCarouselNext,
div#tx_seadproject_pi1_iCarouselPlayPause {
	width:11px;
	height:100%;
	position:absolute;
	top:0;
	border-left:1px solid #cccccc;		
	border-right:1px solid #cccccc;
	background-color: #cccccc;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display:none;	
}

div#tx_seadproject_pi1_iCarouselPrevious {
	left:0;
	background-image:url('prev.gif');	
	background-position: top left;
}



div#tx_seadproject_pi1_iCarouselNext {
	right:0;
	background-image:url('next.gif');
	background-position: top right;	
}

div#tx_seadproject_pi1_iCarouselPlayPause {
	left:320px;
	
}

div.tx_seadproject_pi1_iCarouselPlay {
	background-image:url('next.gif');
}	

div.tx_seadproject_pi1_iCarouselPause {
	background-image:url('pause.gif');
}	

/* iCarousel end */

/* single view of the projects begin */
div.tx_seadproject_pi1_description {
	padding:5px 0 0 0;
	margin-top:2px;
}

div.tx_seadproject_pi1_backButton {
	float: left;
}

div.tx_seadproject_pi1_description {
	border-top:1px dotted #b2b2b5;
}

div.tx_seadproject_pi1_description p {
	margin: 0;
	padding: 0;
	display: inline;
}

div.tx_seadproject_pi1_dataFieldsImage div.tx_seadproject_pi1_textWrapper {
	margin-top: 29px;
	height:100%;
}

div.tx_seadproject_pi1_dataFieldsImage div.tx_seadproject_pi1_textWrapper h1 {
	font-weight: normal;
}

div.tx_seadproject_pi1_dataFieldsImage div.tx_seadproject_pi1_imageWrapper {	

}
/* single view of the projects end */

/* list-view of the projects begin */
.spinner {
	width: 100%;
	height: 100%;
	background:url('spinner.gif') no-repeat center center;	
}

div.tx_seadproject_pi1_listProjectsWrapper {
	width:67%;
	min-height:300px;
	overflow:hidden;
}

div.tx_seadproject_pi1_listProjectsWrapper table {
	
}

div#tx_seadproject_pi1_listProjectsAjaxContent {
	position:relative;
	top:0;
	left:0;
}

div.tx_seadproject_pi1_listProjectsWrapper table td {
	border-left:1px dotted #b2b2b5;
	border-bottom:1px dotted #b2b2b5;
	padding:2px 3px 2px 15px;
}


div.tx_seadproject_pi1_listProjectsWrapper table td.tx_seadproject_pi1_tdClient,
select.tx_seadproject_pi1_clients {
	width:270px;
}

div.tx_seadproject_pi1_listProjectsWrapper table td.tx_seadproject_pi1_tdCategory,
select.tx_seadproject_pi1_categories {
	width: 185px;	
}

div.tx_seadproject_pi1_listProjectsWrapper table td.invisible {
	display:none;
}

div.tx_seadproject_pi1_listProjectsWrapper table tr.over td {
	cursor: pointer;
}

div.tx_seadproject_pi1_listProjectsWrapper table tr td {
	color:#999999;
}

div.tx_seadproject_pi1_listProjectsWrapper table tr.hasLink {
	cursor: pointer;	
}

div.tx_seadproject_pi1_listProjectsWrapper table tr.hasLink td {
	color:#000000;
}

div.tx_seadproject_pi1_listProjectsWrapper table tr.over td {
	color:#ffffff;
}

div.tx_seadproject_pi1_listProjectsWrapper table td.tx_seadproject_pi1_tdLeftAlign {
	border-left:0;
	padding-left:6px;		
}

select.tx_seadproject_pi1_years,
div.tx_seadproject_pi1_listProjectsWrapper table td.tx_seadproject_pi1_tdLeftAlign {
	width:90px;
}
/* list-view of the projects end */

/* search begin */
div#tx_seadproject_pi1_searchWrappper {
	margin-bottom:20px;
}

div.tx_seadproject_pi1_selectorBoxWrapper {
	float: left;
	margin-right:3px;
}


div.tx_seadproject_pi1_submitButton {
	margin-top:3px;
	margin-left:13px;
}
/* search end */

/* tooltip begin */
  .tip,
  .tip-top,
  .tip-title,
  .tip-text,
  .tip-bottom { font-size: 9px; color:#333333 !important; position:relative; z-index: 999; }
  .tip { white-space:nowrap; height: 28px; background-color: #dfe2e2; top:-55px; left:-25px; min-width: 140px; width: auto; }
  .tip-bottom { display: none; top:-65px; left:-20px; height:5px; }
  .tip-title {  text-align: left; padding:8px 8px; font-size:100%; }
  .tip
  
  * html .tip { width: 170px; }
/* tooltip end */




/* styles for the manual selection begin */
div#tx_seadproject_pi1_manSelectionAllWrapper {
	width:160px;
	position:absolute;
	right:13px;
	top:316px;
	z-index:3;
}

div.tx_seadproject_pi1_manSelectionItem {
	height:37px;
	width:37px;
	background:#b2b2b5;
	float:left;
	margin-right:11px;
	margin-bottom:11px;
	overflow:hidden;
}

div.tx_seadproject_pi1_manSelectionItem a {
	display:block;
	height:100%;
	width:100%;
	background-color:#c8b300;
	border:1px solid #c8b300;
}

div.tx_seadproject_pi1_manSelectionItem a img.no {
	display:none;
}

div.tx_seadproject_pi1_manSelectionItem a:hover {
	border:1px solid #b2b2b5;
}

div.tx_seadproject_pi1_manSelectionItem a:hover img, 
div.tx_seadproject_pi1_manSelectionItem a.isActive img{
	display: block;
}
/* styles for the manual selection end */