@charset "ISO-8859-1";
/* CSS Document */

/****** reset styles ******/
html, body, div, span, 
applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, 
samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, legend, 
table, caption, tbody, tfoot, thead, 
tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: normal;
} 


/****** html styles ******/
body {
	color: #333;
	background: #000000;
	padding: 20px 0 0 10px;
	font-size: small;
	line-height: 1.33;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
} 

ul { 
 	list-style: circle; 
	margin-top: 5px;
	margin-bottom: 5px;
} 

ul ul { 
	list-style: square; 
} 

ul ul ul { 
	list-style: none; 
	padding-left: 1.5em; 
	text-indent: -1em; 
} 

h4, h5, h6 { 
	font-weight: bold; 
} 

h1 {
	font-size: 185%;
} 

h2 { 

	font-size: 125%;
	text-align: center;
	padding:1px;
	color: red;  
}
 
h3 { 
	font-size: 100%;
	text-align: center;
	color: #FFFFFF;
}
 
h4 { 
	font-size: 95%;
	font-weight: normal;
	color:#FF6600 
} 

h5 { 
	font-size: 110%; 
}

p {
	margin-top: 5px;
	margin-bottom: 20px;
}

 
ins { 
	text-decoration: none; 
	background: #FED; 
	font-style: italic; 
} 

/* tables still need 'cellspacing="0"' */ 
table { 
 	border-collapse: collapse; 
 	border-spacing: 0; 
}

/********Math RM Wrappers********/
#wrapper {
	background-image: url(roadbkground1.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	min-height:35em;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
}

#wrapper1 {
	background-image: url(roadbkground1.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	min-height:35em;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
}


#wrapper2 {
	background-image: url(roadbkground2.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	min-height:35em;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
}

#wrapper3 {
	background-image: url(roadbkground3.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	min-height:35em;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
}

/********English RM Wrappers********/

#wrapper_eng {
	background-image: url(englishbkground3.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
min-height:42em;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
}

#wrapper_eng1 {
	background-image: url(englishbkground3.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
min-height:42em;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
}


#wrapper_eng2 {
	background-image: url(englishbkground2.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
min-height:42em;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
}

#wrapper_eng3 {
	background-image: url(englishbkground1.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
min-height:42em;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
}


.campus_final {

	text-align: center;
	width: 467px;
	color: #fff;
	font-size: 250%;
	font-weight: bold;
	position: absolute;
	top: 450px;
	left: 20px;


}

#signage {
	position:relative;
	left: 25px; 
	top: 30px;
	padding-bottom: 60px;
	
}

#steptop {
	background-image: url(steptop.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 128px; height: 8px; 
}

#stepbtm {
	background-image: url(stepbtm.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 128px; height: 8px; 
}

#step {
	border-left:4px solid #ffffff;
	border-right:4px solid #ffffff;
	width: 120px;
	background: #006f53;
	font-size: 150%;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-top: -3px;
	margin-bottom: -3px;
	
}

#signtop {
	background-image: url(signtop.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 505px; height: 27px; 
}

#signbtm {
	background-image: url(signbtm.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 505px; height: 27px;
	margin-top: 0px; 
}
 
#sign {
	border-left:8px solid #ffffff;
	border-right:8px solid #ffffff;
	width: 469px;
	background: #006f53;
	color: #ffffff;
	text-align: center; 
	padding:0px 10px 0px 10px;
}

#signcontent {
	text-align:left;
	margin: 20px;
	font-size: 150%;
}

#sign_next {

	clear:both;
	text-align:right;
	margin: 0 20px 0 0;
	padding: 0;
}

#sign_next a:active {

	border: 1px #000 dotted;
}


#intro a:active {
	border: 1px #000 dotted;
}


#buttons_wrapper {
	text-align: center;
	float: left;


	width: 435px;
	margin-left: 25px;
	margin-right: 10px;

}

.buttons1 {
	float: left;
	width: 150px;
	text-align: center;
	margin: 10px 0px 10px 130px;
} 

