EMV_DEFAULT_MOB.css

@charset "UTF-8";

/*-----------------------------------------------------------------------------
File name : Default.css
Description : Default style
Version :   1.0
Author :    James
Date : 
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin on elements*/
* {
	padding: 0;
	margin: 0;
}
html {
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}
body, th, td {
	font-size: 12px;
	font: 16px Tahoma, "MS Sans Serif";
	color: #000;
}
img {
	border: 1px none;
}
.border-black {
	border: 1px solid #000000 !important;
	color: #000;
}
p {
	margin-bottom: 20px;
}
h1 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 18px;
	margin-top: 18px; /* for nice display */
}
h2 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 18px;
}
h3 {
	font-size: 12px;
	line-height: 18px;
}

/* =Structural
-----------------------------------------------------------------------------*/


/* =Links
-----------------------------------------------------------------------------*/



/* =Typography
-----------------------------------------------------------------------------*/
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.strong {
	font-weight: bold !important;
}
.padding {
	padding: 10px !important;
}
/* =Forms
-----------------------------------------------------------------------------*/
option {
	padding-right: 10px;
}
/* =Tables
-----------------------------------------------------------------------------*/

table {
	border-collapse: separate;
}
td {
	text-align: left;
	font-weight: normal;
}


/* =Misc 1
-----------------------------------------------------------------------------*/
/* Class for clearing floats */
.clear {
	clear:both; 
}
.clearfloat {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.preload { 
	display: block; 
	background: #fff url(../IMAGES/EMPVIEW/LOADING.gif) no-repeat 50% 50%; 
}
/*
	<div class="error-msg">
		<p><em>Oops... the following errors were encountered:</em></p>
		<ul>
			<li>Username cannot be empty</li>
			<li>Country cannot be empty</li>
		</ul>
		<p>Data has <strong>not</strong> been saved.</p>
	</div>
*/
.error-msg {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: #FC6 1px solid;
	background-color: #FFC;
}
.error-msg p {
	margin: 0;
}
.error-msg p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;
}
.button-line {
	margin: 10px auto;
	text-align: center;
}
/* =Lists
-----------------------------------------------------------------------------*/
ol {
	list-style-position: inside;
	list-style-type: decimal;
	margin: 10px 10px 20px 5px;
	color: #000;
}
ol li {
	margin: 3px 0;
	text-indent: 10px;
}
ul {
	list-style-type: none;
	margin: 10px 10px 20px 10px;
}
 ul li {
	margin: 3px 0;
	text-indent: 20px;
}
 li a {
	color: #000;
}


/* =Tab Navigation
-----------------------------------------------------------------------------*/
.tabbar {
	line-height: normal;
	font-size: 16px;
}
.tabbar ul {
	margin: 5px 0 0 0;
	padding: 10px 0 0 5px;
	width: 100%;
	list-style: none;
	white-space: nowrap;
}
.tabbar li {
	display: inline;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.tabbar a {
	float: left;
	background: url("../IMAGES/EMPVIEW/TAB/P_L.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}
.tabbar a span {
	float: left;
	display: block;
	background: url("../IMAGES/EMPVIEW/TAB/P_R.gif") no-repeat right top;
	padding: 5px 15px 4px 10px;
	color: #000;
	text-align: center;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabbar a span {
	float: none;
}
/* End IE5-Mac hack */


.tabbar a:hover {
	background: url("../IMAGES/EMPVIEW/TAB/O_L.gif") no-repeat left top;
	text-decoration: none;
}
.tabbar a:hover span {
	background: url("../IMAGES/EMPVIEW/TAB/O_R.gif") no-repeat right top;
	color: #444;
}
.tabbar .current a, .tabbar .current a:hover {
	background: url("../IMAGES/EMPVIEW/TAB/A_L.gif") no-repeat left top;
}
.tabbar .current a span, .tabbar .current a:hover span {
	background: url("../IMAGES/EMPVIEW/TAB/A_R.gif") no-repeat right top;
	font-weight: bold;
	color: #000;
}

/* Insert height/width here to give all the content a unified size */
#tabcontainer {
	border-top: 1px solid #999999;
	padding: 10px 0px 10px 0px;
	margin: 0px auto auto auto;
}
.tabcontent {
	display: none;

}

/* =Misc
-----------------------------------------------------------------------------*/
.content-body {
	padding-bottom: 20px;

}