/* CSS Document */
/* custom jquery mobile class */
html head + body .ui-btn.ui-input-btn{
background: #38c;  
color: #FFFFFF;
}
html head + body .ui-btn.ui-input-btn:hover{
opacity: 0.9;
color: #FFFFFF;
text-shadow: none;
}
label.ui-btn {
    font-weight: 400;
}
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    font-weight: 400;
}
.ui-page-theme-a .ui-btn {
    text-shadow: none;
}
.ui-mobile-viewport, .ui-page { 
    background: #E9E7E3;
}
/* end */
td{
    padding: 0 5px;
}
table.n2mInnerTable td{
    padding: 0;
}
table.n2mInnerTable{
    width: 100%;
}
input{
    border-radius: 4px;
    background-color: lightyellow;
}
select{
    border-radius: 4px;
}
button{
    background-color: #38c;
    color: #eee;
    border-radius: 4px;
    border: 0;
    padding: 5px;
    margin: 1px; 
    min-width: 70px;
}
#menuDiv button{
    background-color: #eee;
    color: #111;
}
td.peak{
    background-color: lightgray;
    color: #333;
    border: 0;
    padding: 5px;
    min-width: 70px; 
    width: 50%;
    text-align: center;
}
td.peak:hover{
    opacity: 0.9;
    cursor: pointer;
}
td.peak.n2mSelected{
    background-color: orange;
    color: #333;
}
td.peak.noFunc{
    opacity: 0.5;
}
body, div{
background-color: #E9E7E3;
color: #FAFAFA;
font-family:Arial;
}
.custom-table {
    border: 1px solid #eeeeee;
    width: 100%;
    max-width: 500px;
    font-weight: 400;
    background: white;
    color: black;
}
.custom-span {
    background: #BCE954;
    text-align: center;
}
.custom-div {
    background: white;
    max-width: 500px;
    color: #112231;
    padding: 0px 2px 0px 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.custom-error-div {
    background: red;
    max-width: 500px;
    color: white;
    padding: 0px 2px 0px 2px;
}
.custom-overlay{
    position:fixed;
    width:80%;
    top:70px;
    left:10%;
    right:10%;
    z-index:100;
    display:none;
}
.cutom-box{
    z-index:101;
}
a.custom-boxclose{
    float:right;
    width:14px;
    height:14px;
    background: url(/net2max/host/css/images/icons-png/delete-black.png) repeat top left;
    margin-top:-4px;
    margin-right:-4px;
    cursor:pointer;
}
.custom-box h1{
    position: relative;
    top:-5px;
    padding:5px;
    background-color:red;
    color:#FFFFFF;
}
.custom-box table{
    margin:-20px -20px 0px -20px;
    padding:3px;
    background-color:#EEEEEE;
    color:#000000;
}


#wrap{
text-align:center;
margin:0 auto;
}
.header{
background-repeat:no-repeat;
text-align:center;
margin:0 auto;
}

.header p {
font-size:24px;
max-width:645px;
height:160px;
position:relative;
top:105px; 
left:95px;
text-align:left;
}

.header p span {
color:#9bd0df;
font-weight:bold;
font-style:italic
}

.header p sup {
font-size:9px;
}
.header a {
text-decoration:none;
color:#FFFFFF
}

#navigation{
background-image:url(../images/navigation.jpg);
max-width:647px;
height:58px;
text-align:center;
margin:0 auto;
}
#body{
font-size:16px;
text-align:center;
margin:0 auto;
text-shadow:#000000;
}
#body p{
padding-left:20px;
padding-right:20px;
text-indent:30px;
margin:0;
padding-top:5px;
text-align:left;
}
#body img {
border:#FFFFFF 7px solid;
text-align:center;
margin-left:15px;
}
#body h1{
font-family: Trebuchet MS;
font-size:18px;
text-align:left;
padding-left:20px;
margin:0;
padding-top:5px;
padding-bottom:5px;
}
#footer{
font-family: Trebuchet MS;
font-size:12px;
padding-top:10px;
background-image:url(../images/footer.jpg);
height:46px;
text-align:center;
margin:0 auto;
color: #000;
}

#footer a{
    color: #66f;
    cursor: pointer;
}
#footer a:hover{
    color: #fff;
}
  
