.dropdown-bg #close-dropdown { display: none !important; }

.inline-block {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.border-left-right {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
#bg .light {
  background-color: #f8f8f8;
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(top, #ffffff, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
#bg .dark-blue {
  background-color: #262b30;
  background-image: -moz-linear-gradient(top, #1d2024, #343b42);
  background-image: -ms-linear-gradient(top, #1d2024, #343b42);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d2024), to(#343b42));
  background-image: -webkit-linear-gradient(top, #1d2024, #343b42);
  background-image: -o-linear-gradient(top, #1d2024, #343b42);
  background-image: linear-gradient(top, #1d2024, #343b42);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d2024', endColorstr='#343b42', GradientType=0);
}
#bg .dark {
  background-color: #1b2023;
  background-image: -moz-linear-gradient(top, #23282c, #0f1416);
  background-image: -ms-linear-gradient(top, #23282c, #0f1416);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#23282c), to(#0f1416));
  background-image: -webkit-linear-gradient(top, #23282c, #0f1416);
  background-image: -o-linear-gradient(top, #23282c, #0f1416);
  background-image: linear-gradient(top, #23282c, #0f1416);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23282c', endColorstr='#0f1416', GradientType=0);
}
/* Less
-------------------------------------------------------------- */
.link {
  color: #0077d3;
  text-decoration: none;
}
.link:visited {
  color: #0077d3;
}
.link:hover {
  color: #3aa9ff;
}
.link:active {
  color: #003d6d;
}
.reverse-link {
  color: #3aa9ff;
  text-decoration: none;
}
.reverse-link:visited {
  color: #3aa9ff;
}
.reverse-link:hover {
  color: #0077d3;
}
.reverse-link:active {
  color: #003d6d;
}
/* v8-grid: Defines the grid system. Colors, borders, and other formatting of the bars and columns should be used in another stylesheet.*/
/* v8-typography: Defines headings, paragraphs, lists, and other inline type elements*/
/* html5 reset
-------------------------------------------------------------- */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
block quote,
pre,
abbr,
address,
cite,
code,
del,
den,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
field set,
form,
label,
legend,
table,
caption,
tbody,
toot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
group,
menu,
nav,
section,
time,
mark,
audio,
video {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
}
article,
aside,
figure,
footer,
header,
group,
nav,
section {
  display: block;
}
img,
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
a {
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  font: 100%;
}
th {
  font-weight: 700;
  vertical-align: bottom;
}
td {
  font-weight: 400;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 10px 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre-line;
  word-wrap: break-word;
}
input[type="checkbox"] {
  vertical-align: baseline;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
a:hover,
a:active {
  outline: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: 700;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -5px;
}
sub {
  bottom: -2.5px;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
input[type="radio"],
.ie6 input {
  vertical-align: text-bottom;
}
/* Grid CSS
-------------------------------------------------------------- */
/* A container should group all your columns. */
.container {
  margin: 0 auto;
  width: 960px;
}
/* Columns */
/* Sets up basic grid floating and margin. */
.bar-2-1,
.bar-3-1,
.bar-3-2,
.bar-4-1,
.bar-4-2,
.bar-4-3,
.bar-5-1,
.bar-5-2,
.bar-5-3,
.bar-5-4 {
  float: left;
  margin-right: 20px;
  padding: 15px 0;
}
.span-2-1,
.span-3-1,
.span-3-2,
.span-4-1,
.span-4-2,
.span-4-3,
.span-5-1,
.span-5-2,
.span-5-3,
.span-5-4,
.span-6-1 {
  float: left;
  margin-right: 20px;
}
.last {
  margin-right: 0 !important;
}
/* "FULL" column definitions, i.e. spans entire container */
.full {
  background: white;
  padding: 50px;
  width: 860px;
}
.full .span-2-1 {
  width: 420px;
}
.full .span-3-1 {
  width: 273px;
}
.full .span-3-2 {
  width: 567px;
}
.full .span-4-1 {
  width: 200px;
}
.full .span-4-2 {
  width: 420px;
}
.full .span-4-3 {
  width: 640px;
}
.full .span-5-1 {
  width: 156px;
}
.full .span-5-2 {
  width: 332px;
}
.full .span-5-3 {
  width: 508px;
}
.full .span-5-4 {
  width: 684px;
}
.full .span-6-1 {
  width: 126px;
}
/* "BAR" column definitions, i.e. are individual bars/boxes inside the container which can also contain columns */
.bar-2-1 {
  width: 470px;
}
.bar-2-1 .row {
  width: 430px;
}
.bar-2-1 .span-2-1 {
  width: 205px;
}
.bar-2-1 .span-3-1 {
  width: 130px;
}
.bar-2-1 .span-3-2 {
  width: 280px;
}
.bar-2-1 .span-4-1 {
  width: 92px;
}
.bar-2-1 .span-4-3 {
  width: 316px;
}
.bar-3-1 {
  width: 306px;
}
.bar-3-1 .row {
  width: 266px;
}
.bar-3-1 .span-2-1 {
  width: 123px;
}
.bar-3-1 .span-3-1 {
  width: 75px;
}
.bar-3-1 .span-3-2 {
  width: 170px;
}
.bar-3-1 .span-4-1 {
  width: 51px;
}
.bar-3-1 .span-4-3 {
  width: 195px;
}
.bar-3-2 {
  width: 634px;
}
.bar-3-2 .row {
  width: 592px;
}
.bar-3-2 .span-2-1 {
  width: 286px;
}
.bar-3-2 .span-3-1 {
  width: 184px;
}
.bar-3-2 .span-3-2 {
  width: 388px;
}
.bar-3-2 .span-4-1 {
  width: 133px;
}
.bar-3-2 .span-4-3 {
  width: 435px;
}
.bar-4-1 {
  width: 225px;
}
.bar-4-1 .row {
  width: 185px;
}
.bar-4-1 .span-2-1 {
  width: 82px;
}
.bar-4-1 .span-3-1 {
  width: 48px;
}
.bar-4-1 .span-3-2 {
  width: 116px;
}
.bar-4-1 .span-4-1 {
  width: 31px;
}
.bar-4-1 .span-4-3 {
  width: 134px;
}
.bar-4-3 {
  width: 715px;
}
.bar-4-3 .row {
  width: 675px;
}
.bar-4-3 .span-2-1 {
  width: 327px;
}
.bar-4-3 .span-3-1 {
  width: 211px;
}
.bar-4-3 .span-3-2 {
  width: 443px;
}
.bar-4-3 .span-4-1 {
  width: 153px;
}
.bar-4-3 .span-4-3 {
  width: 500px;
}
.bar-5-1 {
  width: 176px;
}
.bar-5-1 .row {
  width: 136px;
}
.bar-5-1 .span-2-1 {
  width: 58px;
}
.bar-5-1 .span-3-1 {
  width: 32px;
}
.bar-5-1 .span-3-2 {
  width: 84px;
}
.bar-5-1 .span-4-1 {
  width: 19px;
}
.bar-5-1 .span-4-3 {
  width: 97px;
}
.bar-5-2 {
  width: 372px;
}
.bar-5-2 .row {
  width: 332px;
}
.bar-5-2 .span-2-1 {
  width: 156px;
}
.bar-5-2 .span-3-1 {
  width: 97px;
}
.bar-5-2 .span-3-2 {
  width: 214px;
}
.bar-5-2 .span-4-1 {
  width: 68px;
}
.bar-5-2 .span-4-3 {
  width: 244px;
}
.bar-5-3 {
  width: 568px;
}
.bar-5-3 .row {
  width: 528px;
}
.bar-5-3 .span-2-1 {
  width: 254px;
}
.bar-5-3 .span-3-1 {
  width: 162px;
}
.bar-5-3 .span-3-2 {
  width: 345px;
}
.bar-5-3 .span-4-1 {
  width: 117px;
}
.bar-5-3 .span-4-3 {
  width: 391px;
}
.bar-5-4 {
  width: 764px;
}
.bar-5-4 .row {
  width: 724px;
}
.bar-5-4 .span-2-1 {
  width: 352px;
}
.bar-5-4 .span-3-1 {
  width: 228px;
}
.bar-5-4 .span-3-2 {
  width: 476px;
}
.bar-5-4 .span-4-1 {
  width: 166px;
}
.bar-5-4 .span-4-3 {
  width: 538px;
}
.container {
  display: block;
}
.container:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix,
* html .container {
  height: 1%;
}
/* Regular clearing
   apply to column that should drop below previous ones. */
.clear {
  clear: both;
}
/* v8 typography
-------------------------------------------------------------- */
/*font*/
body {
  color: #333333;
  font-family: "Helvetica", Lucida Grande, Tahoma, Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
}
.elegant {
  font-family: "Georgia", Times New Roman, Times, serif;
}
.white {
  color: #fff;
}
.capitalize {
  text-transform: capitalize;
}
/*headings*/
/*h1{font-size: 1.5em; font-weight: 600; line-height: 1.6em; margin: 0 0 5px 20px;}*/
h2 {
  font-size: 28px;
  font-weight: normal;
  line-height: 30px;
  margin: 0 0 20px;
}
h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  margin: 0 0 20px;
}
h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin: 0 0 10px;
}
h5 {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 0 0 10px;
}
h6 {
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  margin: 0 0 10px;
}
/*form*/
form {
  font-size: 14px;
}
/*paragraphs*/
p {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 20px;
}
/*lists*/
ul,
ul ul {
  /*list-style: disc;*/
  list-style-type: disc;
  margin: 0 0 20px;
  padding-left: 20px;
  padding-right: 10px;
}
ol {
  list-style: decimal;
  padding-left: 40px;
}
ol ol {
  list-style: lower-alpha;
  padding-left: 40px;
}
li {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 10px;
}
/*links*/
a,
.nav-dropdown .general h5,
.nav-dropdown .medic h5,
.nav-dropdown .officer h5,
.nav-dropdown .sergeant h5,
.nav-dropdown .colonel h5 {
  color: #3aa9ff;
  text-decoration: none;
}
a:visited,
.nav-dropdown .general h5:visited,
.nav-dropdown .medic h5:visited,
.nav-dropdown .officer h5:visited,
.nav-dropdown .sergeant h5:visited,
.nav-dropdown .colonel h5:visited {
  color: #3aa9ff;
}
a:hover,
.nav-dropdown .general h5:hover,
.nav-dropdown .medic h5:hover,
.nav-dropdown .officer h5:hover,
.nav-dropdown .sergeant h5:hover,
.nav-dropdown .colonel h5:hover {
  color: #0077d3;
}
a:active,
.nav-dropdown .general h5:active,
.nav-dropdown .medic h5:active,
.nav-dropdown .officer h5:active,
.nav-dropdown .sergeant h5:active,
.nav-dropdown .colonel h5:active {
  color: #003d6d;
}
/*other elements*/
address {
  font: 12px/1.8 "Helvetica", Lucida Grande, Tahoma, Arial, sans-serif;
  margin: 0 20px 10px 20px;
}
address:first-line {
  font-weight: bold;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  border-left: 10px solid #ddd;
  font-size: 16px;
  font-family: "Georgia", Times New Roman, Times, serif;
  margin: 0 20px 10px 20px;
  padding: 0;
}
.dark blockquote {
  border-left: 10px solid #333;
  margin: 0 20px 10px 20px;
  padding: 0;
}
blockquote p {
  font-size: inherit;
  margin: 0 20px 10px 20px;
}
.dark blockquote p {
  color: #9e9e9e;
}
blockquote small {
  color: #bebebe;
  display: block;
  font-size: 0.7em;
  font-weight: 500;
  margin: 0 20px 10px 20px;
}
.dark blockquote small {
  color: #6e6e6e;
}
blockquote small:before {
  content: "\2014 \20";
}
code {
  background-color: rgba(0, 0, 0, 0.1);
  color: #111;
  font-family: "Courier New", Courier, monospace;
  padding: 1px;
}
figure {
  margin: 0 20px 10px 20px;
  text-align: center;
}
figcaption {
  font-size: 14px;
  padding: 5px 0;
}
.dark figcaption {
  color: #6e6e6e;
}
i,
em {
  font-style: italic;
}
sub {
  font-size: 8px;
  vertical-align: sub;
}
sup {
  font-size: 8px;
  vertical-align: super;
}
body {
  background: #111111 url(/graphics/background/current.jpg) repeat-x 0 0;
  /*background: url(/graphics/background/background_transparent.png) repeat fixed, -moz-linear-gradient(top,  rgba(59,135,165,1) 0%, rgba(41,86,114,1) 13%, rgba(31,65,86,1) 25%, rgba(17,17,17,1) 100%); */
  background-attachment: fixed;
  background-size: cover;
  font-family: "Helvetica", Lucida Grande, Tahoma, Arial, sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body.malaysia { background-image: url(/graphics/background/putrajaya.jpg); }
body.borneo { background-image: url(/graphics/background/borneo.jpg); }
body.kuala_lumpur { background-image: url(/graphics/background/kl.jpg); }
body.botswana { background-image: url(/graphics/background/gaborone.jpg); }
body.cambodia { background-image: url(/graphics/background/phnom-penh.jpg); }
body.china { background-image: url(/graphics/background/beijing.jpg); }
body.jakarta { background-image: url(/graphics/background/jakarta.jpg); }
body.lesotho { background-image: url(/graphics/background/maseru.jpg); }
body.sierra_leone { background-image: url(/graphics/background/sierra-leone.jpg); }
body.eswatini{ background-image: url(/graphics/background/swaziland.jpg); }
body.united_kingdom { background-image: url(/graphics/background/london.jpg); }
body.srilanka { background-image: url(/graphics/background/srilanka-background.jpg); }
body.namibia { background-image: url(/graphics/about/about_campus/billboards/background-namibia.jpg); }
body.nigeria { background-image: url(/graphics/about/about_campus/billboards/background_nigeria.jpg); }
body.uganda { background-image: url(/graphics/about/about_campus/billboards/background_uganda.jpg); }


.dark {
  color: #cccccc;
}
a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@-webkit-keyframes pagefade {
  0% {
    opacity: 0;
    margin-top: -20px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-moz-keyframes pagefade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.container {
  margin: 0 auto;
  position: relative;
  width: 960px;
}
article {
  padding: 70px 0 0;
  position: relative;
}
header {
  background: rgba(0,0,0,.8);
  height: 49px;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
article header,
aside header {
  background: #272e33;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  color: white;
  font: bold 11px/1 "Helvetica", Lucida Grande, Tahoma, Arial, sans-serif;
  height: 16px;
  padding: 11px 20px;
  position: relative;
  width: auto;
  z-index: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
article header.light,
aside header.light {
  background: #e2e1e1;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  color: #444;
}
article header.first {
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
article header.last {
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
  border-right: 0;
}
article header li {
  font: bold 11px/1 "Helvetica", Lucida Grande, Tahoma, Arial, sans-serif;
}
/*header multiple*/
article header.multiple {
  background: #272e33;
  /*
background: rgb(49,56,64); 
background: -moz-linear-gradient(top,  rgba(49,56,64,1) 0%, rgba(40,48,51,1) 4%, rgba(32,33,37,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,56,64,1)), color-stop(4%,rgba(40,48,51,1)), color-stop(100%,rgba(32,33,37,1))); 
background: -webkit-linear-gradient(top,  rgba(49,56,64,1) 0%,rgba(40,48,51,1) 4%,rgba(32,33,37,1) 100%); 
background: -o-linear-gradient(top,  rgba(49,56,64,1) 0%,rgba(40,48,51,1) 4%,rgba(32,33,37,1) 100%); 
background: -ms-linear-gradient(top,  rgba(49,56,64,1) 0%,rgba(40,48,51,1) 4%,rgba(32,33,37,1) 100%);
background: linear-gradient(to bottom,  rgba(49,56,64,1) 0%,rgba(40,48,51,1) 4%,rgba(32,33,37,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313840', endColorstr='#202125',GradientType=0 ); 
*/

  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 10;
}
article header.multiple:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
article header.multiple.light {
  background: #ddd;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
article header.multiple.light a {
  color: #444;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
}
article header.multiple ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
article header.multiple ul li {
  list-style: none;
  margin: 0;
}
article header.multiple ul li a {
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  color: white;
  display: block;
  float: left;
  margin: 0;
  padding: 12px 12px 16px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
article header.multiple ul li a.current {
  background: #0077d3;
  color: white;
}
article header.multiple ul li:first-child a {
  border-left: none;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
article .full header.multiple {
  margin: -50px -50px 50px;
}
/*subheader*/
article .subheader {
  background: #dedede;
  font: bold 11px/1 "Lucida Grande", Arial, san-serif;
  border: none;
  color: #5B686C;
  height: auto;
  overflow: hidden;
  padding: 0;
}
article .subheader a {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  color: #5B686C;
  display: block;
  padding: 14px 19px;
}
article .subheader a.current {
  background: #888;
  color: white;
}
article .subheader ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
article .subheader ul li {
  font: bold 11px/1 "Lucida Grande", Tahoma, Arial, sans-serif;
  float: left;
  margin: 0;
}
article .subheader.dark {
  background: #252c32;
  border-top: 1px solid #111;
}
article .subheader.dark a {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid #000000;
}
article .subheader.dark a.current {
  background: #007fc1;
}
article .subheader.dark li:last-child a {
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
}
article .full header.multiple + .subheader {
  margin: -50px -50px 50px;
}
/*header box*/
article header.box {
  margin-bottom: 20px;
  width: 100%;
}
/*header preivew*/
article header.preview {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
article header.preview ul {
  list-style: none;
  padding: 0;
  margin: 0 -20px;
}
article header.preview ul li {
  display: inline;
}
article header.preview a,
article header.preview span {
  border-top-left-radius: 5px;
  color: white;
  padding: 12px 20px 12px 40px;
  position: relative;
}
article header.preview a:after {
  content: '';
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  border-top: 1px solid rgba(255, 255, 255, 0.256);
  box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.25);
  height: 27px;
  position: absolute;
  right: -16px;
  top: 8px;
  width: 25px;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
article header.preview li:first-child a {
  padding-left: 25px;
}
/* BETA Header */
.version_nav {
  background: #111;
  outline: 1px solid #34383b;
  padding: 8px 0 5px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 1001;
}
.version_nav h5 {
  color: #aaa;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 0px;
}
.version_nav .bird img {
  margin-right: 10px;
  vertical-align: middle;
}
.version_nav .v7 {
  background: none;
  color: #666666;
}
.version_nav .v7:hover {
  color: #888888;
}
.version_nav .divider {
  color: #5f5f5f;
}
/*nav*/
nav#main {
  color: #aaaaaa;
  font-size: 11px;
  font-family: "Helvetica", Lucida Grande, Tahoma, Arial, sans-serif;
  position: relative;
}
nav#main .arrow-down {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #474A4C;
  cursor: pointer;
  float: left;
  height: 0;
  margin: 14px 0 0 5px;
  width: 0;
}
nav#main .arrow-right {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #474A4C;
  cursor: pointer;
  display: none;
  float: left;
  height: 0;
  margin: 12px 0 0 9px;
  width: 0;
}
nav#main .campus {
  position: absolute;
  right: 10px;
  top: 11px;
}
nav#main .campus-details {
  cursor: pointer;
}
nav#main .lang-details {
  width: 210px;
  cursor: pointer;
}
nav#main .campus-img {
  float: left;
  height: 15px;
  overflow: hidden;
  margin-top: 8px;
}
nav#main .campus-name {
  float: left;
  margin: 8px 0 0 10px;
}
nav#main .language {
  color: #666;
  float: left;
  height: 15px;
  margin: 8px 15px 0 0;
}
/*nav#main {
background: url(/graphics/nav-main-borderdark.png) no-repeat left 0, url(/graphics/nav-main-borderlight.png) no-repeat right 0;
}*/
nav#main h1 a.main-nav {
  background: url("/graphics/logo-header.png") no-repeat 10px center;
  background-size: 112px;
  border: none;
  height: 49px;
  padding: 0;
  text-indent: -9999px;
  width: 132px;
}
nav#main a.main-nav {
  border-top: 3px solid transparent;
  color: #eeeeee;
  cursor: pointer;
  float: left;
  font-size: 14px;
  height: 15px;
  padding: 12px 1.4em 19px;
  transition: none;
}
nav#main a.main-nav.current {
  border-top: 3px solid #fff;
}
nav#main a.main-nav:hover,
nav#main a.main-nav.hover {
  background-color: rgba(73,82,88,.7);
}
nav#main .search {
cursor: pointer;
position: absolute;
right: 35px;
text-align: center;
}
nav#main .search .search-details {
display: block;
height: 35px;
padding-top: 15px;
position: relative;
width: 30px;
}
nav#main .search form {
  display: none;
  position: absolute;
  right: -50px;
  top: 47px;
}
nav#main .search input[type="text"].focus {
  background: #fff;
  color: #333;
  margin-right: -60px;
  outline: none;
  width: 150px;
  z-index: 998;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
nav#main .search input[type="text"].focus + div {
  background-image: url(http://172.17.30.152/graphics/search_dark.png);
}
nav#main .search input[type="text"] {
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  display: inline;
  font-size: 12px;
  margin: 5px 0 0;
  padding: 10px;
  position: relative;
  width: 280px;
  z-index: 1000;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
nav#main .search .search-button {
  background: #ffffff url("/graphics/search.png") no-repeat top right;
  display: none;
  height: 16px;
  position: absolute;
  top: 18px;
  right: 30px;
  width: 16px;
  z-index: 999;
}
nav#main .search .close {
  background: url(/graphics/close_dark.png) no-repeat -4px -1px;
  cursor: pointer;
  height: 18px;
  right: 5px;
  position: absolute;
  text-indent: -9999px;
  top: 13px;
  width: 18px;
  z-index: 1000;
}
nav#main #search_results {
  background: #272e33;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 39px;
  width: 300px;
}
#livesearch a {
  background: none;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.5);*/
  display: block;
  height: auto;
  overflow: hidden;
  padding: 10px;
  width: 280px;
  /*h5, p {
		float: right;
		width: 218px;
		}*/

}
#livesearch a .channel {
  border: 1px solid #111;
  float: left;
  margin-right: 10px;
  width: 50px;
}
#livesearch a h5 {
  color: white;
  margin-bottom: 5px;
}
#livesearch a p {
  color: #aaa;
  font-size: 12px;
  line-height: 1.4em;
  margin-bottom: 0;
}
#livesearch a p span {
border: 1px solid rgba(255,255,255,.25);
border-radius: 2px;
color: #888;
font-size: 90%;
margin-right: 1px;
padding: 1px 6px;
}
#livesearch ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#livesearch li {
  display: block;
  margin: 0;
}
#livesearch li:after,
#livesearch a:after {
  clear: both;
  content: "";
  display: block;
}
#livesearch p.empty {
  padding: 10px 20px;
}
#livesearch a b {
  color: #FFF6B1;
}
#livesearch i {
  display: block;
  padding: 10px 20px;
}
input#more,
input#back,
input#currentpage {
  color: #ccc;
  border-radius: 0;
  float: left;
  font-size: 12px;
  margin: 0;
  width: 30%;
}
input#currentpage {
  width: 40%;
  -webkit-transition: none;
}
input#currentpage:active {
  margin-top: -1px;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
