/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

iframe, object, embed {
	max-width: 100%;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	/*background: #0d1424 url(../images/body-bg.jpg) no-repeat center top;*/
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #666;
	/*background-color:#336699;*/
	height: 100%;
}
html{
	height: 100%;
}
a {
	color: #0066CC;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a:visited{
	text-decoration:none;
	color:#0066CC;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 980px;
	margin: 0 auto;
	background-color:#336699;
	border:none;
	font: normal 16px/120% Arial, Helvetica, sans-serif; 
}

#pagewrap a{
	color: #0066CC;
	text-decoration: none;
	outline: none;
}

#pagewrap a:hover{
	color: #0066CC;
	text-decoration: underline;
}

#pagewrap a:visited{
	text-decoration:none;
	color:#0066CC;
}

#header_title_mobile{
	font: bold 23px/120% Trajan Pro, Arial, Helvetica, sans-serif;
}

#mundus_logo_mobile{
	min-width:32px;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#mobile_signal{
	min-width:22px;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#menu_container{
  font-family: "Helvetica Neue", sans-serif;
  text-shadow: 0 1px 1px #fff;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  /*background: rgba(0,0,0,0.2);*/
  background: #eee;
  border-bottom: 2px groove rgba(255,255,255,0.75);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
  -o-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
}

.main_login{
  border-left: 2px groove rgba(255,255,255,0.75);
  border-right: 2px groove rgba(255,255,255,0.75);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom: 2px groove rgba(255,255,255,0.75);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
  -o-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
}

.menu_icon_gui{
   background: #eee;
   background: -webkit-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   background: -moz-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   background: -o-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   background: -ms-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   background: linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   border: 1px solid #0066CC;
   display: block;
   width: 40px;
   height: 56px;
   position: relative;
   /*margin: 42px auto;*/
   -webkit-border-radius:5px 5px 5px 5px;
   -moz-border-radius:5px 5px 5px 5px;
   border-radius:5px 5px 5px 5px;
   -moz-box-shadow: 0 0 5px 5px #888;
   -webkit-box-shadow: 0 0 5px 5px#888;
   box-shadow: 0 0 5px 5px #888;
}

.profile_icon_gui{
   background: #eee;
   background: -webkit-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   background: -moz-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   background: -o-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   background: -ms-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   background: linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
   display: block;
}

.jp-title{
   border: 1px solid rgba(0,0,0,0.5);
   border-radius: 10px 10px 2px 2px;
   background: rgba(0,0,0,0.25);
   color: #444;
   text-shadow: 0 1px 1px #fff;
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}

.larger {
	-webkit-transform:scale(1.5,1.5);
	-icab-transform:scale(1.5,1.5);
	-moz-transform:scale(1.5,1.5);
	-ms-transform:scale(1.5,1.5);
	-o-transform:scale(1.5,1.5);
	transform:scale(1.5,1.5);
}

.welcometext{
float:left;
width:auto;
color: #333333;
padding:20px 0 0 20px;
font: bold 16px/120% Arial, Helvetica, sans-serif;
}
.signout{
width:auto;
height:auto;
float:left;
margin-bottom: 3px;
padding:20px 0 0 5px;
}

.signout a{
color: #0066CC;
font: normal 16px/120% Arial, Helvetica, sans-serif;
background:url('/images/signout.png') left no-repeat;
background-size:13px 14px;
padding-left:20px;
padding-bottom:1px; 
}
.signout a:hover{
color: #0066CC; 
text-decoration: underline;
}

#container_personal_activities img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#pagewrap .ajax_content_block img{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#pagewrap .ajax_content_block ul, ol{
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}

#pagewrap .ajax_content_block li{
	margin: 0 0 .5em 0;
	padding: 0;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
	height: 160px;
}

.top_button {
position: fixed;
bottom: 15px;
right: 20px;
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background: url('/images/up_button.png') left top no-repeat; 
width: 50px;
height: 60px;
}

