initial commit

gloam/.classpath

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="src" path="src"/>
+	<classpathentry kind="src" path="conf"/>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8">
+		<attributes>
+			<attribute name="owner.project.facets" value="java"/>
+		</attributes>
+		<accessrules>
+			<accessrule kind="accessible" pattern="**"/>
+		</accessrules>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.web.container"/>
+	<classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.module.container"/>
+	<classpathentry kind="con" path="org.eclipse.jdt.junit.JUNIT_CONTAINER/4"/>
+	<classpathentry kind="output" path="WebRoot/WEB-INF/classes"/>
+</classpath>

gloam/.project

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>gloam</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.common.project.facet.core.builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.validation.validationbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.jem.workbench.JavaEMFNature</nature>
+		<nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature>
+		<nature>org.eclipse.wst.common.project.facet.core.nature</nature>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
+	</natures>
+</projectDescription>

gloam/.settings/.jsdtscope

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry excluding="**/bower_components/*|**/node_modules/*|**/*.min.js" kind="src" path="WebRoot"/>
+	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.JRE_CONTAINER"/>
+	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.WebProject">
+		<attributes>
+			<attribute name="hide" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.baseBrowserLibrary"/>
+	<classpathentry kind="output" path=""/>
+</classpath>

gloam/.settings/org.eclipse.core.resources.prefs

@@ -0,0 +1,4 @@
+eclipse.preferences.version=1
+encoding//WebRoot/auditlog/auditlog-index.html=UTF-8
+encoding//WebRoot/common/page.html=UTF-8
+encoding/<project>=UTF-8

gloam/.settings/org.eclipse.jdt.core.prefs

@@ -0,0 +1,101 @@
+eclipse.preferences.version=1
+org.eclipse.jdt.core.compiler.annotation.inheritNullAnnotations=disabled
+org.eclipse.jdt.core.compiler.annotation.missingNonNullByDefaultAnnotation=ignore
+org.eclipse.jdt.core.compiler.annotation.nonnull=org.eclipse.jdt.annotation.NonNull
+org.eclipse.jdt.core.compiler.annotation.nonnull.secondary=
+org.eclipse.jdt.core.compiler.annotation.nonnullbydefault=org.eclipse.jdt.annotation.NonNullByDefault
+org.eclipse.jdt.core.compiler.annotation.nonnullbydefault.secondary=
+org.eclipse.jdt.core.compiler.annotation.nullable=org.eclipse.jdt.annotation.Nullable
+org.eclipse.jdt.core.compiler.annotation.nullable.secondary=
+org.eclipse.jdt.core.compiler.annotation.nullanalysis=disabled
+org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
+org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.8
+org.eclipse.jdt.core.compiler.compliance=1.8
+org.eclipse.jdt.core.compiler.problem.annotationSuperInterface=warning
+org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
+org.eclipse.jdt.core.compiler.problem.autoboxing=ignore
+org.eclipse.jdt.core.compiler.problem.comparingIdentical=warning
+org.eclipse.jdt.core.compiler.problem.deadCode=warning
+org.eclipse.jdt.core.compiler.problem.deprecation=warning
+org.eclipse.jdt.core.compiler.problem.deprecationInDeprecatedCode=disabled
+org.eclipse.jdt.core.compiler.problem.deprecationWhenOverridingDeprecatedMethod=disabled
+org.eclipse.jdt.core.compiler.problem.discouragedReference=warning
+org.eclipse.jdt.core.compiler.problem.emptyStatement=ignore
+org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
+org.eclipse.jdt.core.compiler.problem.explicitlyClosedAutoCloseable=ignore
+org.eclipse.jdt.core.compiler.problem.fallthroughCase=ignore
+org.eclipse.jdt.core.compiler.problem.fatalOptionalError=disabled
+org.eclipse.jdt.core.compiler.problem.fieldHiding=ignore
+org.eclipse.jdt.core.compiler.problem.finalParameterBound=warning
+org.eclipse.jdt.core.compiler.problem.finallyBlockNotCompletingNormally=warning
+org.eclipse.jdt.core.compiler.problem.forbiddenReference=error
+org.eclipse.jdt.core.compiler.problem.hiddenCatchBlock=warning
+org.eclipse.jdt.core.compiler.problem.includeNullInfoFromAsserts=disabled
+org.eclipse.jdt.core.compiler.problem.incompatibleNonInheritedInterfaceMethod=warning
+org.eclipse.jdt.core.compiler.problem.incompleteEnumSwitch=warning
+org.eclipse.jdt.core.compiler.problem.indirectStaticAccess=ignore
+org.eclipse.jdt.core.compiler.problem.localVariableHiding=ignore
+org.eclipse.jdt.core.compiler.problem.methodWithConstructorName=warning
+org.eclipse.jdt.core.compiler.problem.missingDefaultCase=ignore
+org.eclipse.jdt.core.compiler.problem.missingDeprecatedAnnotation=ignore
+org.eclipse.jdt.core.compiler.problem.missingEnumCaseDespiteDefault=disabled
+org.eclipse.jdt.core.compiler.problem.missingHashCodeMethod=ignore
+org.eclipse.jdt.core.compiler.problem.missingOverrideAnnotation=ignore
+org.eclipse.jdt.core.compiler.problem.missingOverrideAnnotationForInterfaceMethodImplementation=enabled
+org.eclipse.jdt.core.compiler.problem.missingSerialVersion=warning
+org.eclipse.jdt.core.compiler.problem.missingSynchronizedOnInheritedMethod=ignore
+org.eclipse.jdt.core.compiler.problem.noEffectAssignment=warning
+org.eclipse.jdt.core.compiler.problem.noImplicitStringConversion=warning
+org.eclipse.jdt.core.compiler.problem.nonExternalizedStringLiteral=ignore
+org.eclipse.jdt.core.compiler.problem.nonnullParameterAnnotationDropped=warning
+org.eclipse.jdt.core.compiler.problem.nonnullTypeVariableFromLegacyInvocation=warning
+org.eclipse.jdt.core.compiler.problem.nullAnnotationInferenceConflict=error
+org.eclipse.jdt.core.compiler.problem.nullReference=warning
+org.eclipse.jdt.core.compiler.problem.nullSpecViolation=error
+org.eclipse.jdt.core.compiler.problem.nullUncheckedConversion=warning
+org.eclipse.jdt.core.compiler.problem.overridingPackageDefaultMethod=warning
+org.eclipse.jdt.core.compiler.problem.parameterAssignment=ignore
+org.eclipse.jdt.core.compiler.problem.pessimisticNullAnalysisForFreeTypeVariables=warning
+org.eclipse.jdt.core.compiler.problem.possibleAccidentalBooleanAssignment=ignore
+org.eclipse.jdt.core.compiler.problem.potentialNullReference=ignore
+org.eclipse.jdt.core.compiler.problem.potentiallyUnclosedCloseable=ignore
+org.eclipse.jdt.core.compiler.problem.rawTypeReference=warning
+org.eclipse.jdt.core.compiler.problem.redundantNullAnnotation=warning
+org.eclipse.jdt.core.compiler.problem.redundantNullCheck=ignore
+org.eclipse.jdt.core.compiler.problem.redundantSpecificationOfTypeArguments=ignore
+org.eclipse.jdt.core.compiler.problem.redundantSuperinterface=ignore
+org.eclipse.jdt.core.compiler.problem.reportMethodCanBePotentiallyStatic=ignore
+org.eclipse.jdt.core.compiler.problem.reportMethodCanBeStatic=ignore
+org.eclipse.jdt.core.compiler.problem.specialParameterHidingField=disabled
+org.eclipse.jdt.core.compiler.problem.staticAccessReceiver=warning
+org.eclipse.jdt.core.compiler.problem.suppressOptionalErrors=disabled
+org.eclipse.jdt.core.compiler.problem.suppressWarnings=enabled
+org.eclipse.jdt.core.compiler.problem.syntacticNullAnalysisForFields=disabled
+org.eclipse.jdt.core.compiler.problem.syntheticAccessEmulation=ignore
+org.eclipse.jdt.core.compiler.problem.typeParameterHiding=warning
+org.eclipse.jdt.core.compiler.problem.unavoidableGenericTypeProblems=enabled
+org.eclipse.jdt.core.compiler.problem.uncheckedTypeOperation=warning
+org.eclipse.jdt.core.compiler.problem.unclosedCloseable=warning
+org.eclipse.jdt.core.compiler.problem.undocumentedEmptyBlock=ignore
+org.eclipse.jdt.core.compiler.problem.unhandledWarningToken=warning
+org.eclipse.jdt.core.compiler.problem.unnecessaryElse=ignore
+org.eclipse.jdt.core.compiler.problem.unnecessaryTypeCheck=ignore
+org.eclipse.jdt.core.compiler.problem.unqualifiedFieldAccess=ignore
+org.eclipse.jdt.core.compiler.problem.unusedDeclaredThrownException=ignore
+org.eclipse.jdt.core.compiler.problem.unusedDeclaredThrownExceptionExemptExceptionAndThrowable=enabled
+org.eclipse.jdt.core.compiler.problem.unusedDeclaredThrownExceptionIncludeDocCommentReference=enabled
+org.eclipse.jdt.core.compiler.problem.unusedDeclaredThrownExceptionWhenOverriding=disabled
+org.eclipse.jdt.core.compiler.problem.unusedExceptionParameter=ignore
+org.eclipse.jdt.core.compiler.problem.unusedImport=warning
+org.eclipse.jdt.core.compiler.problem.unusedLabel=warning
+org.eclipse.jdt.core.compiler.problem.unusedLocal=warning
+org.eclipse.jdt.core.compiler.problem.unusedObjectAllocation=ignore
+org.eclipse.jdt.core.compiler.problem.unusedParameter=ignore
+org.eclipse.jdt.core.compiler.problem.unusedParameterIncludeDocCommentReference=enabled
+org.eclipse.jdt.core.compiler.problem.unusedParameterWhenImplementingAbstract=disabled
+org.eclipse.jdt.core.compiler.problem.unusedParameterWhenOverridingConcrete=disabled
+org.eclipse.jdt.core.compiler.problem.unusedPrivateMember=warning
+org.eclipse.jdt.core.compiler.problem.unusedTypeParameter=ignore
+org.eclipse.jdt.core.compiler.problem.unusedWarningToken=warning
+org.eclipse.jdt.core.compiler.problem.varargsArgumentNeedCast=warning
+org.eclipse.jdt.core.compiler.source=1.8

gloam/.settings/org.eclipse.wst.common.component

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
+    <wb-module deploy-name="gloam">
+        <wb-resource deploy-path="/" source-path="/WebRoot" tag="defaultRootSource"/>
+        <wb-resource deploy-path="/WEB-INF/classes" source-path="/src"/>
+        <wb-resource deploy-path="/WEB-INF/classes" source-path="/conf"/>
+        <property name="java-output-path" value="/gloam/WebRoot/WEB-INF/classes"/>
+        <property name="context-root" value="gloam"/>
+    </wb-module>
+</project-modules>

gloam/.settings/org.eclipse.wst.common.project.facet.core.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<faceted-project>
+  <fixed facet="wst.jsdt.web"/>
+  <fixed facet="java"/>
+  <fixed facet="jst.web"/>
+  <installed facet="java" version="1.8"/>
+  <installed facet="jst.web" version="3.0"/>
+  <installed facet="wst.jsdt.web" version="1.0"/>
+</faceted-project>

gloam/.settings/org.eclipse.wst.jsdt.ui.superType.container

@@ -0,0 +1 @@
+org.eclipse.wst.jsdt.launching.baseBrowserLibrary

gloam/.settings/org.eclipse.wst.jsdt.ui.superType.name

@@ -0,0 +1 @@
+Window

gloam/WebRoot/META-INF/MANIFEST.MF

@@ -0,0 +1,3 @@
+Manifest-Version: 1.0
+Class-Path: 
+

