/************* Allgemeines Zur�cksetzen **************/
* {
	margin:0px;
	padding:0px;
	border:0px;
}

body, table, h4, p, button, select {
  font:11px Verdana;
  line-height:15px;
}

input, select, textarea {
	border:1px solid #A5A490;
}

input.r, input.c {
	border:0;
	vertical-align:middle;
	margin:0 2px 0 0;
}

select {
	height:17px;
}

.flag
{
	margin-left:3px;
	border-width:1px;
	border-style:solid;
	border-color:#C0C0C0;
}

/************* Basiscontainer der Startseite **************/
#all {
	width:1000px;
}

#middle {
	float:left;
	width:805px;
	margin:0 20px 0 0;
}

#rightAds {
	float:left;
	width:160px;
}

#box {
	padding:10px 10px 0 10px;
}

#topAds {
	text-align:center;
	margin:0;
}

#reiterLogo {
        height:58px;
        width: 198px;
        background:url(../img/logo_babla.gif) 13px 0px no-repeat;
        float: left;
        padding:0 3px 0 0;
        margin:0 12px 0 0;
        cursor:pointer;
}

#reiterNavi {
        padding:0;
}


#searchHeader {
	border:1px solid #DAD9C4;
	margin:0 0 10px 0;
	text-align:center;
	background:#ebf4fc;						/* PU: was #fff - searchHeader hervorheben */
	padding:25px 0;								/* PU: was 10px 0 - hervorheben */
}

#content {
	width:100%;
	padding:5px 0 10px 0;
	
}

.bord {
	border:1px solid #DAD9C4;
	padding:0 5px;
	background:#fff;
}

.oneTwo #contentLeft {
	float:left;
	width:195px;
	border-right:1px solid #DAD9C4;
}

.oneTwo #contentRight {
	float:right;
	width:573px;							/* TR: was 575px */
}

.twoOne #contentLeft {
	float:left;
	width:573px;							/* TR: was 575px */
	border-right:1px solid #DAD9C4;
}

.twoOne #contentRight {
	float:right;
	width:195px;
}

div.moduleRight {
	float:left;
	width:190px;
	padding:0 0 0 7px;
}

div.moduleCenter {
	float:left;
	width:373px;
}

#footer {
	padding:20px 0;
	text-align:center;
}
/************* Seitenelemente **************/

/************* Sprites ***********/
.babImg {background: url(/img/babImg-1003.gif) no-repeat top left;font-size:0px;display:inline-block}
a babImg {cursor:pointer}
#babLogo{width:157px;height:39px;background-position:0 0;margin-top:3px}
.babIcInfo{width:12px;height:12px;background-position:-184px -58px;margin-right:3px;cursor:pointer;margin-top:3px}
#babIcMore{width:15px;height:8px;background-position:-277px 0;margin-left:5px}
#babIcSelect{width:13px;height:7px;background-position:-277px -8px;float:right;margin:11px 5px 0 2px}
.babIcSpkr{width:13px;height:10px;background-position:-220px -34px;margin-right:3px;margin-left:10px;cursor:pointer}
#babImgGoogle{width:104px;height:17px;background-position:-157px -0px;}
#babImgNetvibes{width:91px;height:17px;background-position:-157px -17px}
.babArrOrg2R { width:9px;height:12px;background-position:-268px 0;margin-left:5px;vertical-align:bottom; }
.babIcArrDn{width:12px;height:12px;background-position:-184px -34px;margin-right:3px}
.babIcArrUp{width:12px;height:12px;background-position:-184px -46px;margin-right:3px}
.babIcArrGrn{width:12px;height:12px;background-position:-196px -34px;margin-right:3px;cursor:pointer;}
.babIcArrRed{width:12px;height:12px;background-position:-208px -34px;margin-right:3px;cursor:pointer;}
.babIcVtdNo{width:12px;height:12px;background-position:-208px -46px;margin-right:3px;}
.babIcVtdYs{width:12px;height:12px;background-position:-196px -46px;margin-right:3px;}
.babIcVtNo{width:12px;height:12px;background-position:-184px -70px;margin-right:3px;cursor:pointer;}
.babIcVtYs{width:12px;height:12px;background-position:-184px -82px;margin-right:3px;cursor:pointer;}
.babIcPlus{width:10px;height:10px;background-position:-184px -94px;margin-right:3px;cursor:pointer;}
.babIcMin{width:10px;height:10px;background-position:-184px -104px;margin-right:3px;cursor:pointer;}
.babIcPluGrn{width:12px;height:12px;background-position:-196px -58px;margin-right:3px}
.babIcSrc{width:10px;height:10px;background-position:-184px -114px;margin-right:3px;margin-left:3px;cursor:pointer;}
.babIcFPlus{width:10px;height:10px;background-position:-184px -94px;margin:4px 3px 0 0;float:left;}
.babIcFMin{width:10px;height:10px;background-position:-184px -104px;margin:4px 3px 0 0;float:left;}
.babArrBl2R {width:9px;height:8px;background-position:-268px 0;margin-left:5px;vertical-align:middle; }
.babArrBl2L {width:9px;height:8px;background-position:-268px -8px;margin-right:5px;vertical-align:middle; }
.babImgTwt {width:16px;height:16px;background-position:-248px -17px;margin:0 0 4px 5px; vertical-align:middle;}


#babTNav a { float:left; }


/************* Navi **************/
#reiterNavi ul {
	list-style:none;
	overflow:hidden;
	height:61px;    			
	background:url(../img/bg_navi.gif) 0px 12px repeat-x;
	padding: 0 0 0 10px;
}

#reiterNavi li {
	float:left;
	margin:0 2px 0 0;
}

#reiterNavi a {								/* PU: was also for , #reiterNavi span.active */
	font-family: Arial,sans-serif;
	display:block;
	padding:6px 8px;						/* PU was 4px 10px */ 
	text-decoration: none;
	font-size: 13px;
	color:#fff;
}

#reiterRechts {
	padding:0 10px 0 0;
    text-align:right;
	font: bold 10px Verdana;
	color:#6292C0;
}

#reiterNavi ul li {
	height:60px;
	text-align:center;
	font-weight:bold;
	color:#fff;
}

#reiterNavi ul li#sArrow {
	background:url(../img/navi_arrow_small.gif) top left no-repeat;
	width:57px;
}

#reiterNavi ul li#bArrow {
	background:url(../img/bg_navi_active.gif) top left repeat-x;
}

#reiterNavi ul li {
	padding:12px 0 0 0;
}

#reiterNavi ul {
	
}

/************** Search **************/
.search {
	margin:auto;
	text-align:left;
	width:634px;
}

#searchBottom {
	width:100%;
	margin:0 0 10px 0;
	text-align:center;
	padding:10px 0;
}

#searchBottom .search {
  width:500px;
  margin:auto;
  text-align:left;
}

.fields #searchBottom .search {
	width:400px;
}

.big .fields #searchBottom .search {
	width:460px;
}


.search label {
	display:block;
	font-size:11px;
	margin:0 0 4px 0;
}
.searchInput label {  /* copied from .search label */
  display:inline;  					/* PU: Search hervorheben */
	font-size:15px;						/* PU: was 11px; - hervorheben */
	font-weight:bold;					/* PU: new - hervorheben */
	margin:0 10px 0 0;			/* PU: was 0 0 4px 0; - hervorheben */
}

.searchInput, .searchSelect, .suggInput {
	float:left;
	margin: 0 10px 0 0;
}

#searchBottom .search button { /* PU: also for , #searchHeader .search button  */
	margin:20px 0 0 0;	
}

#translate {
	height:20px;								/* PU: was 19px - damit cursor reinpasst */
	padding:1px 2px 0 4px;				/* PU: was 0 0 0 4px - damit cursor oben abstand hat */
}

.search #translate {			/* PU: Hervorheben */
  width:250px;
}

#language {
	width:100px;
}

.search #language {				/* PU: for dictionary names */
	width:185px;
	height:18px;
}

#sortBar {
	width:100%;
	margin:0 0 10px 0;
	text-align:center;
	padding:20px 0;
}

#sortBar .search {
  width:430px;
  margin:auto;
  text-align:left;
}

#sortBar select, #sortBar label {
	display:block;
	float:left;
	margin:0 10px 0 0;
}

#sortBar label {
	margin:2px 10px;
}


/************** Buttons **************/
button, .default {
	/*width:100px;*/
	padding:0;
	background:#9A9901;
	border:1px solid #C7C802;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
}

button p {
	color:#fff;
	font-weight:bold;
}

button.cancel, .cancel {
	padding:0;
	background:#8B8575;
	border:1px solid #B2AB99;
	color:#fff;
	font-weight:bold;
	
}

.addButtons img {
	margin:2px 0;
}

/*************** Files ****************/

.hiddenfile {
	position: relative;
	right:0;
	z-index:2;	
	-moz-opacity:0;
	opacity: 0;
	font-size:17px;
	height:46px;
	line-height:50px;
/*	overflow:hidden;				*/	
	cursor: pointer;
}

/* File upload buttons */ 
div.fileinputs {
	position: relative;
	height:26px;			
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

input.file {
	position: absolute;
	right:0;
	z-index:2;	
	-moz-opacity:0;
	opacity: 0;
	font-size:50px;
	height:46px;
	line-height:50px;
/*	overflow:hidden;				*/	
	cursor: pointer;
}
/* upload foto button on profil forms page*/
div.fake-browse-button-top {
	width:175px; 
}

div.fake-browse-button-bottom {
	width:175px; 
	white-space:normal; 
	padding-top:5px;
}

div.fake-browse-button-bottom p {
	text-align:center; 
	margin:0px; 
	padding:0 5px 5px 5px; 
	font-size: 13px; 
	line-height:15px; 
	color: #006567;
	font-weight:bold;
}
input.file {
	filter:alpha(opacity: 0); 
}

/*************** Farben ***************/

#box, form.std, tr.odd, div.std {
	background:#F3F4E4;
}

.fstBg {
	background:#EBF4FD;
}

.secBg {
	background:#DFE0D2;
}

.greyBg {
	background:#CCCCCC;
}

.red {
  color:#c03;
}

.green {
  color:#009036;
}

.black {							/* PU Added for linked headlines */
  color:#000000;
}

.picSource {
  color:BFC0B2;
	font-size:10px;
}
/************** Paging ****************/
#paging {
  width:100%;
  overflow:hidden;
  padding:2px 0;
  margin:0 0 20px 0;
}

#paging p.l {
  width:10px;
  float:left;
  margin:0 0 0 4px;
}

