@charset "UTF-8";
/*** GENERAL ***/
@font-face {
  font-family: "SSPika";
  src: url('/static/fonts/ss-pika.eot');
  src: url('/static/fonts/ss-pika.eot?#iefix') format('embedded-opentype'),
       url('/static/fonts/ss-pika.woff') format('woff'),
       url('/static/fonts/ss-pika.ttf')  format('truetype'),
       url('/static/fonts/ss-pika.svg#SSPika') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"]{-ms-zoom: 1;}

#mainSliderList div.image span.icon, .ss-icon, .ss-icon.ss-pika,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-pika:before, [class*=" ss-"].ss-pika:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-pika.right:after, [class*=" ss-"].ss-pika.right:after {
  font-family: "SSPika";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before{display:none;content:'';}

.ss-cursor:before,.ss-cursor.right:after{content:''}.ss-crosshair:before,.ss-crosshair.right:after{content:'⌖'}.ss-search:before,.ss-search.right:after{content:'🔎'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-screenshot:before,.ss-screenshot.right:after{content:''}.ss-binoculars:before,.ss-binoculars.right:after{content:''}.ss-view:before,.ss-view.right:after{content:'👀'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-move:before,.ss-move.right:after{content:''}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-draw:before,.ss-draw.right:after{content:'✏'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-backspace:before,.ss-backspace.right:after{content:'⌫'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-nosmoking:before,.ss-nosmoking.right:after{content:'🚭'}.ss-trash:before,.ss-trash.right:after{content:''}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-new:before,.ss-new.right:after{content:'🆕'}.ss-tag:before,.ss-tag.right:after{content:''}.ss-pricetag:before,.ss-pricetag.right:after{content:''}.ss-flowertag:before,.ss-flowertag.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-dislike:before,.ss-dislike.right:after{content:'👎'}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-halfheart:before,.ss-halfheart.right:after{content:''}.ss-emptyheart:before,.ss-emptyheart.right:after{content:'♡'}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-medal:before,.ss-medal.right:after{content:''}.ss-ribbon:before,.ss-ribbon.right:after{content:'🎀'}.ss-bullseye:before,.ss-bullseye.right:after{content:'🎯'}.ss-sample:before,.ss-sample.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-layers:before,.ss-layers.right:after{content:''}.ss-gridlines:before,.ss-gridlines.right:after{content:''}.ss-pen:before,.ss-pen.right:after{content:'✒'}.ss-feather:before,.ss-feather.right:after{content:''}.ss-rubbereraser:before,.ss-rubbereraser.right:after{content:''}.ss-paintroller:before,.ss-paintroller.right:after{content:''}.ss-rubberstamp:before,.ss-rubberstamp.right:after{content:''}.ss-checkclipboard:before,.ss-checkclipboard.right:after{content:''}.ss-linechartclipboard:before,.ss-linechartclipboard.right:after{content:''}.ss-clockwise:before,.ss-clockwise.right:after{content:'⥁'}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:''}.ss-headset:before,.ss-headset.right:after{content:''}.ss-megaphone:before,.ss-megaphone.right:after{content:'📢'}.ss-rss:before,.ss-rss.right:after{content:''}.ss-facetime:before,.ss-facetime.right:after{content:''}.ss-reply:before,.ss-reply.right:after{content:'↩'}.ss-send:before,.ss-send.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-inbox:before,.ss-inbox.right:after{content:'📥'}.ss-outbox:before,.ss-outbox.right:after{content:'📤'}.ss-wifimail:before,.ss-wifimail.right:after{content:''}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-usergroup:before,.ss-usergroup.right:after{content:''}.ss-adduser:before,.ss-adduser.right:after{content:''}.ss-removeuser:before,.ss-removeuser.right:after{content:''}.ss-deleteuser:before,.ss-deleteuser.right:after{content:''}.ss-userprofile:before,.ss-userprofile.right:after{content:''}.ss-businessuser:before,.ss-businessuser.right:after{content:''}.ss-cart:before,.ss-cart.right:after{content:''}.ss-addcart:before,.ss-addcart.right:after{content:''}.ss-removecart:before,.ss-removecart.right:after{content:''}.ss-deletecart:before,.ss-deletecart.right:after{content:''}.ss-downloadcart:before,.ss-downloadcart.right:after{content:''}.ss-emptycart:before,.ss-emptycart.right:after{content:''}.ss-basket:before,.ss-basket.right:after{content:''}.ss-gift:before,.ss-gift.right:after{content:'🎁'}.ss-apple:before,.ss-apple.right:after{content:'🍏'}.ss-cashregister:before,.ss-cashregister.right:after{content:''}.ss-store:before,.ss-store.right:after{content:'🏬'}.ss-searchbarcode:before,.ss-searchbarcode.right:after{content:''}.ss-notepad:before,.ss-notepad.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-safe:before,.ss-safe.right:after{content:''}.ss-digitalsafe:before,.ss-digitalsafe.right:after{content:''}.ss-atm:before,.ss-atm.right:after{content:'🏧'}.ss-dispensecash:before,.ss-dispensecash.right:after{content:''}.ss-banknote:before,.ss-banknote.right:after{content:'💵'}.ss-coins:before,.ss-coins.right:after{content:''}.ss-bankcheck:before,.ss-bankcheck.right:after{content:''}.ss-piggybank:before,.ss-piggybank.right:after{content:''}.ss-moneybag:before,.ss-moneybag.right:after{content:'💰'}.ss-tip:before,.ss-tip.right:after{content:''}.ss-calculator:before,.ss-calculator.right:after{content:''}.ss-percent:before,.ss-percent.right:after{content:'%'}.ss-bank:before,.ss-bank.right:after{content:'🏦'}.ss-scales:before,.ss-scales.right:after{content:'⚖'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-piechartthirds:before,.ss-piechartthirds.right:after{content:''}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-upwardsbarchart:before,.ss-upwardsbarchart.right:after{content:''}.ss-downwardsbarchart:before,.ss-downwardsbarchart.right:after{content:''}.ss-horizontalbarchart:before,.ss-horizontalbarchart.right:after{content:''}.ss-analytics:before,.ss-analytics.right:after{content:''}.ss-upwardslinechart:before,.ss-upwardslinechart.right:after{content:'📈'}.ss-downwardslinechart:before,.ss-downwardslinechart.right:after{content:'📉'}.ss-linecharts:before,.ss-linecharts.right:after{content:''}.ss-scatterchart:before,.ss-scatterchart.right:after{content:''}.ss-stock:before,.ss-stock.right:after{content:''}.ss-form:before,.ss-form.right:after{content:''}.ss-box:before,.ss-box.right:after{content:'📦'}.ss-crate:before,.ss-crate.right:after{content:''}.ss-deliveryvan:before,.ss-deliveryvan.right:after{content:''}.ss-deliverytruck:before,.ss-deliverytruck.right:after{content:''}.ss-forklift:before,.ss-forklift.right:after{content:''}.ss-cargoship:before,.ss-cargoship.right:after{content:''}.ss-hook:before,.ss-hook.right:after{content:''}.ss-weight:before,.ss-weight.right:after{content:''}.ss-containers:before,.ss-containers.right:after{content:''}.ss-fragile:before,.ss-fragile.right:after{content:''}.ss-thissideup:before,.ss-thissideup.right:after{content:''}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-building:before,.ss-building.right:after{content:'🏢'}.ss-lodging:before,.ss-lodging.right:after{content:'🏨'}.ss-earth:before,.ss-earth.right:after{content:'🌎'}.ss-globe:before,.ss-globe.right:after{content:'🌐'}.ss-garage:before,.ss-garage.right:after{content:''}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-floorplan:before,.ss-floorplan.right:after{content:''}.ss-address:before,.ss-address.right:after{content:''}.ss-searchhouse:before,.ss-searchhouse.right:after{content:''}.ss-housesale:before,.ss-housesale.right:after{content:''}.ss-navigate:before,.ss-navigate.right:after{content:''}.ss-compass:before,.ss-compass.right:after{content:''}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-map:before,.ss-map.right:after{content:''}.ss-gps:before,.ss-gps.right:after{content:''}.ss-compassnavigate:before,.ss-compassnavigate.right:after{content:''}.ss-compassarrow:before,.ss-compassarrow.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-pin:before,.ss-pin.right:after{content:'📍'}.ss-pushpin:before,.ss-pushpin.right:after{content:'📌'}.ss-maplocation:before,.ss-maplocation.right:after{content:''}.ss-globelocation:before,.ss-globelocation.right:after{content:''}.ss-puzzle:before,.ss-puzzle.right:after{content:''}.ss-floppydisk:before,.ss-floppydisk.right:after{content:'💾'}.ss-firewall:before,.ss-firewall.right:after{content:''}.ss-database:before,.ss-database.right:after{content:''}.ss-hdd:before,.ss-hdd.right:after{content:''}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-eighthnote:before,.ss-eighthnote.right:after{content:'♪'}.ss-mic:before,.ss-mic.right:after{content:'🎤'}.ss-volume:before,.ss-volume.right:after{content:'🔈'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'🔉'}.ss-highvolume:before,.ss-highvolume.right:after{content:'🔊'}.ss-radio:before,.ss-radio.right:after{content:'📻'}.ss-stereo:before,.ss-stereo.right:after{content:''}.ss-airplay:before,.ss-airplay.right:after{content:''}.ss-vinylrecord:before,.ss-vinylrecord.right:after{content:''}.ss-disc:before,.ss-disc.right:after{content:'💿'}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-playvideo:before,.ss-playvideo.right:after{content:''}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-record:before,.ss-record.right:after{content:'●'}.ss-rewind:before,.ss-rewind.right:after{content:'⏪'}.ss-fastforward:before,.ss-fastforward.right:after{content:'⏩'}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-eject:before,.ss-eject.right:after{content:'⏏'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-shuffle:before,.ss-shuffle.right:after{content:'🔀'}.ss-index:before,.ss-index.right:after{content:''}.ss-page:before,.ss-page.right:after{content:''}.ss-book:before,.ss-book.right:after{content:'📕'}.ss-books:before,.ss-books.right:after{content:'📚'}.ss-openbook:before,.ss-openbook.right:after{content:'📖'}.ss-heartbook:before,.ss-heartbook.right:after{content:''}.ss-downloadbook:before,.ss-downloadbook.right:after{content:''}.ss-musicopenbook:before,.ss-musicopenbook.right:after{content:''}.ss-searchbook:before,.ss-searchbook.right:after{content:''}.ss-notebook:before,.ss-notebook.right:after{content:'📓'}.ss-newspaper:before,.ss-newspaper.right:after{content:'📰'}.ss-notice:before,.ss-notice.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-columns:before,.ss-columns.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-pagecurl:before,.ss-pagecurl.right:after{content:''}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-smartphone:before,.ss-smartphone.right:after{content:''}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-walkytalky:before,.ss-walkytalky.right:after{content:''}.ss-ereader:before,.ss-ereader.right:after{content:''}.ss-ebook:before,.ss-ebook.right:after{content:''}.ss-wifibook:before,.ss-wifibook.right:after{content:''}.ss-wifiopenbook:before,.ss-wifiopenbook.right:after{content:''}.ss-battery:before,.ss-battery.right:after{content:'🔋'}.ss-highbattery:before,.ss-highbattery.right:after{content:''}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:''}.ss-lowbattery:before,.ss-lowbattery.right:after{content:''}.ss-emptybattery:before,.ss-emptybattery.right:after{content:''}.ss-chargingbattery:before,.ss-chargingbattery.right:after{content:''}.ss-heartmobile:before,.ss-heartmobile.right:after{content:''}.ss-phonemobile:before,.ss-phonemobile.right:after{content:''}.ss-lockmobile:before,.ss-lockmobile.right:after{content:''}.ss-textmobile:before,.ss-textmobile.right:after{content:''}.ss-dollarmobile:before,.ss-dollarmobile.right:after{content:''}.ss-euromobile:before,.ss-euromobile.right:after{content:''}.ss-rssmobile:before,.ss-rssmobile.right:after{content:''}.ss-navigationmobile:before,.ss-navigationmobile.right:after{content:''}.ss-batterymobile:before,.ss-batterymobile.right:after{content:''}.ss-powermobile:before,.ss-powermobile.right:after{content:''}.ss-browseonline:before,.ss-browseonline.right:after{content:''}.ss-shoponline:before,.ss-shoponline.right:after{content:''}.ss-bankonline:before,.ss-bankonline.right:after{content:''}.ss-realtyonline:before,.ss-realtyonline.right:after{content:''}.ss-readonline:before,.ss-readonline.right:after{content:''}.ss-weatheronline:before,.ss-weatheronline.right:after{content:''}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-lightbulbon:before,.ss-lightbulbon.right:after{content:''}.ss-cfl:before,.ss-cfl.right:after{content:''}.ss-hairdryer:before,.ss-hairdryer.right:after{content:''}.ss-picnictable:before,.ss-picnictable.right:after{content:''}.ss-flame:before,.ss-flame.right:after{content:''}.ss-campfire:before,.ss-campfire.right:after{content:'🔥'}.ss-bonfire:before,.ss-bonfire.right:after{content:''}.ss-balloon:before,.ss-balloon.right:after{content:'🎈'}.ss-christmastree:before,.ss-christmastree.right:after{content:'🎄'}.ss-sweep:before,.ss-sweep.right:after{content:''}.ss-chess:before,.ss-chess.right:after{content:'♞'}.ss-onedie:before,.ss-onedie.right:after{content:'⚀'}.ss-twodie:before,.ss-twodie.right:after{content:'⚁'}.ss-threedie:before,.ss-threedie.right:after{content:'⚂'}.ss-fourdie:before,.ss-fourdie.right:after{content:'⚃'}.ss-fivedie:before,.ss-fivedie.right:after{content:'⚄'}.ss-sixdie:before,.ss-sixdie.right:after{content:'⚅'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-downloadbox:before,.ss-downloadbox.right:after{content:''}.ss-downloadcrate:before,.ss-downloadcrate.right:after{content:''}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-uploadbox:before,.ss-uploadbox.right:after{content:''}.ss-uploadcrate:before,.ss-uploadcrate.right:after{content:''}.ss-fork:before,.ss-fork.right:after{content:''}.ss-merge:before,.ss-merge.right:after{content:''}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-sync:before,.ss-sync.right:after{content:''}.ss-loading:before,.ss-loading.right:after{content:''}.ss-wifi:before,.ss-wifi.right:after{content:''}.ss-connection:before,.ss-connection.right:after{content:''}.ss-reload:before,.ss-reload.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-addfile:before,.ss-addfile.right:after{content:''}.ss-removefile:before,.ss-removefile.right:after{content:''}.ss-deletefile:before,.ss-deletefile.right:after{content:''}.ss-downloadfile:before,.ss-downloadfile.right:after{content:''}.ss-uploadfile:before,.ss-uploadfile.right:after{content:''}.ss-importfile:before,.ss-importfile.right:after{content:''}.ss-exportfile:before,.ss-exportfile.right:after{content:''}.ss-settingsfile:before,.ss-settingsfile.right:after{content:''}.ss-lockfile:before,.ss-lockfile.right:after{content:''}.ss-userfile:before,.ss-userfile.right:after{content:''}.ss-picturefile:before,.ss-picturefile.right:after{content:''}.ss-textfile:before,.ss-textfile.right:after{content:''}.ss-exe:before,.ss-exe.right:after{content:''}.ss-zip:before,.ss-zip.right:after{content:''}.ss-doc:before,.ss-doc.right:after{content:''}.ss-ppt:before,.ss-ppt.right:after{content:''}.ss-pdf:before,.ss-pdf.right:after{content:''}.ss-jpg:before,.ss-jpg.right:after{content:''}.ss-png:before,.ss-png.right:after{content:''}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-openfolder:before,.ss-openfolder.right:after{content:'📂'}.ss-downloadfolder:before,.ss-downloadfolder.right:after{content:''}.ss-uploadfolder:before,.ss-uploadfolder.right:after{content:''}.ss-cloudfolder:before,.ss-cloudfolder.right:after{content:''}.ss-lockfolder:before,.ss-lockfolder.right:after{content:''}.ss-securefolder:before,.ss-securefolder.right:after{content:''}.ss-picturefolder:before,.ss-picturefolder.right:after{content:''}.ss-moviefolder:before,.ss-moviefolder.right:after{content:''}.ss-quote:before,.ss-quote.right:after{content:'“'}.ss-text:before,.ss-text.right:after{content:''}.ss-font:before,.ss-font.right:after{content:''}.ss-highlight:before,.ss-highlight.right:after{content:''}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-fax:before,.ss-fax.right:after{content:'📠'}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-action:before,.ss-action.right:after{content:''}.ss-redirect:before,.ss-redirect.right:after{content:'↪'}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-login:before,.ss-login.right:after{content:''}.ss-scaleup:before,.ss-scaleup.right:after{content:''}.ss-scaledown:before,.ss-scaledown.right:after{content:''}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-bearface:before,.ss-bearface.right:after{content:'🐻'}.ss-bird:before,.ss-bird.right:after{content:'🐦'}.ss-fishes:before,.ss-fishes.right:after{content:''}.ss-tropicalfish:before,.ss-tropicalfish.right:after{content:''}.ss-tree:before,.ss-tree.right:after{content:'🌳'}.ss-evergreen:before,.ss-evergreen.right:after{content:'🌲'}.ss-palmtree:before,.ss-palmtree.right:after{content:'🌴'}.ss-leaf:before,.ss-leaf.right:after{content:'🍂'}.ss-seedling:before,.ss-seedling.right:after{content:'🌱'}.ss-grass:before,.ss-grass.right:after{content:''}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-dial:before,.ss-dial.right:after{content:''}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-flash:before,.ss-flash.right:after{content:'⌁'}.ss-wrench:before,.ss-wrench.right:after{content:'🔧'}.ss-tapemeasure:before,.ss-tapemeasure.right:after{content:''}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-watch:before,.ss-watch.right:after{content:'⌚'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'⏱'}.ss-alarmclock:before,.ss-alarmclock.right:after{content:'⏰'}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-sausage:before,.ss-sausage.right:after{content:''}.ss-burger:before,.ss-burger.right:after{content:'🍔'}.ss-pizza:before,.ss-pizza.right:after{content:'🍕'}.ss-fish:before,.ss-fish.right:after{content:'🐟'}.ss-shrimp:before,.ss-shrimp.right:after{content:'🍤'}.ss-turkey:before,.ss-turkey.right:after{content:''}.ss-steak:before,.ss-steak.right:after{content:''}.ss-sidedish:before,.ss-sidedish.right:after{content:'🍚'}.ss-noodles:before,.ss-noodles.right:after{content:'🍜'}.ss-spaghetti:before,.ss-spaghetti.right:after{content:'🍝'}.ss-corn:before,.ss-corn.right:after{content:''}.ss-carrot:before,.ss-carrot.right:after{content:''}.ss-icecream:before,.ss-icecream.right:after{content:'🍨'}.ss-mug:before,.ss-mug.right:after{content:'☕'}.ss-beer:before,.ss-beer.right:after{content:'🍺'}.ss-bottle:before,.ss-bottle.right:after{content:''}.ss-wineglass:before,.ss-wineglass.right:after{content:'🍷'}.ss-cocktail:before,.ss-cocktail.right:after{content:'🍸'}.ss-tea:before,.ss-tea.right:after{content:'🍵'}.ss-teapot:before,.ss-teapot.right:after{content:''}.ss-waterbottle:before,.ss-waterbottle.right:after{content:''}.ss-wineglasssparkle:before,.ss-wineglasssparkle.right:after{content:''}.ss-salt:before,.ss-salt.right:after{content:''}.ss-pepper:before,.ss-pepper.right:after{content:''}.ss-oliveoil:before,.ss-oliveoil.right:after{content:''}.ss-hotsauce:before,.ss-hotsauce.right:after{content:''}.ss-coal:before,.ss-coal.right:after{content:''}.ss-oven:before,.ss-oven.right:after{content:''}.ss-stove:before,.ss-stove.right:after{content:''}.ss-cook:before,.ss-cook.right:after{content:'🍳'}.ss-bbq:before,.ss-bbq.right:after{content:''}.ss-utensils:before,.ss-utensils.right:after{content:'🍴'}.ss-spoonfork:before,.ss-spoonfork.right:after{content:''}.ss-knife:before,.ss-knife.right:after{content:'🔪'}.ss-cookingutensils:before,.ss-cookingutensils.right:after{content:''}.ss-measuringcup:before,.ss-measuringcup.right:after{content:''}.ss-colander:before,.ss-colander.right:after{content:''}.ss-scale:before,.ss-scale.right:after{content:''}.ss-eggtimer:before,.ss-eggtimer.right:after{content:''}.ss-platter:before,.ss-platter.right:after{content:''}.ss-apron:before,.ss-apron.right:after{content:''}.ss-bbqapron:before,.ss-bbqapron.right:after{content:''}.ss-chef:before,.ss-chef.right:after{content:''}.ss-handbag:before,.ss-handbag.right:after{content:'👜'}.ss-briefcase:before,.ss-briefcase.right:after{content:'💼'}.ss-hanger:before,.ss-hanger.right:after{content:''}.ss-weathervane:before,.ss-weathervane.right:after{content:''}.ss-thermometer:before,.ss-thermometer.right:after{content:''}.ss-weather:before,.ss-weather.right:after{content:''}.ss-cloud:before,.ss-cloud.right:after{content:'☁'}.ss-droplet:before,.ss-droplet.right:after{content:'💧'}.ss-sun:before,.ss-sun.right:after{content:'☀'}.ss-partlycloudy:before,.ss-partlycloudy.right:after{content:'⛅'}.ss-rain:before,.ss-rain.right:after{content:'☔'}.ss-thunderstorm:before,.ss-thunderstorm.right:after{content:'⛈'}.ss-umbrella:before,.ss-umbrella.right:after{content:'☂'}.ss-rainbow:before,.ss-rainbow.right:after{content:'🌈'}.ss-fog:before,.ss-fog.right:after{content:''}.ss-wind:before,.ss-wind.right:after{content:''}.ss-tornado:before,.ss-tornado.right:after{content:''}.ss-snowflake:before,.ss-snowflake.right:after{content:'❄'}.ss-fan:before,.ss-fan.right:after{content:''}.ss-solarpanel:before,.ss-solarpanel.right:after{content:''}.ss-plug:before,.ss-plug.right:after{content:'🔌'}.ss-outlet:before,.ss-outlet.right:after{content:''}.ss-car:before,.ss-car.right:after{content:'🚘'}.ss-taxi:before,.ss-taxi.right:after{content:'🚖'}.ss-locomotive:before,.ss-locomotive.right:after{content:'🚂'}.ss-train:before,.ss-train.right:after{content:'🚆'}.ss-traintunnel:before,.ss-traintunnel.right:after{content:'🚇'}.ss-bus:before,.ss-bus.right:after{content:'🚍'}.ss-truck:before,.ss-truck.right:after{content:'🚚'}.ss-caravan:before,.ss-caravan.right:after{content:'🚐'}.ss-tractor:before,.ss-tractor.right:after{content:'🚜'}.ss-tunnel:before,.ss-tunnel.right:after{content:''}.ss-plane:before,.ss-plane.right:after{content:'✈'}.ss-arrival:before,.ss-arrival.right:after{content:''}.ss-departure:before,.ss-departure.right:after{content:''}.ss-helicopter:before,.ss-helicopter.right:after{content:'🚁'}.ss-bike:before,.ss-bike.right:after{content:'🚲'}.ss-motorcycle:before,.ss-motorcycle.right:after{content:''}.ss-boat:before,.ss-boat.right:after{content:'🚢'}.ss-sailboat:before,.ss-sailboat.right:after{content:'⛵'}.ss-schooner:before,.ss-schooner.right:after{content:''}.ss-skylift:before,.ss-skylift.right:after{content:'🚡'}.ss-rocket:before,.ss-rocket.right:after{content:'🚀'}.ss-steeringwheel:before,.ss-steeringwheel.right:after{content:''}.ss-trafficcamera:before,.ss-trafficcamera.right:after{content:''}.ss-fuel:before,.ss-fuel.right:after{content:'⛽'}.ss-jerrycan:before,.ss-jerrycan.right:after{content:''}.ss-passport:before,.ss-passport.right:after{content:''}.ss-trafficlight:before,.ss-trafficlight.right:after{content:'🚦'}.ss-highway:before,.ss-highway.right:after{content:''}.ss-road:before,.ss-road.right:after{content:''}.ss-intersection:before,.ss-intersection.right:after{content:''}.ss-wheelchair:before,.ss-wheelchair.right:after{content:'♿'}.ss-elevator:before,.ss-elevator.right:after{content:''}.ss-golf:before,.ss-golf.right:after{content:''}.ss-hockey:before,.ss-hockey.right:after{content:''}.ss-iceskate:before,.ss-iceskate.right:after{content:'⛸'}.ss-billiards:before,.ss-billiards.right:after{content:'🎱'}.ss-baseballglove:before,.ss-baseballglove.right:after{content:''}.ss-tennis:before,.ss-tennis.right:after{content:'🎾'}.ss-tabletennis:before,.ss-tabletennis.right:after{content:''}.ss-badminton:before,.ss-badminton.right:after{content:''}.ss-boxing:before,.ss-boxing.right:after{content:''}.ss-bowling:before,.ss-bowling.right:after{content:''}.ss-football:before,.ss-football.right:after{content:'🏈'}.ss-soccer:before,.ss-soccer.right:after{content:'⚽'}.ss-hiker:before,.ss-hiker.right:after{content:''}.ss-pool:before,.ss-pool.right:after{content:''}.ss-shower:before,.ss-shower.right:after{content:'🚿'}.ss-exercise:before,.ss-exercise.right:after{content:''}.ss-exercisebike:before,.ss-exercisebike.right:after{content:''}.ss-dumbbell:before,.ss-dumbbell.right:after{content:''}.ss-jumprope:before,.ss-jumprope.right:after{content:''}.ss-yoga:before,.ss-yoga.right:after{content:''}.ss-suitcase:before,.ss-suitcase.right:after{content:''}.ss-luggage:before,.ss-luggage.right:after{content:''}.ss-donotdisturb:before,.ss-donotdisturb.right:after{content:''}.ss-sunscreen:before,.ss-sunscreen.right:after{content:''}.ss-callbell:before,.ss-callbell.right:after{content:''}.ss-hospital:before,.ss-hospital.right:after{content:'⛨'}.ss-medicalcross:before,.ss-medicalcross.right:after{content:''}.ss-ambulance:before,.ss-ambulance.right:after{content:'🚑'}.ss-bandage:before,.ss-bandage.right:after{content:''}.ss-medicalthermometer:before,.ss-medicalthermometer.right:after{content:''}.ss-stethoscope:before,.ss-stethoscope.right:after{content:''}.ss-syringe:before,.ss-syringe.right:after{content:'💉'}.ss-pill:before,.ss-pill.right:after{content:'💊'}.ss-pillbottle:before,.ss-pillbottle.right:after{content:''}.ss-supplements:before,.ss-supplements.right:after{content:''}.ss-bathroomscale:before,.ss-bathroomscale.right:after{content:''}.ss-dna:before,.ss-dna.right:after{content:''}.ss-anatomicalheart:before,.ss-anatomicalheart.right:after{content:''}.ss-checkheart:before,.ss-checkheart.right:after{content:''}.ss-eyesurgery:before,.ss-eyesurgery.right:after{content:''}.ss-brokenbone:before,.ss-brokenbone.right:after{content:''}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-upright:before,.ss-upright.right:after{content:'⬈'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-downright:before,.ss-downright.right:after{content:'⬊'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-downleft:before,.ss-downleft.right:after{content:'⬋'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-upleft:before,.ss-upleft.right:after{content:'⬉'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-leftright:before,.ss-leftright.right:after{content:'⬌'}.ss-rightward:before,.ss-rightward.right:after{content:''}.ss-leftward:before,.ss-leftward.right:after{content:''}.ss-previouspage:before,.ss-previouspage.right:after{content:'⎗'}.ss-nextpage:before,.ss-nextpage.right:after{content:'⎘'}.ss-retweet:before,.ss-retweet.right:after{content:''}.ss-share:before,.ss-share.right:after{content:''}

#mainSliderList div.image { text-align: center;  line-height: 278px; }
#mainSliderList div.image span.icon{font-size: 108px; color:#fff;}
#mainSliderList [class*="icon-"] img{display: none; }

/* general layout*/
body { background: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #000000; line-height: normal; }
body.landingspage { background: url('/static/images/ladingspageBg.png') 0 0 repeat-x; }
p { font-size: 12px; line-height: 16px; padding-bottom: 20px; }

body.content h1 { font-weight: 600; font-size: 18px; color: #000000; }

    body.content h1 span.subtitle { display: block; color: #696969; font-size: 12px; font-weight: 400; }

h2, h3.lower { font-weight: 600; font-size: 18px; color: #000000; }

    h3, h2.higher { color: #696969; font-size: 12px; font-weight: 400; }
    h4.higher { color: #696969; font-size: 14px; font-weight: 400;font-weight: 600;font-size: 18px;color: #000000; }

.clear { clear: both; height: 0; float: none; }

#head { width: 960px; height: 132px; margin: 0 auto; position: relative; z-index: 9999; }

#edumundoLogo { position: absolute; top: 14px; left: 0; }

button.roundBtn { background: transparent url('/static/images/roundBtnEnd.png') right no-repeat; text-align: center; border: 0; margin: 0; padding: 0 39px 0 0; overflow: visible; line-height: 40px; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #000000; cursor: pointer; text-shadow: 0px 1px 0px #ffffff; }
    button.roundBtn span { position: relative; display: block; white-space: nowrap; height: 41px; text-transform: uppercase; padding: 0 0 0 36px; background: transparent url('/static/images/roundBtnStart.png') left no-repeat; }
input.roundBtn { background: transparent url('/static/images/roundBtnEnd.png') right no-repeat; text-align: center; border: 0; margin: 0; padding: 0 39px 0 0; overflow: visible; line-height: 40px; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #000000; cursor: pointer; text-shadow: 0px 1px 0px #ffffff; }
    input.roundBtn span { position: relative; display: block; white-space: nowrap; height: 41px; text-transform: uppercase; padding: 0 0 0 36px; background: transparent url('/static/images/roundBtnStart.png') left no-repeat; }

/*** navigation ***/
div.mainNavigationArea { overflow: hidden; width: 960px; }
    div.mainNavigationArea div.logoArea { float: left; width: 224px; height: 132px; overflow: hidden; padding-top: 14px; }
    div.mainNavigationArea div.mainNavigationList { float: left; width: 730px; overflow: hidden; margin-top: 93px; }
    div.mainNavigationArea div.helperNavDiv { float: right; }

#mainNavigation { }
    #mainNavigation li { float: left; display: block; margin-right: 25px; font-size: 18px; font-weight: 600; height: 30px; line-height: 30px; }
        #mainNavigation li.language { float: left; margin-right: 0; font-size: 14px; line-height: 33px; background: url('/static/images/chooseLanguage.png') 0 13px no-repeat; padding-left: 10px; }
        #mainNavigation li > a { height: 30px; color: #6a6a6a; padding: 0 5px; display: block; text-decoration: none; -moz-transition: color 0,3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
        #mainNavigation li:hover > a { color: #000000; text-decoration: none; }

        #mainNavigation li div.dropdown { position: absolute; display: block; top: 30px; right: 9999em; width: 920px; height: 227px; padding: 10px 20px 20px; background: #ffffff; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
        #mainNavigation li:hover div.dropdown { right: 0; }

        #mainNavigation li div.dropdown div.highlight { width: 350px; height: 189px; padding: 20px; overflow: hidden; float: left; background: #f9f9f9; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
            #mainNavigation li div.dropdown div.highlight h4 { font-size: 18px; font-weight: 600; line-height: 18px; margin-bottom: 15px; }
            #mainNavigation li div.dropdown div.highlight img { float: left; padding-right: 20px; padding-bottom: 200px; }
            #mainNavigation li div.dropdown div.highlight p { font-size: 12px; font-weight: 400; }
                #mainNavigation li div.dropdown div.highlight p a { display: inline; text-decoration: underline; }

        #mainNavigation li div.dropdown div.content { width: 490px; height: 211px; margin-top: 18px; float: left; margin-left: 40px; }
            #mainNavigation li div.dropdown div.content h4 { font-size: 18px; font-weight: 600; line-height: 18px; margin-bottom: 15px; }
            #mainNavigation li div.dropdown div.content p { font-size: 12px; font-weight: 400; }
                #mainNavigation li div.dropdown div.content p a { display: inline; text-decoration: underline; }

            #mainNavigation li div.dropdown div.content ul.eventList { margin-bottom: 10px; overflow: hidden; }
                #mainNavigation li div.dropdown div.content ul.eventList li { width: 470px; line-height: normal; height: auto; margin-bottom: 5px; }
                    #mainNavigation li div.dropdown div.content ul.eventList li div.date { float: left; width: 130px; font-size: 15px; font-weight: 600; }
                    #mainNavigation li div.dropdown div.content ul.eventList li div.description { float: left; width: 320px; margin-left: 20px; overflow: hidden; }
                        #mainNavigation li div.dropdown div.content ul.eventList li div.description div.title { font-size: 15px; font-weight: 300; }
                        #mainNavigation li div.dropdown div.content ul.eventList li div.description div.place { font-size: 12px; font-weight: 300; background: url('/static/images/placePin.png') 0 0 no-repeat; padding-left: 20px; height: 20px; line-height: 20px; }
            #mainNavigation li div.dropdown div.content a.showAllEvents { margin-left: 146px; }
            #mainNavigation li div.dropdown div.content a { color: #000000; }

div.generalNavigationArea { position: absolute; top: 10px; right: 35px; color: #999; }
    div.generalNavigationArea a { color: #999; text-decoration: none; }

#forWhomList { }
    #forWhomList li { width: 185px; height: 114px; padding: 100px 15px 15px; margin-right: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; position: relative; }
        #forWhomList li.last { margin-right: 0; }
        #forWhomList li h4 { font-size: 16px; font-weight: 400; line-height: 16px; margin-bottom: 10px; }
        #forWhomList li p { font-size: 12px; font-weight: 400; line-height: 16px; padding-bottom: 10px; }
        #forWhomList li a { font-size: 12px; font-weight: 400; line-height: 16px; margin: 0; padding: 0; text-decoration: underline !important; color: #000000; }
        #forWhomList li.author { background: #f9f9f9 url('/static/images/authorNav.png') 15px 18px no-repeat; }
        #forWhomList li.teacher { background: #f9f9f9 url('/static/images/teacherNav.png') 15px 23px no-repeat; }
        #forWhomList li.student { background: #f9f9f9 url('/static/images/studentNav.png') 15px 19px no-repeat; }
        #forWhomList li.consumer { background: #f9f9f9 url('/static/images/consumerNav.png') 15px 18px no-repeat; }

#mainNavigation li div.dropdown.edumundoGlobal { height: 157px; }
    #mainNavigation li div.dropdown.edumundoGlobal div.highlight { width: 240px; height: 89px; padding: 50px 20px 20px 150px; overflow: hidden; float: left; background: #f9f9f9 url('/static/images/edumundoGlobal.png') 20px 15px no-repeat; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
    #mainNavigation li div.dropdown.edumundoGlobal div.content { width: 450px; height: 141px; margin-top: 18px; float: left; margin-left: 40px; overflow: hidden; }
    #mainNavigation li div.dropdown.edumundoGlobal div.highlight p { font-size: 13px; padding-bottom: 5px; }
    #mainNavigation li div.dropdown.edumundoGlobal div.content div.countries { float: left; width: 150px; overflow: hidden; }
        #mainNavigation li div.dropdown.edumundoGlobal div.content div.countries h4 { margin: 0 0 10px 0; padding: 0; }
        #mainNavigation li div.dropdown.edumundoGlobal div.content div.countries a { margin: 0 0 5px 0; padding: 0; display: block; font-size: 13px; line-height: normal; font-weight: 400; height: auto; text-decoration: none; }

/*** main slider ***/
#mainSlider { width: 100%; height: 258px; overflow: hidden; position: relative; z-index: 1; }
    /* color classes */
    #mainSlider.author { background: #8ec45e; }
    #mainSlider.student { background: #dd3596; }
    #mainSlider.teacher { background: #31bce3; }
    #mainSlider.boardofdirectors { background: #31bce3; }
    #mainSlider.contact { background: #000000; }
    #mainSlider.consumer { background: #fcca55; }
    #mainSlider.events { background: #38435f url('/static/sites/edumundo/images/eventsSlideBg.jpg') top center no-repeat; }
    #mainSlider.jobs { background: #000000; }
    #mainSlider.catalogus { background: #9f4370; }
    #mainSlider.product { background: #31bce3; }
    #mainSlider.vision { background: #8ec45e; }
    #mainSlider.partners { background: #dd3596; }
    #mainSlider.events { background: #31bce3; }
    #mainSlider.cookies { background: #FCCA55; }
    #mainSlider.payment { background: #9f4370; }
    #mainSlider.gameArea { background: #F1806E; }
    

    #mainSlider.product { background: #31bce3; }

    /* */

    #mainSlider div.window { width: 960px; height: 258px; margin: 0 auto; overflow: hidden; position: relative; }

#futureLabel { width: 960px; height: 40px; margin: 0 auto; cursor: default; }
    #futureLabel span { height: 40px; line-height: 40px; display: block; color: #6f6f6f; font-size: 16px; font-weight: 600; text-align: center; }

#mainSliderList { width: 960px; height: 258px; overflow: hidden; }

    #mainSliderList li { width: 960px; height: 258px; position: absolute; top: 0; left: 0; z-index: 1; }
        #mainSliderList li div.image { width: 202px; height: 258px; padding: 20px 10px 0 10px; float: left; color: #fff; }
        #mainSliderList li div.text { width: 718px; height: 258px; margin-left: 20px; float: left; }

            #mainSliderList li div.text span.title { font-weight: 300; font-size: 36px; color: #ffffff; display: block; margin-top: 82px; }
            #mainSliderList li div.text span.description { font-weight: 400; font-size: 24px; line-height: 28px; color: #ffffff; display: block; }

#mainSlider li.student { background: url('/static/sites/edumundo/images/studentSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.teacher { background: url('/static/sites/edumundo/images/teacherSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.author { background: url('/static/sites/edumundo/images/authorSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.boardofdirectors { background: url('/static/sites/edumundo/images/boardofdirectorsSlideBg.jpg') 0 0 no-repeat; }
/*#mainSlider li.contact { background: url('/static/sites/edumundo/images/contactSlideBg.jpg') 0 0 no-repeat; }*/
#mainSlider li.jobs { background: url('/static/sites/edumundo/images/jobsSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.catalogus { background: url('/static/sites/edumundo/images/catalogusSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.consumer { background: url('/static/sites/edumundo/images/consumerSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.payment { background: url('/static/images/catalogusSlideBg.jpg') 0 0 no-repeat; }

#mainSlider li.cookies { background: url('/static/sites/edumundo/images/cookiesSlideBg.jpg') 0 0 no-repeat; }

#mainSlider li.partners { background: url('/static/sites/edumundo/images/partnersSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.vision { background: url('/static/sites/edumundo/images/visionSlideBg.jpg') 0 0 no-repeat; }

#mainSlider li.product.economy { background: url('/static/sites/edumundo/images/economyskillsSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.product.marketing { background: url('/static/sites/edumundo/images/marketingskillsSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.product.search { background: url('/static/sites/edumundo/images/searchskillsSlideBg.jpg') 0 0 no-repeat; }
#mainSlider li.product.cito { background: url('/static/sites/edumundo/images/citoSlideBg.jpg') 0 0 no-repeat; }

#mainSlider div.window div.controls { position: absolute; bottom: 20px; right: 15px; height: 19px; z-index: 9999; }
    #mainSlider div.window div.controls span { float: left; background: url('/static/sites/edumundo/images/sliderBullet.png') top left no-repeat; width: 20px; height: 19px; margin-right: 2px; cursor: pointer; }
        #mainSlider div.window div.controls span.active { background-position: bottom left; }

#contentContainer { margin: 5px auto 105px; overflow: hidden; width: 960px; min-height: 635px; position: relative; }

#leftContent { float: left; width: 490px; padding-top: 10px; margin-right: 80px; }
#rightContent { float: left; width: 380px; }

#leftContent.noRightContent { margin-right: 460px; }

#leftContent.contact { width: 540px; margin-right: 30px; }
/* About */
#rightContent #nextEventBox { width: 270px; height: 67px; padding: 15px 20px 15px 90px; background: #31bce3 url('/static/images/nextEvent.png') 20px 19px no-repeat; color: #ffffff; margin-bottom: 5px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
    #rightContent #nextEventBox span.title { display: block; font-size: 18px; font-weight: 700; line-height: 18px; }
    #rightContent #nextEventBox span.subtitle { display: block; font-size: 14px; font-weight: 700; line-height: 14px; margin-top: 3px; }
    #rightContent #nextEventBox p { font-size: 14px; padding-bottom: 0; margin-top: 3px; }

#rightContent #twitterBox { width: 59%; height: 155px; padding: 20px; background: #f1806e; float: left; margin-right: 2%; }
    #rightContent #twitterBox img.twitterIcon { float: left; padding: 0 5px 0 0; margin-left: -3px; }
    #rightContent #twitterBox p { color: #ffffff; font-size: 14px; padding-top: 5px; }
    #rightContent #twitterBox span.hashTag { font-weight: 700; }
    #rightContent #twitterBox div.twitterItem { position: absolute; background: #F1806E; left: 20px; top: 20px; z-index: 8; height: 120px; width: 180px; overflow: hidden; }
    #rightContent #twitterBox p.twitterPlaceHolder { width: 30px; height: 14px; float: left; padding-bottom: 0; }
    #rightContent #twitterBox div.twitterItem.active { z-index: 10; }
    #rightContent #twitterBox div.twitterItem.last-active { z-index: 10; }

#rightContent #facebookBox { width: 39%; height: 155px; background: #49639e 0 0 no-repeat; float: left; }
    #rightContent #facebookBox a { height: 155px; display: block; text-align: center; line-height: 180px; color: #fff;  }

#rightContent #connectBox { width: 123px; height: 65px; background: #e75048 url('/static/images/connect.png') 20px 18px no-repeat; float: left; margin-top: 5px; margin-right: 5px; position: relative; }
    #rightContent #connectBox a { width: 63px; height: 50px; padding-top: 15px; padding-left: 60px; font-size: 12px; color: #ffffff; font-weight: 700; display: block; text-decoration: none; }
#rightContent #helpdeskBox { width: 49%; height: 65px; background: #31bce3 13px 18px no-repeat; float: left; margin-bottom: 5px; margin-right: 2%; position: relative; }
    #rightContent #helpdeskBox a { height: 41px; line-height: 65px; padding-left: 16px; font-size: 12px; color: #ffffff; font-weight: 700; display: block; text-decoration: none; }
#rightContent #countryBox { width: 123px; height: 65px; background: #dd3596 url('/static/images/countries.png') 13px 16px no-repeat; float: left; margin-top: 5px; position: relative; }
    #rightContent #countryBox a { width: 69px; height: 41px; padding-top: 24px; padding-left: 54px; font-size: 12px; color: #ffffff; font-weight: 700; display: block; text-decoration: none; }
#rightContent #forgetPasswordBox { width: 49%; height: 65px; background: #8EC45E 13px 18px no-repeat; float: left; margin-bottom: 5px; position: relative; }
    #rightContent #forgetPasswordBox a {  height: 41px;  line-height: 65px;  padding-left: 16px; font-size: 12px; color: #ffffff; font-weight: 700; display: block; text-decoration: none; }

#callMeBox { width: 290px; height: 79px; padding: 20px 20px 20px 70px; background: #fbcb67 url('/static/images/callme.png') 20px 15px no-repeat; margin-top: 5px; margin-bottom: 5px; position: relative; }
    #callMeBox.roundedCorners { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
    #callMeBox.allCorners { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

    #callMeBox span.title { color: #ffffff; font-size: 28px; font-weight: 700; line-height: 28px; }
    #callMeBox div.callMeInput { width: 342px; height: 35px; position: absolute; bottom: 20px; left: 20px; background: url('/static/images/callMeInput.png') 0 0 no-repeat; }
        #callMeBox div.callMeInput input { width: 207px; height: 33px; position: absolute; top: 0; left: 10px; background: transparent; line-height: 33px; border: none; padding: 0; }
        #callMeBox div.callMeInput a { width: 117px; height: 35px; position: absolute; top: 0; right: 0; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-align: center; line-height: 35px; display: block; text-transform: uppercase; text-decoration: none; }

#rightContent #newsletterBox { width: 340px; height: 106px; padding: 15px 20px 20px; background: #8ec45e url('/static/images/newsletter.png') 20px 15px no-repeat; margin-top: 5px; position: relative; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
    #rightContent #newsletterBox span.title { color: #ffffff; font-size: 28px; font-weight: 700; line-height: 28px; margin-left: 50px; }
    #rightContent #newsletterBox span.description { font-size: 14px; color: #ffffff; display: block; line-height: 14px; margin-top: 3px; }
    #rightContent #newsletterBox div.newsLetterSubscription { width: 342px; height: 35px; position: absolute; bottom: 20px; left: 20px; background: url('/static/images/callMeInput.png') 0 0 no-repeat; }
        #rightContent #newsletterBox div.newsLetterSubscription input { width: 207px; height: 33px; position: absolute; top: 0; left: 10px; background: transparent; line-height: 33px; border: none; padding: 0; }
        #rightContent #newsletterBox div.newsLetterSubscription button { width: 117px; height: 35px; position: absolute; border: none; background: transparent; cursor: pointer; top: 0; right: 0; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-align: center; line-height: 35px; display: block; text-transform: uppercase; text-decoration: none; }

/*** footer ***/
#footer { height: 296px; margin-bottom: 140px; position: relative; padding-bottom: 50px; }
    #footer.payment { height: 46px !important; }

    #footer div.left { background: #fe60b3; width: 49%; height: 296px; float: left; }
    #footer div.right { background: #31bce3; width: 50%; height: 296px; float: right; }
    #footer div.middle { position: absolute; top: 0; left: 50%; width: 960px; height: 296px; margin-left: -480px; background: white; }

    #footer.payment div.left { height: 46px !important; }
    #footer.payment div.right { height: 46px !important; }
    #footer.payment div.middle { height: 46px !important; }

    #footer #tags { width: 370px; height: 236px; padding: 40px 10px 20px; background: #fe60b3; float: left; margin-right: 5px; }
    #footer #partners { width: 370px; height: 236px; padding: 40px 10px 20px; background: #fe60b3; float: left; margin-right: 5px; }
    #footer #links { width: 155px; height: 236px; padding: 40px 10px 20px; background: #9f4370; float: left; margin-right: 5px; }
    #footer #innovation { width: 195px; height: 236px; padding: 40px 10px 20px; background: #8ec45e; float: left; margin-right: 5px; }
    #footer #edulab { width: 140px; height: 236px; padding: 40px 10px 20px; background: #fcd47b; float: left; margin-right: 5px; }

    #footer.payment #tags { height: 46px !important; padding-top: 0; padding-bottom: 0; }
    #footer.payment #partners { height: 46px !important; padding-top: 0; padding-bottom: 0; }
    #footer.payment #links { height: 46px !important; padding-top: 0; padding-bottom: 0; }
    #footer.payment #innovation { height: 46px !important; padding-top: 0; padding-bottom: 0; }
    #footer.payment #edulab { height: 46px !important; padding-top: 0; padding-bottom: 0; }

    #footer #copyright { position: absolute; right: 0; bottom: -30px; font-weight: 300; }

    #footer #univs { position: absolute; left: 0; top: -64px; height: 54px; width: 960px; overflow: hidden; }
        #footer #univs #universities { overflow: hidden; position: absolute; left: 0; top: 0; list-style-type: none; }
            #footer #univs #universities li { float: left; height: 54px; margin-right: 20px; }
                #footer #univs #universities li a { display: block; text-indent: -9999em; background-position: 0 0; background-repeat: no-repeat; }
                    #footer #univs #universities li a.hz { background: url('/static/images/logoHZ.jpg'); width: 129px; height: 54px; }
                    #footer #univs #universities li a.fontys { background: url('/static/images/logoFontys.jpg'); width: 87px; height: 54px; }
                    #footer #univs #universities li a.tudelft { background: url('/static/images/logoTUDelft.jpg'); width: 141px; height: 54px; }
                    #footer #univs #universities li a.college { background: url('/static/images/logoCollege.jpg'); width: 71px; height: 54px; }
                    #footer #univs #universities li a.edinburgh { background: url('/static/images/logoUnivedinburgh.jpg'); width: 168px; height: 54px; }
                    #footer #univs #universities li a.leeds { background: url('/static/images/logoUnivLeeds.jpg'); width: 109px; height: 54px; }
                    #footer #univs #universities li a.liverpool { background: url('/static/images/logoUnivLiverpool.jpg'); width: 114px; height: 54px; }

                    #footer #univs #universities li a.amsterdam { background: url('/static/images/logoAmsterdam.jpg'); width: 206px; height: 54px; }
                    #footer #univs #universities li a.avans { background: url('/static/images/logoAvans.jpg'); width: 106px; height: 54px; }
                    #footer #univs #universities li a.dublin { background: url('/static/images/logoCollegeDublin.jpg'); width: 255px; height: 54px; }
                    #footer #univs #universities li a.haagse { background: url('/static/images/logoHaagse.jpg'); width: 124px; height: 54px; }
                    #footer #univs #universities li a.inholland { background: url('/static/images/logoInholland.jpg'); width: 97px; height: 54px; }
                    #footer #univs #universities li a.rotterdam { background: url('/static/images/logoRotterdam.jpg'); width: 44px; height: 54px; }
                    #footer #univs #universities li a.hull { background: url('/static/images/logoUnivHull.jpg'); width: 121px; height: 54px; }
                    #footer #univs #universities li a.zuyd { background: url('/static/images/logoZuyd.jpg'); width: 40px; height: 54px; }
                    #footer #univs #universities li a.dortmund { background: url('/static/images/logoDortmund.jpg'); width: 86px; height: 54px; }

                    #footer #univs #universities li a:hover { background-position: 0 -54px; }

    #footer h4 { font-weight: 300; font-size: 36px; color: #ffffff; margin-bottom: 20px; }
        #footer h4 span.semibold { font-weight: 600; font-size: 36px; color: #ffffff; }

    #footer #edulab h4 { width: 140px; height: 86px; background: url('/static/images/eduLAB.png') top center no-repeat; padding-top: 150px; text-align: center; }

#tagsList { overflow: hidden; width: 320px; }
    #tagsList li { background: #ffe7f4; float: left; font-size: 13px; color: #000000; padding: 2px 10px; border: 1px solid #d52c85; margin-right: 2px; margin-bottom: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

#footer ul.links { }
    #footer ul.links li { font-weight: 600; font-size: 14px; color: #ffffff; margin-bottom: 6px; }
        #footer ul.links li a { color: #ffffff; text-decoration: none; }

#footer #partners ul.links.left { width: 175px; float: left; margin-right: 20px; }
#footer #partners ul.links.right { width: 175px; float: left; }
#footer #partners div.partners { margin-top: 15px; width: 320px; height: 89px; }
#partnersList { width: 320px; height: 89px; overflow: hidden; position: relative; }
    #partnersList li { width: 320px; height: 89px; position: absolute; top: 0; left: 0; }

/*** About content ***/
#aboutList li { margin-bottom: 20px; }
    #aboutList li.author { background: url('/static/images/authorIcon.png') 0 10px no-repeat; padding-left: 110px; }
    #aboutList li.student { background: url('/static/images/studentIcon.png') 0 16px no-repeat; padding-left: 110px; }
    #aboutList li.teacher { background: url('/static/images/teacherIcon.png') 13px 10px no-repeat; padding-left: 110px; }
    #aboutList li.consumer { background: url('/static/images/consumerIcon.png') 13px 10px no-repeat; padding-left: 110px; }
    #aboutList li p { padding-bottom: 0; }

/*** board of directors ***/
#boardofdirectors { display: block; margin-top: 70px; }
    #boardofdirectors li { float: left; margin-right: 90px; overflow: hidden; }
        #boardofdirectors li a.downloadCV { display: block; color: #696969; text-decoration: none; height: 36px; padding-left: 40px; line-height: 60px; background: url('/static/images/downloadPDF.png') 0 0 no-repeat; margin-top: 5px; }
        #boardofdirectors li img { margin-top: 5px; }


/*** studenten ***/
#contentContainer img.left { float: left; padding-right: 15px; }
#contentContainer img.right { float: right; padding-left: 15px; }


#rightContent #eduToolsBox { width: 340px; height: 67px; padding: 15px 20px; background: #db3b95 url('/static/images/eduTools.png') 20px 15px no-repeat; color: #ffffff; margin-bottom: 5px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
    #rightContent #eduToolsBox span.title { padding-left: 75px; font-size: 28px; color: #ffffff; display: block; line-height: 31px; }

#rightContent #eduToolsLeft { width: 147px; height: 115px; padding: 20px; background: #a1366d; float: left; margin-right: 5px; overflow: hidden; }
#rightContent #eduToolsRight { width: 148px; height: 115px; padding: 20px; background: #e75048; float: left; overflow: hidden; }

    #rightContent #eduToolsLeft ul.links, #rightContent #eduToolsRight ul.links { }
        #rightContent #eduToolsLeft ul.links li, #rightContent #eduToolsRight ul.links li { font-weight: 600; font-size: 18px; color: #ffffff; margin-bottom: 6px; }
            #rightContent #eduToolsLeft ul.links li a, #rightContent #eduToolsRight ul.links a { color: #ffffff; text-decoration: none; }
                #rightContent #eduToolsLeft ul.links li a h3, #rightContent #eduToolsRight ul.links a h3 { font-weight: 600; font-size: 18px; color: #ffffff; }

/*** contact & helpdesk ***/
#contactForm { }
    #contactForm.helpdesk { }

    #contactForm div.inputText { width: 390px; height: 38px; background: url('/static/images/contactFormText.png') 0 0 no-repeat; margin-bottom: 10px; position: relative; }
        #contactForm div.inputText label.name { width: 18px; height: 17px; background: url('/static/images/nameIcon.png') 0 0 no-repeat; float: left; margin: 12px 0 0 12px; text-indent: -9999em; }
        #contactForm div.inputText label.phone { width: 15px; height: 22px; background: url('/static/images/phoneIcon.png') 0 0 no-repeat; float: left; margin: 10px 0 0 14px; text-indent: -9999em; }
        #contactForm div.inputText label.mail { width: 20px; height: 13px; background: url('/static/images/mailIcon.png') 0 0 no-repeat; float: left; margin: 14px 0 0 10px; text-indent: -9999em; }

        #contactForm div.inputText input { width: 330px; height: 25px; background: transparent; border: 0; float: right; margin: 7px 14px 0 0; color: #999999; }
    #contactForm div.inputTextArea { width: 390px; height: 108px; background: url('/static/images/contactFormComments.png') 0 0 no-repeat; position: relative; margin-bottom: 10px; }
        #contactForm div.inputTextArea textarea { width: 330px; height: 88px; background: transparent; border: 0; float: right; margin: 11px 14px 0 0; color: #999999; overflow: auto; }

    #contactForm div.inputText.active { background-position: 0 -38px; }
    #contactForm div.inputText.invalid { background-position: 0 -76px; }
    #contactForm div.inputTextArea.active { background-position: 0 -108px; }
    #contactForm div.inputTextArea.invalid { background-position: 0 -216px; }

    #contactForm div.submitBtn { width: 116px; height: 41px; background: url('/static/images/contactFormSend.png') 0 0 no-repeat; margin-top: 10px; }
        #contactForm div.submitBtn button { width: 116px; height: 41px; background: transparent; border: 0; text-indent: -9999em; cursor: pointer; }

    #contactForm div.inputText label.company { width: 15px; height: 15px; background: url('/static/images/companyIcon.png') 0 0 no-repeat; float: left; margin: 13px 0 0 14px; text-indent: -9999em; }

#rightContent #contactUsBox { width: 340px; height: 67px; padding: 15px 20px; background: #de479c url('/static/images/contact.png') 20px 28px no-repeat; color: #ffffff; margin-bottom: 5px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
    #rightContent #contactUsBox span.title { padding-left: 75px; font-size: 44px; color: #ffffff; display: block; font-weight: 700; }

#contactForm div.selectList { width: 390px; height: 38px; background: url('/static/images/selectList.png') 0 0 no-repeat; margin-bottom: 10px; position: relative; cursor: pointer; z-index: 9999; }
    #contactForm div.selectList span { width: 362px; height: 33px; line-height: 38px; padding: 0 10px 0 18px; color: #999999; }
    #contactForm div.selectList div { display: none; width: 390px; height: 212px; background: url('/static/images/selectListDropdown.png') left bottom no-repeat; position: absolute; top: 33px; left: 0; }
        #contactForm div.selectList div ul { margin-left: 3px; width: 384px; height: 209px; overflow: auto; }
            #contactForm div.selectList div ul li { height: 30px; line-height: 30px; padding: 0 10px; margin: 0 5px; border-top: 1px solid #cccccc; color: #cccccc; }
                #contactForm div.selectList div ul li:hover { color: #000000; }
    #contactForm div.selectList.active { background-position: 0 -38px; }
        #contactForm div.selectList.active div { display: block; }

#contactForm span.validation { width: 38px; height: 38px; position: absolute; top: 0; left: 400px; display: block; }
#contactForm div.inputText.valid span.validation { background: url('/static/images/validInput.png') 0 8px no-repeat; }
#contactForm div.inputText.invalid span.validation { background: url('/static/images/invalidInput.png') 0 2px no-repeat; }
#contactForm div.inputTextArea.valid span.validation { background: url('/static/images/validInput.png') 0 8px no-repeat; }
#contactForm div.inputTextArea.invalid span.validation { background: url('/static/images/invalidInput.png') 0 2px no-repeat; }


/*** autocomplete container ***/

#contactForm div.inputText.autocomplete { width: 390px; height: 40px; background: url('/static/images/contactFormAutocomplete.png') 0 0 no-repeat; margin-bottom: 4px; overflow: hidden; }
    #contactForm div.inputText.autocomplete.active { background-position: bottom left; }

#autocompleteContainer { width: 305px; min-height: 5px; background: url('/static/images/autocomplete.png') bottom left no-repeat; position: absolute; top: 158px; left: 21px; display: none; }
    #autocompleteContainer.active { display: block; }

    #autocompleteContainer ul.ui-autocomplete { padding: 0 10px 15px; overflow: hidden; }
        #autocompleteContainer ul.ui-autocomplete li { padding-left: 30px; border-top: 1px solid #F6F6F6; }
            #autocompleteContainer ul.ui-autocomplete li:hover { background: #F6F6F6; }
            #autocompleteContainer ul.ui-autocomplete li a { color: #999999; padding: 5px 0; display: block; cursor: default; }
                #autocompleteContainer ul.ui-autocomplete li a:hover { color: #000000; }


.ui-helper-hidden, .ui-helper-hidden-accessible { display: none; }

/* events page */
#eventsList { margin-top: 10px; }
    #eventsList > li { overflow: hidden; margin-bottom: 15px; }
    #eventsList li div.left { width: 39px; height: 39px; float: left; margin-right: 10px; margin-top: 6px; background: url('/static/images/eventDateBg.png') 0 0 no-repeat; font-size: 20px; color: #ffffff; text-align: center; line-height: 39px; font-weight: 700; }
    #eventsList li div.right { width: 441px; float: left; }

    #eventsList h1.eventTitle { font-size: 18px; font-weight: 400; }
    #eventsList h2.eventPlace { font-size: 12px; font-weight: 700; margin-bottom: 5px; }
    #eventsList h3.eventTime { font-size: 12px; font-weight: 700; color: #6a6a6a; height: 21px; background: url('/static/images/eventTime.png') 0 0 no-repeat; padding-left: 30px; line-height: 21px; margin-bottom: 8px; }
    #eventsList p.description { font-size: 12px; line-height: 16px; font-style: italic; padding-bottom: 8px; }
    #eventsList a.showProgram { height: 30px; display: block; font-size: 12px; color: #6a6a6a; text-decoration: none; font-weight: 700; background: url('/static/images/showProgram.png') 0 0 no-repeat; padding-left: 30px; line-height: 30px; margin-bottom: 2px; }
        #eventsList a.showProgram.active { color: #000000; background-position: 0 -30px; }
    #eventsList ul.schedule { background: #f5f5f5; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: none; margin-bottom: 10px; }
        #eventsList ul.schedule.active { display: block; }
        #eventsList ul.schedule li { overflow: hidden; }
            #eventsList ul.schedule li span.time { font-size: 14px; width: 90px; float: left; margin-right: 15px; line-height: 16px; }
            #eventsList ul.schedule li span.subject { font-size: 12px; width: 306px; float: left; line-height: 16px; }


#rightContent #eventBox { width: 340px; height: 67px; padding: 15px 20px; background: #31bce3; color: #ffffff; margin-bottom: 5px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
    #rightContent #eventBox img { float: left; margin-right: 20px; padding-top: 3px; }
    #rightContent #eventBox span { background: url('/static/images/nextEvent.png') 0 5px no-repeat; padding-left: 75px; font-size: 44px; color: #ffffff; font-weight: 700; }

#rightContent #eventLeftBox { width: 147px; height: 270px; padding: 20px; background: #a1366d; float: left; margin-right: 5px; overflow: hidden; }
#rightContent #eventRightBox { width: 148px; height: 270px; padding: 20px; background: #e048a0; float: left; overflow: hidden; }
    #rightContent #eventLeftBox span.title, #rightContent #eventRightBox span.title { font-size: 18px; font-weight: 600; color: #ffffff; display: block; margin-bottom: 10px; }


    #rightContent #eventLeftBox ul.newsList, #rightContent #eventRightBox ul.newsList { font-size: 14px; color: #ffffff; }
        #rightContent #eventLeftBox ul.newsList li, #rightContent #eventRightBox ul.newsList li { margin-bottom: 10px; }
            #rightContent #eventLeftBox ul.newsList li span, #rightContent #eventRightBox ul.newsList li span { display: block; font-weight: 600; line-height: 14px; }
            #rightContent #eventLeftBox ul.newsList li p, #rightContent #eventRightBox ul.newsList li p { padding-bottom: 0; line-height: 14px; }
                #rightContent #eventLeftBox ul.newsList li p a, #rightContent #eventRightBox ul.newsList li p a { color: #ffffff; }

/* game login page */
#contactForm div.inputText label.username { width: 18px; height: 17px; background: url('/static/images/nameIcon.png') 0 0 no-repeat; float: left; margin: 12px 0 0 12px; text-indent: -9999em; }
#contactForm div.inputText label.password { width: 15px; height: 18px; background: url('/static/images/passwordIcon.png') 0 0 no-repeat; float: left; margin: 10px 0 0 14px; text-indent: -9999em; }

#rightContent #gameAnnouncementBox { width: 340px; height: 200px; padding: 15px 20px; background: #de479c url('/static/images/contact.png') 20px 28px no-repeat; color: #ffffff; margin-bottom: 5px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
    #rightContent #gameAnnouncementBox span.title { padding-left: 75px; font-size: 35px; line-height: 57px; color: #ffffff; display: block; font-weight: 700; }
    #rightContent #gameAnnouncementBox div.announcements { margin-top: 15px; height: 125px; overflow: hidden; }

#rightContent #twitterBox.bottomLeftCorner { -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -o-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; position: relative; }
#rightContent #facebookBox.bottomRightCorner { -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -o-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }

#contactForm div.inputText.noMargin { margin-bottom: 0; }
#contactForm div.forgotPassword { color: #999999; padding-left: 15px; margin-bottom: 10px; padding-top: 2px; }
    #contactForm div.forgotPassword a { color: #000000; text-decoration: underline; }

/* payment container */

div.paymentContainer { border: 3px solid #f4f4f4; padding: 25px; }
    div.paymentContainer #ncol_ref { margin-bottom: 20px; }
        div.paymentContainer #ncol_ref td.ncoltxtl { font-weight: bold; padding-right: 10px; }
        div.paymentContainer #ncol_ref td.ncoltxtr { padding-left: 10px; }

    div.paymentContainer #iDealTbl { margin-bottom: 20px; }

        div.paymentContainer #iDealTbl td.ncoltxtc { text-align: center; }

        div.paymentContainer #iDealTbl td.ncoltxtl img { float: right; }
        div.paymentContainer #iDealTbl td.ncoltxtl { font-weight: bold; padding-right: 10px; }
        div.paymentContainer #iDealTbl td.ncoltxtr { padding-left: 10px; }

        div.paymentContainer #iDealTbl #btn_Continue { margin-top: 15px; }

    div.paymentContainer #ie_cc #ncol_cancel { margin-top: 15px; }

    div.paymentContainer #btn_BackToMerchantHome { margin-top: 15px; }

/* admin region */
div.adminMain { background: none repeat scroll 0 0 #31BCE3; }
div.adminGames { background: none repeat scroll 0 0 #8EC45E; }
div.adminStatistics { background: none repeat scroll 0 0 #9F4370; }
div.adminFinance { background: none repeat scroll 0 0 #DD3596; }
div.adminLogoff { background: none repeat scroll 0 0 #FCCA55; }
div.adminUser { background: no-repeat scroll 20px 18px #E75048; }

div.summaryLicenseBox { background: url("/static/images/admin_dice_icon.png") no-repeat scroll 20px 15px #DE479C; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 120px; }
    div.summaryLicenseBox span { color: #FFFFFF; font-size: 28px; font-weight: 700; padding-left: 50px; }
    div.summaryLicenseBox div.content { background: none no-repeat scroll 0 0 transparent; top: 70px; height: 35px; left: 20px; position: absolute; width: 342px; }
    div.summaryLicenseBox table th { text-align: left; width: 200px; font-size: 12px; }


div.logonAs { background: url("/static/images/admin_dice_icon.png") no-repeat scroll 20px 15px #31BCE3; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 90px; }
    div.logonAs span { color: #FFFFFF; font-size: 28px; font-weight: 700; padding-left: 50px; }
    div.logonAs div.content { background: url("/static/images/callMeButton.png") no-repeat scroll 0 0 transparent; top: 70px; height: 35px; left: 20px; position: absolute; width: 342px; }

        div.logonAs div.content input { background: none repeat scroll 0 0 transparent; border: medium none; color: #999999; height: 33px; left: 10px; line-height: 33px; padding: 0; position: absolute; top: 0; width: 207px; }
        div.logonAs div.content button { background: none repeat scroll 0 0 transparent; border: medium none; color: #000000; cursor: pointer; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; position: absolute; right: 0; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; top: 0; width: 342px; }


div.additionallicenses { background: url("/static/images/admin_dice_icon.png") no-repeat scroll 20px 15px #31BCE3; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 105px; }
    div.additionallicenses p { margin-top: 4px; }
    div.additionallicenses span { color: #FFFFFF; font-size: 28px; font-weight: 700; padding-left: 50px; }
    div.additionallicenses div.content { background: url("/static/images/callMeInput.png") no-repeat scroll 0 0 transparent; top: 85px; height: 35px; left: 20px; position: absolute; width: 342px; }

        div.additionallicenses div.content input { background: none repeat scroll 0 0 transparent; border: medium none; color: #999999; height: 33px; left: 10px; line-height: 33px; padding: 0; position: absolute; top: 0; width: 207px; }
        div.additionallicenses div.content button { background: none repeat scroll 0 0 transparent; border: medium none; color: #000000; cursor: pointer; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; position: absolute; right: 0; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; top: 0; width: 117px; }


div.currentGame { background: url("/static/images/admin_dice_icon.png") no-repeat scroll 20px 15px #31BCE3; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 90px; }
    div.currentGame span { color: #FFFFFF; font-size: 28px; font-weight: 700; padding-left: 50px; }
    div.currentGame div.content { background: url("/static/images/callMeInput.png") no-repeat scroll 0 0 transparent; top: 70px; height: 35px; left: 20px; position: absolute; width: 342px; }

        div.currentGame div.content input { background: none repeat scroll 0 0 transparent; border: medium none; color: #999999; height: 33px; left: 10px; line-height: 33px; padding: 0; position: absolute; top: 0; width: 207px; }
        div.currentGame div.content button { background: none repeat scroll 0 0 transparent; border: medium none; color: #000000; cursor: pointer; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; position: absolute; right: 0; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; top: 0; width: 117px; }

div.gameBox { background: none repeat scroll 0 0 #FBCB67; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 32px; }
    div.gameBox span { color: #FFFFFF; font-size: 28px; font-weight: 700; padding-left: 75px; }
    div.gameBox div.content { background: url("/static/images/callMeButton.png") no-repeat scroll 0 0 transparent; height: 35px; left: 20px; position: absolute; width: 342px; }
        div.gameBox div.content a { color: #000000; display: block; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; top: 0; width: 342px; }

div.filterBox { background: url("/static/images/admin_search_icon.png") no-repeat scroll 20px 18px #DD3596; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 100px; }
    div.filterBox span.title { color: #FFFFFF; font-size: 28px; font-weight: 700; padding-left: 50px; }
    div.filterBox ul { margin-top: 15px; }

div.statisticBox { background: url("/static/images/admin_quote_icon.png")  no-repeat scroll 20px 15px #F1806E; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px;  }
    div.statisticBox span { color: #FFFFFF; font-size: 28px; font-weight: 700; padding-left: 50px; }
        div.statisticBox div.content {margin-top: 8px; }
        div.statisticBox div.content p {padding-bottom: 0; }
            div.statisticBox div.content p > p { padding-bottom: 20px;}

div.viewUnpaidPlayers { background: none no-repeat scroll 20px 15px #DD3596; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 25px; }
    div.viewUnpaidPlayers span { color: #FFFFFF; font-size: 28px; font-weight: 700; padding-left: 45px; }
    div.viewUnpaidPlayers div.content { background: url("/static/images/callMeButton.png") no-repeat scroll 0 0 transparent; height: 35px; left: 20px; position: absolute; width: 342px; top: 10px;}
        div.viewUnpaidPlayers div.content a { color: #000000; display: block; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; top: 0; width: 342px; }


div.downloadPDFBox { background: url("/static/images/pdf_small.png") no-repeat scroll 20px 15px #FBCB67; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 80px; }
    div.downloadPDFBox span { color: #FFFFFF; font-size: 28px; font-weight: 700; padding-left: 45px; }
    div.downloadPDFBox div.content { background: url("/static/images/callMeButton.png") no-repeat scroll 0 0 transparent; height: 35px; left: 20px; position: absolute; width: 342px; top: 65px; }
        div.downloadPDFBox div.content a { color: #000000; display: block; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; top: 0; width: 342px; }

div.confirmDataBox { background: url("/static/images/admin_approve_icon.png")  no-repeat scroll 20px 15px #8EC45E; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 86px; }
    div.confirmDataBox span { color: #FFFFFF; font-size: 25px; font-weight: 700; padding-left: 50px; }
    div.confirmDataBox div.content { background: url("/static/images/callMeButton.png") no-repeat scroll 0 0 transparent; height: 35px; left: 20px; position: absolute; width: 342px; top: 65px; }
    div.confirmDataBox div.content a { color: #000000; display: block; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; top: 0; width: 342px; }

    div.newItemBox { background: url("/static/images/admin_new_icon.png")  no-repeat scroll 20px 15px #FBCB67; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 86px; }
    div.newItemBox span { color: #FFFFFF; font-size: 25px; font-weight: 700; padding-left: 50px; }
    div.newItemBox div.content { background: url("/static/images/callMeButton.png") no-repeat scroll 0 0 transparent; height: 35px; left: 20px; position: absolute; width: 342px; top: 65px; }
    div.newItemBox div.content a { color: #000000; display: block; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; top: 0; width: 342px; }

div.infoBox { background: url("/static/images/admin_info_icon.png")  no-repeat scroll 20px 15px #F1806E; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; }
    div.infoBox span { color: #FFFFFF; font-size: 25px; font-weight: 700; padding-left: 50px; }
    div.infoBox div.content {margin-top: 8px; }
        div.infoBox div.content p {padding-bottom: 0; }
            div.infoBox div.content p > p { padding-bottom: 20px;}

div.calculations { background: none repeat scroll 0 0 #8EC45E; color: #FFFFFF; margin-bottom: 5px; padding: 15px 20px; width: 340px; position: relative; height: 295px; }
    div.calculations span { color: #FFFFFF; font-size: 25px; font-weight: 700; padding-left: 75px; }

div.roundedTop { border-top-left-radius: 5px; border-top-right-radius: 5px; }
div.roundedBottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

ul.dateList { margin-top: 10px; }
    ul.dateList > li { overflow: hidden; margin-bottom: 15px; }
    ul.dateList li div.left { background: url("/static/images/eventDateBg.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 16px; font-weight: 700; height: 39px; line-height: 16px; margin-right: 10px; margin-top: 6px; padding-top: 3px; text-align: center; width: 39px; }
        ul.dateList li div.left.time { font-size: 14px; line-height: 32px; }
        ul.dateList li div.left span.small { font-size: 12px; line-height: 12px; }
    ul.dateList li div.right { width: 441px; float: left; }

    ul.dateList h2.eventTitle, ul.dateList h2.eventTitle a { font-size: 18px; font-weight: 400; color: #000000; }
    ul.dateList h3.eventPlace, ul.dateList h3.eventPlace a { font-size: 12px; font-weight: normal; margin-bottom: 5px; }
    ul.dateList a.financeLink { background: url("/static/images/pdf_small_green.png") no-repeat scroll top left transparent; padding-left: 15px; color: #696969; font-size: 12px; }
    ul.dateList h3.eventTime { font-size: 12px; font-weight: 700; color: #6a6a6a; height: 21px; background: url('/static/images/eventTime.png') 0 0 no-repeat; padding-left: 30px; line-height: 21px; margin-bottom: 8px; }
    ul.dateList p.description { font-size: 12px; line-height: 16px; font-style: italic; padding-bottom: 8px; }
    ul.dateList a.showProgram { height: 30px; display: block; font-size: 12px; color: #6a6a6a; text-decoration: none; font-weight: 700; background: url('/static/images/showProgram.png') 0 0 no-repeat; padding-left: 30px; line-height: 30px; margin-bottom: 2px; }
        ul.dateList a.showProgram.active { color: #000000; background-position: 0 -30px; }
    ul.dateList ul.schedule { background: #f5f5f5; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: none; margin-bottom: 10px; }
        ul.dateList ul.schedule.active { display: block; }
        ul.dateList ul.schedule li { overflow: hidden; }
            ul.dateList ul.schedule li span.time { font-size: 14px; width: 90px; float: left; margin-right: 15px; line-height: 16px; }
            ul.dateList ul.schedule li span.subject { font-size: 12px; width: 306px; float: left; line-height: 16px; }

/* user list */
ul.userList { margin-top: 10px; }
    ul.userList > li { overflow: hidden; margin-bottom: 15px; }
    ul.userList li div.left { background: url("/static/images/adminUserIcon.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 16px; font-weight: 700; height: 39px; line-height: 16px; margin-right: 10px; margin-top: 6px; padding-top: 3px; text-align: center; width: 39px; }
        ul.userList li div.left.time { font-size: 14px; line-height: 32px; }
        ul.userList li div.left span.small { font-size: 12px; line-height: 12px; }
    ul.userList li div.right { width: 441px; float: left; }

    ul.userList h2.eventTitle, ul.userList h2.eventTitle a { font-size: 18px; font-weight: 400; color: #000000; }
    ul.userList h3.eventPlace, ul.userList h3.eventPlace a { font-size: 12px; font-weight: normal; margin-bottom: 5px; color: #696969; }


/* license list */
ul.licenseList { margin-top: 10px; }
    ul.licenseList > li { overflow: hidden; margin-bottom: 15px; }
    ul.licenseList li div.left { background: url("/static/images/admin_license_icon.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 16px; font-weight: 700; height: 39px; line-height: 16px; margin-right: 10px; margin-top: 6px; padding-top: 3px; text-align: center; width: 39px; }
        ul.licenseList li div.left.time { font-size: 14px; line-height: 32px; }
        ul.licenseList li div.left span.small { font-size: 12px; line-height: 12px; }
    ul.licenseList li div.right { width: 441px; float: left; }
    ul.licenseList h2.eventTitle, ul.licenseList h2.eventTitle a { font-size: 18px; font-weight: 400; color: #000000; }
    ul.licenseList h3.eventPlace, ul.licenseList h3.eventPlace a { font-size: 12px; font-weight: normal; margin-bottom: 5px; color: #696969; }


/* game list */
ul.gameList { margin-top: 10px; }
    ul.gameList > li { overflow: hidden; margin-bottom: 15px; }
    ul.gameList li div.left { background: url("/static/images/admin_dicethree_icon.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 16px; font-weight: 700; height: 39px; line-height: 16px; margin-right: 10px; margin-top: 6px; padding-top: 3px; text-align: center; width: 39px; }
        ul.gameList li div.left.ownGame { background: url("/static/images/admin_dicethreeown_icon.png") no-repeat scroll 0 0 transparent; }
        ul.gameList li div.left span.small { font-size: 12px; line-height: 12px; }
    ul.gameList li div.right { width: 441px; float: left; }

    ul.gameList h2.gameTitle, ul.gameList h2.gameTitle a { font-size: 18px; font-weight: 400; color: #000000; }
    ul.gameList h3.eventPlace, ul.gameList h3.eventPlace a { font-size: 12px; font-weight: normal; margin-bottom: 5px; color: #696969; }
    ul.gameList div.action { float: right; }
        ul.gameList div.action span { cursor: pointer; }

/* game list */
ul.gameList { margin-top: 10px; }
    ul.gameList > li { overflow: hidden; margin-bottom: 15px; }
    ul.gameList li div.left { background: url("/static/images/admin_dicethree_icon.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 16px; font-weight: 700; height: 39px; line-height: 16px; margin-right: 10px; margin-top: 6px; padding-top: 3px; text-align: center; width: 39px; }
        ul.gameList li div.left.ownGame { background: url("/static/images/admin_dicethreeown_icon.png") no-repeat scroll 0 0 transparent; }
        ul.gameList li div.left span.small { font-size: 12px; line-height: 12px; }
    ul.gameList li div.right { width: 441px; float: left; }

    ul.gameList h2.gameTitle, ul.gameList h2.gameTitle a { font-size: 18px; font-weight: 400; color: #000000; }
    ul.gameList h3.eventPlace, ul.gameList h3.eventPlace a { font-size: 12px; font-weight: normal; margin-bottom: 5px; color: #696969; }
    ul.gameList div.action { float: right; }
        ul.gameList div.action span { cursor: pointer; }


/* admin check boxes*/
/* filter boxes for game selection*/
div.filterBox input[type="checkbox"] { display: none; }
div.filterBox input[type="checkbox"] ~ label span { display: inline-block; width: 63px; height: 26px; margin: -1px 4px 0 0; vertical-align: middle; background: url('/static/images/inputfield_checkbox_small.png') left top no-repeat; cursor: pointer; }
div.filterBox input[type="checkbox"]:checked ~ label span { background: url('/static/images/inputfield_checkbox_small.png') left -26px no-repeat; }

/* see http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/ */
div.permission input[type="checkbox"] { display: none; }
div.limitAccess { display: none; }
div.permission input[type="checkbox"] ~ label span { display: inline-block; width: 90px; height: 33px; margin: -1px 4px 0 0; vertical-align: middle; background: url('/static/images/inputfield_checkbox.png') left top no-repeat; cursor: pointer; }
div.permission input[type="checkbox"]:checked ~ label span { background: url('/static/images/inputfield_checkbox.png') left top no-repeat; }

div.permission.small input[type="checkbox"] ~ label span { display: inline-block; width: 63px; height: 26px; margin: -1px 4px 0 0; vertical-align: middle; background: url('/static/images/inputfield_checkbox_small.png') left top no-repeat; cursor: pointer; }
div.permission.small input[type="checkbox"]:checked ~ label span { background: url('/static/images/inputfield_checkbox_small.png') left -26px no-repeat; }


div.permissionForm li { height: 36px; }
div.permissionForm p { margin-bottom: 6px; padding-bottom: 0; }
div.permissionForm h2 { margin-top: 12px; }
div.permissionForm div.buttonArea { margin-top: 20px; }

/* checkboxes */
div.generalForm div.inputLine div.generalStyling input { display: none; }
div.generalForm div.inputLine div.generalStyling { float: left; width: 100px; height: 38px; background: url("/static/images/inputfield_checkbox.png") no-repeat scroll 0 0 transparent; }
    div.generalForm div.inputLine div.generalStyling.checked { background: url("/static/images/inputfield_checkbox.png") no-repeat scroll 0 -40px transparent; }
div.generalForm div.inputLine.checkbox { overflow: hidden; height: 40px; }
div.generalForm div.inputLine div.labelValue { float: left; }
    div.generalForm div.inputLine div.labelValue label { line-height: 40px; }
div.generalForm div.inputLine.checkbox div.generalStyling label { display: block; height: 38px; }

/* errors in form */
div.inputLine div.errors { display: none;}

/* forms */
div.generalForm div.inputLine > label { margin-left: 10px; color: #999; }
div.generalForm div.labelArea { display: none; }
div.generalForm div.displayText { background: url("/static/images/textboxlocked.png") no-repeat scroll 0 0 transparent; height: 38px; margin-bottom: 10px; position: relative; width: 392px; }
    div.generalForm div.displayText label { float: left; height: 17px; margin: 12px 0 0 12px; text-indent: -9999em; width: 18px; }
    div.generalForm div.displayText span.displayArea { line-height: 36px; margin-left: 18px; color: #999999; font-family: 'Open Sans',sans-serif; }
div.generalForm div.inputText { background: url("/static/images/inputfield_textbox.png") no-repeat scroll 0 0 transparent; height: 40px; margin-bottom: 10px; position: relative; width: 392px; }
div.generalForm div.active div.inputText { background: url("/static/images/inputfield_textbox.png") no-repeat scroll 0 -52px transparent; }


/* textarea */
div.generalForm div.inputTextArea { background: url("/static/images/inputfield_textarea.png") no-repeat scroll 0 0 transparent; height: 110px; margin-bottom: 10px; position: relative; width: 392px; }
    div.generalForm div.inputTextArea textarea { width: 360px; height: 90px; border: none; background-color: none; float: right; margin: 7px 14px 0 0; font-size: 12px; font-family: 'Open Sans',sans-serif; color: #999; }
div.generalForm div.active div.inputTextArea { background: url("/static/images/inputfield_textarea.png") no-repeat scroll 0 -110px transparent; }
div.generalForm div.inputTextArea.invalid { background-position: 0 -220px; }

/* region date time area*/
div.generalForm div.inputDateTime { margin-bottom: 10px; position: relative; width: 392px; overflow: hidden; }
    div.generalForm div.inputDateTime div.dateBlock { background: url("/static/images/inputfield_textbox_tiny.png") no-repeat scroll 0 0 transparent; height: 40px; float: left; width: 180px; }
    div.generalForm div.inputDateTime div.timeBlock { background: url("/static/images/inputfield_textbox_tiny.png") no-repeat scroll 0 0 transparent; height: 40px; float: right; width: 180px; }
    div.generalForm div.inputDateTime input { width: 360px; height: 25px; border: none; background-color: none; float: right; margin: 7px 14px 0 0; font-size: 12px; font-family: 'Open Sans',sans-serif; color: #999; width: 150px; }
div.generalForm div.inputDateTime div.dateBlock.activeDateTime, div.generalForm div.inputDateTime div.timeBlock.activeDateTime { background: url("/static/images/inputfield_textbox_tiny.png") no-repeat scroll 0 -118px transparent; }
div.generalForm div.inputDateTime.invalid { background-position: 0 -220px; }

div.generalForm div.inputText.invalid { background-position: 0 -109px; }
div.generalForm div.inputText input { background: none repeat scroll 0 0 transparent; border: 0 none; color: #38484d; float: right; font-family: 'Open Sans',sans-serif; font-size: 12px; font-weight: 400; height: 25px; margin: 7px 14px 0 0; width: 360px; }
div.generalForm div.inputText label { float: left; height: 17px; margin: 12px 0 0 12px; text-indent: -9999em; width: 18px; }

div.generalForm div.selectList { background-position: top left; background-attachment: scroll; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYgAAACVCAYAAABCfG3XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRDdGOUJFMEZDNDcxMUUyOUZFODgyQzY4NzJDQ0QxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRDdGOUJFMUZDNDcxMUUyOUZFODgyQzY4NzJDQ0QxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBEN0Y5QkRFRkM0NzExRTI5RkU4ODJDNjg3MkNDRDE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBEN0Y5QkRGRkM0NzExRTI5RkU4ODJDNjg3MkNDRDE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KJr85wAACSZJREFUeNrs3U9sFNcdB/Dd2cU22AEFIkJFQqRISdWIS2moDMoGORY4oQ49EClRFamHSr1U5Nhr1FOlXt1be8yhkXppFSgNRcRxlVoCtYpCDkC5RJFKACFBgKzxzmzfLDvWxNgGx3/23+cjfoz3zay9epbe12/e7E7xjTfeKLz99tuF1HvvvVcMm4WqkNsC0Nnque1C1VCeFwxRqFKzys3H0bygAKDzAyKtpFm1UHGzkmx/OTc7SENhQ6i+UP3N7YZmeyQgALouINJgmA11L9RMczvbDIpGQGQzhzQMBkINViqV3du3b//+wMDA5mKxGOlLgC5MiXo9qVart65evXphamrqfGi6kw+Qcm720Dc4OLg5hMPL+/fvP/LUU08Ph4DYEQKipBsBVle5vD5Da60WLxUQcQiIK19++eV0GP//GkLi4zt37iTNGUSSBUS67Q/B8OLIyCs/e+aZZ8ZCMBSKTioBdLRSacmTQKUQDDuff/75o/39/UNJknzz4Ycffly4f5qpFuVmEP1bt2597umnn3opioQDQC9Ix/p0zA9jf+Xxxx9/rnB/DTrNhGI+IDZEUdRfLpcHdRlAbwlj/6aQAfmLk+YConF5a71e10sA66harbbNa2lmwNyVq/n3OEQCAmB9JUnSbgExlwvRAjsBWCdxHLdbQMwREAACQkAAtJtarSYgAOisgCjP3ykkANZesflms7Uec5fz/ZecQbTTajpAL2inP8rnZ4BTTAAtZJEagLafQTx0DQKA9jQ5Obns51QqldWZQViDAGhfBw4caIzTj1rp8cthDQKgg42MjDxSOKTHLZc1CIAONzo6GkIgXrTS/d+FU0wAXeDgwUNhzK4/UGn7d+UUE0CXGBsba1wmm1X6eCWcYgLoIocPH2785Z9uV8opJoA2Ui6XV/w9xsfHV+W1OMUE0Eb6+vra5rU4xQQgIAQEQLuLokhAANDeBAQAjxwQ9WYlAgJgfQ0NDbVbQCRZLmQBkTbEAgKg52cQcRYSWUCkDbNxHM/Mzs7e1U0AvaVWq90NGXAvzYJmJnwrIGa+/vrr/168eHFKVwH0lgsXLkyFDLiUZkEWEKUXXnghvXN2o27evHnj2rVrtwYGBpLNmzdv2bBhw2CxWIx0HcDqCmPruvycpZYOkiSJb9++/b9PP/301PHjx/986dKlf4VZxJ2wK51JxOXcDOLezMzMrc8+++xM2F776KOP/hkCYrOAAOhOITyS2dnZW2HmcOHixYvnQ9NcOKS7s4BIFyRms1AJB/47bNODNxTu35Y0m2UA0AXZ0Kxac+xPQ2GmuZ1tZkK9nDs4zs8mmsEQNUtAAHRfQCTNqjXH/rkrmArNECgMDw83Dp6enq7nDr43LxgEBED3BEQ+KOZXYS4gMllQ6DuA3hAmBovuswANwIKK3j0NgBkEAAICAAEBgIAAQEAAICAAEBAACAgAOlnjozaOHTumJwB60MTEhBkEAMsjIABYUHmBtq2h9obaFerJRY4BoPPVjh079lXYfhHq7MTExI2lZhCvhHon1L5QO4UDQNdPEnY2x/x3QliMLhYQR0K9rL8AelYlhMSRfHqkng21J2t87bXXdu/d++PhLVu27IiiqKTPALpPkiTxzZs3r5w7d276xInj55vNe0JIfD4xMXE5C4i92RPefPOt4X379o0Vi8VC0U1GAdZMHCdr/jNKpWipfaVt27btPHTo0NHHHnts6P33/zSdy4TL2TN3ZU948cUfvRRFwgFgPQbvta6HScf6dMwPY38l19zIhOzZg1lrf3//oF8bQG8JY/+m3MNN+YAAgG9xGStAC1Wr1fSv9zX7/sUVrBeYQQC0UJIkbfvaBARAC8VxLCAAEBAAdEFAPLBIXa/X/cYA1kG6gFyr1db0Z6xkTDeDAGiRdPC2SA3Aqv+FLyAAuphFagDWbAZx4sQJAQHAt508ebIQRVFjKyAAaDh16lShVCrNVfpYQAD0uNOn/9H4mO75lbYLCIAedebMmUJ6s8/FKt0vIAB6zOTkZGPN4WGVHicgAHrE1NTUI4VDVunxK+F+EAAttJz7NVQqlXV9bWYQAC2UXn3UrgQEQAv19fUJCAA6KyCsQQC0ULoGsZL7Rj+Mj/sGYNUJCAAEBEC7GRoaatvXVnSLUQDMIAAQEAAICAAEBAACAgABAYCAAEBAACAgABAQAAgIAAQEAAgIAAQEAAICAAEBgIAAQEAAICAAEBAACAgAukg5/e/K/t16AqAH7fjkvBkEAMsjIABYUHmBtq2h9obaFerJRY4BoPPVruzf/VXYfhHq7I5Pzt/I7yzW6/X8GsQroV7WZwA9aSqExOnsQf4U0xHhANDTKmHCcCR7kJ0+ejbUnqxx0y9+tXvg1deHoye27yiUSiV9BrC6yuX1GVprtXjxnXEcJ9evXqn+/YPpu3/8fXY5054QEp+HmcTlLCD2ZscP/frd4Y2vHx0rFouF8A+ADlYqLXEtUikqRd/buXPw5788Gm3dNnT7d7+ZzmXC5eyZu7LjNx46/FIUCQeAXpCO9emYv/HQTyq55kYmZAExmLVGGzcN6jKA3hJt3Lgp93BTPiAAaIFqtdq+oeHXA9A6SZIICAAeFMexgABAQADwiGq1moAAoLMC4oEP4ks/mwmAtVVsvtlsrcfclXx/MwiAFmrnP8oFBEALWaQGoONmEG4GBNAhJicnl/2cSqViBgHQ7Q4cONB45/WjVnr8SggIgA4yMjLySOGQHrdSAgKgw4yOjoYQiBetdP9qEBAAHejgwUMhDOoPVNq+WgQEQIcaGxtrXCabVfp4NQkIgA52+PDhxppDul1tAgKghcrllb/bYHx8fE1em4AAaKG+vr62fW0CAkBACAiAthuEo/YdhgUEAAICAAEB0BGGhoYEBACdOYO4kzXUq9/c1S0AvaVerebH/rv5gPgia505fXJKVwH0lpnTf8uP/Y1MyN7Cdy7UD9Ivbv323en4+vXbA6+OD5ee2L6jUCqVdB1AF4qD61evVE9+MH3nDxPnc3vOpv8V09vdXdm/O/36p6F+qMcAetp/dnxy/i/pF/lF6rTB6SWA3jWVhUNq/qdEnU7TI9TeULtCPVlw32qAblUL9VXh/prD2RAON/I7/y/AANzp1agGeYRxAAAAAElFTkSuQmCC); background-color: transparent; cursor: pointer; height: 38px; margin-bottom: 10px; position: relative; width: 392px; z-index: 9999; }
    div.generalForm div.selectList.invalid { background-position: 0 -111px; }
    div.generalForm div.selectList.active { z-index: 50000; background-position 0 -52px; }

    div.generalForm div.selectList span.contentValue { color: #38484d; display: block; height: 33px; line-height: 38px; margin-left: 10px; padding: 0 10px 0 8px; width: 290px; font-weight: bold; }
    div.generalForm div.selectList div { background: url('/static/images/selectListDropdown.png') no-repeat scroll left bottom transparent; display: none; height: 212px; left: 1px; position: absolute; top: 34px; width: 392px; }
        div.generalForm div.selectList div ul { height: 209px; margin-left: 3px; overflow: auto; width: 384px; }
            div.generalForm div.selectList div ul li { border-top: 1px solid #CCCCCC; color: #38484d; height: 30px; line-height: 30px; margin: 0 5px; padding: 0 10px; }
                div.generalForm div.selectList div ul li:hover { color: #ef8071; }
    div.generalForm div.selectList.active div { display: block; -webkit-overflow-scrolling: touch; }

div.generalForm span.validation { display: block; height: 38px; left: 400px; position: absolute; top: 0; width: 38px; }


div.validationMessage { background: none repeat scroll 0 0 #F4F4F4; border: 2px solid #E8E8E8; border-radius: 4px 4px 4px 4px; color: #545454; font-size: 10px; left: 0; padding: 5px; position: absolute; top: 0; width: 108px; }

    div.validationMessage span.arrow { background: url("/static/images/tooltipArrow.png") no-repeat scroll left center transparent; height: 100%; left: -10px; position: absolute; top: 0; width: 10px; }

div.generalForm div.inputText.invalid span.validation { background: url("/static/images/invalidInput.png") no-repeat scroll 4px 8px transparent; }
div.generalForm div.selectList.invalid span.validation { background: url("/static/images/invalidInput.png") no-repeat scroll 4px 8px transparent; }
div.generalForm div.inputTextArea.invalid span.validation { background: url("/static/images/invalidInput.png") no-repeat scroll 4px 8px transparent; }

div.generalForm div.inputText div.customDisplay { background: none repeat scroll 0 0 #FFFFFF; color: #999999; float: left; height: 31px; left: 17px; line-height: 32px; position: absolute; display: none; top: 4px; width: 328px; }

div.generalForm div.inputText input:focus + div.customDisplay { display: none; }

div.generalForm div.inputText.showCustom div.customDisplay { display: block; }

ul.assemblyList li { border-bottom: solid 1px #d9d9d9; padding: 8px 0 8px 30px; margin: 0 30px; background: url("/static/images/admin_assembly_icon.png") no-repeat scroll 4px 8px transparent; }
    ul.assemblyList li:hover { background: url("/static/images/admin_assembly_blue_icon.png") no-repeat scroll 4px 8px transparent; transition: color 0.3s ease 0s; }
    ul.assemblyList li a { text-decoration: none; color: #6A6A6A; font-size: 14px; }
    ul.assemblyList li:hover a { color: #000; transition: color 0.3s ease 0s; }

ul.templateList li { border-bottom: solid 1px #d9d9d9; padding: 8px 0 8px 30px; margin: 0 30px; background: url("/static/images/admin_template_icon.png") no-repeat scroll 4px 8px transparent; }
    ul.templateList li:hover { background: url("/static/images/admin_template_blue_icon.png") no-repeat scroll 4px 8px transparent; transition: color 0.3s ease 0s; }
    ul.templateList li a { text-decoration: none; color: #6A6A6A; font-size: 14px; }
    ul.templateList li p { color: #6a6a6a; margin-bottom: 0; padding-bottom: 0; }
    ul.templateList li:hover a { color: #000; transition: color 0.3s ease 0s; }

/* datepicker for round calculations */
div.datepicker div.ui-datepicker-header a.ui-datepicker-prev span { width: 50px; padding-left: 0; font-size: 12px; }
div.datepicker div.ui-datepicker-header a.ui-datepicker-next span { width: 50px; padding-left: 0; font-size: 12px; }

div.datepicker table.ui-datepicker-calendar { margin-left: 10px; }
    div.datepicker table.ui-datepicker-calendar th span { padding-left: 0; font-size: 12px; }
    div.datepicker table.ui-datepicker-calendar td { font-size: 12px; text-align: center; border: solid 1px #fff; padding: 4px 0; width: 45px; }
        div.datepicker table.ui-datepicker-calendar td a { color: #fff; text-decoration: none; }
    div.datepicker table.ui-datepicker-calendar tr.selectedMonth td a { font-style: italic; }
    div.datepicker table.ui-datepicker-calendar td.warning { background-color: #fbcb67; }
    div.datepicker table.ui-datepicker-calendar td.crashed { background-color: #e73c2f; }
    div.datepicker table.ui-datepicker-calendar td.calculation a { font-weight: bold; }

div.datepicker div.ui-datepicker-header { position: relative; clear: both; overflow: hidden; width: 340px; height: 30px; }
    div.datepicker div.ui-datepicker-header a.ui-datepicker-prev { position: absolute; left: 0; }
    div.datepicker div.ui-datepicker-header a.ui-datepicker-next { position: absolute; left: 290px; width: 50px; text-align: right; }
    div.datepicker div.ui-datepicker-header div.ui-datepicker-title { position: absolute; left: 70px; width: 200px; text-align: center; }
        div.datepicker div.ui-datepicker-header div.ui-datepicker-title span { font-size: 12px; padding-left: 0; }


ul.calculationList { margin-top: 10px; }
    ul.calculationList > li { overflow: hidden; margin-bottom: 15px; }
    ul.calculationList li div.left { background-image: url("/static/images/admin_date_icon.png"); background-repeat: no-repeat; color: #FFFFFF; float: left; font-size: 16px; font-weight: 700; height: 36px; line-height: 16px; margin-right: 10px; margin-top: 6px; padding-top: 3px; text-align: center; width: 39px; background-position: 0 -117px; }
        ul.calculationList li div.left.finished { background-position: 0 0; }
        ul.calculationList li div.left.crashed { background-position: 0 -39px; }
        ul.calculationList li div.left.calculating { background-position: 0 -78px; }
        ul.calculationList li div.left.time { font-size: 14px; line-height: 32px; }
        ul.calculationList li div.left span.small { font-size: 12px; line-height: 12px; }
    ul.calculationList li div.right { width: 441px; float: left; }

    ul.calculationList h2.eventTitle, ul.calculationList h2.eventTitle a { font-size: 18px; font-weight: 400; color: #000000; }
    ul.calculationList h3.eventPlace, ul.calculationList h3.eventPlace a { font-size: 12px; font-weight: normal; margin-bottom: 5px; }
    ul.calculationList a.financeLink { background: url("/static/images/pdf_small_green.png") no-repeat scroll top left transparent; padding-left: 15px; color: #696969; font-size: 12px; }
    ul.calculationList h3.eventTime { font-size: 12px; font-weight: 700; color: #6a6a6a; height: 21px; background: url('/static/images/eventTime.png') 0 0 no-repeat; padding-left: 30px; line-height: 21px; margin-bottom: 8px; }
    ul.calculationList p.description { font-size: 12px; line-height: 16px; font-style: italic; padding-bottom: 8px; }

/* timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; display: none; }
.ui-timepicker-div dl { text-align: left; margin-top: 8px; }
    .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
    .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-div .ui-slider .ui-slider-handle { cursor: default; height: 1.2em; position: absolute; width: 1.2em; z-index: 2; }
.ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { margin-left: -0.6em; top: -0.2em; }
.ui-timepicker-div .ui-widget-content .ui-state-default, .ui-timepicker-div .ui-widget-header .ui-state-default { background: url("/static/images/inputfield_textbox_tiny_slider_button.png") no-repeat scroll 50% 50%; color: #555555; font-weight: normal; height: 19px; width: 18px; }
.ui-timepicker-div .ui-widget-content { color: #222222; }
.ui-timepicker-div .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-timepicker-div .ui-slider-horizontal { height: 0.8em; }
.ui-timepicker-div .ui-slider { position: relative; text-align: left; background-image: url('/static/images/inputfield_textbox_tiny_slider.png'); }
#ui-datepicker-div { width: 175px; margin-left: -16px; background-image: url('/static/images/inputfield_datetime_select.png'); background-position: left bottom; margin-top: -1px; }
.ui-timepicker-div dt.ui_tpicker_hour_label, .ui-timepicker-div dt.ui_tpicker_minute_label { font-size: 10px; font-family: 'Open Sans',sans-serif; color: #999; margin-left: 17px; }

/* datepicker*/
/* datepicker for round calculations */
#ui-datepicker-div div.ui-datepicker-header a.ui-datepicker-prev span { width: 30px; padding-left: 0; font-size: 10px; }
#ui-datepicker-div div.ui-datepicker-header a.ui-datepicker-next span { width: 30px; padding-left: 0; font-size: 10px; }

#ui-datepicker-div table.ui-datepicker-calendar { margin-left: 10px; }
#ui-datepicker-div table.ui-datepicker-calendar {margin-bottom: 4px; }
    #ui-datepicker-div table.ui-datepicker-calendar th span { padding-left: 0; font-size: 12px; }
    #ui-datepicker-div table.ui-datepicker-calendar td { font-size: 10px; text-align: center; border: solid 1px #fff; padding: 4px 0; width: 20px; }
        #ui-datepicker-div table.ui-datepicker-calendar td a { color: #999; text-decoration: none; }

#ui-datepicker-div div.ui-datepicker-header { position: relative; clear: both; overflow: hidden; width: 150px; height: 30px; margin-left: 12px; }
    #ui-datepicker-div div.ui-datepicker-header a.ui-datepicker-prev { position: absolute; left: 0; }
    #ui-datepicker-div div.ui-datepicker-header a.ui-datepicker-next { position: absolute; left: 120px; width: 30px; text-align: right; }
    #ui-datepicker-div div.ui-datepicker-header div.ui-datepicker-title { position: absolute; left: 30px; width: 90px; text-align: center; }
        #ui-datepicker-div div.ui-datepicker-header div.ui-datepicker-title span { font-size: 12px; padding-left: 0; }

/* list */
ul.menuList li { padding-left: 110px; margin-bottom: 20px; min-height: 72px; cursor: pointer; }
ul.menuList li.gameList {  background: url("/static/images/admin_list_sixdie_icon.png") no-repeat scroll 0 10px transparent;}
    ul.menuList li.noticeList {   background: url("/static/images/admin_list_alert_icon.png") no-repeat scroll 0 10px transparent;}
    ul.menuList li.roundcalculations {   background: url("/static/images/admin_list_clock_icon.png") no-repeat scroll 0 10px transparent;}
    
    ul.menuList li.gameTypes {   background: url("/static/images/admin_list_wrench_icon.png") no-repeat scroll 0 10px transparent;}
    ul.menuList li.logontemplates {   background: url("/static/images/admin_list_form_icon.png") no-repeat scroll 0 10px transparent;}
    ul.menuList li.gametemplates {   background: url("/static/images/admin_list_gametemplate_icon.png") no-repeat scroll 0 10px transparent;}
    ul.menuList li.quiztemplates {   background: url("/static/images/admin_list_question_icon.png") no-repeat scroll 0 10px transparent;}

/* bread crumbs */
#breadcrumbArea {  margin: 5px auto 5px;
    overflow: hidden;
    width: 960px; }
#breadcrumbDetails { overflow: hidden;
                     height: 15px;
}
    #breadcrumbDetails li { float: left; }
        #breadcrumbDetails li > a {background-image: url('/static/images/breadcrumblist.png'); background-repeat: no-repeat;  background-position: right 5px; padding-right: 12px; margin-right: 6px; }
        #breadcrumbDetails li a { color :#000; text-decoration: none;}


/* general login page */
#rightContent.noAnnouncements #gameAnnouncementBox { display: none;}
#rightContent.noAnnouncements #helpdeskBox {border-top-left-radius: 5px; }
#rightContent.noAnnouncements #forgetPasswordBox {border-top-right-radius: 5px; }

div.cookiesEnabled { background: none repeat scroll 0 0 #F1806E; color: #fff; padding: 8px 8px 0 8px; border-radius: 5px; margin-bottom: 20px;}
    div.cookiesEnabled h2 { color: #fff;}

    #countryOverlayBg  
{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    background: url('/static/images/landingspageOverlay.png') top center no-repeat;
    z-index: 9999;
}
#countryOverlayWindow 
{
    width: 500px;
    height: 250px;
    position: absolute;
    left: 50%;
    margin-left: -340px;
    top: 50%;
    margin-top: -175px;
    padding: 50px;
    background: #ffffff url('/static/images/edumundoGlobal.png') 400px 120px no-repeat;
    -webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;
    -webkit-box-shadow: 0 0 5px 5px #ccc;-moz-box-shadow: 0 0 5px 5px #ccc;-o-box-shadow: 0 0 5px 5px #ccc;box-shadow: 0 0 5px 5px #ccc;

}
#countryOverlayWindow ul.countries
{
    margin-top: 25px;
    margin-left: 15px;
    font-size: 18px;
}
#countryOverlayWindow ul.countries li
{
    margin-bottom: 5px;
}
#countryOverlayWindow ul.countries li a
{
    text-decoration: none;
}
#countryOverlayWindow ul.countries li a:hover
{
    color: #31BCE3;
}
#countryOverlayWindow a.close
{
    width: 19px;
    height: 19px;
    display: block;
    text-indent: -9999em;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url('/static/images/closeOverlay.png') 0 0 no-repeat;
   
}

.fa-8x
{
font-size: 8em;
}