.buttons2 {
	float: left;
	width: 140px;
	text-align: center;
	margin-left: 65px;
	margin-right: -50px;
	margin-bottom: 10px;
}

.buttons3 {
	float: left;
	width: 140px;
	text-align: center;
	margin: 10px 0px 10px 0px;

} 


button:active {
	border: 1px dotted #000;
}

	


#question {
	font-size: 140%;
	color: #ffbe00;
	text-align: center;
	margin: 20px 5px 0px 10px;
}

#answer img{
	margin: 10px 20px 0px 0px;
	padding: 0;
}

#profile { 
	padding: 0 20px 0 20px;
	border-left: 4px solid #ada6a6; 
	border-right: 4px solid #ada6a6; 
	width: 281px; 
	margin-left: 4px;
	margin-top: -7px;
	margin-bottom: -5px;
	min-height: 11em;
	text-align: center; 
	color: #ffffff; 
}

#profile p{ 
	font-size: 95%;
	color:#FF6600;
	padding: 0;
	margin: 0 0 5px 0;
} 


#profiletop { 
	background-image: url(profiletop.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 338px; height: 27px; 
}

#profilebtm { 
	background-image: url(profilebtm.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 338px; height: 27px;
	
}



#meter { 
	border-left: 2px solid #ada6a6; 
	border-right: 2px solid #ada6a6; 
	width: 168px; 
	margin-left: 3px;
	text-align: center; 
	color: #ffffff; 
	height: 11em;
	margin-bottom: -12px;
}

#metertop { 
	background-image: url(metertop.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 180px; height: 27px; 
}

#meterbtm { 
	background-image: url(meterbtm.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 180px; height: 27px;
	
}


#rmsteps { 
	border-left: 3px solid #ada6a6; 
	border-right: 3px solid #ada6a6; 
	width: 246px; 
	margin-left: 4px;
	text-align: center; 
	color: #ffffff; 
	margin-top: -7px;
	margin-bottom: -5px;
	min-height: 11em;
}

#rmstepstop { 
	background-image: url(rmstepstop.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 260px; height: 27px; 
}

#rmstepsbtm { 
	background-image: url(rmstepsbtm.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 260px; height: 27px;
	
}

#rmsteps ol{
	padding:10px 20px 5px 55px;
	text-align:left;
}

#rmsteps .current{
	color: #FF6600;
	font-weight: bold; 
}




#tools { 
	
	width: 180px; 
	text-align: center; 
	color: #ffffff; 

	margin-left: 5px;

	min-height: 11em;
}

#tools_int { 
	color: #ffffff; 
	margin: 5px auto;
	width: 1000px;

}

#tools ul{
	padding:0;
	margin:0;
	text-align:left;
	list-style: none;
}

#tools_int ul{
	padding:0;
	margin:0;
	text-align:left;
	list-style: none;
	float:right;
}

#tools li {
	background: url(uploads/2j/Nj/2jNj3WfeKAt2u5imCv-BUg/horizontalbtn.gif) top left no-repeat;
	padding: 0;
	margin: 3px 0;
	line-height: 50px;
}

#tools_int li {
	background: url(uploads/2j/Nj/2jNj3WfeKAt2u5imCv-BUg/horizontalbtn.gif) top left no-repeat;
	margin: 3px 0px 3px 10px;
	line-height: 50px;
	float:left;
	width: 180px;

}

#tools a, #tools_int a {
	font-size: 90%;
	margin-left: 13px;
	font-weight: bold;
	padding: 5px 0 5px 30px;
	color: #fff;
	text-decoration: none;

}

#tools a:hover, #tools_int a:hover {
	color: red;
}

#tools a:active, #tools_int a:active {
	color: red;
}

#tools a.print {
	background: url(uploads/tc/Yi/tcYi75QQUjLzSeZGVfejJw/printicon.gif) left no-repeat;
}

#tools a.startover {
	background: url(uploads/2D/fa/2DfaLxDp1PBU6SA2zYGqog/startovericon.gif) left no-repeat;
}

