/*
   This file is part of BBoM Usage.
   Copyright (C) <2008>  <Terence Ang>

   This program is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   This program is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
-webkit-text-size-adjust:none;
}

body{
font-size: 62.5%;
}

ul, li, ol, dl, dd, dt{
list-style:none;
padding:0;
}

a{
text-decoration:none;
}

[class="portrait"] #content{
padding-top:0px;
background: transparent url(../Images/backgroundStripes.png) repeat;
overflow:auto;
margin-left: auto;
margin-right: auto;
width: 320px;
height: 480px;
display: none;
}

[class="portrait"] #top_panel
 {
	position: relative;
	border-left-width: 5px;
	border-right-width: 5px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height: 165px;
	background: transparent url(../Images/top_panel.png) no-repeat;
	display: block;
	margin-top: 120px;
}

[class="landscape"] #content{
padding-top:0px;
background: transparent url(../Images/backgroundStripes.png) repeat;
overflow:auto;
margin-left: auto;
margin-right: auto;
width: 480px;
height: 320px;
display: none;
}

#top_panel
{
display: none;
}

[class="landscape"] #top_panel 
{
	position: relative;
	border-left-width: 5px;
	border-right-width: 5px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	height: 216px;
	background: transparent url(../Images/top_panel_landscape.png) no-repeat;
	display: block;
	margin-top: 20px;
}

#titleText
{
display: none;
}

[class="portrait"] #titleText
{
	position: static;
	color: black;
	font-family: HelveticaNeue-Bold;
	text-align: center;
	font-size: 14pt;
	width: 208px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	display: block;
}

[class="landscape"] #titleText
{
	position: relative;
	color: black;
	text-align: center;
	width: 280px;
	height: 25px;
	font: bold 18pt HelveticaNeue-Bold;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}

#mobileText
{
display: none;
}

[class="portrait"] #mobileText
{
	position: relative;
	font-size: 13pt;
	font-weight: bold;
	font-family: 'Helvetica Neue';
	text-align: center;
	color: blue;
	word-spacing: 5px;
	letter-spacing: 2px;
	width: 276px;
	margin-left: auto;
	margin-right: auto;
	height: 21px;
	display: block;
}

[class="landscape"] #mobileText
{
	position: relative;
	text-align: center;
	color: blue;
	width: 260px;
	height: 25px;
	font: bold 26px "Helvetica Neue";
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#BBOMIndicator
{

display: none;
}

[class="portrait"] #BBOMIndicator
{
	position: relative;
	width: 280px;
	height: 26px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

[class="landscape"] #BBOMIndicator
{
	position: relative;
	width: 400px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 10px;
}

#ansText1
{
display: none;
}

[class="portrait"] #ansText1
{
	position: relative;
	color: black;
	text-align: center;
	width: 260px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	font: 15px "Helvetica Neue";
	display: block;
}

[class="landscape"] #ansText1
{
	position: relative;
	color: black;
	width: 420px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	font: 18pt "Helvetica";
	text-align: center;
	display: block;
	margin-top: 10px;
}

#ansText2
{
display: none;
}

[class="portrait"] #ansText2
{
	position: relative;
	color: black;
	font-family: 'Helvetica';
	text-align: center;
	font-size: 15px;
	width: 260px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

[class="landscape"] #ansText2{
	position: relative;
	color: black;
	text-align: center;
	width: 420px;
	height: 23px;
	font: 15pt Helvetica;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
}

#ansText3
{
display: none;
}

[class="portrait"] #ansText3
{
	position: relative;
	color: black;
	font-family: 'Helvetica';
	text-align: center;
	font-size: 15px;
	width: 260px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

[class="landscape"] #ansText3{
	position: relative;
	color: black;
	text-align: center;
	width: 300px;
	height: 23px;
	font: 15pt Helvetica;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
}

#setting
{
display: none;
}

[class="portrait"] #setting
{
	position: relative;
	color: gray;
	font-family: 'Helvetica Neue';
	text-align: center;
	font-size: 8pt;
	width: 60px;
	height: 21px;
	background: transparent none no-repeat;
	left: 234px;
	display: block;
	border-style: none;
}

[class="landscape"] #setting
{
	position: relative;
	color: black;
	text-align: center;
	width: 160px;
	height: 23px;
	background: transparent none no-repeat;
	border-style: none;
	font: italic 12pt 'Helvetica Neue';
	left: 335px;
	display: none;
}

#bottom_panel
{
display: none;
}

[class="portrait"] #bottom_panel
{
	border-left-width: 5px;
	border-right-width: 5px;
	width: 300px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(../Images/bottom_panel.png) no-repeat;
	display: none;
	margin: 8px;
	left: 2px;
}

[class="landscape"] #bottom_panel
{
	display: none;
	border-left-width: 5px;
	border-right-width: 5px;
	top: 8px;
	width: 300px;
	height: 191px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-image: url(../Images/bottom_panel.png) 0 5 0 5 stretch stretch;
	position: relative;
}

#discliamerText {
display: none;
}

[class="portrait"] #discliamerText {
	position: relative;
	text-align: center;
	color: black;
	font-family: 'Helvetica Neue';
	font-size: 9pt;
	width: 260px;
	height: 8px;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#mobilenoLabel {
display: none;
}

[class="portrait"] #mobilenoLabel {
	text-align: left;
	font-family: 'Helvetica Neue';
	font-size: 15px;
	color: black;
	top: 35px;
	left: 31px;
	width: 83px;
	height: 12px;
	position: relative;
	display: block;
}

#mobileInput {
display: none;
}

[class="portrait"] #mobileInput {
	position: relative;
	font-family: 'Helvetica Neue';
	font-size: 14pt;
	color: black;
	width: 119px;
	height: 18px;
	top: 16px;
	left: 113px;
	display: block;
}

#icnoLabel {
display: none;
}

[class="portrait"] #icnoLabel {
	position: relative;
	text-align: left;
	font-family: 'Helvetica Neue';
	font-size: 15px;
	color: black;
	top: 35px;
	left: 31px;
	width: 83px;
	height: 12px;
	display: block;
}

#icInput {
display: none;
}

[class="portrait"] #icInput {
	position: relative;
	font-family: 'Helvetica Neue';
	font-size: 14pt;
	color: black;
	width: 119px;
	height: 18px;
	top: 16px;
	left: 113px;
	display: block;
}

#datalimitLabel {
display: none;
}

[class="portrait"] #datalimitLabel {
	position: relative;
	text-align: left;
	font-family: 'Helvetica Neue';
	font-size: 15px;
	color: black;
	top: 35px;
	left: 31px;
	width: 83px;
	height: 12px;
	display: block;
}

#limitInput {
display: none;
}

[class="portrait"] #limitInput {
	position: relative;
	font-family: 'Helvetica Neue';
	font-size: 14pt;
	color: black;
	width: 60px;
	height: 17px;
	top: 16px;
	left: 113px;
	display: block;
}

#unittextLabel {
display: none;
}

[class="portrait"] #unittextLabel {
	text-align: left;
	font-family: 'Helvetica Neue';
	font-size: 11pt;
	color: black;
	top: -3px;
	width: 25px;
	height: 15px;
	position: relative;
	left: 200px;
	display: block;
}

#button
{
display: none;
}

[class="portrait"] #button
{
	color: white;
	text-shadow: black 0 -1px 0;
	white-space: nowrap;
	width: 80px;
	height: 30px;
	position: relative;
	font: normal bold 12px 'Helvetica Neue';
	text-decoration: none;
	left: 200px;
	text-align: center;
	background: transparent url(../Images/button.png) no-repeat;
	border-style: none;
	margin-top: 13px;
	display: block;
}

#footer
{
display: none;
}

[class="landscape"] #footer
{
	position: relative;
	color: gray;
	font-family: 'Helvetica Neue';
	text-align: center;
	font-size: 12pt;
	width: 160px;
	height: 23px;
	background: transparent none no-repeat;
	border-style: none;
	margin-right: 80px;
	margin-left: 80px;
	display: block;
}

[class="portrait"] #footer
{
	position: relative;
	color: gray;
	font-family: 'Helvetica Neue';
	text-align: center;
	font-size: 11pt;
	width: 150px;
	height: 21px;
	background: transparent none no-repeat;
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}