.top_button a {
text-indent: -9999px;
display: block;
}

.top_button:hover { 
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background:url('/images/up_button.png') left -60px no-repeat; 
}

.bottom_button {
position: fixed;
bottom: 15px;
left: 20px;
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background: url('/images/down_button.png') left top no-repeat; 
width: 50px;
height: 60px;
}

.bottom_button a {
text-indent: -9999px;
display: block;
}

.bottom_button:hover { 
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background:url('/images/down_button.png') left -60px no-repeat; 
}

.reopen_player_button {
position: fixed;
bottom: 150px;
left: 20px;
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background: url('/images/open_player.png') left top no-repeat; 
width: 50px;
height: 60px;
}

.reopen_player_button a {
text-indent: -9999px;
display: block;
}

.reopen_player_button:hover { 
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background:url('/images/open_player.png') left -60px no-repeat; 
}

#top_bar{
width:100%;
height:25px;
float: left;
/*background-color: #993300;*/
/* gecko based browsers */
background: -moz-linear-gradient(top, #322d4d, #003366);

/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#322d4d), to(#003366));

/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#322d4d', EndColorStr='#003366', GradientType=1);

/* IE 10+ */
background-image: -ms-linear-gradient(top, #322d4d, #003366);

/* Opera 11.10+ */
background-image: -o-linear-gradient(top, #322d4d, #003366);
margin:0px auto auto auto;
}
#top_bar .languages{
float:left;
left:820px;
width:150px;
padding:6px 0 0 10px;
}
#top_bar .languages .lang_text{
float:left;
top: 7px;
padding:0 5px 0 0;
color:#b3adad;
}

#top_bar .top_menu{
float:right;
left:0px;
width:375px;
padding:6px 0 0 5px;
}
#top_bar .top_menu .menu_text{
float:right;
top: 7px;
width:235px;
padding:0 5px 0 0;
color: #CCCC99;
}
#top_bar .top_menu .menu_text ul{
width:375px; 
margin:0 auto; 
padding:0px; 
display:block
}
#top_bar .top_menu .menu_text ul li{
width:auto; 
margin:0px; 
float:left; 
padding:0px; 
display:block
}
#top_bar .top_menu .menu_text ul li .blank{
width:auto; 
margin:0px; 
padding:0 7px 0 7px; 
float:left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:46px; 
font-weight:bold; 
color:#b3adad;
}
#top_bar .top_menu .menu_text ul li a{
width:auto;  
margin:0px; 
padding:0px; 
float:left; 
font-family:Arial, Helvetica, sans-serif; 
font-size:46px;
font-weight: normal; 
color:#CCCC99; 
text-decoration:none;
}
#top_bar .top_menu .menu_text ul li a:hover{
color:#CCCC99; 
text-decoration: underline;
}
.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

.circular_img{
  /*these are the override-ers*/
  background-size:89px;
  background-position:-10px 0px;
  height:89px;
  width:89px;
  border-radius:50%;
  background-color:#CCCCCC;
  /*
  box-shadow:
    0 5px 10px #777,
    0 0 100px #555 inset,
    0 0 75px #555 inset,
    0 0 75px #555 inset;
	*/
   
  /*this filter is for Firefox for SVG image, NOT working for other image format (yet)*/
  /*filter: grayscale(0.8) blur(1px);
  /*this filter is for Webkit browser, for any image format (probably)*/
  /*-webkit-filter: grayscale(0.8) blur(1px);*/
}
/*
.circular_img:before{
  content:'';
  display:block;
  z-index:-1;  
  width:89px;
  height:89px;
  
  padding:5px;
  border: 6px solid hsla(0, 100%, 100%, 0.6);
  /* 4px more padding + 6px border = 10 so... 
  top:-15px;
  left:-15px;
  border-radius:50%;
}*/

