<style type="text/css">

body {
font-family: "Graphik","Roboto",arial,helvetica,sans-serif;
-webkit-font-smoothing:antialiased;

}

@font-face {
font-family: Graphik;
src: url("Graphik-Regular.otf") format("opentype");
font-weight:500;
}

@font-face {
font-family: Graphik;
src: url("Graphik-Semibold.otf") format("opentype");
font-weight: 600;
}


#header-tip

{
	
padding:5px;
padding-right:10px;
bbborder: 1px solid gray;
line-height:20px;
	
}
	
	
.email-info-text{
	font-size:21px;
	width:80%;	
	}


#top-ad-box
{
	margin-top:100px;
	}
	
#wrapper {
	font-size: 12px;
	color: #003366;
	margin-bottom: 100px;
	margin-top: 0px;
	padding: 0px;
	
}

#container {
	width: 1250px;
	margin: 0 auto;
	border:0px solid #000;
	text-align:left;
        height:auto;
        font-size: 13px;

}

#logo {
	float: left;
	padding-top:0px;
	margin-top:0px;
}



#nav {
	padding-left: 0px;
	margin-left: 0px;
	margin-top:15px;
	clear:both;
	-webkit-font-smoothing:antialiased;
    font-weight:300;

}



#nav a {
	display: block;
	width: 140px;
	margin-left:65px;
	background-color:#4285F4;
	float: left;
	text-align: center;
	font-size: 24px;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 6px;
	<!--[if IE]>
	padding-bottom: 15px;
    <![endif]-->
}

#logoheader
{
background-color: #EDECEC !important;
margin-left:0px !important;
width: 160px !important;
padding-bottom: 0px !important;
padding-top: 1px !important;
}
	
	

#OLDnav a {
	display: block;
	height: 23px;
	width: 170px;
	float: left;
	text-align: center;
	background-image: url(navtab_blue.gif);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 19px;
	text-decoration: none;
	color: #FFFFFF;
	ccccolor: #369;
	padding-top: 8px;
	padding-left: 2px;
	<!--[if IE]>
	padding-bottom: 15px;
    <![endif]-->
}



#nav a.active {
	color: #369;
	background-color:white;

}

#OLDnav a.active {
	background-image: url(navtab_white.gif);
	background-repeat: no-repeat;
	background-position: center;
	color: #369;
        font-weight:bold;


}



#nav a.latestspecial {
	color: blue;
}


#nav a:hover {

	ccolor: white;
    text-decoration: underline;

}




#cd-selector {
	font-size:10px;
    margin-bottom: 30px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.clearfloatdiv
{
clear:both;	
}

#cd-selector .cd-select-prompt {
	color:blue;
	float:left;
	font-size: 15px;
	font-weight: bold;
}


#cd-selector a {
	display: block;
	float: left;
	text-align: left;
	font-size: 14px;
	text-decoration: none;
	background-color: white;
	color: #00A4E8;
    border:1px solid #00A4E8;
	padding: 6px;
    margin-left:9px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;

}


#cd-selector a.cd-rate-active  {
	bbbackground-color: orange;
    background-color: #00A4E8;
    
    color:white;
    border:1px solid #00A4E8;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;

}

#cd-selector a:hover  {
    background-color: #00A4E8;
    color:white;
    border:1px solid #00A4E8;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;


}


.rbtagline {
float:left;
padding-left:0px;
font-size: 13px;
color: rgb(56,56,56);	
letter-spacing:-0.5px;
}



#bankdetails {
font-size: 16px;
color: black;	
margin-bottom:10px;
line-height:24px;
}


.rounded-corners {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


.niceroundedblueborder{
         border:1px solid #00A4E8;
         background:white;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px;
        margin-bottom: 25px;
        
} 







.rbcolumns {
	text-align:left;
    padding-left: 6px;
	margin-bottom: 120px;
    padding-bottom: 10px;
	background-color:White;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;

}


.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}

/*margin: 0 auto;*/
width:100%;
max-width:1200px;
text-align:left;
*/
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
}

#navigationOLD FOR OLD LEFTNAV {
/*width:260px;*/
width:23%;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
float:left;
margin-top:0%;
margin-left:1%;
margin-right:0%;
background-color:white;
border-right:2px solid #e5e5e5;
}