#paging p.m {
  float:left;
  text-align:center;
  width:525px;
  overflow:hidden;
}

#paging p.r {
  width:10px;
  float:right;
  margin:0 4px 0 0;
}

#paging p.r a {
  float:right;
}

#paging p.m span {
  background:#9A9901; 
  font-weight: bold; 
  color: white;
  padding:0 4px;
}

/*************** ImgTeaser ************/

.imgTeaser {
  display:block;
  text-align:center;
  float:left;
  width:125px;
  margin:10px 2px;
}

/*
.imgTeaser img {
	
  height:100px;
  width:100px;
}
*/

.smallTeaser {
	margin:0 0 6px 0;
}

.smallTeaser img {
	display:block;
	float:left;
	width:50px;
	height:50px;
	margin:0 4px 0 0;
}

.smallTeaser .smallTxt {
	float:left;
	width:110px;
}

/**************** Success Module *********/
.successModule {																/* PU New */
  background:url(../img/bbOk.gif) no-repeat;
  padding:20px 0 25px 90px;
  margin:0 0 20px 0;
}

.successModule h1 {															/* PU New */
  border:1px solid #000;
  padding:10px;
  font-weight:bold;
  margin:0 90px 30px 0;
}
.successModule p {															/* PU New */
  margin:0 100px 20px 10px;
	font-size:13px;
}

/**************** Error Module *********/
.errorModule {
  background:url(../img/error_img.gif) no-repeat;
  padding:20px 0 25px 90px;
  margin:0 0 20px 0;
}

.errorModule h1 {
  border:1px solid #cc0033;
  padding:10px;
  font-weight:bold;
  margin:0 90px 0 0;
}

/**************** Plexmodule **********/

b.plexF {
	display:block;
	width:575px;
	background:transparent url(../img/top_plex.gif) top left no-repeat;
	margin:0 0 10px 0;
}

b.plexF b {
	display:block;
	background:transparent url(../img/bottom_plex.gif) bottom left no-repeat;
  padding:10px 0;
}

b.plexF b b {
	font-weight:normal;
	padding:0 10px;
	background:transparent url(../img/middle_plex.gif) bottom left repeat-y;
}

b.plexT {
	display:block;
	width:460px;
	background:transparent url(../img/top_plex_third.gif) top left no-repeat;
	margin:0 0 10px 0;
}

b.plexT b {
	display:block;
	background:transparent url(../img/bottom_plex_third.gif) bottom left no-repeat;
  padding:10px 0;
}

b.plexT b b {
	font-weight:normal;
	padding:0 10px;
	background:transparent url(../img/middle_plex_third.gif) bottom left repeat-y;
}

b.plexH {
	display:block;
	width:373px;
	background:transparent url(../img/top_plex_half.gif) top left no-repeat;
	margin:0 0 10px 0;
}

b.plexH.left {
	float:left;
	margin:0 0 10px 0;
}

b.plexH b {
	display:block;
	background:transparent url(../img/bottom_plex_half.gif) bottom left no-repeat;
  padding:10px 0;
}

b.plexH b b {
	font-weight:normal;
	padding:0 10px;
	background:transparent url(../img/middle_plex_half.gif) bottom left repeat-y;
}

b.plexS {
	display:block;
	width:263px;
	background:transparent url(../img/top_plex_small.gif) top left no-repeat;
	margin:0 0 10px 0;
}

b.plexS.left {
	float:left;
	margin:0 0 10px 0;
}

b.plexS b {
	display:block;
	background:transparent url(../img/bottom_plex_small.gif) bottom left no-repeat;
  padding:10px 0;
}

b.plexS b b {
	font-weight:normal;
	padding:0 10px;
	background:transparent url(../img/middle_plex_small.gif) bottom left repeat-y;
}

b.plexH b b b, b.plexT b b b, b.plexF b b b, b.plexS b b b {
	background:none;
	padding:0;
	font-weight:bold;
}

/***************** Plex new (after ff bug) **********************/

div.plexF {
	display:block;
	width:575px;
	background:transparent url(../img/top_plex.gif) top left no-repeat;
	margin:0 0 10px 0;
}

div.plexF div.plexF_bot {
	display:block;
	background:transparent url(../img/bottom_plex.gif) bottom left no-repeat;
  padding:10px 0;
}

div.plexF_bot div.plexF_mid {
	font-weight:normal;
	padding:0 10px;
	background:transparent url(../img/middle_plex.gif) bottom left repeat-y;
}

div.plexT {
	display:block;
	width:460px;
	background:transparent url(../img/top_plex_third.gif) top left no-repeat;
	margin:0 0 10px 0;
}

div.plexT div.plexT_bot {
	display:block;
	background:transparent url(../img/bottom_plex_third.gif) bottom left no-repeat;
  padding:10px 0;
}

b.plexT_bot div.plexT_mid {
	font-weight:normal;
	padding:0 10px;
	background:transparent url(../img/middle_plex_third.gif) bottom left repeat-y;
}

div.plexH {
        display:block;
        width:373px;
        background:transparent url(../img/top_plex_half.gif) top left no-repeat;
        margin:0 0 10px 0;
}

div.plexH.left {
        float:left;
        margin:0 0 10px 0;
}

div.plexH div.plexH_bot {
        display:block;
        background:transparent url(../img/bottom_plex_half.gif) bottom left no-repeat;
  padding:10px 0;
}

div.plexH_bot div.plexH_mid {
        font-weight:normal;
        padding:0 10px;
        background:transparent url(../img/middle_plex_half.gif) bottom left repeat-y;
}

div.plexS {
	display:block;
	width:263px;
	background:transparent url(../img/top_plex_small.gif) top left no-repeat;
	margin:0 0 10px 0;
}

div.plexS.left {
	float:left;
	margin:0 0 10px 0;
}

div.plexS div.plexS_bot {
	display:block;
	background:transparent url(../img/bottom_plex_small.gif) bottom left no-repeat;
  padding:10px 0;
}

div.plexS_bot div.plexS_mid {
	font-weight:normal;
	padding:0 10px;
	background:transparent url(../img/middle_plex_small.gif) bottom left repeat-y;
}

div.plexM {
        display:block;
        width:190px;
        background:transparent url(/img/top_plex_mini.gif) top left no-repeat;
        margin:0 0 10px 0;
}

div.plexM div.plexM_bot {
        display:block;
        background:transparent url(/img/bottom_plex_mini.gif) bottom left no-repeat;
  padding:10px 0;
}

div.plexM_bot div.plexM_mid {
        font-weight:normal;
        padding:0 10px;
        background:transparent url(/img/middle_plex_mini.gif) bottom left repeat-y;
}


p.uLine {
	margin:3px 0 0 0;
	padding:0 0 3px 0;
	border-bottom:1px solid #9A9901;
}

.picBox {
	float: left;
	width: 120px;
	background:#F5F5E5;
}
/*
.picBox img{
	width:100px;
	height:100px;
	margin:4px 10px 6px 10px;
}
*/
.picCover {
	width:100px;	
	margin:4px 10px 6px 10px;
	text-align:center;
	vertical-align:middle;
	}

.picCoverHeight {
	width:100px;	
	height:100px;
	margin:4px 10px 6px 10px;
	text-align:center;
	vertical-align:middle;
	}
/*END OF added by mali on 11 august */
.picBox p {
	margin:4px 10px 6px 10px;
	font-size:10px;
	width:100px;
	overflow:hidden;
}

.picBox p img.flag {
	margin:0;
	width:20px;
	height:12px;
	vertical-align:middle;
}

.testSummary, .testSummaryF {
	float: left; 
	vertical-align: text-top;
	width:220px;
	margin:0 0 0 10px;
}

.testSummaryF {
	width:420px;
}

.testSummary h6, .testSummaryF h6 {
	font-size:11px;
	line-height:15px;
	text-transform:uppercase;
	font-weight:normal;
}

.testSummary .testInfos, .testSummaryF .testInfos {
	margin:4px 0;
	padding:2px 0;											/* PU: Abstand zu Linien */
	border-top:1px solid #9A9901;
	border-bottom:1px solid #9A9901;
}

.testInfos {
	margin:4px 0;
}

img.testBub {
	width:20px;
	height:20px;
	vertical-align:middle;
}

.testImg {
	display:block;
	width:100px;
	height:100px;
	margin:0 10px 10px 0;
	float:left;
}

.testTeaser {
	float:left;
}


/********************* Teaser Startseite *************/
.dblTeaser {
	float:left;
	width:214px;
}

.dblTeaser.right {
	margin:0 0 0 10px;
}

.dblTeaser img {
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:50px;
	height:50px;
	border:1px solid #000;
}

.dblTeaser txt {
	width:160px;
	float:left;
}

.topTeaser {
	margin: 10px 0px;
}

.topTeaser .topImg {
	float:left;
	width:185px;
}

.topTeaser .topImg img {
	display:block;
	width:185px;
	height:186px;
	margin:10px 0 6px 0;
}

.topTeaser .topImg p {
	text-align:center;
}

.topTeaser .topTxt {
	margin: 10px 0px 0px 10px;
	float: left; 
	width: 300px;
}

.topTeaser .topTxt h1, .topTeaser .topTxt ul {
	margin:0 0 10px 0;
}

.topTeaser .topTxt li {
	margin:0 0 0 16px;
	list-style-type:square;
	font-size:13px;
}

/************** Modal Dialog **********/

.modalBkgd {
	background-color:#938356;
	opacity:.8;
	filter: alpha(opacity=80);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	/* display:none; */
}

.modalDia {
  border:2px solid #4881B8;
  width:630px;
  background-color:#fff;
  padding-bottom:15px;
}

.modalDia.big {
	width:780px;
}

.modalDia h1 {
	margin:0 0 10px 0;
}

.modalDia em {
	font-weight:bold;
}

.modalDia .fields {
  float:left;
  width:430px;
}

.modalDia.big .fields {
	width:580px;
}

.modalDia .fields.login {
	width: 200px;
}

.modalDia .left {
  float:left;
  margin:0 90px 0 0;				/* PU: right margin? what for? */
}

.modalDia .right {
  float:left;
  margin:0;
}

.modalDia .mar .left {
	width:100px;
	float:left;
	margin:0;
}

.modalDia .mar	.right {
	width:300px;
	float:right;
	margin:0;
}

.modalDia div.one, .modalDia div.two,  .modalDia div.three, .modalDia div.hook, .modalDia div.icons, .modalDia div.shout, .modalDia div.quest, .modalDia div.prof, .modalDia div.nopic, .modalDia div.nopicH1 {
  float:left;
  width:160px;
 }
 
