/*---------------------------------------*/
/*  Template created by Tomas Sardyha    */
/*            (  Darsain  )              */
/*     (  http://www.darsain.net/  )     */
/*---------------------------------------*/


/*
 *              Reset
 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family: Arial, Verdana, "Trebuchet MS";
  text-decoration: none;
}

body {

  color: #2b86a4;
  background: url('style/body-bg.gif') repeat-x center top #081821;
}

a, a:link, a:visited { color: #1e596c; text-decoration: underline; }

a:hover { color: #fff; text-decoration: none; }

h1 { font-size: 20px; font-weight: normal; margin: 0 0 5px 0; }

h2 { font-size: 18px; font-weight: normal; }

h3 { font-size: 14px; font-weight: bold; }

/*
 *              Global
 */

.fl {
	position: relative;
	float: left;
	left: 409px;
	top: 28px;

}

.fr {
	position: relative;
	float: right;
	left: 186px;
	top: 3px;


}

.ffix {
  position: relative; clear: both;
  margin: 0; padding: 0; width: 0;
  height: 0; font-size: 0; line-height: 0;
}


/*
 *              Items
 */


#mainwrapper {
  background: url('style/logo.jpg') no-repeat center top;
  
}

#wrapper900 {
  width: 900px; min-width: 900px; max-width: 900px;
  margin: 0 0 20px 0;
}

.ie_visitor { display: none; }

/* ----- Top Bar ----- */

#top { height: 29px; min-height: 29px; max-height: 29px; }

#top .fl { padding: 7px; }

#top .fr { padding: 7px; }

#top img { margin: -3px 0; }



/* ----- Main Menu ----- */

#menu {
  margin: 167px 0 25px 0;
  text-align: center;
}

#menu a, #menu a:link, #menu a:visited {
  padding: 5px 40px 20px 40px;
  margin: 0 -8px;
  color: #13303e;
  background: url('style/menu-link-bg-h.png') no-repeat center top;
  font-family: Sylfaen, "Times New Roman", Verdana;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
}

#menu a:hover {
  color: #50cef7;
  background: url('style/menu-link-bg.png') no-repeat center top;
}


/* ----- Left Menu ----- */


#left-menu {
  float: left;
  margin: 40px 0 0 40px;
  width: 180px; min-width: 180px; max-width: 180px;
}

#left-menu .menu-top {
  height: 56px; min-height: 56px; max-height: 56px;
  background: url('style/left-menu-top.png') no-repeat left top;
}

/*-----*/

#left-menu .menu-bg {
  padding: 0 8px 5px 8px;
  background: url('style/left-menu-bg.png') repeat-y left top;
  text-align: left;
}

#left-menu .menu-bg a, #left-menu .menu-bg a:link, #left-menu .menu-bg a:visited {
  display: block;
  padding: 2px 0 5px 28px;
  margin: 0 0 1px -2px;
  color: #5596c7;
  background: url('style/lm-link-bg.png') no-repeat left bottom;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
}

#left-menu .menu-bg a:hover {
  color: #dceef8;
  background: url('style/lm-link-bg-h.png') no-repeat left bottom;
}

#left-menu .menu-bg2 {
  padding: 0 8px 5px 8px;
  background: url('style/left-menu-bg.png') repeat-y left top;
  text-align: center;
}

/*-----*/

#left-menu .menu-bottom {
  height: 13px; min-height: 13px; max-height: 13px;
  background: url('style/left-menu-bottom.png') no-repeat left top;
}


/* ----- Content box ----- */

#content {
  float: right;
  margin: 0 40px 0 0;
}

#content .content-top {
  width: 621px; min-width: 621px; max-width: 621px;
  height: 42px; min-height: 42px; max-height: 42px;
  background: url('style/content-top.png') no-repeat left top;
}

/*-----*/

#content .content-bg {
  width: 621px; min-width: 621px; max-width: 621px;
  background: url('style/content-bg.png') repeat-y left top;
}

#content .content-bg .in {
  padding: 8px 20px;
  text-align: left;
}

#content .content-bg table {
	border:thin;
}

/*-----*/

#content .content-bottom {
  width: 621px; min-width: 621px; max-width: 621px;
  height: 20px; min-height: 20px; max-height: 20px;
  background: url('style/content-bottom.png') no-repeat left top;
}


/* ----- Footer ----- */

#footer {
  height: 67px; min-height: 67px; max-height: 67px;
  background: url('style/footer-bg.gif') repeat-x center top;
}

#footer .in {
  width: 900px; min-width: 900px; max-width: 900px;
  padding: 20px 0;
}

div.field {
	margin:10pt 0pt 5px 0px;
	overflow:hidden;
	position:relative;
	clear:both;
}

span.field {
	position:relative;
	float:left;
	display:block;
	overflow:hidden;
	height:27px;
	background:url('images/inputl.gif') top left no-repeat;
	width:190px;

}
span.field input {
	margin-left:7px;
	position:relative;*top:-1px;
	border:none;
	padding:6px 6px 5px 3px;
	height:27px;
	width:174px;
	background:url('images/inputr.gif') top right no-repeat;
	background-position: -2px 0 174px;
}

label {
	width:200px;
	position:relative;
	float:left;
	text-align:right;
	margin:4px 10px 0 0;
}
input {
	border:none;
	padding:6px 6px 5px 7px;
}

.button {
	position:relative;
	float:right;
	border:none;
	width:108px;
	height:30px;
	text-align: center;
	padding: 0;
	margin: 0 15px 0 15px;
	filter:progid/**/:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/continue.html');
	background:url('images/continue.html') top no-repeat;
	color: #FFF;
	font-weight: bold;
	cursor:pointer;
	background-image: none;
}

.button[class] {
	background:url('images/continue.html') top no-repeat;
}

.button:hover {
	background:url('images/continue.html') bottom no-repeat;
	color: #FFF;
}

hr.clear {clear:both;border:none;visibility:hidden;}