@charset "utf-8";
/* CSS Document */

/* link colors */
h2 {margin-top: 0.5em;}
/*a:link {color: #295376;}*/
img {margin: 0;}
/* Fixes for list item in left navigation without the link*/
.wb-sec-def li.no-link, .wb-sec-def li span.no-link
{
padding: 4px 5px;
color: #333;
display: block;
}

.wb-sec-def li.no-link-current, .wb-sec-def li span.no-link-current
{
padding: 4px 5px;
border: 1px solid #777777;
color: #333;
display: block;
}


.wb-sec-def li a.nav-no-current
{
padding: 4px 5px;
border: none !important;
}

.wb-sec-def h3 a.nav-no-current, .wb-sec-def h3 a:link.nav-no-current
{
color: #333;
background-color: #ddd;
padding: 2px 4px;
border: none !important;
}

#wb-main h2, #wb-main h3, #wb-main h4, #wb-main h5, #wb-main h6 
{
margin-bottom: 0.5em;
color: #333;
}

/*Fixes for Form controls for IE only*/

input[type="image"], input[type="checkbox"], input[type="radio"] 
{
/*border: 1px solid #ccc;*/
}


.fieldset-no-border
{
border: none; padding-left: 0; margin-left: 0;
}

.fieldset-no-border legend
{
padding-left: 0; margin-left: 0; margin-bottom: 10px;
}

/*label
{
vertical-align:middle;
}*/

label.margin-adjust, select.margin-adjust {margin-top: -12px; margin-right: 5px;}
label.margin-adjust-both {margin-top: -12px; margin-right: 5px; margin-left: 5px;}

form h1
{margin-left: 0;}

form h2, form h3, form h4, form h5, form h6 
{border: none;}

form p {margin-left: 0;}
/* Fixed for form label */

/*form label {padding-top: 0; vertical-align: middle;}*/


/* Accessible open new window link hidden */

span.new-win-msg {
height: 0;
width: 0;	
visibility: hidden;
display: none;
position: absolute;	
}
/* Search Box */

div.search-all {
width: 200px;
border: 1px solid #333;
background-color: #eeeeee;
padding: 0px 0px 5px 0px;
display: block;
overflow: visible;
font-size: 1.00em;
margin: 1em 1em 0 1.5em;
float: right;
}

.search-all_input {
margin-left: 5px;
}

div.search_only {
margin-left: 5px;
}

.search-all div a, .search-all div a:link, .search-all div a:visited, .search-all div a:hover, .search-all div a:active  {
color: #000000;
text-decoration: underline;
}

.search-all div#title2 {
margin: 0px;
padding: 7px;
width: auto;
background-color: #336699;
color: #ffffff;
font-weight: bold;
font-size: 1.05em;
border: 1px solid #ccc;
}

.search-all form {
padding: 0px 0px 0px 3px;
margin: 0px;
display: inline;
}

.search-all form div.search-form-fields {
padding: 0px 0px 0px 0px;
margin: 0px;
display: inline;
}

.search-all #searchbox {
width: 110px;
} 

.search-all #SearchInText_1 {
width: 110px;
}


.search-all #submit {
font-size: .95em;
color: #000;
border: 1px solid #336699;
background-color: #ffffff;
margin: 5px 3px 0px 3px;
display: inline;
} 


ul.nav{
clear: left;
}

ul.search-nav {
	list-style-type: none;
	margin: 0px;
	padding-bottom: 0px;
	font-size: 1.00em;
	line-height : 14px;
	display: inline;
}

li.search-nav {
	text-decoration: none;	
	padding-right: 6px;*
	float: left;
	display: inline;
}

/* See Also Box */

.span-2 .seeAlso {
margin: 10px;
padding: 0px;
line-height: 1.0em;
}

.right-navigation {
background-color: #eeeeee;
border: 1px solid #333;
width: 200px;
margin: 0 1em 0 1.5em;
float: right;
}

.right-navigation div#title, .right-navigation div#title3  {
margin: 0;
padding: 7px;
width: auto;
background-color: #336699;
color: #ffffff;
font-weight: bold;
font-size: 1.05em;
border: 1px solid #ccc;
}

.right-navigation h2 {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 38px;
font-size: 0.9em;
display: block;
background-color: #444;
border: 1px solid #cccccc;
color: #fff;
}

.right-navigation h2 a {
display: block;
text-decoration: none;
color: #ffffff;
}

.right-navigation ul {
line-height: 1.0em;
padding: 0 0 10px 0;
margin: 0 15px 0 15px;
}

.right-navigation li {
padding: 0 0 3px 0;
margin: 0;
font-size: 0.85em;
list-style-type: none;
}

.right-navigation li a, .right-navigation li a:link, .right-navigation li a:active, .right-navigation li a:visited, .right-navigation h2 {
display: block;
text-decoration: none;
color: #000000;
padding: 3px;
}

.right-navigation li a:hover, .right-navigation li .on-state, .right-navigation ul li .active-link, .right-navigation h2 {
background-color: #444;
color: #fff;
display: block;
text-decoration: none;
}

ul#notices {
border-top: 15px solid #880000;
margin: 0 0px 0 0px;
padding: 15px 0px 10px 0px;
}

ul#notices li {
font-weight: bold;
padding: 0 0 10px 0;
margin: 0;
}