nav#main #preloader {
  width: 250px;
}
nav#main .search-button {
  cursor: pointer;
}
nav#main img#loading {
  display: block;
  margin: 0 auto;
}
nav#main .arrow-up {
  background: url("/graphics/nav-arrow-up.png") center no-repeat;
  cursor: pointer;
  display: none;
  float: right;
  height: 20px;
  margin: 13px -249px 0 0;
  width: 20px;
}
nav#main .tag {
  background: #1C2021;
  background: -moz-linear-gradient(top, #1c2021 0%, #222729 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c2021), color-stop(99%, #222729));
  background: -webkit-linear-gradient(top, #1c2021 0%, #222729 99%);
  background: -o-linear-gradient(top, #1c2021 0%, #222729 99%);
  background: -ms-linear-gradient(top, #1c2021 0%, #222729 99%);
  background: linear-gradient(top, #1c2021 0%, #222729 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c2021', endColorstr='#222729', GradientType=0);
  /*border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  float: left;*/
  font-size: 11px;
  z-index: 10;
}
nav#main .tag a {
  border-top: 1px solid transparent;
  color: #666;
  float: left;
  padding: 10px 0;
font-size: 11px;
width: 25%;
text-align: center;
}
nav#main .tag a:hover {
  color: #fff;
}
nav#main .tag a.current {
background: #272e33;
color: white;
}
#search-dropdown {
background: rgba(0,0,0,0.9);
display: none;
height: 100%;
position: fixed;
width: 100%;
z-index: 100;
}

#search-dropdown form {
display: block;
margin-top: 70px;
padding: 10px;
}

#query {
background: transparent;
border: none;
border-bottom: 1px solid #333;
border-radius: 0;
color: #fff;
font-size: 36px;
font-weight: 100;
padding: 10px 0;
width: 100%;
}

#search-dropdown form .query_label {
color: #aaa;
}

#search-dropdown form .query_label .current {
border-bottom: 1px solid white;
color: white;
}

#search-dropdown .close {
color: #666;
cursor: pointer;
float: right;
font-size: 40px;
font-weight: 100;
margin: -90px 0 0;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

#search_results {
display: none;
margin-top: 50px;
overflow: auto;
}

#search_results .tag {
float: left;
margin-right: 30px;
width: 160px;
}

#search_results .tag a {
color: #aaa;
display: block;
margin-bottom: 5px;
padding: 7px 10px;
}

#search_results .tag a.current {
background: #333;
}

#livesearch {
float: left;
width: 750px;
}

#livesearch a {
margin-bottom: 30px;
padding: 0;
width: inherit;
}

#livesearch a h5 { /*imitate h4*/
font-size: 16px;
font-weight: normal;
line-height: 22px;
margin: 0 0 10px;
}

#livesearch a:hover h5 {
color: #09f;
}

#livesearch a p {
color: #666;
font-size: 14px;
}

#livesearch a b {
color: inherit; /*replace original*/
font-weight: bold;
}

#more_div {
float: left;
margin: 20px 0 50px;
text-align: center;
width: 940px;
}

input#more, input#back {
font-family: georgia;
}

input#more, input#back, input#currentpage {
border: none;
background: transparent;
color: #aaa;
font-size: 14px;
padding: 0 10px;
width: auto;
-webkit-appearance: none;
}

#livesearch p.empty {
color: #aaa;
font-weight: bold;
margin: 10px 0 15px;
padding: 10px 20px;
text-align: center;
}

/*CSS for Dropdowns in the Main Nav (Campus and Language)*/
#campus-dropdown {
  background: #272e33;
  /*border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);*/
  display: none;
  margin: 0 0 0 -10px;
  padding: 0;
  position: absolute;
  right: -10px;
  top: 38px;
  width: 280px;
  z-index: 10;
}
/*#campus-dropdown:after {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  content: '';
  height: 10px;
  position: absolute;
  right: 0;
  top: -10px;
  width: 280px;
}*/
#campus-dropdown .header {
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
#campus-dropdown .header .icon-close {
  background: url(/graphics/close.png) no-repeat -3px -1px;
  border-radius: 200px;
  cursor: pointer;
  float: right;
  height: 20px;
  margin-top: -3px;
  text-indent: -9999px;
  width: 20px;
}
#campus-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#campus-dropdown ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
  margin: 0;
  padding: 9px 10px 9px 35px;
}
#campus-dropdown ul li:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#campus-dropdown ul li a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 3px;
}
#campus-dropdown ul li .dimmed {
  color: rgba(0, 0, 0, 0.5);
}
#campus-dropdown .flag {
  background: url("/files/flags.png") no-repeat;
}
#campus-dropdown .flag.botswana {
  background-position: 10px 12px;
}
#campus-dropdown .flag.cambodia {
  background-position: 10px -86px;
}
#campus-dropdown .flag.indonesia {
  background-position: 10px -35px;
}
#campus-dropdown .flag.lesotho {
  background-position: 10px -135px;
}
#campus-dropdown .flag.malaysia {
  background-position: 10px -183px;
}
#campus-dropdown .flag.swaziland {
  background-position: 10px -231px;
}
#campus-dropdown .flag.united-kingdom {
  background-position: 10px -281px;
  /*border-bottom: 1px solid #121212;*/
}

#campus-dropdown .flag.sierra-leone {
background-position: 10px -329px;
}

#campus-dropdown .flag.yemen {
background-position: 10px -386px;
border-bottom: none;
}

#campus-dropdown .flag.china {
background-position: 10px -427px;
}
#campus-dropdown .flag.nigeria {
   
    background-position: 10px -520px;
}
#campus-dropdown .flag.namibia {
   
    background-position: 10px -474px;
}
#campus-dropdown .flag.uganda{
   
    background-position: 10px -567px;
}

/* #campus-dropdown li {
color: #666;
font-size: 11px;
font-family: @sans-serif-font;
margin: 0 0 10px 0;
width: 90px;
} */
#empty-details {
  height: 20px;
  width: 100px;
  float: left;
}
#language-dropdown {
  background: #1D1F21;
  display: none;
  height: 85px;
  margin: 0 0 0 165px;
  position: absolute;
  width: 115px;
  z-index: 10;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#language-dropdown a:link,
