﻿body { background: #d5e2fa url(/img/body-back.png) top left repeat-x; color: #366092; overflow: scroll;  }

a { text-decoration: none; border-bottom: 1px dotted; color: #0070C0; }
a:hover { border-bottom: 1px solid; color: #002060; }

h1, h2, h3, h4, h5, h6 { text-shadow: 1px 1px 1px #ddd; }
h1 { color: #C00000; }
h2 { color: #0070C0; }
h1, h2, h3 { margin: 0 0 .35em 0; padding: 0; }
.print { display: none; }

#header { background: #FEFEF9 url(/img/head-back.png) bottom right no-repeat; padding: 0; height: 160px; width: 940px; }
#header a { margin: 0; padding: 0; border: none; color: #003399; }

#sitelogo { float: left; display: inline; margin-top: 60px; margin-left: 30px; }

#navigation { border: none; float: left; display: inline; width: 500px; margin: 0; }
#navigation .rtsUL { border: none; text-align: left; text-transform: lowercase; }

#navigation .rtsLevel1 { border: none; margin: 64px 0px 0px 120px; font-size: 10px; padding: 0; }
#navigation .rtsLevel1 a { color: #2E4DAB; }
#navigation .rtsLevel1 .rtsLI { border-left: 1px solid #ABBFFF; padding: 0px; color: #0066cc; }
#navigation .rtsLevel1 .rtsFirst { border: none; }
#navigation .rtsLevel1 .rtsLink { padding: 1px; color: #93A5E3; }
#navigation .rtsLevel1 .rtsSelected { font-weight: normal; background-color: transparent; padding: 1px; color: #2e4dab; }

#navigation .rtsLevel2 { border: none; padding: 0; margin-top: 23px; margin-left: 110px; font-size: 12px; }
#navigation .rtsLevel2 .rtsUL { }
#navigation .rtsLevel2 .rtsLI { border-left: 1px solid #e5dbac; }
#navigation .rtsLevel2 .rtsFirst { border: none; }
#navigation .rtsLevel2 .rtsFirst .rtsIn { }
#navigation .rtsLevel2 .rtsLink { padding: 2px 5px; color: #BBAA59; }
#navigation .rtsLevel2 .rtsSelected { font-weight: normal; background-color: transparent; color: #2e4dab; padding: 2px 5px; }

#navigation a { border: none; }
#navigation .rtsOut { padding: 0; }

#navmenu { /*background-color: #BFDBFF;*/ }
#navmenu .rtsFirst { margin-left: 0; padding-left: 0; }
#navmenu .rtsLevel2 { }

#wrapper { padding-top: 0px; }

#content { background: url(/img/wrap-back.png) top left repeat-y; padding: 0; min-height: 240px; /*border-right: 1px solid #C6D2E8;*/ }

#main { background: #fffffe url(/img/main-back.png) top left repeat-x; min-height: 600px; /* 	border-top: 1px solid #F0EDD1; 	border-left: 1px solid #C6D2E8; 	margin-left: 9px; 	*/ padding-left: 20px; }

#print { float: right; margin: 40px 40px 0 0; }
#print a { border: none; }

#text { margin: 30px; }
#text p { font-size: 13px; line-height: 1.5em; }

#sidebar { background: transparent url(/img/side-back.png) top left repeat-x; padding: 0 0 0 0; font-size: 9pt; color: #69c; height: 600px; /*border-top: 1px solid #F0EDD1;*/ }


#sidemenu { margin: 0; padding: 0; }
#sidemenu a { border: none; display: block; }
#sidemenu ul { list-style-type: none; margin: 20px 0 10px 0; width: 150px; }
#sidemenu li { margin: 0px; float: none; display: block; }

#sidemenu .rtsLink { text-align: left; }
#sidemenu .rtsTxt { padding: 0 0 0 0px; }

#sidemenu .rtsLevel1 { font-weight: bold; }
#sidemenu .rtsLevel1 .rtsLI a { color: #039; background-color: #ECF1FD; font-size: 9pt; margin: 5px 0 0 0; padding: 5px 0 5px 5px; border-style: solid; border-color: #dce4f2; border-width: 1px 1px 1px 0; }
#sidemenu .rtsLevel1 .rtsLI a:hover { color: #039; background-color: #fff6bc; }
#sidemenu .rtsLevel1 a.rtsSelected { color: #039; background-color: #fffce0; }

#sidemenu .rtsLevel2 { font-weight: normal; }
#sidemenu .rtsLevel2 .rtsLI a { color: #039; font-size: 9pt; margin: 5px 0 0 0; padding: 5px 0 5px 5px; border-style: solid; border-color: #dce4f2; border-width: 1px 1px 1px 0; }
#sidemenu .rtsLevel2 .rtsLI a:hover { color: #039; background-color: #fff6bc; }
#sidemenu .rtsLevel2 a.rtsSelected { color: #039; background-color: #fffce0; }

.caption { background-color: #D8E4FA; font-weight: bold; margin: 0; padding: 5px; }

.content { background-color: #F4F8FB; padding: 5px; }

.panobox {
padding: 5px 5px 10px;
box-shadow: 0px 0px 2px 1px #D5E2FA;
border: 1px solid white;
background-color: #D5E2FA;
margin: 5px 0;
}

a.button { border: #69c 1px solid; padding: 3px; background-color: #fff; }
a.button3d { background-color: #FFF6BC; border: 1px outset #fe8; color: #000; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 5px; vertical-align: bottom; margin: 0; box-shadow: 0px 0px 1px #999; height: 28px; margin-right: 2px; }
a.button3d img { vertical-align: middle; }
a.button3d:hover { background-color: #69c; border: 1px outset #039; }

#footer { color: #366092; font-size: 10px; width: 800px; padding: 0 0 0 140px; }

#sitemap { background: #CAD8F4; padding: 10px; margin-left: 20px; font-size: 9px; }
#sitemap h3 { color: #fff; margin: 0; }
#sitemap .rsmLevel li { padding:0; line-height: 1.25em; }
#sitemap .rsmLevel1 li { padding:0; line-height: 1.25em; }
#sitemap .rsmLevel2 li { padding:0; line-height: 1.25em; }
#sitemap li a { padding: 0; color: #568; }
#sitemap .rsmLevel1 { margin-left: 30px; }
#sitemap .rsmLevel2 { margin-left: 10px; margin-top: .35em; }
#sitemapfootercontainer { margin-bottom: 1em; }

#footmain { background: transparent url(/img/foot-back.png) bottom left repeat-x; height: 70px; padding: 10px; margin-left: 20px; font-size: 9px; text-transform: uppercase; color: #8DB3E2; }
#footmain a { color: #548DD4; font-weight: bold; border-bottom: none; }

#superwasp { background: #d5e2fa url(/img/wasp-back.png) top left repeat-x; /*color: #366092;*/ color: #8DB3E2; text-align: left; position: relative; height: 120px; font-size: 9px; text-transform: uppercase; }

#logintab { position: absolute; bottom: 0px; right: 0px; float: right; display: inline; margin: 0; padding: 5px 5px; font-size: 9px; text-transform: uppercase; }
#logintab a { padding: 5px; color: #8db3e2; border-bottom: none; }
#logintab a:hover { border-bottom: none; color: #548DD4; background-color: #e7eeff; }

.anchor { display: none; }
.admin { display: none; }

/* coreweb admin settings */
.sectionsettings { border-style: solid; border-width: 1px 0 0 0; border-color: #be0; color: #FFFFFF; padding: 8px; margin: 8px 0 4px 0; background: transparent url(/img/section-admin.png) top left repeat-x; }

.sectionomega { background: transparent url(/img/section-omega.png) top left repeat-x; border-width: 0 0 1px 0; }

.sectionsettings h6 { margin-bottom: 0; color: #000000; }

/* content specific */
.tiles { background: #FFFFFF; }
.tile { border: 1px solid #C6D9F0; background: #BFDBFF url(/img/body-back.png) bottom left repeat-x; /*background-color: #ffffff;*/ text-align: center; color: #0F243E; padding: 1em 0; margin: 0 0 1em 0; border-top: none; }
.tile table { margin-bottom: 20px; }
.tile p { margin-bottom: 10px; }

.mark { color: #C00000; }

.tabs { background-color: #8DB3E2; color: #000; padding: 0; margin: 0; border: 0; width: 100%; }
.tabs td { padding: 5px; width: 20%; }

.active { background-color: #0070C0; color: #ffffff; padding: 0; margin: 0; font-weight: bold; }

.contactform, .flexform { background-position: left top; border: 1px solid #D8E4FA; background: #D5E2FA url(/img/side-back.png) repeat-x left top; padding: 10px; }
.contactform textarea, .flexform textarea { width: 480px; height: 100px; }
.contactform dt, .flexform dd { margin-bottom: 1em; }
.flexform dt { font-size: 12px; font-weight: bold; color: #14a; }
.flexform dd { color: #25b; }
.flexform .button { font-size: 12px; font-weight: bold; padding: 4px; color: #14A; }
.result { border: 1px solid #FF9966; text-align: center; padding: 20px; background-color: #FFCC99; color: #003399; }
.result p { padding: 0; margin: 0; }

.photo { border: 1px solid #F7F4D8; padding: 14px; background-color: #fff; } 

.highlight { background-color: #e6eae8; border: none; padding: 2px; color: #000; }

/*.focus { background-color: #f2f2f2; color: #366092; padding: 1em; }*/
.focus { background-color: #fff6bc; color: #366092; padding: 1em; border: 1px solid #fff6bc; }

#easystrip .rtsLevel { line-height: 25px; padding-top: 10px; }
#easystrip a.rtsLink { text-decoration: none; border: none; }
#easystrip .rtsUL { padding-left: 8px; }

.fieldlabel { vertical-align: top; border-top: 1px solid #eeece1; padding: 0.35em 0; }
.field { width: 420px; vertical-align: top; border-top: 1px solid #eeece1; padding: 0.35em 0; }
.floatleft { float: left; display: inline; }
.floatright { float: right; display: inline; }
a.btnEdit { display: block; width: 20px; height: 20px; background-image: url(/img/icon_edit.gif); background-position: center; background-repeat: no-repeat; border: none; }

a.btnDelete { display: block; width: 20px; height: 20px; background-image: url(/img/icon_delete.gif); background-position: center; background-repeat: no-repeat; border: none; }


/* fortiview */
.fort { margin: 0 0 20px 0; background: #FFF6BC; padding: 5px 10px; border: 1px solid #fe8; width: 678px; }
.fort h2 { clear: both; padding: 0; margin: 3px 0 0px 5px; font-size: 16px; font-weight: bold; letter-spacing: 0.5px; }
.fort p { margin-left: 5px; margin-bottom: 5px; }

.rlv1 { color: #039; float: left; display: inline; width: 325px; margin: 0px 0px 5px 0; padding: 5px 5px; }
.rlv2 { color: #039; float: left; display: inline; width: 325px; margin: 0px 0px 5px 0; padding: 5px 5px 5px 10px; }

a.rlvA { text-decoration: none; display: block; width: 324px; height: 76px; margin: 0; padding: 0px; background: #fefefe url(/img/tile-back.png) top left repeat-x; border: 1px solid #fe8; }
a.rlvA:visited { color: #369; }
a.rlvA:hover { background: #feead5 url(/img/tile-back-hover.png) top left repeat-x; border-color: #dc6; color: #039; }

.rlvTitle { float: left; display: inline; font-size: 12px; font-weight: bold; margin: 0; width: 200px; height: 76px; padding: 0; border: none; }
.rlvType { float: left; display: inline; background: #DFEFFF; color: #336; font-size: 9px; padding: 0 4px; text-transform: uppercase; }
.rlvRooms { float: left; display: inline; background: #fff6bc; color: #333; font-size: 9px; text-transform: uppercase; padding: 0; margin: 0; height: 13px; }
.rlvLocation { float: right; display: inline; color: #cdd0c4; font-size: 8px; margin: 0 2px; padding: 0 4px; text-transform: uppercase; }
.rlvRef { display: inline-block; height: 45px; font-size: 14px; line-height: 1em; text-align: center; border: 0px solid red; width: 100%; margin-top: 8px; }
.rlvThumb { float: left; display: inline; width: 120px; height: 76px; overflow: hidden; margin: 0px; background-color: #fff; }

.rlvIcon { float: right; display: inline; margin: 2px; }

.rlv .icon { margin: 8px; }

.propdetail { padding: 0; margin: 0; color: #039; }

.pdinside { padding: 5px 15px 0 15px; margin: 0; border: 1px solid #fe8; background-color: #fff6bc; }
.pdinside dl { margin: 5px 0 15px 0; padding: 0; clear: left; border: 1px solid #fe8; border-top: none; background-color: #fffffe; }
.pdinside dt { clear: both; float: left; display: inline; width: 120px; font-size: 10px; font-weight: bold; color: #c00000; text-transform: uppercase; line-height: 20px; padding: 4px 6px 0 2px; margin: 0px 0 .35em 0; text-align: right; letter-spacing: .025em; border-top: 1px solid #fe8; }
.pdinside dd { margin: 0 0 .35em 128px; font-size: 12px; padding: 4px 8px 2px 8px; background-color: #fff; border-top: 1px solid #fe8; }
.pdinside h2 { clear: both; padding: 0; margin: 3px 0 0px 0px; font-size: 16px; font-weight: bold; letter-spacing: 0.5px; }

.plaque { color: #390; font-size: 12px; margin: 0; line-height: 11px; }

.hr { clear: both; border-bottom: 1px solid #eeefea; }
.clear { clear: both; }

.Photos { padding: 0px; margin-bottom: 10px; border: 1px solid #fe8; background: #fffffe; }
/*.Photos .thumb { border: 1px solid #fe8; margin: 0 1px 1px 0; padding: 7px; background-color: #fff; } */

.Photos a, #sb-wrapper a { text-decoration: none; border-bottom: none; color: #0070C0; }
.Photos a:hover, #sb-wrapper a:hover { border-bottom: none; color: #002060; }

.scrollable { position: relative; overflow: hidden; height: 88px; float: left; display: inline; width: 586px; }

.scrollable .items { width: 20000em; position: absolute; clear: both; height:82px; overflow:hidden;}

/* single scrollable item */
.scrollable img { float: left; display: inline; margin: 0; border: 1px solid #eeefeb; cursor: pointer; } /* height:76px */
.scrollable .zoomThumb { margin-top:60px; margin-left:-16px; width: 16px; height:16px; border:none; }

/* make A tags our floating scrollable items */
.items a { display: block; float: left; margin: 5px 5px 5px 0; overflow: hidden; }

/* prev, next, prevPage and nextPage buttons */
a.browse { background: url(/img/hori_large.png) no-repeat; display: block; width: 30px; height: 30px; float: left; display: inline; margin: 28px 5px 0px 5px; cursor: pointer; font-size: 1px; }

/* right */
a.right { background-position: 0 -30px; clear: right; margin-right: 5px; }
a.right:hover { background-position: -30px -30px; }
a.right:active { background-position: -60px -30px; }


/* left */
a.left { margin-left: 5px; }
a.left:hover { background-position: -30px 0; }
a.left:active { background-position: -60px 0; }

/* up and down */
a.up, a.down { background: url(/img/vert_large.png) no-repeat; float: none; margin: 10px 50px; }

/* up */
a.up:hover { background-position: -30px 0; }
a.up:active { background-position: -60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position: -30px -30px; }
a.down:active { background-position: -60px -30px; }

/* disabled navigational button */
a.disabled { visibility: hidden !important; }

#embedpano { width: 528px; height: 320px; display: none; border: 1px solid #fe8; }

.files td { padding: 0 10px 5px 0; }
.files a { font-weight: bold; text-decoration: none; border-bottom: none; }
.right { text-align: right; }

a.icon { padding: 8px; border: none; text-decoration: none; line-height: 30px; height: 30px; }
a.icon:hover { background-color: #d9e6fb; }

.pager { margin: 0 0 2em 0; padding: 0; height: 30px; line-height: 30px; vertical-align: middle; background-color: #eeefeb; font-size: 9pt; }

.pager img { line-height: 30px; margin-bottom: 0px; vertical-align: middle; }

.pagerleft { padding: 0; width: 340px; float: left; display: inline; text-align: left; }

.pagercenter { padding: 0; width: 20px; float: left; display: inline; text-align: center; }

.pagerright { padding: 0; width: 340px; float: right; display: inline; text-align: right; }

/* radlistview fortiview */
#rlvFortiView { margin: 0; padding: 0; }

.RadListView .ref { font-size: 9pt; color: #69c; }

/* raddatapager fortipage */
.RadDataPager .rdpWrap { padding: 0 !important; margin: 0; }

.rdpNumPart a { margin: 0 3px 0 0 !important; padding: 12px; border: 1px solid #D9E6FB; color: #039; display: block; }

.rdpNumPart a.rdpCurrentPage { font-weight: bold; color: #C00000; background-color: #FEFEF9; }

legend, .label { font-size: 13px; font-weight: bold; color: #c00000; text-transform: uppercase; /*background-color: #eeefea;*/ }

fieldset { border-bottom: 1px solid #eeefea; padding-bottom: 1em; margin-bottom: 1em; }

/* root element for tabs  */
ul.css-tabs { margin: 0; margin-left: 0px; padding: 0; height: 30px; /*border-bottom:1px solid #fe8;*/ }

/* single tab */
ul.css-tabs li { float: left; display: inline; padding: 0; margin: 0; list-style-type: none; }

/* link inside the tab */
ul.css-tabs a { float: left; display: inline; font-size: 11px; display: block; padding: 5px 12px; text-decoration: none; border: 1px solid #fe8; border-bottom: 0px; height: 18px; background-color: #fe8; color: #777; margin-right: 2px; margin-top: 1px; position: relative; top: 1px; }
ul.css-tabs a:hover { background-color: #dc6; color: #333; }
ul.css-tabs a.current { background-color: #FFF6BC; border: 1px solid #fe8; border-bottom: 2px solid #FFF6BC; color: #000; cursor: default; }


/* tab pane */
div.css-panes div.pane { display: none; border: 1px solid #fe8; border-width: 1px 1px 1px 1px; padding: 20px 20px 15px 20px; background-color: #FFF6BC; }


/* postit */
.postit {
background: #fffffe url(/img/main-back.png) top left repeat-x;
border: 1px solid #666;
color: #333;
font-size: 10px;
line-height: 1.35em;
padding: 4px 8px;
margin: 24px 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.postit dt {
    font-weight: bold;
}
