﻿.accordionHeader{
color:#000;
background-image:url(../Img/acc-head.gif);
background-repeat:no-repeat;
background-position:0 0;
width:240px;
height:37px;
font-family: Arial, Sans-Serif;
font-size: 16px;
font-weight: bold;
cursor: pointer;
margin:8px 0 0 0;
}

.accordionHeader a:link, .accordionHeader a:active, .accordionHeader a:visited, .accordionHeader a:hover{
color:#000;
cursor: pointer;
font-size: 16px;
text-decoration:none;
line-height:37px;
padding:0 0 0 25px;
display:block;
margin:0 0 0 0;
/*border:1px solid red;*/
}
.accordionHeader2{
color:#000;
background-image:url(../Img/acc-head3.gif);
background-repeat:no-repeat;
background-position:0 0;
width:240px;
height:37px;
font-family: Arial, Sans-Serif;
font-size: 18px;
font-weight: bold;
cursor: pointer;
margin:7px 0 0 0;
}

.accordionHeader2 a:link, .accordionHeader2 a:active, .accordionHeader2 a:visited, .accordionHeader2 a:hover{
color:#000;
cursor: pointer;
font-size: 16px;
text-decoration:none;
line-height:37px;
padding:0 0 0 25px;
margin:0 0 0 0;
}
.accordionHeaderSelected
{
color: white;
background-image:url(../Img/acc-head2.gif);
background-repeat:no-repeat;
background-position:0 0;
width:240px;
height:37px;
font-family: Arial, Sans-Serif;
font-size: 16px;
font-weight: bold;
cursor: pointer;
margin:7px 0 0 0;
}
.accordionHeaderSelected a:link, .accordionHeaderSelected a:active, .accordionHeaderSelected a:visited, .accordionHeaderSelected a:hover{
color: #000;
cursor: pointer;
text-decoration:none;
font-size: 16px;
line-height:37px;
padding:0 0 0 25px;
margin:0 0 0 0;
}
.accordionContent{
background-color: #fee0c6;
border-top: none;
/*width:240px;*/
margin:0;
padding:0;
overflow:hidden;
/*display:block;
height:300px;*/
}

.accTop{
background-image:url(../IMG/acc-top.gif);
background-repeat:no-repeat;
background-position:0 0;
width:240px;
height:7px;
font-size:7px;
display:block;
}
.accBot{
background-image:url(../IMG/acc-bot.gif);
background-repeat:no-repeat;
background-position:0 0;
width:240px;
height:7px;
font-size:7px;
display:block;
}
.accordionContent ul{
background-image:url(../IMG/acc-bg.gif);
background-repeat:repeat-x;
background-position:0 0;
background-color:#fee0c6;
border-right:1px solid #ff973a;
border-left:1px solid #ff973a;
/*width:238px;
#width:240px;*/
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
display:block;
}
.accordionContent li{
list-style-type:none;
background-image:url(../IMG/bullet10.gif);
background-repeat:no-repeat;
background-position:8px 8px;
margin:0;
overflow:hidden;
padding:0;
}
.accordionContent li a:link, .accordionContent li a:active, .accordionContent li a:visited{
line-height:20px;
text-decoration:none;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 0 0 20px;
display:block;
overflow:hidden;
}
.accordionContent li a:hover{
list-style-type:none;
color:#76a80b;
}


.accordionLink
{

    color: white:
}

/*.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
*/
.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}



/* calender start*/

.calender{
background-image:url(../IMG/calender-bg.gif);
background-position:0 0;
background-repeat:no-repeat;
width:554px;
height:606px;
display:block;
padding:7px 20px;
}

.calender table{
width:555px;
}

/*div{
border:1px solid red;

}*/

.calender table td{

/*background-color:#FF9900;
border:1px solid black;*/
}

.calender table.F{
display:none;
} 

.calender table th{
background-image:url(../IMG/calender-bg-hd.gif);
background-repeat:no-repeat;
background-position:0 0;
width:77px;
line-height:40px;
height:60px;
vertical-align:top;
color:#532300;
font-size:18px;
font-weight:normal;
/*border:1px solid black;*/
}
.calender table td{
padding:2px;
color:#532300;
}
/*grey*/
.calender table td.grey{
background-image:url(../IMG/calender-bg-grey.gif);
background-repeat:no-repeat;
background-position:0 0;
width:67px;
height:87px;
font-size:14px;
font-weight:bold;
color:Gray;
text-align:left;
vertical-align:text-top;
padding:1px 5px;
}

/*event*/
.calender table td.event{
background-image:url(../IMG/calender-bg-event.gif);
background-repeat:no-repeat;
background-position:0 0;
width:67px;
height:87px;
font-size:14px;
font-weight:normal;
text-align:left;
vertical-align:text-top;
padding:1px 5px;
}
/*event end*/
.calender table td.eventClose{
background-image:url(../IMG/calender-bg-close.gif);
background-repeat:no-repeat;
background-position:0 0;
width:67px;
height:87px;
font-size:14px;
font-weight:normal;
text-align:left;
vertical-align:text-top;
padding:1px 5px;
}

