* {
	margin: 0;
	padding: 0;
	font-size: 100%
}

body {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background: #fff
}

img {
	border: 0
}

a {
	color: #00c;
	text-decoration: underline
}

textarea {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 80%;
}

.printed {
	margin: 20px;
}

.strong {
	font-weight: bold;
}

span.missing, span.notvalidated, span.validated {
	font-weight: bold;
}
span.missing {
	color: #f00;
}
span.notvalidated {
	color: #f70;
}
span.validated {
	color: #00f;
}

.status_NEW, .status_CONFIRMED, .status_CONFIRMED_CHANGED, .status_DISAPPROVED,.status_DISABLED{
	font-weight: bold;
}
.status_NEW {
	color: #00f;
}
.status_CONFIRMED {
	color: #0a0;
}
.status_CONFIRMED_CHANGED {
	color: #0aa;
}
.status_DISAPPROVED {
	color: #f00;
}
.status_DISABLED {
	color: #000;
}

.blue {
	color: #00f;
}
.green {
	color: #007f00;
}
.red {
	color: #f00;
}

#page {
	width: 980px;
	margin: 10px auto; 
}

#header {
	position: relative;
	width: 100%;
}

#header #logo {
	padding: 0 0 10px 18px;
}

#header #logo img {
	display: inline
}

#header #header-menu {
	position: absolute;
	top: 0;
	right: 20px
}

#top-menu 		{ background-color: #729DB0; border: 1px solid #B5CFDE; border-width: 1px 0;  text-align: center; margin: 0; padding: -3px 0;}
#top-menu ul	{  list-style: none;  margin: 0; padding: -3px 0;  }

#top-menu ul li 		{ background-color: #DBE8ED; border: 1px solid #B5CFDE; margin: 5px; padding: 3px 5px; display: inline; }
#top-menu ul li a		{ color: black; text-decoration: none; font-weight: bold; }	
#top-menu ul li:hover,
#top-menu ul li.active 	{ background-color: white; }

#main {
	width: 980px;
	margin: 1em 0;
	text-align: left;
	background: transparent url("/img/menu_bg.png") repeat-y 0 0;
}

#left-menu {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

#left-menu-content {
	margin: 0;
	padding: 5px 10px ;
}

#content {
	float:left;
	width: 780px;
	margin: 0;
	padding: 0;
}

.content-nomenu {
	margin: 0px !important;
	padding: 0;
}

#content-content {
	margin: 0;
	padding-left: 10px;
	font-size: 100%;
}

hr.cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}

#main.full #content {
	width: 720px
}

#main #content p {
	margin: 1em;
}

#main #content #cover_tips p {
	margin: 0;
}

#left-menu ul {
	list-style: none;
	margin: 20px 0 0 20px
}

#left-menu ul li {
	margin: 0.5em 0 0;
	padding: 0 0 0 10px
}

#left-menu ul li.active {
	
}

#left-menu ul li a.active {
	color: #000;
	font-weight: bold
}

#left-menu ul ul {
	margin: 0
}

#left-menu h3 {
	margin: 0;
	padding-top: 3px;
	padding-left: 5px;
	margin-bottom: 1em;
}

.left-menu-div {
	border: 1px solid #B5CFDE;
	background: #EEF4F8;
	padding: 10px 10px 10px 10px;
	margin: 10px 0;
	width: 158px;
}

#left-menu .left-menu-div ul {
	list-style: none;
	margin: 0px 0px 0px 8px;
}

#left-menu .left-menu-div ul li {
	margin: 0.5em 0 0;
	padding: 0 0 0 0px
}

#content h1 {
	color: #792D3A;
	font-size: 175%;
	font-weight: normal;
	margin: 0.6em 0 0.3em
}

#content h2 {
	color: #792D3A;
	font-size: 152%;
	font-weight: normal;
	margin: 0.6em 0 0.3em
}

#content h3 {
	color: #792D3A;
	font-size: 132%;
	font-weight: normal;
	margin: 0.6em 0 0.3em
}

#content h4 {
	color: #792D3A;
	font-size: 115%;
	font-weight: normal;
	margin: 0.3em 0 0.3em
}

#content ul,#content ol {
	margin: 1em;
	padding-left: 60px;
}

