/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) draft for a central stylesheet
 * (de) Vorlage für ein zentrales Stylesheets
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision: 466 $
 * @lastmodified    $Date: 2010-09-14 21:19:30 +0200 (Di, 14 Sep 2010) $
 */

/* import core styles */
@import url(http://static.fpz.hr/global/css/yaml/core/base.css);

/* import screen layout */
/*@import url(http://static.fpz.hr/global/css/yaml/navigation/nav_shinybuttons.css);*/
@import url(http://static.fpz.hr/kvaliteta/css/forms.css);
@import url(http://static.fpz.hr/kvaliteta/css/basemod.css);
@import url(http://static.fpz.hr/global/css/yaml/screen/content.css);

/* import print layout */
@import url(http://static.fpz.hr/global/css/yaml/print/print_003.css);



/* framework override */


body {behavior: url('__csshover3.htc'); background: transparent url('http://static.fpz.hr/kvaliteta/images/header.png') repeat-x top left; font-family: Tahoma; padding-top: 0;}

tbody tr:hover {background-color: #aaccff;}
h1, h2, h3, h4 {font-family: Tahoma;}
h1 {color: #fff;}
h3 {font-weight: bold;}
h4 {font-weight: bold; margin-bottom: 8px;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus {outline: 0; background-color: transparent;} /* Micemo 2px narancasti outline iz yaml */

table {font-size: 14px;}

/* Layout settings */

/* header */
#header {background-color: #a8d5f2; height: 110px; padding: 0;}
#main {}

#navigation {background-color: #a8d5f2; height: 24px;  margin: 0 0 8px 0; padding: 0;}
#navigation > ul {padding: 0; margin-top: 4px;}
#navigation li {position: relative; float: left; list-style: none; line-height: 24px; padding:0; min-width: 140px;}
#navigation ul > li a {color: #fff; display: block; font-weight: bold; padding: 0 8px; text-decoration:none; text-align: center;}
#navigation li a:hover {color: #98c5e2;}
#navigation li a.active {color: orange;}
#navigation ul ul {background-color: #a8d5f2; position: absolute; top: 24px; visibility: hidden;}
#navigation ul li:hover ul {visibility: visible; z-index: 9999;}


#topnav a {margin-left: 8px;}
#topnav {}
#breadcrumbs {margin-left: 8px;}
#mainContent {margin: 8px;}
#footer {background-color: transparent; border-top: none;}

/*Removes padding and background in yform */
.simplify {border:0; background-color: transparent; margin: 0; padding:0;}


/****** Global stuff ******/

.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignTop {vertical-align: top;}
.alignMiddle {vertical-align: middle;}
.alignBottom {vertical-align: bottom;}

.bar {background-color: #ddd; padding: 0.8em;} /* vertical content bar */

.box, .boxxy {padding: .1em; margin-bottom: .5em;}
.boxxy {background-color: #eee; border: 1px solid #ddd; padding: 8px;  -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;}
.box .label, .boxxy .label {font-weight: bold; font-size: 150%; padding: 4px;}
.box .content, .boxxy .content {padding: .4em;}

.border-radius6 {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.border-radius-upper6 {-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}

.border-top {border-top: 1px solid #bbb;}
.border-bottom {border-bottom: 1px solid #bbb;}

.cursorHelp {cursor: help;}
.cursorPointer {cursor: pointer;}

.floatLeft {display: inline-block;}
.floatRight {float: right;}

.font-italic {font-style: italic;}
.font-larger {font-size: larger;}
.font12 {font-size: 1.2em;}

#globalNotification {display: none; left: 50%; margin-left: -15%; position: fixed; top: 0; width: 30%; z-index: 99999;}
#globalNotificationClose {position: absolute; right: 4px; top: 4px;}
#globalNotificationContent {text-align: left; box-shadow: 5px 5px 5px rgba(0,0,0,0.6); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);}
#globalNotification .active {display: block;}


.hidden {display: none;}
.visible {display: block;}

.quiet {color: #777; font-style: italic;}

.rowActive {background-color: #add5f7;}

.bg0 {background-color: #fff;}
.bg1 {background-color: #ddd;}
.bgGreen {background-color: #ccffcc;}
.bgLtBlue {background-color: #98c5e2;}

.colorBlack {color: #000;}
.colorLtBlue {color: #98c5e2;}

.colorLtBlue-bottom {border-bottom: 1px solid #78a5c2;}

/* Margin around object */
.margin4 {margin: 0.4em;}
.margin-top4 {margin-top: 0.4em;}
.margin-right4 {margin-right: 0.4em;}
.margin-bottom4 {margin-bottom: 0.4em;}
.margin-left4 {margin-left: 0.4em;}

.margin8 {margin: 0.8em;}
.margin-top8 {margin-top: 0.8em;}
.margin-right8 {margin-right: 0.8em;}
.margin-bottom8 {margin-bottom: 0.8em;}
.margin-left8 {margin-left: 0.8em;}

.margin-top12 {margin-top: 1.2em;}

.margin-top16 {margin-top: 1.6em;}
.margin-right16 {margin-right: 1.6em;}
.margin-bottom16 {margin-bottom: 1.6em;}
.margin-right16 {margin-right: 1.6em;}

.margin-top24 {margin-top: 2.4em;}

.margin-top32 {margin-top: 3.2em;}
.margin-left32 {margin-left: 3.2em;}

.margin-left56 {margin-left: 5.6em;}

.margin-left64 {margin-left: 6.4em;}
.margin-right64 {margin-right: 6.4em;}

/**** Object warning/notices. Displays small yellow triangle icon after object ***/
.objectWarning {background: url('http://static.fpz.hr/global/images/icoMessageNotice16.png') no-repeat right top; padding-right: 20px;}

.padding4 {padding: 0.4em;}
.padding-top4 {padding-top: 0.4em;}
.padding-right4 {padding-right: 0.4em;}

.padding8 {padding: 0.8em;}

/***** status colors ****/
.statusError {color: #cc0000;}
.statusSuccess {color: #00cc00;}
.statusInfo {color: #0000cc;}
.statusWarning {color: Orange;}

.strong {font-weight: bold;}

.underline-dashed {border-bottom: 1px dashed;}

/****** Messages (error, notice, success, info) ******/
.error, .notice, .success, .info {border-width: 2px; border-style: solid; margin-bottom:1em; padding:.8em; padding-left: 3.6em; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
.error {border-color:#FBC2C4; color:#8a1f11; background: #FBE3E4 url('http://static.fpz.hr/global/images/icoMessageError24.png') no-repeat scroll 5px center;}
.notice {border-color:#FFD324; color:#514721; background: #FFF6BF url('http://static.fpz.hr/global/images/icoMessageNotice24.png') no-repeat scroll 5px center;}
.success {border-color:#C6D880; color:#264409; background: #E6EFC2 url('http://static.fpz.hr/global/images/icoMessageSuccess24.png') no-repeat scroll 5px center;}
.info {background: #E4E3FF url('http://static.fpz.hr/global/images/icoMessageInfo24.png') no-repeat scroll 5px center; border: 2px solid #c4c2fb; color:#111f8a; margin-bottom: 1em; padding: .8em 0 .8em 36px;}

/*.error, .notice, .success {}
.error {background-color:#FBE3E4; }
.notice {background-color:#FFF6BF;}
.success {background-color:#E6EFC2;}*/
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#111f8a;}
/****** END Messages ****/



/***** widths *****/
.width5 {width: 5%;}
.width10 {width: 10%;}
.width15 {width: 15%;}
.width20 {width: 20%;}
.width25 {width: 25%;}
.width30 {width: 30%;}
.width35 {width: 35%;}
.width40 {width: 40%;}
.width45 {width: 45%;}
.width50 {width: 50%;}
.width55 {width: 55%;}
.width60 {width: 60%;}
.width65 {width: 65%;}
.width70 {width: 70%;}
.width75 {width: 75%;}
.width80 {width: 80%;}
.width85 {width: 85%;}
.width90 {width: 90%;}
.width95 {width: 95%;}
.width100 {width: 100%;}
.widthauto {width: auto;}

/**** Classes for icons that are dimmed and fully shown on hover ****/

.iconDimmed {opacity: 0.4; vertical-align: middle;}
.iconDimmed:hover {cursor: pointer; opacity: 1;}


/****** Tabs ******/

/* root element for tabs  */
ul.tabs {margin:0 !important; padding:0; height:30px; border-bottom:1px solid #5885a2;}
/* single tab */
ul.tabs li {float:left; padding:0; margin:0; list-style-type:none;}
/* link inside the tab. uses a background image */
ul.tabs a {float:left; display:block; padding:5px 30px; text-decoration:none; border:1px solid #5885a2; border-bottom:0px; height:18px; background-color:#efefef; color:#777; margin-right:2px; position:relative; top:1px; outline:0; -moz-border-radius:4px 4px 0 0;}
ul.tabs a:hover {background-color:#F7F7F7; color:#333;}
/* selected tab */
ul.tabs a.current {background-color: #b8e5f2; border-bottom:1px solid #b8e5f2; color:#000; cursor:default;}	
/* tab pane */
.tab-panes div.pane {display:none; border: 1px solid #5885a2; border-width:0 1px 1px 1px; min-height:150px; padding:15px 20px; background-color: #b8e5f2;}


/***** END Tabs *****/

/****** Paging *****/

.paging {}
.paging select {text-align: right; vertical-align: middle; width: 4em;}
.paging #records {cursor: help; font-size: .8em; }

#pagePrev, #pageNext {cursor: pointer; vertical-align: middle;}
#pagePrev[disabled], #pageNext[disabled] {cursor: default;}


.prettyList {}
.prettyList li {margin-top: 1em;}
.prettyList li span {font-weight: bold;}

/* global */

.textLabel {display: block;}
.textValue {display: block; font-weight: bold; margin-bottom: 16px;}

/* Naslovnica */


/****** News display *******/
.News {border: 1px solid #eee; margin: 2px 4px 24px 4px; padding: 8px;}
.NewsTitle {font-size: 1.5em; font-weight: bold;}
.NewsPublished {font-size: 0.8em; padding-bottom: 6px;}
.NewsContent {border-top: 1px solid #eee; padding: 6px 0;}
.NewsFooter {border-top: 1px solid #eee; margin-top: 4px;}
.NewsAttachments {float: right; padding-top: 2px; vertical-align: middle;}
.NewsAttachments ul {margin:0;}
.NewsAttachments li {}
/*



/* Registracija */

#registerForm {margin: 0 128px;}

/* Moji podaci */
#tabMojipodaci {margin: 0 16px;}

/* Kontakt */
#contactText {height: 20em;}