/*styles.css*/

@font-face {
	font-family: 'segoeui';
	src: url('../fonts/segoeui-webfont.eot');
	src: url('../fonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/segoeui-webfont.woff') format('woff'),
		url('../fonts/segoeui-webfont.ttf') format('truetype'),
		url('../fonts/segoeui-webfont.svg#segoeui') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'segoeui-lt';
	src: url('../fonts/segoeui-lt-webfont.eot');
	src: url('../fonts/segoeui-lt-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/segoeui-lt-webfont.woff') format('woff'),
		url('../fonts/segoeui-lt-webfont.ttf') format('truetype'),
		url('../fonts/segoeui-lt-webfont.svg#segoeui-lt') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'segoeui-b';
	src: url('../fonts/segoeui-b-webfont.eot');
	src: url('../fonts/segoeui-b-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/segoeui-b-webfont.woff') format('woff'),
		url('../fonts/segoeui-b-webfont.ttf') format('truetype'),
		url('../fonts/segoeui-b-webfont.svg#segoe_uibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

*, *:after, *:before {
	-webkit-box-sizing:border-box;
		 -moz-box-sizing:border-box;
					box-sizing:border-box;
	-webkit-transition:margin 500ms ease;
		 -moz-transition:margin 500ms ease;
		   -o-transition:margin 500ms ease;
					transition:margin 500ms ease;
	-webkit-transition:padding 500ms ease;
		 -moz-transition:padding 500ms ease;
		   -o-transition:padding 500ms ease;
					transition:padding 500ms ease;
}
body {
    padding:0;
    margin:0;
    font-family:'segoeui', helvetica, sans-serif;
    font-size:16px;
    background:#f6f8f9;
    color:#333333;
}
body#login {background:#212121 url('../img/login-bg.gif') repeat; color:#ffffff;}

#dashboard ::selection {background-color:#1ab7ea; color:#ffffff;}
#dashboard ::-moz-selection {background-color:#1ab7ea; color:#ffffff;}
#dashboard ::-webkit-selection {background-color:#1ab7ea; color:#ffffff;}
#dashboard ::-o-selection {background-color:#1ab7ea; color:#ffffff;}
#dashboard ::-ms-selection {background-color:#1ab7ea; color:#ffffff;}

#find-mem ::selection {background:#fdd26d; color:#333333;}
#find-mem ::-moz-selection {background:#fdd26d; color:#333333;}
#find-mem ::-webkit-selection {background:#fdd26d; color:#333333;}
#find-mem ::-o-selection {background:#fdd26d; color:#333333;}
#find-mem ::-ms-selection {background:#fdd26d; color:#333333;}

#add-mem ::selection {background:#ff8fb4; color:#333333;}
#add-mem ::-moz-selection {background:#ff8fb4; color:#333333;}
#add-mem ::-webkit-selection {background:#ff8fb4; color:#333333;}
#add-mem ::-o-selection {background:#ff8fb4; color:#333333;}
#add-mem ::-ms-selection {background:#ff8fb4; color:#333333;}

#mem-points ::selection {background:#64ce83; color:#333333;}
#mem-points ::-moz-selection {background:#64ce83; color:#333333;}
#mem-points ::-webkit-selection {background:#64ce83; color:#333333;}
#mem-points ::-o-selection {background:#64ce83; color:#333333;}
#mem-points ::-ms-selection {background:#64ce83; color:#333333;}

#mem-reporting ::selection {background:#f9845b; color:#ffffff;}
#mem-reporting ::-moz-selection {background:#f9845b; color:#ffffff;}
#mem-reporting ::-webkit-selection {background:#f9845b; color:#ffffff;}
#mem-reporting ::-o-selection {background:#f9845b; color:#ffffff;}
#mem-reporting ::-ms-selection {background:#f9845b; color:#ffffff;}

#settings ::selection {background:#a085c6; color:#ffffff;}
#settings ::-moz-selection {background:#a085c6; color:#ffffff;}
#settings ::-webkit-selection {background:#a085c6; color:#ffffff;}
#settings ::-o-selection {background:#a085c6; color:#ffffff;}
#settings ::-ms-selection {background:#a085c6; color:#ffffff;}

#blank ::selection {background:#82797a; color:#ffffff;}
#blank ::-moz-selection {background:#82797a; color:#ffffff;}
#blank ::-webkit-selection {background:#82797a; color:#ffffff;}
#blank ::-o-selection {background:#82797a; color:#ffffff;}
#blank ::-ms-selection {background:#82797a; color:#ffffff;}

/*HEADINGS*/
h1 {
	font-family:'segoeui-lt', helvetica, sans-serif;
	font-size:3.75em;
	margin:75px 0 20px 0;
	line-height:1em;
	font-weight:lighter;
}
h2 {
	font-family:'segoeui', helvetica, sans-serif;
	font-size:1.875em;
	margin:0 0 20px 0;
	line-height:1em;
}
h2 span {
	font-size:0.7em;
}
/*****************************
************TOP BAR***********
*****************************/
#top-bar {
	float:right;
	height:40px;
}
#top-bar a {
	float:left;
	margin:0 20px;
	line-height:40px;
	text-decoration:none;
	color:#666666;
	font-size:0.875em;
}
#top-bar a:hover {color:#000000;}
#top-bar img {margin-top:5px;}

