html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, select, option, textarea,
input.calendarDateInput, select.calendarDateInput
{
        font-family: Arial, Helvetica, Sans-Serif, Verdana;
	font-size: 12px;
	margin: 0px;
}


BODY {
	background-color: white;
        color: #000;
}


A {
	text-decoration: none;
	color : blue;
}

A:hover {
	text-decoration: underline;
	/* font-weight line-through			: bold; */
}

TABLE {
	border-collapse: collapse;
      margin: 0 auto;
	/* width: 100%; */
}

td {
    padding-bottom: 1px;
}

.idABC2 td {
    padding: 0px;
}

TH {
	background-color: #ECECEC;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

td table {
        margin: 0 auto 0 0;
}

/* <<<<<<<<<<<<< CLASS Selector >>>>>>>>>>>>> */

TD.label {
	text-align: right;
	padding-right: 4px;
	padding-top: 2px;
	width: 100px;
	vertical-align: top;
}

INPUT.checkbox {
	vertical-align: center;
}

INPUT.button {
	height: 19px;
	width: 36px;
	font-size: 11px;
}

.jsLink{
	color : blue;
}

.bgColor{
	background-color: white;
}

.holiday {
	text-align: center;
	background-color: #ECECEC;
}

DIV.pageName {
	color: white;
	font-size: 10px;
	background-color: transparent;
	text-align: right;
	/* display          : none; */ /* visibility       : hidden; */
}
.idPageName{
 color: white;
}
DIV.idPageName {
	color: white;
	font-size: 10px;
	background-color: transparent;
	text-align: right;
	/* display          : none; */ /* visibility       : hidden; */
}

.calendarDateInput {
    font-size: 10px;
}

.headingSearch {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.headingSubset {
    text-align: center;
    font-weight: bold;
}

.sysMsg {
    padding-left:15px;
    font-weight: bold;
}

.poweredBy {
    padding-top: 5px;
}

.poweredBy img {
    float: true;
    position: relative;
    top: 5px;
}

.logoBottom {
	display:none;
}

/*-------------------Calender Styles-------------------------*/

.calHeading {
    font-weight: bold;
    color: #000;
}

.calHeadingDOW,  .calHeadingWOY {
    background: #ddd;
    font-weight: bold;
}

.calHeadingDay {
   background: #ddd;
   font-weight: bold;
   color: #000;
   border-bottom: 1px solid #929292;
}

.calDate {
    font-weight: bold;
    font-size: 16px;
}


.calBorder {
   border: 1px solid #929292;
}

.calBorder_left {
    border-left: 1px solid #929292;

}

.calBorder_bottom {
    border-bottom: 1px solid #929292;
}

.calToday {
   border: 2px solid #990000;
}

.calHeadingDOW {
    color: #000;
    border-bottom: 1px solid #929292;
}

.calHeadingDOW a {
    font-weight: bold;
}

.calEvent {
   background: #e9ffce;
   border: 1px solid #999;
   color: #000;
}

.calDayTime{
   color : #000;
   font-weight: bold; 
}

.calHoliday {
   background-color: #ffd1d1;
   border: 1px solid #d2d2d2;
   font-weight: bold; 
   color: #000;
   font-szie: 10px;
   padding-left: 3px;
}
.calCorner {
    background: #ddd;
}

.roundCornerShadowL {
	-moz-box-shadow: 3px 3px 8px #929292;
	-webkit-box-shadow: 3px 3px 8px #929292;
	box-shadow: 3px 3px 8px #929292;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}

.roundCornerShadowM {
	-moz-box-shadow: 0px 0px 2px 2px #929292;
	-webkit-box-shadow: 0px 0px 2px 2px #929292;
	box-shadow: 0px 0px 2px 2px #929292;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
}

.roundCornerShadowS {
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
    border-radius:6px;
    -moz-box-shadow: 0px 0px 2px 2px #929292;
	-webkit-box-shadow: 0px 0px 2px 2px #929292;
	box-shadow: 0px 0px 2px 2px #929292;
	
}

.roundCornerL {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}

.roundCornerM {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
}

.roundCornerS {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}

.shadowL {
	-moz-box-shadow: 3px 3px 8px #777;
	-webkit-box-shadow: 3px 3px 8px #777;
}

.shadowM {
	-moz-box-shadow: 3px 3px 6px #777;
	-webkit-box-shadow: 3px 3px 6px #777;
}

.shadowS {
	-moz-box-shadow: 3px 3px 4px #777;
	-webkit-box-shadow: 3px 3px 4px #777;
}


/*-------------------Form elements---------------*/

.btnNext {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11px;
}

/*--------- contact Form Css---------*/

.txtSmall {
	width: 100px;
}
.txtMedium {
	width: 200px;
}
.txtLarge {
	width: 300px;
}

.areaSmall {
	width: 200px;
	height: 105px;
}
.areaMedium {
	width: 300px;
	height: 200px;
}
.areaLarge {
	width: 400px;
	height: 300px;
}

/*--------- contactForm_edit.jsp---------*/
.eventInformation {
	display:one;	
}

td.left {
	width: 40%;
}

td.right {
	width: 20%;
}

.idErrDiv {
	font-size: 14px; 
	color: red;
}

.msgErrList {
	font-size: 14px; 
	color: red;
}

/*--------- organisationForm_edit.jsp---------*/
#idContactHeading {
	font-size: 12px; 
	font-weight: bold;  
	text-align: center;
}

#idOrgHeading {
	font-size: 12px; 
	font-weight: bold; 
	text-align: center;
}

