@charset "UTF-8";

/* GENERAL LAYOUT */

* html body {
overflow: auto;
}

img {
	border: none;
	border-width: 0px;
	position:relative;
}

body {
background-color: #29AAE2;
margin:8px;
padding: 0px;
font-family: "Century Gothic", Helvetica, Arial, sans-serif;
font-weight:normal;
	font-size: 12px;
	color: #999999;
	line-height:18px;
}

#mainTable {
height: 100%;
width:100%;
background-color:#FFFFFF;
border: none;
}

#top-left {
width: 20%;
}

#topmenu {
padding-top: 20px;
vertical-align: top;
min-width:457px; 
position:relative; 
overflow:auto
}

#payform {
vertical-align: top;
padding-top: 15px;
padding-left: 4px;
}

#logos {
vertical-align: top;
width: 20%;
text-align: right;
padding-right: 10px;
padding-top: 7px;
}

#left-circles {
vertical-align: top;
height: 308px;
background-image: url(../images/circle.png);
background-position: top right;
padding:0px;
margin:15px 0 0 0;
}

#slide {
vertical-align: top;
background-image: url(../images/loader.gif);
background-position:top center;
background-repeat: no-repeat;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
width: 461px;
}


/* FORMS */

:focus {outline:0;}
input:hover, input:focus,input:active, textarea:hover, textarea:focus, textarea:active {border: 1px solid #29AAE2}

input {margin-bottom: 2px;font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 12px;color: #999999; padding-left:7px;width: 265px;height: 22px;font-size: 12px;border: 1px solid #ccc;background: #ffffff;}
textarea{ margin-top:-0.5px;margin-bottom: 1px;font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 12px;color: #999999; padding-left:5px; padding-top:2px;width: 450px;height: 130px;font-size: 12px;border: 1px solid #CCC;background: #ffffff; resize: none;}

#rollBox:hover {border: 1px solid #29AAE2}

#rollBox{
float:left;
width:263px;
height:21px;
border: 1px solid #CCC;
text-align:left;
}


input.btn { 
color:#999; 
font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 12px;
border: 1px solid; 
border-color: #CCC;
padding-left:6px; 
margin-top:1px; 
width: 52px;
height: 23px;
} 

* html input.btn {
padding-left:0px;
}

input.btnhov { 
	  border-color: #29AAE2; 
	  }

select.styled { 
color:#999; 
font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 12px;
border: 1px solid; 
}

span.select {
  position: absolute;
  width: 231px;
  height: 21px;
  padding: 0 24px 0 8px;
  color: #999999;
  font: 12px/21px arial,sans-serif;
  background: url(../images/select_long.gif) no-repeat right;
  overflow: hidden;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 12px;color: #999999;
}
	  
/* SCROLL AREA */
.percentagewrap {
	width:457px;
	margin: 9px 0px 0px 0px;
	padding: 0 0 0 0;
	}

#mycustomscroll {
width:450px;
height: 315px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
margin: 0px 10px 5px 0px;
padding: 0px 10px 0px 0px;

}


	  
/* SCROLLBAR */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 7px;background: #29AAE2}
.vscrollerbarbeg {height: 7px !important;width: 7px;background: #29AAE2}
.vscrollerbarend {height: 7px;width: 7px;background: #29AAE2}
.vscrollerbase {width: 7px;background: #CCC}
.vscrollerbasebeg {width: 7px;height: 7px !important;background: #ffffff url(../images/scrollbar.png) 0px -7px no-repeat;}
.vscrollerbaseend {height: 7px;width: 7px;background: #ffffff url(../images/scrollbar.png) 0px 0px no-repeat;}
.vscrollerbar, .hscrollerbar {padding: 7px;z-index: 2;}
.scrollerjogbox {width: 7px;height: 7px;top: auto; left: auto;bottom: 0px; right: 0px;background: #ffffff;}

.hscrollerbar {height: 7px;width: 7px;background: #29AAE2}
.hscrollerbarbeg {height: 7px !important;width: 7px;background: #29AAE2}
.hscrollerbarend {height: 7px;width: 7px;background: #29AAE2}
.hscrollerbase {width: 7px;height: 7px;background: #CCC}
.hscrollerbasebeg {width: 7px;height: 7px !important;background: #CCC url(../images/scrollbar.png) -7px -7px no-repeat;}
.hscrollerbaseend {height: 7px;width: 7px;background: #ffffff url(../images/scrollbar.png) -7px 0px no-repeat;}
	  
	  
	  
/* List Menu */

.MyMenu{
	font-size: 14px;
	font-weight: bold;
	color: #29AAE2;
}

/* The actual link of the currently selected item */
.MyMenu li, .MyMenu WebYepMenuCurrentItem a:link, .MyMenu WebYepMenuCurrentItem a:visited, .MyMenu WebYepMenuCurrentItem a:active {
	list-style:none;
	font-weight: normal;
}


/* The actual link of the currently selected item */
.MyMenu li.WebYepMenuCurrentItem, .MyMenu li.WebYepMenuCurrentItem a:link, .MyMenu li.WebYepMenuCurrentItem a:visited, .MyMenu li.WebYepMenuCurrentItem a:active {
	list-style:none;
	font-weight: bold;
}

/* The actual link of the currently selected item when hovering */
.MyMenu a:hover, .MyMenu li.WebYepMenuCurrentItem a:hover {
	color: #ECE11A;
}

/* All trees */
.MyMenu ul {
   padding: 0;
   margin: 0 0 10px 0;
}