/*****************************
***********SIDE NAV***********
*****************************/
#side-nav {
	width:210px;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	bottom:0;
	float:left;
	overflow-x:hidden;
	overflow-y:auto;
	background:url('../img/side-nav-bg.gif') repeat-y #212121;
}
ul.nav {
	list-style:none;
	margin:0;
	padding:0;
}
ul.nav li {
	width:210px;
	line-height:40px;
	margin:0;
	padding:0;
	position:relative;
}
ul.nav li svg {
	position:absolute;
	height:1.8em;
	width:1.8em;
	top:5px;
	left:25px;
}
ul.nav li a {
	text-decoration:none;
	color:#ffffff;
	display:block;
	border-left:10px solid #000000;
	padding-left:65px;
}
.notification-container {z-index:9999;}
.notification-menu input {
	display:none;
}
.notification-menu label {
	display:none;
	border:none;
}


.svg-dashboard, .svg-add-mem, .svg-find-mem, .svg-mem-points, .svg-settings, .svg-logout {
	fill:#ffffff;
}
ul.nav li.dashboard a:hover, #dashboard ul.nav li.dashboard a,
ul.nav li.add-mem a:hover, #add-mem ul.nav li.add-mem a,
ul.nav li.find-mem a:hover, #find-mem ul.nav li.find-mem a,
ul.nav li.mem-points a:hover, #mem-points ul.nav li.mem-points a,
ul.nav li.settings a:hover, #settings ul.nav li.settings a,
ul.nav li.logout a:hover {
	background-color:#333333;
}
ul.nav li:hover .svg-dashboard, #dashboard ul.nav li .svg-dashboard {
	fill:#1ab7ea;
}
ul.nav li.dashboard a:hover, #dashboard ul.nav li.dashboard a {
	border-color:#1ab7ea;
}
ul.nav li:hover .svg-add-mem, #add-mem ul.nav li .svg-add-mem {
	fill:#ff8fb4;
}
ul.nav li.add-mem a:hover, #add-mem ul.nav li.add-mem a {
	border-color:#ff8fb4;
}
ul.nav li:hover .svg-find-mem, #find-mem ul.nav li .svg-find-mem {
	fill:#fdd26d;
}
ul.nav li.find-mem a:hover, #find-mem ul.nav li.find-mem a {
	border-color:#fdd26d;
}
ul.nav li:hover .svg-mem-points, #mem-points ul.nav li .svg-mem-points {
	fill:#64ce83;
}
ul.nav li.mem-points a:hover, #mem-points ul.nav li.mem-points a {
	border-color:#64ce83;
}
ul.nav li:hover .svg-settings, #settings ul.nav li .svg-settings {
	fill:#a085c6;
}
ul.nav li.settings a:hover, #settings ul.nav li.settings a {
	border-color:#a085c6;
}
ul.nav li:hover .svg-logout {
	fill:#eb585c;
}
ul.nav li.logout a:hover {
	border-color:#eb585c;
}

