/* Pan NGS Imports ---------------------------------------------------- */


@import "/includes/css/reset.css";
@import "/includes/css/modalbox.css";



/* HTML Document ------------------------------------------------------ */


body { background: url(/media/img/bg.gif) #E7E7DE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; margin: 30px auto 0 auto; width: 960px; }



/* Page Structure ----------------------------------------------------- */


#logo             { width: 310px; float: left; margin: 0 0 20px 50px; background: #fff; height: 50px; }


#container        { background: url(/media/img/promo1.jpg) no-repeat right 0; }
#container-home   { background: url(/media/img/promo1-camp.jpg) no-repeat right 0; }
#container-BG     { background: url(/media/img/main-bg.png) repeat-y; }
#extAppCont       { padding: 20px; border-top: solid 10px #000; background: url(/media/img/header.gif) #fff no-repeat 25px 0px; }
#extMicroCont     { border-top: solid 10px #000; background: url(/media/img/header.gif) #fff no-repeat 25px 0px; }


#nav-search       { float: right; width: 588px; margin: 20px 0 100px 0; background: #B2003E; }


#col-left         { float: left; width: 250px; margin: 30px 30px 0 0; }
#col-right        { width: 200px; float: right; padding: 250px 0 0 0; }
#col-mid          { width: 450px; float: left; padding: 250px 0 0 0; }


#col-home-mid     { width: 450px; float: left; margin: 0 0 20px 0; }
#col-home-feature { float: left; width: 675px; height: 300px; margin: 0 0 20px 0; }
#col-home-right   { width: 200px; float: right; }


#col-wide         { float: left; width: 675px; margin: 200px 0 20px 0; background: #fff; background: url(/media/img/header.gif) #fff no-repeat 25px 0px; }


#home-mini        { float: left; margin: 0 20px 0 0; padding: 20px; border-top: solid 5px #000; background: url(/media/img/header.gif) #FFF no-repeat 20px top; }

                  /* Home Mini Column Variables ------------------------*/
				  
				  .HmcA { width: 290px; }
				  .HmcB { width: 150px; }
				  .HmcC { width: 150px; }
				  .HmcD { width: 150px; margin: 0 !important; }


#content          { padding: 20px; border-top: solid 10px #000; background: url(/media/img/header.gif) #fff no-repeat 25px 0px; }
#content-nolnk    { background: #FFF; padding: 20px; border-top: solid 10px #000; background: url(/media/img/header.gif) no-repeat 25px 0px; }


#footer-top       { margin: 20px 0 0 280px; background: #FFF; padding: 20px; }
#footer-btm       { margin-left: 280px; background: #000; color: #FFF; padding: 20px; }


#explore-cat      { float: left; width: 200px; border-top: solid 2px #000; margin: 0 10px 20px 10px; clear: both; }
#explore-subcat   { float: left; width: 390px; border-top: solid 2px #000; margin: 0 10px 20px 10px; }


#uni-nav          { background: url(/media/img/nav-bg.png); border-top: solid 10px #000; padding: 0 0 200px 0; width: 250px; }


#ADBLOK-Nav       { padding: 10px; background-color: #FFF; }


.comment          { background:#fff; border:1px solid #efefef; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:17px 17px 0 17px; line-height:20px; color:#666; }
.comment.alt      { color:#333; }


.categories       { line-height: 25px; margin-left: 25px; color: #666666; }
.categories li    { list-style-type: circle; }



/* Typography --------------------------------------------------------- */


h1                { font: normal 24px Georgia, "Times New Roman", Times, serif; margin: 0 0 30px 9px; }
h2                { font: normal 18px Georgia, "Times New Roman", Times, serif; margin: 0 0 30px 9px; }
h3                { font: bold 14px Georgia, "Times New Roman", Times, serif; color: #333; margin: 10px 10px 10px 9px; }


p                 { margin:0.5em 9px 1.7em 9px; line-height: 20px; color: #666; }

blockquote, q     { quotes:"" ""; }

strong            { font-weight:bold; }

em                { font-style:italic; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }

caption, th, td   { font-weight:normal; text-align:left; }



/* Navigational Elements ---------------------------------------------- */


#content a        { color:#cc3333;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#content a:hover  { color:#993366;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0; }

#footer-top a     { color:#cc3333;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#footer-top a:hover { color:#993366;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0; }

#contentspanels a { color:#cc3333;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#contentspanels a:hover { color:#993366;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0; }

ul#main-nav       { margin: 0px; padding: 0px; }
ul#main-nav li    { list-style:none; border: solid 1px #999; }
ul#main-nav li a  { text-decoration:none; display:block; padding:10px; color:#CC0033; }
ul#main-nav li a:hover { background-color: #CC3366; color: #FFF; }

ul#global-nav     { margin:0; padding:0 0 0 50px; float:left; width:100%; }
ul#global-nav li  { margin:0; padding:0; list-style:none; float:left; margin:0 0.3em 0 0; }
ul#global-nav li a{ text-decoration:none; display:block; padding:10px; color:#FFF; }
ul#global-nav li a:hover { background-color: #84002E; }

#explore ul       { margin: 0; padding: 0; list-style-type: none; }
#explore ul li    { list-style:none; border-bottom: dotted 1px #999; }
#explore ul li ul { visibility: hidden; }
#explore ul li a  { display: block; overflow: auto; /*force hasLayout in IE7 */ color:#CC0033; text-decoration: none; background: #fff; padding: 10px 10px 10px 20px; }
#explore ul li a:visited { color: #990000; }
#explore ul li a:hover { background-color: #CC3366; color: #FFF; }

.suckerdiv ul     { margin: 0; padding: 0; list-style-type: none; width: 250px; }
.suckerdiv ul li  { position: relative; list-style:none; border-bottom: dotted 1px #999; }
.suckerdiv ul li ul { position: absolute; width: 250px; top: 0; visibility: hidden; }
.suckerdiv ul li a { display: block; overflow: auto; /*force hasLayout in IE7 */ color:#CC0033; text-decoration: none; background: #fff; padding:10px 10px 10px 20px; }
.suckerdiv ul li a:visited { color: #990000; }
.suckerdiv ul li a:hover { color: #FFF; background: url(/media/img/menuitem.gif) no-repeat left center #CC3366; }
.suckerdiv .subfolderstyle {}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */




/* Image Positioning, Rules and Clearing ------------------------------ */


img.right         { float: right; margin: 0 0 10px 10px; }

.img-frame        { padding: 2px; border: 1px solid #999999; margin: 5px; }
.img-l-frame      { padding: 2px; border: 1px solid #999999; float: left; margin: 0 5px 5px 0; }
.img-r-frame      { padding: 2px; border: 1px solid #999999; float: right; margin: 0 0 5px 5px; }

.rule             { border: solid 1px #333; height:1px;}

.clear            { clear: both; }



/* HTML Level and Forms ----------------------------------------------- */


table             { border-collapse:separate; border-spacing:0pt; }

#col-mid #form    { background:#f2f6f9; border:1px solid #dceaf9; padding:25px 25px 40px 25px; }
#col-mid label    { display: block; float: left; color:#8c8c8c; text-align: left; width: 90px; padding: 0 20px 0 0; margin: 0 0 10px 0; }
#col-mid textarea { display: block; width: 305px; float: left; margin: 0 0 10px 0; }
#col-mid br.leave { clear: left; }
#col-mid input    { padding:3px; border:1px solid #dceaf9; color:#999; font:12px arial; background:#fff; display: block; width: 170px; float: left; margin: 0 0 10px 0;}
#col-mid textarea {	height:120px; overflow:auto; padding:3px; border:1px solid #dceaf9; background:#fff; color:#999; font:12px arial; }
#col-mid input.komentar { height:32px; background:url(media/img/buttonbg.gif) left bottom repeat-x #fff; border:1px solid #dcedee; padding:10px 20px; color:#5d8fbb; text-transform:uppercase; font: bold 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:100px; cursor:pointer;  margin:0 0 0 110px; }
#col-mid input.komentar { margin:0 0 0 55px; }

.logininput       { padding:3px; border:1px solid #dceaf9; color:#999; font:12px arial; background:#fff; width: 100px; margin: 10px 0; }
.loginBtn         { padding:3px; margin: 10px 0; }
.loginForm        { margin: 10px; }
.loginForm label  { float: left; margin: 0 20px 0 0; color: #333; }

fieldset.event    { border-top: solid 1px #000; margin:0.5em 9px 1.7em 9px; line-height: 20px; clear: both; }
legend.event      { padding: 5px; font: bold 14px Georgia, "Times New Roman", Times, serif; color: #333; margin: 10px 10px 10px 9px; }


/* Tabbed Content Box ------------------------------------------------- */


.guides                   { border-bottom: solid 1px #333333; clear: both; }
.guide-content            { padding:5px; }
.guides-detail            { width: 152px; float: right; padding-left: 4px; margin-left: 4px; border-left: solid 1px #CCCCCC; }
.general-content          { padding: 5px; }
.general-content p        {margin: 0; }
.guides-nav               { width: 300px; }
.guides-navlist           { padding: 0; margin: 0;}
.guides-navlist li        { list-style: none; margin: 0; padding: 5px; border-bottom: 1px solid #E7E7E7; }
.guides-navlist li a      { text-decoration: none; color: #336699; }
.guides-navlist li a:hover{ color:#02364d; border: none; }



.shadetabs                { list-style-type: none; text-align: left; background: url(../images/global/features.jpg) repeat-x #C6CFD8; padding: 30px 0 6px 40px; border-top: solid 1px #333; margin: 0px; border-bottom: solid 1px #B2B2B2; }
.shadetabs li             { display: inline; margin: 0; }
.shadetabs li a           { text-decoration: none; position: relative; z-index: 1; margin: 0 1px 0 0; border: 1px solid #B2B2B2; background: #fff; padding: 6px 40px 6px 14px; }
.shadetabs li a:visited   { color: #336699; }
.shadetabs li a.selected  { border-bottom: #fff; }
.shadetabs li a.selected:hover { text-decoration: none; }
.tabcontent               { display:none; }



/* Barley Global Header ----------------------------------------------- */


#barleyHeader { padding: 20px; background: #fff; height: 50px; margin: 0 0 30px 50px; }
#barleyLogo   { width: 110px; float: left; margin: 0 20px 0 0; }
#barleyNav    { width: 180px; float: left; margin: 10px 0 0 350px; }
#barleySrc    { margin: 15px; }
#barleyID     { width: 50px; float: left; padding: 0 10px 0 10px; margin: 15px 0 0 0; }
#barleyExp    { width: 200px; }
.barleyIDdiv  { border-right: dotted 1px #333; text-align: right;  }

#barleyID a   { color:#cc3333;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#barleyID a:hover  { color:#993366;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0; }

#barleyAdTop  { height: 100px; margin: 0 0 20px 0; text-align: right; }

#barleySrc input { border: solid 1px #000; padding: 6px; margin: 1px 0 0 0; width: 150px; }

#barleyNav ul      { margin: 0; padding: 0; list-style: none; }
#barleyNav ul li   { display: block; position: relative; float: left; }
#barleyNav li ul   { display: none; border-top: solid 5px #000; background: url(/media/img/header.gif) #fff no-repeat 10px 0px; margin: 0; width: 200px; }
#barleyNav ul li a { display: block; text-decoration: none; color: #fff; border-top: 1px solid #fff; padding: 8px 10px 8px 10px; background: #000; margin: 0; white-space: nowrap; }
#barleyNav ul.chat a { display: inline; text-decoration: none; color: #990033; border-top: none; padding: 0px; background: #fff !important; margin: 0; white-space: nowrap; }

#barleyNav ul li a:hover { background: #000; }
#barleyNav  li:hover ul  { display: block; position: absolute; }
#barleyNav  li:hover li  { float: none; }
#barleyNav li:hover a    { background: #000; }
#barleyNav li:hover li a:hover { background: #990033; }
.barleyNavbrdr { margin: 0 1px 0 0; }

#idChat_head   { background: url(/media/barley/barleyChat_hbg.png) repeat-x ; color: #fff; padding: 10px; }
#idChat_ref    { background: #F2F2F2; border-bottom: solid 1px #E0E0E0; padding: 5px 10px 5px 10px; }
#idChat_panel  { background: #fff; padding: 10px; border-bottom: solid 1px #E0E0E0; overflow: auto; }
#idChat_input  { border-bottom: solid 1px #E0E0E0; padding: 5px 10px 5px 10px; }
#idChat_status { background: #F2F2F2; border-bottom: solid 1px #E0E0E0; border-top: solid 1px #fff; padding: 5px 10px 5px 10px; }
#idChat_base   { background: #F2F2F2; border-bottom: solid 1px #E0E0E0; border-top: solid 1px #fff; padding: 5px 10px 5px 10px; margin: 0 0 20px 0; }
.idChat_rt     { float: right; }
.idChat_input input { margin: 0; padding: 5px; height: 20px; }

.barleySiteSrc a        { color:#cc3333;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
.barleySiteSrc a:hover  { color:#993366;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0; }



/* Multi-media Content ------------------------------------------------ */


#mmcontent-cat             { float: left; width: 200px; border-top: solid 2px #000; margin: 0 10px 20px 10px; clear: both; }
#mmcontent-subcat          { float: left; width: 390px; border-top: solid 2px #000; margin: 0 10px 20px 10px; }
#mmcontent-desc            { border-top: solid 5px #000; margin: 0 10px 20px 10px; }
#mmcontent ul              { margin: 0; padding: 0; list-style-type: none; }
#mmcontent ul li           { list-style:none; border-bottom: dotted 1px #999; }
#mmcontent ul li ul        { visibility: hidden; }
#mmcontent ul li a         { display: block; overflow: auto; /*force hasLayout in IE7 */ color:#CC0033; text-decoration: none; background: #fff; padding: 10px 10px 10px 20px; }
#mmcontent ul li a:visited { color: #990000; }
#mmcontent ul li a:hover   { background-color: #CC3366; color: #FFFFFF; }
#content-nolnk             { border-top: solid 10px #000; background: url(/media/img/header.gif) #fff no-repeat 25px 0px; }
#mmcontent-album           { float: left; width: 190px; border-top: solid 2px #000; margin: 0 10px 20px 10px; padding: 5px 0 0 0; }
#mmcontent-album img       { height: 190px; width: 190px; }
#mmcontent-comment         { margin: 0 10px 20px 10px; padding: 40px 0 0 50px; background: url(/media/img/quote.jpg) top left no-repeat; border-top: solid 2px #707070; }
#mmcontent-comment a       { color:#cc3333;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#mmcontent-comment a:hover { color:#993366;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#mmcontent-desc a          { color:#cc3333;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#mmcontent-desc a:hover    { color:#993366;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#mmcontent-gallery a       { color:#cc3333;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#mmcontent-gallery a:hover { color:#993366;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#mmcontent #form a         { color:#cc3333;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0; }
#mmcontent #form a:hover   { color:#993366;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0; }


#barleyCmnt #form          { background:#f2f6f9; border:1px solid #dceaf9; padding:25px 10px 40px 10px; margin: 0 10px 0 10px; }
#barleyCmnt label          { display: block; float: left; color:#8c8c8c; text-align: left; padding-right: 20px; margin: 0 30px 10px 10px; }
#barleyCmnt .type          { display: block; width: 160px; float: left; margin: 10px 0 10px 0; }
#barleyCmnt textarea       { display: block; float: left; margin: 10px 0 10px 0; }
#barleyCmnt br.leave       { clear: left; }
#barleyCmnt input          { padding:3px; border:1px solid #dceaf9; color:#999; font:12px arial; background:#fff; margin: 0; }
#barleyCmnt textarea       { height:120px; overflow:auto; padding:3px; border:1px solid #dceaf9; background:#fff; color:#999; font:12px arial; width: 540px; }
#barleyCmnt input.komentar { height:32px; background:url(/media/img/buttonbg.gif) left bottom repeat-x #fff; border:1px solid #dcedee; padding:10px 20px; color:#5d8fbb; text-transform:uppercase; font: 12px bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:150px; cursor:pointer; margin:0 0 20px 10px; clear: both; }