.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */


/******************************************  
*	base scheme
				light	normal			dark
*	orange				FFAA00			#F98A00
*	green				9FEE00			#5C8E13
*	violet				CD0074
*	sans-serif:		
*	serif:			font-family: georgia, 'century gothic', tahoma, helvetica
*
*   Images are linked by domain you must change the domain for acceptance and production
* babelcoach-dev.net:8080
* babelcoach-accept.net
* babelcoach.net
*******************************************/
html{ }
body{
	margin:0;
	background: #fff url(http://www.babelcoach.net/Images/BabelDefault/body_bg.gif) repeat-y fixed center;
	/*background: #FBFBFD url(http://www.babelcoach.net/Images/BabelDefault/ztest_fond.png) no-repeat fixed 0 0;*/
	text-align: center;	/* For centering the div in IE */
	color:#444;
	font: 0.8em arial,verdana,tahoma,sans-serif
}
.inlineBody {background-image: none}
.maint {display:block; padding: 10px 10px 10px 20px; border: 2px solid red; color: Red; font-weight:bold}

#wrapAll {width:1001px; margin: 0 auto; text-align: left; background-color:#fff}

/*#breadcrumb {width: 780px; float:left; font-size: 10px; font-weight:bold; border-bottom: 1px #f2f2f2 solid; overflow:hidden;
display:block; text-align:left; margin:0px; padding: 2px 10px;}
#breadcrumb a {text-decoration:none}
#breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
*/
#sdCtWp {width: 1000px; text-align:left; margin: 0px; }
                  /*background: #fff url(http://www.babelcoach.net/Images/BabelDefault/sidebar_bg.gif) repeat-y; */
#sdBr {width:200px; float:left; padding: 0 4px 20px; border-right: dotted 1px #ddd; text-align:left; overflow:hidden }
#content {width: 760px;float: right; margin: 0px; padding:15px; text-align:left;}
#contentFull {width: 960px; text-align:left; float: left; margin: 0px; padding:20px;}

/* LINKS */
a {color:#F98A00; background:transparent;text-decoration:underline;cursor:pointer} 

/* FORMS */
form {margin: 0}
input[type='text'] {border: 1px solid #999; margin:2px 0}
input[type='password'] {border: 1px solid #999; margin:2px 0}
select {margin: 2px 0;border: 1px solid #999}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1em}
h1, h2, h3, h4 {margin: 0 0 10px; color:#5C8E13; font-weight:bold}
h1 {font-size: 24px; border-bottom: #F3F3F3 2px solid; padding:5px 0 5px 40px; 
    background: transparent url(http://www.babelcoach.net/Images/BabelDefault/globeFili.gif) no-repeat 0 0; color:#F98A00}
h1.line {border-bottom:2px solid #F3F3F3;}
h2 {font-size: 22px}
h3 {font-size: 16px}
h4 {font-size: 12px}

h2.line, h3.line, h4.line {border-bottom:2px solid #F3F3F3;}

.highlight {color:#F98A00}
.error {color:#F98A00; font-weight:bold}
.hlg {color:#5C8E13; font-weight:bold}
.pnlError {color:#F98A00; font-weight:bold; padding: 5px 5px 5px 20px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/exclamation.png) no-repeat 0px 5px}
.pnlError2 {font-weight:bold; padding: 5px 5px 5px 20px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/exclamation.png) no-repeat 0px 5px}
div.info {padding: 0 0 0 20px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/information.png) no-repeat}
p.info {padding: 0 0 0 20px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/information.png) no-repeat}
.globalError {color:#ff0000; border: solid 1px #ff0000; padding:10px; background-color: #ffffdd; font-weight:bold }
.mandatory {color:#F98A00;font-weight:bold}
.success {color:#390;font-weight:bold}
.hand {cursor:help}
.creditLink {display:block;font-size:10px;line-height:10px;}
span.ext {background:transparent url(http://www.babelcoach.net/Images/BabelDefault/extlink.png) no-repeat scroll right center;padding-right:12px;}
a.ext {background:transparent url(http://www.babelcoach.net/Images/BabelDefault/extlink.png) no-repeat scroll right center;padding-right:12px;}
.verticaltext {writing-mode: tb-rl; filter: flipV flipH; }  


/* LISTS */
ul {list-style-type:none; padding-left:20px}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;}
ul.marker li {padding-left: 20px; font-size: 1em; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/arrow_9.gif) no-repeat 0 5px}
ul.bigMarker li {padding-left: 20px; font-size: 1em; background:transparent url(http://www.babelcoach.net/Images/BabelDefault/arrow_12.gif) no-repeat 0 5px}
ul.greenMarker li {padding: 0 0 5px 20px; font-size: 1em; background:transparent url(http://www.babelcoach.net/Images/BabelDefault/bullet_green_12.png) no-repeat 0 3px}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 0;background:#eee;height:1px;color:#F3F3F3;border:none}
hr.divider {background:url("http://www.babelcoach.net/Images/BabelDefault/divider.gif") no-repeat scroll center 7px transparent; margin:10px;padding:10px;}
.clear {clear:both;font-size:0px;height:0px;line-height:0px} 
blockquote {  background-color:#fbfbfb; padding:5px; font-size:14px; line-height:18px;}
blockquote div { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/quote_open.gif) left top no-repeat;}
blockquote div > div {padding: 5px 32px;  background: transparent url(http://www.babelcoach.net/Images/BabelDefault/quote_close.gif) right bottom no-repeat;}

/* LAYOUT - HEADER */
#header {background: #95C140 url(http://www.babelcoach.net/Images/BabelDefault/header_bg.gif) repeat-x;
height:93px;overflow:hidden;}

#imgHome{float:left;}
#hdCtr{margin-right:10px; float:right}
#hdCtr a{font-weight:bold; text-decoration:none}
#hdCtr a:hover{text-decoration:underline}
/* FlagList */
#hdCtr .flagList {float:left; padding-right:20px}
#hdCtr .flagList ul {padding:0; margin:0}
#hdCtr .flagList li {float:left; display:block;padding:5px}
#hdCtr .flagList a {text-decoration:none;cursor:pointer;color:#fff;display: block}

#hdCtr .linkList {float:left; padding:5px; font-weight:bold; font-size:14px}

.topNavMenu{position:relative}
	

/* LAYOUT - FOOTER */
#ftr {margin: 0;	padding: 10px 0 0; font-size:12px;
	background: #fff url(http://www.babelcoach.net/Images/BabelDefault/footer_bg.gif) no-repeat; clear:both}
#ftr .linkList {color:#666; padding-left:245px; padding-top:25px; height:50px}
#ftr .copyWrap {padding:20px 20px 5px; text-align:left; background-color:#F3F3F3}
#ftr .copyright {width:550px; float:left;}
#ftr .imgWrap {float:left; margin-right:20px }
#ftr .validStandard {float:right; width:88px; }
#imgFreeCultural {float:left; margin-top:-20px}

/* Link Buttons */
.hovBtn{
	display: block; float:left;cursor: pointer; text-decoration: none;}
.hovBtn .normalLeftcap{
	display: block; float:left; width: 10px; height: 30px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/butOrgSplice.gif) no-repeat scroll 0 0;}
.hovBtn .normalText{
	display: block; float:left; font-family: Arial, sans-serif; font-size: 12px; line-height:1em; font-weight: bold; 
	color: #fff; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/butOrgSplice.gif) no-repeat scroll 0 -30px;
	height: 24px; padding: 6px 8px 0 8px;}
.hovBtn .normalRightcap{
	display: block; float:left; width: 10px; height: 30px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/butOrgSplice.gif) no-repeat scroll -10px 0;}
.hovBtn .hoverLeftcap{
	display: block; float:left; width: 10px; height: 30px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/butOrgSplice.gif) no-repeat scroll -20px 0;}
.hovBtn .hoverText{
	display: block; float:left; font-family: Arial, sans-serif; font-size: 12px; line-height:1em; font-weight: bold; 
	color: #fff; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/butOrgSplice.gif) no-repeat scroll 0 -60px;
	height: 22px; padding: 8px 8px 0 8px;}
.hovBtn .hoverRightcap{
	display: block; float:left; width: 10px; height: 30px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/butOrgSplice.gif) no-repeat scroll -30px 0;}

/******************************************  
*				flex box
*******************************************/

.fxBx {margin: 10px auto auto; padding:0px}
.fxBx .box_content, .fxBx .box_footer, .fxBx .box_header {width:100%;}

.fxBx .box_header { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBox_top.gif) no-repeat left top}
.fxBx .box_header .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBox_top.gif) no-repeat  right top;
	margin-left:10px;  padding-right:10px;height:10px;overflow:hidden;font-size:1px}

.fxBx .box_headerOrg { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxOrg_top.gif) no-repeat left top}
.fxBx .box_headerOrg .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxOrg_top.gif) no-repeat right top;
	margin-left:10px;  padding-right:10px;height:30px;overflow:hidden;}

.fxBx .box_headerGrn { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxGrn_top.gif) no-repeat left top}
.fxBx .box_headerGrn .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxGrn_top.gif) no-repeat right top;
	margin-left:10px; padding-right:10px; height:30px;overflow:hidden;}

.fxBx .box_headerGrey { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxGrey_top.gif) no-repeat left top}
.fxBx .box_headerGrey .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxGrey_top.gif) no-repeat right top;
	margin-left:10px; padding-right:10px; height:30px;overflow:hidden;}

.fxBx .box_content { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBox_mid.gif) repeat-y left}
.fxBx .box_content .box_content_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBox_mid.gif) repeat-y right;	
	margin-left:10px; padding-right:10px}
	
.fxBx .box_footer {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBox_but.gif) no-repeat left top}
.fxBx .box_footer .box_footer_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBox_but.gif) no-repeat right top;
	margin-left:10px; height:10px;overflow:hidden;;font-size:1px}

