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


#master-body {
	background-color:white;
	width:1000px;
	box-shadow:0px 0px 8px #000000;
	margin-top:8px; /*margin-left:8px;*/
	/*margin-left:-498px;*/
	margin-left:auto; margin-right:auto;

}
#master-body .master-body-header {
	/*background-color:#3080d0;*/
	/*background-color:#d0a075;*/
	background-color:#d8d8d8;
	/*background-color:#c99300;*/
	background-image:url('../img/stripe-lines.png');	
	padding:30px 50px 10px 30px;
}
#master-body .master-body-header .logo { height:101px; vertical-align:bottom; }
#master-body .master-body-header .logo img {
	/*width:320px; height:101px;*/
}
#master-body .master-body-header .mini-logo-title {
	font-family:Verdana, Arial; font-size:10pt;
	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;*/
	color:#808080;
	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 #000000;
	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;
}
#master-body .master-body-content .button-inline {

	background-color:#3080d0; 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:#3080d0; 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:#3080d0;
	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;
}




@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;
	}
	#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-header {
	}
	#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;
	}
	#master-body .master-body-header {
		padding:20px 0px 20px 0px;
		text-align:center;
	}
	#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;
	}
	#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;
		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;
		text-align:center;
		margin-bottom:30px;
	}
	#master-body h2 {
		font-size:18px;
		text-align:center;
	}
	#master-body h3 {
		font-size:14px;
	}

}