/*****************************
*********FORM ELEMENTS********
*****************************/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 100px #ffffff inset;}
input, textarea, select, option, input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, textarea:focus, select:focus, option:focus {outline:none;}
input[type=radio] {float:left;}
input[type=text], input[type=password], textarea {
	border-bottom:4px solid;
	border-top:0;
	border-left:0;
	border-right:0;
	width:100%;
	padding:10px 10px 0 10px;
	margin:0;
	font-size:1.125em;
}
textarea {padding:10px 10px 0 10px; resize:none; min-height:40px; vertical-align:top; overflow:hidden;}
input[type=submit] {
	width:50%;
	border:0;
	margin-top:10px;
	margin-left:25%;
	color:#ffffff;
	text-align:center;
	padding:15px 0;
	cursor:pointer;
	-webkit-transition: background-color 200ms ease;
   -o-transition: background-color 200ms ease;
   -moz-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}
input[type=submit]:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8;
}

fieldset {
	display:block;
	border:0;
	padding:0;
	margin:0 0 10px 0;
	width:100%;
}
label {
	float:left;
	display:block;
	border-left:4px solid;
	padding-left:10px;
	width:25%;
	line-height:20px;
}
label, input[type=text], input[type=password], fieldset {height:auto;}
label.radio-label {border:none; width:auto; height:20px;}
label.radio-label:hover {cursor:help;}
::-webkit-input-placeholder {color:#9f9f9f;}
:-moz-placeholder {color:#9f9f9f;}
::-moz-placeholder { color:#9f9f9f;}
:-ms-input-placeholder {color:#9f9f9f !important;}
[placeholder]:focus::-webkit-input-placeholder {color:transparent;}
[placeholder]:focus:-moz-input-placeholder {color:transparent !important;}
[placeholder]:focus::-moz-input-placeholder {color:transparent !important;}
[placeholder]:focus:-ms-input-placeholder {color:transparent;}

select {
  -webkit-appearance:none !important;
  background: #ffffff url('../img/select-arrow.png') no-repeat 97% center;
  border: 4px solid;
  width:75%;
  height:40px;
}
select::-ms-expand {display: none;}
@-moz-document url-prefix() {
  select {background: #ffffff;}
}
select#state {width:37.5%;}

.input {
	position:relative;
	overflow:visible;
	float:left;
	width:75%;
}
.input:after {right:0; content:""; position:absolute; bottom:0; height:8px; width:4px;}
.input:before {left:0; content:""; position:absolute; bottom:0; height:8px; width:4px;}

.value-calc {
	position:relative;
	overflow:visible;
	float:left;
	width:75%;
	font-size:2em;
	line-height:40px;
	color:#64ce83;
}
.value-calc:after {right:0; content:""; position:absolute; bottom:0; height:8px; width:4px; background:#666666;}
.value-calc:before {left:0; content:""; position:absolute; bottom:0; height:8px; width:4px; background:#666666;}

/*****************************
***********RSS FEED***********
*****************************/
#rssfeed {width:100%; margin-top:-10px;}
#rssfeed tr {border-bottom:1px solid #c8ced0;}
#rssfeed tr:last-child {border-bottom:none;}
#rssfeed td {padding:10px 0;}

/*****************************
*********MEMBER POINTS********
*****************************/
h2.point-balance, h3.point-balance {
	text-align:right;
	font-family:'segoeui-b', helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:20px;
	right:20px;
}
h3.point-balance {
	top:40px;
}
#points-balance-history {text-align:left; width:100%; font-size:0.875em; margin: 40px 0;}
#points-balance-history tr:nth-child(even) {background:#b1e6c1;}
#points-balance-history th {font-size:1.125em; padding:0 5px;}
#points-balance-history td {padding:0 5px;}
#points-balance-history tr:hover {background:#ffff00;}

/*****************************
********FIND MEM RESULT*******
*****************************/
.cell-id, .cell-custid, .cell-name, .cell-phone, .cell-email, .cell-points, .cell-history, .cell-profile {
	float:left;
	font-size: 0.9em;
	padding:10px 0 0 0;
}
.cell-points, .cell-history, .cell-profile {
	padding:0;
}
.cell-id {
	width:10%;
}
.cell-custid {
	width:8%;
}
.cell-name {
	width:13%;
}
.cell-phone {
	width:11%;
}
.cell-email {
	width:22%;
}
.cell-points, .cell-history, .cell-profile {
	width:12%;
}

#find-mem .cell-points a.btn, #find-mem .cell-history a.btn, #find-mem .cell-profile a.btn {
	width:86%;
	padding:10px 0;
	display:block;
	text-decoration:none;
	color:#333333;
	text-align:center;
}
#find-mem .cell-points a.btn:hover, #find-mem .cell-history a.btn:hover, #find-mem .cell-profile a.btn:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8;
}
#find-mem .grid_02 .grid_02 .content:hover {background:#eeeeee;}

/*****************************
*********SETTINGS PAGE********
*****************************/
.cell-login, .cell-type, .cell-password {
	float:left;
	width:33%;
}
.cell-login, .cell-type {
	padding:10px 0 0 0;
}
#settings .cell-password a.btn {
	width:86%;
	padding:10px 0;
	display:block;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
}
#settings .cell-password a.btn:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8;
}

/*****************************
**********LOGIN PAGE**********
*****************************/
#login {font-size:16px;}
#login h1 {text-align:center; margin:30px 0 20px 0;}
#login h2 {text-align:center; font-weight:normal; font-size:1.5em; font-family:'segoeui-lt', helvetica, sans-serif;}
#login-container {
	max-width:400px;
	margin:auto;
	-moz-box-shadow:0px 1px 1px 0px #c8c8c8;
	-webkit-box-shadow:0px 1px 1px 0px #c8c8c8;
	box-shadow:0px 1px 1px 0px #c8c8c8;
}
#login-pod {
	background:#ffffff;
	padding:20px 15px;
	border-top:4px solid #1693d4;
}
#login-pod img {max-width:65%; display:block; margin:10px auto 40px auto;}
#login-pod p {color:#212121; text-align:center; font-size:0.85em;}
#login-pod input[type=text], #login-pod input[type=password] {
	border-bottom:2px solid #868686;
	border-top:0;
	border-left:0;
	border-right:0;
	width:100%;
	padding:10px 10px 0 10px;
	font-size:1.5em;
	font-family:'segoeui-lt', helvetica, sans-serif;
}
#login-pod input[type=submit] {
	width:100%;
	border:0;
	color:#ffffff;
	padding:7px 0;
	margin:0;
	font-size:1.5em;
	background:#1693d4;
	margin:30px 0;
}
#login-pod .input {
	width:100%;
	margin:0 0 20px 0;
}
#login-pod .input:before, #login-pod .input:after {height:4px; width:2px; background-color:#868686;}

