body {
	font-family:Verdana, Arial; font-size:10pt;
	background-color:#afa8a0;
	background-image:url('../img/bg-noise.png');
	margin:0px; padding:0px
}
a {
	color:#0080a0;
}
img {
	border:none;
}

#master-body {
	background:url('../img/ac3-bg.jpg') no-repeat 0px 144px;
	background-color:white;
	width:1000px;
	-webkit-box-shadow:0px 0px 8px #000000;
	-moz-box-shadow:0px 0px 8px #000000;
	box-shadow:0px 0px 8px #000000;
	margin-top:8px; margin-left:auto; margin-right:auto;
}
#master-body .master-body-header {
	background-image:url('../img/white-noise-overlay-bg.png');
	background-color:#3080b0;
	padding:30px 50px 10px 30px;
	height:104px;
}

#master-body .master-body-header .logo { height:101px; position:relative; }
#master-body .master-body-header .logo img { width:320px; bottom:0px; position:absolute; }
#master-body .master-body-header .mini-logo-title {
	font-family:Verdana, Arial; font-size:11pt;
	text-align:center;
	color:white;
	padding-bottom:10px;
	display:none;
}
#master-body .master-body-header .title {
	font-family:Verdana, Arial; font-size:28pt;
	color:#f8f8f8;
	float:right; margin-top:-70px;
}

#master-body .master-body-sys-bar {
	font-family:Verdana, Arial; font-size:10pt;
	margin-bottom:-40px;
	text-align:right;
}
#master-body .master-body-sys-bar ul {
	list-style-type:none;
	display:inline-block;
	margin:0px; padding:20px;
}

#master-body .master-body-sys-bar li {
	/*line-height:30px;*/
	margin-right:8px;
	display:inline-block;
}
#master-body .master-body-sys-bar .mobile-menu-list {
	display:none;
	text-align:center;
	margin-top:-6px;
}
#master-body .master-body-sys-bar .mobile-menu-list a {
	width:auto;
}
#master-body .master-body-sys-bar .mobile-menu-list .arrow {
	background-image:url('../img/icon-arrows.png');
	background-repeat:no-repeat;
	display:inline-block;
	width:16px; height:16px;
	margin-left:-5px;
	/*margin-bottom:7px;*/
	vertical-align:bottom;
}

#master-body .master-body-sys-bar a {
	/*padding-left:18px !important; padding-right:18px !important;*/
	padding:7px 18px 7px 18px !important;
	margin-bottom:8px;
}
#master-body .master-body-sys-bar a img {
	vertical-align:top;
	/*margin-top:7px;*/
	margin-left:-4px;
}

#master-body .master-body-content {
	font-family:Verdana, Arial; font-size:10pt;
	line-height:15pt;
	padding:50px;
}
#master-body .master-body-content p {
	margin-bottom:25px;
}

#master-body .master-body-footer {
	padding:10px 10px 50px 10px;
	margin-top:40px; margin-left:20px; margin-right:20px;
	border:dotted #9aa;
	border-width:1px 0px 0px 0px;
}
#master-body .master-body-footer .title {
	font-family:Verdana, Arial; font-size:10pt;
	float:right;
	margin-top:5px; margin-bottom:10px;
	color:#455;
}
#master-body .master-body-content .button-inline {

	background-color:#3080b0; color:white;
	padding:4px 10px 4px 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
	white-space:nowrap;
}

#master-body .master-body-content .app-button, #master-body .master-body-content .button-login, #master-body .master-body-sys-bar a {
	font-family:Verdana, Arial;
	background-color:#3080b0; color:white;
	display:inline-block;
	padding:4px 15px 4px 15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
	white-space:nowrap;
}
#master-body .master-body-content .app-button img {
	vertical-align:top;
	margin-top:2px;
	margin-left:0px;
}

#master-body h1 {
	font-weight:normal; font-size:32px;
	color:#3080b0;
	margin-left:-10px;
	margin-bottom:50px;
	line-height:32px;
}
#master-body h2 {
	font-weight:normal; font-size:20px;
	margin-top:30px;
}
/*
#master-body h3 {
	font-weight:normal; font-size:15px;
	margin-bottom:2px;
	color:#801010;
}
*/

