/* CSS snl */
body {
	background-color: #cccccc;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:tahoma;
	font-size:12px;
	color:#666666;
}
.codesample {
	width:580px;
	height:80px;
}
#container {
margin:auto;
width:782px;
}
#background {
background-image:url(design/b_hatter.gif);
}
#background2 {
background-image:url(design/chatter.gif);
}

#tableroot {
width:782px; 
border:0px;
}

#tdleft {
width:162px;
}

#tdcenter {
width:456px;
text-align:center;
}
#tdright {
width:164px;
}

.box {
padding-left:13px;
padding-right:13px;
}
.boxb {
font-family:tahoma;
font-size:15px;
text-align:center;
font-weight:bold;
color:#666666;
}

.boxt {
font-family:tahoma;
font-size:11px;
color:#666666;
}
.bimg {
padding:4px;
}
input, textarea, select {
background-color: #CCCCCC;
border:1px solid #999999;
color: #666666; 
font:10px tahoma;
}

#loginbox {
width:440px;
background-image:url(design/loginbox.gif);
background-repeat:no-repeat;
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#666666;
text-align:center;
}

h2 {
font-size:12px;
text-align:left;
text-transform:uppercase;
/*width:400px;
border-bottom:1px solid #666666;*/
}
h1 {
font-size:12px;
text-align:left;
width:420px;
border-bottom:1px solid #999999;
color:#999999;
padding-bottom:1px;
}

fieldset {
border-bottom:1px solid #999999;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #333333;
}

#background3 {
background-image:url(design/uj2/mkoz.gif);
}
#tdcenter2 {
width:618px;
text-align:center;
}
.doboz {
width:150px;
border:1px solid #a3a3a1;
background-color:#e2e0e0;
}
.bottom:link {
	color: #cccccc;
	text-decoration: none;
}
.bottom:visited {
	text-decoration: none;
	color: #cccccc;
}
.bottom:hover {
	text-decoration: underline;
	color: #ffffff;
}
.bottom:active {
	text-decoration: none;
	color: #cccccc;
}