body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	margin:0;
}

.error-Msg{
	width:98%;
	margin:0 auto 10px auto;
	padding:0;
	border:solid 1px #CC0000; 
	background:#fae3e2;
	color:#CC0000;
	}
	.error-Msg ul{
		margin:0;
		padding:0;
	}
	.error-Msg ul li{
	padding:5px 10px 5px 0;
	margin-left:20px;
	font-size:1.1em;
	background:#fae3e2;
	list-style:square;
	list-style-position:outside;
	text-align:left
	}

#page {  
    max-width: 600px;  
    min-width: 180px;
	margin:0 auto
}
	h1{
		font-size:1.8em;
		margin:0 0 5px 0;
		padding:10px 0 10px 0;
		border-bottom:1px solid #f3f3f3
	}
	.buttonRegister{
		text-align:right;
		overflow:hidden;
		padding:5px
	}
	.buttonCenter{
		overflow:hidden;
		padding:5px;
		text-align:center
	}
	.halfBlock{
		width:50%;
		width:49.9%;
		float:left;
	}
   
/* ie min-width, max-width emulation */  
* html #page {  
    width: expression(Math.max(Math.min((document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth), 600), 180)+'px');  
}
	#page a{
		color:#333;
		text-decoration:underline;
		}
		#page a:hover{
			text-decoration:none;
			}
	.block{
		border:1px solid #f3f3f3;
		margin:5px;
		padding:1px;
		background:#fff;
	}
	.line, .categories{
		width:100%;
		overflow:hidden;
		clear:both;
		padding:0 0 10px 0;
		text-align:left
	}