#tools_int a.startover {
	background: url(uploads/2D/fa/2DfaLxDp1PBU6SA2zYGqog/startovericon.gif) left no-repeat;
	padding-left: 40px;
}

#tools a.help {
	background: url(uploads/Fj/bQ/FjbQcoefrXPHVUeC5sJl8w/helpicon.gif) left no-repeat;
}

#tools a.exit {
	background: url(uploads/PS/OC/PSOCYeyb9iUSucxnJM66Tg/exiticon.gif) left no-repeat;
}

#tools_int a.exit {
	background: url(uploads/PS/OC/PSOCYeyb9iUSucxnJM66Tg/exiticon.gif) right no-repeat;
	padding-right: 60px;
	margin-left: 35px;

}

#toolstop { 

	
	width: 195px; 
}

#toolsbtm { 

	background-position: top left; 
	background-repeat: no-repeat; 
	width: 195px; height: 27px;
	
}

#dashboard {
	min-height: 14em;
	margin:0 auto;
	border-top:1px solid red;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff; 
	padding:12px 0 12px 2px;
	width: 998px;
	text-align:left;	
	
}

.dashboard_box {
	float:left;
	margin: 0 0 0 5px;
	padding: 0;
}

.dashboard_box a {
	color: #fff;
	text-decoration: none;
}

.dashboard_box .current a{
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}

.button {
	padding: 3px;
	text-decoration: none;
	border: 1px #ccc solid;
	background-color: #FFFF33;
	margin: 5px;

}
	
button {
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
	color: #fff;
}

/*Yellow signs are panel 1 and panel 2*/

#panel1 {
	margin-top: 5px;
}

#panel1.yui-panel .hd { 
	
	background-image: url(yellowtopyes.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 501px; height: 42px; 
}

#panel1.yui-panel .ft{ 
	background-image: url(yellowbtm.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 501px; height: 14px;
	
}

#panel1 .bd {
	padding: 5px 5px 0px 5px;
	border-left: 3px solid #000000; 
	border-right: 4px solid #000000; 
	border-top: none;
	border-bottom: none;
	background-color: #ffbe00; 
	width: 484px; 
	margin-left: 0px;
}

#panel2 {
		margin-top: 5px;

}

#panel2.yui-panel .hd { 
	background-image: url(yellowtopno.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 501px; height: 42px; 
}

#panel2.yui-panel .ft{ 
	background-image: url(yellowbtm.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 501px; height: 14px;
	
}

#panel2 .bd {
	padding: 5px 5px 0px 5px;
	border-left: 3px solid #000000; 
	border-right: 4px solid #000000; 
	border-top: none;
	border-bottom: none;
	background-color: #ffbe00; 
	width: 484px; 
	margin-left: 0px;
}

.yellowcontent {
	text-align:left;
	width: 360px;
	margin: 0px 10px 0px 20px;
	font-size: 120%; 
	color: #000000;
	float:left;
	background: #ffbe00; 
}

.nextbutton img{
	float:right;
	margin-top: 0;
	padding: 5px 0px 0px 0px;
}

/**extra panel styles**/

#panel3, #panel5 {
	text-align: left;
	color: black;

}


#panel4	 {
	text-align: center;
	background: #fff;
}


#whitetop {
	float:left;
	background-image: url(whitetop.png); 
	background-position: top; 
	background-repeat: no-repeat; 
	width: 608px; height: 21px; 
}

#whitebtm {
	float: left;
	background-image: url(whitebtm.png); 
	background-position: bottom; 
	background-repeat: no-repeat; 
	width: 608px; height: 25px; 
}

#whitemiddle {
	float: left;
	background-image: url(whitecenter.png);
	background-position: top;  
	background-repeat: repeat; 
	width: 608px;

}

#whitesigncontent {

	color: #000;
	padding: 0 25px;
	font-size: 125%;

}

#whitesigncontent h1 {
	text-align: center;
	font-weight: normal;

}

