/*
parleremo2.css
*/
html, body {
margin: 0; font-family: helvetica, arial, sans-serif; height: 100%; min-height: 100%; background-color: #f1feda;
font-size: 9.5px;
/*
line-height: 110%;
*/
}
body {
font-size: 14px;
}
.parleremopagewrapper { min-height: 100%; width: 98%; max-width: 1000px; margin: auto; background-color: #fff; position: relative; }
.parleremopagebody { padding-bottom:170px; }
.parleremopagebody2 { padding-bottom:280px; }
.parleremopagefooter , .parleremopagefooter3{ aheight: 170px; aheight: 170px; }
.parleremopagefooter2 { aheight: 280px; min-height: 280px; }
.parleremopagefooter, .parleremopagefooter2, .parleremopagefooter3 { width: 100%; bottom: 0; }
.parleremopagefooter, .parleremopagefooter2 { position: absolute; }
.footerarea { width: 100%; font-size: 1.2rem; color: #eee; }
.footerarea a:link ,.bottommenutext a:visited , .bottommenutext a:active { color: #eee; }
.footerarea a:hover { color: #ee0; }
.footerarea { width: 98%; max-width: 1000px; margin: auto; min-height: 170px; amax-height: 17.0vw; height: 170px; aoverflow: hidden; }
table { empty-cells: show; }
a { color: inherit; text-decoration: none; }
a:active { outline: none; }
form { margin: 0; }
input[type=text]:focus, input[type=email]:focus, input[type=file]:focus, input[type=password]:focus, textarea:focus, select:focus {
background-color: #f9e085;
border-color: #998025;
}
input, textarea, select {
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type=file] { height: 25px; vertical-align: middle;}
input[type=text], input[type=email], input[type=password] { height: 20px; vertical-align: middle; }
.Table { display: table; aborder: 2px solid #e00; }
.Title { display: table-caption; }
.Heading { display: table-row; }
.Row { display: table-row; aborder: 5px solid #0e0; }
.Cell { display: table-cell; aborder: 2px solid #00e; }
.roundall {
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.roundall2 {
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.imageroundall {
-webkit-border-radius: 15x;
-khtml-border-radius: 15x;
-moz-border-radius: 15px;
border-radius: 15px;
}
.circular {
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.roundtop {
-webkit-border-top-right-radius: 7px 7px;
-webkit-border-top-left-radius: 7px 7px;
-khtml-border-radius-topright: 7px 7px;
-khtml-border-radius-topleft: 7px 7px;
-moz-border-radius-topright: 7px 7px;
-moz-border-radius-topleft: 7px 7px;
border-top-right-radius: 7px 7px;
border-top-left-radius: 7px 7px;
}
.roundbottom {
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 7px 7px;
}
.roundleft {
-webkit-border-bottom-left-radius: 7px 7px;
-webkit-border-top-left-radius: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-khtml-border-radius-topleft: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
-moz-border-radius-topleft: 7px 7px;
border-bottom-left-radius: 7px 7px;
border-top-left-radius: 7px 7px;
}
.roundright {
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-top-right-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-topright: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-topright: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-top-right-radius: 7px 7px;
}
.roundcorn1 {
-webkit-border-top-left-radius: 7px 7px;
-khtml-border-radius-topleft: 7px 7px;
-moz-border-radius-topleft: 7px 7px;
border-top-left-radius: 7px 7px;
}
.roundcorn2 {
-webkit-border-top-right-radius: 7px 7px;
-khtml-border-radius-topright: 7px 7px;
-moz-border-radius-topright: 7px 7px;
border-top-right-radius: 7px 7px;
}
.roundcorn3 {
-webkit-border-bottom-right-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
border-bottom-right-radius: 7px 7px;
}
.roundcorn4 {
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-left-radius: 7px 7px;
}
.shadowbox1 {
-webkit-box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.25) ;
-khtml-box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.25) ;
-moz-box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.25) ;
box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.25) ;
}
.shadowbox2 {
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
-khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
}
.shadowbox3 {
-webkit-box-shadow: -8px 8px 4px rgba(0, 0, 0, 0.25) ;
-khtml-box-shadow: -8px 8px 4px rgba(0, 0, 0, 0.25) ;
-moz-box-shadow: -8px 8px 4px rgba(0, 0, 0, 0.25) ;
box-shadow: -8px 8px 4px rgba(0, 0, 0, 0.25) ;
}
.shadowbox4 {
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5) ;
-khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5) ;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5) ;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5) ;
}
/* Personal message popup */
#pm_popup
{
display: none;
width: 35%;
position: fixed;
top: 30%;
left: 35%;
border: 1px solid #696969;
text-align: center;
z-index: 2000;
}
#pm_popup h5
{
margin: 0;
padding: 5px;
text-align: left;
}
.cookie_warning_box { width: 70vw; height: 4.0vw; border: 1px solid #aaa; font-weight: bold; font-size: 1.5vmax; padding: 6px 10px; color: #222; text-align: center; background-color: #ffa; margin: auto; z-index: 100; }
.generalconfirmbox { width: 500px; min-height: 300px; position: fixed; top: 100px; margin: auto; z-index: 201; background-color: #eef; border: 2px double #e22; opacity: 0; box-shadow: -5px 5px rgba(0,0,0,0.5);
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.generalconfirmbox_text { width: 90%; margin: auto; margin-top: 30px; margin-bottom: 30px; font-size: 18px; font-family: arial; text-align: center; }
.generalconfirmbox button { min-width: 100px; }
.generalconfirmbox img { height: 128px; }
a.prettylink:link,
a.prettylink:active,
a.prettylink:visited { color: #2299bb; }
a.prettylink:hover, { color: #22b9db; text-decoration: underline; }
a.hoverlink:hover { color: #dbdb22; text-decoration: underline; }
.verticlecenterspan { display: inline-block; vertical-align: middle; }
.ababutton1 {
border: 0 none;
padding: 0 9px 3px 9px;
color: #771100;
color: #fff;
border: 1px solid #822;1
box-shadow: 0 1px 1px #777;
cursor: pointer;
font-size: 14px;
vertical-align: middle;
font-family: arial;
line-height: 150%;
position: relative;
}
.ababutton1:hover {
color: #fff;
text-shadow: 0 0 1px #999;
}
.ababutton1:active { text-shadow: 1px 1px 4px #333;}
.abuttonspacer { font-size: 0; width: 3px; }
.ababuttontooltip { min-width: 100px; color: #eee !important; text-shadow: 1px 1px 4px #333 !important; line-height: 110% !important; font-size: 14px !important; padding: 7px 10px !important; bottom: 25px !important;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: -3px 3px 4px rgba(0, 0, 0, 0.25) ;
-khtml-box-shadow: -3px 3px 4px rgba(0, 0, 0, 0.25) ;
-moz-box-shadow: -3px 3px 4px rgba(0, 0, 0, 0.25) ;
box-shadow: -3px 3px 4px rgba(0, 0, 0, 0.25) ;
}
.ababutton2 {
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.ababutton3 {
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-radius-bottomright: 10px;
-khtml-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.ababutton4 {
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.ababutton1link, .ababutton1link:link, .ababutton1link:visited, .ababutton1link:active {
color: #771100;
color: #222;
color: #eee;
text-shadow: 0 0 1px #999;
text-decoration: none;
position: relative;
top: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ababutton1link:hover {
color: #ffffff;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 8px #333;
top: 1px;
}
.amazoneannouncentment_div { border: 3px solid #ddd; width: 90%; text-align: center; font-size: 13px; padding: 5px; line-height: 100% !important; margin: auto; font-family: Trebuchet MS; }
.helpusgrow_div { border: 3px solid #ddd; padding: 5px 10px; aline-height: 120% !important; margin: auto; font-family: Helvetica; }
.helpusgrow_title { font-size: 14px !important; font-weight: bold; color: #226; }
.helpusgrow_text { font-size: 13px !important; }
.helpusgrow_title_lg { font-size: 16px !important; font-weight: bold; color: #226; }
.helpusgrow_text_lg { font-size: 15px !important; }
.tooltipholder { position: relative; z-index: 5; display: inline; }
.tooltip { position: absolute; left: 0px; top: -10px; z-index: 5; font-size: 10px; color: #111111; border: 1px solid #666666; width: 10px; height: 10px; background-color: #ffffbb; visibility: hidden; overflow: hidden; padding: 2px 2px 1px 2px; display: inline; white-space: nowrap; }
.tooltipwide { position: absolute; left: 20px; top: -10px; z-index: 5; font-size: 10px; color: #111111; border: 1px solid #666666; width: 10px; height: 10px; background-color: #ffffbb; visibility: hidden; overflow: hidden; padding: 2px 2px 1px 2px; display: inline; white-space: nowrap; }
.tooltiptrigger {}
/********************************* ICONS ***********************************/
.iconsortup { width: 1.2vw; height: 1.2vw; background: url(/picons/sortup.gif) no-repeat; background-size: cover; display: inline-block; }
.iconsortdown { width: 1.2vw; height: 1.2vw; background: url(/picons/sortdown.gif) no-repeat; background-size: cover; display: inline-block; }
.iconclosex16 { width: 2.0vw; height: 1.6vw; max-width: 20px; max-height: 16px; min-width: 10px; min-height: 8px; background: url(/picons/cross.png) no-repeat; background-size: cover; cursor: pointer; }
.iconlangsel24 { width: 2.4vw; max-width: 24px; max-height: 24px; height: 2.4vw; min-width: 12px; min-height: 12px; background: url(/picons/langsel24.png) no-repeat; background-size: cover; display: inline-block; }
.iconlangbook24 { width: 2.4vw; max-width: 24px; max-height: 24px; height: 2.4vw; min-width: 12px; min-height: 12px; background: url(/picons/langbook24.png) no-repeat; background-size: cover; display: inline-block; vertical-align: bottom; }
.iconsearch24 { width: 2.4vw;max-width: 24px; max-height: 24px; height: 2.4vw; min-width: 12px; min-height: 12px; background: url(/picons/search24.png) no-repeat; background-size: cover; display: inline-block; vertical-align: bottom; }
.iconuser24 { width: 2.4vw; max-width: 24px; max-height: 24px; height: 2.4vw; min-width: 12px; min-height: 12px; background: url(/picons/user24.png) no-repeat; background-size: cover; display: inline-block; vertical-align: bottom; }
.iconkeyboard24 { width: 3.6vw; max-width: 36px; max-height: 24px; height: 2.4vw; min-width: 18px; min-height: 12px; background: url(/picons/keyboard24.png) no-repeat; background-size: cover; display: inline-block; vertical-align: bottom; }
.iconpopups24 { width: 2.4vw; max-width: 24px; max-height: 24px; height: 2.4vw; min-width: 12px; min-height: 12px; background: url(/picons/popups24.png) no-repeat; background-size: cover; display: inline-block; vertical-align: bottom; }
.icongrammar24 { width: 2.4vw; max-width: 24px; max-height: 24px; height: 2.4vw; min-width: 12px; min-height: 12px; background: url(/picons/grammar24.png) no-repeat; background-size: cover; display: inline-block; vertical-align: bottom; }
.iconbulletred { width: 1.6vw; height: 1.6vw; background: url(/picons/bulletred.png) no-repeat; background-size: cover; display: inline-block; }
.iconbulletgreen { width: 1.6vw; height: 1.6vw; background: url(/picons/bulletgreen.png) no-repeat; background-size: cover; display: inline-block; }
.iconreport { width: 1.6vw; height: 1.6vw; background: url(/picons/report.png) no-repeat; background-size: cover; display: inline-block; }
.iconrechead16 { width: 1.6vw; height: 1.6vw; background: url(/picons/rechead16.png) no-repeat; background-size: cover; display: inline-block; }
.iconrectext16 { width: 1.6vw; height: 1.6vw; background: url(/picons/rectext16.png) no-repeat; background-size: cover; display: inline-block; }
.iconrecicon16 { width: 1.6vw; height: 1.6vw; background: url(/picons/recicon16.png) no-repeat; background-size: cover; display: inline-block; }
.iconhint { width: 1.6vw; height: 1.6vw; background: url(/picons/hint.png) no-repeat; background-size: cover; display: inline-block; }
.iconhint2 { width: 2.4vw; max-width: 24px; max-height: 24px; height: 2.4vw; background: url(/picons/hint2.png) no-repeat; background-size: cover; display: inline-block; }
.icontcheck { width: 1.6vw; height: 1.6vw; background: url(/picons/tcheck.png) no-repeat; background-size: cover; display: inline-block; }
.iconstuff { width: 1.6vw; height: 1.6vw; background: url(/picons/stuff.png) no-repeat; background-size: cover; display: inline-block; }
.iconbldn { width: 1.6vw; height: 1.6vw; background: url(/picons/bldn.png) no-repeat; background-size: cover; display: inline-block; }
.iconblup { width: 1.6vw; height: 1.6vw; background: url(/picons/blup.png) no-repeat; background-size: cover; display: inline-block; }
.iconddpin { width: 2.0vw; height: 1.6vw; background: url(/picons/ddpin.png) no-repeat; background-size: cover; cursor: pointer; }
.iconddpinout { width: 2.0vw; height: 1.6vw; background: url(/picons/ddpinout.png) no-repeat; background-size: cover; cursor: pointer; }
.iconddup { width: 2.0vw; height: 1.6vw; background: url(/picons/ddup.png) no-repeat; background-size: cover; cursor: pointer; }
.icondddown { width: 2.0vw; height: 1.6vw; background: url(/picons/dddown.png) no-repeat; background-size: cover; cursor: pointer; }
.iconbuddy { width: 1.6vw; height: 1.6vw; background: url(/picons/buddy.png) no-repeat; background-size: cover; display: inline-block; }
.iconpage { width: 1.6vw; height: 1.6vw; background: url(/picons/page.png) no-repeat; background-size: cover; display: inline-block; }
.iconpencil { width: 1.6vw; height: 1.6vw; background: url(/picons/pencil.png) no-repeat; background-size: cover; display: inline-block; }
.iconrunner16 { width: 1.6vw; height: 1.6vw; background: url(/picons/runner16.png) no-repeat; background-size: cover; display: inline-block; }
.iconabout { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/about.png) no-repeat; background-size: cover; display: inline-block; }
.iconclipboard { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/clipboard.png) no-repeat; background-size: cover; display: inline-block; }
.icondollar { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/dollar.png) no-repeat; background-size: cover; display: inline-block; }
.iconearth { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/earth.png) no-repeat; background-size: cover; display: inline-block; }
.iconemail { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/email.png) no-repeat; background-size: cover; display: inline-block; }
.iconhome { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/home.png) no-repeat; background-size: cover; display: inline-block; }
.iconfilm { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/film.png) no-repeat; background-size: cover; display: inline-block; }
.iconnews { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/news.png) no-repeat; background-size: cover; display: inline-block; }
.iconitem { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/item.png) no-repeat; background-size: cover; display: inline-block; }
.iconnewdot1 { width: 1.6vw; height: 1.6vw; max-width: 16px; height: 16px; background: url(/picons/newdot1.png) no-repeat; background-size: cover; display: inline-block; }
.iconrarrow { width: 1.6vw; height: 1.6vw; background: url(/picons/rarrow.png) no-repeat; background-size: cover; display: inline-block; }
.iconthumbup { width: 1.6vw; height: 1.6vw; background: url(/picons/thumbup.png) no-repeat; background-size: cover; display: inline-block; }
.iconundo { width: 1.6vw; height: 1.6vw; background: url(/picons/undo.png) no-repeat; background-size: cover; display: inline-block; }
.iconcomments { width: 1.6vw; height: 1.6vw; background: url(/picons/comments.png) no-repeat; background-size: cover; display: inline-block; }
.iconuser { width: 1.6vw; height: 1.6vw; background: url(/picons/user.png) no-repeat; background-size: cover; display: inline-block; }
.iconsearch { width: 1.6vw; height: 1.6vw; background: url(/picons/search.png) no-repeat; background-size: cover; display: inline-block; }
.iconsound { width: 1.6vw; height: 1.6vw; background: url(/picons/sound.png) no-repeat; background-size: cover; display: inline-block; }
.iconlink { width: 1.6vw; height: 1.6vw; background: url(/picons/link.png) no-repeat; background-size: cover; display: inline-block; }
.icondownload { width: 1.6vw; height: 1.6vw; background: url(/picons/download.png) no-repeat; background-size: cover; display: inline-block; }
.iconvideo16 { width: 1.6vw; height: 1.6vw; background: url(/picons/video16.png) no-repeat; background-size: cover; display: inline-block; }
.iconworld { width: 1.6vw; height: 1.6vw; background: url(/picons/world.png) no-repeat; background-size: cover; display: inline-block; }
.iconredball { width: 1.5vw; height: 1.5vw; background: url(/picons/redball.png) no-repeat; background-size: cover; display: inline-block; }
.iconhome24 { width: 2.4vw; height: 2.4vw; background: url(/picons/iconhome24.png) no-repeat; background-size: cover; display: inline-block; }
.iconprofile24 { width: 2.4vw; height: 2.4vw; background: url(/picons/iconprofile24.png) no-repeat; background-size: cover; display: inline-block; }
.iconsettings24 { width: 2.4vw; height: 2.4vw; background: url(/picons/iconsettings24.png) no-repeat; background-size: cover; display: inline-block; }
.iconucp24 { width: 2.4vw; height: 2.4vw; background: url(/picons/iconucp24.png) no-repeat; background-size: cover; display: inline-block; }
.iconlogout24 { width: 2.4vw; height: 2.4vw; background: url(/picons/iconlogout24.png) no-repeat; background-size: cover; display: inline-block; }
.iconcheckedbox { width: 2.8vw; height: 2.8vw; background: url(/picons/checkedbox.png) no-repeat; background-size: cover; display: inline-block; }
.iconarrow_down9 { width: 1.4vw; height: 0.9vw; background: url(/picons/arrow_down9.png) no-repeat; background-size: cover; display: inline-block; }
.iconarrow_up9 { width: 1.4vw; height: 0.9vw; background: url(/picons/arrow_up9.png) no-repeat; background-size: cover; display: inline-block; }
.iconcorrect { width: 3.0vw; height: 2.4vw; background: url(/picons/correct.png) no-repeat; background-size: cover; display: inline-block; }
.iconwrong { width: 3.0vw; height: 2.4vw; background: url(/picons/wrong.png) no-repeat; background-size: cover; display: inline-block; }
.iconpopupchat { width: 3.2vw; height: 3.2vw; vertical-align: middle; background: url(/picons/popupchat.png) no-repeat; background-size: cover; display: inline-block; }
.iconpopupdictionary { width: 3.2vw; height: 3.2vw; vertical-align: middle; background: url(/picons/popupdictionary.png) no-repeat; background-size: cover; display: inline-block; }
.iconpopupradio { width: 3.2vw; height: 3.2vw; vertical-align: middle; background: url(/picons/popupradio.png) no-repeat; background-size: cover; display: inline-block; }
.iconpopuptelevision { width: 3.2vw; height: 3.2vw; vertical-align: middle; background: url(/picons/popuptelevision.png) no-repeat; background-size: cover; display: inline-block; }
.iconpopupnotepad { width: 3.2vw; height: 3.2vw; vertical-align: middle; background: url(/picons/popupnotepad.png) no-repeat; background-size: cover; display: inline-block; }
.iconpopupmap { width: 3.2vw; height: 3.2vw; vertical-align: middle; background: url(/picons/popupmap.png) no-repeat; background-size: cover; display: inline-block; }
.iconsettings32 { width: 3.2vw; height: 3.2vw; background: url(/picons/settings32.png) no-repeat; background-size: cover; display: inline-block; }
.iconpause32 { width: 3.2vw; height: 3.2vw; background: url(/picons/iconpause32.png) no-repeat; background-size: cover; display: inline-block; }
.iconstats32 { width: 3.2vw; height: 3.2vw; background: url(/picons/stats32.png) no-repeat; background-size: cover; display: inline-block; }
.iconpswdeyeopen { width: 1.6vw; height: 1.6vw; background: url(/picons/pswdeyeopen.png) no-repeat; background-size: cover; display: inline-block; }
.iconpswdeyeclose { width: 1.6vw; height: 1.6vw; background: url(/picons/pswdeyeclose.png) no-repeat; background-size: cover; display: inline-block; }
.iconswap { width: 1.0vw; height: 1.0vw; background: url(/picons/swap.png) no-repeat; background-size: cover; display: inline-block; }
.iconcamera { width: 1.6vw; height: 1.6vw; background: url(/picons/camera.png) no-repeat; background-size: cover; display: inline-block; }
.iconcamera32 { width: 3.2vw; height: 3.2vw; background: url(/picons/camera32.png) no-repeat; background-size: cover; display: inline-block; }
.icondplay { width: 1.6vw; height: 1.6vw; background: url(/picons/dplay.png) no-repeat; background-size: cover; display: inline-block; }
.icondstop { width: 1.6vw; height: 1.6vw; background: url(/picons/dstop.png) no-repeat; background-size: cover; display: inline-block; }
.icondfast { width: 1.6vw; height: 1.6vw; background: url(/picons/dfast.png) no-repeat; background-size: cover; display: inline-block; }
.icondstop32 { width: 3.2vw; height: 3.2vw; background: url(/picons/dstop32.png) no-repeat; background-size: cover; display: inline-block; }
.icondfast32 { width: 3.2vw; height: 3.2vw; background: url(/picons/dfast32.png) no-repeat; background-size: cover; display: inline-block; }
.iconswap16 { width: 1.6vw; height: 1.6vw; background: url(/picons/swap16.png) no-repeat; background-size: cover; display: inline-block; }
.iconplayer_play32 { width: 3.2vw; height: 3.2vw; background: url(/picons/player_play32.png) no-repeat; background-size: cover; display: inline-block; }
.iconplayer_pause32 { width: 3.2vw; height: 3.2vw; background: url(/picons/player_pause32.png) no-repeat; background-size: cover; display: inline-block; }
.iconplayer_stop32 { width: 3.2vw; height: 3.2vw; background: url(/picons/player_stop32.png) no-repeat; background-size: cover; display: inline-block; }
.iconnosound32 { width: 3.2vw; height: 3.2vw; background: url(/picons/nosound32.png) no-repeat; background-size: cover; display: inline-block; }
.iconsound32 { width: 3.2vw; height: 3.2vw; background: url(/picons/sound32.png) no-repeat; background-size: cover; display: inline-block; }
.iconbighelp { width: 4.5vw; height: 4.5vw; vertical-align: middle; background: url(/picons/bighelp.png) no-repeat; background-size: cover; display: inline-block; }
.iconlanglog_correct96 { width: 9.6vw; height: 9.6vw; background: url(/picons/langlog_correct96.png) no-repeat; background-size: cover; display: inline-block; }
.iconlanglog_write96 { width: 9.6vw; height: 9.6vw; background: url(/picons/langlog_write96.png) no-repeat; background-size: cover; display: inline-block; }
.iconjournal_correct96 { width: 9.6vw; height: 9.6vw; background: url(/picons/journal_correct96.png) no-repeat; background-size: cover; display: inline-block; }
.iconjournal_write96 { width: 9.6vw; height: 9.6vw; background: url(/picons/journal_write96.png) no-repeat; background-size: cover; display: inline-block; }
.iconnewsstand_list96 { width: 9.6vw; height: 9.6vw; background: url(/picons/newsstand_list96.png) no-repeat; background-size: cover; display: inline-block; }
.iconnewsstand_add96 { width: 9.6vw; height: 9.6vw; background: url(/picons/newsstand_add96.png) no-repeat; background-size: cover; display: inline-block; }
.iconrecordings_head96 { width: 9.6vw; height: 9.6vw; background: url(/picons/recordings_head96.png) no-repeat; background-size: cover; display: inline-block; }
.iconrecordings_headset96 { width: 9.6vw; height: 9.6vw; background: url(/picons/recordings_headset96.png) no-repeat; background-size: cover; display: inline-block; }
.iconsrs_unit96 { width: 9.6vw; height: 9.6vw; background: url(/picons/srs_unit96.png) no-repeat; background-size: cover; display: inline-block; }
.iconsrs_edit96 { width: 9.6vw; height: 9.6vw; background: url(/picons/srs_edit96.png) no-repeat; background-size: cover; display: inline-block; }
.iconexchange_info96 { width: 9.6vw; height: 9.6vw; background: url(/picons/exchange_info96.png) no-repeat; background-size: cover; display: inline-block; }
.iconexchange_search96 { width: 9.6vw; height: 9.6vw; background: url(/picons/exchange_search96.png) no-repeat; background-size: cover; display: inline-block; }
.iconlinks96 { width: 9.6vw; height: 9.6vw; background: url(/picons/links96.png) no-repeat; background-size: cover; display: inline-block; }
.iconlinks_add96 { width: 9.6vw; height: 9.6vw; background: url(/picons/links_add96.png) no-repeat; background-size: cover; display: inline-block; }
.iconreviews96 { width: 9.6vw; height: 9.6vw; background: url(/picons/reviews96.png) no-repeat; background-size: cover; display: inline-block; }
.iconreviews_add96 { width: 9.6vw; height: 9.6vw; background: url(/picons/reviews_add96.png) no-repeat; background-size: cover; display: inline-block; }
.icongallery96 { width: 9.6vw; height: 9.6vw; background: url(/picons/gallery96.png) no-repeat; background-size: cover; display: inline-block; }
.icongallery_add96 { width: 9.6vw; height: 9.6vw; background: url(/picons/gallery_add96.png) no-repeat; background-size: cover; display: inline-block; }
.iconradio96 { width: 9.6vw; height: 9.6vw; background: url(/picons/radio96.png) no-repeat; background-size: cover; display: inline-block; }
.iconradio_add96 { width: 9.6vw; height: 9.6vw; background: url(/picons/radio_add96.png) no-repeat; background-size: cover; display: inline-block; }
.iconpyt96 { width: 9.6vw; height: 9.6vw; background: url(/picons/pyt96.png) no-repeat; background-size: cover; display: inline-block; }
.iconpyt_add96 { width: 9.6vw; height: 9.6vw; background: url(/picons/pyt_add96.png) no-repeat; background-size: cover; display: inline-block; }
.socialicon_facebook { width: 4.0vw; height: 4.0vw; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; vertical-align: middle; background: url(/picons/facebook40.png) no-repeat; background-size: cover; display: inline-block; }
.socialicon_twitter { width: 4.0vw; height: 4.0vw; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; vertical-align: middle; background: url(/picons/twitter40.png) no-repeat; background-size: cover; display: inline-block; }
.socialicon_googleplus { width: 4.0vw; height: 4.0vw; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; vertical-align: middle; background: url(/picons/googleplus40.png) no-repeat; background-size: cover; display: inline-block; }
.socialicon_flickr { width: 4.0vw; height: 4.0vw; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; vertical-align: middle; background: url(/picons/flickr40.png) no-repeat; background-size: cover; display: inline-block; }
.socialicon_wordpress { width: 4.0vw; height: 4.0vw; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; vertical-align: middle; background: url(/picons/wordpress40.png) no-repeat; background-size: cover; display: inline-block; }
.socialicon_zazzle { width: 4.0vw; height: 4.0vw; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; vertical-align: middle; background: url(/picons/zazzle40.png) no-repeat; background-size: cover; display: inline-block; }
.socialiconsdiv { float: right; margin-right: 1vw; awidth: 20vw; }
.socialiconsdiv span { margin-right: 0.5vw; }
.spinner a img, .spinner a div, .spinner a span {
-webkit-transition: -webkit-transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
-ms-transition: -moz-transform 0.4s ease-out;
-o-transition: -moz-transform 0.4s ease-out;
transition: transform 0.4s ease-out;
}
.spinner a:hover img, .spinner a:hover div, .spinner a:hover span {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.mainnavcelldiv { afont-size: 1.7em; font-weight: bold; color: #eee; text-shadow: 0px 0px 1px rgba(000,000,000,.5); padding: 0px 0.5vw; white-space: nowrap; overflow: hidden; margin-right: 0.7vw; margin-top: 0.3vw; margin-bottom: 0.3vw; margin-left: 0.3vw; display: inline-block; cursor: pointer;
color: #ccc;
font: bold 1.7rem Arial, Helvetica;
text-shadow: 0 1px 0 #000;
}
.mainnavcelldiv:hover { color: #fff; }
.topnav_celldiv1, .topnav_celldiv2 { vertical-align: bottom; font-size: 1.5rem; font-weight: bold; color: #eee; padding: 0.2vw 0.5vw; white-space: nowrap; display: inline-block; text-shadow: 0px 0px 1px rgba(000,000,000,.5); cursor: pointer; position: relative; z-index: 2; }
.topnav_celldiv1 { width: 15vw; max-width: 150px; margin-right: 0.5vw; }
.topnav_celldiv2 { margin-right: 0.5vw; }
.topnav_celldiv1 img, .topnav_celldiv2 img { vertical-align: bottom; margin-right: 0.5vw; height: 2.4vw; max-height: 24px; }
.topnav_celldiv1 span, .topnav_celldiv2 span { vertical-align: bottom; }
.mainlogoholder { height: 5.8vw; width: 25vw; max-width: 250px; max-height: 58px; float: left; background: url(/images/logos/t3.jpg); background-repeat: no-repeat; background-size: cover; margin-top: 0.1vw; }
.topnav_wideholder { width: 100%; position: fixed; left:0; top:0; z-index: 49; }
.topnav_holder { width: 98%; max-width: 980px; margin: auto; position: fixed; z-index: 49; }
.topnav_wideholder, .topnav_holder, .topnav_spacer { height: 6.0vw; max-height: 60px; }
.topnav_upperbarleft { margin-left: 26vw; }
.topnav_upperbarright { float: right; margin-right: 1.5vw; }
.topnav_lowerbarleft { margin-left: 26vw; margin-top: 0.4vw; }
.topnav_popblock_titlediv { padding: 0.5vw 1.0vw; font-size: 1.5rem; color: #eee; font-weight: bold; vertical-align: middle; }
.topnav_langsel_popblock { border: 2px solid #42774c; position: absolute; z-index: 50; top: 30px; left: -50px; }
.topnav_langsel_scrolldiv { max-height: 600px; overflow-y: hidden; overflow-x: hidden; }
.topnav_langsel_cell { width: 10vw; line-height: 100%; vertical-align: middle; height: 1.8vw; font-size: 1.3rem; color: #222; font-weight: bold; padding: 0.2vw 0.5vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; border: 1px solid #eee; }
.topnav_popups_popblock, .topnav_grammar_popblock, .topnav_usercontrols_popblock { border: 2px solid #52875c; position: fixed; z-index: 50; top: 3.0vw; }
.topnav_popups_popblock { width: 500px; max-width: 500px; left: -380px; }
.topnav_grammar_popblock { width: 600px; max-width: 600px; left: -460px }
.topnav_usercontrols_popblock { width: 200px; max-width: 200px; left: -180px;}
.topnav_popups_cell { width: 45%; font-size: 1.6rem; font-weight: bold; color: #222; padding: 1.0vw; cursor: pointer; vertical-align: middle; display: inline-block; }
.topnav_grammar_cell { width: 45%; font-size: 1.4rem; font-weight: bold; color: #222; padding: 0.2vw 1.0vw; cursor: pointer; vertical-align: middle; display: inline-block; white-space: nowrap; overflow: hidden; }
.topnav_usercontrols_cell { height: 2.5vw; font-size: 1.4rem; font-weight: bold; color: #222; padding: 0.5vw; cursor: pointer; vertical-align: middle; }
.topnav_langsel_popblock, .topnav_usercontrols_popblock, .topnav_popups_popblock, .topnav_grammar_popblock {
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.65);
-khtml-box-shadow: 0px 0px 15px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.65);
box-shadow: 0px 0px 15px rgba(0,0,0,0.65);
}
.privatemessagenumball { position: absolute; top: 0; right: 0; font-size: 1.1vmax; color: #eee; afloat: right; padding: 0.2vw 0.6vw; }
.sectiontitlediv { border: 2px solid #c27d15; border-top: 0; width: 90%; margin: auto; margin-bottom: 20px; padding: 2px 15px 10px 15px; position: relative; }
.sectiontitletextbox { font-size: 20px; font-weight: bold; color: #c27d15; color: #449; text-shadow: -1px 1px 0 rgba(0, 0, 0,0.5); }
.sectiontitletextbox > span { float: right; margin-right: 10px; }
.sectiontitletextbox > span > span { vertical-align: middle; cursor: pointer; }
.sectiontitlehelpdiv { font-size: 15px; overflow: hidden; }
.sectiontitlediv {
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-khtml-border-radius-bottomright: 20px;
-khtml-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.itembigholder { width: 900px; margin: auto; }
.itemholder { max-height: 100px; border: 1px solid #ddd; padding: 5px; margin-bottom: 15px; width: 425px; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; display: inline-block; vertical-align: top;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.itembuttonholder { height: 67px; width: 67px; float: left; margin-right: 20px; }
.itemtextdiv { margin-left: 30px; }
.itemlisttitle { font-size: 18px; font-weight: bold; color: #22a;
color: #515113;
}
.itemlistdesc { font-size: 15px; display: inline-block; color: #222; padding-left: 1.0em; line-height: 110%; }
.itembullet {
width: 15px;
height: 15px;
border-radius: 50%;
float: left;
margin-right: 10px;
background-image: radial-gradient(#c27d15, #e1b48a);
border: 3px solid #91524d;
}
.itemholder:hover .itembullet, .itembullet:hover {
background-image: radial-gradient(#f2ed95, #f1c49a);
}
.footernavdiv { awidth: 60.0vw; float: left; text-align: left; text-rendering: optimizeLegibility; }
.footernavdiv h4 { font-size: 1.9rem; font-weight: bold; color: #ddd; padding: 0; margin: 0.2vw 0.4vw; }
.footernavdiv div { afloat: left; display: inline-block; min-width: 110px; vertical-align: top; margin-right: 0.5vw; margin-bottom: 0.5vw; margin-top: 0.9vw; }
.footernavdiv ul li a { line-height: 120%; }
.footernavdiv ul { list-style: none outside none; margin: 0; padding-left: 0; }
.footernavdiv li { padding-left: 0.8vw; color: #eee; font-size: 1.6rem; white-space: nowrap; }
.footercopyrightlogtextdiv { width: 95%; margin: auto; font-size: 1.9rem; }
.footercopyrightlogtextdiv p { margin: 0; }
.footercopyrightlogtextdiv p:first-child { float: right; }
.par_box_holder { border: 1px solid #dddddd;
-webkit-border-radius: 7px 7px;
-khtml-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px;
}
.par_box_top{ color: #eee; font-size: 14px; height: auto; font-weight: bold; text-align: left; padding: 8px 8px;
-webkit-border-top-right-radius: 7px 7px;
-webkit-border-top-left-radius: 7px 7px;
-khtml-border-radius-topright: 7px 7px;
-khtml-border-radius-topleft: 7px 7px;
-moz-border-radius-topright: 7px 7px;
-moz-border-radius-topleft: 7px 7px;
border-top-right-radius: 7px 7px;
border-top-left-radius: 7px 7px;
}
.par_box_bottom { font-size: 13px; text-align: left; padding: 2px 5px;
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 7px 7px;
}
.promptbox{ border: 0 none; position: fixed; top: 100px; left: 300px; display: none; padding: 0; text-align: center; }
.promptbox { z-index: 34; }
.prompttable { border: 0 none; border-collapse: collapse; }
.prompttable td { border: 0 none; border-collapse: collapse; text-align: center; vertical-align: top; padding: 2px 3px; color: #000000; font-size: 15px; afont-weight: bold; padding: 5px 10px; margin: auto; }
.promptbutton { font-size: 13px; font-weight: bold; padding: 2px; border: 2px solid #777777; color: #ffffff; cursor: pointer; margin: auto; }
.promptshadow {
-webkit-box-shadow: -4px 4px 2px #000;
-khtml-box-shadow: -4px 4px 2px #000;
-moz-box-shadow: -4px 4px 2px #000;
box-shadow: -4px 4px 2px #000;
}
.gboxholder { width: 95%; margin: 10px; border: 1px solid #ccc;
-webkit-border-radius: 7px 7px;
-khtml-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px;
}
.gboxholder10 { width: 100px; margin: 10px; }
.gboxholder20 { width: 200px; margin: 10px; }
.gboxholder25 { width: 250px; margin: 10px; }
.gboxholder30 { width: 300px; margin: 10px; }
.gboxholder40 { width: 400px; margin: 10px; }
/* item box table */
.glargetable { width: 100%; margin: auto; }
.glargetable tr { vertical-align: top; }
.glargetable td { width: 50%; }
/* selectors and buttons in item boxes */
.gselector1, .gselector2 { color: #222; border: 1px groove #666666; aline-height: 30px; height: 30px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.gselector1 { font-size: 14px; line-height: 14px; width: 150px; padding: 2px 10px; }
.gselector2 { font-size: 13px; line-height: 13px; width: 120px; padding: 0 7px; }
.gboxholder { border: 1px solid #aaa; }
.gboxtop, .gboxtop2 { aborder: 2px solid #dddddd; font-size: 16px; font-weight: bold; padding: 6px 6px 6px 8px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.gboxbottom { padding: 15px; font-size: 13px; }
.gboxbottom2 { padding: 5px; font-size: 13px; }
.gboxthumb { border: 0 none; float: right; border-collapse: collapse; margin: 2px 5px 0 5px; }
.undelete_removed { max-height: 400px; opacity: 1; transition: max-height 0.35s ease, opacity 0.5s; overflow:hidden; position:relative; }
.undelete_removed_collapse { max-height: 0px; opacity: 0; }
.partdiv1 { width: 140px; float: left; margin-right: 15px; margin-bottom: 3px; }
.partdiv2 { padding: 5px; margin: auto; width: 95%;}
/*
.partimage { max-width: 150px; margin: auto; }
.partform { margin: 0; }
.parttable { width: 100%; border: 2px solid #72bf86; border: 1px solid #aaaaaa; aborder-collapse: collapse; margin: 15px 0; }
.parttabletitle { font-size: 14px; text-align: center; }
.parttable td { border: 1px solid #aaaaaa; background-color: #d6dcc8; color: #222; height: 40px; padding: 4px 4px; aheight: 35px; font-family: arial; font-size: 13px; text-align: center; vertical-align: middle; }
.parttable td:hover { background-color: #cdc; }
.aparttablebutton { border: inherit; text-align: left; width: 100%; border-collapse: collapse; background-color: inherit; padding: inherit; margin: inherit; font-size: inherit; font-family: inherit; cursor: pointer; }
.aparttablebutton { aborder: 0 none; text-align: left; width: 100%; border-collapse: collapse; padding: inherit; margin: inherit; font-size: inherit; font-family: inherit; cursor: pointer; display: block; width: 100%; height: 100%; }
.partname1 { font-size: 13px; font-weight: bold; color: #922; }
.partname2 { font-size: 13px; }
.partcelldiv, .partcelldivhi { min-height: 50px; line-height: 50px; border: 1px solid #aaaaaa; color: #222; text-align: center; vertical-align: middle; position: relative; }
.partcelldiv { background-color: #d6dcc8; }
.partcelldiv:hover, .partcelldivhi { background-color: #b6dca8; background-color: #eee; }
.partverticalspan { display: inline-block; vertical-align: middle; line-height: 15px; }
.partwholelinkspan { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1;}
.partlisthead { height: 30px; font-size: 15px; line-height: 30px; font-weight: bold; background-color: #e1be82; color: #222; border: 1px solid #aaa; text-align: center; vertical-align: middle; }
*/
/* trantext full system */
.transwapdiv { width: 95%; border: 1px solid #ddd; border: 0 none !important; padding: 10px 20px; margin: auto; display: none; }
.tranimagel { margin: 5px 10px 5px 0; float: left; }
.tranimager { margin: 5px 0 10px 5px; float: right; }
.trantitletable { width: 100%; border: 0 none; margin: auto; }
.trantitletable td { vertical-align: bottom; }
.trantitletext { font-size: 20px; font-weight: bold; }
.trantdesctext { font-size: 16px; padding: 5px }
.imageborderdiv1 { padding: 0; border: 0 none; color: inherit; margin-right: 4px; margin-top: 4px; line-height: 0; }
.imageborderdiv2 { position: relative; bottom: 4px; left: 4px; color: inherit; }
.tranlangbutton { font-size: 16px; border: 1px solid #722; color: #eee; width: 150px; cursor: pointer; padding: 3px 6px; margin: 2px 2px 2px 2px; }
.tranlangbutton:active { margin: 3px 3px 1px 1px; }
.intertranvocabtable { width: 100%; border: 0 none !important; border-collapse: collapse; font-size: 13px; }
.intertranvocabtable td { border: 1px solid #dddddd !important; border-width: 1px 0 0 0 !important; border-collapse: collapse; padding: 2px 5px; }
.intertranvocabtablehead { font-weight: bold; padding: 2px 4px; }
.textnowrap { white-space: nowrap; }
.gsubmitbutton1, .sitebutton1, .sitebutton2, .sitebutton3, .sitebutton4, .filebutton {
border: 1px solid #df8800;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 2px #333333, 1px 1px 1px #daf70 inset;
color: #fff;
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 2px 4px;
text-decoration: none;
text-shadow: 1px -1px 1px #aaa;
cursor: pointer;
white-space: nowrap;
font: 600 1.4rem OpenSans,sans-serif;
}
.rateitbutton1 {
border: 1px solid #a1a166;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 2px #333333, 1px 1px 1px #daf70 inset;
color: #242;
display: inline-block;
text-align: center;
vertical-align: top;
padding: 1px 4px;
text-decoration: none;
text-shadow: 1px -1px 1px #aaa;
cursor: pointer;
font: 600 14px OpenSans,sans-serif;
white-space: nowrap;
font-size: 11px;
}
.langlistlink { font-size: 12px; color: #5588dd; font-weight: bold; }
.gsubmitbutton1:hover, .sitebutton1:hover, .sitebutton2:hover, .sitebutton3:hover, .sitebutton4:hover, .filebutton:hover { text-shadow: 1px 1px 4px #333; }
.column_button1 { color: #222; font-size: 14px; height: auto; font-weight: bold; text-align: left; padding: 8px 8px;
border-top-left-radius: 7px 7px;
-webkit-border-radius: 7px 7px;
-khtml-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px;
}
.enlarge_icon { text-decoration: none; display: block; margin: 0 3px 3px 0; opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.enlarge_icon:hover { opacity: .9;
-webkit-transform: scale(1.05,1.07);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.05,1.07);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
position: relative;
z-index: 99;
}
.previewtext_hiddentext { display: none; }
.previewtext_pretext { display: none; }
.previewtext_paperback { color: #333; font-size: 26px; overflow-x: hidden; overflow-y: hidden; padding: 5px; border: 4px double #222;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
-khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75) ;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75) ;
}
.previewtext_paperback_inner { color: #333; font-size: 16px; overflow-x: hidden; overflow-y: auto; max-height: 85%; padding: 8px; }
.previewtext_paperback, .previewtext_paperback_inner {
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.pageerrormessagebox { margin: auto; font-size: 16px; width: 75%; text-align: center; padding: 7px 10px; border: 3px ridge #eeaaaa; border: 3px solid #2299BB; margin-bottom: 10px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.ribbon_right, .ribbon_left { position: absolute; z-index: 1; overflow: hidden; text-overflow: hidden; white-space: nowrap; width: 75px; height: 75px; max-height: 75px; text-shadow: 0 0 5px #222 }
.ribbon_right { right: -5px; top: -5px; text-align: right; }
.ribbon_left { left: -5px; top: -5px; text-align: left; }
.ribbon_right span, .ribbon_left span { font-size: 10px; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 20px; overflow: hidden; text-overflow: hidden; width: 100px; display: block; background: #79A70A; background: linear-gradient(#9BC90D 0%, #79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; }
.ribbon_right span { transform: rotate(45deg); -webkit-transform: rotate(45deg); /* Needed for Safari */ top: 19px; right: -21px; }
.ribbon_left span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); /* Needed for Safari */ top: 19px; left: -21px; }
.ribbon_right span::before, .ribbon_left span::before { content: ''; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #79A70A; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #79A70A; }
.ribbon_right span::after, .ribbon_left span::after { content: ''; position: absolute; right: 0%; top: 100%; z-index: -1; border-right: 3px solid #79A70A; border-left: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #79A70A; }
.red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
.red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
.red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}
.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}
.blue span {background: linear-gradient(#29d889 0%, #1e9957 100%);}
.blue span::before {border-left-color: #1e9957; border-top-color: #1e9957;}
.blue span::after {border-right-color: #1e9957; border-top-color: #1e9957;}
.gold span {background: linear-gradient(#e4bF47 0%, #c49F27 100%);}
.gold span::before {border-left-color: #e4bF47; border-top-color: #c49F27;}
.gold span::after {border-right-color: #e4bF47; border-top-color: #c49F27;}
/******* Cool Tool Tips *******************/
.cttholder { position:relative; }
.cooltooltip, .cooltooltip2, .cooltooltip3, .cooltooltip4 { color: #000; border: 1px solid #999; padding: 4px 6px; font-size: 12px; font-family: arial; opacity:0; visibility: hidden; position:absolute; z-index: 101; font-weight: normal; text-shadow: none; white-space: pre-line;
-webkit-border-radius: 4px 4px;
-khtml-border-radius: 4px 4px;
-moz-border-radius: 4px 4px;
border-radius: 4px 4px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
-khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) ;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cooltooltip { bottom: 120%; left: -10px; }
.cooltooltip2 { top: 120%; left: -10px; }
.cooltooltip3 { top: 20%; left: 110%; }
.cooltooltip4 { top: 20%; right: 110%; }
.cooltooltip:after, .cooltooltip:before { content: ' '; height: 0; position: absolute; width: 0; border: solid transparent; top: 100%; }
.cooltooltip:after { border-width: 6px; border-top-color: #ee8; left: 20px; }
.cooltooltip:before { border-width: 8px; border-top-color: #999; left: 18px; }
.cooltooltip2:after, .cooltooltip2:before { content: ' '; height: 0; position: absolute; width: 0; border: solid transparent; bottom: 100%; }
.cooltooltip2:after { border-width: 6px; border-bottom-color: #ee8; left: 20px; }
.cooltooltip2:before { border-width: 8px; border-bottom-color: #999; left: 18px; }
.cooltooltip3:after, .cooltooltip3:before { content: ' '; height: 0; position: absolute; width: 0; border: solid transparent; }
.cooltooltip3:after { border-width: 6px; border-right-color: #ee8; left: -12px; top: 4px;}
.cooltooltip3:before { border-width: 6px; border-right-color: #999; left: -13px; top: 4px;}
.cooltooltip4:after, .cooltooltip4:before { content: ' '; height: 0; position: absolute; width: 0; border: solid transparent; }
.cooltooltip4:after { border-width: 6px; border-left-color: #ee8; right: -12px; top: 4px;}
.cooltooltip4:before { border-width: 6px; border-left-color: #999; right: -13px; top: 4px;}
.cttholder:hover .cooltooltip, .cttholder:hover .cooltooltip2, .cttholder:hover .cooltooltip3, .cttholder:hover .cooltooltip4 { opacity:1 !important; visibility:visible; }
.flagimageholder_lg, .flagimageimg_lg { width: 200px; height: 133px; }
.flagimageholder_lg, .flagimageholder_sm, .flagimageholder_tn { position: relative; }
.flagimageimg_lg { position: absolute; left: 0; top: 0; border: 3px solid #225599; }
.flagimageholder_lg, .flagimageimg_lg {
-webkit-border-radius: 15px 15px;
-khtml-border-radius: 15px 15px;
-moz-border-radius: 15px 15px;
border-radius: 15px 15px;
}
.flagimagetextback_lg { width: 200px; height: 25px; left: 3px; top: 112px;
-webkit-border-bottom-right-radius: 15px 15px;
-webkit-border-bottom-left-radius: 15px 15px;
-khtml-border-radius-bottomright: 15px 15px;
-khtml-border-radius-bottomleft: 15px 15px;
-moz-border-radius-bottomright: 15px 15px;
-moz-border-radius-bottomleft: 15px 15px;
border-bottom-right-radius: 15px 15px;
border-bottom-left-radius: 15px 15px;
}
.flagimageholder_sm, .flagimageimg_sm { width: 100px; height: 63px; }
.flagimageimg_sm { position: absolute; left: 0; top: 0; border: 2px solid #225599;
-webkit-border-radius: 7px 7px;
-khtml-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px;
}
.flagimagetextback_sm { width: 100px; height: 20px; left: 2px; top: 46px;
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 7px 7px;
}
.flagimageholder_tn, .flagimageimg_tn { width: 45px; height: 30px; }
.flagimageimg_tn { position: absolute; left: 0; top: 0; border: 1px solid #225599;
-webkit-border-radius: 3px 3px;
-khtml-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
border-radius: 3px 3px;
}
.flagimagetextback_tn { width: 45px; height: 10px; left: 1px; top: 21px;
-webkit-border-bottom-right-radius: 3px 3px;
-webkit-border-bottom-left-radius: 3px 3px;
-khtml-border-radius-bottomright: 3px 3px;
-khtml-border-radius-bottomleft: 3px 3px;
-moz-border-radius-bottomright: 3px 3px;
-moz-border-radius-bottomleft: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-bottom-left-radius: 3px 3px;
}
.flagimagetextback_lg, .flagimagetextback_sm, .flagimagetextback_tn { position: absolute; opacity: 0.5; }
.flagimagetext_lg, .flagimagetext_sm, .flagimagetext_tn { color: #ee0; position: absolute; right: 0; bottom: 0; line-height: 100%; }
.flagimagetext_lg { font-size: 20px; }
.flagimagetext_sm { font-size: 13px; }
.flagimagetext_tn { font-size: 6px; }
.dialog_box_holder { position: absolute; z-index: 50; left: 0; top: 0; border: 1px solid #999; visibility: hidden;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 7px 7px;
-khtml-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px;
}
.dialog_box_top { color: #222; text-shadow: 1px 1px 0 #aaa; font-size: 15px; padding: 5px 10px; font-weight: bold;
-webkit-border-top-right-radius: 7px 7px;
-webkit-border-top-left-radius: 7px 7px;
-khtml-border-radius-topright: 7px 7px;
-khtml-border-radius-topleft: 7px 7px;
-moz-border-radius-topright: 7px 7px;
-moz-border-radius-topleft: 7px 7px;
border-top-right-radius: 7px 7px;
border-top-left-radius: 7px 7px;
}
.dialog_box_bottom { padding: 5px 10px;
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 7px 7px;
}
.dialog_box_table { width: 100%; border: 0;
-webkit-border-bottom-right-radius: 7px 7px;
-webkit-border-bottom-left-radius: 7px 7px;
-khtml-border-radius-bottomright: 7px 7px;
-khtml-border-radius-bottomleft: 7px 7px;
-moz-border-radius-bottomright: 7px 7px;
-moz-border-radius-bottomleft: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 7px 7px;
}
.dialog_box_table td { padding: 2px; vertical-align: top; }
.dialog_box_table_field { font-weight: bold; font-size: 13px; }
.dialog_box_table_text { font-size: 13px; }
.dialog_box_table_helptext { font-size: 12px; }
.dialog_box_button {
border: 1px solid #df8800;
border-radius: 25px 25px 25px 25px;
box-shadow: 0 1px 2px #333333, 1px 1px 1px #dFaf70 inset;
color: #fff;
display: inline-block;
font: 600 13px OpenSans,sans-serif;
padding: 2px 6px;
text-decoration: none;
text-shadow: 1px 2px 5px #333;
cursor: pointer;
}
.dialog_box_button:hover {
background: -moz-linear-gradient(center top , #eebf36 0%, #eebf36 10%, #efaf10 21%, #ed9810) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, colorstop(0%, #eebf36), colorstop(10%, #eebf36), colorstop(21%, #efaf10), colorstop(100%, #ed9810));
background: -webkit-linear-gradient(top , #eebf36 0%, #eebf36 10%, #efaf10 21%, #ed9810 100%);
background: -ms-linear-gradient(center top , #eebf36 0%, #eebf36 10%, #efaf10 21%, #ed9810 100%);
background: -o-linear-gradient(center top , #eebf36 0%, #eebf36 10%, #efaf10 21%, #ed9810 100%);
text-shadow: 5px 5px 7px #333;
}
.dialog_table_button_table { width: 100%; margin: 0; }
.dialog_table_button_table td { text-align: center; vertical-align: top; }
.dialog_box_exit { font-family: arial; font-size: 18px; font-weight: bold; color: #600; float: right; margin-right: 5px; width: 22px; height: 22px; background: url(/images/graphics/close_icon.png) no-repeat center center; cursor: pointer; }
.adminneedsdiv { width: 600px; border: 1px double #333333; background-color: #f1feda; color: #000000; font-size: 15px; text-align:center; margin: auto; margin-bottom: 10px; }
.adminneedstitle { background-color: #7a3a35; color: #ffffff; font-size: 16px; font-weight: bold; padding: 3px; text-align: center; }
.adminneedsdiv2 { padding: 5px 8px; text-align: left; }
.adminneedslink, a.adminneedslink:link, a.adminneedslink:active, a.adminneedslink:visited, a.adminneedslink:hover { color: #000000; }
.parl_pagination_table { display: table; }
.parl_pagination_table .Cell { font-size: 13px !important; apadding: 1px 1px !important; vertical-align: middle !important; }
.parl_pagination1 { cursor: pointer; border: 0 none !important; padding: 2px 2px !important; }
.parl_pagination2 { cursor: pointer; border: 1px solid #222 !important; padding: 2px 2px !important; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.parl_instrdiv { width: 98%; padding: 5px auto; font-size: 15px; margin: 5px auto; }
.parl_instrdiv_head { width: 98%; padding: 5px auto; font-size: 17px; font-weight: bold; margin: 5px auto 10px auto; text-align: center; }
.race_badge { text-align: center; width: 4.0vw; height: 4.0vw; max-width: 40px; max-height: 40px; line-height: 2.0rem; font-size: 2.0rem; font-weight: bold; color: #fff; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); display: inline-block;
border: 5px outset #aac;
-webkit-border-top-right-radius: 0.7vw;
-webkit-border-top-left-radius: 0.7vw;
-khtml-border-radius-topright: 0.7vw;
-khtml-border-radius-topleft: 0.7vw;
-moz-border-radius-topright: 0.7vw;
-moz-border-radius-topleft: 0.7vw;
border-top-right-radius: 0.7vw;
border-top-left-radius: 0.7vw;
-webkit-border-bottom-right-radius: 5.7vw;
-webkit-border-bottom-left-radius: 5.7vw;
-khtml-border-radius-bottomright: 5.7vw;
-khtml-border-radius-bottomleft: 5.7vw;
-moz-border-radius-bottomright: 5.7vw;
-moz-border-radius-bottomleft: 5.7vw;
border-bottom-right-radius: 5.7vw;
border-bottom-left-radius: 5.7vw;
}
.race_badge_small { text-align: center; width: 2.5vw; height: 2.5vw; max-width: 25px; max-height: 25px; line-height: 2.5vw; font-size: 1.3rem; font-weight: bold; color: #fff; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); display: inline-block;
border: 2px outset #aac;
-webkit-border-top-right-radius: 0.7vw;
-webkit-border-top-left-radius: 0.7vw;
-khtml-border-radius-topright: 0.7vw;
-khtml-border-radius-topleft: 0.7vw;
-moz-border-radius-topright: 0.7vw;
-moz-border-radius-topleft: 0.7vw;
border-top-right-radius: 0.7vw;
border-top-left-radius: 0.7vw;
-webkit-border-bottom-right-radius: 5.7vw;
-webkit-border-bottom-left-radius: 5.7vw;
-khtml-border-radius-bottomright: 5.7vw;
-khtml-border-radius-bottomleft: 5.7vw;
-moz-border-radius-bottomright: 5.7vw;
-moz-border-radius-bottomleft: 5.7vw;
border-bottom-right-radius: 5.7vw;
border-bottom-left-radius: 5.7vw;
}
.runner_profile_progress_table { width: 100%; }
.runner_profile_progress_table .c1 { font-size: 1.6rem; font-weight: bold; vertical-align: top; }
.runner_profile_progress_subtable { width: 17vw; margin-top: 0.5vw; }
.runner_profile_progress_subtable .c1 { font-size: 1.6rem; font-weight: bold; }
.runner_profile_progress_subtable .c2 { font-size: 1.6rem; font-weight: bold; color: #aa7500; text-align: right; }
.racelist_button_holder { text-align: center; margin: auto; font-size: 1.6rem; font-weight: bold; }
.racelist_button_login { margin: 0.5vw auto; white-space: nowrap; text-align: center; display: inline-block; font-size: 1.7rem; width: 20vw; amax-width: 200px; padding: 0.3vw 0.6vw; font-weight: bold; color: #eee; background-color: #4444cc; background: linear-gradient(#2424ac 0%, #6464ec 50%, #2424ac 100%); }
.racelist_button_register { margin: 0.5vw auto; white-space: nowrap; text-align: center; display: inline-block; font-size: 1.7rem; width: 20vw; amax-width: 200px; padding: 0.3vw 0.6vw; font-weight: bold; color: #eee; background-color: #cc44cc; background: linear-gradient(#ac24ac 0%, #ec64ec 50%, #ac24ac 100%); }
.racelist_button_join { margin: 0.5vw auto; white-space: nowrap; text-align: center; display: inline-block; font-size: 1.7rem; width: 20vw; amax-width: 100%; padding: 0.3vw 0.6vw; font-weight: bold; color: #eee; background-color: #222299; background: linear-gradient(#020279 0%, #4242b9 50%, #020279 100%); }
.racelist_button_profile { margin: 0.5vw auto; white-space: nowrap; text-align: center; display: inline-block; font-size: 1.7rem; width: 20vw; max-width: 200px; min-width: 100px; padding: 0.3vw 0.6vw; font-weight: bold; color: #eee; }
.racelist_button_closed { margin: 0.5vw auto; white-space: nowrap; text-align: center; display: inline-block; font-size: 1.9rem; width: 40vw; amax-width: 400px; padding: 0.5vw 1.0vw; font-weight: bold; color: #eee; background-color: #ff2222; background: linear-gradient(#df0202 0%, #ff4242 50%, #df0202 100%); }
.race_trophey_case { width: 46%; border: 3px outset #e88; display: inline-block; padding: 0.3vw; margin: 0.2vw;
-webkit-border-radius: 1.5vw;
-khtml-border-radius: 1.5vw;
-moz-border-radius: 1.5vw;
border-radius: 1.5vw;
}
.race_trophey_case img { height: 5.0vw; max-height: 50px; }
.race_trophey_case .c1 { width: 5.0vw; max-width: 50px; display: table-cell; }
.race_trophey_case .c2 { vertical-align: middle; text-align: center; width: 95%; display: table-cell; }
.race_trophey_case .s1 { font-size: 1.6vmax; font-weight: bold; color: #229; }
.race_trophey_case .s2 { font-size: 1.6vmax; font-weight: bold; color: #922; }
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container_half {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-container_half iframe {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 50%;
}
/*********** Sections Horizontal Navbar ***************/
.sectionnavmenu, .sectionnavmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
.sectionnavmenu {
width: 960px;
margin: 10px auto;
border: 1px solid #222;
border-radius: 6px;
box-shadow: 0 1px 1px #777;
}
.sectionnavmenu:before,
.sectionnavmenu:after {
content: "";
display: table;
}
.sectionnavmenu:after {
clear: both;
}
.sectionnavmenu {
zoom:1;
}
.sectionnavmenu li {
float: left;
border-right: 1px solid #222;
box-shadow: 1px 0 0 #444;
position: relative;
}
.sectionnavmenu a {
float: left;
padding: 12px 30px;
color: #bbb;
text-transform: uppercase;
font: bold 14px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
.sectionnavmenu li:hover > a {
color: #fafafa;
}
*html .sectionnavmenu li a:hover { /* IE6 only */
color: #fafafa;
}
.sectionnavmenu ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 1;
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
border-radius: 3px;
transition: all .2s ease-in-out;
}
.sectionnavmenu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
.sectionnavmenu ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
.sectionnavmenu ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
.sectionnavmenu ul li:last-child {
box-shadow: none;
}
.sectionnavmenu ul a {
padding: 10px;
width: 150px;
_height: 10px; /*IE6 only*/
display: block;
awhite-space: nowrap;
float: none;
text-transform: none;
}
.sectionnavmenu ul li:first-child > a {
border-radius: 3px 3px 0 0;
}
.sectionnavmenu ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #444;
}
.sectionnavmenu ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #3b3b3b;
}
.sectionnavmenu ul li:first-child a:hover:after {
border-bottom-color: #04acec;
}
.sectionnavmenu ul ul li:first-child a:hover:after {
border-right-color: #0299d3;
border-bottom-color: transparent;
}
.sectionnavmenu ul li:last-child > a {
border-radius: 0 0 3px 3px;
}
.weatherbox { border: 1px solid #666666; padding: 0px; border-left-width: 2px; border-bottom-width: 2px; margin-bottom: 2px; }
.weathertab { border: 0 none; border-collapse: collapse; width: 100%; }
.weathertab td { vertical-align: top; text-align: center; font-size: 13px; font-weight: bold; font-family: arial, verdana;}
.weathertabsplit { border: 1px solid #cccccc; border-width: 0 0 0 1px; }
/* dialogue boxes */
.dialoguebox { font-size: 14px; border: 3px solid; border-width: 3px 3px 3px 3px; color: #ffffee; padding: 5px 10px; line-height: 150%; }
.dialoguectrlbox { padding: 0 3px; text-align: center; vertical-align: bottom; padding: 5px;}
.dialoguebutton { font-size: 13px; height: 25px; border: 1px solid; color: #5283c0; }
.dialogueparcolor, .dialoguectrlbox { background-color: #dd9977;}
.diatop, .diabottom { display:block; }
.diatop *, .diabottom * { display: block; height: 1px; overflow: hidden; font-size: 0; }
.dia1, .dia2, .dia3, .dia4, .diabox1, .diabox2 { border-width: 0 1px 0 1px; border-style: solid; border-color: #dddddd; }
.dia1 { margin: 0 5px; }
.dia2 { margin: 0 3px; }
.dia3 { margin: 0 2px; }
.dia4 { margin: 0 1px; height: 2px; }
.diabox1 { border-width: 0 4px; color: #eeeeee; font-size: 17px; padding: 2px 5px; }
.diabox2 { border-width: 0 4px; color: #000000; }
.diatable { width: 95%; border-collapse: collapse; padding: 0; margin: auto; margin-bottom: 15px; }
.diatable td { border-collapse: collapse; padding: 0;}
/*********** Virtual Keyboard **************/
.virtkeyholder { width: 400px;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.65);
-khtml-box-shadow: 0px 0px 15px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.65);
box-shadow: 0px 0px 15px rgba(0,0,0,0.65);
}
.virtkeyholder, .virtkeytop , .virtkeypadtable {
-webkit-border-radius: 0.7vw;
-khtml-border-radius: 0.7vw;
-moz-border-radius: 0.7vw;
border-radius: 0.7vw;
}
.virtkeytop { color: #eee; vertical-align: middle; line-height: 100%; padding: 7px 10px 4px 10px; font-size: 15px; font-weight: bold; cursor: move; }
.virtkeypadtable { border: 1px solid #dddddd; margin: 1px auto 5px auto; width: 100%; }
.virtkeypadtable tr { vertical-align: middle; }
.virtkeypadtable select { width: 300px; }
.virtkeypaddiv { width: 390px; height: 120px; border: 1px solid #dddddd; text-align: center; }
.virtkeybutdiv { width: 390px; height: 30px; border: 0 none; text-align: center; }
.virtkeybutton { font-size: 14px; width: 2.0em; cursor: pointer; }
.virtkeypadbutset { font-size: 14px; width: 75px; cursor: pointer; }
.star_none { float: left; cursor: pointer; background:url(/images/graphics/delete.png) no-repeat; width: 16px; height: 16px; }
.star_rate { display: inline-block; }
.star_rate .on{ cursor: pointer; background:url(/images/graphics/rating_on.png) no-repeat;}
.star_rate a{ float: left; cursor: pointer; background:url(/images/graphics/rating_off.png) no-repeat; width: 16px; height: 16px; }
.css_rating { overflow: hidden; display: inline-block; }
.css_rating-input, .css_rating-input-null { float: right; width: 16px; height: 16px; padding: 0; margin: 0 0 0 -16px; opacity: 0; }
.css_rating:hover .css_rating-star:hover, .css_rating:hover .css_rating-star:hover ~ .css_rating-star, .css_rating-input:checked ~ .css_rating-star { background-position: 0 0; }
.css_rating-star, .css_rating:hover .css_rating-star { position: relative; float: right; display: block; width: 16px; height: 16px; background: url(/images/graphics/rstar.png) 0 -16px; }
.css_rating-null { position: relative; float: right; display: block; width: 16px; height: 16px; background: url(/images/graphics/delete.png) 0 0; }
/***************** Sound Player *****************/
.soundplayer_box { width: 200px; padding: 3px 8px; border: 1px outset #222; position: relative; }
.soundplayer_table { width: 100%; border: 0 none; border-collapse: collapse !important; }
.soundplayer_table td { vertical-align: middle !important; text-align: center !important; padding: 1px 3px !important; border: 0 none !important; border-collapse: collapse !important; }
.soundplayer_button_cell { width: 35px; text-align: center; }
.soundplayer_track_holder { height: 16px; position: relative; cursor: pointer; }
.soundplayer_track_bar { height:16px; width: 0; }
.soundplayer_time_cell { width: 30px; }
.soundplayer_time_div { font-size: 13px; color: #eee; }
.soundplayer_volume_holder { height: 12px; position: relative !important; cursor: pointer; }
.soundplayer_volume_bar { height: 12px; width: 100%; position: absolute !important;}
.soundplayer_box, .soundplayer_volume_holder, .soundplayer_volume_bar {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.soundplayer_box, .soundplayer_track_bar, .soundplayer_volume_bar {
background-image: -moz-linear-gradient(to bottom, rgba(255,255,255,0.125) 5%, rgba(255,255,255,0.125) 45%, rgba(255,255,255,0.15) 52%, rgba(0,0,0,0.01) 51%, rgba(0,0,0,0.1) 95%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.125) 5%, rgba(255,255,255,0.125) 45%, rgba(255,255,255,0.15) 50%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.1) 95%);
}
.soundplayer_volume_knob { height: 16px; width: 4px; position: absolute !important; top: -2px !important; right: 0 !important;
border: 1px outset #444;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/****** Popup Moving Boxes ***********/
.ddholder { font-size: 13px; width: 400px; position: absolute; top: 0; left: 0; z-index: 50; display: none; visibility: hidden; }
.ddholder table { }
.ddtop { width: 100%; border: 0 none; padding: 0; color: #222; margin: 0; cursor: move; }
.ddtop_table { width: 98%; margin: auto; border-collapse: collapse; border: 0 none; table-layout:fixed;}
.ddtop_table td { white-space:nowrap; padding: 2px; }
.ddtop_tablecell { vertical-align: top; }
.ddtoptext { font-size: 15px; font-weight: bold; line-height: 100%; vertical-align: middle; }
.ddtoptext img { vertical-align: middle; }
.ddbox { width: 100%; overflow: hidden; font-size: 16px; border: 0 none; }
.abrcholder { padding: 5px 0;
-webkit-border-radius: 7px 7px;
-khtml-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px;
-webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5) ;
-khtml-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5) ;
-moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.9) ;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.9) ;
}
.abrcbox2 { height: 150px; padding: 5px 10px; margin: 0; border-style: solid; border-color: #c1c186; border-width: 0 2px 0 2px; display: block; position: relative; font-size:12px; }
.abrcbox2 p { margin: 0.5em; }
/****** Grammar details *******/
.prontable { border: 1px solid; border-collapse: collapse; font-size: 13px; }
.prontable td { border: 1px solid; padding: 2px 5px 2px 5px; white-space: nowrap; }
.prontable tr { vertical-align: top; }
.prontablehead { font-weight: bold; }
.pronsampdiv { display: none; position: absolute; top: -0.5em; z-index: 21; }
.pronsampbut { width: 2.0em; float: right; position: relative; }
.pronipa { width: 2.0em; float: left; position: relative; }
.pronipadiv { display: none; position: absolute; top: -0.35em; left: 3px; z-index: 21; border: 1px solid #dddddd; padding: 3px 5px; }
.pronletters { font-weight: bold; }
.pronletname { font-style: italic; }
.pronsampa {}
.pronipa {}
.pronenglish {}
.pronword {}
.pronletter { font-weight: bold; }
.pronletter2 { font-weight: bold; }
.sampleword { }
.sampleletter { font-weight: bold; color: #880000;}
.sampletable { border: 0 none; border-collapse: collapse; width: 100%; font-size: 13px;}
.sampletable td { border: 0 none; padding: 0; }
.notes { border: 1px solid #c1c186; padding: 0.5em; }
.notes ul { margin: 0.15em 0 0.25em 0; }
.reftable { font-size: 13px; border: 1px solid #555555; border-collapse: collapse; font-size: inherit; }
.reftable td { border: 1px solid #555555; border-collapse: collapse; white-space: nowrap; padding: 1px 0.5em 1px 0.5em; font-size: inherit; }
.noborders { border: 0 none; }
.noborders td { border: 0 none; }
.indentblock { margin-left: 1.0em; }
.indenttable { margin-left: 1.0em; width: 50%; }
.nobm { margin-bottom: 0.2em; }
.headback { font-weight: bold; }
ul.clockul { margin-left: 0; padding-left: 1em; text-indent: -1em; list-style-type: none; list-style-image: none; list-style-position: outside; }
li.clockli { margin-bottom: 1.0em; }
.note_example { font-family: "Trebuchet MS"; font-weight: 600; margin-left: 1.0em; }
/* animated banners */
.banner_holdingdiv { border: 0 none; position: relative; z-index: 1; }
.banner_textbackground { position: absolute; z-index: 3; opacity: .50; filter:alpha(opacity=50); }
.banner_texttable { position: absolute; z-index: 4; padding: 0; right: 5px; bottom: 5px; border-collapse: collapse; border: 0 none; }
.banner_texttable td { }
.banner_text { font-size: 25px; color: #ee9988; font-weight: bold; line-height: 80%;
text-shadow: -5px 5px 5px #000;
}
.banner_text2 { font-size: 25px; color: #000000; font-weight: bold; line-height: 80%; opacity: .85; filter:alpha(opacity=85); }
.banner_picdiv { border: 0 none; position: absolute; z-index: 2; overflow: hidden; }
.banner_pic { width: 150%; height: 150%; }
.banner_holdingdiv, .banner_picdiv { width: 900px; height: 150px; }
/* intertrantext */
.intertrandiv1v, .intertrandiv1h { }
.intertrandiv1v { display: block; margin-bottom: 10px; }
.intertrandiv1h { display: none; margin-bottom: 10px; }
.intertrantext1a { }
.intertrantext1b { color: #0000ee; }
.intertrantext1a, .intertrantext1b { cursor: pointer; font-size: 17px; line-height: 130%; }
.intertranstextpoptext { padding: 10px; font-size: 16px; line-height: 120%; }
.intertrandualtable td { padding-bottom: 10px; }
.readingtitleintext { font-weight: bold; font-size: 120%; color: #005; }
.reading_quiz_icon_box { text-align: center; vertical-align: bottom; }
.reading_quiz_table { width: 550px; margin: auto; border: 1px #dddddd solid; }
.reading_quiz_table td { border: 1px #bbbbbb solid; border-width: 1px 0 0 0; padding: 4px 10px; vertical-align: top; }
.reading_quiz_instructions { font-size: 14px; line-height: 110%; padding: 3px 5px; }
.reading_quiz_statement { font-size: 14px; line-height: 110%; }
.reading_quiz_icon_box { text-align: center; }
.reading_quiz_icon_div { padding: 0; }
.reading_quiz_result_box { text-align: center; width: 100%; color: #ee0000; font-size: 16px; }
.parl_intro_image, .parl_intro_imageholder, .parl_intro_imagediv1, .parl_intro_imagediv2 { width: 800px; height: 334px; }
.parl_intro_imageholder { position: relative; margin: auto; }
.parl_intro_imagediv1 { position: absolute; z-index: 1; }
.parl_intro_imagediv2 { position: absolute; z-index: 2; }
.parl_intro_imagediv3 { position: absolute; z-index: 3; background-color: #222; opacity: 0.75; filter: alpha(opacity=75); left: 0; bottom: 0; width: 740px; height: 60px; font-size: 17px; padding: 10px 30px; color: #eee; font-weight: bold; }
.parl_intro_gobar { width: 80%; margin: auto; padding: 8px 10px; color: #eee; background-color: #4a4; font-size: 18px; font-weight: bold; text-align: center; }
.parl_introtable { width: 95%; margin: auto; border: 0 none; border-collapse: collapse; table-layout: fixed; }
.parl_introtable>tbody>tr>td { width: 33%; font-size: 17px; border: 0 none; border-collapse: collapse; padding: 10px 20px; vertical-align: middle; }
.parl_intro_newarea_linkbox { border: 3px solid #ddd; background-color: #efefef; padding: 4px; line-height: 110%; awidth: 130px; text-align: center; margin: auto; font-family: Trebuchet MS; }
.parl_intro_newarea_table { border: 0 none; border-collapse: collapse; padding: 0; }
.parl_intro_newarea_table td { border: 0 none; border-collapse: collapse; padding: 0; }
.parl_intro_newarea_img { border: 0; height: 96px; margin-right: 10px; }
.parl_maintable { width: 98%; margin: auto; border: 3px solid #c5a281; border-spacing: 0; display: table; }
.parl_maintable_noback { width: 100%; border: 1px solid #dedede; border-spacing: 0;}
.parl_maintable_cell { vertical-align: top; border: 1px solid #dedede; border: 3px solid #f1feda; border: 3px solid #f5e2c1; display: table-cell;}
.parl_maintable_innercell1, .parl_maintable_innercell2, .parl_maintable_innercell1fixed { amin-height: 450px; adisplay: table-cell; }
.parl_maintable_innercell1, .parl_maintable_innercell1fixed { padding: 0px; adisplay: table-cell; }
.parl_maintable_innercell2 { padding: 0px; adisplay: table-cell; }
.parl_maintable_inner_padding { padding: 5px 10px; }
.parl_tablenoborders, .parl_tablenoborders100 { border: 0 none !important; padding: 0 !important; border-collapse: collapse !important;}
.parl_tablenoborders td, .parl_tablenoborders100 td { vertical-align: top; border: 0 none !important; padding: 0 !important; border-collapse: collapse !important;}
.parl_tablenoborders100 { width: 100%; }
.parl_newarea_linkbox { border: 3px solid #ddd; padding: 4px; line-height: 110%; awidth: 130px; text-align: center; margin: auto; font-family: Trebuchet MS; }
.parl_newarea_linkbox2 { border: 3px solid #ddd; padding: 14px; line-height: 110%; width: 130px; text-align: center; margin: auto; font-family: Trebuchet MS; }
.parl_newarea_table { border: 0 none; border-collapse: collapse; padding: 0; }
.parl_newarea_table td { border: 0 none; border-collapse: collapse; padding: 0; vertical-align: top; }
.parl_instrdiv1 { width: 95%; padding: 5px 10px; font-size: 1.3rem; margin: auto; }
.parl_instrdiv1_head { width: 95%; padding: 5px 10px; font-size: 1.6rem; margin: auto; }
.parl_instrdiv2 { width: 95%; padding: 5px auto; font-size: 1.3rem; margin: 5px auto; text-align: center; }
.parl_instrdiv2_head { width: 95%; padding: 5px auto; font-size: 1.6rem; font-weight: bold; margin: 5px auto 10px auto; text-align: center; }
.parl_texttitle { font-weight: bold; font-size: 1.9rem; color: #226; }
.parl_texttitle_sm { font-weight: bold; font-size: 1.6rem; color: #226; }
.parl_textsubtitle { font-size: 1.4rem; padding-left: 1.0em; }
.parl_adblock200 { width: 200px; aheight: 200px; margin: 10px auto; aborder: 1px solid #0e0; }
.parl_adblock250 { width: 250px; aheight: 250px; margin: 10px auto; aborder: 1px solid #0e0; }
.parl_adblock300 { width: 300px; aheight: 300px; margin: 10px auto; aborder: 1px solid #0e0; }
.parl_adblocked { padding: 10px 7px; text-align: center; font-size: 1.2rem; border: 1px solid #aaa; }
.parl_adblocked_table { width: 98%; margin: auto; border: 1px solid #aaa; }
.parl_adblocked_table td { padding: 3px 17px; text-align: center; font-size: 1.5rem; border: 0 none; font-weight: bold; vertical-align: top; }
/* vocab pad */
.vocabdiv1 { width: 400px; margin-left: 1.0em; margin-bottom: 1.0em; float: right; }
.vocpadtop { margin: 0 1px 0 2px !important; background: url(/images/graphics/ns2.png) repeat-x !important; height: 20px !important; }
.vocpadtab { width: 100% !important; border: 0 solid #aaa !important; border-width: 0 1px 2px 2px !important; border-collapse: collapse !important; margin: 0 !important;}
.vocpadtab td { width: 50% !important; font-size: 14px !important; vertical-align: top !important; border: 0 solid #dddddd !important; border-width: 0 1px 1px 1px !important; border-collapse: collapse !important; padding: 2px 0 0 5px !important; }
.vocpadtitle { font-weight: bold !important; font-size: 16px !important; }
.vocpadtoggletext { font-size: 1.2rem; }
.vocpadtogglecell { padding: 4px 6px !important; }
.vocpadpos1 { color: #2222ee; }
.vocpadpos2 { color: #2222ee; }
.vocpadtrans1 { font-size: 1.2rem; font-style: italic; }
.vocpadtrans2 { font-size: 1.2rem; font-style: italic; }
/* phrase pad */
.phrasediv1 { width: 500px; margin-left: 1.0em; margin-bottom: 1.0em; float: right; }
.phrasepadtop { margin: 0 1px 0 2px; background: url(/images/graphics/ns2.png) repeat-x; height: 20px; }
.phrasepadtab { width: 100% !important; border: 0 solid #aaaaaa; border-width: 0 1px 2px 2px; border-collapse: collapse; margin: 0;}
.phrasepadtab td { width: 50%; font-size: 14px !important; vertical-align: top; border: 0 solid #dddddd; border-width: 0 1px 1px 1px; border-collapse: collapse; padding: 2px 0 0 5px; }
.phrasepadtitle { font-weight: bold; font-size: 16px; }
.phrasepadtoggletext { font-size: 12px; }
.phrasepadtogglecell { padding: 4px 6px !important; }
.phrasepadtrans1 { font-size: 12px; font-style: italic; display: none; }
.phrasepadtrans2 { font-size: 12px font-style: italic; display: none; }
.sectionimgr { float: right; margin: 3px 0 3px 10px; }
.sectionimgl { float: left; margin: 3px 10px 3px 0; }
.forum_tborder { padding: 1px; border: 1px solid #696969; }
.forum_titlebg { color: black; font-style: normal; background: url(/forum/Themes/theme2/images/titlebg.jpg) #E9F0F6 repeat-x; border-bottom: solid 1px #9BAEBF; border-top: solid 1px #FFFFFF; padding-left: 10px; padding-right: 10px; }
.forum_titlebg { font-weight: bold; color: black; font-style: normal; }
.forum_windowbg { color: #000000; }
.vocpadlinktable { border: 0 none !important; border-collapse: collapse !important; padding: 0 !important;}
.vocpadlinktable td { border: 0 none !important; border-collapse: collapse !important; padding: 0 !important; width: 40px !important; height: 30px !important; text-align: center !important; }
.vocpadlink1 { border: 1px solid #fffff6 !important; padding: 0 !important; margin: 0 !important;}
.vocpadlink2 { border: 1px solid #eeee00 !important; padding: 0 !important; margin: 0 !important;}
.pageerrormessagebox { margin: auto; width: 75%; text-align: center; padding: 10px; border: 3px solid #2299BB; margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #d22; }
.pageerrormessagebox div { display: table-cell; width: 98%; vertical-align: middle; }
.pageerrormessagebox img { vertical-align: middle; float: right; }
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- PLACE SECTION ----------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
.placerightpagediv { width: 800px; float: right; aborder: 1px solid #e00; }
.placeleftpagediv { width: 800px; float: left; aborder: 1px solid #e00; }
.placecenterpagediv { width: 800px; margin: auto; aborder: 1px solid #e00; }
.sourcevocablistdiv { awidth: 300px; height: 350px; border: 1px solid #aaa; overflow-x: hidden; overflow-y: scroll; }
.sourcevocablistbutton { width: 100%; min-height: 25px; padding: 3px 0; margin-bottom: 1px; border: 1px solid #99f; text-align: center; vertical-align: middle; font-size: 16px; color: #eee; text-shadow: 0 0 10px rgba(0, 0, 0, 0.9); font-family: arial; cursor: pointer; }
.grouptitle { width: 100%; min-height: 25px; padding: 3px 0; margin-botttom: 2px; border: 1px solid #99f; text-align: center; vertical-align: middle; font-size: 18px; color: #222; text-shadow: 0 0 10px rgba(240, 240, 240, 0.9); font-family: arial; }
.vocablearnlanguages { font-size: 22px; vertical-align: middle; }
.vocablearnholder { width: 450px; height: 350px; border: 1px solid #060; float: left; margin-right: 10px; }
.vocablearnimagediv1, .vocablearnimagediv2 { text-align: center; aborder: 1px solid #00e; }
.vocablearnimagediv1 { height: 150px; }
.vocablearnimagediv2 { height: 100px; }
.vocablearnworddiv1, .vocablearnworddiv2 { font-size: 22px; color: #222; text-shadow: 0 0 2px #999; text-align: center; vertical-align: middle; aborder: 1px solid #0e0; }
.vocablearnworddiv1 { height: 70px; line-height: 70px; }
.vocablearnworddiv2 { height: 120px; line-height: 120px; }
.vocablearnsourceworddiv { height: 20px; font-size: 14px; font-weight: bold; text-align: center; padding: 2px; }
.vocablearntransdiv { height: 25px; text-align: center; aborder: 1px solid #00e; }
.vocablearnposdiv { height: 25px; text-align: center; aborder: 1px solid #00e; }
.vocablearnphrasediv { aheight: 120px; width: 90%; margin: 30% auto 0 auto; font-size: 22px; color: #222; text-shadow: 0 0 2px #999; text-align: center; vertical-align: middle; aborder: 1px solid #0e0; }
.vocablearncontrolsdiv { height: 50px; text-align: center; text-align: left; padding-left: 5px;}
.vocablearnimagediv1, .vocablearnimagediv2, .vocablearnworddiv1, .vocablearnworddiv2, .vocablearnposdiv, .vocablearntransdiv { width: 100%; }
.vocablearnimage { height: 150px; text-align: center; }
.vocabverticlespan { display: inline-block; vertical-align: middle; }
.icon_bigsettings { width: 32px; height: 32px; background:url(/images/graphics/settingsicon32.png) no-repeat; display: inline-block; }
.icon_vocab_airport { width: 32px; height: 32px; background:url(/images/vocabicons/vocab_airport.png) no-repeat; display: inline-block; }
.placemenu { width: 160px; float: left; aborder: 1px solid #428f56; }
.placemenuitem { width: 150px; padding: 2px 5px; font-size: 13px; border: 2px solid #b2ffc6; color: #222; text-shadow: 0 0 10px rgba(128, 128, 128, 0.5); }
.placemenuitem:hover { background-color: #529f66; }
.place_vidtitlediv { height: 15px; text-align: left; font-weight: bold; font-size: 14px; line-height: 1.place_0em; overflow: hidden; border: 1px solid #cccccc; padding: 2px 10px; }
.place_videobox { width: 530px; height: 423px; }
.place_vidinfodiv { height: 130px; overflow-y: scroll; overflow-x: hidden; text-align: left; border: 1px solid #cccccc; padding: 5px 10px; }
.place_vidlistthumb { width: 90px; height: 70px; border: 0 none; margin: 0; padding: 0; display: block; }
.place_vidlisttimediv { display: block; margin-right: 0px; margin-top: -14px; text-align: right; }
.place_vidlisttimediv span { color:#ffffff; display: inline-block; font-size: 11px; font-weight:bold; height: 14px; line-height: 14px; padding:0 4px; vertical-align:top; }
.place_vidlisttitle { font-size: 12px; font-weight: bold; }
.place_vidlistlang { font-size: 0.7em; }
.place_vidlistcategory { font-size: 0.7em; }
.place_videoareaholder { }
.place_videolistholder { width: 280px; height: 530px; float: left; }
.place_videolistingholder { height: 550px; overflow-x: hidden; overflow-y: scroll; }
.place_videolistdiv { line-height: 90%; margin-bottom: 5px; }
.place_videoimg { width: 90px; float: left; margin-right: 5px; }
.place_videobiginfoholder { margin-left: 290px; }
.place_resultmessagebox { font-size: 15px; padding: 5px 10px; border: 2px groove #ee7777; margin: auto; width: 75%; }
.questionbox { width: 98&; height: 50px; line-height: 50px; padding-left: 20px; margin-botttom: 2px; border: 2px solid #ddaa77; vertical-align: middle; font-size: 20px; color: #222; text-shadow: 0 0 10px rgba(240, 240, 240, 0.9); font-family: arial; margin-bottom: 10px; }
.answerholder { width: 98%; margin-left: 20px; }
.aanswerbutton { width: 45%; height: 50px; line-height: 50px; padding: 3px 5px; margin: 5px 7px; border: 1px solid #99f; text-align: center; vertical-align: middle; font-size: 16px; color: #eee; text-shadow: 0 0 10px rgba(0, 0, 0, 0.9); font-family: arial; cursor: pointer; float: left; }
.answerbutton, .answerbuttonhover { width: 43%; border: 1px solid #aae; margin: 3px 7px; padding: 0 10px; display: inline-block; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; text-align: left; font-family: arial; cursor: pointer;
-webkit-border-radius: 15px 15px;
-khtml-border-radius: 15px 15px;
-moz-border-radius: 15px 15px;
border-radius: 15px 15px;
}
.vocabverticlespan { display: inline-block; vertical-align: middle; line-height: normal; }
.incorrecttextsource {}
.incorrecttexttarget { font-style: italic; }
.resultsimgdiv { height: 25px; width: 30px; display: none; margin: 10px; float: right; }
.resultsbox { width: 650px; height: 60px; border: 1px solid #ddd; font-size: 15px; text-align: center; margin-bottom: 10px; }
.resultsboxtable { margin: auto !important; }
.resultsboxtable td { text-align: left !important; }
.missedwordsdiv { width: 47%; padding: 1px 5px; text-align: left; float: left; }
.quizbuttondivs { width: 47%; text-align: center; display: inline-block; }
.quizbox1, .quizbox2 { width: 95%; min-height: 270px; border: 1px solid #060; padding: 10px; }
.quizbox2 { text-align: center; font-size: 14px; display: none; }
.questionbox, .aanswerbutton, .quizbox1, .quizbox2, .phrasewordbutton, .phrasewordbuttonhover {
-webkit-border-radius: 7px 7px;
-khtml-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px;
}
.questionbox, .aanswerbutton, .aphrasewordbutton {
-webkit-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.3) ;
-khtml-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.3) ;
-moz-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.3) ;
box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.3) ;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.barbox { width: 620px; font-size: 15px; font-weight: bold; margin-bottom: 5px;}
.barholder { width: 550px; height: 15px; border: 1px solid #999; float: right;}
.questionperbar { height: 15px; width: 0px; }
.questionratebar { height: 15px; width: 0px; }
.barholder, .questionperbar, .questionratebar {
-webkit-border-radius: 7px 7px;
-khtml-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px;
}
.phrasewordbutton, .phrasewordbuttonhover { min-width: 10px;
height: 25px;
line-height: 25px;
display: inline-block;
padding: 3px 10px;
margin: 2px 5px;
border: 1px solid #99f;
text-align: center;
vertical-align: middle;
font-size: 16px;
color: #222;
atext-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
font-family: arial;
cursor: pointer; }
.phrasewordansdiv { min-height: 110px; padding: 0 5px; }
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- POPUPS SECTION ----------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
.popup_userdata_table { border: 1px solid #999; width: 300px; max-width: 300px; border-spacing: 0; white-space: wrap !important; }
.popup_userdata_table_avatarcell { font-size: 11px; }
.popup_userdata_table_head { padding: 2px 3px; font-size: 13px; height: 15px; }
.popup_userdata_table>tbody>tr>td { padding: 4px 6px; font-size: 12px; vertical-align: top; }
.popup_userdata_subtable { border: 0 none; border-collapse: collapse; width: 100%; border-spacing: 0; }
.popup_userdata_subtable>tbody>tr>td { border: 0 none; border-collapse: collapse; border-spacing: 0; }
/*
.prontable { border: 1px solid; border-collapse: collapse; font-size: 13px; }
.prontable td { border: 1px solid; padding: 2px 5px 2px 5px; white-space: nowrap; }
.prontable tr { vertical-align: top; }
.prontablehead { background-color: #dddddd;}
.pronsampdiv { display: none; position: absolute; top: -0.5em; z-index: 21; }
.pronsampbut { width: 2.0em; float: right; position: relative; }
.pronipa { width: 2.0em; float: left; position: relative; }
.pronipadiv { display: none; position: absolute; top: -0.35em; left: 3px; z-index: 21; border: 1px solid #dddddd; padding: 3px 5px; background-color: #eeaaaa; }
.pronletters { font-weight: bold; }
.pronletname { font-style: italic; }
.pronsampa {}
.pronipa {}
.pronenglish {}
.pronword {}
.pronletter { font-weight: bold; }
.pronletter2 { font-weight: bold; }
.sampleword { }
.sampleletter { font-weight: bold; color: #880000;}
.sampletable { border: 0 none; border-collapse: collapse; width: 100%; font-size: 13px;}
.sampletable td { border: 0 none; padding: 0; }
*/
.gpopupl, .gpopupr, .gpopupc { position: relative;
-awebkit-transform: translateZ(0); /* webkit flicker fix */
-awebkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.gpopupl .popup, .gpopupr .popup, .gpopupc .popup { color: #000; border: 1px solid #999; text-align: left; display: block; padding: 0; position: absolute; z-index: 103; opacity: 0; visibility: hidden; }
.gpopupl .popup { left: -6px; bottom: 102%; }
.gpopupr .popup { right: -6px; bottom: 102%;}
.gpopupc .popup { left: 50%; margin-left: -100px; bottom: 102%;}
.gpopupl .popup, .gpopupr .popup, .gpopupc .popup {
pointer-events: none;
-webkit-transform: translateY(10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(-10px);
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ie-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.gpopupl:hover .popup, .gpopupr:hover .popup, .gpopupc:hover .popup {display: block;
opacity:1;
visibility:visible;
position:absolute;
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s;
-ms-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.indextabholderpu { border: 1px solid #000; height: 20px; border-width: 0 0 1px 0; }
.indextabpu1 { border: 1px solid; border-width: 1px 1px 1px 1px; height: 17px; }
.indextabpu2 { border: 1px solid; border-width: 1px 1px 0 1px; height: 18px;}
.indextabspacerpu { border: 0px solid #000; border-width: 0px 0px 1px 0px; width: 1px; float: left; height: 18px; margin: 0; }
.indextabpu1, .indextabpu2 {
float: left;
text-align: center;
line-height: 1.0em;
vertical-align: middle;
overflow: hidden;
cursor: pointer;
color: #fafafa;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.indextabpu1, .indextabpu2, .indextabspacerpu, .indextabholderpu {
font-size: 12px;
font-weight: bold;
padding: 2px 5px;
}
.unit_promobar { width: 98%; font-size: 18px; font-weight: bold; margin: 10px auto; height: 70px; line-height: 70px; vertical-align: middle; color: #eee; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); text-align: center; vertical-align: middle; }
.unit_promobar a { height: 100%; width: 100%; display: block; }
.floatr { float: right; }
.floatl { float: left; }
.clearb { clear: both; }
.cb { clear: both; }
.showonprint { display: none; }
.cursorp { cursor: pointer; }
.noshow { display: none; }
.noborderstrict { border: 0 none !important; }
.noborderstrict td { border: 0 none !important; }
.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }
.wholelink { display: block; height: 100%; width: 100%; text-decoration: none; }
.vertmiddle { vertical-align: middle; }
.javascriptshowon { display: none; }
.javascriptshowoff { display: block; }
.javascriptshowoni { display: none; }
.javascriptshowoffi { display: inline; }
.javascriptshowonin { display: none; }
.javascriptshowoffin { display: inline-block; }
.flashshowon { display: none; }
.flashshowoff { display: block; }
.flashshowoni { display: none; }
.flashshowoffi { display: inline; }
.flashshowonv { visibility: hidden; }
.flashshowoffv { visibility: visible; }
.adsblockedon { display: none; }
.adsblockedoff { display: block; }
.magic_hover .magic { visibility: hidden; }
.magic_hover:hover .magic { visibility: visible; }
.loopbackdiv { min-width: 100px; font-size: 12px; border: 2px solid #cfa067; color: #222; position: absolute; bottom: -12px; left: 0; padding: 2px 3px; vertical-align: middle; opacity: 0.3; alpha(opacity=30); }
.gpageinstr2 { font-size: 14px; font-family: helvetica, sans-serif; }
.generaltextdiv { width: 90%; margin: 20px auto; padding: 15px; font-size: 15px; border: 6px solid #c27d15; }
.generaltexttitle { font-size: 18px; color: #000000; font-weight: bold; }
.generaltextheading { font-size: 18px; font-weight: bold; color: #790505; margin-top: 1.0em; margin-bottom: 0; }
/* COLORS */
.parleremopagefooter, .parleremopagefooter2, .parleremopagefooter3, .topnav_wideholder, .itembullet { background-color: #c27d15; abackground-color: #61221d; abackground-color: #b0918e; abackground-color: #80514e; background-color: #82830c; background-color: #456965; background-color: #1d4248; background-color: #5a1a15; background-color: #7a3a35; }
.ababutton1 { background-color: #91524d; }
.ababutton1high {
background-color: #5e5536;
background-image: linear-gradient(#5e5536, #3e3516);
}
.ababutton1norm {
background-color: #91524d;
background-image: linear-gradient(#91524d, #71322d);
}
.ababutton1:hover {
background-color: #5e5536;
background-image: linear-gradient(#5e5536, #3e3516);
}
.ababutton1:active { background-color: #ff2356; }
.ababuttontooltip { background-color: #82830c !important; }
.amazoneannouncentment_div { background-color: #efefef !important; }
.helpusgrow_div {background-color: #efefef !important; }
.mainnavcelldiv:hover { abackground-color: #d28d25; background-color: #81423d; }
.topnav_lowerbarleft { background-color: #906154e; background-color: #91524d; }
.topnav_langsel_popblock { background-color: #e1be8a; background-color: #62976c; }
.topnav_langsel_scrolldiv { background-color: #fff; }
.topnav_langsel_cell:hover, .topnav_usercontrols_cell:hover, .topnav_grammar_cell:hover { background-color: #c1c186; background-color: #62976c; background-color: #82b78c; color: #eee; }
.topnav_popups_popblock, .topnav_grammar_popblock, .topnav_usercontrols_popblock { background-color: #e1be8a; background-color: #c1c186; background-color: #62976c; background-color: #62976c; }
.topnav_grammar_div, .topnav_popups_div, .topnav_usercontrols_div { background-color: #fff; }
.privatemessagenumball { background-color: #e00; }
.sectiontitlediv { background-color: #f1feda; }
.itemholder:hover { background-color: #e7e7e7; }
.par_box_top{ background-color: #c1c186; background-color: #62976c; }
.parcolor1a { border-color: #998005; background-color: #f1feda; background-color: #62976c; }
.parcolor1b { border-color: #998005 !important; background-color: #e1be8a; background-color: #c1c186; background-color: #62976c !important; }
.parcolor1c { border-color: #998005; background-color: #c1c186; background-color: #62976c; background-color: #507479 }
.parcolor1d { border-color: #998005; background-color: #7c6021; background-color: #62976c; }
.parcolor1g { border-color: #998005; background-color: #b0918e; }
.wwparcolor1a { background-color: #efe2cc; }
.wwparcolor1c { background-color: #fffff6; }
.wwparcolor1d { background-color: #ecedf3; }
.fontwhite { color: #eee; }
.fontblack { color: #222; }
.promptbutton { background-color: #455f89; }
.gboxtop { background-color: #fffff6; }
.gboxbottom { background-color: #e1be82; background-color: #f1feca; }
.transwapdiv { background-color: #fffff6; }
.trantitletable {background-color: #998005; }
.imageborderdiv1 { background-color: #ccc; }
.imageborderdiv2 {background-color: #666666; }
.tranlangbutton { background-color: #790505; background-color: #b94545; }
.rateitbutton1 { background-color: #c1c186; background-color: #62976c; }
.gsubmitbutton1 { border-color: #110351; background-color: #311371; }
.sitebutton1 { border-color: #a25d05; background-color: #c27d15; background-color: #7a5635; }
.sitebutton2 { border-color:#41020d; background-color: #61221d; }
.sitebutton3, .filebutton { border-color: #313103; background-color: #515113; }
.sitebutton4 { border-color: #5c4001; background-color: #7c6021;}
.gsubmitbutton1:hover { background-color: #513391; }
.sitebutton1:hover { background-color: #d29d35; }
.sitebutton2:hover { background-color: #81423d; }
.sitebutton3:hover, .filebutton:hover { background-color: #717133; }
.sitebutton4:hover { background-color: #9c8041; }
.column_button1 { background-color: #d6dcc8; }
.column_button1:hover { background-color: #e6ecd8; }
.previewtext_paperback { background-color: #e1be82; }
.previewtext_paperback_inner { background-color: #eee; }
.pageerrormessagebox { background-color: #fffff6; }
.hoverrow1 { background-color: #e6e6ff; }
.hoverrow2 { background-color: #e6ffe6; }
.hoverrow1:hover, .hoverrow2:hover { background-color: #F6F6F6; }
.hoverborder1 { border-color: #D0D1E8 !important; }
.hoverborder2 { border-color: #E0E1D8 !important; }
.cooltooltip, .cooltooltip2, .cooltooltip3, .cooltooltip4 { background-color: #eee; }
.flagimagetextback_lg, .flagimagetextback_sm, .flagimagetextback_tn { background-color: #777; }
.dialog_box_top { background-color: #d6dcc8; }
.dialog_box_bottom { background-color: #fff;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(45deg, #ffffff 0%, #e8e1dc 13%, #f3f7e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(13%,#e8e1dc), color-stop(100%,#f3f7e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #ffffff 0%,#e8e1dc 13%,#f3f7e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #ffffff 0%,#e8e1dc 13%,#f3f7e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #ffffff 0%,#e8e1dc 13%,#f3f7e1 100%); /* IE10+ */
background: linear-gradient(45deg, #ffffff 0%,#e8e1dc 13%,#f3f7e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f7e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.dialog_box_button {
background: -webkit-gradient(linear, left top , left bottom, color-stop(0%, #deaf26), color-stop(10%, #deaf26), color-stop(21%, #df9f00), color-stop( 100%, #cfa067));
background: -webkit-linear-gradient(top , #deaf26 0%, #deaf26 10%, #df9f00 21%, #cfa067 100%);
background: -moz-linear-gradient(center top , #deaf26 0%, #deaf26 10%, #df9f00 21%, #cfa067) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(center top , #deaf26 0%, #deaf26 10%, #df9f00 21%, #cfa067 100%);
background: -o-linear-gradient(center top , #deaf26 0%, #deaf26 10%, #df9f00 21%, #cfa067 100%);
background-color: #cfa067;
}
.popup_userdata_table { background-color: #d0f4f9; }
.langfluentdiv { border: 1px solid #aaa; margin-top: 5px; }
.langfluenttable { width: 100%; }
.langfluenttable td { vertical-align: top;}
.langfluentheader, .langfluentheader2 { background-color: #fdd; font-size: 12px; font-weight: bold; width: 33%; padding: 2px 4px; }
.langfluentcell, .langfluentcell2, .langfluent0 { font-size: 11px; }
.langfluentcell, .langfluentcell2 { padding: 2px 2px; }
.langfluentcell0 { padding: 2px 0 2px 6px; }
.langfluentcell2, .langfluentheader2 { border: 1px solid #aaa; border-width: 0 1px 0 0; }
.sectionnavmenu {
background-color: #e11;
background-color: #91524d;
background-image: linear-gradient(#91524d, #71322d);
}
.sectionnavmenu ul a:hover {
background-color: #61221d;
background-image: linear-gradient(#c7b8a5, #8f714b);
}
.sectionnavmenu ul {
background-color: #91524d;
background: linear-gradient(#91524d, #61221d);
}
.weatherbox { background-color: #e7e7e7; }
.dialoguebutton { background-color: #e5eef8; }
.dialogueparcolor, .dialoguectrlbox { background-color: #dd9977;}
.dia1, .dia2, .dia3, .dia4, .diabox1, .diabox2 { background-color: #ddddee; }
.diaboxcolors { border-color: #227799; background-color: #2299bb; }
.diatabcolors { border-color: #227799; background-color: #227799; }
.virtkeyholder { background-color: #c1c186; background-color: #62976c; }
.virtkeytop { background-color: #c1c186; background-color: #62976c; }
.virtkeypadtable {background-color: #eeeedd; }
.soundplayer_box { background-color: #7c6021; }
.soundplayer_track_holder { background-color: #333; }
.soundplayer_track_bar { background-color:#2b2; }
.soundplayer_volume_holder { background-color: #ccc; }
.soundplayer_volume_bar { background-color: #2aa; }
.soundplayer_volume_knob { background-color: #166; }
.ddtop { background-color: #c1c186; background-color: #62976c; }
.abrcholder { background-color: #c1c186; background-color: #62976c; }
.abrcbox2 { background-color: #eef; }
.prontable tr:hover { background-color: #eeeeff; }
.prontabletr1 { background-color: #ccccff; }
.prontabletr2 { background-color: #ddddff; }
.prontablehead { font-weight: bold; background-color: #dddddd;}
.pronipadiv { background-color: #eeaaaa; }
.notes { background-color: #f7f397; }
.headback { background-color: #dddddd; }
.banner_textbackground { background-color: #ffffff; }
.reading_quiz_result_box { background-color: #222222; }
.reading_quiz_winning_answer { background-color: inherit; }
.reading_quiz_winning_answer2 { background-color: #e00; }
.parl_maintable_innercell1, .parl_maintable_innercell2, .parl_maintable_innercell1fixed { background-color: #fefefe; }
.parl_newarea_linkbox { background-color: #efefef; }
.parl_newarea_linkbox2 { background-color: #efefef; }
.parl_adblock200, .parl_adblock250, .parl_adblock300 { background-color: #bbb; }
.parl_adblocked { background-color: #eee; }
.parl_adblocked_table { background-color: #eee;}
.vocpadtab { background-color: #ffffff !important; }
.vocpadtogglebg { background-color: #eeeeee; }
.phrasepadtab { background-color: #ffffff; }
.phrasepadtogglebg { background-color: #eeeeee; }
.forum_windowbg { background-color: #ECEDF3; }
.pageerrormessagebox { background-color: #fffff6; }
/* Alternating backgrounds for posts, and several other sections of the forum. */
.pwindowbg { background-color: #ECEDF3; }
.pwindowbg2 { background-color: #F6F6F6; }
.pwindowbg3 { background-color: #E0E1E8; }
.hoverrow1 { background-color: #e6e6ff; }
.hoverrow2 { background-color: #e6ffe6; }
.hoverrow1:hover, .hoverrow2:hover { background-color: #F6F6F6; }
.hoverborder1 { border-color: #D0D1E8 !important; }
.hoverborder2 { border-color: #E0E1D8 !important; }
.sourcevocablistbutton { background-color: #707dad; }
.sourcevocablistbutton:hover { background-color: #606d9d; }
.grouptitle { background-color: #e1be82; }
.vocablearnholder { background-color: #ddf; }
.placemenuitem { background-color: #72bf86; background-color: #d2ffe6; }
.placemenuitem:hover { background-color: #529f66; }
.place_vidtitlediv { background-color: #eeeeee; }
.place_vidinfodiv { background-color: #eeeeee; }
.place_vidlisttimediv span { background-color:#000000; }
.place_resultmessagebox { background-color: #eeaaaa; }
.questionbox { background-color: #e1be82; }
.aanswerbutton {background-color: #707dad; }
.aanswerbutton:hover { background-color: #606d9d; }
.answerbutton, .answerbuttonhover { background-color: #eee; }
.answerbutton:hover, .answerbuttonhover { background-color: #cce; }
.quizbox1, .quizbox2 { background-color: #ddf; }
.questionperbar { background-color: #0e0; }
.questionratebar { background-color: #00e;}
.phrasewordbutton, .phrasewordbuttonhover { background-color: #eee; }
.phrasewordbutton:hover, .phrasewordbuttonhover { background-color: #cce; }
.indextabpu1 {
background-color: #91524d;
background-image: linear-gradient(#91524d, #71322d);
}
.indextabpu2 {
background-color: #5e5536;
background-image: linear-gradient(#5e5536, #3e3516);
}
.unit_promobar { background-color: #29e; background-color: #6e71b0; }
.unit_promobar:hover { background-color: #32a9fe; background-color: #8e91d0; }
.loopbackdiv { background-color: #fff; }
.generaltextdiv { background-color: #fffff7; }
/* END OF COLORS */
@media screen and (min-width: 1030px) {
.mainnavcelldiv { padding: 0px 5px; margin-right: 7px; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; }
.topnav_upperbarleft { margin-left: 260px; }
.topnav_upperbarright { float: right; margin-right: 15px; }
.topnav_lowerbarleft { margin-left: 260px; margin-top: 4px; }
}
@media only screen and (max-width: 950px) {
html { font-size: 8.5px; }
.topnav_wideholder, .topnav_spacer { height: 70px; }
}
@media only screen and (max-width: 800px) {
html { font-size: 8px; }
.topnav_lowerbarleft { margin-left: 0; margin-top: 3.2vw; float: none; text-align: center; }
}
@media only screen and (max-width: 700px) {
html { font-size: 7.5px; }
.socialiconsdiv { float: none; margin-right: 0; margin-left: 0; }
}
@media only screen and (max-width: 600px) {
html { font-size: 7px; }
}
@media only screen and (max-width: 500px) {
html { font-size: 6.5px; }
}
@media only screen and (max-width: 400px) {
html { font-size: 6.2px; }
}
@media only screen and (max-width: 320px) {
html { font-size: 6px; }
}
@media print {
body { margin: 0; background: none; font-size: 13px; }
.noshowonprint { display: none; }
.mainblock { border: 0 none; margin: 0; width: 100%; min-height: 500px; padding: 0; }
.showonprint { display: block; }
.gboxbottom, .mainblock, .gboxtop2, .gboxbottom2 { background: none; }
}
@media handheld {
.magic_hover .magic { visibility: visible; }
.magic_hover:hover .magic { visibility: visible; }
}