.glossymenu{
	position: relative;
	padding-right:20px;
	padding-left:20px;
	margin: 0 auto 0 auto;
	background: url(../images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
	padding-top:10px;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	font-family: Trebuchet MS;
	font-size: 12px;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 20px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

a {
	color:#FFF;
}

#form1 div{
    margin: 0;
}
#wrap img{
    width: 150px;
}
input.n2mInput{
    font-family: Arial;
    background-color: lightyellow;
    font-size: 16px;
}
input.n2mButton{
    font-weight: normal;
    text-shadow: none;
}
.n2mSmall{
    font-size: 13px;
}
.n2mTable{
    border: 0;
    cellpadding: 2px; 
    cellspacing: 0; 
    width: 100%;
    max-width: 500px;
}
#n2mLoginButton:hover{
    opacity: 0.8;
    text-shadow: none;
    background-color: blue;
}
.n2mBtnLabel{
    border: 0 !important;
    width: 70px !important;
    text-align: center !important;
    font-size: 15px;
}
.n2mBtnLabel:hover{
    opacity: 0.9;
}

.n2mOdd{
    background: #fff;
    color: #000;
}
.n2mEven{
    background: #eee;
    color: #000;    
}
#memberListDiv table input{
    width:100%;
    border-radius: 4px;
    background-color: lightyellow;
}
#memberListDiv button{
    border-radius: 3px;
}
.n2mTd0{
    padding:3px;
    max-width:1px; 
}
.n2mTd1{
    padding:3px;
    font-size: 1.4em;
}
.n2mTd2{
    padding:3px;
    font-size: 1.4em;
}
.n2mTd4{
    width: 16px;
    padding:3px;
}
.n2mTd3{
    width: 156px;
    text-align: center;
}
.n2mClickable{
    font-size: 1.4em; 
}
.n2mClickable.dColor{
    color: yellow;
}
tr.clickableTr:hover,
.n2mClickable:hover{
    opacity: 0.6;
    cursor: pointer;
}
img.n2mDisplayIcon{
    top: 20px;
    width: 49% !important;
}
.n2mLeft{
    left: 20px;
}
.n2mRight{
    right: 20px;
}
table.n2mTitleTable button,
center.n2mPopup{
    font-size: 1.6em;
}
td.n2mTableBtn{
    text-align: center;
    width: 16.5%;
    border: 1px solid;
    font-size: 40px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #eee;  
    color: #000;
}
td.n2mCol6{
    width: 16.5%;
}
td.n2mCol3{
    width: 33%;
}
td.n2mTableBtn.numPad{
    background-color: #fdfdfd;
}
td.n2mTableBtn.keyPad{
    background-color: #dddddd;
}
td.n2mTableBtn:hover{
    cursor: pointer;
}
td.n2mTableBtn.bgYellow{
    background-color: yellow;
}
#login input.n2m_user{
    width: 98%;
    font-size: 32px;
    background-color: lightyellow;
    text-align: center;
}
#loginDiv input.n2m_user{
    width: 100%;
    font-size: 28px;
    background-color: lightyellow;
    text-align: center;    
}
#login input.n2m_user.hiddenInput,
#loginDiv input.n2m_user.hiddenInput{
    background: transparent;
    border: 0;
    color: #eee;
    font-size: 88px;
}
center.notFoundAlert{
    display: none;
    color: yellow;
    min-height: 50px;
}
#loginDiv button{
    width: 49%;
    float: right;
    padding: 14px;
    background-color: #38c;
    color: #fff;
    border: 0;
    text-shadow: none;
    font-weight: normal;
}
#loginDiv button:hover{
    opacity: 0.9;
}
td.n2mColSpan3{
    background-color: #38c;
    color: #fff;
    border: 0;
    font-size: 30px;
    text-shadow: none;
}
td.n2mColSpan3:hover{
    cursor: pointer;
    opacity: 0.9;
}
td.n2mSwitchBtn,
td.n2mLangBtn{
    width: 33.3%;
    text-align: center;
    padding: 15px;
    background-color: #fff;
    color: #000;
    font-size: 15px;
}
.n2mLeftBorder{
    border-radius: 5px 0px 0px 5px   
}
.n2mRightBorder{
    border-radius: 0px 5px 5px 0px   
}
.n2mCenterBorder{
    border-left: #eee solid 1px;
    border-right: #eee solid 1px;
}
td.n2mLangBtn:hover{
    cursor: pointer;
    opacity: 0.9;    
}
td.n2mSwitchBtn.n2mSelected,
td.n2mLangBtn.n2mSelected{
    background-color: #38c;
    color: #eee;
}
td.n2mActive{
    background-color: lightyellow !important;  
}
#exitInfoDiv{
    font-size: 30px;
}
#exitInfoDiv td{
    padding: 10px;
}
#exitInfoDiv h1{
    font-size: 30px;
    font-weight: normal;
}

