/* Copyright 2004 D-Link Systems, Inc. All Rights Reserved.
-------------------------------------------------------------------------------- */


html, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, td, input, select, textarea
{
	font-family: Tahoma, Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
}


body.login_simple
{
	background-image: url("bg.png");
}


table.login_simple_table
{
	/*background: #202020;*/
	background: white;
	border-spacing: 0;	
	height: 334px;
	position:absolute;
	left: 50%;	
	margin-top: 60px;	
}


@media (max-width: 827px) and (min-width: 480px) {
  table.login_simple_table {
	width: 52%;
    margin-left: -26%;
  }
}


@media (max-width: 479px) {
  table.login_simple_table {
	width: 90%;
    margin-left: -45%;
  }
}


@media (min-width: 828px) {
  table.login_simple_table {
	width: 430px;
    margin-left: -215px;
  }
}


td.login_simple_main_header
{
	height: 28px;
	font-size: 30px;
	font-family: century gothic, Helvetica, Geneva, Arial, sans-serif;
	color: #00B0E2;
	text-align: left;
	padding-left: 15px;
}


td.login_simple_sub_header
{
	height: 14px;
	font-size: 15px;
	font-family: century gothic, Helvetica, Geneva, Arial, sans-serif;
	color: #818181;
	text-align: left;
	padding-left: 15px;
}


tr.table_margin_20px
{
	height: 20px;
}


tr.table_margin_10px
{
	height: 10px;
}

td.login_simple_box_left
{
	width: 4%%;
	background-image: url("login_box_left.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: auto 284;
}


td.login_simple_box_center
{
	width: 100%;
	background-image: url("login_box.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 284;
}

td.login_simple_box_right
{
	width: 4%;
	background-image: url("login_box_right.png");
	background-position: left;
	background-repeat: no-repeat;
	background-size: auto 284;
}

td.login_simple_input_left
{
	width: 15%;
	background-image: url("login_left.png");
	background-repeat: no-repeat;
	background-position: right;
}

td.login_simple_input_center
{
	text-align: left;
	width: 70%;
	background-image: url("login_center.png");
}

td.login_simple_input_right
{	
	width: 15%;
	background-image: url("login_right.png");
	background-repeat: no-repeat;
	background-position: left;
}

input.login_simple_login_button
{
	background-image: url("login_login.png");
	background-repeat: no-repeat;
	height: 34px;
	width: 158px;	
	border: 0px;
	opacity: 0.5;
	font-size: 15px;
	color: #FFFFFF;
}

input.login_simple_input
{
	width:100%; 
	height: 37px; 
	border: 1px solid; 
	border-color: #00B0E2; 
	background-color: transparent; 
	font-size: 15px; 
	padding-left: 5px; 
	outline: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #00B0E2;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #00B0E2;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #00B0E2;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #00B0E2;
}


.login_simple_logo_header
{
	width: 50px;
	height: 50px;
	align-content: center;
}