#whitesigncontent p {

	text-align: left;

}

/***interview styles***/

#wrapper_transition {
	background-image: url(transitionbackground2.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
	border-top: 2px #fff solid;
	border-bottom: none;
	width: 1000px;
	height: 550px;
	
}

#wrapper_transition_eng {
	background-image: url(englishtransitionbkground.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
	border-top: 2px #fff solid;
	border-bottom: none;
	width: 1000px;
	height: 550px;
	
}


#whitesigncontent_trans{
	font-size: 150%;
	color: #000;
	padding: 0 25px;

}

#whitesigncontent_trans a.bt{
	color: red;
}

#whitesigncontent_trans h2{
	color: black;
}

#trans_header {

	width: 465px;
	float:right;
	margin-left: 25px;
	margin-right: 105px;

}

#trans_intboxcontent {
	font-size: 140%;
	text-align: left;
	padding: 0 10px;
}

#trans_intboxcontent h2{
	font-size: 100%;
	
}

#wrapper_interview {
	background-image: url(roadimage.jpg);
	background-repeat: no-repeat;
	margin: 20px auto;
	position: relative;
	border: 2px #fff solid;
	width: 1000px;
	height: 600px;;
	
}

#wrapper_interview_eng {
	background-image: url(englishroadimage.jpg);
	background-repeat: no-repeat;
	margin: 20px auto;
	position: relative;
	border: 2px #fff solid;
	width: 1000px;
	height: 600px;;
	
}
	
#overlay {
	float: left;
	Position: relative;
	left: 82px; 
	top: 60px;
}

#overlaytop {
	float:left;
	background-image: url(overlaytop.png); 
	background-position: top; 
	background-repeat: no-repeat; 
	width: 835px; height: 23px; 
}

#overlaybtm {
	float: left;
	background-image: url(overlaybtm.png); 
	background-position: bottom; 
	background-repeat: no-repeat; 
	width: 835px; height: 30px; 
}
#overlaymiddle {
	float: left;
	background-image: url(overlaymid.png);
	background-position: top;  
	background-repeat: repeat; 
	width: 835px;
	min-height: 30em;

}
#overlaycontent {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 220%;
	color: #000000;
	text-align: center;
	font-weight: normal; 
}

#mapimage {
	float: left;
	margin: 20px 20px 0px 60px;
	background: url(map1.png) no-repeat top;
	width: 185px;
	height: 283px;
}


#mapimage_trans {
	float: left;
	margin: -10px 20px 0px 60px;
	background: url(map1.png) no-repeat top;
	width: 185px;
	height: 283px;
}


#redbox {
	float: right;
	left: 20px; 
	top: 20px;
	padding: 20px 60px 5px 30px;
	width: 469px;
}

#redboxtop {
	float:left;
	background-image: url(redboxtop.png); 
	background-position: top; 
	background-repeat: no-repeat; 
	width: 469px; height: 11px; 
}

#redboxbtm {
	float: left;
	background-image: url(redboxbtm.png); 
	background-position: bottom; 
	background-repeat: no-repeat; 
	width: 469px; height: 13px; 
}
#redboxmiddle {
	float: left;
	background-image: url(redboxmid.png);
	background-position: top;  
	background-repeat: repeat; 
	width: 469px;
}
#redboxcontent {
	color: #cc0000;
	text-align: left;
	font-weight: normal;
	margin: 0px 15px 0px 15px; 
}


#redboxcontent p {
	font-size:60%;
	color: #000;
	font-weight: normal;
}

#redboxcontent img {
	float: right;
	margin-top: 10px;
	margin-right: 175px;
}

#greenbox {
	position: inherit;
	float: right;
	left: 20px; 
	top: 20px;
	padding: 5px 60px 20px 30px;
	width: 469px;
}

#greenboxtop {
	float:left;
	background-image: url(greenboxtop.png); 
	background-position: top; 
	background-repeat: no-repeat; 
	width: 469px; height: 11px; 
}