.download.status_wrapper{
-ms-word-break: break-all;
word-break: break-all;

/* Non standard for webkit */
word-break: break-word;

-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}

input.generic_field {
width:92%;
margin:0 0 0 0 ;
font: normal 30px/120% Arial, Helvetica, sans-serif;
border:1px solid #999999;
padding-left:3px;
/* css 3 */
border-radius:5px;
/* mozilla */
-moz-border-radius:5px;
/* webkit */
-webkit-border-radius:5px;
}

input.generic_field:focus {
border: 1px solid #fafafa;  
-webkit-box-shadow: 0px 0px 6px #007eff;  
-moz-box-shadow: 0px 0px 5px #007eff;  
box-shadow: 0px 0px 5px #007eff;
}

input.generic_input {
height:18px;
margin:0 0 0 0 ;
font: normal 16px/120% Arial, Helvetica, sans-serif; 
border:1px solid #999999;
padding-left:3px;
}

span.customStyleSelectBox { 
font-size:normal 16px/120% Arial, Helvetica, sans-serif; 
/*background-color: #f5f0de;*/
background-color: #FFFFFF;
color:#7c7c7c; 
padding:5px 2%;
border:1px solid #e7dab0; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px 5px;
border-color:#999999;
text-align:left;
}

span.customStyleSelectBox.changed { 
/*background-color: #f0dea4;*/
/*background-color: #edeff7;*/
/*background-color:#ccffff;*/
background-color: #FFFFFF;
color: #0066CC;
text-align:left;
}

.customStyleSelectBoxInner { 
background:url(../images/arrow_state_grey_expanded.png) no-repeat center right;
/*background-position: 100% center;*/
}

select.styled { float:left; z-index: 99; width:96%; text-align:left; margin-right:2%; margin-left:2%; }

.mobile_upload{
/*position:absolute;*/
float:left;
width:100%;
cursor:pointer;
margin:0;
padding-top:5%;
padding-bottom:5%;
right:0;
top:0;
font-size:6.54em!important;
opacity:.01;
filter:alpha(opacity=1);
}

.mobile_upload_bubble{
/*position:absolute;*/
float:left;
width:100%;
cursor:pointer;
margin:0;
padding:0;
right:0;
top:0;
font-size:1.54em!important;
opacity:.01;
filter:alpha(opacity=1);
}

.mobile_upload_audio{
/*position:absolute;*/
float:left;
width:100%;
cursor:pointer;
margin:0;
padding:0;
right:0;
top:0;
font-size:1.54em!important;
opacity:.01;
filter:alpha(opacity=1);
}

.mobile_upload_msg{
/*position:absolute;*/
float:left;
width:98%;
cursor:pointer;
margin:0;
padding:0;
right:0;
top:0;
font-size:1.54em!important;
opacity:.01;
filter:alpha(opacity=1);
}

.uploader_button{
float:left;
width:98%;
background:url(http://www.munduslingua.com/images/take_photo_button_small.png) center no-repeat #FFF;
border: 1px solid #0066CC;
display: block;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
margin:1%;
}

.uploader_button_bubble{
float:left;
width:98%;
display:block;
position:relative;
top:-20px;
}

.uploader_button_audio{
float:left;
width:98%;
display:block;
position:relative;
top:-20px;
}

.uploader_button_msg{
float:left;
width:98%;
display:block;
position:relative;
top:-20px;
height:10px;
}

#tooltip{
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5 );
line-height: 1.5;
color: #fff;
background: #333;
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top: 1px solid #fff;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
position: absolute;
z-index: 500000;
padding: 15px;
}
 
#tooltip:after /* triangle decoration */{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
border-top-color: rgba( 0, 0, 0, .7 );
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
 
#tooltip.top:after{
border-top-color: transparent;
border-bottom: 10px solid #333;
border-bottom-color: rgba( 0, 0, 0, .6 );
top: -20px;
bottom: auto;
}
 
#tooltip.left:after{
left: 10px;
margin: 0;
}
 