.calender table td.today{
background-image:url(../IMG/calender-bg-today.gif);
background-repeat:no-repeat;
background-position:0 0;
width:67px;
height:87px;
font-size:14px;
font-weight:bold;
text-align:left;
vertical-align:text-top;
padding:1px 5px;
}
/*week days*/
.calender table td.B{
background-image:url(../IMG/calender-bg-date.gif);
background-repeat:no-repeat;
background-position:0 0;
width:67px;
height:87px;
font-size:14px;
font-weight:bold;
text-align:left;
vertical-align:text-top;
padding:1px 5px;
}

/*week ends*/
.calender table td.H,.calender table td.D ,.calender table td.G {
background-image:url(../IMG/calender-bg-date.gif);
background-repeat:no-repeat;
background-position:0 0;
width:67px;
height:87px;
text-align:left;
vertical-align:text-top;
font-weight:bold;
padding:1px 5px;
font-size:14px;
}

.calender table td.D a:link, .calender table td.D a:active, .calender table td.D a:visited, .calender table td.D a:hover,
.calender table td.H a:link, .calender table td.H a:active, .calender table td.H a:visited, .calender table td.H a:hover,
.calender table td.B a:link, .calender table td.B a:active, .calender table td.B a:visited, .calender table td.B a:hover,
.calender table td.G a:link, .calender table td.G a:active, .calender table td.G a:visited, .calender table td.G a:hover
{
color:#532300;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
/*calender top*/
.calenderTop{
background-image:url(../IMG/calender-bg-top.gif);
background-repeat:no-repeat;
background-position:0 0;
width:573px;
height:82px;
display:block;
margin:0 0 0 0;
padding:10px;
}
.btnChangeCalender{
background-image:url(../IMG/btn-change-calender.gif);
background-repeat:no-repeat;
background-color:#fff;
background-position:0 0;
width:126px;
height:23px;
border:medium none;
cursor:pointer;
margin:0 0 0 0;
}
.btnChangeCalender:hover{
background-position:0 0;
}
.calenderTop input[type="text"]{
width:100px;
margin:0 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.selectArea span{
margin:0 0 0 0;
float:left;
line-height:22px;
font-weight:bold;
}
.selectArea select{
/*width:100px;*/
font-weight:normal;
height:20px;
margin:0 5px 0 5px;
font-size:11px;
padding:1px 0 1px 0;
}

.resultCalender{
float:right;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
line-height:25px;
}

.result{
float:right;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
line-height:25px;
}


.currentYear{
float:left;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}

.currentCity{
float:left;
font-size:16px;
font-weight:bold;
margin:0 0 0 30px;
padding:0;
}

.currentCity strong{
color:#c41200;
}
/*calender bottom*/
.calenderBot{
background-image:url(../IMG/calender-bg-bot.gif);
background-repeat:no-repeat;
background-position:0 0;
width:534px;
height:44px;
display:block;
margin:0 0 0 20px;
padding:10px;
}
.calenderBot p{
padding:0;
margin:0 0 7px 0;
font-size:12px;
font-weight:bold;
line-height:20px;
}
.calenderBot p img{
float:left;
margin:0 5px 0 0;
}
.calenderBot a:link, .calenderBot a:visited {
background-image:url(../IMG/icon-go.gif);
background-repeat:no-repeat;
background-position:0 0;
float:right;
padding:0 0 0 30px;
margin:0;
font-size:12px;
font-weight:bold;
height:20px;
color:#005d12;
}

/* calender small #######################################################################*/

/* calender start*/

.calenderSmall{
background-image:url(../IMG/calender-small-bg.gif);
background-position:0 0;
background-repeat:no-repeat;
width:239px;
height:221px;
display:block;
padding:0 0;
}

.calenderSmall table{
width:225px;
margin:0 0 0 7px;
}

.calenderSmall table table{
width:200px;
margin:0;
font-weight:bold;
}

.calenderSmall table table a{
font-weight:bold;
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.calenderSmall table th{
height:20px;
}
.calenderSmall table td{
height:22px;
}

.calenderSmall table td a:link, .calenderSmall table td a:active, .calenderSmall table td a:visited, .calenderSmall table td a:hover {
text-decoration:none;
font-weight:normal;
}

/*.calenderSmall table td a.event:link, .calenderSmall table td a.event:active, .calenderSmall table td a.event:visited, .calenderSmall table td a.event:hover {
text-decoration:none;
font-weight:bold;
background-image:url(../IMG/calender-small-bg-date.gif);
background-repeat:no-repeat;
background-position:0 0;
width:16px;
height:16px;
padding:2px;
}*/


.calenderSmall table td.event{
text-decoration:none;
font-weight:bold;
background-image:url(../IMG/calender-small-bg-date.gif);
background-repeat:no-repeat;
background-position:5px 1px;
width:16px;
height:16px;
padding:2px;
}
.calenderSmall table td.eventClose{
text-decoration:none;
font-weight:bold;
background-image:url(../IMG/calender-small-bg-date2.gif);
background-repeat:no-repeat;
background-position:5px 1px;
width:16px;
height:16px;
padding:2px;
}

.calenderSmall table td.eventClose a{
color:#666;
}

