@charset "utf-8";
/* CSS Document */

body {
	margin: 		0;
	padding:		0;
	font-family:	Calibri, Verdana, sans-serif;
	font-size:		75%;
	background:		#DDDDDD url(/images/background.png) top left repeat-y;
}

#frame {
	margin:			0 0 0 20px;
	padding:		0;
	width: 			900px;
	background:		#FFFFFF url(/images/watermark.png) bottom right no-repeat;
}

#content {
	padding:		10px 20px;
	font-size:		1.2em;
	clear:			both;
}

#header {
	margin:			0;
	padding:		0;
	height:			101px;
}

#print_header {
	display: 		none;
}

#login {
	float: 			right;
	width:			300px;
	border: 		1px dashed black;
	background-color: 	#efefef;
	padding: 		10px;
	margin:			10px;
}

#login p {
	margin:			5px 0 10px 0;
}

#login .signup {
	text-align:		right;
}

#creditInfo {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		1em;
	font-weight:		bold;
	font-style:		italic;
	letter-spacing:		1px;
	text-align:		right;
	padding:		4px 15px;
	float: 			right;
}

#creditInfo a {
	color:			#000066;
	text-decoration:	none;
}

#creditInfo a:hover {
	color:			#0000FF;
	text-decoration:	none;
}

#operator {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		1em;
	font-weight:		bold;
	padding:		4px 15px;
	float: 			left;
}

#operatorSelect {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		1em;
	font-weight:		bold;
	padding:		4px 15px;
	float: 			left;
	display:		none;
}

#footer {
	font-size:		1em;
	text-align:		center;
}

img {
	vertical-align:		middle;
	border:			none;
}

th {
	text-align:		left;
	width:			150px;
}

input {
	font-family:		Calibri, Verdana, sans-serif;
	font-size:		1em;
	vertical-align:		middle;
}

.rtnMsg {
	border-top:		1px #330000 inset;
	border-left:	1px #330000 inset;
	padding:		5px 10px;
	color:			#990000;
	width:			500px;
}

#buyCredits .invisible {
	width:			50px;
	border:			none;
}

#buyCredits input {
	width:			30px;
}

#buyCredits th {
	width:			80px;
}

#buyCredits table {
	margin-left:	50px;
}

h1 {
	font-family: 	Arial, Helvetica, sans-serif;
	font-size:		1.2em;
	font-weight:	bold;
}

h2 {
	font-family: 	Arial, Helvetica, sans-serif;
	font-size:		1em;
	font-weight:	bold;
}

.selectClient {
	margin:	0 0 20px 30px;
}

.selectClient th {
	font-weight:	normal;
	text-align:		left;
	width:			250px;
}

.initial {
	background:		url(/images/initialBg.png) top left no-repeat;
	width:			120px;
	height:			22px;
	padding:		7px 0 0 13px;
}

/* ####### Drop down menu styles ######## */

#topMenu {
	width:			885px;
	height:			21px;
	padding-right:	15px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		0.9em;
	font-weight:	bold;
	background:		url(/images/top_menu_bg.png) bottom right no-repeat;
	text-align:		right;
}

#topMenu .topMenu_ul {
	text-indent:	0;
	margin:			0;
	padding:		3px 0 0 0;
}

#topMenu .topMenu_li {
	display:		inline;
	margin:			0 0 0 30px;
	padding:		0 0 4px 0;
}

#topMenu a {
	text-decoration:	none;
	color:			#000000;
}

#topMenu a:hover {
	text-decoration:	none;
	color:			#990000;
}

.submenu {
	position:		absolute;
	top:			0;
	border:			1px black inset;
	z-index:		100;
	background-color:	#EEEEEE;
	visibility:		hidden;
	padding: 		10px 8px 10px 8px;
	text-align:		left;
	font-weight:	normal;
}

.submenu a{
	width:			auto;
	display:		block;
	padding:		4px 10px 4px 5px;
}

a {
	text-decoration:	none;
	color:			#990000;
}

a:hover {
	text-decoration:	none;
	color:			#000066;
}

.qna {
	margin:			-10px 0 0 15px;
	font-style:		italic;
}

.print_date {
	display:		none;
}

#report_header {
	margin: 10px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: #E6F0F1;
	padding: 2px;
	text-align: center;
}

#report_header .left {
	float: left;
	text-align: left;
	width: 150px;
}

#report_header .right {
	float: right;
	text-align: right;
	width: 150px;
}

#refer {
	margin: 10px;
	border: 1px inset #dddddd;
	padding: 0 10px;
	background: #FFF3F3;
}

/* JS-Calendar */
.dynCalendarHeader{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
}
.dynCalendarDayname {
	background-color: #eeeeee;
	border: 1px solid #c0c0c0;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 0.8em;
	text-align: center;
}

.dynCalendarDay {
	background-color: #eeeeee;
	color: #000000;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 0.8em;
}

.dynCalendarToday {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 0.8em;
}

.dynCalendar {
	background-color: #c0c0c0;
	border: 2px outset white;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 100;
}