#tooltip.right:after{
right: 10px;
left: auto;
margin: 0;
}

#purr-container {
position: fixed;
top: 0;
right: 0;
height:auto;
}
		
.notice {
position: relative;
width: 324px;
height:auto;
}

.notice .close	{position: absolute; cursor:pointer; top: 12px; right: 12px; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url(http://www.munduslingua.com/images/purrClose.png) no-repeat 0 10px;}
		
.notice-body {
min-height: 50px;
padding: 22px 22px 0 22px;
background: url(http://www.munduslingua.com/images/purrTop.png) no-repeat left top;
color: #f9f9f9;
height:auto;
}
.notice-body img	{width: 50px; margin: 0 10px 0 0; float: left;}
.notice-body h3	{margin: 0; font-size: 1.1em;}
.notice-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}
		
.notice-bottom {
height: 22px;
background: url(http://www.munduslingua.com/images/purrBottom.png) no-repeat left top;
}

.munduswit_notice{
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 1% 1% 0 1%;
margin:1%;
background-color:#CCCCCC;
}

.tagline { margin-bottom: 20px; display: block; }
.test_btn { 
display: block;
background: #589f50;
text-align: center;
color: white;
margin: 20px 0px;
line-height: 40px;
font-weight: 100; 
}
.test_btn:hover { background: #74bc6b; cursor: pointer; }
#Purr-notifications { top: 0px; right: 0px; width: 300px; padding: 10px; padding-bottom: 30px; }
.Purr-notification { 
text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
margin-bottom: 10px;
font-size: 11px; 
text-decoration: none; 
position: relative;
height: auto;
width: auto; 
color: #fff; 
background: #333;
background: rgba(0,0,0,0.8); 
border-radius: 4px; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
-o-border-radius: 4px; 
border: 1px solid rgba(0,0,0,0.7); 
box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(255,255,255,0.15); 
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(255,255,255,0.15); 
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(255,255,255,0.15); 
-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 1px 0px rgba(255,255,255,0.15); 
}
.Purr-contentcontainer { padding: 10px; }
.Purr-title { display: block; margin-bottom: 5px; font-weight: bold; }
.Purr-msg { font-weight: 300; }
.Purr-btn { 
margin-top: 5px; 
display: inline-block; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #777;
padding: 5px 7px;
cursor: pointer;
margin-right: 5px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15); 
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15); 
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15); 
-o-box-shadow: 0px 1px 3px rgba(0,0,0,0.35), inset 0px 1px 0px rgba(255,255,255,0.15);
}
.Purr-close { 
left: -12px; 
top: 16px; 
position: absolute; 
height: 16px; 
width: 16px; 
border: 1px solid rgba(0,0,0,0.6);
background: #333;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
box-shadow: inset 0px 2px 0px rgba(255,255,255,0.25); 
-webkit-box-shadow: inset 0px 2px 0px rgba(255,255,255,0.25); 
-moz-box-shadow: inset 0px 2px 0px rgba(255,255,255,0.25); 
-o-box-shadow: inset 0px 2px 0px rgba(255,255,255,0.25);
}
.Purr-imgcontainer {  }
.Purr-img { height: 40px; width: 40px; margin-right: 10px; margin-top: -3px; max-width: 40px; float: left; display: block; }
.Purr-btn:hover { background: rgba(255,255,255,0.2); }
.Purr-error { background: #f0cbcb; border-color: #debdbd; color: rgba(0,0,0,0.5); text-shadow: 0px 0px 0px; }
.Purr-success { background: #b9efbf; border-color: #acdcb1; color: rgba(0,0,0,0.5); text-shadow: 0px 0px 0px; }
	
@-webkit-keyframes 'bubble' {
	from {
		opacity: 0;
		-webkit-transform: scale(0.7);
		-webkit-animation-timing-function: ease-out;
	}
	 
	50% {
		-webkit-transform: scale(1.02);
		-webkit-animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);
	}
	 
	to {
		opacity: ignored;
		-webkit-transform: scale(1.0);
		-webkit-animation-timing-function: ease-in;
	} 
}

.welcome-text{
float:left;
width:100%;  
margin:0px; 
padding:6% 0 0 0;
height:auto;
text-align:center;
font:bold 20px/120% Trajan Pro, Arial, Helvetica, sans-serif; 
color: #008; 
}

.feedsblock{
float:left; 
width:90%; 
height:auto; 
font: normal 16px/120% Arial, Helvetica, sans-serif;
padding-left:4%;
padding-right:4%;
padding-top:1%;
padding-bottom:1%;
text-align:left;
}

.feedsblock a{
width:auto;  
margin:0px; 
padding:0px;  
font: normal 16px/120% Arial, Helvetica, sans-serif;  
color: #0066CC; 
text-decoration:none;
}

.feedsblock a:hover{
color:#0066CC; 
text-decoration: underline;
}

.feedsblock .date{
float:left; 
width:90%; 
height:auto; 
padding:0 0 0 20px; 
font: normal 16px/120% Arial, Helvetica, sans-serif;   
color:#999999; 
text-align:left;
}

textarea.comment_textarea{
width:100%;
height:28px;
margin:0 0 0 0 ;
font:normal 16px/120% Arial, Helvetica, sans-serif;
border:1px solid #CCCCCC;
border-bottom-color:#CCCCCC;
border-right-color:#CCCCCC;
padding-top:3px;
padding-left:3px;
resize:none;
display:block;
}

input.comment_button { 
float:left; 
width:auto; 
height:28px;  
margin-left:10px; 
text-align:center; 
border:1px solid #999999;
background-color: #CCCCCC;
font: normal 16px/120% Arial, Helvetica, sans-serif;  
color: #0066CC;
padding-top:3px;
cursor: pointer;
/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');*/ 
}

.rounded-box {
border:dashed;
border-width:thin;
border-color:#CCCCCC;
width: 100%;
height:auto;
background-color: #E6E6E6;
margin: 0px;
}

.box-contents {
width:100%;
float:left;
height:auto;
font: normal 16px/120% Arial, Helvetica, sans-serif;  
}

a.download{
text-decoration:none;
color:#0066CC;
}

a.download:hover{
text-decoration:underline;
color:#0066CC;
}

a.contact{
text-decoration:none;
color:#0066CC;
}

a.contact:hover{
text-decoration:underline;
color:#0066CC;
}

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
background-color: white;
/*width: 300px;*/
width:80%;
float:left;
border: 1px solid #cfcfcf;
list-style-type: none;
padding-left: 0px;
position:relative;
}

.ui-autocomplete-loading { 
background: white url('http://www.munduslingua.com/chat/img/ajax-loader-chat.gif') right center no-repeat; 
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/

/**
  * Play button
  */
.radio-default #play{
float:left;
top: 75px;
left: 255px;
width: 40px;
height: 40px;
background-image: url(../images/last.png);
background-position: top left;
background-repeat: no-repeat;
cursor: pointer;
}

ul{
float:left;
width:100%;
padding:0px;
margin:0px;
list-style:none;
}
ul li.odd{
margin:0px;
list-style:none;
}
ul li.odd a{
width:93%;height:40px;display:block;background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 7%; line-height:40px;
}
ul li.even{
margin:0px;
list-style:none;
}
ul li.even a{
width:93%;height:40px;display:block;background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 7%; line-height:40px;
}
ul li.even a:hover, ul li.odd a:hover{
background:#48f; opacity: 0.6; color:#FFFFFF;background-position:5px 5px;
}

ul li.buttonlang{
height:100%;
list-style:none;
}

ul li.buttonlang a{
width:100%; height:100%; padding-bottom:7px; padding-top:7px; display:block; text-decoration:none; color:#0066CC;
}

ul li.buttonlang a:hover{
text-decoration:underline;
}

.pagenumber{
padding-right:2%;
padding-left:2%;
}

.selected{
background:#48f; opacity: 0.6; color:#FFFFFF;background-position:5px 5px;
}

.selected2{
background:#48f; opacity: 0.6; color:#FFFFFF;background-position:5px 5px; background-image:url(http://www.munduslingua.com/images/audio2.png) no-repeat left;
}

ul li.odd a .msg_user, ul li.even a .msg_user{
padding-top:8px;
text-align:left;
font: normal 13px/120% Arial, Helvetica, sans-serif; 
}

ul li.odd a .msg_subject, ul li.even a .msg_subject{
padding-top:8px;
text-align:left;
font: bold 13px/120% Arial, Helvetica, sans-serif; 
color: #008;
}

ul li.odd a .msg_date, ul li.even a .msg_date{
padding-top:8px;
font: normal 13px/120% Arial, Helvetica, sans-serif;  
text-align:left;
}

a#popuplink{
text-decoration:none;
color:#0066CC;
}

