/**
* Default
*/
html, body, form, fieldset,img, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding:0;
border:0;
}
ul li {list-style-type:none;}
li a{text-decoration:none;}
.floatL{float:left;}
.floatR{float:right;}
.center{margin:0 auto;display:block;}
.centerT{text-align:center;}
.clear{clear:both;}
.red{color:red;}
.backward {unicode-bidi: bidi-override; direction: rtl;}
.bold{font-weight:bold;}
.image{border:3px solid #E7DECB; margin:5px;}
.noUnderline{text-decoration:none;}
.pt10{font-size:10pt;}
.block{display:block;}
.uppercase{text-transform:uppercase}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */body{color: #313131;font-size:10pt;font-family: "Arial";background:white url('/templates/v2.0/images/backgroundBody.png') top center no-repeat;}
h1,h2,h3{color:black;font-family:georgia;font-weight:normal;}
h1{font-size:18pt;margin-bottom:20px;}
h1 a{color:#de3f00;}
h2{font-size:16pt;margin-bottom:15px;}
h3{font-size:16pt;margin-bottom:15px;}
h4{font-size:11pt;}
a{text-decoration:none;color: #313131;}
a:hover{text-decoration:none;color: #727272;}
img{border:1px solid #669900;padding:1px;}
img.noborder{border:0;padding:0;}
/**
* Layout
*/
#wrap{width:960px;margin:auto;}
a#logo{display:block;margin:auto;text-align:center;font-family:georgia;color:white;font-size:20pt;padding-top:12px;height:54px;}
div#head{height:430px;margin:61px 12px 10px 0;}
#headImageContainer{display:inline;float:right;height:387px;width:513px;position:relative;}
#headImageContainer #coverHeadImage{left:0;position:absolute;top:0;z-index:100;}
#headImageContainer img{left:0;position:absolute;top:0;}
#headLeftContainer{display:inline;float:left;position:relative;width:300px;}
#headImageContainer h1{left:-405px;position:absolute;text-transform:uppercase;top:10px;width:700px;z-index:300;}
#headLeftContainer #logo{background: url('/templates/v2.0/images/logo.png') no-repeat;height:199px;left:275px;position:absolute;top:100px;width:164px;}
#headLeftContainer .headContact{bottom:-38px;left:32px;position:absolute;width:980px;}
#headLeftContainer .headContact a{font-weight:bold;color:#669900;}
#headLeftContainer .headContact a:hover{color:#88BB22;}
#headImageContainer #badget{background: url('/templates/v2.0/images/backgroundBadget.png') no-repeat;color:white;font-size:14pt;height:95px;left:373px;padding-top:47px;position:absolute;text-align:center;text-transform:uppercase;top:-40px;width:142px;z-index:900000;}
#headLeftContainer #langContainer{left:32px;position:absolute;top:-35px;}
#headLeftContainer #langContainer a{display:inline;float:left;margin-right:5px;}
#headLeftContainer #langContainer img{border:0;padding:0;}
#mainContent{padding:15px;}
#sideLeftContainer{width:634px;float:left;display:inline;}
#sideLeft{margin:0 32px 32px 32px;}
#sideLeft h1{border-bottom:1px dotted #7F7F7F;color:black;font-family:georgia;font-size:18pt;font-weight:normal;}
#sideLeft h3{margin:10px 0 15px 0;}
#sideLeft p{margin:5px 0 3px 0;line-height:21px;}
#sideRightContainer{width:326px;float:right;display:inline;}
#sideRight{margin:0 32px 32px 0;}
#footContainer{background: url('/templates/v2.0/images/backgroundFootContainer.png') repeat-x;height:215px;}
#footContent{background:white url('/templates/v2.0/images/backgroundFootContent.png') no-repeat 0 bottom;height:85px;margin:0 auto;width:960px;padding-top:65px;}
.orderInFoot{background: url('/templates/v2.0/images/footLogo.png') no-repeat;height:76px;margin-left:32px;padding:5px 0 0 74px;text-transform:uppercase;position:relative;}
.orderInFoot p{color:#767674;font-weight:bold;margin-bottom:2px;font-size:9pt;line-height:13pt;}
.orderInFoot p.title{color:#669900}
.orderInFoot a{color:#669900;}
.orderInFoot a:hover{color:#88BB22;}
#feki{bottom:-37px;height:21px;position:absolute;right:32px;width:97px;}
#feki img{height:21px;width:97px;}
#fertopart{position:absolute;right:30px;top:0px;}
#fertopart img{border:0}
.szallashu{position:absolute;right:200px;top:0px;}
.moreButton{background: url('/templates/v2.0/images/icon-next.png') no-repeat right 5px; display:inline;float:right;font-weight:bold;padding-right:14px;}
/**
* Jobb oldali programok
*/
.rightProgramContent{margin:0 0 20px 10px;}
.rightProgramContent h3 a{background: url('/templates/v2.0/images/icon-next.png') 270px 10px no-repeat;border-bottom:1px dotted #7F7F7F;display:block;font-family:georgia;margin-bottom:7px;padding:6px 0 5px;color:#666;}
.rightProgramContent img{display:inline;float:left;margin:0 7px 7px 0;}
/**
* Kapcsolódó képek
*/
.imageContainer{margin:15px 0;}
.imageContainer h3{margin-bottom:10px;}
.imageContainer li{display:inline;float:left;margin:0 5px 3px 0;}
/**
* Elérhetőségek
*/
#map{height:300px;border:1px solid #669900}
.mapContent{margin:15px 0;}
/**
* Szobafoglalás
*/
#reservationContainer{}
#reservationContainer table{border-collapse:collapse;display:inline;float:right;margin-bottom:10px;}
#reservationContainer .col1{padding:8px 15px 0 0;vertical-align:top;}
#reservationContainer .col2{background-color:#DFDDD2;width:385px;}
#reservationContainer .emptyrow{height:30px;}
#reservationContainer input, #reservationContainer textarea, #reservationContainer select{border:1px solid #CDCBBF;font-weight:bold;margin:5px 5px 0;padding:2px;width:373px;}
div.validation-failed{background: url('/templates/v2.0/images/error.gif') no-repeat;color:red;font-weight:bold;margin:2px 0 0 5px;padding-left:19px;}
#reservationFormSubmit{background: url('/templates/v2.0/images/sendButton.png') no-repeat;clear:both;color:white;display:block;font-weight:bold;height:24px;margin:0 auto;padding-top:7px;text-align:center;text-transform:uppercase;width:127px;}
/**
* Gránátos étterem
*/
#subMenuContainer{background-color:#F3F3F3;margin-bottom:15px;}
#subMenuContainer li{display:inline;float:left;margin:5px 10px 5px 0;}
#subMenuContainer a{color:#669900;font-weight:bold;text-transform:uppercase;}
#subMenuContainer a:hover{color:#88BB22;}
/**
* program, ajánlat lista
*/
.button{background:url('/templates/v2.0/images/backgroundButton.png') no-repeat right 0;display:inline;float:right;color:white;margin:10px 10px 0 0;}
.button:hover{color:#DDD;}
.button span{background:url('/templates/v2.0/images/backgroundButton.png') no-repeat;display:inline;float:left;font-weight:bold;height:25px;margin-right:10px;padding:9px 0 0 10px;}
.programContent .mainImage{display:inline;float:left;margin:0 10px 10px 0;}
.programContent h3{margin-bottom:10px;}
.programContent{margin-bottom:20px;}
#programContainer .mainImage{display:inline;float:left;margin:0 10px 10px 0;}
#programContainer .subTitle{margin-bottom:10px;}
#programContainer h3{margin:15px 0 7px;}
/**
* linkek
*/
#linkContainer ul{}
#linkContainer li{list-style-type:disc;margin:2px 0 2px 17px;}
table.pricetable{float:left;width:250px;border-collapse:collapse;margin-right:30px;margin-top:5px;}
table.pricetable td{border:1px solid black;padding:3px 5px;text-align:center;}
table.pricetable tr.head{background-color: #669900;color:white;font-weight:bold;}
#partiszervizContainer li{list-style-type:disc;margin-left:15px;}
#videobox{float:right;width:300px;margin:5px 20px 0 10px;}#menuContainer{margin-top:48px;}
ul#menu{}
ul#menu li{}
ul#menu li a{color:#669900;display:block;font-size:11pt;font-weight:bold;padding:4px 13px 4px 32px;text-transform:uppercase;width:220px;}
ul#menu li a:hover, ul#menu li a.selected{color:white;background-color:#669900;}
#menu li a.mark{color:black;background-color:#DFDDD2;}/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */
div.light_rounded .pp_top .pp_left { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_next:hover { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_arrow_previous { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.light_rounded .pp_loaderIcon { background: url(/templates/v2.0/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.dark_rounded .pp_content { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded .pp_arrow_previous { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.dark_rounded .pp_loaderIcon { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: url(/templates/v2.0/images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(/templates/v2.0/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
div.dark_square .pp_expand { background: url(/templates/v2.0/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(/templates/v2.0/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(/templates/v2.0/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(/templates/v2.0/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { width: 75px; height: 22px; background: url(/templates/v2.0/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_arrow_previous { background: url(/templates/v2.0/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(/templates/v2.0/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(/templates/v2.0/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url(/templates/v2.0/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_expand { background: url(/templates/v2.0/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(/templates/v2.0/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(/templates/v2.0/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(/templates/v2.0/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 75px; height: 22px; background: url(/templates/v2.0/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_arrow_previous { background: url(/templates/v2.0/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(/templates/v2.0/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(/templates/v2.0/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(/templates/v2.0/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content {
height: 40px;
position: relative;
text-align: left;
width: 100%;
}
.pp_content .pp_details {
display: none;
margin: 10px 15px 2px 20px;
}
.pp_description {
display: none;
float: left;
margin: 0;
}
.pp_nav {
clear: left;
float: left;
margin: 3px 0 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
}
.pp_nav a.pp_arrow_previous,
.pp_nav a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
a.pp_next {
background: url(/templates/v2.0/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(/templates/v2.0/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
display: block;
float: right;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: none;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
display: none;
line-height: 1 !important;
margin: 0 auto;
text-align: center;
width: 100%;
}
div.ppt {
color: #fff;
display: none;
font-size: 17px;
left: 0;
position: absolute;
top: 0;
z-index: 9999;
}
/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac *//* CSS */
.DynarchCalendar {
border: 1px solid #aaa;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
background: #e8e8e8;
font: 11px "lucida grande",tahoma,verdana,sans-serif;
line-height: 14px;
position: relative;
cursor: default;
}
.DynarchCalendar table {
border-collapse: collapse;
font: 11px "lucida grande",tahoma,verdana,sans-serif;
line-height: 14px;
}
.DynarchCalendar-topBar {
border-bottom: 1px solid #aaa;
background: #ddd;
padding: 5px 0 0 0;
}
table.DynarchCalendar-titleCont {
font-size: 130%; font-weight: bold;
color: #444;
text-align: center;
z-index: 9;
position: relative;
margin-top: -6px;
}
.DynarchCalendar-title div {
padding: 5px 17px;
text-shadow: 1px 1px 1px #777;
}
.DynarchCalendar-hover-title div {
background-color: #fff;
border: 1px solid #000;
padding: 4px 16px;
background-image: url("/templates/admin/images/calendar/drop-down.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}
.DynarchCalendar-pressed-title div {
border: 1px solid #000;
padding: 4px 16px;
background-color: #777;
color: #fff;
background-image: url("/templates/admin/images/calendar/drop-up.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}
.DynarchCalendar-bottomBar {
border-top: 1px solid #aaa;
background: #ddd;
padding: 2px;
position: relative;
text-align: center;
}
.DynarchCalendar-bottomBar-today {
padding: 2px 15px;
}
.DynarchCalendar-hover-bottomBar-today {
border: 1px solid #000;
background-color: #fff;
padding: 1px 14px;
}
.DynarchCalendar-pressed-bottomBar-today {
border: 1px solid #000;
background-color: #777;
color: #fff;
padding: 1px 14px;
}
.DynarchCalendar-body {
position: relative;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
}
.DynarchCalendar-first-col { padding-left: 5px; }
.DynarchCalendar-last-col { padding-right: 5px; }
.DynarchCalendar-animBody-backYear {
position: absolute;
top: -100%;
left: 0;
}
.DynarchCalendar-animBody-back {
position: absolute;
top: 5px;
left: -100%;
}
.DynarchCalendar-animBody-fwd {
position: absolute;
top: 5px;
left: 100%;
}
.DynarchCalendar-animBody-now {
position: absolute;
top: 5px;
left: 0;
}
.DynarchCalendar-animBody-fwdYear {
position: absolute;
top: 100%;
left: 0;
}
.DynarchCalendar-dayNames {
padding-left: 5px;
padding-right: 5px;
}
.DynarchCalendar-dayNames div { font-weight: bold; color: #444; text-shadow: 1px 1px 1px #777; }
.DynarchCalendar-navBtn {
position: absolute;
top: 5px;
z-index: 10;
}
.DynarchCalendar-navBtn div {
background-repeat: no-repeat;
background-position: 50% 50%;
height: 15px;
width: 16px;
padding: 1px;
}
.DynarchCalendar-hover-navBtn div {
border: 1px solid #000;
padding: 0;
background-color: #fff;
}
.DynarchCalendar-navDisabled {
opacity: 0.3;
filter: alpha(opacity=30);
}
.DynarchCalendar-pressed-navBtn div {
border: 1px solid #000;
padding: 0;
background-color: #777;
color: #fff;
}
.DynarchCalendar-prevMonth {
left: 25px;
}
.DynarchCalendar-nextMonth {
left: 100%;
margin-left: -43px;
}
.DynarchCalendar-prevYear {
left: 5px;
}
.DynarchCalendar-nextYear {
left: 100%;
margin-left: -23px;
}
.DynarchCalendar-prevMonth div {
background-image: url("/templates/admin/images/calendar/nav-left.gif");
}
.DynarchCalendar-nextMonth div {
background-image: url("/templates/admin/images/calendar/nav-right.gif");
}
.DynarchCalendar-prevYear div {
background-image: url("/templates/admin/images/calendar/nav-left-x2.gif");
}
.DynarchCalendar-nextYear div {
background-image: url("/templates/admin/images/calendar/nav-right-x2.gif");
}
.DynarchCalendar-menu {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #ddd;
overflow: hidden;
opacity: 0.85;
filter: alpha(opacity=85);
}
.DynarchCalendar-menu table td div {
text-align: center;
font-weight: bold;
padding: 3px 5px;
}
.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
width: 4em;
text-align: center;
}
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
border: 1px solid #000;
padding: 2px 4px;
background-color: #fff;
color: #000;
}
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
border: 1px solid #000;
padding: 2px 4px;
background-color: #777;
color: #fff !important;
}
.DynarchCalendar-menu-year {
text-align: center;
font: 16px "lucida grande",tahoma,verdana,sans-serif;
font-weight: bold;
}
.DynarchCalendar-menu-sep {
height: 1px; font-size: 1px; line-height: 1px;
overflow: hidden;
border-top: 1px solid #888;
background: #fff;
margin-top: 4px; margin-bottom: 3px;
}
.DynarchCalendar-time td { font-weight: bold; font-size: 120%; }
.DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; }
.DynarchCalendar-time-down { background: url("/templates/admin/images/calendar/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-up { background: url("/templates/admin/images/calendar/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-sep { padding: 0 2px; }
.DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; }
.DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; }
.DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; }
/* body */
.DynarchCalendar-hover-week { background-color: #ddd; }
.DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber {
width: 1.7em;
padding: 3px 4px;
text-align: center;
}
.DynarchCalendar-weekNumber {
border-right: 1px solid #aaa;
margin-right: 4px;
width: 2em !important;
padding-right: 8px !important;
}
.DynarchCalendar-day {
text-align: right; color: #222;
}
.DynarchCalendar-day-othermonth { color: #888; }
.DynarchCalendar-weekend { color: #c22; }
.DynarchCalendar-day-today { color: #00f; font-weight: bold; }
.DynarchCalendar-day-disabled {
opacity: 0.5;
text-shadow: 2px 1px 1px #fff;
}
.DynarchCalendar-hover-date {
padding: 2px 3px;
background-color: #eef;
border: 1px solid #88c;
margin: 0 !important;
color: #000;
}
.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { border-color: #aaa; color: #888; }
.DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #c22; }
.DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #d88; }
.DynarchCalendar-day-selected {
padding: 2px 3px;
margin: 1px;
background-color: #aaa;
color: #000 !important;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; }
/* focus */
.DynarchCalendar-focusLink {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.DynarchCalendar-focused {
border-color: #000;
}
.DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar {
background-color: #ccc;
border-color: #336;
}
.DynarchCalendar-focused .DynarchCalendar-hover-week {
background-color: #ccc;
}
.DynarchCalendar-tooltip {
position: absolute;
top: 100%;
width: 100%;
}
.DynarchCalendar-tooltipCont {
margin: 0 5px 0 5px;
border: 1px solid #aaa;
border-top: 0;
padding: 3px 6px;
background: #ddd;
}
.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
background: #ccc;
border-color: #000;
}
@media print {
.DynarchCalendar-day-selected {
padding: 2px 3px;
border: 1px solid #000;
margin: 0 !important;
}
}