@charset "utf-8";

*
{
 margin:0; 
 padding:0;
}

body
{
 margin:0; 
 padding:0;
}

.burger-nav{
 display: block;
 height: 24px;
 width: 30px;
 background: url(jquery-mobile/images/burger.png) no-repeat 90% center;
 cursor: pointer;
}

a:hover#burger-nav{
  border-radius: 4px 4px 0 0;
}

.myaccount-nav{
 display: block;
 height: 24px;
 width: 30px;
 background: url(jquery-mobile/images/account-profile-white.png) no-repeat 90% center;
 cursor: pointer;
}

.account-nav{
 display: block;
 height: 24px;
 width: 30px;
 background: url(jquery-mobile/images/account-profile-white.png) no-repeat 90% center;
 cursor: pointer;
}

a:hover#account-nav{
  border-radius: 4px 4px 0 0;
}

header .wrapper{
 width: 100%;
 padding: 0;	
}

header nav ul{
 overflow: hidden;
 background: #ffffff;
 height: 0;	
}

header nav ul.open{
 height: auto;
}

header nav ul li{
 float: none;
 text-align: left;
 width: 100%;
 margin: 0;	
}

header nav ul li a{
 font-family: 'Raleway',sans-serif;
 font-size: 14px;
 text-decoration:none;
 color: #000000;
 padding: 10px;
 border-bottom: 1px solid #000000;
 display: block;
 margin: 0;	
}

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family:Calibri;
	font-size:1.0em;
    background-color: #ffffff;
	border-radius: 0px;
}

ul.topnav li a {
    display: block;
    color: #000000;
    padding: 0px 0px;
    text-decoration: none;
    border-bottom: 1px solid #000000;
}

/* Change the link color on hover */
ul.topnav li a:hover {
    color: #000000;
}

ul.topnav li a:visited {
	background-color: #ffffff;
    color: #000000;
}

.signinbutton {
    background-color: #cec22d; /* Yellow */
    border: none;
    color: #ffffff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	width: 80%;
	border-radius: 6px;
}

.signinbutton:hover {
    background-color: #000000; /* lack */
    border: none;
    color: #ffffff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	width: 80%;
	border-radius: 6px;
}

.ui-content
{
	background-color: #ffffff;
	background-size: cover;
    padding: 10px;
	margin: 0;
}

.ui-content#HeaderBackground 
{
	background-color: #ffffff;
	background-size: cover;
    padding: 10px;
	margin: 0;	
}

.signin-register {
    max-width: 500px;
}

.service-history {
    max-width: 1020px;
}

.profile-maxwidth {
    max-width: 1020px;
}

td#WhiteTransparency 
{
	background-color: #ffffff;
}

td#rssloginfooter 
{
	background-color: #cdc32d;
}


td#BottomBackground 
{
	background-image: url(jquery-mobile/images/Bottom-Background.png); 
	background-size: cover;
    padding: 10px;
	margin: 0;
}

p.footerHeaderWhite 
{
 color: #ffffff;
 font-family:Arial;
 font-size: 1.60em;
}

p.footertext 
{
	color: #ffffff;
	font-family: Arial;
	font-size: 16px;
	line-height: 20px;
}

p.footertext a:link 
{
 text-decoration:none; 
 color: #ffffff;
}

p.footertext a:visited 
{
 text-decoration:none; 
 color: #ffffff;
}

p.footertext a:hover 
{
 text-decoration:none;
}

p.whitetext 
{
	color: #ffffff;
	font-family:Arial;
	font-size: 1em;
}

p.whitetext a:link 
{
 text-decoration:none; 
 color: #ffffff;
}

p.whitetext a:visited 
{
 text-decoration:none; 
 color: #ffffff;
}

p.whitetext a:hover 
{
 text-decoration:none;
}

p.footercopyright 
{
 font-size: 1.00em; 
 color: #ffffff;
}

p.footercopyright a:link 
{
 text-decoration:none; 
 color: #ffffff;
}

p.footercopyright a:visited 
{
 text-decoration:none; 
 color: #ffffff;
}

p.footercopyright a:hover 
{
 text-decoration:underline;
}

p.text 
{
 color: #000000;
 font-family: Calibri;
 font-size: 1.10em;
}

p.text a:link 
{
 text-decoration:none; 
 color: #000000;
}

p.text a:visited 
{
 text-decoration:none; 
 color: #000000;
}

p.text a:hover 
{
 text-decoration:none; 
 color: #cdc32d;
}

p.textHeader 
{
 color: #000000;
 font-family:"Noto Sans", sans-serif;
 font-size: 1.80em;
}

p.textHeaderTwo 
{
 color: #000000;
 font-family:Calibri;
 font-size: 1.40em;
}

p.textHeaderGold 
{
 color: #cdc32d;
 font-family:Calibri;
 font-size: 1.40em;
}

p.textgold 
{
 color: #cdc32d;
 font-family:Arial;
 font-size: 1.00em;
}

p.textgold a:link 
{
 text-decoration:none; 
 color: #cdc32d;
}

p.textgold a:visited 
{
 text-decoration:none; 
 color: #cdc32d;
}

p.textgold a:hover 
{
 text-decoration:none;
}

img#imagefloatleft
{
 float:left;
 margin:0 8px 4px 0;
} 

img#imagefloatright
{
 float:right;
 margin:8px 0 0 8px;
}

.curvetable
{
	background-color: #f4f4f4;
	border: 0px;
	width: 60px;
	height: 35px;
	font-family:Arial;
	font-size:1.0em;
	font-weight: 100;
	color: #ffffff;
	border-radius: 6px;
}

.numberCircle {
    border-radius: 2em;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    padding: 0.15em 0.65em;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: top;

    font: 0.85714em Arial, sans-serif;
	position: absolute;
	
}

div.bottomlineborder {
  	border-bottom:2px dotted gold; 
  	margin:0; padding:.2em 0; 
  	text-indent:.5em;
}

table#tableshadow 
{
	-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.8);
    -moz-box-shadow:    0 0 10px 5px rgba(0,0,0,0.8);
    box-shadow:         0 0 10px 5px rgba(0,0,0,0.8);
	border-radius: 10px;
}