/**
 * POPUP CONTAINER STYLES
 */
 legend {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000; margin: 10px 0 0 0;
}
 fieldset { 
 	padding: 10px;
 	border: #00a1cd 2px solid;
 	margin:0px;	
 }
 .form-bg{
 	background-repeat: repeat-x; 
 	background-image: url(../images/form-bg.gif);
 	background-position:top;
 }
.footerBg{
 	background-repeat: repeat-x; 
 	background-image: url(../images/banner_2.jpg);
 	background-position:top;
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #333;
}
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("../images/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#mainframe { border-color: #0085aa; margin: 5px; border-width: 8px; border-style: ridge;
}

#maininnerframe { border-color: #00A1CD; border-width: 8px; border-style: solid;
}

#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 12px double #006db3;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #006db3;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

/* button */

.button {
	width:135px;
	position: relative;
	padding: 4px 2px;
	margin: 12px 0;
	font-weight: bold;
	text-transform: capitalize;
	text-align:left;
	font-family: sans-serif, Helvetica, Verdana, Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	border-color: #57b3da;
	border-style: outset;
	border-width: 3px;
	background-color: #abebff;
	font-size: .8em;
	color: #10222c;
	cursor:pointer;
}

.button a {	text-decoration: none;}

.button a:hover {
	text-shadow: -2px -2px white;
	color: #104f77;
	text-decoration: none;
}

.button:active {
	border-color: #4a9abe;
	border-style: inset;
	background-color: #79c9e5;
}
.button-small {
	width: 75px;
	position: relative;
	padding: 1px;
	margin: 3px;
	font-weight: bold;
	text-transform: capitalize;
	font-family: sans-serif, Helvetica, Verdana, Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	border-color: #57b3da;
	border-style: outset;
	border-width: 3px;
	background-color: #abebff;
	font-size: 1em;
	color: #10222c;
	cursor:pointer;
}

.tab {font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; color: #000; background-color: #00A1CD;}
.tabcur {color: #000000; background-image: url(../images/numbers2.gif); background-color: #00A1CD;	background-repeat: no-repeat; width: 42px;	background-position: left top;	height: 35px; line-height: 32px; margin: 0px; padding: 0px;	text-align: center;	display:none;}
.taboff {color: #000000; background-image: url(../images/numbers1.gif);	background-color: #00A1CD; background-repeat: no-repeat; width: 42px;	background-position: left top; height: 35px; line-height: 32px; margin: 0px; padding: 0px;	text-align: center;}
.tabon { color: #ffffff; background-color: #00A1CD;	background-image: url(../images/numbers.gif);	background-repeat: no-repeat; width: 42px;	background-position: left top; height: 35px; line-height: 33px; margin: 0px; padding: 0px;	text-align: center;	display:none; text-decoration:none;}
.tabon a { color: #ffffff;	text-decoration:none;}
.tabon a:hover { color: #ffffff; text-decoration:none;}
.button-small :hover {
	text-shadow: -2px -2px white;
	color: #104f77;
}

.button-small :active {
	border-color: #4a9abe;
	border-style: inset;
	background-color: #79c9e5;
}
/* used to make a button into an "advance to next" button */
.advance { 
	bottom: 2em; 
	right: 12px; 
	max-width: 220px; position: relative; 
	float: right; 
}

#alertbox {
	background-color: #54abd3;
	padding: 5px 15px 15px 15px;
	}
	
#alertbox p { color: #000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
	 
#wrap{ width:485px;}
 
 p {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000;}
 /* use this whereever the main form color is needed */
 .GBCcolor { 
 	background-color: #00A1CD; 
 }
 
a{color:#000000; text-decoration:underline;}
a:hover{color:#000000; text-decoration:underline;}