/* general design */
body, td, input, select, textarea { font-family:Ubuntu,Verdana,Helvetica; color:#333333; font-size:13px; }
body { margin:0px; padding:0px; background-color:#fff }
body.bluebg { background-color:#9cc; background-image:url('http://images.iagora.net/images/misc/spring.gif');  }
body.bil { background:#def }
div#whitebg { width:1000px; background-color:#fff; margin:10px auto; text-align:left; border-radius:6px; position:relative }
div#whitebg_home1 { width:1000px; background-color:#fff; margin:4px auto 0 auto; text-align:left; position:relative }
div#whitebg_bil { width:1025px; background-color:#fff; margin:0 auto; text-align:left; position:relative }
div#body_home2 { width:1000px; background-color:#fff; margin:12px auto 0 auto; text-align:left; position:relative }

a { color: #36f; text-decoration: none; }
a:hover { text-decoration: underline; }
a.ul { text-decoration: underline; }
a:visited { color: #58f; }
a:hover.neverline { text-decoration: none; }
::-webkit-input-placeholder { font-style:italic }
:-moz-placeholder { font-style:italic }
::-moz-placeholder { font-style:italic }
:-ms-input-placeholder { font-style:italic }

span.quasilink { color: #36f; text-decoration: none; cursor: pointer; }
span:hover.quasilink { text-decoration: underline; }

h1, h2 { padding: 0px; margin: 0px; font-weight: normal; display: inline; }

span.bigquot { font-size: 15px; font-family:"Times New Roman"; font-weight: bold; }

.dark { color: #333; }
.black { color: #000; }
.light { color: #666; }
.clink { color: #36f; }
.bluish { color: #399; }
.lbluish { color: #9cc; }
.blue { color: #44f; }
.prblue { color: #58c4e9; }
.bror, a.bror { color: #f90; } /* brown-orange */
.brrd { color: #f60; } /* brown-red */
.brn { color: #d74; } /* brown */
.dbrn { color: #941; } /* dark brown */
.g8 { color: #888; }
.ga { color: #aaa; }
.red { color: #c00; }
.bred { color: #f44; }
.grn { color: #009036; }
.white { color: #fff; }

.sm { font-size: 11px; }
.sm12 { font-size: 12px; }
.reg { font-size: 13px; }
.reg14 { font-size: 14px; }
.mid { font-size: 15px; }
.tit { font-size: 17px; }
.bigger { font-size: 19px; }

.lh1 { line-height: 1px; padding: 0px; font-size: 1px; }

.rad5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rad10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.cpoint { cursor: pointer }

/* rounded buttons with gradient on hover */
div.hbgreen, input.hbgreen, span.hbgreen {
  border: 1px solid #5bbf5b;
  background-color: #85d485;
  -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
  text-align: center;
  cursor: pointer;
}
div:hover.hbgreen, input:hover.hbgreen, span:hover.hbgreen {
  border: 1px solid #0b0;
  background: -moz-linear-gradient(top,  #95dc95,  #57bd57);
  background: -webkit-gradient(linear, left top, left bottom, from(#95dc95), to(#57bd57));
}

div.hbgreen2, input.hbgreen2, span.hbgreen2 {
  border: 1px solid #6bae29;
  background-color: #79c729;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
div:hover.hbgreen2, input:hover.hbgreen2, span:hover.hbgreen2 {
  border: 1px solid #4b8e10;
  background: -moz-linear-gradient(top,  #7dcd29,  #83be48);
  background: -webkit-gradient(linear, left top, left bottom, from(#7dcd29), to(#83be48));
}

div.hbgrey, span.hbgrey, input.hbgrey  {
  border: 1px solid #bbbbbb;
  background-color: #bbbbbb;
  -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
  text-align: center;
  cursor: pointer;
}
div:hover.hbgrey, span:hover.hbgrey, input:hover.hbgrey  {
  border: 1px solid #555;
  background: -moz-linear-gradient(top,  #cccccc,  #a4a4a4);
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#a4a4a4));
}
div.hbred, span.hbred, input.hbred  {
  border: 1px solid #f5d956;
  background-color: #f9f7ca;
  -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
  text-align: center;
  cursor: pointer;
}
div:hover.hbred, span:hover.hbred, input:hover.hbred  {
  border: 1px solid #f5d956;
  background: -moz-linear-gradient(top,  #fefed0,  #eee6ba);
  background: -webkit-gradient(linear, left top, left bottom, from(#fefed0), to(#eee6ba));
}

div.hborange, span.hborange, input.hborange  {
  border: 1px solid #fa8300;
  background-color: #fa8300;
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
  text-align: center;
  cursor: pointer;
}
div:hover.hborange, span:hover.hborange, input:hover.hborange  {
  border: 1px solid #da7200;
  background: -webkit-linear-gradient(top, #ffaa00,  #fa6e00);
  background: linear-gradient(#ffaa00,  #fa6e00);
}
div.hborange2, span.hborange2, input.hborange2  {
  border:1px solid #444;
  background-color: #fa8300;
  border-radius: 15px;
  background: -webkit-linear-gradient(top, #ffaa00,  #fa6e00);
  background: linear-gradient(#ffaa00,  #fa6e00);
  text-align: center;
  text-shadow: 0 1px 1px rgba(0,0,0,.7); 
  cursor: pointer;
}
div:hover.hborange2, span:hover.hborange2, input:hover.hborange2  {
  background: -webkit-linear-gradient(top, #ffbb00,  #fd7800);
  background: linear-gradient(#ffbb00,  #fd7800);
}

/* images that change on hover */
div.hoverimg1 { position: relative; top: 0px; left: 0px }
img.img_regular { z-index: 3; position: absolute; top: 0px; left: 0px; }
img.img_hover { z-index: 2; position: absolute; top: 0px; left: 0px; }
span.hovera { cursor: pointer }

/* main nav bar */
a.tll { color:#fff; text-decoration:none;  }
a:visited.tll { color: #fff }	/* IE6 */
a:hover.tll { text-decoration: none }

/* page footer */
div#mobile-link { display:none; text-align:center; padding:15px 0 10px 0; font-size:15px }
div#mobile-link a { color:#333; padding:5px 10px; font-size:15px; background:#fff; border-radius:5px }
div#footer { width: 1000px; background-color: #cff; margin-top: 10px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
div.mbot { margin-bottom: 8px }

/* studies uni listings, uni page, languages listings */
div.uni-holder { position: relative; width: 500px; }
div.uni-right { position: absolute; top: 0px; left: 405px; width: 90px; }
div.uni-main { position: relative; top: 0px; left: 0px; width: 400px; }
div.langschool-main { position: relative; top: 0px; left: 0px; width: 480px; }
div.tbar { width: 82px; height: 8px; border: 1px solid #9cc; position: relative; }
div.pbar { width: 82px; height: 8px; border: 1px solid #090; position: relative; background-color: #cfc; }
div.trat { position: absolute; top: -3px; left: 86px; font-size:10px; color: #399; font-weight: bold; }
img.stars { vertical-align: middle; position: relative; top: -2px; margin: 0 5px; }

/* paging */
#pagecounter { width:100%; height: 23px; background-color: #e6fbfb; }
#pagecounter div { display: inline; font-size: 11px; line-height: 20px; padding: 0px 4px 0px 4px; }
#pagecounter div.count { float: left; }
#pagecounter div.browse { float: right; }
#pagecounter a { color: #4444ff; }
#pagecounter select { border: 1px solid #999; }

/* home boxes; home_box also used for Mobility Sponsors all over the site */
div.home_box { -moz-border-radius: 12px; border-radius: 12px; -webkit-border-radius: 12px }
div.home_for { border: 2px solid #0c3; padding-top: 6px; width: 220px; height: 46px; text-align: center }
span.hfor1 { font-size: 18px; color: #194 }
span.hfor2 { font-size: 13px; color: #8b1 }
div:hover.home_for { 
  background: -moz-linear-gradient(top,  #95dc95,  #57bd57);
  background: -webkit-gradient(linear, left top, left bottom, from(#95dc95), to(#57bd57));
}
div:hover.home_for span.hfor1, div:hover.home_for span.hfor2, div:hover.home_for a { color: #fff; text-decoration: none }
div.hwstl { text-align: center; position: absolute; top: 210px; width: 207px; height: 80px; z-index: 1 }
div.hwstl_left { text-align: center; position: absolute; top: 210px; width: 207px; height: 80px; z-index:1; background-color: #c1b742; left: 10px; }
div.hwstl_center{ text-align: center; position: absolute; top: 210px; width: 207px; height: 80px; z-index:1; background-color: #f90; left: 260px; }
div.hwstl_right{ text-align: center; position: absolute; top: 210px; width: 207px; height: 80px; z-index:1; background-color: #01aef7; left: 510px; }

div:hover.hwstl_left a, div:hover.hwstl_center a , div:hover.hwstl_right a {text-decoration: none } 
div:hover.hwstl a { text-decoration: none }
div.hwstl-tit { color: #fff; font-size: 18px; padding: 7px 0 5px 0 }
span.hwstl2 { color: #f6f682; font-size: 14px }
span.hwstl3 { color: #4469d7; font-size: 14px }
span.hwstl4 { color: #c4f4f5; font-size: 14px }
/*special homeboxes with gradients*/
div:hover.hwstl_left { background: -moz-linear-gradient(top center , #838309, #c4c126); }
div:hover.hwstl_center { background: -moz-linear-gradient(top center ,  #d96c1a , #fda601); }
div:hover.hwstl_right { background: -moz-linear-gradient(center top , #01759a , #00bdf7 ); }
div.hide_div { display: none; }

div#id__scroller a { color: #647a35 }
hr.hbox_hr { width: 95%; border: none; height: 1px; color: #ccc; background-color: #ccc; }
div.hbcont1 { margin: 10px 8px 0 8px; width: 211px; height: 68px; overflow: hidden; 
  position: relative /* ie6 needs this 'position' */ }
div.hbcont2 { position: relative; top: 0px; left: 0px; width: 211px; height: 68px; }
div.hbcont3 { position: absolute; top: 0px; width: 211px; }
img.hbcontimg { position: absolute; left: 0px; top: 0px; border: 1px solid #aaa; }

/* error messages */
div#id__show_errors { text-align: center; display: none; width: 400px; margin: 15px auto; border: 1px solid #c00; display: none; padding: 5px; border-radius:2px; }
div.error_msg { font-size:13px; color: #c00 }
input.error_highlight, select.error_highlight, div.error_highlight, span.error_highlight { border: 1px solid #c00; }

/* info messages */
div.msg { text-align: center; background-color: #f90; padding: 6px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 14px }
div.msg a { color: #4c65ce; text-decoration: underline; }

/* jquery ui */
ul.ui-widget { font-family: Ubuntu,Verdana,Helvetica }
span.ui-autocomplete-category { font-weight: bold; padding: .5em .4em .2em .4em; margin: .8em 0 0 0; line-height: 1.5 }

/* squarer input fields */
input.sq { border:1px solid #aaa; padding:3px; border-radius:2px }
input.sq.error_highlight { border:1px solid #c00 }

/* standard css-based clearing of floats */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }

/* recos cards */
div.reco-card { border:1px solid #ccc; overflow:auto; border-radius:5px; width:313px; padding:10px; margin-bottom:10px; background:#fff }
div:hover.reco-card { border:1px solid #aaa  }
table.recos-btns td { color:#fff; padding:11px 5px; opacity:.5; cursor:pointer }
div:hover.reco-card table.recos-btns td { opacity:1 }
table.recos-btns img { position:relative; top:1px }
div.reco-card .reco-title { margin-bottom:12px; font-size:15px; line-height:17px; max-height:34px; overflow:hidden; }
div.reco-card .bil-ad { padding-right:5px }
div.reco-card .co-logo { float:left; border:1px solid #ddd; margin-right:10px; height:50px; width:60px }
div.reco-card .flag { vertical-align:middle; padding-right:3px; position:relative; top:-1px }
div.reco-card .but1 { background:#0c3 }
div.reco-card .but2 { background:#f90 }
div.reco-card .but3 { background:#f00 }
div.reco-card .tags { font-size:13px; color:#666; margin:10px 0 }
div.reco-card .stats { margin:20px auto 15px auto }
div.reco-card .stats2 { width:8px; border-right:1px solid #ccc }
div.reco-card .stats3 { width:8px }

/* cookie consent */
#id__cookieok { display:none; position:fixed; width:100%; background-color:#bbb; opacity:.9; margin:0; left:0; bottom:0; padding:10px 5px; z-index:1000; text-align:center; color:#200; font-size:15px; }
#id__cookieok a.learnmore { text-decoration:underline }
#id__cookieok a.ok { display:inline-block; color:#f90; background-color:#444; padding:2px 10px; border-radius:2px; margin-left:16px }

.close-cross { position:absolute; right:5px; top:5px; width:24px; height:24px; opacity:.4 }
.close-cross:hover { opacity:.6 }
.close-cross:before, .close-cross:after { position:absolute; left:10px; content:' '; height:25px; width:2px; background:#333 }
.close-cross:before { transform:rotate(45deg); -ms-transform:rotate(45deg) }
.close-cross:after { transform:rotate(-45deg); -ms-transform:rotate(-45deg) }

@media screen and (max-width:999px) {
  div#mobile-link { display:block }
}

/* new global frame - preparing for responsive switch */
#topbar { width:100%; position:relative; box-sizing:border-box; height:96px; padding-top:20px }
#topbar.bil { height:126px; padding-top:35px }
#logo { width:100px; height:48px; position:absolute; left:0px; top:4px; width:180px; height:86px; margin-left:8px }
.topbar-right-elt { width:48px; height:48px; float:right; position:relative; border-left:1px solid #ccc }
#lang-webdropdown3 { display:inline-block; width:auto; padding:12px 8px 0 10px; font-size:15px; cursor:pointer }
#lang-webdropdown3 img { vertical-align:middle }
#lang-wd-flag { margin-top:-2px }
img#userimg { width:32px; height:32px; padding:12px 10px 16px 8px; border-left:none }
div#userimg { padding:9px 0 0 8px; border-left:none }
#userimg-hole { width:38px; height:38px; margin:0; border-radius:24px; overflow:hidden; position:relative }
#userimg-hole img { position:relative }
#top-usrmsg { display:block; float:right; padding:20px 14px 0 0; color:#666 }
.loginmsg { display:inline-block; width:auto; height:42px; float:right; border-left:1px solid #ccc; padding:18px 8px 0 10px; font-size:15px }
.loginmsg + .loginmsg { border-left:none }
#search-input { border:1px solid #ddd; border-right:none; width:300px; height:30px; font-size:15px; padding:0 8px; color:#444; background:#fff; border-radius:0; transition:width .4s; -webkit-transition:width .4s; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; vertical-align:middle }
#search-outer { position:absolute; top:139px; right:20px; margin:12px 24px 0 0 }
#search-outer.bil { top:169px }
#search-submit { vertical-align:middle; cursor:pointer; background:#e5e5e5; border:1px solid #fff; padding:0 12px; height:30px; width:30px; }
#search-input { height:32px; width:280px }
#burgeropen, #useropen { display:none; position:absolute; right:0px; width:320px; background:#fff; border:1px solid #ccc; border-right:none; z-index:300 }
#burgeropen { border-top:1px solid #eee }
.burger-one { box-sizing:border-box; height:49px; border-bottom:1px solid #eee; padding:15px 0 0 14px }
.burger-one a { font-size:15px; color:#36f; text-decoration:none }
.burger-one a:visited { color:#36f; }
.burger-one .l1 { color:#333; font-size:15px; }
#user-fullname { color:#333; font-size:15px; font-weight:bold }
#user-email { color:#888; font-size:11px }
.burger-lang { height:48px; border-bottom:1px solid #eee }
.burger-langtxt { float:left; padding:15px 0 0 14px; font-size:15px }
.burger-langtxt a { text-decoration:none; color:#36f }
.burger-langtxt a:visited { color:#36f; }
#backbox { width:100%; height:48px; background:#09d; position:relative; text-align:center; color:#fff; font-size:18px }
#backbox div { padding-top:14px }
#backbox .arrow { height:48px; width:48px; position:absolute; left:0px }
#menubox-outer { height:48px }
#menubox { height:48px; background:#09d; }
#menubox > div, #menubox > a { display:inline-block; line-height:44px; border-bottom:4px solid #09d; color:#dff; font-size:13px; padding:0 6px; min-width:34px; text-align:center }
#menubox > div.active, #menubox > a.active { color:#fff; border-bottom:4px solid #07a }
#menubox > div, #menubox > a { font-size:15px; padding:0 10px } 
#menubox > a:first-child { padding-left:18px } 
a.green-title { display:inline-block; background:#03ca3b; float:right; padding:0 60px; line-height:48px; color:#fff; font-size:17px }
a:visited.green-title { color:#fff }
#global-dropdown { cursor:pointer; float:left; background:#3fbde6; line-height:48px; color:#fff; font-size:16px; padding:0 8px 0 14px }
#global-open { display:none; position:absolute; z-index:7 }
#global-open a { display:block; line-height:48px; background:#3fbde6; color:#fff; font-size:16px; padding:0 15px; width:230px; text-transform:uppercase }
#global-open a.green { background:#03ca3b }
#crumbs { display:block; box-sizing:border-box; padding:12px 420px 12px 15px; background:#e5e5e5; line-height:24px; margin-bottom:18px; min-height:48px }
#mnavbar2 { display:block; box-sizing:border-box; height:48px; width:100%; background:#39c; font-size:19px; } 
#mnavbar2 a { display:inline-block; padding:0 18px; box-sizing:border-box; line-height:48px; color:#fff }
#mnavbar2 a.active { background:#3fbde6 }
#mnavbar2 a.green-title { font-size:19px }
.green-ball { background:#05aa11; width:12px; height:12px; border-radius:7px }
#logos { display:block; float:right; height:82px; margin:-12px 20px 0 0 }
#logos img { border:1px solid #ccc; margin-right:8px; width:96px; height:80px }
#logos.space { margin-right:100px }
.share-mobe { display:inline-block } 
.share-mobe img { margin:0 2px; vertical-align:middle; cursor:pointer }
.share-mobe.tighter img { margin:0 }