/* ----- MAIN CONTENT ----- */





h1 {
	font-size: 40px;
    font-weight:300;
	color: #369;
	margin-top: 0px;
	display:inline;
	line-height: 120%;
}

h2 {
	font-size: 18px;
    color: black;
	margin-top: 0px;
    letter-spacing: -0.5px;
	display:inline;
}

h3 {
	font-size: 18px;
    color: #FF7700;
    color: #369;

	margin-top: 0px;
    letter-spacing: -0.5px;
	display:inline;
}


h4 {
	font-size: 14px;
    color: #FF7700;
	margin-top: 0px;
    letter-spacing: -0.5px;
	display:inline;
	font-weight:normal;
}


.selectedrate {
	display:inline;
	margin-left:6px;
	font-size: 26px;
	font-weight: bold;
    color: #FF7700;	
}


.nationally-avail {
	display:inline;
	font-size: 12px;
	color: #999;
}




/* ----- FOOTER ----- */




#footer { 
margin-top:10px;
width:750px;
height:100px;
background-color:#333333;
}




.rbstatline {
/*font-family: "Lucida Grande",Tahoma,Verdana;*/
font-size: 12px;
letter-spacing: -0.5px;
color: green;	
}

.bigstatnumber {
font-size: 16px;
font-weight: bold;
}

.greymenu .headerbar{
font-family: Geneva, Verdana, sans-serif;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 10px; /*31px is left indentation of header text*/
}

.greymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
text-align: right;
margin-right:10px;
margin-top:25px;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}

.greymenu ul li{
padding-bottom: 10px; /*bottom spacing between menu items*/
}

.greymenu ul li a{
font: normal 17px "Lucida Grande",Tahoma,Verdana;
color: blue;
line-height: 25px;
}


.greymenu ul li a.selected{
color: #FF7700;
background-color: #FBF5C8;  
text-decoration: none;
display: block;
}

.greymenu ul li a.cdindented{
font: 14px "Lucida Grande",Tahoma,Verdana;
}





/*.urbangreymenu ul li a:visited{
 *  * color: blue;
 *   * }
 *    * */

/*Hover for Left Nav Links */
.greymenu ul li a:hover{ 
color: #F2F2F2;
width:100%;
background: blue;
}

.gobutton hover{
	color:green;
}


/*
 *  * =DATATABLE
 *   * ======================================================================= */

table.dataTable {
    border:0px solid #ccc;
    border-spacing: 0px;
    border-collapse: collapse;
    llllletter-spacing: -.25px;
	width:100%;
}


	table.dataTable td {

		font:16px;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:1px;
		padding-right:12px;


		vertical-align:left;
		margin-bottom:30px;
		
	}
	

     table.dataTable a  {
	     text-decoration: none;
	 	 color: #369;
	 }
	
     table.dataTable a:hover  {
	     text-decoration: underline;
	 }


     tttable.dataTable a:visited  {
	 	 color: #369;

	 }

/*MANNY NOTE: don't need that much padding on the rate history table because there are A LOT OF ROWS to show to the user */


	table.ratehistoryTable td {
		padding:3px 13px;
	}

    
	
	table.dataTable td.bank-name-clean {
		width:300px;
		font-size: 23px;
		font-weight: 400;
		text-align:left;
		color: #369;
		padding-top:10px;

	}



	table.dataTable td.account-type {

		font-size: 15px; 
		text-align:left;
		color:black; 
	}
	
	table.dataTable td.apy-cell {
		
		padding-top:7px;
		font-size: 23px;
		ffont-family:arial;
		text-align:left;
		color: #369;


	}

	table.dataTable td.usertableactions {
        
		font-size: 13px; 
		text-align:left;
		color:black; 
		line-height: 50%;
	}


	table.dataTable td.usertableactions img {
        
		margin-right:4px;
		
  position: relative;
  /* Adjust these values accordingly */
  top: 5px;
	}

	.upordown {

		font-size: 9px; 
		text-decoration: none;
		text-align:left;
		color:black;
		line-height:50%;
	}



	tttttable.dataTable td.usertableactions a:hover{ /*OLD*/
	color: white;
	background: red;

	}

	table.dataTable td.datechecked {

		font-size: 13px;
		text-align:left;
		color: black;
	}

	table.dataTable th {
    background-color:#e3eff3;
    color:#003366;
    text-align:left;
    white-space:nowrap;
    line-height:100%;
    font-size:16px;  
    margin: 0px 0px 7px 0px;
    padding:4px;  
}

	table.dataTable tr.row-even {
		background-color: white;
		color: black;
		
	}
	
	
	.dataTable .DividerCell hr
	{
	    color:#E0E0E0;
	    height:1px;
	    border-top-style:solid;
	    border-bottom-style:hidden;
	    border-width:1px;
            padding:0px;
	}
	
	


	table.dataTable tr.row-odd {
		background-color: white;
		color: black;
		
	}






