/***************************************************
    PRINT CSS file for Bluesun hotel Bonaca
    Author: WEB Marketing (www.wem.hr)
    Media: Print
    
    STRUCTURE:
    01/ BASIC SETTINGS 
    02/ LAYOUT & CONTENT
    03/ TYP
***************************************************/

/*
01/ BASIC SETTINGS
==================================================*/
*                     { margin: 0; padding: 0; list-style: none; }
body                  { font: normal 9pt Arial, Helvetica, sans-serif; line-height: 1.4em; color: #000; background: #fff; }
a img                 { border: none; }

a                     { outline: none; color: #000; text-decoration: none; }
a img                 { border: none; }
.clear                { clear: both; }

/*** HIDE ***/
.hide,
#logo,
#mainNav,
#mainMenu,
#header,
#nav,
#development,
#topLink,
#secContainer,
#wideBox,
#newsletterHolder,
#pageGallery,
#htz,
#copyright,
.paginator,
.newsNavigator        { display: none !important; }


/*
02/ LAYOUT & CONTENT
==================================================*/
#printlogo      { display: block; margin-bottom: 40px; }
#contactBox     { margin: 40px 0 0 0; padding: 10px; border-top: 1px solid #dff1fb; font-size: 90%; clear: both; }
#contactBox h3  { font-size: 12pt; font-weight: normal; margin: 0 0 5px 0; }

/*** Home ***/
.home h2        { font-size: 11pt; font-weight: bold; }
#homeFirstRow,
#homeSecRow     { clear: both; margin-bottom: 20px; }

#homeFirstRow .box    { display: inline; float: left; width: 160px; overflow: hidden; margin: 0 10px 20px 0; }
#homeFirstRow .box h2 { margin: 0 0 10px 0; padding: 8px; border-bottom: 1px solid #ccc; }
#homeFirstRow .box img{ width: 160px; }

#homeSecRow .box      { display: inline; float: left; width: 290px; margin: 0 20px 20px 0; }
#homeSecRow .box img  { float: left; margin: 0 10px 0 0; }
#homeSecRow .box h2,
#homeSecRow .box ul,
#homeSecRow .box li   { overflow: hidden; margin: 0; padding: 0; }

/*** News ***/
.newsItemsHolder            { clear: both; margin-bottom: 20px; }
.newsItemsHolder .box       { display: inline; float: left; width: 290px; margin: 0 20px 20px 0; }
.newsItemsHolder .box img   { float: left; margin: 0 10px 0 0; }
.newsItemsHolder .box .date { display: block; }

#newsIntro        { clear: both; margin-bottom: 20px; font-weight: bold; }
#newsIntro .date  { display: block; }
#newsIntro img    { float: left; margin: 0 10px 20px 0; }
#entireNews       { clear: both; margin-top: 20px; }

/*** Gallery ***/
.galleryListItem       { display: inline; float: left; width: 127px; margin: 0 20px 20px 0; }
.galleryListItem img   { display: block; margin: 0 0 5px 0; }
.galleryListItem ul    { padding: 0; margin: 0; }
.galleryListItem ul li { list-style: none; margin: 0; padding: 0; }

.galleryImage          { display: inline; float: left; width: 127px; margin: 0 20px 20px 0; }
.galleryImage .zoom    { display: none; }

/*** Search results **/
#mainSearchFormHolder                 { display: none !important; }

#searchResultsWrapper h2,
#searchResultsWrapper h3,
#searchResultsWrapper h4              { clear: none; }
#searchForTerm                        { margin: 0 0 25px 0; font-size: 1.3em; }
#searchResultsWrapper div.searchResult{ margin: 20px 0 20px 0; }
#searchResultsWrapper div.no          { display: inline; float: left; width: 30px; margin: 0 10px 0 0; padding-bottom: 2px; text-align: right; }
#searchResultsWrapper div.title       { display: inline; float: left; font-weight: bold; padding-bottom: 2px; }
#searchResultsWrapper div.description { clear: both; padding: 2px 0 2px 40px; }
#searchResultsWrapper div.url         { padding-left: 40px; font-size: .9em; font-style: italic; }
.searchTime                           { font-size: 10px; color: #01213b; }
#searchNotice                         { font-size: 11px; }
a span.highlight                      { background: #e7f4fc; text-decoration: underline; }
a:hover span.highlight                { background: #e7f4fc; text-decoration: underline; }
#searchLoader,
#searchLoader *                       { text-align:center; border: none; }


/*** Forms - basic ***/
.basicForm fieldset                   { border: none; }
.basicForm legend                     { display: none; }

.basicForm div.input,
.basicForm div.date,
.basicForm div.textarea,
.basicForm div.select,
.basicForm div.radio,
.basicForm div.checkbox,
.basicForm div.file                   { clear: both; padding: 10px 0 10px 0; }

.basicForm div.input input,
.basicForm div.date input,
.basicForm textarea,
.basicForm select,
.captchaInput input                       { font: normal 12px Arial, Helvetica, sans-serif; background: #fff; color: #333; border: 1px solid #aec3d9; padding: 3px; margin-right: 5px; }

.basicForm div.input input:focus,
.basicForm div.date input:focus,
.basicForm textarea:focus,
.basicForm div.captchaInput input:focus   { background: #f5f7fa; border-color: #aec3d9; }

.basicForm div.input label,
.basicForm div.date label,
.basicForm div.textarea label,
.basicForm div.select label,
.basicForm div.file label                 { display: block; float: left; width: 120px; padding-top: 2px; margin-right: 10px; text-align: right; vertical-align: middle; color: #01213b; }

.basicForm div.date img                   { position: relative; top: 2px; }

.basicForm div.input input.readonly       { background: #f5f5f5; border: 1px solid #ccc; color: #ccc; }
.basicForm div.input input                { width: 230px; }
.basicForm div.input select               { width: 240px; }
.basicForm div.input input.small          { width: 20px; }
.basicForm div.input select.small         { width: 55px; }

.basicForm div.captchaInput input         { width: 100px; }

.basicForm div.textarea label,
.basicForm textarea                       { vertical-align: top; }
.basicForm .textarea textarea             { width: 230px; height: 100px; overflow: hidden; }
.basicForm .select select option          { padding-right: 10px; padding-left: 2px; margin-bottom: 2px; }

.basicForm .captchaWrapper                { clear: both; margin: 10px 0 0 130px; }
.basicForm .captchaImageWrapper img       { display: block; margin: 0 0 5px 0; padding: 0 0 0 0; border: none; }
.basicForm .submit                        { padding: 10px 0 10px 130px; }
.errorMessage                             { color: #cc0000; font-size: 10px; }

.captchaInput                             { margin-top: 10px; margin-bottom: 20px; }
.captchaInput label                       { display: block; margin-bottom: 3px; }
.captchaInput input                       { display: block; }

.notice                                   { margin: 0 0 20px 130px; }

.checkboxWrapper                          { clear: both; padding: 10px 0; }
.checkboxTitle                            { display: inline; float: left; width: 120px; margin-right: 10px; text-align: right; }
.checkboxWrapper input                    { vertical-align: middle; margin-right: 5px; }
.basicForm .checkboxButtons label         { margin: 0 10px 0 0; }
.checkboxButtons                          { display: inline; float: left; line-height: 1.6em; }
.checkboxButtons input                    { vertical-align: middle; }

.basicForm img                            { margin: 0; padding: 0; border: none; }

/*** Advanced forms ***/
.advancedForm table                       { margin: 20px 0 0 0; padding: 0; border: none; background: #fff; border-collapse: separate; }
.advancedForm th,
.advancedForm td                          { border: none; border-bottom: 1px solid #fff; background: none; padding: 0 10px 5px 0; background: #fff; overflow: visible; vertical-align: top; }
.advancedForm th                          { padding: 5px; border-bottom: 2px solid #fff; text-align: left; background: none; }

.advancedForm .labelTD                    { padding: 5px; text-align: right; }
.advancedForm th.labelTD                  { border-bottom: 5px solid #fff; }
.advancedForm .center                     { text-align: center; }
.advancedForm th.middle,
.advancedForm td.middle                   { vertical-align: middle; }

.advancedForm fieldset                    { clear: both; padding: 0 20px 20px 20px; border: 1px solid #d8e4f1; margin: 0 0 15px 0; }
.advancedForm legend                      { font-size: 1.1em; font-weight: normal; background: #fff; padding: 0 10px; color: #669ee4; }
.advancedForm legend span                 { font-size: .8em; font-weight: normal; }

.advancedForm input,
.advancedForm select,
.advancedForm textarea                    { font: normal 11px Arial, Helvetica, sans-serif; color: #333; border: 1px solid #aec3d9; margin: 0 1px; }

.advancedForm input                       { padding: 4px; width: 130px; }
.advancedForm input.large                 { width: 280px; }
.advancedForm select                      { padding: 4px; width: 140px; }
.advancedForm textarea                    { width: 130px; height: 60px; overflow: auto; padding: 4px; }
.advancedForm textarea.large              { width: 280px; }
.advancedForm textarea.blue               { width: 280px; background: #f6fbff; }
.advancedForm textarea.small              { height: 30px; }

.advancedForm input:focus,
.advancedForm textarea:focus,
.advancedForm .captchaInput input:focus   { background: #f5f7fa; border-color: #aec3d9; }

.advancedForm .radio input                { border: none; width: auto; margin: 0 0 0 10px; }
.advancedForm .terms                      { padding: 0; margin: 20px 0 20px 5px; }
.advancedForm .terms label                { width: 600px; display: block; float: left; margin-bottom: 20px }
.advancedForm .terms .checkbox input      { border: none; width: auto; margin: 3px 10px 0 0; float: left; }
.advancedForm input.file                  { margin-left: 5px; margin-top: 20px; }

.advancedForm .checkbox input,
.advancedForm .input .checkbox input      { border: none; width: auto; margin: 3px 10px 0 0; }

.advancedForm .captchaWrapper             { width: 162px; margin: 0 0 20px 30px; clear: both; }
.advancedForm .captchaWrapper img,
.captchaWrapper img                       { border: none; margin: 0 0 5px 0; padding: 0; }
.advancedForm .captchaInput               { margin-top: 5px; }

.advancedForm .submit                     { margin: 0 0 0 30px; }
br.hide                                   { display: none; }

/*
03/ TYP
==================================================*/
h1                    { font-size: 16pt; font-weight: normal; margin-top: 20px; margin-bottom: 25px; color: #333; }
h2                    { font-size: 12pt; font-weight: normal; margin: 20px 0 10px 0; color: #333; }
h3                    { font-size: 12pt; font-weight: bold; margin: 20px 0 10px 0; color: #333; }
h4, h5, h6            { font-size: 12pt; font-weight: bold; margin: 15px 0 10px 0; color: #333; }

h2 a, h3 a,
h4 a, h5 a,
h6 a                  { color: #333; }

p, ul, ol             { margin: 10px 0; }
ul, ol                { padding-left: 10px; }
ul li                 { list-style: outside circle; margin-left: 10px; }
ol li                 { list-style: outside decimal; margin-left: 35px; }

img                   { margin: 0; }

table                 { margin: 10px 0 10px 1px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th, td                { padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.blank                { margin: 10px 0; border: none; }
.blank th, 
.blank td             { border: none; padding: 0; }
table p, 
table ul, 
table ol, 
table table           { margin: 0; }
caption               { margin: 10px 0 0 0; }