initial commit

75 files changed, 2112 insertions, 0 deletions

diff --git a/css/chakra.css b/css/chakra.css
new file mode 100755
index 0000000..7e2362f
--- /dev/null
+++ b/css/chakra.css
@@ -0,0 +1,229 @@
+/* ====================================== */
+/* ====== CHAKRA CSS TEMPLATE FILE ====== */
+/* ====================================== */
+
+/* ====================================== */
+/* ========= MAIN PROPERTIES ============ */
+body
+{ 
+	background: #D8D8D8;
+	margin: 0 auto;
+	width: 640px;
+	min-width: 640px;
+	padding: 0;
+	font-family: "Georgia", serif;
+}
+
+img
+{
+	border: none;
+}
+
+.selected {
+	background: #FFFFFF;
+}
+
+/* ====================================== */
+/* ========== HTML ELEMENTS ============= */
+h1 { }
+h2 { }
+h3 { }
+h4 { }
+h5 { }
+h6 { }
+p { }
+span { }
+
+/* ====================================== */
+/* ========== HTML 5 ELEMENTS =========== */
+header, footer, aside, nav, article, section {
+	display: block;
+}
+
+/* ====================================== */
+/* =========== NAVIGATION BAR =========== */
+#navigation
+{
+	display: block;
+	width: 100%;
+	background: #6E6E6E;
+	padding-top: 0.2em;
+	padding-bottom: 0.2em;
+}	
+	#knavbar {
+		display: table;
+		width: 640px;
+		margin: 0 auto;
+	}
+
+#curriculum
+{
+	padding: 5px;
+	background: #ccc;
+	margin: 10px;
+	display: block;
+	width: auto;
+	text-align: right;
+	display: none;
+	/* How about putting 'Link to subject curriculum' in the help section ? */
+}
+	
+.topNav {
+	width: 30px;
+	height: 30px;
+	padding: 5px;
+}
+
+.floatLeft {
+	float: left;
+}
+.floatRight {
+	float: right;
+}
+.inline {
+    display: inline;
+}
+
+/* ====================================== */
+/* =========== MIDDLE SECTION =========== */
+#middle
+{
+	display: block;
+	padding: .5em 0 .5em 0;
+	background: #BDBDBD;
+}
+
+#middle header {
+	text-align: center;
+	font-size: 1.0em;
+	margin: 5px 0 5px 0;
+	padding-bottom: 2px;
+	font-weight: bold;
+}
+
+	.middleRow ul { 
+		display: table; 
+		margin: 0 auto;
+		padding: 0;
+		background: #BDBDBD;
+	}
+	.middleRow ul li {
+		display: table-cell;
+		text-align: center;
+		margin: 0;
+		border: 3px solid #BDBDBD;
+	}
+	.middleRow ul li a {
+		display: block;
+		text-decoration: none;
+		font-weight: bold;
+		color: #000;
+		padding: 0.4em;
+	}
+	.middleRow ul li a img {
+		width: 120px;
+	}
+	.middleRow ul li:hover {
+		text-decoration: underline;
+		border: 3px solid #424242;
+	}
+
+/* ====================================== */
+/* ============ ADMIN SECTION =========== */
+#admin {
+	display: block;
+	background: #4080c0;
+	width: 100%;
+	margin: 0 auto;
+}
+
+#admin ul {
+	display: table;
+	list-style: none;
+	margin: 0 auto;
+	padding: .5em 0 .5em 0;
+}
+
+#admin ul li {
+	display: table-cell;
+	text-align: center;
+	padding: 0.2em 2em 0.2em 2em;
+}
+
+#admin ul li a
+{
+	display: block;
+	text-decoration: none;
+	font-weight: bold;
+	color: #000000;
+}
+#admin ul li a:hover {
+	text-decoration: underline;
+}
+#admin p {
+	line-height: 0;
+}
+
+#admin img
+{
+	height: 50px;
+	width: auto;
+}
+
+/* ====================================== */
+/* ====== INDIVIDUAL GRADE SECTION ====== */
+#monthSelect {
+	text-align: center;
+	font-size: 1.0em;
+	font-weight: bold;
+    padding: 5px 0 5px 0;
+}
+
+.monthList {
+    /* */
+    border-top: 1px solid #666;
+    text-align: center;
+    padding: 5px 0 5px 0;
+}
+
+.lessonList {
+	padding: 1em;
+	margin: 5px 0 5px 0;
+	height: 500px;
+    border-top: 1px dashed #666;
+}
+
+	.lessonName { 
+		text-decoration: none;
+		text-align: center;
+		font-weight: bold;
+		font-size: 1.1em;
+		margin-bottom: 1em;
+	}
+	.lessonList img {
+		display: block;
+		margin: 0 auto;
+		padding: 5px;
+		border: 1px solid #aaa;
+		background: #ddd;
+	}
+	
+.lesson {
+	width: 300px;
+	height: 250px;
+	float: left;
+}
+
+.preview{
+	width: 250px;
+}
+
+.menuSelectType {
+	margin: 0;
+	padding: 0;
+	text-align: center;
+}
+.menuSelectType li {
+	list-style: none;
+	display: inline;
+}
diff --git a/css/global.css b/css/global.css
new file mode 100755
index 0000000..a17b654
--- /dev/null
+++ b/css/global.css
@@ -0,0 +1,182 @@
+@CHARSET "UTF-8";

+/****** Page Styles ****/

+

+/*  Designed for 1200*900 px screen resolution  */ 

+ 

+body {

+	font-family: Verdana, Arial, Helvetica, sans-serif;

+	font-size: 10pt;

+	margin: 0px;

+	background-color: #FFFFCC;

+}

+#header {

+	background-image: url(../assets/image/bg_header.png);

+	background-repeat: repeat-x;

+	height: 75px;

+	width: 100%;

+	position: absolute;

+	left: 0px;

+	top: 0px;

+}

+#topbtn_left {

+	float: left;

+	height: 60px;

+	width: 60px;

+	padding-top: 6px;

+	padding-left: 15px;

+}

+	

+	

+	.linkBack{
+			cursor:pointer;

+			width: 60px;		height: 59px;

+			background:url(../assets/image/btn_back.png);

+		}

+	.linkBack:hover{

+			background:url(../assets/image/btn_back_hover.png);

+		}

+	

+#lesson_title {

+	float: left;

+	font-family: Verdana, Arial, Helvetica, sans-serif;

+	font-size: 16pt;

+	font-weight: bold;

+	color: #FFFFFF;

+	margin-left: 10px;

+	background-image: url(../assets/image/bg_title_block.png);

+}

+#topbtn_right {

+	float: right;

+	height: 60px;

+	width: 60px;

+	padding-top: 6px;

+	padding-right: 15px;

+}

+		#linkHelp{

+			width: 60px;		height: 60px;

+			background:url(../assets/image/btn_help.png);

+			cursor:pointer;

+		}

+		#linkHelp:hover{

+			background:url(../assets/image/btn_help_hover.png);

+		}

+		#linkOle{

+			cursor:pointer;

+			width: 60px;		height: 60px;

+			background:url(../assets/image/btn_ole.png);

+		}

+		#linkOle:hover{

+			background:url(../assets/image/btn_ole_hover.png);

+		}

+		.linkNext{

+			cursor:pointer;

+			width: 60px;		height: 60px;

+			background:url(../assets/image/btn_next.png);

+		}

+		.linkNext:hover{

+			background:url(../assets/image/btn_next_hover.png);

+		}

+#footer {

+	position:relative;

+	background-image: url(../assets/image/bg_footer.png);

+	background-repeat: repeat-x;

+	height: 75px;

+	width: 100%;

+	left: 0px;

+	bottom: 0px;

+}

+#score_box {

+	float: left;

+	padding-left: 5px;

+	padding-top: 0.7em;

+	font-family: Verdana, Arial, Helvetica, sans-serif;

+	color: #FFFF00;

+	font-size: 16pt;

+	font-weight: bold;

+}

+#botbtn_right {

+	float: right;