#pagewidth{ }

#leftcol{
 width:20%; 
 float:left; 
 position:relative; 
  }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:80%; 
 }



.h-links {
/*font-size:0.75em;*/
text-align:left;
/*width:450px;*/
padding:0; margin:0 auto;
border:dotted #777;
border-width:2px 0px 0px 0px ;
color:#222;
}

.h-links ul {
list-style-type: none;
/*width:450px;*/
margin:0; padding:0;
}

.h-links li {
border-bottom:1px dotted #777;
}

.h-links span{
/*font-size:0.75em;*/
color:#777;
font-weight:normal;
}

.h-links p{
margin:5px 0 0 0; padding:0;
color:#000;
font-weight:normal;
}

.h-links li a {
color: #CC0033;
text-decoration: none;
font-weight:600;
display:block;
padding: 15px 15px 15px 10px;
}

.h-links li:hover{
background: #eee;
}




#adminnav {
width:200px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
float:left;
margin-top:0px;
margin-left:10px;
margin-right:20px;
background-color:white;
border-right:2px solid #e5e5e5;
}

#admincontent {
font-size: 22px;
letter-spacing: -1.0px;
color:#005699;
margin-left: 250px;
width:auto;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
margin-top:20px;
}

.addthis_toolbox .vertical
{
    width: 136px;
    padding: 10px 0 10px 0;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .vertical a
{
    width: 102px;
    padding: 4px 0 4px 34px;
    position: relative;
    display: block;
    text-decoration: none;
    color: blue;
}

.addthis_toolbox .vertical a:hover
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    text-decoration: none;
}

