@import url('scripts/diabox.css');
/*#@import url('includes/css/bootstrap.min.css');*/
/*#@import url('includes/css/donorbox.css');*/
/**********************************
 * TITLE: Gila Screen Stylesheet  * 
 * URI  : gila/gila-screen.css    *
 * MODIF: 2003-Apr-30 19:09 +0800 *
 **********************************/


/* ##### Common Styles ##### */

body {
  color: black;
  background-color: #ffffff;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 11pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


/* ##### Header ##### */

#header {
  color: inherit;
  background-color: #ccc;
  text-align: center;
}

.headerTitle {
  margin: 0;
  padding: 0.25em 4mm 0.25em 4mm;
}

.headerTitle a {
	color: black;
	background-color: transparent;
	text-decoration: none;
	font-size: 80%;  /* For MSIE */
	font-weight: bold;
	font-style: italic;
}

.headerTitle > a {
	font-size: 80%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}

.subHeader {
	color: black;
	background-color: white;
	font-size: 100%;
	text-align: center;
	margin: 0;
	padding: 0.5ex 0;
	border: thin solid #000000;
	max-width:500px;
	margin: 0px auto;
}
.subHeader p {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;	
}
.subHeader a {
	color: black;
	background-color: white;
	text-decoration: underline;
	font-weight: bold;
	margin: 0;
	padding: 0 1ex;
	
}

.subHeader a:hover {
	color: #c0c0c0;
	background-color: white;
	text-decoration: underline;
	font-weight: bold;
	margin: 0;
	padding: 0 1ex;
	font-style: italic;
}



/* ##### Left Side Bar ##### */

.leftSideBar {
  width: 12.5em;
  float: left;
  clear: left;
}

.leftSideBar .sideBarTitle {
  color: #000000;
  background-color: #c0c0c0;
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
}

.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

.leftSideBar li {
  margin: 1ex;
  padding: 0 0 1.25ex 0.75ex;
}

.leftSideBar a {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar a:hover {
  color: rgb(64,64,64);
  background-color: transparent;
  text-decoration: underline;
}

.leftSideBar .sideBarText {
  color: #000000;
  background-color: transparent;
  line-height: 1.25em;
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;
}

.leftSideBar .sideBarText a {
   color: #2534f4;
  text-decoration: underline;
}

.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}

.leftSideBar .thisPage {
  color: rgb(64,64,64);
  background-color: transparent;
  font-weight: bold;
}


/* ##### Right Side Bar ##### */

.rightSideBar {
	width: auto;
	float: right;
	clear: right;
	border: 2.5px solid rgb(216,210,195);
	margin-top: 2ex;
	margin-right: 0.75ex;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 2ex;
	padding-bottom: 0;
	padding-left: 2ex;
	display: block;
	z-index: 100;
}

[class~="rightSideBar"] {
  margin-right: 1.5em;
}

.rightSideBar .sideBarTitle {
  color: #000000;
  background-color: #c0c0c0;
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
}

.rightSideBar a {
  color:#2534f4;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

.rightSideBar a:hover {
  text-decoration: none;
}

.rightSideBar .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 2ex 1em 2ex;
}

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;
  display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}


/* ##### Main Copy ##### */

#container {
  /* width: auto; */
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 auto; /*  0 0 12.5em; */
 /* padding: 0.5ex 18em 1em 1em; */
  min-height: 255px;
}

#container h1 {
  color: #2534f4;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  
}
#container h3 {
  color: #2534f4;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 125%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  
}
/*#container a {
  color: #2534f4;
  background-color: transparent;
  text-decoration: underline;
} 

#container a:hover {
  text-decoration: none;
} */

p {
	padding: 0;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
}
#welcome{
	border: 1px solid #2534f4;
	padding: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#dyntables {
	border: 1px solid #005596;
	width: 100%;
}
#reporttables {
	border: 1px solid #005596;
	width: 100%;
	margin: 0px;
	padding: 2px;
}
#reporttables td {
	border: 1px dashed #005596;
}

