/**** Page ****/

	body {
		font-family: Helvetica,Arial,sans-serif;
		font-size: 20px;
		cursor:default;
	}
 
/**** Title ****/

	.title {
		width: 100%;
		padding: 0px;
		margin: 0px;
		float: left;
		clear: both;
	}

	.title-left {
		margin: 5px 10px 5px 10px ;
		float: left;
	}

	.title-text {
		margin: 1px;
	}

	.title-right {
		float: right;
		height: 30px;
		margin: 5px 10px 5px 10px ;
		padding: 0px 10px;
		border-radius: 15px;
		text-align: center;
	}

/**** Group ****/

	.group-header {
		border-radius: 5px;
		width: 100%;
		padding: 5px 0px 5px 0px;
		margin: 8px 0px 5px 0px;
		float: left;
		clear: both;
		cursor: pointer;
	}

	.group-header-text {
		text-align: center;
		margin: 1px 0px 0px 10px;
	}

	.group-body {
		width: 100%;
		padding: 0px;
		margin: 0px;
		float: left;
		clear: both;
	}

/**** General item styles ****/

	.item-outsidecontainer {
		width: 33.333%;
		float: left;
		margin: 0px;
		padding: 0px;
	}

	.item-insidecontainer {
		position: relative;
		border-radius: 5px;
		padding: 5px 10px 5px 10px;
		margin: 3px 5px 5px 5px;
		height: 30px;
	}

	.cursor-pointer {
		cursor: pointer;
	}

	.item-left {
		position: relative;
		top: 5px;
		left: 5px;
	}

	.item-right {
		position: absolute;
		top: 5px;
		right: 5px;
		z-index: 1;
	}

	.item-center {
		border-radius: 13px;
		cursor: pointer;
		position: absolute;
		top: 5px;
		right: 5px;
		left: 5px;
		text-align: center;
	}

	.item-text {
		margin: 1px;
	}

	.item-text-center {
		margin: 1px;
		//display :inline;
		//position: absolute;
		left: 0px;
		right: 0px;
	}

	.button_row {
		float: left;
		clear: both;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	.button {
		float: left;
		margin: 0px;
		border-radius: 5px;
		padding: 5px 10px 5px 10px;
		margin: 10px 10px 0px 10px;
		text-align: center;
	}

/**** Image item ****/

	.item-outsidecontainer-image {
		width: 100%;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	.item-insidecontainer-image {
		max-width: 100%;
		min-height: 30px;
		height: auto;
		padding: 3px;
		cursor: pointer;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	.item-image-text {
		margin: 1px;
		opacity: 0.4;
	}

/**** Switch item ****/

	.switch-position {
		border-radius: 10px;
		width: 20px;
		height: 20px;
		margin: 3px;
		float: left;
	}

	.switch-text {
		margin: 3px;
		float: left;
		min-width: 35px;
		text-align: center;
	}

	.item-right-switch {
		border-radius: 13px;
		cursor: pointer;

		position: absolute;
		top: 5px;
		right: 5px;
	}

/**** Level item ****/

	.level-position {
		border-radius: 10px;
		width: 40px;
		height: 23px;
		margin: 3px;
		float: left;
	}