#language-dropdown a:visited {
  color: #474A4C;
  margin-left: 7px;
}
#language-dropdown a:hover,
#language-dropdown a:active {
  color: #a2a2a2;
}
/*CSS For Dropdown*/
.dropdown-bg {
  background: #343c42;
  /*background: url("/graphics/nav-dropdown.png");*/

  /*box-shadow: 0 2px 10px rgba(0,0,0,0.5);*/

  display: none;
  /*changes with jquery*/

  height: 320px;
  overflow: hidden;
  padding: 50px 0 0;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 500;
}
.dropdown-bg .container {
  height: 260px;
}
.dropdown-bg #close-dropdown {
  background: rgba(0, 0, 0, 0.5) url(/graphics/close.png) no-repeat -3px -1px;
  border-radius: 200px;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  z-index: 101;
}
.dropdown-bg #close-dropdown:hover {
  color: white;
}
.nav-dropdown {
  /*background: url("/graphics/nav-dropdown.png");*/

  color: #C1C8CB;
  display: none;
  /*changes with jquery*/

  height: 320px;
  /*margin-top: -375px;*/

  /*margin-bottom: -75px;*/

  min-width: 960px;
  margin-left: 1px;
  overflow: hidden;
  padding: 50px 0 0;
  position: fixed;
  top: 0px;
  width: inherit;
  z-index: 100;
  /*box-shadow: -1px 0 rgba(0,0,0,.5);*/

}
.nav-dropdown section {
  /*border-left: 1px solid #464e57;*/

  border-right: 1px solid rgba(255,255,255,.15);
  float: left;
  min-height: 280px;
  padding: 20px 30px;
}
.nav-dropdown section:last-child,
.nav-dropdown section.squad {
  border: none;
}
.nav-dropdown .container {
  border-right: 1px solid #464e57;
  border-left: 1px solid #000;
  width: 958px;
}
.nav-dropdown .chief {
  margin: 15px 0;
  padding: 10px 20px 0;
  width: 173px;
}
.nav-dropdown .chief.right {
  float: right;
}
.nav-dropdown .chief a:link,
.nav-dropdown .chief a:visited {
  color: #c1c8cb;
  display: block;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 5px;
  padding: 2px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.nav-dropdown .chief a:hover,
.nav-dropdown .chief a:active {
  background: #1d1f21;
  color: #fff;
}
.nav-dropdown .chief h4 a:link {
  color: #8198a6;
  font-size: 10px;
}
.nav-dropdown a.inside:link,
.nav-dropdown a.inside:visited {
  display: inline-block;
}
.nav-dropdown a.warp {
  color: #c1c8cb;
}
.nav-dropdown a.warp h5 {
  color: #3aa9ff;
  text-decoration: none;
}
.nav-dropdown a.warp h5:visited {
  color: #3aa9ff;
}
.nav-dropdown a.warp h5:hover {
  color: #0077d3;
}
.nav-dropdown a.warp h5:active {
  color: #003d6d;
}
.nav-dropdown img {
  margin: 0 0 10px;
}
.nav-dropdown img.no-line {
  margin: 0 0 10px;
}
/*.nav-dropdown img[src^="/graphics/icons/lock.svg"],
.nav-dropdown img[src^="/graphics/icons/unlock.svg"] { display: none; margin: 0 2px 0 0; opacity: .5; .transition(all 0.2s ease-out); }
.nav-dropdown a:hover img[src^="/graphics/icons/unlock.svg"] { opacity: .9; .transition(all 0.2s ease-out); }
.nav-dropdown a.locked_link img[src^="/graphics/icons/lock.svg"] { opacity: .2; }*/
.nav-dropdown .blue_dot {
  background: #09f;
  border-radius: 5px;
  height: 4px;
  margin: 0 0 0 2px;
  vertical-align: 2px;
  width: 4px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.nav-dropdown .general {
  width: 120px;
}
.nav-dropdown .captain {
  width: 145px;
  padding: 20px 18px;
}
.nav-dropdown .lieutenant {
  width: 327px;
  padding: 30px;
}
.nav-dropdown .messenger {
  width: 322px;
  padding: 30px;
}
.nav-dropdown .colonel {
  width: 233px;
  padding: 20px 0;
}
.nav-dropdown .trooper {
  margin: 15px 0;
  padding: 10px 20px 0;
  width: 146px;
  border-right: none;
}
.nav-dropdown .sergeant {
  width: 240px;
  padding: 20px;
}
.nav-dropdown .officer {
  width: 249px;
  padding: 20px 0;
}
.nav-dropdown .squad {
  width: 270px;
  padding: 20px 0;
}
.nav-dropdown .soldier {
  width: 380px;
  padding: 20px 0;
}
.nav-dropdown .medic {
  width: 494px;
  padding: 20px 0;
}
.nav-dropdown .cadet {
  width: 745px;
  padding: 20px 0;
}
.nav-dropdown .medic p,
.nav-dropdown .officer p,
.nav-dropdown .captain p,
.nav-dropdown .general p,
.nav-dropdown .soldier p,
.nav-dropdown .sergeant p,
.nav-dropdown .colonel p {
  font-size: 12px;
  margin-bottom: 5px;
}
#dropdown-business .captain p {
  margin-bottom: 15px;
}
.nav-dropdown .international {
  border-bottom: 1px solid #000;
  padding: 0 30px 15px;
}
.nav-dropdown .international:after {
  clear: both;
  content: "";
  display: block;
}
.nav-dropdown h4 {
  font-size: 11px;
  margin: 0;
}
.nav-dropdown h4 a,
.nav-dropdown h4 span {
  background: #1d1f21;
  color: #8198a6;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-weight: normal;
  margin: 0 0 15px;
  padding: 2px 10px;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.nav-dropdown h4 span.empty {
  background: transparent;
  height: 15px;
}
.nav-dropdown ul {
  list-style: disc;
}
.nav-dropdown ul li {
  font-size: 11px;
  line-height: inherit;
}
.nav-dropdown .sergeant .left {
  width: 90px;
  margin: 0 10px 0 0;
}
.nav-dropdown .officer .left {
  width: 102px;
  margin: 0 0 0 15px;
}
.nav-dropdown .medic .left {
  width: 102px;
  margin: 0 0 0 15px;
}
.nav-dropdown .medic .activity .left {
  width: 202px;
  margin: 0 0 0 15px;
}
.nav-dropdown .medic .activity img.left {
  margin: 0;
}
.nav-dropdown .soldier img.left.international {
  background: white;
  padding: 20px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.nav-dropdown .general .multiple:before,
.nav-dropdown .general .multiple:after {
  border-width: 4px;
  height: 70px;
  width: 110px;
}
.nav-dropdown .general .multiple img {
  border-width: 4px;
  width: 110px;
}
.nav-dropdown .general .awards {
  background: #1d1d1d;
  /* Old browsers */

  background: -moz-linear-gradient(top, #1d1d1d 0%, #1c1c1c 31%, #141414 76%, #121212 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d1d1d), color-stop(31%, #1c1c1c), color-stop(76%, #141414), color-stop(100%, #121212));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #1d1d1d 0%, #1c1c1c 31%, #141414 76%, #121212 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #1d1d1d 0%, #1c1c1c 31%, #141414 76%, #121212 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #1d1d1d 0%, #1c1c1c 31%, #141414 76%, #121212 100%);
  /* IE10+ */

  background: linear-gradient(top, #1d1d1d 0%, #1c1c1c 31%, #141414 76%, #121212 100%);
  /* W3C */

  box-shadow: inset 0 0 10px #000000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d1d1d', endColorstr='#121212', GradientType=0);
  /* IE6-9 */

  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
}
.nav-dropdown a.drop_videos {
  display: block;
  position: relative;
}
.nav-dropdown .play {
  background: url("/graphics/play.png") no-repeat;
  height: 25px;
  left: 30px;
  position: absolute;
  top: 30px;
  width: 25px;
  z-index: 10;
}
.nav-dropdown a.drop_pictures {
  display: block;
  font-size: 11px;
  margin-bottom: 20px;
}
.nav-dropdown .no-pad {
  padding: 0;
}
/*about css*/
.nav-dropdown .networks {
  height: 150px;
  overflow: hidden;
  padding: 15px 30px 0;
}
.nav-dropdown .networks ul {
  float: left;
  height: 75px;
  overflow: hidden;
  padding-right: 0 ;
  width: 215px;
}
.nav-dropdown .networks ul li {
  margin-bottom: 6px;
}
.nav-dropdown .international img,
.nav-dropdown .networks img {
  float: left;
  margin: 0 15px 0 0;
}
/*news css*/
.nav-dropdown .news {
  border-bottom: 1px solid #000;
  float: left;
  padding: 0 20px 20px;
  width: 193px;
}
.nav-dropdown .news span a {
margin: 0!important;
overflow: hidden;
}
.nav-dropdown .news span a:last-child {
margin: 0;
}
.nav-dropdown .events {
  float: left;
  padding: 20px 20px 20px;
  width: 193px;
}
.nav-dropdown .news img,
.nav-dropdown .events img {
  float: left;
  margin: 0 10px 0 0;
}
/*academic css*/
.nav-dropdown .recommend {
  border-bottom: 1px solid #000;
  float: left;
  height: 80px;
  padding: 0 20px 10px;
  width: 705px;
}
.nav-dropdown .recommend form#recommendation {
  font-size: 12px;
}
.nav-dropdown .recommend #campusname {
  background-color: #e4e4e4;
  background-image: -moz-linear-gradient(top, #f2f2f2, #d0d0d0);
  background-image: -ms-linear-gradient(top, #f2f2f2, #d0d0d0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#d0d0d0));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #d0d0d0);
  background-image: -o-linear-gradient(top, #f2f2f2, #d0d0d0);
  background-image: linear-gradient(top, #f2f2f2, #d0d0d0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d0d0d0', GradientType=0);
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border: 1px solid black;
  border-left: none;
  color: #666;
  margin-left: -3px;
  padding: 7px 10px 9px;
}
.nav-dropdown .span-3-1 {
  height: 168px;
  margin: 0;
  padding: 20px 20px 20px;
  width: 150px;
}
.nav-dropdown .span-3-1.last {
  border-right: 1px solid #000;
}
.nav-dropdown .span-3-1 a:nth-child(n+2),
.nav-dropdown .span-3-1.study_level a {
  color: #C1C8CB;
  display: block;
  font-size: 12px;
  padding: 5px 0;
  position: relative;
}
.nav-dropdown .span-3-1.study_level {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  width: 148px;
}
.nav-dropdown .span-3-1.browse a {
  color: #C1C8CB;
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
  padding: 0;
  position: relative;
}
.nav-dropdown .span-3-1.browse a:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav-dropdown .span-3-1.browse a:hover {
  color: #5481a8;
}
.nav-dropdown .span-3-1.browse a img {
  float: left;
  margin: 0;
}
.nav-dropdown .span-3-1.browse a span.title {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  font-size: 11px;
  font-weight: bold;
  height: 14px;
  left: 0;
  padding: 18px 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  vertical-align: 30px;
  width: 100%;
}
.nav-dropdown .span-3-1 a:nth-child(n+2):hover,
.nav-dropdown .span-3-1.study_level a:hover {
  color: #5481a8;
}
.nav-dropdown .apply {
  float: left;
  height: 148px;
  padding: 30px;
  width: 113px;
}
.nav-dropdown .step {
  background: #1d1f21;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 8px 10px 10px 13px;
  position: relative;
  z-index: 10;
  box-shadow: none;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  float: left;
}
.nav-dropdown #recommendation .selector {
  background: #eeeeee;
  border: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -4px;
  padding: 8px 10px 9px;
  width: 120px;
  float: left;
}
.nav-dropdown #recommendation .selector:after {
  top: 10px;
}
.nav-dropdown #recommendation .selector:after {
  top: 16px;
}
.nav-dropdown #recommendation input[type="submit"],
.nav-dropdown .actions {
  background: #1d1f21;
  border: none;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 9px 5px;
  text-align: center;
}
.nav-dropdown #recommendation input[type="submit"]:hover,
.nav-dropdown .actions:hover {
  background-position: 0 -30px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.nav-dropdown #recommendation input[type="submit"]:active,
.nav-dropdown .actions:active {
  box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.75);
  border: 1px solid #27343d;
  border-bottom: 1px solid #344051;
}
.nav-dropdown #recommendation input[type="submit"] {
  display: inline-block;
  height: inherit;
  padding: 6px 19px;
  margin: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.nav-dropdown .actions.blue,
.nav-dropdown .squad form input[type="submit"],
.nav-dropdown .squad form input[type="submit"]:focus {
  background: #0077d3;
}
.nav-dropdown .actions.blue:hover,
.nav-dropdown .squad form input[type="submit"]:hover {
  background-position: 0 -30px;
}
.nav-dropdown .actions.blue:active,
.nav-dropdown .squad form input[type="submit"]:active {
  border: 1px solid #2e3439;
  border-bottom: 1px solid #455d6e;
  box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.65);
}
.nav-dropdown .apply .actions {
  margin-bottom: 25px;
}
/*student life css*/
.nav-dropdown .activity {
  border-bottom: 1px solid #000;
  float: left;
  height: 132px;
  padding: 0 20px 20px;
  width: 454px;
}
.nav-dropdown .accomodation {
  border-bottom: 1px solid #000;
  float: left;
  height: 132px;
  padding: 0 20px 20px;
  width: 207px;
}
.nav-dropdown .expenses {
  float: left;
  padding: 20px 20px 20px;
  width: 207px;
}
.nav-dropdown .food {
  border-right: 1px solid #000;
  height: 115px;
  float: left;
  padding: 20px 20px 20px;
  width: 206px;
}
.nav-dropdown .transporation {
  height: 115px;
  float: left;
  padding: 20px 20px 20px;
  width: 206px;
}
#dropdown-life .medic img,
#dropdown-life .officer img {
  float: left;
}
/* news dropdown */
.nav-dropdown .marine {
  padding: 20px 0;
  width: 220px;
}
.nav-dropdown .news {
  border-bottom: none;
  float: left;
  padding: 0 20px 20px;
  width: auto;
}
.nav-dropdown .news span a {
  display: block;
  margin: 0 0 20px;
}
.nav-dropdown .events {
  padding: 0;
  width: inherit;
}
.nav-dropdown .navy {
  padding: 20px;
  width: 221px;
}
/*community css*/
.nav-dropdown#dropdown-community .sergeant img {
  float: left;
  margin: 0 15px 15px 0;
}
.nav-dropdown#dropdown-community .sergeant .foundation img {
  margin-bottom: 0;
}
.nav-dropdown#dropdown-community .sergeant .foundation p {
  color: #C1C8CB;
}
.nav-dropdown#dropdown-community .colonel img {
  float: left;
  margin: 0 25px 25px 0;
}
.nav-dropdown#dropdown-community .colonel {
  padding: 20px 18px 20px 30px;
}
.nav-dropdown#dropdown-community .sergeant .limkokwing_foundation {
  display: block;
}
.nav-dropdown#dropdown-community .sergeant .limkokwing_foundation img {
  width: 129px;
  margin-bottom: 0;
}
.nav-dropdown#dropdown-community .sergeant .alumni {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  margin: 20px -20px 0;
  padding: 20px 20px 0;
}
.nav-dropdown#dropdown-community .sergeant .alumni:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*business css*/
/*staff css*/
.nav-dropdown#dropdown-community .marine h5 {
  color: #0077d3;
  margin: 0;
}
.nav-dropdown#dropdown-community .marine a:hover h5 {
  color: #5481A8;
}
.nav-dropdown#dropdown-community .marine p {
  color: #C1C8CB;
  font-size: 11px;
  margin: 0 0 20px 0;
}
.nav-dropdown#dropdown-community .marine {
  width: 241px;
}
.nav-dropdown#dropdown-community .goliath {
  width: 200px;
}
.nav-dropdown#dropdown-community .goliath ul {
  list-style: none;
  padding: 0;
}
.nav-dropdown#dropdown-community .goliath li {
  height: 32px;
  margin: 0 0 10px;
}
.nav-dropdown#dropdown-community .goliath span {
  background: black;
  border-radius: 5px;
  color: #C1C8CB;
  display: block;
  float: left;
  padding: 5px 10px;
  position: inherit;
  text-align: center;
  width: 50px;
}
.nav-dropdown#dropdown-community .goliath span p {
  font-size: 10px;
  line-height: 1.1;
  margin: 0;
}
.nav-dropdown#dropdown-community .goliath p.title {
  display: block;
  font-weight: normal;
  margin: -5px 0 10px;
  vertical-align: middle;
  padding: 0;
}
.nav-dropdown#dropdown-community .goliath p.time {
  margin: 0;
  padding: 0;
  color: #8198A6;
}
.forum {
  border-bottom: 1px solid black;
  padding: 20px;
  width: 200px;
}
/* dropdown-logout */
#logout {
text-transform: capitalize;
}

#logout img {
border-radius: 2px;
margin: -4px 5px 0 0;
vertical-align: middle;
}

#dropdown-logout .medic {
  margin: 15px 0;
  padding: 10px 20px 0;
  width: 518px;
}
#dropdown-logout .medic input {
  margin-bottom: 10px;
}
#dropdown-logout .medic input[type="password"] {
  width: 80%;
}

#dropdown-logout .medic #fbdisconnect {
background: #0077d3;
border: #db4c3f;
}
#dropdown-logout .medic #twdisconnect {
background: #1dadea;
border: #db4c3f;
}
#dropdown-logout .medic #lidisconnect {
background: #1275b1;
border: #db4c3f;
}
#dropdown-logout .medic #gpdisconnect {
background: white;
    border: #db4c3f;
    color: black;
}
#dropdown-logout .medic .cancel {
  color: #999;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
}
#dropdown-logout .medic label:hover {
  color: #999;
}
#dropdown-logout .medic #setting-social-section p {
  float: none;
  width: inherit;
}
#dropdown-logout .medic #setting-social-section a {
  display: inline-block;
}
#dropdown-logout .medic #setting-social-section .cancel {
  vertical-align: 10px;
}
#dropdown-logout .medic #setting-social-section .social#facebook {
  margin-top: 0;
}
#dropdown-logout .medic p {
  margin-bottom: 15px;
}
#dropdown-logout .medic p.read {
  margin-bottom: 10px;
}
#dropdown-logout .medic p.read a {
  color: #798f9c;
}
#dropdown-logout .medic p.read span {
  color: #52626c;
}
#dropdown-logout .medic #msg-section img {
  float: left;
  margin-right: 10px;
}
/*login css*/
/*.nav-dropdown#dropdown-login .svu {
background: #eee;
border-color: #ccc;
color: #333;
width: 312px;
}*/
.nav-dropdown#dropdown-login .captain p,
.nav-dropdown#dropdown-logout .captain p {
  margin: 25px 0;
}
.nav-dropdown#dropdown-login .captain {
  padding: 20px 30px;
}
.nav-dropdown#dropdown-login .remember_me {
  margin-top: 8px;
}
.nav-dropdown#dropdown-login img[src^="/graphics/loading.gif"] {
  margin-top: 5px;
}
.nav-dropdown .social {
  background: url(/graphics/icons/facebook-connect-header.png) no-repeat;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 auto 2px;
  height: 30px;
  width: 210px;
}
/*.nav-dropdown .social#facebook {background-position: 0 0; margin-top: 30px;}
.nav-dropdown .social#twitter {background-position: 0 -50px; margin-top: 3px;}*/
/*.nav-dropdown .signin-facebook {
border: none;
padding: 0;
width: 960px;
}

.signin-facebook p {
bottom: 70px;
cursor: pointer;
position: absolute;
right: 120px;
}*/
.nav-dropdown .squad form#register {
  border: none;
}
.nav-dropdown .squad form#register input[type="submit"],
.nav-dropdown .squad form#register input[type="submit"]:focus {
  width: 75px;
}
.nav-dropdown .squad form p {
  font-size: 11px;
  width: 140px;
}
.nav-dropdown#dropdown-login .captain p,
.nav-dropdown#dropdown-logout .captain p {
  text-align: center;
}
.nav-dropdown .squad form {
  border-bottom: 1px solid #000;
  min-height: 180px;
  padding: 25px 30px 0;
  position: relative;
}
.nav-dropdown .squad form input[type="text"],
.nav-dropdown .squad form input[type="password"],
.nav-dropdown .squad form input[type="email"],
.nav-dropdown .squad form input:focus {
  border: 1px solid transparent;
  color: #333333;
  font-size: 12px;
  height: 25px;
  margin: 0 0 10px 0;
  padding: 3px 15px;
  width: 180px;
}
.nav-dropdown .squad form input.error,
.nav-dropdown .squad form input.error:focus {
  border: 1px solid #d2575f;
}
.nav-dropdown .squad form label.error {
  display: none !important;
}
.nav-dropdown .squad form label:hover {
  color: white;
}
.nav-dropdown .squad form input[type="submit"],
.nav-dropdown .squad form input[type="submit"]:focus {
  border: none;
  color: #fff;
  display: block;
  font-size: 12px;
  height: 30px;
  padding: 0;
  position: absolute;
  right: 30px;
  text-align: center;
  top: 105px;
  width: 55px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/*
.nav-dropdown .squad form#forgot_password p {
font-size: 11px;
width: 140px;
}

.nav-dropdown .squad form p#message img {
border: none;
height: 20px;
margin: 0 0 0 20px;
width: 20px;
}

.nav-dropdown .squad form .wrong_id {
color: #ca2e34;
margin-top: 10px;
}

.nav-dropdown .squad form .success_id {
color: #6ec21c;
}
*/
/*thor loki odin*/
.nav-dropdown .odin {
padding: 10px 20px 0;
width: 238px;
margin: 15px 0;
}

.nav-dropdown .odin .visa h3 span {
color: #C1C8CB;
width: 130px;
display: inline-block;
}

.nav-dropdown .odin .visa .active {
color: #00cc44;
}

.nav-dropdown .odin .visa .expired {
color: red;
}

.nav-dropdown .odin .visa .warning {
color: orange;
}

.nav-dropdown .thor {
padding: 10px 20px 0;
width: 207px;
margin: 15px 0;
}

.nav-dropdown .loki {
padding: 20px 0 0 0;
width: 247px;
}

.nav-dropdown h5 {
color: #3aa9ff;
font-size: 13px;
}

.nav-dropdown p {
font-size: 12px;
}

.nav-dropdown .nav_categories {
list-style: none;
margin: 0;
padding: 0;
}

.nav-dropdown .nav_categories h5.elegant.white,
.nav-dropdown .nav_categories p strong {
display: none;
}

.nav-dropdown .founder h5 {
width: 120px;
}

.nav-dropdown .founder img {
margin: 0 10px 0 0;
}

.nav-dropdown .news {
padding: 0;
}

.nav-dropdown .news img {
margin: 0 10px 15px 0;
}

.nav-dropdown .recommend {
border: none;
float: none;
height: auto;
padding: 0;
width: auto;
}

.nav-dropdown .recommend h4 {
font-size: inherit;
margin: 0 0 15px;
}

.nav-dropdown #recommendation .selector {
margin: 0 0 20px 0;
width: 157px;
}

.nav-dropdown #recommendation input[type="submit"] {
background: #eee;
border-radius: 0 4px 4px 0;
color: #666;
padding: 6px 8px;
text-align: left;
width: 177px;
}

.nav-dropdown #facebook {
background: url(/graphics/icons/facebook-connect-header2.png) no-repeat;
}
.nav-dropdown #twitter {
background: url(/graphics/icons/twitter-connect-header.png) no-repeat;
}
.nav-dropdown #linkedin {
background: url(/graphics/icons/linked-connect-header.png) no-repeat;
}
.nav-dropdown #google {
background: url(/graphics/about/about_campus/billboards/google-signin.png) no-repeat;
}

.nav-dropdown .career div {
display: block;
padding: 0 20px 20px;
}

.nav-dropdown .career div h5,
.nav-dropdown .career div p {
margin: 0;
}

.nav-dropdown .actions {
margin: 0 0 10px 0;
}

.nav-dropdown .span-3-1 {
height: auto;
padding: 0;
width: auto;
}

.nav-dropdown .introduction {
background: none;
}

.nav-dropdown .introduction h2 {
color: #3aa9ff;
font-family: inherit;
font-size: 13px;
font-weight: bold;
letter-spacing: 0;
line-height: inherit;
margin: 0 0 10px 0;
}

.nav-dropdown .discover {
background: none;
}

.nav-dropdown .discover img {
height: 100px;
}

.nav-dropdown .discover a p {
color: #C1C8CB;
}

.nav-dropdown .award-img-overflow {
background: white;
display: block;
height: 100px;
margin: 0 0 13px;
overflow: hidden;
text-align: center;
width: 200px;
}

.nav-dropdown .award-img-overflow img {
height: 100%;
width: auto;
}

#dropdown-profile .svu {
  background: #eee;
  border: none;
  width: 313px;
}
#dropdown-profile .svu.white {
  color: #666;
}
#dropdown-profile .svu.white h2 {
  color: #333;
}
#dropdown-profile .svu .create {
  padding: 15px 0 0;
}
#dropdown-profile .svu .create a {
  color: #666;
}
#dropdown-profile .svu .choose {
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 20px;
  margin: 18px auto -18px;
  padding: 7px 9px 9px;
  position: relative;
  text-align: center;
  width: 20px;
}
#dropdown-profile .svu.blue {
  background: #0077d3;
width: 312px;
}
#dropdown-profile .svu.blue input[type="text"],
#dropdown-profile .svu.blue input[type="password"],
#dropdown-profile .svu.blue input[type="email"] {
  margin: 0 0 10px;
  width: 290px;
}
#dropdown-profile .svu.blue input[type="submit"] {
  background: none;
  border-color: #fff;
  color: #fff;
  float: right;
  margin: 0;
}
#dropdown-profile .svu.blue input[type="submit"]:hover,
#dropdown-profile .svu.blue input[type="submit"]:active {
  background: #fff;
  color: #0077d3;
}
#dropdown-profile .svu.blue .info {
  bottom: 15px;
  cursor: pointer;
  position: absolute;
}
#dropdown-profile .svu.blue .remember_me {
  margin-top: 8px;
}
#dropdown-profile .svu #message {
  clear: both;
}
#dropdown-profile .svu #message.wrong_id {
  background: #ca2e34;
  display: inline-block;
  margin: 20px 0;
  padding: 2px 10px;
  border-radius: 3px;
  color: #fff;
}
.trooper a {
  display: table;
  font: normal 12px/18px "Helvetica", Lucida Grande, Tahoma, Arial, sans-serif;
  margin: 5px 0 0 0;
}
.equipments {
  border-bottom: none;
  padding: 0;
}
#dropdown-logout .sign-out {
  padding: 30px 0 0;
}
#dropdown-logout .sign-out .actions {
  cursor: pointer;
}
/*Glow effects */
.glow {
  background: url("/graphics/nav-glow-2.png") no-repeat;
  border: none;
  display: none !important; /* disabled 8.3 */
  height: 20px;
  position: absolute;
  top: 49px;
  width: 200px;
}
#glow-about {
  margin-top: 0;
  margin-left: 65px;
  position: absolute;
  z-index: 5;
  float: none;
  display: none;
  /*changes with jquery*/

}
#glow-news {
  margin-top: 0;
  margin-left: 145px;
  position: absolute;
  z-index: 5;
  float: none;
  display: none;
  /*changes with jquery*/

}
#glow-academic {
  margin-top: 0;
  margin-left: 235px;
  position: absolute;
  z-index: 5;
  float: none;
  display: none;
  /*changes with jquery*/

}
#glow-life {
  margin-top: 0;
  margin-left: 345px;
  position: absolute;
  z-index: 5;
  float: none;
  display: none;
  /*changes with jquery*/

}
#glow-community {
  margin-top: 0;
  margin-left: 555px;
  position: absolute;
  z-index: 5;
  float: none;
  display: none;
  /*changes with jquery*/

}
#glow-business {
  margin-top: 0;
  margin-left: 450px;
  position: absolute;
  z-index: 5;
  float: none;
  display: none;
  /*changes with jquery*/

}
/* Back to top button */
nav #back-top {
  float: right;
  margin: -4px -240px 0 0;
}
nav #back-top a {
  background: url("/graphics/nav-arrow-up.png") center no-repeat;
  display: block;
  height: 20px;
  margin-top: 17px;
  margin-left: -235px;
  text-indent: -9999px;
  width: 20px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
