*
{
	margin: 0;
	padding: 0;
}

html, body
{
	height: 100%;
}

body
{
	overflow-y: scroll;
	font-family: Calibri;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	background-color: #6a96c7;
}

br.clear
{
	clear: both;
}

a
{
	color: #3c4147;
	text-decoration: none;
}

h1
{
	font-size: 30px;
	margin-bottom: 20px;
}

h2
{
	font-size: 22px;
	margin-bottom: 10px;
}

h3
{
	font-size: 18px;
	margin-bottom: 5px;
}

p
{
	margin-bottom: 20px;
}

img
{
	border: 0;
}

table
{
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: 14px;
}


th,td
{
	text-align: left;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

th
{
	background-color: #3c4147;
	border-bottom: 2px solid #3c4147;
}

td
{
	border-bottom: 1px solid #3c4147;
}

tr.invert
{
	background-color: #f7fafc;
	color: #6a96c7;
}

input[type=button], input[type=submit]
{
	background-color: #3c4147;
	color: #f7fafc;
	border: 0;
	border-bottom: 3px solid #f7fafc;
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	cursor: pointer;
	letter-spacing: 1px;
	margin-top: 10px;
}

input[type=button]:hover, input[type=submit]:hover
{
	background-color: #f7fafc;
	color: #3c4147;
	border-bottom: 3px solid #3c4147;
}

input[type=text], input[type=number], input[type=password]
{
	float: left;
	font-family: Calibri;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 3px;
	background-color: #f7fafc;
	border: 0;
	color: #3c4147;
}

input[type=text].errorbg, input[type=password].errorbg
{
	background-color: #F00;
	color: #f7fafc;
}

select
{
	font-family: Calibri;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 3px;
	background-color: #f7fafc;
	border: 0;
	color: #3c4147;
	width: 187px;
}

label
{
	/* padding-right: 10px; */
	float: left;
	width: 130px;
}

label.error 
{ 
	width: auto;
	color: #3c4147;  
	padding-left: 5px;
	vertical-align: top;
	font-weight: normal;
}

div#wrapper
{
	min-height: 100%;
    position: relative;
}

header 
{
	color: #3c4147;
	width: 100%;
	height: 65px;
	position: fixed;
	top: 0;
	background-color: #f7fafc;
}

header img
{
	margin-left: 130px;
	float: left;
}

nav 
{
	margin-right: 130px;  
	float: right;
	height: inherit;
}

nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul li
{
	float: left;
}

nav a
{
	margin-top: 10px;
	margin-left: 25px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	line-height: 52px;
	font-weight: bold;
}

nav a:hover, nav a.active
{
	border-bottom: 3px solid #3c4147;
}

nav a#pull
{
	display: none;
}

section#user
{
	background-color: #263647;
	color: #f7fafc;
	padding-left: 130px;
	padding-right: 135px;
	padding-top: 65px;
	height: 47px;
	line-height: 47px;
	text-align: right;
	font-size: 12px;
}

section#user a
{
	color: inherit;
}

section#user a:hover
{
	color: #6a96c7;
}

section#user form
{
	padding-top: -10px;
}

section#user input[type=text], section#user input[type=password]
{
	float: none;
	margin-right: 10px;
	font-size: 12px;
}

section#user input[type=submit], section#user input[type=button]
{
	font-size: 12px;
	background-color: #263647;
	color: #f7fafc;
	border: 0;
	padding: 0;
	margin-left: 5px;
}

section#main
{
	color: #f7fafc;
	padding-left: 130px;
	padding-right: 130px;
	padding-top: 20px;
	padding-bottom: 80px;
}

section#main div.float_left
{
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}

section#main div.autotrade th, section#main div.autotrade td
{
	width: 110px;
}

section#main div.autotrade thead, section#main div.autotrade tbody
{
	display: block;
}

section#main div.autotrade tbody
{
	height: 300px;
	overflow-y: scroll;
}

section#main div#wdc_buyorders_bter table tr td, section#main div#wdc_buyorders_cryptsy table tr td, section#main div#wdc_profit_snapshot table tr td
{
	text-align: right;
}

section#main span.errormsg
{
	display: inline-block;
	background-color: #263647;
	color: #f7fafc;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
}

footer 
{
	position: absolute;
	bottom: 0;
    background-color: #263647;
	color: #f7fafc;
	text-align: center;
	width: 100%;
	height: 40px;
	font-size: 12px;
}

footer a
{
	color: inherit;
}

@media only screen and (max-width : 1035px) 
{  	 
	nav ul 
	{  
		display: none;  
		height: auto;  
	}  
	
	nav a#pull 
	{  
		display: block;  
		background-color: #283744;  
		width: 100%;  
		position: relative;  
	}  
	
	nav a#pull:after 
	{  
		content: "";  
		background: url('/gfx/icon_nav.png') no-repeat;  
		width: 30px;  
		height: 30px;  
		display: inline-block;  
		position: absolute;  
		rightright: 15px;  
		top: 10px;  
	}  
	
	nav li 
	{  
		display: block;  
		float: none;  
		width: 100%;  
	}  
	nav li a 
	{  
		border-bottom: 1px solid #576979;  
	} 
}