/********/
/* BODY  */
/********/
BODY {
 background-color		: #EFEFEF;
 background-image		: url("pictures/background.jpg");
 color			: #000000;
 font-family		: tahoma, sans-serif;
 font-size			: 8pt;
 margin: 0;
 height: 100%;
 
}
A:LINK {
 background-color		: transparent;
 color			: #4856BB;
 text-decoration		: none;
}
A:VISITED {
 background-color		: transparent;
 color			: #4856BB;
 text-decoration		: none;
}
A:HOVER {
 background-color		: transparent;
 color			: #000000;
 text-decoration		: underline;
}
A:ACTIVE {
 background-color		: transparent;
 color			: #000000;
 text-decoration		: underline;
}
TABLE {
 margin			: 0px;
 padding			: 0px;
 width			: 100%;
}
TD {
 margin			: 0px;
 padding			: 0px;
 vertical-align		: top;
}
FORM {
 margin			: 0px;
 padding			: 0px;
 width			: 100%;
}
INPUT {
 border			: 1px solid #A6A7B0;
 font-family		: tahoma, sans-serif;
 font-size			: 9pt;
 margin			: 0px;
 padding			: 0px;
 vertical-align		: middle;
}
TEXTAREA {
 border			: 1px solid #A6A7B0;
 font-family		: tahoma, sans-serif;
 font-size			: 9pt;
 margin			: 0px;
 padding			: 0px;
}
SELECT {
 border			: 1px solid #A6A7B0;
 font-family		: tahoma, sans-serif;
 font-size			: 9pt;
 margin			: 0px;
 padding			: 0px;
}
IMG {
 border			: 0px solid #000000;
 margin			: 0px;
 padding			: 0px; 
}
P {
 margin			: 0px;
 padding			: 0px;
}
UL {
 margin			: 0px 0px 0px 20px;
 padding			: 0px;
}

/****************/
/* GLAVNA TABELA */
TABLE.main
{
	margin: 2px auto 0 auto;
	width: 960px;
}
TD.main-logo
{
	border				: 1px solid #A6A7B0;
	background-image	: url('pictures/logo/logo-wide-original.jpg');
	background-repeat	: no-repeat;
	width				: 742px;
	height				: 100px;
	position: relative;
}
TD.main-logo A#home
{
	height			: 75px;
	width			: 250px;
	display			: block;
	float			: left;
	margin-top		: 15px;
}
TD.main-logo A#xbox
{
	position: absolute;
	top: 8px;
	right: 11px;
}
TD.main-left
{
	width			: 150px;
}
TD.main-center
{
	width			: 660px;
}
TD.main-right
{
	width			: 150px;
}

/*********/
/* MENIJI */
TABLE.menu-up {
 border			: 1px solid #A6A7B0;
 margin			: 0px 0px 2px 0px;
 height			: 20px;
}
TD.menu-up {
 background-image		: url("pictures/up_gradient.gif");
 color			: #000000;
 font-size			: 10pt;
 height			: 20px;
 text-align		: center;
 vertical-align		: middle;
}
TABLE.menu-down {
 background-color		: #CBCCDA;
 border			: 1px solid #A6A7B0;
 color			: #000000;
 margin			: 0px 0px 4px 0px;
 text-align		: left;
}

/**************/
/* KOMENTARJI */
IMG.icon-comment {
 float			: left;
 height			: 15px;
 width			: 15px;
 margin			: 0px 4px 0px 1px;
}

/*********/
/* FORUM */
/*********/
TABLE.forum {
 background-color		: #A6A7B0;
 color			: #000000;
 text-align		: center;
}
TD.forum {
 background-color		: #CBCCDA;
 color			: #000000;
 padding			: 2px;
 font-weight		: bold;
 vertical-align		: middle;
 height			: 22px;
}
TD.column1 {
 background-color		: #CBCCDA;
 color			: #000000;
 vertical-align		: middle;
 padding			: 4px;
}
TD.column2 {
 background-color		: #E7E7ED;
 color			: #000000;
 vertical-align		: middle;
 padding			: 4px;
}
TABLE.where {
 background-color		: #D8D9E2;
 color			: #000000;
 border			: 1px solid #A6A7B0;
 margin			: 0px 0px 2px 0px;
}
TD.where {
 padding			: 2px 1px 2px 5px;
 vertical-align		: middle;
}
TD.post-left {
 background-color		: #D8D9E2;
 color			: #000000;
 padding			: 2px;
}
TD.post-right-top {
 background-color		: #CBCCDA;
 border-bottom		: 1px solid #A6A7B0;
 color			: #000000;
 height			: 18px;
 vertical-align		: middle;
 padding-right		: 2px;
 padding-top		: 2px;
}
TD.post-right-middle {
 background-color		: #D8D9E2;
 color			: #000000;
 padding			: 6px;
}
TD.post-right-bottom {
 background-color		: #D8D9E2;
 color			: #000000;
 font-size			: 7pt;
 padding			: 10px 0px 0px 0px;
 text-align		: right;
 height			: 18px;
 vertical-align		: middle;
}
.forum-img {
 background-color		: #A6A7B0;
 border			: 1px solid #000000;
 padding			: 2px;
}