gloam/WebRoot/WEB-INF/web.xml

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
+  <display-name>gloam</display-name>
+  <!--  i18n 转换 开始  -->
+	<filter>
+		<filter-name>i18n Filter</filter-name>
+		<filter-class>
+			com.nis.gloam.filter.I18nFilter
+		</filter-class>
+		<init-param>
+			<param-name>defaultLang</param-name>
+			<param-value>en_US</param-value>
+		</init-param>
+		<init-param>
+			<param-name>i18nFile</param-name>
+			<!-- 相对路径 -->
+			<param-value>i18n/globalMessages</param-value>
+		</init-param>
+	</filter>
+	<filter-mapping>
+		<filter-name>i18n Filter</filter-name>
+		<url-pattern>/*</url-pattern>
+	</filter-mapping>
+	<!--  i18n 转换 结束  -->
+  
+  <filter>
+    <filter-name>jfinal</filter-name>
+    <filter-class>com.jfinal.core.JFinalFilter</filter-class>
+    <init-param>
+      <param-name>configClass</param-name>
+      <param-value>com.nis.gloam.config.BaseConfig</param-value>
+    </init-param>
+  </filter>
+  <filter-mapping>
+    <filter-name>jfinal</filter-name>
+    <url-pattern>/*</url-pattern>
+  </filter-mapping>
+  
+  
+</web-app>

gloam/WebRoot/auditlog/auditlog-index.html

@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+#include("/common/header.html")
+
+<script>
+	//修改每页显示条数后 跳转页面
+	function queryData(val,url){
+		var newPageSize = document.getElementById("newPageSize").value;
+		window.location.href=url+"1-"+newPageSize;
+	}
+</script>
+</head>
+<body class="bcColor noScroll-y aC">
+			<!--中间部分右边开始-->
+			<div class="container-fluid-full">
+				<div class="row-fluid">
+					<noscript>
+						<div class="alert alert-block span10">
+							<h4 class="alert-heading">
+								Warning!
+							</h4>
+							<p>
+								You need to have
+								<a href="http://en.wikipedia.org/wiki/JavaScript"
+									target="_blank">JavaScript</a> enabled to use this site.
+							</p>
+						</div>
+					</noscript>
+
+					<!-- start: Content -->
+					<div id="content" class="span10">
+						<div class="row-fluid  " style="margin-top:10px">
+							<div class="box span12">
+								<div class="box-header" data-original-title>
+									<h2>
+										<i class=" halflings-icon align-justify"></i><span
+											class="break"></span>
+									</h2>
+								</div>
+								<div class="box-content lianxiang">
+										<table class="table table-striped table-bordered" id="info">
+											<thead>
+												<tr>
+													<th style='text-align:center;vertical-align: middle;'>
+														<span>#(_res.get("creater"))</span>
+													</th>
+													<th style='text-align:center;vertical-align: middle;'>
+														<span>#(_res.get("explain"))</span>
+													</th>
+													<th style='text-align:center;vertical-align: middle;'>
+														<span>#(_res.get("create.time"))</span>
+													</th>
+													<th style='text-align:center;vertical-align: middle;'>
+														<span>#(_res.get("ip"))</span>
+													</th>
+													<th style='text-align:center;vertical-align: middle;'>
+														<span>#(_res.get("uri"))</span>
+													</th>
+													<th style='text-align:center;vertical-align: middle;'>
+														<span>#(_res.get("request.way"))</span>
+													</th>
+												</tr>
+											</thead>
+											<tbody>
+												#if(auditLog.getList()!=null&&auditLog.getList().size()!=0)
+													#for(x : auditLog.getList())
+													<tr class="odd gradeX">
+														<td class="logmessage">
+															<span>#(x.create_by)</span>
+														</td>
+														<td class="logmessage">
+															<span>#(_res.get(x.remarks))</span>
+														</td>
+														<td class="logmessage">
+															<span>#(x.create_date)</span>
+														</td>
+														<td class="logmessage">
+															<span>#(x.remote_addr)</span>
+														</td>
+														<td class="logmessage">
+															<span>#(x.request_uri)</span>
+														</td>
+														<td class="logmessage">
+															<span>#(x.method)</span>
+														</td>
+													</tr>
+													#end
+												#else
+													<tr>
+														<td colspan="6" height="35"
+															align="center">
+															没有记录
+														</td>
+													</tr>
+												#end	
+											</tbody>
+										</table>
+										#@pageSplite(auditLog.pageNumber, auditLog.totalPage,auditLog.totalRow,auditLog.pageSize, "/auditlog/")
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+	</body>
+</html>

gloam/WebRoot/common/header.html

@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+<link id="bootstrap-style" href="/css/bootstrap.min.css"
+	rel="stylesheet">
+<link href="/css/bootstrap-responsive.min.css" rel="stylesheet">
+<link id="base-style" href="/css/style.css" rel="stylesheet">
+<link id="base-style-responsive" href="/css/style-responsive.css"
+	rel="stylesheet">
+<link href="/css/jquery.xctips.css" rel="stylesheet">
+<link href="/css/home.css" rel="stylesheet">
+<link href="/css/jbox.css" rel="stylesheet" type="text/css" />
+<link href="/css/jquery.jScrollPane.css" rel="stylesheet"
+	type="text/css" />
+<link href="/css/bootstrap-dialog-1.35.4.min.css" rel="stylesheet" 
+type="text/css"/>
+<link href="/css/loading.css" rel="stylesheet" type="text/css"/>
+<link href="/css/perfect-scrollbar.css" rel="stylesheet" type="text/css"/>
+<link href="/js/jquery-ui-1.11.4/jquery-ui.css" rel="stylesheet" type="text/css"/>
+<!-- <20><><EFBFBD>´<EFBFBD><C2B4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ͻ<EFBFBD><CFBD>з<EFBFBD>װ -->
+<script src="/js/jquery-2.1.4.min.js"></script>
+<script src="/js/layer.js"></script>
+
+<script src="/js/jquery-migrate-1.0.0.min.js"></script>
+
+<script src="/js/modernizr.js"></script>
+
+<script src="/js/bootstrap.min-3.3.7.js"></script>
+
+<script src="/js/jquery.cookie.js"></script>
+
+<script src="/js/fullcalendar.min.js"></script>
+
+<script src="/js/jquery.dataTables.min.js"></script>
+
+<script src="/js/excanvas.js"></script>
+
+<script src="/js/jquery.flot.js"></script>
+
+<script src="/js/jquery.flot.pie.js"></script>
+
+<script src="/js/jquery.flot.stack.js"></script>
+
+<script src="/js/jquery.flot.resize.min.js"></script>
+
+<script src="/js/jquery.chosen.min.js"></script>
+
+<script src="/js/jquery.uniform.min.js"></script>
+
+<script src="/js/jquery.cleditor.min.js"></script>
+
+<script src="/js/jquery.noty.js"></script>
+
+<script src="/js/jquery.elfinder.min.js"></script>
+
+<script src="/js/jquery.raty.min.js"></script>
+
+<script src="/js/jquery.iphone.toggle.js"></script>
+
+<script src="/js/jquery.uploadify-3.1.min.js"></script>
+
+<script src="/js/jquery.gritter.min.js"></script>
+
+<script src="/js/jquery.imagesloaded.js"></script>
+
+<script src="/js/jquery-ui-1.11.4/jquery-ui.js"></script>
+
+<script src="/js/jquery.knob.modified.js"></script>
+
+<script src="/js/jquery.sparkline.min.js"></script>
+
+<script src="/js/counter.js"></script>
+
+<script src="/js/retina.js"></script>
+
+<script src="/js/custom.js"></script>
+<script src="/js/onmouse.js"></script>
+<script type="text/javascript" src="/js/jquery-ui-i18n.js"></script>
+<script src="/js/jquery-ui-timepicker-addon.js"></script>
+<script src="/js/jquery.xctips.js"></script>
+
+<script src="/js/perfect-scrollbar.js"></script>
+
+
+<script language="javascript" type="text/javascript"
+	src="/js/jquery.jBox-2.3.min.js"></script>
+<script language="javascript" type="text/javascript"
+	src="/js/jquery.mousewheel.js"></script>
+<script language="javascript" type="text/javascript"
+	src="/js/jquery.jScrollPane.js"></script>
+<script language="javascript" type="text/javascript"
+	src="/js/bootstrap-dialog-1.35.4.min.js"></script>
+<script language="javascript" type="text/javascript"
+	src="/js/common.js"></script>
+<script language="javascript" type="text/javascript"
+	src="/js/loading.js"></script>
+<script language="javascript" type="text/javascript"
+	src="/js/My97DatePicker/WdatePicker.js"></script>

gloam/WebRoot/common/page.html

@@ -0,0 +1,89 @@
+#define pageSplite(currentPage, totalPage,totalRow,pageSize, link)
+	#if(totalPage <= 0 || currentPage > totalPage) #return #end
+	#setLocal(startPage = currentPage - 1) 
+	#if(startPage < 1)
+		#setLocal(startPage = 1) 
+	#end 
+	#setLocal(endPage = currentPage + 3) 
+	#if(endPage > totalPage) 
+		#setLocal(endPage = totalPage) 
+	#end
+<div class="row-fluid">
+	<div class="span61" style="width: 33%">
+		<div>
+			#if(_locale=='zh_CN')
+				共有 <span class="">#(totalRow)</span> 条记录， 当前第 <span class=""> <span
+					id="currentPage"> #(currentPage) </span> /#(totalPage)
+				</span>页
+			#else
+				Total <span class="">#(totalRow)</span> Rows， Current  <span class=""> <span
+				id="currentPage"> #(currentPage) </span> / #(totalPage)
+				</span> Pages
+			#end
+		</div>
+	</div>
+	<div class="span62" style="width: 33%; margin-top: -25px;margin-left:70px">
+		<div class="dataTables_paginate paging_bootstrap pagination" style="font-size:5px;">
+			<ul>
+				<li class="first" style='cursor: pointer'>
+					<a href="#(link)1-#(pageSize)"> 
+						<span class="hidden-480">|<</span>
+					</a>
+				</li>
+				<li class="prev" style='cursor: pointer'>
+					<a href="#(link)#(currentPage - 1)-#(pageSize)"> 
+						<span class="hidden-480"><</span>
+					</a>
+				</li> 
+				#for(i : [startPage..endPage]) 
+					#if(currentPage == i)
+						<li class="active" style='cursor: pointer' id=''>
+							<a>#(i)</a>
+						</li>
+					#else
+					<li style='cursor: pointer' id=''>
+						<a href="#(link)#(i)-#(pageSize)">#(i)</a>
+					</li> 
+					#end
+				#end
+				<li class="next" style='cursor: pointer'>
+					#if(currentPage!=totalPage)
+						<a href="#(link)#(currentPage + 1)-#(pageSize)"> 
+							<span class="hidden-480">></span>
+						</a>
+					#else
+						<a href="#(link)#(currentPage)-#(pageSize)"> 
+							<span class="hidden-480">></span>
+						</a>
+					#end
+				</li>
+				<li class="last" style='cursor: pointer'>
+					<a href="#(link)#(totalPage)-#(pageSize)"> 
+						<span class="hidden-480">>|</span>
+					</a>
+				</li>
+			</ul>
+		</div>
+	</div>
+	<div class="span63" style="width: 18%; float: right;">
+		<div class="dataTables_length">
+			<input type="hidden" name="pageNo" id="pageNo" value="#(pageSize)" />
+			#if(_locale=='zh_CN')每页显示#end <select name="pageSize" style="width: 60px"
+				onchange="query(this,'#(link)')" id="newPageSize"
+				class="option2_1">
+				<option value="10" #(pageSize==10? "selected":"")>10</option>
+				<option value="20" #(pageSize==20? "selected":"")>20</option>
+				<option value="30" #(pageSize==30? "selected":"")>30</option>
+				<option value="50" #(pageSize==50? "selected":"")>50</option>
+				<option value="100" #(pageSize==100? "selected":"")>100</option>
+				<option value="200" #(pageSize==200? "selected":"")>200</option>
+			</select> #if(_locale=='zh_CN')条 #else Rows / Page #end
+		</div>
+	</div>
+</div>
+<script>
+function query(obj, url) {
+	location.href = url + "1-" + $(obj).val();
+}
+</script>
+#end

gloam/WebRoot/config/016config.html

@@ -0,0 +1,352 @@
+<!doctype html>
+<html>
+<head>
+
+<meta charset="utf-8" />
+<title>#(_res.get("system.config"))</title>
+<meta name="author" content="Matthew Wagerfield" />
+<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+<style>
+.box-content table {
+	margin-top: 10px;
+	width: 100%;
+	border: 1px solid #fff;
+}
+
+.box-content .form-horizontal .control-label {
+  width: 100px;
+}
+
+.box-content table td>div.control-group {
+	margin: 10px 5px !important;
+}
+
+.box-content table td>div.control-group div.controls {
+	margin-left: 60px !important;
+}
+
+.config-buttons {
+	margin: 20px auto 0px;
+	width: 190px;
+	text-transform: capitalize;
+}
+
+td.board-name {
+	width: 106px;
+	background-color: #DDB413;
+	text-align: center;
+	color: #000;
+	/* text-transform: capitalize; */
+}
+
+label.control-label{
+	text-transform: capitalize;
+}
+</style>
+</head>
+#include("/common/header.html")
+<body>
+	#if(session.successMessage!=null&&session.successMessage!="")
+	<input id="successMessage" value="#(_res.get(session.successMessage))" style="display:none">
+	#else
+	<input id="successMessage" value="#(session.successMessage)" style="display:none">
+	#end
+	
+	#if(session.errorMessage!=null&&session.errorMessage!="")
+	<input id="errorMessage" value="#(_res.get(session.errorMessage))" style="display:none">
+	#else
+	<input id="errorMessage" value="#(session.errorMessage)" style="display:none">
+	#end
+	<div class="row-fluid" style="margin:10px 20px; width:95%">
+		<div class="box span12">
+			<div class="box-header">
+	
+			</div>
+			<div class="box-content">
+				<ul class="nav tab-menu nav-tabs" id="myTab">
+					#for(deviceInfo:deviceInfos)
+						#if(session.tabTag)
+							#if(session.tabTag==deviceInfo.key)
+								<li class="active"><a href="#CPUSled#(for.index)">CPU Sled#(for.index)</a></li>
+							#else
+								<li><a href="#CPUSled#(for.index)">CPU Sled#(for.index)</a></li>
+							#end	
+						#else
+							#if(for.index==0)
+								<li class="active"><a href="#CPUSled#(for.index)">CPU Sled#(for.index)</a></li>
+							#else
+								<li><a href="#CPUSled#(for.index)">CPU Sled#(for.index)</a></li>
+							#end	
+						#end	
+					#end
+				</ul>
+				
+				<div id="myTabContent" class="tab-content">
+				
+				#for(deviceData:deviceInfos)
+				
+				#if(session.tabTag)
+					#if(session.tabTag==deviceData.key)
+						<div class="tab-pane active" id="CPUSled#(for.index)">
+								<div class="box-content">
+					#else
+						<div class="tab-pane" id="CPUSled#(for.index)">
+								<div class="box-content">
+					#end	
+				#else
+					#if(for.index==0)
+						<div class="tab-pane active" id="CPUSled#(for.index)">
+								<div class="box-content">
+					#else
+						<div class="tab-pane" id="CPUSled#(for.index)">
+								<div class="box-content">
+					#end	
+				#end	
+				
+				
+				<form class="form-horizontal" id="deviceConfig" action="/config/modifyConfig">
+					#for(deviceInfo:deviceData.value)
+					<table style="border: 1px solid #fff;" cellpadding="10">
+						<input type='hidden' name='count' value='#(for.index)'>
+						<input type='hidden' name='ip' value='#(deviceData.key)'>
+						<tr>
+							<input  type="hidden" value="#(deviceInfo.manageName)" name="deviceInfo#(for.index).manageName">
+							<td rowspan="2" class="board-name">#(deviceInfo.manageName)</td>
+							#if(deviceInfo.manageName.contains(':'))
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("software.type"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id="" type="text"
+											value=""
+											name="">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("software.release"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id="" type="text"
+											value=""
+											name="">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("ip"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id=""
+											type="text" value="#(deviceInfo.manageAddr)"
+											name="deviceInfo#(for.index).manageAddr"
+											>
+									</div>
+								</div>
+							</td>
+
+						</tr>
+						<tr>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("mac"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id=""
+											type="text" value="#(deviceInfo.manageMac)"
+											name="deviceInfo#(for.index).manageMac"
+											>
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("mask"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id="" type="text"
+											value="#(deviceInfo.manageMask)"
+											name="deviceInfo#(for.index).manageMask"
+											>
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("gateway"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id="" type="text"
+											value="#(deviceInfo.manageGateway)"
+											name="deviceInfo#(for.index).manageGateway"
+											>
+									</div>
+								</div>
+							</td>
+							#else
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("software.type"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id="" type="text"
+											value=""
+											name="">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("software.release"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id="" type="text"
+											value=""
+											name="">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("ip"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id=""
+											type="text" value="#(deviceInfo.manageAddr)"
+											name="deviceInfo#(for.index).manageAddr"
+											onblur="checkIp(this)">
+									</div>
+								</div>
+							</td>
+
+						</tr>
+						<tr>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("mac"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id=""
+											type="text" value="#(deviceInfo.manageMac)"
+											name="deviceInfo#(for.index).manageMac"
+											onblur="checkMac(this)">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("mask"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id="" type="text"
+											value="#(deviceInfo.manageMask)"
+											name="deviceInfo#(for.index).manageMask"
+											onblur='checkMask(this)'>
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("gateway"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id="" type="text"
+											value="#(deviceInfo.manageGateway)"
+											name="deviceInfo#(for.index).manageGateway"
+											onblur="checkGateway(this)">
+									</div>
+								</div>
+							</td>
+							#end
+						</tr>
+					</table>
+					#end
+					<div class="config-buttons" >
+						<button type="button" onclick="modifyDialog(this)"
+							class="btn btn-primary">#(_res.get("save.changes"))</button>
+						<button type="reset" class="btn">#(_res.get("reset"))</button>
+					</div>
+				</form>
+			</div>
+					</div>
+					#end
+				</div>
+				
+			</div>
+		</div>
+		<!--/span-->
+
+	</div>
+</body>
+
+<script>
+	changeFlag=true;
+	// 修改配置信息
+	function changeData(a){
+		//调用loading动画效果
+		 $('body').loading({
+			loadingWidth:240,
+			title:'#(_res.get("waitInfo"))',
+			name:'test',
+			discription:'这是一个描述...',
+			direction:'row',
+			type:'origin',
+			originBg:'#71EA71',
+			originDivWidth:30,
+			originDivHeight:30,
+			originWidth:4,
+			originHeight:4,
+			smallLoading:false,
+			titleColor:'#388E7A',
+			loadingBg:'rgba(56,43,14,0.8)',
+			loadingMaskBg:'rgba(22,22,22,0.2)'
+		}); 
+  		if(changeFlag){
+  			$.ajax({
+  	  			type:"post",
+  				dataType:'json',
+  				url:"/config/modifyConfig",
+  				data:$(a).parent().parent().serialize(),
+  				async:true,
+  				success:function (res){
+  					console.log(res)
+  					//关闭loading动画 同时重定向
+  					removeLoading('test');
+  					location.href="/config"
+  				}
+  	  		})
+  		}else{
+  			alert("请修改不正确数值");
+  			return;
+  		}
+  	}
+  	
+  	$(function(){
+  		var successMessage=$("#successMessage").val();
+  		var errorMessage=$("#errorMessage").val();
+  		if(successMessage!=null&&successMessage!=''&&successMessage!=undefined){
+  			xcsoft.success(successMessage,2000);
+  			#(session.removeAttribute("successMessage"))
+  			#(session.removeAttribute("tabTag"))
+  		}else if(errorMessage!=null&&errorMessage!=''&&errorMessage!=undefined){
+  			xcsoft.error(errorMessage,2000);
+  			#(session.removeAttribute("errorMessage"))
+  		}
+  	})
+  	//Error ! Please try again later 
+  	function changeData2(){
+  		xcsoft.success('Handle Success',2000);
+  	}
+  	
+  	function modifyDialog(a){
+  		var dialog=BootstrapDialog.confirm({  
+            title: 'WARNING',  
+            message: '<div style="text-align:center;font-size:20px">#(_res.get("modify.message"))</div>',  
+            cssClass: 'remove-dialog',
+            closable: true,
+            draggable: true,
+            btnCancelLabel: '#(_res.get("cancel"))', 
+            btnOKLabel: '#(_res.get("modify"))',
+            callback: function(result) {  
+               if(result){
+            	   changeData(a);
+               }else{
+            	   dialog.close();
+               }
+            }
+        });
+  		dialog.getModalHeader().hide();
+  	}
+  </script>
+</html>

gloam/WebRoot/config/102config.html

@@ -0,0 +1,324 @@
+<!doctype html>
+<html>
+<head>
+
+<meta charset="utf-8" />
+<title>#(_res.get("system.config"))</title>
+<meta name="author" content="Matthew Wagerfield" />
+<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+<style type="text/css">
+.box-content table {
+	margin-top: 10px;
+	width: 100%;
+	border: 1px solid #fff;
+}
+
+.box-content .form-horizontal .control-label {
+  width: 100px;
+}
+
+.box-content table td>div.control-group {
+	margin: 10px 5px !important;
+}
+
+.box-content table td>div.control-group div.controls {
+	margin-left: 60px !important;
+}
+
+.config-buttons {
+	margin: 20px auto 0px;
+	width: 180px;
+	text-transform: capitalize;
+}
+
+td.board-name {
+	width: 106px;
+	background-color: #DDB413;
+	text-align: center;
+	color: #000;
+}
+
+label.control-label{
+	text-transform: capitalize;
+}
+</style>
+</head>
+#include("/common/header.html")
+<body id='testLoading'>
+	#if(session.successMessage!=null&&session.successMessage!="")
+	<input id="successMessage" value="#(_res.get(session.successMessage))"
+		style="display:none"> #else
+	<input id="successMessage" value="#(session.successMessage)"
+		style="display:none"> #end
+
+	#if(session.errorMessage!=null&&session.errorMessage!="")
+	<input id="errorMessage" value="#(_res.get(session.errorMessage))"
+		style="display:none"> #else
+	<input id="errorMessage" value="#(session.errorMessage)"
+		style="display:none"> #end
+	<div class="row-fluid sortable" style="margin:10px 20px; width:95%">
+		<div class="box span12">
+			<div class="box-header" data-original-title>
+				<h2>
+					<i class="halflings-icon edit"></i><span class="break"></span>#(_res.get("system.config"))
+				</h2>
+			</div>
+			<div class="box-content">
+
+				<form class="form-horizontal" id="deviceConfig">
+					#for(deviceData:deviceInfos)
+					#for(deviceInfo:deviceData.value)
+					<table style="border: 1px solid #fff;" cellpadding="10">
+						<input type='hidden' name='count' value='#(for.index)'>
+						<tr>
+							<input  type="hidden" value="#(deviceInfo.manageName)" name="deviceInfo#(for.index).manageName">
+							<td rowspan="2" class="board-name">#(deviceInfo.manageName)</td>
+							#if(deviceInfo.manageName.contains(':'))
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("software.type"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id="" type="text"
+											value=""
+											name="">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("software.release"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id="" type="text"
+											value=""
+											name="">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("ip"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id=""
+											type="text" value="#(deviceInfo.manageAddr)"
+											name="deviceInfo#(for.index).manageAddr"
+											>
+									</div>
+								</div>
+							</td>
+
+						</tr>
+						<tr>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("mac"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id=""
+											type="text" value="#(deviceInfo.manageMac)"
+											name="deviceInfo#(for.index).manageMac"
+											>
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("mask"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id="" type="text"
+											value="#(deviceInfo.manageMask)"
+											name="deviceInfo#(for.index).manageMask"
+											>
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("gateway"))</label>
+									<div class="controls">
+										<input readonly='readonly' class="input-medium focused" id="" type="text"
+											value="#(deviceInfo.manageGateway)"
+											name="deviceInfo#(for.index).manageGateway"
+											>
+									</div>
+								</div>
+							</td>
+							#else
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("software.type"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id="" type="text"
+											value=""
+											name="">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("software.release"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id="" type="text"
+											value=""
+											name="">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("ip"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id=""
+											type="text" value="#(deviceInfo.manageAddr)"
+											name="deviceInfo#(for.index).manageAddr"
+											onblur="checkIp(this)">
+									</div>
+								</div>
+							</td>
+
+						</tr>
+						<tr>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("mac"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id=""
+											type="text" value="#(deviceInfo.manageMac)"
+											name="deviceInfo#(for.index).manageMac"
+											onblur="checkMac(this)">
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("mask"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id="" type="text"
+											value="#(deviceInfo.manageMask)"
+											name="deviceInfo#(for.index).manageMask"
+											onblur='checkMask(this)'>
+									</div>
+								</div>
+							</td>
+							<td>
+								<div class="control-group">
+									<label class="control-label" for="focusedInput">#(_res.get("gateway"))</label>
+									<div class="controls">
+										<input class="input-medium focused" id="" type="text"
+											value="#(deviceInfo.manageGateway)"
+											name="deviceInfo#(for.index).manageGateway"
+											onblur="checkGateway(this)">
+									</div>
+								</div>
+							</td>
+							#end
+							#end
+						</tr>
+					</table>
+					#end
+					#if(deviceInfos)
+						<div class="config-buttons" >
+							<button type="button" onclick="modifyDialog()"
+								class="btn btn-primary">#(_res.get("save.changes"))</button>
+							<button type="reset" class="btn">#(_res.get("reset"))</button>
+						</div>
+					#else
+						<p style="text-align:center">暂无数据信息</p>
+					#end	
+				</form>
+			</div>
+		</div>
+		<!--/span-->
+	</div>
+</body>
+
+<script>  	
+	changeFlag=true;
+  	$(function(){
+  		$("div.config-buttons").each(function(i,e){
+  			$(e).css("width",function(){
+	  			var $this = $(this);
+	  			var width  = 10;
+	  			$this.find("button").each(function(i,n){
+	  				var $n = $(n);
+	  				width += parseInt($n.css("width"));
+	  			});
+	  			return width;
+	  		});
+  		});
+  	});
+
+	// 修改配置信息
+	function changeData(){
+  		if(changeFlag){
+  			//调用loading动画效果
+			 $('body').loading({
+				loadingWidth:240,
+				title:'#(_res.get("waitInfo"))',
+				name:'test',
+				discription:'这是一个描述...',
+				direction:'row',
+				type:'origin',
+				originBg:'#71EA71',
+				originDivWidth:30,
+				originDivHeight:30,
+				originWidth:4,
+				originHeight:4,
+				smallLoading:false,
+				titleColor:'#388E7A',
+				loadingBg:'rgba(56,43,14,0.8)',
+				loadingMaskBg:'rgba(22,22,22,0.2)'
+			}); 
+  			
+  			
+  			$.ajax({
+  	  			type:"post",
+  				dataType:'json',
+  				url:"/config/modifyConfig",
+  				data:$('#deviceConfig').serialize(),
+  				async:true,
+  				success:function (res){
+  					console.log(res)
+  					//关闭loading动画 同时重定向
+  					removeLoading('test');
+  					location.href="/config"
+  				}
+  	  		})
+  		}else{
+  			alert("请修改不正确数值");
+  			return;
+  		}
+  	}
+  	// 执行操作后提示信息
+  	$(function(){
+  		var successMessage=$("#successMessage").val();
+  		var errorMessage=$("#errorMessage").val();
+  		if(successMessage!=null&&successMessage!=''&&successMessage!=undefined){
+  			xcsoft.success(successMessage,2000);
+  			#(session.removeAttribute("successMessage"))
+  		}else if(errorMessage!=null&&errorMessage!=''&&errorMessage!=undefined){
+  			xcsoft.error(errorMessage,2000);
+  			#(session.removeAttribute("errorMessage"))
+  		}
+  	})
+
+  	
+  	function modifyDialog(){
+  		var dialog=BootstrapDialog.confirm({  
+            title: 'WARNING',  
+            message: '<div style="text-align:center;font-size:20px">#(_res.get("modify.message"))</div>',  
+            cssClass: 'remove-dialog',
+            closable: true,
+            draggable: true,
+            btnCancelLabel: '#(_res.get("cancel"))', 
+            btnOKLabel: '#(_res.get("modify"))',
+            callback: function(result) {  
+               if(result){
+            	   changeData();
+               }else{
+            	   dialog.close();
+               }
+            }
+        });
+  		dialog.getModalHeader().hide();
+  	}
+  </script>
+</html>

gloam/WebRoot/config/config.html

@@ -0,0 +1,413 @@
+<!doctype html>
+<html>
+<head>
+
+<meta charset="utf-8" />
+<title>#(_res.get("system.config"))</title>
+<meta name="author" content="Matthew Wagerfield" />
+<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+<style>
+.box-content table {
+	margin-top: 10px;
+	width: 100%;
+	border: 1px solid #fff;
+}
+
+.box-content .form-horizontal .control-label {
+  width: 100px;
+}
+
+.box-content table td>div.control-group {
+	margin: 10px 5px !important;
+}
+
+.box-content table td>div.control-group div.controls {
+	margin-left: 60px !important;
+}
+
+.config-buttons {
+	margin: 20px auto 0px;
+	width: 190px;
+	text-transform: capitalize;
+}
+
+td.board-name {
+	width: 106px;
+	background-color: #DDB413;
+	text-align: center;
+	color: #000;
+	/* text-transform: capitalize; */
+}
+
+label.control-label{
+	text-transform: capitalize;
+}
+
+</style>
+<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
+</head>
+#include("/common/header.html")
+<body>
+	#if(session.successMessage!=null&&session.successMessage!="")
+	<input id="successMessage" value="#(_res.get(session.successMessage))" style="display:none">
+	#else
+	<input id="successMessage" value="#(session.successMessage)" style="display:none">
+	#end
+	
+	#if(session.errorMessage!=null&&session.errorMessage!="")
+	<input id="errorMessage" value="#(_res.get(session.errorMessage))" style="display:none">
+	#else
+	<input id="errorMessage" value="#(session.errorMessage)" style="display:none">
+	#end
+	<div class="row-fluid" style="margin:10px 20px; width:95%">
+				#--<ul class="nav tab-menu nav-tabs" id="myTab">
+					#for(nodeData:nodeDatas)
+						#if(session.tabTag)
+							#if(session.tabTag==nodeData.key)
+								<li class="active" id='#(nodeData.key)'><a href="##(nodeData.value.name)">#(nodeData.value.name)</a></li>
+							#else
+								<li id="#(nodeData.key)"><a href="##(nodeData.value.name)">#(nodeData.value.name)</a></li>
+							#end	
+						#else
+							#if(for.index==0)
+								<li class="active" id='#(nodeData.key)'><a href="##(nodeData.value.name)">#(nodeData.value.name)</a></li>
+							#else
+								<li id="#(nodeData.key)"><a href="##(nodeData.value.name)">#(nodeData.value.name)</a></li>
+							#end	
+						#end	
+					#end
+				</ul>--#
+				<div style="margin-left:8px">
+					#for(x : nodeDatas)
+						#if(session.tabTag)
+							#if(session.tabTag == x.key)
+								#set(class="tab tab-active")
+							#else
+								#set(class="tab")
+							#end
+						#else
+							#if(for.index==0)
+								#set(class="tab tab-active")
+							#else
+								#set(class="tab")
+							#end
+						#end
+						<div class="#(class)" id="#(x.key)">#(x.value.name)</div>
+					#end
+				</div>
+				<div id="myTabContent" class="tab-content">
+				
+				#for(deviceData:deviceInfos)
+				
+				#if(session.tabTag)
+					#if(session.tabTag==deviceData.key)
+						<div class="tab-pane active" id="#(nodeDatas.get(deviceData.key).name)">
+								<div class="box-content">
+					#else
+						<div class="tab-pane" id="#(nodeDatas.get(deviceData.key).name)">
+								<div class="box-content">
+					#end	
+				#else
+					#if(for.index==0)
+						<div class="tab-pane active" id="#(nodeDatas.get(deviceData.key).name)">
+								<div class="box-content">
+					#else
+						<div class="tab-pane" id="#(nodeDatas.get(deviceData.key).name)">
+								<div class="box-content">
+					#end	
+				#end	
+				
+				#if(deviceData.value??&&deviceData.value.size()>0)
+					<form class="form-horizontal" id="deviceConfig" action="/config/modifyConfig">
+						#for(deviceInfo:deviceData.value)
+						<table style="border: 1px solid #fff;" cellpadding="10">
+							<input type='hidden' name='count' value='#(for.index)'>
+							<input type='hidden' name='ip' value='#(deviceData.key)'>
+							<input type="hidden" name='deviceInfo#(for.index).masterFlag' value="#(deviceInfo.masterFlag)"/>
+							<input type="hidden" name='deviceInfo#(for.index).nodeTableId' value="#(deviceInfo.nodeTableId)"/>
+							<tr>
+								<input  type="hidden" value="#(deviceInfo.manageName)" name="deviceInfo#(for.index).manageName">
+								<td rowspan="2" class="board-name">#(deviceInfo.manageName)</td>
+								#if(deviceInfo.manageName.contains(':'))
+								#--<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("software.type"))</label>
+										<div class="controls">
+											<input readonly='readonly' class="input-medium focused" id="" type="text"
+												value=""
+												name="">
+										</div>
+									</div>
+								</td>
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("software.release"))</label>
+										<div class="controls">
+											<input readonly='readonly' class="input-medium focused" id="" type="text"
+												value=""
+												name="">
+										</div>
+									</div>
+								</td>--#
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("ip"))</label>
+										<div class="controls">
+											<input readonly='readonly' class="input-medium focused" id=""
+												type="text" value="#(deviceInfo.manageAddr)"
+												name="deviceInfo#(for.index).manageAddr"
+												>
+										</div>
+									</div>
+								</td>
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("mac"))</label>
+										<div class="controls">
+											<input readonly='readonly' class="input-medium focused" id=""
+												type="text" value="#(deviceInfo.manageMac)"
+												name="deviceInfo#(for.index).manageMac"
+												>
+										</div>
+									</div>
+								</td>
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("mask"))</label>
+										<div class="controls">
+											<input readonly='readonly' class="input-medium focused" id="" type="text"
+												value="#(deviceInfo.manageMask)"
+												name="deviceInfo#(for.index).manageMask"
+												>
+										</div>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("gateway"))</label>
+										<div class="controls">
+											<input readonly='readonly' class="input-medium focused" id="" type="text"
+												value="#(deviceInfo.manageGateway)"
+												name="deviceInfo#(for.index).manageGateway"
+												>
+										</div>
+									</div>
+								</td>
+								<td></td>
+								<td></td>
+								#else
+								#--<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("software.type"))</label>
+										<div class="controls">
+											<input class="input-medium focused" id="" type="text"
+												value=""
+												name="">
+										</div>
+									</div>
+								</td>
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("software.release"))</label>
+										<div class="controls">
+											<input class="input-medium focused" id="" type="text"
+												value=""
+												name="">
+										</div>
+									</div>
+								</td>--#
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("ip"))</label>
+										<div class="controls">
+											<input class="input-medium focused" id=""
+												type="text" value="#(deviceInfo.manageAddr)"
+												name="deviceInfo#(for.index).manageAddr"
+												onblur="checkIp(this)">
+										</div>
+									</div>
+								</td>
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("mac"))</label>
+										<div class="controls">
+											<input class="input-medium focused" id=""
+												type="text" value="#(deviceInfo.manageMac)"
+												name="deviceInfo#(for.index).manageMac"
+												onblur="checkMac(this)">
+										</div>
+									</div>
+								</td>
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("mask"))</label>
+										<div class="controls">
+											<input class="input-medium focused" id="" type="text"
+												value="#(deviceInfo.manageMask)"
+												name="deviceInfo#(for.index).manageMask"
+												onblur='checkMask(this)'>
+										</div>
+									</div>
+								</td>
+							</tr>
+							<tr>
+								<td>
+									<div class="control-group">
+										<label class="control-label" for="focusedInput">#(_res.get("gateway"))</label>
+										<div class="controls">
+											<input class="input-medium focused" id="" type="text"
+												value="#(deviceInfo.manageGateway)"
+												name="deviceInfo#(for.index).manageGateway"
+												onblur="checkGateway(this)">
+										</div>
+									</div>
+								</td>
+								<td></td>
+								<td></td>
+								#end
+							</tr>
+						</table>
+						#end
+						<div class="config-buttons" >
+							<button type="button" onclick="modifyDialog(this)"
+								class="btn btn-primary">#(_res.get("save.changes"))</button>
+							<button type="reset" class="btn">#(_res.get("reset"))</button>
+						</div>
+					</form>
+				#end
+			</div>
+			</div>
+			#end
+		</div>
+				
+		<!--/span-->
+
+	</div>
+</body>
+
+<script>
+	changeFlag=true;
+	// 修改配置信息
+	function changeData(a){
+		//调用loading动画效果
+		 $('body').loading({
+			loadingWidth:240,
+			title:'#(_res.get("waitInfo"))',
+			name:'test',
+			discription:'这是一个描述...',
+			direction:'row',
+			type:'origin',
+			originBg:'#71EA71',
+			originDivWidth:30,
+			originDivHeight:30,
+			originWidth:4,
+			originHeight:4,
+			smallLoading:false,
+			titleColor:'#388E7A',
+			loadingBg:'rgba(56,43,14,0.8)',
+			loadingMaskBg:'rgba(22,22,22,0.2)'
+		}); 
+  		if(changeFlag){
+  			$.ajax({
+  	  			type:"post",
+  				dataType:'json',
+  				url:"/config/modifyConfig",
+  				data:$(a).parent().parent().serialize(),
+  				async:true,
+  				success:function (res){
+  					console.log(res)
+  					//关闭loading动画 同时重定向
+  					removeLoading('test');
+  					location.href="/config"
+  				}
+  	  		})
+  		}else{
+  			alert("请修改不正确数值");
+  			return;
+  		}
+  	}
+  	
+  	$(function(){
+  		var successMessage=$("#successMessage").val();
+  		var errorMessage=$("#errorMessage").val();
+  		if(successMessage!=null&&successMessage!=''&&successMessage!=undefined){
+  			xcsoft.success(successMessage,2000);
+  			#(session.removeAttribute("successMessage"))
+  			#(session.removeAttribute("tabTag"))
+  		}else if(errorMessage!=null&&errorMessage!=''&&errorMessage!=undefined){
+  			xcsoft.error(errorMessage,2000);
+  			#(session.removeAttribute("errorMessage"))
+  		}
+  		
+  		$(".tab").click(function(){
+  			$(".active").attr("class", "tab-pane");
+  			$(".tab-active").attr("class", "tab");
+  			$(this).attr("class", "tab tab-active");
+  			$("#" + $(this).text()).attr("class", "tab-pane active");
+  		});
+  	})
+  	//Error ! Please try again later 
+  	function changeData2(){
+  		xcsoft.success('Handle Success',2000);
+  	}
+  	
+  	function modifyDialog(a){
+  		#--var dialog=BootstrapDialog.confirm({  
+            title: 'WARNING',  
+            message: '<div style="text-align:center;font-size:20px">#(_res.get("modify.message"))</div>',  
+            cssClass: 'remove-dialog',
+            closable: true,
+            draggable: true,
+            btnCancelLabel: '#(_res.get("cancel"))', 
+            btnOKLabel: '#(_res.get("modify"))',
+            callback: function(result) {  
+               if(result){
+            	   changeData(a);
+               }else{
+            	   dialog.close();
+               }
+            }
+        });
+  		dialog.getModalHeader().hide();--#
+  		
+  		if(changeFlag){
+	  		top.$("#dialog").text("#(_res.get('confirm.update'))");
+			top.$("#dialog").dialog({
+				dialogClass: "no-close",
+				modal:true,
+				buttons: {
+					Yes: function() {
+						top.$("#dialog").dialog("close");
+						
+							var loading = top.layer.msg("<font color='black'>&nbsp;&nbsp;loading...</font>", {shade:0.1,icon:16,time:999000})
+				  			$.ajax({
+				  	  			type:"post",
+				  				dataType:'json',
+				  				url:"/config/modifyConfig",
+				  				data:$(a).parent().parent().serialize(),
+				  				async:true,
+				  				success:function (res){
+				  					top.layer.close(loading);
+				  					location.href="/config"
+				  				},
+								error:function() {
+									top.layer.close(loading);
+									location.href = "/config";
+								}
+				  	  		});
+				  		
+					},
+					No: function() {
+						top.$("#dialog").dialog("close");
+					}
+				}
+			});
+  		}else {
+  			top.myAlert("请修改不正确数值");
+  			return;
+  		}
+  	}
+  </script>
+</html>

gloam/WebRoot/config/softConfig.html

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+#include("/common/header.html")
+<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
+<style>
+table {
+	table-layout: fixed;
+	border-collapse: collapse;
+	width: 100%;
+	line-height: 35px;
+}
+th {
+	text-align: center;
+}
+.horizontal {
+	text-align: center;
+}
+.vertical {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	vertical-align: middle !important;
+}
+</style>
+<script>
+$(document).ready(function(){
+	$(".sub").each(function(){
+		$(this).click(function(){
+			var tr = $(this).parent().parent();
+			var confValue = tr.find("[name=confValue]").val();
+			if(!confValue) {
+				top.myAlert("#(_res.get('column')) \"#(_res.get('value'))\" #(_res.get('isRequired'))");
+				tr.find("[name=confValue]").focus();
+				return;
+			}
+			top.$("#dialog").text("#(_res.get('confirm.update'))");
+			top.$("#dialog").dialog({
+				dialogClass: "no-close",
+				modal:true,
+				buttons: {
+					Yes: function() {
+						var tempName = tr.find("[name=tempName]").val();
+						var id = tr.find("[name=id]").val();
+						$.ajax({
+							data:{tempName:tempName, id:id, confValue:confValue},
+							dataType:'text',
+							type:'POST',
+							url:'/softConfig/update',
+							success:function(res) {
+								if(res == 1) {
+									top.myAlert("#(_res.get('handle.success'))");
+								} else {
+									top.myAlert("#(_res.get('handle.error'))");
+								}
+							},
+							error:function() {
+								top.myAlert("#(_res.get('handle.error'))");
+								location.href = "/softConfig/index";
+							}
+						})
+						top.$("#dialog").dialog("close");
+					},
+					No: function() {
+						top.$("#dialog").dialog("close");
+					}
+				}
+			});
+		});
+	});
+})
+
+function myup(obj) {
+	$(obj).attr("class", "my-button-up");
+}
+
+function mydown(obj) {
+	$(obj).attr("class", "my-button-down");
+}
+</script>
+</head>
+<body class="bcColor noScroll-y aC">
+	<!--中间部分右边开始-->
+	<div class="container-fluid-full">
+		<div class="row-fluid">
+			<noscript>
+				<div class="alert alert-block span10">
+					<h4 class="alert-heading">Warning!</h4>
+					<p>
+						You need to have <a href="http://en.wikipedia.org/wiki/JavaScript"
+							target="_blank">JavaScript</a> enabled to use this site.
+					</p>
+				</div>
+			</noscript>
+			<div id="content" class="span10">
+				<div class="row-fluid" style="margin-top: 10px">
+					<div class="box span12">
+						<div class="box-header" data-original-title>
+							<h2>
+								<i class="halflings-icon align-justify"></i><span class="break"></span>
+							</h2>
+						</div>
+						<div class="box-content lianxiang">
+							<table class="table table-striped table-bordered" id="info">
+								<thead>
+									<tr>
+										<th width="10%">#(_res.get("monitor.card"))</th>
+										<th width="12%">#(_res.get("softConfig.key"))</th>
+										<th width="20%">#(_res.get("value"))</th>
+										<th width="30%">#(_res.get("description"))</th>
+										<th width="5%"></th>
+									</tr>
+								</thead>
+								<tbody>
+									#set(flag = 0)
+									#for(x : result.keySet())
+										#for(y : result.get(x))
+										<tr>
+											<input type="hidden" name="id" value="#(y.id)"/>
+											<input type="hidden" name="tempName" value="#(y.tempName)"/>
+											#if(flag == 0)
+												<td class="horizontal vertical" rowspan="#(result.get(x).size())" title="#(x)">#(x)</td>
+												#set(flag = 1)
+											#end
+											<td class="horizontal vertical" title="#(y.userField)">#(y.userField)</td>
+											<td class="horizontal vertical">
+												#if(y.error == 1)
+													<span style="color:red;" title="#(_res.get('softConfig.error')):#(y.confFile)">#(_res.get('softConfig.error')):#(y.confFile)</span>
+												#else
+													#if(y.isModify == 1)
+														<input name="confValue" style="padding:0 6px;height:26px;" value="#(y.confValue)"/>
+													#else
+														<span title="#(y.confValue)">#(y.confValue)</span>
+													#end
+												#end
+											</td>
+											<td class="vertical" title="#(y.userTip)">#(y.userTip)</td>
+											<td class="horizontal vertical">
+												#if(y.isModify == 1 && y.error != 1)
+												<div class="my-button-up sub" onmousedown="mydown(this)" onmouseup="myup(this)"><span class="icon-arrow-up"></span></div>
+												#end
+											</td>
+										</tr>
+										#end
+										#set(flag = 0)
+									#end
+								</tbody>
+							</table>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>

gloam/WebRoot/css/DT_bootstrap.css

@@ -0,0 +1,202 @@
+
+div.dataTables_length label {
+	float: left;
+	text-align: left;
+}
+
+div.dataTables_length select {
+	width: 75px;
+}
+
+div.dataTables_filter label {
+	float: right;
+}
+
+div.dataTables_info {
+	padding-top: 8px;
+}
+
+div.dataTables_paginate {
+	text-align: center;
+}
+
+table.table {
+	clear: both;
+	margin-bottom: 6px !important;
+	max-width: none !important;
+}
+
+table.table thead .sorting,
+table.table thead .sorting_asc,
+table.table thead .sorting_desc,
+table.table thead .sorting_asc_disabled,
+table.table thead .sorting_desc_disabled {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+table.table thead .sorting { background: url('../image/sort_both.png') no-repeat center right; }
+table.table thead .sorting_asc { background: url('../image/sort_asc.png') no-repeat center right; }
+table.table thead .sorting_desc { background: url('../image/sort_desc.png') no-repeat center right; }
+
+table.table thead .sorting_asc_disabled { background: url('../image/sort_asc_disabled.png') no-repeat center right; }
+table.table thead .sorting_desc_disabled { background: url('../image/sort_desc_disabled.png') no-repeat center right; }
+
+table.dataTable th:active {
+	outline: none;
+}
+
+/* Scrolling */
+div.dataTables_scrollHead table {
+	margin-bottom: 0 !important;
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+	border-top: none;
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+	border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+	border-top: none;
+}
+
+
+
+
+/*
+ * TableTools styles
+ */
+.table tbody tr.active td,
+.table tbody tr.active th {
+	background-color: #08C;
+	color: white;
+}
+
+.table tbody tr.active:hover td,
+.table tbody tr.active:hover th {
+	background-color: #0075b0 !important;
+}
+
+.table-striped tbody tr.active:nth-child(odd) td,
+.table-striped tbody tr.active:nth-child(odd) th {
+	background-color: #017ebc;
+}
+
+table.DTTT_selectable tbody tr {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+div.DTTT .btn {
+	color: #333 !important;
+	font-size: 12px;
+}
+
+div.DTTT .btn:hover {
+	text-decoration: none !important;
+}
+
+
+ul.DTTT_dropdown.dropdown-menu a {
+	color: #333 !important; /* needed only when demo_page.css is included */
+}
+
+ul.DTTT_dropdown.dropdown-menu li:hover a {
+	background-color: #0088cc;
+	color: white !important;
+}
+
+/* TableTools information display */
+div.DTTT_print_info.modal {
+	height: 150px;
+	margin-top: -75px;
+	text-align: center;
+}
+
+div.DTTT_print_info h6 {
+	font-weight: normal;
+	font-size: 28px;
+	line-height: 28px;
+	margin: 1em;
+}
+
+div.DTTT_print_info p {
+	font-size: 14px;
+	line-height: 20px;
+}
+
+
+
+/*
+ * FixedColumns styles
+ */
+div.DTFC_LeftHeadWrapper table,
+div.DTFC_LeftFootWrapper table,
+table.DTFC_Cloned tr.even {
+	background-color: white;
+}
+
+div.DTFC_LeftHeadWrapper table {
+	margin-bottom: 0 !important;
+	border-top-right-radius: 0 !important;
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.DTFC_LeftBodyWrapper table {
+	border-top: none;
+	margin-bottom: 0 !important;
+}
+
+div.DTFC_LeftBodyWrapper tbody tr:first-child th,
+div.DTFC_LeftBodyWrapper tbody tr:first-child td {
+	border-top: none;
+}
+
+div.DTFC_LeftFootWrapper table {
+	border-top: none;
+}
+.pagination {
+	margin: 0;
+}
+.row-fluid .span61 {
+	width: 20%; 
+}
+.row-fluid .span62 {
+	width: 52%; 
+}
+.row-fluid .span63 {
+	width: 22%; 
+}
+.dataTables_length{
+	float: right;
+}
+select {
+  width: 76px;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  height: 25px;
+}
+
+label,select {
+	font-size: 12px;
+}

gloam/WebRoot/css/bootstrap-dialog-1.35.4.min.css

@@ -0,0 +1,129 @@
+.bootstrap-dialog .modal-header {
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px
+}
+
+.bootstrap-dialog .bootstrap-dialog-title {
+	color: #fff;
+	display: inline-block;
+	font-size: 16px
+}
+
+.bootstrap-dialog .bootstrap-dialog-message {
+	font-size: 14px
+}
+
+.bootstrap-dialog .bootstrap-dialog-button-icon {
+	margin-right: 3px
+}
+
+.bootstrap-dialog .bootstrap-dialog-close-button {
+	font-size: 20px;
+	float: right;
+	opacity: .9;
+	filter: alpha(opacity = 90)
+}
+
+.bootstrap-dialog .bootstrap-dialog-close-button:hover {
+	cursor: pointer;
+	opacity: 1;
+	filter: alpha(opacity = 100)
+}
+
+.bootstrap-dialog.type-default .modal-header {
+	background-color: #fff
+}
+
+.bootstrap-dialog.type-default .bootstrap-dialog-title {
+	color: #333
+}
+
+.bootstrap-dialog.type-info .modal-header {
+	background-color: #5bc0de
+}
+
+.bootstrap-dialog.type-primary .modal-header {
+	background-color: rgba(58,58,58,1)
+}
+
+.bootstrap-dialog.type-success .modal-header {
+	background-color: #5cb85c
+}
+
+.bootstrap-dialog.type-warning .modal-header {
+	background-color: #f0ad4e
+}
+
+.bootstrap-dialog.type-danger .modal-header {
+	background-color: #d9534f
+}
+
+.bootstrap-dialog.size-large .bootstrap-dialog-title {
+	font-size: 24px
+}
+
+.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
+	font-size: 30px
+}
+
+.bootstrap-dialog.size-large .bootstrap-dialog-message {
+	font-size: 18px
+}
+
+.bootstrap-dialog .icon-spin {
+	display: inline-block;
+	-moz-animation: spin 2s infinite linear;
+	-o-animation: spin 2s infinite linear;
+	-webkit-animation: spin 2s infinite linear;
+	animation: spin 2s infinite linear
+}
+
+@
+-moz-keyframes spin { 0%{
+	-moz-transform: rotate(0deg)
+}
+
+100%{
+-moz-transform
+:rotate(359deg)
+}
+}
+@
+-webkit-keyframes spin { 0%{
+	-webkit-transform: rotate(0deg)
+}
+
+100%{
+-webkit-transform
+:rotate(359deg)
+}
+}
+@
+-o-keyframes spin { 0%{
+	-o-transform: rotate(0deg)
+}
+
+100%{
+-o-transform
+:rotate(359deg)
+}
+}
+@
+-ms-keyframes spin { 0%{
+	-ms-transform: rotate(0deg)
+}
+
+100%{
+-ms-transform
+:rotate(359deg)
+}
+}
+@
+keyframes spin { 0%{
+	transform: rotate(0deg)
+}
+100%{
+transform
+:rotate(359deg)
+}
+}

gloam/WebRoot/css/chart.css

@@ -0,0 +1,75 @@
+.bar {
+	display: inline;
+	border: none;
+	width:142px;
+	height:26px;
+}
+.bar-input {
+	background-color: #aaacad;
+	padding: 0 6px;
+}
+.icon-search:hover, .tab:not(.tab-active):hover, .my-button-up:hover, .my-button-down:hover, #search:hover {
+	cursor: pointer;
+}
+.tab {
+	display:inline-block;
+	height:30px;
+	line-height:30px;
+	border:1px solid #696969;
+	border-bottom: 0;
+	border-radius: 6px 6px 0 0;
+	padding:0 10px;
+	background-color: #4C4C4C;
+	min-width: 100px;
+	text-align:center;
+	margin-top: 5px;
+	margin-bottom: -1px;
+	font-size: 14px;
+}
+.tab.tab-active {
+	background-color: #333333;
+}
+.tab-active:hover {
+	cursor: default;
+}
+.my-radio {
+	display: inline-block;
+	width: 12%;
+	align: left;
+}
+.my-button-up {
+	display: inline-block;
+	box-shadow: black 0 0 5px 0;
+	height: 25px;
+	text-align: center;
+	line-height: 25px;
+	padding: 2px 9px;
+	background-color: #eeeeee;
+	font-size: 12px;
+	border-radius: 4px 4px 4px 4px;
+	color: black;
+	user-select: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+}
+.my-button-down {
+	display: inline-block;
+	box-shadow: black 0 0 5px 0;
+	height: 25px;
+	text-align: center;
+	line-height: 25px;
+	padding: 2px 9px;
+	background-color: #bbbbbb;
+	font-size: 12px;
+	border-radius: 4px 4px 4px 4px;
+	color: black;
+	user-select: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+}
+.my-checkbox {
+	display: inline-block;
+	width: 12%;
+	align: left;
+	font-size: 12px;
+}

gloam/WebRoot/css/chosen.css

@@ -0,0 +1,398 @@
+/* @group Base */
+.chzn-container {
+  font-size: 13px;
+  position: relative;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+}
+.chzn-container .chzn-drop {
+  background: #fff;
+  border: 1px solid #aaa;
+  border-top: 0;
+  position: absolute;
+  top: 29px;
+  left: 0;
+  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
+  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
+  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
+  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
+  z-index: 1010;
+}
+/* @end */
+
+/* @group Single Chosen */
+.chzn-container-single .chzn-single {
+  background-color: #ffffff;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
+  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
+  -webkit-border-radius: 5px;
+  -moz-border-radius   : 5px;
+  border-radius        : 5px;
+  -moz-background-clip   : padding;
+  -webkit-background-clip: padding-box;
+  background-clip        : padding-box;
+  border: 1px solid #aaaaaa;
+  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
+  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
+  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  position: relative;
+  height: 23px;
+  line-height: 24px;
+  padding: 0 0 0 8px;
+  color: #444444;
+  text-decoration: none;
+}
+.chzn-container-single .chzn-default {
+  color: #999;
+}
+.chzn-container-single .chzn-single span {
+  margin-right: 26px;
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  -o-text-overflow: ellipsis;
+  -ms-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+}
+.chzn-container-single .chzn-single abbr {
+  display: block;
+  position: absolute;
+  right: 26px;
+  top: 6px;
+  width: 12px;
+  height: 13px;
+  font-size: 1px;
+  background: url('../img/chosen-sprite.png') right top no-repeat;
+}
+.chzn-container-single .chzn-single abbr:hover {
+  background-position: right -11px;
+}
+.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
+  background-position: right top;
+}
+.chzn-container-single .chzn-single div {
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: block;
+  height: 100%;
+  width: 18px;
+}
+.chzn-container-single .chzn-single div b {
+  background: url('../img/chosen-sprite.png') no-repeat 0 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.chzn-container-single .chzn-search {
+  padding: 3px 4px;
+  position: relative;
+  margin: 0;
+  white-space: nowrap;
+  z-index: 1010;
+}
+.chzn-container-single .chzn-search input {
+  background: #fff url('../img/chosen-sprite.png') no-repeat 100% -22px;
+  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background: url('../img/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  margin: 1px 0;
+  padding: 4px 20px 4px 5px;
+  outline: 0;
+  border: 1px solid #aaa;
+  font-family: sans-serif;
+  font-size: 1em;
+}
+.chzn-container-single .chzn-drop {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius   : 0 0 4px 4px;
+  border-radius        : 0 0 4px 4px;
+  -moz-background-clip   : padding;
+  -webkit-background-clip: padding-box;
+  background-clip        : padding-box;
+}
+/* @end */
+
+.chzn-container-single-nosearch .chzn-search input {
+  position: absolute;
+  left: -9000px;
+}
+
+/* @group Multi Chosen */
+.chzn-container-multi .chzn-choices {
+  background-color: #fff;
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  border: 1px solid #aaa;
+  margin: 0;
+  padding: 0;
+  cursor: text;
+  overflow: hidden;
+  height: auto !important;
+  height: 1%;
+  position: relative;
+}
+.chzn-container-multi .chzn-choices li {
+  float: left;
+  list-style: none;
+}
+.chzn-container-multi .chzn-choices .search-field {
+  white-space: nowrap;
+  margin: 0;
+  padding: 0;
+}
+.chzn-container-multi .chzn-choices .search-field input {
+  color: #666;
+  background: transparent !important;
+  border: 0 !important;
+  font-family: sans-serif;
+  font-size: 100%;
+  height: 15px;
+  padding: 5px;
+  margin: 1px 0;
+  outline: 0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow   : none;
+  -o-box-shadow     : none;
+  box-shadow        : none;
+}
+.chzn-container-multi .chzn-choices .search-field .default {
+  color: #999;
+}
+.chzn-container-multi .chzn-choices .search-choice {
+  -webkit-border-radius: 3px;
+  -moz-border-radius   : 3px;
+  border-radius        : 3px;
+  -moz-background-clip   : padding;
+  -webkit-background-clip: padding-box;
+  background-clip        : padding-box;
+  background-color: #e4e4e4;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); 
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
+  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 
+  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
+  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
+  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
+  color: #333;
+  border: 1px solid #aaaaaa;
+  line-height: 13px;
+  padding: 3px 20px 3px 5px;
+  margin: 3px 0 3px 5px;
+  position: relative;
+  cursor: default;
+}
+.chzn-container-multi .chzn-choices .search-choice-focus {
+  background: #d4d4d4;
+}
+.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
+  display: block;
+  position: absolute;
+  right: 3px;
+  top: 4px;
+  width: 12px;
+  height: 13px;
+  font-size: 1px;
+  background: url('../img/chosen-sprite.png') right top no-repeat;
+}
+.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
+  background-position: right -11px;
+}
+.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
+  background-position: right -11px;
+}
+/* @end */
+
+/* @group Results */
+.chzn-container .chzn-results {
+  margin: 0 4px 4px 0;
+  max-height: 240px;
+  padding: 0 0 0 4px;
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.chzn-container-multi .chzn-results {
+  margin: -1px 0 0;
+  padding: 0;
+}
+.chzn-container .chzn-results li {
+  display: none;
+  line-height: 15px;
+  padding: 5px 6px;
+  margin: 0;
+  list-style: none;
+}
+.chzn-container .chzn-results .active-result {
+  cursor: pointer;
+  display: list-item;
+}
+.chzn-container .chzn-results .highlighted {
+  background-color: #3875d7;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );  
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
+  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
+  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
+  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
+  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
+  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
+  color: #fff;
+}
+.chzn-container .chzn-results li em {
+  background: #feffde;
+  font-style: normal;
+}
+.chzn-container .chzn-results .highlighted em {
+  background: transparent;
+}
+.chzn-container .chzn-results .no-results {
+  background: #f4f4f4;
+  display: list-item;
+}
+.chzn-container .chzn-results .group-result {
+  cursor: default;
+  color: #999;
+  font-weight: bold;
+}
+.chzn-container .chzn-results .group-option {
+  padding-left: 15px;
+}
+.chzn-container-multi .chzn-drop .result-selected {
+  display: none;
+}
+.chzn-container .chzn-results-scroll {
+  background: white;
+  margin: 0 4px;
+  position: absolute;
+  text-align: center;
+  width: 321px; /* This should by dynamic with js */
+  z-index: 1;
+}
+.chzn-container .chzn-results-scroll span {
+  display: inline-block;
+  height: 17px;
+  text-indent: -5000px;
+  width: 9px;
+}
+.chzn-container .chzn-results-scroll-down {
+  bottom: 0;
+}
+.chzn-container .chzn-results-scroll-down span {
+  background: url('../img/chosen-sprite.png') no-repeat -4px -3px;
+}
+.chzn-container .chzn-results-scroll-up span {
+  background: url('../img/chosen-sprite.png') no-repeat -22px -3px;
+}
+/* @end */
+
+/* @group Active  */
+.chzn-container-active .chzn-single {
+  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
+  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
+  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
+  box-shadow        : 0 0 5px rgba(0,0,0,.3);
+  border: 1px solid #5897fb;
+}
+.chzn-container-active .chzn-single-with-drop {
+  border: 1px solid #aaa;
+  -webkit-box-shadow: 0 1px 0 #fff inset;
+  -moz-box-shadow   : 0 1px 0 #fff inset;
+  -o-box-shadow     : 0 1px 0 #fff inset;
+  box-shadow        : 0 1px 0 #fff inset;
+  background-color: #eee;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
+  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
+  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
+  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
+  background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
+  background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
+  -webkit-border-bottom-left-radius : 0;
+  -webkit-border-bottom-right-radius: 0;
+  -moz-border-radius-bottomleft : 0;
+  -moz-border-radius-bottomright: 0;
+  border-bottom-left-radius : 0;
+  border-bottom-right-radius: 0;
+}
+.chzn-container-active .chzn-single-with-drop div {
+  background: transparent;
+  border-left: none;
+}
+.chzn-container-active .chzn-single-with-drop div b {
+  background-position: -18px 1px;
+}
+.chzn-container-active .chzn-choices {
+  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
+  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
+  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
+  box-shadow        : 0 0 5px rgba(0,0,0,.3);
+  border: 1px solid #5897fb;
+}
+.chzn-container-active .chzn-choices .search-field input {
+  color: #111 !important;
+}
+/* @end */
+
+/* @group Disabled Support */
+.chzn-disabled {
+  cursor: default;
+  opacity:0.5 !important;
+}
+.chzn-disabled .chzn-single {
+  cursor: default;
+}
+.chzn-disabled .chzn-choices .search-choice .search-choice-close {
+  cursor: default;
+}
+
+/* @group Right to Left */
+.chzn-rtl { text-align: right; }
+.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
+.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
+
+.chzn-rtl .chzn-single div { left: 3px; right: auto; }
+.chzn-rtl .chzn-single abbr {
+  left: 26px;
+  right: auto;
+}
+.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
+.chzn-rtl .chzn-choices li { float: right; }
+.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
+.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
+.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
+.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
+.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
+.chzn-rtl .chzn-search input {
+  background: #fff url('../img/chosen-sprite.png') no-repeat -38px -22px;
+  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);  
+  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  background: url('../img/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+  padding: 4px 5px 4px 20px;
+  direction: rtl;
+}
+/* @end */
+
+/* Localized */

gloam/WebRoot/css/dtreeselect.css

@@ -0,0 +1,28 @@
+.dtree {
+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	color: #666;
+	white-space: nowrap;
+}
+.dtree img {
+	border: 0px;
+	vertical-align: middle;
+}
+.dtree a {
+	color: #0000FF;
+	text-decoration: none;
+}
+.dtree a.node, .dtree a.nodeSel {
+	white-space: nowrap;
+	padding: 1px 2px 1px 2px;
+}
+.dtree a.node:hover, .dtree a.nodeSel:hover {
+	color: #CC6600;
+	text-decoration: underline;
+}
+.dtree a.nodeSel {
+	background-color: #c0d2ec;
+}
+.dtree .clip {
+	overflow: hidden;
+}

gloam/WebRoot/css/elfinder.theme.css

@@ -0,0 +1,49 @@
+/**
+ * MacOS X like theme for elFinder.
+ * Required jquery ui "smoothness" theme.
+ *
+ * @author Dmitry (dio) Levashov
+ **/
+
+/* dialogs */
+.std42-dialog, .std42-dialog .ui-widget-content { background-color:#ededed; background-image:none; background-clip: content-box; }
+
+/* navbar */
+.elfinder .elfinder-navbar { background:#dde4eb; }
+.elfinder-navbar .ui-state-hover  { background:transparent; border-color:transparent; }
+.elfinder-navbar .ui-state-active { background: #3875d7;    border-color:#3875d7; color:#fff; }
+/* disabled elfinder */
+.elfinder-disabled .elfinder-navbar .ui-state-active { background: #dadada; border-color:#aaa; color:#fff; }
+
+
+/* current directory */
+/* selected file in "icons" view */
+.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover { background:#ccc; }
+/* list view*/
+.elfinder-cwd table tr:nth-child(odd) { background-color:#edf3fe; }
+.elfinder-cwd table tr { border-top:1px solid #fff; }
+
+/* common selected background/color */
+.elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
+.elfinder-cwd table td.ui-state-hover,
+.elfinder-button-menu .ui-state-hover { background: #3875d7; color:#fff;}
+/* disabled elfinder */
+.elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
+.elfinder-disabled .elfinder-cwd table td.ui-state-hover { background:#dadada;}
+
+/* statusbar */
+.elfinder .elfinder-statusbar { color:#555; }
+.elfinder .elfinder-statusbar a { text-decoration:none; color:#555;}
+
+
+.std42-dialog .elfinder-help, .std42-dialog .elfinder-help .ui-widget-content { background:#fff;}
+
+/* contextmenu */
+.elfinder-contextmenu .ui-state-hover { background: #3875d7; color:#fff; }
+.elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow { background-image:url('../img/arrows-active.png'); }
+
+
+
+
+
+

gloam/WebRoot/css/fullcalendar.css

@@ -0,0 +1,624 @@
+/*
+ * FullCalendar v1.5.4 Stylesheet
+ *
+ * Copyright (c) 2011 Adam Shaw
+ * Dual licensed under the MIT and GPL licenses, located in
+ * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
+ *
+ * Date: Tue Sep 4 23:38:33 2012 -0700
+ *
+ */
+
+
+.fc {
+	direction: ltr;
+	text-align: left;
+	}
+	
+.fc table {
+	border-collapse: collapse;
+	border-spacing: 0;
+	}
+	
+html .fc,
+.fc table {
+	font-size: 1em;
+	}
+	
+.fc td,
+.fc th {
+	padding: 0;
+	vertical-align: top;
+	}
+
+
+
+/* Header
+------------------------------------------------------------------------*/
+
+.fc-header td {
+	white-space: nowrap;
+	}
+
+.fc-header-left {
+	width: 25%;
+	text-align: left;
+	}
+	
+.fc-header-center {
+	text-align: center;
+	}
+	
+.fc-header-right {
+	width: 25%;
+	text-align: right;
+	}
+	
+.fc-header-title {
+	display: inline-block;
+	vertical-align: top;
+	}
+	
+.fc-header-title h2 {
+	margin-top: 0;
+	white-space: nowrap;
+	}
+	
+.fc .fc-header-space {
+	padding-left: 10px;
+	}
+	
+.fc-header .fc-button {
+	margin-bottom: 1em;
+	vertical-align: top;
+	}
+	
+/* buttons edges butting together */
+
+.fc-header .fc-button {
+	margin-right: -1px;
+	}
+	
+.fc-header .fc-corner-right {
+	margin-right: 1px; /* back to normal */
+	}
+	
+.fc-header .ui-corner-right {
+	margin-right: 0; /* back to normal */
+	}
+	
+/* button layering (for border precedence) */
+	
+.fc-header .fc-state-hover,
+.fc-header .ui-state-hover {
+	z-index: 2;
+	}
+	
+.fc-header .fc-state-down {
+	z-index: 3;
+	}
+
+.fc-header .fc-state-active,
+.fc-header .ui-state-active {
+	z-index: 4;
+	}
+	
+	
+	
+/* Content
+------------------------------------------------------------------------*/
+	
+.fc-content {
+	clear: both;
+	}
+	
+.fc-view {
+	width: 100%; /* needed for view switching (when view is absolute) */
+	overflow: hidden;
+	}
+	
+	
+
+/* Cell Styles
+------------------------------------------------------------------------*/
+
+.fc-widget-header {
+	background-image: -moz-linear-gradient(top, #fafafa, #efefef);
+  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
+  	background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
+  	background-image: -o-linear-gradient(top, #fafafa, #efefef);
+  	background-image: linear-gradient(to bottom, #fafafa, #efefef);
+	color: #646464;
+}
+
+.fc-widget-header,    /* <th>, usually */
+.fc-widget-content {  /* <td>, usually */
+	border: 1px solid #ddd;
+	color: #646464;
+}
+	
+.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
+	background: #fff;
+	}
+	
+.fc-cell-overlay { /* semi-transparent rectangle while dragging */
+	background: #9cf;
+	opacity: .2;
+	filter: alpha(opacity=20); /* for IE */
+	}
+	
+
+
+/* Buttons
+------------------------------------------------------------------------*/
+
+.fc-button {
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
+	margin-top: -46px;
+	}
+	
+.fc-state-default { /* non-theme */
+	border-style: solid;
+	border-width: 1px 0;
+	}
+	
+.fc-button-inner {
+	position: relative;
+	float: left;
+	overflow: hidden;
+	padding: 7px 7px 6px 7px;
+	
+	}
+	
+.fc-state-default .fc-button-inner { /* non-theme */
+	border-style: solid;
+	border-width: 0 1px;
+	}
+	
+.fc-button-content {
+	position: relative;
+	float: left;
+	height: 1.6em;
+	line-height: 1.6em;
+	padding: 0 .6em;
+	white-space: nowrap;
+	}
+	
+/* icon (for jquery ui) */
+	
+.fc-button-content .fc-icon-wrap {
+	position: relative;
+	float: left;
+	top: 50%;
+	}
+	
+.fc-button-content .ui-icon {
+	position: relative;
+	float: left;
+	margin-top: -50%;
+	*margin-top: 0;
+	*top: -50%;
+	}
+	
+/* gloss effect */
+	
+.fc-state-default .fc-button-effect {
+	position: absolute;
+	top: 50%;
+	left: 0;
+	}
+	
+.fc-state-default .fc-button-effect span {
+
+	}
+	
+/* button states (determines colors)  */
+	
+.fc-state-default,
+.fc-state-default .fc-button-inner {
+	border-top-style: none;
+	border-bottom-style: none;
+	border-left-style: solid;
+	border-right-style: solid;
+	border-color: #eee;
+	background: transparent;
+	color: #646464;
+	}
+	
+.fc-state-hover,
+.fc-state-hover .fc-button-inner {
+	border-color: #eee;
+	background: #fafafa;
+	}
+	
+.fc-state-down,
+.fc-state-down .fc-button-inner {
+	border-color: #eee;
+	background: transparent;
+	}
+	
+.fc-state-active,
+.fc-state-active .fc-button-inner {
+	border-color: #eee;
+	background: #fff;
+	color: #646464;
+	border-bottom: 1px solid #fff;
+	}
+	
+.fc-state-disabled,
+.fc-state-disabled .fc-button-inner {
+	color: #999;
+	border-color: #eee;
+	}
+	
+.fc-state-disabled {
+	cursor: default;
+	}
+	
+.fc-state-disabled .fc-button-effect {
+	display: none;
+	}
+	
+	
+
+/* Global Event Styles
+------------------------------------------------------------------------*/
+	 
+.fc-event {
+	border-style: solid;
+	border-width: 0;
+	font-size: .85em;
+	cursor: default;
+	}
+	
+a.fc-event,
+.fc-event-draggable {
+	cursor: pointer;
+	}
+	
+a.fc-event {
+	text-decoration: none;
+	}
+	
+.fc-rtl .fc-event {
+	text-align: right;
+	}
+	
+.fc-event-skin {
+	border-color: #2FABE9;     /* default BORDER color */
+	background-color: #67C2EF; /* default BACKGROUND color */
+	color: #fff;            /* default TEXT color */
+	}
+	
+.fc-event-inner {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	border-style: solid;
+	border-width: 0;
+	overflow: hidden;
+	}
+	
+.fc-event-time,
+.fc-event-title {
+	padding: 0 1px;
+	}
+	
+.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
+	display: block;
+	position: absolute;
+	z-index: 99999;
+	overflow: hidden; /* hacky spaces (IE6/7) */
+	font-size: 300%;  /* */
+	line-height: 50%; /* */
+	}
+	
+	
+	
+/* Horizontal Events
+------------------------------------------------------------------------*/
+
+.fc-event-hori {
+	border-width: 1px 0;
+	margin-bottom: 1px;
+	}
+	
+/* resizable */
+	
+.fc-event-hori .ui-resizable-e {
+	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
+	right: -3px      !important;
+	width: 7px       !important;
+	height: 100%     !important;
+	cursor: e-resize;
+	}
+	
+.fc-event-hori .ui-resizable-w {
+	top: 0           !important;
+	left: -3px       !important;
+	width: 7px       !important;
+	height: 100%     !important;
+	cursor: w-resize;
+	}
+	
+.fc-event-hori .ui-resizable-handle {
+	_padding-bottom: 14px; /* IE6 had 0 height */
+	}
+	
+	
+	
+/* Fake Rounded Corners (for buttons and events)
+------------------------------------------------------------*/
+	
+.fc-corner-left {
+	margin-left: 1px;
+	}
+	
+.fc-corner-left .fc-button-inner,
+.fc-corner-left .fc-event-inner {
+	margin-left: -1px;
+	}
+	
+.fc-corner-right {
+	margin-right: 1px;
+	}
+	
+.fc-corner-right .fc-button-inner,
+.fc-corner-right .fc-event-inner {
+	margin-right: -1px;
+	}
+	
+.fc-corner-top {
+	margin-top: 1px;
+	}
+	
+.fc-corner-top .fc-event-inner {
+	margin-top: -1px;
+	}
+	
+.fc-corner-bottom {
+	margin-bottom: 1px;
+	}
+	
+.fc-corner-bottom .fc-event-inner {
+	margin-bottom: -1px;
+	}
+	
+	
+	
+/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
+-----------------------------------------------------------------*/
+	
+.fc-corner-left .fc-event-inner {
+	border-left-width: 1px;
+	}
+	
+.fc-corner-right .fc-event-inner {
+	border-right-width: 1px;
+	}
+	
+.fc-corner-top .fc-event-inner {
+	border-top-width: 1px;
+	}
+	
+.fc-corner-bottom .fc-event-inner {
+	border-bottom-width: 1px;
+	}
+	
+	
+	
+/* Reusable Separate-border Table
+------------------------------------------------------------*/
+
+table.fc-border-separate {
+	border-collapse: separate;
+	}
+	
+.fc-border-separate th,
+.fc-border-separate td {
+	border-width: 1px 0 0 1px;
+	}
+	
+.fc-border-separate th.fc-last,
+.fc-border-separate td.fc-last {
+	border-right-width: 1px;
+	}
+	
+.fc-border-separate tr.fc-last th,
+.fc-border-separate tr.fc-last td {
+	border-bottom-width: 1px;
+	}
+	
+.fc-border-separate tbody tr.fc-first td,
+.fc-border-separate tbody tr.fc-first th {
+	border-top-width: 0;
+	}
+	
+	
+
+/* Month View, Basic Week View, Basic Day View
+------------------------------------------------------------------------*/
+
+.fc-grid th {
+	text-align: center;
+	}
+	
+.fc-grid .fc-day-number {
+	float: right;
+	padding: 0 2px;
+	}
+	
+.fc-grid .fc-other-month .fc-day-number {
+	opacity: 0.3;
+	filter: alpha(opacity=30); /* for IE */
+	/* opacity with small font can sometimes look too faded
+	   might want to set the 'color' property instead
+	   making day-numbers bold also fixes the problem */
+	}
+	
+.fc-grid .fc-day-content {
+	clear: both;
+	padding: 2px 2px 1px; /* distance between events and day edges */
+	}
+	
+/* event styles */
+	
+.fc-grid .fc-event-time {
+	font-weight: bold;
+	}
+	
+/* right-to-left */
+	
+.fc-rtl .fc-grid .fc-day-number {
+	float: left;
+	}
+	
+.fc-rtl .fc-grid .fc-event-time {
+	float: right;
+	}
+	
+	
+
+/* Agenda Week View, Agenda Day View
+------------------------------------------------------------------------*/
+
+.fc-agenda table {
+	border-collapse: separate;
+	}
+	
+.fc-agenda-days th {
+	text-align: center;
+	}
+	
+.fc-agenda .fc-agenda-axis {
+	width: 50px;
+	padding: 0 4px;
+	vertical-align: middle;
+	text-align: right;
+	white-space: nowrap;
+	font-weight: normal;
+	}
+	
+.fc-agenda .fc-day-content {
+	padding: 2px 2px 1px;
+	}
+	
+/* make axis border take precedence */
+	
+.fc-agenda-days .fc-agenda-axis {
+	border-right-width: 1px;
+	}
+	
+.fc-agenda-days .fc-col0 {
+	border-left-width: 0;
+	}
+	
+/* all-day area */
+	
+.fc-agenda-allday th {
+	border-width: 0 1px;
+	}
+	
+.fc-agenda-allday .fc-day-content {
+	min-height: 34px; /* TODO: doesnt work well in quirksmode */
+	_height: 34px;
+	}
+	
+/* divider (between all-day and slots) */
+	
+.fc-agenda-divider-inner {
+	height: 2px;
+	overflow: hidden;
+	}
+	
+.fc-widget-header .fc-agenda-divider-inner {
+	background: #eee;
+	}
+	
+/* slot rows */
+	
+.fc-agenda-slots th {
+	border-width: 1px 1px;
+	}
+	
+.fc-agenda-slots td {
+	border-width: 1px 0 0;
+	background: none;
+	}
+	
+.fc-agenda-slots td div {
+	height: 20px;
+	}
+	
+.fc-agenda-slots tr.fc-slot0 th,
+.fc-agenda-slots tr.fc-slot0 td {
+	border-top-width: 0;
+	}
+
+.fc-agenda-slots tr.fc-minor th,
+.fc-agenda-slots tr.fc-minor td {
+	border-top-style: dotted;
+	}
+	
+.fc-agenda-slots tr.fc-minor th.ui-widget-header {
+	*border-top-style: solid; /* doesn't work with background in IE6/7 */
+	}
+	
+
+
+/* Vertical Events
+------------------------------------------------------------------------*/
+
+.fc-event-vert {
+	border-width: 0 1px;
+	}
+	
+.fc-event-vert .fc-event-head,
+.fc-event-vert .fc-event-content {
+	position: relative;
+	z-index: 2;
+	width: 100%;
+	overflow: hidden;
+	}
+	
+.fc-event-vert .fc-event-time {
+	white-space: nowrap;
+	font-size: 10px;
+	}
+	
+.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
+	position: absolute;
+	z-index: 1;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+	opacity: .3;
+	filter: alpha(opacity=30);
+	}
+	
+.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
+.fc-select-helper .fc-event-bg {
+	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
+	}
+	
+/* resizable */
+	
+.fc-event-vert .ui-resizable-s {
+	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
+	width: 100%      !important;
+	height: 8px      !important;
+	overflow: hidden !important;
+	line-height: 8px !important;
+	font-size: 11px  !important;
+	font-family: monospace;
+	text-align: center;
+	cursor: s-resize;
+	}
+	
+.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
+	_overflow: hidden;
+	}

gloam/WebRoot/css/home.css

@@ -0,0 +1,111 @@
+#msgTable .fontWarn{
+	color:#fc0;
+}
+#msgTable .fontWarn:hover{
+	color:#666;
+}
+	
+body{
+	background-color:#333 ;
+		
+}
+*{
+		margin: 0px;
+		padding: 0px;
+	}
+	#lMenu li{
+		position:relative;
+	}
+	#lMenu li .menu{
+		position: absolute;
+		display: none;
+		margin-left: 100%;
+		margin-top: -50px;
+		width: 180px;
+		background: #3a3a3a;
+	}
+	.submenu{
+		color: #fc0;
+	}
+	.submenu:hover{
+		color: #666;
+	}
+.sidebar-nav .sidebar-toggler {
+  cursor: pointer; 
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  margin-top: 15px;
+  margin-left: 2%;
+  width: 29px;
+  height: 29px;
+  background-repeat: no-repeat;
+}
+.sidebar-nav .sidebar-toggler1 {
+  cursor: pointer; 
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  margin-top: 15px;
+  margin-left: 82%;
+  width: 29px;
+  height: 29px;
+  background-repeat: no-repeat;
+}
+.sidebar-toggler {
+  background-image: url(../img/sidebar-toggler.jpg);
+  background-color: #242424;
+}
+.sidebar-toggler1 {
+  background-image: url(../img/sidebar-toggler.jpg);
+  background-color: #242424;
+}
+.page-sidebar ul > li > a > .arrow:before {  
+   float: right;
+   margin-top: 1px;
+   margin-right: 5px;
+   display: inline;
+   font-size: 16px;
+   font-family: FontAwesome;
+   height: auto;
+   content: "\f104";
+   font-weight: 300;
+   text-shadow:none;
+}
+.arrow{
+	display: none;
+}
+a{
+	cursor: pointer;
+}
+.breadcrumb {
+	margin: 40px 0 0 0 ;
+	line-height: 34px;
+}
+#submenu{
+	overflow-y: auto;
+	max-height: 400px;
+	overflow-x: hidden;
+}
+
+.top1{
+	position:fixed;
+	top:85%;
+	right: 5px;
+	/*background: url(../img/top1.png) no-repeat;*/
+	float: right;
+	height: 90px;
+	width: 30px;
+}
+
+.halflings-icon.redsvg {
+    background-image: url("../img/ui-icons_cd0a0a_256x240.png");
+}
+.halflings-icon.warning-sign {
+    background-position: -2px -143px;
+}
+.positionFixed{
+position:fixed !important;
+}
+.error_tip {
+	margin: 20px 0 0 20px;
+	font-size: 20px;
+}

gloam/WebRoot/css/ie.css

@@ -0,0 +1,107 @@
+.navbar-inner a i {
+	margin-top: 4px;
+}
+
+.box-header h2 i {
+	margin-top: 1px;
+}
+
+.todo-actions i {
+	margin: 2px 5px 0px 5px;	
+}
+
+.message .header i {
+	margin-top: 3px;
+}
+
+.container-fluid-full {
+	overflow: hidden;
+	position: relative;
+	height: 100%;
+}
+
+#content {
+	width: 85.578%;
+	padding: 28px;
+	margin: 0px 0px;
+	margin-left: 14.422% !important;
+}
+	
+#sidebar-left {
+	background: #3D3D3D;
+	margin-left: 0px !important;
+	position: absolute;
+	height: 100%;
+}
+
+hr {
+	height: 2px;
+	border: none;
+	background: #f9f9f9;
+}
+
+.dark {
+	right: -12px;	
+}
+
+footer {
+	margin: 0px 0px 0px 0px;
+	padding: 10px 20px;
+}
+
+.hideInIE8 {
+	display: none;
+}
+
+.task .time .date {
+	font-size: 14px;
+	margin-bottom: 5px;	
+}
+
+.statbox .footer {
+	background:none;
+	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);
+	zoom: 1;
+}
+
+.statbox .footer:hover {
+	background:none;
+	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);
+	zoom: 1;
+}
+
+.sidebar-nav > ul > li > ul {
+	background:none;
+	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000);
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000);
+	zoom: 1;
+}
+
+.verticalChart .singleBar .bar .value span{
+	color: #000;
+}
+
+.verticalChart .singleBar .bar {
+	background:none;
+	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);
+	zoom: 1;
+}
+
+ul.chat.metro li .message {
+	background:none;
+	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000,endColorstr=#44000000);
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000,endColorstr=#44000000);
+	zoom: 1;
+	border: 0px;
+}
+
+ul.chat.metro li.left .message .arrow {
+	left: -20px;
+}
+
+ul.chat.metro li.right .message .arrow {
+	right: -20px;
+}

gloam/WebRoot/css/ie9.css

@@ -0,0 +1,23 @@
+.dark {
+	right: -25px;	
+}
+
+.btn-overlay {
+	filter: none !important;	
+}
+
+hr,
+.sliderOverlay,
+.progressBarOverlay,
+.slider,
+.progress,
+.progressSlim,
+.ui-progressbar-value,
+.ui-slider-range,
+.sliderVertical {
+	filter: none !important;
+}
+
+.verticalChart .singleBar .bar .value span{
+	color: #3b3b41;
+}

gloam/WebRoot/css/jbox.css

@@ -0,0 +1,43 @@
+@charset "utf-8";
+/*
+  <20><>ʾ<EFBFBD><CABE>CSS <20><>ʽֻ<CABD><D6BB><EFBFBD><EFBFBD><EFBFBD>޸<EFBFBD><DEB8><EFBFBD>ɫ<EFBFBD><C9AB><EFBFBD>ԣ<EFBFBD><D4A3><EFBFBD>ͼƬ<CDBC>ĵ<EFBFBD>ַ<EFBFBD><D6B7>ͼƬ<CDBC><C6AC>СҪ<D0A1><D2AA>Ĭ<EFBFBD>ϵ<EFBFBD>һ<EFBFBD>£<EFBFBD><C2A3><EFBFBD>border:dotted solid double dashed
+*/
+*:focus {outline: none;}
+/* fade */
+.jbox-fade{background-color:#000000;}
+/* drag */
+.jbox-drag{border:1px dashed #4C4C4C;}
+/* jbox */
+div.jbox {padding:0px;border:none;font-size:12px;}
+/* border */
+div.jbox .jbox-border{background: none repeat scroll 0 0 #000000;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
+/* container */
+div.jbox .jbox-container{background-color:#ffffff;border:1px solid #999999;}
+/* title-panel */
+div.jbox .jbox-title-panel{background:#4C4C4C;border-bottom:1px solid #CCCCCC;}
+div.jbox .jbox-title{font-weight:bold;color:#ffffff;}
+div.jbox .jbox-title-icon{background:url(images/jbox-title-icon.gif) no-repeat scroll 3px 5px transparent;}
+div.jbox .jbox-close,div.jbox .jbox-close-hover{background:url(images/jbox-close1.gif) no-repeat scroll 0px 0px transparent;}
+div.jbox .jbox-close-hover{background-position:-16px 0;}
+/* content */
+div.jbox .jbox-content{min-height:24px;line-height:18px;color:#444444;}
+div.jbox .jbox-content-loading{background-color:#E6E6E6;}
+div.jbox .jbox-content-loading-image{background:url(images/jbox-content-loading.gif) no-repeat bottom center;}
+/* button-panel */
+div.jbox .jbox-button-panel{border-top:1px solid #CCCCCC;background-color: #EEEEEE;}
+div.jbox .jbox-bottom-text{text-indent:10px;color:#444444;}
+div.jbox .jbox-button{background:url(images/jbox-button2.png) repeat-x transparent;border:#AAAAAA 1px solid;color:#888888;border-radius:3px 3px 3px 3px;margin:1px 7px 0px 0px;height:22px;cursor:default;}
+div.jbox .jbox-button-hover{background-position:0px -20px;color:#666666;}
+div.jbox .jbox-button-active{background-position:0px -40px;}
+div.jbox-warning .jbox .jbox-button-panel{background-color: #FFFFFF;}
+/* tip-color */
+div.jbox .jbox-tip-color{background-color:#4C4C4C;border-color:#4C4C4C;border-radius:3px 3px 3px 3px;color:#ffffff;}
+/* icons */
+div.jbox span.jbox-icon{background:url(images/jbox-icons.png) no-repeat scroll 0 0 transparent;_background:url(images/jbox-icons-ie6.gif) no-repeat scroll 0 0 transparent;}
+div.jbox span.jbox-icon-info {background-position:0 0;}
+div.jbox span.jbox-icon-question {background-position:-36px 0;}
+div.jbox span.jbox-icon-success {background-position:-72px 0;}
+div.jbox span.jbox-icon-warning {background-position:-108px 0;}
+div.jbox span.jbox-icon-error {background-position:-144px 0;}
+div.jbox span.jbox-icon-none {display: none; overflow:hidden;}
+div.jbox span.jbox-icon-loading {background:url(images/jbox-loading1.gif) no-repeat scroll 0 0 transparent;}

gloam/WebRoot/css/jquery-ui-1.8.21.custom.css

@@ -0,0 +1,566 @@
+/*!
+ * jQuery UI CSS Framework 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+.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:before, .ui-helper-clearfix:after { content: ""; display: table; }
+.ui-helper-clearfix:after { clear: both; }
+.ui-helper-clearfix { zoom: 1; }
+.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 ../img */
+.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 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
+.ui-widget .ui-widget { font-size: 1em; }
+.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 #aaaaaa; background: #ffffff url(../img/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 #aaaaaa; background: #cccccc url(../img/ui-bg_highlight-soft_75_cccccc_1x100.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, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(../img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and ../img */
+.ui-icon { width: 16px; height: 16px; background-image: url(../img/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(../img/ui-icons_888888_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(../img/ui-icons_2e83ff_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/ui-icons_cd0a0a_256x240.png); }
+
+/* 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-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
+ * jQuery UI Resizable 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Resizable#theming
+ */
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px; 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: 0; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; 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;}/*!
+ * jQuery UI Selectable 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Selectable#theming
+ */
+.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
+/*!
+ * jQuery UI Accordion 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Accordion#theming
+ */
+/* IE/Win - Fix animation bug - #4615 */
+.ui-accordion { width: 100%; }
+.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 .7em; }
+.ui-accordion-icons .ui-accordion-header a { padding-left: 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; zoom: 1; }
+.ui-accordion .ui-accordion-content-active { display: block; }
+/*!
+ * jQuery UI Autocomplete 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete#theming
+ */
+.ui-autocomplete { position: absolute; cursor: default; }	
+
+/* workarounds */
+* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
+
+/*
+ * jQuery UI Menu 1.8.21
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+ */
+.ui-menu {
+	list-style:none;
+	padding: 2px;
+	margin: 0;
+	display:block;
+	float: left;
+}
+.ui-menu .ui-menu {
+	margin-top: -3px;
+}
+.ui-menu .ui-menu-item {
+	margin:0;
+	padding: 0;
+	zoom: 1;
+	float: left;
+	clear: left;
+	width: 100%;
+}
+.ui-menu .ui-menu-item a {
+	text-decoration:none;
+	display:block;
+	padding:.2em .4em;
+	line-height:1.5;
+	zoom:1;
+}
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+	font-weight: normal;
+	margin: -1px;
+}
+/*!
+ * jQuery UI Button 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Button#theming
+ */
+.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
+.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
+button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
+.ui-button-icons-only { width: 3.4em; } 
+button.ui-button-icons-only { width: 3.7em; } 
+
+/*button text element */
+.ui-button .ui-button-text { display: block; line-height: 1.4;  }
+.ui-button-text-only .ui-button-text { padding: .4em 1em; }
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
+.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
+.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
+/* no icon support for input elements, provide padding by default */
+input.ui-button { padding: .4em 1em; }
+
+/*button icon element(s) */
+.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
+.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
+.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
+.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+
+/*button sets*/
+.ui-buttonset { margin-right: 7px; }
+.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
+
+/* workarounds */
+button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
+/*!
+ * jQuery UI Dialog 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Dialog#theming
+ */
+.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
+.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
+.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 { position: relative; 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 .ui-dialog-buttonset { float: right; }
+.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/*!
+ * jQuery UI 
+ 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.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; background-position: 0 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; }/*!
+ * jQuery UI Tabs 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Tabs#theming
+ */
+.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding:0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;background:none repeat scroll 0% 0% rgb(191, 191, 191) !important; }
+.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 { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
+/*!
+ * jQuery UI Datepicker 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
+.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 { 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 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%; font-size:0em; }
+
+/* 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*/
+}/*!
+ * jQuery UI Progressbar 1.8.21
+ *
+ * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Progressbar#theming
+ */
+.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

gloam/WebRoot/css/jquery.cleditor.css

@@ -0,0 +1,24 @@
+.cleditorMain {border:1px solid #ddd; padding:0 1px 1px; background-color:white}
+.cleditorMain iframe {border:none; margin:0; padding:0}
+.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none /* webkit grip focus */}
+.cleditorToolbar {background: url('../img/toolbar.gif') repeat}
+.cleditorGroup {float:left; height:26px}
+.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../img/buttons.gif')}
+.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
+.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
+.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
+.cleditorList div {padding:2px 4px 2px 4px}
+.cleditorList p,
+.cleditorList h1,
+.cleditorList h2,
+.cleditorList h3,
+.cleditorList h4,
+.cleditorList h5,
+.cleditorList h6,
+.cleditorList font {padding:0; margin:0; background-color:Transparent}
+.cleditorColor {width:150px; padding:1px 0 0 1px}
+.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
+.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
+.cleditorPrompt input,
+.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
+.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}

gloam/WebRoot/css/jquery.gritter.css

@@ -0,0 +1,112 @@
+/* the norm */
+#gritter-notice-wrapper {
+	position:fixed;
+	top:20px;
+	right:20px;
+	width:301px;
+	z-index:9999;
+}
+
+#gritter-notice-wrapper.top-left {
+    left: 20px;
+    right: auto;
+}
+
+#gritter-notice-wrapper.bottom-right {
+    top: auto;
+    left: auto;
+    bottom: 20px;
+    right: 20px;
+}
+
+#gritter-notice-wrapper.bottom-left {
+    top: auto;
+    right: auto;
+    bottom: 20px;
+    left: 20px;
+}
+
+.gritter-item-wrapper {
+	position:relative;
+	margin:0 0 10px 0;
+}
+
+.gritter-item {
+	background-color: rgba(0,0,0,0.8);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
+	color:#fff;
+	padding:15px;
+	font-size: 11px;
+	-webkit-border-radius: 4px !important;
+       -moz-border-radius: 4px !important;
+	        border-radius: 4px !important;
+	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
+       -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
+	       	box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
+}
+
+.hover .gritter-item {}
+
+.gritter-item p {
+	padding:0;
+	margin:0;
+	word-wrap:break-word;
+}
+
+.gritter-close {
+	display:none;
+	position:absolute;
+	top:5px;
+	right:5px;
+	cursor:pointer;
+	width:12px;
+	height:12px;
+	background: url(../img/close-button-white.png);
+	opacity: .6;
+  
+}
+
+.gritter-title {
+	font-size:14px;
+	font-weight:bold;
+	padding:0 0 7px 0;
+	display:block;
+	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
+}
+
+.gritter-image {
+	width:48px;
+	height:48px;
+	float:left;
+	margin: -5px 5px 5px -5px;
+}
+
+.gritter-with-image,
+.gritter-without-image {
+	padding:0;
+}
+
+.gritter-with-image {
+	width:220px;
+	float:right;
+}
+
+/* for the light (white) version of the gritter notice */
+.gritter-light .gritter-item {
+	background-color: rgba(255,255,255,0.8);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccFFFFFF', endColorstr='#ccFFFFFF',GradientType=0 ); /* IE6-8 */
+    color: #646464 !important;
+	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
+       -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
+         	box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
+}
+
+.gritter-light .gritter-close {
+	background: url(../img/close-button.png);
+}
+
+
+.gritter-light .gritter-title {
+	color: #646464 !important;
+    text-shadow: none !important;
+}

gloam/WebRoot/css/jquery.iphone.toggle.css

@@ -0,0 +1,147 @@
+.iPhoneCheckContainer {
+  position: relative;
+  height: 27px;
+  cursor: pointer;
+  overflow: hidden; }
+  .iPhoneCheckContainer input {
+    position: absolute;
+    top: 5px;
+    left: 30px;
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0; }
+  .iPhoneCheckContainer label {
+    white-space: nowrap;
+    font-size: 17px;
+    line-height: 17px;
+    font-weight: bold;
+    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+    cursor: pointer;
+    display: block;
+    height: 27px;
+    position: absolute;
+    width: auto;
+    top: 0;
+    padding-top: 5px;
+    overflow: hidden; }
+  .iPhoneCheckContainer, .iPhoneCheckContainer label {
+    user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none; }
+
+.iPhoneCheckDisabled {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+  opacity: 0.5; }
+
+label.iPhoneCheckLabelOn {
+  color: white;
+  background: url('../img/iphone-style-checkboxes/on-63584.png') no-repeat;
+  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
+  left: 0;
+  padding-top: 5px; }
+  label.iPhoneCheckLabelOn span {
+    padding-left: 8px; }
+label.iPhoneCheckLabelOff {
+  color: #8b8b8b;
+  background: url('../img/iphone-style-checkboxes/off-63584.png') no-repeat right 0;
+  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
+  text-align: right;
+  right: 0; }
+  label.iPhoneCheckLabelOff span {
+    padding-right: 8px; }
+
+.iPhoneCheckHandle {
+  display: block;
+  height: 27px;
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  background: url('../img/iphone-style-checkboxes/slider_left-63584.png') no-repeat;
+  padding-left: 3px; }
+
+.iPhoneCheckHandleRight {
+  height: 100%;
+  width: 100%;
+  padding-right: 3px;
+  background: url('../img/iphone-style-checkboxes/slider_right-63584.png') no-repeat right 0; }
+
+.iPhoneCheckHandleCenter {
+  height: 100%;
+  width: 100%;
+  background: url('../img/iphone-style-checkboxes/slider_center-63584.png'); }
+
+.iOSCheckContainer {
+  position: relative;
+  height: 27px;
+  cursor: pointer;
+  overflow: hidden; }
+  .iOSCheckContainer input {
+    position: absolute;
+    top: 5px;
+    left: 30px;
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0; }
+  .iOSCheckContainer label {
+    white-space: nowrap;
+    font-size: 17px;
+    line-height: 17px;
+    font-weight: bold;
+    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+    cursor: pointer;
+    display: block;
+    height: 27px;
+    position: absolute;
+    width: auto;
+    top: 0;
+    padding-top: 5px;
+    overflow: hidden; }
+  .iOSCheckContainer, .iOSCheckContainer label {
+    user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none; }
+
+.iOSCheckDisabled {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+  opacity: 0.5; }
+
+label.iOSCheckLabelOn {
+  color: white;
+  background: url('../img/ios-style-checkboxes/on-63584.png') no-repeat;
+  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
+  left: 0;
+  padding-top: 5px; }
+  label.iOSCheckLabelOn span {
+    padding-left: 8px; }
+label.iOSCheckLabelOff {
+  color: #8b8b8b;
+  background: url('../img/ios-style-checkboxes/off-63584.png') no-repeat right 0;
+  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
+  text-align: right;
+  right: 0; }
+  label.iOSCheckLabelOff span {
+    padding-right: 8px; }
+
+.iOSCheckHandle {
+  display: block;
+  height: 27px;
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  background: url('../img/ios-style-checkboxes/slider_left-63584.png') no-repeat;
+  padding-left: 3px; }
+
+.iOSCheckHandleRight {
+  height: 100%;
+  width: 100%;
+  padding-right: 3px;
+  background: url('../img/ios-style-checkboxes/slider_right-63584.png') no-repeat right 0; }
+
+.iOSCheckHandleCenter {
+  height: 100%;
+  width: 100%;
+  background: url('../img/ios-style-checkboxes/slider_center-63584.png'); }
+
+/* Localized */

gloam/WebRoot/css/jquery.jScrollPane.css

@@ -0,0 +1,121 @@
+/*
+ * CSS Styles that are needed by jScrollPane for it to operate correctly.
+ *
+ * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
+ * may not operate correctly without them.
+ */
+
+.jspContainer
+{
+	overflow: hidden;
+	position: relative;
+}
+
+.jspPane
+{
+	position: absolute;
+}
+
+.jspVerticalBar
+{
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 6px;
+	height: 100%;
+	background: red;
+}
+
+.jspHorizontalBar
+{
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	height: 16px;
+	background: red;
+}
+
+.jspVerticalBar *,
+.jspHorizontalBar *
+{
+	margin: 0;
+	padding: 0;
+}
+
+.jspCap
+{
+	display: none;
+}
+
+.jspHorizontalBar .jspCap
+{
+	float: left;
+}
+
+.jspTrack
+{
+	background: #757575 ;
+	position: relative;
+}
+
+.jspDrag
+{
+	background: #333;
+	position: relative;
+	top: 0;
+	left: 0;
+	cursor: pointer;
+	border-radius:4px;
+}
+
+.jspHorizontalBar .jspTrack,
+.jspHorizontalBar .jspDrag
+{
+	float: left;
+	height: 100%;
+}
+
+.jspArrow
+{
+	background: #50506d;
+	text-indent: -20000px;
+	display: block;
+	cursor: pointer;
+}
+
+.jspArrow.jspDisabled
+{
+	cursor: default;
+	background: #80808d;
+}
+
+.jspVerticalBar .jspArrow
+{
+	height: 16px;
+}
+
+.jspHorizontalBar .jspArrow
+{
+	width: 16px;
+	float: left;
+	height: 100%;
+}
+
+.jspVerticalBar .jspArrow:focus
+{
+	outline: none;
+}
+
+.jspCorner
+{
+	background: #eeeef4;
+	float: left;
+	height: 100%;
+}
+
+/* Yuk! CSS Hack for IE6 3 pixel bug :( */
+* html .jspCorner
+{
+	margin: 0 -3px 0 0;
+}

gloam/WebRoot/css/jquery.noty.css

@@ -0,0 +1,105 @@
+
+/* CORE STYLES */
+
+	/* noty bar */
+	.noty_bar {
+		position: fixed;
+		display: none;
+		z-index: 9999999;
+	}
+	
+	/* noty_message */
+	.noty_bar .noty_message {
+		text-align: center;
+	}
+	
+	/* noty close button */
+	.noty_bar .noty_close {
+		cursor: pointer;
+	}
+	
+	/* noty modal */
+	.noty_modal {
+		position: fixed;
+		width: 100%;
+		height: 100%;
+		background-color: #000;
+		z-index: 10000;
+		opacity: 0.6;
+		display: none;
+		left: 0;
+		top: 0;
+	}
+	
+	/* noty container for noty_layout_topLeft & noty_layout_topRight */
+	ul.noty_cont {
+		position: fixed;
+		z-index: 10000000;
+		margin: 0px;
+		padding: 0px;
+		list-style: none;
+		width: 300px;
+	}
+	ul.noty_cont li {
+		position: relative;
+		float: left;
+		clear: both;
+		list-style: none;
+		padding: 0px;
+		margin: 10px 0 0 0;
+		width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */
+	}
+	ul.noty_cont.noty_layout_topLeft {left:20px; top:20px;}
+	ul.noty_cont.noty_layout_topRight {right:40px; top:20px;}
+	ul.noty_cont.noty_layout_bottomLeft {left:20px; bottom:20px}
+	ul.noty_cont.noty_layout_bottomRight {right:40px; bottom:20px}
+	ul.noty_cont.noty_layout_topRight li {float:right}
+
+/* LAYOUTS */
+
+	/* noty_layout_top */
+	.noty_bar.noty_layout_top {
+		top: 0;
+		left: 0;
+		width: 100%;
+		-webkit-border-radius: 0px;
+		-moz-border-radius: 0px;
+		border-radius: 0px;
+	}
+
+	/* noty_layout_bottom */
+	.noty_bar.noty_layout_bottom {
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		-webkit-border-radius: 0px;
+		-moz-border-radius: 0px;
+		border-radius: 0px;
+	}
+
+	/* noty_layout_center */
+	.noty_bar.noty_layout_center {
+		top: 40%;
+	}
+	
+	/* noty_layout_topLeft & noty_layout_topRight */
+	.noty_bar.noty_layout_topLeft, 
+	.noty_bar.noty_layout_topRight,
+	.noty_bar.noty_layout_bottomLeft,
+	.noty_bar.noty_layout_bottomRight {
+		width: 100%;
+		clear: both;
+		position: relative;
+	}
+	
+	.noty_bar.noty_layout_topLeft .noty_message, 
+	.noty_bar.noty_layout_topRight .noty_message,
+	.noty_bar.noty_layout_bottomLeft .noty_message,
+	.noty_bar.noty_layout_bottomRight .noty_message {
+		text-align: left;
+	}
+	
+	/* noty_layout_topCenter */
+	.noty_bar.noty_layout_topCenter {
+		top: 20px;
+	}

gloam/WebRoot/css/jquery.qtip.min.css

@@ -0,0 +1,74 @@
+/* qTip2 v2.2.1 | Plugins: tips viewport | Styles: core basic css3 | qtip2.com | Licensed MIT | Sat Sep 06 2014 21:55:19 */
+
+.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}
+.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:center;word-wrap:break-word}
+.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}
+.qtip-titlebar+.qtip-content{border-top-width:0!important}
+.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:0;border:1px solid transparent}
+.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}
+* html .qtip-titlebar .qtip-close{top:16px}
+.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}
+.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}
+.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}
+.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}
+.qtip-default .qtip-titlebar{background-color:#FFEF93}
+.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}
+.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}
+.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}
+.qtip-light .qtip-titlebar{background-color:#f1f1f1}
+.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}
+.qtip-dark .qtip-titlebar{background-color:#404040}
+.qtip-dark .qtip-icon{border-color:#444}
+.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}
+.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}
+.qtip-cream .qtip-titlebar{background-color:#F0DE7D}
+.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}
+.qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}
+.qtip-red .qtip-titlebar{background-color:#F06D65}
+.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}
+.qtip-red .qtip-icon,.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}
+.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}
+.qtip-green .qtip-titlebar{background-color:#B0DE78}
+.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}
+.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}
+.qtip-blue .qtip-titlebar{background-color:#D0E9F5}
+.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}
+.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}
+.qtip-bootstrap,.qtip-rounded,.qtip-tipsy{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
+.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
+.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border:0 solid transparent;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}
+.qtip-youtube .qtip-titlebar{background-color:transparent}
+.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"}
+.qtip-youtube .qtip-icon{border-color:#222}
+.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}
+.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}
+.qtip-jtools .qtip-titlebar{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"}
+.qtip-jtools .qtip-content,.qtip-jtools .qtip-titlebar{background:0 0;color:#fff;border:0 dashed transparent}
+.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}
+.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}
+.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}
+.qtip-cluetip .qtip-icon{border-color:#808064}
+.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}
+.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}
+.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}
+.qtip-tipsy .qtip-content{padding:6px 10px}
+.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}
+.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}
+
+
+.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font: 12px arial,sans-serif;}
+.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"}
+.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}
+.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}
+.qtip-bootstrap{font-size:12px;line-height:20px;padding:1px;border:1px solid #F1D031;background-color:#FFFFA3;color:#555;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}
+.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
+.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}
+.qtip-bootstrap .qtip-content{padding:9px 14px}
+.qtip-bootstrap .qtip-icon{background:0 0}
+.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}
+.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}
+.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}
+.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}
+.qtip .qtip-tip,x:-o-prefocus{visibility:hidden}
+.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;border:0 dashed transparent}
+.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}