/*****************************
*********MISCELLANEOUS********
*****************************/
.loader {display:block; margin:-15px auto 5px auto;}

/*****************************
*****PAGE SPECIFIC COLORS*****
*****************************/
/*BORDERS*/
#dashboard .content, #dashboard input[type=text], #dashboard input[type=password], #dashboard textarea, #dashboard label {
	border-color:#1ab7ea;
}
#add-mem .content, #add-mem input[type=text], #add-mem input[type=password], #add-mem textarea, #add-mem label, #add-mem select {
	border-color:#ff8fb4;
}
#find-mem .content, #find-mem input[type=text], #find-mem input[type=password], #find-mem textarea, #find-mem label {
	border-color:#fdd26d;
}
#mem-points .content, #mem-points input[type=text], #mem-points input[type=password], #mem-points textarea, #mem-points label {
	border-color:#64ce83;
}
#mem-reporting .content, #mem-reporting input[type=text], #mem-reporting input[type=password], #mem-reporting textarea, #mem-reporting label, #mem-reporting select {
	border-color:#f9845b;
}
#settings .content, #settings input[type=text], #settings input[type=password], #settings textarea, #settings label {
	border-color:#a085c6;
}
#blank .content, #blank input[type=text], #blank input[type=password], #blank textarea, #blank label, #blank select {
	border-color:#82797a;
}

