html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: 'Roboto Condensed', Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

.main-container {
	background-color: #eeeeee;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
}


textarea,input {
	border-style: ridge;
	background-color: white;
	color: black;
	border: solid 1px;
}

input[type=image] {
	background: transparent;
	color: black;
	border: none 0px;
}
td,input,select,option,ol,ul,button {
	font-style: normal;
	font-size: 13px;
	font-family: 'Roboto Condensed', Verdana, Helvetica, Arial, sans-serif;
}

textarea {
	font-style: normal;
	font-size: 13px;
}

textarea:focus,input:focus { color: BLACK; background-color: #ccccff; }


fieldset {
	border: #26a solid 1px;
	background-color: #F1F1DA;		/* F1F1DA E8E8E8 */

	/* background-image: url(img/back_help.png); */
	margin: 2px 2px 10px 2px;
}

fieldset.important {
	background-color: #ff8a00;
	color: black;
}

div.help {
	margin: 2px 2px 2px 20px;
	text-align: justify;
}


fieldset.mail_spam_whitelist	{	background-color: #f9f9e3;	}
legend.mail_spam_whitelist		{	background-color: white; color: black; }

fieldset.mail_spam_blocklist	{	background-color: #deddb1;	}
legend.mail_spam_blocklist 	{	background-color: #d40202; color: white; }

fieldset.mail_spam_blacklist	{	background-color: #f1dada;	}
legend.mail_spam_blacklist		{	background-color: black; color: white; }

legend {
	font-weight: bold;
	color: black;
	background: #ffcfcf;
	border: #26a solid 1px;
	padding: 1px 10px
}


	th				{ background-color: black; color: white; text-align: center; font-weight: bold; }
	.trform			{ color: Black; }
	.thnormal		{ font-weight: bold; background-color: black; color: white; text-align: center; }
	.thsmall		{ font-size: 11px; font-weight: normal; background-color: black; color: white; text-align: center; }
	.location		{ color: #20218E; }


	.entry_0				{ background-color: #efefb3; }
	.entry_1				{ background-color: #fffff5; }
	.entry_warn_0		{ background-color: #feabab; }
	.entry_warn_1		{ background-color: #ffe1e1; }
	.entry_hilite_0	{ background-color: #b8e29c; font-weight: bold; }
	.entry_hilite_1	{ background-color: #ceeabb; font-weight: bold; }
	.entry_unpaid_0	{ background-color: #45cb9a; }								/* unpaid services */
	.entry_unpaid_1	{ background-color: #a9ecd4; }


	.small		{ font-size: 9px; text-align: justify; }
	.middle		{ font-size: 15px; color: #959595;  }
	.head		{ font-size: 20px; color: #959595;  }
	.big		{ font-size: 20pt; color: #959595; font-weight: normal }

	.footer_row	{	font-size: 9px; background: BLACK; color: WHITE; text-align: right; }		/* page footer */

	button
	{
		text-align: center;
		border-style: ridge;
		padding: 5px;
	}

	button.password-generator
	{
		background-color: #FFDD00;
		color: BLACK;
		border: solid 1px;
	}


	button.ok
	{
		width: 300px;
		background-color: GREEN;
		color: white;
		font-weight: bold;
		border: solid 1px;
	}
	button.cancel
	{
		width: 300px;		/* 315 */
		background-color: RED;
		color: white;
		font-weight: bold;
		border: solid 1px;
	}


/* ******************************** */
/*                                  */
/*          DHTML Calendar          */
/*                                  */
/* ******************************** */

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{

	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}

#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;
	padding:1px;
	margin:1px;
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}