/* COMMON */


body {
	font: 85% Verdana,Arial,sans-serif;
	padding: 1em;
	scrollbar-face-color:gold;
scrollbar-highlight-color:yeloow;
scrollbar-3dlight-color:brown;
scrollbar-darkshadow-color:brown;
scrollbar-shadow-color:silver;
scrollbar-arrow-color:yellow;
scrollbar-track-color:silver;
}
h1, h2, h3 {
	color: #339;
}
h1 {
	font-size: 130%;
	margin: 0 0 1em;
}
h2 {
	font-size: 110%;
	margin: 0.75em 0 0.5em;
}
h3 {
	font-size: 100%;
	margin: 0.5em 0 0.25em;
}
p {
	margin: 0.35em 0;
}
ol, ul, li {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
pre {
	white-space: pre;
	color: #060;
	font: 90% Courier New,monospace;
	margin: 0.75em;
}
kbd {
	font: 90% Courier New,monospace;
	color: #060;
}
code {
	font: 100% Courier New,monospace;
	color: #050;
}
em {
	color: #833;
	font-weight: bold;
}
dt {
	color: #336;
	font-weight: bold;
	margin: 0.5em 0 0.25em;
}
dd {
	margin: 0.25em 2em;
}






		html, body {
		height:100%;
		margin: 0;
		padding: 0;
		border: none;
		text-align: left;
		font-family:'Lucida Grande', Arial, sans-serif;
		FONT-SIZE: 11px;
		background-color: #FFF;
		overflow: hidden;
		}
		



/* READER */


#MySplitter {
	/* Height is set to match window size in $().ready() below */
	border: 1px solid #CCC;
	min-width: 500px;	/* Splitter can't be too thin ... */
	min-height: 300px;	/* ... or too flat */
	z-index:1;
	display:block;
	background-color:#FFFFFF;
	margin-top:0px;
	visibility:visible;
}
#LeftPane {
	overflow:hidden;
	background: #FFF;
	padding: 0px;
	overflow: auto;		/* Scroll bars appear as needed */
}
#TopPane {				/* Top nested in right pane */
	background: #FFF;
	padding: 0px;
	height: 150px;		/* Initial height */
	min-height: 75px;	/* Minimum height */
	overflow: auto;
}
#BottomPane {			/* Bottom nested in right pane */
	background: #fff;
	min-height: 100px;
	padding: 0px;
	overflow: auto;
}
#MySplitter .vsplitbar {
	width: 4px;
	background: #EEE url(hgrabber.gif) repeat-y center;
	border: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;	
}
#MySplitter .vsplitbar.active, #MySplitter .vsplitbar:hover {
	background: #0066CC url(hgrabber.gif) repeat-y center;
}
#MySplitter .hsplitbar {
	height: 4px;
	background: #EEE url(hgrabber.gif) repeat-x center;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
#MySplitter .hsplitbar.active, #MySplitter .hsplitbar:hover {
	background: #0066CC url(hgrabber.gif) repeat-x center;
}
.x-grid-header {
	background:transparent url(../images/aero/grid/grid-hrow.gif) repeat scroll 0%;
	border-color:-moz-use-text-color -moz-use-text-color #6F99CF;
	border-style:none none solid;
	border-width:0pt 0pt 1px;
	position:relative;
	width:100%;
}
.rowWhite {
width=100%;
	height:17px;
	background-color:#FFFFFF;
	color:#000000;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size:10px;
	line-height:17px;
	padding:1px;
	cursor:pointer
	overflow-x: none;
	BORDER-BOTTOM:  #eeeeee 1px solid;
}
.rowGrey {
width=100%;
	height:17px;
	background-color:#EFEFEF;
	color:#000000;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size:10px;
	line-height:17px;
	padding:1px;
	cursor:pointer
}
.rowSelected {
width=100%;
	height:17px;
	background-color:#0066CC;
	color:#FFFFFF;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size:10px;
	line-height:17px;
	padding:1px;
	cursor:pointer
	overflow-x: none;
	BORDER-BOTTOM:  #eeeeee 1px solid;
}
.thead {
	margin-top:0;
	margin-right:0;
	width:100%;
	height:20px;
	position:absolute;
	background-color:#999999;
	visibility:visible;
	overflow:hidden;
	background-image:url(dock-bg3_1.gif);
	background-repeat:repeat-x;
	color:#555555;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size:10px;
}
.theadcol {
	float:left;
	padding-left:5px;
	padding-top:3px;
	font-style:normal;
}
.theadcolsel {
	float:left;
	padding-left:5px;
	padding-top:3px;
	font-style:italic;
}
.leftMenuSelected {
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background-color:#0066CC;
	color:#FFFFFF;
	cursor:pointer;
}
.leftMenuMouseOver {
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background-color:#0099FF;
	color:#444444;
	cursor:pointer
}
.leftMenuNormal {

	height:30px;
	line-height:30px;
	vertical-align:middle;
	background-color:#FFF;
	color:#000000;
	cursor:pointer;
	BORDER-BOTTOM:  #eeeeee 1px solid;

	
}
.leftMenuIcon {
/*
	background-image:url(email-icon.gif);
	background-repeat:no-repeat;
	background-position:top;
*/
	padding-top:4px;
	float:left;
	width:30px;
	height: 26px;
	
}
.leftMenuText {
	float:left;
	width:90px;
	font-size:11px;
	padding-left:2px;
	
}
.leftMenuInd {
	float:right;
	width:40px;
	text-align:right;
	font-size:9px;
	padding-right:5px;
	position:static;
}
.formElement {
	color:#777777;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	width:60em;
	border: 1px solid #DDDDDD;
}