/*
html.translated-ltr header,
html.translated-rtl header,
html.translated-ltr .nav-dropdown,
html.translated-rtl .nav-dropdown,
html.translated-ltr .dropdown-bg,
html.translated-rtl .dropdown-bg {
margin-top: 40px;
}
*/
body {
  top: 0 !important;
}
.goog-te-banner-frame {
  display: none;
}
/* pete hide due to poor farsi translation
#google_translate_element {
  position: absolute;
  right: 44px;
  top: 15px;
}
#google_translate_element .goog-te-gadget-simple {
  white-space: nowrap;
  background: transparent;
  border: none;
  padding: 0;
}
.goog-te-gadget-simple .goog-te-menu-value:after {
  content: 'EN';
  position: absolute;
  top: 3px;
  right: 0;
  height: 20px;
  width: 20px;
  text-indent: 0;
  color: #ccc;
  font-size: 11px;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
  color: #aaaaaa;
  display: none;
  font-size: 11px;
  font-family: "Helvetica", Lucida Grande, Tahoma, Arial, sans-serif;
  margin: 0;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value :nth-child(2n) {
  display: none;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value :nth-child(3) {
  display: none;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value :last-child {
  display: none;
}
#google_translate_element .goog-te-gadget img {
  display: none;
  margin-top: -3px;
  width: 15px;
  height: 10px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#google_translate_element .goog-te-menu-frame {
  -webkit-box-shadow: 0 3px 5px #000;
  box-shadow: 0 3px 5px #000;
}
#google_translate_element .goog-te-menu2 {
  background: #000;
}
*/
/*
.goog-te-gadget-simple .goog-te-menu-value span {
text-decoration: none;
visibility: hidden;
}
*/
.goog-te-banner-frame {
  box-shadow: 0 0 8px 1px black !important;
  border-bottom: none !important;
}
iframe.goog-te-menu-frame {
  box-shadow: none;
  top: 49px !important;
}
.box {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  /*.box-shadow(0 0 10px rgba(0, 0, 0, 1));*/

  float: left;
  margin-bottom: 20px;
}
.box:after {
  content: " ";
  clear: both;
  display: block;
}
/* block notification for users */
.nav-dropdown .sms_steps {
  background: none;
  border-left: none;
  height: 320px;
  padding: 0px;
  width: 320px;
}
.nav-dropdown .sms_steps h3 {
  margin-bottom: 5px;
}
.nav-dropdown .sms_steps ul {
  list-style: none;
  padding: 0px;
}
.nav-dropdown .sms_steps ul li {
  background: #00537a url(/graphics/portal/sms/1.png) 18px 31px no-repeat;
  border-bottom: 1px solid #000;
  font-size: 12px;
  line-height: 1.6;
  height: 87px;
  margin-bottom: 0px;
  padding: 20px 20px 0 80px;
  text-align: left;
}
.nav-dropdown .sms_steps .first {
  background: #00537a;
  /* Old browsers */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -moz-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* FF3.6+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00537a), color-stop(100%, #00457b));
  /* Chrome,Safari4+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -webkit-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* Chrome10+,Safari5.1+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -o-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* Opera 11.10+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -ms-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* IE10+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, linear-gradient(top, #00537a 0%, #00457b 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cecece', GradientType=0);
  /* IE6-9 */

}
.nav-dropdown .sms_steps .second {
  background: #00537a;
  /* Old browsers */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -moz-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* FF3.6+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00537a), color-stop(100%, #00457b));
  /* Chrome,Safari4+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -webkit-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* Chrome10+,Safari5.1+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -o-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* Opera 11.10+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -ms-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* IE10+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, linear-gradient(top, #00537a 0%, #00457b 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cecece', GradientType=0);
  /* IE6-9 */

}
.nav-dropdown .sms_steps .third {
  background: #00537a;
  /* Old browsers */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -moz-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* FF3.6+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00537a), color-stop(100%, #00457b));
  /* Chrome,Safari4+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -webkit-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* Chrome10+,Safari5.1+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -o-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* Opera 11.10+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -ms-linear-gradient(top, #00537a 0%, #00457b 100%);
  /* IE10+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, linear-gradient(top, #00537a 0%, #00457b 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cecece', GradientType=0);
  /* IE6-9 */

}
.nav-dropdown .sms_steps .first.success {
  background: #009b12;
  /* Old browsers */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -moz-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* FF3.6+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009b12), color-stop(100%, #00aa11));
  /* Chrome,Safari4+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -webkit-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* Chrome10+,Safari5.1+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -o-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* Opera 11.10+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, -ms-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* IE10+ */

  background: url(/graphics/portal/sms/1.png) 18px 31px no-repeat, linear-gradient(to bottom, #009b12 0%, #00aa11 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009b12', endColorstr='#00aa11', GradientType=0);
  /* IE6-9 */

}
.nav-dropdown .sms_steps .second.success {
  background: #009b12;
  /* Old browsers */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -moz-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* FF3.6+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009b12), color-stop(100%, #00aa11));
  /* Chrome,Safari4+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -webkit-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* Chrome10+,Safari5.1+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -o-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* Opera 11.10+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, -ms-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* IE10+ */

  background: url(/graphics/portal/sms/2.png) 18px 31px no-repeat, linear-gradient(to bottom, #009b12 0%, #00aa11 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009b12', endColorstr='#00aa11', GradientType=0);
  /* IE6-9 */
}
.nav-dropdown .sms_steps .third.success {
  background: #009b12;
  /* Old browsers */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -moz-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* FF3.6+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009b12), color-stop(100%, #00aa11));
  /* Chrome,Safari4+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -webkit-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* Chrome10+,Safari5.1+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -o-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* Opera 11.10+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, -ms-linear-gradient(top, #009b12 0%, #00aa11 100%);
  /* IE10+ */

  background: url(/graphics/portal/sms/3.png) 18px 31px no-repeat, linear-gradient(to bottom, #009b12 0%, #00aa11 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009b12', endColorstr='#00aa11', GradientType=0);
  /* IE6-9 */

}
.nav-dropdown .sms_steps .success {
  background-color: #009b12;
}
.nav-dropdown .authenticate {
  padding: 30px 30px 20px;
  width: 364px;
}
.nav-dropdown .authenticate h4 {
  font-size: 16px;
  margin-bottom: 20px;
}
.nav-dropdown .authenticate .side_note {
  font-size: 11px;
}
.nav-dropdown .authenticate form input[type="text"] {
  border-radius: 5px 0 0 5px;
  margin: 0;
  width: 213px;
}
.nav-dropdown .authenticate form input[type="submit"] {
  border-radius: 0 5px 5px 0;
  text-transform: uppercase;
  margin: 0 10px 0 -5px;
  height: 36px;
  width: 100px;
}
.nav-dropdown .authenticate label.error {
  display: none !important;
}
.nav-dropdown .authenticate .sign-out {
  cursor: pointer;
}
.nav-dropdown .notice .pad {
  padding: 0 30px;
  position: relative;
}
.nav-dropdown .notice p {
  font-size: 13px;
  margin-bottom: 10px;
}
.nav-dropdown .notice li {
  font-size: 13px;
  line-height: 1.4;
}
.nav-dropdown .notice .sign-out {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 10px;
}
.nav-dropdown .notice .proceed {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  margin: 20px -30px 0;
  padding: 15px 30px 0;
}
.nav-dropdown .notice .proceed .btn {
  line-height: 1.4;
  padding: 10px 20px;
  width: 190px;
  white-space: normal;
}
#visa-expiring .selector {
  margin: 0 0 4px;
}
.nav-dropdown .outstanding .warning {
  background: #c90000;
  height: 130px;
  margin: -30px 0 15px;
  padding: 30px;
  /*
		.expiry_date {
		font-size: 40px;
		font-family: arial;
		font-weight: bold;
		display: block;
		color: #fff;
		letter-spacing: -1px;
		}
		
		.visa {
		float: left;
		width: 269px;
		margin-top: -20px;
		margin-left: -30px;
		padding: 15px 30px;
		border-right: 1px solid rgba(0,0,0,.2);
		-moz-box-shadow:0 1px 0 0 #464e57;
		-webkit-box-shadow: 0 1px 0 0 #464e57;
		box-shadow:  0 1px 0 0 #464e57;
		background: #888;
		}
		
		.visa.warning, .passport.warning{
		background: red;
		-moz-box-shadow: 0 1px 0 0 #464e57;
		-webkit-box-shadow: 0 1px 0 0 #464e57;
		box-shadow: 0 1px 0 0 #464e57;
		}
		
		.passport{
		float: left;
		width: 270px;
		margin-top: -20px;
		padding: 15px 30px;
		margin-right: -30px;
		border-left: 1px solid rgba(255,255,255,.2);
		-moz-box-shadow:0 1px 0 0 #464e57;
		-webkit-box-shadow: 0 1px 0 0 #464e57;
		box-shadow:  0 1px 0 0 #464e57;
		background: #888;
		}
		
		.caution{
		font-size: 11px;
		width: 400px;
		margin-top: 17px;
		float: left;
		}
		
		a.special {
		float: right;
		margin-top: 20px;
		}
		*/

}
.nav-dropdown .outstanding .warning .currency_selector {
  float: right;
}
.nav-dropdown .outstanding .warning .btn {
  color: white;
  margin-right: 0px;
  background: #ff3019;
}
.nav-dropdown .outstanding .warning .btn:first-child {
  border-radius: 3px 0 0 3px;
}
.nav-dropdown .outstanding .warning .btn:last-child {
  border-radius: 0 3px 3px 0;
}
.nav-dropdown .outstanding .warning .active {
  background: #910101;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.65);
}
.nav-dropdown .outstanding .warning .amount {
  font-size: 66px;
  font-weight: bold;
  display: block;
  letter-spacing: -2px;
}
.nav-dropdown .outstanding .access h4 {
  font-size: inherit;
  margin: 0 0 10px;
}
.nav-dropdown .outstanding .access .column {
  -moz-column-count: 3;
  -moz-column-gap: 0px;
  -webkit-column-count: 3;
  -webkit-column-gap: 0px;
  column-count: 3;
}
.nav-dropdown .outstanding .access li {
  margin-bottom: 3px;
}
.nav-dropdown .outstanding_contact ul {
  list-style: none;
  padding: 0;
}
.nav-dropdown .outstanding_contact ul li {
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
}
.nav-dropdown .passport,
.nav-dropdown .visa {
  width: 540px;
}
.nav-dropdown .passport .btn,
.nav-dropdown .visa .btn {
  position: absolute;
  top: 93px;
  left: 486px;
}
.nav-dropdown .passport_action,
.nav-dropdown .visa_action {
  padding-right: 20px;
  width: 305px;
}
.nav-dropdown .passport_action form .proceed,
.nav-dropdown .visa_action form .proceed {
  box-shadow: 0 -1px #464e57, 0 -2px #000000;
  -moz-box-shadow: 0 -1px #464e57, 0 -2px #000000;
  -webkit-shadow: 0 -1px #464e57, 0 -2px #000000;
  margin: -31px;
  width: 323px;
  position: relative;
  top: 50px;
  padding: 35px 0 0 32px;
}
.nav-dropdown .passport_action form .btn,
.nav-dropdown .visa_action form .btn {
  padding: 40px 23px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.nav-dropdown .outstanding_info {
  width: 600px;
}
.nav-dropdown .outstanding_info .outstanding_amount .currency_selector {
  float: right;
}
.nav-dropdown .outstanding_info .outstanding_amount .currency_selector .btn {
  margin-right: 0px;
  background: #ff3019;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */

}
.nav-dropdown .outstanding_info .outstanding_amount .currency_selector .other {
  border-radius: 3px 0 0 3px;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.nav-dropdown .outstanding_info .outstanding_amount .currency_selector .myr {
  border-radius: 0 3px 3px 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.nav-dropdown .outstanding_info .outstanding_amount .currency_selector .active {
  background: #910101;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.65);
}
.nav-dropdown .outstanding_amount {
  margin: -30px;
  margin-bottom: 16px;
  margin-left: -31px;
  padding: 30px;
  height: 130px;
  -moz-box-shadow: inset 0 0 1px 0 #000, 0 1px 0 0 #464e57;
  -webkit-box-shadow: inset 0 0 1px 0 #000, 0 1px 0 0 #464e57;
  box-shadow: inset 0 0 1px 0 #000, 0 1px 0 0 #464e57;
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
}
.nav-dropdown .outstanding_amount.warning {
  background: #c90000;
  margin: -30px;
  margin-bottom: 16px;
  margin-left: -31px;
  padding: 30px;
  height: 130px;
  -moz-box-shadow: inset 0 0 5px 0 #000, 0 1px 0 0 #464e57;
  -webkit-box-shadow: inset 0 0 5px 0 #000, 0 1px 0 0 #464e57;
  box-shadow: inset 0 0 5px 0 #000, 0 1px 0 0 #464e57;
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
}
.nav-dropdown .outstanding_amount h3 {
  margin-bottom: 10px;
}
.nav-dropdown .outstanding_amount .amount {
  font-size: 66px;
  font-family: arial;
  font-weight: bold;
  display: block;
  color: #fff;
  letter-spacing: -1px;
}
.nav-dropdown .outstanding_amount .remark {
  font-size: 12px;
}
.nav-dropdown .outstanding_access .column {
  -moz-column-count: 3;
  -moz-column-gap: 0px;
  -webkit-column-count: 3;
  -webkit-column-gap: 0px;
  column-count: 3;
  width: 650px;
}
.nav-dropdown .outstanding_contact {
  width: 235px;
}
.nav-dropdown .outstanding_contact ul {
  list-style: none;
}
.nav-dropdown .outstanding_contact ul li {
  margin-left: -20px;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
}
.nav-dropdown .outstanding_amount .expiry_date {
  font-size: 40px;
  font-family: arial;
  font-weight: bold;
  display: block;
  color: #fff;
  letter-spacing: -1px;
}
.nav-dropdown .outstanding_amount .visa {
  float: left;
  width: 269px;
  margin-top: -20px;
  margin-left: -30px;
  padding: 15px 30px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 0 #464e57;
  -webkit-box-shadow: 0 1px 0 0 #464e57;
  box-shadow: 0 1px 0 0 #464e57;
  background: #888;
}
.nav-dropdown .outstanding_amount .visa.warning,
.nav-dropdown .outstanding_amount .passport.warning {
  background: red;
  -moz-box-shadow: 0 1px 0 0 #464e57;
  -webkit-box-shadow: 0 1px 0 0 #464e57;
  box-shadow: 0 1px 0 0 #464e57;
}
.nav-dropdown .outstanding_amount .passport {
  float: left;
  width: 270px;
  margin-top: -20px;
  padding: 15px 30px;
  margin-right: -30px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 1px 0 0 #464e57;
  -webkit-box-shadow: 0 1px 0 0 #464e57;
  box-shadow: 0 1px 0 0 #464e57;
  background: #888;
}
.nav-dropdown .outstanding_amount .caution {
  font-size: 11px;
  width: 400px;
  margin-top: 17px;
  float: left;
}
.nav-dropdown .outstanding_amount a.special {
  float: right;
  margin-top: 20px;
}
/* Footer */
.footer .social {
  background: white;
  width: 960px;
}
.footer .social:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.footer .social header {
  background: url(/graphics/icons/social_16.png) no-repeat 0 0;
  bottom: 20px;
  box-shadow: none;
  display: block;
  font-size: 11px;
  left: 20px;
  height: 16px;
  padding-left: 20px;
  position: absolute;
  text-indent: -9999px;
  z-index: 1;
}
.footer .social header a {
  color: #aaaaaa;
  vertical-align: middle;
}
.footer .social .facebook header {
  background-position: 0 0;
}
.footer .social .twitter header {
  background-position: 0 -100px;
}
.footer .social .youtube header {
  background-position: 0 -200px;
}
.footer .social .facebook:hover header {
  background-position: 0 -50px;
}
.footer .social .twitter:hover header {
  background-position: 0 -150px;
}
.footer .social .youtube:hover header {
  background-position: 0 -250px;
}
.footer .social a[href^="http:"] {
  background: none;
  padding: 0;
}
.footer .social .span-3-1 {
  border-right: 1px solid #ddd;
  margin: 0;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 279px;
}
.footer .social .span-3-1.youtube {
  border-right: none;
}
.footer .social .span-3-1.facebook {
  /*a[href*="facebook.com/photo.php?"] img {
			max-height: 50px;
			margin-bottom: 5px;
			max-width: 80px;
			}*/

}
.footer .social .span-3-1.facebook img.profile_picture {
  float: left;
  margin: 0 20px 0 0;
}
.footer .social .span-3-1.facebook .mask {
  color: #333;
  float: left;
  width: 209px;
}
.footer .social .span-3-1.facebook a[href^="http:"] {
  background: none;
  display: inline-block;
  padding: 0;
}
.footer .social .span-3-1.facebook a[href^="http:"] img {
  border: 3px solid white;
  margin: 0 10px 2px 0;
  float: left;
}
.footer .social iframe {
  display: block;
}
.footer .social .mask {
  display: block;
  height: 240px;
  margin: 0 0 20px;
  overflow: hidden;
}
.footer .social .twitter #tweet_list {
  height: 240px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.footer .social .twitter #tweet_list li {
  list-style: none;
  height: 240px;
  overflow: hidden;
}
.footer .social .twitter #tweet_list li .tweet_avatar {
  float: left;
  margin: 0 10px 0 0;
  width: 50px;
}
.footer .social .twitter #tweet_list li .tweet_avatar img {
  left: 0;
  position: absolute;
  top: 0;
}
.footer .social .twitter #tweet_list li .tweet_text {
  display: block;
  margin-left: 70px;
  font: 18px/1.3 "georgia", serif;
  word-break: break-word;
}
.footer .social .twitter #tweet_list li .tweet_text .tweet_time {
  padding-left: 3px;
}
.footer .social .twitter #tweet_list li .tweet_text .tweet_time a {
  color: #ccc;
}
.footer .social .youtube iframe {
  margin-bottom: 10px;
}