a#popuplink:hover{
text-decoration:underline;
color:#0066CC;
}

div#popupheader{
/* gecko based browsers */
background: -moz-linear-gradient(top, #CCCCCC, #999999);

/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#999999));
background-color: #CCCCCC;
}

/*photos*/
ul li.odd_photo{
margin:0px;
list-style:none;
}
ul li.odd_photo a{
width:91%;height:30px;display:block;background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 45px; line-height:30px;
}
ul li.even_photo{
margin:0px;
list-style:none;
}
ul li.even_photo a{
width:91%;height:30px;display:block;background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 45px; line-height:30px;
}
ul li.even_photo a:hover, ul li.odd_photo a:hover{
background:#48f; opacity: 0.6; color:#FFFFFF;background-position:5px 5px; 
}

ul li.odd_photo a .msg_user, ul li.even_photo a .msg_user{
text-align:left;
font:normal 20px/120% Arial, Helvetica, sans-serif; 
}

ul li.odd_photo a .msg_subject, ul li.even_photo a .msg_subject{
text-align:left;
font:bold 20px/120% Arial, Helvetica, sans-serif; 
color: #008;
}

ul li.odd_photo a .msg_date, ul li.even_photo a .msg_date{
font:normal 20px/120% Arial, Helvetica, sans-serif;  
text-align:left;
}