#master-body .responsive-version {
	display:none;
}


/* Login Box - Begin */
#master-body #XFW_LOGIN_DIALOG {
	width:auto;
}
#master-body #XFW_LOGIN_DIALOG .FIELD_AREA {
	background-color:#ffffff;
	border:solid #ddd;
	border-width: 1px 0px 1px 0px;
	-webkit-box-shadow:0px 1px 8px #c0c0c0;
	-moz-box-shadow:0px 1px 8px #c0c0c0;
	box-shadow:0px 1px 8px #c0c0c0;
}
#master-body #XFW_LOGIN_DIALOG .HEADER {
	font-size:20pt; color:#607080;
	padding-bottom:30px;
}
/* LoginBox - End */


@media all and (max-width:1025px) {

	#master-body {
		width:95%;
	}
	#master-body .original-version {
		display:none;
	}
	#master-body .responsive-version {
		display:block;
	}
}


@media all and (max-width:700px) {

	#master-body .master-body-header {
		padding:20px 40px 10px 20px;
		height:114px;
	}
	#master-body .master-body-header .logo img {
		width:192px; /*height:61px;*/
	}
	#master-body .master-body-header .title {
		font-size:18px;
		margin-top:-43px;
	}
}


@media all and (max-width:600px) {

	#master-body .master-body-footer {
		text-align:center;
		padding-bottom:40px;
	}
	#master-body .master-body-footer .logo {
		text-align:center;
	}
	#master-body .master-body-footer .title {
		text-align:center; clear:both; float:none;
		font-size:10px;
	}
}


@media all and (max-width:420px) {

	#master-body {
		margin-top:0px; margin-left:0px;
	}
	#master-body .master-body-content {
		padding:35px 30px 35px 30px;
	}
	#master-body h1 {
		margin-left:-5px;
	}
}


@media all and (max-width:380px) {

	#master-body {
		width:320px;
		margin-top:0px; margin-left:0px;
		background:white;
	}
	#master-body .master-body-header {
		padding:20px 0px 20px 0px;
		text-align:center;
		height:auto;
	}
	#master-body .master-body-header .logo {
		display:none
	}
	#master-body .master-body-header .title {
		float:none; clear:both;
		margin:0px; padding:0px;
	}
	#master-body .master-body-header .mini-logo-title {
		display:block;
	}
	#master-body .master-body-footer {
		padding-left:5px; padding-right:5px;
	}
	#master-body .master-body-footer .title {
		font-size:7pt;
	}
	#master-body .master-body-content {
		padding:35px 20px 35px 20px;
	}
	#master-body .master-body-content .app-button, #master-body .master-body-content .button-login {
		padding:10px 15px 10px 15px !important;
		font-size:15px;
		/*line-height:35px;*/
	}
	#master-body .master-body-sys-bar {
		padding:0px;
	}
	#master-body .master-body-sys-bar .menu-list {
		padding-top:0px;
		display:none;
		border-style:dashed; border-width:0px 0px 1px 0px; border-color:#c0c0c0;
		padding-bottom:20px;
		margin-bottom:30px;
		text-align:center;
	}
	#master-body .master-body-sys-bar .mobile-menu-list {
		display:block;
	}
	#master-body .master-body-sys-bar ul {
		padding:0px;
	}
	#master-body .master-body-sys-bar li a {
		width:220px;
		/*display:inline-block;*/
		text-align:left;
		font-size:14px;
		margin-top:0px;
	}
	#master-body .master-body-sys-bar #sys-bar-menu-button {
		display:inline-block;
	}

	#master-body h1 {
		font-size:25px;
		/*margin-left:-5px; margin-bottom:30px;*/
		text-align:center;
		margin-bottom:30px;
	}
	#master-body h2 {
		font-size:18px;
		text-align:center;
	}
	#master-body h3 {
		font-size:14px;
	}

}