/*BACKGROUNDS*/
#dashboard .input:after, #dashboard .input:before, #dashboard input[type=submit] {
	background-color:#1ab7ea;
}
#add-mem .input:after, #add-mem .input:before, #add-mem input[type=submit], #add-mem select:hover {
	background-color:#ff8fb4;
}
#find-mem .input:after, #find-mem .input:before, #find-mem input[type=submit], #find-mem .cell-points a, #find-mem .cell-history a, #find-mem .cell-profile a {
	background-color:#fdd26d;
}
#mem-points .input:after, #mem-points .input:before, #mem-points input[type=submit] {
	background-color:#64ce83;
}
#mem-reporting .input:after, #mem-reporting .input:before, #mem-reporting input[type=submit], #mem-reporting select:hover {
	background-color:#f9845b;
}
#settings .input:after, #settings .input:before, #settings input[type=submit], #settings .cell-password a {
	background-color:#a085c6;
}
#blank .input:after, #blank .input:before, #blank input[type=submit] {
	background-color:#82797a;
}

/*FONT COLOR*/
#dashboard .content a {
	color:#1ab7ea;
}
#add-mem .content a {
	color:#ff8fb4;
}
#find-mem .content a {
	color:#fdd26d;
}
#mem-points .content a {
	color:#64ce83;
}
#mem-reporting .content a {
	color:#f9845b;
}
#settings .content a {
	color:#a085c6;
}
#blank .content a {
	color:#82797a;
}

/*****************************
*********MEDIA QUERIES********
*****************************/
@media screen and (max-width:1000px) {

	#side-nav {width:70px;}
	.nav-logo {display:none;}
	ul.nav li {margin-top:20px; width:auto;}
	ul.nav li a {text-indent:-9999px; padding-left:0;}
	.container {padding:0 10px 0 80px;}
	.alpha {padding-left:5px;}
	.omega {padding-right:5px;}
	input[type=submit] {width:75%;}
	h1 {margin:40px 0 20px 0;}
	.cell-id, .cell-custid, .cell-name, .cell-phone, .cell-email, .cell-points, .cell-history, .cell-profile {font-size:0.75em;}

}

