html {
	min-width: 900px;
}
body {
	margin:0;
	padding:0;
	height:100%;

	font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	vertical-align: baseline;

	min-width: 900px;
}

td { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
th { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; font-weight: bold; }

#container {
   min-height:100%;
   height: 100%;
   position: absolute;
   bottom: 0px;
}

#header {
   background:#ff0;
   padding:10px;
}
#body {
   padding:0px;
   padding-bottom:56px;   /* Height of the footer */
}
.rea-boxfooter {
   /*position:absolute;*/
   
   width:100%;
   height:40px;   /* Height of the footer */


	background: #343434 url(../media/dot.png);
	color: #E9E9E9;
	font-size: 14px;

	overflow: hidden;
	padding: 10px 0px;

	text-shadow: rgba(0, 0, 0, 0.796875) 0px 1px 0px;
	

}
.footer_logo{
	float: left;
	width: 200px;
	height: 40px;
}
.footer_links {
	float: right;
}
.footer_links a.green {
	color: #09C;
	text-decoration: none;
}
.footer_links a.green:visited {
	color: #09C;
}
.footer_links a.green:hover {
	color: #9C0;
}


.rumsm {
	box-shadow: 2px 0px 2px 0px #222222;
}

#notifications {
	background-color: #FBF9EE;
	border: 2px solid #FCEFA1;
	color: #363636;

	padding: 0.8em;

	border-bottom-left-radius: 8px 8px;
	border-bottom-left-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	border-top-left-radius: 8px 8px;
	border-top-left-radius: 8px 8px;
	border-top-right-radius: 8px 8px;
	border-top-right-radius: 8px 8px;

	overflow: hidden;

	margin: 4px 4px 10px 4px;
}
.nt_btr, .nt_btl {
	width: 20px;
	min-height: 100px;
	float: left;
	padding: 2px 4px 2px 4px;
}
.nt_btr {
	float: right;
	border-left: 0px solid #FCEFA1;
}
.nt_btl {
	border-right: 0px solid #FCEFA1;
}

.nt_btr a, .nt_btl a, .nt_btr a:visited, .nt_btl a:visited {
	box-shadow:inset 0px 1px 0px 0px #fceaca;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) );
	background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
	/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41'); */
	background-color:#ffce79;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ce8e28;
}
.nt_btr a:hover, .nt_btl a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeaf41), color-stop(1, #ffce79) );
	background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% );
	/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79'); */
	background-color:#eeaf41;
}
.nt_btr a:active, .nt_btl a:active {
	position:relative;
	top:1px;
}
#nt_cnt {
	float: left;
	padding: 2px 12px 2px 12px;
	width: 80%;
}
#nt_cnt h2 {
	margin: 2px 0px 4px 0px;
}
#nt_nav {
	text-align: center;
}
#nt_nav a {
	background-image: url(/media/ui_navigator.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	height: 8px;
	margin: 3px;
	width: 8px;

	display: inline-block;
}

#nt_nav a.active {
	background-image: url(/media/ui_navigator.png);
	background-repeat: no-repeat;
	background-position: 0px -16px;
}

/*
 * Brilliantly explained here:
 * http://baylorrae.com/creating-a-notification-badge-with-html5-and-css3/
*/

/* make sure the element has position: relative */
[data-badgeno] {
	position: relative;
}

/* append the notification badge after it */
[data-badgeno]:after {

	/* the burger */
	content: attr(data-badgeno);

	/* the fries */
	position: absolute;
	background: red;
	background-image: linear-gradient(left , #DA0800 100%, #DF0801 10%);
	background-image: -o-linear-gradient(left , #DA0800 100%, #DF0801 10%);
	background-image: -moz-linear-gradient(left , #DA0800 100%, #DF0801 10%);
	background-image: -webkit-linear-gradient(left , #DA0800 100%, #DF0801 10%);
	background-image: -ms-linear-gradient(left , #DA0800 100%, #DF0801 10%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(1, #DA0800),
		color-stop(0.1, #DF0801)
	);
	border: 1px solid white;
	border-radius: 50%;
	display: inline-block;
	padding: 0.3em;
	color: #f2f2f2;
	right: -15px;
	top: -15px;
	font-size: xx-small;
	box-shadow: 3px 3px 5px #888888;
}

.ui_icon[data-badgeno]:after {
	right: 5px;
	top: 5px;
}