.navbar > li > a {
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 3px 0 2px;
    padding: 5px 11px;
    text-shadow: 0 -1px 2px #000;
    background-repeat: no-repeat;
    background-position: center;
}

.page--userweb #main {
	padding-bottom: 35px; /* height of footer */
}

.page--userweb #main .block {
	display:block;
	height:100%;
	/*
	background:#f7f7f7;
	-moz-box-shadow: 0 0 2px 1px #d3d1d1;
	-webkit-box-shadow: 0 0 2px 1px #d3d1d1;
	box-shadow: 0 0 2px 1px #d3d1d1;
	*/
	/*width:745px;*/
	/*max-width:872px;*/

	width:98%;
	margin:0 auto;
	margin-top:-10px;
	min-height:550px;
}

.page--userweb main a {
	color: #0063cc;
}

.loginbutton {
	display:inline-block;
	/* orange */
	background: #c2dc84; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb763 0%, #d47300 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffb763 0%,#d47300 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffb763 0%,#d47300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb763', endColorstr='#d47300',GradientType=0 ); /* IE6-9 */
	border:1px solid #d47300;

	border-radius:5px;
	padding:5px 12px 5px 12px;
	text-align:center;
	margin-left:35px;
	margin-bottom:10px;
}
.loginbutton_green {
	display:inline-block;
	/* green */
	background: #6a9f45; /* Old browsers */
	background: -moz-linear-gradient(top,  #acd059 0%, #6a9f45 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #acd059 0%,#6a9f45 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #acd059 0%,#6a9f45 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acd059', endColorstr='#6a9f45',GradientType=0 ); /* IE6-9 */
	border:1px solid #6a9f45;
	border-radius:5px;
	padding:5px 12px 5px 12px;
	text-align:center;
	margin-left:35px;
	margin-bottom:10px;
}
.loginbuttonLine1 {
	font-weight:bold;
	font-size:13px;
	color:#444;
	text-align:center;
	text-decoration:none;
}
.loginbutton:hover {
	box-shadow: inset 0px 0px 10px 0px #fff;
}

loginbutton a {
	text-decoration:none !important;
	text-shadow:none;
    font-family: 'Open Sans',sans-serif;
}

loginbutton a:hover {
	text-decoration:underline !important;
}

@media only screen and (max-width: 760px)  {
	.page--userweb #main img {
		max-width:100%;
	}

	/* Force table to not be like tables anymore for smaller screens */
	table, thead, tbody, th, td, tr {
		display: block;
	}
	td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 0;
		padding-bottom:20px;
	}

}