h2{
	background:#f3f3f3;
	background: -moz-linear-gradient(top, #f7f7f7, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dddddd));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#dddddd'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#dddddd')"; /* IE8 */
	text-shadow:1px 1px 0 #fff;
	padding:5px 0;
	margin:0 0 8px 0;
	position:relative;
	font-size:1.5em;
	vertical-align:top;
	zoom:1
	}
p{
	font-size:1.1em;
	line-height:1.4em;
	margin:0;
	padding:0 0 1em 0;
	}
form, form fieldset{
	padding:0;
	margin:0;
	border:none;
	}
	button{
		margin:0;
		padding:0;
		}
	.checkbox{
		vertical-align:middle;
		*vertical-align:top;
		margin:-2px 2px 0 6px;
		*margin:-3px 1px 0 6px;
		}
	label{
		vertical-align:top;
		font-size:1.1em;
		padding:2px 0 0 0;
		display:-moz-inline-stack;
		display:inline-block;
		*display:inline;
		position:relative;
		zoom:1;
		line-height:1.6em;
		color:#666;
		white-space:nowrap
		}
		.line .labelWrap, .categories .labelWrap{
			width:19%;
			display:block;
			float:left;
			overflow:hidden;
			white-space:nowrap
		}
			.labelWrap label{
				padding:3px 0 0 5px;
				font-weight:bold
			}
		.line .inputWrap{
			width:79%;
			overflow:hidden;
			display:block;
			white-space:nowrap;
			float:right;
			margin:0;
			padding:0;
		}
			.line .inputWrap input{
				width:93%;
				float:right;
				margin-right:5px
			}
	.categoriesWrap{
			width:79%;
			overflow:hidden;
			display:block;
			float:right;
			margin:0;
			padding:0;
	}
		.categoriesList{
			width:93%;
			margin-right:10px;
			float:right;
			border:1px solid #fff
		}
		.categoriesWrap label{
			white-space:normal;
			word-wrap: break-word;
		}
		.categoriesWrap span{
			display:inline-block;
			*display:inline;
			vertical-align:top;
			zoom:1;
			position:relative;
			padding-left:23px;
		}
			.categoriesWrap input.checkbox{
				position:absolute;
				left:0px;
				*left:-6px !important;
				*left:-2px;
				left:-4px\9;
				top:6px;
				*top:4px;
				top:4px\9
			}
	input.text{
		border-color:#7C7C7C #C3C3C3 #DDDDDD;
		border-style:solid;
		border-width:1px;
	}



/*buttons-----------------------------------------------------------------------------------*/
.btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:1.2em/1.25 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
	  zoom:1;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
	  background:#fff;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
	  font-weight:bold;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer;

      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    .primary {
      font-weight:bold;
      color:#000;
      }

/*buttons end-----------------------------------------------------------------------------------------------*/


/*layout 2
--------------------------------------------------*/

.layout2 .line .labelWrap, .layout2 .categories .labelWrap{
	width:100%;
}
.layout2 .line .inputWrap{
	width:100%;
}
.layout2 .line .inputWrap input{
	float:left;
	margin:0 0 0 5px
}
.layout2 .categoriesWrap{
	width:100%;
	float:left;
}
.layout2 .categoriesList {
	border:none;
	float:left;
	width:100%;
	margin:0;
}

/*layout 2
--------------------------------------------------*/

.layout3 .line .labelWrap, .layout3 .categories .labelWrap{
	width:100%;
	text-align:center;
}
.layout3 .line .inputWrap{
	width:100%;
	text-align:center;
}
.layout3 .line .inputWrap input{
	margin:0 0 0 0;
	float:none;
	display:inline-block;
}
.layout3 .categoriesWrap{
	width:100%;
	float:left;
}
.layout3 .categoriesList {
	border:none;
	float:left;
	width:100%;
	margin:0;
	text-align:center
}


/* blue style
--------------------------------------------------*/
.blueStyle .block, .blueStyle h1{
	border-color:#d1e9f5; 
	
}
.blueStyle h2{
	color:#005c8b;
	background:#dfeff7;
	background: -moz-linear-gradient(top, #dfeff7, #c1dfef);
	background: -webkit-gradient(linear, left top, left bottom, from(#dfeff7), to(#c1dfef));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#dfeff7', EndColorStr='#c1dfef'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dfeff7', EndColorStr='#c1dfef')"; /* IE8 */
	text-shadow:1px 1px 0 #fff;
	}
.blueStyle .btn, .blueStyle #page a.btn{
	color:#005c8b;
}

.blueStyle .btn span{
	border-left:1px solid #c1dfef;
	border-right:1px solid #c1dfef;
	background:#dfeff7;
	font-weight:bold;
}
.blueStyle .btn span span {
	border-top:1px solid #c1dfef;
	border-bottom:1px solid #c1dfef;
	border-width:1px 0;
}
/* green style
--------------------------------------------------*/
.greenStyle .block, .greenStyle h1{
	border-color:#93c958; 
	
}
.greenStyle h2{
	color:#305d00;
	text-shadow:1px 1px 0 #e1f1d0;
	background:#cae7aa;
	background: -moz-linear-gradient(top, #cae7aa, #a0cf6e);
	background: -webkit-gradient(linear, left top, left bottom, from(#cae7aa), to(#a0cf6e));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#cae7aa', EndColorStr='#a0cf6e'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cae7aa', EndColorStr='#a0cf6e')"; /* IE8 */
	}
.greenStyle .btn, .greenStyle #page a.btn{
	color:#305d00;
}

.greenStyle .btn span{
	border-left:1px solid #93c958;
	border-right:1px solid #93c958;
	background:#cae7aa;
	font-weight:bold;
}
.greenStyle .btn span span {
	border-top:1px solid #93c958;
	border-bottom:1px solid #93c958;
	border-width:1px 0;
}


/* orange style
--------------------------------------------------*/
.orangeStyle .block, .orangeStyle h1{
	border-color:#fbcd7c; 
	
}
.orangeStyle h2{
	color:#996100;
	background:#ffe8c0;
	background: -moz-linear-gradient(top, #ffe8c0, #fbcd7c);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe8c0), to(#fbcd7c));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe8c0', EndColorStr='#fbcd7c'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe8c0', EndColorStr='#fbcd7c')"; /* IE8 */
	text-shadow:1px 1px 0 #fff5e4;
	}
.orangeStyle .btn, .orangeStyle #page a.btn{
	color:#996100;
}

.orangeStyle .btn span{
	border-left:1px solid #fbcd7d;
	border-right:1px solid #fbcd7d;
	background:#fee7be;
	font-weight:bold;
}
.orangeStyle .btn span span {
	border-top:1px solid #fbcd7d;
	border-bottom:1px solid #fbcd7d;
	border-width:1px 0;
}


/* red style
--------------------------------------------------*/
.redStyle .block, .redStyle h1{
	border-color:#ed1e24;
	background:#ed1e24
}
.redStyle h2{
	color:#996100;
	background:#ffe8c0;
	background: -moz-linear-gradient(top, #ffe8c0, #fbcd7c);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe8c0), to(#fbcd7c));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe8c0', EndColorStr='#fbcd7c'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe8c0', EndColorStr='#fbcd7c')"; /* IE8 */
	text-shadow:1px 1px 0 #fff5e4;
	display:none;
	}
.redStyle .btn, .redStyle #page a.btn{
	color:#ffffff;
}

.redStyle label{
	color:#ffffff;
}

.redStyle .btn span{
	border-left:1px solid #313133;
	border-right:1px solid #313133;
	background:#313133;
	font-weight:bold;
}
.redStyle input.text{
	border:1px solid #951317;
}
.redStyle .btn span span {
	border-top:1px solid #313133;
	border-bottom:1px solid #313133;
	border-width:1px 0;
}