footer {
  background: rgba(0,0,0,.7);
  color: #aaaaaa;
}
/* footer share */
footer .black {
  /*background: #000;*/
  padding: 0 0 20px;
}
#share {
  overflow: hidden;
  padding: 20px 0 30px;
}
#share h4 {
  margin: 0 0 20px;
}
#share p {
  font-size: 12px;
}
#share .span-4-1 {
  margin: 0;
  padding: 20px;
  width: 200px;
}
#share .share_this a.facebook,
#share .share_this a.twitter,
#share .share_this a.gplus {
  background: #222222 url(/graphics/icons/social_media.png) no-repeat 0 -35px;
  display: block;
  float: left;
  height: 40px;
  text-align: center;
  text-indent: -9999px;
  width: 65px;
}
#share .share_this a.facebook {
  background-color: #3b5998;
  background-position: -5px -35px;
  border-radius: 2px 0 0 2px;
}
#share .share_this a.twitter {
  background-color: #32c1f0;
  background-position: -80px -35px;
}
#share .share_this a.gplus {
  background-color: #dd4b39;
  background-position: -157px -35px;
  border-radius: 0 2px 2px 0;
}
#share .share_this form {
  clear: both;
  display: none;
  float: left;
  margin-top: 10px;
}
#share .share_this .share_email {
  display: inline-block;
  margin: 5px 0;
}
#share .share_this .share_email a {
  color: #aaaaaa;
}
#share .share_this #share_email input {
  border-radius: 2px 0 0 2px;
  border-color: transparent;
  box-shadow: none;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 8px 10px;
}
#share .share_this #share_email input[type="text"] {
  width: 122px;
  /*fix for chrome*/

}
#share .share_this #share_email input[type="submit"] {
  background: #ddd;
  border-radius: 0 2px 2px 0;
  line-height: 1.2;
  padding: 8px 0;
  width: 50px;
}
#share .newsletter p {
  margin-top: -3px;
  /* for crazy people who ruler our footer */

}
#share .newsletter form {
  font-size: 12px;
  position: relative;
}
#share .newsletter form input[type="text"] {
  border-radius: 2px 0 0 2px;
  border-color: transparent;
  float: left;
  width: 108px;
  /*fix for chrome*/

}
#share .newsletter form ::-webkit-input-placeholder {
  color: #52626c;
}
#share .newsletter form :-moz-placeholder {
  color: #52626c;
}
#share .newsletter form ::-moz-placeholder {
  color: #52626c;
}
#share .newsletter form :-ms-input-placeholder {
  color: #52626c;
}
#share .newsletter form input[type="submit"] {
  background: #ddd;
  border-color: transparent;
  border-radius: 0 2px 2px 0;
  font-size: 12px;
  line-height: 1.2;
  /*height: 33px;*/

  padding: 8px 0;
  text-align: center;
  width: 70px;
  float: left;
  margin: 0;
  /*background: url(/graphics/icons/email_18.png) no-repeat 0 0;
		border: none;
		border-radius: 0;
		box-shadow: none;
		height: 12px;
		position: absolute;
		right: 0;
		text-indent: -9999px;
		top: 0;
		width: 18px;*/

}
#share .apps a {
  background: none;
  display: block;
  margin: 0 0 6px;
  padding: 0;
}
#share .admission a {
  background: #555;
  border: none;
  text-align: center;
  width: 170px;
}
#share .crazy_bug {
  /* crazy input submit height bug in windows and mac, chrome and firefox */

  border-radius: 2px;
  display: block;
  height: 31px;
  overflow: hidden;
}
footer .copyright {
  padding-top: 20px;
}
footer .copyright p {
  font-size: 12px;
}
footer .copyright a {
  margin-left: 10px;
}
/* footer sitemap */
#sitemap {
  /*background: #000;
  border-bottom: 1px solid #222;*/
  font-size: 12px;
  margin: 20px 0 0;
  overflow: hidden;
}
#sitemap .breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0 0 0 8px;
}
#sitemap .breadcrumb li {
  background: url(/graphics/icons/arrow_right_breadcrumb.png) no-repeat 0 center;
  float: left;
  font-size: inherit;
  margin: 0;
  padding: 0 0 0 15px;
  /*&.bread_home a, &.bread_home span { background: url(/graphics/icons/bird-16.png) no-repeat center center; height: 20px; opacity: 0.4; text-indent: -9999px; width: 15px; }
		&.bread_home a:hover { opacity: 1; }*/

}
#sitemap .breadcrumb li.bread_home {
  background: none;
  padding: 0;
}
#sitemap .breadcrumb a {
  background: none;
  color: #a1b8c5;
  display: inline-block;
  padding: 10px;
}
#sitemap .breadcrumb a:hover {
  color: #fff;
}
#sitemap .breadcrumb span {
  color: #999;
  float: left;
  overflow: hidden;
  padding: 10px;
  text-overflow: ellipsis;
  width: 460px;
  white-space: nowrap;
}
#sitemap #sitemap_toggle {
  color: #a1b8c5;
  float: right;
  padding: 12px 20px 13px;
}
.sitemap {
  /*background: #000;
  border-bottom: 1px solid #222;*/
  display: none;
}
.sitemap nav {
  padding: 20px 18px 30px;
}
.sitemap div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 30px;
  vertical-align: top;
  width: 102px;
}
.sitemap div.last {
  margin-right: 0;
}
.sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sitemap h5 a {
  color: #fff;
  display: block;
  font-size: 13px;
  margin: 10px 0 5px;
}
.sitemap p,
.sitemap li {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
}
.sitemap a {
  color: #a1b8c5;
}
.sitemap a:hover {
  color: #cccccc;
}
.sitemap p a {
  color: #798F9C;
}
.sitemap li:last-child {
  margin-bottom: 24px;
}
/* SCROLLBAR */
.scrollbar {
  height: 350px;
  overflow: auto;
}
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
  width: 100% !important;
}
.jspVerticalBar {
  bottom: 2px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 2px;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: transparent;
  height: 100%;
  opacity: 0.3;
  position: relative;
  padding: 0 3px;
  width: 5px;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.jspDrag {
  background: #000;
  border-radius: 3px;
  cursor: pointer;
  left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  opacity: 0.3;
  position: relative;
  top: 0;
}
.scrollbar:hover .jspTrack {
  opacity: 1;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* CSS Hack for IE6 3 pixel bug */
* html .jspCorner {
  margin: 0 -3px 0 0;
}
/* END SCROLLBAR */
/*TABLE*/
table {
  background: #eeeeee;
  /*border: 1px solid rgba(0,0,0,.2);*/

  /*color: #798f9c;*/

  margin-bottom: 20px;
}
table th,
table td {
  /*border: 1px solid #bbb;*/

  padding: 10px 15px;
}
table th {
  background: #ddd;
}
table tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0.03);
}
/*dark table*/
.dark table {
  border: none;
  background: #586577;
  color: white;
}
.dark th {
  background: #7aa3c9;
}
.dark table td,
.dark table th {
  /*border-color: #3A4350;*/

}
.dark table tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
/*enquiry css*/
#envelope {
  background: url(/graphics/background.png);
  bottom: 0;
  box-shadow: 0 10px 30px black;
  display: none;
  font-size: 12px;
  margin: 0 -20px;
  padding: 50px;
  position: fixed;
  width: 900px;
  z-index: 100;
}
#envelope:after {
  content: "";
  background: url(/graphics/head.png) no-repeat 0 0;
  height: 29px;
  left: 0;
  position: absolute;
  top: -29px;
  width: 1000px;
}
#envelope a.close {
  background: #d8d5cf;
  border-radius: 24px;
  color: #798293;
  padding: 1px 8px;
  position: absolute;
  right: 10px;
  top: 25px;
}
#envelope .span-3-1 {
  margin-right: 50px;
  width: 285px;
}
#envelope .span-3-1.personal_details {
  width: 325px;
}
#envelope .span-3-1.last {
  margin-right: 0;
  width: 190px;
}
#envelope textarea,
#envelope input[type="text"],
#envelope input[type="email"] {
  background: url(/graphics/textareabg.jpg);
  border: 1px solid #cccccc;
  box-shadow: 0 0 1px white;
  color: #798F9C;
  margin-bottom: 20px;
  resize: none;
  width: 263px;
}
#envelope .span-3-1.personal_details input[type="text"],
#envelope .span-3-1.personal_details input[type="email"] {
  width: 303px;
}
#envelope .selector {
  margin-right: 0;
  width: 263px;
}
#envelope input[type="text"],
#envelope input[type="email"] {
  margin: 0 0 10px;
}
#envelope input[type="radio"] {
  margin: 0;
  top: 0;
}
#envelope .gender {
  margin: 10px 0 0;
}
#envelope .gender,
#envelope .birthday,
#envelope .country {
  clear: both;
  height: 37px;
}
#envelope .birthday .selector {
  width: 48px;
}
#envelope .birthday .selector:last-child {
  width: 60px;
}
#envelope .birthday .right,
#envelope .country .right {
  margin: -5px 0 0;
}
#envelope .country .selector {
  width: 190px;
}
#envelope input[type="submit"] {
  background-size: 0 100px;
  height: 50px;
  margin: 25px 0 0;
  width: 100%;
  position: relative;
}
#envelope input[type="submit"]:hover {
  background-position: 0 -50px;
}
#envelope .span-3-1.last:after {
  content: '';
  background: url(/graphics/stamp.png) no-repeat top right;
  height: 132px;
  position: absolute;
  top: 130px;
  right: 0;
  width: 267px;
}
/*enquiry_success*/
@-webkit-keyframes slideup {
  0% {
    opacity: 0;
    top: 50px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
#envelope .enquiry_success .span-5-1 {
  opacity: 0;
  position: relative;
  width: 170px;
  -webkit-animation: slideup 0.3s linear;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
}
#envelope .enquiry_success .span-5-2 {
  opacity: 0;
  position: relative;
  width: 345px;
  -webkit-animation: slideup 0.3s linear;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.3s;
}
#envelope .enquiry_success .span-5-2:last-child {
  -webkit-animation-delay: 1.6s;
}
#envelope .enquiry_success .span-5-2 img {
  border: 5px solid white;
  box-shadow: 0 0 1px #cccccc;
  margin-bottom: 5px;
}
#envelope .enquiry_success img.plane {
  bottom: 410px;
  left: 400px;
  position: absolute;
  z-index: 105;
  -webkit-animation: fly 0.85s ease-out;
  -webkit-animation-fill-mode: forwards;
}
#envelope .enquiry_success img.shadow {
  bottom: 340px;
  left: 380px;
  position: absolute;
  z-index: 104;
  opacity: 0.5;
  -webkit-animation: shadow 0.85s ease-out;
  -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes fly {
  0% {
    bottom: -210px;
    left: -700px;
  }
  100% {
    bottom: 400px;
    left: 400px;
  }
}
@-webkit-keyframes shadow {
  0% {
    bottom: -450px;
    left: -700px;
    opacity: 0;
    width: 350px;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    bottom: 350px;
    left: 400px;
    opacity: 0.75;
    width: 258px;
  }
}
/*main-title*/
.main-title {
  background: white;
  overflow: hidden;
  padding: 30px;
  width: 900px;
}
.main-title h2 {
  font-size: 48px;
  letter-spacing: -1px;
  line-height: 1.2em;
  margin-bottom: 10px;
}
.main-title p.author {
  margin: 0;
}
/*mainbar*/
.mainbar {
  background: white;
  float: left;
  overflow: hidden;
  padding: 30px;
  position: relative;
  width: 670px;
  min-height: 400px;
}
#wrapper + .mainbar {
  padding-bottom: 0;
  border-right: 1px solid #dddddd;
}
/*dark bg*/
.mainbar .dark {
  background: #272e33;
  margin: 30px -30px;
  padding: 30px;
}
.mainbar .last {
  margin-bottom: -30px !important;
  border-bottom-right-radius: 5px;
}
/*navbar*/
#follow {
  position: relative;
}
.navbar {
  float: right;
  width: 230px;
}
.navbar header {
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
.navbar#wrapper {
  margin: 0 0 -65px !important;
}
.navbar .sidebar-title {
  margin-bottom: 20px !important;
}
/*.share*/
.share::after {
  clear: both;
  content: "";
  display: block;
}
.share .facebook,
.share .twitter,
.share .gplus,
.share .mailing {
  background: url(/graphics/icons/social_media.png) no-repeat 4px 5px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  float: left;
  height: 40px;
  margin: 0;
  position: relative;
  text-indent: -99999px;
  text-align: center;
  width: 76px;
  z-index: 1;
}
.share .facebook,
.share .twitter,
.share .gplus {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.share .facebook:hover,
.share .twitter:hover,
.share .gplus:hover {
  background: url(/graphics/icons/social_media.png) no-repeat;
}
.share .facebook:first-child {
  background-position: 1px 5px;
}
.share .facebook:first-child:hover {
  background-color: #3b5998;
  background-position: 1px -35px;
}
.share .mailing {
  background-position: -208px 5px;
  border-right: none;
}
.share .twitter {
  background-position: -76px 5px;
}
.share .twitter:hover {
  background-color: #32c1f0;
  background-position: -76px -35px;
}
.share .gplus {
  background-position: -151px 5px;
  width: 76px;
  border-right: none;
}
.share .gplus:hover {
  background-color: #dd4b39;
  background-position: -151px -35px;
}
.share form {
  /*margin: 0 0 20px 0;*/

  position: relative;
  width: 230px;
}
.share input[type="text"] {
  background: white;
  border: 1px solid #ddd;
  border-radius: 0;
  float: left;
  /*height: 16px;*/
  margin: 0;
  padding: 7px;
  /*width: 156px;messed up width at article page*/
}
.share input[type="submit"] {
  border-radius: 0;
  border-bottom: none;
  border-left: none;
  float: left;
  height: 29px;
  margin: 0;
  padding: 0;
  width: 48px;
}
.navbar .share input[type="submit"] {
  min-height: 31px;
  position: absolute;
  top: 40px;
  right: 0;
  width: 58px;
}
.share input::-webkit-input-placeholder {
  color: #798293;
  font: lighter 11px/14px "Helvetica", Lucida Grande, Tahoma, Arial, sans-serif;
}
.share .done {
  color: #6EC21C;
  font-size: 12px;
  margin: 10px 8px 20px 8px;
  word-break: break-word;
}
.share .done p {
margin: 0;
padding: 5px 10px;
-webkit-animation-name: infinite_end;
-webkit-animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
-webkit-animation-delay: 4s;
}
@-webkit-keyframes infinite_end {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    padding: 0;
    height: 0;
  }
}
/*.follow*/
ul.follow {
  list-style: none;
  padding: 0;
  position: relative;
}
ul.follow li {
  margin: 0;
}
ul.follow a {
  color: #798f9c;
  display: block;
  padding: 10px 20px;
  -webkit-transition: none;
}
ul.follow a:hover,
ul.follow a.selected {
  background: #616d79;
  /* Old browsers */

  background: -moz-linear-gradient(top, #616d79 0%, #4d5965 3%, #4c5660 14%, #313a41 86%, #30373f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #616d79), color-stop(3%, #4d5965), color-stop(14%, #4c5660), color-stop(86%, #313a41), color-stop(100%, #30373f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #616d79 0%, #4d5965 3%, #4c5660 14%, #313a41 86%, #30373f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #616d79 0%, #4d5965 3%, #4c5660 14%, #313a41 86%, #30373f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #616d79 0%, #4d5965 3%, #4c5660 14%, #313a41 86%, #30373f 100%);
  /* IE10+ */

  background: linear-gradient(top, #616d79 0%, #4d5965 3%, #4c5660 14%, #313a41 86%, #30373f 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616d79', endColorstr='#30373f', GradientType=0);
  /* IE6-9 */

  box-shadow: inset 3px 0 5px rgba(0, 0, 0, 0.1);
  color: white;
}
ul.follow a.selected span {
  opacity: 1;
}
ul.follow span {
  font-size: 42px;
  float: right;
  margin: 0;
  vertical-align: middle;
  padding: 0;
  position: absolute;
  right: -9px;
  opacity: 0;
}
#sidebar-inner {
  position: absolute;
}
#sidebar-inner.fixed {
  position: fixed;
  top: 70px;
}
#sidebar-inner.pinned_bottom {
  position: absolute;
  width: 230px;
}
/*#sidebar-inner.pinned_top {
  position: absolute;
  top: 0;
  width: 230px;
}
#sidebar-inner.pinned_top .share {
  float: left;
}*/
/*
#news_sidebar {
padding: 0 20px!important;
margin-top: 30px!important;
}

#news_sidebar li { list-style: none;}

#news_sidebar li a {
background: rgb(224,224,224); 
background: -moz-linear-gradient(top,  rgba(224,224,224,1) 0%, rgba(208,208,208,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(208,208,208,1))); 
background: -webkit-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(208,208,208,1) 100%); 
background: -o-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(208,208,208,1) 100%); 
background: -ms-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(208,208,208,1) 100%); 
background: linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(208,208,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d0d0d0',GradientType=0 ); 
border: 1px solid #c5c5c5;
box-shadow: 0 1px 0 #fff;
color: #727f85;
float:left; 
padding: 5px 0; 
text-align: center;
width: 93px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255, .2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); 
}

#news_sidebar li a.selected { 
background-color: rgb(50, 59, 64);
background-image: -moz-linear-gradient(top,rgb(57, 67, 73),rgb(39, 46, 51));
background-image: -ms-linear-gradient(top,rgb(57, 67, 73),rgb(39, 46, 51));
background-image: -webkit-gradient(linear,0 0,0 100%,from(rgb(57, 67, 73)),to(rgb(39, 46, 51)));
background-image: -webkit-linear-gradient(top,rgb(57, 67, 73),rgb(39, 46, 51));
background-image: -o-linear-gradient(top,rgb(57, 67, 73),rgb(39, 46, 51));
background-image: linear-gradient(top,rgb(57, 67, 73),rgb(39, 46, 51));
background-repeat: repeat-x;
border: 1px solid rgba(0, 0, 0, 0.7);
color: #fff;
padding: 5px 0;
}

#popular {
	box-shadow:
  0 1px rgba(0, 0, 0, .1),
  0 2px rgba(255, 255, 255, .7);
-moz-box-shadow:
  0 1px rgba(0, 0, 0, .1),
  0 2px rgba(255, 255, 255, .7);
-webkit-shadow:
  0 1px rgba(0, 0, 0, .1),
  0 2px rgba(255, 255, 255, .7);
}

#popular, #similar {display: block; padding: 20px 20px; width: 190px;}

#popular h5, #similar h5 { float: left; margin-bottom: 0; width: 120px;}

#view_popular { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

#view_similar { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

#popular img, #similar img {margin: 0 10px 0 0;}

#similar p {margin: 0 0 5px 0;}

#popular .date {margin-bottom: 0;}

#popular a, #similar a { display: inline-block; margin-bottom: 20px;}

#popular a:hover h4, #similar a:hover h4 { color: @linkColor;}
*/
#sidebar-inner .related,
#similar {
  clear: both;
  margin: 0 0 30px;
  padding: 0 20px;
}
#sidebar-inner .related a,
#similar a {
  display: block;
  margin: 0 0 20px;
  overflow: hidden;
}
#sidebar-inner .related img,
#similar img {
  margin-right: 10px;
}
#sidebar-inner .related p,
#similar p {
  line-height: 1.4;
  margin: 0;
}
/*interest*/
.interest {
  margin: 0 20px 20px;
}
.interest .selectBox-dropdown {
  width: 182px;
}
.interest h5 {
  color: #798293;
  margin-top: 15px;
}
/*FORMS*/
#forms {
  font-size: 12px;
}
#forms h5 {
  margin-top: 10px;
}
input[type="submit"] {
  background: #eeeeee;
  /*#gradient > .vertical(@btnHighlight, @btnBackground);*/

  border: 1px solid #9d9d9d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*.box-shadow(~"0 1px 0px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.2)");*/

  color: #333333;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 1.6;
  margin: 0 10px 10px 0;
  padding: 5px 14px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  margin: 10px 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="submit"]:hover {
  color: #222222;
  background-position: 0 -10px;
  background-color: #aaaaaa;
  -webkit-transition: background-position 0.2s ease-out;
  -moz-transition: background-position 0.2s ease-out;
  -ms-transition: background-position 0.2s ease-out;
  -o-transition: background-position 0.2s ease-out;
  transition: background-position 0.2s ease-out;
}
input[type="submit"]:active {
  box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
input[type="submit"].blue {
  background: #0077d3;
  border: 1px solid #0077d3;
  color: white;
  /*#gradient > .vertical(@btnHighlightBlue, @btnBackgroundBlue);*/

}
input[type="submit"].blue:hover {
  background-color: #3aa9ff;
  border-color: #3aa9ff;
}
input[type="submit"].red {
  background: #9b252f;
  border: 1px solid #9b252f;
  color: white;
  /*#gradient > .vertical(@btnHighlightRed, @btnBackgroundRed);*/

}
input[type="submit"].red:hover {
  background-color: #d2575f;
  border-color: #d2575f;
}
input[type="submit"].dark {
  background: #272e33;
  border: 1px solid #272e33;
  color: white;
  /*#gradient > .vertical(@btnHighlightDark, @btnBackgroundDark);*/

}
input[type="submit"].dark:hover {
  background-color: #394349;
  border-color: #394349;
}
textarea {
  resize: none;
  outline: none;
  min-height: 50px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
textarea:hover,
textarea:active,
textarea:focus {
  background: #fff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  /* IE10+ */

  background: linear-gradient(top, #ffffff 0%, #ffffff 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f7f7f7', GradientType=0);
  /* IE6-9 */

}
.dark textarea:hover,
.dark textarea:active,
.dark textarea:focus {
  background: #292e31;
}
textarea:active,
textarea:focus {
  min-height: 100px;
}
textarea[disabled]:active,
textarea[disabled]:focus {
  min-height: 50px;
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
textarea {
  background: white;
  border: 1px solid #ccc;
  /*border: 1px solid #bbb;
border-bottom: 1px solid @grayLighter;*/

  border-radius: 3px;
  /*box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0px 2px 5px rgba(0,0,0,.2);*/

  outline: none;
  margin-bottom: 20px;
  padding: 8px 10px;
  width: 200px;
}
/*error*/
.wrong_id {
  color: #ca2e34;
}
input.error {
  border: 1px solid #b00000;
  /*-webkit-box-shadow: inset 0 2px 5px rgba(120,0,0,0.5);*/

}
select.error {
  z-index: 2;
}
select.error + label.error {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0;
  box-shadow: 0 0 4px red;
  border-radius: 5px;
  z-index: 1;
}
input[type="file"] + label.error {
  position: absolute;
  width: 122px;
  left: -1px;
  top: -1px;
  height: 34px;
  margin: 0;
  border-radius: 7px;
  border: 1px solid #b00000;
}
label.error + .filename {
  color: #ca2e34;
}
input[type="radio"] + label.error {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 15px;
  width: 15px;
  margin: 0;
  border: 1px solid #B00000;
  border-radius: 100px;
  z-index: 1;
}
textarea.error {
  border: 1px solid #b00000;
  box-shadow: inset 0 2px 5px rgba(120, 0, 0, 0.5);
}
.share #mail label.error {
/*  color: #b00000;
  float: left;
  font-size: 11px;
  padding: 5px 0 0 8px; */
display: none !important; /* we don't need this */
}
.share #mail input.error {
  border: 1px solid #B00000;
  box-shadow: inset 0 2px 5px rgba(120, 0, 0, 0.5);
}
/*success*/
.success_id {
  color: #6ec21c;
}
@-webkit-keyframes success {
  50% {
    border: 1px solid #6ec21c;
    box-shadow: 0 0 5px rgba(110, 194, 28, 0.3);
  }
}
.success {
  -webkit-animation: success 2s ease-out;
  -webkit-animation-delay: 2s;
}
a.date {
  width: 50px;
}
a.month {
  width: 100px;
}
a.year {
  width: 80px;
}
/*disabled*/
input[disabled],
textarea[disabled] {
  background: #eeeeee;
  border: 1px solid #f2f2f2;
}
input[disabled]::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder {
  color: #cccccc;
}
/*dark form*/
#forms .dark {
  color: white;
}
.dark input[type="text"],
.dark input[type="password"],
.dark input[type="url"],
.dark input[type="email"],
.dark textarea {
  background: #202427;
  border: 1px solid black;
  border-bottom: 1px solid #333;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.75);
  color: white;
}
.dark input.error {
  border: 1px solid #b00000;
  -webkit-box-shadow: inset 0 2px 5px rgba(120, 0, 0, 0.5);
}
.dark input[disabled],
.dark textarea[disabled] {
  background: #222;
  border: 1px solid #222;
}
div.selector select {
  font-size: 12px;
  left: 0;
  min-height: 25px;
  position: absolute;
  top: 0;
  width: 100%;
}
.selector {
  background: #eeeeee;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #666;
  display: inline-block;
  margin: 0 10px 10px 0;
  outline: none;
  padding: 5px 10px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.selector.disabled {
  color: #777;
  background-color: #bebebe;
  background-image: -moz-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: -ms-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#aaaaaa));
  background-image: -webkit-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: -o-linear-gradient(top, #cccccc, #aaaaaa);
  background-image: linear-gradient(top, #cccccc, #aaaaaa);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa', GradientType=0);
}
.selector.disabled:hover {
  color: #777;
}
.selector.disabled:before {
  border-bottom-color: #777;
}
.selector.disabled:after {
  border-top-color: #777;
}
.selector.disabled span {
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.3);
}
.selector span {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5);
  display: block;
  overflow: hidden;
  margin-right: 15px;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selector:hover,
.selector:focus {
  background-position: -5px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.75);
  color: #000;
}
.selector:before,
.selector:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 9px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 4px solid #53646E;
}
.selector:after {
  top: 15px;
  border-top: 4px solid #53646E;
  border-bottom: none;
}
.dark .selector {
  background: #242930;
  border: 1px solid black;
  color: #cccccc;
}
.dark .selector span {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
}
.dark .selector:before {
  border-bottom: 3px solid #eeeeee;
}
.dark .selector:after {
  border-top: 3px solid #eeeeee;
}
.dark .selector:hover,
.dark .selector:focus {
  background-position: -5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.1);
  color: #fff;
}
/*label*/
label {
  margin-right: 10px;
}
label.disabled {
  color: #cccccc;
  cursor: default;
}
.dark label {
  color: #bbb;
}
.dark label.disabled,
.dark input[disabled]::-webkit-input-placeholder,
.dark textarea[disabled]::-webkit-input-placeholder {
  color: #343434;
  cursor: default;
}
label:hover {
  color: #333;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
label:active {
  color: #bbb;
}
label.disabled:hover {
  color: #cccccc;
}
.dark label:hover {
  color: #fff;
}
.dark label:active {
  color: #343434;
}
.dark label.disabled:hover {
  color: #343434;
}
.btn {
  background: #eeeeee;
  /*#gradient > .vertical(@btnHighlight, @btnBackground);*/

  border: 1px solid #9d9d9d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*.box-shadow(~"0 1px 0px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.2)");*/

  color: #333333;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 1.6;
  margin: 0 10px 10px 0;
  padding: 5px 14px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.btn:hover {
  color: #222222;
  background-position: 0 -10px;
  background-color: #aaaaaa;
  -webkit-transition: background-position 0.2s ease-out;
  -moz-transition: background-position 0.2s ease-out;
  -ms-transition: background-position 0.2s ease-out;
  -o-transition: background-position 0.2s ease-out;
  transition: background-position 0.2s ease-out;
}
.btn:active {
  box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.btn.blue {
  background: #0077d3;
  border: 1px solid #0077d3;
  color: white;
  /*#gradient > .vertical(@btnHighlightBlue, @btnBackgroundBlue);*/

}
.btn.blue:hover {
  background-color: #3aa9ff;
  border-color: #3aa9ff;
}
.btn.red {
  background: #9b252f;
  border: 1px solid #9b252f;
  color: white;
  /*#gradient > .vertical(@btnHighlightRed, @btnBackgroundRed);*/

}
.btn.red:hover {
  background-color: #d2575f;
  border-color: #d2575f;
}
.btn.dark {
  background: #272e33;
  border: 1px solid #272e33;
  color: white;
  /*#gradient > .vertical(@btnHighlightDark, @btnBackgroundDark);*/

}
.btn.dark:hover {
  background-color: #394349;
  border-color: #394349;
}
a.btn {
  color: #333333;
}
/*Button Slide*/
.btn.slide {
  background-size: 0 76px;
  color: white;
  display: inline-block;
  height: 28px;
  padding: 5px 12px;
  width: 14px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.slide:hover {
  background-position: 0 -38px;
}
.slide:active span.previous,
.slide:active span.next {
  background: url(/graphics/slide-previous.png) no-repeat -1px 3px;
}
/*span.previous, span.next { 
background: url(/graphics/slide-previous.png)no-repeat -1px 2px;
display: block;
height: 30px;
text-indent: -9999px;
width: 16px;
}

span.next {
filter: FlipH;
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-filter: "FlipH";
}*/
input[type="file"] {
  margin: 0;
  padding: 10px 0;
  position: absolute;
  z-index: 10;
}
.uploader {
  height: 30px;
  margin-bottom: 20px;
  position: relative;
}
.uploader span.action {
  background: #eeeeee;
  /*#gradient > .vertical(@btnHighlight, @btnBackground);*/

  border: 1px solid #9d9d9d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*.box-shadow(~"0 1px 0px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.2)");*/

  color: #333333;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 1.6;
  margin: 0 10px 10px 0;
  padding: 5px 14px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.uploader span.action:hover {
  color: #222222;
  background-position: 0 -10px;
  background-color: #aaaaaa;
  -webkit-transition: background-position 0.2s ease-out;
  -moz-transition: background-position 0.2s ease-out;
  -ms-transition: background-position 0.2s ease-out;
  -o-transition: background-position 0.2s ease-out;
  transition: background-position 0.2s ease-out;
}
.uploader span.action:active {
  box-shadow: inset 0 0px 7px rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.uploader span.action.blue {
  background: #0077d3;
  border: 1px solid #0077d3;
  color: white;
  /*#gradient > .vertical(@btnHighlightBlue, @btnBackgroundBlue);*/

}
.uploader span.action.blue:hover {
  background-color: #3aa9ff;
  border-color: #3aa9ff;
}
.uploader span.action.red {
  background: #9b252f;
  border: 1px solid #9b252f;
  color: white;
  /*#gradient > .vertical(@btnHighlightRed, @btnBackgroundRed);*/

}
.uploader span.action.red:hover {
  background-color: #d2575f;
  border-color: #d2575f;
}
.uploader span.action.dark {
  background: #272e33;
  border: 1px solid #272e33;
  color: white;
  /*#gradient > .vertical(@btnHighlightDark, @btnBackgroundDark);*/

}
.uploader span.action.dark:hover {
  background-color: #394349;
  border-color: #394349;
}
.uploader span.action,
.uploader span.filename {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 20px;
  margin: 0;
}
.uploader span.action {
  width: 80px;
}
.uploader span.filename {
  left: 110px;
  width: 110px;
}
/* Checker */
div.checker,
div.checker span:checked {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
  display: inline;
  height: 19px;
  margin: 0 5px 0 0;
  position: relative;
  width: 19px;
}
div.checker span.checked:before,
div.checker span.checked:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 5px;
  height: 10px;
  border: 1px solid black;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
div.checker span.checked:after {
  height: 3px;
  right: 9px;
  top: 7px;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
/* Radio */
input[type="radio"],
input[type="checkbox"] {
  display: inline;
  width: 15px;
  height: 15px;
  position: relative;
  z-index: 2;
}
input[type="radio"] {
  top: 0px;
  margin: 0 !important;
  /*height: 100% !important;*/
}
div.radio {
  background: #ffffff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* IE10+ */

  background: linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  /* IE6-9 */

  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  position: relative;
  width: 15px;
}
div.radio span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dark div.radio {
  border-color: transparent;
}
div.radio span.checked:after {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  box-shadow: 0 1px 1px white;
  height: 7px;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 7px;
}
/*radio check hover*/
/*div.checker:hover, div.radio:hover {
border: 1px solid rgba(0, 0, 0, .4);
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}*/
div.checker.disabled,
div.checker.disabled:hover,
div.checker.disabled:active,
div.radio.disabled,
div.radio.disabled:hover,
div.radio.disabled:active {
  background: #eeeeee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
.dark div.checker.disabled,
.dark div.checker.disabled:hover,
.dark div.checker.disabled:active,
.dark div.radio.disabled,
.dark div.radio.disabled:hover,
.dark div.radio.disabled:active {
  background: #333;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px black;
}
.dark div.checker:hover,
.dark div.radio:hover {
  border: 1px solid rgba(2555, 255, 255, 0.5);
  box-shadow: 0 0px 5px rgba(255, 255, 255, 0.3);
}
/*radio check active*/
div.checker:active,
div.radio:active {
  border: 1px solid #eeeeee;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}
.dark div.checker:active,
.dark div.radio:active {
  background: #eeeeee;
  border: 1px solid #000000;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7);
}
/*date*/
.date {
  color: grey;
}
.date img[src^="/graphics/icons/time-dark.svg"] {
  border: none;
  margin: 0;
  opacity: 0.5;
}
/*shelf*/
.dummy {
  background: #666 !important;
  display: block;
  height: 270px;
  width: 190px;
}
.shelf {
  background: #eeeeee;
  /* Old browsers */

  background: -moz-linear-gradient(top, #eeeeee 46%, #dddddd 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(46%, #eeeeee), color-stop(100%, #dddddd));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #eeeeee 46%, #dddddd 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #eeeeee 46%, #dddddd 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #eeeeee 46%, #dddddd 100%);
  /* IE10+ */

  background: linear-gradient(top, #eeeeee 46%, #dddddd 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
  /* IE6-9 */

  padding: 10px 50px 0 50px;
}
.shelf:after {
  background: #ffffff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 50%, #dddddd 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #eeeeee), color-stop(100%, #dddddd));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%, #dddddd 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%, #dddddd 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%, #dddddd 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%, #dddddd 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
  /* IE6-9 */

  border-top: 1px solid white;
  box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.1);
  content: "";
  clear: both;
  display: block;
  height: 55px;
  margin: 0 -50px;
  position: relative;
  width: 960px;
}
.shelf:last-child:after,
.shelf:last-child,
.description:last-child {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.shelf.first a {
  margin: 15px 9px 0 9px ;
}
.shelf a {
  float: left;
  height: 269px;
  margin: 15px 12px 0 12px ;
  position: relative;
  z-index: 1;
}
/*selected*/
.shelf .selected {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ddd;
  bottom: -46px;
  height: 0;
  left: 80px;
  position: absolute;
  width: 0;
}
.shelf a::before,
.shelf a::after {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  bottom: 0;
  content: "";
  height: 255px;
  position: absolute;
  width: 10px;
  z-index: -1;
  -webkit-transform: rotate(0) scale(1) skew(-1deg) translate(3px);
  -moz-transform: rotate(0) scale(1) skew(-1deg) translate(3px);
  -o-transform: rotate(0) scale(1) skew(-1deg) translate(3px);
  -ms-transform: rotate(0) scale(1) skew(-1deg) translate(3px);
  transform: rotate(0) scale(1) skew(-1deg) translate(3px);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.shelf a:after {
  -webkit-transform: rotate(0) scale(1) skew(1deg) translate(-13px);
  -moz-transform: rotate(0) scale(1) skew(1deg) translate(-13px);
  -o-transform: rotate(0) scale(1) skew(1deg) translate(-13px);
  -ms-transform: rotate(0) scale(1) skew(1deg) translate(-13px);
  transform: rotate(0) scale(1) skew(1deg) translate(-13px);
  right: -10px;
}
/*hover*/
.shelf a img {
  background: white;
  min-height: 160px;
  min-width: 190px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.shelf a:hover img {
  bottom: 10px;
  box-shadow: 0 13px 15px rgba(0, 0, 0, 0.3);
}
.shelf a:active {
  bottom: 0px;
}
.shelf a:hover:before,
.shelf a:hover:after {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0);
  -webkit-transform: skew(0deg, 0deg) translate(0px, 0);
  width: 0;
}
/*shine*/
.shelf span.shine {
  border-top: 190px solid rgba(255, 255, 255, 0.5);
  border-right: 190px solid rgba(255, 255, 255, 0);
  opacity: 0.5;
  display: block;
  height: 0px;
  position: absolute;
  width: 0px;
  z-index: 3;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.shelf a:hover span.shine {
  border-top: 0px solid rgba(255, 255, 255, 0.5);
  border-right: 10px solid rgba(255, 255, 255, 0);
  top: -10px;
}
/*description*/
.description {
  background-color: #262b30;
  background-image: -moz-linear-gradient(top, #1d2024, #343b42);
  background-image: -ms-linear-gradient(top, #1d2024, #343b42);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d2024), to(#343b42));
  background-image: -webkit-linear-gradient(top, #1d2024, #343b42);
  background-image: -o-linear-gradient(top, #1d2024, #343b42);
  background-image: linear-gradient(top, #1d2024, #343b42);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d2024', endColorstr='#343b42', GradientType=0);
  padding: 30px;
  position: relative;
}
.description:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.description .left {
  margin-right: 30px;
}
.description .share {
  background: #cccccc;
  border-radius: 0;
  margin-top: 20px;
  width: 230px;
}
.description .share input[type="text"] {
  width: 166px;
}
.description .share input[type="submit"].blue {
  height: 32px;
}
.description .btn.blue,
.description .btn {
  margin-right: 20px;
  position: relative;
  top: 20px;
}
.description .close_btn {
  border-radius: 100px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 7px rgba(0, 0, 0, 0.75);
  display: block;
  height: 22px;
  text-indent: -99999px;
  width: 22px;
  position: absolute;
  top: 30px;
  right: 30px;
}
.description .close_btn:before {
  content: "x";
  color: #292d32;
  text-indent: 0;
  display: block;
  font: bold 18px/1 "Helvetica", sans-serif;
  position: absolute;
  top: 0;
  left: 6px;
}
.description .close_btn:hover:before {
  color: #343b42;
}
/* NEWS FEEDS */
.feeds .span-2-1 {
  width: 453px;
}
.feeds .span-3-1 {
  width: 293px;
}
.feeds .span-3-2 {
  width: 613px;
}
.feeds .span-4-1 {
  width: 213px;
}
.feeds .span-4-2 {
  width: 453px;
}
.feeds .span-4-3 {
  width: 693px;
}
.feeds .span-5-1 {
  width: 165px;
}
.feeds .span-5-2 {
  width: 357px;
}
.feeds .span-5-3 {
  width: 549px;
}
.feeds .span-5-4 {
  width: 741px;
}
.feeds .span-2-1.last {
  width: 454px;
}
.feeds .span-3-1.last {
  width: 294px;
}
.feeds .span-3-2.last {
  width: 614px;
}
.feeds .span-4-1.last {
  width: 214px;
}
.feeds .span-4-2.last {
  width: 454px;
}
.feeds .span-4-3.last {
  width: 694px;
}
.feeds .span-5-1.last {
  width: 166px;
}
.feeds .span-5-2.last {
  width: 358px;
}
.feeds .span-5-3.last {
  width: 550px;
}
.feeds .span-5-4.last {
  width: 742px;
}
.feeds .span-1-1 {
  height: 210px;
}
.feeds .span-4-1,
.feeds .span-4-2,
.feeds .span-4-3 {
  height: 335px;
}
.feeds .span-3-1,
.feeds .span-3-2,
.feeds .span-2-1 {
  height: 150px;
}
.feeds .span-5-4,
.feeds .span-5-3,
.feeds .span-5-2,
.feeds .span-5-1 {
  height: 200px;
}
.mainbar .feeds {
  margin: 0 -30px;
}
.mainbar .feeds .span-1-1 {
  width: 669px;
}
.mainbar .feeds .span-2-1 {
  width: 304px;
}
.mainbar .feeds .span-3-1 {
  width: 182px;
}
.mainbar .feeds .span-3-2 {
  width: 425px;
}
.mainbar .feeds .span-4-1 {
  width: 128px;
}
.mainbar .feeds .span-4-2 {
  width: 291px;
}
.mainbar .feeds .span-4-3 {
  width: 480px;
}
.mainbar .feeds .span-5-1 {
  width: 119px;
}
.mainbar .feeds .span-5-2 {
  width: 265px;
}
.mainbar .feeds .span-5-3 {
  width: 411px;
}
.mainbar .feeds .span-5-4 {
  width: 557px;
}
.mainbar .feeds .span-2-1.last {
  width: 305px;
}
.mainbar .feeds .span-3-1.last {
  width: 183px;
}
.mainbar .feeds .span-3-2.last {
  width: 426px;
}
.mainbar .feeds .span-4-1.last {
  width: 129px;
}
.mainbar .feeds .span-4-2.last {
  width: 292px;
}
.mainbar .feeds .span-4-3.last {
  width: 481px;
}
.mainbar .feeds .span-5-1.last {
  width: 120px;
}
.mainbar .feeds .span-5-2.last {
  width: 266px;
}
.mainbar .feeds .span-5-3.last {
  width: 412px;
}
.mainbar .feeds .span-5-4.last {
  width: 558px;
}
.feeds ul {
  margin: 0;
  padding: 0;
  width: auto;
}
.feeds {
  background: #eeeeee;
}
.feeds .span-1-1,
.feeds .span-2-1,
.feeds .span-3-1,
.feeds .span-3-2,
.feeds .span-4-1,
.feeds .span-4-2,
.feeds .span-4-3,
.feeds .span-5-1,
.feeds .span-5-2,
.feeds .span-5-3,
.feeds .span-5-4,
.feeds [class*="span"] {
  background: #eeeeee;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #333;
  float: left;
  overflow: hidden;
  margin-right: 0;
  padding: 20px 13px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.mainbar .feeds .span-1-1,
.mainbar .feeds .span-2-1,
.mainbar .feeds .span-3-1,
.mainbar .feeds .span-3-2,
.mainbar .feeds .span-4-1,
.mainbar .feeds .span-4-2,
.mainbar .feeds .span-4-3,
.mainbar .feeds .span-5-1,
.mainbar .feeds .span-5-2,
.mainbar .feeds .span-5-3,
.mainbar .feeds .span-5-4 {
  background: white;
  padding: 20px 30px;
}
.feeds .span-1-1:hover,
.feeds .span-2-1:hover,
.feeds .span-3-1:hover,
.feeds .span-3-2:hover,
.feeds .span-4-1:hover,
.feeds .span-4-2:hover,
.feeds .span-4-3:hover,
.feeds .span-5-1:hover,
.feeds .span-5-2:hover,
.feeds .span-5-3:hover,
.feeds .span-5-4:hover,
.feeds.disabled .span-1-1:active,
.feeds.disabled .span-2-1:active,
.feeds.disabled .span-3-1:active,
.feeds.disabled .span-3-2:active,
.feeds.disabled .span-4-1:active,
.feeds.disabled .span-4-2:active,
.feeds.disabled .span-4-3:active,
.feeds.disabled .span-5-1:active,
.feeds.disabled .span-5-2:active,
.feeds.disabled .span-5-3:active,
.feeds.disabled .span-5-4:active,
.feeds [class*="span"]:hover {
  background: #f7f7f7;
  /* Old browsers */

  background: -moz-linear-gradient(top, #f7f7f7 0%, #f5f5f5 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f5f5f5));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f7f7f7 0%, #f5f5f5 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f7f7f7 0%, #f5f5f5 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f7f7f7 0%, #f5f5f5 100%);
  /* IE10+ */

  background: linear-gradient(top, #f7f7f7 0%, #f5f5f5 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f5f5f5', GradientType=0);
  /* IE6-9 */

  box-shadow: none;
}
.feeds .span-1-1:active,
.feeds .span-2-1:active,
.feeds .span-3-1:active,
.feeds .span-3-2:active,
.feeds .span-4-1:active,
.feeds .span-4-2:active,
.feeds .span-4-3:active,
.feeds .span-5-1:active,
.feeds .span-5-2:active,
.feeds .span-5-3:active,
.feeds .span-5-4:active,
.feeds [class*="span"]:active {
  background: #eeeeee;
  /* Old browsers */

  background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* IE10+ */

  background: linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
  /* IE6-9 */

  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
}
.feeds .span-2-1.last,
.feeds .span-3-1.last,
.feeds .span-3-2.last,
.feeds .span-4-1.last,
.feeds .span-4-2.last,
.feeds .span-4-3.last,
.feeds .span-5-1.last,
.feeds .span-5-2.last,
.feeds .span-5-3.last,
.feeds .span-5-4.last,
.feeds [class*="span"].last {
  border-right: none;
  border-radius: 0;
  margin-bottom: 0;
}
.feeds .span-2-1 img,
.feeds .span-3-1 img,
.feeds .span-3-2 img,
.feeds .span-4-1 img,
.feeds .span-4-2 img,
.feeds .span-4-3 img,
.feeds .span-5-1 img,
.feeds .span-5-2 img,
.feeds .span-5-3 img,
.feeds .span-5-4 img {
  border: 1px solid #ddd;
  border-bottom: 1px solid white;
  margin-bottom: 10px;
}
.feeds .span-1-1 img.left,
.feeds .span-2-1 img.left,
.feeds .span-3-1 img.left,
.feeds .span-3-2 img.left,
.feeds .span-4-1 img.left,
.feeds .span-4-2 img.left,
.feeds .span-4-3 img.left,
.feeds .span-5-1 img.left,
.feeds .span-5-2 img.left,
.feeds .span-5-3 img.left,
.feeds .span-5-4 img.left {
  margin: 0 13px 10px 0;
}
.feeds a img.png {
  border: none;
  padding-bottom: 0;
  position: relative;
  top: -15px;
}
span.special {
  border-top: 90px solid #3d92e1;
  border-right: 90px solid transparent;
  display: block;
  height: 0;
  left: 1px;
  margin: 20px 13px;
  position: absolute;
  top: 1px;
  width: 0;
}
span.special::after {
  content: "Special";
  color: white;
  display: block;
  font: bold 20px/1 "Helvetica", sans-serif;
  left: 12px;
  letter-spacing: -1px;
  position: relative;
  top: -44px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.feeds span.multiple {
  float: left;
  margin-right: 13px;
}
span.multiple {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
  display: block;
  margin-bottom: 10px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
span.multiple:before,
span.multiple:after {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  background: #aaaaaa;
  border: 5px solid white;
  position: absolute;
  z-index: 1;
  width: 140px;
  height: 140px;
  top: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
span.multiple:before {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}
span.multiple:after {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.feeds span.multiple img {
  width: 140px;
}
span.multiple img,
.feeds span.multiple img {
  border: 5px solid white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.feeds span.video_btn {
  display: block;
  position: relative;
}
.feeds span.video_btn:after {
  background: url(/graphics/play-video.png) no-repeat;
  background-size: 30px;
  content: "";
  display: block;
  height: 50px;
  position: absolute;
  right: 37%;
  top: 40%;
  width: 50px;
  z-index: 1;
}
/* feeds control for previous and next */
.feeds.control {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.feeds.control:after {
  content: "";
  clear: both;
  display: block;
}
.feeds.control p {
  font-size: 12px;
}
.feeds.control .span-1-1 {
  height: 190px;
}
.feeds.control .span-2-1 {
  border-bottom: none;
  height: 120px;
}
.feeds.control .previous,
.feeds.control .next {
  background: #e5e5e5;
  color: #999;
  display: inline;
  font-size: 9px;
  padding: 3px 7px 4px 7px;
  position: absolute;
  text-transform: uppercase;
  top: -5px;
  z-index: 30;
}
.feeds.control .previous {
  left: 22px;
}
.feeds.control .next {
  right: 22px;
}
.feeds.control .previous:before,
.feeds.control .next:before {
  display: block;
  content: "";
  position: absolute;
  border-style: solid;
  border-color: #999 transparent;
  width: 0;
  border-width: 0px 0px 4px 4px;
  top: 1px;
}
.feeds.control .previous:before {
  left: -4px;
}
.feeds.control .next:before {
  right: -4px;
  -webkit-transform: rotatey(140deg);
  -moz-transform: rotatey(140deg);
}
/* similar */
.similar {
  overflow: hidden;
  padding: 30px 0 80px;
}
.similar .span-3-1 {
  width: 210px;
}
.similar a:hover h4 {
  color: #0077d3;
}
.similar img {
  margin-bottom: 10px;
}
.similar h4 {
  margin-bottom: 5px;
}
.similar span.overflow {
  display: block;
  height: 105px;
  overflow: hidden;
  margin-bottom: 30px;
}
.similar span.overflow img {
  position: relative;
  top: -20px;
}
a.infinite_load_more,
.infinite_end {
  background: #ffffff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #dddddd 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #e5e5e5), color-stop(100%, #dddddd));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #dddddd 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #dddddd 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #dddddd 100%);
  /* IE10+ */

  background: linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #dddddd 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
  /* IE6-9 */

  background-size: 0 180px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  /* border-top: 1px solid rgba(0,0,0,.1); */

  color: #333;
  cursor: pointer;
  display: block;
  float: left;
  font-weight: bold;
  margin-right: 0;
  /* margin-top: 30px; */

  padding: 24px 0;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a#load_more:hover {
  background-position: 0 -60px;
}
a#load_more:active {
  background-position: 0 -120px;
}
/* ASIDE */
aside.sub-4,
aside.sub-3,
aside.sub-2 {
  margin: 0 0 20px;
}
aside .aside-4-1 {
  height: 275px;
  width: 185px;
}
aside .aside-4-2 {
  height: 275px;
  width: 430px;
}
aside .aside-3-1 {
  height: 275px;
  width: 266px;
}
aside .aside-3-2 {
  height: 275px;
  width: 594px;
}
aside .aside-2-1 {
  height: 220px;
  width: 430px;
}
aside .aside-4-1,
aside .aside-4-2,
aside .aside-3-1,
aside .aside-3-2,
aside .aside-2-1 {
  background: #eeeeee;
  border-radius: 5px;
  /*box-shadow: 0 0 10px #000;*/
  float: left;
  margin-right: 20px;
  padding: 25px 20px 0;
}
aside .aside-4-1.button:hover,
aside .aside-4-2.button:hover,
aside .aside-3-1.button:hover,
aside .aside-2-1.button:hover,
aside .aside-3-2.button:hover {
  background: white;
}
aside .last {
  margin-right: 0px;
}
aside h2 {
  color: black;
  font: 100 18px/20px Arial, sans-serif;
  margin: 0 0 12px;
}
aside p {
  color: #333;
  font-size: 12px;
}
aside:after {
  content: "";
  clear: both;
  display: block;
}
/* Tabs */
.content.visible {
  display: block;
}
.ui-tabs-hide {
  display: none;
}
/* loader */
.content,
.content2 {
  position: relative;
}
#infinite_loader {
  position: relative;
}
.infinite_end {
  -webkit-animation-name: infinite_end;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
}
@-webkit-keyframes infinite_end {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    padding: 0;
    height: 0;
  }
}
img[src^="/graphics/loading.gif"] {
  height: 32px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  width: 32px;
  /*
left: 50%;
height: 32px;
margin: -16px;
position: absolute;
padding: 16px 0;
top: 50%;
width: 32px;
*/

}
a[href^="http:"] {
  background: url("/graphics/external.gif") no-repeat right center;
  padding-right: 14px;
}
img[src^="/graphics/icons/"] {
  vertical-align: -2px;
}
/* Enable hovering on mobile devices */
/*.main-nav div { display: none; }
.main-nav:hover div { display: block; }*/
/*Chat*/
.chatbox {
  /*display: none;*/

  background: #272e33;
  border: 1px solid rgba(0, 0, 0, 0.7);
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  bottom: 0px;
  position: fixed;
  right: 150px;
  width: 330px;
  z-index: 1000;
}
.chatbox .content {
  display: none;
  margin: 20px 20px 0;
}
.chatbox ul {
  margin: 0;
  padding: 0;
}
.chatbox ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.chatbox ul li {
  font-size: 11px;
  list-style: none;
  margin: 0;
}
.chatbox ul li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.chatbox ul.tabs {
  background: #222222;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5);
}
.chatbox ul.tabs li {
  float: left;
  margin: 0;
}
.chatbox ul.tabs li a {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  color: #999;
  display: block;
  height: 17px;
  padding: 8px 10px;
  position: relative;
  width: 42px;
}
.chatbox ul.tabs li:first-child a {
  border-left: none;
}
.chatbox ul.tabs li a#close-chat {
  border-right: none;
  font-size: 16px;
  width: 6px;
}
.chatbox ul.tabs li a.current {
  background: #272e33;
  border-top-left-radius: 5px;
  box-shadow: 0 2px #272e33, inset 0 1px 0 rgba(255, 255, 255, 0.1);
  color: white;
  width: 90px;
}
.chatbox ul.tabs li a p {
  font-size: 11px;
  overflow: hidden;
  margin: 0;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chatbox ul.tabs li span.notification {
  padding: 0 5px;
  position: absolute;
  top: -8px;
  right: 14px;
}
.chatbox ul.tabs li span.close {
  background: url("/graphics/nav-dropdown.png");
  border-radius: 100px;
  box-shadow: 0 1px 0 #000000;
  color: #000000;
  font-size: 9px;
  height: 15px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 9px;
  width: 15px;
  -webkit-transition: all 0.1s ease-out;
}
.chatbox ul.tabs li a.current span.close {
  background: rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.3);
}
.chatbox ul.tabs li a:hover span.close {
  opacity: 1;
}
.chatbox ul.messages img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0px rgba(255, 255, 255, 0.1);
}
.chatbox ul.messages li img {
  float: right;
  margin: 0 0 0 10px;
  width: 30px;
}
.chatbox ul.messages li img.left {
  float: left;
  margin: 0 10px 0 0;
}
.chatbox ul.messages li p {
  background: #394349;
  border-radius: 3px;
  color: #C1C8CB;
  float: left;
  margin-bottom: 15px;
  padding: 3px 50px 5px 10px;
  position: relative;
  width: 185px;
  z-index: 2;
}
.chatbox ul.messages li.reply img + p {
  margin-left: 0;
}
.chatbox ul.messages li.reply p {
  margin-left: 42px;
}
.chatbox ul.messages li p:before {
  background: #394349;
  border-top: 1px solid #394349;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: -4px;
  top: 32%;
  width: 8px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.chatbox ul.messages li.reply p:before {
  border: none;
  left: -5px;
}
.chatbox ul.messages li p span.time {
  color: #aaaaaa;
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 5px;
}
.chatbox form.answer {
  margin: 0 -20px -5px;
}
.chatbox form.answer textarea {
  border-radius: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.75);
  border-bottom: 1px solid rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.2);
  float: left;
  margin-bottom: 0;
  min-height: 32px;
  width: 258px;
}
/* feedback bugmuncher */
#bugmuncher-button {
  background: #272e33 !important;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0px 5px rgba(0,0,0,.3) !important;
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0px 5px rgba(0,0,0,.3) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0px 5px rgba(0,0,0,.3) !important;
  color: #cccccc !important;
  padding: 8px 15px !important;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a.float_contact {
background: rgba(0,0,0,.7);
bottom: 15px;
border: none;
color: #fff;
position: fixed;
right: 2%;
}
a.float_contact:hover {
background: #09f;
color: #fff;
}
.no_cookies {
  background: #ffffff url(/graphics/life/arrow_top.png) no-repeat;
  height: 500px;
  padding: 50px;
  width: 860px;
}
#keep,
#change {
  margin: 3px 0 0 30px;
  cursor: pointer;
  float: left;
}
#keep {
  margin-left: 175px;
}
.country-notification p {
  float: left;
  margin-right: 50px;
}
#region-arrow {
  background: url('/graphics/region_notification_arrow.png');
  width: 45px;
  height: 45px;
  position: fixed;
  top: 43px;
  left: 396px;
  z-index: 1002;
}
.done_e {
  float: left;
  font-size: 11px;
  margin: 10px 0 0 0;
  color: green;
}
.done_n p {
  color: green;
  display: block;
  font-size: 12px;
  margin-top: 10px !important;
}
#newsletter label.error {
  left: 0;
  margin: 0;
  position: absolute;
  top: 40px;
  color: #b00000;
}
#share_email label.error {
  float: left;
  position: absolute;
  top: 180px;
  left: 20px;
  color: #b00000;
  font-size: 12px;
}
#receiver.error {
  border: 1px solid #b00000 !important;
  /*margin: -1px 0 19px 0; hide for sidebar share */

}
.pluginBoxDivider {
  border-top: none!important;
}

/* New sidebar Nov 2014 */
.sidebar .contact h3 {
margin: 0;
}
.sidebar .contact h3 a {
display: inline-block;
width: 20px;
}
.sidebar .contact img.map {
width: 24px!important;
margin: 0 0 -2px 5px!important;
opacity: .8;
}
.sidebar .contact p.phone {
font-size: 22px!important;
margin: 0 0 0 0;
}
.sidebar .contact p {
font-size: 13px;
}

#enquiry .box {
background: #22272D;
margin: 0 20px 0 0;
padding: 0px;
width: 634px;
}

#enquiry .tab .note {
padding: 30px 30px 15px;
float: left;
width: 377px;
}

#enquiry .tab .note .label h3{
text-shadow:none;
color: #3cb878;
}

#enquiry .tab .login {
background: #111;
display: block;
float: left;
height: 230px;
padding: 20px;
width: 157px;
}

#enquiry .tab .login a {
display: block;
margin: 20px 0 5px;
}

#enquiry .register-header {
padding: 30px;
background: #eee;
/*background: #ececec url('/graphics/apply/index/header_bg.png') no-repeat center bottom;*/
}

#enquiry .register-header .login {
position: absolute;
right: 0;
padding: 30px;
top: 0;
/*box-shadow: inset 1px 0 0 rgba(255, 255, 255, .7), -1px 0 0 rgba(0, 0, 0, .15);*/
}

#enquiry .register-header .lead {
font-size: 16px;
}

#enquiry .action {
text-align: center;
background: #eee;
margin: 50px -30px -30px;
padding: 30px;
border-radius: 0 0 5px 5px;
}

#enquiry .register {
padding: 30px;
background: #fff;
/*background: url('/graphics/apply/index/paper.jpg') repeat;*/
margin-top: -5px;
border-radius: 0 0 5px 5px;
}

#enquiry .register ul {
margin: 0
}

#enquiry .register ul li {
font-family: georgia;
font-size: 16px;
line-height: 1.5;
}



#enquiry .register_login {
margin: -50px -50px 0 -30px;
}

#enquiry .register_login #login_button {
margin: 50px 0 0 0;
width: 170px;
}

#enquiry .register_login .logged_in {
margin: 50px 0 0 0;
}