.modalDia div.one {
  background:url(../img/babla-bubble-smalleins.gif) 30px 6px no-repeat;
}

.modalDia div.two {
  background:url(../img/babla-bubble-smallzwei.gif) 30px 6px no-repeat;
}

.modalDia div.three {
  background:url(../img/babla-bubble-smalldrei.gif) 30px 6px no-repeat;
}

.modalDia div.hook {
  background:url(../img/babla-bubble-smallhaken.gif) 30px 6px no-repeat;
}

.modalDia div.icons {
  background:url(../img/babla-bubble-smallicons.gif) 30px 6px no-repeat;
}

.modalDia div.shout {
  background:url(../img/babla-bubble-smallausrufe.gif) 30px 6px no-repeat;
}

.modalDia div.quest {
  background:url(../img/babla-bubble-fragezeichen.gif) 30px 6px no-repeat;
}

.modalDia div.prof {
  background:url(../img/babla-bubble-smallprofil.gif) 30px 6px no-repeat;
}

.modalDia div.one p, .modalDia div.two p, .modalDia div.three p, .modalDia div.hook p, .modalDia div.icons p, .modalDia div.shout p, .modalDia div.quest p, .modalDia div.prof p {
  padding:116px 6px 0 6px;
  color:#4881B8;
}

.modalDia div.nopic p {
	padding:0 6px 0 6px;
  	color:#4881B8;
 }
 
.modalDia div.nopicH1 p { 
	padding:40px 6px 0 6px;
  	color:#4881B8;
}

.modalDia .help {
  display:block;
  float:right;
}

.modalDia label {
	display:block;
}

.modalDia .mar label {
	font-weight:bold;
	margin:0 0 20px 0;
}

.modalDia .pad {
  padding:10px;
}

table#simWords {
	margin:0 0 10px 0;
}

.modalDia td {
  width:225px;
  padding:3px 6px;
}

.modalDia select {
  display:block;
  margin:0 0 10px 0;
  font-weight:bold;
}

.modalDia select.tSpace {
	margin:30px 0 10px 0;
}

.modalDia select, .modalDia input {
  width:140px;
}

.modalDia .buts {
  float:right;
}

.modalDia button {
	margin:10px 0 0 10px;
}

.modalDia .breakArrow {
	background:transparent url(../img/break_arrow.gif) no-repeat;
	height:30px;
	width:140px;
}

.modalDia .breakArrow select {
	width:120px;
	margin:0 0 0 20px;
}

/************** inline Dia ************/

.inlineDia h2 {
  text-align: left;
}
.inlineDia .fields {
  float:left;
  width:550px;
  text-align:left;
}
.inlineDia .left {
  float:left;
  margin:0 90px 0 0;                            /* PU: right margin? what for? */
}
.inlineDia .right {
  float:left;
  margin:0;
}
.inlineDia .mar .left {
        width:100px;
        float:left;
        margin:0;
}
/*
.inlineDia .mar .right {
        width:520px;
        float:right;
        margin:0;
}
*/
.inlineDia .help {
  display:block;
  float:right;
}
.inlineDia .mar label {
        font-weight:bold;
        margin:0 0 20px 0;
}
.inlineDia .pad {
  padding:10px;
}
table#simWords {
        margin:0 0 10px 0;
}
.inlineDia td {
  width:285px;
  padding:3px 6px;
}
.inlineDia select {
  display:block;
  margin:0 0 10px 0;
  font-weight:bold;
}
.inlineDia select.tSpace {
        margin:30px 0 10px 0;
}
.inlineDia select, .inlineDia input {
  margin-left:20px;
  width:200px;
}
.inlineDia .buts {
  text-align:right;
  float:right;
}
.inlineDia button {
        margin:10px 0 0 10px;
}
.inlineDia .breakArrow {
        background:transparent url(/img/break_arrow.gif) no-repeat;
	margin-left:20px;
        height:30px;
        width:140px;
}
.inlineDia .breakArrow select {
        width:180px;
        margin:0 0 0 20px;
}



/************** Scrollboxes ***********/

.scrollBox {
  /*
  overflow:auto;
  width:575px;
  height:200px;
	*/
}

.moduleRight .scrollBox {
	/*
	width: 192px; 
	height: 300px;
	margin:6px 0 0 0;
	*/
}

.scrollBox .imgTeaser {
  width:133px;
}

.scrollBox .imgTeaser img {
  border:1px solid #fff;
}

.scrollBox .imgTeaserSmall img {
  border:1px solid #fff;
  margin: 0 5px 2px 3px;
}
/************** Schriften *************/
#content h1, h1, .header1 {
	font-size:17px;
	font-weight:bold;
	line-height:25px;
}

#content h2, h2, .header2, .h3big {				/* PU: New - same as h1 */
	font-size:17px;
	font-weight:bold;
	line-height:25px;
}

#content h3, h3, .header3 {
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

.h3big {				/* PU: New - same as h2 */
	font-size:17px;
	font-weight:bold;
	line-height:25px;
}

#content h4, h4, header4 {
	font-weight:bold;
	margin:0 0 5px 0;
}

a:active, a:link, a:hover, a:visited {
	text-decoration:none;
	color:#4276A6;
}

a:hover {
	text-decoration:underline;
}

a:active.sec, a:link.sec, a:hover.sec, a:visited.sec {
	color:#F39300;
}

a:active.secLeft, a:link.secLeft, a:hover.secLeft, a:visited.secLeft {
	color:#F39300;
	padding:0 0 0 16px;
	background:url(../img/left_orange_arrow.gif) 0px 4px no-repeat;
	display:block;
	float:left;
}

a:active.secRight, a:link.secRight, a:hover.secRight, a:visited.secRight {
	color:#F39300;
	padding:0 16px 0 0;
	background:url(../img/right_orange_arrow.gif) top right no-repeat;
	display:block;
	float:left;
}

/**PAGING arrows** << <   > >> *************/
a:active.previousArrow, a:link.previousArrow, a:hover.previousArrow, a:visited.previousArrow {
	color:#F39300;
	padding:0 0 0 10px;
	background:url(../img/left_orange_arrow.gif) 0px 4px no-repeat;

}

a:active.PreviousArrowByOne, a:link.PreviousArrowByOne, a:hover.PreviousArrowByOne, a:visited.PreviousArrowByOne {
	color:#F39300;
	padding:0 0 0 10px;
	background:url(../img/left_orange_arrow_1.gif) 0px 4px no-repeat;

}a:active.NextArrowByOne, a:link.NextArrowByOne, a:hover.NextArrowByOne, a:visited.NextArrowByOne {
	color:#F39300;
	padding:0 10px 0 0;
	background:url(../img/right_orange_arrow_1.gif) top right no-repeat;

}

a:active.nextArrow, a:link.nextArrow, a:hover.nextArrow, a:visited.nextArrow {
	color:#F39300;
	padding:0 10px 0 0;
	background:url(../img/right_orange_arrow.gif) top right no-repeat;

}


/*end of css paging*****/

a:active.secRightInline, a:link.secRightInline, a:hover.secRightInline, a:visited.secRightInline {
	color:#F39300;
	padding:0 16px 0 0;
	background:url(../img/right_orange_arrow.gif) top right no-repeat;
}

a:active.firstLeft, a:link.firstLeft, a:hover.firstLeft, a:visited.firstLeft {
	padding:0 0 0 16px;
	background:url(../img/left_blue_arrow.gif) 0px 3px no-repeat;
	display:block;
	float:left;
}

a:active.firstRight, a:link.firstRight, a:hover.firstRight, a:visited.firstRight {
	padding:0 16px 0 0;
	background:url(../img/right_blue_arrow.gif) top right no-repeat;
	display:block;
	float:left;
}

p.arrow {
	padding:0 0 0 10px;
	font-weight:bold;
	background:url(../img/down_black_arrow.gif) 0px 5px no-repeat;
}

p.arrowDown {									/* PU new block for filter menu */
	padding:0 0 0 10px;
	font-weight:bold;
	background:url(../img/down_black_arrow.gif) 0px 5px no-repeat;
}

p.arrowRight {									/* PU new block for filter menu */
	padding:0 0 0 10px;
	font-weight:bold;
	background:url(../img/right_black_arrow.gif) 0px 5px no-repeat;
}

p.arrowSortUp {									/* PU new block for filter menu */
	padding:0 0 0 15px;
	font-weight:bold;
	background:url(../img/sortUp.GIF) 0px 5px no-repeat;
}

p.arrowSortDown {									/* PU new block for filter menu */
	padding:0 0 0 15px;
	font-weight:bold;
	background:url(../img/sortDown.GIF) 0px 5px no-repeat;
}

p.arrowSortNone {									/* PU new block for filter menu */
	padding:0 0 0 15px;
	font-weight:bold;
	background:url(../img/sort.GIF) 0px 5px no-repeat;
}

a.trans {
        font-size: 11px;
}

/* added on 9 july for displaying chinese characters */

.fontBigger{
	font-size: 13px;
}

/* END of added on 9 july for displaying chinese characters */
a.fontBigger {
        font-size: 13px;
}

.topSearches {
        font-size: 10px;
}

/******************** Detailbox ******************/
.detailBox {
	background:#EBF4FD;
	padding:6px;
	margin:0 6px 20px 0;   /* TR: was 0 10 20 0 */
}

.moduleRight .detailBox {
	margin:0 0 10px 0;
}

.moduleRight .detailBox .wid {
	width:170px;						/* PU: was 100px - why, I don't know */
}

.detailBox label {
	display:block;
	font-weight:bold;
	width:100%;
}

.detailBox select, .detailBox input.t{
	width:172px;
	margin:0 0 10px 0;
}

.detailBox p {
	display:block;
	margin:0 0 10px 0;
}

.detailBox p.radioInline label {
	display:inline;
	font-weight:normal;
	width:auto;
}

.detailBox p.right {
	text-align:right;
}

.detailBox a.b {
	display:block;
}

.detailBox a.del {
	background:url(../img/delicious.gif) no-repeat;
	padding:0 0 0 20px; 
}

em {
	display:block;
	color:#c03;
	margin:6px 0;
	width:100%;
	font-style:normal;
}

input.c {
	float:left;
	width:20px;
}

label.c {
	float:left;
	width:140px;
}

.detailBox .imgBox {
	text-align:center;
	color:#fff;
	background:#2C5072;
	width:100%;
	padding:10px 0;
}

.detailBox .imgBox img {
	width:110px;
	height:150px;
	display:block;
	margin:0 auto 10px auto;
}

button.right {
	float:right;
	margin:0px 10px;
}

/************** Dictionary & Suggestions *************************/

