/************ General page style ************/

body { padding: 10px; margin:0; background: #DDDDCC; }

font,th,td,p,div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

a:link, a:active, a:visited	{ color : #302060; text-decoration: none;}
a:hover 			{ color : #5050A0; text-decoration: none; }

hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

H1 { font-weight: bold; font-size: 22px; 	text-decoration: none; color : #000000; margin: 3px; }
H2 { font-weight: bold; font-size: 18px; 	text-decoration: none; color : #000000; margin: 0px; }
H3 { font-weight: bold; font-size: 14px; 	text-decoration: none; color : #000000; margin: 0px; }

div { float: none; width: 100%; padding:0; margin:0; }


/* *** HEADER.HTML *** */
div#Outline { width: 100%; padding: 0; margin: 0; }
div#Border  { border: 1px solid #888888; padding: 1px; background: #FFFFFF; }

table.Head { width:100%; }
  table.Head td { padding:0; border: 1px #DDDDCC solid;}
  td.NavStrip { padding:0; background: #BBAAAA; color: #FFFFFF; height: 15px; font-size: 9px; }
  td.HeadStrip { height: 64px; background: #FFEEEE; padding:2px; }

  div.HeadNav { height: 14px; color: #444444; background: #FFF8E8; font-size: 11px; }
    ul.topmenu { list-style: none; padding: 0px; margin: 0px; }
    ul.topmenu li { float: left; white-space: nowrap; border-right: 3px solid #FFFFFF; padding: 0px; margin: 0px; }
    a:link.topmenu, a:visited.topmenu, a:active.topmenu { 
	display: block; font-size: 10px; color: #FFAA00; text-decoration: none;
	font-weight: bold; padding: 1px; padding-left: 8px; padding-right: 8px; }
    a:hover.topmenu { color: #003366; background: #FFAA00; text-decoration: none;}


table#OutlineTable { width: 100%; border: 0px; padding: 0; margin: 0; }
  td#LineCenter { height:4px; background: #EE9933; border:1px #333333 solid; }
  td#LineLeft   { height:4px; background: #EE4422; border:1px #333333 solid;  }
  img.Dot       { height:1px; }

  td#OutlineLeft { width: 120px; background: #FFEEEE; border: 1px solid #888888; padding: 5px; }

  table#Razmjena {margin-top:10px;}
  table#Razmjena th { background: #BBAAAA; color: #FFFFFF; }

  table.menu    { width:100%; border-collapse: collapse; padding: 0px; color:#333333; border:1px solid #FFFFFF; background: #FFEEEE; }
  table.menu th { height: 15px; padding-left: 10px; color:#333333; border:1px solid #FFFFFF; font-size:10px; }
  table.menu td { height: 15px; color:#333333; border:1px solid #FFFFFF; font-size:10px; }
  a:link.menu, a:visited.menu { color: #000000; text-decoration: none; display:block; padding-left:10px; }
  a:hover.menu { color: #330088; text-decoration: none; background: #FFEEEE; }

  td#OutlineCenter { padding:10px; padding-top:0; width:100%; background: #FFFFFF;}

/* *** WELCOME MESAGE *** */
table.WelcomeBox { margin: 2px; background: #FFF8E8; border: 1px #DDDDCC solid; width:100%; }
table.WelcomeBox td.box1 { padding: 10px;}
table.WelcomeBox td.box2 { text-align: right; }
table.WelcomeBox img.shout { border: 0 none; float: right; }

/* This is the outline round the main forum tables */
.forumline, .bodyline { background-color: #FFFFFF; border: 1px #333333 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EEEEEE; padding:4px; }
td.row2	{ background-color: #f0f0f0; }
td.row3	{ background-color: #f8f8f8; }


/* This is for the table cell above the Topics, Post & Last posts on the index.php page */
td.rowpic { background: #AAAAAA; /* background-color: #FFFFFF; background-image: url(images/cellpic2.jpg); background-repeat: repeat-y; */ }

/* Header cells - the blue and silver gradient backgrounds */
th { color: #FFFFFF; font-weight: bold; background-color: #FFCC00; background-image: url(images/cellpic3.gif); }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { 	background-color:#AAAAAA; border: #FFFFFF 1px solid; }

/* Setting additional nice inner borders for the main table cells. */
td.cat, td.catBottom { border: 0 none; }
th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR { font-weight: bold; border: #FFFFFF 1px solid; }
td.row3Right,td.spaceRow 	{ background-color: #D1D7DC; border: #FFFFFF 1px solid; }
th.thHead,td.catHead 	{ border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 	{ border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	{ border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  	{ border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  	{ border-width: 0px 1px 1px 1px; }
th.thTop	 		{ border-width: 1px 0px 0px 0px; }
th.thCornerL 			{ border-width: 1px 0px 0px 1px; }
th.thCornerR 			{ border-width: 1px 1px 0px 0px; }

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen, a.genmed, a.gensmall { }
a.gen:hover, a.genmed:hover, a.gensmall:hover	{ }


/* Forum category titles */
td.catHead		{ font-weight: bold; letter-spacing: 1px; color : #333333; background: #DDDDDD; border-bottom: #888888 1px solid; }
td.catHead a		{  }
td.catHead a:hover	{  }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink 		{  }
a.forumlink:hover	{  }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 12px; color : #000000;}
a.nav			{  }
a.nav:hover		{  }


/* titles for the topics: could specify viewed link colour too */
.topictitle		{ font-weight: bold; font-size: 12px; color : #000000; }
a.topictitle:link   	{  }
a.topictitle:visited	{  }
a.topictitle:hover	{  }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 12px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{  }
a.postlink:visited 	{  }
a.postlink:hover 	{  }


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	color: #444444; 
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #333333; text-decoration: none;}

/* Form elements */
input,textarea, select { color : #000000; font: normal 11px; border-color : #000000; }
input.post, textarea.post, select { background-color : #FFFFFF; }
input { text-indent : 2px; }
input.button { background-color : #EFEFEF; color : #000000; font: normal 11px; }
input.mainoption { background-color : #FAFAFA; font-weight : bold; }
input.liteoption { background-color : #FAFAFA; font-weight : normal; }
.helpline { background-color: #DEE3E7; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");