@charset "utf-8";
/* System Basics */
	html, body {
		color: #666666;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 14px;
		letter-spacing: 0.3px;
	}
	html { }
	body { }
	* { }
			
/* P */
	p {
		margin: 0px auto 10px auto;
		padding: 0px 10px;
		font-size: 15px;
	}
	
/* H */
	h1, h2, h3, h4, h5, h6 {
		margin: 2px 0px 0px 0px;	
		padding: 0px;	
		color: #999999;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-weight: 300;
		letter-spacing: 0.6px;
	}
	/* H1 */
		h1 {}
		/* H1 Classes */
			div#Header h1.SiteName { /* Header > Header Title */
				display: inline-block;
				font-size: 50px;
				text-align: left;
				text-transform: uppercase;
			}
			div#Header h1.SiteName a { /* Header > Header Title A */
				display: block;			
			}
			div#Header h1.SiteDescription {
				display: inline-block;
				margin: 0px auto;
				padding: 0px;
				width: auto;
				height: auto;
			}
			div#Footer h1.SiteName { /* Footer > Footer Title */
				display: inline-block;
				font-size: 50px;
				text-align: left;
				text-transform: uppercase;
			}
			div#Footer h1.SiteName a { /* Footer > Footer Title A */
				display: block;			
			}
			div#Footer h1.SiteDescription {
				display: inline-block;
				margin: 0px auto;
				padding: 0px;
				width: auto;
				height: auto;
			}
			
			h1.Footer { /* Footer > Footer Title */
				margin: 10px auto 0px auto;
				font-size: 16px;
			}
			h1.FormHeader { /* FormHeader > FormHeader Title */
				font-size: 20px;
			}
	/* H2 */
		h2 	{ /* Sub Headers */
				margin: 10px 0px 15px 0px;	
				font-size: 27px;
			}
	/* H3 */
		h3 	{ /* Small Headers */
				margin: 2px 0px 10px 0px;	
				font-size: 18px;
			}
		h3 a { /* STD Link */
			color: #666666;
			text-decoration: none;
		}
	/* H4 */
		h4 	{}
	/* H5 */
		h5 	{}
	/* H6 */
		h6 	{}
		
/* HR BR ETC */
	/* BR */
		br 	{
			content: " ";
			display: block;
			margin: 10px auto;
			width: 100%;
			clear: both;
		}
	/* HR */
		hr 	{
			max-width: 870px;
			border-color: #CCCCCC;
    		border-radius: 25%;
		}

/* UL OL LI */
	ol { /* OrderdList */
		list-style: disc;
		margin: 10px auto;
		padding: 0px 0px 0px 30px;
		font-size: 14px !important;
	}
		ol li { /* OrderdList LI */
			text-align: left;
		font-size: 14px !important;
		}
	ul { /* UnorderdList */
		list-style: none;
	}
	li { /* List Item */
	}
	
/* Links */
	a { /* STD Link */
		color: #CCCCCC;
		text-decoration: none;
	}
	a:hover { /* Hover Link */
		color: #FFFFFF;
	}