table.dict, table.dict2Col {
  width:100%;
  margin:0 0 20px 0;
}

table.suggest {
	width:100%;
}

table.dict td.txt, table.dict th.txt  {
  width:40%;
}

table.dict td.act, table.dict th.act  {
  width:20%;
  text-align:right;
}

table.dict th, table.suggest th {
  text-align:left;
}

table.dict td, table.suggest td {
  padding:3px 3px;
}

table.suggest input {
	display:inline;
}

table.suggest input.r, table.suggest .c1span3 input.r {
	width:20px;
}

table.suggest .c0 {						/* PU: additional column for radio button */
	width:20px;
}
table.suggest .c1 {
	width:100px;								/* PU: additional column for radio button ==> new width */
}
table.suggest .c2 {
	width:100px;								/* PU: additional column for radio button ==> new width */
}
table.suggest .c3 {
	width:100px;								/* PU: additional column for radio button ==> new width */
/*	font-weight:bold; 				PU: normal font-weight in third column */
}
table.suggest .c4 {
	text-align:center;
	color:#9A9901;
	width:50px;
	font-weight:bold;
}

table.suggest .c1span3 {
	width:450px;
}

table.suggest .c1span3 input {
	width:275px;
	margin:0;
}

table.suggestInline input {
        display:inline;
}
table.suggestInline th {
	text-align:left;
}
table.suggestInline input.r, table.suggest .c1span3 input.r {
        width:20px;
}
table.suggestInline .c0 {                                             /* PU: additional column for radio button */
        width:20px;
}
table.suggestInline .c1 {
        width:100px;                                                            /* PU: additional column for radio button ==> new width */
}
table.suggestInline .c2 {
        width:100px;                                                            /* PU: additional column for radio button ==> new width */
}
table.suggestInline .c3 {
        width:100px;                                                            /* PU: additional column for radio button ==> new width */
/*      font-weight:bold;                               PU: normal font-weight in third column */
}
table.suggestInline .c4 {
        text-align:center;
        color:#9A9901;
        width:50px;
        font-weight:bold;
}
table.suggestInline .c1span3 {
        width:450px;
}
table.suggestInline .c1span3 input {
        width:275px;
        margin:0;
}

#sResult {
  width:100%;
  overflow:hidden;
  margin:0 0 10px 0;
}

#sResult p.left {
  float:left;
  width:45%;
}

#sResult p.right {
  float:right;
  width:45%;
  text-align:right;
}

table.dict h3 {
  width:100%;
  border-bottom:3px solid #9A9901;
}

table.dict2Col {
  margin:0 0 20px 0;
}

table.dict2Col th {
  text-align:left;
}

.pinyin {
  position:relative;
  font-family:'Helvetica';
}

/************** Testmodule & Profilemodule **************/

.headTxtH {
	float:left;
	margin:0 0 0px 10px;
	width:350px;
}


.head {
	padding:5px 5px 0 5px;
}

.headImg {
	display:block;
	border:1px solid #000;
	float:left;
	width:60px;
	height:60px;
}

.headTxt {
	float:left;
	margin:0 0 0px 10px;   /* PU - was: 0 0 20px 10px */
	width:540px;						 /* PU - was: 480px         */
}

.headTxt b {
	font-weight:bold;
}

.headTxt h2 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.headTxt dfn {
	display:block;
	font-weight:bold;
	float:right;
	overflow:hidden;
}

.headTxt dfn img {
	width:100px;
	height:12px;
}

/* hier auch profModule */
.diaBox, .profModule {
	width:100%;
	margin:0 0 10px 0;   /* PU - was 0 0 20px 0 */
}

.profModule label, .testDescribe label {
  font-weight:bold;
  width:120px;
  display:block;
  float:left;
}

.noBgForm .help {
  display:block;
  float:right;
}

/*changed by mali on 10 october 2008 , width from 120 to 125 px because german text did not fit properly */
.testDescribe label {
	width:125px;
}
/* end of change by mali */

.testDescribe {
	margin:0 0 20px 0;
	
}

.noBgForm h1 {
	margin:0 0 10px 0;
}

.noBgForm {
	padding:0 6px 0 20px;
}

.profModule input, .profModule select, .testDescribe input, .testDescribe select, .testDescribe textarea {
  display:block;
  float:left;
  width:150px;
  margin:0 0 10px 0;
}

.testDescribe input, .testDescribe select, .testDescribe textarea {
	width:300px;
}

.profModule input.c {
  display:block;
  float:left;
  width:20px;
}

.profModule label.c {
  width:240px;
  font-weight:normal;
}

.profModule label.block, .profModule select.block {
  float:none;
  width:200px;
  margin:9px 0 6px 0;
}

.profModule textarea {
	height:60px;
}

.profModule.block label, .profModule.block textarea, .profModule.block input {
  display:block;
  float:none;
  width:270px;
}

.profModule.block input.c {
	width:20px;
	float:left;
}


.profModule.block textarea, .profModule.block input {
  margin:0 0 20px 0;
}



.profModule select.date {
  width:40px;
  margin:0 9px 0 0;
}

.profModule select.half {
  width:130px;
}

.profModule select.left {
  margin:0 10px 0 0;
}

.profModule select.year {
  margin:0;
  width:52px;
}

.profModule div.left, .testDescribe div.left {
  float:left;
  
}

.profModule div.right {
  float:right;
}
/* changed by mali on 10 october 2008;width 120 to 115, test and question field explanations did not fit on explorer (when creating new test) */
.testDescribe div.right {
	float:right;
	width:115px; 
	color:#8B8575;
}

.profModule .butRight {
	width:40%;
}

.diaBox .mar, .profModule .mar {
	padding:10px;
	overflow:hidden;
	background:#F3F4E4;
}

.mar {
	padding:10px;
	overflow:hidden;
}

.modalDia.big .mar {
	padding:10px 10px 0 10px;
}

.diaBox div.left {
	float:left;
	width:300px;
}

img.rightImg {
	float:right;
/*	width:200px;   PU: smaller picture for tests */
	border:1px solid #000;
}

.diaBox h1 {
	font-size:18px;
	margin:0 0 30px 0;
}

.diaBox input.r {
	display:block;
	float:left;
	vertical-align:middle;
}

.diaBox label {
	float:left;	
	font-weight:bold;
	margin:0 0 10px 10px;
	line-height:16px;
	cursor:pointer;
}

.butLeft {
	float:left;
	width:30%;
}

.butLeft button, .butLeft .input {
	margin:0 10px 0 0;
}

.butRight {
	text-align:right;
	float:right;
	width:65%;
}

.butRight button, .butRight .input {
	margin:0 0 0 10px;
}

.cloze input {
  	background-color:#FFFFFF; /*white */
	border:1px solid #666666;
}

/* ------------------------- Picture tools ---------------------*/
.hiddenfile {
	position: relative;
	right:0;
	z-index:2;	
	-moz-opacity:0;
	opacity: 0;
	font-size:17px;
	height:46px;
	line-height:50px;
	cursor: pointer;
}

/* File upload buttons */ 


input.file {
	position: absolute;
	right:0;
	z-index:2;	
	-moz-opacity:0;
	opacity: 0;
	font-size:50px;
	height:26px;
	line-height:50px;
	cursor: pointer;
}
/* upload foto button on profil forms page*/
div.fake-browse-button-top {
	width:175px; 
}

div.fake-browse-button-bottom {
	width:175px; 
	white-space:normal; 
	padding-top:5px;
}

div.fake-browse-button-bottom p {
	text-align:center; 
	margin:0px; 
	padding:0 5px 5px 5px; 
	font-size: 13px; 
	line-height:15px; 
	color: #006567;
	font-weight:bold;
}
input.file {
	filter:alpha(opacity: 0); 
}

/* ------------------------- Forms in center module ------------ */

.centerForm {
        width:100%;
        margin:0 0 10px 0;
}

.centerForm label {
  width:180px;
  display:block;
  float:left;
}

.centerForm label.c {
  width:500px;
}

.centerForm input, .centerForm select, .centerForm textarea {
        display:block;
        float:left;
        margin:0 0 10px 0;
        width:300px;
}

.centerForm select.half {
        width:auto;
}

.centerForm input.c {
        width:20px;
        margin:0 10px 0 10px;
}

.centerForm div.left {
  float:left;

}


.centerForm div.right {
        float:right;
        width:130px;
        color:#8B8575;
}

.centerForm .mar {
        padding:10px;
        overflow:hidden;
        background:#F3F4E4;
}


/* ------------------------- Dialoge im normalen Seitenflow ---- */

.pageDia {
  width:570px;
  background-color:#fff;
  padding-bottom:15px;
}

.pageDia h1 {
	margin:0 0 10px 0;
}

.pageDia em {
	font-weight:bold;
}

.pageDia .fields {
  float:left;
  width:550px;
}

.pageDia .fields.login {
	width: 200px;
}

.pageDia .left {
  float:left;
	width:260px;
  margin:0 40px 0 0;
}

.pageDia .right {
  float:left;
	width:250px;
  margin:0;
}

.modalDia div.nopic p {
	padding:0 6px 0 6px;
  	color:#4881B8;
 }
 
.modalDia div.nopicH1 p { 
	padding:40px 6px 0 6px;
  	color:#4881B8;
}

.pageDia label {
	display:block;
}

.pageDia .mar label {
	font-weight:bold;
	margin:0 0 5px 0;
}

.pageDia .pad {
  padding:10px;
}

.pageDia td {
  width:208px;
  padding:3px 6px;
}

.pageDia select {
  display:block;
  margin:0 0 10px 0;
  font-weight:bold;
}

.modalDia select.tSpace {
	margin:30px 0 10px 0;
}

.pageDia select, .pageDia input {
  width:220px;
}

.pageDia .buts {
  float:right;
}

.pageDia button {
	margin:10px 0 0 10px;
}

.pageDia .breakArrow {
	background:transparent url(../img/break_arrow.gif) no-repeat;
	height:30px;
	width:220px;
}

.pageDia .breakArrow select {
	width:200px;
	margin:0 0 0 20px;
}


/* ------------------------- sonstiges ------------------------- */
	/* => "clearing" DIV (stops floating) */
.break, .breakfooter {
	clear: both;
	width: 1px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.spacer10 {
	clear: both;
	width: 1px;
	font-size: 1px;
	line-height: 1px;
	height: 10px;
}

.spacer50 {
	clear: both;
	width: 1px;
	font-size: 1px;
	line-height: 1px;
	height: 50px;
}
.spacer100 {
  clear: both;
  width: 1px;
  font-size: 1px;
  line-height: 1px;
  height: 100px;
}
.title {
	margin: 0 0 5 0;
}

.main {
	margin: 3 0 5 0;
	font-size: 12px;
}

.clear {
	clear:both;
}


/************************** Suggestions **********************/
#suggestion {
	border:solid 1px #999;
	font-size: 11px;
	background-color:#fff;
	z-index: 199;
	margin: 0;
	padding: 0px 0px;
	cursor: pointer;
}