@media screen and (max-width:768px) {

	.grid_01, .grid_1-3, .grid_2-3, .input, .value-calc, select, 
	#find-mem .cell-points a.btn, #find-mem .cell-history a.btn, #find-mem .cell-profile a.btn {width:100%;}
	.alpha {padding-left:0;}
	.omega {padding-right:0;}
	label, .results-title {display:none;}
	label.radio-label {display:block;}
	.content {padding:10px;}
	input[type=submit] {width:100%; border:0;	margin-top:10px; margin-left:0;}
	h2.point-balance {text-align:left; top:60px; left:10px; color:#64ce83;}
	h3.point-balance {top: 47px;}
	#points-balance-history {margin-top:70px;}
	#points-balance-history th {font-size:0.875em;}
	select#state {width:50%;}
	.grid_02 {font-size:1em;}
	.cell-id, .cell-custid, .cell-name, .cell-phone, .cell-email, .cell-points, .cell-history, .cell-profile {font-size:1em; float:none; padding:10px 0 0 0; width:100%;}
	.cell-id:before, .cell-custid:before, .cell-name:before, .cell-phone:before, .cell-email:before {font-style:italic; width:25%; float:left; color:#666;}
	.cell-id:before {content:"Member ID:";}
	.cell-custid:before {content:"Customer ID:";}
	.cell-name:before {content:"Name:";}
	.cell-phone:before {content:"Phone:";}
	.cell-email:before {content:"Email:";}

}

@media screen and (max-width:610px) {
	h3.point-balance {text-align:left; top:80px; left:10px;}
	#points-balance-history {margin-top:110px;}
}

@media screen and (max-width:480px) {

	.container {padding:10px 10px 0 10px;}
	#side-nav {right:0; bottom:auto; width:auto;}
	ul.nav li {width:50%; margin-top:0; float:left;}
	ul.nav li a {text-indent:0; padding-left:65px;}
	#top-bar {display:none;}
	#login-container {padding:0 10px 20px 10px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	.cell-id:before, .cell-custid:before, .cell-name:before, .cell-phone:before, .cell-email:before {font-size:.75em; width:80px;}

	/*MOBILE MENU*/
	.notification-menu {
		position: absolute;
		width: 100%;
		top: 0;
	}
	.notification-container {
		height:120px;
		position: absolute;
		width: 100%;
	}
	.notification-menu label {
		cursor: pointer;
		position: absolute;
		z-index: 5;
		display: inline-block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		padding:0;
		border:0;
	}
	.notification-menu label[for=hide] {
		width: 230px;
		height: 50px;
		right: 50%;
		margin-right:-115px;
		top:120px;
		text-indent:0;
		text-align: center;
		color: #ffffff;
		line-height: 50px;
		background: url('../img/nav-hide.png') no-repeat center center #212121;
	}
	.notification-menu label[for=hide]:hover {background-color:#333333;}
	.notification-menu label[for=show] {
		width: 50px;
		height: 50px;
		right: 10px;
		top:10px;
		background: url('../img/show.png') no-repeat center center;
	}

	/* Function */
	.notification-menu input[value=show]:checked ~ label[for=show],
	.notification-menu input[value=hide]:checked ~ label[for=hide],
	.notification-menu input[value=hide]:checked ~ .notification-container {
		-webkit-transition: ease 350ms;
		-moz-transition: ease 350ms;
		-o-transition: ease 350ms;
		transition: ease 350ms;
		
		-webkit-transform: translateY(-800%);
		-moz-transform: translateY(-800%);
		-o-transform: translateY(-800%);
		transform: translateY(-800%);
	}
	.notification-menu input[value=hide]:checked ~ label[for=show],
	.notification-menu input[value=show]:checked ~ label[for=hide],
	.notification-menu input[value=show]:checked ~ .notification-container {
		-webkit-transition: ease 350ms;
		-moz-transition: ease 350ms;
		-o-transition: ease 350ms;
		transition: ease 350ms;
		
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}

	/* Inital Animation */
	@-webkit-keyframes initiate {
	 	0% {transform:translateY(-800%);}
	 	50% {transform:translateY(-400%);}
	 	100% {transform:translateY(0%);}  
	}
	@-moz-keyframes initiate {
	 	0% {transform:translateY(-800%);}
	 	50% {transform:translateY(-400%);}
	 	100% {transform:translateY(0%);} 
	}
	@-o-keyframes initiate {
	 	0% {transform:translateY(-800%);}
	 	50% {transform:translateY(-400%);}
	 	100% {transform:translateY(0%);}  
	}
	@keyframes initiate {
	 	0% {transform:translateY(-800%);}
	 	50% {transform:translateY(-400%);}
	 	100% {transform:translateY(0%);} 
	}



}
@media screen and (max-width:380px) {

	.container {padding:10px 5px 0 5px;}
	#side-nav {position:absolute;}
	ul.nav li {width:100%; float:none;}
	ul.nav li a {padding-left:85px;}
	h2.point-balance {top:90px;}
	h3.point-balance {top:130px;}
	#points-balance-history {margin-top:150px;}
	#login h1 {font-size:2.5em; margin:10px 0 5px 0;}
	#login h2 {font-size:1.5em;}
	#login-pod {padding: 10px 15px;}
	#login-pod img {margin:5px auto 20px auto;}
	#login-pod input[type=submit] {margin:5px 0;}
	.cell-id:before, .cell-custid:before, .cell-name:before, .cell-phone:before, .cell-email:before {font-size:.75em; width:auto; padding-right:4px;}

	.notification-menu label[for=hide] {
		width: 230px;
		height: 50px;
		right: 50%;
		margin-right:-115px;
		top:240px;
		}
	.notification-container {height:240px;}

}