#enquiry #requirements_content {
background: #eee;
border: 1px solid #ccc;
border-radius: 5px;
padding: 30px;
margin: 20px 0 50px;
}

/*old apply*/

#apply .box { background: url(/graphics/community/register/registerbg.jpg); }
#apply .bar-2-1 { padding: 0;}
#apply .header { padding: 30px 30px 0px; }
#apply .bar-2-1:first-child {min-height:844px; text-shadow: 0 -1px 0 black;}

#apply .login {
background: url(/graphics/community/register/loginbg.jpg);
padding: 20px 46px 10px;
margin-bottom: 20px;
}

#apply .info {
background: #47545c;
border-radius: 100px;
box-shadow: inset 0 1px 0px rgba(255,255,255,.1), 0 1px 2px black;
color: white;
cursor: pointer;
display: inline-block;
font: italic 9px/14px "Georgia", serif;
float: right;
height: 13px;
margin: 18px 22px 0 0;
text-indent: 5px;
text-shadow: 0 1px 0 black;
width: 13px;
}

#apply .info:hover {box-shadow: inset 0 1px 0px rgba(255,255,255,.2), 0 1px 4px black;}

/* DROPDOWN */

#apply .content { -webkit-transition: all 1s linear; }

#apply .content form {position: relative;}