#reporttables th {
	border: 1px dashed #005596;
	padding: 0px 5px;
}
/**********  Form Styles  *************/


input[type='text'],textarea {
	box-shadow: none;
	width: 95%;
        -ms-box-sizing:content-box;
        -moz-box-sizing:content-box;
        -webkit-box-sizing:content-box; 
        box-sizing:content-box;
}
select, textarea {
  width: 95%;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  box-sizing:content-box;
}

input[type=button], input[type="submit"] {
  margin: 2px 5px; 
}

/**********  Div Form style  *********/
.gridform {
	width: 95%;
}

.gridheader {
   align: center;
   display: block;
   background-color: #;	
}

.gridrow {
	display: block;
}

label {
	/*float: left;
	width: 120px; */
	font-weight: bold;
	background-color: #;
	font-size:11pt; 
	font-family:Arial, Helvetica, sans-serif;
}

#recurringonce,#recurringradio {
	background-color: #;
}

.recurinput {
	margin: 0px auto;
	min-margin: 0px 25px;
	padding: 0px 25px; 
	/* border: 1px solid; */
	
	text-align: center;
	min-width: 375px;
	max-width: 400px;
}
.for_radio {
	padding-right: 5px;
}
#amtOther {
	padding-right: 2px;
  vertical-align: baseline;
  display:none; 
  margin:10px;
}
#amtOther + label {
  margin: 5px 2px;
}
#amountinput {
  min-width:80px;
}
#new_payment1 label {
        padding-right: 3px;
}
#recurringradio {
        margin: 4px;
}