/*******************/
/* PRIVAT SPOROCILA */
/*******************/
TABLE.pm {
 background-color		: #A6A7B0;
 color			: #000000;
 text-align		: center;
 margin-bottom		: 4px;
}
TD.pm {
 background-color		: #CBCCDA;
 color			: #000000;
 padding			: 2px;
 font-weight		: bold;
 vertical-align		: middle;
 height			: 22px;
}
TD.col1 {
 background-color		: #D5D5DF;
 color			: #000000;
 vertical-align		: middle;
 padding			: 4px;
}
TD.col2 {
 background-color		: #E7E7ED;
 color			: #000000;
 vertical-align		: middle;
 padding			: 4px;
}
INPUT.pm-checkbox {
 border			: 0px;
}
TD.pm-notviewed {
 background-color		: #FFDFDF;
 color			: #000000;
 vertical-align		: middle;
 padding			: 4px;
}
TD.pm-replyed {
 background-color		: #E1FFD5;
 color			: #000000;
 vertical-align		: middle;
 padding			: 4px;
}
TD.pm-show {
 background-color		: #E7E7ED;
 color			: #000000;
 padding			: 10px;
 text-align		: left;
}
P.pm-re  {
 background-color		: #FFFFFF;
 border			: 1px dotted #000000;
 margin			: 3px 0px 0px 20px;
 padding			: 2px;
}
TD.pm-send {
 background-color		: #E7E7ED;
 color			: #000000;
 padding			: 4px;
 text-align		: center;
}
TD.pm-send-left {
 padding			: 2px;
 text-align		: right;
 width			: 60px;
 vertical-align		: middle;
}
TD.pm-send-right {
 padding			: 2px;
 text-align		: left;
 vertical-align		: middle;
}
TD.pm-send-error {
 background-color		: #FFAEB5;
 color			: #000000;
 padding			: 10px;
 padding-left		: 20px;
 text-align		: left;
}

/********************/
/* ELEMENTI IZ  FORME */
/********************/
.button {
 background-color		: #EEEFF5;
 border			: 1px solid #A6A7B0;
 height			: 19px;
 width			: 90px;
 margin-top		: 2px;
 margin-bottom		: 0px;
 vertical-align		: middle;
}
.input {
 border			: 1px solid #A6A7B0;
 width			: 200px;
}
.radio {
 border			: 0px solid red;
 margin-right		: 10px;
}

.login_input {
 width			: 100px;
}
.admin_input {
 width			: 90%;
}
.admin_text {
 width			: 300px;
}
INPUT.forum-add-button
{
	width		: 80px;
	font-size		: 7pt;
	margin-bottom	: 1px;
}

TD.new-break {
	background-color	: #AACAC9;
	font-size   	: 7pt;
	text-align		: center;
	height		: 15px;
	vertical-align	: middle;
}

TD.user1 {
	background-color	: #D8D9E2;
	padding		: 2px;
	padding-left	: 4px;
	vertical-align	: middle;
}
TD.user2 {
	background-color	: #E6E6F2;
	padding		: 2px;
	padding-left	: 4px;
	vertical-align	: middle;
}

TD.forum-smilie-show-hide
{
	border		: 1px solid #CCCCCC;
	padding		: 10px;
	padding-bottom	: 0px;
	cursor		: pointer;
}


DIV#logo-banner
{
	width			: 468px;
	height			: 60px;
	vertical-align		: middle;
	text-align			: center;
	margin			: 20px 0px 0px 257px;
}


/**
 *
 **/
UL.menu
{
	padding			: 0;
	margin			: 0;
	list-style-type	: none;
	text-align		: left;
}
UL.menu LI
{
	margin			: 0;
	padding			: 0;
	height: 1%;
}
UL.menu LI A
{
	display			: block;
	height: 1%;
	padding			: 1px 0px 1px 5px;
	border-left		: 5px solid #A6A7B0;
}
UL.menu LI A:hover, UL.menu LI A:active
{
	text-decoration		: none;
	color				: #fff;
	background-color	: #333;
	border-left-color	: #F68D00;
}
#chatMessages
{
	height: 400px;
	width: 100%;
	overflow: auto;
	/*overflow: -moz-scrollbars-vertical;*/
}
* html #chatMessages
{
	overflow		: auto;
}


.selected {
	background: #cbccda;
}
#user-update {
	border: 1px solid black;
	background-color: white;
}
#user-update ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#user-update ul li {
	margin: 0;
	padding: 2px 4px;
}

#fog {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/pictures/fog.png') repeat top left; 
	z-index: 5000;
	color: #fff;
}
#fog #fog-text {
	position: absolute;
	top: 45%;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	background: #fff;
	color: #000;
	border: 4px solid #000;
	padding: 15px;
}
* html #fog {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pictures/fog.png', sizingMethod='scale');
}
* html #fog #fog-text a {
	position: relative;
}