@-webkit-keyframes down {
0% { opacity: 0; top: 30px; }
100% { opacity: 1; top: 35px; }
}

#apply .content { min-height: 600px; }

.dropdown ul {
border-radius: 5px;
display:none;
left: 55px;
list-style: none;
margin:0px;
padding: 0px;
position: absolute;
top: 35px;
box-shadow: 0 0 5px black;
z-index: 19;
-webkit-animation: down 0.2s ease-out;
-webkit-animation-fill-mode: forwards;
}

.dropdown ul li:first-child a:before {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #eee;
content: "";
display: block;
height: 0px;
left: 42px;
position: absolute;
top: -5px;
width: 0px;
z-index: 11;
}

.dropdown ul li {
background: #eee;
margin: 0;
padding: 0;
position: relative;
z-index: 10;
}

.dropdown ul li a {
border-top: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(0,0,0,.3);
color: #444;
display: block;
font: 12px/1.6 "lucida grande", arial;
padding: 10px 20px;
text-shadow: 0 1px 0 white;
}

.dropdown ul li:hover a {background: rgba(0, 0, 0, .3); color: white; text-shadow: 0 -1px 0 rgba(0,0,0,.75);}

.dropdown ul li:first-child:hover a:before {border-bottom: 5px solid #a7a7a7;}

.dropdown ul li:first-child, .dropdown ul li:first-child a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.dropdown ul li:last-child, .dropdown ul li:last-child a {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.dropdown {position:relative;}

#apply .content h6.detail {margin: 0 30px 10px;}

#apply .expand {
background: #191e23;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255,255,255,.2);
width: 14px;
height: 14px;
display: inline-block;
}

#apply .expand:after {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #7BBFFF;
content: "";
display: block;
height: 0;
left: 4px;
position: relative;
top: 6px;
width: 0;
}