+	height: 55px;

+	padding-right: 5px;

+	padding-top: 10px;

+}	

+	#linkCheck{

+			margin: 1em 3em 0 0;

+			width: 101px;			height: 30px;

+			background-image: url(../assets/image/check.png);

+		}

+		

+	#linkStart{

+			cursor:pointer;

+			width: 251px;		height: 55px;

+			background:url(../assets/image/btn_start.png);

+		}

+		#linkStart:hover{

+			background:url(../assets/image/btn_start_hover.png);

+		}

+		#linkStart:active{

+			background:url(../assets/image/btn_start_mouse_down.png);

+		}

+		#linkPlayAgain{

+			cursor:pointer;

+			width: 251px;		height: 55px;

+			background:url(../assets/image/btn_play_again.png);

+		}

+		#linkPlayAgain:hover{

+			background:url(../assets/image/btn_play_again_hover.png);

+		}

+		#linkPlayAgain:active{

+			background:url(../assets/image/btn_play_again_mouse_down.png);

+		}

+#linkNextLesson{

+	position:absolute;

+	bottom: 75px;

+	right: 10px;

+}

+#linkPrevLesson{

+	position:absolute;

+	bottom: 75px;

+	left: 10px;

+}

+#timerBar {

+

+		position: absolute;

+		left: 30%;

+		bottom: 25%;

+		width: 210px;

+		height:35px;

+		padding-left: 10px;

+		color: #FFFF00;

+		font-size: 16pt;

+		font-weight: bold;

+	}
+	#picClock{
+		float:left;
+		width:32px;
+		height: 32px;
+		background: url(../assets/image/picClock.png);
+	}

+	

+	.timerBoxes{   /* Show the timer running after the game has began.... */

+		float:right;

+		width: 50px;

+		height: 35px;

+		border: 2px dotted green;		

+		color: blue;

+		text-align:center;

+		font : bold 25px Arial Black, Times New Roman;

+		background: #ACC;

+	}
+

+a{

+	color:#FFFFCC;

+}	
+a,a:hover,a:active,a img,img{

+  border-style: none;

+  border: 0;

+

+}

+	

+/**** End of the page style ****/

+

+
diff --git a/css/global.css~ b/css/global.css~
new file mode 100755
index 0000000..d5de959
--- /dev/null
+++ b/css/global.css~
@@ -0,0 +1,181 @@
+@CHARSET "UTF-8";

+/****** Page Styles ****/

+

+/*  Designed for 1200*900 px screen resolution  */ 

+ 

+body {

+	font-family: Verdana, Arial, Helvetica, sans-serif;

+	font-size: 10pt;

+	margin: 0px;

+	background-color: #FFFFCC;

+}

+#header {

+	background-image: url(../assets/image/bg_header.png);

+	background-repeat: repeat-x;

+	height: 75px;

+	width: 100%;

+	position: absolute;

+	left: 0px;

+	top: 0px;

+}

+#topbtn_left {

+	float: left;

+	height: 60px;

+	width: 60px;

+	padding-top: 6px;

+	padding-left: 15px;

+}

+	

+	

+	.linkBack{

+			width: 60px;		height: 59px;

+			background:url(../assets/image/btn_back.png);

+		}

+	.linkBack:hover{

+			background:url(../assets/image/btn_back_hover.png);

+		}

+	

+#lesson_title {

+	float: left;

+	font-family: Verdana, Arial, Helvetica, sans-serif;

+	font-size: 16pt;

+	font-weight: bold;

+	color: #FFFFFF;

+	margin-left: 10px;

+	background-image: url(../assets/image/bg_title_block.png);

+}

+#topbtn_right {

+	float: right;

+	height: 60px;

+	width: 60px;

+	padding-top: 6px;

+	padding-right: 15px;

+}

+		#linkHelp{

+			width: 60px;		height: 60px;

+			background:url(../assets/image/btn_help.png);

+			cursor:pointer;

+		}

+		#linkHelp:hover{

+			background:url(../assets/image/btn_help_hover.png);

+		}

+		#linkOle{

+			cursor:pointer;

+			width: 60px;		height: 60px;

+			background:url(../assets/image/btn_ole.png);

+		}

+		#linkOle:hover{

+			background:url(../assets/image/btn_ole_hover.png);

+		}

+		.linkNext{

+			cursor:pointer;

+			width: 60px;		height: 60px;

+			background:url(../assets/image/btn_next.png);

+		}

+		.linkNext:hover{

+			background:url(../assets/image/btn_next_hover.png);

+		}

+#footer {

+	position:relative;

+	background-image: url(../assets/image/bg_footer.png);

+	background-repeat: repeat-x;

+	height: 75px;

+	width: 100%;

+	left: 0px;

+	bottom: 0px;

+}

+#score_box {

+	float: left;

+	padding-left: 5px;

+	padding-top: 0.7em;

+	font-family: Verdana, Arial, Helvetica, sans-serif;

+	color: #FFFF00;

+	font-size: 16pt;

+	font-weight: bold;

+}

+#botbtn_right {

+	float: right;

+	height: 55px;

+	padding-right: 5px;

+	padding-top: 10px;

+}	

+	#linkCheck{

+			margin: 1em 3em 0 0;

+			width: 101px;			height: 30px;

+			background-image: url(../assets/image/check.png);

+		}

+		

+	#linkStart{

+			cursor:pointer;

+			width: 251px;		height: 55px;

+			background:url(../assets/image/btn_start.png);

+		}

+		#linkStart:hover{

+			background:url(../assets/image/btn_start_hover.png);

+		}

+		#linkStart:active{

+			background:url(../assets/image/btn_start_mouse_down.png);

+		}

+		#linkPlayAgain{

+			cursor:pointer;

+			width: 251px;		height: 55px;

+			background:url(../assets/image/btn_play_again.png);

+		}

+		#linkPlayAgain:hover{

+			background:url(../assets/image/btn_play_again_hover.png);

+		}

+		#linkPlayAgain:active{

+			background:url(../assets/image/btn_play_again_mouse_down.png);

+		}

+#linkNextLesson{

+	position:absolute;

+	bottom: 75px;

+	right: 10px;

+}

+#linkPrevLesson{

+	position:absolute;

+	bottom: 75px;

+	left: 10px;

+}

+#timerBar {

+

+		position: absolute;

+		left: 30%;

+		bottom: 25%;

+		width: 210px;

+		height:35px;

+		padding-left: 10px;

+		color: #FFFF00;

+		font-size: 16pt;

+		font-weight: bold;

+	}
+	#picClock{
+		float:left;
+		width:32px;
+		height: 32px;
+		background: url(../assets/image/picClock.png);
+	}

+	

+	.timerBoxes{   /* Show the timer running after the game has began.... */

+		float:right;

+		width: 50px;

+		height: 35px;

+		border: 2px dotted green;		

+		color: blue;

+		text-align:center;

+		font : bold 25px Arial Black, Times New Roman;

+		background: #ACC;

+	}
+

+a{

+	color:#FFFFCC;

+}	
+a,a:hover,a:active,a img,img{

+  border-style: none;

+  border: 0;

+

+}

+	

+/**** End of the page style ****/

+

