/* 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;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles!
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}  */

#sddm
{	margin: 0px;
	padding: 0px;
	z-index: 30;}

#sddm li
{	margin-right: 5px;
/*	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF; */
	padding: 0px;
	width: auto;
	height: auto;
	list-style: none;
	float: left;
	font: 10px Arial;
	}

#sddm li a
{	display: block;
	margin: 0px;
	padding: 4px 10px;
	background: #000000; /* Tidigare #282828 */
	color: #FFF;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #808080}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	background: #282828; /* Tidigare #282828 */
	border: 0px;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0px;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #282828; /* Tidigare #282828 */
		color: #FFFF00;
		font: 10px Arial}

	#sddm div a:hover
	{	background: #808080;
		color: #FFF}

body
{
background-color: #000000;
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}

h3
{
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
}

h4
{
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

table
{
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}

.test
{
}

tr
{
border-bottom: 1px solid #000000;
}

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

.textinput
{
font-family: Calibri, Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: 170px;
}

.textinput2
{
font-family: Calibri, Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: 80px;
}

.textinput3
{
font-family: Calibri, Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: 42px;
}

.knapp1
{
font-family: Calibri, Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: 70px
}

.knappbred
{
font-family: Calibri, Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: 170px
}

.knappbred2
{
font-family: Calibri, Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: 400px
}

.knappbred3
{
font-family: Calibri, Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width: 375px
}

.textarea
{
font-family: Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
height: 100px;
width: 600px;
}

.textklotter
{
font-family: Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
height: 100px;
width: 400px;
}

.textklotter2
{
font-family: Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
height: 100px;
width: 375px;
}

.textarea2
{
font-family: Verdana;
font-size: 11px;
color: #333333;
border: #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
height: 100px;
width: 170px;
}

.maxim
{
height: 100%;
width: 100%;
}

#maximg
{
height: 680px;
width: 300px;
}

.maximg
{
max-height: 630px;
max-width: 520px;
}

#imgcomments
{
position: absolute;
left: 525px;
top: 0px;
width: 410px;
height: 645px;
overflow: auto;
border-left: 1px solid #6F6F6F;
padding-left: 10px;
}

#usermenu
{
position: absolute;
left: 5px;
top: 75px;
width: 70px;
height: 500px;
border-right: 1px solid #6F6F6F;
}

#usercontent
{
position: absolute;
left: 100px;
top: 60px;
width: 700px;
}

#wallheader
{
float: left;
text-align: left;
width: 600px;
height: 20px;
background: url('images/wallheader.jpg') repeat-x;
padding-top: 3px;
padding-left: 4px;
}

#reg
{
padding-left: 18px;
}

#wallheader2
{
width: 530px;
height: 20px;
background: url('images/wallheader.jpg') repeat-x;
padding-top: 3px;
padding-left: 4px;
}

#wallheader4
{
width: 310px;
height: 20px;
background: url('images/wallheader.jpg') repeat-x;
padding-top: 3px;
padding-left: 4px;
}

#wallheader3
{
/* width: 780px; */
height: 20px;
background: url('images/wallheader.jpg') repeat-x;
padding-top: 3px;
padding-left: 4px;
margin-bottom: 4px;
}

#layout
{
width: 880px;
/* height: 725px */
/* border-right: 1px dashed #FFFFFF;
 *//* border-bottom: 1px solid #808080; */
background: #000000/* url('images/tv.jpg') */;
/* margin-right: auto;
margin-left: auto; */
}

#sidtop
{
position: absolute;
margin: 0px;
padding-top: 70px;
padding-left: 2px;
left: 10px;
top: 20px;
width: 400px;
height: 63px;
background: url('images/karaoketv_web.jpg');
background-repeat: no-repeat;
font-size: 18px;
color: #FFFF00;
}

#login
{
position: absolute;
margin: 0px;
padding: 0px;
left: 480px;
top: 20px;
width: 400px;
height: 63px;
}

#newmenu
{
position: absolute;
margin: 0px;
padding-left: 2px;
padding-top: 10px;
left: 3px;
top: 126px;
width: 45px;
height: 620px;
background: url('images/ktv_menu.png');
background-repeat: no-repeat;
}

#submenu
{
position: absolute;
margin: 0px;
padding-left: 4px;
padding-top: 0px;
left: 48px;
width: 39px;
/* height: 161px; */
background: url('images/ktv_submenu_content.png');
background-repeat: repeat-y;
}

#content
{
position: absolute;
margin: 0px;
padding: 0px;
left: 100px;
top: 110px;
width: 700px;
height: 620px;
overflow: auto;
}

#prevcontent
{
position: absolute;
margin: 0px;
padding: 0px;
left: 10px;
top: 120px;
width: 820px;
height: 620px;
overflow: auto;
}

#reklam
{
position: absolute;
margin-left: 5px;
padding: 0px;
left: 810px;
top: 120px;
width: 300px;
height: 620px;
overflow: auto;
text-align: left;
}

#mail
{
padding: 5px;
border: 1px solid;
border-color: #D8D8D8;
background-color: #3F3F3F;
width: 590px;
}

#mail2
{
padding: 5px;
background-color: #252525;
width: 590px;
}

#newevent
{
border: 1px dotted #FFFFFF;
background-color: #252525;
width: 100px;
padding: 2px;
}