/* file: 000-0-jquery.mobile-latest.css */
/*!
 * jQuery Mobile v1.0b1
 * http://jquerymobile.com/
 *
 * Copyright 2010, jQuery Project
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 */
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* Note: Code is in draft form and is subject to change 
*/


/* A
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-a {
	border: 1px solid 		#2A2A2A;
	background: 			#111111;
	color: 					#ffffff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #000000;
	background-image: -moz-linear-gradient(top, 
							#3c3c3c, 
							#111111);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 	#3c3c3c),
		color-stop(1, 		#111111));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')";
}
.ui-bar-a, 
.ui-bar-a input, 
.ui-bar-a select, 
.ui-bar-a textarea, 
.ui-bar-a button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-a .ui-link-inherit {
	color: 					#fff;
}
.ui-bar-a .ui-link {
	color: 					#7cc4e7;
	font-weight: bold;
}
.ui-body-a {
	border: 1px solid 		#2A2A2A;
	background: 			#222222;
	color: 					#fff;
	 text-shadow: 0 1px 0 	#000;
	font-weight: normal;
	background-image: -moz-linear-gradient(top, 
							#666666, 
							#222222);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#666666),
		color-stop(1, 		#222222));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222)')";
}
.ui-body-a,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-a .ui-link-inherit {
	color: 					#fff;
}
.ui-body-a .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}
.ui-br {
	border-bottom: rgb(130,130,130);
	border-bottom: rgba(130,130,130,.3);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.ui-btn-up-a {
	border: 1px solid 		#222;
	background: 			#333333;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #000;
	background-image: -moz-linear-gradient(top, 
							#555555, 
							#333333);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#555555),
		color-stop(1, 		#333333));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')";
}
.ui-btn-up-a a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-hover-a {
	border: 1px solid 		#000;
	background: 			#444444;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #000;
	background-image: -moz-linear-gradient(top, 
							#666666, 
							#444444);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#666666),
		color-stop(1, 		#444444));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#444444')";
}
.ui-btn-hover-a a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-down-a {
	border: 1px solid 		#000;
	background: 			#3d3d3d;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #000;
	background-image: -moz-linear-gradient(top, 
							#333333, 
							#5a5a5a);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#333333),
		color-stop(1, 		#5a5a5a));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')";
}
.ui-btn-down-a a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}


/* B
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-b {
	border: 1px solid 		#456f9a;
	background: 			#5e87b0;
	color: 					#fff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #254f7a;
	background-image: -moz-linear-gradient(top, 
							#81a8ce, 
							#5e87b0);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#81a8ce),
		color-stop(1, 		#5e87b0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')";
}
.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-b .ui-link-inherit {
	color: 					#fff;
}
.ui-bar-b .ui-link {
	color: 					#7cc4e7;
	font-weight: bold;
}

.ui-body-b {
	border: 1px solid 		#C6C6C6;
	background: 			#cccccc;
	color: 					#333333;
	text-shadow: 0 1px 0 	#fff;
	font-weight: normal;
	background-image: -moz-linear-gradient(top, 
							#e6e6e6, 
							#cccccc);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#e6e6e6),
		color-stop(1, 		#cccccc));
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#cccccc')";
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-b .ui-link-inherit {
	color: 					#333333;
}
.ui-body-b .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}
.ui-btn-up-b {
	border: 1px solid 		#145072;
	background: 			#2567ab;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #145072;
	background-image: -moz-linear-gradient(top, 
							#4e89c5, 
							#2567ab);
	background-image: -webkit-gradient(linear,left top,left bottom,
			color-stop(0, 	#5f9cc5),
			color-stop(1, 	#396b9e));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e89c5', EndColorStr='#2567ab')";
}
.ui-btn-up-b a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-hover-b {
	border: 1px solid 		#00516e;
	background: 			#4b88b6;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #014D68;
	background-image: -moz-linear-gradient(top, 
							#72b0d4, 
							#4b88b6);
	background-image: -webkit-gradient(linear,left top,left bottom,
			color-stop(0, 	#72b0d4),
			color-stop(1, 	#4b88b6));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#72b0d4', EndColorStr='#4b88b6')";
}
.ui-btn-hover-b a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-down-b {
	border: 1px solid 		#225377;
	background: 			#4e89c5;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #225377;
	background-image: -moz-linear-gradient(top, 
							#396b9e, 
							#4e89c5);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#396b9e),
		color-stop(1, 		#4e89c5));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#396b9e', EndColorStr='#4e89c5')";
}
.ui-btn-down-b a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}


/* C
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-c {
	border: 1px solid 		#B3B3B3;
	background: 			#e9eaeb;
	color: 					#3E3E3E;
	font-weight: bold;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#f0f0f0,
							#e9eaeb);
	background-image: -webkit-gradient(linear,left top,left bottom,
			color-stop(0, 	#f0f0f0),
			color-stop(1, 	#e9eaeb));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e9eaeb')";
}
.ui-bar-c,
.ui-bar-c input,
.ui-bar-c select,
.ui-bar-c textarea,
.ui-bar-c button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-c {
	border: 1px solid 		#B3B3B3;
	color: 					#333333;
	text-shadow: 0 1px 0 	#fff;
	background: 			#f0f0f0;
	background-image: -moz-linear-gradient(top, 
							#eeeeee, 
							#dddddd);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#eeeeee),
		color-stop(1, 		#dddddd));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd')";
}
.ui-body-c,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea,
.ui-body-c button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-c .ui-link-inherit {
	color: 					#333333;
}
.ui-body-c .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}

.ui-btn-up-c {
	border: 1px solid 		#ccc;
	background: 			#eee;
	font-weight: bold;
	color: 					#444;
	text-shadow: 0 1px 1px #f6f6f6;
	background-image: -moz-linear-gradient(top, 
							#fefefe, 
							#eeeeee);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fdfdfd),
		color-stop(1, 		#eeeeee));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
}
.ui-btn-up-c a.ui-link-inherit {
	color: 					#2F3E46;
}

.ui-btn-hover-c {
	border: 1px solid 		#bbb;
	background: 			#dadada;
	font-weight: bold;
	color: 					#101010;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#ededed, 
							#dadada);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ededed),
		color-stop(1, 		#dadada));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')";
}
.ui-btn-hover-c a.ui-link-inherit {
	color: 					#2F3E46;
}
.ui-btn-down-c {
	border: 1px solid 		#808080;
	background: 			#fdfdfd;
	font-weight: bold;
	color: 					#111111;
	text-shadow: 0 1px 1px 	#ffffff;
	background-image: -moz-linear-gradient(top, 
							#eeeeee, 
							#fdfdfd);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#eeeeee),
		color-stop(1, 		#fdfdfd));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')";
}
.ui-btn-down-c a.ui-link-inherit {
	color: 					#2F3E46;
}
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c {
//	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}


/* D
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-d {
	border: 1px solid 		#ccc;
	background: 			#bbb;
	color: 					#333;
	text-shadow: 0 1px 0 #eee;
	background-image: -moz-linear-gradient(top, 
							#ddd, 
							#bbb);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ddd),
		color-stop(1, 		#bbb));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
}
.ui-bar-d,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea,
.ui-bar-d button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-d .ui-link-inherit {
	color: 					#333;
}
.ui-bar-d .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}
.ui-body-d {
	border: 1px solid 		#ccc;
	color: 					#333333;
	text-shadow: 0 1px 0 	#fff;
	background: 			#ffffff;
}
.ui-body-d,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea,
.ui-body-d button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-d .ui-link-inherit {
	color: 					#333333;
}
.ui-body-d .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}
.ui-btn-up-d {
	border: 1px solid 		#ccc;
	background: 			#fff;
	font-weight: bold;
	color: 					#444;
	text-shadow: 0 1px 1px #fff;
}
.ui-btn-up-d a.ui-link-inherit {
	color: 					#333;
}
.ui-btn-hover-d {
	border: 1px solid 		#aaa;
	background: 			#eeeeee;
	font-weight: bold;
	color: 					#222;
	cursor: pointer;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#fdfdfd, 
							#eeeeee);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fdfdfd),
		color-stop(1, 		#eeeeee));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
}
.ui-btn-hover-d a.ui-link-inherit {
	color: 					#222;
}
.ui-btn-down-d {
	border: 1px solid 		#aaaaaa;
	background: 			#ffffff;
	font-weight: bold;
	color: 					#111;
	text-shadow: 0 1px 1px 	#ffffff;
	background-image: -moz-linear-gradient(top, 
							#eeeeee, 
							#ffffff);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#eeeeee),
		color-stop(1, 		#ffffff));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')";
}
.ui-btn-down-d a.ui-link-inherit {
	color: 					#111;
}
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}


/* E
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-e {
	border: 1px solid 		#F7C942;
	background: 			#fadb4e;
	color: 					#333;
	text-shadow: 0 1px 0 	#fff;
	background-image: -moz-linear-gradient(top, 
							#fceda7, 
							#fadb4e);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fceda7),
		color-stop(1, 		#fadb4e));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";
}
.ui-bar-e,
.ui-bar-e input,
.ui-bar-e select,
.ui-bar-e textarea,
.ui-bar-d button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-e .ui-link-inherit {
	color: 					#333;
}
.ui-bar-e .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}
.ui-body-e {
	border: 1px solid 		#F7C942;
	color: 					#333333;
	text-shadow: 0 1px 0 	#fff;
	background: 			#faeb9e;
	background-image: -moz-linear-gradient(top, 
							#fff, 
							#faeb9e);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fff),
		color-stop(1, 		#faeb9e));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#faeb9e')";
}
.ui-body-e,
.ui-body-e input,
.ui-body-e select,
.ui-body-e textarea,
.ui-body-e button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-e .ui-link-inherit {
	color: 					#333333;
}
.ui-body-e .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}
.ui-btn-up-e {
	border: 1px solid 		#F7C942;
	background: 			#fadb4e;
	font-weight: bold;
	color: 					#333;
	text-shadow: 0 1px 0 	#fff;
	background-image: -moz-linear-gradient(top, 
							#fceda7, 
							#fadb4e);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fceda7),
		color-stop(1, 		#fadb4e));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";
}
.ui-btn-up-e a.ui-link-inherit {
	color: 					#333;
}
.ui-btn-hover-e {
	border: 1px solid 		#e79952;
	background: 			#fbe26f;
	font-weight: bold;
	color: 					#111;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#fcf0b5, 
							#fbe26f);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fcf0b5),
		color-stop(1, 		#fbe26f));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')";
}

.ui-btn-hover-e a.ui-link-inherit {
	color: 					#333;
}
.ui-btn-down-e {
	border: 1px solid 		#F7C942;
	background: 			#fceda7;
	font-weight: bold;
	color: 					#111;
	text-shadow: 0 1px 1px 	#ffffff;
	background-image: -moz-linear-gradient(top, 
							#fadb4e, 
							#fceda7);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fadb4e),
		color-stop(1, 		#fceda7));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadb4e', EndColorStr='#fceda7')";
}
.ui-btn-down-e a.ui-link-inherit {
	color: 					#333;
}
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}


/* links within "buttons" 
-----------------------------------------------------------------------------------------------------------*/

a.ui-link-inherit {
	text-decoration: none !important;
}


/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-active {
	border: 1px solid 		#155678;
	background: 			#4596ce;
	font-weight: bold;
	color: 					#fff;
	cursor: pointer;
	text-shadow: 0 -1px 1px #145072;
	text-decoration: none;
	background-image: -moz-linear-gradient(top, 
							#85bae4, 
							#5393c5);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#85bae4),
		color-stop(1, 		#5393c5));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#85bae4', EndColorStr='#5393c5')";
  	outline: none;
}
.ui-btn-active a.ui-link-inherit {
	color: 					#fff;
}


/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-inner {
	border-top: 1px solid 	#fff;
	border-color: 			rgba(255,255,255,.3);
}


/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/

.ui-corner-tl {
	-moz-border-radius-topleft: 		.6em;
	-webkit-border-top-left-radius: 	.6em;
	border-top-left-radius: 			.6em;
}
.ui-corner-tr {
	-moz-border-radius-topright: 		.6em;
	-webkit-border-top-right-radius: 	.6em;
	border-top-right-radius: 			.6em;
}
.ui-corner-bl {
	-moz-border-radius-bottomleft: 		.6em;
	-webkit-border-bottom-left-radius: 	.6em;
	border-bottom-left-radius: 			.6em;
}
.ui-corner-br {
	-moz-border-radius-bottomright: 	.6em;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: 		.6em;
}
.ui-corner-top {
	-moz-border-radius-topleft: 		.6em;
	-webkit-border-top-left-radius: 	.6em;
	border-top-left-radius: 			.6em;
	-moz-border-radius-topright: 		.6em;
	-webkit-border-top-right-radius: 	.6em;
	border-top-right-radius: 			.6em;
}
.ui-corner-bottom {
	-moz-border-radius-bottomleft: 		.6em;
	-webkit-border-bottom-left-radius: 	.6em;
	border-bottom-left-radius: 			.6em;
	-moz-border-radius-bottomright: 	.6em;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: 		.6em;
	}
.ui-corner-right {
	-moz-border-radius-topright: 		.6em;
	-webkit-border-top-right-radius: 	.6em;
	border-top-right-radius: 			.6em;
	-moz-border-radius-bottomright: 	.6em;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: 		.6em;
}
.ui-corner-left {
	-moz-border-radius-topleft: 		.6em;
	-webkit-border-top-left-radius: 	.6em;
	border-top-left-radius: 			.6em;
	-moz-border-radius-bottomleft: 		.6em;
	-webkit-border-bottom-left-radius: 	.6em;
	border-bottom-left-radius: 			.6em;
}
.ui-corner-all {
	-moz-border-radius: 				.6em;
	-webkit-border-radius: 				.6em;
	border-radius: 						.6em;
}



/* Interaction cues
-----------------------------------------------------------------------------------------------------------*/
.ui-disabled {
	opacity: 							.3;
}
.ui-disabled,
.ui-disabled a {
	cursor: default;
}

/* Icons
-----------------------------------------------------------------------------------------------------------*/

.ui-icon {
	background: 						#666;
	background: 						rgba(0,0,0,.4);
	background-image: url(images/icons-18-white.png);
	background-repeat: no-repeat;
	-moz-border-radius: 				9px;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}


/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/

.ui-icon-alt {
	background: 						#fff;
	background: 						rgba(255,255,255,.3);
	background-image: url(images/icons-18-black.png);
	background-repeat: no-repeat;
}

/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
	
	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, 
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
		background-image: url(images/icons-36-white.png);
		-moz-background-size: 776px 18px;
		-o-background-size: 776px 18px;
		-webkit-background-size: 776px 18px;
		background-size: 776px 18px;
	}
	.ui-icon-alt {
		background-image: url(images/icons-36-black.png);
	}
}

