/* ROOT : CSS */
/* **************************** OVERALL SETTINGS **************************** */


body { font-family: arial,verada,helvetica; font-size: 9pt; color: #404030;  }
body, div, form, table, td, th { margin: 0; padding: 0; border: 0px none; vertical-align: top; }
div { width: 100%; font-align: justify; }

h1 { font-size: 14pt; color: #FF9900; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
h2 { font-size: 12pt; color: #FF9900; font-weight: bold; padding-top: 5px; padding-bottom: 0; }
h3 { font-size: 10pt; color: #FF9900; font-weight: bold; padding-top: 5px; padding-bottom: 0; }
h1 { font-size: 16px; color: #E77817; font-weight: bold; }
h2 { font-size: 14px; color: #E77817; font-weight: bold; }
h3 { font-size: 12px; color: #E77817; font-weight: bold; }
h4 { font-size: 12px; color: #E77817; font-weight: bold; }

hr { color: #EEAA99; background: #EEAA99; border: 0px none; height: 1px; width: 95% }

ul { padding: 0px; margin: 0px; list-style: none; }
ul li { padding: 0px; margin: 0px; list-style: none; padding-left: 15px; background: url('/images/asorange.gif') 5px 5px no-repeat; }
ol li { background: none; }
ul.latestnews { font-size: 11px; }

.inputbox  { color: #B7ADA3; font-size:11px; }

a:link, a:active, a:visited { color: #6D6051; text-decoration: none; }
a:hover { color: 994466; text-decoration: underline; }

.createdate, .modifydate { font-size: 10px; }
.small { font-size: 10px; font-weight: bold; }
.pagenav, a.pagenav { font-size: 11px; }
a:link.readon, a:active.readon, a:visited.readon { float: right; text-decoration: none; font-size: 10px; color: #7D7061; }
a:hover.readon { text-decoration: underline; text-decoration: none; color: #BDB0A1; }

div.back_button { margin-left:0; border: 0px none; width:80px; text-align:center; margin-right:10px; margin-top:10px; margin-bottom:10px }
div.back_button a:link, div.back_button a:visited { color: #AFA898; background: #EFE8D8; font-weight: 10px; border: 1px solid #AFA898; display:block; }
div.back_button a:hover   { color: #8F8878; border-color: #8F8878; background: #FFF8E8; text-decoration: none; }

.GrayBox { background: #F8F8F8; border: 1px #EEEEEE solid; margin-bottom:5px; }

.content_rating img { vertical-align: text-bottom; }
/* --------------------------------------------------------------------------------------------------- */

/* *** LAYOUT TABLES *** */
body { background: #DDDDCC; margin: 10px; }

div.Shade { width: 762px; padding: 10px; background: #CCCCBB; text-align: center; font-size: 8pt; }
	
table.Outline { width: 762px; background: #FFFFFF; border: 1px solid #888866; border-collapse: separate; }
table.Outline td { text-align: justify; }

td.Headrow 	{ border: 1px solid #DDDDCC; height: 50px; background: #FFEEEE url('/images/headlogo.gif') no-repeat left center; text-align: right; }
div.TopNav	{ width: 600px; float:right; }

td.LineL 	{ width: 166px; border: 1px solid #DDDDCC; height: 4px; background:#DD4400; font-size: 4px; padding: 0; }
img.LineL	{ width: 166px; height: 5px; }
td.LineR 	{ width: 578px; border: 1px solid #DDDDCC; height: 4px; background: #EE9933; font-size: 4px; padding: 0; }
img.LineR 	{ width: 578px; height: 5px; }

td.Naslovnica { width: 750px; border: 1px solid #DDDDCC; padding:0px; }
div.Naslovnica{ width: 750px; height: 170px; background: #FFFFFF url('/images/naslovna.jpg') no-repeat left center; }

td.Zaglavlje  { border: 1px solid #DDDDCC; padding:0px; }
div.Zaglavlje { height: 80px; background: #FFFFFF url('/images/zaglavlje.jpg') no-repeat left center; }

td.Left	{ width: 166px; height: 100%; border: 1px solid #DDDDCC; background: #F8E8B8; padding: 3px; }
div.Left	{ width: 160px; overflow: hidden; }
img.Left	{ width:160px; height:1px; }

td.PathWay	{ border: 1px solid #DDDDCC; background: #FFF8E8; padding: 3px; font-size:10px; }
td.Center	{ height: 600px; border: 1px solid #DDDDCC; background: #FFFFFF; padding: 3px; }

td.Right	{ width: 166px; height: 100%; border: 1px solid #DDDDCC; background: #FFEEEE; padding: 3px;}
div.Right	{ width: 160px; overflow: hidden; }
img.Right 	{ width:160px; height:1px; }

td.Footrow 	{ width: 100%; border: 1px solid #DDDDCC; background: #FFF8E8; text-align: center; font-size: 10px; }

img.Middle 	{ width:400px; height: 1px; }


div.DateNow	{ width: 24%; overflow: hidden; padding: 0px; float:right; text-align:right; font-size: 10px; }
div.PathWay	{ width: 75%; overflow: hidden; padding: 0px; float:left;  text-align:left; font-size: 10px; }


/* ***  C  O  N  T  E  N  T  *** */

table.contentpaneopen { border-collapse: separate; border-size: 5px; padding-left: 3px; padding-right: 3px; }
table.contentpaneopen td { padding-left: 5px; padding-right: 5px; }
table.contentpaneopen td.contentheading { font-size: 16px; color: #FF8800; font-weight: bold; text-transform: uppercase; padding-bottom: 10px;}
table.contentpaneopen img { border-color: #D4D0D8}

a:link.contentpagetitle, a:visited.contentpagetitle { text-decoration: none; color: #FF8800; display: block; float: left; }  
a:hover.contentpagetitle { text-decoration: none; color: #FFE8D8; }


/* *** BLOG TABLE *** */
table.blog td { font-size: 11px; color: #998877; padding: 0px; }
table.blog table.contentpaneopen td { padding: 0px; }
table.blog td.contentheading { font-size: 11px; color: #998877; padding: 0px; }

div.componentheading { }
div.componentheading { font-size: 13px; color: #FF8800; font-weight: bold; text-transform: uppercase; padding-top: 8px; padding-bottom: 20px; }

td.buttonheading { padding: 5px; }

span.content_rating, span.content_vote  { padding-left: 15px; }
span.content_vote  { padding-bottom: 15px; margin-bottom: 15px; }
span.content_vote input.button { border-collapse: collapse; border: 1px #B7ADA3 solid; color: #7D7061; font-size:10px; margin:2px; vertical-align: text-bottom; background: #E8E3D9 }

/* ***    M O D U L E T A B L E    *** */
 table.moduletable { border-collapse: separate; border: 1px #EEE8E8 solid; width: 100%; margin:0; margin-bottom: 5px; padding: 0; font-size: 10px; }
 table.moduletable th { text-transform: uppercase; text-align: center; font-size: 11px; color: #998877; background: #EEE8E8; border-bottom: 3px #FFFFFF solid; vertical-align: middle; }
 table.moduletable td { padding-left: 5px; padding-right: 5px; }
 table.moduletable td table { margin: 0px; border: 0px none; }
 table.moduletable td table td { border: 0px none; padding: 0 }
 table.moduletable input.inputbox { border-collapse: collapse; color: #B7ADA3; font-size: 10px; margin:2px; vertical-align: middle; }

 table.moduletable input#mod_login_password,
 table.moduletable input#mod_login_username, 
 table.moduletable input#mod_search_searchword { width: 80px; border: 1px #7D7061 solid; }
 table.moduletable input.button   { border-collapse: collapse; border: 1px #B7ADA3 solid; color: #7D7061; font-size:10px; margin:2px; vertical-align: middle; background: #E8E3D9 }
 table.moduletable form label { font-size: 9px; margin:2px; align: middle;}

 table.moduletable td table td.contentheading { font-size: 12px; text-transform: none; padding-top: 8px; padding-bottom: 8px; }
 table.moduletable td table td.contentheading a.contentpagetitle { font-size: 12px; }
 table.moduletable a.readon { padding-top: 10px;}

 .Right table.moduletable { background: #FFF8F8; border: 1px #BBAAAA solid; width: 100%; margin:0; margin-bottom: 5px; font-size: 11px; }
 .Right table.moduletable th { text-transform: uppercase; text-align: center; color: #FFF8F8; background: #BBAAAA; border-bottom: 3px #FFEEEE solid; }
 .Right table.moduletable td { padding: 0; border: 1px #FFEEEE; }

 .Left table.moduletable { width: 158px; background: #FFF8E8; border: 1px #EFE8D8 solid; width: 100%; margin:0; margin-bottom: 5px; font-size: 11px; }
 .Left table.moduletable th { text-transform: uppercase; text-align: center; color: #8F8078; background: #EFE8D8; border-bottom: 3px #FFFFEE solid; }
 .Left table.moduletable td { padding: 3px; }

 table.moduletable_razmjena { width: 158px; background: #FFF8E8; border: 1px #EFE8D8 solid; margin-bottom: 5px; }
 table.moduletable_razmjena th { text-transform: uppercase; text-align: center; font-size: 11px; color: #998877; background: #EEE8E8; border-bottom: 3px #FFFFFF solid; vertical-align: middle; }
 table.moduletable_razmjena td { padding: 5px; text-align: center; }

/* *** C O M P O N E N T *** */

table.contentpane    { border-collapse: separate; }
table.contentpane ul { margin-top:5px; }

div.sectiontableheader { color: #E77817; border-bottom: 1px #E77817 solid; background: #FFFFFF; font-weight: bold; font-size: 13px; margin-top: 15px; margin-bottom: 15px; text-transform: uppercase;  }

td.sectiontableheader { color: #E77817; background: #FEFAEF; font-weight: bold; padding-left: 5px; }
tr.sectiontableentry1 td { background: #F8F3E9; padding: 2px; border-bottom: 1px solid #FFFFFF; padding-left: 5px; }
tr.sectiontableentry2 td { background: #FEFAEF; padding: 2px; border-bottom: 1px solid #FFFFFF; padding-left: 5px; }
tr.sectiontableentry1 a:link, tr.sectiontableentry2 a:link, tr.sectiontableentry1 a:visited, tr.sectiontableentry2 a:visited 
  { text-decoration: underline; color: #7D7061; }
tr.sectiontableentry1 a:hover, tr.sectiontableentry2 a:hover { color: #B7ADA3; }
a:link.category, a:visited.category { padding-left: 5px; font-weight: bold; letter-spacing: 2px; color: #7D7061; font-weight: bold; text-decoration: none; }
a:hover.category { color: #B7ADA3; }

/* *** POOLS *** */
table.poll td { font-weight: bold; color: #E77817; font-size: 10px; }
table.pollstableborder td label { font-size: 10px; color: #7D7061;  font-weight: normal; }
table.pollstableborder td { vertical-align: middle;  }

.pretext { padding-top: 5px; padding-bottom: 10px; }

/* *** MAIN MENU ITEMS *** */

 table.moduletable_menu { width: 160px; border-collapse: separate; width: 100%; margin:0; padding: 0; margin-bottom:3px; font-size: 10px; }
 table.moduletable_menu { border-bottom: 2px #FFF8E8 solid; }
 table.moduletable_menu th { text-transform: uppercase; text-align: center; color: #FFFFFF; background: #FFCC00 url('../images/headrow.gif') top left repeat-x; border-bottom: 3px #FFFFFF solid; }
 table.moduletable_menu td { padding: 0px; background: #DDDDCC; text-align: left; border-left: 3px #E77817 solid; font-size: 10px;  }
 table.moduletable_menu td table { margin: 0px; border: 0px none; }
 table.moduletable_menu td table td { border: 0px none; padding: 0 }

 table.moduletable_menu td div { width: 155px; }

 table.moduletable_menu td a { display: block; line-height: 15px; border-bottom: 1px #FFFFE8 solid; background: #DDDDCC url('/images/M_images/arrow.png') 3px 2px no-repeat; }
 
 table.moduletable_menu td a:link, 
 table.moduletable_menu td a:visited { text-decoration: none; color: #908070; background-color: #FFF8E8; }
 table.moduletable_menu td a:hover { text-decoration: none; color: #605040; background-color: #EEE8D0; }
 a.mainlevel { font-weight: bold; padding-left: 15px; text-transform: uppercase; }
 a.sublevel  { font-weight: normal; padding-left: 15px; text-transform: none; }
 a.menu#active_menu { text-decoration: none; color: #665544; background-color: #EEE8D8; }


/* *** NAVIGATION BAR *** */
div.TopNav table { border: 0px none; }
ul#mainlevel-nav { list-style: none; }
ul#mainlevel-nav li { float: right; white-space: nowrap; background-image  : url('none'); text-transform: uppercase; font-size: 10px; padding: 0;}
a.mainlevel-nav {  display: block; text-decoration: none; text-decoration: none; }
a:link.mainlevel-nav, a:visited.mainlevel-nav { border-left:1px solid #EECCCC; border-right:1px solid #EECCCC; border-bottom:1px solid #EECCCC; color: #7D7061; padding-top:0; padding-bottom:0; border-top: 0px none;; padding-left:10px; padding-right:10px}
a:hover.mainlevel-nav { color: #000000; background: #EECCCC; border-color:#886666; text-decoration: none; }

/* *** JOM!FISH FLAG IMAGES * ***/
ul.jflanguageselection li a:link img,
ul.jflanguageselection li a:visited img { Filter: Alpha(Opacity=70) Gray ; padding-right: 5px; }
ul.jflanguageselection li a:hover img { Filter: Alpha(Opacity=100); }

/* list-style: pos1 pos2 po3;
 *    parameter:
 *               pos1: none | disc | circle | square
 *               pos2: inside | outside
 *               pos3: none | url('arrow.gif')
 * more info under: http://www.w3schools.com/css/css_list.asp
 */

.sitemap ul { padding: 0px; margin: 0px; list-style: none; }
.sitemap ul li { padding: 0px; margin: 0px; list-style: none; padding-left: 15px; background: url('/images/asorange.gif') 5px 5px no-repeat; }
.sitemap ul.level_0 ul { padding: 0; }
.sitemap ul.level_1 li { padding: 0 0 0 2px; }
.sitemap .active { font-style: italic; }
h2.menutitle { padding:0px; padding-top:8px; padding-bottom:3px; margin:0px;}

/* ***************** LINK EXCHANGE PAGES **************** */
table.linx_table_cat_display td a:link, 
table.linx_table_cat_display td a:link.visited,
table.linx_table_cat_display td a:link.hover { font-weight: bold; }

/* *** LINKMAN FRIENDS *** */

div.Friends { text-align: left; font-size: 11px; margin-bottom: 15px; }
div.Friends p, div.Friends form, div.Friends td, div.Friends td input { font-size: 11px; }
div.FriendsLegals  {  text-align: center; font-size: 9px; margin-bottom: 15px; } 

ul.Friends { list-style: none; padding: 0px; margin: 0px; }
ul.Friends li { padding-left: 8px; padding-top: 0px; margin-bottom: 2px; margin-top: 8px; background: url('layout_images/asred.gif') 2px 4px no-repeat; 
  border-bottom: 1px #f8f8f8 solid; }
a.Friends, a.Friends:visited { color: #000080; font-weight:bold; }
a.Friends:hover { color: Red; }

ul.Friends2 { list-style: none; padding: 0px; margin: 0px; }
ul.Friends2 li { padding-left: 8px; padding-top: 0px; margin-bottom: 2px; margin-top: 8px; background: url('layout_images/asred.gif') 2px 4px no-repeat; 
  border-bottom: 1px #f8f8f8 solid; }
ul.Friends2 li a { color: #006000; font-weight:bold; }