

.popup{
 position: absolute;
 width: 270px;
 background-image: url(../images/popupBack.png);
 line-height: normal;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-align: left;
 z-index: 100;
}

.popupTL{
 position: absolute;
 left: -6px;
 top: -1px;
 background-image: url(../images/popupTL.png);
 background-repeat: no-repeat;
 width: 6px !important;
 height: 6px !important;
}

.popupTR{
 position: absolute;
 right: -10px;
 top: -1px;
 background-image: url(../images/popupTR.png);
 background-repeat: no-repeat;
 width: 10px !important;
 height: 6px !important;
}

.popup > .popupBR{
 bottom: -5px ;
}

.popupBR{
 position: absolute;
 right: -10px;
 bottom: -8px; /* IE6 Only, overridden in modern browsers above */
 background-image: url(../images/popupBR.png);
 background-repeat: no-repeat;
 width: 10px !important;
 height: 10px !important;
}

.popup > .popupBL{
 bottom: -5px ;
}

.popupBL{
 position: absolute;
 left: -6px;
 bottom: -8px; /* IE6 Only, overridden in modern browsers above */
 background-image: url(../images/popupBL.png);
 background-repeat: no-repeat;
 width: 6px !important;
 height: 10px !important;
}

.popup > .popupB{
 bottom: -5px;
}

.popupB{
 position: absolute;
 bottom: -13px; /* IE6 Only, overridden in modern browsers above */
 left: 0px;
 width: 100%;
 height: 5px;
 background-image: url(../images/popupB.png);
 background-repeat: repeat-x;
}

.popupL{
 position: absolute;
 left: -5px;
 top: 5px;
 width: 5px;
 height: 130px;
 background-image: url(../images/popupBack.png);
}

.popupR{
 position: absolute;
 right: -10px;
 top: 5px;
 width: 10px;
 height: 130px;
 background-image: url(../images/popupR.png);
 background-repeat: repeat-y;
}

.popupContent{
 padding: 10px 5px 10px 5px !important;
 min-height: 20px;
}

.popupArrow{
 width: 17px !important;
 height: 34px !important;
 position: absolute;
 left: -22px;
 top: 48px;
 background-repeat: no-repeat;
}

.popupArrow.left{
 background-image: url(../images/popupArrowLeft.png);
}

.popupLabel{
 font-weight: bold;
 margin-bottom: 3px;
}

.calendarShade{
 position: absolute;
 cursor: pointer;
 background-image: url(backoffice/shade.png);
}

.calendarShadeLabelInfo{
 background-image: url(backoffice/error.png);
 background-repeat: no-repeat;
 background-position: 7px 5px;
}


.calendarShadeLabel{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 background-color: gray;
 color: white;
 font-weight: bold;
 text-align: center;
 padding: 5px;
 -moz-border-radius: 3px;
 top: 48%;
 width: 230px;
 margin: 25% auto 0 auto;
 line-height: normal;
}

#eventStartDate, #eventEndDate{
 width: 75px;
}

#twShade{
 background-color: black;
 opacity: 0.7;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 z-index: 1;
}

#twEditLeftColumn{
 width: 47%;
 float: left;
 margin-left: 5px;
}

#twEditRightColumn{
 width: 47%;
 float: right;
}

.twLabel{
 font-size: 11px;
 margin-top:5px;
}

.twTextFields{
 width: 95%;
}

.twTextAreas{
 width: 95%;
}

.twSelectFields{

}

.twSelectFieldsMulti{
 height: 100px;
 width: 95%;
}

.twCheckBoxLabel{
 font-size: 12px;
}

.eventItemNew{
 color: white;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 padding: 1px 1px 1px 5px;
 margin-bottom: 2px;
 cursor: pointer;
 background-color: #ff0000;
 opacity: 0.2;
}








#tabViewdhtmlgoodies_tabView1_0, #tabViewdhtmlgoodies_tabView1_1{
	position: relative;
	font-size: 11px;
}

/*
#recurringTab{
	background-color: #fbfbfb;
	border: 1px solid #c9c9c9;
	width: 500px;
	margin: 0 auto;
	position: relative;
	top: 100px;
	padding: 10px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
*/

#tabViewdhtmlgoodies_tabView1_1 select{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#tabViewdhtmlgoodies_tabView1_1 fieldset{
	margin-bottom: 5px;
	-moz-border-radius: 4px;
}

#tabViewdhtmlgoodies_tabView1_1 legend{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#tabViewdhtmlgoodies_tabView1_1 .field{
	margin-top: 5px;
}

#tabViewdhtmlgoodies_tabView1_1 label{
	width: 60px;
	display: block;
	float: left;
}

#patternLeftCol{
	width:80px;
	padding-right: 5px;
	border-right: 1px solid #c9c9c9;
	float: left;
}

#patternLeftCol .radioField{
 margin-top: 2px;
 margin-bottom: 2px;
}

#patternRightCol{
	width: 325px;
	float: left;
	margin-left: 10px;
}

#dailyDays, #weeklyWeeks, #monthlyDay, #monthlyMonth, #monthlyMonth2, #yearlyDay, #rangeOccurrences{
	width: 40px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#patternRightCol .weeklyChecks{
	float: left;
	width: 80px;
	margin-top: 10px;
}

#rangeLeftCol{
	height: 50px;
	width: 200px;
	float: left;
}

#rangeRightCol{
	height: 50px;
	width: 200px;
	float: left;
}

#rangeStart, #rangeEndByDate{
	width: 100px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#recurringMsg{
	background-color: #ffffe0;
	border: 1px solid #e5e600;
	padding: 5px;
	width: 197px;
	line-height: normal;
}

#recurringMsg h1{
	margin: 0px;
	font-size: inherit;

}

.securityMessage{
	background-color: #ce0000;
	border: 1px solid #510000;
	-moz-border-radius: 3px;
	padding: 3px 5px 3px 5px;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	position: absolute;
	right: 0px;
	top: -9px;
	z-index: 10;
	color: white;
}