#suggestion a.word {
	text-decoration: none;
	padding: 0.1em 0;
	display: block;
}

#suggestion a.book:hover {
	color:white;
	background-color: #ebf4fc;
}

#suggestion tr {
	padding: 0;
	margin: 0;
}

#suggestion td {
	vertical-align: top;
	margin: 0;
	padding: 2px 5px;
	border-top: 1px solid #dadac3;
}

#suggestion .selected { 
	background-color: #b7d9fc;
}

#suggestion .unselected {  }

/************************* Trainer ***********************/
.trainerList ul {
        list-style:none;
        overflow:hidden;
        padding: 0 0 0 20px;
        border-bottom: 1px solid #4482b4;
        margin-top: 10px;
        margin-bottom: 0;
        height:26px;
}
.trainerList li {
        float:left;
        display:block;
        margin: 0 10px 0 0;
        text-align:center;
        font-weight:bold;
	border: 1px solid #dad9c4;
	border-bottom: 1px solid #4482b4;
        background-color: #f3f4e4;
        height:25px;
        color:#000;
}
.trainerList li a {
        font-family: Arial,sans-serif;
        display:block;
        padding:0px 10px;
        text-decoration: none;
        color:#000;
}
.trainerList a:visited, .trainerList a:link, trainerList a:active {
	color:#000;
}
.trainerList ul li.active {
	background-color: #4482b4;
        border: 1px solid #4482b4;
}
.trainerList ul li.active a h2 {
	color: #fff;
}

.vocabMenu ul {
        list-style:none;
        overflow:hidden;
        padding: 0 0 0 0px;
        margin:0;
        background-color: #4482b4;
	height:22px;
        border-bottom: 1px solid #4482b4;
}
.vocabMenu li {
        float:left;
        margin:0 2px 0 0;
        text-align:center;
        font-weight:bold;
}
.vocabMenu ul li {
        height:40px;
        text-align:center;
        font-weight:bold;
        padding:3px 0 0 0;
}
.vocabMenu a {
        font-family: Arial,sans-serif;
        display:block;
        padding:0px 10px;
        text-decoration: none;
        font-size: 12px;
}
.vocabMenu a:link, .vocabMenu a:visited, .vocabMenu a:active {
	color:#ffc648;
}
.vocabMenu a:hover {
        text-decoration: underline;
}
.vocabMenu ul li.active a:visited {
         color:#fff;
}
.centerForm input.r {
        width:30px;
        float:left;
        margin:0 10px 0 10px;
        cursor:pointer;
}
.centerForm label.r {
        float:left;
        width:400px;
	cursor:pointer;
}

/*edited by mali on 7 july for hangman game */

/* hangmanMessage added */
.rightAnswer, .wrongAnswer, .hangmanMessage  {
       BORDER-RIGHT: #dadac3 1px solid;	
	   PADDING-RIGHT: 20px;	
	   BORDER-TOP: #dadac3 1px solid;	
	   PADDING-LEFT: 20px;	
	   PADDING-BOTTOM: 5px;	
	   MARGIN: 0px 0px 10px;	
	   BORDER-LEFT: #dadac3 1px solid;	
	   PADDING-TOP: 5px;	
	   BORDER-BOTTOM: #dadac3 1px solid
}
.rightAnswer h2, .rightAnswer h3 {
        color:#009036;
}
.wrongAnswer h2, .wrongAnswer h3 {
        color:#cc0033;
}

/* WIDTHS */
select.hangman
{
	display:inline;
	width:100px;
	
}

/* added by mali on 15 july */
.sWordsMessage  {
    margin:0;
    padding:5px 20px;
}

.sWordsInfo
{
	float:left;
	margin-right:10px;
}

font.sWordsInfo{
	
	border:1px solid;
}
.sWQNest
{
	margin:20px;		
}
.sWANest
{
	height:50px;
	margin:20px;		
}

.sWLettersCover
{
	/*position:relative; */
	float:left;
	width:36px;
	height:36px;
	border:1px solid;
	margin:10px 8px 10px 7px;
	text-align:center;
	background-image: url(../img/sWordbg.jpg);
}
.sWLetters
{
	display:block;
	cursor:move;
	
	position:relative;
	float:left;
	width:35px;
	height:35px;
	border:1px solid;
	text-align:center;
	background-image: url(../img/sWordbg.jpg);
}
.sWLettersSpecial
{
	display:block;
		
	position:relative;
	float:left;
	width:35px;
	height:35px;
	
	text-align:center;
	
}
.sWLettersTop
{
	float:left;
	width:37px;
	height:35px;
	margin:10px 8px 10px 8px;
	border-bottom:1px solid;
	text-align:center;
}

.sWLetters p
{
	padding-top:10px;
	
}

#sWNavlist
{
	margin-left:50px;
	
}

#sWNavlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.sWTableHighScore 
{

	border-spacing: 0;
	/*border-width: 0px 1px 1px 1px;*/
	border-style:solid;
}

.sWTableHighScore th
{
	border-bottom:1px solid;
}
.sWTableHighScore th
{
	border-bottom:1px solid;
}


.sWTableHighScore #tHselected
{
	border-style: solid;
	border-width:1px 1px 0px 1px;
	font-weight:bold;

}

.testTrainButton
{
	width:20px;
	height:20px;
	margin-right:10px;
	background-color:#8B8575;
	color:#FFFFFF;
	border:0px;
	
}

/* rankVote added */

button.rvButton {
	padding:0;
	background-color:transparent;
	border: none;
}

.cont {
   float:right;
   padding: 0;
}
.lft {
	float:right;
}
.rgt {
   float:right;
}

.lftAns {
	float:right;
	text-align:right;
	padding-right:2px;
}

/* added by mali on 9 october */

.testMiddle p {
  width:240px;
  display:block;
  float:left;
}

/************ vt **************/
.oneTwo #contentLeftNoBorder {
        float:left;
        width:167px;
        margin-right:0px;
        border-right:0px;
}
.oneTwo #contentRightNoBorder {
        float:right;
        width:578px;                                                    /* TR: was 575px */
        margin-right:10px;
}

.menuItem {
 border-width: 1px 0 0 0;
 border-style: solid;
 border-color: #78afd1;
 padding: 5px 0 5px 5px;
 background-image:url('/img/bg-menu.gif');
 height:17px;
 cursor:pointer;
}
.menuSelected {
 background-color:#fff;
 background-image:none;
}
.menuSelected a {
 font-weight:bold;
 color:#000000;
 background-color:#fff;
}
.menuInActive {
  color:#aaa;
}
.menuBox {
 background:#EBF4FD;
 padding: 10px 0;
 margin:0 0px 20px 0;
}

/************* vocabBox *****************/
.vocabBox {
        margin-top:10px;
}
.vocabBox h2 {
  margin-bottom:15px;
}
.vocabBox h3 {
  margin-bottom:5px;
}
.vocabBox .stepBubble {
        float:left;
        width:65px;
}
.vocabBox .stepContent {
        float:left;
        width:511px;
}
.vocabBox .mar {
        background:#F3F4E4;
}

#vocabChooserL {
        float:left;
        margin:5px 0;
        border-right:2px solid #dad9c4;
        width:219px;
}
#vocabChooserR {
float:left;
margin:5px 0 5px 10px;
width:280px;
}
.vocabChooseCat {
 padding:2px 0 2px 5px;
}
.vocabChooseCatL {
 cursor:pointer;
 margin:1px 0;
 float:left;
 background-color:#ebf4fc;
 width:130px;
}
.vocabChooseCatR {
 cursor:pointer;
 margin:1px 0;
 float:left;
 background-color:#ebf4fc;
 padding:1px 0;
 width:20px;
 text-align:right;
}
.vocabChooseCatR img {
 cursor:pointer;
 margin: 1px 0;
}
#vocabChooserSub {
 position:absolute;
 top:100px;
 left:100px;
 width:300px;
 min-height:150px;
 background-color:#ebf4fc;
 padding:10px;
}
.vocabChooserSubCatL {
  cursor:pointer;
  float:left;
  width:130px;
  padding:3px 0 3px 0;
}
.vocabChooserSubCatR {
  cursor:pointer;
  float:right;
  width:130px;
  padding:3px 0 3px 0;
}
.floatLabel {
        float:left;
  font-weight:bold;
        margin-right:10px;
}
.floatSelect {
        float:left;
        margin-right:25px;
}
.floatSelect select {
        width:125px;
}
div.greenLine {
        height:1px;
        line-height:1px;
  font-size: 1px;
        background-color:#C7C802;
        overflow:hidden;
}

.marGrey {
  background:#eeeeee;
        padding: 10px 20px;
        margin: 5px 0;
}
.marBlue {
  background:#ebf4fd;
 padding: 10px 0 10px 5px;
 margin: 0 0 5px 0;
}
.listForm {
        border:1px solid #dad9c4;
}
.arrowMark {
        vertical-align:middle;
        height:9px;
        width:18px;
        margin-right:3px;
}
.vocabButton {
        margin: 0 5px 0 0;
        color:#ffffff;
        background-color:#808080;
        border:#404040 solid 1px;
        padding:0 5px;
        width:auto; /* VT15 */
        overflow:visible; /* VT15 */
}
.vocabDefault {
 margin: 0 5px 0 0;
 color:#ffffff;
 padding:0 5px;
 width:auto; /* VT15 */
 overflow:visible; /* VT15 */
}
.naviTable {
        margin: 0;
}
.naviTable td {
  padding:5px;
}
.naviTable .spacer td {
        padding:0;
}
.naviTable th {
        margin-bottom:5px;
        text-align:left;
        padding:5px;
}
.naviTable tfoot td {
        border-top:#C7C802 solid 1px;
        line-height: 30px;
}
.naviTable .spacer {
        height:5px;
        line-height:5px;
        font-size:1px;
}
.naviTable .boR {
        border-right:#dad9c4 solid 1px;
}
.naviTable .odd {
        background:#F3F4E4;
}
.naviTable .even {
        background:#ffffff;
}

.vocabBox input[type="checkbox"] {
        border:0 none;
}
.vocabBox input[type="radio"] {
        border:0 none;
}