+
diff --git a/css/images/arrow_down_white.png b/css/images/arrow_down_white.png
new file mode 100755
index 0000000..e2b247a
--- /dev/null
+++ b/css/images/arrow_down_white.png
diff --git a/css/images/arrow_down_white.svg b/css/images/arrow_down_white.svg
new file mode 100755
index 0000000..fb2cb26
--- /dev/null
+++ b/css/images/arrow_down_white.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   id="Layer_1"
+   xml:space="preserve"><defs
+   id="defs7" />
+<path
+   d="m 32,16.016 -5.672,-5.664 c 0,0 -3.18,3.18 -6.312,6.312 V 0 H 11.993 V 16.664 L 5.673,10.344 0,16.016 16,32 32,16.016 z"
+   id="path3"
+   style="fill:#ffffff" />
+</svg>
\ No newline at end of file
diff --git a/css/images/back_button_hover.png b/css/images/back_button_hover.png
new file mode 100755
index 0000000..084f4ea
--- /dev/null
+++ b/css/images/back_button_hover.png
diff --git a/css/images/back_button_start.png b/css/images/back_button_start.png
new file mode 100755
index 0000000..31ab319
--- /dev/null
+++ b/css/images/back_button_start.png
diff --git a/css/images/bg.png b/css/images/bg.png
new file mode 100755
index 0000000..7483a94
--- /dev/null
+++ b/css/images/bg.png
diff --git a/css/images/bg_footer.png b/css/images/bg_footer.png
new file mode 100755
index 0000000..4bd44fa
--- /dev/null
+++ b/css/images/bg_footer.png
diff --git a/css/images/bg_header.png b/css/images/bg_header.png
new file mode 100755
index 0000000..f421817
--- /dev/null
+++ b/css/images/bg_header.png
diff --git a/css/images/bg_title_block.png b/css/images/bg_title_block.png
new file mode 100755
index 0000000..7311891
--- /dev/null
+++ b/css/images/bg_title_block.png
diff --git a/css/images/btn_back.png b/css/images/btn_back.png
new file mode 100755
index 0000000..d9fbf14
--- /dev/null
+++ b/css/images/btn_back.png
diff --git a/css/images/btn_back_hover.png b/css/images/btn_back_hover.png
new file mode 100755
index 0000000..0911fcc
--- /dev/null
+++ b/css/images/btn_back_hover.png
diff --git a/css/images/btn_help.png b/css/images/btn_help.png
new file mode 100755
index 0000000..6753e9c
--- /dev/null
+++ b/css/images/btn_help.png
diff --git a/css/images/btn_help_hover.png b/css/images/btn_help_hover.png
new file mode 100755
index 0000000..d3ccd92
--- /dev/null
+++ b/css/images/btn_help_hover.png
diff --git a/css/images/btn_minus.png b/css/images/btn_minus.png
new file mode 100755
index 0000000..9a7320d
--- /dev/null
+++ b/css/images/btn_minus.png
diff --git a/css/images/btn_minus25x25.png b/css/images/btn_minus25x25.png
new file mode 100755
index 0000000..7ffcc91
--- /dev/null
+++ b/css/images/btn_minus25x25.png
diff --git a/css/images/btn_minus_hover.png b/css/images/btn_minus_hover.png
new file mode 100755
index 0000000..f8203b4
--- /dev/null
+++ b/css/images/btn_minus_hover.png
diff --git a/css/images/btn_ole.png b/css/images/btn_ole.png
new file mode 100755
index 0000000..0e775e9
--- /dev/null
+++ b/css/images/btn_ole.png
diff --git a/css/images/btn_ole_hover.png b/css/images/btn_ole_hover.png
new file mode 100755
index 0000000..c43c5f7
--- /dev/null
+++ b/css/images/btn_ole_hover.png
diff --git a/css/images/btn_plus.png b/css/images/btn_plus.png
new file mode 100755
index 0000000..4600d5d
--- /dev/null
+++ b/css/images/btn_plus.png
diff --git a/css/images/btn_plus25x25.png b/css/images/btn_plus25x25.png
new file mode 100755
index 0000000..7e4d381
--- /dev/null
+++ b/css/images/btn_plus25x25.png
diff --git a/css/images/btn_plus_hover.png b/css/images/btn_plus_hover.png
new file mode 100755
index 0000000..e08e45a
--- /dev/null
+++ b/css/images/btn_plus_hover.png
diff --git a/css/images/correct.png b/css/images/correct.png
new file mode 100755
index 0000000..f2dbc5a
--- /dev/null
+++ b/css/images/correct.png
diff --git a/css/images/correct200x178.png b/css/images/correct200x178.png
new file mode 100755
index 0000000..a203da6
--- /dev/null
+++ b/css/images/correct200x178.png
diff --git a/css/images/correct200x190.png b/css/images/correct200x190.png
new file mode 100755
index 0000000..907cf79
--- /dev/null
+++ b/css/images/correct200x190.png
diff --git a/css/images/epaath_bg_footer.png b/css/images/epaath_bg_footer.png
new file mode 100755
index 0000000..4bd44fa
--- /dev/null
+++ b/css/images/epaath_bg_footer.png
diff --git a/css/images/epaath_bg_header.png b/css/images/epaath_bg_header.png
new file mode 100755
index 0000000..f421817
--- /dev/null
+++ b/css/images/epaath_bg_header.png
diff --git a/css/images/happy-face.png b/css/images/happy-face.png
new file mode 100755
index 0000000..0bd21e7
--- /dev/null
+++ b/css/images/happy-face.png
diff --git a/css/images/incorrect.png b/css/images/incorrect.png
new file mode 100755
index 0000000..edfe9c5
--- /dev/null
+++ b/css/images/incorrect.png
diff --git a/css/images/incorrect200x178.png b/css/images/incorrect200x178.png
new file mode 100755
index 0000000..f988c6a
--- /dev/null
+++ b/css/images/incorrect200x178.png
diff --git a/css/images/incorrect200x190.png b/css/images/incorrect200x190.png
new file mode 100755
index 0000000..9eb58e8
--- /dev/null
+++ b/css/images/incorrect200x190.png
diff --git a/css/images/ole_logo.png b/css/images/ole_logo.png
new file mode 100755
index 0000000..0b409ac
--- /dev/null
+++ b/css/images/ole_logo.png
diff --git a/css/images/sad-face.png b/css/images/sad-face.png
new file mode 100755
index 0000000..1523519
--- /dev/null
+++ b/css/images/sad-face.png
diff --git a/css/images/start_page.png b/css/images/start_page.png
new file mode 100755
index 0000000..08c0e2f
--- /dev/null
+++ b/css/images/start_page.png
diff --git a/css/images/title_block_lt.png b/css/images/title_block_lt.png
new file mode 100755
index 0000000..b1c0e90
--- /dev/null
+++ b/css/images/title_block_lt.png
diff --git a/css/images/title_block_rt.png b/css/images/title_block_rt.png
new file mode 100755
index 0000000..275daaf
--- /dev/null
+++ b/css/images/title_block_rt.png
diff --git a/css/intro.css b/css/intro.css
new file mode 100755
index 0000000..6b8be70
--- /dev/null
+++ b/css/intro.css
@@ -0,0 +1,97 @@
+body {
+padding-left:15%;
+width:70%;
+}
+#header {
+background-color:transparent;
+height:140px;
+position:relative;
+width:100%;
+}
+#headerBg1 {
+display:inline;
+float:left;
+margin-left: 3%;
+}
+/*#headerBg2{    
+display:inline;
+float:left;
+margin-left: 10%;
+}*/
+#header ul {
+-moz-border-radius-bottomleft:5px;
+-moz-border-radius-bottomright:5px;
+-moz-border-radius-topleft:5px;
+-moz-border-radius-topright:5px;
+-webkit-border-bottom-left-radius:5px;
+-webkit-border-bottom-right-radius:5px;
+-webkit-border-top-left-radius:5px;
+-webkit-border-top-right-radius:5px;
+background-color:#EEF7FB;
+border:1px solid black;
+/*bottom:0;
+position:absolute;*/
+width:95%;
+float:left;
+}
+#header ul li {
+display:inline;
+list-style-type:none;
+padding:10px;
+}
+#header ul li a {
+text-decoration:none;
+}
+#intro {
+float:left;
+padding-top:10px;
+width:100%;
+}
+#introText {
+display:inline;
+float:left;
+width:70%;
+margin-right: 2%;
+}
+#introText a {
+text-decoration:none;
+}
+#blurb{
+    font-size:larger;
+    font-weight:bolder;
+}
+#imgHolder {
+display:inline;
+float:left;
+width:20%;
+margin-top: 1%;
+}
+#demos {
+float:left;
+width:100%;
+}
+#demos .imgs {
+margin-left:5%;
+margin-right:5%;
+width:100%;
+}
+#demos img {
+-moz-border-radius-bottomleft:5px;
+-moz-border-radius-bottomright:5px;
+-moz-border-radius-topleft:5px;
+-moz-border-radius-topright:5px;
+-webkit-border-bottom-left-radius:5px;
+-webkit-border-bottom-right-radius:5px;
+-webkit-border-top-left-radius:5px;
+-webkit-border-top-right-radius:5px;
+border:1px solid black;
+margin:5px;
+padding-left:5px;
+padding-right:5px;
+}
+#footer {
+float:left;
+font-size:smaller;
+padding-top:50px;
+width:100%;
+}
\ No newline at end of file
diff --git a/css/jquery.svg.css b/css/jquery.svg.css
new file mode 100755
index 0000000..c181ec1
--- /dev/null
+++ b/css/jquery.svg.css
@@ -0,0 +1,15 @@
+/* http://keith-wood.name/svg.html

+   SVG for jQuery v1.4.2.

+   Written by Keith Wood (kbwood{at}iinet.com.au) August 2007.

+   Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and 

+   MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses. 

+   Please attribute the author if you use it. */