#menuDiv button,
#adminDiv button{
    width: 100%;
    font-size: 28px;
    padding: 12px;
}
#menuDiv button:hover,
#adminDiv button:hover{
    cursor: pointer;
    opacity: 0.9;
}
#fixedLog{
    background-color: lightyellow;
}
#fixedLog td{
    padding: 5px;
}
h1.n2mTitle{
    font-weight: normal;
    text-shadow: none;
    color: #eee;
    font-size: 48px;
}
span.n2mTitle{
    font-weight: normal;
    text-shadow: none;
    font-size: 25px;
}
div.n2mDateDiv select{
    margin: 3px;
}
table.listTable{
    width: 100%;
    border: 0;
    text-shadow: none;    
}
table.n2mTitleTable button,
center.n2mPopup button,
table.listTable button{
    padding: 12px;
    width: 100%;
}
center.n2mPopup select,
center.n2mPopup input,
table.listTable select{
    padding: 12px;
}
button.entry{
    background-color: #38c !important;
    min-width: 200px;
    width: 50%;
    float: left;
    font-size: 36px;
    color: #eee;
    border: 0;
    padding: 16px 10px;
}
td.entryTd{
    width: 50%;
    background: #eee;
    border-radius: 15px;
    padding: 5px;
    position: relative;
}
.stopFont{
    font-size: 88px;
    color: red;
}
center.statusTd select{
    padding: 12px;
    width: 96%;
}
button.paid,
#exitInfoDiv button.pay,
button.trade,
button.updateBtn,
button.backBtn{
    border-radius: 4px !important;
    padding: 12px;
    font-size: 26px;
    text-shadow: none !important;
    font-weight: normal;
    float: left;
    color:#eee !important;
}
button.backBtn{
    background-color: red !important;
}
button.free{
    background-color: purple;
}
button.paid{
    background-color: green;
}
button.trade{
    background-color: brown;
}
button.reset,
button.add{
    background-color: red;
}
td.n2mColSpan3:hover,
button:hover{
    opacity: 0.9;
    background-color: blue !important;
}
body{
    margin: 0px;
}
.n2mFieldsetBtn{
    background-color: #eee;
    border-radius: 0px;
    padding: 12px;
    font-size: 26px;
    text-shadow: none !important;
    font-weight: normal;
    float: left;
    color:#333 !important;    
    border: 0px;
}
.fsLeft{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.fsRight{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.fsSelected{
    background-color: #38c;
    color:#eee !important;
}
.ve{
    width: 100%;
    max-width: 464px;
    padding: 0px;
}
.n2mWarning{
    color: red;
    font-size: 12px;
}
div.n2mError{
    background-color: transparent;
}
.guestTitle{
    font-size: 16px;
    color: #000;
}
td.n2mRight{
    text-align: right;
}
td.n2mAlignLeft{
    text-align: left;
}
td.n2mFirst{
    width: 115px;
}
td.n2mSecond{
    width: 16px;
}
#qrcodeDiv{
    position: fixed;
    width: 100%;
    top: 0px;
    background: white;
}    
#qrcode img{
    width: 300px;
}
#qrcodeIcon, #qrcodeIcon img{
    width: 50px;
}
.n2mCloseBtn{
    position: absolute;
    padding: 10px;
    top: 0px;
    right: 0px;
    color: white !important;
    background: red;
    border-radius: 4px;
    font-weight: bold !important;    
}
.n2mCloseBtn:hover{
    cursor: pointer;
    opacity: 0.9;
}
#qrcodeLink{
    text-decoration: none;
}
#n2mInformationCenter, #n2mResponseCenter, #n2mAlertCenter, #n2mOptionsCenter, #n2mSessionsCenter, #n2mSecurityCenter{
    display: none;
}
#mapLink{
    width: 100%;
    padding: 12px;
    color: #eee;
    background: #38c;
    border: 0;
    font-weight: bold
}
#mapLink:hover{
    background: #38c !important;
    opacity: 0.92;
    cursor: pointer;
}
#clearLink{
    width: 100%;
    padding: 12px;
    color: #eee;
    background: red !important;
    border: 0;
    font-weight: bold
}
#clearLink:hover{
    background: red !important;
    opacity: 0.92;
    cursor: pointer;
}