@charset "utf-8";
/* CSS Document */

/**** CSS of top toolbar & language selection */
/* top starts */
#mainContainer #toolbar {width:100%; height:38px; background:url(../images_awc2/bg_toolbar.png) repeat-x; color:#FFFFFF; z-index:10; min-width:970px; font-size:12px;}
#toolbar #toolbarContent {height:22px; padding-top:0;}
#toolbar #toolbarContent ul.left {margin-left:0;}
#toolbar #toolbarContent ul.left li {padding-right:0; margin-right:0; background:none;}
#toolbar #toolbarContent ul.left li#btnHome a, #toolbar #toolbarContent ul.left li#aboutUs a {display:block; background-repeat:no-repeat; background-image:url(../images_awc2/sprite.png); background-position:10px -42px; height:28px; font-size:13px; padding:10px 13px 0 33px;}
#toolbar #toolbarContent ul.left li#btnHome a {background-position:0 10px; padding-left:25px; padding-right:5px;}
#toolbar #toolbarContent ul.left li#fontSizeContainer {padding-top:8px; margin-left:20px;}
#toolbar #toolbarContent ul.right > li {padding-top:8px;}
#toolbar #toolbarContent ul li#search {padding-top:5px;}
#toolbar #toolbarContent ul li#search input#searchField {border:none; width:300px; height:28px; line-height:28px; padding:0 0 0 10px; color:#999; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#toolbar #toolbarContent ul li#search input#searchSubmit {background-repeat:no-repeat; background-image:url(../images_awc2/sprite.png); background-position:100% -100px; width:20px; height:19px; right:8px; top:9px;}
#toolbar #toolbarContent ul li#languages {padding-left:10px; padding-top:10px; background:none; margin-left:10px;}
#toolbar #toolbarContent ul li#languages a {background:url(../images_awc2/arrow_down.png) no-repeat 100% 50%; padding-right:20px;}
#toolbar #toolbarContent ul li#myhkgDhkHead {padding-top:0;}
#toolbar #toolbarContent ul li#importantNoticesIcon {padding-top:0; display:none;}
#toolbar #toolbarContent ul li#importantNoticesIcon a {display:block; width:39px; height:34px; background-image:url(../images_awc2/icon/notice.png); background-repeat:no-repeat; background-position:50% 6px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}

#toolbar #fontSizeContainer a {width:19px; height:19px; margin-right:4px; background-repeat:no-repeat; background-image:url(../images_awc2/sprite.png); border:#494949 1px solid;}
#toolbar #fontSizeContainer a:hover, #toolbar #fontSizeContainer a.active {background-color:#FFF; background-position:50% -21px;}
#toolbar #fontSizeContainer a#small {border-color:#494949; background-position:50% -145px;}
#toolbar #fontSizeContainer a#medium {border-color:#787878; background-position:50% -245px;}
#toolbar #fontSizeContainer a#large {border-color:#999999; background-position:50% -346px;}

#toolbar #fontSizeContainer a#small:hover, #toolbar #fontSizeContainer a#small.active {background-position:50% -195px;}
#toolbar #fontSizeContainer a#medium:hover, #toolbar #fontSizeContainer a#medium.active {background-position:50% -295px;}
#toolbar #fontSizeContainer a#large:hover, #toolbar #fontSizeContainer a#large.active {background-position:50% -396px;}
#suggestSearch {top:33px; left:8px;}
/* top ends */

/* language selection starts */
#languageSelection {background:url(../images_awc2/bg_login.jpg); top:42px; right:0; padding:0; width:671px; height:auto; -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);}
#languageSelection .languageArrow {background:url(../images_awc2/arrow_topbar.png) no-repeat; width:21px; height:5px; position:absolute; top:-4px; right:30px;}
.hasImportantNotices #languageSelection {right:49px;}
#languageSelection .col {margin:0; width:223px; border-right:#272727 1px solid;}
#languageSelection .col.last {border-right:none;}
#languageSelection .col li {height:auto; margin:0; border-bottom:#272727 1px solid;}
#languageSelection .col li:hover, #toolbar #languageSelection .col li.active {height:auto; width:auto; background:none;}
#languageSelection .col li a {display:block;}
#languageSelection .col li a:hover, #languageSelection .col li.active a {background-image:url(../images_awc2/bg_white_30.png);}
#languageSelection .col li a span {display:block; width:auto; height:auto; padding:10px 0 10px 15px; font-family:'roboto_condensedregular', 'Roboto Condensed', sans-serif; font-size:14px;}
/* language selection starts */