/** compatibility **/
html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;

	overflow: hidden;

	/* MSIE getBoundingClientRect 2px offset hack*/
	border: 0;
}

body, pre, textarea, input {
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	color: #333;
}
form{
	padding: 0;
	margin: 0;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/* disable history back swipe in IE10 Tablet */
	-ms-scroll-chaining: none;
	-ms-touch-action: none;
}

/* removes yellow outline for Chrome browser */
textarea, input{
	outline: none;
}

/* tables */
table{
	border-collapse: collapse;
}
th,td{
	padding: 0;
	line-height: 28px;
}

/* form tables */
table.frmtbl{
	border-collapse: separate;
	border-spacing: 2px 2px;
}
table.frmtbl:lang(ar),
table.frmtbl:lang(fa) {
	direction: rtl;
}

table.frmtbl th{
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}
	table.frmtbl .th{
		padding: 1px 15px 1px 0;
	}
	table.frmtbl .th:lang(ar),
	table.frmtbl .th:lang(fa) {
		padding: 1px 0 1px 15px;
	}
	table.frmtbl th.vat,
	table.frmtbl td.vat{
		vertical-align: top;
	}
	table.frmtbl .td{
		width: 100%;
	}
	table.frmtbl .td50{
		width: 50%;
	}
	table.frmtbl.nospace{
		border-collapse: collapse;
		border-spacing: 0;
	}
	table.frmtbl th.caption{
		padding-bottom: 5px;
		font-size: 13px;
		color: #888;
	}
	table.frmtbl th:lang(ar) {
	/*	text-align: right;	*/
	}

table.frmtbl100 {
	width: 100%;
}

.maxbox,
table.frmtblmax{
	width: 100%;
	height: 100%;
}
table.frmtbl .valign{
	vertical-align: top;
}
table.frmtbl td.space{
	height: 10px;
	line-height: 10px;
}
table.frmtbl td.linetd {
	background: url(../images/linetd.gif) repeat-x center;
	height: 20px;
	opacity: 0.35;
}

.relative{
	position: relative;
}

th.msiebox,
td.msiebox{
	position: relative;
	min-height: 28px; /* MSIE 8 overflow fix */
	height: inherit;
}
div.msiebox{
	position: relative;
	position: absolute\9; /* MSIE7+ */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

x:-o-prefocus, div.msiebox{
	position: absolute;
}

/* pre doesnt work inside <table> element in IE */
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

h2:lang(ar), h2:lang(fa) {
	direction: rtl;
}

noscript{
	padding: 0 20px;
}
noscript h2{
	font-size: 1.2em;
}
noscript p{
	font-size: 0.8em;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

/** global **/
#wm_copyright *{
	color: #FFFFFF!important;
}
.hidden{
	visibility: hidden;
}
.absolute{
	position: absolute!important;
}
.overflow{
	overflow: hidden;
}
.pad5{
	padding: 5px;
}
.pad7{
	padding: 7px;
}
.pad15{
	padding: 15px;
}
.toright{
	float: right;
}
.toright:lang(ar) {
	float: left;
}
.toleft{
	float: left;
}

/* global animations */
@-webkit-keyframes reveal {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes reveal2 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes reveal {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes reveal2 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes rotate{
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
@keyframes rotate{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

/* print */
@media print{
	html,body{
		overflow: visible;
	}
}