/****************** Learn ******************/
.bg_card {background:url("/img/bg-vocabulary-0.png") no-repeat center top;}
.bg_card_1 {background:url("/img/bg-vocabulary-1.png") no-repeat center top;}
.bg_card_2 {background:url("/img/bg-vocabulary-2.png") no-repeat center top;}
.bg_card_3 {background:url("/img/bg-vocabulary-3.png") no-repeat center top;}
.bg_card_quest {background:url("/img/bg-vocabulary-question.png") no-repeat center top;}
.bg_card_answ {background:url("/img/bg-vocabulary-answer.png") no-repeat center top;}
.bg_card_7 {background:url("/img/bg-vocabulary-7.png") no-repeat center top;}
.bg_card_8 {background:url("/img/bg-vocabulary-8.png") no-repeat center top;}
.bg_card_9 {background:url("/img/bg-vocabulary-9.png") no-repeat center top;}
.cardMoreInfo {font-size:14px;font-weight:normal;white-space:normal;}

.vocabWarn {
 background:url(/img/babla-bubble-miniausrufe.gif) no-repeat 10px 5px;
 padding: 0 0 0 70px;
 margin:0 0 15px 0;
 border:1px solid #cc0033;
 font-weight:bold;
 vertical-align:middle;
 height:65px;
}

/****************** Tools ******************/
.w200 {
        width:200px;
}
.taCenter {
        text-align:center;
}


.spacer25 {
  clear: both;
  width: 1px;
  font-size: 1px;
  line-height: 1px;
  height: 25px;
}

sup.premium {
  font-size:10px;
  color:#cc0033;
  margin-left:0px;
  font-variant:small-caps;
  font-weight:bold;
}

sup.pro {
  font-size:10px;
  color:#2c5072;
  margin-left:0px;
  font-variant:small-caps;
  font-weight:bold;
}

/*********** END of VT *************/

.inlineAS {
margin-top: 5px;
}

/******** sample sentences added ********/

.sentReport {
 border:2px solid #cc0033;
 }
 
 .reportRgt {
 float:left;
 }
 
 .reportLft {
 float:left;
 width:70px;
 }
 
 /******** world languages map added ********/

 .wdMapRgt {
 float:left;
 }
 
 .wdMapLft {
 float:left;
 width:150px;
 }
  
/************ langenscheidt microsite  **************/

.menuLdtItem {
 border-width: 1px 0 0 0;
 border-style: solid;
 border-color: #78afd1;
 padding: 5px 0 5px 5px;
 background-color:#EBF4FD;
 
 cursor:pointer;
 vertical-align:middle;
}
.menuLdtSelected {
 background-color:#fff;
 background-image:none;
 font-weight:bold;
}
.menuLdtSelected a {
 font-weight:bold;
 color:#000000;
 background-color:#fff;
}
.menuLdtBox {
 background:#EBF4FD;
 padding: 10px 0;
 margin:0 0px 20px 0;
}
.menuLdtFirst {
 border-width: 1px 0 0 0;
 border-style: solid;
 border-color: #78afd1;
 padding: 5px 0 5px 5px;
 background-color:#EBF4FD;
 height:63px;
 cursor:pointer;
}

.menuLdtFirstSel a{
 background-color: #EBF4FD;
 color:#000;
 background-image:none;
 font-weight:bold;
}

.ldtTextSmall {
 font-size:9px;
}

.ldtTextNormal {
 font-size:12px;
}

.ldtTextBig {
 font-size:14px;
}

.ldtListMain ul {
 color:#4276A6;
}

.ldtListMain li {
 margin-left:15px;
 font-size:12px;
}

.ldtList ul {
 list-style-type:none;
}

.ldtList li {
  font-size:12px;
}

.ldtIndent {
  margin-left:24px;
  font-size:12px;
}

.vocabDtWarn {																/* PU New */
 background:url(/img/bbOk-small.gif) no-repeat 10px 5px;
 padding: 0 0 0 70px;
 margin:0 0 0 0;
 border:1px solid #000;
 font-weight:bold;
 vertical-align:middle;
 height:55px;
}

.cos {
  padding-left:15px;
}

#smallNavi p {
 color:#fff;
}

.babDictMean {
 font:12px Verdana;
 float:left;
 color:#FF0000;
 line-height:18px;
 padding-right: 4px;
}

/******** english town added ********/
 .engTLeft {
  float:left;
         /* PU: right margin? what for? margin:0 90px 0 0;  */
  width:320px;
	font-size:12px;
}
.engTRight {
  float:left;
	font-size:12px;
  padding:0 0 0 10px;
	width:230px;
}
.engTText {
  font-size:12px;
}
.engTBottom {
  padding-right:10px;
	font-size:12px;
}

/*** Defaults ***/
* {
 margin:0px;
 padding:0px;
 border:0px;
 color:#333333;
}

body, table, p, button, select, div {
 font:11px Verdana;
 color:#333333;
 line-height:18px;
}

input, select, textarea {
 border:1px solid #A5A490;
}

input.r, input.c {
 border:0;
 vertical-align:middle;
 margin:0 2px 0 0;
 height:13px;
 width:13px;
}

select {
 height:17px;
}

button {
 overflow:visible;
 font-weight:bold;
}

a:active, a:link, a:hover, a:visited {
 text-decoration:none;
 color:#4276A6;
}

a:hover {
 text-decoration:underline;
}

a b {
 color:#4276A6;
}

h1 {
 font:9px Arial;
 color:#7d7c79;
 white-space:nowrap;
}

em.babIn {
 float:left;
 margin:0 10px;
 width:auto;
}
/*** main container ***/
#babMBgd, #modalBkgd {
 background-color:#938356;
 opacity:.8;
 filter: alpha(opacity=80);
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
}

#babMBgd, #modalBkgd, #placeModal, #babPM, #overDiv, #babDDBox {
 position:absolute;
 z-index:100001;
}
#overDiv {
 visibility:hidden;
}

#babTNav {
 font:12px Verdana;
 height:29px;
 background-color:#fff;
}

#babTNav img {
 margin:0 10px 0 5px;
}

#babTNavI {
 float:left;
 list-style:none;
 overflow:hidden;
 padding:7px 0 0 0;
}

#babTNavT {
 float:right;
 list-style:none;
 overflow:visible;
 padding:7px 0 0 0;
}

#babTNavI li {
 float:left;
 margin-left:10px;
}

#babTNavT li {
 float:left;
 margin-right:10px;
}

#babTNavT img.babFlag {
 margin:0px 0 0 5px;
}

#babTNav a {
 display:block;
 font-size:12px;
}

#babTNav a.active {
 color:#333333;
 font-weight:bold;
}

#babTS, #babTA {
 height:100px;
 background-color:#f3f4e4;
 padding:0 10px 0 10px;
 overflow:hidden;
}
#babTA {
/** TODO Pixelschubsen **/
 height:86px;
 background-color:#f3f4e4;
 padding:0 10px 0 10px;
 overflow:hidden;
}

#babTL {
 width:200px;
 padding-top:20px;
 float:left;
}
#babTA #babTL {
 padding-top:14px;
}

#babTL img {
 margin-top:3px;
}

#babTC {
 width:270px;
 padding-top:19px;
 float:left;
 white-space:nowrap;
}
#babTA #babTC {
 padding-top:13px;
}

#babSelD {
 display:inline;
 cursor:pointer;
 font-weight:bold;
}
#babSelG {
 display:inline;
 cursor:pointer;
 color:#4276A6;
}
#babSelI {
 display:inline;
 cursor:pointer;
 color:#4276A6;
}
#babSelW {
 display:inline;
 cursor:pointer;
 color:#4276A6;
}

#babTC input {
 height:31px;
 width:260px;
 border:1px solid #a3a3a3;
 margin-top:3px;
 padding:4px 2px 1px 2px;
 font:18px Arial;
}

#babTR {
 padding-top:19px;
 float:left;
 overflow:hidden;
}

#babTAd {
 width:597px;
 margin-top:8px;
 text-align:center;
 overflow:hidden;
}


#babDDict {
 height:29px;
 width:200px;
 background-color:#eaf3fc;
 font:14px Arial;
 cursor:default;
}

#babDDictL {
 width:175px;
 margin:6px 0 0 5px;
 overflow:hidden;
 float:left;
}

#babDDict img {
 float:right;
 margin:11px 5px 0 2px;
}

#babDictBut {
 height:31px;
 margin:3px 0 0 10px;
 padding:4px 10px 4px;
 font:14px Arial;
 font-weight:bold;
}

#babAll {
 overflow:visible;
}

#babCont {
 width:820px;
 float:left;
 margin-right:7px;
}

#babContMS, #babContMB {
 float:left;
 overflow:hidden;
 background-color:#fff;
}

#babContMS {
 width:695px;
}

#babContMB {
 width:820px;
}

#babContCS, #babContCB {
 padding-top:15px;
 float:right;
 overflow:hidden;
}

#babContCS {
 width:499px;
 margin:0 5px 0 7px;
}

#babContCB {
 width:611px;
 margin:0 0 0 7px;
}

#babContLS, #babContLB {
 padding-bottom:18px;
 background-color:#eaf3fc;
 float:left;
}

#babContLS {
 width:184px;
}

#babContLB {
 width:202px;
}

#babContR {
 width:125px;
 padding-top:16px;
 background-color:#eaf3fc;
 float:left;
 overflow:hidden;
}

#babFoot {
 text-align:center;
 color:#a7a7a7;
 padding:10px;
 background-color:#fff;
}

#babFoot a {
 color:#a7a7a7;
}

#babFootLang {
 color:#333333;
 font-size:12px;
}

#babFootLang a {
 color:#333333;
 font-size:12px;
}


h2 {
 margin-bottom:10px;
 font:14px Verdana;
 font-weight:bold;
 color:#333333;
}

h3 {
 margin-bottom:5px;
 font:12px Verdana;
 font-weight:bold;
 color:#333333;
}

h4 {
 margin-bottom:5px;
 font:11px Verdana;
 font-weight:bold;
 line-height:18px;
 color:#333333;
}

.babH3 {
 margin-bottom:5px;
 font:12px Verdana;
 font-weight:bold;
 color:#666666;
}

.babH4 {
 margin-bottom:5px;
 font:11px Verdana;
 font-weight:bold;
 color:#666666;
}

.babH2Add {
 float:left;
 font-size:12px;
 margin:0px 0 0 5px;
}

#babDDNavMore {
 position:absolute;
 z-index:100001;
 top:30px;
}

.babDDNavMore {
 display:none;
}

.babModalDD {
 background-color:#ffffff;
 border:1px solid #A5A490;
 border-top:1px solid #ebe9e8;
 padding:0 0px 0 0;
 cursor:default;
}