.formElementTextArea {
	color:#777777;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:100%;
	height:100%;
	border: 1px solid #DDDDDD;
}


	#generalcontainer {
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */

		border: 1px solid #CCC;
		width: 600px;
		margin-top: 20px;
		display:none;
	
	}
	

.imagelist:hover {
background-color:#FFFF99;
//background-image:url(images/body-bg.gif);

}	
	
.imagelist {
background-color:#FFF; width:160px; height: 180px; text-align:center; border:thin; border-width:1px; border-color:#CCCCCC; border-style:solid;
}

.imagelistimage {
width:140px; height: 140px; text-align:center; margin-left:10px; padding-top:10px;
}

.imagelistcontainer {
padding: 5px; width:165px; height: 185px; float:left;
}

.imagelistnavigation {
float: right; margin-top: 6px; text-align:right; margin-right:20px;
font-size: 14px; 
color: #333333;
}

.imagelistnavigation.a {
color:#FF0000;
}



#imagesinglecontainer {
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */

		border: 1px solid #CCC;
		width: 80%;
		margin-top: 10px;
		display:block;
		background-color:#EFEFEF;
	
}

.imagesubject {
	font:Arial, Helvetica, sans-serif;
	color:#666666;
	padding-top: 3px;
}	



/* FINDER */

			
		#layoutcontainer
		{
			
			height: 100%;
			width: 19.9%;
			float:left;
			BORDER-RIGHT:  #f3f3f3 1px solid;
			overflow: auto;	
			
		}
		
		#scrollcontainter {
			padding: 5px;
			width: 95%;
			
		}
		
		
		.item{
		padding: 10px;	
		background-color: #ffffff;
		BORDER-BOTTOM:  #eeeeee 1px solid;
		color:#333333;
					
		}
		
		.itemselected{
			
			padding: 10px;	
			background-color:#0066CC;
			BORDER-BOTTOM:  #f3f3f3 1px solid;
			a.color: #ffffff;	
			color:#FFFFFF;
			
		}
		
		
		
	.itemhighlight{
			
			padding: 10px;	
			background-color:#FFFF99;
			BORDER-BOTTOM:  #f3f3f3 1px solid;
			a.color: #ffffff;	
			
			
		}		
		
		
		
		.number{
			
					height: 12px;
					width: 20px;
					background-image: url(number-background.png);
					color:#6f6f6f;
					text-align: center;
					FONT-SIZE: 9px;
					float:right;
					font-weight: bold;
					padding-top:1px;
		}
		

	.grouptype{
			
					height: 12px;
					width: 50px;
	
					color:#6f6f6f;
					text-align: center;
					FONT-SIZE: 9px;
					float:right;
					font-weight: bold;
					padding-top:1px;
		}		
		
.groupnamelist{
			
	
	
					color:#000;
	
					FONT-SIZE: 14px;
					font-weight: bold;
	
		}		
		
				
		#navigation
		{
			width: 99%;		
			border:  #f3f3f3 0px dashed;
			background-color: #7c7c7c;
			color: #ffffff;
			padding:5px;
			font-size: 12px;
			font-weight: bold;
		}
		

	
	
		
	
		.txtlargebold
		{
				font-size: 13px;
				font-weight: bold;
		}	
	
	
	
		#grouphead {
			color:#000000;
			font-family:arial,sans-serif;
			font-size:13px;
		}	
			
			
		.navitem {
			float:left;
			padding-left: 5px;
			margin-top: 5px;
			
		
		
		}	
	
	
	
	
    <style>
	
.accordion .collapsed-panel .content { display:none; }

.style1 {font-size: 14px}	