div.error { display: block; color: #f00; font-weight: bold; font-size: 1.2em; }
  span.error { display: block; color: #f00; font-style: italic; }
  .success { color: #00f; font-weight: bold; font-size: 1.2em; }
  /*form label { display: block; font-weight: bold; }*/
  fieldset { width: 90%; }
  legend { font-size: 24px; }
  .note { font-size: 18px;}



/**********  Table style  *********/
table {
        border: 0px;
		border-collapse:collapse;
        cellspacing: 0px;
        cellpadding: 3px;
		/* width: 75%; */
		min-width: 475px;
		margin: 0px auto;
 }
 
table.inner {
 	    border-spacing:0px 2px;
		width: 100%;
		min-width: 300px;
 }
 
table.inner td.left {
	width: 80px;
}
 
th {
	height: 25px;
	text-align: center;
	/*  width: 100%; */
}

td {
	text-align: left;
	width: auto;
	padding: 1px 0px;

}

td.right {
	text-align:right;
}

td.left {
	text-align: left;
	width: 300px;
}

td.center{
	text-align: center;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}
log-in {
	color: black;
	background-color: white;
	text-align: center;
	line-height: 1.5em;
	margin: 0 0 0 12.5em;
	padding: 0.5ex 15em 1em 1em;
	border-left: #2534f4;
}


/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

a.popup, a.popup:visited {
	position: relative;
	text-decoration: none;
}

a.popup span {
	display: none;
}

a.popup:hover span {
	display: block;
	position: absolute;
	top: -50px;
	left: 80px;
	margin: 0px;
	padding: 10px;
	color: #;
	font-weight: normal;
	background-color: #ffffff;
	/* background-color: #; */
	text-align: left;
	border: 1px solid #666;
}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index: 0;*/
}

.thumbnail:hover {
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0px; 
	/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; 
	width: 200px;
	top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	left: 300px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index: 0;*/
}

.thumbnail2:hover { 
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
	border-width: 0px;
	/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
	visibility: visible; width: 208px;
	top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { 
	text-decoration:none;
	z-index: 50; 
}

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { 
	border: 2px solid #e9e9e2; 
	background: transparent; 
}

a.thumbnail2 img:visited { 
	border: 2px solid #e9e9e2; 
	background : transparent; 
}

a.thumbnail2 img:hover { 
	border: 2px solid #f00; 
	background : transparent; 
}

a.thumbnail2 img:active { 
	border: 2px solid #e9e9e2; 
	background : transparent; 
}

a.thumbnail2 img { 
	border: 2px solid #e9e9e2; 
}

/*end of hover popup links*/

/* ##### Calendar Styles ##### */
.JsDatePickBox{position:relative;width:212px;font-family:Arial;}.JsDatePickBox .jsDatePickCloseButton{cursor:pointer;position:absolute;z-index:1;top:1px;right:10px;width:33px;height:13px;background:url(images/datepicker/closeButton_normal.gif) left top no-repeat;}.JsDatePickBox .jsDatePickCloseButtonOver{cursor:pointer;position:absolute;z-index:1;top:1px;right:10px;width:33px;height:13px;background:url(images/datepicker/closeButton_over.gif) left top no-repeat;}.JsDatePickBox .jsDatePickCloseButtonDown{cursor:pointer;position:absolute;z-index:1;top:1px;right:10px;width:33px;height:13px;background:url(images/datepicker/closeButton_down.gif) left top no-repeat;}.JsDatePickBox .boxLeftWall{float:left;width:7px;margin:0;padding:0;}.JsDatePickBox .boxLeftWall .leftTopCorner{margin:0;padding:0;width:7px;height:8px;background:url(images/datepicker/boxTopLeftCorner.png) left top no-repeat;overflow:hidden;}.JsDatePickBox .boxLeftWall .leftBottomCorner{margin:0;padding:0;width:7px;height:8px;background:url(images/datepicker/boxBottomLeftCorner.png) left top no-repeat;overflow:hidden;}.JsDatePickBox .boxLeftWall .leftWall{margin:0;padding:0;width:7px;background:url(images/datepicker/boxSideWallPx.gif) #fff left top repeat-y;overflow:hidden;}.JsDatePickBox .boxRightWall{float:left;width:7px;margin:0;padding:0;}.JsDatePickBox .boxRightWall .rightTopCorner{margin:0;padding:0;width:7px;height:8px;background:url(images/datepicker/boxTopRightCorner.png) left top no-repeat;overflow:hidden;}.JsDatePickBox .boxRightWall .rightBottomCorner{margin:0;padding:0;width:7px;height:8px;background:url(images/datepicker/boxBottomRightCorner.png) left top no-repeat;overflow:hidden;}.JsDatePickBox .boxRightWall .rightWall{margin:0;padding:0;width:7px;background:url(images/datepicker/boxSideWallPx.gif) #fff right top repeat-y;overflow:hidden;}.JsDatePickBox .topWall{position:absolute;overflow:hidden;top:0;left:7px;width:198px;height:4px;background:url(images/datepicker/boxTopPx.gif) #fff left top repeat-x;}.JsDatePickBox .bottomWall{position:absolute;overflow:hidden;bottom:-1px;left:7px;width:198px;height:4px;background:url(images/datepicker/boxTopPx.gif) #fff left top repeat-x;}.JsDatePickBox .hiddenBoxLeftWall{float:left;width:0;overflow:hidden;overflow:hidden;}.JsDatePickBox .hiddenBoxRightWall{float:left;width:0;overflow:hidden;overflow:hidden;}.JsDatePickBox .boxMain{float:left;background-color:#fff;margin:0;padding:15px 0 5px 0;}.JsDatePickBox .boxMainStripped{background:#fff;border:none;}.JsDatePickBox .tooltip{height:12px;line-height:11px;overflow:hidden;font-size:10px;color:#666;text-align:left;padding:0;margin:2px 0 2px 0;}.JsDatePickBox .weekDaysRow{height:12px;overflow:hidden;line-height:11px;font-size:10px;color:#666;text-align:center;padding:0;margin:2px 0 0 0;}.JsDatePickBox .weekDaysRow .weekDay{float:left;height:14px;overflow:hidden;width:24px;margin:0 5px 0 0;padding:0;}.JsDatePickBox .boxMainInner{background:#fff;width:198px;float:left;margin:5px 0 0 0;padding:0;}.JsDatePickBox .boxMainCellsContainer{background-color:#fff;margin:0;padding:0;}.JsDatePickBox .boxMainInner .controlsBar{overflow:hidden;height:20px;position:relative;}.JsDatePickBox .boxMainInner .controlsBarText{overflow:hidden;height:20px;line-height:20px;color:#000;font-size:12px;text-align:center;}.JsDatePickBox .boxMainInner .monthForwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:22px;background:url(images/datepicker/monthForward_normal.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthForwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:22px;background:url(images/datepicker/monthForward_over.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthForwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:22px;background:url(images/datepicker/monthForward_down.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthBackwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:22px;background:url(images/datepicker/monthBackward_normal.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthBackwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:22px;background:url(images/datepicker/monthBackward_over.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthBackwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:22px;background:url(images/datepicker/monthBackward_down.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearForwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:0;background:url(images/datepicker/yearForward_normal.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearForwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:0;background:url(images/datepicker/yearForward_over.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearForwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:0;background:url(images/datepicker/yearForward_down.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearBackwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0;background:url(images/datepicker/yearBackward_normal.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearBackwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0;background:url(images/datepicker/yearBackward_over.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearBackwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0;background:url(images/datepicker/yearBackward_down.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .skipDay{cursor:default;overflow:hidden;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;}.JsDatePickBox .boxMainInner .dayNormal{-khtml-user-select:none;font-size:12px;cursor:pointer;overflow:hidden;color:#4c4c4c;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayNormalToday{-khtml-user-select:none;font-size:12px;cursor:pointer;overflow:hidden;color:#f40f0f;font-weight:bold;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayDisabled{-khtml-user-select:none;cursor:default;font-size:12px;overflow:hidden;color:#999;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayOver{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;color:#4c4c4c;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayOverToday{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;font-weight:bold;color:#f40f0f;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayDown{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;color:#F9F9F9;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayDownToday{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;color:#f40f0f;font-weight:bold;width:24px;height:25px;float:left;margin:4px 5px 0 0;padding:0;text-align:center;line-height:25px;}

#calendar {
  position: absolute;
  z-index: 10;
  background-color: #;
}
.month_title {
  text-align: center;
  font-weight:bold;
  width: 149px;
  margin: 1px 2px;
  padding: 1px 0;
  border: 1px solid #333333;
}
.month_name {
  float: left;
  width: 109px;
}
.month_move {
  float: left;
  width: 20px;
}
.week_day {
  float: left;
  width: 20px;
  margin: 1px;
  font-size: 10px;
  background-color: #666666;
  color: #FFFFFF;
  text-align: center;
  padding: 1px 0;
}
.no_day {
  float:left;
  width: 22px;
  height: 22px;
}
.day, .day_today {
  float:left;
  width: 18px;
  height: 18px;
  border: 1px solid #999999;
  background-color: #EEEEEE;
  margin: 1px;
  padding: 1px 0 0 0;
  font-family: Arial;
  text-align: center;
}
.day_today {
  border: 1px solid #CC0000;
  font-weight: bold;
}
.r {
	border: 0 none;
	margin: 0;
	padding: 0;
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0; 
}
/*End of Calendar  */

/* ##### Footer ##### */

#FRfooter {
  color: #EAEAEA;
  background-color: #ccc;
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

#FRfooter div {
  margin: 0;
  padding: 0 0 1ex 0;
}

/*#FRfooter a {
  color: #ffffff;
  background-color: #cc6600; 
  text-decoration: underline;
  font-weight: bold;
}

#FRfooter a:hover {
  text-decoration: none;
} */