body

{

	background-color: white;
	text-align: center;  /*background-image:url(images/bodybackground2.jpg);
  background-repeat:repeat-x;
  background-attachment:scroll;
  font-family:"Trebuchet MS"; */
}	

.textbox {
	font-size: 16px;
	border-color: #cccccc;
	border-style: solid;
	padding: 5px;
	border-width: 3px;
	border-radius: 8px;
	width: 200px;
} 
.textbox:focus { outline:none;  border-color:#AEE4FB;}

.textboxcomment {
	font-size: 16px;
	border-color: #cccccc;
	border-style: solid;
	padding: 5px;
	border-width: 3px;
	border-radius: 8px;
	width: 1000px; 
	box
	
} 

.textboxred {
	font-size: 16px;
	border-color: red;
	border-style: solid;
	padding: 5px;
	border-width: 2px;
	border-radius: 8px;
	width: 200px;
} 
.textboxred:focus { outline:none;  border-color:red;}

.textboxredcomment {
	font-size: 16px;
	border-color: #cccccc;
	border-style: solid;
	padding: 5px;
	border-width: 2px;
	border-radius: 8px;
	width: 1000px; 
	box
	
} 



.textbox2 {
	font-size: 16px;
	border-color: #cccccc;
	border-style: solid;
	padding: 5px;
	border-width: 3px;
	border-radius: 8px;
	width: 500px;
} 
.textbox2:focus { outline:none;  border-color:#AEE4FB;}




.indeximage { background: url(images/fcs2.png); background-repeat: no-repeat } 

.indexTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#999;
}	
.indexText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
	}
		
.errorText {
						font-size: 11pt;
						color: #FF0000;
					}

.errorText1 {
						font-size: 20pt; 
						font-family: Arial, helvetica, sans-serif;
						color: #FF0000;
					}
					
.blueText2 {
	font-size: 11pt;
	color: #0000FF;
					}
					
.titlebar 
{
	background-color: #036;
	font-family: Arial, Helvetica, sans-serif;
	height: 50px;
	font-size: 26px;
	font-style: normal;
	color: #FFFFFF;
}
.titlebardate 
{
	background-color:#036;
	font-family:Arial, Helvetica, sans-serif;
	height: 50px;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
}
th {
						font-family: Arial, helvetica, sans-serif;
						font-size: 14px;
						background-color: #EEE;
					}
td {
						font-family: Arial, helvetica, sans-serif;
						font-size: 12px;
}



.hidden  {
						font-family: Arial, helvetica, sans-serif;
						font-size: 14px;
						color:#0000FF;
}



.pagetitle {
	font-family: Arial, helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #9B9B9B;
}


.openingpage {
	font-family: Arial, helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #272323;
}

.openingpagered {
	font-family: Arial, helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: red;
}

.grouptitle {
	font-family: Arial, helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #909BBD;
}

.pagetitle2 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 30px;
	line-height: 40px;
	color: #000;
}


input.cash {
	text-align: right;
	color: #000;
	background-color: #FBFCDC;
}


input.disabled {
	text-align: right;
	color: black;
	background-color: white;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}


input.text2 {
			text-align: left;
			color:#000;
			background-color: #FBFCDC;
}	
					
.texty {
	vertical-align: bottom;
	color: #000;
}


.btnwhite{
			background-color: #FFFFFF;
}		


   .btn20 {
	background: #81BCF4; 
	background-image: -webkit-linear-gradient(270deg,rgba(130,204,255,1.00) 0%,rgba(41,128,185,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(130,204,255,1.00) 0%,rgba(41,128,185,1.00) 100%);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(270deg,rgba(130,204,255,1.00) 0%,rgba(41,128,185,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(130,204,255,1.00) 0%,rgba(41,128,185,1.00) 100%);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	color: #000000;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.btn20:hover {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  color: #FFFFFF;
}
   
   
      .btn20alert {
	background: #81BCF4; 
	background-image: -webkit-linear-gradient(270deg,rgba(130,204,255,1.00) 0%,rgba(41,128,185,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(130,204,255,1.00) 0%,rgba(41,128,185,1.00) 100%);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(270deg,rgba(130,204,255,1.00) 0%,rgba(41,128,185,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(130,204,255,1.00) 0%,rgba(41,128,185,1.00) 100%);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	width: 400px;
	color: #ffffff;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.btn20alert:hover {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
   
   
      .btn12 {
  background: #81BCF4;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #000000;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}

.btn12:hover {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
    color: #ffffff;
}
  
  
  
   
.boxborder {
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-top-width: thin;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-color: #CCCCCC;
					}
					
	.errorbox {
	border-bottom-color: red;
	border-bottom-style: solid;
	border-left-color: red;
	border-top-color: red;
	border-right-color: red;
	border-top-width: thin;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-color: red;
					}				
					
					
					
					  .ui-tooltip, .arrow:after {

    background: black;

    border: 2px solid white;

  }

  .ui-tooltip {

    padding: 10px 20px;

    color: white;

    border-radius: 20px;

    font: bold 14px "Helvetica Neue", Sans-Serif;

    text-transform: uppercase;

    box-shadow: 0 0 7px black;

  }

  .arrow {

    width: 70px;

    height: 16px;

    overflow: hidden;

    position: absolute;

    left: 50%;

    margin-left: -35px;

    bottom: -16px;

  }

  .arrow.top {

    top: -16px;

    bottom: auto;

  }

  .arrow.left {

    left: 20%;

  }

  .arrow:after {

    content: "";

    position: absolute;

    left: 20px;

    top: -20px;

    width: 25px;

    height: 25px;

    box-shadow: 6px 5px 9px -9px black;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

  }

  .arrow.top:after {

    bottom: -20px;

    top: auto;

  }

#toggle {
	width: 80%;
}