@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------------------

	Created by elykinnovation, inc. - http://www.elykinnovation.com
	Jacksonville, Florida - Web Design Company

--------------------------------------------------------------------------------------------------- */


a, div {-moz-outline:none;}

/* ----------------------------------------------------------------------------------------------------------------

	.png hack

------------------------------------------------------------------------------------------------------------------*/

/* * { behavior: url(iepngfix.htc); }*/
.iepngfix { behavior: url(css/iepngfix.htc); }
 

/* ---------------------------------------------------------------------------

	Body 

--------------------------------------------------------------------------- */

body {
	margin: 0px;
	background-color: #666;
	background-image: url(../images/bg_repeat.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	color: #333;
}

.outer_wrapper {
	float: left;
	width: 100%;
	background-image: url(../images/bg_large.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

.wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 930px; /* Make this number 10px wider than actual design for ie issues */
}

.header {
	width: 920px;
	height: 104px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}


.side_a {
	float: left;
	width: 640px;
}

.side_b { 
	margin: 0px;
	float: left;
	width: 280px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

/* ---------------------------------------------------------------------------

	For 3 column design: Leave off if unneccessary

--------------------------------------------------------------------------- */

.side_c {
	margin: 0px 0px 0px 0px;
	width: 920px;
}

.google_ads {
	width: 920px;
	height: 120px;
	clear: both;
}

.footer {
	width: 920px;
	clear: both;
	float: left;
}

.copyright {
	width: 920px;
	clear: both;
	float: left;
	text-align: center;
	color: #fff;
}



/* ---------------------------------------------------------------------------

	Header

--------------------------------------------------------------------------- */

.logo a {
	display: block;
	text-decoration: none;
	width: 205px;
	height: 88px;
	background-image: url(../images/logo_remindorhino_with_rhino.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 8px 0px 0px 8px;
	float:left;
}

.login_container {
	width: 500px;
	height: 35px;
	background-image: url(../images/login_bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px 0px 0px 0px;
	padding: 3px 30px 38px 0px;
	float: right;
}

.login_container ul {
	padding: 0px;
	margin: 0px;
	text-align: right;
}

.login_container ul li {
	display: inline;
	padding-left: 30px;
	padding-right: 10px;
	font-size: 14px;
	color: #fff;
}

.login_container ul.loggedin li {
	display: inline;
	padding-left: 15px;
	padding-right: 0px;
	font-size: 14px;
	color: #fff;
}

.login_container ul li a:link, .login_container ul li a:visited {
	color: #fff;
	text-decoration: none;
}

.login_container ul li a:hover, .login_container ul li a:visited:hover {
	color: #B6DAEF;
}

.nav {
	white-space: nowrap;
	float: right;
	width: 500px;
	height: 25px;
}
 
.nav ul {
    padding: 0px;
    margin: 0px;
    text-align: right;
}

.nav ul li {
    display: inline;
	padding-left: 20px;
	padding-right: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
}

.nav ul li a {
	display: inline-block;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 3px;
}

.nav ul li a:hover {
	display: inline-block;
	color: #333;
	border-bottom: 0px dotted #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 4px;
}


/* ---------------------------------------------------------------------------

	Banner

--------------------------------------------------------------------------- */

.banner {
	width: 618px;
	height: 293px;
	background-image: url(../images/banner_bg.png);
	background-repeat: no-repeat;
	padding: 25px 0px 0px 20px;
}

.tagline {
	display: block;
	text-decoration: none;
	width: 302px;
	height: 70px;
	background-image: url(../images/banner_tagline.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

.bullet_points {
	display: block;
	text-decoration: none;
	width: 335px;
	height: 113px;
	background-image: url(../images/banner_bullet_points.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 13px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	float:left;
}

.btn_login a {
	display: block;
	text-decoration: none;
	width: 170px;
	height: 49px;
	background-image: url(../images/btn_login.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 0px;
	float:left;
}

.btn_login a:hover {
	background-image: url(../images/btn_login_hover.png);
}

.btn_signup a {
	display: block;
	text-decoration: none;
	width: 170px;
	height: 49px;
	background-image: url(../images/btn_signup.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	float:left;
}

.btn_signup a:hover {
	background-image: url(../images/btn_signup_hover.png);
}


/* ---------------------------------------------------------------------------

	Content Box

--------------------------------------------------------------------------- */


.content_box_wrapper {
	width:638px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

.content_box_top {
	background-image:url(../images/content_top.png);
	background-repeat:no-repeat;
	height: 12px;
	margin: 0px;
	padding:0px;
	overflow: hidden;
}

.content_box_middle {
	float: left;
	background-image:url(../images/content_middle.png);
	background-repeat: repeat-y;;
	margin: 0px;
	width: 608px;
	padding:0px 15px 0px;
}

.content_box_middle p {
	margin: 0px;
	padding:0px;
	line-height:20px;
}

.content_box_bottom {
	background-image:url(../images/content_bottom.png);
	background-repeat:no-repeat;
	width: 638px;
	height: 13px;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	float: left;
}



/* ---------------------------------------------------------------------------

	Large Content Box

--------------------------------------------------------------------------- */


.content_box_lg_wrapper {
	width:918px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

.content_box_lg_top {
	background-image:url(../images/content_lg_top.png);
	background-repeat:no-repeat;
	width: 918px;
	height: 11px;
	margin: 0px;
	padding:0px;
	overflow: hidden;
}

.content_box_lg_middle {
	background-image:url(../images/content_lg_middle.png);
	background-repeat: repeat-y;
	float: left;
	margin: 0px;
	width: 888px;
	padding:0px 15px 0px;
}

.content_box_lg_bottom {
	background-image:url(../images/content_lg_bottom.png);
	background-repeat:no-repeat;
	width: 918px;
	height: 12px;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	float: left;
}



/* ---------------------------------------------------------------------------

	Large Content Box

--------------------------------------------------------------------------- */


.content_box_wide_wrapper {
	width:918px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

.content_box_wide_top {
	background-image:url(../images/content_wide_top.png);
	background-repeat:no-repeat;
	width: 918px;
	height: 11px;
	margin: 0px;
	padding:0px;
	overflow: hidden;
}

.content_box_wide_middle {
	background-image:url(../images/content_wide_middle.png);
	background-repeat: repeat-y;
	float: left;
	margin: 0px;
	width: 888px;
	padding:0px 15px 0px;
}

.content_box_wide_bottom {
	background-image:url(../images/content_wide_bottom.png);
	background-repeat:no-repeat;
	width: 918px;
	height: 12px;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	float: left;
}


/* ---------------------------------------------------------------------------

	Right Column

--------------------------------------------------------------------------- */

.kiosk_graphic {
	width: 112px;
	float: left;
	padding: 22px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

.print_statement {
	width: 150px;
	height: 80px;
	float: right;
	padding: 22px 0px 25px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #000;
}

.bonus_statement {
	width: 150px;
	height: 80px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	color: #336600;
}

.status_statement {
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	color: #E6E6E6;
}

.never_forget_statement {
	width: 150px;
	height: 50px;
	float: right;
	padding: 22px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	color: #000;
}

.print_statement p, .bonus_statement p, .never_forget_statement p {
	text-align: right;
	margin: 0px;
}

.print_statement p {
	line-height: 20px;
}

.bonus_statement p {
	line-height: 25px;
}

.never_forget_statement p {
	line-height: 20px;
}

/* ---------------------------------------------------------------------------

	Footer

--------------------------------------------------------------------------- */

.available_statement {
	float: left;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	color: #fff;
	clear: both;
}

.kiosk_locations {
	white-space: nowrap;
	float: right;
	width: 900px;
	height: 70px;
}

.kiosk_locations ul {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.kiosk_locations ul li {
    display: inline;
	padding-left: 20px;
	padding-right: 5px;
	font-size: 13px;
	font-weight: bold;
}

.all_locations {
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	float: right;
	text-align: right;
}

.all_locations a {
	display: block;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 3px;
}

.all_locations a:hover {
	display: block;
	color: #333;
	border-bottom: 0px dotted #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 4px;
}

.privacy_terms {
	padding: 0px 10px 6px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	float: right;
	color: #333;
	text-align: right;
	line-height: 26px;
}

.privacy_terms a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 3px;
}

.privacy_terms a:hover {
	color: #333;
	border-bottom: 0px dotted #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 4px;
}

/* ---------------------------------------------------------------------------

	General Declarations

--------------------------------------------------------------------------- */

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: lighter;
	font-size: 20px;
	color: #6699CC;
}




.hide {
	visibility: hidden;
	display: none;
	text-indent: -8520px;
}

.pictureframe {
	border: #000 1px solid;
	padding: 4px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
	background-color: transparent;
	height: 1px;
}


.faq ol {
	 padding-left: 5px;
	 margin-left: 5px;
	 margin-top: 0px;
	 text-indent: 1px;
	 list-style: none;
}

.faq li {
	border-bottom: #666 1px dotted;
	width: 95%;
	margin: 0px 0px;
	padding: 6px 0px;
	font-size: 13px;
}

.faq li.answer {
	border-bottom: #333 0px dotted;
	width: 95%;
	margin: 0px 0px 0px 0px;
	padding: 4px 12px 20px;
	font-size: 13px;
	color: #555;
}

.privacy_terms_list ol {
	 padding-left: 5px;
	 margin-left: 30px;
	 margin-top: 0px;
	 text-indent: 1px;
}

.privacy_terms_list ul {
	 padding-left: 5px;
	 margin-left: 5px;
	 margin-top: 0px;
	 text-indent: 1px;
}

.privacy_terms_list li {
	margin: 0px 0px;
	padding: 6px 0px;
	font-size: 13px;
}

/* ---------------------------------------------------------------------------

	Sign Up Form

--------------------------------------------------------------------------- */

.signup_form input,
.signup_form select {
	width: 150px;
}

/* ---------------------------------------------------------------------------

	Horizontal Navigation

--------------------------------------------------------------------------- */

.NAME {
   white-space: nowrap;
   float: left;
   width: 444px;
   height: 20px;
} 
.NAME ul {
   padding: 0px;
   margin: 0px;
}

.NAME ul li {
   display: inline;
   text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;
}

.NAME ul li a:link, .NAME ul li a:visited {
	color: #666666;
	text-decoration: none;
}

.NAME ul li a:hover, .NAME ul li a:visited:hover {
	color: #990000;
	text-decoration: none;
}


/* ---------------------------------------------------------------------------

	Information Tables

--------------------------------------------------------------------------- */

.info_table {
	width: 100%;
}

.info_table th,
.info_table td {
	padding: 2px 5px;
}

.info_table tr.dark td {
	background-color: #ccc;
}

.info_table tr.light td {
	background-color: #ddd;
}

.info_table_header {
	/*background-color: #ddd;*/
}

/* ---------------------------------------------------------------------------

	Tabmin

--------------------------------------------------------------------------- */

form.tabmin_form input[type=text], 
form.tabmin_form input[type=password],
form.tabmin_form select {
	width: 150px;
}

form.tabmin_form textarea {
	height: 150px;
	width: 200px;
}

.action_button {
	width: 16px;
	height: 16px;
	margin: 0 2px;
	padding: 0;
	float: left;
}

.action_button * {
	margin: 0;
	padding: 0;
	display: inline;
}

.action_button img {
	border: none;
}

.help {
	width: 700px;
}

.help_item {
	width: 100%;
	height: 20px;
	padding: 3px 8px;
	display: block;
	border: 1px solid #ccc;
	color: #666;
	background: #e0e0e0;
	text-decoration: none;
	font-weight: bold;
}

.help_item:hover {
	background: #ebebeb;
}

.help_item img {
	border: none;
}