li{
		
			list-style:none;	
		}
		
		.centerPage{

			margin-left: 10%;
			margin-right: 10%;
			width:80%;

		}
		
		body{
		
			
			
		}

		.centerDiv{
			width:300px;
			height:200px;
			position:absolute;
			left:50%;
			top:30%;
			margin:-100px 0 0 -150px;
		}





		/*
		 * Sorting
		 */
		.sorting { background: url('../images/sort_both.png') no-repeat center right; }
		.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
		.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }
		
		.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
		.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
		 
		table.dataTable thead th:active,
		table.dataTable thead td:active {
			outline: none;
		}

		table.dataTable tr.odd { background-color: #E2E4FF; }
		table.dataTable tr.even { background-color: white; }
		
		table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
		table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
		table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
		table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
		table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
		table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }



		/* Adjust the width of the left reveal menu.
		Copy all CSS from jquery.mobile.panel.css and delete the properties other than width, left, right and transform.
		Then delete the selectors/rules for display modes (reveal/push/overlay) and the position (left/right) that you don't use.
		If you don't use fixed toolbars on your page you can delete those selectors as well.
		Narrow the scope of the selectors to prevent other panels being affected by the overrides. */
		#demo-page #left-panel.ui-panel {
			width: 20em;
		}
		#demo-page #left-panel.ui-panel-closed {
			width: 0;
		}
		#demo-page .ui-panel-position-left.ui-panel-display-reveal {
			left: 0;
		}
		#demo-page .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
		.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
			left: 19em;
			right: -15em;
		}
		#demo-page .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
			left: 0;
			right: 0;
			-webkit-transform: translate3d(15em,0,0);
			-moz-transform: translate3d(15em,0,0);
			transform: translate3d(15em,0,0);
		}

		/* Combined listview collapsible menu. */
		/* Unset negative margin bottom on the listviews. */
		#left-panel .ui-panel-inner > .ui-listview { margin-bottom: 0; }
		/* Unset top and bottom margin on collapsible set. */
		#left-panel .ui-collapsible-set { margin: 0; }
		/* The first collapsible contains the collapsible set. Make it fit exactly in the collapsible content. */
		#left-panel .test .ui-panel-inner > .ui-collapsible > .ui-collapsible-content { padding-top: 30; padding-bottom: 0;  border-bottom: none; }
		/* Remove border top if a collapsible comes after a listview. */
		#left-panel .test .ui-panel-inner  > .ui-collapsible > .ui-collapsible-heading .ui-btn,
		#left-panel .test .ui-collapsible-set .ui-collapsible.ui-first-child .ui-collapsible-heading .ui-btn { border-top: none; }
		/* Give the first collapsible heading the same padding, i.e. same height, as the list items. */
		#left-panel .test .ui-collapsible-set .ui-collapsible-heading .ui-btn-inner { padding: .7em 40px .7em 15px; }
		/* Give the other collapsible headings the same padding and font-size as the list divider. */
		#left-panel .test .ui-collapsible-set .ui-collapsible-heading .ui-btn-inner { padding: .5em 40px .5em 15px; font-size: 14px; }

		/* Styling of the close button in both panels. */
		#demo-page .ui-panel-inner > .ui-listview .ui-first-child {
			background: #eee;
		}

		/* Reveal menu shadow on top of the list items */
		#demo-page .ui-panel-display-reveal {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		#demo-page .ui-panel-content-wrap-position-left {
			-webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
			-moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
			box-shadow: -5px 0px 5px rgba(0,0,0,.15);
		}