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



html,body{
  	margin:0;
  	padding:0;
  	border:0;
  	height:100%;
}
body{
  	background:#ffffff;
  	color:#2a2a2a;
  	min-width:697px;
  	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
}
a:link {
	color: #99CC00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #99CC00;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}
#ajax_display {
    position: fixed; top: 49%; left: 35%; border:0px; z-index: 50; width: 110px; height: 100px; margin: auto 0;
}
#mainPan {
	width:697px;
	position:relative;
	margin:0 auto;
}
#bodyPan {
	width:697px;
	margin:0 auto;
}
.clear {
  	clear:both;
  	height:1px;
  	overflow:hidden;
  	line-height:1%;
  	font-size:0px;
  	margin-bottom:-1px;
}
.spacer { margin-bottom:10px; }

/*HEADER*/
#header {
	margin-top: 10px;
	height: 54px;
	width: 697px;
	background:url(images/header.gif) 0 0 no-repeat;
}

/*MENU*/
#menu {
	margin-top: 10px;
	height: 36px;
	width: 697px;
}
#menu a:link {
	color: #2a2a2a;
	text-decoration: none;
}
#menu a:visited {
	text-decoration: none;
	color: #2a2a2a;
}
#menu a:hover {
	text-decoration: none;
	color: #006600;
}
#menu a:active {
	text-decoration: none;
	color: #2a2a2a;
}
#menu #welcome {
	height: 36px;
	width: 401px;
	background:url(images/bg-welcome.gif) 0 0 no-repeat;
	padding-left: 22px;
	padding-top: 8px;
	margin-right: 10px;
	font-size:16px;
	float:left;
}
#menu #addnew {
	height: 36px;
	width: 83px;
	background:url(images/bg-addnew.gif) 0 0 no-repeat;
	padding-left: 40px;
	padding-top: 8px;
	margin-right: 10px;
	font-size:16px;
	float:left;
	cursor: pointer; cursor: hand;
}
#menu #list {
	height: 36px;
	width: 75px;
	background:url(images/bg-list.gif) 0 0 no-repeat;
	padding-left: 50px;
	padding-top: 8px;
	font-size:16px;
	float:left;
	cursor: pointer; cursor: hand;
}

/*CONTENT*/
#content {
	margin-top: 10px;
	width: 697px;
}
#content #top-content {
	height: 6px;
	width: 697px;
	background:url(images/bg-top-content.gif) 0 0 no-repeat;
}
#content #center-content {
	min-height: 350px;
	width: 697px;
	background:url(images/bg-center-content.gif) 0 0 repeat-y;
}
#content #bottom-content {
	height: 6px;
	width: 697px;
	background:url(images/bg-bottom-content.gif) 0 0 no-repeat;
}
#content #text {
	padding:20px;
	color: #b4cff2;
	background:none;
}
#content #text #maintable {
	color: #2a2a2a;
}
#content #text p {
	margin:0px;
	padding:0px;
	color: #b4cff2;
	background:none;
}
#content #text p.msg {
	margin-bottom:10px;
	padding:10px;
	color: #b4cff2;
	text-align:center;
	background: #6699FF;
	border:solid 1px #000066;
	-moz-border-radius: 4px;
}
#content #text p.msg span {
	background: url(images/exclamation.png) 0 -10px no-repeat;
	padding-left:30px;
}

/* FORM BOX */
#formM { padding:10px;}
#formM p { padding-left:72px;padding-top:10px; font-size:11px;padding-bottom:10px; }
#formM .inputM{
	border:none;
	color:#2a2a2a;
	background:url(images/bg-field.gif) 0 0 no-repeat;
	width:327px;
	height:26px;
	padding:2px;
	font-size:14px;
	margin-bottom:10px;
	cursor: pointer; cursor: hand;
}
#formM #fieldBox {
	width:367px;
	float:right;
	margin-right:4px;
	margin-top:-10px;
	margin-bottom:20px;
}
#formM #submenu {
	width:40px;
	height:150px;
	float:left;
}
#formM #submenu #icon {
	width:22px;
	height:29px;
	float:left;
	margin-right:10px;
}
#formM #submenu #icon img {
	border:none;
}
#formM #submenu #icon.space {
	margin-top:10px;
}
#formM #collection{
	border:none;
	color:#2a2a2a;
	width:307px;
	float:left;
	background:none;
}
#formM #collection #top-box {
	height: 6px;
	width:337px;
	background:url(images/bg-top-box.gif) 0 0 no-repeat;
}
#formM #collection #center-box {
	width:337px;
	background:url(images/bg-center-box.gif) 0 0 repeat-y;
}
#formM #collection #bottom-box {
	height: 6px;
	width:337px;
	background:url(images/bg-bottom-box.gif) 0 0 no-repeat;
}
#formM #collection #center-box #text {
	padding:10px;
	color:#2a2a2a;
}

#formM #collection #center-box #text #divTxt {
	color:#2a2a2a;
}

#formM .textareaM{
	border:1px solid #C0C0C0;
	color:#666666;
	font-size:16px;
	cursor: pointer; cursor: hand;
}
#formM label{
	display:block;
	color:#b4cff2;
}

#formM label span{
	display:block;
	float:left;
	padding-right:6px;
	width:300px;
	text-align:left;
	font-weight:bold;
	font-size:16px;
}
#formM .note{
	float:right;
	margin-top:-5px;
	width: 325px;
	font-size:10px;
}
#formM .buttonM{
	background:url(images/bg-button.gif) 0 0 no-repeat;
	border:none;
	height:75px; 
	width:116px;
	color:#b4cff2;
	padding-bottom:40px;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	cursor: pointer; cursor: hand;
}

/*FOOTER*/
#footer {
	margin-bottom: 20px;
	margin-top: 20px;
	height: 30px;
	width: 697px;
	text-align:center;
}
#footer a:link {
	color: #2a2a2a;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #2a2a2a;
}
#footer a:hover {
	text-decoration: underline;
	color: #0099FF;
}
#footer a:active {
	text-decoration: none;
	color: #2a2a2a;
}