.addthis_toolbox .vertical span
{
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .vertical .more
{
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .vertical .more a
{
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .vertical .more span
{
    display: none;
}

.addthis_toolbox .two_column 
{
    width: 286px;
    padding: 10px 0 10px 0px;
    bborder: 3px solid #eee;
    bbb-moz-border-radius: 5px;
    bbb-webkit-border-radius: 5px;
}

.addthis_toolbox .two_column a 
{
    padding: 4px 0 4px 34px;
    position: relative;
    width: 66px;
    display: block;
    text-decoration: none;
    color: blue;
}

.addthis_toolbox .two_column a:hover
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    text-decoration: none;
}

.addthis_toolbox .two_column span
{
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .two_column  .top
{
    padding: 0 0 10px 0;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
    margin: 0 20px 10px 20px;
}

.addthis_toolbox .two_column  .more
{
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 20px 0 20px;
    text-align: center;
}

.addthis_toolbox .two_column  .more a
{
    padding: 14px 0;
    width: auto;
}

.addthis_toolbox .two_column .more span
{
    display: none;
}

.addthis_toolbox .two_column .column1
{
    width: 130px;
    float: left;
}

.addthis_toolbox .two_column .column2
{
    width: 100px;
    float: left;
}

.addthis_toolbox .two_column .clear
{
    clear: both;
    padding: 0;
    display: block;
    height: 0;
    width: 0;
}


.awesome, .awesome:visited {
	background: #222 url(alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

	.darkblue.awesome, .darkblue.awesome:visited	{ background-color: #031D51; }
	.darkblue.awesome:hover							{ background-color: #031D52; }

.yellowbutton{

bbbbbackground: #FA2 url(http://ratebrain.com/bg-btn-signup_gold.png) repeat-x scroll 0px 0px;
bbbbackground-image: url(http://ratebrain.com/bg-btn-signup_gold.png);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: scroll;
background-position-x: 0px;
background-position-y: 0px;
background-origin: initial;
background-clip: initial;
background-color: #FA2;
border: solid #FA2;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FA2;
border-right-color: #FA2;
border-bottom-color: #FA2;
border-left-color: #FA2;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
color: #333;
display: inline-block;
font: normal normal bold 26px/normal Arial, sans-serif;
margin: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 8px 10px;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
text-align: center;
text-decoration: none;
text-shadow: #FE6 0px 1px 0px;

}


.yellowbutton:hover{
background-color:#8CF500;
cursor: hand;
}

.yellowbutton:hover{background:url("http://ratebrain.com/bg-btn-signup_gold.png") repeat-x scroll 0 -5px #FA2;}

.home_page_new_home_page #profiletext{float:none;}i

.home_page_new_home_page #profilebox{background-color:#fff;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#666;font:15px/20px "Helvetica Neue",Arial,Sans-serif;margin:0 0 15px;padding:15px 25px;zoom:1;}

#profilebox_outer.home_page_control{padding-top:41px;position:relative;margin-top:1em;}

.home_page_control div#profilebutton{float:right;text-align:center;margin-left:50px;}

.home_page_control div#profilebutton small{line-height:1.25em;}

.home_page_control input.profilesubmit{background-color:#74CA00;color:#fff;font-weight:bold;margin:0 0 5px 0;border:1px solid #0f0;width:175px;cursor:hand;}

.home_page_control input.profilesubmit:hover{background-color:#8CF500;}




#nav-fb {
	text-decoration:none;       
    margin-left:20px;
}

#nav-fb a {
	text-decoration:none;
	display:block;
	overflow:hidden;
	padding:10px;
}	

#nav-fb li{
	font-size:18px;
	display: block;
	height: 26px;
	width: auto;
	float: left;
    margin-left:0px;
    margin-right:13px;
	padding:4px;
    padding-top:0px;
	text-align: center;
	font-weight: bold;
	text-decoration:none;
	background-color: #D8DFEA;

}



#nav-fb li a:visited{
color: #3B5998;}


#nav-fb li:hover{
	background-color: #627AAD;
}

#nav-fb li:hover a{
	color: white;
}

#nav-fb li.active:hover a{

		color: #333;
		background-color: white;
		border:none;
}

#nav-fb li.active{
	text-decoration:bold;
	background-color: white;
	border: 1px solid #D8DFEA;
	border-bottom:none;
	
}


#nav-fb li.active a{
color: #333;
}




.button.new-blue, .blue-button, .blue-button:visited, .button:visited.new-blue, .blue-button:visited {
font-family: 'Helvetica Neue', Helvetica, Tahoma, Arial, Verdana, sans-serif;
background: linear-gradient(#5494CF, #2D7DC6);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5494CF), to(#2D7DC6));
background: -webkit-linear-gradient(#5494CF, #2D7DC6);
background: -moz-linear-gradient(#5494CF, #2D7DC6);
background: -ms-linear-gradient(#5494CF, #2D7DC6);
background: -o-linear-gradient(#5494CF, #2D7DC6);
background: linear-gradient(#5494CF, #2D7DC6);
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
color: white;
text-shadow: #3770A8 0px -1px;
border: 1px solid #20619B;
-moz-box-shadow: 0 1px 1px #888;
-webkit-box-shadow: 0 1px 1px #888;
box-shadow: 0 1px 1px #888;
text-decoration:none;
padding:5px;
}

.persist-top10-signup-link:hover
{
opacity:1.0;
}

.persist-top10-signup-link
{
font-size:14px;
font-weight: bold;
opacity:0.9;
background: #d66b6b;
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
box-shadow: 0 3px 4px rgba(128,128,128,.4);
color: #fffdfd;
padding: 7px 7px;
position: fixed;
top: 0px;
right: 0px;
z-index: 1000;
text-decoration: none;
max-width:210px;
text-align: center;
}

/* MA says:  IE had issues with the fixed position and the background color box look was really ugly too */

.persist-top10-signup-link-IE-only

{
font-size:13px;padding:1px;

bbackground: #FEBF02;
bborder: solid 1px #C09A28;
bborder-radius: 0 0 4px 4px;
bbox-shadow: 0 3px 4px rgba(128,128,128,.4);
color: green;
padding: 2px 7px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
ppposition: fixed;
pptop: 0px;
ppright: 0px;
z-index: 1000;


}