#apply a.title {position: relative; z-index: 10;}
#apply .title label {color: #7BBFFF; margin-right: 5px;}
#apply .title label:hover {color: #5481A8;}
#apply .title label:active {color: #3773AC;}
#apply .expand:hover:after {border-top: 3px solid #5481A8;}
#apply .expand:active:after {border-top: 3px solid #3773AC;}

#apply div.radio {
display: inline-block;
margin-right: 10px;
}

#apply div.radio + label {position: relative; top: -4px;}
#apply .date, #apply .month { display: inline; }
#apply .date { margin-left: 20px; }
#apply .date .selector { width: 38px; }
#apply .month .selector { width: 77px; }
#apply .interestarea .selector, #apply .genre .selector, #apply .whole { display: block; width: 342px; }
#apply .interestarea, #apply .genre {margin: 10px 0;}

#apply .login input[type="text"], #apply .login input[type="email"] {
margin-right: 10px;
width: 342px;
}

#apply textarea {
margin-bottom: 10px; 
}

.tooltip {
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
box-shadow: 0 0 5px black, inset 0 1px 0 white;
display:none;
padding: 15px;
text-shadow: 0 1px 0 white;
top: -30px;
width: 150px;
-webkit-animation: tooltip 0.2s ease-out;
-webkit-animation-fill-mode: forwards;
-webkit-transition: all 0.2s ease-out;
}

@-webkit-keyframes tooltip {
0% { opacity: 0; top: -20px; }
100% { opacity: 1; top: -30px; }
}

.tooltip:after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #ddd;
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
bottom: -10px;
left: 44%;
}				

#apply input {
background: url(/graphics/ico_validation.png) 120% 8px no-repeat, #f2f2f2;
background: url(/graphics/ico_validation.png) 120% 8px no-repeat, -webkit-linear-gradient(top, #F2F2F2 0%,#F7F7F7 100%);
-webkit-transition: all 0.5s linear;
margin-bottom: 10px;
}

#apply input.error {
background: url(/graphics/ico_validation.png) 95% 8px no-repeat, #f2f2f2;
background: url(/graphics/ico_validation.png) 95% 8px no-repeat, -webkit-linear-gradient(top, #F2F2F2 0%,#F7F7F7 100%);
}

#apply input.valid {
background: url(/graphics/ico_validation.png) 95% 40px no-repeat, #f2f2f2;
background: url(/graphics/ico_validation.png) 95% 40px no-repeat, -webkit-linear-gradient(top, #F2F2F2 0%,#F7F7F7 100%);
-webkit-animation: valid 1.5s ease-out;
}

#apply input.error:focus {
box-shadow: 0 0 20px red;
-webkit-animation: error 1s ease-out;
-webkit-transition: all 0.2s ease-out;
}

@-webkit-keyframes valid {
0% { box-shadow: 0 0 20px #2eb919;  }
100% { box-shadow: 0 0 0 #2eb919;  }
}

@-webkit-keyframes error {
0% { box-shadow: 0 0 1px red;  }
100% { box-shadow: 0 0 20px red;  }
}

#apply label.error {
color: red;
margin: 0;
padding-top: 20px;
position: absolute;
text-align: center;
}

#apply input[type="password"] + label.error, #apply input[type="email"] + label.error {
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
box-shadow: 0 0 5px black, inset 0 1px 0 white;
left: 10px;
opacity: 1;
display: none !important;
padding: 15px;
text-shadow: 0 1px 0 white;
top: 35px;
min-width: 200px;
-webkit-transition: all 0.2s ease-out;
-webkit-animation: slideup 0.5s ease-out;
-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes slideup {
0% { opacity: 0; top: 40px; }
100% { opacity: 1; top: 35px; }
}

@-webkit-keyframes slideups {
0% { opacity: 0; top: 90px; }
100% { opacity: 1; top: 85px; }
}

#apply input[type="email"] + label.error {
left: 60px;
top: 85px;
-webkit-animation: slideups 0.5s ease-out;
-webkit-animation-fill-mode: forwards;
}

#apply input[type="password"]:focus + label.error, #apply input[type="email"]:focus + label.error {display: inline !important;}

#apply input[type="password"].valid:focus + label.error, #apply input[type="email"].valid:focus + label.error {display: none !important;}

#apply input[name="confirm_password"] + label.error {
left: 190px;
}

#apply input[type="password"] + label.error:before, #apply input[type="email"] + label.error:before {
border-top: 10px solid #ddd;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom: -10px;
content: "";
display: block;
height: 0;
left: 45%;
position: absolute;
width: 0;
}

#apply input[type="password"], #apply .personal input[name="firstname"], #apply .personal input[name="lastname"], #apply .personal input[name="postcode"], #apply .personal input[name="state"] {
width: 153px;
margin-right: 10px;
}

#apply .personal { padding: 0 47px; }
#apply .gender .right { float:right; margin-right: 40px;}
#apply .gender .right input[type="radio"] {top: -10px;}
#apply .gender {margin: 10px 0;}

#apply .gender:after {
content: "";
clear: both;
display: block;
}

#apply .join {
border-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 1px solid rgba(0,0,0,.1);
display: block;
font-size: 14px;
margin: 0 -47px;
height: 42px;
width: 470px;
}

#apply a.join:active {
border: 1px solid #27343D;
border-bottom: 1px solid #344051;
box-shadow: inset 0 0px 7px rgba(0,0,0,0.65);
}

#apply .btn.account {
box-shadow: 0 0 10px #000;
float: right;
height: 30px;
margin-bottom: 20px;
margin-right: 0;
padding-top: 16px;
width: 440px;
}

#apply .btn.account:hover { background-position: 0 -54px; }

#apply .introduction {
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #e3e3e3 78%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(78%,#e3e3e3), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#e3e3e3 78%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#e3e3e3 78%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#e3e3e3 78%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(top,  #eeeeee 0%,#e3e3e3 78%,#e2e2e2 100%); /* W3C */
border-top-left-radius: 5px;
border-top-right-radius: 5px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
padding: 40px 40px 15px;
}

#apply .box.last {
background: #a5885f; /* Old browsers */
background: -moz-linear-gradient(top,  #a5885f 0%, #9f8461 0%, #b09584 0%, #d8d2cb 0%, #e8e7e5 0%, #eeeeee 1%, #eeeeee 99%, #e6e4e2 100%, #cfc6c0 100%, #906f5d 100%, #764830 100%, #804e36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5885f), color-stop(0%,#9f8461), color-stop(0%,#b09584), color-stop(0%,#d8d2cb), color-stop(0%,#e8e7e5), color-stop(1%,#eeeeee), color-stop(99%,#eeeeee), color-stop(100%,#e6e4e2), color-stop(100%,#cfc6c0), color-stop(100%,#906f5d), color-stop(100%,#764830), color-stop(100%,#804e36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a5885f 0%,#9f8461 0%,#b09584 0%,#d8d2cb 0%,#e8e7e5 0%,#eeeeee 1%,#eeeeee 99%,#e6e4e2 100%,#cfc6c0 100%,#906f5d 100%,#764830 100%,#804e36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a5885f 0%,#9f8461 0%,#b09584 0%,#d8d2cb 0%,#e8e7e5 0%,#eeeeee 1%,#eeeeee 99%,#e6e4e2 100%,#cfc6c0 100%,#906f5d 100%,#764830 100%,#804e36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a5885f 0%,#9f8461 0%,#b09584 0%,#d8d2cb 0%,#e8e7e5 0%,#eeeeee 1%,#eeeeee 99%,#e6e4e2 100%,#cfc6c0 100%,#906f5d 100%,#764830 100%,#804e36 100%); /* IE10+ */
background: linear-gradient(top,  #a5885f 0%,#9f8461 0%,#b09584 0%,#d8d2cb 0%,#e8e7e5 0%,#eeeeee 1%,#eeeeee 99%,#e6e4e2 100%,#cfc6c0 100%,#906f5d 100%,#764830 100%,#804e36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5885f', endColorstr='#804e36',GradientType=0 ); /* IE6-9 */
}

#apply .features { padding: 35px 40px 20px; }

#apply .features figure {
width: 120px;
margin: 0 10px 5px 0;
float: left;
}

/*sidebar*/
#enquiry .sidebar {
padding: 0;
}

#enquiry .sidebar .box {
	padding: 30px;
	background: #fff;
	width: 245px;
	margin: 0 0 20px;
}

#enquiry .sidebar .box-n {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
	padding: 0 30px;
	background: #fff;
	width: 245px;
	float: left;
  	margin-bottom: 20px;
}

#enquiry .sidebar .box-n img {
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

#enquiry .sidebar .scholarships header {
background: #ddd;
margin: -30px -30px 0;
}

#enquiry .sidebar .scholarships a {
border-bottom: 1px solid #ddd;
display: block;
color: #333;
margin: 0 -30px 0;
padding: 12px 20px;
}

#enquiry .sidebar .scholarships a:last-child {
border: 0;
margin-bottom: -30px;
overflow: hidden;
}

#enquiry .sidebar .scholarships a span {
font-weight: bold;
font-size: 140%;
float: left;
margin-right: 15px;
text-align: right;
width: 55px;
}

#enquiry .sidebar .box.awards {
background: url(/graphics/enquiry/sidebar/enquiry_sidebar.jpg) no-repeat -330px -27px;
color: #333;
height: 330px;
text-align: center;
}

#enquiry .sidebar .box.awards h2 {
margin-bottom: 10px;
}

/*#enquiry .sidebar .box.apply {
background: #0b68a6;
text-align: center;
color: #fff;
text-shadow:none;
font-weight: bold;
font-size: 14px;
}*/

#enquiry .sidebar .box.about-malaysia {
background: #000;
height: 330px;
background: url(/graphics/enquiry/sidebar/malaysia_bg.png) no-repeat 0 0;
color: #798F9C;
}

#enquiry .sidebar .box.about-malaysia h3 {
color: #52626C;
font-size: 26px;
}

#enquiry .sidebar .box.contact ul {
padding: 0px;
list-style: none;
margin-bottom: 0;
}

#enquiry .sidebar .box.contact ul li {
margin-bottom: 0;
}

#enquiry .sidebar .box.contact img {
margin: -30px;
margin-bottom: 20px;
width: 305px;
border-radius: 5px 5px 0 0;
max-width: none;
}

#enquiry .sidebar .box.contact .map {
width: 24px;
margin: 0 0 -2px 5px;
opacity: .8;
}

#enquiry .sidebar .box.contact p.phone {
font-size: 22px;
margin: 0 0 20px 0;
}


#enquiry .sidebar .box.contact p {
font-size: 12px;
}

#enquiry .sidebar .box.contact h3 {
margin-bottom: 0;
}

#enquiry .sidebar .box.contact p span {
display: inline-block;
}

/*#enquiry .sidebar .box.contact p:last-child  {
margin-bottom: 0;
}*/

#enquiry .sidebar .box.contact .btn {
border-radius: 0 0 5px 5px;
display: block;
margin: 20px -30px -30px;
padding: 12px 0;
}


#enquiry .sidebar .box.featured-course  {
padding: 0px;
width: 305px;
position: relative;
color: #fff;
text-shadow:0 1px 0 #000;
max-height: 308px;
}

#enquiry .sidebar .box.featured-course img  {
border-radius: 5px 5px 0 0;
}

#enquiry .sidebar .box.featured-course .detail  {
position: absolute;
bottom: 0;
padding: 10px 30px;
display: block;
background: rgba(0,0,0,.35);
width: 245px;
border-radius: 0 0 5px 5px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e000000', endColorstr='#5e000000',GradientType=0 ); /* IE6-9 */
}

#enquiry .sidebar .box.featured-course .detail h3 {
margin-bottom: 0px;
font-size: 12px;
}

#enquiry .sidebar .box.featured-course .detail p {
margin-bottom: 0px;
}

#enquiry .sidebar .alumni a {
color: inherit;
}

#enquiry .sidebar header {
margin: -30px -30px 0;
}

#enquiry .sidebar .alumni img,
#enquiry .sidebar .student_showcases img,
#enquiry .sidebar .student_showcases iframe {
margin: 0 -30px 20px;
max-width: inherit;
}

#enquiry .sidebar .alumni h3 {
color: #09f;
margin-bottom: 3px;
}

#enquiry .sidebar .student_showcases h3,
#enquiry .sidebar .student_showcases p {
margin: 0 0 3px;
}

.sidebar .contact .intake {
background: #eee;
border-radius: 0 0 5px 5px;
margin: 0 -30px -30px;
padding: 20px 30px 30px;
}