.travelgrouptype{
			
					height: 12px;
					width: 50px;
	
					color:#6f6f6f;
					text-align: center;
					FONT-SIZE: 20px;
					float:right;
					font-weight: bold;
					padding-top:1px;
		}	
		
		
	.resultitem{
		padding: 10px;	
		//-background-color: #ffffff;
		BORDER-BOTTOM:  #eeeeee 1px solid;
		color:#333333;
		margin-left:20px;
					
		}
		
		
.travelitem{
		padding: 10px;	
		background-color: #ffffff;
		BORDER-BOTTOM:  #eeeeee 1px solid;
		color:#333333;
		font-size:20px;
		height: 32px;
		cursor:pointer;
	
					
		}		
		
.travelitem2{
		padding: 10px;	
		background-color: #ffffff;
		BORDER-BOTTOM:  #eeeeee 1px solid;
		color:#333333;
		font-size:20px;
		height: 32px;
		cursor:pointer;
		/*
		background-image:url(images/searchListBg2.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
		*/			
		}			

.travelitemhighlight{
			
		padding: 10px;	
		background-color: #ffff99;
		BORDER-BOTTOM:  #eeeeee 1px solid;
		color:#333333;
		font-size:20px;
		height: 32px;	
		cursor:pointer;	
			
		}


.travelitemselected{
			
		padding: 10px;	
		background-color:#0066CC;
		BORDER-BOTTOM:  #eeeeee 1px solid;
		color:#FFF;
		font-size:20px;
		height: 32px;	
		cursor:pointer;	
			
		}


a {


text-decoration: none;
color:#0033FF;


}

a:hover {

  
  text-decoration:underline;

}


/*

				
		#layoutcontainer
		{
			
			height: 100%;
			width: 19.9%;
			float:left;
			BORDER-RIGHT:  #f3f3f3 1px solid;
			overflow: auto;	
			
		}
		
		#scrollcontainter {
			padding: 5px;
			width: 95%;
			
		}
		
		
		.item{
		padding: 10px;	
		background-color: #ffffff;
		BORDER-BOTTOM:  #eeeeee 1px solid;
		color:#333333;
					
		}


		.resultitem{
		padding: 10px;	
		//-background-color: #ffffff;
		BORDER-BOTTOM:  #eeeeee 1px solid;
		color:#333333;
		margin-left:20px;
					
		}
		
		
		.travelitem{
		padding: 10px;	
		background-color: #ffffff;
		BORDER-BOTTOM:  #eeeeee 1px solid;
		color:#333333;
		font-size:20px;
		height: 32px;
					
		}		
		
		
		.itemselected{
			
			padding: 10px;	
			background-color:#0066CC;
			BORDER-BOTTOM:  #f3f3f3 1px solid;
			a.color: #ffffff;	
			color:#FFFFFF;
			
		}
		
		
		
	.itemhighlight{
			
			padding: 10px;	
			background-color:#FFFF99;
			BORDER-BOTTOM:  #f3f3f3 1px solid;
			a.color: #ffffff;	
			
			
		}		
		
		
		
		.number{
			
					height: 12px;
					width: 20px;
					background-image: url(number-background.png);
					color:#6f6f6f;
					text-align: center;
					FONT-SIZE: 9px;
					float:right;
					font-weight: bold;
					padding-top:1px;
		}
		

	.grouptype{
			
					height: 12px;
					width: 50px;
	
					color:#6f6f6f;
					text-align: center;
					FONT-SIZE: 9px;
					float:right;
					font-weight: bold;
					padding-top:1px;
		}	
		
		
		

	.travelgrouptype{
			
					height: 12px;
					width: 50px;
	
					color:#6f6f6f;
					text-align: center;
					FONT-SIZE: 20px;
					float:right;
					font-weight: bold;
					padding-top:1px;
		}	
		
		
				
		
		
		#navigation
		{
			width: 99%;		
			border:  #f3f3f3 0px dashed;
			background-color: #7c7c7c;
			color: #ffffff;
			padding:5px;
			font-size: 12px;
			font-weight: bold;
		}
		

	
		#container
		{
		width: 99%;
		height: 100%;
		border:  #f3f3f3 1px dashed;
		padding:5px;
		
		}
		
		#header
		{
		width: 99%;
		border:  #f3f3f3 1px dashed;
		text-align:right;
		padding:5px;

		
		}
		.txtlargebold
		{
				font-size: 13px;
				font-weight: bold;
		}	
	
	
	
		#grouphead {
			color:#000000;
			font-family:arial,sans-serif;
			font-size:13px;
		}	
			
			
		.navitem {
			float:left;
			padding-left: 5px;
			margin-top: 5px;
			
		
		
		}	
	
	
*/