iframe#upload_frame {
 border: 0px none;
 display: none;
 width: 320px;
 height: 20px;
}
.progressGrey {
 background: #ccc;
 border:1px solid #000;
 color: #666;
font:normal 20px/120% Arial, Helvetica, sans-serif;
 height: 28px;
 overflow:hidden;
 padding:1px 0px 1px 3px;
 position:relative;
 white-space:nowrap;
 width: 320px;
}
.progressRed {
 background: #f00;
 border-right:1px solid #000;
 color: #fff;
font:bold 20px/120% Arial, Helvetica, sans-serif;
 height: 28px;
 left:0px;
 overflow:hidden;
 padding:1px 0px 1px 3px;
 position:absolute;
 top:0px;
 white-space:nowrap;
}
			
#progress{
background: #eee;
border: 1px solid #222;
margin-top: 20px;
}
			
#progressbar{
width: 0px;
height: 24px;
background: #333;
}

/* IMAGE HOVER TEXT */
ul.picture_hover { overflow: hidden; padding:0px; }
ul.picture_hover > li {
	width:100%;
    position: relative;
	padding-top:10px;
	padding-bottom:10px;
    float: left;
    list-style: none;
    margin: 0 0 0 0;
    font:bold 16px/120% Arial, Helvetica, sans-serif;
}
ul.picture_hover a { 
	text-decoration: none; 
	display: block;
}