/* plus minus */
.ui-icon-plus {
	background-position: 	-0 50%;
}
.ui-icon-minus {
	background-position: 	-36px 50%;
}

/* delete/close */
.ui-icon-delete {
	background-position: 	-72px 50%;
}

/* arrows */
.ui-icon-arrow-r {
	background-position: 	-108px 50%;
}
.ui-icon-arrow-l {
	background-position: 	-144px 50%;
}
.ui-icon-arrow-u {
	background-position: 	-180px 50%;
}
.ui-icon-arrow-d {
	background-position: 	-216px 50%;
}

/* misc */
.ui-icon-check {
	background-position: 	-252px 50%;
}
.ui-icon-gear {
	background-position: 	-288px 50%;
}
.ui-icon-refresh {
	background-position: 	-324px 50%;
}
.ui-icon-forward {
	background-position: 	-360px 50%;
}
.ui-icon-back {
	background-position: 	-396px 50%;
}
.ui-icon-grid {
	background-position: 	-432px 50%;
}
.ui-icon-star {
	background-position: 	-468px 50%;
}
.ui-icon-alert {
	background-position: 	-504px 50%;
}
.ui-icon-info {
	background-position: 	-540px 50%;
}
.ui-icon-home {
	background-position: 	-576px 50%;
}
.ui-icon-search {
	background-position: 	-612px 50%;
}
.ui-icon-checkbox-off {
	background-position: 	-684px 50%;
}
.ui-icon-checkbox-on {
	background-position: 	-648px 50%;
}
.ui-icon-radio-off {
	background-position: 	-756px 50%;
}
.ui-icon-radio-on {
	background-position: 	-720px 50%;
}


/* checks,radios */
.ui-icon-checkbox-off,
.ui-icon-checkbox-on,
.ui-icon-radio-off,
.ui-icon-radio-on {
	background-color: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-icon-searchfield {
	background-image: url(images/icon-search-black.png);
	background-size: 16px 16px;
}

/* loading icon */
.ui-icon-loading {
	background-image: url(images/ajax-loader.png);
	width: 40px;
	height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-size: 35px 35px;
}


/* Button corner classes
-----------------------------------------------------------------------------------------------------------*/

.ui-btn-corner-tl {
	-moz-border-radius-topleft: 		1em;
	-webkit-border-top-left-radius: 	1em;
	border-top-left-radius: 			1em;
}
.ui-btn-corner-tr {
	-moz-border-radius-topright: 		1em;
	-webkit-border-top-right-radius: 	1em;
	border-top-right-radius: 			1em;
}
.ui-btn-corner-bl {
	-moz-border-radius-bottomleft: 		1em;
	-webkit-border-bottom-left-radius: 	1em;
	border-bottom-left-radius: 			1em;
}
.ui-btn-corner-br {
	-moz-border-radius-bottomright: 	1em;
	-webkit-border-bottom-right-radius: 1em;
	border-bottom-right-radius: 		1em;
}
.ui-btn-corner-top {
	-moz-border-radius-topleft: 		1em;
	-webkit-border-top-left-radius: 	1em;
	border-top-left-radius: 			1em;
	-moz-border-radius-topright: 		1em;
	-webkit-border-top-right-radius: 	1em;
	border-top-right-radius: 			1em;
}
.ui-btn-corner-bottom {
	-moz-border-radius-bottomleft: 		1em;
	-webkit-border-bottom-left-radius: 	1em;
	border-bottom-left-radius: 			1em;
	-moz-border-radius-bottomright: 	1em;
	-webkit-border-bottom-right-radius: 1em;
	border-bottom-right-radius: 		1em;
}
.ui-btn-corner-right {
	 -moz-border-radius-topright: 		1em;
	-webkit-border-top-right-radius: 	1em;
	border-top-right-radius: 			1em;
	-moz-border-radius-bottomright: 	1em;
	-webkit-border-bottom-right-radius: 1em;
	border-bottom-right-radius: 		1em;
}
.ui-btn-corner-left {
	-moz-border-radius-topleft: 		1em;
	-webkit-border-top-left-radius: 	1em;
	border-top-left-radius: 			1em;
	-moz-border-radius-bottomleft: 		1em;
	-webkit-border-bottom-left-radius: 	1em;
	border-bottom-left-radius: 			1em;
}
.ui-btn-corner-all {
	-moz-border-radius: 				1em;
	-webkit-border-radius: 				1em;
	border-radius: 						1em;
}

/* radius clip workaround for cleaning up corner trapping */
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl, 
.ui-corner-br,
.ui-corner-top,
.ui-corner-bottom, 
.ui-corner-right,
.ui-corner-left,
.ui-corner-all,
.ui-btn-corner-tl,
.ui-btn-corner-tr,
.ui-btn-corner-bl, 
.ui-btn-corner-br,
.ui-btn-corner-top,
.ui-btn-corner-bottom, 
.ui-btn-corner-right,
.ui-btn-corner-left,
.ui-btn-corner-all {
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

/* Overlay / modal
-----------------------------------------------------------------------------------------------------------*/

.ui-overlay {
	background: #666;
	opacity: .5;
	filter: Alpha(Opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}
.ui-overlay-shadow {
	-moz-box-shadow: 0px 0px 12px 			rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 0px 12px 		rgba(0,0,0,.6);
	box-shadow: 0px 0px 12px 				rgba(0,0,0,.6);
}
.ui-shadow {
	-moz-box-shadow: 0px 1px 4px 			rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 1px 4px 		rgba(0,0,0,.3);
	box-shadow: 0px 1px 4px 				rgba(0,0,0,.3);
}
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
	-moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.3);
	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.3);
	box-shadow: 0px 1px 0 					rgba(255,255,255,.3);
}
.ui-shadow-inset {
	-moz-box-shadow: inset 0px 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 4px 			rgba(0,0,0,.2);
}
.ui-icon-shadow {
	-moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.4);
	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.4);
	box-shadow: 0px 1px 0 					rgba(255,255,255,.4);
}


/* Focus state - set here for specificity
-----------------------------------------------------------------------------------------------------------*/

.ui-focus {
	-moz-box-shadow: 0px 0px 12px 		#387bbe;
	-webkit-box-shadow: 0px 0px 12px 	#387bbe;
	box-shadow: 0px 0px 12px 			#387bbe;
}

/* unset box shadow in browsers that don't do it right
-----------------------------------------------------------------------------------------------------------*/

.ui-mobile-nosupport-boxshadow * {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* ...and bring back focus */
.ui-mobile-nosupport-boxshadow .ui-focus {
	outline-width: 2px;
}/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* Note: Code is in draft form and is subject to change 
*/

/* some unsets - more probably needed */
.ui-mobile, .ui-mobile body { height: 100%; }
.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
.ui-mobile a img, .ui-mobile fieldset { border: 0; }

/* responsive page widths */
.ui-mobile-viewport {  margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* "page" containers - full-screen views, one should always be in view post-pageload */
/*.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } */
.ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } 
.ui-mobile .ui-page-active { display: block; overflow: visible; }

/*orientations from js are available */
.portrait,
.portrait .ui-page { min-height: 420px; }
.landscape,
.landscape .ui-page  { min-height: 300px; }

/* loading screen */
.ui-loading .ui-mobile-viewport { overflow: hidden !important; }
.ui-loading .ui-loader { display: block; }
.ui-loading .ui-page { overflow: hidden;  }
.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
.ui-loader h1 { font-size: 15px; text-align: center; }
.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }

/*fouc*/
.ui-mobile-rendering > * { visibility: hidden; }

/*headers, content panels*/
.ui-bar, .ui-body { position: relative; padding: .4em 15px;  overflow: hidden; display: block;  clear:both;  }
.ui-bar { font-size: 16px; margin: 0; }
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }

.ui-header, .ui-footer { display: block; }
.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em;  }
.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em;  padding: 0;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }

/*content area*/
.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
.ui-page-fullscreen .ui-content { padding:0; }

/* icons sizing */
.ui-icon { width: 18px; height: 18px; }

/* fullscreen class on ui-content div */
.ui-fullscreen {  }
.ui-fullscreen img { max-width: 100%; }

/* non-js content hiding */
.ui-nojs { position: absolute; left: -9999px; }
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.spin  {
	-webkit-transform: rotate(360deg);
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:  infinite;
}
@-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg);}
  	to {-webkit-transform: rotate(360deg);}
}

/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
Built by David Kaneda and maintained by Jonathan Stark.
*/
.in, .out {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 350ms;
}

.slide.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromright;
}

.slide.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
}

.slide.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromleft;
}

.slide.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
}

.slideup.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfrombottom;
	z-index: 10;
}

.slideup.out {
	-webkit-animation-name: dontmove;
	z-index: 0;
}

.slideup.out.reverse {
	-webkit-transform: translateY(100%);
	z-index: 10;
	-webkit-animation-name: slideouttobottom;
}

.slideup.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}
.slidedown.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfromtop;
	z-index: 10;
}

.slidedown.out {
	-webkit-animation-name: dontmove;
	z-index: 0;
}

.slidedown.out.reverse {
	-webkit-transform: translateY(-100%);
	z-index: 10;
	-webkit-animation-name: slideouttotop;
}

.slidedown.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}

@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}

@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}


@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}

@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}

@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fade.in {
	opacity: 1;
	z-index: 10;
	-webkit-animation-name: fadein;
}
.fade.out {
	z-index: 0;
	-webkit-animation-name: fadeout;
}

/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-flip {
	-webkit-perspective: 1000;
	position: absolute;
}

.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.flip {
	-webkit-animation-duration: .65s;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
}

.flip.in {
	-webkit-transform: rotateY(0) scale(1);
	-webkit-animation-name: flipinfromleft;
}

.flip.out {
	-webkit-transform: rotateY(-180deg) scale(.8);
	-webkit-animation-name: flipouttoleft;
}

/* Shake it all about */

.flip.in.reverse {
	-webkit-transform: rotateY(0) scale(1);
	-webkit-animation-name: flipinfromright;
}

.flip.out.reverse {
	-webkit-transform: rotateY(180deg) scale(.8);
	-webkit-animation-name: flipouttoright;
}

@-webkit-keyframes flipinfromright {
    from { -webkit-transform: rotateY(-180deg) scale(.8); }
    to { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipinfromleft {
    from { -webkit-transform: rotateY(180deg) scale(.8); }
    to { -webkit-transform: rotateY(0) scale(1); }
}

@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0) scale(1); }
    to { -webkit-transform: rotateY(-180deg) scale(.8); }
}

@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) scale(1); }
    to { -webkit-transform: rotateY(180deg) scale(.8); }
}


/* Hackish, but reliable. */

@-webkit-keyframes dontmove {
    from { opacity: 1; }
    to { opacity: 1; }
}

.pop {
	-webkit-transform-origin: 50% 50%;
}

.pop.in {
	-webkit-transform: scale(1);
    opacity: 1;
	-webkit-animation-name: popin;
	z-index: 10;
}

.pop.out.reverse {
	-webkit-transform: scale(.2);
	opacity: 0;
	-webkit-animation-name: popout;
	z-index: 10;
}

.pop.in.reverse {
	z-index: 0;
	-webkit-animation-name: dontmove;
}

@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.2);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.2);
        opacity: 0;
    }
}/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/

/* content configurations. */
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}

/* grid solo: 100 - single item fallback */
.ui-grid-solo .ui-block-a { width: 100%; float: none; }

/* grid a: 50/50 */
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
.ui-grid-a .ui-block-a { clear: left; }

/* grid b: 33/33/33 */
.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
.ui-grid-b .ui-block-a { clear: left; }

/* grid c: 25/25/25/25 */
.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
.ui-grid-c .ui-block-a { clear: left; }