/* flex box Shadow */
.fxBxSh {margin: 10px auto auto; padding:0px}
.fxBxSh .box_header { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxShd_top.gif) no-repeat left top}
.fxBxSh .box_header .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxShd_top.gif) no-repeat  right top;
	margin-left:12px;  padding-right:12px;height:12px;overflow:hidden;font-size:1px}

.fxBxSh .box_headerOrg { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxOrgShd_top.gif) no-repeat left top}
.fxBxSh .box_headerOrg .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxOrgShd_top.gif) no-repeat right top;
	margin-left:12px; padding-right:12px; height:30px;overflow:hidden;}

.fxBxSh .box_headerGrn { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxGrnShd_top.gif) no-repeat left top}
.fxBxSh .box_headerGrn .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxGrnShd_top.gif) no-repeat right top;
	margin-left:12px; padding-right:12px; height:30px;overflow:hidden;}

.fxBxSh .box_headerWht { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxWhtShd_top.gif) no-repeat left top}
.fxBxSh .box_headerWht .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxWhtShd_top.gif) no-repeat right top;
	margin-left:12px; padding-right:12px; height:30px;overflow:hidden;}


.fxBxSh .box_content { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxShd_mid.gif) repeat-y left}
.fxBxSh .box_content .box_content_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxShd_mid.gif) repeat-y right;	
	margin-left:10px; padding-right:10px}
	
.fxBxSh .box_footer {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxShd_but.gif) no-repeat left top}
.fxBxSh .box_footer .box_footer_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxShd_but.gif) no-repeat right top;
	margin-left:12px; padding-right:12px; height:12px;overflow:hidden;;font-size:1px}

/* flex box help */
.fxBx .box_headerHelp { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/helptr_tl.png) no-repeat left top; height:30px;}
.fxBx .box_headerHelp .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/helptr_top.png) no-repeat right top;
	margin-left:30px;  padding-right:30px;height:30px;overflow:hidden;}

.fxBx .box_help { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/helptr_ml.png) repeat-y left}
.fxBx .box_help .box_help_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/helptr_mid.png) repeat-y right;	
	margin-left:30px; padding-right:30px}
	
.fxBx .box_footerHelp {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/helptr_bl.png) no-repeat left top; height:30px;}
.fxBx .box_footerHelp .box_footer_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/helptr_bot.png) no-repeat right top;
	margin-left:30px; padding-right:30px; height:30px;overflow:hidden;;font-size:1px}



/* header paragraph style for boxes*/
.fxBx .box_header_right p, .fxBxSh .box_header_right p {height: 21px; padding:8px 10px 0px 10px; color:#fff; text-align:center;
                               font-weight: bold; font-variant: small-caps; font-size: 15px }
.fxBxSh .box_headerWht .box_header_right p {border-bottom:1px solid #ddd; color:#666666;}

/******************************************  
*				GridView Classes
*******************************************/

.gdVwGr{background-color:White;}
.gdVwGr_hr th { font-weight: bold; text-align:center; padding:0 7px; height:40px }
.gdVwGr_hr .tl {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_tl.gif) top left no-repeat; }
.gdVwGr_hr .tc {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_tc.gif) top left no-repeat; }
.gdVwGr_hr .tr {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_tr.gif) top left no-repeat; width:5px; padding:0}

.gdVwGr_rw td, .gdVwGr_Strw td, .gdVwGr_Atrw td {height:30px}
.gdVwGr_rw .mc {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_mc.gif) top left no-repeat;}
.gdVwGr_rw .mr {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_mr.gif) top left no-repeat; width:5px; padding:0}
/*.gdVwGr_rw .mcA {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_mcA.gif) top left no-repeat;}*/

.gdVwGr_Strw .mc, .gdVwGr_Atrw .mc  {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_mcA.gif) top left no-repeat;}
.gdVwGr_Strw .mr, .gdVwGr_Atrw .mr  {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_mr.gif) top left no-repeat; width:5px; padding:0}

