/* hack for 6 IE */
body, form {padding: 0; margin: 0;}
a img {border: none;}
h1, h2, h3, h4, h4 {padding: 0; margin: 0; font-weight: normal;}
p {margin: 0; padding: 0;}

/* for all page */
html, body{height:100%;}


body {text-align: center; width: 100%; height: 100%; background: #FFF; color: #4d4d4d;}
body, td, p {font-size: 11px; font-family: Verdana, Arial, sans-serif;}

table {width: 100%;}
a {color: #008CD2; text-decoration: none;}
a:hover {text-decoration: underline;}
hr {border: none; height: 1px; border-top: 1px solid #2ea8ff;}

/* MAIN */
.main {width: 900px; position: relative;}
.main td {vertical-align: top;}
.head {background: #FFF url(/public/images/head/top.jpg); width: 900px; height: 181px; text-align: left;}
.head .menu {width: 155px; padding-top: 44px; text-align: left;}
.head .menu a {display: block}

.search {width: 900px; height: 82px; background: #FFF url(/public/images/head/search.jpg); margin-bottom: 11px;}
.search input {height: 18px; width: 93px; font-size: 11px;}
.search select {position: absolute; width: 108px; height: 23px; top: 217px; overflow: auto;}
.search .age, .search .language, .search .country, .search .city, .search .education_type, .search .school {position: absolute; top: 249px; left: 104px;}
.search .language {left: 230px;}
.search .country {left: 353px;}
.search .city {left: 478px;}
.search .education_type {left: 603px;}
.search .school {left: 727px;}
.search .submit, .search .submit-hover {position: absolute; right: 4px; top: 217px; width: 47px; height: 65px;}
.search .submit-hover {background: url(/public/images/base/fast_seach_submit.gif) no-repeat;}

.search .age-autosuggest, .search .language-autosuggest, .search .country-autosuggest, .search .city-autosuggest, .search .education_type-autosuggest, .search .school-autosuggest {position: absolute; top: 268px; color: black; background-color: white; display: none; border: 1px solid black; z-index: 100;}
.age-autosuggest {left: 105px; width: 120px; height: 300px; overflow: auto;}
.language-autosuggest {left: 231px; width: 200px;}
.country-autosuggest {left: 354px; width: 200px;}
.city-autosuggest {left: 479px; width: 200px; height: 300px; overflow: auto;}
.education_type-autosuggest {left: 604px; width: 290px;}
.school-autosuggest {left: 598px; width: 300px; height: 300px; overflow: auto;}

.search div.row {text-align: left; padding: 3px; cursor: pointer; cursor: hand;}
.search div.hover {background-color: #EDF9DC;}

.footer {background: #FFF url(/public/images/footer/footer.jpg); width: 900px; height: 86px; margin-top: 11px; position: relative;}
.footer div.copy {text-align: right; padding: 22px 220px 0 0; color: #5d5e61;}
.footer div.sg {position: absolute; left: 30px; top: 10px; width: 200px; height: 60px;} 

td.left {padding: 0;}
td.left td {vertical-align: middle;}
td.left .content {text-align: center;  vertical-align: middle; background: #fffbf3 url(/public/images/base/blue.gif) left repeat-y; color: #425c7a; line-height: 14px; padding: 0;}
td.left .rightBack {background: url(/public/images/base/blue.gif) right repeat-y; vertical-align: middle; padding-top: 28px;}
td.left .content b, td.left .content strong {color: #1a75b5;}
td.left .red .content b, td.left .red .content strong {color: #FFF;}
td.left .red .content {color: white;}
td.left .red .content a {color: white;}
td.left .red .rightBack {background:  #ff0000;}

.rounded .t {background: url(/public/images/base/blue.gif) top repeat-x;}
.rounded .b {background: url(/public/images/base/blue.gif) bottom repeat-x;}
.rounded .content {background: url(/public/images/base/blue.gif) left repeat-y; border-right: 1px solid #57a8ff; width: 100%; padding: 24px 30px; line-height: 16px;}
.rounded .content img {margin: 10px 20px;}

.rounded .small .content {padding: 5px 10px !important;}

.index .rounded .content {padding: 24px 25px !important;}

.spec {height: 221px; background: #FFF url(/public/images/base/spec.gif) center bottom no-repeat; position: relative;}
.spec td.text {padding: 35px 10px 10px 10px; color: white; font-size: 18px; line-height: 18px; text-align: right; vertical-align: top;}
.spec td.img {padding: 0 20px 0 5px; vertical-align: top;} 
.spec td strong {font-weight: bold;}
.spec td a {font-size: 17px; color: white;}
.spec td a.more {font-size: 14px; color: white;}
.spec .expires {position: absolute; top: 140px; left: 130px; color: white; width: 150px; text-align: right;}

.news .row {background-color: #edf9dc; margin-bottom: 15px; padding: 30px 0;}
.news .row .img {padding: 0 30px; vertical-align: top;}
.news .row h2 {color: #1a8aff; font-weight: bold; font-size: 13px;}
.news .row .hr {padding-right: 30px;}
.news .row .description {padding-right: 30px; text-align: justify;}
.news .row .more {padding: 10px 30px 0 0; text-align: right;}
.news .archive {padding: 10px 30px 0 0; text-align: right;}
.news .pager {padding: 10px 30px 0 0; text-align: center;}
.news .pager a {font-size: 12px;}
.news .header img {margin: 0;}

.articles .row {background-color: #edf9dc; margin-bottom: 15px; padding: 30px 0;}
.articles .row .img {padding: 0 30px; vertical-align: top;}
.articles .row h2 {color: #1a8aff; font-weight: bold; font-size: 13px;}
.articles .row .hr {padding-right: 30px;}
.articles .row .description {padding-right: 30px; text-align: justify;}
.articles .row .more {padding: 10px 30px 0 0; text-align: right;}
.articles .archive {padding: 10px 30px 0 0; text-align: right;}

.articles .pager {padding: 10px 30px 0 0; text-align: center;}
.articles .pager a {font-size: 12px;}
.articles .header img {margin: 0;}

.items .row {background-color: #edf9dc; margin-bottom: 15px; padding: 30px 0;}
.items .row .pad {padding: 0 30px; text-align: justify;}
.items .row .img {padding: 0 30px;}
.items h2 {color: #1a8aff; font-weight: bold; font-size: 13px;}
.items .row .hr {padding-right: 30px;}
.items .row .description {padding-right: 30px; text-align: justify;}
.items .row .more {padding: 10px 30px 0 0; text-align: right;}

table.search_note td {padding: 0;}
div.search_note {width: 300px;}
div.search_note b {color: #5189fb;}

.school_info {background-color: #fffbf3;}
.school_info .text {padding: 10px 30px; text-align: justify; text-align: justify; vertical-align: top;}
.school_info td.right {padding: 10px;}
.school_info td.right table {border-collapse: separate; border-spacing: 2px;}
.school_info td.right img {margin: 0;}


.school_info .lang {background-color: #ffeac1; padding: 1px 5px; text-align: right; color: #146fcf; font-weight: bold; margin-bottom: 10px; white-space: nowrap;}
.school_info div.right td {background-color: #68696c; vertical-align: middle;}
.school_info div.right td div {width: 120px; height: 80px;}

.itemstable {background-color: #FFF;}
.itemstable table {border-collapse: separate; border-spacing: 1px;}
.itemstable th {background-color: #619bdb; color: white; padding: 9px; text-align: center; font-weight: bold; font-size: 11px;}
.itemstable td {padding: 9px; font-size: 11px; border: none !important;}
.itemstable td.int {text-align: right; white-space: nowrap;}
.itemstable tr.blue td {background-color: #d8edff;}
.itemstable tr.green td {background-color: #edf9dc;}

.legend {padding-top: 20px; line-height: 14px;}
.legend td {white-space: nowrap; color: #146fcf;}
.legend td.pad {padding-right: 100px;}

.mainlink {position: absolute; right: 37px; top: 47px; width: 500px; height: 150px;}

.delimeter {padding-left: 10px;}

.logo {text-align: center;}

.head_title {padding-bottom: 15px;}
.head_title img {margin: 0 !important;}

.blue .row {background: #d8ebff !important;}

.items_search form {background-color: #f0fee6; }
.items_search table {border: 1px solid #8db7fb;}
.items_search td {padding: 10px;}
.items_search td select {width: 400px;}
.items_search td.label {text-align: right; width: 100%; vertical-align: middle; font-weight: bold; color: #133d70;}
.items_search .submit  {background-color: #8db7fb;}
.items_search td.submit {text-align: right; padding: 10px;}

.search_results h1 {color: #1a8aff; font-weight: bold; font-size: 13px;}
.search_results table {border-collapse: separate; border-spacing: 1px;}
.search_results tr.green td {background-color: #f0f9dc;}
.search_results tr.gray td {background-color: #e7e6e6;}
.search_results td {padding: 5px; border: 1px solid white;}
.search_results td.hover {border: 1px solid #00ab54;}
.search_results td.hover a {color: #00ab54;}
.search_results td.active {border: 1px solid #00ab54;}
.search_results td.active a {color: #00ab54;}

.main-link {text-align: right; padding-right: 20px;}

.left-back {height: 100%; background: url('/public/images/base/back.gif') right ;}
.left-back table, .left-back td {height: 100%; width: 100%;}
.left-back td {background: url('/public/images/base/left-back.gif') right repeat-y;}

.right-back {height: 100%; position: relative; background: url('/public/images/base/back-right.gif') 2px 0;}
.right-back table, .right-back td {height: 100%; width: 100%;}
.right-back td {background: url('/public/images/base/right-back.gif') left repeat-y;}

.center-main {padding: 0 15px 15px 15px; background-color: #fff; vertical-align: top;}

.site_search {
  float: left; 
  margin-top: 7px;
  display: none;
}

.site_search_input {
  font-size: 10px;
  border: 1px solid #999;
  height: 17px;
  width: 200px;
  color: #999;
}

.site_search_submit {
  border: 1px solid #f00;
  background: #f00;
  color: #fff;
  height: 17px;
  font-size: 10px;
}