/* grid d: 20/20/20/20/20 */
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
.ui-grid-d .ui-block-a { clear: left; }
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
/* fixed page header & footer configuration */
.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer  { position: absolute;  overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
.ui-header-fixed, .ui-footer-fixed {
	z-index: 1000;
	-webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
}
.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-navbar { overflow: hidden;  }
.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
.ui-navbar li .ui-btn {  margin-right: -1px; }
.ui-navbar li .ui-btn:last-child { margin-right: 0; }
.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
/*expanded page styles*/
.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px;  }
.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-btn { display: block; text-align: center; cursor:pointer;  position: relative; margin: .5em 5px; padding: 0; }
.ui-btn:focus, .ui-btn:active { outline: none; }
.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
.ui-btn-inline { display: inline-block; }
.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; }
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
.ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; }
.ui-btn-icon-notext .ui-btn-inner { padding: 0; }
.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
.ui-header .ui-btn-icon-left .ui-btn-inner,
.ui-footer .ui-btn-icon-left .ui-btn-inner,
.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
.ui-header .ui-btn-icon-right .ui-btn-inner,
.ui-footer .ui-btn-icon-right .ui-btn-inner,
.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
.ui-header .ui-btn-icon-top .ui-btn-inner,
.ui-footer .ui-btn-icon-top .ui-btn-inner,
.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
.ui-header .ui-btn-icon-bottom .ui-btn-inner,
.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }

/*btn icon positioning*/
.ui-btn-icon-notext .ui-icon { display: block; }
.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%;  margin-left: -9px; }
.ui-btn-icon-left .ui-icon { left: 10px; }
.ui-btn-icon-right .ui-icon {right: 10px; }
.ui-header .ui-btn-icon-left .ui-icon,
.ui-footer .ui-btn-icon-left .ui-icon,
.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
.ui-header .ui-btn-icon-right .ui-icon,
.ui-footer .ui-btn-icon-right .ui-icon,
.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
.ui-header .ui-btn-icon-top .ui-icon,
.ui-footer .ui-btn-icon-top .ui-icon,
.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
.ui-header .ui-btn-icon-bottom .ui-icon,
.ui-footer .ui-btn-icon-bottom .ui-icon,
.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
.ui-btn-icon-top .ui-icon { top: 5px; }
.ui-btn-icon-bottom .ui-icon { bottom: 5px; }
/*hiding native button,inputs */
.ui-btn-hidden {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: transparent; }
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-collapsible-contain { margin: .5em 0; }
.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
.ui-collapsible-heading a { text-align: left; margin: 0;  }
.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
.ui-collapsible-heading-status { position:absolute; left:-9999px; }
.ui-collapsible-content {  display: block; padding: 10px 0 10px 8px; }
.ui-collapsible-content-collapsed { display: none; }

.ui-collapsible-set { margin: .5em 0; }
.ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
.ui-bar .ui-controlgroup { margin: 0 .3em; }
.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
.ui-controlgroup-controls { display: block; width: 95%;}
.ui-controlgroup li { list-style: none; }
.ui-controlgroup-vertical .ui-btn,
.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0;  }
.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
.ui-controlgroup-horizontal { padding: 0; }
.ui-controlgroup-horizontal .ui-btn,
.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; }
.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; }
.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px;  }
/* conflicts with listview..
.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {  padding: 5px 6px 5px 5px; }
*/

@media all and (min-width: 450px){
	.ui-controlgroup-label { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0;  }
	.ui-controlgroup-controls { width: 60%; display: inline-block; } 
}	/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-dialog { min-height: 480px; }
.ui-dialog .ui-header, .ui-dialog .ui-content,  .ui-dialog .ui-footer { margin: 15px; position: relative; }
.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
.ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px;  }/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-checkbox, .ui-radio { position:relative;  margin: .2em 0 .5em; z-index: 1;  }
.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
/* input, label positioning */
.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px;  margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-field-contain { background: none; padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }
.ui-field-contain:first-child { border-top-width: 0; }
@media all and (min-width: 450px){
	.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
}	/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-select { display: block; position: relative; }
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
.ui-select .ui-btn { overflow: hidden; }
.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }

.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } 
.ui-select .ui-btn-icon-right .ui-icon { right: 15px;  }

/* labels */
label.ui-select { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; }

/*listbox*/
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: inline-block; min-height: 1em; }
.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden; display: block;}

.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }
.ui-selectmenu .ui-listview { margin: 0; }
.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
.ui-selectmenu-hidden { top: -9999px; left: -9999px; }
.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 99; }
.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
.ui-selectmenu-list .ui-li .ui-icon { display: block; }
.ui-li.ui-selectmenu-placeholder { display: none; }
.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }

@media all and (min-width: 450px){
	label.ui-select { display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
	.ui-select { width: 60%; display: inline-block; }
}	

/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
input.ui-input-text { -webkit-appearance: none; }
textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
.ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; }
.ui-input-search .ui-input-clear-hidden { display: none; }

/* orientation adjustments - incomplete!*/
@media all and (min-width: 450px){
	label.ui-input-text  { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0 }
	input.ui-input-text, 
	textarea.ui-input-text, 
	.ui-input-search { width: 60%; display: inline-block; } 
	.ui-input-search { width: 50%; }
	.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
}/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-listview { margin: 0; counter-reset: listnumbering; }
.ui-content .ui-listview { margin: -15px; }
.ui-content .ui-listview-inset { margin: 1em 0;  }
.ui-listview, .ui-li { list-style:none; padding:0; }
.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold;  }
.ui-li-divider { counter-reset: listnumbering;  }
ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 75px .7em 15px; display: block; }
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 60px; padding-left: 100px; }
.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon {  min-height: 20px; padding-left: 40px; }
.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
.ui-li-desc {  font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
.ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
.ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }

.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
@media all and (min-width: 480px){
	 .ui-li-aside { width: 45%; }
}	 
.ui-li-divider { cursor: default; }
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
.ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
.ui-li-has-alt .ui-li-count { right: 55px; }
.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; }
.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; }
.ui-li-link-alt .ui-btn-inner { padding: 0; position: static; }
.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px;  }

.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }

.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
.ui-li.ui-screen-hidden{display:none;}
/* Odd iPad positioning issue. */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .ui-li .ui-btn-text { overflow:  visible; }
}/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
label.ui-slider { display: block; }
input.ui-slider-input  { display: inline-block; width: 50px; }
select.ui-slider-switch { display: none; }
div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; }
a.ui-slider-handle { position: absolute; z-index: 10;  top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
@media all and (min-width: 480px){
	label.ui-slider { display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
	div.ui-slider { width: 45%; }
}	

div.ui-slider-switch { height: 32px;  overflow: hidden; margin-left: 0; }
div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
div.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; }
div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }
.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; }
.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; }

div.ui-slider-switch a.ui-slider-handle { z-index: 20;  width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }
span.ui-slider-label { width: 100%; position: absolute;height: 32px;  font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; }
span.ui-slider-label-a { left: -100%;  margin-right: -1px }
span.ui-slider-label-b { right: -100%;  margin-left: -1px }

/* file: 000-styles.css */
	*
	{
	}	
	*.rtl
	{
		direction:rtl;
	}
	span.rtl
	{
		unicode-bidi:embed;
	}	

	
	body {
		background-color : #FFFFFF;
		margin-top : 0px;
		margin-bottom : 10px;
		margin-left : 10px;
		margin-right : 10px;
	}
	body.popin
	{
			background-color : #BCCED8;
			margin-top : 7px;
			margin-left : 7px;
			margin-right : 7px;
			margin-bottom : 0px;
			background-image : none;
	}
	body.popin table.grid tr td
	{
		border:none;

	}	
	body.popin_rtl
	{
		direction:rtl;
		background-color : #BCCED8;
		margin-top : 7px;
		margin-left : 7px;
		margin-right : 7px;
		margin-bottom : 0px;
		background-image : none;
		overflow:auto;
	}

	body, th, td, a, div, span, label, input, textarea, select {
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}