.gdVwGr_ftr .bl {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_bl.gif) top left no-repeat; }
.gdVwGr_ftr .bc {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_bc.gif) top left no-repeat; }
.gdVwGr_ftr .br {background: url(http://www.babelcoach.net/Images/BabelDefault/collDetail_br.gif) top left no-repeat; width:5px; padding:0}

.gdVwGr_0{}
.gdVwGr_pg table{float:right}
.gdVwGr_pg table td {height:30px}
.gdVwGr_pg table td span{text-decoration:none;background:#FFC880;padding:2px 6px;border: 1px solid #ccc;color:#666}
.gdVwGr_pg table td a {text-decoration:none;background:#fff;padding:2px 6px;border: 1px solid #ccc}
.gdVwGr_pg table td a:hover {background:#F98A00;color:#fff}

.modalBackground {background-color:#666; filter:alpha(opacity=70); opacity:0.7}
.side_ad {overflow:hidden; text-align:center; padding:5px 0}
.helpPopup {width:300px; position:absolute; visibility:hidden; z-index:900}
.btnDefaultHidden {display:none}


/******************************************  
*				Home Controls
*******************************************/

.homeHeader{width:600px;font-size: 24px; font-weight:bold; border-bottom: #F3F3F3 2px solid; 
            padding:5px 0 5px 40px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/globeFili.gif) no-repeat 0 0; color:#F98A00}

#beta {position: fixed; top: 0pt; left: 0pt;}

/* login container */
#login {font-size:11px}
#login .loginLayoutTable{width:100%}
#login .loginLayoutTable .leftColumn{width:90px;text-align:left}
#login .loginLayoutTable input.text{width:80px;}
#login .checkbox{width:auto;float:none;margin:0;padding:0}
#login #goButton{border-bottom: 1px #ccc solid}

.sideBox {width: 190px;}
/* donation container */
.donationBox{width: 190px;}
.donationBox .content {padding:10px 0 0 0; text-align:center }
.donationBox .donImgWrapper{height:32px; padding:10px 0 0 0; text-align:center}

/* takeTour container */
.tourBox{width: 190px}
.tourBox .content {padding:10px 0 0 0}
.tourBox .tourImgWrapper{height:50px; padding:10px 0 0 0; text-align:center}
.tourBox img {padding-left: 0px;}
.tourBox ul { clear:both; margin:0; padding:0}

/* advertisement container */
.adBox{width: 190px}

/* site search*/
#siteSearch {font-size:11px}
#siteSearch #siteSearchTxt {font-size:12px; font-weight:bold; color:#F98A00; margin-right:10px}
#siteSearch img {padding:0; margin:0}
#siteSearch .siteSearchLayoutTable {width:174px}
#siteSearch .siteSearchLayoutTable .leftColumn {width:120px}
#siteSearch .siteSearchLayoutTable .tdAdvancedSearch {text-align:right}
#siteSearch input.text {width:120px}

/* testemonials */
.testimBox {width: 190px; background-color:#fff}
.testimBox .content {padding:10px 0}
.testimBox p.text{font: normal 11px Arial, Helvetica, sans-serif; margin: 0}
.testimBox p.signature{font: italic normal 10px Arial, Helvetica, sans-serif; text-align:right;margin-bottom:5px}

/******************** feedback ***********************/
.fbWp {width:500px; overflow:hidden; text-align:left}
.fbWp .header {height: 23px; padding:7px 10px 0px 10px; color:#fff ; background:url(http://www.babelcoach.net/Images/BabelDefault/feedback_top.png) no-repeat; 
	font: bold small-caps 14px Verdana, Arial; text-align:center }
.fbWp .middle {padding:10px; background:url(http://www.babelcoach.net/Images/BabelDefault/feedback_mid.gif) repeat-y}
.fbWp .ftr {height: 10px; background:url(http://www.babelcoach.net/Images/BabelDefault/feedback_but.gif) no-repeat; font-size:0px}
.fbWp a {font-weight:bold;float:right}

.fbWp a.closeLink,.fbWp a.closeLink:hover {background:transparent url(http://www.babelcoach.net/Images/BabelDefault/closeButOrg.png) no-repeat scroll 0 0;
	display:block; float:right; height:20px; margin:0; width:20px; text-decoration:none;}
.fbWp a.closeLink:hover{background-position: 0 -20px}

.fbWp .header a:hover {float:right; color:#fff}
.fbWp .header span {float:left}

.fbWp .feedBackCat {height:100px;}
.fbWp .feedBackCat table{width: 100%}
.fbWp .feedBackCat td{width:230px; padding:3px; background-color:#fafafa}
.fbWp .middle .content {overflow:hidden}
.fbWp .middle .content textarea {width:470px;height:120px}
.fbWp .middle .content .controls{float:right; margin:0.5em 0; font-weight:bold;width:100%}
.fbWp .middle .content .controls .smpLink {padding:4px 10px;}
.fbWp .middle .content .pnlMsg {}

.fbWp .middle .thanks { text-align:center; font-weight:bold; overflow:hidden; height:0px }

/******************** new feedback ***********************/
.fbPop {width:500px; overflow:hidden; text-align:left}
.fbPop .feedBackCat {height:100px;}
.fbPop .feedBackCat table{width: 100%}
.fbPop .feedBackCat td{width:230px; padding:3px; background-color:#fafafa}
.fbPop  textarea {width:465px;height:120px}
.ui-widget .ui-button {color: #5C8E13} 


/******************************************  
*				Reading
*******************************************/

.readingWrapper {margin:0}
.textChx {margin:20px 0}
.textChx .rowPanel{}
.textChx .column{float:left; height:45px; margin-right:10px}
.textChx .column label{font-size:0.8em}
.textChx .column select{width:150px;background:#FFFFCC; border:1px #B3B3B3 solid; margin:4px 0 0 0}
.textChx .column .langSel{width:100px}
.textChx .column .textSel{width:400px}
.textChx .column .catSel{width:150px}

.firstPageWrp h2 {border-bottom:2px solid #F3F3F3; padding:5px;}
.firstPageWrp .catLv1 {padding:0 0 10px 20px}
.firstPageWrp .txt-lst {padding:0 0 10px 0}
.firstPageWrp .txtWrp {margin-bottom:0.5em;padding:0.5em;background-color:#fcfcfc}
.firstPageWrp .bullet {margin-right:5px} 
.firstPageWrp .medtype {margin-bottom:-3px; margin-left:5px} 
.firstPageWrp .level {margin-left:5px;margin-bottom:-1px;} 
.firstPageWrp .expl {padding:0.5em; border: 1px solid #f2f2f2; background:#fafafa; -moz-border-radius: 0.5em; border-radius: 0.5em; margin-bottom:0.5em}
.firstPageWrp span.pubRating {display:inline-block; width:45px; height:8px; margin: 0 2px; background: url("http://www.babelcoach.net/Images/BabelDefault/ratingAllStars.png") no-repeat}
.firstPageWrp span.star0 {background-position:0px 0px}
.firstPageWrp span.star1 {background-position:0px -8px}
.firstPageWrp span.star2 {background-position:0px -16px}
.firstPageWrp span.star3 {background-position:0px -24px}
.firstPageWrp span.star4 {background-position:0px -32px}
.firstPageWrp span.star5 {background-position:0px -40px}
.firstPageWrp span.lblVotes {font-size:10px;color:#666}

.textView {float:left; width:580px;}
.textWrap {font-family: georgia,'century gothic',tahoma,helvetica}
.textWrap .paraWrap {padding: 0 0 10px 0 }
.textWrap .textInfo {text-align:center; border-bottom: solid 1px #ddd}
.textWrap .textRef { font-size:0.9em; text-align:center; border-top: solid 1px #ddd; padding:10px 0 5px 0;}
.textWrap .textRef .label {font-weight:bold}

.textWrap .title { font-size:2em; font-weight:bold; color:#5C8E13 }
.textWrap .author { font-weight:bold;font-size:1.2em; margin: 10px 0 }
.textWrap .comment { margin: 10px 0 }
.textWrap .para { padding:10px 0; font-size:1.2em }
.textWrap p.center { text-align:center; margin: 0 }
.textWrap p.cm { text-align:center; margin:10px 0 }
.textWrap .bct {cursor:help}
.textWrap .bct:hover {border-bottom:2px solid #F98A00; color:#F98A00 }

.lbl { margin-bottom:5px; font-family:Arial; font-size:12px }
.lbl .tp .lm, .lbl .tp .bm, 
.lbl .md .ll, .lbl .md .lr, .lbl .md .br,     
.lbl .bt .lm, .lbl .bt .bm { background-color:#eee; font-size:1px; height:1px }
.lbl .tp .ll, .lbl .tp .lr, .lbl .tp .br,
    .lbl .bt .ll, .lbl .bt .lr, .lbl .bt .br {font-size:1px; height:1px; width:1px}
.lbl .md .lm, .lbl .md .bm  {background-color:#eee}
.lbl .md .lm {padding: 0 5px}
.lbl .md .bm {text-align:center; vertical-align:top}
.lbl .dlb {background-color:#9FEE00; color:#999999; font-weight:bold; text-align:center; text-decoration:none}
.lbl .dlb:hover {background-color:#FFAA00;color:#fff;font-weight:bold}

.textAntn {float:left; width:180px; margin: 0 -10px 10px 10px; z-index:20}
.textAntn .lookupList {overflow:hidden; display:none}
.textAntn .lookupList .btnPnl {padding: 10px 0 5px 0}
.textAntn .lckup_content_right {width:160px}        
.textAntn .textRating_content_right {width:160px; height:110px}
/* for amazon stuff */
.textAntn .box_content_right {text-align:center}

/******************************************  
*				Collection List
*******************************************/

.collectionListWrapper {margin:0}
.languageHeader{border-bottom: #F3F3F3 2px solid; margin: 20px 0 0}
.languageHeader .foreign{font: bold 16px Verdana, Arial;color:#5C8E13}

.cllDtBx img {height:70px;width:100px; margin: 0; float:left}
.cllDtBx .content {width: 420px; padding:0 10px; float:left; border-right: #F3F3F3 2px solid}
.cllDtBx .commands {width: 178px; padding:0 10px; float:left }
.cllDtBx .description {margin:5px 0}
.cllDtBx .panButtons {padding-top:10px; text-align:right}
.cllDtBx .count {font-weight: bold; color:#5C8E13}
.cllDtBx .message {font-weight: bold; margin: 0 10px }
.cllDtBx a {padding: 0 0 5px 0; display:block}

.cllFtr {margin:20px 0}
.cllFtr .rowPanel{}
.cllFtr .column{float:left; height:45px; margin-right:10px}
.cllFtr label{font-size:10px}
.cllFtr select{width:150px;background:#FFFFCC; border:1px #B3B3B3 solid}
.cllFtr .updateMessage{padding:5px 0}


/******************************************  
*				Collection Detail
*******************************************/
.cllILsWp {margin:10px 0}
.cllILsWp .gdVwGr {border: none; width:530px; float:left; margin-right:10px; overflow:hidden}
.cllILsWp .colCheck {text-align:center; padding:0 2px 0 5px}
.cllILsWp .colCheckWid {width:30px; word-wrap:break-word}
.cllILsWp .colItemType {padding:2px 3px 2px 10px; font-size:10px}
.cllILsWp .colItemTypeWid {width:40px; word-wrap:break-word}
.cllILsWp .colTrad {padding:2px 3px 2px 10px; font-weight:bold; cursor:pointer}
.cllILsWp .colTradWid {width:130px; word-wrap:break-word}
.cllILsWp .colHome {padding:2px 3px 2px 10px;}
.cllILsWp .colHomeWid {width:125px; word-wrap:break-word}
.cllILsWp .colTopic {padding:2px 3px 2px 10px;}
.cllILsWp .colTopicWid {width:70px; word-wrap:break-word}
.cllILsWp .colFrequency {padding:2px 3px 2px 10px;}
.cllILsWp .colFrequencyWid {width:60px; word-wrap:break-word}
.cllILsWp .gdVwGr_ftr td {height: 2px;}

.cllILsWp .greenItemWrap {width:220px;}
.cllILsWp .updVokItem {width:530px; float:left}
.cllILsWp .updDetails {width:220px; float:right}
.cllILsWp .updDetails .fxBxSh {margin:0}

.cllDWp h2 {font-size: 14px}
.cllDWp .commentLinksIn {width: 190px; padding:5px;}
.cllDWp .commentLinksOut {width: 210px; padding:5px; float:left}
.cllDWp a.rbLink {display:inline-block;padding:5px}

.cllDWp .viewWrap {margin:20px 0}
.cllDWp .simpleList {padding:20px 0}
.cllDWp .slItem {display:inline-block;margin:3px 1px;}
.cllDWp .slItema:hover {display:inline-block;margin::2px 0;}
.cllDWp .slItem a {background-color:#f5f5f5;border:1px solid #DDDDDD;text-decoration:none; color:#666; font-weight:bold; font-size:1.5em;padding:0 5px}
.cllDWp .slItem a:hover {background-color:#fff;border:1px solid #F98A00;text-decoration:none; color: #F98A00;}
/******************************************  
*				ItemDetail
*******************************************/
.itmDtlWrp {}
.itmDtlWrp .itm {width:400px; margin:10px 0}


/******************************************  
*				Collection Test Wrapper
*******************************************/

.collTestWrapper {}
.fillGapTest {margin-top:20px}
.fillGapTest .testRow {-moz-border-radius:0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;border:1px solid #ddd;height:30px;margin-top:5px;padding:5px 5px 5px 20px}
.testRow .testPhrase {width:560px; height:20px; float:left}
.testRow .rightAnswer {width:140px; height:20px; float:left}
.testRow .rightAnswer span {font-weight:bold}
.testRow .result {width:20px; height:20px; float:left; padding-top:3px}
.fillGapTest .cmds {padding:10px; margin-top:20px;border:1px solid #e0e0e0; -moz-border-radius:0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em}

.results {margin-top:20px;}
.results .msgRow {margin-top:10px}
.results .resultsMsg {font-weight:bold; font-size:14px;display:block; }
.results .bravoMsg {font-weight:bold; font-size:18px; color:#5C8E13; display:block ; margin-left:20px}
.results .adviseMsg {display:block}
.results .askLogin {padding:10px}
.results .pnlNotLoggedIn {height:30px; padding:10px}
.results .pnlAddCollection {padding:10px 20px}
.mpLoginWindow {background:transparent; padding:5px; width:450px; height:230px}

.results .addUnitList {padding: 5px 0}
.results .updateMessage {padding:5px; color: #5C8E13}

/******************************************  
*				Unit List
*******************************************/

.unitListWrapper{}
.unitListWrapper .headerSection {width:100%;height:50px}
.utBx {margin:0; padding:0; padding-right:0;}
.utBx table{table-layout:fixed;}
.utBx .headerText{font-size:10px}
.utBx .imageCell{width:105px; vertical-align:top}
.utBx .unitName  {width:120px; padding-left:5px;; text-align:center}
.utBx .unitNameWidth {width:110px; overflow:hidden; font-size:14px; font-weight:bold; color:#5C8E13 ; text-align:center} 
.utBx .foreignLang  {width:110px; padding-left:5px; text-align:center}
.utBx .lastLearned {width:150px; padding-left:5px; text-align:center}
.utBx .items {width:60px; text-align:center}
.utBx .progress {text-align:center} /* do not specify width, it is determined by inner cells */ 
.utBx .leftButtonCell {padding-left:5px}
.utBx a {margin:5px 5px 0 0}

.utBx td.levelBox {width:42px;height:33px;text-align:center;font-weight:bold;
                      border-top : 1px #ddd solid;border-bottom : 1px #ddd solid;border-left : 1px #ddd solid;border-right:0}
.utBx td.level {width:42px}
.utBx td.level1 {background-image:url(http://www.babelcoach.net/Images/BabelDefault/bg_level1.gif)}
.utBx td.level2 {background-image:url(http://www.babelcoach.net/Images/BabelDefault/bg_level2.gif)}
.utBx td.level3 {background-image:url(http://www.babelcoach.net/Images/BabelDefault/bg_level3.gif)}
.utBx td.level4 {background-image:url(http://www.babelcoach.net/Images/BabelDefault/bg_level4.gif)}
.utBx td.level5 {background-image:url(http://www.babelcoach.net/Images/BabelDefault/bg_level5.gif)}
.utBx td.level6 {background-image:url(http://www.babelcoach.net/Images/BabelDefault/bg_level6.gif)}
.utBx td.level9 {background-image:url(http://www.babelcoach.net/Images/BabelDefault/bg_level9.gif)}

.utBx .itemsComment {width:60px; font-size:9px; text-align:center; vertical-align:top}
.utBx .levelComment {width:43px; font-size:9px; text-align:center; vertical-align:top}

.utBx .messageZone div {}

.addNewUnit{margin:20px 0}
.addNewUnit h3 {margin:0}
.addNewUnit .rowPanel{}
.addNewUnit .column{float:left; height:45px; margin-right:10px}
.addNewUnit label{font-size:10px}
.addNewUnit .unitNameBox{width:150px;background:#FFFFCC; border:1px #B3B3B3 solid; margin: 8px 0 0}
.addNewUnit .ddlLangToLearn{width:150px;background:#FFFFCC; border:1px #B3B3B3 solid; margin: 8px 0 0}
.addNewUnit .unitImage{padding-right:20px}
 
 /* Drop Down for Unit Images *
/* this is placed outside the unit list*/
.ContextMenuPanel {border: 1px solid #868686; z-index: 1000; background-color: #fafafa; 
                   cursor: default; padding: 1px; width:335px; height:240px; overflow:scroll}

.ContextMenuPanel input
{float:left; margin: 1px; display: block; text-decoration: none; cursor: pointer;	
	white-space: nowrap; width:100px; border: 2px solid #eee;}

.ContextMenuPanel input:hover{border: 1px solid #ffB47A;}


 
/******************** User settings ***********************/
 .userSettingsWrapper{height:250px;margin:30px 0}
 


/******************************************  
*				Unit Detail / collectiondetail
*******************************************/

.utDWp{}
.utDWp .headerSection {width:100%;height:50px}

.mpRenameUnit {background-color:#ffffee; Border: solid 1px Gray; padding:5px; width:300px;}
.mpRenameUnit .unitName {width:250px;}

.utDWp .gdVwGr{width:680px;border: none;}
.utDWp .colHome{width: 140px;padding:2px 0px 2px 10px;}
.utDWp .colForeign{width: 140px;padding:2px 0px 2px 10px;font-weight:bold}
.utDWp .colTopic{width: 80px;padding:2px 0px 2px 10px;}
.utDWp .colFrequency{width: 50px;padding:2px 0px 2px 10px;}
.utDWp .colLastLearned{width: 80px;padding:2px 0px 2px 10px;}
.utDWp .colStatus{width: 60px;padding:2px 0px 2px 10px;}
.utDWp .colSelect{width: 30px; padding:0 0px 0 10px}
.utDWp input[type="radio"], .utDWp input[type="checkbox"]
	 {font-size:11px; width:13px; height:13px}

.utDWp .filter {height:50px}
.utDWp .filter td{vertical-align:middle}
.utDWp .filter a{margin: 5px 10px 0;}

.utDWp .unitDetailListWrapper {margin-bottom :10px}
.utDWp .unitDetailListWrapper .updUnitItemList {float:left; width:680px}
.utDWp .unitDetailListWrapper .updUnitItemDetail {float: right; width:270px}
.utDWp .unitDetailListWrapper .updUnitItemDetail .fxBxSh {margin:0}

.soundButtonWrap {height:23px}
.itemTitle{font-size:10px; color:#5C8E13;}
.itemText,  .itemTextForeign {font-weight:bold; display:block; padding:3px; margin: 0 0 5px; background:#FFFFE5; border:1px #ddd solid; min-height: 15px;}
.itemTextForeign em {color:#F98A00}

.itDSp h4{margin-top:10px;text-align:center}
.itDSp em{color:#fd7800; font-weight:bold; font-style:normal}
.itDSp .sampleScroll{overflow:auto;height:140px;border:solid 1px #ddd;padding: 0 5px}
.itDSp .sampleTradText{display:block;font-weight:bold; margin-top:5px}
.itDSp .sampleHomeText{display:block;padding-left:10px; margin-bottom:5px}

.addToUnitWrapper {padding: 10px 0 10px 0}
.addToUnitWrapper select{width:350px}


/******************************************  
*				Learn Session 
*******************************************/

.unitLearnSession{}
.unitLearnSession .timeSection {padding:10px 0}
.unitLearnSession .timeSection span{padding: 0 10px 0 0}
/******************** learnBox ***********************/

.learnZone {height:500px}
.learnSessionContent {float:left}
.learnSessionContent .fxBxSh {margin: 0}
.lrBxW {width:630px; margin-right:10px}
.lrnSnSdCl {width:320px;float:right}
.lrnSnSdCl .box_content_right{width:300px}
.lrnSnSdCl .termSession{margin-top:-10px}

.lrSnSdW a.openOutside {position:relative; top:4px}
.lrSnSdW .imgWrap {padding:3px}
.lrSnSdW .small {font-size:10px}

.lrSnSdW .itemCount {font-weight:bold}
.lrSnSdW .continue {font-weight:bold;}
.lrSnSdW .couldStop {font-weight:bold; color:#5C8E13;}
.lrSnSdW .shouldStop {font-weight:bold; color:Red}


.lrBxW .learnBoxHeader {padding:8px 0 0; color:#fff; font: bold small-caps 14px Verdana, Arial;}
.lrBxW .left{float:left}
.lrBxW .right{float:right}
.lrBxW .box_content {height:420px; width:630px}
.lrBxW .box_content_right {height:420px; width:610px; overflow:hidden}
.lrBxW .box_content_right .animWrap {height:420px; width:610px; overflow:hidden}
.lrBxW .box_content_right .animPan {height:420px; width:610px; overflow:hidden}

.lrBxW .learnTextWrapper{height:80px; padding: 9px 0 0; overflow:hidden; border-bottom:1px solid #eee; clear:both}
.lrBxW .learnTextWrapper .learnText {float:left; width:305px; height:80px; 
	font-family: georgia,'century gothic',tahoma,helvetica; overflow:auto; font-weight:bold; color:#333}
.lrBxW .learnTextTable {width:280px; height:80px; text-align:center}
.lrBxW .learnTextTable .soundCol {width:30px}
.lrBxW .learnTextTable .expCol {width:248px}
.lrBxW .learnTextTable .soundButtonWrap {height:20px; width:30px}
.lrBxW .learnTextTable .learnExp {width:248px; display:block; overflow:hidden}

.lrBxW .learnTextWrapper .learnTextAnnotation {float:left; width:272px; height:80px; padding-left:10px;
	border-left:1px solid #eee; overflow:auto; font-weight: bold}	

.lrBxW .pnlHistory {padding: 2px 0px;}
.lrBxW .histLevel {padding: 1px 2px; margin-right:1px; color: #fff}
.lrBxW .histLevel0 {background-color: #ddd}
.lrBxW .histLevel1 {background-color: #ee0600}
.lrBxW .histLevel2 {background-color: #fd7800}
.lrBxW .histLevel3 {background-color: #ffcc00}
.lrBxW .histLevel4 {background-color: #ffff00}
.lrBxW .histLevel5 {background-color: #dcfd00}
.lrBxW .histLevel6 {background-color: #8bcc29}
.lrBxW .histLevel9 {background-color: #679d18}

.learnSamplesWrapper{height:70px; padding: 5px 0 4px; border-bottom:1px solid #eee;
	font-family: georgia,'century gothic',tahoma,helvetica}
.learnSamples{height:73px; overflow:auto;}	
.learnSamples table{ width:590px}
	
.learnSamples tr.itemRow {background-color: #fff}
.learnSamples tr.itemRowAlt {background-color: #fafafa }
.learnSamples .tradExp {font-weight:bold; width:305px}
.learnSamples em {font-weight: bold; font-style:normal; color:#fd7800/*color:#5C8E13*/}
.learnSamples .addSampleLnk {float:right; margin:0 20px 2px 0;}

.lrBxW hr {margin:5px 0;}

.lrBxW .answerWrapper{height:200px; overflow:hidden; padding: 9px 0 0; border-bottom:1px solid #eee}
.lrBxW .msgRightAnswer {padding:3px; color:#fff; background-color:#5C8E13}
.lrBxW .msgWrongAnswer {padding:3px; color:#fff; background-color:#F98A00}
.lrBxW h3 {text-align:center}

.lrBxW .commandWrap {height:40px; overflow:hidden; padding: 10px 0 0;}
.lrBxW .commandWrap .cmdFirstHalf, .lrBxW .commandWrap .cmdSecondHalf
	{width:50%; float:left; padding:0}

/******************** startBox finishBox ***********************/
.lrBxW .pnlMessage
	{height: 280px; padding:10px 0; border-bottom: solid 1px #eee}
.lrBxW .infoMenu
	{height:20px; border-bottom: solid 1px #eee}
.lrBxW .infoMenu ul
	{padding: 0; margin: 0; list-style: none}
.lrBxW .infoMenu li
	{float: left; position: relative; text-align:center; }
.lrBxW .infoMenu li a
	{display:inline; height:20px; padding: 0 5px; margin: 0 5px }
.lrBxW .infoMenu li a.selected { background-color:#f2f2f2}

.lrBxW .infoContent {height:340px; padding:10px; border-bottom:1px solid #eee; font-family: georgia, 'century gothic', tahoma, helvetica;
                               width:590px; background:transparent url(http://www.babelcoach.net/Images/BabelDefault/TwoGlobesAnimSmall.gif) no-repeat center center}
                              
.lrBxW .infoContent p{font-size:14px}

.lrBxW .infoContent .welcomeMsg {height:300px; padding: 40px 0 0 0; background-color:#fff}

/******************** multipleChoice ***********************/
.mtChW {font-family: georgia,'century gothic',tahoma,helvetica; height:130px; width:610px; overflow:hidden}
.mtChW td {text-align:center; vertical-align:middle; height:50px;width:300px; padding:0 5px}
.mtChW a, .mtChW .answerChoice, .mtChW .rightAnswer, 
.mtChW .wrongAnswer 
	{float:left; margin:10px 2px 0 2px; padding: 5px; display:inline-block; width:290px; height:40px; text-align:center; 
	 font-weight: bold; font-size: 14px; text-decoration:none; color:#666; overflow:hidden;}
.mtChW a span, .mtChW .answerChoice span, .mtChW .rightAnswer span, 
.mtChW .wrongAnswer span
	{display:table-cell; vertical-align:middle; width:290px; height:40px; overflow:hidden;}
.mtChW a, .mtChW .answerChoice
	{background:transparent url(http://www.babelcoach.net/Images/BabelDefault/mc_bg.gif) no-repeat}
.mtChW .rightAnswer 
	{background:transparent url(http://www.babelcoach.net/Images/BabelDefault/mc_bg_right.gif) no-repeat}
.mtChW .wrongAnswer 
	{background:transparent url(http://www.babelcoach.net/Images/BabelDefault/mc_bg_wrong.gif) no-repeat}
.mtChW a:hover {text-decoration:none; background:transparent url(http://www.babelcoach.net/Images/BabelDefault/mc_bg_hot.gif) no-repeat; color:#F98A00; }
.mtChW a.nxtFil {position:relative; top:-82px; left:150px; z-index:100; filter:alpha(opacity=20); opacity:0.2;padding:5px;margin:0;font-size:35px}
.mtChW a.nxtFil:hover {filter:alpha(opacity=90); opacity:0.9;}

/******************** writeAnswer ***********************/
.wrAwW{}
.wrAwW h4 {margin-left:10px}
.wrAwW .txbAnswer, .wrAwW .txbAnswerRight, .wrAwW .txbAnswerWrong  
	{font-weight: bold; font-size: 24px; border: solid 1px #ccc; font-family: georgia, 'century gothic', tahoma, helvetica}
.wrAwW .txbAnswer{width:350px}		
.wrAwW .txbAnswerRight{color:#5C8E13;border:none; width:450px }		
.wrAwW .txbAnswerWrong{color:#F98A00;border:none; width:450px }		
		
.lrBxW .lblBefore {float:left; clear:left; display: block; padding:10px 10px 0 0; width:140px; height:20px; font-weight: bold}
.lrBxW .lblExpected {float:left; display: block; padding:3px 0 0; width:450px; height:20px; text-align:left; font-weight: bold; font-size: 24px;
	font-family: georgia,'century gothic',tahoma,helvetica}

.wrAwW .hlpRow {height: 30px}
.wrAwW .helpLettersContainer {float:left; width:450px; margin-left:-20px; overflow:hidden}
.wrAwW .letterPanel {height:20px ;padding:5px 0 0}

.wrAwW .spellLetterOn, .wrAwW .spellLetterOff, .wrAwW .ordinal
	{padding:4px; margin:1px; height:12px; width:12px; text-align:center; display:block; float:left;
	  font-weight:bold; color: #000; background-color:#FFFFC8}
.wrAwW .spellLetterOff {color: #ddd}
.wrAwW .ordinal {background-color:#fff}
/******************** sortLetters ***********************/
.sortLetters{}
.sortLetters .letterListWrap {height:120px; text-align:center}

.divContainer {margin: 0px; padding: 0px; font-family: georgia,'century gothic',tahoma, helvetica; }
.divContainer .dragElm {float:left; display:block; text-align: center;}

.sortLetters .bxXXBig{width: 68px; height: 84px;padding: 8px 16px; font-size: 70px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabble_100.gif) no-repeat;}
.sortLetters .bxXBig{width: 51px; height: 63px;padding: 6px 12px; font-size: 50px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabble_75.gif) no-repeat;}
.sortLetters .bxBig{width: 40px; height: 50px;padding: 5px 10px; font-size: 40px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabble_60.gif) no-repeat;}
.sortLetters .bxMed{width: 28px; height: 34px;padding: 3px 6px; font-size: 28px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabble_40.gif) no-repeat;}
.sortLetters .bxSml{width: 22px; height: 26px;padding: 2px 4px; font-size: 21px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabble_30.gif) no-repeat;}
.sortLetters .bxTny{width: 16px; height: 18px;padding: 1px 2px; font-size: 13px; font-weight:bold; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabble_20.gif) no-repeat;}

/******************** findWord ***********************/
.fdWdW{}
.fdWdW .findWordGrid {height:130px;}
.fdWdW .divContainer span {text-decoration: none; display:inline-block; float:left; color:#666; text-align:center; vertical-align:middle; cursor: pointer;border: 1px solid #fff}
.fdWdW .bxMed, .fdWdW .bxMedHov {/*40*/width: 28px; height: 37px; padding: 3px 5px 0 6px; font-size: 28px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabble_40.gif) no-repeat;}
.fdWdW .bxSml, .fdWdW .bxSmlHov {/*30*/width: 22px; height: 28px;padding: 2px 3px 0 3px; font-size: 21px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabble_30.gif) no-repeat;}
.fdWdW .bxTny, .fdWdW .bxTnyHov {/*20*/width: 16px; height: 18px;padding: 2px 1px 0 2px; font-size: 13px; font-weight:bold; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabble_20.gif) no-repeat;}

.fdWdW .bxMedHigh, .fdWdW .bxMedHighHov {width: 28px; height: 37px; padding: 3px 5px 0 6px; font-size: 28px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabbleHigh_40.gif) no-repeat;}
.fdWdW .bxSmlHigh, .fdWdW .bxSmlHighHov {width: 22px; height: 28px;padding: 2px 3px 0 3px; font-size: 21px; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabbleHigh_30.gif) no-repeat;}
.fdWdW .bxTnyHigh, .fdWdW .bxTnyHighHov {width: 16px; height: 18px;padding: 2px 1px 0 2px; font-size: 13px; font-weight:bold; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/scrabbleHigh_20.gif) no-repeat;}

.fdWdW .divContainer .bxMedHov, .fdWdW .divContainer .bxSmlHov, .fdWdW .divContainer .bxTnyHov, 
	.fdWdW .divContainer .bxMedHighHov, .fdWdW .divContainer .bxSmlHighHov, .fdWdW .divContainer .bxTnyHighHov
	{border: 1px solid #5C8E13}

/******************** fillGap ***********************/
.fillGapWrap{}
.fillGapWrap .yourAnswer, .fillGapWrap .expAnswer {margin-top:10px;height:60px}
.fillGapWrap .leftZone {float:left; width:150px; height: 60px}
.fillGapWrap .rightZone {float:left; width:430px; height: 40px; padding:10px; background-color: #fafafa;
                         font-size:16px; font-weight:bold; font-family: georgia,'century gothic',tahoma,helvetica}
.fillGapWrap .rightZone select {font-size:16px; font-weight:bold; font-family: georgia,'century gothic',tahoma,helvetica}
.fillGapWrap .selAnswerRight, .fillGapTest .selAnswerRight{background-color:#8bcc29;color:#000000;}		
.fillGapWrap .selAnswerWrong, .fillGapTest .selAnswerWrong{background-color:#F98A00;color:#000000;}		

/******************************************  
*					Register 
*******************************************/


.rgtW {}
.rgtW .regBox{float:left; margin:0; width:450px}
.inlineReg .regBox{float:none; margin:0 auto; width:450px}
.rgtW .content {padding-right:10px}
.rgtW label, .rgtW span,.rgtW input,.rgtW select
	{color: #666;font-size: 1em;}

.rgtW .line	
	{color:#bbb;background-color:#bbb; margin: 1px 0}
.rgtW .formContent 
	{padding: 10px 0; border-top: solid 1px #ddd}
.rgtW .successTextContent, .rgtW .noAccessContent
	{padding: 10px 0}
.rgtW .instructionPanel
	{text-align: left; padding: 10px 0;font-weight:bold; }
.rgtW .failurePanel
	{color: #FF0000; padding: 0.25em 0.1em 0 0; margin-left: 30px;  margin-top: 20px;}
.rgtW .commandWrap 
	{height:30px;padding-top: 10px;  border-top: solid 1px #ddd}
.rgtW .commandWrap .buttonWrap
	{float:right}
.rgtW label, .rgtW span, .rgtW a
	{font-weight:bold; }
.rgtW span.mandatory 
	{color:#F98A00}
.rgtW input
	{width: 119px; margin:2px 0;padding:1px 4px;}
.rgtW select
	{width:130px; margin:2px 0}
.rgtW .rowPanel	
	{text-align: right; width:350px;}
.rgtW .optInd {color:#5C8E13;display:block;padding:20px 0 10px;text-align:right;width:195px;}
.rgtW .rm-chb {display:inline-block;text-align:left;width:128px;}
.rgtW .rm-chb input[type="checkbox"] {width:1em; margin: 3px 0}

.strDesc1, .strDesc2, .strDesc3,.strDesc4,.strDesc5,.strDesc6 {font-weight:bold;padding:2px;margin-left:5px}
.strDesc1{background-color: #fd7800}
.strDesc2{background-color: #ffcc00}
.strDesc3{background-color: #ffff00}
.strDesc4{background-color: #dcfd00}
.strDesc5{background-color: #8bcc29}

.rgtW .botFailurePanel {color: #FF0000; padding:20px 5px; font-weight:bold; margin:0}

/* HELP */
.rgtW .help {float:left; width: 250px; margin: 0 0 0 20px; }
.rgtW .help p.header {  background: transparent url(http://www.babelcoach.net/Images/BabelDefault/help_25.gif) no-repeat top left;
	color:#444; font: bold small-caps 15px Verdana, Arial, Helvetica, sans-serif; 
	text-align:center; border-bottom: 1px solid #ddd; padding-top:20px}
.rgtW .help .content {padding: 0 10px 10px 0}
.rgtW .help p {padding:5px 0; margin:0}


/******************************************  
*					Content List Control
*******************************************/

.ctLtW .cntText, .ctUrlW .cntText { line-height:1.5em;padding-bottom: 10px}
.ctLtW .pnlLstCtrl, .ctUrlW .pnlLstCtrl {width:700px }
.ctLtW .pnlLstItmCtrl, .ctUrlW .pnlLstItmCtrl {background-color:#FEFFCC;padding:10px 5px;width:700px }
.ctLtW input[type="text"], .ctUrlW input[type="text"] {width:400px }
.ctLtW .anotation, .ctUrlW .anotation{ padding:3px; margin:3px; background-color:#f3f3f3}
.ctLtW h2, .resourceDetailWrapper h2 {border-bottom:2px solid #F3F3F3; background-color:#FCFCFC; padding:5px;
                                       -moz-border-radius: 7px 7px 0 0;-webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0}
.ctLtW h3, .resourceDetailWrapper h3 {border-bottom:1px solid #F3F3F3; padding:20px 0 5px}
.ctLtW em {color:#70BF00; font-weight:bold}

.gramEx {width: 600px; margin: 0pt auto; padding: 5px; border-spacing:5px;}
.gramEx b{color:#70BF00}
.gramEx td.foreign {width:60%; font-size: 20px; background-color: #f3f3f3; padding: 5px; line-height:1.2em}

.caSom {margin:0 auto;margin-top:20px; width:740px}
.caSom .caSomElm {background-color:#fcfcfc; font-size:16px; width:140px; height:160px; margin:2px; text-align:center; float:left}
.caSom .caSomElm img {margin:5px}
.caSom .sml { font-size:10px}

/* table used eg for grammar */
.vTable {border-spacing:5px;margin:0 auto;padding:5px;width:100%}
.vTable tr{background-color:#fcfcfc;font-size:14px}
.vTable td{padding:5px}
.vTable .vHigh {background-color:#faf0f0}
.vTable .vHead {background-color:#f0f0f0}

/* table with two columns */
.v2Table {border-spacing:5px; padding:5px; clear:left; margin: 10px auto; width:100%}
.v2Table tr{background-color:#fcfcfc;font-size:14px}
.v2Table td{padding:5px; width:50%}
.v2Table .vTop {background-color:#f0f0f0; font-weight:bold}
.v2Table td.first {font-weight:bold}

/* table with three columns */
.v3Table {border-spacing:5px;margin:0 auto;padding:5px; clear:left; margin-bottom:20px; width:100%}
.v3Table tr{background-color:#fcfcfc;font-size:14px}
.v3Table td{padding:5px}
.v3Table .vTop {background-color:#f0f0f0; font-weight:bold}
.v3Table td.art {width:6%}
.v3Table td.first {font-weight:bold; width:47%}
.v3Table td.sec {width:47%}

/* clipart */
.clip-prevnext {height:30px}
.clip-prevnext .prev {float:left}
.clip-prevnext .next {float:right}
.clip-prevnext img {margin-bottom:-7px} 
.clip-prevnext .mid {    float: left;
    padding: 3px;
    text-align: center;
    width: 480px}

/******************************************  
*			Content Excersice Templates
*******************************************/
.matchDragWrap, .instructions, .matchTargetWrap {padding:5px 10px; width:720px}
.matchWrap .instructions {height:30px}
.matchDragWrap .drag {font-size:14px; margin:2px 9px; padding:5px; width:110px; text-align:center; display:inline-block; opacity:1; filter:alpha(opacity=100); background-color:#f5f5f5; border:1px solid #ddd; cursor:default; -moz-border-radius: 0.5em; border-radius: 0.5em; }
.matchDragWrap .dragActive {background-color:#FFFFcc; border:1px solid #fafa77; cursor:move }   
.matchDragWrap .dragActive:hover { border:1px solid Orange; }   
.matchDragWrap .dragLost {background-color:#FFcccc;}
.matchDragWrap .ui-draggable-dragging {z-index:100}
.matchTargetWrap .drop {border: 2px solid #F3F3F3; width:110px; height:110px; padding:10px; margin:3px; text-align:center; display:inline-block; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;}
.matchTargetWrap .dropHov {border: 2px solid #999; -moz-box-shadow: 0 0 6px #aaa; -webkit-box-shadow: 0 0 6px #aaa; box-shadow: 0 0 6px #aaa; }
.matchTargetWrap .dropOK  {border: 2px solid #00CC00; -moz-box-shadow: 0 0 6px #aaa; -webkit-box-shadow: 0 0 6px #aaa; box-shadow: 0 0 6px #aaa }
.matchTargetWrap .dropKO  {border: 2px solid #FF3300;-moz-box-shadow: 0 0 6px #aaa;  -webkit-box-shadow: 0 0 6px #aaa; box-shadow: 0 0 6px #aaa  }
.matchWrap .startPanel {position: absolute; z-index:100; background-color: #fff; left:30px; top: 10px; padding:100px; text-align: center; font-size: 20px;
                           width:450px; height:180px; border:2px solid #DDDDDD; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;}
.matchWrap .startPanel .loading {color:Orange}
.instructions .feedBack {display:none}
.instructions .text {float:left; height:40px; padding:0 5px}
.instructions .counterWrapper {float:left; width: 50px; height:40px}
.instructions .btnWrapper {float:left; width: 130px; height:40px}
.instructions .msgWrapper {float:left; width: 150px; height:40px; text-align:center}
.instructions .counter {font-size:30px; color:Orange}
.instructions .won {font-size:30px; color:Green}
.instructions .lost {font-size:30px; color:Red}

/******************************************  
*					Page Not Found
*******************************************/

.pnfWrapper{}
.pnfWrapper .cannotFind {display:block}
.pnfWrapper .pageAddress {display:block; margin: 10px; padding:5px 10px; font-weight:bold;
                          background-color:#FFF5B0; border: solid 1px #f3f3f3}
.pnfWrapper .pnfReason {display:block}

/******************************************  
*					faqWrap
*******************************************/

.faqWrap{}
.faqWrap .faqItem{}
.faqWrap h3 {cursor:pointer}
.faqWrap .answer{padding:0px 5px 25px}

/******************************************  
*					donnation 
*******************************************/
.donWrp{}
.donWrp .donThk {color:#5C8E13;font-size:40px;font-weight:bold;}



/************************************************************************************  
*								ADMINISTRATION
*************************************************************************************/

.admBtn {padding:5px;background:yellow}

/******************************************  
*			Translation
*******************************************/

.tlWp .pnlScrollTranslation{width:800px; height:500px; overflow:auto; float:left; border: solid 1px #999}
.tlWp .pnlResourceTypes{width:120px; height:500px; margin-right:10px; overflow:auto; float:left; border: solid 1px #999}

.tlWp .rowPanel{}
.tlWp .rowPanel .column{float:left; margin-right:10px}
.tlWp .rowPanel label{font-size:10px}
.tlWp .rowPanel input[type="text"]{width:150px;background:#fff; margin: 0px;}
.tlWp .rowPanel select{width:150px;background:#FFFFCC; border:1px #B3B3B3 solid}

/******************************************  
*			Membership admin 
*******************************************/
.memberGrid .selRow{background-color:#FFC880}
.memberGrid .standCol{width:140px}
.memberGrid .standDiv{width:135px; overflow:auto}
.memberGrid .qstCol{width:100px}
.memberGrid .qstDiv{width:95px; overflow:auto}
.memberGrid .dateCol {width:85px}
.memberGrid .chbCol {width: 35px}

/******************************************  
*			user comments admin 
*******************************************/
.filter input[type="text"]{width: 100px}
.usrMgm .usrCol {width:70px; overflow:auto}
.usrMgm .usrCol input{width:70px}
.usrMgm .msgBox {height:40px;width:200px}
.usrMgm .ctxBox {height:40px;width:200px}
.usrMgm .cbCol{width:70px;overflow:auto}
.usrMgm .pgCol{width:70px;}
.usrMgm .conCol{width:60px;}


/******************************************  
*			Admin Dedault
*******************************************/

.admMWp{font-size:12px}
.admMWp .rowPanel{border:solid 1px #ddd; padding:5px; background-color:#f9f9f9; margin-bottom:5px}
.admMWp .rowPanel .column{border-right:1px solid #DDDDDD;float:left;height:50px;padding:0 5px;}
.admMWp .rowPanel label{font-size:10px}
.admMWp .rowPanel input[type="checkbox"] {width:14px;background:#fff; margin: 5px;}
.admMWp .rowPanel input{width:100px;background:#fff}
.admMWp .rowPanel select{width:100px;background:#FFFFCC; border:1px #B3B3B3 solid}
.admMWp input.textLong {width:430px !important}
.admMWp .txtLongMidHeight {width:426px; height: 50px}
.admMWp .txtLongBigHeight {width:426px; height: 80px}

/* item Grid */
.itMWp{}
.itMWp .admItemGrid {float:left; width:410px}
.itMWp .admItemGrid .colSelectBox{width:20px; text-align:center}
.itMWp .admItemGrid .colDelete{width:20px}
.itMWp .admItemGrid .colId{width:40px}
.itMWp .admItemGrid .colTextTrad{width:80px}
.itMWp .admItemGrid .colTextHome{}/* floating*/
.itMWp .admItemGrid .colContextCount{width:20px}
.itMWp .admItemGrid .colCollectionCount{width:20px}
.itMWp .admItemGrid .colCollectionList{width:35px}
.itMWp .admItemGrid .colPageName{width:200px;overflow:hidden}
.itMWp .admItemGrid .colPageTitle{width:140px;overflow:hidden}


.itMWp .updItemsWrap {width:960px; min-height:600px; }

/*
.itMWp .updProgress {width:960px; height:700px; text-align:center; position:absolute; 
                              background-color:#ffffff; filter:alpha(opacity=70); opacity:0.7}
.itMWp .updProgressText {padding:20px; text-align:center; background-color:#ffffff;
                                   filter:alpha(opacity=100); opacity:1; font-weight:bold}
*/
.updProgressFull {width: 100%; height: 100%; top:0; left:0; position:fixed; text-align:center; z-index: 1000; }
.updProgressLS {width: 630px; height: 500px; position:absolute; text-align:center; z-index: 1000; }

.updProgressFull .updProgressFullSpin, .updProgressLS .updProgressFullSpin{padding:10px; left:50%; top:30%; margin-left:-60px; height:50px;width:100px;
                                  text-align:center; filter:alpha(opacity=90); opacity:0.9; font-weight:bold;
                                  background:transparent url(http://www.babelcoach.net/Images/BabelDefault/bg_sp_120_70.png) no-repeat center center}
.updProgressFull .updProgressFullSpin {position:fixed}
.updProgressLS .updProgressFullSpin {position:absolute}

.itMWp .commands {padding:11px}
.itMWp .tabSelected {padding:10px;border: solid 1px #999}
.itMWp .tabLink {padding:10px; background-color: #ddd; border: solid 1px #999}

/* item detail form*/
.admMultiViewWrap{float:left; margin-left:10px; width:540px}
.admItemDetail{border: solid 1px #999}

.admItemDetail input {margin:0px;padding:0px}
.admItemDetail input[type="text"] {width:170px}
.admItemDetail select {width:170px;background:#FFFFCC; border:1px #B3B3B3 solid}
.admItemDetail textarea {width:170px; height:35px}

.admItemDetail .admItemTempTable td{background-color:#eee;vertical-align:middle; height:20px}
.admItemDetail .admItemTempTable td.colAlt{background-color:#f9f9f9}

.admItemDetail .admItemTempTable td.col1 {width:80px}
.admItemDetail .admItemTempTable td.col2 {width:170px; font-weight:bold}
.admItemDetail .admItemTempTable td.col3 {width:80px}
.admItemDetail .admItemTempTable td.col4 {width:170px; font-weight:bold} 

.revTask .colTask {width:180px; background-color:#f9f9f9}
.revTask .colComment {width:180px; background-color:#f9f9f9}
.revTask .colCmd {width:80px; background-color:#f9f9f9}
.revTask .colStatus {background-color:#f9f9f9}
.revTask .colSNC { background-color:Orange}
.revTask .colStatus, .revTask .colSNC {width:30px;font-size:10px }
/*.revTask .colStatus input, .revTask .colSNC input {width:20px; }*/

/* */
.popupGrammar {position:absolute; z-index: 1000; }
.popupGrammar div{border: 1px solid #868686; background-color: #fafafa; position:relative; left:-100px; top:-2px;
                   cursor: default; padding: 0 15px 15px 15px; font-weight:normal; color:#444 }
.popupGrammar td{width:95px; vertical-align:top; background-color:#EEE}
.popupGrammar input[type="checkbox"] {margin: 0 5px; float:left; width: 10px}
.popupGrammar label {display:block; float:left; width: 70px; background-color:#F3F3F3}
                  
/* sample phrases for this item*/
.adISmPh{border: solid 1px #999}
.adISmPh input
	{margin: 0px;padding:0px;font-size:12px;width:205px}
.adISmPh input[type="checkbox"] {width:14px;}

.adISmPh textarea{margin: 0px;padding:0px; font: normal 12px arial,verdana,tahoma,sans-serif; 
	width:190px;height:30px}
.adISmPh .sampleHeader {font-weight:bold; text-align:center}
.adISmPh td.colHome{width:200px}
.adISmPh td.colTrad{width:200px}
.adISmPh td.colVerifTrad{width:20px}
.adISmPh td.colVerifHome{width:20px}
.adISmPh td.colStatus input{margin: 0px;padding:0px;font-size:12px;width:20px}
.adISmPh td.colCmd{width:80px}
.adISmPh em{color:#fd7800; font-weight:bold; font-style:normal}

/* items that belong to samples*/
.adISmPh .tableItemOccurances {border: solid 1px #ddd}
.adISmPh .tableItemOccurances tr{background-color:#fff}
.adISmPh .tableItemOccurances .colItemId{width:50px}
.adISmPh .tableItemOccurances .colItemExpTrad{width:160px}
.adISmPh .tableItemOccurances .colItemExpHome{width:160px}

/******************************************  
*			Text
*******************************************/

.admTextParagraphs{border: solid 1px #999}
.admTextParagraphs .sampleHeader {font-weight:bold; text-align:center}

.admTextParagraphs textarea {width: 520px;height:200px;}
/* http://orkans-tmp.22web.net/star_rating/#main-menu=3&demo-tabs=3 */
.ui-stars-star,.ui-stars-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer;}.ui-stars-star a,.ui-stars-cancel a{width:16px;height:15px;display:block;background:url(http://www.babelcoach.net/Images/BabelDefault/jquery.ui.stars.gif) no-repeat 0 0;}.ui-stars-star a{background-position:0 -32px;}.ui-stars-star-on a{background-position:0 -48px;}.ui-stars-star-hover a{background-position:0 -64px;}.ui-stars-cancel-hover a{background-position:0 -16px;}.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important;}
/******************************************  
*			Admin Samples
*******************************************/

/* sample Grid */
.sampleMngWrapper{}
.admSampleGrid {float:left}
.admSampleGrid .colDelete {width:30px}
.admSampleGrid .colId {width:40px}
.admSampleGrid .colTextTrad {width:205px; vertical-align:text-top}
.admSampleGrid .colTextHome {width:205px; vertical-align:text-top}
.admSampleGrid .colVerifHome {width:20px}
.admSampleGrid .colVerifTrad {width:20px}
.admSampleGrid .colLangHome {width:20px}
.admSampleGrid .colLangTrad {width:20px}
.admSampleGrid .colItemCount {width:30px}
.admSampleGrid .colCommands {width:50px}
 
.admSampleGrid .colTextTrad textarea,  .admSampleGrid .colTextHome textarea {width:205px}
.admSampleGrid .colStatus input{width:20px}

.sampleMngWrapper .admItemList {width:230px; float:right; border:solid 1px #eee}
.sampleMngWrapper .admItemList table .colTrad {width:90px; border-right: solid 1px #ddd}
.sampleMngWrapper .admItemList table .colHome {width:100px; border-right: solid 1px #ddd}
.sampleMngWrapper .admItemList table .colCmd {width:40px}
 
.ac_list {background-color:#fff; border:solid 1px #ddd; text-align:left; padding-left:20px; }
.ac_item, .ac_highItem {}
.ac_highItem {background-color:#ddd;list-style-type: disc;}


/******************************************  
* formView.css
**************/
.unitDetailFW .AspNet-FormView 
	{padding:0px 3px 15px; overflow:hidden;}
.unitDetailFW .AspNet-FormView-Header 
	{color:#666; font: bold small-caps 14px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-top:7px}
.unitDetailFW .AspNet-FormView-Data
	{padding:0; overflow:hidden; margin-top:-16px}

.collDetailFW .AspNet-FormView 
	{overflow:hidden}
.collDetailFW .AspNet-FormView-Header 
	{color:#666; font: bold small-caps 14px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-top:7px}
.collDetailFW .AspNet-FormView-Data
	{padding:0;overflow:hidden; margin-top:-16px}
.collDetailFW .AspNet-FormView-Footer{}

/******************************************  
* loginView.css  check if you can delete those
**************/
/* This style sheet is intended to contain OFTEN CHANGED rules used when the Login control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */

.PrettyLogin
	{/*width: 170px;*/}

.PrettyLogin .AspNet-Login
	{font-size: 1em;}	

.PrettyLogin .AspNet-Login label
	{color: #666; }

.PrettyLogin .AspNet-Login input
	{font-size: 1em;color: #666;}

/* This rule is used when AutoAccessKey is true */
.PrettyLogin .AspNet-Login label em
	{text-decoration: underline; font-style: normal;}

.PrettyLogin .AspNet-Login .AspNet-Login-TitlePanel
	{font-weight: bold; font-size: 16px; color: #F98A00; border-bottom: solid 2px #F98A00;
		margin-bottom: 5px;}

.PrettyLogin .AspNet-Login .AspNet-Login-FailurePanel
	{height: 40px; color: #990000;}

.PrettyLogin .AspNet-Login .AspNet-Login-UserPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-RememberMePanel,
.PrettyLogin .AspNet-Login .AspNet-Login-SubmitPanel
	{height:25px}

.PrettyLogin .AspNet-Login .AspNet-Login-UserPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-SubmitPanel
	{text-align:right;}

.PrettyLogin .AspNet-Login .AspNet-Login-UserPanel label,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordPanel label
	{white-space: nowrap;}

.PrettyLogin .AspNet-Login .AspNet-Login-UserPanel input,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordPanel input
	{width: 70px;}

.PrettyLogin .AspNet-Login .AspNet-Login-SubmitPanel input
	{font-weight: bold; background: #ff8500 url(http://www.babelcoach.net/Images/BabelDefault/button_bg.gif) repeat-x; color: #f0f0f0;
    border: 1px #ff8500 solid; height: 20px; width: 70px; margin-right:5px;}

.PrettyLogin .AspNet-Login .AspNet-Login-InstructionPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-HelpPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-RememberMePanel,
.PrettyLogin .AspNet-Login .AspNet-Login-CreateUserPanel,
.PrettyLogin .AspNet-Login .AspNet-Login-PasswordRecoveryPanel{}


/******************************************  
* menu.css
******************/
/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu 
{
    position: relative;
}
ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;
}
ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}

/***************************************
*  menu.css Custom rules
***************************************/

.topNavMenu .AspNet-Menu-Horizontal
	{position:absolute; left: 250px; top: -33px; z-index: 100;font-weight: bold; color:#e5e5e5}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.topNavMenu ul
	{}
.topNavMenu li
	{background:transparent}
	
/* The menu adapter generates a list item (li) in HTML for each menu item. */
.topNavMenu ul.AspNet-Menu li
	{/*width: 100px;*/ text-align:center; }
	
/* By setting a transparent background image here you can effectively layer two images */
.topNavMenu ul.AspNet-Menu li a,
.topNavMenu ul.AspNet-Menu li span
	{color:#e5e5e5;padding: 8px 10px } 
	/*border-right:1px solid #93BF3E; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/arrowRight.gif) right center no-repeat;*/

.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
	{text-decoration:underline}

.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Selected,
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected
	{background: transparent  url(http://www.babelcoach.net/Images/BabelDefault/navActiveTabL_bg.gif) no-repeat top left}
	
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Selected a,
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected a,
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Selected a:hover,
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected a:hover
	{color:#F98A00; text-decoration:none; background: transparent url(http://www.babelcoach.net/Images/BabelDefault/navActiveTabR_bg.gif) no-repeat top right}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
	{}
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover,
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren a:hover
	{}

.topNavMenu ul.AspNet-Menu li a img
	{border-style: none; vertical-align: middle;}
	
.topNavMenu ul.AspNet-Menu li:hover, 
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Hover,
.topNavMenu ul.AspNet-Menu li a:hover,
.topNavMenu ul.AspNet-Menu li span.Asp-Menu-Hover
	{color: #fff}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
.topNavMenu ul.AspNet-Menu ul
	{left: 0; top: 100%; width:210px; z-index: 150; background-color:#69a513; border: solid 1px #73b515; padding: 0 2px 10px;
	 -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;
	 -moz-box-shadow: 1px 4px 10px #666666; -webkit-box-shadow: 1px 4px 10px #666666; box-shadow: 1px 4px 10px #666666;}
.topNavMenu ul.AspNet-Menu ul ul
	{left: 160px; top: -10px; }
	
.topNavMenu ul.AspNet-Menu li ul li
	{width:210px; text-align:left; border-bottom: solid 1px #73b515; background-image:none}
/* remove background image from top level menu*/
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Selected ul a,
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul a,
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-Selected ul a:hover,
.topNavMenu ul.AspNet-Menu li.AspNet-Menu-ChildSelected ul a:hover
	{color:#E5E5E5;background-image:none}
	
.topNavMenu ul.AspNet-Menu ul li.AspNet-Menu-Selected,
.topNavMenu ul.AspNet-Menu ul li.AspNet-Menu-ChildSelected
	{background: #89b934 none repeat scroll 0 0}
	
.topNavMenu ul.AspNet-Menu ul li.AspNet-Menu-Selected a
	{}
	
/* paddings for sub-menus */
.topNavMenu ul.AspNet-Menu ul li a,
.topNavMenu ul.AspNet-Menu ul li span 
	{padding:2px 10px}
	
.topNavMenu ul.AspNet-Menu ul li.AspNet-Menu-Leaf:hover,
.topNavMenu ul.AspNet-Menu ul li.AspNet-Menu-WithChildren:hover,
.topNavMenu ul.AspNet-Menu ul li.AspNet-Menu-Hover
	{background-color:#89b934;}
.topNavMenu ul.AspNet-Menu ul li.AspNet-Menu-Leaf a:hover,
.topNavMenu ul.AspNet-Menu ul li.AspNet-Menu-WithChildren a:hover
	{text-decoration:none}
	
.topNavMenu ul.AspNet-Menu ul ul li
	{}

/******************************************  
* zie6_or_less.css
******************************************/

* body {}
/* flex box help */
* html .fxBx .box_headerHelp { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxHelp_topleft.gif) no-repeat left top; height:15px;}
* html .fxBx .box_headerHelp .box_header_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxHelp_top.gif) no-repeat right top;
	margin-left:15px;  padding-right:17px;height:15px;overflow:hidden;}

* html .fxBx .box_help { background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxHelp_midleft.gif) repeat-y left}
* html .fxBx .box_help .box_help_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxHelp_mid.gif) repeat-y right;	
	margin-left:15px; padding-right:17px}
	
* html .fxBx .box_footerHelp {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxHelp_botleft.gif) no-repeat left top}
* html .fxBx .box_footerHelp .box_footer_right {background: transparent url(http://www.babelcoach.net/Images/BabelDefault/flexBoxHelp_bot.gif) no-repeat right top;
	margin-left:15px; padding-right:17px; height:17px;overflow:hidden;;font-size:1px}

* html .updProgress {width: 1000px; height: 500px; top:0; left:0; position:absolute; text-align:center; z-index: 1000; }

* html #beta {position: absolute; top: 0pt; left: 0pt;}