#content li {
	margin-top: 10px;
}

#footer {
	text-align: right;
	clear: both;
	border-top: 1px solid #B5CFDE;
	font-size: 87%;
	margin: 10px 0;
	padding: 5px 20px 0
}

.no-display {
	display: none;
}

/*  COVER  */
.stickie {
	background-color: #FDFBCD;
	border: 1px solid #FFCC33;
	padding: 3px;
}

#cover_tips {
	background: #FDFBCD url(../../img/cover-tips-bg.gif) bottom left
		no-repeat;
	position: relative;
	width: 500px;
	height: 7em;
	margin: 10px auto;
	padding: 0px;
}

#cover_tips_scroll {
	background: url(../../img/cover-tips-bg-in.gif) 0 0 no-repeat;
	position: absolute;
	list-style-type: none;
	width: 500px;
	height: 7em;
	overflow: hidden;
}

#cover_tips .cover_tips_content {
	position: absolute;
	width: 500px;
	height: 100px;
}

#cover_tips .cover_tips_content p {
	padding: 0 20px 0 0;
}

#cover_tips .cover_tips_content h2 {
	text-indent: 5px;
	font-size: 110%;
	font-weight: bold;
}

#cover_tips .next {
	position: absolute;
	top: 0px;
	right: 5px;
	cursor: pointer;
	color: #00c;
	text-decoration: underline
}

.cover_table {
	width: 500px;
}

.cover_table td {
	text-align: center;
}

.cover_table .tip_image img {
	padding: 3px;
	border: 1px solid #792D3A;
}

/* TABLE */
.grid {
	margin-top: 10px;
	padding: 8px 8px 0px 8px;
	border-collapse: collapse;
	width: 770px; 
}

.grid a {
	color: black;
	font-weight: normal;
}

.fixed {
	table-layout: fixed;
}

.fullsize {
	width: 100%;
}

.grid td {
	border: 1px solid #792D3A;
	padding: 2px 5px;
	vertical-align: middle;
}

.grid .warn {
	background-color: #F5EAE9;
	color: #072837;
}

.grid .err {
	background-color: #B32D23;
	color: #FFFFFF;
	font-weight: bold;
}

.grid .err a {
	color: #FFFFFF;
	font-weight: bold;
}

.grid .spec {
	background-color: #B1CAD5;
	color: #000000;
	padding-left: 1em;
}

.grid .spec a {
	font-weight: bold;
}

.grid .first {
	background-color: #F3F6F7;
}

.grid .second {
	background-color: #E6EBEE;
}

.grid .header,.grid .header a {
	background-color: #DAE5EA;
	color: #055073;
	font-weight: bold;
	text-align: center;
	padding: 0 10px 0 10px;
}

.grid .command {
	background-color: #B1CAD5;
	color: #000000;
}

/* HINTED */
.hinted_table {
	margin-top: 1em;
	width: 100%;
}

.hinted_table tr {
	margin: 10px;
}

.hinted_table h2 {
	padding: 3px 0.5em 6px 25px;
	border-top: 1px solid #39758C;
	background: #EFF7DE;
}

.hinted_table .caption {
	width: 30%;
	padding: 8px 8px 8px 8px;
	font-size: 110%;
	text-align: right;
	vertical-align: top;
}

.hinted_table .input {
	width: 30%;
	vertical-align: middle;
	padding: 8px 8px 8px 8px;
}

.hinted_table .separator {
	height: 2em;
}

.required input,.required textarea {
	border: 1px solid #792D3A;
}

label {
	width:150px;
}


.submit {
	padding: 10px 0 5px 0;
	text-align: right;
}

.submit input {
	padding: 3px 1px 3px 1px;
	font-size: 100%;
	border: 1px solid #792D3A;
	color: #792D3A;
	background-color: #B5CFDE;
	border-right: 1px solid #39758C;
}

.hinted_table .hint {
	width: 40%;
	font-size: 88%;
	color: gray;
	padding: 2px 2px 2px 2px;
	vertical-align: middle;
}

.error {
	background-color: #FFEAEA;
	border: 1px solid #D30000;
	padding: 3px ;
	margin: 10px 0;
}