/*------------------------------------------------------------------------*/

	.BGColor1{ background-color : #FFFFFF; }
	.BGColor2{ background-color : #C1CED4; }
	.BGColor3{ background-color : #C9E0E7; }


body.rtl .headerBGImage {
	background-image : url(images/header/headerBGI_rtl.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
.headerBGImage {
	background-image : url(images/header/headerBGI.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.frame1 {background-color : #D6E8EB;}
.frame1Center{
	background-color : #D6E8EB;
	padding-top:10px;
	padding-bottom:10px;
}

body.rtl .frame2Left {
	background-image : url(images/frames/frame2L_rtl.gif);
	background-position: right;
}
.frame2Left {
	background-color : #F4FAFB;
	background-image : url(images/frames/frame2L.gif);
	background-position: left;
	background-repeat: repeat-y;
}
body.rtl .frame2Right {
	background-image : url(images/frames/frame2R_rtl.gif);
	background-position: left;
	}
.frame2Right {
	background-color : #F4FAFB;
	background-image : url(images/frames/frame2R.gif);
	background-position: right;
	background-repeat: repeat-y;
}

body.rtl .frame2Center{
	background-image : url(images/frames/frame2B_rtl.gif);
	}
.frame2Center{
	background-color : #F4FAFB;
	background-image : url(images/frames/frame2B.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top:13px;
	padding-bottom:8px;
}

.topText1 {
	font-size:18px;
	color: #003455;
	font-weight:bold;
}

.topText2 {
	font-size:10px;
	color: #003455;
}

.topText3 {
	font-size:11px;
	color: #003455;
	font-weight:bold;
}

.topText4 {
	font-size:10px;
	color: #003455;
}

.topLink1{
	font-size:10px; 
	color: #003455;
	text-decoration:none;
}

.topLinksSeparator {background-color : #D6E8EB;}

.inputText{
	font-size:11px;
	color: #003455;
}
.regText1{
	font-size:11px;
	color: #003455;
}

.regLink1{
	font-size:11px; 
	color: #003455;
}

.regLink2{
	font-size:10px; 
	color: #003455;
}

.advLink{
	font-size:10px; 
	color: #38627B;
}



	


/* Top Navigation ------------------- */

	.topNavTabNormal{
		font-size:12px;
		color: #003455;
		font-weight:bold;
		padding-left:7px;
		padding-right:7px;
		padding-top:0px;
		padding-bottom:5px;
		cursor : pointer;
	}
	
	.topNavTabSelected{
		font-size:12px;
		color: #000000;
		font-weight:bold;
		padding-left:7px;
		padding-right:7px;
		padding-top:0px;
		padding-bottom:2px;
		cursor : pointer;
		border-bottom:3px solid #FDA823;
	}
	
/* ----------------------------------- */

/* Left Navigation ------------------- */

	body.rtl .leftNavTabNormal{
		background-image : url(images/leftNav/normalTabBGI_rtl.gif);
	}		
	tr td.leftNavTabNormal{
		font-size:10px;
		color: #FFFFFF;
		font-weight:bold;
		/*background-color : #007CA5;*/
		background-image : url(images/leftNav/normalTabBGI.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-left:8px;
		padding-right:5px;
		padding-top:6px;
		padding-bottom:11px;
		cursor : pointer;
		box-sizing: border-box;
	}
	
	body.rtl .leftNavTabSelected{
		background-image : url(images/leftNav/selectedTabBGI_rtl.gif);
		background-position: right bottom;
		padding-right:14px;
		padding-left:0px;
		}
	tr td.leftNavTabSelected{
		font-size:11px;
		color: #003455;
		font-weight:bold;
		/*background-color : #D6E8EB;*/
		background-image : url(images/leftNav/selectedTabBGI.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-left:14px;
		padding-right:0px;
		padding-top:6px;
		padding-bottom:11px;
		cursor : pointer;
		box-sizing: border-box;
	}
	
/* ----------------------------------- */

/* Inner Navigation ------------------- */

	.innerNavTabsRowBGI {
		background-image : url(images/innerNav/innerNavTabsRowBGI.gif);
		background-position: bottom;
		background-repeat: repeat-x;
	}
	
	.innerNavTabNormalBGI{
		background-image : url(images/innerNav/BGI.gif);
		background-repeat: repeat-x;
		cursor : pointer;
		box-sizing: border-box;
	}
	
	.innerNavTabNormal{
		font-size:11px;
		color: #003455;
		padding-left:7px;
		padding-right:7px;
		padding-top:0px;
		padding-bottom:0px;
		box-sizing: border-box;
	}
	
	body.rtl .innerNavTabSelectedBGI{
		background-image : url(images/innerNav/BGI_d_rtl.gif);
		
		}
	.innerNavTabSelectedBGI{
		background-image : url(images/innerNav/BGI_d.gif);
		background-repeat: repeat-x;
		cursor : pointer;
		box-sizing: border-box;
	}

	.innerNavTabSelected{
		font-size:11px;
		color: #003455;
		font-weight:bold;
		padding-left:7px;
		padding-right:10px;
		padding-top:0px;
		padding-bottom:0px;
		box-sizing: border-box;
		
	}
	
/* ----------------------------------- */

/* Button 1 ------------------- */

	body.rtl .button1{
		background-image : url(images/button1/BGI_rtl.gif);
	}
	.button1{
		background-image : url(images/button1/BGI.gif);
		cursor : pointer;
	}
	
	.button1text{
		font-size:11px;
		color: #003455;
		padding-left:5px;
		padding-right:5px;
	}

/* ---------------------------- */

/* Button 2 ------------------- */

	body.rtl .button2{
		background-image : url(images/button2/BGI_rtl.gif);
	}
	.button2{
		background-image : url(images/button2/BGI.gif);
		cursor : pointer;
	}
	
	.button2text{
		font-size:11px;
		color: #003455;
		padding-left:4px;
		padding-right:5px;
	}

/* ---------------------------- */


/* For Data Table -------------------------------- */

	.dataTableTitle1{
		height:18px;
		padding-left:6px;
		padding-right:6px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		font-weight:bold;
		color : #FFFFFF;
		background-color : #003455;
	}
	
	.dataTableBorder1{
		border-left: 1px solid #003455;
		border-right: 1px solid #003455;
		border-bottom: 1px solid #003455;
	}
	
	.dataTableLine1{
		background-color : #F4FAFB;
	}
	
	.dataTableHeaderRow{
		height:17px;
	}
	
	.dataTableAddRow{
		height:17px;
	}

	.dataTableHeader{
		padding-left:5px;
		padding-right:5px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color : #003455;
		background-color : #D7E6EB;
		cursor:default;
	}

	.dataTableHeaderWithSorting{
		padding-left:5px;
		padding-right:5px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color : #003455;
		background-color : #D7E6EB;
		cursor : pointer;
	}

	.sort_down{
		background-image : url(images/dataTable/sortedHeaderDown.gif);
		background-position: right;
		background-repeat: no-repeat;
		font-weight:bold;
	}


	.sort_up{
		background-image : url(images/dataTable/sortedHeaderUp.gif);
		background-position: right;
		background-repeat: no-repeat;
		font-weight:bold;
	}
	table.normal thead tr th.sort_up{
		background-image : url(images/dataTable/sortedHeaderUp.gif);
		background-position: right;
		background-repeat: no-repeat;
		font-weight:bold;
	}
	table.normal thead tr th.sort_down{
		background-image : url(images/dataTable/sortedHeaderDown.gif);
		background-position: right;
		background-repeat: no-repeat;
		font-weight:bold;
	}
	
	.dataTableHeaderSep{
		background-color : #A8BEC9;
	}

	.dataTableSep{
		background-color : #A8BEC9;
	}
	
	.DivForDataTableWithScroll{
		width: 100%;
		height: 100%;
		overflow-y:auto;
		background-color : #F9FCFD;
	}

	.DivForDataTableWithScroll2{
		width: 100%;
		height: 126px;
		overflow-y:auto;
		background-color : #EDF4F6;
	}

	.dataTableRow{
		height:17px;
		background-color : #F9FCFD;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color : #003455;
	}

	.dataTableRow2{
		height:17px;
		background-color : #EDF4F6;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color : #003455;
	}

	.dataTableRowSelected{
		height:17px;
		background-color : #F6EAD0;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color : #003455;
	}
	
	.dataTableCell{
		padding-left:5px;
		padding-right:5px;
		cursor:default;
	}

/* ------------------------------------------------ */

/* Bottom Information Part ------------------------ */

	.bottomInformationPartHeader{
		width:100%;
		border-left: 1px solid #003455;
		border-right: 1px solid #003455;
		border-bottom: 1px solid #003455;
		background-color : #F6EAD0;
		padding: 4px;
	}

	.bottomInformationPartHeaderRow{
		background-color : #3D657E;
	}
	
	.bottomInformationPartHeaderText{
		height:18px;
		padding-left:6px;
		padding-right:30px;
		font-size:11px;
		color: #FFFFFF;
		font-weight:bold;
	}
	
	.bottomInformationPartBody{
		width:100%;
		border-left: 1px solid #003455;
		border-right: 1px solid #003455;
		border-bottom: 1px solid #003455;
		/*background-color : #EDF4F6;*/
		display: block;
	}

/* ------------------------------------------------ */


.textbox1{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #003455;
	background-color : #FFFFFF;
	border:1px solid #426E82;
	width: 100px;
}

.textbox2{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #003455;
	background-color : #FFFFFF;
	border:1px solid #426E82;
	width: 130px;
}

.combobox1{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #003455;
	background-color : #FFFFFF;
	border:1px solid #426E82;
	width: 110px;
}

.combobox2{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #003455;
	background-color : #FFFFFF;
	border:1px solid #426E82;
	width: 131px;
}

	.regularRow{
		background-color : #EDF4F6;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color : #003455;
	}

	table.dataTable tr.selectedRow {
		background-color : #F6EAD0;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		color : #003455;
	}
	table.dataTable
	{
		background-color : #A8BEC9;
		width:100%;
		height:100%;
	}
	td.horizontalLine 
	{
		background-color: #C8DEF9;
	}
	table.dataTable thead  tr
	{
		color : #003455;
		background-color : #D7E6EB;
	}
	table.dataTable tr.header
	{
		color : #003455;
		background-color : #D7E6EB;
	}
	table.dataTable tr
	{
		background-color : white;
	}
	td.addItem
	{
		font-size : 10px;
		padding-left:2px;
		height:17px;
		color: #3862D0;
		cursor : pointer;
		text-decoration: underline;
	}
	.actionText
	{
		font-size : 10px;
		color: #3862D0;
		cursor : pointer;
		text-decoration: underline;
	}
	.hyperlink
	{
		color: blue;
		cursor : pointer;
		text-decoration: underline;
	}
	
	table.grid>tr>td
	{
		padding-right:0px;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:0px;
		vertical-align:baseline;

	}	
	table.grid tr.alignTop td
	{
		vertical-align:top;
	}	
	table.grid tr td
	{
		border:none;
	}
	table.grid tr
	{
		border:none;
	}
	
	table.grid2>tr>td
	{
		padding-right:0px;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:0px;
		vertical-align:baseline;

	}	
	td.gridright
	{
		padding-right:0px;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:0px;
		text-align:right;
	}
	
	td.right
	{
		padding-right:5px;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		text-align:right;
	}
	/* ------------------------------------------------ */
	table.normal
	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		border-collapse: collapse;
   	 	border-left: 1px solid #003455;
   	 	border-right: 1px solid #003455;
   	 	border-bottom: 1px solid #003455;
   	 	margin-bottom:1em;
	}
	table.normal.resizing
	{
		cursor:e-resize;
	}
	table.normal caption
	{
		text-align:left;
		height:18px;
		padding-left:6px;
		padding-right:6px;
		padding-top:3px;
		padding-bottom:3px;
		font-weight:bold;
		color : #FFFFFF;
		background-color : #003455;
		white-space:nowrap;
	}
	body.rtl table.normal caption
	{
		text-align:right;
	}
	table.normal thead tr th
	{
		vertical-align: top;
	}
	
	table.normal tr
	{
		height:17px;
    }
    
	table.normal tr.selected
	{
		height:17px;
		background-color : #F6EAD0;
		
    }
	table.normal thead tr td 
	{
		background-color : #D7E6EB;
	}
	table.normal th 
	{
		font-weight: normal;
		text-align:left;
		padding-left:5px;
		padding-right:5px;
		background-color : #D7E6EB;
    	border: 1px inset #A8BEC9;
    }
	/*For zebra tables - "table.normal tbody tr.odd" would be preferable but may have more side-effects in legacy apps*/
	.odd 
	{
		background-color:#DDDDFF;
	}
	table.normal td 
	{
    	border: 1px inset #A8BEC9;
		font-weight: normal;
		padding-left:5px;
		padding-right:5px;
    }
    table.normal tbody tr.emphasis td
    {
    	font-weight:bold;
    	color:#0000ff;
    }
    table.normal tbody tr td.alert
    {
    	font-weight:bold;
    	background-color: #ffD0D0;
    	color:#B00000;
    }
    table.normal thead tr th img
    {
    	margin-left:1em;
    }
    input
    {
    	vertical-align:bottom;
    }
    /* input[readonly] {background-color:#e0e0e0;}*/
    button:disabled
    {
		color: graytext;
		cursor: default;
		background-color: transparent;
		padding-bottom:1px;
		padding-top:0px;
		padding-left:6px;
		padding-right:7px;
		border: 1px solid gray;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		vertical-align:middle;
		margin-left:1px;
		margin-right:1px;
	}
    button
    {
		background-color: transparent;
		cursor: pointer;
		padding-bottom:0px;
		padding-top:0px;
		padding-left:6px;
		padding-right:6px;
		margin-left:1px;
		margin-right:1px;
		border-left: 1px solid #7b97a3;
		border-right: 2px solid #7b97a3;
		border-top: 1px solid #7b97a3;
		border-bottom: 2px solid #7b97a3;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #003455;
		vertical-align:middle;
		
	}
	
	.label
	{
		font-weight: bold;
		white-space: nowrap;
	}
	
	form.inline
	{
		display:inline;
	}
	table.grid tr td
	{
		vertical-align: baseline;
	}
	table.grid tr td span
	{
		vertical-align: baseline;
	}
	table.grid tr td input
	{
		vertical-align: baseline;
	}
	table.grid tr td span input
	{
		vertical-align: baseline;
	}

	iframe.hidden
	{
		width:0px; height:0px; border: 0px;display:none;
	}
	span.monospace
	{
		font-family: monospace;
		font-size: 12px;
	}
	tr.changeRow
	{
    	font-weight:bold;
    	color:red;
	}
	div.break
	{
		height:1em;
	}
	/* Sets vertical alignment of child elements inside normal div*/
	div.vertical>*
	{
		display: block;
		margin-bottom : 0.25em;
	}
	

img.tree_item_icon {
	height:18px;
	width:18px;
	background-position: center center;
	background-repeat: no-repeat;
}
img.tree_item_atomic {
	height:18px;
	width:18px;
}
img.tree_item_collapsed {
	height:18px;
	width:18px;
	background-image : url(images/tree/expand.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
img.tree_item_expanded {
	height:18px;
	width:18px;
	background-image : url(images/tree/collapse.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
span.tree_item_header * {
	vertical-align:middle;
}
span.tree_item_header {
	cursor:pointer;
	white-space:nowrap;
}
.tree_item {
}
.tree_item_content {
	padding-left:20px;
}

.tree_item_header_text {
	margin-left: 2px;
}
.tree_item_header_text_selected {
	margin-left: 2px;
	background-color:#0a246a;
	color:white;
}

.red
{
	color:red;
}

.splitPane
{
	position:relative;
	border-style:solid;
	border-color:black;
}
.splitPane.resizing
{
	cursor:e-resize;
}
.splitPaneDivider
{
	cursor:pointer;
	cursor:e-resize;
	background-color:gray;
	overflow:auto;
	float:left;
}
.splitPaneDivider.rtl
{
	float:right;
}
.splitPaneContent
{
	overflow:auto;
	float:left;
}
.splitPaneContent.rtl
{
	float:right;
}
.vSplitPaneDivider
{
	cursor:pointer;
	cursor:n-resize;
	background-color:gray;
	overflow:hidden;
}
.vSplitPane.resizing
{
	cursor:n-resize;
}

.vSplitPaneContent
{
	overflow:auto;
}

.alignTop
{
	vertical-align:top;
}
.alignBottom
{
	vertical-align:bottom;
}
.alignMiddle
{
	vertical-align:middle;
}
.alignLeft
{
	text-align:left;
}
.alignRight
{
	text-align:right;
}
.alignCenter
{
	text-align:center;
}

/* New Tree
span.ntree_item_header {
	cursor:pointer;
	white-space:nowrap;
}
span.ntree_item_inner_header {
	cursor:pointer;
	white-space:nowrap;
	vertical-align:middle;
}
span.ntree_item_inner_header_selected {
	cursor:pointer;
	white-space:nowrap;
	vertical-align:middle;
}
.ntree_item {
}
.ntree_item_body {
	padding-left:20px;
}
body.rtl .ntree_item_body {
	padding-right:20px;
	padding-left:0px;
}
body.popin_rtl .ntree_item_body {
	padding-right:20px;
	padding-left:0px;
}
span.ntree_item_inner_header > * {
	vertical-align:middle;
	padding-left:1px;
	padding-right:1px;
}
span.ntree_item_inner_header_selected > * {
	vertical-align:middle;
	padding-left:1px;
	padding-right:1px;
}
span.ntree_item_inner_header_selected span
{
	background-color:#0a246a;
	color:white;	
}
img.ntree_toggle_atomic {
	height:18px;
	width:18px;
	vertical-align:middle;
}
img.ntree_toggle_collapsed {
	height:18px;
	width:18px;
	vertical-align:middle;
	background-image : url(images/tree/expand.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
img.ntree_toggle_expanded {
	height:18px;
	width:18px;
	vertical-align:middle;
	background-image : url(images/tree/collapse.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
*/
.invalid
{
	background-color:#FFDDDD;
}
*.invalid input
{
	background-color:red;
	color:white;
}
*.invalid textarea
{
	background-color:red;
	color:white;
}
*.invalid select
{
	background-color:red;
	color:white;
}
input.invalid
{
	background-color:red;
	color:white;
}
select.invalid
{
	background-color:red;
	color:white;
}
textarea.invalid
{
	background-color:red;
	color:white;
}

input.pf_txt {
border: 2px inset rgb(212,208,200);
}

button.pf_browse {
	border: 2px inset rgb(212,208,200);
	width:18px;
	margin-right: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	vertical-align:bottom;
	position:relative;
	background-image:url(images/browse.gif);
	background-position: right center;
	background-repeat: no-repeat;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
}

button.pf_browse img {
	width:16px;
	height:1px;
	postion:relative;
	top:0;
	left:0;
	margin:0;
	border:none;
}

table.options
{
	border:1px solid black;
}
table.options tr.highlight
{
	background-color:#0a246a;
	color:white;
}
img.divider
{
	background-color:gray;
	width:1px;
	height:1.5em;
	border:none;
	vertical-align:bottom;
	margin-left:0.5em;
	margin-right:0.5em;
}

.progressBar
{
	padding:20px;
	border:1px solid black;
	margin:20px;
	background-color:#F4FAFB;
	position: absolute;
	bottom: auto;
	z-index:500;
}
button.menuButton
{
	background-image:url('images/menu_button.gif');
	background-position: center right;
	padding-right:10px;
	background-repeat: no-repeat;
}

span.radioLabel
{
	cursor:pointer;
}
span.checkboxLabel
{
	cursor:pointer;
}
input.checkbox
{
	vertical-align:bottom;
}
input.radio
{
	vertical-align:bottom;
}
/** Dialogs (currently - popup and popin ) **/
.dialogHeader{
	background-image : url(images/dialog/dialogHeader.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color : #F4FAFB;
	padding-top:5px;
	padding-left: 5px;
	padding-right: 16px;
	border: 1px solid #628397;
	font-size:13px; 
	color: #003455;
	font-weight:bold;
	height:23px;
}
body.popin_rtl .dialogHeader
{	
	background-image : url(images/dialog/dialogHeader_rtl.jpg);
	background-position: left top;
	padding-left: 16px;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-color : #F4FAFB;
	padding-top:5px;
	border: 1px solid #628397;
	font-size:13px; 
	color: #003455;
	font-weight:bold;
	height:23px;
}
body.rtl .dialogHeader{
	background-image : url(images/dialog/dialogHeader_rtl.jpg);
	background-position: left top;
	padding-left: 16px;
	padding-right: 5px;
}
.dialogBody
{
	overflow:auto;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 17px;
	padding-bottom: 5px;
	background-color: #F4FAFB;
	border-bottom: 1px solid #628397;
	border-left: 1px solid #628397;
	border-right: 1px solid #628397;
	vertical-align:baseline;
}
.dialog .dialogBody
{
	border-left:none;
	border-right:none;
}
.dialog .dialogHeader
{
	border-left:none;
	border-right:none;
}
.dialogFooter
{
	height:30px;
	padding-left: 10px;
	padding-right: 10px;
}
.dialog .dialogFooter
{
	background-color:white;
}
.dialogFooter button
{
	background-color:white;
}

.dialogFooter
{
	position:relative;
}
.dialogFooter table
{
	float:right;
}

body.popin_rtl .dialogFooter table
{
	float:left;
}
body.rtl .dialogFooter table
{
	float:left;
}

div.drag_feedback
{
	border:1px solid black;
	background-color:#a8e9cd;
	position:absolute;
}
/** Autocomplete styles **/
.autocomplete
{
	background-color:white;
	border:1px solid black;
}
.selectedOption
{
	background-color:black;
	color:white;
}
div.dialog_mask  
{
	background-image: url(images/dialog_mask.png);
	background-repeat: repeat;
}
div.dialog
{
	border: 4px solid blue;
	background-color:white;
}
.menu_item img
{
	vertical-align:middle;
	margin-left:2px;
	margin-right:2px;
}
.menu_item a
{
	font-weight:bold;
	text-decoration:none;
	color:black;
	background-color:transparent;
	padding-left:0px;
	padding-right:0px;
}
.menu_item a:hover
{
	color:white;
}
.menu_item a:focus
{
	color:white;
	border:none;
}
.menu_item a.focus
{
	color:white;
	border:none;
}

table.menu_bar
{
	background-color:#afafaf;
	margin-bottom:0.5em;
}

body.progress *
{
	cursor:wait;
}
body.progress div *
{
	cursor:wait;
}
body.progress div div *
{
	cursor:wait;
}
table.mceToolbar tbody tr td
{
	vertical-align:middle;
}
body#tinymce
{
	margin-right:2px;
	margin-left:2px;
	margin-top:2px;
	margin-bottom:2px;
}
body#tinymce
{
	margin-right:2px;
	margin-left:2px;
	margin-top:2px;
	margin-bottom:2px;
}
body.rtl#tinymce
{
	margin-right:2px;
	margin-left:2px;
	margin-top:2px;
	margin-bottom:2px;
}
img.spacer_image
{
	display:block;
}

/* file: 000-styles.non-iphone.css */

div.scrollPane
{
	height:400px;
	width: 500px;
	overflow:auto;
	border:1px solid black;
}

/* file: 001-panes.css */
/************************************************************************************************
 * Copyright (c) 2003-2005 Tersus Software Ltd. and others.
 * All rights reserved.
 *
 * This program is made available under the terms of the GNU General Public License v2,
 * which is part of this distribution and is available at http://www.gnu.org/licenses/gpl.txt.
 *
 * Contributors:
 *     Tersus Software Ltd.� Initial API and implementation
 *************************************************************************************************/
 /* Tabbed Pane Elements */
.tabbedPaneHeader {
    width:100%;
    
	background-image:url(images/tabbedPane/headerBottomLine.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
    line-height:normal;
}

.tabbedPaneHeader div.footer {
	border-left: 1px solid #7a97a8;
}
.tabbedPaneHeader ul {
	margin:0;
	padding:0;
	list-style:none;
}

.tabbedPaneHeader li {
	float:left;
	padding:0;
	background-image:url(images/tabbedPane/normalTabRight.gif);
	background-repeat:no-repeat;
	background-position: right top;
}
.tabbedPaneHeader li div {
	background:none;
	background-image:url(images/tabbedPane/normalTabLeft.gif);
	background-repeat:no-repeat;
	background-position: left top;
}
.tabbedPaneHeader li div a {
	display:block;
	text-decoration:none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003455;
	padding-left:19px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:3px;
	background-image:url(images/tabbedPane/normalTabBottomLine.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	border:none;
}
.tabbedPaneHeader li.selected {
	background-image:url(images/tabbedPane/selectedTabRight.gif);
}
.tabbedPaneHeader li.selected div {
	background-image:url(images/tabbedPane/selectedTabLeft.gif);
}
.tabbedPaneHeader li.selected div a{
	padding-left:22px;
	font-weight:bold;
	background-image:url(images/tabbedPane/selectedTabBottomLine.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
}
.tabbedPaneContentTR
{
	background-image:url(images/tabbedPane/contentTopRight.gif);
	background-repeat:no-repeat;
	background-position: top right;
}
.tabbedPaneContentBL
{
	background-image:url(images/tabbedPane/contentBottomLeft.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
}
.tabbedPaneContentBR
{
	background-image:url(images/tabbedPane/contentBottomRight.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}
.tabbedPaneContent
{
	padding:5px;
	overflow:auto;
}

/* RTL Variants */

.tabbedPaneHeader_rtl {
    width:100%;
    
	background-image:url(images/tabbedPane/headerBottomLine_rtl.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
    line-height:normal;
}

.tabbedPaneHeader_rtl div.footer {
	border-right: 1px solid #7a97a8;
}
.tabbedPaneHeader_rtl ul {
	margin:0;
	padding:0;
	list-style:none;
}

.tabbedPaneHeader_rtl li {
	float:right;
	padding:0;
	background-image:url(images/tabbedPane/normalTabRight_rtl.gif);
	background-repeat:no-repeat;
	background-position: left top;
}
.tabbedPaneHeader_rtl li div {
	background:none;
	background-image:url(images/tabbedPane/normalTabLeft_rtl.gif);
	background-repeat:no-repeat;
	background-position: right top;
}
.tabbedPaneHeader_rtl li div a {
	display:block;
	text-decoration:none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003455;
	padding-right:19px;
	padding-left:12px;
	padding-top:5px;
	padding-bottom:3px;
	background-image:url(images/tabbedPane/normalTabBottomLine_rtl.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	border:none;
}
.tabbedPaneHeader_rtl li.selected {
	background-image:url(images/tabbedPane/selectedTabRight_rtl.gif);
}
.tabbedPaneHeader_rtl li.selected div {
	background-image:url(images/tabbedPane/selectedTabLeft_rtl.gif);
}
.tabbedPaneHeader_rtl li.selected div a{
	padding-right:22px;
	font-weight:bold;
	background-image:url(images/tabbedPane/selectedTabBottomLine_rtl.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}
.tabbedPaneContentTR_rtl
{
	background-image:url(images/tabbedPane/contentTopRight_rtl.gif);
	background-repeat:no-repeat;
	background-position: top left;
}
.tabbedPaneContentBL_rtl
{
	background-image:url(images/tabbedPane/contentBottomLeft_rtl.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}
.tabbedPaneContentBR_rtl
{
	background-image:url(images/tabbedPane/contentBottomRight_rtl.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
}
.tabbedPaneContent_rtl
{
	padding:5px;
}

/* file: 001-tersus.css */
html body
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.ui-btn:visited { color: inherit; } /*Override for JQM style which cause selection fields to be white*/

iframe.hidden
{
	display:none;
}
.tersus-scroll-content
{
	width:100%;
}
div.ter-tp-content
{
	position:relative;
}

div.ter-tp-content>div
{
	display:none;
	width:100%;
	position:absolute;
	top:0px;
}
div.ter-tp-content>div.ter-tp-active
{
	display:block;
}

div.ter-dialog-container
{
	position:relative;
}
div.ter-dialog
{
	display:none;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.ui-header
{
	min-height:39px;
}
div.ter-dialog .ui-header
{
	position:relative;
	width: auto;
}

div.ter-overlay div.ui-header
{
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
}
div.ter-overlay.ter-noheader div.ui-content
{
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
}
div.ter-dialog div.ui-content
{
	background-color:white;
}
div.ter-overlay div.ui-content
{
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
}
div.ter-overlay>div
{
	margin:20px auto;
	width:90%;
}
div.ter-dialog-active,div.ter-dialog.ter-active
{
		display:block;
}
div.ter-radiobutton
{
	display:inline-block;
}
.ui-mobile-viewport
{
	   min-height: 20px;overflow-y:visible; /* without this, no animation on 2G iphone because view port height is 0 and overflow content is hidden */
	   position:relative;
}
/*
.ui-select select
{
	display:none;
	position:static;
	top:default;
	left:default;
}
*/

/*  Our own classes for animated transitions.  jQuery Mobile animations based on -webkit-animation-name and @-webkit-keyframes are not working properly on Samsung Galaxy S with complex graphics*/
.ter-slide
{
	-webkit-transition-duration: 500ms;
    -webkit-transition-property: -webkit-transform;
}
.ter-slide.right
{
	-webkit-transform:translateX(100%);
}
.ter-slide.left
{
	-webkit-transform:translateX(-100%);
}
.ter-slide.in
{
	-webkit-transform:translateX(0px);
}


/* Workaround for navbar positioning issue  on iOS 3 - see html-css-testcases/ios3-footer-position-bug*/
.ui-navbar
{
	overflow:visible;
}

/* Some tweaks for list items with thumbnail */

.ui-li-has-thumb .ter-list-item
{
	min-height:80px;
	padding-left:85px;
}
.ui-li-has-thumb .ter-list-item
{
	min-height:80px;
	padding-left:85px;
}
.ter-list-item img.ui-li-thumb
{
		max-height:60px;
		max-width:60px;
		margin:10px;
}
/* Default style for "more details" paragraph in (new) list item */
.ter-list-item>p
{
	white-space:normal;
	margin:0px -50px 0px 0px;
}

div.ui-corner-all>div.ui-li:first-child
{
	-moz-border-radius-topleft: .6em; -webkit-border-top-left-radius: .6em; border-top-left-radius: .6em; -moz-border-radius-topright: .6em; -webkit-border-top-right-radius: .6em; border-top-right-radius: .6em; 
}
div.ui-corner-all>div.ui-li:last-child
{
 -moz-border-radius-bottomleft: .6em; -webkit-border-bottom-left-radius: .6em; border-bottom-left-radius: .6em; -moz-border-radius-bottomright: .6em; -webkit-border-bottom-right-radius: .6em; border-bottom-right-radius: .6em; 
}

/* Needed to avoid having ui-corner-all at the intermediate level 

.ui-btn-corner-all>.ui-btn-inner
{
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
   background-clip: padding-box;
   border-top-width:0px;
 -moz-border-radius-bottomleft: .6em; -webkit-border-bottom-left-radius: .6em; border-bottom-left-radius: .6em; -moz-border-radius-bottomright: .6em; -webkit-border-bottom-right-radius: .6em; border-bottom-right-radius: .6em; 
}
*/
.ter-field-readonly { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
.ter-field-readonly  { -webkit-appearance: none; }
@media all and (min-width: 450px){
  .ter-field-readonly   { width: 60%; display: inline-block; } 
}

/* Seems to be missing in JQM stylesheet */
.pop.out{
	-webkit-transform: scale(.2);
	opacity: 0;
	-webkit-animation-name: popout;
	z-index: 10;
}

.ter-dialog-mask
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background-image:url(images/dialog_mask.png);
}

/* Compact mobile (JQuery-based) field display in narrow (<450px) screen */
.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }

/* Compact mobile (JQuery-based) h2 tag (Label, List Item/Title) */
.ui-content h2 {
	-webkit-margin-before: 0.45em;
	-webkit-margin-after: 0.2em;
}

/* file: 003-testrunner.css */
.testRunnerHeader
{
	text-align:center;
	background-color:silver;
}
.testRunnerLogDateAndTimeColumn
{
	color:blue;
	white-space:nowrap;
}
.testRunnerLogTypeColumn
{
	color:green;
	white-space:nowrap;
}
.testRunnerLogDescriptionColumn
{
	color:black;
	white-space:nowrap;
}
.testRunnerLogError
{
	background-color:red;
}
.testRunnerLogWarning
{
	background-color:fuchsia;
}
.testRunnerNameLink
{
	color: navy;
	cursor : pointer;
	text-decoration: underline;
}
.testRunnerScrollPane
{
	border-width:0pt;
	width:100%;
	height:100%;
}
/* file: blog.css */
div.blog_header
{
}
td.blog_side_pane
{
	width:200px;
	padding-top:16px;
	background-color:transparent;
	background-image:url(inner_nav_border.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
td.blog_content_pane
{
	padding-left:45px;
}
.blog_header h2
{
	color:#FF8C3F;
	font-size:20px;
	margin-top:0px;
	margin-bottom:0px;
	white-space:nowrap;
}

.blog_header p
{
	font-size:14px;
	margin-top:0px;
	margin-bottom:0px;
}

div.blog_other_posts
{
	margin-top:15px;
}
div.blog_post_pane h1.title span.title
{
	color:#589AD6;
	font-size:20px;
	font-weight:normal;
}
div.blog_post_pane h1.title span.date
{
	font-size:16px;
	color:	#6B6A6A;
	margin-left:2em;
}
div.blog_other_posts div.news_item div.title span.link
{
	color:#589AD6;
}
div.comments h2.title
{
	color:#589AD6;
	font-size:14px;
	border-bottom:1px solid #589AD6;
}

div.trackback_note
{
color:#002B54;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}

/* file: dual_display.css */
div.dual_display>div
{
   -webkit-transition-duration: 1000ms;
   -webkit-transition-property: -webkit-transform;
   -moz-transition-duration: 1000ms;
   -moz-transition-property: -moz-transform;
   position:absolute;
   top:0px;
}
.dual_display
{
	display:inline-block;
	position:relative;
	margin:0px;
	overflow:hidden;
	height:80px;
	width:200px;
}
.dual_display>div
{
	padding-top:20px;
	padding-left:20px;
	font-size:18px;
	vertical-align:middle;
}


/* file: ntree.css */
/* New Tree */
span.ntree_item_header {
	cursor:pointer;
	white-space:nowrap;
}
span.ntree_item_inner_header {
	cursor:pointer;
	white-space:nowrap;
	vertical-align:middle;
}
span.ntree_item_inner_header_selected {
	cursor:pointer;
	white-space:nowrap;
	vertical-align:middle;
}
.ntree_item {
}
.ntree_item_body {
	padding-left:20px;
}
body.rtl .ntree_item_body {
	padding-right:20px;
	padding-left:0px;
}
body.popin_rtl .ntree_item_body {
	padding-right:20px;
	padding-left:0px;
}
span.ntree_item_inner_header > * {
	vertical-align:middle;
	padding-left:1px;
	padding-right:1px;
}
span.ntree_item_inner_header_selected > * {
	vertical-align:middle;
	padding-left:1px;
	padding-right:1px;
}
span.ntree_item_inner_header_selected span
{
	background-color:#0a246a;
	color:white;	
}
img.ntree_toggle_atomic {
	height:18px;
	width:18px;
	vertical-align:middle;
}
img.ntree_toggle_collapsed {
	height:18px;
	width:18px;
	vertical-align:middle;
	background-image : url(images/tree/expand.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
img.ntree_toggle_expanded {
	height:18px;
	width:18px;
	vertical-align:middle;
	background-image : url(images/tree/collapse.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

/* file: stylesheet-base.css */
.floaty{float:left;}
body
{
	background-color:white;
	background-image:none;
	margin-left:10px;
	margin-top:10px;
}

h1.link a
{
	color:blue;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	margin-right:1em;
	display:list-item;
	list-style-image:url(images/inner_page_title_bullet.gif);
}

h1.link-inline{display:inline;}

button
{
	font-size:12px;
}
td.mainpage_left
{
	width:40%;
}
td.mainpage_right
{
	width:30%;
}
td.mainpage_center
{
	width:30%;
	text-align:center;
}
img.separator
{
	border:none;
	padding:none;
	display:block;
	width:100%;
	height:1px;
}
div.page_header img.separator
{
	height:2px;
	margin-top:0px;
	display:block;
}
table.top_row
{
	border-collapse:collapse;
	margin-bottom:0px;
}
table.top_row tr td
{
	border-collapse:collapse;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}

ul.navigation
{
	diplay:block;
	background-color: #AFB7C0;
	font-weight:bold;
	text-align:left;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:25px;
}
ul.navigation li
{
	display:inline;	
}
ul.navigation li.trailer img.spacer
{
	height:1px;
	widht:1px;
	display:inline;
}

ul.navigation span
{
	text-decoration:none;
	color:white;
	font-size:14px;
	cursor:pointer;
}
ul.navigation li.selected span.selected
{
	color:black;
	cursor:pointer;
}
ul.navigation img
{
	margin-right:7px;
	margin-left:7px;
}
td.inner_navigation
{
	width:200px;
	background-color:#FD711D;
	overflow:auto;
	padding-left:0px;
}
div.main_page td.inner_navigation
{
	display:none;
}
table.inner_page_columns
{
		border-collapse: collapse;
		border:none;
		width:850px;
}
table.inner_page_columns tbody
{
		vertical-align:top;
}
table.inner_page_columns td.content
{
	padding-left:55px;
	padding-top:5px;
}
table.inner_page_columns td.inner_navigation
{
	width:200px;
}	

div.inner_navigation_node
{
	padding-left:5px;
}
div.inner_navigation_link
{
	padding-top:3px;
	padding-bottom:6px;
}
div.inner_navigation_link a
{
/*	font-size:13px;*/
	font-weight:bold;
	text-decoration:none;
	color:white;
}
.nolink a
{
	text-decoration:none;
}
div.current_page_link
{
	padding-top:3px;
	padding-bottom:6px;
}
div.current_page_link a
{
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
	color:black;
}
.message_author
{
	font-weight:bold;
	font-size:13px;
}
table.thread_list thead tr th.sort_up{
	background-image : url(images/dataTable/sortedHeaderUp.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-weight:bold;
}
table.thread_list thead tr th.sort_down{
	background-image : url(images/dataTable/sortedHeaderDown.gif);
	background-position: right;
	background-repeat: no-repeat;
	font-weight:bold;
}
table.thread_list
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border-collapse: collapse;
	border: 1px solid #003455;
	margin-bottom:0.5em;
	margin-top:0px;
}
table.thread_list.resizing
{
	cursor:e-resize;
}
table.thread_list thead tr th
{
	vertical-align: top;
}

table.thread_list tr
{
	height:17px;
}

table.thread_list tr.selected
{
	height:17px;
	background-color : #F6EAD0;
}

table.thread_list thead tr td 
{
	background-color : #D7E6EB;
}
table.thread_list th 
{
	font-weight: normal;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	background-color : #D7E6EB;
   	border: 1px inset #A8BEC9;
}
table.thread_list td 
{
   	border: 1px inset #A8BEC9;
	font-weight: normal;
	padding-left:5px;
	padding-right:5px;
}
table.table_navigation_row button
{
	border:none;
	color: blue;
	cursor : pointer;
	text-decoration: underline;
	padding-left:0px;
	margin-left:0px;
	margin-right:0px;
	padding-right:0px;
}
table.table_navigation_row
{
	vertical-align:baseline;
	border-spacing:0px;
}
table.table_navigation_row tr td
{
	padding-left:0px;
}
table.table_navigation_row *
{
	vertical-align:baseline;
}
table.table_navigation_row td
{
	padding:none;
}

.login
{
	text-align:right;
}

div.search_results_heading
{
	font-size:18px;
	margin-top:10px;
	margin-bottom: 10px;
}
div.intro_toggle_label
{
	text-align:center;
	margin-bottom:1em;
}

div.highlight
{
	background-color: #ddddff;
}

div.description
{
	border: 1px solid black;
	padding: 1em;
	width: 70%;
}

	/* ------------------------------------------------ */
	table.list
	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 11px;
		border-style: none;
	}
	table.list caption
	{
		text-align:center;
		height:18px;
		padding-left:6px;
		padding-right:6px;
		padding-top:3px;
		padding-bottom:3px;
		font-weight:bold;
		white-space:nowrap;
	}
	table.list thead tr th
	{
		vertical-align: top;
		text-decoration: underline;
		font-weight: bold;
	}
	
	table.list tr
	{
		height:17px;
    }
    
	table.list tr.selected
	{
		height:17px;
		background-color : #F6EAD0;
		
    }
	table.list th 
	{
		font-weight: normal;
		text-align:left;
		padding-left:5px;
		padding-right:5px;
    	border-style: none;
    }
	table.list td 
	{
    	border-style: none;
		font-weight: normal;
		padding-left:5px;
		padding-right:5px;
    }
div.user_list
{
	border: 1px solid black;
	margin-top:1em;
	margin-bottom:1em;
	width:300px;
}

div.project_description
{
	font-weight:bold;
}

div.news_item
{
	margin-bottom:1em;
	font-size:14px;
}
div.news_item div
{
	font-size:14px;
}

div.title span
{
	margin-right: 1em;
	font-size:14px;
}
div.title span.link
{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	color:blue;
	cursor:pointer;
}

.tagTitle
{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color:#002B54;
	cursor:pointer;
}
td.inner_navigation a
{
	font-size: 13px;
	text-decoration:none;
}
td.inner_navigation div.normal a{
    color: #FED5BC;	
}
td.inner_navigation div.normal a:hover{
    color: #FFFFFF;	
}
td.inner_navigation div.normal
{
	background-image : url(images/inner_nav_bullet_normal.gif);
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	background-position: top left;
	background-repeat: no-repeat;
}
td.inner_navigation div.selected
{
	background-image : url(images/inner_nav_bullet_selected.gif);
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	background-position: top left;
	background-repeat: no-repeat;
}
td.inner_navigation div.selected a{
    color: #002B54;	
}
div.inner_nav_1
{
	padding-left:10px;
	border-bottom: 1px solid #FD8D4A;
}
div.inner_nav_2
{
	padding-left:20px;
	border-bottom: 1px solid #FD8D4A;
}
div.inner_nav_3
{
	padding-left:30px;
	border-bottom: 1px solid #FD8D4A;
}
div.inner_nav_4
{
	padding-left:40px;
	border-bottom: 1px solid #FD8D4A;
}
div.inner_nav_5
{

}
div.inner_nav_6
{
}
div.inner_nav_7
{
}
div.inner_nav_8
{
}
td.conent
{
	padding-left:55px;
}
div.forum_view_title a
{
		text-decoration:none;
		display:list-item;
		list-style-image: url(images/inner_page_title_bullet.gif);
        font-size:20px;
        font-weight:bold;
	    color: #FF6000;
		margin-top:1.2em;
		margin-bottom:0em;		
}
div.forum_list div.forum_view_title a
{
        font-size:16px;
        font-weight:bold;
	    color: #FF8C3F;
		margin-top:0.8em;
		margin-bottom:0em;
		display:inline;
}
div.forum_list_pane
{
	margin-top:1em;
	padding-top:1em;
	border-top:3px solid #A8BEC9;
}
div.forum_list_pane table.normal
{
	margin-top:0.5em;
	border: 1px solid #003455;
}

span.forum_list_title
{
        font-size:16px;
        font-weight:bold;
	    color: #FF8C3F;
		margin-top:0.8em;
		margin-bottom:0em;		
}

h1.title
{
	display:list-item;
	list-style-image: url(images/inner_page_title_bullet.gif);
	margin-bottom:10px;
}
.upload_pane
{
	border: 1px solid black;
	margin-top:5px;
	margin-bottom:5px;
}
.upload_pane div
{
	margin-bottom:5px;
}

div.noscriptbox
{
	margin: 5px;
	border: 1px solid black;
	padding: 10px;
	position: absolute;
	background-color:white;
	top:0px;
	left:0px;
}
table.zebra
{
	clear:both;
	border:0px;
	border-collapse:collapse;
}
table.zebra caption {
background-color:transparent;
color:#6b6a6a;
font-weight:bold;
font-size:13px;
height:24px;
padding:0px;
padding-bottom:5px;
text-align:left;
white-space:nowrap;
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:2px solid #d7d7d7;
}
table.zebra thead tr th.sort_down
{
	background-color:transparent;
}
table.zebra thead tr
{
  background-image: url(tab_head.gif);
  background-repeat:repeat;
  background-position:top left;
	background-color:#d7d7d7;
	height:27px;
	
}
table.zebra tbody tr
{
	border:0px solid black;
	background-color:#f2f0f0;
}
table.zebra tbody tr.even
{
	background-color:#faf8f8;
}

table.zebra thead tr th
{
	padding-top:8px;
	padding-left:16px;
	padding-right:16px;
	border:none;
	border-left:2px solid white;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	
}
table.zebra thead tr th.first
{
	border-left:0px;
}

table.zebra tbody tr td
{
	border:0px solid black;
	border-left:2px solid white;
	border-top:2px solid white;
	padding:5px;
	line-height:16px;
	font-size:11px;
}
table.zebra tbody tr td span
{
	line-height:16px;
	font-size:11px;
}

table.zebra tbody tr td.first
{
	border-left:0px;
}
.darkbutton
{
	height:18px;
	border:0px;
	padding:0px;
	cursor:pointer;
}
.darkbutton div 
{
	background-color:#384b6a;
	border:medium none;
	color:white;
	font-weight:bold;
	line-height:18px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}
div.forum_pane div.header .darkbutton
{
	float:right;
	margin-bottom:5px;
}
.newproject
{
	width:180px;
	float:right;
}
div.news_item div.title span.link {
	margin-right:1em;
}
div.forum_view_title a
{
	display:none;
}
.permalink
{
	font-size:10px;
	font-style:italic;
	margin-left:1em;
}

/* file: stylesheet-intro.css */
/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

/* Copy of /tersus/intro/stylesheet.css, with most styles commented out - originally included for Shopping List tutorial - Stage 1

  body { margin: 7px 0px 0px 7px;
    background-color: rgb(188, 206, 216);
    background-image: none;
    }

  th, td, a, div, span, label, input, textarea, select { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    }

  div.content { border-top: 1px solid rgb(98, 131, 151);
    border-left: 1px solid rgb(98, 131, 151);
    border-right: 1px solid rgb(98, 131, 151);
    padding: 17px 6px 10px;
    width: 100%;
    height: 100%;
    }

  ol, ul { margin-top: 0px;
    }

  a img { border: medium none ;
    }

  .header { padding: 8px 16px 8px 5px;
    font-size: 20px;
    color: rgb(0, 52, 85);
    }

  .header2 { padding-bottom: 16px;
    font-size: 18px;
    color: rgb(0, 52, 85);
    font-weight: bold;
    text-align: center;
    }

  .popupHeaderBorder { border-style: solid solid none;
    border-color: rgb(98, 131, 151) rgb(98, 131, 151) -moz-use-text-color;
    border-width: 1px 1px 0px;
    padding: 0px;
    background-image: url(images/header.gif);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: white;
    width: 100%;
    height: 100%;
    }

  .footer { padding-left: 10px;
    padding-right: 10px;
    }

  .content { border-top: 1px solid rgb(98, 131, 151);
    border-left: 1px solid rgb(98, 131, 151);
    border-right: 1px solid rgb(98, 131, 151);
    padding: 17px 6px 10px;
    width: 100%;
    height: 100%;
    overflow: auto;
    }

  .contentBox { border: 1px solid black;
    width: 50%;
    height: 50%;
    }

  .innerBGColor { background-color: rgb(244, 250, 251);
    }

  .frameBorder { background-color: rgb(98, 131, 151);
    }

*/

  #actiontext { color: rgb(0, 0, 255);
    }


/* file: stylesheet-local.css */
html body
{
	margin-left:35px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:1px;
}
body#tinymce
{
	margin-left:2px;
	margin-right:2px;
}
p
{
	color:#6b6a6a;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:1.5;
}
img.flush
{
	clear:both;
	display:block;
	width:100%;
	height:1px;
}
div.inner_page p
{
	line-height:16px;
	margin-top:5px;
	margin-bottom:5px;
}
div.left_margin table.inner_page_columns
{
	margin-left:190px;
}
div.left_margin td.content
{
	background-image:url(inner_nav_border.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
td.content div.project_list
{
	width:680px;
}
div.project_list table.zebra tbody tr
{
 	height:75px;
}

a
{
	color: #e08005;
}
h1, h2
{
	color:#696969;
}
.darkbutton
{
	background-image:url(button_l.gif);
	background-repeat:repeat;
	background-position:top left;
	height:18px;
	border:0px;
	padding:0px;
	cursor:pointer;
}
.newproject
{
	width:180px;
	float:right;
}
.darkbutton div
{
	background-image:url(button_r.gif);
	background-repeat:repeat;
	background-position:top right;
	background-color:transparent;
	line-height:18px;
	font-weight:bold;
	color:white;
	vertical-align:middle;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	border:none;
	margin:0px;
	white-space:nowrap;
}
div.inner_page table.inner_page_columns
{
	height:455px;
}
div.news_item div
{
	font-size:11px;
	color: #6b6a6a;
}
div.news_item span
{
	font-size:11px;
	color: #6b6a6a;
}
div.news_item div.title span.link
{
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	color: #e08005;
	margin-right:1em;
}
table.zebra
{
	clear:both;
	border:0px;
	border-collapse:collapse;
}
table.zebra caption {
background-color:transparent;
color:#6b6a6a;
font-weight:bold;
font-size:13px;
height:24px;
padding:0px;
padding-bottom:5px;
text-align:left;
white-space:nowrap;
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:2px solid #d7d7d7;
}
table.zebra thead tr
{
  background-image: url(tab_head.gif);
  background-repeat:repeat;
  background-position:top left;
/*	background-color:#d7d7d7;*/
	height:27px;
	
}
table.zebra tbody tr
{
	border:0px solid black;
	background-color:#f2f0f0;
}
table.zebra tbody tr.even
{
	background-color:#faf8f8;
}

table.zebra thead tr th
{
	padding-top:8px;
	padding-left:16px;
	padding-right:16px;
	border:none;
	border-left:2px solid white;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	
}
table.zebra thead tr th.first
{
	border-left:0px;
}

table.zebra tbody tr td
{
	border:0px solid black;
	border-left:2px solid white;
	border-top:2px solid white;
	padding:5px;
	line-height:16px;
	font-size:11px;
}
table.zebra tbody tr td span
{
	line-height:16px;
	font-size:11px;
}

table.zebra tbody tr td.first
{
	border-left:0px;
}
div.navigation_bar
{
  background-image: url(nav_bg.gif);
  background-repeat:repeat;
  background-position:top left;
  margin-bottom:0px;
}
div.inner_page div.navigation_bar
{
	margin-bottom:30px;
}
ul.navigation
{
  background-color:#AFB7C0;
  font-weight:bold;
  padding:0px;
  margin:0px;
  text-align:left;
  height:28px;
  width:100%;
  background-image: url(nav_bg.gif);
  background-repeat:repeat;
  background-position:top left;
}
ul.navigation li
{
  display:block;
  float:left;
  padding:0px;
  padding-right:2px;
  margin:0px;
  height:28px;
  text-align:left;
  background-image: url(nav_separator.gif);
  background-repeat:no-repeat;
  background-position:top right;
  overflow:hidden;
}
ul.navigation li span
{
	display:block;
	height:28px;
}
ul.navigation li.trailer img.separator
{
  height:28px;
  width:2px;
}
ul.navigation li.selected span
{
  background-image: url(nav_bg_sel.gif);
}
ul.navigation li span
{
  float:left;
  vertical-align:top;
  color:black;
  padding-top:5px;
  padding-left:20px;
  padding-right:20px;
  font-family:Myriad Pro;
}
ul.navigation li img 
{
	display:none;
}
div.navigation_bar img.separator
{
	display:block;
	clear:both;
	height:1px;
	margin-top:0px;
}
button.go
{
	background-image:url(go.gif);
	backgroun-position:top left;
	width:31px;
	height:18px;
	border:none;
	display:block;
	font-size:11px;
	font-weight:bold;
	vertical-align:bottom;
	padding-top:0px;
	padding-bottom:3px;
	padding-left:3px;
	text-align:left;
	color:white;
}
input.search
{
	height:19px;
	width:127px;
	background-color:#f6f4f5;
	border-top:1px solid #bababa;
	border-right:1px solid #bababa;
	border-left:none;
	border-botton:none;
	margin-right:10px;
	margin-left:14px;
	padding-left:4px;
}
span.search
{
	font-size:11px;
	font-weight:bold;
	white-space:nowrap;
}

table.action_row tr td a
{
	color:#a1a1a1;
	text-decoration:none;
	white-space:nowrap;
	font-weight:normal;
}
table.action_row tr td
{
	padding:0px;
	padding-right:8px;
}

table.action_row td.login
{
	padding-right:0px;
}
table.action_row td.logout
{
	padding-right:0px;
}
table.action_row td.register a
{
	font-weight:bold;
}
table.inner_page_columns
{
	width:100%;
}
h1.title
{
	display:block;
	font-family:Myriad Pro;
	color:#589ad6;
	border-bottom:2px solid #589ad6;
	font-size:20px;
	font-weight:normal;
	margin-top:16px;
	
}
div.description
{
	width: 650px;
}

div.page_content
{
	width: 650px;
}

td.inner_navigation
{
	background-color:transparent;
	background-image: url(inner_nav_border.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
td.inner_navigation a
{
	font-size:11px;
}
div.inner_nav_1 
{
	border:none;
}
div.inner_nav_2 
{
	border:none;
}
div.inner_nav_3 
{
	border:none;
}
div.inner_nav_4 
{
	border:none;
}

td.inner_navigation div.normal 
{
	background-image:none;
}
td.inner_navigation div.selected
{
	background-image:none;
/*	padding-left:22px;*/
}
td.inner_navigation div.normal a
{
	color:#002a54;
}
td.inner_navigation div.normal a:hover{
    color: black;	
}

td.inner_navigation div.selected a
{
	color:#589ad6;
	font-weight:bold;
}
table.inner_page_columns tr
{
	vertical-align:top;
}
table.inner_page_columns td.content
{
	padding:0px;
}
div.inner_page table.inner_page_columns td.content
{
	padding-left:45px;
}
table#hp_cols
{
	width:100%;
	vertical-align:top;
	border-collapse: collapse;
	empty-cells:show;
	margin-top:10px;
}
table#hp_cols tr
{
	vertical-align:top;
}
td#hp_col1
{
	width:667px;
	padding-top:8px;
}
div#hp_main
{
	width:617px;
}
h1#hp_title
{
	font-family:Myriad Pro;
	font-size:22px;
	font-weight:normal;
	color:#073058;
	margin:0px;
	padding:0px;
}
div#hp_textbox p
{
	margin:0px;
	font-family:Myriad Pro;
	font-size:14px;
	color:#93ddf5;
}
div#hp_textbox p#hp_textbox_download
{
    color:#e27f08;
    text-align:right;
    font-family:Verdana;
    font-weight:bold;
    font-size:11px;
    background-image:url(download_arrows.gif);
  	background-position:top right;
    background-repeat:no-repeat;
    padding-right:15px;
    line-height:normal;
}
div#hp_textbox p#hp_textbox_download a
{
    color:#e27f08;
    font-family:Verdana;
    font-weight:bold;
    font-size:11px;
}
div#hp_textbox
{
	background-color:#063058;
	font-family:Myriad Pro;
	font-size:14px;
	color:#93ddf5;
	padding-left:25px;
	padding-top:18px;
	padding-bottom:10px;
	padding-right:15px;
}
div#hp_textbox h2
{
	color:#93ddf5;
	font-size:20px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:8px;
	padding:0px;
}
img#hp_separator
{
	display:block;
	background-color:#002b55;
	width:100%;
	height:2px;
	margin-top:2px;
	margin-bottom:2px;
}

table#hp_screenshots
{
	border-collaps:collapse;
	margin:0px;
	border:none;
	padding:0px;
}
table#hp_screenshots tr td
{
	margin:0px;
	border:none;
	padding:0px;
}
table#hp_screenshots tr td#arrow
{
	width:100%;
	text-align:center;
	vertical-align:middle;
}
table#hp_screenshots h2
{
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#002a54;
}
table#hp_screenshots h3
{
	font-size:11px;
	font-weight:normal;
	color:#002a54;
	margin-bottom:8px;
	margin-top:4px;
}

td#hp_col2
{
	border-left:1px solid #dedede;
	padding-left:18px;
	padding-top:8px;
}
td#hp_col_sep img
{
	width:50px;
}
img.hp_col2_sep
{
	display:block;
	width:230px;
	height:1px;
	background-color:#dedede;
}
div#hp_action_buttons
{
	padding-left:8px;
}
div#hp_action_buttons a img
{
	border:none;
}
div#hp_testimonials
{
	padding-left:8px;
	padding-bottom:8px;
}
div#hp_testimonials h2
{
	margin-top:20px;
	margin-bottom:18px;
}
div#hp_testimonials h2 a
{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#002a54
}
div#hp_testimonials marquee
{
	height:78px;
	width:210px;
	color:#6b6a6a;
	
}
div#hp_testimonials marquee p
{
	font-size:11px;
	text-align:left;
}
div#hp_testimonials marquee .large
{
	font-size:11px;
}

div#hp_news
{
	padding-left:8px;
	padding-bottom:8px;
}
div#hp_news h2
{
	margin-top:16px;
	margin-bottom:12px;
}
div#hp_news h2 a
{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#002a54
}
div#hp_news div.news_item div
{
	font-size:11px;
	color: #6b6a6a;
}
div#hp_news div.news_item div.title a
{
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	color: #e08005;
}
div#hp_shortcuts
{
	padding-left:0px;
	padding-top:6px;
}
div#hp_shortcuts ul
{
	display:block;
	width:250px;
	height:54px;
	padding:0px;
	margin:0px;
}
div#hp_shortcuts img
{
	display:block;
	height:1px;
	clear:both;
}

div#hp_shortcuts li
{
	display:block;
	float:left;
	width:115px;
	height:27px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
div#hp_shortcuts li a
{
	display:block;
	background-image:url(hp/sc_button.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:white;
	font-size:11px;
	font-weight:bold;
	height:17px;
	width:89px;
	text-align:center;
	vertical-align:top;
	padding-top:1px;
	margin-left:13px;
	margin-top:5px;
}
li#hp_shortcut1
{
	background-image:url(hp/sc1.gif);
}
li#hp_shortcut2
{
	background-image:url(hp/sc2.gif);
}
li#hp_shortcut3
{
	background-image:url(hp/sc3.gif);
}
li#hp_shortcut4
{
	background-image:url(hp/sc4.gif);
}
div.page_footer
{
	clear:both;
	margin-top:10px;
	border-top:2px solid #002a54;
	padding-left:42px;
	padding-top:5px;
	padding-bottom:5px;
	color:#073058;
	background-color:#93ddf6;
	font-size:10px;
}
div.page_footer a
{

	color:#073058;
	font-size:10px;
}
div.quick_start div.page_content
{
	width:100%;
}
div.qs_div
{
  float:left;
  overflow:hidden;
  width:215;
  margin-right:20px;
}
h1.title2
{
	vertical-align:bottom;	
	font-family:Myriad Pro;
	color:#589ad6;
	font-size:20px;
	font-weight:normal;
	margin-bottom:15px;
	margin-top:0px;
}
h1.title2 img
{
	position:relative;
	top:10px;
	margin:0px;
	margin-right:10px;
}
div.qs_div div.heading
{
	background-image:url(heading_bg.gif);
	background-position:top-left;
	background-repeat:repeat;
	height:29px;
	overflow:hidden;
}
div.qs_div div.heading h2
{
	margin-left:5px;
	font-size:11px;
	font-weight:bold;
	color:#6b6a6a;
	padding-top:3px;
	height:29px;
}
img.zeb_top_border
{
	display:block;
	clear:both;
	border-bottom:2px solid #d7d7d7;
	margin:0px 1px 0px 1px;
	height:5px;
	width:100%;
}
div.posting_pane
{
	clear:both;
}
div.forum_list div.forum_view_title {
	padding:0px;
	padding-bottom:5px;
	margin:0px;
	margin-top:16px;
	margin-left:1px;
	border:none;
}
div.forum_list div.forum_view_title a {
	text-align:left;
	white-space:nowrap;
	color:#6b6a6a;
	font-weight:bold;
	font-size:13px;
	display:inline;
}
div.forum_view_title a
{
	display:none;
}
div.forum_pane div.header .darkbutton
{
	float:right;
}
div.forum_pane div.subscribe
{
	text-align:right;
}
div.forum_pane div.subscribe a
{
	color:#A1A1A1;
	font-weight:normal;
	text-decoration:none;
	white-space:nowrap;
}
div.thread_content
{
	clear:both;
}
td.content div.forum_list
{
	width:680px;
}
td.content div.forum_view
{
	width:680px;
}
div.thread_content
{
	background-color:#f2f0f1;
}
div.thread_content img.ntree_toggle_expanded
{
	background-image:url(collapse.gif);
}
div.thread_content img.ntree_toggle_collapsed {
background-image:url(expand.gif);
}
div.thread_title
{
	color:#6B6A6A;
	display:inline;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
}
div.thread_content div.posting_pane
{
	background-color:white;
	padding:10px;
	border:10px solid #f2f0f1;
}
span.ntree_item_inner_header_selected span 
{
   background-color:transparent;
   color:#002b54;
}
div.project_description
{
	margin-top:8px;
}
div.posting_pane div.darkbutton
{

}
div.forum_list_pane {
clear:both;
border:none;
margin-top:1em;
padding-top:1em;
} 
div.forum_list_pane table
{
    width:100%;
}
img.reply
{
	margin-left:20px;
}
table.table_navigation_row {
	background-color:#fae9d5;
	margin:2px 1px 5px 1px;
	white-space:nowrap;
}
table.table_navigation_row span.label
{
	color:#e09331;
	font-weight:normal;
	font-size:11px;
}
table.table_navigation_row input
{
	color:#912002;
	font-weight:normal;
	font-size:11px;
	border:none;
	height:16px;
	width:20px;
	vertical-align:middle;
	margin-right:4px;
	padding:1px;
	text-align:center;
	border:1px solid #c8c8c8;
}
table.table_navigation_row button {
	border:none;
	color:#e08005;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	text-decoration:underline;
	background-repeat:no-repeat;
	background-position:top left;
}
table.table_navigation_row button.top {
	background-image:url(top.gif);
	padding-left:7px;
}
table.table_navigation_row button.prev {
	background-image:url(prev.gif);
	padding-left:3px;
	margin-left:11px;
}

table.table_navigation_row button.next {
	background-image:url(next.gif);
	padding-right:3px;
	margin-right:11px;
	background-position:top right;
}
table.table_navigation_row tr {
	height:26px;
	vertical-align:middle;
}
table.table_navigation_row * {
	vertical-align:middle;
}

/* file: text_styles.css */
body, th, td, a, div, span, label, input, textarea, select {
	font-family : Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
    color: #002B54;
}
p
{
		margin-top:0.5em;
}
body#tinymce p,div.inner_page p {
        line-height:19px;
        font-size:12px;
}
h1
{
        font-size:20px;
        font-weight:bold;
	    color: #FF6000;
		margin-top:1.2em;
		margin-bottom:0em;		
}
h2
{
        font-size:16px;
        font-weight:bold;
	    color: #FF8C3F;
		margin-top:0.8em;
		margin-bottom:0em;		
}
header_link
{
        font-size:16px;
	    color: #FF8C3F;
		margin-top:0.8em;
		margin-bottom:0em;
		text-decoration:underline;
}
h3
{
        font-size:14px;
        font-weight:bold;
		margin-top:0.8em;
		margin-bottom:0em;		
}
h4
{
        font-weight:bold;
        text-decoration:underline;
		margin-top:0.8em;
		margin-bottom:0em;		
}
*.large
{
	font-size:14px;
}

a>img.attachment
{
	border-style:none;
	vertical-align:middle;
}

/* 'western' styles are used in tutorial pages */
P.western
{
	font-family: "Times New Roman", serif; font-size: 12pt; so-language: en-US;
	margin-bottom: 0.08in; direction: ltr; color: #000000; text-align: justify; widows: 2; orphans: 2
}
H1.western
{
	font-family: "Arial", sans-serif; font-size: 16pt; so-language: en-US;
	margin-top: 0.42in; margin-bottom: 0.04in; direction: ltr; color: #000000; text-align: justify; widows: 2; orphans: 2
}
H2.western
{
	font-family: "Arial", sans-serif; font-size: 14pt; so-language: en-US; font-style: italic;
	margin-top: 0.33in; margin-bottom: 0.04in; direction: ltr; color: #000000; text-align: justify; widows: 2; orphans: 2
}
H3.western
{
	font-family: "Arial", sans-serif; font-size: 13pt; so-language: en-US;
	margin-top: 0.33in; margin-bottom: 0.04in; direction: ltr; color: #000000; text-align: justify; widows: 2; orphans: 2
}
/* file: transitions.gecko.css */
.in, .out {
	animation-timing-function: ease-in-out;
	animation-duration: 350ms;
}

.slide.in {
	transform: translateX(0);
	animation-name: slideinfromright;
}

.slide.out {
	transform: translateX(-100%);
	animation-name: slideouttoleft;
}

.slide.in.reverse {
	transform: translateX(0);
	animation-name: slideinfromleft;
}

.slide.out.reverse {
	transform: translateX(100%);
	animation-name: slideouttoright;
}

.slideup.in {
	transform: translateY(0);
	animation-name: slideinfrombottom;
}

.slideup.out {
	animation-name: dontmove;
}

.slideup.out.reverse {
	transform: translateY(100%);
	animation-name: slideouttobottom;
}

.slideup.in.reverse {
	animation-name: dontmove;
}
.slidedown.in {
	transform: translateY(0);
	animation-name: slideinfromtop;
}

.slidedown.out {
	animation-name: dontmove;
}

.slidedown.out.reverse {
	transform: translateY(-100%);
	animation-name: slideouttotop;
}

.slidedown.in.reverse {
	animation-name: dontmove;
}

@keyframes slideinfromright {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes slideinfromleft {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

@keyframes slideouttoleft {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

@keyframes slideouttoright {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}


@keyframes slideinfromtop {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

@keyframes slideinfrombottom {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@keyframes slideouttobottom {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}

@keyframes slideouttotop {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fade.in {
	opacity: 1;
	z-index: 10;
	animation-name: fadein;
}
.fade.out {
	z-index: 0;
	animation-name: fadeout;
}

@keyframes dontmove {
    from { opacity: 1; }
    to { opacity: 1; }
}

.pop {
	transform-origin: 50% 50%;
}

.pop.in {
	transform: scale(1);
	animation-name: popin;
}
.pop.out{
	transform: scale(.2);
	animation-name: popout;
}

.pop.out.reverse {
	transform: scale(.2);
	animation-name: popout;
}

.pop.in.reverse {
	animation-name: dontmove;
}

@keyframes popin {
    from {
        transform: scale(.2);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(.2);
        opacity: 0;
    }
}


/* file: transitions.ie10.css */
.in, .out {
	animation-timing-function: ease-in-out;
	animation-duration: 350ms;
}

.slide.in {
	transform: translateX(0);
	animation-name: slideinfromright;
}

.slide.out {
	transform: translateX(-100%);
	animation-name: slideouttoleft;
}

.slide.in.reverse {
	transform: translateX(0);
	animation-name: slideinfromleft;
}

.slide.out.reverse {
	transform: translateX(100%);
	animation-name: slideouttoright;
}

.slideup.in {
	transform: translateY(0);
	animation-name: slideinfrombottom;
}

.slideup.out {
	animation-name: dontmove;
}

.slideup.out.reverse {
	transform: translateY(100%);
	animation-name: slideouttobottom;
}

.slideup.in.reverse {
	animation-name: dontmove;
}
.slidedown.in {
	transform: translateY(0);
	animation-name: slideinfromtop;
}

.slidedown.out {
	animation-name: dontmove;
}

.slidedown.out.reverse {
	transform: translateY(-100%);
	animation-name: slideouttotop;
}

.slidedown.in.reverse {
	animation-name: dontmove;
}

@keyframes slideinfromright {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes slideinfromleft {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

@keyframes slideouttoleft {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

@keyframes slideouttoright {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}


@keyframes slideinfromtop {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

@keyframes slideinfrombottom {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@keyframes slideouttobottom {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}

@keyframes slideouttotop {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fade.in {
	opacity: 1;
	z-index: 10;
	animation-name: fadein;
}
.fade.out {
	z-index: 0;
	animation-name: fadeout;
}

@keyframes dontmove {
    from { opacity: 1; }
    to { opacity: 1; }
}

.pop {
	transform-origin: 50% 50%;
}

.pop.in {
	transform: scale(1);
	animation-name: popin;
}
.pop.out{
	transform: scale(.2);
	animation-name: popout;
}

.pop.out.reverse {
	transform: scale(.2);
	animation-name: popout;
}

.pop.in.reverse {
	animation-name: dontmove;
}

@keyframes popin {
    from {
        transform: scale(.2);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(.2);
        opacity: 0;
    }
}

/* file: datagrid.less */
.drag-feedback {
  border: 1px solid black;
  background-color: #a8e9cd;
}
.datagrid {
  border: 1px solid #aaa;
}
.datagrid tr:first-child {
  border-top: none;
}
.datagrid th {
  background-position: right;
  background-repeat: no-repeat;
  font-weight: bold;
  white-space: nowrap;
}
.datagrid th.up {
  background-image: url(images/datagrid/up.png);
  padding-right: 14px;
}
.datagrid th.down {
  background-image: url(images/datagrid/down.png);
  padding-right: 14px;
}
.datagrid th,
.datagrid td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.datagrid .resize {
  cursor: e-resize;
  cursor: col-resize;
}
.datagrid.scrollable {
  position: relative;
  overflow: hidden;
}
.datagrid.scrollable table {
  margin: 0px;
  /* tables need to have no margin to look like a single table */

}
.datagrid.scrollable .head,
.datagrid.scrollable .footer {
  overflow: hidden;
  /* why */

}
.datagrid.scrollable .head table,
.datagrid.scrollable .footer table {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.datagrid.scrollable .head table thead:last-child tr:last-child th:first-child,
.datagrid.scrollable .footer table thead:last-child tr:last-child th:first-child {
  border-bottom-left-radius: 0px;
}
.datagrid.scrollable .head table thead:last-child tr:last-child th:last-child,
.datagrid.scrollable .footer table thead:last-child tr:last-child th:last-child {
  border-bottom-right-radius: 0px;
}
.datagrid.scrollable .footer {
  position: absolute;
  background-color: white;
}
.datagrid.scrollable .body {
  overflow-y: scroll;
  overflow-x: scroll;
  position: absolute;
  bottom: 0px;
}
.datagrid.scrollable .body table {
  border-top: 0px;
}
.datagrid.scrollable .body table colgroup + tbody tr:first-child td:first-child {
  border-top-left-radius: 0px;
}
.datagrid.scrollable .body table colgroup + tbody tr:first-child td:last-child {
  border-top-right-radius: 0px;
}