@import url("/Content/Layouts/Clean/stylesheets/page.css");  /* in-use for custom rewards pages */
.tbl a:link {
    color: #115fa4;
    font-weight: bold;
}
.tbl a:visited {
    color: #115fa4;
    font-weight:bold;
}
.tbl a:active,
.tbl a:hover {
    color: #115fa4;
}
.tbl {
    font-family:Arial, Helvetica, sans-serif;
    color:#665300;
    font-size:12px;
    /*text-shadow: 1px 1px 0px #fff;*/
    background:#eaebec;
    margin:10px;
    border:#ccc 1px solid;
 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
 
    /*
	-moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
	*/
}
.tbl th {
    padding:10px;
    /*border-top:1px solid #fafafa;*/
    border-bottom:1px solid #e0e0e0;
 
    background: #dbeaf8 url(../images/design/footertile.jpg) repeat-x top;
    /*
	background: -webkit-gradient(linear, left top, left bottom, from(#f2eeda), to(#e5ddb8));
    background: -moz-linear-gradient(top,  #f2eeda,  #e5ddb8);
	*/
}
.tbl th:first-child {
    text-align: left;
    padding-left:20px;
}
.tbl tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.tbl tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.tbl tr {
    text-align: center;
    padding-left:20px;
}
.tbl td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
.tbl td {
    padding:10px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
 
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.tbl tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.tbl tr:last-child td {
    border-bottom:0;
}
.tbl tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.tbl tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
.tbl tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);    
}

#member-details {display:table; width: 700px}
#member-details ul {display:table-row; width: 100%}
#member-details li.left {display: table-cell; text-align: left; width: 20px; white-space:nowrap;}
#member-details li {display: table-cell; text-align: right; width: auto;}

input {
	background: white;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #DDD inset;
	color: #666;
	padding: 5px 10px;
	outline: none;
}

select {
	background: white;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #DDD inset;
	color: #666;
	padding: 5px 10px;
	width: 135px;
	outline: none;
}


.custom_header #header_frame, 
.custom_header #menu_frame, 
.custom_header #content, 
.custom_header #footer_frame, 
.custom_header body {
    margin-bottom: -32px;
}

.card {
    background: transparent url(/custom/?/=/images/loyalty-card-blue-print.png) scroll 0 0 no-repeat;
    background-size: 350px 222px;
    width: 350px;
    height: 222px;
    line-height: 20px;
    text-align: left;
}	
.memberinfo { 
   position: relative; 
   top: 140px; 
   left: 15px; 
   width: 100%; 
   color: #FFF;
}

#card-print {
    background: transparent url(/custom/?/=/images/loyalty-card-blue-print.png) scroll 0 0 no-repeat;
    background-size: 350px 222px;
    width: 350px;
    height: 222px;
    line-height: 20px;
    text-align: left;
}	
#card-print .memberinfo { 
   position: relative; 
   top: 165px; 
   left: 15px; 
   width: 100%; 
}

@media print { 
	.noprint { display: none; }
	.card { display: block !important; }
}

.ui-header {
    font-family:Arial, Helvetica, sans-serif;
    color:#bfbfbf;
    font-size:18px;
    font-weight:bold;
   	border-bottom: 2px solid #bfbfbf;
}

.ui-widget-header {
	border: 1px solid #5c9ccc;
	background: #5c9ccc url(/custom/?/=/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
}

html { max-height:600px; }

#wrapper {
	min-width:750px;
}

.btnsmUp, .btnsmDown, .btnmedUp, .btnmedDown
{
    border-top: #78AAD6 1px solid;
    border-right: #74A5CF 1px solid;
    border-bottom: #597F9F 1px solid;
    border-left: #74A5CF 1px solid;
    background: #86C6FF;
    background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(162,212,255,1)),to(rgba(106,185,255,1)));
    padding: 5px 10px 6px 10px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
}

.btnsmUp, 
.btnsmDown
{
    color: #2D4D69;
}

.btnsmDown
{
    background: #2D4D69;
}

  .btnmedUp
{
    font-size: 13px;
    color: #2D4D69;
}
  .btnmedDown
{
    background: #86C6FF;
    color: #2D4D69;
}

.box {
	background-color: #f2eeda;
}