/* Form Formatting */
	label {
		display: inline-block;
		margin: 0px;
		padding: 5px 0px;
		height: 30px;
		color: #888888;		
		font-size: 20px;
		line-height: 20px;
		font-weight: bold;
		text-align: left;
		overflow: hidden;
	}
	input, button, .button {
		margin: 0px;
		padding: 0px 5px;
		height: 30px;
		color: #888888;		
		font-size: 20px;
		line-height: 30px;
		font-weight: bold;
		text-align: left;
		background-color: rgba( 255, 255, 255, 1 );
		border: solid 2px rgba( 225, 225, 225, 0.8 );
		border-radius: 10px;
	}
	input[type="text"] { }
	select {
		margin: 0px;
		padding: 0px 5px;
		height: 30px;
		color: #888888;		
		font-size: 20px;
		line-height: 30px;
		font-weight: bold;
		text-align: left;
		background-color: rgba( 255, 255, 255, 1 );
		border: solid 2px rgba( 225, 225, 225, 0.8 );
		border-radius: 10px;
	}
	input[type="checkbox"] {
    	display: none;
	}
	input[type="checkbox"] + label span {
		display:inline-block;
		margin: 0px;
		padding: 0px;
		width: 40px;
		height: 40px;
		float: right;
		top: -10px;
		background-image: url('/content/ui/images/components/form/checkbox.png');
		background-position: left top;
		background-repeat: no-repeat;
		background-color: rgba( 255, 255, 255, 1 );
		border: solid 2px rgba( 225, 225, 225, 0.8 );
		border-radius: 10px;
		cursor: pointer;
	}
	input[type="checkbox"]:checked + label span {
		background-position: left -40px;
	}
	input[type="checkbox"] + label.Switch span {
		display:inline-block;
		margin: 0px;
		padding: 0px;
		width: 84px;
		height: 40px;
		float: right;
		top: -10px;
		background-image: url('/ui/images/components/form/checkboxswitch.png');
		background-position: left -2px;
		background-repeat: no-repeat;
		background-color: rgba( 255, 255, 255, 1 );
		border: solid 2px rgba( 225, 225, 225, 0.8 );
		border-radius: 10px;
		cursor: pointer;
	}
	input[type="checkbox"]:checked + label.Switch span {
		background-position: left -42px;
	}
	input[type="checkbox"] + label.SwitchV {
		padding: 0px;		
	}
	input[type="checkbox"] + label.SwitchV span {
		display:inline-block;
		margin: 0px;
		padding: 0px;
		width: 40px;
		height: 80px;
		top: 0px;
		float: right;
		background-image: url('/ui/images/components/form/checkboxswitchv.png');
		background-position: -2px -1px;
		background-repeat: no-repeat;
		background-color: rgba( 255, 255, 255, 1 );
		border: solid 2px rgba( 225, 225, 225, 0.8 );
		border-radius: 10px;
		cursor: pointer;
	}
	input[type="checkbox"]:checked + label.SwitchV span {
		background-position: -42px -3px;
	}
	button, .button,
	input[type="button"],
	input[type="submit"] {
		margin: 0px;
		padding: 0px 5px;
		//width: auto;
		height: auto;
		font-size: 16px;
		line-height: 30px;
		text-align:center;
		cursor: pointer;
	}
	textarea {
		margin: 0px;
		padding: 5px 10px;
		min-height: 150px;
		color: #888888;		
		font-family: tahoma;
		font-size: 20px;
		line-height: 30px;
		font-weight: bold;
		text-align: left;
		background-color: rgba( 255, 255, 255, 1 );
		border: solid 2px rgba( 225, 225, 225, 0.8 );
		border-radius: 10px;
	}
	/* Form Formatting Extended */
		.FormGroup { /* Form Item Container Span */
		    display: inline-block;
			margin: 5px auto;
			padding: 0px;
			width: 100%;
		}
			.FormItem { /* Form Item Container Span */
				margin: 5px auto;
				padding: 0px 10px;
				width: 100%;
				//min-height: 40px;
				float: left;
			}
				.FormItem .FormLabel { /* Form Label */
					width: 100%;
					float: left;
				}
				.FormItem .FormLabel.FormCheckbox { /* Form Checkbox Label */
					float: right;
				}
				.FormItem .FormField { /* Form Field */
					margin: 0 0 0 10px;
					width: 100%;
					float: right;
				}	
				.FormItem.FormBTN .FormSubmit { /* Form Submit Button */
					width: 100%;
					float: right;
				}
				.FormItem.Switch { /* Form Checkbox Switch Label */
					width: auto;
				}
				.FormItem.SwitchV { /* Form Checkbox Switch Label */
					width: 40px;
					height: 80px;
				}
				.FormItem .FormLabel.FormCheckbox.Switch { /* Form Checkbox Switch Label */
					width: 100%;
				}
				.FormItem .FormLabel.FormCheckbox.SwitchV { /* Form Checkbox Switch Label */
					width: 40px;
					height: 80px;
				}
	
	
/* Menus */

#MainMenu {
	position: absolute;
    top: 15px;
    right: 15px;
}
ul.menu {
	display: block;
	margin: 0px;
    padding: 0px;	
}
ul.menu li {
    display: block;
    margin: 0px;
    padding: 0px;
    border-bottom: solid 1px #FFFFFF;	
}
ul.menu.horizontal li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    border: none;
    border-right: solid 1px #FFFFFF;	
}
ul.menu li:last-child {
    border-right: none;
}

ul.menu li a {
    display: block;
    margin: 0px;
    padding: 4px 10px;
	width: 100%;
}
ul.menu li a:hover {
    background-color: rgba(255,255,255,0.25);
}

ul.menu li ul {
    display: none;
	position: relative;
    white-space: nowrap;
    background-color: rgba(0,0,0,0.5);
}
ul.menu li:hover ul {
    display: block;
}
ul.menu.horizontal li ul {
	position: absolute;
    right: 0px;
}

ul.menu li ul li {
    display: block;
    border: none;
    border-bottom: solid 1px #555555;
}
ul.menu.horizontal li ul li {
    display: block;
    border: none;
    border-bottom: solid 1px #555555;
}
ul.menu li ul li:last-child {
    border-right: none;
}

ul.menu li ul li a {}
	
#SystemAuthor { position: absolute; bottom: 10px; right: 10px; color: #FFFFFF; }
#SystemAuthor a { color: #FFFFFF !important; }
#SystemAuthor a:hover { color: #888888 !important; }

/*	
	::-webkit-scrollbar-button:vertical:decrement
{
    background-image:url(/content/ui/images/style/icons/phone.png) ;
    -webkit-transform:rotate(120deg);
    -moz-transform:rotate(120deg);
    background-repeat:no-repeat;
    background-position:center;
    background-color:#ECEEEF;
	background-size: cover;
    border-color:#999;
}*/