body {
	background-image:url(background.jpg);
	background-repeat:repeat-x;
	background-color:#dcdddf;
	margin:0 auto;;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
}

/* LOGIN FORM */

div#login {
	position:absolute;
	top:40%;
	width:100%;
	/*height:250px;*/
	background-image:url(images/loginbg.jpg);
	background-repeat:repeat-x;
	background-color:#4c4c4e;
	/*text-align:center;*/
}

div#login_info {
	position:relative;
	left:25%;
	width:800px;
	/*height:250px;*/
	/*text-align:left;*/
}

div#login_logo {float:left;}

div#login_form {color:#ffffff; text-align: left;}
div#login_form ul{list-style-type: none; float: left; margin-top: 100px;}

li#login_buttons{text-align: center;}

div#login_form input {margin-bottom:5px; border:0px; padding:3px;margin-left:25px;}
div#login_form input:focus {background: #ffff66;}
div#login_form input.button { border: 0px; color:#000000; width:65px; height:25px; margin-left:5px;}
div#login_form input.button:hover {background-color:#cc3300; color:#ffffff;}

div#login_form label{width:75px; display: inline-block;}

 p.password {font-size:12px; font-weight:normal; text-transform:none; margin-top:-10px; padding:0px; text-align:left;margin-left:91px;}


/* MAIN NAVIGATION */

div#menu{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(images/loginbg.jpg);
	background-repeat:repeat-x;
	height:165px;
	width:100%;
	text-align:left;
}



div#menu_sglogo {
position:absolute;
top:0px;
left:0px;
width:200px;
height:165px;
}

div#menu_buttons {
position:absolute;
top:0px;
left:300px;
height:165px;
width:700px;

}
div#menu_buttons a:hover{
	border: 0 none;
}

.gcr:hover {background:url(images/menu/gcr_hover.png);}

.gc:hover {background:url(images/menu/gc_hover.png);}

.lc:hover {background:url(images/menu/lc_hover.png);}

.ai:hover {background:url(images/menu/ai_hover.png);}

/* SUB MENU */

div#submenu {
position:absolute;
top:170px;
left:0px;
height:15px;
width:100%;
text-align:left;
padding:5px;

}

div#submenu a {
color:#990000;
font-weight:bold;
text-decoration:none;
}

div#submenu a:hover {
border-bottom:1px dotted #990000;
}

div#submenu_section {
position:absolute;
top:195px;
left:0px;
height:15px;
width:100%;
text-align:left;
padding:5px;
}

/* CONTENT */
div #content {
position:absolute;
left:0px;
top:195px;
padding:25px;
width:90%;
text-align:left;
}

a {color:#990000; text-decoration:none;}

a:hover {border-bottom:1px dotted #990000;}

a.modLink {
display: inline-block;
text-decoration:none;
background-color:#990000;
color:#FFFFFF;
font-size:80%;
padding:5px 10px;
}

a.modLink:hover {
	border: 0 none;
background-color:#000000;
}

div#loyal_levels ul {
list-style:none;
margin-left:0;
}
div#loyal_levels li {
display:inline;
float:left;
height:25px;
font-size:100%;
margin-left:0;
}

div#loyal_levels li.level {
width:300px;
}

div#loyal_levels li.status {
width:200px;
}

div#loyal_levels li.points {
width:100px;
}

div#loyal_levels input {
border:0;
padding:
font-size:100%;
height:20px;
}

label{width:200px;padding:3px;margin-bottom:5px;}
ul {list-style:none;}
tr.odd td{background-color: #fff}
tr.even td{background-color: transparent;}




/* transtbl */

table.transtbl{
	width: 100%;
}
table.transtbl th{
	color: #fff;
	font-weight: bold;
	background: #000;
}
table.transtbl th, table.transtbl td{
	padding: 8px 5px;
}

/* LOYALTY CARDS */

/* Recent Transactions */


div#loyal_recent_trans {
float:left;
width:550px;
}

.spantrans {
width:200px;
height:25px;
border:1px solid yellow;
}


/* Google Map */

div#map {
float:left;
width:500px;
height:500px;
margin-left:25px;

}

div#map_header {
float:left;
width:500px;
margin-left:25px;
}

/* Recent Cards */

div#loyal_cards {
float:left;
width:50%;
height:33%;

}

ul.loyal_ul_item {
display:block;
list-style:none;
margin: 0;
}

ul.loyal_ul_item li {
display:inline;
float:left;
width:150px;
font-size:100%;
text-align:left;
}


/* CARD DETAILS */


ul.card_details {
display:block;
list-style:none;

}

ul.card_details li {
height:25px;
}

span.cardinfo {
display:block;
width:150px;
border:1px solid  yellow;
}

h3.h3menu {
display:inline;
margin:5px;
}

/* ALL CARDS */

div#cardsperpagewrapper{height: 30px; float: right;}
ul#cardsperpage{margin: 0; display: inline; padding: 0;}
ul#cardsperpage li{margin: 0; display: inline;}


ul.cardspagination{margin: 0; display: inline; padding: 0;}
ul.cardspagination li{margin: 0; display: inline; padding: 5px;}

td {
height:20px;
}

/* Transactions */

ul.trans {
display:inline;
}

ul.trans li {
display:inline;
padding-right:25px;
}

ul.trans li a {
text-decoration:none;
color:#990000;
}

ul.trans li a:hover {
text-decoration:none;
color:#000000;
border-bottom: 2px dotted #000000;
}

table.transtbl {
font-size:12px;
}


/* Account Info */
ul.accountinfo li{margin-top: 5px;}