h1 { color: #998b4c; }
h2 { background: #e5ddb8; color: #fff; }
h3 { color: #665300; }
h4 { color: #000; }
h5 { background: #f2eeda; color: #665300; }
h6 { color: #000; }



h2 { padding: 20px; }

h2 img { display: block; float: left; margin: 0 0 0 20px; }

h2 span {
color: #665300;
float: left;
display: block;
width: 350px;
font-size: 16px;
margin: 0 0 0 60px;
}



h4 span {
display: block;
float: left;
width: 450px;
}

h4 span.LC-login {
color: #665300;
float: right;
display: block;
width: 200px;
margin: 0 -20px 0 60px;
padding: 20px;
background: #f2eeda;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}



.LC-memberships {
width: 700px;
clear: both;
border: 2px solid #665300;
padding: 0;
margin: 20px auto 0;
border-spacing: 0;
}

.LC-memberships th {
padding: 10px 20px;
background: #fff;
border: solid #665300;
border-width: 0 1px 1px 0;
}
.LC-memberships th:last-of-type { border-right: none; }

.LC-memberships .member-green { background: #067b3f; color: #fff;}
.LC-memberships .member-silver { background: #cccccc; color: #666666;}
.LC-memberships .member-gold { background: #cc9933; color: #665300;}

.LC-memberships tfoot td {
text-align: center;
font-size: 11px;
color: #665300;
font-weight: 100;
padding: 10px;
background: #fff;
}

.LC-memberships tr {
background: #fff;
}

.LC-memberships tbody td {
font-size: 12px;
padding: 12px 20px 12px 36px;
border: dotted #665300;
border-width: 0 1px 1px 0;
background: url(/Content/Layouts/Vector/Filebank-Document/c9af49e4-fe5c-4287-8858-c273f7bac6d8.png) no-repeat 12px 50%;
}
.LC-memberships tbody td:last-of-type { border-style: dotted; }
.LC-memberships tbody td.no-bg { background: none; }



.LC-benefits ul li {list-style-type: disc; color: #665300; font-size: 20px;}

.LC-benefits {
width: 700px;
border: 2px solid #665300;
padding: 0;
margin: 20px auto 0;
border-spacing: 0;
}

.LC-benefits .member-green { background: #067b3f; color: #fff;}
.LC-benefits .member-silver { background: #cccccc; color: #666666;}
.LC-benefits .member-gold { background: #cc9933; color: #665300;}

.LC-benefits th {
padding: 10px 20px;
background: #fff;
border: solid #665300;
border-width: 0 1px 1px 0;
}
.LC-benefits th:last-of-type { border-right: none; }

.LC-benefits tfoot td {
text-align: center;
font-size: 11px;
color: #665300;
font-weight: 100;
padding: 10px;
background: #fff;
border: none;
}

.LC-benefits tr {
background: #fff;
}

.LC-benefits tbody td {
font-size: 12px;
padding: 12px 20px 12px 36px;
border: dotted #665300;
border-width: 0 1px 1px 0;
background: url(/Content/Layouts/Vector/Filebank-Document/c9af49e4-fe5c-4287-8858-c273f7bac6d8.png) no-repeat 12px 50%;
}

.LC-benefits th.member-benefits,
.LC-benefits tbody td:first-of-type { width: 70%; }

.LC-benefits th.member-green,
.LC-benefits th.member-silver,
.LC-benefits th.member-gold,
.LC-benefits tbody td:nth-of-type(2),
.LC-benefits tbody td:nth-of-type(3),
.LC-benefits tbody td:nth-of-type(4) { width: 10%; text-align: center; font-size: 15px; padding: 0; }

.LC-benefits tbody td:nth-of-type(2) { background: #e1f6eb; }
.LC-benefits tbody td:nth-of-type(3) { background: #f5f5f5; }
.LC-benefits tbody td:nth-of-type(4) { background: #fff4d9; }



.loyalty-bar {
margin: 30px auto 10px;
width: 820px;
height: 20px;
padding-top: 50px;
background: url(/custom/?/=/images/loyalty-bar.png) no-repeat top center;
}

h2 span {
font-size: 20px;
margin-top: 18px;
}

.loyalty-alert-bar {
color: #cc9933;
font-weight: normal;
font-size: 14px;
width: 728px;
margin: 20px auto 10px;
padding: 12px 20px 14px 70px;
border: 1px solid;
border-top-color: #fcecc6;
border-bottom-color: #fcecc6;
border-right-color: #ddb048;
border-left-color: #ddb048;
background: #ffffe4 url(/Content/Layouts/Vector/Filebank-Document/dc0ffad9-3284-475c-8b5e-63c4735400a2.png) no-repeat 25px 50%;
}

.loyalty-alert-bar .alert-title {
float: left;
display: block;
margin-right: 14px;
color: #cc9933;
font-size: 16px;
}

.loyalty-alert-bar .alert-text {
color: #666666;
float: left;
display: block;
width: 600px;
}


a.loyalty-member-redemption {
    background: white;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #DDD inset;
    color: #666;
    padding: 5px 10px;
    outline: none;
}

.loyalty-member-redemption { text-align: center; }
.loyalty-member-redemption input { cursor: pointer; }

.loyalty-member-redemption,
.loyalty-member-details {
width: 300px;
padding: 20px;
}

.loyalty-member-details {
float: left;
margin: 25px 0 20px 20px;
background: #dbeaf8;
overflow: visible;
border: solid 1px #ccc;
border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; 
}

.loyalty-member-details {
color: #666666;
font-size: 13px;
}

.loyalty-member-details h6 p {
font-size: 22px;
font-weight: 200;
color: #666666;
border-bottom: 1px solid #cccccc;
padding-bottom: 4px;
margin-bottom: 10px;
}

.loyalty-member-details ul { list-style-type: none; }

.loyalty-member-details ul li { margin-bottom: 10px; }

.loyalty-member-details span {
display: block;
float: left;
width: 100px;
padding-right: 20px;
text-align: right;
}

.loyalty-club-title {
font-size: 22px;
font-weight: 200;
color: #007AE8;
}

.tier-level-card {
font-size: 16px;
float: right;
margin: 17px 80px 20px 0;
background: url(/Content/Layouts/Vector/Filebank-Document/8c3d542e-138c-451c-8fbe-ce1787f9bb64.png) no-repeat top center;
width: 250px;
height: 135px;
padding: 130px 0 0 50px;
}

.tier-level-card ul li {
font-weight: bold;
letter-spacing: 1px;
}
.tier-level-card ul i {
display: block;
font-size: 12px;
margin-top: 14px;
}

.tier-level-card .footnote p {
font-weight: normal;
margin-top: 30px;
}

.useful-links {
color: #fff;
font-size: 13px;
font-weight: bold;
padding: 10px 10px;
margin: 30px 0;
background: #197EF2 url(../images/design/footertile.jpg) repeat-x top;
border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
-webkit-box-shadow: none; 
}
.useful-links ul {
list-style-type: none;
}
.useful-links ul li {
display: inline-block;
float: left;
margin: 10px 30px;
}
.useful-links a:hover {
    color: #FFB500;
}

input[type="text"], input[type="password"] {
border: 1px solid #DDD;
}

table#tbl-enroll tr {
height: 32px;
}