gloam/WebRoot/css/jquery.xctips.css

@@ -0,0 +1,5 @@
+.xctips{position:fixed; top:0; left:0; width:100%; height:44px; z-index:999; background:#3498db; color:#FFF; line-height:44px; text-align:center; vertical-align:middle; font-size:16px; transition:background .2s linear;-webkit-transition:background .2s linear; font-family: "Microsoft YaHei", "???<3F><>?<3F><>???<3F><>?<3F><>", "???<3F><>?<3F><><EFBFBD><EFBFBD>?<3F><><EFBFBD><EFBFBD>?<3F><> Light" , "???<3F><>?<3F><><EFBFBD><EFBFBD>?<3F><><EFBFBD><EFBFBD>?<3F><>", "Arial", "SimSun", "?????<3F><>";}
+.xctips.info{background:#3498db;}
+.xctips.success{background:#2ecc71;}
+.xctips.error{background:#ff9090;}
+.xctips.loading{background:#F93;}

gloam/WebRoot/css/list.css

@@ -0,0 +1,201 @@
+select {
+	width: 86px;
+	background-color: #ffffff;
+	border: 1px solid #cccccc;
+	height: 22px;
+}
+
+label,select {
+	font-size: 12px;
+}
+
+.mydiv {
+	background-color: #fff;
+	border: 1px solid #000;
+	text-align: center;
+	line-height: 40px;
+	font-size: 14px;
+	font-weight: bold;
+	z-index: 99;
+	width: 220px;
+	height: 80px;
+	left: 50%; /*FF IE7*/
+	top: 50%; /*FF IE7*/
+	margin-left: -150px !important; /*FF IE7 该值为本身宽的一半 */
+	margin-top: -60px !important; /*FF IE7 该值为本身高的一半*/
+	margin-top: 0px;
+	position: fixed !important; /*FF IE7*/
+	position: absolute; /*IE6*/
+	_top: expression(eval(document.compatMode && 
+				     document.compatMode == 'CSS1Compat') ? 
+				     documentElement.scrollTop +   (
+		document.documentElement.clientHeight-this.offsetHeight )/ 2 : /*IE6*/
+		
+				      document.body.scrollTop +   ( document.body.clientHeight -  
+		this.clientHeight )/ 2 ); /*IE5 IE5.5*/
+}
+
+.bg {
+	background-color: #ccc;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	top: 0; /*FF IE7*/
+	filter: alpha(opacity = 50); /*IE*/
+	opacity: 0.5; /*FF*/
+	z-index: 1;
+	position: fixed !important; /*FF IE7*/
+	position: absolute; /*IE6*/
+	_top: expression(eval(document.compatMode && 
+				             document.compatMode == 'CSS1Compat') ? 
+				             documentElement.scrollTop +   (
+		document.documentElement.clientHeight-this.offsetHeight )/ 2 : /*IE6*/
+		
+				             document.body.scrollTop +   (
+		document.body.clientHeight -   this.clientHeight )/ 2 ); /*IE5 IE5.5*/
+}
+
+/*The END*/
+#suggest1 {
+	width: 200px;
+	text-align: left;
+}
+
+.gray {
+	color: gray;
+}
+
+.ac_results {
+	background: #fff;
+	border: 1px solid #7f9db9;
+	position: absolute;
+	z-index: 10000;
+	display: none;
+	font-size: 12px;
+}
+
+.ac_results ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.ac_results li a {
+	white-space: nowrap;
+	text-decoration: none;
+	display: block;
+	color: #05a;
+	padding: 1px 3px;
+}
+
+.ac_results li {
+	border: 1px solid #fff;
+}
+
+.ac_over,.ac_results li a:hover {
+	background: #c8e3fc;
+}
+
+.ac_results li a span {
+	float: right;
+}
+
+.ac_result_tip {
+	border-bottom: 1px dashed #666;
+	padding: 3px;
+}
+
+.ac_results_main {
+	width: 200px;
+	height: 600px;
+	overflow-y: auto;
+}
+
+.box_1 {
+	font-size: 14px;
+	line-height: 30px;
+	float: left;
+	margin-left: 8px;
+	vertical-align: middle;
+}
+
+.box_2 {
+	line-height: 38px;
+	float: left;
+	margin-right: 4%;
+	margin-top: 0.76%;
+	margin-left:30px;
+	vertical-align: middle;
+}
+.box_21 {
+	line-height: 38px;
+	float: right;
+	margin-top: 0.76%;
+	margin-right:1.6%;
+	vertical-align: middle;
+}
+.box_22 {
+	line-height: 38px;
+	float: right;
+	margin-top: 0.76%;
+	margin-right:-0.5%;
+	vertical-align: middle;
+}
+.rtd {
+	width: 100px;
+	text-align: right;
+	white-space: nowrap;
+}
+
+
+
+.ltd input {
+	width: 153px;
+}
+.ltd select {
+	width:167px;
+	height: 30px;
+}
+
+a{
+color: yellow;
+}
+.table-striped tbody > tr > td.htop{
+	border-top: 0;
+	background-color: #4C4C4C;
+}
+
+img.limg{
+	width: 20px;
+	height: 20px;
+	border: 0;
+}
+body{
+	background-color:#333 ;
+}
+.table.table{
+	background-color: #333;
+}
+.table-bordered tbody:first-child tr:first-child td {
+    border-top: 1px solid #fff;
+}
+.showTips{
+	color: #fff;
+}
+.showTips:hover, .showTips:focus {
+    color:  #fff;
+    text-decoration:none;
+}
+#maindiv{
+	margin-top: 75px;
+}
+#maindiv1{
+	margin-top: 40px;
+}
+.cols{
+	float: left;
+	margin-left: 12%;
+}
+.chi{
+	margin-top: 5px;
+}

gloam/WebRoot/css/loading.css

@@ -0,0 +1,638 @@
+/* Welcome to Compass.
+ * In this file you should write your main styles. (or centralize your imports)
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
+/* line 5, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+
+/* line 22, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+html {
+  line-height: 1;
+}
+
+/* line 24, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+ol, ul {
+  list-style: none;
+}
+
+/* line 26, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* line 28, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+/* line 30, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+q, blockquote {
+  quotes: none;
+}
+/* line 103, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+q:before, q:after, blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+/* line 32, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+a img {
+  border: none;
+}
+
+/* line 116, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
+  display: block;
+}
+
+/* line 14, ../sass/loading.scss */
+.cpt-loading-mask * {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+/* line 18, ../sass/loading.scss */
+.cpt-loading-mask.column {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background: transparent;
+  z-index: 100;
+  -moz-transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+/* line 31, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 260px;
+  background: rgba(0, 0, 0, 0.6);
+  -moz-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  -moz-transform: translate3d(-50%, -50%, 0);
+  -webkit-transform: translate3d(-50%, -50%, 0);
+  transform: translate3d(-50%, -50%, 0);
+  -moz-border-radius: 12px;
+  -webkit-border-radius: 12px;
+  border-radius: 12px;
+  padding: 16px;
+}
+/* line 42, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading {
+  position: relative;
+  width: 60px;
+  height: 60px;
+  background: transparent;
+  margin: 0 auto;
+}
+/* line 50, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading.origin div {
+  width: 80%;
+  height: 80%;
+  position: absolute;
+  left: 10%;
+  top: 10%;
+  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+  opacity: 1;
+  -moz-animation: load 2.28s linear infinite;
+  -webkit-animation: load 2.28s linear infinite;
+  animation: load 2.28s linear infinite;
+}
+/* line 59, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading.origin div span {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #FBC9B9;
+  position: absolute;
+  left: 50%;
+  margin-top: -10px;
+  margin-left: -10px;
+}
+/* line 72, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(1) {
+  -moz-animation-delay: 0.2s;
+  -webkit-animation-delay: 0.2s;
+  animation-delay: 0.2s;
+}
+/* line 75, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(2) {
+  -moz-animation-delay: 0.4s;
+  -webkit-animation-delay: 0.4s;
+  animation-delay: 0.4s;
+}
+/* line 78, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(3) {
+  -moz-animation-delay: 0.6s;
+  -webkit-animation-delay: 0.6s;
+  animation-delay: 0.6s;
+}
+/* line 81, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(4) {
+  -moz-animation-delay: 0.8s;
+  -webkit-animation-delay: 0.8s;
+  animation-delay: 0.8s;
+}
+/* line 84, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading.origin div:nth-child(5) {
+  -moz-animation-delay: 1s;
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+/* line 90, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading.pic {
+  width: 80px;
+  height: 80px;
+}
+/* line 94, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading.pic img {
+  width: 100%;
+  height: 100%;
+}
+/* line 101, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading-title {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  padding: 2px 0;
+  font-size: 16px;
+  margin-bottom: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  -ms-text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+}
+/* line 112, ../sass/loading.scss */
+.cpt-loading-mask.column .div-loading .loading-discription {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-size: 12px;
+  margin-top: 20px;
+}
+/* line 123, ../sass/loading.scss */
+.cpt-loading-mask.row {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background: transparent;
+  z-index: 100;
+  -moz-transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+/* line 136, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 260px;
+  background: rgba(0, 0, 0, 0.6);
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-flex-direction: row-reverse;
+  flex-direction: row-reverse;
+  -moz-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  -moz-transform: translate3d(-50%, -50%, 0);
+  -webkit-transform: translate3d(-50%, -50%, 0);
+  transform: translate3d(-50%, -50%, 0);
+  -moz-border-radius: 12px;
+  -webkit-border-radius: 12px;
+  border-radius: 12px;
+  padding: 15px;
+}
+/* line 151, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading {
+  position: relative;
+  width: 60px;
+  height: 60px;
+  background: transparent;
+  float: left;
+}
+/* line 160, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading.origin div {
+  width: 80%;
+  height: 80%;
+  position: absolute;
+  left: 10%;
+  top: 10%;
+  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+  opacity: 1;
+  -moz-animation: load 2.28s linear infinite;
+  -webkit-animation: load 2.28s linear infinite;
+  animation: load 2.28s linear infinite;
+}
+/* line 169, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading.origin div span {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #FBC9B9;
+  position: absolute;
+  left: 50%;
+  margin-top: -10px;
+  margin-left: -10px;
+}
+/* line 182, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(1) {
+  -moz-animation-delay: 0.2s;
+  -webkit-animation-delay: 0.2s;
+  animation-delay: 0.2s;
+}
+/* line 185, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(2) {
+  -moz-animation-delay: 0.4s;
+  -webkit-animation-delay: 0.4s;
+  animation-delay: 0.4s;
+}
+/* line 188, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(3) {
+  -moz-animation-delay: 0.6s;
+  -webkit-animation-delay: 0.6s;
+  animation-delay: 0.6s;
+}
+/* line 191, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(4) {
+  -moz-animation-delay: 0.8s;
+  -webkit-animation-delay: 0.8s;
+  animation-delay: 0.8s;
+}
+/* line 194, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading.origin div:nth-child(5) {
+  -moz-animation-delay: 1s;
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+/* line 200, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading.pic {
+  width: 80px;
+  height: 80px;
+}
+/* line 204, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading.pic img {
+  width: 100%;
+  height: 100%;
+}
+/* line 211, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading-title {
+  width: 72%;
+  text-align: center;
+  color: #fff;
+  font-size: 16px;
+  padding: 2px 0;
+  padding-left: 20px;
+  margin-bottom: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  -ms-text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+}
+/* line 223, ../sass/loading.scss */
+.cpt-loading-mask.row .div-loading .loading-discription {
+  display: none;
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-size: 12px;
+  margin-top: 20px;
+}
+
+/* line 236, ../sass/loading.scss */
+.animated {
+  animation-duration: 0.5s;
+  animation-fill-mode: both;
+}
+
+/* line 241, ../sass/loading.scss */
+.animated.infinite {
+  animation-iteration-count: infinite;
+}
+
+@-webkit-keyframes fadeInNoTransform {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes fadeInNoTransform {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+/* line 256, ../sass/loading.scss */
+.fadeInNoTransform {
+  -webkit-animation-name: fadeInNoTransform;
+  animation-name: fadeInNoTransform;
+}
+
+@-webkit-keyframes fadeOutNoTransform {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOutNoTransform {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+/* line 269, ../sass/loading.scss */
+.fadeOutNoTransform {
+  -webkit-animation-name: fadeOutNoTransform;
+  animation-name: fadeOutNoTransform;
+}
+
+@-webkit-keyframes load {
+  0% {
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  10% {
+    -moz-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+  50% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+    opacity: 1;
+    -moz-transform: rotate(160deg);
+    -ms-transform: rotate(160deg);
+    -webkit-transform: rotate(160deg);
+    transform: rotate(160deg);
+  }
+  62% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+  }
+  65% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+    -moz-transform: rotate(200deg);
+    -ms-transform: rotate(200deg);
+    -webkit-transform: rotate(200deg);
+    transform: rotate(200deg);
+  }
+  90% {
+    -moz-transform: rotate(340deg);
+    -ms-transform: rotate(340deg);
+    -webkit-transform: rotate(340deg);
+    transform: rotate(340deg);
+  }
+  100% {
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-moz-keyframes load {
+  0% {
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  10% {
+    -moz-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+  50% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+    opacity: 1;
+    -moz-transform: rotate(160deg);
+    -ms-transform: rotate(160deg);
+    -webkit-transform: rotate(160deg);
+    transform: rotate(160deg);
+  }
+  62% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+  }
+  65% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+    -moz-transform: rotate(200deg);
+    -ms-transform: rotate(200deg);
+    -webkit-transform: rotate(200deg);
+    transform: rotate(200deg);
+  }
+  90% {
+    -moz-transform: rotate(340deg);
+    -ms-transform: rotate(340deg);
+    -webkit-transform: rotate(340deg);
+    transform: rotate(340deg);
+  }
+  100% {
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-ms-keyframes load {
+  0% {
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  10% {
+    -moz-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+  50% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+    opacity: 1;
+    -moz-transform: rotate(160deg);
+    -ms-transform: rotate(160deg);
+    -webkit-transform: rotate(160deg);
+    transform: rotate(160deg);
+  }
+  62% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+  }
+  65% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+    -moz-transform: rotate(200deg);
+    -ms-transform: rotate(200deg);
+    -webkit-transform: rotate(200deg);
+    transform: rotate(200deg);
+  }
+  90% {
+    -moz-transform: rotate(340deg);
+    -ms-transform: rotate(340deg);
+    -webkit-transform: rotate(340deg);
+    transform: rotate(340deg);
+  }
+  100% {
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-o-keyframes load {
+  0% {
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  10% {
+    -moz-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+  50% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+    opacity: 1;
+    -moz-transform: rotate(160deg);
+    -ms-transform: rotate(160deg);
+    -webkit-transform: rotate(160deg);
+    transform: rotate(160deg);
+  }
+  62% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+  }
+  65% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+    -moz-transform: rotate(200deg);
+    -ms-transform: rotate(200deg);
+    -webkit-transform: rotate(200deg);
+    transform: rotate(200deg);
+  }
+  90% {
+    -moz-transform: rotate(340deg);
+    -ms-transform: rotate(340deg);
+    -webkit-transform: rotate(340deg);
+    transform: rotate(340deg);
+  }
+  100% {
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes load {
+  0% {
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  10% {
+    -moz-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+  50% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+    opacity: 1;
+    -moz-transform: rotate(160deg);
+    -ms-transform: rotate(160deg);
+    -webkit-transform: rotate(160deg);
+    transform: rotate(160deg);
+  }
+  62% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+  }
+  65% {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+    opacity: 0;
+    -moz-transform: rotate(200deg);
+    -ms-transform: rotate(200deg);
+    -webkit-transform: rotate(200deg);
+    transform: rotate(200deg);
+  }
+  90% {
+    -moz-transform: rotate(340deg);
+    -ms-transform: rotate(340deg);
+    -webkit-transform: rotate(340deg);
+    transform: rotate(340deg);
+  }
+  100% {
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}

gloam/WebRoot/css/mycss.css

@@ -0,0 +1,18 @@
+
+.box_2{ 
+           line-height:30px;
+	   float:right;
+	   margin-right:8px;
+	   margin-bottom:10px;
+	   vertical-align:middle;
+}
+
+
+img{
+height:15px !important;
+}
+
+body{
+  background-color:#333;
+}
+

gloam/WebRoot/css/noty_theme_default.css

@@ -0,0 +1,240 @@
+
+/* CORE STYLES*/
+
+	/* noty bar */
+	.noty_bar.noty_theme_default {
+		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top #fff;
+	}
+	
+	/* if you use noty with customContainer you can access noty with this way 
+	*	 .noty_custom_container noty will add automaticly this class to your customContainer
+	*	 .noty_theme_default 		your theme
+	*	 .noty_layout_inline		your layout 
+	*/
+	
+	/* custom container */
+	.noty_custom_container.noty_theme_default.noty_layout_inline {
+		position: relative;
+	}
+	
+	/* custom growl container */
+	.noty_custom_container.noty_theme_default.noty_layout_inline .noty_cont.noty_layout_inline {
+		position: static;
+	}
+		/* custom noty bar */
+		.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar {
+			border-width: 1px;
+			border-style: solid;
+			position: static;
+			-webkit-border-radius: 4px;
+			-moz-border-radius: 4px;
+			border-radius: 4px;
+			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+		}
+			.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message {
+				font-size: 13px;
+				padding: 4px;
+			}
+				.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message .noty_buttons {
+					margin-top: -1px;
+				}
+	
+	/* noty_message */
+	.noty_bar.noty_theme_default .noty_message {
+		padding: 8px 14px;
+		font-size: 16px;
+		font-weight: bold;
+		width: auto;
+	}
+	.noty_bar.noty_theme_default.noty_closable .noty_message {
+		padding: 8px 34px 8px 14px;
+	}
+	
+	/* noty_buttons */
+	.noty_bar.noty_theme_default .noty_message .noty_buttons {
+		float: right;
+		font-size: 13px;
+		margin-top: -4px;
+		margin-left: 4px;
+	}
+	
+	/* noty_button */
+	.noty_bar.noty_theme_default .noty_message .noty_buttons button {
+		margin-left: 5px;
+	}
+	
+	/* noty close button */
+	.noty_bar.noty_theme_default .noty_close {
+		position: absolute;
+		top: 10px;
+		right: 10px;
+		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNq0lU0OgjAQhRm5gUl3rLyBB3BDQjwI4TDcgmu4NqwNJGxdueqWA4zzCJoxtvxoeckLzbz2C5ShEDNHDiXis/gkPooPY/0uvomv4ov48bUSQGUSF+Ka51WPc0kzNGwvLnm9ynHtB5B+hGkoaWDB/6t4AZOFe7ZkTxMAc1dqreU0TbnrunetbVvOsmzIPMoBrFwJYGgCY8wAgjFGDZlHFYCNK9EAXPUYmUcNgL0v1dAFMKjfRSsVx/H0hC0eOfhLmWwbfTcYozbXNsEbO/int8nhEPz4CnbAUuhfwFOAAQAA48KKOuexjwAAAABJRU5ErkJggg==');
+		width: 20px;
+		height: 20px;
+	}
+	
+	/* noty modal */
+	.noty_modal.noty_theme_default {
+		opacity: 0.7;
+	}
+	
+/* LAYOUTS */
+
+	/* noty_layout_top */
+	.noty_bar.noty_theme_default.noty_layout_top {
+		border-bottom: 3px solid #eee;
+	}
+
+	/* noty_layout_bottom */
+	.noty_bar.noty_theme_default.noty_layout_bottom {
+		border-top: 3px solid #eee;
+	}
+
+	.noty_bar.noty_theme_default.noty_layout_center .noty_close {
+		top: 8px;
+	}
+	
+	.noty_bar.noty_theme_default.noty_layout_center .noty_message .noty_buttons {
+		margin-top: -2px
+	}
+	
+	/* noty_layout_topLeft & noty_layout_topRight */
+	.noty_bar.noty_theme_default.noty_layout_center,
+	.noty_bar.noty_theme_default.noty_layout_topLeft,
+	.noty_bar.noty_theme_default.noty_layout_topRight,
+	.noty_bar.noty_theme_default.noty_layout_bottomLeft,
+	.noty_bar.noty_theme_default.noty_layout_bottomRight {
+		border: 1px solid #eee;
+		-webkit-border-radius: 5px;
+		-moz-border-radius: 5px;
+		border-radius: 5px;
+		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+	}
+	.noty_bar.noty_theme_default.noty_layout_center .noty_message,
+	.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message,
+	.noty_bar.noty_theme_default.noty_layout_topRight .noty_message,
+	.noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message,
+	.noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message {
+		font-size: 13px;
+		font-weight: normal;
+	}
+	.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons {
+		float: none;
+		border-top: 1px solid #ccc;
+	  margin-left: 0;
+	  margin-top: 10px;
+	  padding-top: 10px;
+	  text-align: right;
+	}
+	
+	/* noty_layout_topCenter */
+	.noty_bar.noty_theme_default.noty_layout_topCenter {
+		-webkit-border-radius: 4px;
+		-moz-border-radius: 4px;
+		border-radius: 4px;
+		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+	}
+	.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message {
+		font-weight: normal;
+		font-size: 13px;
+	}
+	.noty_bar.noty_theme_default.noty_layout_topCenter .noty_close {
+		top: 50%;
+		margin-top: -10px;
+		-webkit-border-radius: 10px;
+		-moz-border-radius: 10px;
+		border-radius: 10px;
+	}
+	.noty_bar.noty_theme_default.noty_layout_topCenter.noty_success {
+		border: 1px solid #50C24E;
+	}
+	.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message .noty_buttons {
+		margin-left: 15px;
+		margin-top: 0px
+	}
+	
+/* NOTIFICATION TYPES */
+
+	/* noty_notification */
+	.noty_bar.noty_theme_default.noty_notification {
+		background-color: #fff;
+		border-color: #ccc;
+    color: #555;
+	}
+	.noty_bar.noty_theme_default.noty_notification.noty_layout_topLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_notification.noty_layout_topRight .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_notification.noty_layout_bottomLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_notification.noty_layout_bottomRight .noty_message .noty_buttons {
+    border-color: #ccc;
+  }
+  
+	/* noty_warning */
+	.noty_bar.noty_theme_default.noty_warning {
+		background-color: #FFEAA8;
+		border-color: #FFC237;
+    color: #826200;
+	}
+	.noty_bar.noty_theme_default.noty_warning.noty_layout_topLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_warning.noty_layout_topRight .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_warning.noty_layout_bottomLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_warning.noty_layout_bottomRight .noty_message .noty_buttons {
+    border-color: #FFC237;
+  }
+  
+  /* noty_alert */
+	.noty_bar.noty_theme_default.noty_alert {
+		background-color: #fff;
+		border-color: #ccc;
+	}
+	.noty_bar.noty_theme_default.noty_alert.noty_layout_topLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_alert.noty_layout_topRight .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_alert.noty_layout_bottomLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_alert.noty_layout_bottomRight .noty_message .noty_buttons {
+    border-color: #ccc;
+  }
+  
+	/* noty_error */
+	.noty_bar.noty_theme_default.noty_error {
+		background-color: red;
+		color: #fff;
+		border-color: darkred;
+	}
+	.noty_bar.noty_theme_default.noty_error .noty_message {
+		font-weight: bold;
+	}
+	.noty_bar.noty_theme_default.noty_error.noty_layout_topLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_error.noty_layout_topRight .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_error.noty_layout_bottomLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_error.noty_layout_bottomRight .noty_message .noty_buttons {
+    border-color: darkred;
+  }
+  
+	/* noty_success */
+	.noty_bar.noty_theme_default.noty_success {
+		background-color: lightgreen;
+		color: darkgreen;
+		border-color: #50C24E;
+	}
+	.noty_bar.noty_theme_default.noty_success.noty_layout_topLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_success.noty_layout_topRight .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_success.noty_layout_bottomLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_success.noty_layout_bottomRight .noty_message .noty_buttons {
+    border-color: #50C24E;
+  }
+  
+	/* noty_information */
+	.noty_bar.noty_theme_default.noty_information {
+		background-color: #57B7E2;
+		border-color: #0B90C4;
+		color: #fff;
+	}
+	.noty_bar.noty_theme_default.noty_information.noty_layout_topLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_information.noty_layout_topRight .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_information.noty_layout_bottomLeft .noty_message .noty_buttons,
+	.noty_bar.noty_theme_default.noty_information.noty_layout_bottomRight .noty_message .noty_buttons {
+    border-color: #0B90C4;
+  }
+  

gloam/WebRoot/css/passwordstrength.css

@@ -0,0 +1,6 @@
+.strengthFrame{ float:left; width:226px; height:38px; color:#171717;}
+.emptyColor{ float:left; background:#d6d3d3; width:62px; height:4px; margin-top:5px; _margin-top:0px; margin-left:5px; _height:2px;font-size:0px;}
+.strengthWord{ float:left; width:62px; margin-left:5px; text-align:center; color:#b0adad; font-size:12px; }
+.strength1{ float:left; background:#ff3300; width:62px; height:4px; margin-top:5px; margin-left:5px; _margin-top:0px;_height:2px; font-size:0px;}
+.strength2{ float:left; background: #099; width:62px; height:4px; margin-top:5px; margin-left:5px; _margin-top:0px;_height:2px; font-size:0px;}
+.strength3{ float:left; background: #060; width:62px; height:4px; margin-top:5px; margin-left:5px; _margin-top:0px;_height:2px; font-size:0px;}

gloam/WebRoot/css/perfect-scrollbar.css

@@ -0,0 +1,116 @@
+/*
+ * Container style
+ */
+.ps {
+  overflow: hidden !important;
+  overflow-anchor: none;
+  -ms-overflow-style: none;
+  touch-action: auto;
+  -ms-touch-action: auto;
+}
+
+/*
+ * Scrollbar rail styles
+ */
+.ps__rail-x {
+  display: none;
+  opacity: 0;
+  transition: background-color .2s linear, opacity .2s linear;
+  -webkit-transition: background-color .2s linear, opacity .2s linear;
+  height: 15px;
+  /* there must be 'bottom' or 'top' for ps__rail-x */
+  bottom: 0px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__rail-y {
+  display: none;
+  opacity: 0;
+  transition: background-color .2s linear, opacity .2s linear;
+  -webkit-transition: background-color .2s linear, opacity .2s linear;
+  width: 15px;
+  /* there must be 'right' or 'left' for ps__rail-y */
+  right: 0;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps--active-x > .ps__rail-x,
+.ps--active-y > .ps__rail-y {
+  display: block;
+  background-color: transparent;
+}
+
+.ps:hover > .ps__rail-x,
+.ps:hover > .ps__rail-y,
+.ps--focus > .ps__rail-x,
+.ps--focus > .ps__rail-y,
+.ps--scrolling-x > .ps__rail-x,
+.ps--scrolling-y > .ps__rail-y {
+  opacity: 0.6;
+}
+
+.ps .ps__rail-x:hover,
+.ps .ps__rail-y:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-y:focus,
+.ps .ps__rail-x.ps--clicking,
+.ps .ps__rail-y.ps--clicking {
+  background-color: #eee;
+  opacity: 0.9;
+}
+
+/*
+ * Scrollbar thumb styles
+ */
+.ps__thumb-x {
+  background-color: #aaa;
+  border-radius: 6px;
+  transition: background-color .2s linear, height .2s ease-in-out;
+  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
+  height: 6px;
+  /* there must be 'bottom' for ps__thumb-x */
+  bottom: 2px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__thumb-y {
+  background-color: #aaa;
+  border-radius: 6px;
+  transition: background-color .2s linear, width .2s ease-in-out;
+  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
+  width: 6px;
+  /* there must be 'right' for ps__thumb-y */
+  right: 2px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+  background-color: #999;
+  height: 11px;
+}
+
+.ps__rail-y:hover > .ps__thumb-y,
+.ps__rail-y:focus > .ps__thumb-y,
+.ps__rail-y.ps--clicking .ps__thumb-y {
+  background-color: #999;
+  width: 11px;
+}
+
+/* MS supports */
+@supports (-ms-overflow-style: none) {
+  .ps {
+    overflow: auto !important;
+  }
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .ps {
+    overflow: auto !important;
+  }
+}

gloam/WebRoot/css/proLog.css

@@ -0,0 +1,29 @@
+body{
+  background-color:#333;
+}
+
+#startTime ,#endTime{
+	z-index: 9999; 
+	position: relative;
+	width: 110px
+}
+
+.textSet{
+	width :100px;
+}
+
+.select{
+  width :100px;
+  height: 30px; 
+}
+
+.box_1{ 
+	margin-left: 15px;
+	margin-top: 15px;;
+	 
+}
+
+.quetyInfomation{
+	 color: yellow ;
+	 
+}

gloam/WebRoot/css/smart_wizard.css

@@ -0,0 +1,306 @@
+/*   
+  SmartWizard 2.0 plugin 
+  jQuery Wizard control Plugin
+  by Dipu
+  
+  http://www.techlaboratory.net
+  http://tech-laboratory.blogspot.com
+*/
+.swMain {
+  position:relative;
+  display:block;
+  margin:0;
+  padding:0;
+  border: 0px solid #CCC;
+  overflow:visible;
+  float:left;
+  width:100%;
+}
+.swMain .stepContainer {
+  display:block;
+  position: relative;
+  margin: 0;
+  padding:0;    
+  border: 0px solid #CCC;    
+  overflow:hidden;
+  clear:both;
+  height:460px;
+}
+
+.setp_content{
+	height: 460px;
+}
+
+.swMain .stepContainer div.content {
+  display:block;
+  position: absolute;  
+  float:left;
+  margin: 0;
+  padding:5px;    
+  border: 1px solid #CCC; 
+  font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
+  color:#5A5655;   
+  background-color:#F8F8F8;  
+  height:460px;
+  text-align:left;
+  overflow:visible;    
+  z-index:88; 
+  -webkit-border-radius: 5px;
+  -moz-border-radius  : 5px;
+  width:100%;
+  clear:both;
+}
+
+.swMain div.actionBar {
+  display:block;
+  position: relative; 
+  clear:both;
+  margin:             3px 0 0 0;   
+  border:             1px solid #CCC;
+  padding:            0;    
+  color:              #5A5655;   
+  background-color:   #F8F8F8;
+  height:50px;
+  text-align:left;
+  overflow:auto;    
+  z-index:88; 
+  -webkit-border-radius: 5px;
+  -moz-border-radius  : 5px;
+  left:0;
+}
+
+.swMain .stepContainer .StepTitle {
+  display:block;
+  position: relative;
+  margin:0;   
+  border:1px solid #E0E0E0;
+  padding:5px;   
+  font: bold 16px Verdana, Arial, Helvetica, sans-serif; 
+  color:#5A5655;   
+  background-color:#E0E0E0;
+  clear:both;
+  text-align:left; 
+  z-index:88;
+  -webkit-border-radius: 5px;
+  -moz-border-radius  : 5px;    
+}
+.swMain ul.anchor {
+  position: relative;
+  display:block;
+  float:left;
+  list-style: none;
+  padding: 0px;  
+  margin: 10px 0;      
+  clear: both;
+  border: 0px solid #CCCCCC;    
+  background: transparent; /*#EEEEEE */
+}
+.swMain ul.anchor li{ 
+  position: relative; 
+  display:block;
+  margin: 0;
+  padding: 0; 
+  padding-left:3px;
+  padding-right: 3px;
+  border: 0px solid #E0E0E0;      
+  float: left;
+}
+/* Anchor Element Style */
+.swMain ul.anchor li a {
+  display:block;
+  position:relative;
+  float:left;
+  margin:0;
+  height:50px;
+  text-decoration: none;
+  outline-style:none;
+  -moz-border-radius  : 5px;
+  -webkit-border-radius: 5px;
+  z-index:99;
+  padding-top: 8px;
+}
+.swMain ul.anchor li a .stepNumber{
+  position:relative;
+  float:left;
+  text-align: center;
+  padding:5px;
+  padding-top:0;
+  font: bold 35px Verdana, Arial, Helvetica, sans-serif;
+}
+.swMain ul.anchor li a .stepDesc{
+  position:relative;
+  display:block;
+  float:left;
+  text-align: left;
+  padding:5px;
+
+  font: bold 26px Verdana, Arial, Helvetica, sans-serif;
+}
+.swMain ul.anchor li a .stepDesc small{
+  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
+}
+.swMain ul.anchor li a.selected{
+  color:#F8F8F8;
+  background: #A71D31;  /* EA8511 */
+  border: 1px solid #A71D31;
+  cursor:text;
+  -moz-box-shadow: 5px 5px 8px #888;
+  -webkit-box-shadow: 5px 5px 8px #888;
+  box-shadow: 5px 5px 8px #888;
+}
+.swMain ul.anchor li a.selected:hover {
+  color:#F8F8F8;  
+  background: #A71D31;  
+}
+
+.swMain ul.anchor li a.done { 
+  position:relative;
+  color:#FFF;  
+  background: url('../images/line.png') left repeat-x;  
+  border: 0px solid #000;   
+  z-index:99;
+}
+.swMain ul.anchor li a.done:hover {
+  color:#5A5655;  
+  background: url('../images/line.png') left repeat-x;  
+  border: 1px solid #5A5655;   
+}
+.swMain ul.anchor li a.disabled {
+  color:#CCCCCC;  
+  background: #F8F8F8;
+  border: 1px solid #CCC;  
+  cursor:text;   
+}
+.swMain ul.anchor li a.disabled:hover {
+  color:#CCCCCC;  
+  background: #F8F8F8;     
+}
+
+.swMain ul.anchor li a.error {
+  color:#6c6c6c !important;  
+  background: #f08f75 !important;
+  border: 1px solid #fb3500 !important;      
+}
+.swMain ul.anchor li a.error:hover {
+  color:#000 !important;       
+}
+
+.swMain .buttonNext {
+  display:block;
+  float:right;
+  margin:5px 3px 0 3px;
+  padding:5px;
+  text-decoration: none;
+  text-align: center;
+  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
+  width:100px;
+  color:#FFF;
+  outline-style:none;
+  background-color:   #5A5655;
+  border: 1px solid #5A5655;
+  -moz-border-radius  : 5px; 
+  -webkit-border-radius: 5px;    
+}
+.swMain .buttonDisabled {
+  color:#F8F8F8  !important;
+  background-color: #CCCCCC !important;
+  border: 1px solid #CCCCCC  !important;
+  cursor:text;    
+}
+.swMain .buttonPrevious {
+  display:block;
+  float:right;
+  margin:5px 3px 0 3px;
+  padding:5px;
+  text-decoration: none;
+  text-align: center;
+  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
+  width:100px;
+  color:#FFF;
+  outline-style:none;
+  background-color:   #5A5655;
+  border: 1px solid #5A5655;
+  -moz-border-radius  : 5px; 
+  -webkit-border-radius: 5px;    
+}
+.swMain .buttonFinish {
+  display:block;
+  float:right;
+  margin:5px 10px 0 3px;
+  padding:5px;
+  text-decoration: none;
+  text-align: center;
+  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
+  width:100px;
+  color:#FFF;
+  outline-style:none;
+  background-color:   #5A5655;
+  border: 1px solid #5A5655;
+  -moz-border-radius  : 5px; 
+  -webkit-border-radius: 5px;    
+}
+
+/* Form Styles */
+
+.txtBox {
+  border:1px solid #CCCCCC;
+  color:#5A5655;
+  font:13px Verdana,Arial,Helvetica,sans-serif;
+  padding:2px;
+  width:430px;
+}
+.txtBox:focus {
+  border:1px solid #A71D31;
+}
+
+.swMain .loader {
+  position:relative;  
+  display:none;
+  float:left;  
+  margin: 2px 0 0 2px;
+  padding:8px 10px 8px 40px;
+  border: 1px solid #FFD700; 
+  font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
+  color:#5A5655;       
+  background: #FFF url(../images/loader.gif) no-repeat 5px;  
+  -moz-border-radius  : 5px;
+  -webkit-border-radius: 5px;
+  z-index:998;
+}
+.swMain .msgBox {
+  position:relative;  
+  display:none;
+  float:left;
+  margin: 4px 0 0 5px;
+  padding:5px;
+  border: 1px solid #FFD700; 
+  background-color: #FFFFDD;  
+  font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
+  color:#5A5655;         
+  -moz-border-radius  : 5px;
+  -webkit-border-radius: 5px;
+  z-index:999;
+  min-width:200px;  
+}
+.swMain .msgBox .content {
+  font: normal 12px Verdana,Arial,Helvetica,sans-serif;
+  padding: 0px;
+  float:left;
+}
+.swMain .msgBox .close {
+  border: 1px solid #CCC;
+  border-radius: 3px;
+  color: #CCC;
+  display: block;
+  float: right;
+  margin: 0 0 0 5px;
+  outline-style: none;
+  padding: 0 2px 0 2px;
+  position: relative;
+  text-align: center;
+  text-decoration: none;
+}
+.swMain .msgBox .close:hover{
+  color: #A71D31;
+  border: 1px solid #A71D31;  
+}

gloam/WebRoot/css/style-forms.css

@@ -0,0 +1,925 @@
+.add-on,
+select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+input[type="file"],
+.uneditable-input {
+  display: inline-block;
+  height: 20px;
+  padding: 4px 6px;
+  margin-bottom: 10px;
+  font-size: 14px;
+  line-height: 20px;
+  color: #555555;
+  vertical-align: middle;
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+input,
+textarea,
+.uneditable-input {
+  width: 206px;
+}
+
+textarea {
+  height: auto;
+}
+
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+  margin:0px 5px 0px 5px;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+          transition: border linear 0.2s, box-shadow linear 0.2s;
+}
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+  border-color: rgba(82, 168, 236, 0.8);
+  outline: 0;
+  outline: thin dotted \9;
+  /* IE6-9 */
+
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9;
+  *margin-top: 0;
+  line-height: normal;
+}
+
+input[type="file"],
+input[type="image"],
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+input[type="radio"],
+input[type="checkbox"] {
+  width: auto;
+}
+
+select,
+input[type="file"] {
+  height: 30px;
+  /* In IE7, the height of the select element cannot be changed by height, only font-size */
+
+  *margin-top: 4px;
+  /* For IE7, add top margin to align select with labels */
+
+  line-height: 30px;
+}
+
+select {
+	margin:0px 5px 0px 5px;
+  width: 220px;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+}
+
+select[multiple],
+select[size] {
+  height: auto;
+}
+
+select:focus,
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+.uneditable-input,
+.uneditable-textarea {
+	margin:0px 5px 0px 5px;
+  color: #999999;
+  cursor: not-allowed;
+  background-color: #fcfcfc;
+  border-color: #cccccc;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.uneditable-input {
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.uneditable-textarea {
+  width: auto;
+  height: auto;
+}
+
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+  color: #999999;
+}
+
+input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+  color: #999999;
+}
+
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  color: #999999;
+}
+
+.radio,
+.checkbox {
+  min-height: 20px;
+  padding-left: 20px;
+}
+
+.radio input[type="radio"],
+.checkbox input[type="checkbox"] {
+  float: left;
+  margin-left: 0px;
+}
+
+.controls > .radio:first-child,
+.controls > .checkbox:first-child {
+  padding-top: 5px;
+}
+
+.radio.inline,
+.checkbox.inline {
+  display: inline-block;
+  padding-top: 5px;
+  margin-bottom: 0;
+  vertical-align: middle;
+}
+
+.radio.inline + .radio.inline,
+.checkbox.inline + .checkbox.inline {
+  margin-left: 10px;
+}
+
+.input-mini {
+  width: 60px;
+}
+
+.input-small {
+  width: 90px;
+}
+
+.input-medium {
+  width: 150px;
+}
+
+.input-large {
+  width: 210px;
+}
+
+.input-xlarge {
+  width: 270px;
+}
+
+.input-xxlarge {
+  width: 530px;
+}
+
+input[class*="span"],
+select[class*="span"],
+textarea[class*="span"],
+.uneditable-input[class*="span"],
+.row-fluid input[class*="span"],
+.row-fluid select[class*="span"],
+.row-fluid textarea[class*="span"],
+.row-fluid .uneditable-input[class*="span"] {
+  float: none;
+  margin-left: 0;
+}
+
+.input-append input[class*="span"],
+.input-append .uneditable-input[class*="span"],
+.input-prepend input[class*="span"],
+.input-prepend .uneditable-input[class*="span"],
+.row-fluid input[class*="span"],
+.row-fluid select[class*="span"],
+.row-fluid textarea[class*="span"],
+.row-fluid .uneditable-input[class*="span"],
+.row-fluid .input-prepend [class*="span"],
+.row-fluid .input-append [class*="span"] {
+  display: inline-block;
+}
+
+input,
+textarea,
+.uneditable-input {
+  margin-left: 5;
+}
+
+.controls-row [class*="span"] + [class*="span"] {
+  margin-left: 20px;
+}
+
+input.span12,
+textarea.span12,
+.uneditable-input.span12 {
+  width: 926px;
+}
+
+input.span11,
+textarea.span11,
+.uneditable-input.span11 {
+  width: 846px;
+}
+
+input.span10,
+textarea.span10,
+.uneditable-input.span10 {
+  width: 766px;
+}
+
+input.span9,
+textarea.span9,
+.uneditable-input.span9 {
+  width: 686px;
+}
+
+input.span8,
+textarea.span8,
+.uneditable-input.span8 {
+  width: 606px;
+}
+
+input.span7,
+textarea.span7,
+.uneditable-input.span7 {
+  width: 526px;
+}
+
+input.span6,
+textarea.span6,
+.uneditable-input.span6 {
+  width: 446px;
+}
+
+input.span5,
+textarea.span5,
+.uneditable-input.span5 {
+  width: 366px;
+}
+
+input.span4,
+textarea.span4,
+.uneditable-input.span4 {
+  width: 286px;
+}
+
+input.span3,
+textarea.span3,
+.uneditable-input.span3 {
+  width: 206px;
+}
+
+input.span2,
+textarea.span2,
+.uneditable-input.span2 {
+  width: 126px;
+}
+
+input.span1,
+textarea.span1,
+.uneditable-input.span1 {
+  width: 46px;
+}
+
+.controls-row {
+  *zoom: 1;
+}
+
+.controls-row:before,
+.controls-row:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.controls-row:after {
+  clear: both;
+}
+
+.controls-row [class*="span"],
+.row-fluid .controls-row [class*="span"] {
+  float: left;
+}
+
+.controls-row .checkbox[class*="span"],
+.controls-row .radio[class*="span"] {
+  padding-top: 5px;
+}
+
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+  cursor: not-allowed;
+  background-color: #9A9C9D;
+}
+
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"][readonly],
+input[type="checkbox"][readonly] {
+  background-color: transparent;
+}
+
+.control-group.warning .control-label,
+.control-group.warning .help-block,
+.control-group.warning .help-inline {
+  color: #c09853;
+}
+
+.control-group.warning .checkbox,
+.control-group.warning .radio,
+.control-group.warning input,
+.control-group.warning select,
+.control-group.warning textarea {
+  color: #c09853;
+}
+
+.control-group.warning input,
+.control-group.warning select,
+.control-group.warning textarea {
+  border-color: #c09853;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.control-group.warning input:focus,
+.control-group.warning select:focus,
+.control-group.warning textarea:focus {
+  border-color: #a47e3c;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.control-group.warning .input-prepend .add-on,
+.control-group.warning .input-append .add-on {
+  color: #c09853;
+  background-color: #fcf8e3;
+  border-color: #c09853;
+}
+
+.control-group.error .control-label,
+.control-group.error .help-block,
+.control-group.error .help-inline {
+  color: #b94a48;
+}
+
+.control-group.error .checkbox,
+.control-group.error .radio,
+.control-group.error input,
+.control-group.error select,
+.control-group.error textarea {
+  color: #b94a48;
+}
+
+.control-group.error input,
+.control-group.error select,
+.control-group.error textarea {
+  border-color: #b94a48;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.control-group.error input:focus,
+.control-group.error select:focus,
+.control-group.error textarea:focus {
+  border-color: #953b39;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.control-group.error .input-prepend .add-on,
+.control-group.error .input-append .add-on {
+  color: #b94a48;
+  background-color: #f2dede;
+  border-color: #b94a48;
+}
+
+.control-group.success .control-label,
+.control-group.success .help-block,
+.control-group.success .help-inline {
+  color: #468847;
+}
+
+.control-group.success .checkbox,
+.control-group.success .radio,
+.control-group.success input,
+.control-group.success select,
+.control-group.success textarea {
+  color: #468847;
+}
+
+.control-group.success input,
+.control-group.success select,
+.control-group.success textarea {
+  border-color: #468847;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.control-group.success input:focus,
+.control-group.success select:focus,
+.control-group.success textarea:focus {
+  border-color: #356635;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+}
+
+.control-group.success .input-prepend .add-on,
+.control-group.success .input-append .add-on {
+  color: #468847;
+  background-color: #dff0d8;
+  border-color: #468847;
+}
+
+.control-group.info .control-label,
+.control-group.info .help-block,
+.control-group.info .help-inline {
+  color: #3a87ad;
+}
+
+.control-group.info .checkbox,
+.control-group.info .radio,
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+  color: #3a87ad;
+}
+
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+  border-color: #3a87ad;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.control-group.info input:focus,
+.control-group.info select:focus,
+.control-group.info textarea:focus {
+  border-color: #2d6987;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.control-group.info .input-prepend .add-on,
+.control-group.info .input-append .add-on {
+  color: #3a87ad;
+  background-color: #d9edf7;
+  border-color: #3a87ad;
+}
+
+input:focus:invalid,
+textarea:focus:invalid,
+select:focus:invalid {
+  color: #b94a48;
+  border-color: #ee5f5b;
+}
+
+input:focus:invalid:focus,
+textarea:focus:invalid:focus,
+select:focus:invalid:focus {
+  border-color: #e9322d;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.form-actions {
+  padding: 19px 20px 20px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border-top: 0px solid #e5e5e5;
+  *zoom: 1;
+}
+
+.form-actions:before,
+.form-actions:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.form-actions:after {
+  clear: both;
+}
+
+.help-block,
+.help-inline {
+  color: #595959;
+}
+
+.help-block {
+  display: block;
+  margin-bottom: 10px;
+}
+
+.help-inline {
+  display: inline-block;
+  *display: inline;
+  padding-left: 5px;
+  vertical-align: middle;
+  *zoom: 1;
+}
+
+.input-append,
+.input-prepend {
+  display: inline-block;
+  margin-bottom: 10px;
+  font-size: 0;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
+.input-append input,
+.input-prepend input,
+.input-append select,
+.input-prepend select,
+.input-append .uneditable-input,
+.input-prepend .uneditable-input,
+.input-append .dropdown-menu,
+.input-prepend .dropdown-menu,
+.input-append .popover,
+.input-prepend .popover {
+  font-size: 14px;
+}
+
+.input-append input,
+.input-prepend input,
+.input-append select,
+.input-prepend select,
+.input-append .uneditable-input,
+.input-prepend .uneditable-input {
+  position: relative;
+  margin-bottom: 0;
+  *margin-left: 0;
+  vertical-align: top;
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.input-append input:focus,
+.input-prepend input:focus,
+.input-append select:focus,
+.input-prepend select:focus,
+.input-append .uneditable-input:focus,
+.input-prepend .uneditable-input:focus {
+  z-index: 2;
+}
+
+.input-append .add-on,
+.input-prepend .add-on {
+  display: inline-block;
+  width: auto;
+  height: 20px;
+  min-width: 16px;
+  padding: 4px 5px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 20px;
+  text-align: center;
+  text-shadow: 0 1px 0 #ffffff;
+  background-color: #eeeeee;
+  border: 1px solid #ccc;
+}
+
+.input-append .add-on,
+.input-prepend .add-on,
+.input-append .btn,
+.input-prepend .btn,
+.input-append .btn-group > .dropdown-toggle,
+.input-prepend .btn-group > .dropdown-toggle {
+  vertical-align: top;
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.input-append .active,
+.input-prepend .active {
+  background-color: #a9dba9;
+  border-color: #46a546;
+}
+
+.input-prepend .add-on,
+.input-prepend .btn {
+  margin-right: -1px;
+}
+
+.input-prepend .add-on:first-child,
+.input-prepend .btn:first-child {
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.input-append input,
+.input-append select,
+.input-append .uneditable-input {
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.input-append input + .btn-group .btn:last-child,
+.input-append select + .btn-group .btn:last-child,
+.input-append .uneditable-input + .btn-group .btn:last-child {
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.input-append .add-on,
+.input-append .btn,
+.input-append .btn-group {
+  margin-left: -1px;
+}
+
+.input-append .add-on:last-child,
+.input-append .btn:last-child,
+.input-append .btn-group:last-child > .dropdown-toggle {
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.input-prepend.input-append input,
+.input-prepend.input-append select,
+.input-prepend.input-append .uneditable-input {
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.input-prepend.input-append input + .btn-group .btn,
+.input-prepend.input-append select + .btn-group .btn,
+.input-prepend.input-append .uneditable-input + .btn-group .btn {
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.input-prepend.input-append .add-on:first-child,
+.input-prepend.input-append .btn:first-child {
+  margin-right: -1px;
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.input-prepend.input-append .add-on:last-child,
+.input-prepend.input-append .btn:last-child {
+  margin-left: -1px;
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.input-prepend.input-append .btn-group:first-child {
+  margin-left: 0;
+}
+
+input.search-query {
+  padding-right: 14px;
+  padding-right: 4px \9;
+  padding-left: 14px;
+  padding-left: 4px \9;
+  /* IE7-8 doesn't have border-radius, so don't indent the padding */
+
+  margin-bottom: 0;
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+/* Allow for input prepend/append in search forms */
+
+.form-search .input-append .search-query,
+.form-search .input-prepend .search-query {
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.form-search .input-append .search-query {
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.form-search .input-append .btn {
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.form-search .input-prepend .search-query {
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.form-search .input-prepend .btn {
+  -webkit-border-radius: 0px;
+     -moz-border-radius: 0px;
+          border-radius: 0px;
+}
+
+.form-search input,
+.form-inline input,
+.form-horizontal input,
+.form-search textarea,
+.form-inline textarea,
+.form-horizontal textarea,
+.form-search select,
+.form-inline select,
+.form-horizontal select,
+.form-search .help-inline,
+.form-inline .help-inline,
+.form-horizontal .help-inline,
+.form-search .uneditable-input,
+.form-inline .uneditable-input,
+.form-horizontal .uneditable-input,
+.form-search .input-prepend,
+.form-inline .input-prepend,
+.form-horizontal .input-prepend,
+.form-search .input-append,
+.form-inline .input-append,
+.form-horizontal .input-append {
+  display: inline-block;
+  *display: inline;
+  margin-bottom: 0;
+  vertical-align: middle;
+  *zoom: 1;
+}
+
+.form-search .hide,
+.form-inline .hide,
+.form-horizontal .hide {
+  display: none;
+}
+
+.form-search label,
+.form-inline label,
+.form-search .btn-group,
+.form-inline .btn-group {
+  display: inline-block;
+}
+
+.form-search .input-append,
+.form-inline .input-append,
+.form-search .input-prepend,
+.form-inline .input-prepend {
+  margin-bottom: 0;
+}
+
+.form-search .radio,
+.form-search .checkbox,
+.form-inline .radio,
+.form-inline .checkbox {
+  padding-left: 0;
+  margin-bottom: 0;
+  vertical-align: middle;
+}
+
+.form-search .radio input[type="radio"],
+.form-search .checkbox input[type="checkbox"],
+.form-inline .radio input[type="radio"],
+.form-inline .checkbox input[type="checkbox"] {
+  float: left;
+  margin-right: 3px;
+  margin-left: 0;
+}
+
+.control-group {
+  margin-bottom: 10px;
+}
+
+legend + .control-group {
+  margin-top: 20px;
+  -webkit-margin-top-collapse: separate;
+}
+
+.form-horizontal .control-group {
+  margin-bottom: 20px;
+  *zoom: 1;
+}
+
+.form-horizontal .control-group:before,
+.form-horizontal .control-group:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.form-horizontal .control-group:after {
+  clear: both;
+}
+
+.form-horizontal .control-label {
+  float: left;
+  width: 160px;
+  padding-top: 5px;
+  text-align: right;
+}
+
+.form-horizontal .controls {
+  *display: inline-block;
+  *padding-left: 20px;
+  margin-left: 180px;
+  *margin-left: 0;
+}
+
+.form-horizontal .controls:first-child {
+  *padding-left: 180px;
+}
+
+.form-horizontal .help-block {
+  margin-bottom: 0;
+}
+
+.form-horizontal input + .help-block,
+.form-horizontal select + .help-block,
+.form-horizontal textarea + .help-block,
+.form-horizontal .uneditable-input + .help-block,
+.form-horizontal .input-prepend + .help-block,
+.form-horizontal .input-append + .help-block {
+  margin-top: 10px;
+}
+
+.form-horizontal .form-actions {
+  padding-left: 180px;
+}

gloam/WebRoot/css/style-responsive.css

@@ -0,0 +1,536 @@
+/* Higher than 1200 (desktop devices)
+====================================================================== */
+@media (min-width: 1200px) {
+	
+	.container-fluid-full {
+		overflow: hidden;
+		position: relative;
+		height: 100%;
+	}
+	
+	#content {
+		width: 90%;
+		height:100%;
+		padding: 28px;
+		margin: 0px 0px;
+		margin-left: 5.422% !important;
+	}
+		
+	#sidebar-left {
+		background: #3A3A3A;
+		margin-left: 0px !important;
+		position: absolute;
+		height: 100%;
+	}
+	
+	.sidebar-nav > ul{
+		margin: 0px;
+	}
+	
+	footer {
+		margin: 0px 0px 0px 0px;
+		padding: 10px 20px;
+	}
+	
+}
+
+/* Higher than 960 (desktop devices)
+====================================================================== */
+@media only screen and (min-width: 980px) and (max-width: 1199px){
+	
+	.container-fluid-full {
+		overflow: hidden;
+		position: relative;
+		height: 100%;
+	}
+	
+	#content {
+		width: 96%;
+		height:100%;
+		padding: 20px;
+		margin: 0px;
+		margin-left: 3.422% !important;
+	}
+	
+	.dark {
+		padding: 20px;
+		top: -20px;
+		right: -12px;
+		margin-bottom: -56px;
+		margin-right: -30px;	
+	}
+	
+	
+	#sidebar-left {
+		background: #3A3A3A;
+		margin-left: 0px !important;
+		position: absolute;
+		height: 100%;
+	}
+	
+	.sidebar-nav > ul{
+		margin: 0px;
+	}
+	
+	.sparkLineStats {
+		position: relative; 
+		padding-bottom: 4px;
+	}
+	
+	.sparkLineStats li {
+		font-size: 10px;
+		line-height: 42px;
+	}
+	
+	.sparkLineStats li .number {
+		font-size: 16px;
+		font-weight: 700; 
+		padding:0 0px; 
+	}
+	
+	.breadcrumb {
+		margin: -20px -20px 20px -20px;	
+	}
+	
+	.statbox,
+	.widget,
+	.box,
+	.circleStatsItemBox {
+		margin-bottom: 20px;
+	}
+	
+	/* Page: Tasks
+	=================================================================== */
+
+	.task .desc {
+		display: inline-block;
+		width: 70%;
+		padding: 10px 10px;
+		font-size: 12px;
+	}
+
+	.task .desc .title {
+		font-size: 16px;
+		margin-bottom: 5px;
+	}
+
+	.task .time {
+		display: inline-block;
+		float: right;
+		width: 20%;
+		padding: 10px 10px;
+		font-size: 12px;
+		text-align: right;
+	}
+
+	.task .time .date {
+		font-size: 16px;
+		margin-bottom: 5px;	
+	}
+
+	footer {
+		margin: 0px;
+		padding: 10px 20px;
+	}
+	
+}
+
+/* Tablet Portrait (devices and browsers)
+====================================================================== */
+@media only screen and (min-width: 768px) and (max-width: 979px) {
+	
+	.container-fluid-full {
+		overflow: hidden;
+		position: relative;
+		height: 100%;
+	}
+	
+	#content {
+		width: 91.666%;
+		padding: 22px;
+		margin: 0px 0px;
+		margin-left: 8.334% !important;
+	}
+	
+	.dark {
+		padding: 20px;
+		top: -22px;
+		right: -15px;
+		margin-bottom: -56px;
+		margin-right: -30px;
+	}
+	
+	.breadcrumb {
+		margin: -22px -22px 22px -22px;	
+	}
+	
+	.statbox,
+	.widget,
+	.box,
+	.circleStatsItemBox {
+		margin-bottom: 22px;
+	}
+		
+	#sidebar-left {
+		background: #3A3A3A;
+		margin-left: 0px !important;
+		position: absolute;
+		height: 100%;
+		width: 8.334% !important;
+	}
+	
+	.sidebar-nav > ul{
+		margin: 0px;
+	}
+	
+	.nav-tabs.nav-stacked > li > a,
+	.nav-tabs.nav-stacked > li > ul > li > a {
+		text-align: center;
+		margin-top: -2px;	
+	}
+		
+	.noMargin {
+		margin-left: 0px !important;
+	}
+	
+	.btn-navbar {
+		display: none !important;
+	}
+	
+	.nav-collapse,
+  	.nav-collapse.collapse {
+    	height: auto !important;
+    	overflow: visible !important;
+		margin-left: 0px !important;
+  	}
+	
+	
+	.stats-date .range {
+		font-size: 16px;
+		font-weight: 300;
+	}
+
+
+	.stat .left .number {
+		font-size: 16px;
+		font-weight: 300;
+	}
+
+	.stat .left .title {
+		font-size: 9px;
+	}
+
+	.stat .right .percent {
+		text-align: center;
+		font-size: 12px;
+		line-height: 16px;
+	}
+	
+	.box-small-link {
+		font-size: 20px;
+	}
+	
+	.sparkLineStats {
+		padding-bottom: 10px;
+	}
+	
+	.sparkLineStats li {
+		font-size: 10px;
+		line-height: 43px;
+	}
+	
+	.sparkLineStats li .number {
+		font-size: 12px;
+		font-weight: 700; 
+		padding:0 0px; 
+	}
+	
+	/* Page: Tasks
+	=================================================================== */
+
+	.task {
+		border-bottom: 1px solid #f9f9f9;
+		margin-bottom: 1px;
+	}
+
+	.task.high {
+		border-left: 2px solid rgba(250,96,61,1);
+	}
+
+	.task.medium {
+		border-left: 2px solid rgba(250,187,61,1);
+	}
+
+	.task.low {
+		border-left: 2px solid rgba(120,205,81,1);
+	}
+
+	.task .desc {
+		display: inline-block;
+		width: 65%;
+		padding: 10px 10px;
+		font-size: 10px;
+		margin-right: -20px;
+	}
+
+	.task .desc .title{
+		font-size: 14px;
+		margin-bottom: 5px;
+	}
+
+	.task .time {
+		display: inline-block;
+		float: right;
+		width: 25%;
+		padding: 10px 10px;
+		font-size: 10px;
+		text-align: right;
+	}
+
+	.task .time .date {
+		font-size: 14px;
+		margin-bottom: 5px;	
+	}
+
+	.timeslot .task span {
+		border: 2px solid rgba(103, 194, 239, 1);
+		background: rgba(103, 194, 239, .1);
+		padding: 5px;
+		display: block;
+		font-size: 10px;
+	}
+
+	.timeslot .task span span{
+		border: 0px;
+		background: transparent;
+		padding: 0px;
+	}
+
+	.timeslot .task span span.details{
+		font-size: 14px;
+		margin-bottom: 0px;
+	}
+
+	.timeslot .task span span.remaining{
+		font-size: 12px;
+	}
+	
+	footer {
+		margin: 0px;
+		padding: 10px 20px;
+	}
+	
+}
+
+/* All Mobile Sizes (devices and browser)
+====================================================================== */
+@media only screen and (max-width: 767px) {
+	
+	#content {
+		overflow: hidden;
+		margin: -10px 0px 0px 0px;
+	}
+	
+	.breadcrumb {
+		margin: -5px -5px 5px -5px;
+	}
+	
+	.nav-tabs.nav-stacked > li > a,
+	.nav-tabs.nav-stacked > li > ul > li > a {
+		margin-top: -2px;	
+	}
+		
+	.dark {
+		padding: 5px;
+		top: 5px;
+		right: 0px;
+		margin-bottom: 0px;
+		margin-right: 0px;
+		position: relative;
+		border: 0px;
+	}
+	
+	.statbox,
+	.widget,
+	.box,
+	.circleStatsItemBox {
+		margin-bottom: 20px !important;
+	}
+	
+	/* Page: Tasks
+	=================================================================== */
+
+	.task {
+		border-bottom: 1px solid #f9f9f9;
+		margin-bottom: 1px;
+	}
+
+	.task.high {
+		border-left: 2px solid rgba(250,96,61,1);
+	}
+
+	.task.medium {
+		border-left: 2px solid rgba(250,187,61,1);
+	}
+
+	.task.low {
+		border-left: 2px solid rgba(120,205,81,1);
+	}
+
+	.task .desc {
+		display: inline-block;
+		width: 65%;
+		padding: 10px 10px;
+		font-size: 10px;
+		margin-right: -20px;
+	}
+
+	.task .desc .title{
+		font-size: 14px;
+		margin-bottom: 5px;
+	}
+
+	.task .time {
+		display: inline-block;
+		float: right;
+		width: 25%;
+		padding: 10px 10px;
+		font-size: 10px;
+		text-align: right;
+	}
+
+	.task .time .date {
+		font-size: 14px;
+		margin-bottom: 5px;	
+	}
+
+	.timeslot .task span {
+		border: 2px solid rgba(103, 194, 239, 1);
+		background: rgba(103, 194, 239, .1);
+		padding: 5px;
+		display: block;
+		font-size: 10px;
+		-webkit-border-radius: 4px;
+		   -moz-border-radius: 4px;
+				border-radius: 4px;
+	}
+
+	.timeslot .task span span{
+		border: 0px;
+		background: transparent;
+		padding: 0px;
+	}
+
+	.timeslot .task span span.details{
+		font-size: 14px;
+		margin-bottom: 0px;
+	}
+
+	.timeslot .task span span.remaining{
+		font-size: 12px;
+	}
+	
+	
+}
+
+/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
+====================================================================== */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+	
+	body {
+		padding: 0px;
+	}
+	
+	#content {
+		padding: 5px;
+	}
+	
+	.stat {
+		width: 50%;
+		margin: 10px 0% 0% 0%;
+		float: left;
+	}
+		
+	.quick-button,
+	.quick-button-small {
+		margin-bottom: 20px;
+	}
+	
+	.pull-right {
+		width: 100%;
+		margin: 10px auto;
+		text-align: center;
+	}
+	
+	.fc-button-today,
+	.fc-button-month,
+	.fc-button-agendaWeek,
+	.fc-button-agendaDay {
+		display: none;
+	}
+	
+	footer {
+		padding: 10px 20px;
+	}
+	
+}
+
+/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
+=================================================================== */
+@media only screen and (max-width: 479px) {
+	
+	body {
+		padding: 0px;
+	}
+	
+	#content {
+		padding: 5px;
+	}
+	
+	.stat {
+		width: 100%;
+		margin: 1% 0% 0% 0%;
+		float: left;
+	}
+		
+	.quick-button,
+	.quick-button-small {
+		margin-bottom: 20px;
+	}
+	
+	.pull-right {
+		width: 100%;
+		margin: 10px auto;
+		text-align: center;
+	}
+	
+	.fc-button-today,
+	.fc-button-month,
+	.fc-button-agendaWeek,
+	.fc-button-agendaDay {
+		display: none;
+	}
+	
+	table,
+	.pagination {
+		font-size: 10px;
+	}
+	
+	.pagination {
+		padding: 5px;
+	}
+	
+	.ui-slider-handle {
+		margin-top: 1px !important;
+	}
+
+	.sliderVertical .ui-slider-handle {
+		margin: 0px 0px -10px 1px !important;
+	}
+	
+	
+	footer {
+		padding: 10px 20px;
+	}
+	
+}

gloam/WebRoot/css/su.css

@@ -0,0 +1,3 @@
+#input1{
+	width:10px;
+}

gloam/WebRoot/css/suggest.css

@@ -0,0 +1,11 @@
+body{margin:0;padding:0;font-family:"<22><><EFBFBD><EFBFBD>";font-size:13px;text-align:center;}
+			#suggest{width:200px;text-align:left}
+			.gray{color:gray;}
+			.ac_results {background:#fff;border:1px solid #7f9db9;position: absolute;z-index: 10000;display: none;font-size: 12px;}
+			.ac_results ul{margin:0;padding:0;list-style:none;}
+			.ac_results li a{white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px;}
+			.ac_results li{border:1px solid #fff;}
+			.ac_over,.ac_results li a:hover {background:#c8e3fc;}
+			.ac_results li a span{float:right;}
+			.ac_result_tip{border-bottom:1px dashed #666;padding:3px;}
+			.ac_results_main{width:200px;height: 600px; overflow-y:auto; }

gloam/WebRoot/css/uniform.default.css

@@ -0,0 +1,615 @@
+/*
+
+Uniform Theme: Uniform Default
+Version: 1.6
+By: Josh Pyles
+License: MIT License
+---
+For use with the Uniform plugin:
+http://pixelmatrixdesign.com/uniform/
+---
+Generated by Uniform Theme Generator:
+http://pixelmatrixdesign.com/uniform/themer.html
+
+*/
+
+/* Global Declaration */
+
+div.selector, 
+div.selector span, 
+div.checker span,
+div.radio span, 
+div.uploader, 
+div.uploader span.action,
+div.button,
+div.button span {
+  background-image: url(../img/sprite.png);
+  background-repeat: no-repeat;
+  -webkit-font-smoothing: antialiased;
+}
+
+.selector, 
+.radio, 
+.checker, 
+.uploader,
+.button, 
+.selector *, 
+.radio *, 
+.checker *, 
+.uploader *,
+.button *{
+  margin: 0;
+  padding: 0;
+}
+
+/* INPUT & TEXTAREA */
+
+input.text,
+input.email, 
+input.password,
+textarea.uniform {
+  font-size: 12px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  padding: 3px;
+  color: #777;
+  background: url('../img/bg-input-focus.png') repeat-x 0px 0px;
+  background: url('../img/bg-input.png') repeat-x 0px 0px;
+  border-top: solid 1px #ddd;
+  border-left: solid 1px #ddd;
+  border-bottom: solid 1px #ddd;
+  border-right: solid 1px #ddd;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  outline: 0;
+}
+
+input.text:focus,
+input.email:focus,
+input.password:focus,
+textarea.uniform:focus {
+  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
+  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
+  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
+  border-color: #999;
+  background: url('../img/bg-input-focus.png') repeat-x 0px 0px;
+}
+
+/* SPRITES */
+
+/* Select */
+
+div.selector {
+  background-position: -483px -130px;
+  line-height: 26px;
+  height: 26px;
+}
+
+div.selector span {
+  background-position: right 0px;
+  height: 26px;
+  line-height: 26px;
+}
+
+div.selector select {
+  /* change these to adjust positioning of select element */
+  top: 0px;
+  left: 0px;
+}
+
+div.selector:active, 
+div.selector.active {
+  background-position: -483px -156px;
+}
+
+div.selector:active span, 
+div.selector.active span {
+  background-position: right -26px;
+}
+
+div.selector.focus, div.selector.hover, div.selector:hover {
+  background-position: -483px -182px;
+}
+
+div.selector.focus span, div.selector.hover span, div.selector:hover span {
+  background-position: right -52px;
+}
+
+div.selector.focus:active,
+div.selector.focus.active,
+div.selector:hover:active,
+div.selector.active:hover {
+  background-position: -483px -208px;
+}
+
+div.selector.focus:active span,
+div.selector:hover:active span,
+div.selector.active:hover span,
+div.selector.focus.active span {
+  background-position: right -78px;
+}
+
+div.selector.disabled {
+  background-position: -483px -234px;
+}
+
+div.selector.disabled span {
+  background-position: right -104px;
+}
+
+/* Checkbox */
+
+div.checker {
+  width: 19px;
+  height: 19px;
+}
+
+div.checker input {
+  width: 19px;
+  height: 19px;
+}
+
+div.checker span {
+  background-position: 0px -260px;
+  height: 19px;
+  width: 19px;
+}
+
+div.checker:active span, 
+div.checker.active span {
+  background-position: -19px -260px;
+}
+
+div.checker.focus span,
+div.checker:hover span {
+  background-position: -38px -260px;
+}
+
+div.checker.focus:active span,
+div.checker:active:hover span,
+div.checker.active:hover span,
+div.checker.focus.active span {
+  background-position: -57px -260px;
+}
+
+div.checker span.checked {
+  background-position: -76px -260px;
+}
+
+div.checker:active span.checked, 
+div.checker.active span.checked {
+  background-position: -95px -260px;
+}
+
+div.checker.focus span.checked,
+div.checker:hover span.checked {
+  background-position: -114px -260px;
+}
+
+div.checker.focus:active span.checked,
+div.checker:hover:active span.checked,
+div.checker.active:hover span.checked,
+div.checker.active.focus span.checked {
+  background-position: -133px -260px;
+}
+
+div.checker.disabled span,
+div.checker.disabled:active span,
+div.checker.disabled.active span {
+  background-position: -152px -260px;
+}
+
+div.checker.disabled span.checked,
+div.checker.disabled:active span.checked,
+div.checker.disabled.active span.checked {
+  background-position: -171px -260px;
+}
+
+/* Radio */
+
+div.radio {
+  width: 18px;
+  height: 18px;
+}
+
+div.radio input {
+  width: 18px;
+  height: 18px;
+}
+
+div.radio span {
+  height: 18px;
+  width: 18px;
+  background-position: 0px -279px;
+}
+
+div.radio:active span, 
+div.radio.active span {
+  background-position: -18px -279px;
+}
+
+div.radio.focus span, 
+div.radio:hover span {
+  background-position: -36px -279px;
+}
+
+div.radio.focus:active span,
+div.radio:active:hover span,
+div.radio.active:hover span,
+div.radio.active.focus span {
+  background-position: -54px -279px;
+}
+
+div.radio span.checked {
+  background-position: -72px -279px;
+}
+
+div.radio:active span.checked,
+div.radio.active span.checked {
+  background-position: -90px -279px;
+}
+
+div.radio.focus span.checked, div.radio:hover span.checked {
+  background-position: -108px -279px;
+}
+
+div.radio.focus:active span.checked, 
+div.radio:hover:active span.checked,
+div.radio.focus.active span.checked,
+div.radio.active:hover span.checked {
+  background-position: -126px -279px;
+}
+
+div.radio.disabled span,
+div.radio.disabled:active span,
+div.radio.disabled.active span {
+  background-position: -144px -279px;
+}
+
+div.radio.disabled span.checked,
+div.radio.disabled:active span.checked,
+div.radio.disabled.active span.checked {
+  background-position: -162px -279px;
+}
+
+/* Uploader */
+
+div.uploader {
+  background-position: 0px -297px;
+  height: 28px;
+}
+
+div.uploader span.action {
+  background-position: 1px -409px;
+  height: 24px;
+  line-height: 24px;
+}
+
+div.uploader span.filename {
+  height: 24px;
+  /* change this line to adjust positioning of filename area */
+  margin: 2px 0px 2px 2px;
+  line-height: 24px;
+}
+
+div.uploader.focus,
+div.uploader.hover,
+div.uploader:hover {
+  background-position: 0px -353px;
+}
+
+div.uploader.focus span.action,
+div.uploader.hover span.action,
+div.uploader:hover span.action {
+  background-position: 0px -437px;
+}
+
+div.uploader.active span.action,
+div.uploader:active span.action {
+  background-position: 1px -465px;
+}
+
+div.uploader.focus.active span.action,
+div.uploader:focus.active span.action,
+div.uploader.focus:active span.action,
+div.uploader:focus:active span.action {
+  background-position: 1px -493px;
+}
+
+div.uploader.disabled {
+  background-position: 0px -325px;
+}
+
+div.uploader.disabled span.action {
+  background-position: 1px -381px;
+}
+
+div.button {
+  background-position: 0px -523px;
+}
+
+div.button span {
+  background-position: right -643px;
+}
+
+div.button.focus,
+div.button:focus,
+div.button:hover,
+div.button.hover {
+  background-position: 0px -553px;
+}
+
+div.button.focus span,
+div.button:focus span,
+div.button:hover span,
+div.button.hover span {
+  background-position: right -673px; 
+}
+
+div.button.active,
+div.button:active {
+  background-position: 0px -583px;
+}
+
+div.button.active span,
+div.button:active span {
+  background-position: right -703px;
+  color: #555;
+}
+
+div.button.disabled,
+div.button:disabled {
+  background-position: 0px -613px;
+}
+
+div.button.disabled span,
+div.button:disabled span {
+  background-position: right -733px;
+  color: #bbb;
+  cursor: default;
+}
+
+/* PRESENTATION */
+
+/* Button */
+
+div.button {
+  height: 30px;
+}
+
+div.button span {
+  margin-left: 13px;
+  height: 22px;
+  padding-top: 8px;
+  font-weight: bold;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  padding-left: 2px;
+  padding-right: 15px;
+}
+
+/* Select */
+div.selector {
+  width: 190px;
+  font-size: 12px;
+}
+
+div.selector select {
+  min-width: 190px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  border: solid 1px #fff;
+}
+
+div.selector span {
+  padding: 0px 25px 0px 2px;
+  cursor: pointer;
+}
+
+div.selector span {
+  color: #666;
+  width: 158px;
+  text-shadow: 0 1px 0 #fff;
+}
+
+div.selector.disabled span {
+  color: #bbb;
+}
+
+/* Checker */
+div.checker {
+  margin-right: 5px;
+}
+
+/* Radio */
+div.radio {
+  margin-right: 3px;
+}
+
+/* Uploader */
+div.uploader {
+  width: 190px;
+  cursor: pointer;
+}
+
+div.uploader span.action {
+  width: 85px;
+  text-align: center;
+  text-shadow: #fff 0px 1px 0px;
+  font-size: 11px;
+  color:#777;
+}
+
+div.uploader span.filename {
+  color: #777;
+  width: 82px;
+  border-right: solid 1px #bbb;
+  font-size: 11px;
+}
+
+div.uploader input {
+  width: 190px;
+}
+
+div.uploader.disabled span.action {
+  color: #aaa;
+}
+
+div.uploader.disabled span.filename {
+  border-color: #ddd;
+  color: #aaa;
+}
+/*
+
+CORE FUNCTIONALITY 
+
+Not advised to edit stuff below this line
+-----------------------------------------------------
+*/
+
+.selector, 
+.checker, 
+.button, 
+.radio, 
+.uploader {
+  display: -moz-inline-box;
+  display: inline-block;
+  vertical-align: middle;
+  zoom: 1;
+  *display: inline;
+}
+
+.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
+  outline: 0;
+}
+
+/* Button */
+
+div.button a,
+div.button button,
+div.button input {
+  position: absolute;
+}
+
+div.button {
+  cursor: pointer;
+  position: relative;
+}
+
+div.button span {
+  display: -moz-inline-box;
+  display: inline-block;
+  line-height: 1;
+  text-align: center;
+}
+
+/* Select */
+
+div.selector {
+  position: relative;
+  padding-left: 10px;
+  overflow: hidden;
+}
+
+div.selector span {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+div.selector select {
+  position: absolute;
+  opacity: 0;
+  filter: alpha(opacity:0);
+  height: 25px;
+  border: none;
+  background: none;
+}
+
+/* Checker */
+
+div.checker {
+  position: relative;
+}
+
+div.checker span {
+  display: -moz-inline-box;
+  display: inline-block;
+  text-align: center;
+}
+
+div.checker input {
+  opacity: 0;
+  filter: alpha(opacity:0);
+  display: inline-block;
+  background: none;
+}
+
+/* Radio */
+
+div.radio {
+  position: relative;
+}
+
+div.radio span {
+  display: -moz-inline-box;
+  display: inline-block;
+  text-align: center;
+}
+
+div.radio input {
+  opacity: 0;
+  filter: alpha(opacity:0);
+  text-align: center;
+  display: inline-block;
+  background: none;
+}
+
+/* Uploader */
+
+div.uploader {
+  position: relative;
+  overflow: hidden;
+  cursor: default;
+}
+
+div.uploader span.action {
+  float: left;
+  display: inline;
+  padding: 2px 0px;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+div.uploader span.filename {
+  padding: 0px 10px;
+  float: left;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: default;
+}
+
+div.uploader input {
+  opacity: 0;
+  filter: alpha(opacity:0);
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  float: right;
+  height: 25px;
+  border: none;
+  cursor: default;
+}
+.icon-info-sign,
+.icon-cog{
+	color:#e39a1e;
+	margin-right:2px;
+}
+

gloam/WebRoot/css/upc.css

@@ -0,0 +1,319 @@
+@CHARSET "UTF-8";
+.breadcrumb{
+margin:0 !important;
+}
+.bcColor{
+background-color:#333333 !important;
+
+}
+.tdAlignRight{
+text-align:right !important;
+}
+.tdAlignLeft{
+text-align:left !important;
+}
+.tdAlignCenter{
+text-align:center !important;
+}
+.m30{
+margin-left:0% !important;
+width:100% !important;
+}
+img{
+height:20px !important;
+}
+a{
+color:yellow;
+}
+.marBott{
+margin-bottom:10px !important;
+}
+.tm{
+background: rgb(51, 51, 51);filter:alpha(opacity = 50);
+background:rgba(255,255,255,0)none repeat scroll;
+}
+
+.noMarginBottom{
+margin-bottom:0px !important;
+}
+.middle_list{
+margin-top:20px !important;
+}
+.scroll-y{
+overflow-y:true !important;
+}
+.noScroll-y{
+overflow-y: hidden !important;
+}
+.css_loading{
+width:100%; height:100%;  position:absolute; top:0%; left:0px; bottom:1px;margin-right: auto;margin-left: auto;background-repeat: no-repeat;background-position: center center;display: none;
+background-color: #333333;
+z-index:10001;
+-moz-opacity: 0.5;
+opacity:.0;
+filter: alpha(opacity=0);
+}
+.disTableCell{
+display:table-cell !important;
+}
+
+#suggest1 {
+	width: 200px !important;
+	text-align: left !important;
+}
+.ac_results {
+	background: #fff !important;
+	border: 1px solid #7f9db9 !important;
+	position: absolute !important;
+	z-index: 10000 !important;
+	display: none ;
+	font-size: 12px !important;
+}
+
+.ac_results ul {
+	margin: 0 !important;
+	padding: 0 !important;
+	list-style: none !important;
+}
+
+.ac_results li a {
+	white-space: nowrap !important;
+	text-decoration: none !important;
+	display: block ;
+	color: #05a !important;
+	padding: 1px 3px !important;
+}
+
+.ac_results li {
+	border: 1px solid #fff !important;
+}
+
+.ac_over,.ac_results li a:hover {
+	background: #c8e3fc !important;
+}
+
+.ac_results li a span {
+	float: right !important;
+}
+
+.ac_result_tip {
+	border-bottom: 1px dashed #666;
+	padding: 3px !important;
+}
+
+.ac_results_main {
+	width: 200px !important;
+	height: 200px !important;
+	overflow-y: auto !important;
+}
+.gray {
+	color: gray !important;
+}
+
+.width70{
+width:70% important;
+}
+.noBorderTop{
+border-top: 0px none !important;
+}
+.mrt-7{
+<!-- margin-top:-7px !important; -->
+}
+.fl{
+float:left !important;
+}
+.acButton{
+clear:both;
+text-align:right;
+margin-right:10px;
+}
+.fiwidth{
+width:23.8px !important;
+}
+.uploader{
+float:none !important;
+}
+.mrb5{
+margin-bottom:5px !important;
+}
+.fieldsetPosition{
+margin-left:20% !important;
+margin-top:10px !important;
+}
+.fieldsetPosition30{
+margin-left:30% !important;
+margin-top:10px !important;
+}
+.fieldsetPosition15{
+margin-left:15% !important;
+margin-top:10px !important;
+}
+.fieldsetPosition10{
+margin-left:10% !important;
+margin-top:10px !important;
+}
+.mktreewidth{
+width:280px !important;
+overflow:auto !important;
+height:500px !important;
+max-height: 510px;
+}
+.routeInputHeight30{
+height:30px !important;
+}
+.colorYellow{
+color:yellow !important;
+}
+.userfl{
+float:left !important;
+width:35%;
+}
+.fieldsetBottom1{
+border-bottom: 1px solid !important;
+}
+.fieldsetTop10{
+margin-top:10px !important;
+}
+.labelWidthAuto{
+width:auto !important;
+}
+.blackcolor{
+color:black !important;
+}
+.aColorWhite{
+color:white !important;
+}
+.heh30{
+height:24px !important;
+}
+.marbottom0{
+margin-bottom:0px !important;
+}
+.noPadding{
+padding:0 !important;
+}
+.noLeftBorder tr>td:first-child{
+border-left:0 !important;
+}
+
+.blackBorderColor {
+border: 1px solid #333333 !important;
+}
+
+.whiteBorder{
+border:1px solid white !important;
+}
+
+.noleftTdBorder{
+border-left-width: 0px  !important;
+}
+
+.noBorder{
+border:0px !important;
+}
+
+.paddingLeft5px{
+padding-left:5px !important;
+}
+.radioDivPTandHG{
+height: 30px !important;
+padding-top: 7px !important;
+}
+.companyTextWidth{
+width:181px !important;
+}
+.height26{
+height:20px !important;
+}
+.syHeight{
+height:900px !important;
+}
+.minHeight{
+min-height:550px !important;
+}
+.paddingTop0{
+padding-top:0px !important;
+}
+.marginRight17{
+margin-right:17px !important;
+}
+.MzTreeview>font{
+color:#A7A9AA !important;
+}
+.break7{
+padding:12px 0px 7px !important;
+}
+#nodeIds{
+margin-right:20px;
+margin-bottom:8px;
+margin-left:3px;
+}
+.fontSize{
+font-size:14px;
+}
+
+.select30Height{
+ width:auto !important;
+ height:30px !important;
+}
+
+.testInterval{
+	margin:5px !important;
+}
+.tipInfo{
+	color:#EA9546 !important;
+}
+.templateTable1,.templateTable{
+	width:100%;
+}
+.tdNoBorder th, .tdNoBorder td{
+   border-top: 0px solid #EEE;
+}
+.del_button{
+	color:#357EBD !important;
+	float:right;
+	cursor: pointer;
+	display: none;
+	margin:0 0px 10px 0;
+}
+#del_recovery_span,#del_backup_span{
+	display:inline;
+}
+.posAndZ-index {
+  *position: relative;
+  *z-index: 2;
+  margin-bottom: 20px;
+  overflow: visible;
+}
+.dropdown-menu::after,.dropdown-menu::before{
+border:0px;
+}
+.trangle::before {
+  z-index:1;
+  border: 5px solid transparent;
+  border-bottom: 10px solid #f0ebeb !important;
+  width: 0;
+  height: 0;
+  position: absolute;
+  content: ' ';
+  top:-15px !important;
+  left:145px !important;
+}
+.notifications{
+top:30px;
+border: 1px solid grey;
+}
+.notifications > li > a{
+margin-left:0px !important;
+margin-right:0px !important;
+width:140px !important;
+}
+.notifications > li{
+width:160px !important;
+
+}
+.notifications > li > a:hover{
+background-color:#0081C2;
+background-image:linear-gradient(to bottom, #08C, #0077B3);
+}
+

gloam/WebRoot/css/uploadify.css

@@ -0,0 +1,92 @@
+/*
+Uploadify
+Copyright (c) 2012 Reactive Apps, Ronnie Garcia
+Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
+*/
+
+.uploadify {
+	position: relative;
+	margin-bottom: 1em;
+}
+.uploadify-button {
+	background-color: #505050;
+	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
+	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
+	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
+	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
+	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
+	background-image: -webkit-gradient(
+		linear,
+		left bottom,
+		left top,
+		color-stop(0, #505050),
+		color-stop(1, #707070)
+	);
+	background-position: center top;
+	background-repeat: no-repeat;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+	border: 2px solid #808080;
+	color: #FFF;
+	font: bold 12px Arial, Helvetica, sans-serif;
+	text-align: center;
+	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
+	width: 100%;
+}
+.uploadify:hover .uploadify-button {
+	background-color: #606060;
+	background-image: linear-gradient(top, #606060 0%, #808080 100%);
+	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
+	background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
+	background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
+	background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
+	background-image: -webkit-gradient(
+		linear,
+		left bottom,
+		left top,
+		color-stop(0, #606060),
+		color-stop(1, #808080)
+	);
+	background-position: center bottom;
+}
+.uploadify-button.disabled {
+	background-color: #D0D0D0;
+	color: #808080;
+}
+.uploadify-queue {
+	margin-bottom: 1em;
+}
+.uploadify-queue-item {
+	background-color: #F5F5F5;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	font: 11px Verdana, Geneva, sans-serif;
+	margin-top: 5px;
+	max-width: 350px;
+	padding: 10px;
+}
+.uploadify-error {
+	background-color: #FDE5DD !important;
+}
+.uploadify-queue-item .cancel a {
+	background: url('../img/uploadify-cancel.png') 0 0 no-repeat;
+	float: right;
+	height:	16px;
+	text-indent: -9999px;
+	width: 16px;
+}
+.uploadify-queue-item.completed {
+	background-color: #E5E5E5;
+}
+.uploadify-progress {
+	background-color: #E5E5E5;
+	margin-top: 10px;
+	width: 100%;
+}
+.uploadify-progress-bar {
+	background-color: #0099FF;
+	height: 3px;
+	width: 1px;
+}

gloam/WebRoot/detection/chart-cpudisk.html

@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html lang="en" style="height:100%">
+<head>
+#include("/common/header.html")
+<script src="/js/highcharts/highcharts.js"></script>
+<script src="/js/highcharts/exporting.js"></script>
+<script src="/js/highcharts/series-label.js"></script>
+<script src="/js/highcharts/oldie.js"></script>
+<script src="/js/highcharts/dark-unica.js"></script>
+<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
+<script type="text/javascript">
+$(document).ready(function(){
+	$(".tab").click(function(){ //切换tab
+		$("[name=titleId]").val($(this).attr("titleId"));
+		$("#my-form").submit();
+	});
+	
+	$("#search").click(function(){ //搜索
+		$("#my-form").submit();
+	});
+	
+	var checkedNames = #(checkedNames);
+	$("[name=checkedNames]").each(function(){
+		for (var i = 0; i < checkedNames.length; i++) {
+			if ($(this).val() == checkedNames[i]) {
+				$(this).prop("checked", true);
+			}
+		}
+	});
+	
+	$("#sub").click(function(){ //筛选名称
+		var allCheckBox = $("[name=checkedNames]:checked");
+		if (allCheckBox.length > 0) {
+			$("#my-form").submit();
+		} else {
+			top.myAlert('#(_res.get("chart.oneMore"))');
+		}
+	});
+	
+	var datas = #(datas);
+	xtitle = datas[0].xtitle;
+	ytitle = datas[0].ytitle;
+	var lines = datas[1].lines;
+	console.info(lines);
+	if (lines) {
+		seriesOptions = [];
+		for (var i = 0; i < lines.length; i++) {
+			seriesOptions[i] = {
+				name: lines[i].name,
+				data: lines[i].data,
+				type: 'line'
+			};
+		}
+		createChart();
+	} else {
+		$("#container").empty();
+		$("#container").append('<div style="padding-top:50px">i18n_dspmi.message.noData_n81i</div>');
+	}
+	
+	$("#clear").click(function(){
+		$("input[type=checkbox]").prop("checked", false);		
+	});
+})
+
+function myup(obj) {
+	$(obj).attr("class", "my-button-up");
+}
+
+function mydown(obj) {
+	$(obj).attr("class", "my-button-down");
+}
+
+function createChart() {
+	Highcharts.setOptions( {
+		global : {
+			useUTC : false
+		}
+	});
+	var chartObj = new Highcharts.Chart(
+	{
+		chart : {
+			renderTo : 'container',
+			zoomType : 'x',
+			spacingRight : 20
+		},
+		title : {
+			text : xtitle
+		},
+		subtitle : {
+			text : ''//这是副标题内容
+		},
+		xAxis : {
+			type : 'datetime',
+			labels : {
+				rotation : 20
+			},
+			dateTimeLabelFormats: {
+                second: '%Y-%m-%d %H:%M:%S',
+                minute: '%Y-%m-%d %H:%M',
+                hour: '%Y-%m-%d %H:%M',
+                day: '%Y-%m-%d',
+                week: '%Y-%m-%d',
+                month: '%Y-%m',
+                year: '%Y'
+            }
+		},
+		yAxis : {
+			title : {
+				text : ytitle
+			}
+		},
+		tooltip : {
+			formatter : function() {
+				var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
+						this.x) + ' [ ';
+                s += '<span>'
+					+ this.point.series.name
+					+ ': </span><span>'
+					+ this.point.y + '</span>     ';
+				s = $.trim(s) + " ]"; 
+				return s;
+			}
+		},
+		plotOptions:{
+			
+			line:{
+				lineWidth : 1,
+				marker: {
+					radius: 2,
+					states: {
+						hover: {
+							radius: 3
+						}
+					}
+				}	
+			},
+			area : { 
+				fillOpacity: 0.08,
+				lineWidth : 1,
+				shadow : true,
+				marker: {
+					radius: 3,
+					states: {
+						hover: {
+							radius: 5
+						}
+					}
+				}			
+			},
+			column: {
+				grouping: false,
+				shadow: false,
+				pointPlacement: 'between',
+				groupPadding: 0,
+				pointPadding: 0,
+				borderWidth: 0
+			},
+			scatter:{
+				marker: {
+					radius: 2,
+					states: {
+						hover: {
+							radius: 3
+						}
+					},
+					symbol: 'circle'
+				}	
+			}
+		},
+		exporting : {
+			enabled : false
+		},
+		series : seriesOptions,
+	    credits: {
+			enabled: false,
+			text: 'i18n_dspmi.message.updateTheMark_n81i'
+		}
+	});
+}
+
+</script>
+</head>
+<body>
+<form id="my-form" action="/monitor/chart" method="post">
+	<input type="hidden" name="seqId" value="#(seqId)"/>
+	<input type="hidden" name="checkTypeId" value="#(checkTypeId)"/>
+	<input type="hidden" name="detectionSetInfoId" value="#(detectionSetInfoId)"/>
+	<input type="hidden" name="titleId" value="#(titleId)"/>
+	<div style="margin:10px 0 10px 15px; position:relative;">
+		<label class="bar">#(_res.get("startTime"))</label>
+		<input id="startTime" value="#(startTime)" name="startTime" class="bar bar-input" onfocus="this.blur()" onclick="WdatePicker({skin:'simple',maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\'}',lang:'#(_locale)'})">&nbsp;
+		<label class="bar">#(_res.get("endTime"))</label>
+		<input id="endTime" value="#(endTime)" name="endTime" class="bar bar-input" onfocus="this.blur()" onclick="WdatePicker({skin:'simple',minDate:'#F{$dp.$D(\'startTime\')}',maxDate:'%y-%M-%d',lang:'#(_locale)'})">
+		<div id="search" style="display:inline-block; background-color:#ce0000; width:50px; line-height:18px; text-align:center; padding:3px 0 5px 0;position:absolute; margin-left: 10px;">
+			<span id="search" class="icon-search"></span>
+		</div>
+		<div class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)" onclick="location.href='/monitor'" style="float:right;margin-right:25px;width:24px;"><span class="icon-arrow-left"></span>#--#(_res.get("goback"))--#</div>
+	</div>
+	<div style="margin-left:8px">
+		#for(x : columns)
+			#if(x.chartState == "0")
+				#if(fieldName == x.fieldName)
+					#set(class="tab tab-active")
+				#else
+					#set(class="tab")
+				#end
+				<div class="#(class)" titleId="#(x.id)">#(x.fieldComments)</div>
+			#end
+		#end
+	</div>
+	<div id="container" style="min-height:500px; width: 99%;" align="center"></div>
+	<div style="margin: 10px 0 0 8px; width: 80%;">
+		#for(x : names)
+		<div class="my-checkbox"><input type="checkbox" value="#(x)" name="checkedNames" style="zoom:120%;">#(" " + x)</div>
+		#end
+	</div>
+	<div style="margin: 15px 0 0 8px;">
+		<div id="clear" class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)">#(_res.get("reset"))</div>
+		<div id="sub" class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)">#(_res.get("chart.submit"))</div>
+	</div>
+</form>
+</body>
+</html>

gloam/WebRoot/detection/chart-mem.html

@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html lang="en" style="height:100%">
+<head>
+#include("/common/header.html")
+<script src="/js/highcharts/highcharts.js"></script>
+<script src="/js/highcharts/exporting.js"></script>
+<script src="/js/highcharts/series-label.js"></script>
+<script src="/js/highcharts/oldie.js"></script>
+<script src="/js/highcharts/dark-unica.js"></script>
+<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
+<script type="text/javascript">
+$(document).ready(function(){
+	
+	$(".tab").click(function(){ //切换tab
+		$("[name=titleId]").val($(this).attr("titleId"));
+		$("#my-form").submit();
+	});
+	
+	$("#search").click(function(){ //搜索
+		$("#my-form").submit();
+	});
+	
+	var datas = #(datas);
+	xtitle = datas[0].xtitle;
+	ytitle = datas[0].ytitle;
+	var lines = datas[1].lines;
+	if (lines) {
+		seriesOptions = [];
+		for (var i = 0; i < lines.length; i++) {
+			seriesOptions[i] = {
+				name: lines[i].name,
+				data: lines[i].data,
+				type: 'line'
+			};
+		}
+		createChart();
+	} else {
+		$("#container").empty();
+		$("#container").append('<div style="padding-top:50px">i18n_dspmi.message.noData_n81i</div>');
+	}
+	
+	$("#clear").click(function(){
+		$("input[type=checkbox]").prop("checked", false);		
+	});
+})
+
+function myup(obj) {
+	$(obj).attr("class", "my-button-up");
+}
+
+function mydown(obj) {
+	$(obj).attr("class", "my-button-down");
+}
+
+function createChart() {
+	Highcharts.setOptions( {
+		global : {
+			useUTC : false
+		}
+	});
+	var chartObj = new Highcharts.Chart(
+	{
+		chart : {
+			renderTo : 'container',
+			zoomType : 'x',
+			spacingRight : 20
+		},
+		title : {
+			text : xtitle
+		},
+		subtitle : {
+			text : ''//这是副标题内容
+		},
+		xAxis : {
+			type : 'datetime',
+			labels : {
+				rotation : 20
+			},
+			dateTimeLabelFormats: {
+                second: '%Y-%m-%d %H:%M:%S',
+                minute: '%Y-%m-%d %H:%M',
+                hour: '%Y-%m-%d %H:%M',
+                day: '%Y-%m-%d',
+                week: '%Y-%m-%d',
+                month: '%Y-%m',
+                year: '%Y'
+            }
+		},
+		yAxis : {
+			title : {
+				text : ytitle
+			}
+		},
+		tooltip : {
+			formatter : function() {
+				var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
+						this.x) + ' [ ';
+                s += '<span>'
+					+ this.point.series.name
+					+ ': </span><span>'
+					+ this.point.y + '</span>     ';
+				s = $.trim(s) + " ]"; 
+				return s;
+			}
+		},
+		plotOptions:{
+			
+			line:{
+				lineWidth : 1,
+				marker: {
+					radius: 2,
+					states: {
+						hover: {
+							radius: 3
+						}
+					}
+				}	
+			},
+			area : { 
+				fillOpacity: 0.08,
+				lineWidth : 1,
+				shadow : true,
+				marker: {
+					radius: 3,
+					states: {
+						hover: {
+							radius: 5
+						}
+					}
+				}			
+			},
+			column: {
+				grouping: false,
+				shadow: false,
+				pointPlacement: 'between',
+				groupPadding: 0,
+				pointPadding: 0,
+				borderWidth: 0
+			},
+			scatter:{
+				marker: {
+					radius: 2,
+					states: {
+						hover: {
+							radius: 3
+						}
+					},
+					symbol: 'circle'
+				}	
+			}
+		},
+		exporting : {
+			enabled : false
+		},
+		series : seriesOptions,
+	    credits: {
+			enabled: false,
+			text: 'i18n_dspmi.message.updateTheMark_n81i'
+		}
+	});
+}
+</script>
+</head>
+<body>
+<form id="my-form" action="/monitor/chart" method="post">
+	<input type="hidden" name="seqId" value="#(seqId)"/>
+	<input type="hidden" name="checkTypeId" value="#(checkTypeId)"/>
+	<input type="hidden" name="detectionSetInfoId" value="#(detectionSetInfoId)"/>
+	<input type="hidden" name="titleId" value="#(titleId)"/>
+	<div style="margin:10px 0 10px 15px; position:relative;">
+		<label class="bar">#(_res.get("startTime"))</label>
+		<input id="startTime" value="#(startTime)" name="startTime" class="bar bar-input" onfocus="this.blur()" onclick="WdatePicker({skin:'simple',maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\',lang:'#(_locale)'}'})">&nbsp;
+		<label class="bar">#(_res.get("endTime"))</label>
+		<input id="endTime" value="#(endTime)" name="endTime" class="bar bar-input" onfocus="this.blur()" onclick="WdatePicker({skin:'simple',minDate:'#F{$dp.$D(\'startTime\')}',maxDate:'%y-%M-%d',lang:'#(_locale)'})">
+		<div id="search" style="display:inline-block; background-color:#ce0000; width:50px; line-height:18px; text-align:center; padding:3px 0 5px 0;position:absolute; margin-left: 10px;">
+			<span id="search" class="icon-search"></span>
+		</div>
+		<div class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)" onclick="location.href='/monitor'" style="float:right;margin-right:25px;width:24px;"><span class="icon-arrow-left"></span>#--#(_res.get("goback"))--#</div>
+	</div>
+	<div style="margin-left:8px">
+		#for(x : columns)
+			#if(x.chartState == "0")
+				#if(fieldName == x.fieldName)
+					#set(class="tab tab-active")
+				#else
+					#set(class="tab")
+				#end
+				<div class="#(class)" titleId="#(x.id)">#(x.fieldComments)</div>
+			#end
+		#end
+	</div>
+	<div id="container" style="min-height:500px; width: 99%;" align="center"></div>
+</form>
+</body>
+</html>

gloam/WebRoot/detection/chart-net.html

@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en" style="height:100%">
+<head>
+#include("/common/header.html")
+<script src="/js/highcharts/highcharts.js"></script>
+<script src="/js/highcharts/exporting.js"></script>
+<script src="/js/highcharts/series-label.js"></script>
+<script src="/js/highcharts/oldie.js"></script>
+<script src="/js/highcharts/dark-unica.js"></script>
+<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
+<script type="text/javascript">
+$(document).ready(function(){
+	//var columns = #(columns); // 后台结果
+	//var datas = #(datas); 
+	
+	$(".tab").click(function(){ //切换tab
+		$("[name=titleId]").val($(this).attr("titleId"));
+		$("#my-form").submit();
+	});
+	
+	$("#search").click(function(){ //搜索
+		$("#my-form").submit();
+	});
+	 
+	$("#sub").click(function(){ //筛选名称
+		$("#my-form").submit();
+	}); 
+	
+	var datas = #(datas);
+	xtitle = datas[0].xtitle;
+	ytitle = datas[0].ytitle;
+	var lines = datas[1].lines;
+	if (lines) {
+		seriesOptions = [];
+		seriesOptions[0] = {
+			name: lines[0].name,
+			data: lines[0].data,
+			type: 'line',
+			step: true
+		};
+		seriesOptions[1] = {
+			name: lines[1].name,
+			data: lines[1].data,
+			type: 'scatter'
+		};
+		createChart();
+	} else {
+		$("#container").empty();
+		$("#container").append('<div style="padding-top:50px">i18n_dspmi.message.noData_n81i</div>');
+	}
+})
+
+function myup(obj) {
+	$(obj).attr("class", "my-button-up");
+}
+
+function mydown(obj) {
+	$(obj).attr("class", "my-button-down");
+}
+
+function createChart() {
+	Highcharts.setOptions( {
+		global : {
+			useUTC : false
+		}
+	});
+	var chartObj = new Highcharts.Chart(
+	{
+		chart : {
+			renderTo : 'container',
+			zoomType : 'x',
+			spacingRight : 20
+		},
+		title : {
+			text : xtitle
+		},
+		subtitle : {
+			text : ''//这是副标题内容
+		},
+		xAxis : {
+			type : 'datetime',
+			labels : {
+				rotation : 20
+			},
+			dateTimeLabelFormats: {
+                second: '%Y-%m-%d %H:%M:%S',
+                minute: '%Y-%m-%d %H:%M',
+                hour: '%Y-%m-%d %H:%M',
+                day: '%Y-%m-%d',
+                week: '%Y-%m-%d',
+                month: '%Y-%m',
+                year: '%Y'
+            }
+		},
+		yAxis : {
+			title : {
+				text : ytitle
+			}
+		},
+		tooltip : {
+			formatter : function() {
+				var s = Highcharts.dateFormat("%Y-%m-%d %H:%M",
+						this.x) + ' [ ';
+                s += '<span>'
+					+ this.point.series.name
+					+ ': </span><span>'
+					+ this.point.y + '</span>     ';
+				s = $.trim(s) + " ]"; 
+				return s;
+			}
+		},
+		plotOptions:{
+			
+			line:{
+				lineWidth : 1,
+				marker: {
+					radius: 2,
+					states: {
+						hover: {
+							radius: 3
+						}
+					}
+				}	
+			},
+			area : { 
+				fillOpacity: 0.08,
+				lineWidth : 1,
+				shadow : true,
+				marker: {
+					radius: 3,
+					states: {
+						hover: {
+							radius: 5
+						}
+					}
+				}			
+			},
+			column: {
+				grouping: false,
+				shadow: false,
+				pointPlacement: 'between',
+				groupPadding: 0,
+				pointPadding: 0,
+				borderWidth: 0
+			},
+			scatter:{
+				marker: {
+					radius: 2,
+					states: {
+						hover: {
+							radius: 3
+						}
+					},
+					symbol: 'circle'
+				}	
+			}
+		},
+		exporting : {
+			enabled : false
+		},
+		series : seriesOptions,
+	    credits: {
+			enabled: false,
+			text: 'i18n_dspmi.message.updateTheMark_n81i'
+		}
+	});
+	
+}
+</script>
+</head>
+<body>
+<form id="my-form" action="/monitor/chart" method="post">
+	<input type="hidden" name="seqId" value="#(seqId)"/>
+	<input type="hidden" name="checkTypeId" value="#(checkTypeId)"/>
+	<input type="hidden" name="detectionSetInfoId" value="#(detectionSetInfoId)"/>
+	<input type="hidden" name="titleId" value="#(titleId)"/>
+	<div style="margin:10px 0 10px 15px; position:relative;">
+		<label class="bar">#(_res.get("startTime"))</label>
+		<input id="startTime" value="#(startTime)" name="startTime" class="bar bar-input" onfocus="this.blur()" onclick="WdatePicker({skin:'simple',maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\'}',lang:'#(_locale)'})">&nbsp;
+		<label class="bar">#(_res.get("endTime"))</label>
+		<input id="endTime" value="#(endTime)" name="endTime" class="bar bar-input" onfocus="this.blur()" onclick="WdatePicker({skin:'simple',minDate:'#F{$dp.$D(\'startTime\')}',maxDate:'%y-%M-%d',lang:'#(_locale)'})">
+		<div id="search" style="display:inline-block; background-color:#ce0000; width:50px; line-height:18px; text-align:center; padding:3px 0 5px 0;position:absolute; margin-left: 10px;">
+			<span id="search" class="icon-search"></span>
+		</div>
+		<div class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)" onclick="location.href='/monitor'" style="float:right;margin-right:25px;width:24px;"><span class="icon-arrow-left"></span>#--#(_res.get("goback"))--#</div>
+	</div>
+	<div style="margin-left:8px">
+		#for(x : columns)
+			#if(x.chartState == "0")
+				#if(fieldName == x.fieldName)
+					#set(class="tab tab-active")
+				#else
+					#set(class="tab")
+				#end
+				<div class="#(class)" titleId="#(x.id)">#(x.fieldComments)</div>
+			#end
+		#end
+	</div>
+	<div id="container" style='width: 99%; min-height:500px;' align="center"></div>
+	<div style="margin: 10px 0 0 8px; width: 80%;">
+		#for(x : names)
+			#if(checkedName == x)
+				#set(checked = "checked='checked'")
+			#else
+				#set(checked = "")
+			#end
+			<div class="my-radio"><input type="radio" value="#(x)" name="checkedName" style="zoom:120%;" #(checked)>#(" " + x)</div>
+		#end
+	</div>
+	<div style="margin: 15px 0 0 8px;">
+		<div id="sub" class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)">#(_res.get("chart.submit"))</div>
+	</div>
+</form>
+</body>
+</html>

gloam/WebRoot/detection/detectionInfoNew-index.html

@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+#include("/common/header.html")
+
+<style type="text/css">
+table {
+	table-layout: fixed;
+	border-collapse: collapse;
+	width: 100%;
+	line-height: 35px;
+}
+
+.nopic {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	text-align: center;
+	vertical-align: middle !important;
+}
+
+.pic {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	vertical-align: middle !important;
+	position: relative;
+}
+
+.pic-a {
+	position: absolute;
+	left: 80%;
+	margin-top: 9px;
+}
+.pic-s {
+	margin-left: 13px;
+	margin-top: 8px;
+	display: inline-block;
+	width: 75%;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+th {
+	text-align: center;
+}
+a:hover {
+	color: #FC0
+}
+.information {
+	position:relative;
+	max-height:150px;
+}
+</style>
+<script type="text/javascript">
+$(function(){
+	$('.information').each(function(){
+		var ps = new PerfectScrollbar(this);
+	})
+})
+</script>
+</head>
+<body class="bcColor noScroll-y aC">
+	<!--中间部分右边开始-->
+	<div class="container-fluid-full">
+		<div class="row-fluid">
+			<noscript>
+				<div class="alert alert-block span10">
+					<h4 class="alert-heading">Warning!</h4>
+					<p>
+						You need to have <a href="http://en.wikipedia.org/wiki/JavaScript"
+							target="_blank">JavaScript</a> enabled to use this site.
+					</p>
+				</div>
+			</noscript>
+			<!-- start: Content -->
+			<div id="content" class="span10">
+				<div class="row-fluid" style="margin-top: 10px">
+					<div class="box span12">
+						<div class="box-header" data-original-title>
+							<h2>
+								<i class="halflings-icon align-justify"></i><span class="break"></span>
+							</h2>
+						</div>
+						<div class="box-content lianxiang">
+							<table class="table table-striped table-bordered" id="info">
+								<thead>
+									<tr>
+										<th width="13%">#(_res.get("monitor.card"))</th>
+										<th width="10%">#(_res.get("monitor.type"))</th>
+										<th width="10%">#(_res.get("monitor.setting"))</th>
+										<th width="5%">#(_res.get("monitor.status"))</th>
+										<th width="15%">#(_res.get("monitor.check"))</th>
+										<th width="25%">#(_res.get("monitor.information"))</th>
+									</tr>
+								</thead>
+								<tbody style="font-size: 14px;">
+								    #set(i=0)
+								    #if(nodeNum!=null&&nodeNum.size()!=0)
+								    	#for(s : nodeNum)
+											#if(monitor!=null&&monitor.size()!=0) 
+												#for(x : monitor)
+													<tr class="odd gradeX">
+													#if(x.monitorCard == s.monitorCard)
+									    				#if(i == 0 )
+															<td class="logmessage nopic" rowspan="#(s.num)" title="#(s.monitorCard)"><span>#(s.monitorCard) </span></td>
+														#end
+														#set(i=i+1)
+														<td class="logmessage nopic" title="#(x.monitorType)">
+															<span><a href="/monitor/monitorTypeDetail?detectionSetInfoId=#(x.detectionSetInfoId)&seqId=#(x.seqId)&checkTypeId=#(x.checkTypeId)">#(x.monitorType)</a></span>
+														</td>
+														<td class="logmessage pic" title="#(x.monitorSetting)">
+															<span class="pic-s"><a href="/monitor/monitorSetDetail?detectionSetInfoId=#(x.detectionSetInfoId)&seqId=#(x.seqId)">#(x.monitorSetting)</a></span>
+															#if(x.monitorSetting != null && x.monitorSetting !='')
+															<a href="/monitor/chart?seqId=#(x.seqId)&detectionSetInfoId=#(x.detectionSetInfoId)&checkTypeId=#(x.checkTypeId)" class="pic-a">
+																<img src="/img/action.png" border="0"style="width: 17px; height: 20px">
+															</a>
+															#end
+														</td>
+														<td class="logmessage nopic">
+															#set(n = com.nis.gloam.util.DateUtil::formatStringToLong(x.now, "yyyy-MM-dd HH:mm:ss"))
+															#set(c = com.nis.gloam.util.DateUtil::formatStringToLong(x.checkTime, "yyyy-MM-dd HH:mm:ss"))
+															#if(x.monitorStatus == '1' && (n-c <= java.lang.Integer::parseInt(com.jfinal.kit.PropKit::get("monitor_interval"))*1000*2)) 
+															<img src="/img/yes.gif" border="0" align="middle" style="width: 18px; height: 18px;"> 
+															#else 
+															<img src="/img/no.gif" border="0" align="middle" style="width: 18px; height: 18px;"> 
+															#end
+														</td>
+														<td class="logmessage nopic" title="#(x.checkTime)"><span>#(x.checkTime)</span></td>
+														<td class="logmessage">
+															<div class="information">
+															#if(x.monitorStatus == '1' && (n-c <= java.lang.Integer::parseInt(com.jfinal.kit.PropKit::get("monitor_interval"))*1000*2))
+															#(x.monitorInfo.replaceAll("\$@\$", "<br/>"))
+															#else
+															i18n_option_table.24.type_code_n81i
+															#end
+															</div>
+														</td>
+													#end
+													</tr>
+												#end
+									 			#set(i=0) 
+								   			#end
+								  		#end
+									#end 	
+								</tbody>
+							</table>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>

gloam/WebRoot/detection/detectionInfoNew-setDetail.html

@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+#include("/common/header.html")
+<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
+<style type="text/css">
+table {
+	table-layout: fixed;
+	border-collapse: collapse;
+	width: 100%;
+	line-height: 35px;
+}
+
+td {
+	text-align: center;
+	vertical-align: middle !important;
+}
+
+th {
+	text-align: center;
+}
+a:hover {
+	color: #FC0
+}
+.head {
+	font-weight: bold;
+}
+.hid {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+.information {
+	position:relative;
+	max-height:150px;
+}
+</style>
+<script type="text/javascript">
+$(function(){
+	$('.information').each(function(){
+		var ps = new PerfectScrollbar(this);
+	})
+	
+	$("#search").click(function(){ //搜索
+		$("#my-form").submit();
+	});
+	
+})
+
+function myup(obj) {
+	$(obj).attr("class", "my-button-up");
+}
+
+function mydown(obj) {
+	$(obj).attr("class", "my-button-down");
+}
+</script>
+</head>
+<body class="bcColor noScroll-y aC">
+	<!--中间部分右边开始-->
+	<div class="container-fluid-full">
+		<div class="row-fluid">
+			<noscript>
+				<div class="alert alert-block span10">
+					<h4 class="alert-heading">Warning!</h4>
+					<p>
+						You need to have <a href="http://en.wikipedia.org/wiki/JavaScript"
+							target="_blank">JavaScript</a> enabled to use this site.
+					</p>
+				</div>
+			</noscript>
+			<div class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)" onclick="location.href='/monitor'" style="float:right;margin:10px 25px 0 0;width:24px;"><span class="icon-arrow-left"></span></div>
+			<!-- start: Content -->
+			<div id="content" class="span10">
+				<div class="row-fluid">
+					<div class="box span12">
+						<div class="box-header" data-original-title>
+							<h2>
+								<i class="halflings-icon align-justify"></i><span class="break"></span>
+							</h2>
+						</div>
+						<div class="box-content lianxiang">
+							<div style="margin:0 0 10px 15px; position:relative;">
+								<form id="my-form" action="">
+									<label class="bar">#(_res.get("startTime"))</label>
+									<input id="startTime" value="#(startTime)" name="startTime" class="bar bar-input" onfocus="this.blur()" onclick="WdatePicker({skin:'simple',maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\'}',lang:'#(_locale)'})">&nbsp;
+									<label class="bar">#(_res.get("endTime"))</label>
+									<input id="endTime" value="#(endTime)" name="endTime" class="bar bar-input" onfocus="this.blur()" onclick="WdatePicker({skin:'simple',minDate:'#F{$dp.$D(\'startTime\')}',maxDate:'%y-%M-%d',lang:'#(_locale)'})">
+									<div id="search" style="display:inline-block; background-color:#ce0000; width:50px; line-height:18px; text-align:center; padding:3px 0 5px 0;position:absolute; margin-left: 10px;">
+										<span id="search" class="icon-search"></span>
+									</div>
+									<input type="hidden" value="#(detectionSetInfoId)" name="detectionSetInfoId"/>
+									<input type="hidden" value="#(seqId)" name="seqId"/>
+								</form>
+							</div>
+							<table class="table table-striped table-bordered" id="info" style="font-size:14px;">
+								<thead>
+									<tr>
+										<th width="13%">#(_res.get("node.ip"))</th>
+										<th width="13%">#(_res.get("monitor.type"))</th>
+										<th width="13%">#(_res.get("monitor.setting"))</th>
+										<th width="5%">#(_res.get("monitor.status"))</th>
+										<th width="13%">#(_res.get("monitor.checktime"))</th>
+										<th width="43%">#(_res.get("monitor.information"))</th>
+									</tr>
+								</thead>
+								<tbody id="tbody">
+									#if(page.getList() == null)
+									<tr><td colspan="6">
+										<div style="padding:50px 0; text-align:center;">i18n_dspmi.message.noData_n81i</div>
+									</td></tr>
+									#end
+									#for(x : page.getList())
+									<tr>
+										<td>#(x.ip)</td>
+										<td>#(x.monitorType)</td>
+										<td>#(x.monitorSetting)</td>
+										<td>
+											#if(x.monitorStatus == '1') 
+											<img src="/img/yes.gif" border="0" align="middle" style="width: 18px; height: 18px;"> 
+											#else 
+											<img src="/img/no.gif" border="0" align="middle" style="width: 18px; height: 18px;"> 
+											#end
+										</td>
+										<td>#(x.checkTime)</td>
+										<td>
+											<div class="information">#(x.detectionStateInfo.replaceAll("\$@\$", "<br/>"))</div>
+										</td>
+									</tr>
+									#end
+								</tbody>
+							</table>
+							#@pageSplite(page.pageNumber, page.totalPage, totalRow, pageSize, "/monitor/monitorSetDetail?seqId=" + seqId + "&detectionSetInfoId=" + detectionSetInfoId + "&startTime=" + startTime + "&endTime=" + endTime + "&paginate=")
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>

gloam/WebRoot/detection/detectionInfoNew-typeDetail.html

@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+#include("/common/header.html")
+<link id="bootstrap-style" href="/css/chart.css" rel="stylesheet">
+<style type="text/css">
+table {
+	table-layout: fixed;
+	border-collapse: collapse;
+	width: 100%;
+	line-height: 35px;
+}
+
+td {
+	text-align: center;
+	vertical-align: middle !important;
+}
+
+th {
+	text-align: center;
+}
+a:hover {
+	color: #FC0
+}
+.head {
+	font-weight: bold;
+}
+.hid {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+</style>
+</head>
+<script>
+function myup(obj) {
+	$(obj).attr("class", "my-button-up");
+}
+
+function mydown(obj) {
+	$(obj).attr("class", "my-button-down");
+}
+</script>
+<body class="bcColor noScroll-y aC">
+	<!--中间部分右边开始-->
+	<div class="container-fluid-full">
+		<div class="row-fluid">
+			<noscript>
+				<div class="alert alert-block span10">
+					<h4 class="alert-heading">Warning!</h4>
+					<p>
+						You need to have <a href="http://en.wikipedia.org/wiki/JavaScript"
+							target="_blank">JavaScript</a> enabled to use this site.
+					</p>
+				</div>
+			</noscript>
+			<div class="my-button-up" onmousedown="mydown(this)" onmouseup="myup(this)" onclick="location.href='/monitor'" style="float:right;margin:10px 25px 0 0;width:24px;"><span class="icon-arrow-left"></span></div>
+			<!-- start: Content -->
+			<div id="content" class="span10">
+				<div class="row-fluid">
+					<div class="box span12">
+						<div class="box-header" data-original-title>
+							<h2>
+								<i class="halflings-icon align-justify"></i><span class="break"></span>
+							</h2>
+						</div>
+						<div class="box-content lianxiang">
+							<table class="table table-striped table-bordered" id="info" style="font-size:14px;">
+								<tr>
+									<td colspan="6" style="background-color:#eee;font-size:16px;color:black;">#(_res.get("monitor.data.details"))</td>
+								</tr>
+								<tr class="logmessage">
+									<td class="head">#(_res.get("monitor.setting"))</td>
+									<td>#(base.get("monitorSetting"))</td>
+									<td class="head">#(_res.get("node.ip"))</td>
+									<td>#(base.get("ip"))</td>
+									<td class="head">#(_res.get("monitor.status"))</td>
+									<td>#(_res.get(base.get("monitorStatus")))</td>
+								</tr>
+								<tr class="logmessage">
+									<td class="head">#(_res.get("monitor.checktime"))</td>
+									<td>#(base.get("checkTime"))</td>
+									<td class="head">#(_res.get("monitor.nextchecktime"))</td>
+									<td>#(base.get("nextCheckTime"))</td>
+									<td class="head">#(_res.get("monitor.arriveTime"))</td>
+									<td>#(base.get("arriveTime"))</td>
+								</tr>
+								<tr class="logmessage">
+									<td colspan="2" class="head" style="height:100px;">#(_res.get("monitor.information"))</td>
+									<td colspan="4">#(base.get("detectionStateInfo").replaceAll("\$@\$", "<br/>"))</td>
+								</tr>
+							</table>
+							<table class="table table-striped table-bordered" style="margin-top:-21px; font-size:14px;">
+								#set(s=columns.size())
+								<tr>
+									<td colspan="#(s)" style="background-color:#eee;font-size:16px;color:black;">#(_res.get("monitor.data"))</td>
+								</tr>
+								<tr class="logmessage">
+								#for(column : columns)
+									<td class="head">#(column.fieldComments)</td>
+								#end
+								</tr>
+								#for(detail : details)
+								<tr class="logmessage">
+									#for(column : columns)
+										#if(detail.get(column.fieldName).toString().contains("E"))
+										<td class="hid" title="#(com.nis.gloam.util.StringUtil::eNumberFormat(detail.get(column.fieldName).toString()))">#(detail.get(column.fieldName))</td>
+										#else
+										<td class="hid" title="#(detail.get(column.fieldName).toString())">#(detail.get(column.fieldName))</td>
+										#end
+									#end
+								</tr>
+								#end
+							</table>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>

gloam/WebRoot/error/404.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<base href="<%=basePath %>">
+<meta charset="utf-8">
+<meta name="description" content="Bootstrap Metro Dashboard">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+<title>404</title>
+#include("/common/header.html")
+</head>
+
+<body>
+<div class="error_tip">
+	#(_res.get('404'))
+</div>
+</body>
+</html>

gloam/WebRoot/error/500.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<base href="<%=basePath %>">
+<meta charset="utf-8">
+<meta name="description" content="Bootstrap Metro Dashboard">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+<title>500</title>
+#include("/common/header.html")
+</head>
+
+<body>
+<div class="error_tip">
+	#(_res.get('500'))
+</div>
+</body>
+</html>