/***************************************************
    CONTENT CSS file for Nova Galerija
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
    
    STRUCTURE:
    01/ TYP 
    02/ SPECIFIC CONTENT
	
***************************************************/

/*
01/ TYP
==================================================*/
#container                   { line-height: 1.5em; }

/*** BASIC TYP. ***/
#container p,#container ul,
#container ol,#container dl,
#container table             { margin: 10px 0; }

/*** HEADINGS ***/
#container h1                { font-size: 1.5em; font-weight: normal; line-height: 1em; margin: 0 0 15px 0; color: #65504e; line-height: 1.1em; }
#container h2                { font-size: 1.3em; font-weight: bold; margin: 10px 0; color: #65504e; line-height: 1.1em; }
#container h3,#container h4,
#container h5,#container h6  { font-size: 1em; font-weight: bold; margin: 10px 0; color: #65504e; line-height: 1.1em; }

/*** LIST ***/
#container ul li    { background: transparent url(../images/layout/bullet.gif) no-repeat 0 8px; padding-left: 15px; margin-left: 10px; }
#container ol li    { list-style: decimal; margin-left: 35px; }
#container ol ol li { margin-left: 25px; }

/*** TABLES ***/
#container table    { margin: 10px 5px; padding: 1px; border-collapse: collapse; }
caption             { font-size: .9em; margin: 0; padding: 0; font-style: italic; }
td, th              { padding: 5px; }
th                  { background: #ccc; text-align: left; color: #333; font-weight: bold; border: 1px solid #666; }
td                  { background: #ededed; border: 1px solid #666;}

#container .blank    { margin-left: 0; margin-right: 0; border: none; }
#container .blank th, 
#container .blank td { font-weight: normal; border: none; background: #ededed; padding: 3px; }

/*** LINKS & IMAGES ***/
#container a        { color: #65504e; text-decoration: underline; }
#container a:hover  { color: #65504e; text-decoration: none; }
#container img      { margin: 0 5px 5px 5px; }


/*
02/ SPECIFIC CONTENT
==================================================*/
a.pdf  { background: transparent url(../images/layout/pdf.gif) no-repeat 0 1px; padding-left: 15px; }
a.word { background: transparent url(../images/layout/word.gif) no-repeat 0 1px; padding-left: 15px; }
.date  { color: #be0e00; }

/*** PHOBS BOOKING FORM ***/
.bookingForm { width: 960px; height: 60px; overflow: hidden; background: #685352; margin: 0; border-top: 1px solid #565450; }
.bookingForm form { height: 100%; overflow: hidden; padding: 5px 20px 20px 0px; }

.formHolder { height: 100%; overflow: hidden; display: inline; float: left; margin: 0 15px 0 10px; }
.bookingForm h2 { font-size: 12px; font-weight: normal; color: #998382; margin: 2px 0 3px 10px;  }
.cancel { padding-top: 2px; }

#phobs_book {
	margin: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding-left: 5px;
	color: #fff;
}

#phobs_book input, #phobs_book select { vertical-align: middle; }

#phobs_book select {
	font: normal 12px Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;
	border: 1px solid #eee;
	margin: 0 2px 0 0;
}
#phobs_book select.small { width: 40px; }
#phobs_book select.large { width: 55px; }

#phobs_book .destination, #phobs_book .hotel {
	width: 135px;
}
#phobs_book .button {
	border: 1px solid #eee;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #eee;
	width: 75px;
}
#phobs_book .access_code {
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 130px;
	border: 1px solid #eee;
	background: #fff;
	margin: 0;
	padding: 1px;
}
#phobs_book a.view_cancel {
	color: #fff;
	text-decoration:underline;
}
#phobs_book a.view_cancel:hover { text-decoration: none; }