@font-face {
	font-family : 'HP Simplified';
	src         : url('../fonts/HPSimplified_Rg.eot'); /* IE9 Compat Modes */
	src         : url('../fonts/HPSimplified_Rg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/HPSimplified_Rg.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/HPSimplified_Rg.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/HPSimplified_Rg.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/HPSimplified-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
url("../fonts/HPSimplified-Regular.otf") format("opentype"),
}

@font-face {
	font-family : 'Yu Gothic UI Light';
	src         : url('../fonts/YuGothicUI-Light.eot'); /* IE9 Compat Modes */
	src         : url('../fonts/YuGothicUI-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/YuGothicUI-Light.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/YuGothicUI-Light.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/YuGothicUI-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/YuGothicUI-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family : 'HP Simplified Light';
	src         : url('../fonts/HPSimplified_Lt.eot'); /* IE9 Compat Modes */
	src         : url('../fonts/HPSimplified_Lt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/HPSimplified_Lt.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/HPSimplified-Light.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/HPSimplified_Lt.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/HPSimplified-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
url("../fonts/HPSimplified-Light.otf") format("opentype"),
}

@font-face {
	font-family : 'Yu Gothic UI Semibold';
	src         : url('../fonts/YuGothicUI-Semibold.eot'); /* IE9 Compat Modes */
	src         : url('../fonts/YuGothicUI-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/YuGothicUI-Semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/YuGothicUI-Semibold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/YuGothicUI-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/YuGothicUI-Semibold.svg#svgFontName') format('svg'); /* Legacy iOS */
url("../fonts/YuGothicUI-Semibold.otf") format("opentype"),
}

body {
	-webkit-background-size : cover;
	-moz-background-size    : cover;
	-o-background-size      : cover;
	background-size         : cover;
	margin                  : 0;
}

table {
	border-width    : 0;
	width           : 100%;
	border-spacing  : 0;
	border-collapse : separate;
}

td {
	border : medium none;
}

input {
	background-color      : #FFFFFF;
	border                : 1px solid #dddddd;
	font-family           : "Yu Gothic UI Semibold", Helvetica, Arial, sans-serif;
	font-size             : 11pt;
	color                 : #0C48AD;
	padding               : 0 0 0 4px;
	width                 : 100%;
	height                : 40px;
	-webkit-border-radius : 6px;
	-moz-border-radius    : 6px;
	border-radius         : 6px;
}

input[type=radio] {
	background-color : #FFFFFF;
	border           : 1px solid #E9E9E9;
	color            : #0C48AD;
	font-size        : 12pt;
	width            : 20px;
	height           : 20px;
}

.login_seller {
	background : #292D2F url('../images/backgrounds/seller.png') no-repeat fixed center center;
}

.login_supplier {
	background : #292D2F url('../images/backgrounds/supplier.png') no-repeat fixed center center;
}

.login_box_holder {
	display  : table;
	position : relative;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
}

.login_box_container {
	background-color : #292D2F;
	margin           : auto;
	position         : absolute;
	width            : 50%;
	top              : 50%;
	left             : 50%;
	-ms-transform    : translate(-50%, -50%);
	transform        : translate(-50%, -50%);
}

.login_box {
	border-spacing  : 10px;
	border-collapse : separate;
}

.login_box_header {
	width   : 40%;
	padding : 0 0 0 2%;
}

.login_box_logo {
	margin         : auto;
	vertical-align : bottom;
}

.login_form_container {
	width  : 95%;
	margin : auto;
}

.login_form_area {
	background-color : #353A3D;
	padding          : 8px;
}

.login_form_content {
	border-spacing  : 10px;
	border-collapse : separate;
}

.login_form_title {
	font-family : "HP Simplified Light", Helvetica, Arial, sans-serif;
	font-size   : 12pt;
	color       : #E6ECE6;
	width       : 25%;
}

.login_button_holder {
	width  : 95%;
	margin : auto;
}

.login_button_holder {
	padding : 5px;
}

.login_button_container {
	width : 30%;
}

.login_button {
	background-color : #0C48AD;
	position         : relative;
	display          : table;
	width            : 100%;
	height           : 40px;
	text-align       : center;
	cursor           : pointer;
}

.forgot_button {
	position   : relative;
	display    : table;
	width      : 100%;
	height     : 40px;
	text-align : center;
	cursor     : pointer;
}

.login_button_submitter {
	font-family : "HP Simplified", Helvetica, Arial, sans-serif;
	text-align  : center;
	color       : #FFFFFF;
	height      : 40px;
}

.forgot_button_submitter {
	font-family : "HP Simplified", Helvetica, Arial, sans-serif;
	text-align  : center;
	color       : #2987BE;
	height      : 40px;
}

.login_option_holder {
	font-family    : "Yu Gothic UI Semibold", Helvetica, Arial, sans-serif;
	font-size      : 11pt;
	color          : #FFFFFF;
	line-height    : 20px;
	vertical-align : middle;
}

.login_complete_holder {
	position : relative;
	padding  : 5%;
}

.login_complete_message_holder {
	margin                : auto;
	max-width             : 50%;
	height                : 25%;
	background-color      : #FFFFFF;
	-webkit-border-radius : 6px;
	-moz-border-radius    : 6px;
	border-radius         : 6px;
}

/**********************
LOGIN MESSAGE START
**********************/

.login_message_box {
	text-align      : center;
	border-spacing  : 0;
	border-collapse : separate;
	width           : 50%;
	margin-left     : auto;
	margin-right    : auto;
}

.login_message_box_cell {
	padding : 2px;
}

.login_message_header_box_cell {
	padding : 25% 0 0;
}

.login_message_header_container {
	border-spacing  : 0;
	border-collapse : separate;
}

.login_message_header {
	background-color : #292D2F;
}

.login_message_header_container {
	border-spacing  : 0;
	border-collapse : separate;
}

.login_header_logo_container {
	border-spacing   : 0;
	border-collapse  : separate;
	background-color : #292D2F;
	text-align       : center;
}

.login_message_logo_holder {
	margin         : auto;
	text-align     : center;
	vertical-align : bottom;
}

.login_message_header_space {
	width   : 100%;
	padding : 0;
}

.login_message_content_box {
	border-spacing   : 0;
	border-collapse  : separate;
	background-color : #292D2F;
}

.login_message_title {
	background-color : #0C48AD;
	font-family      : "Yu Gothic UI Semibold", Helvetica, Arial, sans-serif;
	color            : #FFFFFF;
	font-size        : 12pt;
	padding          : 12px;
	height           : 40px;
}

.login_message_text {
	font-family : "Yu Gothic UI Semibold", Helvetica, Arial, sans-serif;
	color       : #FFFFFF;
	font-size   : 10pt;
	text-align  : center;
	padding     : 5%;
}

.login_message_back {
	position              : relative;
	background-color      : #0C48AD;
	width                 : 50%;
	opacity               : 100%;
	margin                : 12px auto 5%;
	-webkit-border-radius : 6px;
	-moz-border-radius    : 6px;
	border-radius         : 6px;
}

.login_back_button {
	font-family : "Yu Gothic UI Semibold", Helvetica, Arial, sans-serif;
	font-size   : 10pt;
	text-align  : center;
	color       : #FFFFFF;
	height      : 40px;
}

.message_click {
	color           : #FFFFFF;
	text-decoration : none;
}