.babModalDD td {
 padding:3px 5px;
 border-bottom:1px solid #ebe9e8;
 font-size:12px;
 color:#4276A6;
}

td.babMDDText {
 padding-right:10px;
}

#babMDDDictMore {
 padding:0;
 border:1px solid #A5A490;
}
#babMDDDictMore div {
 background-color:#b4cde1;
 padding:3px 5px;
 border-bottom:1px solid #a4bdd1;
 font-size:12px;
 white-space:nowrap;
}
.babFlag {
border:1px solid #c0c0c0;
max-width:20px;
max-height:12px;
}

#babBread {
color:#a7a7a7;
margin:-13px 0 3px 0;
}
#babBread a {
color:#a7a7a7;
}
/************************** Suggestions **********************/
#babSuggestion {
 border:solid 1px #999;
 font-size:12px;
 line-height:auto;
 background-color:#fff;
 z-index:199;
 margin:0;
 padding:0;
 cursor:pointer;
}
#babSuggestion tr {
 padding:0;
 margin:0;
}
#babSuggestion td {
 vertical-align:top;
 margin:0;
 padding:3px 5px;
 border-top:1px solid #dadac3;
}

/**************** Success *********/
.babSuccessLayover {
 background:url(/img/bbOk.gif) no-repeat;
 padding-left:90px;
 margin:40px 25px;
}
.babSuccessLayover p {
 font-size:13px;
 padding-bottom:20px;
}

/**************** Error Module *********/
.babErrorLayover {
  background:url(/img/error_img.gif) no-repeat;
  padding:20px 0 25px 90px;
  margin:20px;
}

/************** Modal Dialog **********/

.babModalDia {
 border:2px solid #4881B8;
 width:500px;
 background-color:#fff;
}
.babModalDia .babPad {
  padding:15px;
}
.babModalDia .babHelp {
  display:block;
  float:right;
}
.babModalDia.big .babFields {
 width:580px;
}
.babModalDia .babFields.login {
 width: 200px;
}
.babModalDia label {
 display:block;
 font-weight:bold;
 margin-bottom:3px;
}
.babModalDia label span {
 font-weight:normal;
}
.babModalDia input.babT, .babModalDia select {
 width:200px;
}
.babModalDia input.t {
 display:block;
 width:300px;
}
.babModalDia label.babIn {
 width:auto;
 display:inline;
}
.babModalDia .babButs {
  float:right;
}
.babModalDia button {
 margin:10px 0 0 10px;
}
.babIn {
 display:inline;
}
/*** Index ***/
#babIxSearch {
 width:885px;
 margin:40px 0 20px 45px;
 border:1px solid #dad9c4;
 height:90px;
 background-color:#f3f4e4;
}

#babIxSearch #babTL {
 width:200px;
 padding-top:15px;
 margin-left:20px;
 float:left;
 overflow:visible;
}

#babIxSearch #babTL img {
 margin-top:3px;
}

#babIxSearch #babTC {
 width:310px;
 padding-top:14px;
 float:left;
}

#babIxSearch #babTC input {
 height:31px;
 width:300px;
 border:1px solid #a3a3a3;
 margin-top:3px;
 padding:4px 2px 1px 2px;
 font:18px Arial;
}

#babIxSearch #babTR {
 width:330px;
 padding-top:14px;
 float:left;
 overflow:hidden;
}

.babIxBlock {
 margin:20px 0 50px 70px;
 border:1px solid #dad9c4;
 padding:15px;
 float:left;
 background-color:#f3f4e4;
}

.babIxBlock h3 {
 font-size:11px;
 text-transform:uppercase;
}
.babIxOp {
opacity:.90;
filter:alpha(opacity=90);
-moz-opacity:.90;
}

/*** Center column ***/
 /** DICT **/

.babDictTTitle {
 height:20px;
 margin-bottom:7px;
 padding:0 5px;
 background-color:#d7d7d7;
}

.babDictTTitle .babDictTCol {
 padding-top:1px;
 font-size:14px;
 font-weight:bold;
 text-transform:uppercase;
}

.babDictTCol {
 width:200px;
 float:left;
 color:#333333;
}

.babDictTExt {
 float:left;
}

.babDict {
 margin:4px 0 10px 0;
}

.babDict td {
 padding:4px 0 4px 0;
 vertical-align:top;
}

.babDict img {
 margin-right:3px;
 cursor:pointer;
}

.babDictCol {
 width:200px;
}

.babDictColS {
 width:36px;
}

.babDictColI {
 width:18px;
}

.babDictColI img {
 margin-right:3px;
 cursor:pointer;
 padding-top:3px;
}

.babDictColS img {
 margin-right:3px;
 cursor:pointer;
 padding-top:3px;
}

.babAct {
width:99px;
text-align:right;
}

.babDictWFlag {
margin:2px 0 2px 15px;
vertical-align:middle;
}
.babDictWFlag img {
margin:2px 5px 2px 0;
vertical-align:middle;
}

.babAZLetters {
 font-size:14px;
 margin-bottom:10px;
}

.babSentV {
 width:35px;
}

div.babJukuu {
 float:right;
 margin-bottom:5px;
}
h3.babJukuu {
 margin-top:4px;
 float:left;
}

 /** Tools **/
.babHintBox {
 margin:20px 0;
 padding:8px;
 border:3px solid #c7c802;
}

 /** Top exchange blogs **/

.babEBlogN {
width:10px;
vertical-align:top;
}

.babEBlogT6, .babEBlogT3{
width:240px;
vertical-align:top;
font-weight:bold;
}

.babEBlogT3 { padding-bottom:3px; }

.babEBlogT6 { padding-bottom:6px; }

.babEBlogD {
font-style:italic;
vertical-align:top;;
}

.babEBlogTxt {
width:200px;
font-weight:bold;
}

/*** Left columns ***/
#babContLB b, #babContLS b, #babContR b {
 margin-bottom:5px;
 font-size:12px;
 display:block;
 color:#666666;
}

.babLMenuSp {
 border-right:1px solid #c6cfc8;
 margin-left:9px;
 padding-top:10px;
}

#babContLB .babLMenuSp {
 margin-left:27px;
}

#babContLB .babBlock {
 padding:0 12px 0 8px;
}

#babContLB .babTop {
 margin-top:19px;
}

#babLMenu {
 font:11px Verdana;
 width:184px;
 margin-bottom:14px;
 float:right;
 list-style:none;
 overflow:hidden;
}

#babLMenu li {
 padding:7px 1px 8px 19px;
 color:#4276a6;
 background:url("/img/babImg.gif") no-repeat;
 background-position:0px -39px;
 cursor:pointer;
}

#babLMenu li.active {
 background:url("/img/babImg.gif") no-repeat;
 background-position:0px -67px;
 color:#333333;
 font-weight:bold;
}
#babLMenu li.active a {
 color:#333333;
}

#babLMenu a:hover li, #babLMenu li:hover {
 background:url("/img/babImg.gif") no-repeat;
 background-position:0px -95px;
}

#babLMenu a:hover li.active {
 background:url("/img/babImg.gif") no-repeat;
 background-position:0px -95px;
}

#babContLS h3 {
 margin-left:10px;
}

/** dict - refine filters **/
#babFilterActive {
 background-color:#fff;
 margin:5px 10px 5px 10px;
 padding:5px;
}

#babFilterActive label {
 font-weight:bold;
}

.babFilterList {
 margin-left:10px;
}


p.babArrowRight {
 padding:0 0 0 10px;
 margin:10px 0 2px 10px;
 font-weight:bold;
 background:url(/img/arrow-black-right.gif) 0px 5px no-repeat;
}
p.babArrowRight a {
 color:#333333;
}

p.babArrowDown {
 padding:0 0 0 10px;
 margin:10px 0 2px 10px;
 font-weight:bold;
 background:url(/img/arrow-black-down.gif) 0px 5px no-repeat;
}
p.babArrowDown a {
 color:#333333;
}

p.babArrowSortDown {
 padding:0 0 0 15px;
 font-weight:bold;
 background:url(/img/arrow-sort-down.gif) 0px 5px no-repeat;
}
p.babArrowSortUp {
 padding:0 0 0 15px;
 font-weight:bold;
 background:url(/img/arrow-sort-up.gif) 0px 5px no-repeat;
}
p.babArrowSort {
 padding:0 0 0 15px;
 font-weight:bold;
 background:url(/img/arrow-sort.gif) 0px 5px no-repeat;
}
p.babArrowSortDown a, p.babArrowSortUp a, p.babArrowSort a {
 color:#333333;
}

/*** Right columns ***/


/*** Tools ***/

#babContR .babBlock {
 padding:0 4px 0 4px;
}

 /** Paging **/
.babPaging {
font-size:12px;
color:#666666;
}
.babPgBut {
width:13%;
float:left;
}
.babPgNo {
width:74%;
float:left;
text-align:center;
font-weight:bold;
}
.babPgNo span {
padding:2px 5px 3px 5px;
}
.babPgNo a {
color:#333333;
}
.babPgSel{
color:#fff;
background-color:#999900;
}

 /** tables and co **/
table.babTable th {
 border-bottom:2px solid #c7c802;
}
table.babTable td {
 padding:2px;
}

 /** arrows **/
a.babArrOrgDL {
color:#F39300;
padding:0 0 0 11px;
background:url(/img/arrow-orange-dl.gif) center left no-repeat;
}
a.babArrOrgDR {
color:#F39300;
padding:0 11px 0 0;
background:url(/img/arrow-orange-dr.gif) center right no-repeat;
}

/*** Ads ***/
#babAdTop {
 overflow:visible;
 margin-left:131px;
 padding:5px 0;
 text-align:left;
}

#babAdLeftBox {
 margin-left:10px;
 overflow:hidden;
 width:165px;
}

#babAdSky {
 overflow:visible;
 width:140px;
 margin-top:5px;
 margin-bottom:10px;
 float:left;
}

.babAdInline {
 margin:5px 0 10px 0;
 width:640px;
 overflow:hidden;
}
.babAdPartner {
 margin:0 1px;
 text-align:center;
 overflow:hidden;
}
#babAdInline1, #babAdInline2, #babAdInline3 {
 padding-left:10px;
 margin:10px 0 15px 0;
}
 

