/*
	GENERIC RESET & BASIC STRUCTURE
*/
a 									{ /* remove the dotted outlines when clicking tabs */ 
						  		      outline: none; text-decoration: none; }
.wrapper ul 						{ list-style: none; margin-left:0px;}

/*
	WIDGET STRUCTURE
*/
#sliderWrap 						{ width:705px;margin: 0px auto auto 20px; position: relative; }
#slider 							{ background: url('../images/body-bg.jpg') repeat left top;
									  margin-left: 0px; padding: 0px 2px 20px 2px; width: 705px;  border:1px solid black;}
.stripViewer 						{ position: relative; overflow: hidden; clear: both;}
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px;}
.stripViewer .panelContainer .panel { float: left; position: relative; width: 705px; }
.stripNav 							{ margin: 0px; position: relative; /*top:20px;*/}
.wrapper 							{ padding: 10px 0 10px;}
.innerWrap 							{ width: 100%; overflow: hidden;}

/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul	{list-style: none;margin-left:0; height:45px;padding:0px;}
.stripNav ul li {float: left; line-height: 45px; margin-right: 1px;}
.stripNav li a 	{/* Generic "CSS image replacement" */
				 display: block; height:45px;}
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tabsak a { background: url(../images/tab_sak.jpg) top center no-repeat; width: 70px; }
.stripNav li.tabpkw a { background: url(../images/tab_pkw.jpg) top center no-repeat; width: 110px; }
.stripNav li.tabppa a { background: url(../images/tab_ppa.jpg) top center no-repeat; width: 120px; }
.stripNav li.tabppu a { background: url(../images/tab_ppu.jpg) top center no-repeat; width: 120px; }
.stripNav li.tabprk a { background: url(../images/tab_prk.jpg) top center no-repeat; width: 120px; }
.stripNav li.tabppd a { background: url(../images/tab_ppd.jpg) top center no-repeat; width: 120px; }
.stripNav li.tabptm a { background: url(../images/tab_ptm.jpg) top center no-repeat; width: 85px; }

.stripNav li a:hover{ background-position: bottom center; }
.stripNav li a:active, 
.stripNav li a:focus 	{ /* Restore focus styling that we removed when we removed outlines */
						background-position: top center;}

/* It is neccessary to repeat the image paths here */
.stripNav li.tabsak a#currentTab { background: url(../images/tab_sak.jpg) bottom center no-repeat; }
.stripNav li.tabpkw a#currentTab { background: url(../images/tab_pkw.jpg) bottom center no-repeat; }
.stripNav li.tabppa a#currentTab { background: url(../images/tab_ppa.jpg) bottom center no-repeat; }
.stripNav li.tabppu a#currentTab { background: url(../images/tab_ppu.jpg) bottom center no-repeat; }
.stripNav li.tabprk a#currentTab { background: url(../images/tab_prk.jpg) bottom center no-repeat; }
.stripNav li.tabppd a#currentTab { background: url(../images/tab_ppd.jpg) bottom center no-repeat; }
.stripNav li.tabptm a#currentTab { background: url(../images/tab_ptm.jpg) bottom center no-repeat; }

/* 
	Previous/next navigation
*/
.stripNavL, .stripNavR {
	display:none;
}
.stripNavL a, .stripNavR a 			{ display: block; position: absolute; width: 75px; height: 22px; text-indent: -9999px;}
.stripNavL a						{ bottom: 25px; left: 10px; background: url(../images/previous.png); }
.stripNavR a 						{ bottom: 25px; right: 15px; background: url(../images/next.png); }

/* 
	Gridview list item styling 
*/
.panel{ margin:0px; text-transform:capitalized;padding:0px; }
.panel{ text-align:left;display: block;}
/* Prevent capitalizing text in the email column */

#email { text-transform: none !important;
}

#sak-list,#pkw-list,#ppa-list,#ppu-list,#prk-list,#ppd-list,#ptm-list{ color: white; font-size: 12px; cursor:default; }

#sak-list tr		{ background: url(../images/bgTabHdr1.png) left top repeat-x;border-bottom: 1px solid #C1B599; }
#pkw-list tr 		{ background: url(../images/bgTabHdr2.png) left top repeat-x;border-bottom: 1px solid #C1B599; }
#ppa-list tr 		{ background: url(../images/bgTabHdr3.png) left top repeat-x;border-bottom: 1px solid #C1B599; }
#ppu-list tr 		{ background: url(../images/bgTabHdr4.png) left top repeat-x;border-bottom: 1px solid #C1B599; }
#prk-list tr 		{ background: url(../images/bgTabHdr5.png) left top repeat-x;border-bottom: 1px solid #C1B599; }
#ppd-list tr 		{ background: url(../images/bgTabHdr6.png) left top repeat-x;border-bottom: 1px solid #C1B599; }
#ptm-list tr 		{ background: url(../images/bgTabHdr7.png) left top repeat-x;border-bottom: 1px solid #C1B599; }

.panel ul#sak-list li a:hover 		{ /*background: url(../images/bgTabHdr1.png) left top repeat-x;*/ color: white; text-decoration:none; cursor:default; }
.panel ul#pkw-list li a:hover 		{ /*background: url(../images/bgTabHdr2.png) left top repeat-x;*/ color: white; text-decoration:none; cursor:default; }
.panel ul#ppa-list li a:hover 		{ /*background: url(../images/bgTabHdr3.png) left top repeat-x;*/ color: white; text-decoration:none; cursor:default; }
.panel ul#ppu-list li a:hover 		{ /*background: url(../images/bgTabHdr4.png) left top repeat-x;*/ color: white; text-decoration:none; cursor:default; }
.panel ul#prk-list li a:hover 		{ /*background: url(../images/bgTabHdr5.png) left top repeat-x;*/ color: white; text-decoration:none; cursor:default; }
.panel ul#ppd-list li a:hover 		{ /*background: url(../images/bgTabHdr6.png) left top repeat-x;*/ color: white; text-decoration:none; cursor:default; }
.panel ul#ptm-list li a:hover 		{ /*background: url(../images/bgTabHdr7.png) left top repeat-x;*/ color: white; text-decoration:none; cursor:default; }


#name{
	width :280px;padding: 5px 2px;height:100%;
}
#pstn{
	width :190px;padding: 5px 2px; height:100%;
}
#email{
	text-aling:center;width :90px;padding: 5px 2px; height:100%;
}
#ccno{
	width :100px;padding: 5px 2px; height:100%;
}
#hlst
{
	background: url('../images/body-bg.jpg') repeat-x left top;
	border-bottom: 3px #C1B599 double;
	font-size: 12px;
	color: black;
	font-weight: bold;
	text-transform: capitalize;
	height: 50px;
	width: 100%;
}