+

+svg\:svg {

+	display: none;

+}

+

+.svg_error {

+	color: red;

+	font-weight: bold;

+}

diff --git a/css/kDoc.css b/css/kDoc.css
new file mode 100755
index 0000000..c285574
--- /dev/null
+++ b/css/kDoc.css
@@ -0,0 +1,26 @@
+#kDoc{
+    background-color: white;
+    width: 100%;
+    height: 100%;
+}
+
+.zoom{
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    background-repeat: no-repeat;
+}
+
+.zoom.zoom-in {
+    background-image: url(images/btn_plus25x25.png);
+}
+
+.zoom.zoom-out {
+    background-image: url(images/btn_minus25x25.png);
+}
+
+
+#iframeLessonPlan{
+    width:100%;
+    height: 90%;
+}
\ No newline at end of file
diff --git a/css/kStart.css b/css/kStart.css
new file mode 100755
index 0000000..d79eac2
--- /dev/null
+++ b/css/kStart.css
@@ -0,0 +1,175 @@
+#kStart {
+    width: 1200px;
+    height: 884px;
+    background-image: url(./images/bg.png);
+    -moz-background-size: 100% 100%;
+    -webkit-background-size: 100% 100%;
+    margin: 0px;
+}
+
+#kStart .center{
+   /* width: 100%;
+    float: left;*/
+    width: 800px
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;	  
+}
+
+#kStart #top{
+    height: 13%;
+    width: 100%;
+    color: #8a72c4;
+}
+
+	#backBtn{
+	    background-image: url(images/back_button_start.png);
+	    position: absolute;
+	    width: 60px;
+	    height: 60px;
+	    margin-top: 10px;
+	    margin-left: 10px;
+	    opacity: 1.0;
+	}
+
+	#backBtn:hover{
+	    background-image: url(images/back_button_hover.png);
+	}
+
+	#topMiddle{
+	    margin-top: 1%;
+	    color: white;
+	}
+
+	#topDesc{
+	    
+	}
+	
+	#topE-Paath{
+	    font-size: 2em;
+	    margin-top: 1%;
+	}
+	
+
+
+#kStart #middle{
+    border: 2px solid white;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    color: white;
+    height: 70%;
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+    position:relative;
+    background-color: rgba(0,0,200,0.3);
+}
+
+	#grade{
+	    margin-top: 0.5em;
+	}
+
+		#gradeText{
+		    font-size: 2.5em;
+		}
+		
+		#gradeNum{
+		    font-size: 2.5em;
+		}
+
+	#subject{
+	    font-size: 3em;
+	}
+
+	#lessonTitle{
+	    margin-top: 1em;
+	}
+
+	#lessonTitle>a{
+	    font-size: 2.5em;
+	    color: yellow;
+	    text-decoration: none;
+	}
+
+	#lessonTitle>a:hover{
+	    font-size: 2.9em;
+	    color: #FFFFE0;
+	}
+
+
+	#lessonDesc{
+	    font-size: 2em;
+	    margin-top: 0.2em;
+	}
+	
+	#kStart #middle .button{
+	    position: absolute;
+	    -moz-border-radius: 10px;
+	    -webkit-border-radius: 10px;
+	    background-color: purple;
+	    margin-left: 0.5em;
+	    margin-right: 0.5em;
+	    margin-bottom: 0.5em;
+	    padding-top:0.2em;
+	    padding-bottom: 0.2em;
+	    padding-left: 0.5em;
+	    padding-right: 0.5em;
+	    font-size: 1.5em;
+	    border: 1px black solid;
+	}
+	
+	#kStart #middle .button:hover{
+	    /*opacity: 0.8;*/
+	    border: 2px white solid;
+	}
+
+	#kStart #middle .button a{
+		    text-decoration: none;
+	}
+
+	#kStart #middle .button div{
+	    text-align: center;
+	    color: white;
+	}
+	
+	#teachersNoteBtn{
+	    left: 0em;
+	    bottom: 0em;
+	}
+
+	#lessonPlanBtn{
+	    right: 0em;
+	    bottom: 0em;
+	}
+
+#kStart #bottom{
+height: 15%;
+width: 100%;
+color: white;
+}
+
+	#logo{
+	    display: block;
+	    width: 320px;
+	    height: 60px;
+	    float: none;
+	    background-image: url(images/ole_logo.png);
+	    background-repeat: no-repeat;
+	    margin-left:auto;
+	    margin-right:auto;
+	    margin-top: 0.8em;
+	}
+
+
+#kStart #copyright{
+    position: fixed;
+    left: 5px;
+    bottom: 0px;
+    color: white;
+    font-size: smaller;
+}
+
+	#kStart #copyright a{
+	    color: white;
+	    opacity:0.8;
+	}
\ No newline at end of file
diff --git a/css/karma.css b/css/karma.css
new file mode 100755
index 0000000..7481928
--- /dev/null
+++ b/css/karma.css
@@ -0,0 +1,49 @@
+/* import nepal's Themeroller theme */
+@import url(./ui.base.css);
+@import url(./theme/jquery-ui-1.7.2.custom.css);
+@import url(./ui.dialog.css);
+@import url(./ui.resizable.css);
+@import url(./ui.feedback.css);
+
+/*  special hack for the current karma-loader notification  */
+@media screen {
+	#karma-loader{
+		position:absolute;
+		top:0;
+		left:0;
+		padding: 2px 2px 1px 5px;
+		font-size: 12px;
+		background: #0066cc;
+		color: #ffffff;
+		
+	}
+	#karma-loader.status{		
+		left:110px;
+	}
+}
+
+body{
+    padding: 0px;
+    margin: 0 auto 0 auto;
+    width: 1200px;
+    height: 900px; 
+    overflow: hidden;
+    position: relative;
+    background-color: purple;
+}
+
+#kMain {
+    width: 1200px;
+    height: 760px;
+    float: left;
+    clear: both;
+    background-color: white;
+}
+
+/* for first-time users */
+#kMain #itWorks{
+    text-align: center;
+    font-size: 4em;
+}
+
+
diff --git a/css/karma.css~ b/css/karma.css~
new file mode 100755
index 0000000..607bcbb
--- /dev/null
+++ b/css/karma.css~
@@ -0,0 +1,43 @@
+/* import nepal's Themeroller theme */
+@import url(./ui.base.css);
+@import url(./theme/jquery-ui-1.7.2.custom.css);
+@import url(./ui.dialog.css);
+@import url(./ui.resizable.css);
+@import url(./ui.feedback.css);
+
+/*  special hack for the current karma-loader notification  */
+@media screen {
+	#karma-loader{
+		position:absolute;
+		top:0;
+		left:0;
+		padding: 2px 2px 1px 5px;
+		font-size: 12px;
+		background: #0066cc;
+		color: #ffffff;
+		
+	}
+	#karma-loader.status{		
+		left:110px;
+	}
+}
+
+body{
+    padding: 0px;
+    margin: 0 auto 0 auto;
+    width: 1200px;
+    height: 900px; 
+    overflow: hidden;
+    position: relative;
+    background-color: purple;
+}
+
+#kMain {
+    width: 1200px;
+    height: 760px;
+    float: left;
+    clear: both;
+    background-color: white;
+}
+
+
diff --git a/css/lesson.css b/css/lesson.css
new file mode 100755
index 0000000..d3f1795
--- /dev/null
+++ b/css/lesson.css
@@ -0,0 +1,79 @@
+@CHARSET "UTF-8";
+#kMain {
+    background: url(../assets/image/background.png) no-repeat;
+    -moz-background-size: 100% 100%;
+    -webkit-background-size: 100% 100%;
+}
+
+#questionBox{
+	color: blue;
+	width: 40%;
+	font-weight: bold;
+	font-size: 3em;
+	margin-top: 10%;
+	margin-left: 15%;	
+}
+
+#imageBox{
+    width: 220px;
+    height: 220px;	
+}
+
+.imageBox{
+	margin-top: 2%;
+	margin-left: 20%;
+	width: 220px;
+	height: 220px;
+	visibility: hidden;
+}
+
+#options{
+	margin-left:5%;
+	margin-top:2%;
+	width: 70%;
+	height: 2em;
+}
+
+.option{
+	width: 22%;
+	height: 40px;
+	display:inline-block;
+	background-color: yellow;
+	padding:5px;
+	border: 2px solid green;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	cursor: pointer;
+	font-size: 3em;
+	text-align: center;
+}
+
+.option:hover{
+    background-color: rgba(0, 255, 255, 1);
+}
+
+/*.playAgain{
+	position:absolute;
+	top: 10px;
+	margin-left:220px;
+	width:115px;
+	height: 30px;
+	padding: 2px 2px 2px 2px;
+	}
+input{
+	color:green;
+	
+} 
+
+#gameOver{
+	margin-left:300px;
+	width: 180px;
+	height: 20px;
+	display: none;
+	font: 25px "Rockwell Extra Bold", Geneva, Arial, Helvetica, sans-serif,Times New Roman;
+	font-weight: bold;
+	background-color: #ccc;
+	padding: 10px;
+}
+
+*/
\ No newline at end of file
diff --git a/css/qunit.css b/css/qunit.css
new file mode 100755
index 0000000..4542933
--- /dev/null
+++ b/css/qunit.css
@@ -0,0 +1,17 @@
+h1#qunit-header { padding: 15px; font-size: large; background-color: #06b; color: white; font-family: 'trebuchet ms', verdana, arial; margin: 0; }
+h1#qunit-header a { color: white; }
+
+h2#qunit-banner { height: 2em; border-bottom: 1px solid white; background-color: #eee; margin: 0; font-family: 'trebuchet ms', verdana, arial; }
+h2#qunit-banner.pass { background-color: green; }
+h2#qunit-banner.fail { background-color: red; }
+
+h2#qunit-userAgent { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal; font-family: 'trebuchet ms', verdana, arial; font-size: 10pt; }
+
+div#qunit-testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; font-family: 'trebuchet ms', verdana, arial; margin: 0; font-size: 10pt; }
+
+ol#qunit-tests { font-family: 'trebuchet ms', verdana, arial; font-size: 10pt; }
+ol#qunit-tests li strong { cursor:pointer; }
+ol#qunit-tests .pass { color: green; } 
+ol#qunit-tests .fail { color: red; } 
+
+p#qunit-testresult { margin-left: 1em; font-size: 10pt; font-family: 'trebuchet ms', verdana, arial; }
diff --git a/css/theme/images/ui-bg_flat_0_aaaaaa_40x100.png b/css/theme/images/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100755
index 0000000..5b5dab2
--- /dev/null
+++ b/css/theme/images/ui-bg_flat_0_aaaaaa_40x100.png
diff --git a/css/theme/images/ui-bg_flat_0_fbd0f3_40x100.png b/css/theme/images/ui-bg_flat_0_fbd0f3_40x100.png
new file mode 100755
index 0000000..0852ec3
--- /dev/null
+++ b/css/theme/images/ui-bg_flat_0_fbd0f3_40x100.png
diff --git a/css/theme/images/ui-bg_flat_75_ffffff_40x100.png b/css/theme/images/ui-bg_flat_75_ffffff_40x100.png
new file mode 100755
index 0000000..ac8b229
--- /dev/null
+++ b/css/theme/images/ui-bg_flat_75_ffffff_40x100.png
diff --git a/css/theme/images/ui-bg_glass_55_fbf9ee_1x400.png b/css/theme/images/ui-bg_glass_55_fbf9ee_1x400.png
new file mode 100755
index 0000000..ad3d634
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_55_fbf9ee_1x400.png
diff --git a/css/theme/images/ui-bg_glass_65_e774ec_1x400.png b/css/theme/images/ui-bg_glass_65_e774ec_1x400.png
new file mode 100755
index 0000000..a47d762
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_65_e774ec_1x400.png
diff --git a/css/theme/images/ui-bg_glass_75_f49aec_1x400.png b/css/theme/images/ui-bg_glass_75_f49aec_1x400.png
new file mode 100755
index 0000000..1f8d100
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_75_f49aec_1x400.png
diff --git a/css/theme/images/ui-bg_glass_75_f8a5f0_1x400.png b/css/theme/images/ui-bg_glass_75_f8a5f0_1x400.png
new file mode 100755
index 0000000..d3ffeef
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_75_f8a5f0_1x400.png
diff --git a/css/theme/images/ui-bg_glass_75_fdd9f9_1x400.png b/css/theme/images/ui-bg_glass_75_fdd9f9_1x400.png
new file mode 100755
index 0000000..708667b
--- /dev/null
+++ b/css/theme/images/ui-bg_glass_75_fdd9f9_1x400.png
diff --git a/css/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png b/css/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png
new file mode 100755
index 0000000..0e05810
--- /dev/null
+++ b/css/theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png
diff --git a/css/theme/images/ui-icons_222222_256x240.png b/css/theme/images/ui-icons_222222_256x240.png
new file mode 100755
index 0000000..ee039dc
--- /dev/null
+++ b/css/theme/images/ui-icons_222222_256x240.png
diff --git a/css/theme/images/ui-icons_222222_768x720.png b/css/theme/images/ui-icons_222222_768x720.png
new file mode 100755
index 0000000..2437773
--- /dev/null
+++ b/css/theme/images/ui-icons_222222_768x720.png
diff --git a/css/theme/images/ui-icons_2e83ff_256x240.png b/css/theme/images/ui-icons_2e83ff_256x240.png
new file mode 100755
index 0000000..45e8928
--- /dev/null
+++ b/css/theme/images/ui-icons_2e83ff_256x240.png
diff --git a/css/theme/images/ui-icons_2e83ff_768x720.png b/css/theme/images/ui-icons_2e83ff_768x720.png
new file mode 100755
index 0000000..9727a25
--- /dev/null
+++ b/css/theme/images/ui-icons_2e83ff_768x720.png
diff --git a/css/theme/images/ui-icons_454545_256x240.png b/css/theme/images/ui-icons_454545_256x240.png
new file mode 100755
index 0000000..7ec70d1
--- /dev/null
+++ b/css/theme/images/ui-icons_454545_256x240.png
diff --git a/css/theme/images/ui-icons_454545_768x720.png b/css/theme/images/ui-icons_454545_768x720.png
new file mode 100755
index 0000000..761d947
--- /dev/null
+++ b/css/theme/images/ui-icons_454545_768x720.png
diff --git a/css/theme/images/ui-icons_7811a2_256x240.png b/css/theme/images/ui-icons_7811a2_256x240.png
new file mode 100755
index 0000000..d51567c
--- /dev/null
+++ b/css/theme/images/ui-icons_7811a2_256x240.png
diff --git a/css/theme/images/ui-icons_7811a2_768x720.png b/css/theme/images/ui-icons_7811a2_768x720.png
new file mode 100755
index 0000000..cb1d7a2
--- /dev/null
+++ b/css/theme/images/ui-icons_7811a2_768x720.png
diff --git a/css/theme/images/ui-icons_cd0a0a_256x240.png b/css/theme/images/ui-icons_cd0a0a_256x240.png
new file mode 100755
index 0000000..7930a55
--- /dev/null
+++ b/css/theme/images/ui-icons_cd0a0a_256x240.png
diff --git a/css/theme/images/ui-icons_cd0a0a_768x720.png b/css/theme/images/ui-icons_cd0a0a_768x720.png
new file mode 100755
index 0000000..788be14
--- /dev/null
+++ b/css/theme/images/ui-icons_cd0a0a_768x720.png
diff --git a/css/theme/jquery-ui-1.7.2.custom.css b/css/theme/jquery-ui-1.7.2.custom.css
new file mode 100755
index 0000000..2a9e5c7
--- /dev/null
+++ b/css/theme/jquery-ui-1.7.2.custom.css
@@ -0,0 +1,406 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.5em&cornerRadius=4px&bgColorHeader=f49aec&bgTextureHeader=02_glass.png&bgImgOpacityHeader=75&borderColorHeader=e774ec&fcHeader=222222&iconColorHeader=7811a2&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=e774ec&fcContent=222222&iconColorContent=222222&bgColorDefault=f8a5f0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=e774ec&fcDefault=555555&iconColorDefault=7811a2&bgColorHover=fdd9f9&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=e774ec&fcHover=212121&iconColorHover=7811a2&bgColorActive=e774ec&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=e774ec&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=d13db4&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=fbd0f3&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=2px&offsetTopShadow=4px&offsetLeftShadow=4px&cornerRadiusShadow=4px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.5em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #e774ec; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
+.ui-widget-content a { color: #222222; }
+.ui-widget-header { border: 1px solid #e774ec; background: #f49aec url(images/ui-bg_glass_75_f49aec_1x400.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
+.ui-widget-header a { color: #222222; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #e774ec; background: #f8a5f0 url(images/ui-bg_glass_75_f8a5f0_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #e774ec; background: #fdd9f9 url(images/ui-bg_glass_75_fdd9f9_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #e774ec; background: #e774ec url(images/ui-bg_glass_65_e774ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #d13db4; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 48px; height: 48px; background-image: url(images/ui-icons_222222_768x720.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_768x720.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_7811a2_768x720.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_7811a2_768x720.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_7811a2_768x720.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_768x720.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_768x720.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_768x720.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -48px 0; }
+.ui-icon-carat-1-e { background-position: -96px 0; }
+.ui-icon-carat-1-se { background-position: -144px 0; }
+.ui-icon-carat-1-s { background-position: -192px 0; }
+.ui-icon-carat-1-sw { background-position: -240px 0; }
+.ui-icon-carat-1-w { background-position: -288px 0; }
+.ui-icon-carat-1-nw { background-position: -336px 0; }
+.ui-icon-carat-2-n-s { background-position: -384px 0; }
+.ui-icon-carat-2-e-w { background-position: -432px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -48px; }
+.ui-icon-triangle-1-ne { background-position: -48px -48px; }
+.ui-icon-triangle-1-e { background-position: -96px -48px; }
+.ui-icon-triangle-1-se { background-position: -144px -48px; }
+.ui-icon-triangle-1-s { background-position: -192px -48px; }
+.ui-icon-triangle-1-sw { background-position: -240px -48px; }
+.ui-icon-triangle-1-w { background-position: -288px -48px; }
+.ui-icon-triangle-1-nw { background-position: -336px -48px; }
+.ui-icon-triangle-2-n-s { background-position: -384px -48px; }
+.ui-icon-triangle-2-e-w { background-position: -432px -48px; }
+.ui-icon-arrow-1-n { background-position: 0 -96px; }
+.ui-icon-arrow-1-ne { background-position: -48px -96px; }
+.ui-icon-arrow-1-e { background-position: -96px -96px; }
+.ui-icon-arrow-1-se { background-position: -144px -96px; }
+.ui-icon-arrow-1-s { background-position: -192px -96px; }
+.ui-icon-arrow-1-sw { background-position: -240px -96px; }
+.ui-icon-arrow-1-w { background-position: -288px -96px; }
+.ui-icon-arrow-1-nw { background-position: -336px -96px; }
+.ui-icon-arrow-2-n-s { background-position: -384px -96px; }
+.ui-icon-arrow-2-ne-sw { background-position: -432px -96px; }
+.ui-icon-arrow-2-e-w { background-position: -480px -96px; }
+.ui-icon-arrow-2-se-nw { background-position: -528px -96px; }
+.ui-icon-arrowstop-1-n { background-position: -576px -96px; }
+.ui-icon-arrowstop-1-e { background-position: -624px -96px; }
+.ui-icon-arrowstop-1-s { background-position: -672px -96px; }
+.ui-icon-arrowstop-1-w { background-position: -720px -96px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -144px; }
+.ui-icon-arrowthick-1-ne { background-position: -48px -144px; }
+.ui-icon-arrowthick-1-e { background-position: -96px -144px; }
+.ui-icon-arrowthick-1-se { background-position: -144px -144px; }
+.ui-icon-arrowthick-1-s { background-position: -192px -144px; }
+.ui-icon-arrowthick-1-sw { background-position: -240px -144px; }
+.ui-icon-arrowthick-1-w { background-position: -288px -144px; }
+.ui-icon-arrowthick-1-nw { background-position: -336px -144px; }
+.ui-icon-arrowthick-2-n-s { background-position: -384px -144px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -432px -144px; }
+.ui-icon-arrowthick-2-e-w { background-position: -480px -144px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -528px -144px; }
+.ui-icon-arrowthickstop-1-n { background-position: -576px -144px; }
+.ui-icon-arrowthickstop-1-e { background-position: -624px -144px; }
+.ui-icon-arrowthickstop-1-s { background-position: -672px -144px; }
+.ui-icon-arrowthickstop-1-w { background-position: -720px -144px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -192px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -48px -192px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -96px -192px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -144px -192px; }
+.ui-icon-arrowreturn-1-w { background-position: -192px -192px; }
+.ui-icon-arrowreturn-1-n { background-position: -240px -192px; }
+.ui-icon-arrowreturn-1-e { background-position: -288px -192px; }
+.ui-icon-arrowreturn-1-s { background-position: -336px -192px; }
+.ui-icon-arrowrefresh-1-w { background-position: -384px -192px; }
+.ui-icon-arrowrefresh-1-n { background-position: -432px -192px; }
+.ui-icon-arrowrefresh-1-e { background-position: -480px -192px; }
+.ui-icon-arrowrefresh-1-s { background-position: -528px -192px; }
+.ui-icon-arrow-4 { background-position: 0 -240px; }
+.ui-icon-arrow-4-diag { background-position: -48px -240px; }
+.ui-icon-extlink { background-position: -96px -240px; }
+.ui-icon-newwin { background-position: -144px -240px; }
+.ui-icon-refresh { background-position: -192px -240px; }
+.ui-icon-shuffle { background-position: -240px -240px; }
+.ui-icon-transfer-e-w { background-position: -288px -240px; }
+.ui-icon-transferthick-e-w { background-position: -336px -240px; }
+.ui-icon-folder-collapsed { background-position: 0 -288px; }
+.ui-icon-folder-open { background-position: -48px -288px; }
+.ui-icon-document { background-position: -96px -288px; }
+.ui-icon-document-b { background-position: -144px -288px; }
+.ui-icon-note { background-position: -192px -288px; }
+.ui-icon-mail-closed { background-position: -240px -288px; }
+.ui-icon-mail-open { background-position: -288px -288px; }
+.ui-icon-suitcase { background-position: -336px -288px; }
+.ui-icon-comment { background-position: -384px -288px; }
+.ui-icon-person { background-position: -432px -288px; }
+.ui-icon-print { background-position: -480px -288px; }
+.ui-icon-trash { background-position: -528px -288px; }
+.ui-icon-locked { background-position: -576px -288px; }
+.ui-icon-unlocked { background-position: -624px -288px; }
+.ui-icon-bookmark { background-position: -672px -288px; }
+.ui-icon-tag { background-position: -720px -288px; }
+.ui-icon-home { background-position: 0 -336px; }
+.ui-icon-flag { background-position: -48px -336px; }
+.ui-icon-calendar { background-position: -96px -336px; }
+.ui-icon-cart { background-position: -144px -336px; }
+.ui-icon-pencil { background-position: -192px -336px; }
+.ui-icon-clock { background-position: -240px -336px; }
+.ui-icon-disk { background-position: -288px -336px; }
+.ui-icon-calculator { background-position: -336px -336px; }
+.ui-icon-zoomin { background-position: -384px -336px; }
+.ui-icon-zoomout { background-position: -432px -336px; }
+.ui-icon-search { background-position: -480px -336px; }
+.ui-icon-wrench { background-position: -528px -336px; }
+.ui-icon-gear { background-position: -576px -336px; }
+.ui-icon-heart { background-position: -624px -336px; }
+.ui-icon-star { background-position: -672px -336px; }
+.ui-icon-link { background-position: -720px -336px; }
+.ui-icon-cancel { background-position: 0 -384px; }
+.ui-icon-plus { background-position: -48px -384px; }
+.ui-icon-plusthick { background-position: -96px -384px; }
+.ui-icon-minus { background-position: -144px -384px; }
+.ui-icon-minusthick { background-position: -192px -384px; }
+.ui-icon-close { background-position: -240px -384px; }
+.ui-icon-closethick { background-position: -288px -384px; }
+.ui-icon-key { background-position: -336px -384px; }
+.ui-icon-lightbulb { background-position: -384px -384px; }
+.ui-icon-scissors { background-position: -432px -384px; }
+.ui-icon-clipboard { background-position: -480px -384px; }
+.ui-icon-copy { background-position: -528px -384px; }
+.ui-icon-contact { background-position: -576px -384px; }
+.ui-icon-image { background-position: -624px -384px; }
+.ui-icon-video { background-position: -672px -384px; }
+.ui-icon-script { background-position: -720px -384px; }
+.ui-icon-alert { background-position: 0 -432px; }
+.ui-icon-info { background-position: -48px -432px; }
+.ui-icon-notice { background-position: -96px -432px; }
+.ui-icon-help { background-position: -144px -432px; }
+.ui-icon-check { background-position: -192px -432px; }
+.ui-icon-bullet { background-position: -240px -432px; }
+.ui-icon-radio-off { background-position: -288px -432px; }
+.ui-icon-radio-on { background-position: -336px -432px; }
+.ui-icon-pin-w { background-position: -384px -432px; }
+.ui-icon-pin-s { background-position: -432px -432px; }
+.ui-icon-play { background-position: 0 -480px; }
+.ui-icon-pause { background-position: -48px -480px; }
+.ui-icon-seek-next { background-position: -96px -480px; }
+.ui-icon-seek-prev { background-position: -144px -480px; }
+.ui-icon-seek-end { background-position: -192px -480px; }
+.ui-icon-seek-first { background-position: -240px -480px; }
+.ui-icon-stop { background-position: -288px -480px; }
+.ui-icon-eject { background-position: -336px -480px; }
+.ui-icon-volume-off { background-position: -384px -480px; }
+.ui-icon-volume-on { background-position: -432px -480px; }
+.ui-icon-power { background-position: 0 -528px; }
+.ui-icon-signal-diag { background-position: -48px -528px; }
+.ui-icon-signal { background-position: -96px -528px; }
+.ui-icon-battery-0 { background-position: -144px -528px; }
+.ui-icon-battery-1 { background-position: -192px -528px; }
+.ui-icon-battery-2 { background-position: -240px -528px; }
+.ui-icon-battery-3 { background-position: -288px -528px; }
+.ui-icon-circle-plus { background-position: 0 -576px; }
+.ui-icon-circle-minus { background-position: -48px -576px; }
+.ui-icon-circle-close { background-position: -96px -576px; }
+.ui-icon-circle-triangle-e { background-position: -144px -576px; }
+.ui-icon-circle-triangle-s { background-position: -192px -576px; }
+.ui-icon-circle-triangle-w { background-position: -240px -576px; }
+.ui-icon-circle-triangle-n { background-position: -288px -576px; }
+.ui-icon-circle-arrow-e { background-position: -336px -576px; }
+.ui-icon-circle-arrow-s { background-position: -384px -576px; }
+.ui-icon-circle-arrow-w { background-position: -432px -576px; }
+.ui-icon-circle-arrow-n { background-position: -480px -576px; }
+.ui-icon-circle-zoomin { background-position: -528px -576px; }
+.ui-icon-circle-zoomout { background-position: -576px -576px; }
+.ui-icon-circle-check { background-position: -624px -576px; }
+.ui-icon-circlesmall-plus { background-position: 0 -624px; }
+.ui-icon-circlesmall-minus { background-position: -48px -624px; }
+.ui-icon-circlesmall-close { background-position: -96px -624px; }
+.ui-icon-squaresmall-plus { background-position: -144px -624px; }
+.ui-icon-squaresmall-minus { background-position: -192px -624px; }
+.ui-icon-squaresmall-close { background-position: -240px -624px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -672px; }
+.ui-icon-grip-dotted-horizontal { background-position: -48px -672px; }
+.ui-icon-grip-solid-vertical { background-position: -96px -672px; }
+.ui-icon-grip-solid-horizontal { background-position: -144px -672px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -192px -672px; }
+.ui-icon-grip-diagonal-se { background-position: -240px -672px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #fbd0f3 url(images/ui-bg_flat_0_fbd0f3_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: 4px 0 0 4px; padding: 2px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 4px; -webkit-border-radius: 4px; }/* Accordion
+----------------------------------*/
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
+.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
+----------------------------------*/
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
+----------------------------------*/
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
diff --git a/css/ui.all.css b/css/ui.all.css
new file mode 100755
index 0000000..543e4c3
--- /dev/null
+++ b/css/ui.all.css
@@ -0,0 +1,2 @@
+@import "ui.base.css";
+@import "ui.theme.css";
diff --git a/css/ui.base.css b/css/ui.base.css
new file mode 100755
index 0000000..ba53841
--- /dev/null
+++ b/css/ui.base.css
@@ -0,0 +1,2 @@
+@import url("ui.core.css");
+@import url("ui.tabs.css");
\ No newline at end of file
diff --git a/css/ui.core.css b/css/ui.core.css
new file mode 100755
index 0000000..c2f18f2
--- /dev/null
+++ b/css/ui.core.css
@@ -0,0 +1,37 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
\ No newline at end of file
diff --git a/css/ui.dialog.css b/css/ui.dialog.css
new file mode 100755
index 0000000..2997595
--- /dev/null
+++ b/css/ui.dialog.css
@@ -0,0 +1,13 @@
+/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
diff --git a/css/ui.feedback.css b/css/ui.feedback.css
new file mode 100755
index 0000000..7eed05f
--- /dev/null
+++ b/css/ui.feedback.css
@@ -0,0 +1,56 @@
+.ui-feedback div{
+    width: 200px;
+    height: 178px;
+    position: absolute;
+    background-repeat: no-repeat;
+}
+
+.ui-feedback .ui-feedback-correct{
+    display:none;
+    background-image: url(./images/correct200x190.png);
+}
+
+.ui-feedback .ui-feedback-incorrect{
+    display:none;
+    background-image: url(./images/incorrect200x190.png);
+}
+
+
+.ui-feedback .ui-feedback-over{
+    display: none;
+    width: 184px;
+    height: 240px;
+    overflow: visible;
+    cursor: pointer;
+    z-index: 10;
+}
+
+.ui-feedback .ui-feedback-over .ui-feedback-win{
+    width: 184px;
+    height: 222px;
+    background-image: url(./images/happy-face.png);
+    overflow: visible;
+}
+
+
+.ui-feedback .ui-feedback-over .ui-feedback-lose{
+    width: 184px;
+    height: 222px;
+    background-image: url(./images/sad-face.png);
+    overflow: visible;
+}
+
+.ui-feedback .ui-feedback-txt{
+    color:purple;
+    font-size:3em;
+    margin-top:-50px;
+    width:300px;
+}
+
+.ui-feedback-overlay {
+    position: absolute;
+    display: none;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255,255,255, 0.6);
+}
\ No newline at end of file
diff --git a/css/ui.kFooter.css b/css/ui.kFooter.css
new file mode 100755
index 0000000..5a0944b
--- /dev/null
+++ b/css/ui.kFooter.css
@@ -0,0 +1,56 @@
+.ui-kFooter{
+    background-image: url('./images/bg_footer.png');
+    background-repeat: repeat;
+    height: 70px;
+    width: 100%;
+    margin:0;
+    padding: 0;
+    float: left;
+    clear: both;
+    border-style: none;
+    color: #FFFF00;
+}
+
+
+.ui-kFooter>ul{
+   margin-left: 0px;
+   padding-left: 5px;
+   list-style: none;
+}
+.ui-kFooter>ul>li{
+    display:inline;
+    margin-right: 10px;
+    margin-left: 0px;
+}
+
+
+.ui-kFooter .left{
+    float: left;
+}
+
+.ui-kFooter .right{
+    float: right;
+}
+
+.ui-kFooter .number{
+    background-color:white;
+    color: black;
+    padding-left:0.4em;
+    padding-right:0.4em;
+}
+
+
+.ui-kFooter button{
+    cursor:pointer;
+    margin-top: -10px;
+} 
+
+.ui-kFooter button span{
+   float: left;
+}
+
+.ui-kFooter button .text{
+    color:  #7811a2;
+padding-top: 10px;
+font-weight: bold;
+}
diff --git a/css/ui.kHeader.css b/css/ui.kHeader.css
new file mode 100755
index 0000000..4b4bb99
--- /dev/null
+++ b/css/ui.kHeader.css
@@ -0,0 +1,160 @@
+#kHeader{
+    background-image: url('./images/bg_header.png');
+    background-repeat: repeat-x;
+    height: 70px;
+    width: 100%;
+    margin: 0;
+    float: left;
+    clear: both;
+    border: none;
+}
+
+	#kHeader .left{
+    	    float: left;
+	}
+
+	#kHeader .right{
+    	    float: right;
+	}
+
+	#kHeader>ul{
+	    margin: 0;
+	    margin-left: 5px;
+	    padding: 0;
+	}
+
+	#kHeader>ul>li{
+		display:inline;
+		margin: 0;
+		padding: 0;
+		margin-top: 5px;
+		margin-right:15px;
+	}
+	
+	#kHeader .kHeader-btn{
+  		 width: 60px;
+		 height: 60px;
+		 display: block;
+		 cursor:pointer;
+	}
+
+	#kHeader .kHeader-back{
+		background-image:url(./images/btn_back.png);
+	}
+
+	#kHeader .kHeader-back:hover{
+		background:url('./images/btn_back_hover.png');
+	}
+
+	#kHeader .kHeader-title {
+	    font-weight: bold;
+	    color: #FFFFFF;
+	    margin-top: 10px;
+	    border:4px solid #e774ec;
+	    padding: 5px 20px 5px 20px;
+	    -moz-border-radius:25px;
+	    -webkit-border-radius: 25px;
+	}
+	
+	#kHeader .kHeader-title span{
+	    float:left;
+	}
+
+	#kHeader .kHeader-title .kHeader-kDoc{
+	    background-image: url(images/arrow_down_white.png);
+	    background-repeat: no-repeat;
+	    width: 22px;
+	    height: 22px;
+	    cursor: pointer;
+	    margin-left: 10px;
+	    margin-top: 3px;
+	    position: relative;
+	}
+
+	#kHeader .kHeader-title .kHeader-kDoc .drop-down{
+	    display: none;
+	    position: absolute;
+	    top: 22px;
+	    left: -20px;
+	    width: 90px;
+	    background-color: rgba(0, 0, 0, 0.8);
+	    -webkit-border-radius: 5px;
+	    -moz-border-radius: 5px;
+	    border: 1px solid white;	    
+	    padding-left: 5px;
+	}
+	#kHeader .kHeader-title .kHeader-kDoc .drop-down a{
+	    color: white;
+	    text-decoration: none;
+	    font-size: 0.6em;
+	   
+	}
+	
+	#kHeader .kHeader-title .kHeader-kDoc .drop-down a:hover{
+	    text-decoration: underline;
+	}
+	
+	#kHeader .kHeader-zoomIn{
+	    background-image: url(images/btn_plus.png);
+	}
+
+	#kHeader .kHeader-zoomOut{
+	    background-image: url(images/btn_minus.png);
+	}
+
+	#kHeader .kHeader-zoomIn:hover{
+	    -moz-border-radius: 90px;
+	    -webkit-border-radius: 90px;
+	    border: 3px solid rgba(0,0,230, 0.8);
+	    margin-top:2px;
+	    margin-left:-6px;
+	}
+
+	#kHeader .kHeader-zoomOut:hover{
+	    -moz-border-radius: 90px;
+	    -webkit-border-radius: 90px;
+	    border: 3px solid rgba(0,0,230, 0.8);
+	    margin-top:2px;
+	    margin-left:-6px;
+	}
+
+	#kHeader .kHeader-brand{
+	    background-image:url(./images/btn_ole.png);
+	}
+
+	#kHeader .kHeader-brand:hover{
+	    background-image:url(./images/btn_ole_hover.png);
+	}
+
+	#kHeader .kHeader-help{
+	    background-image:url(./images/btn_help.png);
+	}
+
+	#kHeader .kHeader-help:hover{
+	    background-image:url(./images/btn_help_hover.png);
+	}
+
+	/* Styles for Help Text  */
+	.kHeader-help{
+	    top: 20px !important;
+	}
+
+	.kHeader-help>div:first>span:first{
+	  font-size:larger;
+	}
+
+	.kHeader-help .ui-dialog-titlebar-close {
+	    top: 10px;
+	    margin-right: 20px;
+	}
+
+	.kHeader-help .ui-dialog-content{
+	    font-size: 0.8em;
+	}
+
+	#kHeader .kHeader-preload-img{
+	    height:0;
+	    width:0;
+	    display:inline;
+	}
+
diff --git a/css/ui.resizable.css b/css/ui.resizable.css
new file mode 100755
index 0000000..44efeb2
--- /dev/null
+++ b/css/ui.resizable.css
@@ -0,0 +1,13 @@
+/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
\ No newline at end of file
diff --git a/css/ui.tabs.css b/css/ui.tabs.css
new file mode 100755
index 0000000..3ca6b9a
--- /dev/null
+++ b/css/ui.tabs.css
@@ -0,0 +1,11 @@
+/* Tabs
+----------------------------------*/
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
diff --git a/css/ui.theme.css b/css/ui.theme.css
new file mode 100755
index 0000000..6e40c73
--- /dev/null
+++ b/css/ui.theme.css
@@ -0,0 +1,245 @@
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
+.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(../assets/default/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
+.ui-widget-content a { color: #222222/*{fcContent}*/; }
+.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(../assets/default/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
+.ui-widget-header a { color: #222222/*{fcHeader}*/; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(../assets/default/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(../assets/default/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(../assets/default/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(../assets/default/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(../assets/default/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(../assets/default/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
+.ui-widget-content .ui-icon {background-image: url(../assets/default/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
+.ui-widget-header .ui-icon {background-image: url(../assets/default/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
+.ui-state-default .ui-icon { background-image: url(../assets/default/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../assets/default/images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
+.ui-state-active .ui-icon {background-image: url(../assets/default/images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
+.ui-state-highlight .ui-icon {background-image: url(../assets/default/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../assets/default/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
+.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(../assets/default/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
+.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(../assets/default/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; }
\ No newline at end of file