ul.picture_hover li img { display: block; position: relative; z-index: -1; } /* IE8 fix, background colour appears behind img for uknown reason set negative z-index */
ul.picture_hover li:not([class=na]) img { position: static; } /* Reset relative position, as this plays havoc with good browsers */

ul.picture_hover a:hover, ul.picture_hover a:focus
{
    display: block;
    outline: none;
	/*
    -moz-box-shadow: 3px 3px 5px #000;
    -webkit-box-shadow: 3px 3px 5px #000;
    box-shadow: 3px 3px 5px #000;
	*/
}
ul.picture_hover a:hover img, ul.picture_hover a:focus img { outline: 3px solid #ccc; }

ul.picture_hover a:hover:after,
ul.picture_hover a:focus:after
{
    content: attr(title);
    color: #000;
    position: absolute;
    bottom: 0;
    /*height: 30px;*/
	height:100%;
    line-height: 220px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.7);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(204,204,204,0.7)); /* Firefox 3.6+ */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.7)), to(rgba(204,204,204,0.7))); /* Safari */
    display: block;
	text-decoration:none;
    text-shadow: 1px 1px 1px #fff;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}
/* IMAGE HOVER TEXT */

.ui-menu {
   		list-style:none;
        padding: 2px;
        margin: 0;
        display:block;
		position:absolute;
}
.ui-menu .ui-menu {
        margin-top: -3px;
}
.ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        width: 100%;
}
.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:1.5;
        zoom:1;
		background:#edeff4;
		border-bottom:solid 1px #FFFFFF;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
        color:#0066CC;
		cursor:pointer;
		background:#DDDDDD;
}

/* site logo */
#site-logo {
	position: absolute;
	top: 10px;
}
#site-logo a {
	font: bold 30px/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

/* site description */
#site-description {
	font: italic 100%/130% "Times New Roman", Times, serif;
	color: #fff;
	position: absolute;
	top: 55px;
}

/* searchform */
#searchform {
	position: absolute;
	right: 10px;
	bottom: 6px;
	z-index: 100;
	width: 160px;
}
#searchform #s {
	width: 140px;
	float: right;
	background: #fff;
	border: none;
	padding: 6px 10px;
	/* border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	/* transition */
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
	width: 100%;
	background: #ccc;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	/* gradient */
	background: #6a6a6a url(../images/nav-bar-bg.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}
#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}
#main-nav li:first-child {
	margin-left: 10px;
}
#main-nav a {
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
#main-nav a:hover {
	color: #fff;
	background: #474747;
	/* gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);
}

/************************************************************************************
CONTENT
*************************************************************************************/

#content {
	font: normal 14px/120% Arial, Helvetica, sans-serif;
	/*
	background: #fff;
	margin: 30px 0 30px;
	padding: 20px 35px;
	width: 600px;
	float: left;
	/* rounded corner */
	/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	/*
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	*/
}

/* post */
.post {
	margin-bottom: 40px;
}
.post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120% Arial, Helvetica, sans-serif;
}
.post-title a {
	text-decoration: none;
	color: #000;
}
.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}

/* post image */
.post-image {
	margin: 0 0 15px;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width: 280px;
	float: right;
	margin: 30px 0 30px;
}
.widget {
	background: #fff;
	margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
clear: both;
font-size: 100%;
height:100px;
margin:0px;
text-align:center;
/*background-image:url(../images/background1.png);*/
background-color:#d8d9db;
}

.push{
height:100px;	
}

#footer a {
	color: #fff;
}

#footer .copyright{
width:100%;
height:auto;
float: left;
padding-top:0px;
}
#footer .copyright p{
margin:0 0 0 0;
padding:30px 0 0 0;
font: normal 16px/120% Trajan Pro, Arial, Helvetica, Sans-serif; 
}
#footer .copyright p a{
color: #0099CC;
font-family: "Trajan Pro"; 
font-weight: bold;
}
#footer .copyright p a:hover{
color: #0099CC;
text-decoration:underline;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }