table.Filter, table.Filter *
{
    width:100%;
    font-weight: normal;
    font-family: Helvetica,Verdana;
    font-size: 9pt;	
    list-style-type: none;
    margin: 0;
    xpadding: 0 0  0 10px;
    cursor: default;
}

table.Filter tr
{
	height: 15px;
    width:100%;
    xdisplay: inline; 
    white-space: nowrap;        	
    xfloat: left;	
}

table.Filter td
{
    padding: 0 0 0 5px ;
    margin:0;
    clear: both;
}

table.Filter label
{
    cursor: pointer;

    float: left;
    display: inline;
    white-space: nowrap;
}

table.Filter .selected
{
    background-color:#3399FF;
    color: White;
}        
        
table.Filter td .notUsed
{
    background-color:#C0C0C0;
}       
        
table.Filter .r
{
    xwidth:100%;
    xdisplay: inline;
    xwhite-space: nowrap;        	
    xfloat: left;
}        

table.Filter .g
{
	background-color: LightGray;
}

table.Filter .s
{
    background-color:#3399FF;
    color: White;
}  

/* ---------------------------------------- */
table.iPadListBox, table.iPadListBox *
{
    width:100%;
    font-weight: bold;
    font-family: Helvetica,Verdana;
	font-size: 18px !important;
    list-style-type: none;
    margin: 0;
    padding: 0 0  5px 0;

}

table.iPadListBox tr
{
	height: 33px;
	width:100%;
	background-color: white;
}

table.iPadListBox td
{
    padding: 0 0 0 20px;
    clear: both;
	border-bottom: 2px solid #E7E6E6;    
	
}

table.iPadListBox label
{
    cursor: pointer;
    font-weight: normal;
    font-family: Helvetica,Verdana;
    font-size: 9pt;
    float: left;
    display: inline;
    white-space: nowrap;
}

table.iPadListBox .sXXXXXX
{
    background-color:#3399FF;
    color: White;
}        
        
table.iPadListBox td .notUsed
{
    background-color:#C0C0C0;
}       
        
table.iPadListBox .c1
{
	width:15px;
}

table.iPadListBox .c2
{
	width:100%;
	
}

/* selected cell */
table.iPadListBox .s
{
	background: transparent no-repeat  5px 5px;
	background-image: url(../img/iPad/12x12BlueCheck.gif);
	background-color: white;
	
}

table.iPadListBox .g
{
	background-color: LightGray;
}
        
table.iPadListBox .r 
{
	border:1px solid;
	padding-left:50px;
    Xdisplay: inline;
    Xwhite-space: nowrap;        	
    Xfloat: left;
}        

table.iPadListBox .iPadLoadMore
{
	color: white ;
	font-weight:bold;
	border:1px solid black;
	background-color: darkgray;
}
.roundLT
{
	-webkit-border-top-left-radius: 10px; 
}
.roundRT
{
	-webkit-border-top-right-radius: 10px;
}

.roundLB
{
	-webkit-border-bottom-left-radius: 10px; 
}
.roundRB
{
	-webkit-border-bottom-right-radius: 10px;
}

.iPadDialogBoxHeader
{
	xpadding: 0px 10px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7d828c),color-stop(0.5, #303749), color-stop(0.5, #121a2e), to(#121a2e));
	color:White;
	text-align:center; 
	font-family:Helvetica,Tahoma,Verdana;  
	font-size:14pt; 
	font-weight:bold;	
}

.iPadButtonBlueBG
{
	background-image: url(../img/iPad/iPadButtonBlue.png);	
	background-color: rgb(88,129,170);	
	border: 1px solid rgb(88,129,170);	
}

.iPadButtonBlackBG
{
	background-image: url(../img/iPad/iPadButtonBlack.png);	
	background-color: rgb(88,129,170);	
	border: 1px solid rgb(129,129,129);		
}



.iPadFilterPopup
{
	background-color: #121a2e;
	border: solid 2px #4f4f4f;
	-webkit-padding-start: 0px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 10px #000;
	opacity: 0px;	
}

.iPadPopupInner
{
	background-color: #fff;
	margin: 5px 5px 5px 5px !important;
	xxx-webkit-border-radius: 10px;	
}
.iPadLoadMore
{
	color: white ;
	font-weight:bold;
	border:1px solid black;
	background-color: darkgray;
}

/**
 *
 * Pull down styles
 *
 */