#greenboxbtm {
	float: left;
	background-image: url(greenboxbtm.png); 
	background-position: bottom; 
	background-repeat: no-repeat; 
	width: 469px; height: 13px; 
}
#greenboxmiddle {
	float: left;
	background-image: url(greenboxmid.png);
	background-position: top; 
	background-repeat: repeat; 
	width: 469px;
}
#greenboxcontent {
	color: #339900;
	text-align: left;
	font-weight: normal;
	margin: 0px 15px 0px 15px; 
}

#greenboxcontent p {
	font-size:60%;
	color: #000;
	font-weight: normal;
}

#greenboxcontent img {
	float: right;
	margin-right: 175px;
	margin-top: 10px;
}


#intbox {
	position: inherit;
	float: left;
	left: 20px; 
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 60px 20px 0px;
	width: 469px;
}

#intbox_trans {
	position: inherit;
	float: left;
	left: 20px; 
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 5px 60px 20px 0px;
	width: 469px;
}

#intboxtop {
	float:left;
	background-image: url(greenboxtop.png); 
	background-position: top; 
	background-repeat: no-repeat; 
	width: 469px; height: 11px; 
}

#intboxbtm {
	float: left;
	background-image: url(greenboxbtm.png); 
	background-position: bottom; 
	background-repeat: no-repeat; 
	width: 469px; height: 13px; 
}
#intboxmiddle {
	float: left;
	background-image: url(greenboxmid.png);
	background-position: top;  
	background-repeat: repeat; 
	width: 469px;
}
#intboxcontent {
	text-align: left;
	font-weight: normal;
	margin: 0px 15px 0px 15px; 
}

#intboxcontent p {

	color: #000;
	font-weight: normal;
}

#intboxcontent img {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}


#overlaycontent_int {
	color: #000000;
	text-align: center;
	font-weight: normal; 

}



/****Interview Forms****/
.formTable {
	width: 100%;
}
.select_q {
	margin-bottom: 10px;
	font-weight: bold;
}



.select_a {
	margin-bottom: 10px;
}

.note {
color: #BF0404;
	font-size: 90%;
	display:block;
	padding-left: 30px;
	margin-top: 10px;
	background-image: url(yield.gif); 
	background-position: left 2px; 
	background-repeat: no-repeat;
}


.select_a select {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

.formDescription {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
}

.tableData {
	padding-top: 10px;
	padding-right: 10px;

}

.yesno_q {
	font-weight: bold;
	padding-bottom: 20px;
}

.yesno_a input {
	margin-left: 6px;
}
 
.submit_button {
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	width: 82px;

}



/***bubble pop ups***/

a.bt{
    position:relative;
    z-index:2;
    color: #ffbe00;
	font-weight:bold;
   	text-decoration:none;
	cursor: help;
	background:url(uploads/fb/-l/fb-lzWoW35GDL3UOVBjAvA/mag-glass2.gif) right no-repeat;
	padding-right: 28px;
}

a.bt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.bt:hover { z-index:3; color:  #f72a09;}

a.bt:focus { z-index:3; color:  #f72a09; outline: none;}

a.bt:active { z-index:3; color:  #f72a09;}

a.bt:hover span.thebubble{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.bt:focus span.thebubble{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.bt:active span.thebubble{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.bt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    	background: url(bubble.gif) no-repeat top;
}


a.bt:focus span.top{
	display: block;
	padding: 30px 8px 0;
    	background: url(bubble.gif) no-repeat top;
}

a.bt:active span.top{
	display: block;
	padding: 30px 8px 0;
    	background: url(bubble.gif) no-repeat top;
}
a.bt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}

a.bt:focus span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}

a.bt:active span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}

a.bt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #000000;
    	background: url(bubble.gif) no-repeat bottom;
}

a.bt:focus span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #000000;
    	background: url(bubble.gif) no-repeat bottom;
}

a.bt:active span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #000000;
    	background: url(bubble.gif) no-repeat bottom;
}

.hidden{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}