/*** Buttons and more ***/
button.default, .babButDf {
 border:1px solid #c7c802;
 background-color:#9a9901;
 padding:2px 7px;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
button.cancel, .babButCl {
 border:1px solid #B2AB99;
 background:#8B8575;
 padding:2px 7px;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}

a:active.babSecRight, a:link.babSecRight, a:hover.babSecRight, a:visited.babSecRight {
 color:#f39300;
 padding:0 16px 0 0;
 background:url(/img/arrow-orange-right.gif) top right no-repeat;
 display:block;
 float:left;
}

/*** colors, fonts, font-sizes ***/

.babRed {
 color:#c03;
}

a.babCR {
 font-size:80%;
 color:#999999;
}

.babI {
 font-style:italic;
}
.babIB {
 font-style:italic;
 font-weight:bold;
}

.babF12 {
 font-size:12px;
}
.babF12B {
 font-size:12px;
 font-weight:bold;
}
.babFtBigger {
 font-size:12px;
}
a:active.babOrg, a:link.babOrg, a:hover.babOrg, a:visited.babOrg { color: #F39300 }

/*** lines, borders and spacers and backgrounds ***/

.babR {
 float:right;
}
.babL {
 float:left;
}
.babC {
 text-align:center;
}
.babOddBg {
 background-color:#F3F4E4;
}
.babMarBg {
 padding:5px;
 background-color:#f3f4e4;
}

.babGyLi {
 height:1px;
 line-height:1px;
 font-size:1px;
 background-color:#a3a3a3;
 overflow:hidden;
 clear:both;
}

.babGyBo {
 border:1px solid #a3a3a3;
 float:left;
}

.babGrBo {
 border:1px solid #c7c802;
 float:left;
}

.babBGLi {
 height:1px;
 line-height:1px;
 font-size:1px;
 overflow:hidden;
 clear:both;
 background-color:#c6cfc8;
}

.babGrLi {
 height:1px;
 line-height:1px;
 font-size:1px;
 overflow:hidden;
 clear:both;
 background-color:#999900; /* 9a9901 ? */
}

.babBgb4cde1 td {
 background-color:#b4cde1;
}

.babMT3 {
 margin-top:3px;
}

.babMdSpc {
 margin:10px 0;
 border-top:1px solid #c6cfc8;
 border-bottom:1px solid #ffffff;
}

.babB, .bab2, .bab5, .bab10, .bab11, .bab20, .bab25, .bab50, .bab100 {
 clear: both;
 width: 1px;
 font-size: 1px;
 line-height: 1px;
}

.bab2 { height:2px; }
.bab5 { height:5px; }
.bab10 { height:10px; }
.bab11 { height:11px; }
.bab20 { height:20px; }
.bab25 { height:25px; }
.bab50 { height:50px; }
.bab100 { height:100px; }

.babPad4 { padding: 4px; }


/**** tbmoved ***/
#vocabControl1 div, #vocabControl2 div, #vocabControl3 div, #vocabControl4 {
 font-size:12px;
 color:#f39b14;
}
#summary div, #summary div div, #statusArea div div, #roundArea div div {
 line-height:12px;
}
#summary div div.break, #statusArea div div.break, #roundArea div div.break {
 line-height:1px;
}

/******** edit translation added ********/

.babEdT {
 border:2px solid #cc0033;
 }
 .babEdTL {
  float:left;
         /* PU: right margin? what for? margin:0 90px 0 0;  */
	width:220px;
}
.babEdTR {
  float:left;
  margin:0;
}
.babEdT .babpad {
  padding:0 10px 25px 10px;
}
.babEdT select {
  margin:5px 0 5px 0;
	width:200px;
}
.babEdT .babSubGr {
	margin-left:20px;
}
.babEdT .babBrkArrow {
  background:transparent url(../img/break_arrow.gif) no-repeat;
  height:30px;
  width:220px;
}
.babEdTWarn {
	font-weight: bold;
  color:#cc0033;
}
.babButs {
  float:right;
}

#babModalDInfo div {
 padding:3px 5px;
 border-bottom:1px solid #a4bdd1;
 font-size:12px;
 white-space:nowrap;
}
/* start of phrase book css */
.babpbImg {
display:block;
width:60px;
height:60px;
margin:0 10px 10px 0;
float:left;
}
.babpbpicCover {
width:40px;
margin:4px 10px 6px 10px;
text-align:center;
vertical-align:middle;
}
.pbSummary, .pbSummaryF {
float:left;
vertical-align:text-top;
width:220px;
margin:0 0 0 10px;
}
.pbSummaryF {
width:500px;
float:left;
}
.pbSummary h6, .pbSummaryF h6 {
font-size:11px;
line-height:15px;
text-transform:uppercase;
font-weight:normal;
}
.pbSummary .pbInfos, .pbSummaryF .pbInfos {
margin:4px 0;
float:left;
padding:2px 0;
border-top:1px solid #9A9901;
border-bottom:1px solid #9A9901;
}
.pbInfos {
margin:4px 0;
}
.babpbWpic {
margin:2px 0 2px 15px;
vertical-align:middle;
}
.babpbPic {
border:1px solid #c0c0c0;
max-width:80px;
max-height:60px;
}
a:active.babpbSecRight, a:link.babpbSecRight, a:hover.babpbSecRight, a:visited.babpbSecRight {
color:#f39300;
padding:0 16px 0 0;
background:url(/img/arrow-orange-right.gif) top right no-repeat;
display:block;
}
.babpbTitle .babpbTCol {
background-color:rgb(215,215,215);
padding:0 0 0 2px;
font-size:14px;
font-weight:bold;
}
.babpbTCol {
float:left;
color:#333333;
}
.babpbDictTExt {
float:left;
}
.babGreenLi {
height:1px;
line-height:1px;
font-size:1px;
background-color:#9A9901;
overflow:hidden;
clear:both;
}
.babpbTable {
vertical-align:top;
padding:2px;
}
.babpbintroextro {
width: 550px;
}
/* Start of Travel - Survival Guide */
.babTrSgBk {
background-color:#F3F4E4;
color:#F3F4E4; 
padding:10px;
}
.babTrSgBk td {
padding-bottom:5px;
}
#babSlg {
 font:9px Arial;
 color:#7d7c79;
 white-space:nowrap;
}

#babTNavI li {
 float:left;
 margin-left:15px;
}

#babNTS {
 height:84px;
 background-color:#f3f4e4;
 padding:0 10px 0 15px;
 overflow:hidden;
}

#babNTL {
 width:200px;
 padding-top:15px;
 float:left;
}

#babNTL img {
 margin-top:3px;
 
}

#babNTC {
 width:270px;
 padding-top:25px;
 float:left;
 white-space:nowrap;
}

#babNTC input {
 height:31px;
 width:260px;
 border:1px solid #a3a3a3;
 margin-top:3px;
 padding:4px 2px 1px 2px;
 font:18px Arial;
}

#babNTR {
 padding-top:25px;
 float:left;
 overflow:hidden;
}

#babContNC {
 padding-top:10px;
 float:left;
 overflow:visible; 
}

#babContNCS {
 width:660px;
 float:left;
 margin:0 14px 0 15px;
 padding-top:15px;
}

#babContNR {
 width:300px;
/* padding-top:22px;*/
 float:left;
 overflow:visible;
}

#babBread {
color:#999999;
margin:-15px 0 3px 0;
}

#babBread a {
color:#999999;
}



#babDictResult h1 {
 margin-bottom:15px;
 font:14px Verdana;
 font-weight:bold;
 color:#333333;
}

.babDictTTitle {
 height:20px;
 margin: 5px 0 7px 0;
 padding:0 5px;
 background-color:#d7d7d7;
}

#babDictResult h2 {
 margin: 5px 0 1px 0;
 padding:2px 5px;
 background-color:#cccccc;
 font-size:13px;
 font-weight:bold;
 color:#333333;
}

#babDictResult h3 {
 margin: 5px 0 1px 0;
 padding:2px 5px;
 background-color:#cccccc;
 font-size:13px;
 font-weight:bold;
 color:#333333;
}

#babDictResult .babH4 {
 margin:0;
 font:10px Verdana;
 font-weight:bold;
 color:#333333;
 margin-top:3px;
}

.babFil {
 cursor:pointer;
}

.babDict {
  padding:5px 0 0 15px;
}

.babDictInd {
  padding-left:15px;
}

.babDictL {
 width:279px;
 float:left;
 margin-right:24px;
 float:left;
 font-size:12px;
}

.babDictR {
 width:229px;
 float:left;
 margin-right:14px;
 font-size:12px;
}

.babDictCS {
 width:288px;
 font-size:11px;
 color:#878787;
 margin-right:14px;
 float:left;
 line-height:14px;
 margin-top:2px;
 margin-bottom:4px;
}

.babDictCS b {
	color: #666;
}

.babDictBT, .babDictL span, .babDictR span {
 color:#333;
 font-size:11px;
}

.babAct {
width:99px;
float:left;
text-align:right;
}

.babActCS {
width:41px;
float:left;
text-align:right;
}
.babCSM {
float:left;
}
.babCSH {
display:none;
}

.babDictM {
 font-size:11px;
 color:#999999;
}

.babDictRefine {
 margin-left:10px;
 font:12px Verdana;
 font-weight:bold;
 color:#333333;
}

.babTopSup {
 padding-left:55px;
}

.babToolsR {
 margin-left:8px;
}

/******** sample sentences added ********/

.babSent {
 width:606px;
 float:left;
}

.babSentV {
float:left;
text-align:right;
}

.babSentRep {
 border:2px solid #cc0033;
 }
 
 .babSentL {
 float:left;
 width:70px;
 }
 
 .babSentIn {
 width:160px;
 }
 
 .babSentMss {
 width:400px;
 height:55px; 
 }
 
 .babSentBt {
 float:left;
 padding-left:5px;
 }
 
 /******** suggest translation added ********/

#babSearchBottom {
  width:100%;
  text-align:left;
  padding:10px 0;
}

#babSearchBottom .search {
  width:500px;
  margin-left:15px;
  text-align:left;
}

#babSearchBottom .search button { /* PU: also for , #searchHeader .search button  */
  margin:20px 0 0 0;  
}

 /******** adds ********/
.babAdRC {
 width:300px;
 overflow:visible;
}
.babAdPartner {
 margin:0 8px;
 float:left;
 text-align:center;
 overflow:hidden;
}

#babAdInline1, #babAdInline2, #babAdInline3 {
 padding-left:0px;
 margin:10px 0 15px 0;
}

 /******** edit translation ********/
.babEdT .babpad {
  padding:0 10px 10px 10px;
}

 /******** new fonts ********/
.babFtBigger {
 font-size:13px;
}

/*** lines, borders and spacers and backgrounds ***/
.babAR {
 text-align:right;
}


/*** rtl ***/

.babRTL {
 direction:rtl;
}