.clear{ clear: both; }
a.register { display: inline-block; padding: 6px 12px; font-size: 21px; font-weight: bold; border: 1px solid #729DB0; background-color: #FFFFF2; text-decoration: none; color: #055073;}
a.register:hover { background-color: white; border-color: #B5CFDE; }

.gateway_info 			{ margin: 10px 0; }
.gateway_info .key 		{ display: inline-block; width: 200px; text-align: right; padding: 3px 10px 3px 0; color: #792D3A; font-size: 14px; font-weight: bold; }
.gateway_info .value	{ display: inline-block; padding-left: 10px; }


.contacts_column	{ float: left; width: 385px;  margin-bottom: 15px; }

a.pdf_download		{ background: transparent url("/img/pdf.gif") no-repeat scroll; padding-left: 20px; }

.grid td.dotted		{ border-top: 1px dotted black; }
.payouts			{ width: 100%; text-align: center; }
.grid td.topline	{border-bottom: 0px; }
/************************************************* LEFT MENU ***************************** #729DB0 *********** #B5CFDE *********** #EEF4F8 **/
.menu-group			{ border: 1px solid #B5CFDE; background-color: #EEF4F8;  padding: 5px;  margin: 10px 0;}
.menu-group a		{ color: #223F4B;  display: inline-block; margin: 3px 0;}
.menu-group a:hover	{ text-decoration: none; }
.menu-group a.active{ font-weight: bold;}

.menu-group	 .caption	{ font-size: 12px; font-weight: bold; margin-bottom: 5px;  }
.caption-gateway	{ font-weight: bold; text-align: center;  margin: 5px 0;}

/************************************************* FORMS *********************************************************/

fieldset					{ width: 768px; border: 1px solid #808080; margin: 15px 0; }
legend						{ color: #792D3A; font-size: 18px; margin-left: 10px; padding: 3px 6px; }

fieldset fieldset			{ border: 0 none; }
fieldset fieldset legend	{ color: black; font-size: 16px; font-weight: bold; }

label, .label				{ padding-right: 10px; display: inline-block; text-align: right; vertical-align: middle; }
.required					{ font-weight: bold; }
label.inline, .label.inline	{ width: auto; }

input[type="text"],
input[type="password"],
textarea, select			{ border: 1px solid #808080; }
input,textarea, select		{ vertical-align: middle; }

.button, .button-inline		{ border: 1px solid #055073; color: #055073; background-color: #DAE5EA; }
.button						{ padding: 3px 6px; font-weight: bold; }

#LogonForm input			{ width: 158px; }
#LogonForm input.button		{ width: auto; padding: 3px 6px; border: 1px solid #B5CFDE; background-color: #FFFFF6; margin-top: 10px; }


.field						{ width: 750px; margin: 10px 0; padding: 0 9px; }
.field.spaced				{ margin: 20px 0 10px 0; }
.field label, .field .label	{ width: 210px; }
.field input[type="text"],
.field input[type="password"],
.field textarea, 
.field  select				{ width: 248px; }

.field .hint				{ width: 260px; padding-left: 10px; }
.field .checkbox_hint		{ width: 495px; padding-left: 10px; }
.field .long_hint			{ width: 525px; padding-left: 225px; }
.field .line_hint			{ width: auto; padding-left: 5px; }
.field .hint, .field .long_hint, .field .checkbox_hint, .field .line_hint	{ font-size: 11px; color: gray; display: inline-block; vertical-align: middle;}
.field .right_content		{ width: 520px; display: inline-block; vertical-align: middle; }
.field iframe				{ border: 1px solid #808080; width: 100%;}
.field input.margin-left	{ margin-left: 224px; }
.field .comment				{ width: 520px; display: inline-block; vertical-align: middle; }

.buttons					{ width: 770px; text-align: right; margin-top: 10px; }

.button.drop_gateway			{ margin: 20px; padding: 10px 20px; font-size: 16px; width: 100px; cursor: pointer; }

.two_cols_field				{ width: 750px; margin: 10px 0; padding: 0 9px; }
.two_cols_field label		{ width: 100px; padding-left: 10px;}
.two_cols_field input[type="text"],
.two_cols_field textarea, 
.two_cols_field  select		{ width: 180px; }
.two_cols_field .button		{ float: right; }