/* #pullUp {
	background:#fff;
	height:40px;
	line-height:40px;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:14px;
	color:#888;
}
#pullUp .pullUpIcon  {
	display:block; float:left;
	width:40px; height:40px;
	background:url(pull-icon@2x.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}

#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}
*/

.flip
{
}
.loading
{
}
.FitlerSearchFocus
{
	border:1px solid blue;
}

.FitlerSearchLostFocus
{
	border:1px solid red;
}

/** popup menu - START **/

		.iPadButtonMiddle
		{
			color: #fff;
			text-decoration: none;
			font-weight :bolder;
			display: inline-block;
			
			padding: 5px 10px;
			font-weight: bold;
			font-family: Helvetica,Verdana;
			font-size: 10pt;        	
			margin-left: 5px;
		}

		.iPadButtonRight
		{
			-webkit-border-top-right-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			
			padding: 5px 10px;
			font-weight: bold;
			font-family: Helvetica,Verdana;
			font-size: 10pt;        	
			margin-left: 5px;
		}

		.iPadButtonLeft
		{
			-webkit-border-top-left-radius: 10px;
			-webkit-border-bottom-left-radius: 10px;
		}
		
		.iPadButton.round
		{
			-webkit-border-radius: 5px;
		}
				
		.iPadButton
		{
			height:30px;
			color: #fff;
			text-decoration: none;
			font-weight :bolder;
			display: inline-block;
			
			xpadding: 5px 10px;
			font-weight: bold;
			font-family: Helvetica,Verdana;
			font-size: 12pt;        	
			x-webkit-box-shadow: 2px 3px 3px rgb(22,22,25);
			xmargin-left: 5px;
		}
		.iPadButton.blue
		{
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
				from(#4286f5), 
				to(#194fdb));
			border: solid 1px rgba(25, 79, 219, 0.25);
			-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5),
				inset 2px 2px 2px rgba(255, 255, 255, 0.25),
				inset -2px -2px 2px rgba(0, 0, 0, 0.25);
		}
		.iPadButton.blue:hover, .iPadButton.blue.hover {
			-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5),
				inset 0px 0px 2px rgba(255, 255, 255, 0.25),
				inset 0px 0px 2px rgba(0, 0, 0, 0.25);
			padding: 5px 9px 3px 11px;
		}
		.iPadButton.black {
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7d828c),color-stop(0.5, #303749), color-stop(0.5, #121a2e), to(#121a2e));
			border: solid 1px rgba(79, 79, 79, 0.75);
		}
		.iPadButton.black:hover, .iPadButton.black.hover {
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
				from(#4286f5), 
				color-stop(0.5, #4286f5),
				color-stop(0.5, #194fdb),
				to(#194fdb));
		}
		
		menu#mainMenu  {
			width: 300px;
			background-color: #121a2e;
			border: solid 2px #4f4f4f;
			margin: 0px;
			-webkit-padding-start: 0px;
			-webkit-border-radius: 10px;
			-webkit-box-shadow: 2px 2px 10px #000;
			position: relative;
			opacity: 0px;
		}
		menu#mainMenu  > div {
			background-color: #fff;
			margin: 0px 5px 5px 5px !important;
			-webkit-border-radius: 10px;
		}
		menu#mainMenu  > header {
			height: 40px;
			padding: 0px 10px;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7d828c),color-stop(0.5, #303749), color-stop(0.5, #121a2e), to(#121a2e));
			
			-webkit-border-top-left-radius: 8px;
			-webkit-border-top-right-radius: 8px;
			position: relative;
		}
		menu#mainMenu  > header > h3 {
			margin: 0px;
			margin-bottom: 10px;
			color: #fff;
			font-size: 18px;
			line-height: 40px;
			display: block;
			-webkit-box-flex: 1;
			text-align: center;
			text-shadow: -1px -1px 1px #000;
			font-weight: normal;
		}		
/** popup menu  - END **/		

		.iPad-fade-in {
			-webkit-transition: opacity 0.25s ease-in-out;
			opacity: 1;
		}
		.iPad-fade-out {
			-webkit-transition: opacity 0.25s ease-in-out;
			opacity: 0;
		}
		.iPad-hide {
			-webkit-transform: translate3d(-1000px, 0px);
		}
		.iPad-show {
			-webkit-transform: translate3d(0px, 0px);
		}		
		
input.rounded 
{
	font-family :Helvetica,Tahoma,Verdana;  	
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	___padding: 4px 7px;
	___outline: 0;
	-webkit-appearance: none;
  
}