ul#notices a, ul#notices a:link, ul#notices a:active, ul#notices a:visited {
font-weight: bold;
}



/* right aligned tphp links styles */
.tphp-holder{
display: table;
width: 100%;
}

.right-centered-tphp{
float: right;
text-align: center;
}
.right-centered-tphp img { margin-bottom: 0;}

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.navaid, p.navaid, h1.navaid, h2.navaid, .navaid {
	height: 0; 
	width: 0; 
	overflow: hidden;
	font-size: 0;
	position: absolute;
	display: none;
	/*top: -100px;*/
}
div.navaid a, p.navaid a, h1.navaid a, h2.navaid a, .navaid a {
	color: #FFFFFF;
}



/* COMMON MENU BAR CSS ENDS | FIN DU CSS DE LA BARRE DE MENU COMMUNE */

/* BREAD CRUMB CSS BEGINS | DEBUT DU CSS DE LA PISTE DE NAVIGATION */
p.breadcrumb {
	padding: 1px 0px 5px 3px; 
	vertical-align: middle;
	font-size: 9.0pt;
	clear: both;
	margin: 0;
	min-height: 1.23em;
}
/* BREAD CRUMB CSS ENDS | FIN DU CSS DE LA PISTE DE NAVIGATION */


/* TEXT UTILITY CSS ENDS | DEBUT DU CSS D'UTILITE DE TEXTE */

/* Custom Grid system for WET Template */
.span-col-5, .span-col-10, .span-col-14, .span-col-15, .span-col-16, .span-col-17, .span-col-18, .span-col-19, .span-col-20, .span-col-21, .span-col-22, .span-col-23, .span-col-24, .span-col-25, .span-col-26, .span-col-27, .span-col-28, .span-col-29, .span-col-30, .span-col-35, .span-col-40, .span-col-45, .span-col-50, .span-col-55, .span-col-60, .span-col-65, .span-col-70, .span-col-75, .span-col-80, .span-col-85, .span-col-90, .span-col-95, .span-col-100
{
display: inline;
position: relative;
float: left;
vertical-align: middle;
margin-right: 0;
margin-left: 0;
margin-bottom: 12px;
}

.span-col-5 {width: 5%;}
.span-col-10 {width: 10%;}
.span-col-14 {width: 14%;}
.span-col-15 {width: 15%;}
.span-col-16 {width: 16%;}
.span-col-17 {width: 17%;}
.span-col-18 {width: 18%;}
.span-col-19 {width: 19%;}
.span-col-20 {width: 20%;}
.span-col-21 {width: 21%;}
.span-col-22 {width: 22%;}
.span-col-23 {width: 23%;}
.span-col-24 {width: 24%;}
.span-col-25 {width: 25%;}
.span-col-26 {width: 26%;}
.span-col-27 {width: 27%;}
.span-col-28 {width: 28%;}
.span-col-29 {width: 29%;}
.span-col-30 {width: 30%;}
.span-col-35 {width: 35%;}
.span-col-40 {width: 40%;}
.span-col-41 {width: 41%;}
.span-col-42 {width: 42%;}
.span-col-43 {width: 43%;}
.span-col-44 {width: 44%;}
.span-col-45 {width: 45%;}
.span-col-50 {width: 50%;}
.span-col-55 {width: 55%;}
.span-col-60 {width: 60%;}
.span-col-65 {width: 65%;}
.span-col-70 {width: 70%;}
.span-col-75 {width: 75%;}
.span-col-80 {width: 80%;}
.span-col-85 {width: 85%;}
.span-col-90 {width: 90%;}
.span-col-95 {width: 95%;}
.span-col-100 {width: 100%; margin-left: 0;
margin-right: 0;}

div .input-left {float: left;}

/* Midification for WET result set navigation buttons */
div.row ul.menu-horizontal, div.pager_web ul.menu-horizontal {margin-top: 1em;}


/* Lightbox support */
.wet-boew-lightbox > ul {margin-left:0;}
.wet-boew-lightbox > ul > li {list-style-type:none; display: inline; margin:5px 5px 10px 0;}
.wet-boew-lightbox ul li.box {margin-bottom: 0.4em;}
.wet-boew-lightbox li img {margin-bottom:0;vertical-align: bottom;}
.box > a, .lb-hidden-gallery li:first-child.box > a {display: block;  border: 1px solid #000; text-align: center; line-height: 148px; background: #EEE;}
.box > a:hover, .box > a:focus, .box > a:active {text-decoration: underline; background: #FFF;}
.lb-hidden-gallery .box > a {display: none;}
ul.lb-hidden-gallery span {margin-left: 10px;}
.wet-boew-lightbox ul li a {text-decoration: underline;}
/*.wet-boew-lightbox ul {float: left; width: 23%;}
.wet-boew-lightbox p {float: right; width: 72%; text-align: left;}*/


/*National-day-banner*/
div.national-day-banner {
background-repeat:repeat-y;
max-height:165px;
float:none !important;
background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAMzMzAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==),url(data:image/gif;base64,R0lGODlhAQABAIAAAMzMzAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==);
margin:0 auto !important;
padding:5px 10px 0 10px;
background-color:#fff;
overflow:hidden;
background-position:left top,right top;
}