/* web fonts */

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
    }

/* reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* typography */

body { font: normal 14px/1.4285 'PT Sans', Arial, Helvetica, sans-serif; }
select, input, textarea, button { font: 0.8571em sans-serif }
pre, code, kbd, samp { font-family: monospace, sans-serif }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 2.5714em; line-height: 1.1111em; margin-top: 0; margin-bottom: 0; color: #206676; }
h2 { font-size: 1.7143em; line-height: 0.8333em; margin-top: 40px; margin-bottom: 20px; color: #666; }
h3 { font-size: 1.1428em; line-height: 1.25em;   margin-top: 20px; margin-bottom: 20px; }
h4 { font-size: 1.1428em; line-height: 1.25em;   margin-top: 20px; margin-bottom: 0 }

#wrapper.fontsize-1 { }
#wrapper.fontsize-2 { font-size: 133%; line-height: 1.4285; }
#wrapper.fontsize-3 { font-size: 166%; line-height: 1.4285; }
#wrapper.fontsize-4 { font-size: 200%; line-height: 1.4285; }

/* base styles */

body { min-width: 960px; background: #fff; color: #333; } 
select, input, textarea { color: #333; }
.ie7 #masterBody { overflow: visible !important; }

a, a:link, a:visited, a:hover, a:focus, a:active { color: #206676; text-decoration: underline }
a:visited {}
a:hover, a:focus {}
a:active {}

p,ul,ol,dl,fieldset { margin-bottom: 20px; /* set the same as the line-height */ }
ul,ol{ }
small { font-size: 85%; }
em { font-style: italic; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: baseline; }
input[type="checkbox"] { vertical-align: baseline; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button { width: auto; overflow: visible; }
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder 			{ color: #999; }
iframe { -webkit-overflow-scrolling: touch; }

/* non-semantic helper classes */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* 
 *	Primary styles 
 */

/* layout containers */

body { position: relative; }
.container { width: 960px; margin: 0 auto; }
#header { padding: 20px 0 0; position:relative; z-index:50;}
#content { position: relative; }
#footer { position: relative; }
#contentarea, #sidebar, .contentarea, .sidebar { float: left; display: inline; }
#contentarea, .contentarea { width: 669px; }
#secondary-nav {}
#sidebar, .sidebar { width: 270px; margin-left: 20px; }

.home {}
.eservices {}



.block { position: relative; margin-bottom: 10px; }
.block-title {
    overflow: hidden;
    position: relative;
    }
.block-title h2,
.block-title h3,
.block-title h4 { 
    margin: 0;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 14px;
    font-size: 1.2857em;
    line-height: 1;
    }
.block-title .count {
    color: #717171;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    margin: 7px 0 0 5px;
    }
.block .block-inner { padding: 15px 0; }
.block .block-controls { position: absolute; bottom: 0.25em; left: 45px;}
.block .block-controls a { 
    background: url("images/bullet.png") no-repeat scroll 0 2px transparent;
    padding: 0 0 0 8px;
    color: #717171;
    font-size: 0.7143em;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    }
.block .block-controls a:hover { text-decoration: underline; }

.blocks .block {
    float: left;    
    background: #fff url(images/bg-light.png) top left repeat;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
       -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 4px rgba(0,0,0,0.2);    
    }
.blocks-310 .block {
    width: 310px;
    min-height: 20em;
    height: auto !important;
    height: 20em;
    }
.blocks-327 .block {
    width: 327px;
    min-height: 18em;
    height: auto !important;
    height: 18em;
    }
.blocks .push { margin-left: 15px; }
.blocks .block-title { padding: 20px; }
.blocks .block-title h2, 
.blocks .block-title h3 { }
.blocks .block-inner { padding: 0 20px 20px 20px; } 

.center { text-align: center; }

.box { margin-bottom: 10px; }
.box .box-inner { border: 1px solid #ddd; padding: 19px; overflow: hidden; }
.box h4 { margin-top: 0; margin-bottom: 10px; }

.bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
    }
    
.bg-caption {
    background: url(images/bg-caption.png) right 0 no-repeat;
    color: #fff;
    display: block;
    font-size: 0.8571em;
    line-height: 1.5;
    padding-right: 28px;
    margin: 0 0 18px;
    text-align: right;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    }
.bg-caption a { color: #fefefe; }

/* links */

a[rel="external"] { padding-right: 15px; background: url(images/icon-external.png) 99% 50% no-repeat; }
.ie7 a[rel="external"] { zoom: 1; }

a.prev-link {
    font-size: 0.8571em;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
    }


/* tables */

table.table { 
    margin-bottom: 20px; 
    width: 100%; 
    padding-top: 1px; 
    border: 1px solid #cfd2d4; 
    }
table.table th, table.table td { padding: 0.5em 1em; }
table.table thead th { 
    text-align: left; 
    background: #eaeced url(images/table-th.png) top repeat-x;
    }
table.table tbody th { 
    text-align: left; 
    }
table.table tbody tr { border-top: 1px solid #cfd2d4; background: #fafafa; }
table.table tbody tr:first-child { background: #fafafa url(images/table-firstrow.png) top repeat-x; }
table.table tbody tr:nth-child(even) { background: #f6f6f6 url(images/table-td.png) top repeat-x; }

/* lists */
ul.list li,
ol.list li { margin-bottom: 0.5em; }
ul.list { margin-left: 1.5em; list-style-type: disc; }
ol.list { margin-left: 1.5em; list-style-type: decimal; }
ol.list ol.list { list-style-type: lower-alpha; }
dl.list dt { background: url(images/bullet.png) 0 7px no-repeat; padding-left: 10px; font-weight: bold; }
dl.list dd { padding-left: 10px; margin-bottom: 1em; }

ol.steps {
    list-style-type: none;
    }
ol.steps li { padding-left: 55px; margin-bottom: 0.5em; }
ol.steps li:nth-child(1) { background: url(images/olsteps-1.gif) 0 0 no-repeat; }
ol.steps li:nth-child(2) { background: url(images/olsteps-2.gif) 0 0 no-repeat; }
ol.steps li:nth-child(3) { background: url(images/olsteps-3.gif) 0 0 no-repeat; }
ol.steps li:nth-child(4) { background: url(images/olsteps-4.gif) 0 0 no-repeat; }
ol.steps li:nth-child(5) { background: url(images/olsteps-5.gif) 0 0 no-repeat; }
ol.steps li:nth-child(6) { background: url(images/olsteps-6.gif) 0 0 no-repeat; }
ol.steps li:nth-child(7) { background: url(images/olsteps-7.gif) 0 0 no-repeat; }
ol.steps li:nth-child(8) { background: url(images/olsteps-8.gif) 0 0 no-repeat; }
ol.steps li:nth-child(9) { background: url(images/olsteps-9.gif) 0 0 no-repeat; }
ol.steps li:nth-child(10) { background: url(images/olsteps-10.gif) 0 0 no-repeat; }
ol.steps li:nth-child(11) { background: url(images/olsteps-11.gif) 0 0 no-repeat; }
ol.steps li:nth-child(12) { background: url(images/olsteps-12.gif) 0 0 no-repeat; }

.thumbnail-list .with-thumbnail { padding-left: 160px; }
.thumbnail-list .with-thumbnail .thumbnail { margin-left: -160px; }

#navbar ul.list,
#content-list ul.list { margin: 0; list-style-type: none; }
#navbar ul.list li,
#content-list ul.list li { background: url(images/bullet.png) 0 7px no-repeat; margin: 0; padding-left: 10px; }


/* forms */

input[type="text"], input[type="password"], textarea, select {
    border: 1px solid #ccc;
    padding: 6px 6px 4px;
    margin-bottom: 10px;
    /*background: #fff url(images/fieldbg.png) repeat-x;*/
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: 0; border-color: #444; color: #000 } 
textarea { resize: none; min-height: 100px }
select {}
.placeholder { color: #888; }
input[type="radio"], input[type="checkbox"] { margin-right: 4px; cursor: pointer; }

fieldset { border: 1px solid #ccc; padding: 10px 20px; }
fieldset legend { color: #888; font-size: 16px; font-weight: bold; }
fieldset.submit { border: 0; background: 0; }
fieldset ol { margin: 0 }
fieldset ol li { margin: 0; list-style: none; overflow: hidden; clear: both }

/*fieldset.inline-labels label { float: left; padding-top: 5px; width: 80px; margin-right: 20px }
fieldset.inline-labels input[type="text"], 
fieldset.inline-labels textarea, 
fieldset.inline-labels select { float: left; width: 200px }

fieldset.block-labels label { display: block; clear: both; }
fieldset.block-labels input[type="text"], 
fieldset.block-labels textarea, 
fieldset.block-labels select { float: left; width: 300px }*/

#form-ratethiswebsite .ratethiswebsite-question   { width: auto; text-align: left; vertical-align: text-top;}
#form-ratethiswebsite .ratethiswebsite-left   { width: 120px; text-align: right; }
#form-ratethiswebsite .ratethiswebsite-radiobutton { width:10px; padding-left: 3px; padding-right: 3px; padding-top: 10px;}
#form-ratethiswebsite .ratethiswebsite-right  { width: 120px; text-align: left; padding-left: 5px; }
#form-ratethiswebsite .radiobutton { float: left; }
#form-ratethiswebsite textarea { width: 90%; }

.block-label,
.block-items,
.inline-items { 
    margin-bottom: 10px; 
    padding-bottom: 10px; 
    border-bottom: 1px solid #efefef;
    overflow: hidden;
    zoom: 1;
    }
.block-label label,
.block-items .title,
.inline-items .title { 
    display: block;
    margin-bottom: 2px;
    font-size: 1.1429em;
    line-height: 1.25;
    font-weight: bold;
    }
.block-label label em,
.block-items .title em,
.inline-items .title em { 
    font-size: 0.7em;
    line-height: 1.43;
    color: #666;
    font-weight: normal;
    }
.block-items label { display: block; margin: 5px 0; }
.inline-items label { margin-right: 50px;}
.block-items .col-1,
.block-items .col-2 { width: 270px; float: left; margin-right: 10px; }
.form-controls .back-link {
    color: #333;
    margin-right: 26px;
    
    }

#stepsbar { 
    padding-left: 12px;
    overflow: hidden;
    zoom: 1; 
    position: relative;
    }
#stepsbar li { float: left; position: relative; }
#stepsbar li span { 
    float: left; 
    width: 150px;
    margin-left: -12px;
    height: 27px;
    color: #206676;
    font-size: 12px;
    font-weight: bold;
    line-height: 27px; 
    background: url(images/stepsbar.png) 0 0 no-repeat;
    position: relative;
    text-indent: 20px;
    text-shadow: 0 1px 1px #fff;
    }
#stepsbar li.active span {
    background-position: 0 -27px;
    color: #fff;
    text-shadow: 0 -1px 1px #df9a3d;
    }
#stepsbar-1 { z-index: 3; }
#stepsbar-2 { z-index: 2; }
#stepsbar-3 { z-index: 1; }

.validation { margin-left: 10px; padding-top: 5px; float: left; width: 230px }
.validation .valid,
.validation .invalid { padding-left: 20px; float: left }
.validation .valid 	{ background: url(images/accept.png) 0 2px no-repeat; color: #90a256; } 
.validation .invalid { background: url(images/exclamation.png) 0 2px no-repeat; color: #cd4f43 }

/* buttons */

.button { 
    position: relative;
    display: inline-block;
    background: rgba(0,0,0,0.05);
    padding: 4px;
    border: none;
    color: #727272;	
    cursor: pointer;
    font-size: 0.9286em;
    line-height: 1;
    outline: none;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-user-select: none; 
       -moz-user-select: none;
            user-select: none;
    }
.oldie .button { background: url(images/alpha-black-05.png) repeat; }
.button .button-inner {
    display: block;
    border: 1px solid #d4d4d4;
    background: #f8f8f8 url(images/button-bg.png) top repeat-x;
    padding: 8px 16px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    }

.dialogButton {
    position: relative;
    display: inline-block;
    background: #f8f8f8 url(images/button-bg.png) top repeat-x;
    padding: 8px 16px;
    color: #727272;	
    cursor: pointer;
    font: 13px/1 Arial, sans-serif;
    outline: none;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-user-select: none; 
       -moz-user-select: none;
            user-select: none;
    border: 1px solid #d4d4d4;
    }
    
.button:hover .button-inner, 
.button:focus .button-inner { border-color: #bbb; }
.button:active .button-inner {
    border-color: #bbb;
    background: #eee;
    outline: none;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
       -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    }


.smallbutton { 
    position: relative;
    display: inline-block;
    background: transparent;
    border: 1px solid transparent;	
    cursor: pointer;
    font: 0.7857em/1.4545 Arial, sans-serif;
    outline: none;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-user-select: none; 
       -moz-user-select: none;
            user-select: none;
    }
.smallbutton:hover, 
.smallbutton:focus { }
.smallbutton:active {
    border-color: #aaa;
    outline: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
       -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
    }

.smallbutton .button-inner {
    display: block;
    border-top: 1px solid #fff;
    padding: 1px 6px 0;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    }
.smallbutton:active .button-inner { border-color: transparent; }
/* button default color  */	
.smallbutton 		{ background-color: #f1f1f1; border-color: #cbcbcb; color: #6e6e6e; }
.smallbutton:hover, 
.smallbutton:focus	{ background-color: #f5f5f5; border-color: #aaa; }
.smallbutton:active	{ background-color: #eaeaea; }

.actionbutton {
    background: url(images/actionbutton.png) repeat-x #206676;
    border: 1px solid #095969;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    color: #fff;
    font: bold 1.1429em/1 'PT Sans', Arial, Helvetica, sans-serif;
    padding: 8px 10px;
    text-shadow: 0 -1px 0 #095969;
    }
    
.iconMii,
.icon {
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: url(images/icons-16x16.png) 0 0 no-repeat;
    display: inline-block;
    margin-right: 2px;
    vertical-align: text-top;
    }
.icon-pdf       { background-position: 0 0;}
.icon-print     { background-position: -16px 0;}
.icon-share     { background-position: -32px 0;}
.icon-subscribe { background-position: -48px 0;}
.icon-comment   { background-position: -64px 0;}
.icon-settings  { background-position: -80px 0;}
.icon-fave      { background-position: -96px 0;}
.icon-email     { background-position: -112px 0;}
.icon-facebook  { background-position: -128px 0;}
.icon-twitter   { background-position: -144px 0;}

.icon20 {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: url(images/icons-20x20.png) 0 0 no-repeat;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999em;
    }
.ie7 .icon20 { display: block; }
.icon20-tick    { background-position: 0 -60px; }
.icon20-cross   { background-position: -20px -60px; }
.icon20-home    { background-position: 0 0; }
.icon20-topics  { background-position: -20px 0; }
.icon20-eservices { background-position: -40px 0; }
.icon20-highlights { background-position: -60px 0; }
.icon20-oneinbox { background-position: -80px 0; }


.icon32 {
    width: 32px;
    height: 32px;
    line-height: 40px;
    background: url(images/icons-32x32.png) 0 0 no-repeat;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
    }
.icon32-dashboard   { background-position: 0 0; }
.icon32-ealerts     { background-position: -32px 0; }
.icon32-oneinbox    { background-position: -64px 0; }


.button-inner .icon { margin-top: -2px; }

.with-thumbnail {
    display: block;
    padding-left: 72px;
    margin-bottom: 10px;
    }
.with-thumbnail .thumbnail { float: left; margin-left: -72px; border-style:none;}
.with-thumbnail span.title { font-size: 1em; line-height: 1.4286; margin-top:10px; display: block; }
.with-thumbnail h2.title,
.with-thumbnail h3.title { margin-top: 10px; margin-bottom: 0; }
.with-thumbnail .desc { color: #717171; font-size: 0.8571em; line-height: 1.6667; text-transform: uppercase; }
.with-icon:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(images/icons-16x16.png) 0 0 no-repeat;
    display: inline-block;	
    margin: -2px 2px -3px -5px;
    }
a .with-thumbnail { color: #444; text-decoration: none; }
a .with-thumbnail .title { color: #206676; font-weight: bold; text-decoration: none; }
a .with-thumbnail:hover .title { text-decoration: underline; }


.with-smallthumbnail {
    display: block;
    margin-bottom: 10px;
    padding-left: 35px;    
    }
.with-smallthumbnail .thumbnail {
    float: left;
    margin-left: -35px;
    width: 25px;
    border: 1px solid #bdbdbd;
    }
.with-smallthumbnail .title {
    font-size: 0.9286em;
    line-height: 1;
    display: inline;
    }
.with-smallthumbnail a       { color: #333; text-decoration: none; }
.with-smallthumbnail .eGuidecss {
	display: inline-block;
	outline:0;
	margin: 0 2px 0 0;
	padding: 1px 15px 2px 15px;
	text-decoration:none !important;
	position:relative;
	text-align:center;
    font-size: 0.9286em;
	color:#333333 !important;
	background: #F69B3A;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    }
.with-smallthumbnail a:hover { color: #333; text-decoration: underline; }

.with-favethis {}
.favethis,
.unfavethis { 
    display: inline-block;
    padding: 0 4px;
    font-size: 0.7143em;
    line-height: 2;
    background: transparent;
    color: #4f4f4f;    
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -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;
    -webkit-user-select: none; 
       -moz-user-select: none;
            user-select: none;
    }
.favethis .icon,
.unfavethis .icon,
.favethis .iconMii { margin-top: -2px; } 

.favethis .label,
.unfavethis .label { display: inline-block; } 

.with-favethis:hover .favethis,
.with-favethis:hover .unfavethis { background: #d5d5d5; }

/* hide the labels, and show on hover */
.with-favethis .favethis .label,
.with-favethis .unfavethis .label { visibility: hidden; }
.with-favethis:hover .favethis .label,
.with-favethis:hover .unfavethis .label { visibility: visible; }

/* hide the icon if it's not a favorite */
.with-favethis .favethis .icon  { visibility: hidden; } 
.with-favethis .favethis .iconMii { visibility: visible; } 

/* show the icon on hover, or if it's been marked as favorite */
.with-favethis:hover .favethis .icon,
.with-favethis .unfavethis .icon  { visibility: visible; } 

.results-item.with-thumbnail { 
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 20px 20px 92px;
    margin: 0;
    }
.results-item.with-smallthumbnail { padding: 5px 5px 5px 40px; }
.results-item.with-thumbnail a.title { color: #333; font-weight: bold; text-decoration: none; }
.results-item a.title:hover { text-decoration: underline; }

.results-item.with-thumbnail .eGuide 
{   display: inline-block;
	outline:0;
	margin: 0 2px 0 0;
	padding: 1px 15px 2px 15px;
	text-decoration:none !important;
	position:relative;
	text-align:center;
    font-size: 0.9286em;
	color:#333333 !important;
	background: #F69B3A;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}


#results { /*border-top: 1px solid #d5d5d5;*/ }
#results-loadmore { padding: 20px 0; text-align: center; }


.fb-like { width: 100px; height: 20px; }
/* hide the fb popover */
.fb_edge_comment_widget.fb_iframe_widget { display: none !important }


/* messages */

.success, .error, .notice {
    border-width: 2px;
    border-style: solid;
    background-position: 8px 20px;
    background-repeat: no-repeat;
    padding: 18px 30px;
    margin-bottom: 20px;
    }
.success 	{ background-color:#E6EFC2; background-image: url(images/accept.png); border-color:#C6D880; color:#264409; }
.error 		{ background-color:#FBE3E4; background-image: url(images/exclamation.png); border-color:#FBC2C4; color:#8A1F11; }
.notice 	{ background-color:#FFF6BF; background-image: url(images/error.png); border-color:#FFD324; color:#514721; }
.success a 	{ color:#264409; }
.error a 	{ color:#8A1F11; }
.notice a 	{ color:#514721; }


.filtermenu { width: 100%; margin-bottom: 20px; }

/* govsg-nav ----------*/

#govsg-nav { background: #878787 url(images/govsg-bg.png) top repeat-x; position: relative; z-index: 100; }
#govsg-nav ul {
    float: left;
    margin: 0;
    padding: 6px 0 6px 27px;
    background: url(images/govsg-merlion.png) 0 6px no-repeat;
    }
#govsg-nav ul li {
    float: left;
    padding: 0;
    background: 0;
    margin-right: 3px;
    }
#govsg-nav ul li a {
    float: left;
    padding: 7px 12px 5px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    }
#govsg-nav ul li a:hover { text-decoration: underline; }
#govsg-nav ul li.active a {
    background: #d8d8d8 url(images/govsg-active.png) top repeat-x;
    border-color: #e2e2e2;
    color: #535353;
    text-decoration: none;
    text-shadow: none;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    }


/* header ----------*/

#header {  
    background: transparent url(images/bg-light-80.png) repeat;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
    }
#logo, #logo img { float: left; }
#header-area { float: right; overflow: hidden; text-align: right; }
#header-area .singgov-logo,
#header-area .links,
#header-area .fontsizer { float: right; clear: both; }
#header-area .links a { 
    color: #444; 
    font-size: 12px;
    text-decoration: none;
    margin-left: 1em;
    float: left;
    line-height: 20px;
    }
#header-area .links a:hover { text-decoration: underline; }

.fontsizer .fontsize-down,
.fontsizer .fontsize-up {
    float: left;
    width: 20px;
    height: 20px;
    background: url(images/icons-20x20.png) no-repeat;
    cursor: pointer;
    -webkit-user-select: none; 
       -moz-user-select: none;
            user-select: none;
    }
.fontsizer .fontsize-down { background-position: -40px -60px; }
.fontsizer .fontsize-up { background-position: -60px -60px; }
.fontsizer .fontsize-down.disabled,
.fontsizer .fontsize-up.disabled {
    opacity: 0.25;
    }
.oldie .fontsizer .fontsize-down.disabled,
.oldie  .fontsizer .fontsize-up.disabled {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    zoom: 1;    
    }


/* navbar ----------*/

#navbar { 
    clear:both;
    width: 100%;
    margin-top: 5px;
    height: 52px;
    position: relative;
    z-index: 100; 
    float: left;
    }
nav { float: left; clear: left; position: relative; }

#primary-nav { margin: 0; float: left; position: relative; z-index: 100; }
#primary-nav .nav-item {
    float: left;
    display: inline;
    list-style: none;
    /*margin: 0 10px 0 0;*/
    margin:0;
    padding: 0;
    background: 0;
    }
#primary-nav .nav-item .nav-item-link { 
    float: left;
    position: relative;
    z-index: 12;
    /*padding: 16px;*/
    padding: 16px 7px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #666;
    border-top: 1px solid transparent;
    }
#primary-nav .nav-item .nav-item-link:hover { }
#primary-nav .nav-item.active .nav-item-link { color: #206676; }
#primary-nav .nav-item.open .nav-item-link { color: #206676; }
#primary-nav .nav-item.active { }

#primary-nav .icon20, #primary-nav .icon-ideas  { margin-top: -3px; }
.ie7 #primary-nav .icon20 { float:left; margin: -1px 5px 0 0; }

#primary-nav .nav-home.active .icon20-home,
#primary-nav .nav-home.open .icon20-home            { background-position: 0 -20px;}
#primary-nav .nav-topics.active .icon20-topics,
#primary-nav .nav-topics.open .icon20-topics        { background-position: -20px -20px;}
#primary-nav .nav-eservices.active .icon20-eservices,
#primary-nav .nav-eservices.open .icon20-eservices  { background-position: -40px -20px;}
#primary-nav .nav-highlights.active .icon20-highlights,
#primary-nav .nav-highlights.open .icon20-highlights { background-position: -60px -20px;}
#primary-nav .nav-oneinbox.active .icon20-oneinbox,
#primary-nav .nav-oneinbox.open .icon20-oneinbox    { background-position: -80px -20px;}




#primary-nav .nav-item.open .nav-item-link  {
    border-top-color: #f0f0f0;
    }
#primary-nav .nav-item.open .nav-item-link, 
#primary-nav .submenu {
    background: #fff;
    -webkit-box-shadow: 0px 5px 6px -2px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0px 5px 6px -2px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 5px 6px -2px rgba(0, 0, 0, 0.5);
    }
#primary-nav .submenu {
    width: 960px;
    float: left;
    position: absolute;
    top: 52px;
    left: 0;
    display: none;
    z-index: 100;
    }
.oldie #primary-nav .submenu {
    width: 958px;
    border: 1px solid #ccc;
    border-top: 0;
    }
#primary-nav .submenu .col-1,
#primary-nav .submenu .col-2,
#primary-nav .submenu .col-3 { float: left; }
#primary-nav .submenu .col-inner { padding: 15px; }
#primary-nav .submenu .col-1 { width: 280px; }
#primary-nav .submenu .col-2 { width: 324px; }
#primary-nav .submenu .col-3 { width: 324px; }

#primary-nav .submenu .col-2 .col-inner,
#primary-nav .submenu .col-3 .col-inner {
    border-left: 1px dotted #d9d9d9;
    margin: 15px 0 15px 15px;
    min-height: 220px;
    }

#primary-nav .nav-topics .submenu { }
#primary-nav .nav-topics .submenu .col-1 { width: 630px; }
#primary-nav .nav-topics .submenu-img { left: 10px; }
#primary-nav .nav-topics .col-1 p {
    position: absolute;
    top: 60px;
    left: 370px;
    width: 220px;
    }
#primary-nav .nav-topics .col-2 .col-inner {
    min-height: 180px;
    }
#primary-nav .nav-eservices .submenu { }
#primary-nav .nav-highlights .submenu { }
#primary-nav .nav-oneinbox .submenu { }
#primary-nav .nav-oneinbox .submenu .col-1 { width: 630px; }
#primary-nav .nav-oneinbox .submenu .col-1 .col-inner { padding-left: 180px; }
#primary-nav .nav-oneinbox .submenu .col-2 .col-inner { min-height: 120px; }
#primary-nav .nav-oneinbox .submenu-img { top: 20px; left: 20px; }
#primary-nav .nav-ideas .submenu .col-1 { width: 630px; }
#primary-nav .nav-ideas .submenu .col-1 .col-inner { padding-left: 180px; }
#primary-nav .nav-ideas .submenu .col-2 .col-inner { min-height: 120px; }
#primary-nav .nav-ideas .submenu-img { top: 20px; left: 20px; }

#primary-nav .submenu .heading {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    }
#primary-nav .submenu .col-1 p { color: #666; margin: 10px 0 0; font-size: 14px ;}
#primary-nav .submenu .subheading {
    color: #666;
    font-size: 22px;
    line-height: 20px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
    }
#primary-nav .submenu .subtile {
color: #666;
font-size: 12px;
line-height: 20px;
font-weight: normal;
margin-top: 0;
margin-bottom: 20px;
}
#primary-nav .submenu .subheading b,
#primary-nav .submenu .subheading strong {
    color: #888;
    display: block;
    font-size: 0.5em;
    text-transform: uppercase;
    font-weight: normal;
    }
#primary-nav .submenu .list-1,
#primary-nav .submenu .list-2 { width: 134px; float: left; font-size: 12px; }
#primary-nav .submenu .list-1 {}
#primary-nav .submenu .list-2 { margin-left: 10px; }
#primary-nav .submenu .list .disabled { color: #aaa; }
#primary-nav .submenu .controls { position: absolute; bottom: 10px; right: 15px; }
#primary-nav .submenu .controls a {
    background: url("images/bullet.png") no-repeat scroll 0 2px transparent;
    padding: 0 0 0 8px;
    color: #333;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    }
#primary-nav .submenu .controls a:hover { text-decoration: underline; }

#primary-nav .submenu .close { 
    font-size: 10px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    background: #ddd;
    color: #666;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 4px;
    cursor: pointer;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    }
#primary-nav .submenu-img {
    position: absolute;
    bottom: 0;
    left: 0;
    }
#primary-nav .with-smallthumbnail,
#primary-nav .with-smallthumbnail .title { font-size: 13px; line-height: 1; }

#secondary-nav { 
    margin: 10px 0 0 30px;
    position: relative;
    clear: both;
    }
#secondary-nav li  {
    padding: 0;
    margin: 0 5px 0 0;
    float: left; 
    display: inline; 
    list-style-type: none; 
    position: relative;
    }
#secondary-nav li a {
    color: #333;
    border: 1px solid transparent;
    border-bottom: 0;
    letter-spacing: 0.5px;
    padding: 5px 10px; 
    float: left;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    background: #cfcfcf;
    background: rgba(0, 0, 0, 0.1); 
    zoom: 1;
    }
#secondary-nav li a:hover { text-decoration: underline; }
#secondary-nav li.active a {
    background: #fff;
    position: relative;
    z-index: 10;
    }
    
#secondary-nav-mkii { 
    margin: 10px 0 11px 0; 
    padding-left: 30px;
    padding-bottom: 20px;
    clear: both;
    overflow: hidden;
    background: url(images/secondary-nav-mkii.png) bottom left no-repeat ;
    }
#secondary-nav-mkii li {
    float: left; 
    display: inline; 
    list-style-type: none;     
    }
#secondary-nav-mkii li a {
    float: left; 
    margin-bottom: -1px;
    display: inline; 
    color: #606060;
    text-decoration: none;
    padding: 5px 15px;
    border-width: 1px 1px 0 1px;
    border-style: solid; 
    border-color: transparent;
    }
#secondary-nav-mkii li.active a, #secondary-nav-mkii li.ui-state-active a {
    background-color: #fff;
    border-color: #d6d6d6;
    }

/* content ----------*/
#content { background: #efefef url(images/bg-dark.png) repeat; position: relative; }
#contentarea, .contentarea { position: relative; z-index: 0; margin-bottom: 0 }
#contentarea .box-inner, .contentarea .box-inner { border: 1px solid #ddd; padding: 39px 39px; }
/*#contentarea .controls { position: absolute; top: 20px; right: 20px; }*/
#contentarea.full { width: auto; }

#contentarea, .contentarea { padding-bottom: 40px; }

.page #contentarea { border-right: 1px solid #d1d1d1; }
.page #content-body h2 { border-bottom: 1px solid #ccc; padding-bottom: 15px;  }
.page #content-body h2:first-child,
.general #content-body h2:first-child { margin-top: 20px;  }

.page #content .container { background: url(images/rightshadow.png) 670px 0 repeat-y; }
/*.page #content-header { background: url(images/bottomshadow.png) bottom repeat-x; }*/
#content-header,
#content-header .container { position: relative; }
#content-header h1 { margin: 0; text-shadow: 0 2px 1px #fff; padding-bottom: 10px; }
#content-header .with-thumbnail { padding-left: 155px; }
#content-header .with-thumbnail .thumbnail { width: 140px; margin-left: -155px; }
/*#content-header .controls { position: absolute; top: 25%; right: 0; }*/
#content-header .wideimg { margin-bottom: 15px; }
#content-header .right { position: absolute; top: 15px; right: 0; }
#content-share { margin-bottom: 15px; }
#content-share .smallbutton { float:left; margin-right:3px; }

.topics #content-header,
.eservices #content-header, 
.highlights #content-header,
.profile #content-header,
.dashboard #content-header,
.general #content-header,
.sitemap #content-header {
    background: url(images/content-header-bottom.png) bottom repeat-x;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 20px;
    }
.topics #content-header { margin-bottom: 30px; }
.eservices #content-header { margin-bottom: 20px; }


#content-meta {
    font-size: 0.8571em; 
    line-height: 1.6667; 
    color: #666; 
    text-transform: uppercase; 
    border-top: 2px solid #dcdcdc;
    padding: 10px 0;
    }
#content-meta .date {}
#content-meta .commentcount { margin-left: 15px; }
#content-meta .rating { margin-left: 15px; }


#content-body, .content-body {
    background: #fff url(images/bg-light.png) top left repeat;
    padding: 20px;
    position: relative;
    z-index: 0;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
       -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    }
#content-body:before {
    content: "";
    width: 100%;
    height: 20px;
    background: url(images/content-body-top.png) repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    }
#breadcrumbs {
    color: #666;
    cursor: default;
    font-size: 0.8571em;
    padding: 7px 0;
    }
#breadcrumbs a { color: #666; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }



#stickyblock, .stickyblock {
    color: #666;
    padding: 5px 5px 5px 0;
    margin-left: -20px;
    background-color: rgba(0, 0, 0, 0.05); 
    -webkit-border-top-right-radius:    7px;
    -webkit-border-bottom-right-radius: 7px;
       -moz-border-radius-topright:     7px;
       -moz-border-radius-bottomright:  7px;
            border-top-right-radius:    7px;
            border-bottom-right-radius: 7px;
    position: relative;
    z-index: 30;
    }
#stickyblock-inner, .stickyblock-inner {
    padding: 20px;    
    background-color: #fff;
    background-color: rgba(255,255,255,0.9); 
    border-left: 1px solid #d1d1d1;
    -webkit-border-top-right-radius:    7px;
    -webkit-border-bottom-right-radius: 7px;
       -moz-border-radius-topright:     7px;
       -moz-border-radius-bottomright:  7px;
            border-top-right-radius:    7px;
            border-bottom-right-radius: 7px;
    }
.oldie #stickyblock, 
.oldie .stickyblock { background: url(images/alpha-black-05.png) repeat; }
.oldie #stickyblock-inner, 
.oldie .stickyblock-inner { background: #fff }


.page #stickyblock-inner,
.search #stickyblock-inner { border-left: 0;}

#stickyblock-outer, .stickyblock-outer { margin-top: -5px; margin-bottom: 20px; }
.page #stickyblock-outer { margin-top: 40px;}
.search #stickyblock-outer { margin-top: 35px;}
.highlights #stickyblock-outer { margin-top: 75px;}
.highlights-news #stickyblock-outer,
.highlights-events #stickyblock-outer { margin-top: 30px;}

.tags {}
.tags-title {
    font-weight: bold;
    margin-bottom: 10px;
    }
.tags-links {
    clear: both;
    overflow: hidden;
    zoom: 1;
    }
.tags-links  li { float: left; }
.tags-links  li a {
    float: left;
    padding: 5px 10px; 
    margin: 0 3px 5px 0;
    color: #526266; 
    text-decoration: none; 
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
    background: #d0dee2 url(images/tags-bg.png) top repeat-x; 
    border: 1px solid #b9cfd5;
    font-size: 0.8571em;
    line-height: 1;
    }
.tags-links li a:hover { border-color: #6d8288; color: #3d5157; }

a.categorybox {
    float: left;
    display: inline;
    width: 300px;
    background: url(images/categorybox-shadow.png) left bottom no-repeat;
    margin: 0 10px 20px;
    text-decoration: none;
    padding-bottom: 10px;
    cursor: pointer;
    }
a.categorybox:hover,
a.categorybox:hover .with-thumbnail .title {
    text-decoration: none;
    }
a.categorybox .with-thumbnail {
    margin: 0;
    padding: 14px 4px 14px 77px;
    background: #fff url("images/bg-light.png") repeat;
    }
a.categorybox .with-thumbnail .thumbnail {
    width: 53px;
    margin-left: -63px;
    }
a.categorybox .with-thumbnail .title {
    margin-top: 0;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2;
    color: #333;
    height: 2.5em;
    overflow: hidden;
    }



.poll {
    background: rgba(0,0,0,0.05);
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;    
    zoom: 1;
    position: relative;
    }
.oldie .poll { background: url(images/alpha-black-05.png) repeat; }
.poll-question h4 { margin: 0; }
.poll-choices {
    padding: 10px;
    border-bottom: 1px solid #dadada;
    }    
.poll-buttons { padding: 10px 10px 0; }

.poll-answer {font-size:12px; text-align:right; margin-top:20px;}
.poll-answer td {width:50%; padding-bottom:10px}
.poll-list-questions {padding-right:10px; border-right:1px solid #dadada; color:#333333;}
.poll-list-votes    {padding-left:10px; color:#6C6C6C; text-align:left;}
.poll-list-votes .vote-container {width:80%;}
.poll-list-votes .votes {
    background:url(images/poll-grey.gif);
    position:relative;
    height:20px;
    border:1px solid #b9b4af;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;    
    }
.poll-list-votes .votes span {position:absolute; right:-110px; top:0; width:100px;}
.poll-list-votes .selected {
    background:url(images/poll-orange.gif);
    border-color:#d6995e;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    }


.tips {
    background: #e7f3d8 url(images/greencallouticon_55x55.jpg) 10px 20px no-repeat;
    border-top: 1px solid #cfdcbf;
    border-bottom: 1px solid #cfdcbf;
    padding: 20px 20px 20px 80px;
    color: #3a551b;
    margin-bottom: 10px;
    }
    
.warning {
    background: #ffe4e4 url(images/redcallouticon_55x55.jpg) 10px 20px no-repeat;
    border-top: 1px solid #d19da1;
    border-bottom: 1px solid #d19da1;
    padding: 20px 20px 20px 80px;
    color: #790810;
    margin-bottom: 10px;
    }

.tools {
    background: #feefca url(images/orangecallouticon_55x55.jpg) 10px 20px no-repeat;
    border-top: 1px solid #eccc88;
    border-bottom: 1px solid #eccc88;
    padding: 20px 20px 20px 80px;
    color: #975719;
    margin-bottom: 10px;
    }

.maincontact {
    background: #e3f8fb url(images/contact_icon_55x55.png) 10px 20px no-repeat;
    border-top: 1px solid #b2e0ed;
    border-bottom: 1px solid #b2e0ed;
    padding: 20px 20px 20px 80px;
    color: #466f92;
    margin-bottom: 10px;
    }
    
.tips h4,
.warning h4,
.tools h4, 
.maincontact h4 { margin: 0; }
    
/* footer ----------*/

#footer { 
    background: #000; 
    padding: 15px 0; 
    font-size: 0.8571em;
    line-height: 1;
    color: #ccc;
    }
#footer .links { float: left; }
#footer .copyright { float: right; }
#footer .links a { color: #ccc; text-decoration: none; margin-right: 1em; }
#footer .links a:hover,
#footer .links a:focus { text-decoration: underline; }


#feedback-link {
    width: 42px;
    height: 113px;
    background: url(images/feedback-link.png) 0 -113px no-repeat;
    position: fixed;
    top: 200px;
    right: 0;
    overflow: hidden;
    text-indent: 100%;
    z-index: 40;
    }
#feedback-link:hover {
    background-position: 0 0;
    }
    
/* searchbox ----------*/

#searchbox {
    padding: 0;
    float: left;
    overflow: hidden;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    }
#searchbox #searchbox-inner {
    background: #eaeaea;
    border: 1px solid #d3d3d3;
    float:left;
    overflow: hidden;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
            box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
    }
#searchbox .searchfield {
    float: left;
    width: 280px;
    color: #888;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0 0 0 10px;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    }
#searchbox .searchfield:focus { color: #666; }
#searchbox .searchfield.placeholder { color: #888; font-style: italic; }
#searchbox .searchfield.loading { background: transparent url(images/ajax-loader.gif) 97% 35% no-repeat; }
#searchbox .searchbutton {
    float: left;
    margin: -1px -1px -1px -45px;
    width: 46px;
    height: 24px;
    border: 0;
    background: url(images/button-search.png) no-repeat;
    font-size: 0;
    line-height: 0;
    }
#searchbox .searchbutton:hover,
#searchbox .searchbutton:focus { outline: 0; }
#searchbox .searchbutton:active {}
#searchbox label { display: none; }

#navbar #searchbox { margin-top: 10px; float: right; }



/* home ----------*/


#homesearch { padding: 175px 0 30px; position: relative; z-index: 35; }
#homesearch .container { position: relative; width: 640px; }
#homesearch #searchbox {
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.4);
    float: left;
    }
.oldie #homesearch #searchbox { background: url(images/alpha-white-40.png) repeat; }
#homesearch #searchbox-inner { background: #fff; } 
#homesearch #searchbox .searchfield {
    width: 570px;
    font-size: 24px;
    line-height: 32px;
    height: 32px;
    margin: 8px 0 0 8px;
    }
#homesearch #searchbox .searchfield.loading {
    background: transparent url(images/ajax-bigloader.gif) 99% 85% no-repeat;
    }
#homesearch #searchbox .searchbutton {
    width: 72px;
    height: 50px;
    background-image: url(images/button-homesearch.png);
    }

#popularsearches { height: 13.8em; }
#popularsearches .container { width: 640px; }
#popularsearches-title {
    padding: 2px 10px 4px 10px; 
    margin: 0 3px 0 0;
    font-size: 1.1429em; 
    font-weight: normal; 
    text-shadow: 1px 1px 3px #000, 0 0 3px #000; 
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    float: left;
    border: 0;
    }
.oldie #popularsearches-title { background: url(images/alpha-black-50.png) repeat; }
#popularsearches .popularsearches-tag {
    float: left;
    padding: 3px 5px; 
    margin: 0 3px 5px 0;
    color: #333; 
    text-decoration: none; 
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: rgba(255,255,255,0.8); 
    }
.ie7 #popularsearches .popularsearches-tag { white-space: nowrap; }
#popularsearches .popularsearches-tag { background: url(images/alpha-white-80.png) repeat; }
#popularsearches .popularsearches-tag:hover {
    color: #333333;
    text-decoration: none;
    background-color: #ffda61;
    }
    
.home #content,
.login #content {    
    padding: 10px 0;
    background: url(images/bg-light-95.png);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
#content-outer.home  {}
#content-outer.login { margin-top: 180px; }



.home #content .block { float: left; position: relative; }
.home #content .block-1 { width: 340px; margin-right: 30px; }
.home #content .block-2 { width: 280px; margin-right: 30px; }
.home #content .block-3 { width: 280px; margin-right: 0; }
.home #content .block .block-inner { padding: 10px; }
.home #content .block .block-title { padding: 10px; border-bottom: 1px dotted #ccc; }
.home #content .block h3 { 
    margin: 0;
    padding: 0;
    border: 0;
    }

.home #content .list { 
    width: 135px;
    float: left;
    display: inline;
    }
.home #content .list-1 { margin-right: 10px; }
.home #content .list-2 { }
.home #content .list a { color: #333; text-decoration: none; font-size: 12px; }
.home #content .list a:hover { text-decoration: underline; }

.home #content .block-1 a { color: #333333; text-decoration: none; }
.home #content .block-1 a:hover { text-decoration: underline; }

.login #content .block .block-inner { padding: 10px 120px; }
.login #content .block .block-title { padding: 10px 120px; border-bottom: 1px dotted #ccc; }
.login #content .block h2 { 
    margin: 0;
    padding: 0;
    border: 0;
    }
#login-block h2 { line-height: 50px;}
#login-block .singpass-logo {
    background-image: url(images/singpass-logo.png); 
    display: inline-block;
    width: 112px;
    height: 50px;
    vertical-align: middle;
    }
#login-block .block-inner { overflow: hidden; zoom: 1; }
#login-block .col-1 {
    width: 460px;
    float: left;
    }
#login-block .col-2 {
    width: 260px;
    float: left;
    }
#login-block h4 {
    font-weight: normal;
    margin-bottom: 5px;
    }

#login-form label, .login-form label {
    display: block;
    }
#login-form #login-button, .login-form .login-button {
    float: left;
    }
#login-form .disclaimer {
    float: left;
    font-size: 0.7857em;
    line-height: 1;
    width: 260px;
    margin-left: 10px;
    }


/*  eservices ----------*/

#eservices-byagency .item {
    float: left;
    height: 88px;
    margin: 0 25px 35px 0;
    width: 266px;
    text-decoration: none;
    border: 1px solid #F0F0F0;
    border-bottom: none;
    -webkit-box-shadow: 0 0 1px #D0D0D0;
       -moz-box-shadow: 0 0 1px #D0D0D0;
            box-shadow: 0 0 1px #D0D0D0;
    background: url(images/orangebottom.png) 0 108% repeat-x;
    }
#eservices-byagency .item:hover {
    background-position: 0 100%;
    }
#eservices-byagency .item .item-inner {
    padding: 10px;
    }
#eservices-byagency .item .title { margin-top: 0; line-height: 15px; }
#eservices-byagency .item:hover .with-thumbnail .title { text-decoration: none; }
#eservices-byagency .item .count { font-size: 11px; color: #888; }



/*  search results page ----------*/

.search #content .container { background: url(images/rightshadow.png) 670px 0 repeat-y; }
.search #contentarea { border-right: 1px solid #d1d1d1; margin-top: 40px;}

.search #results-loadmore { text-align: left; overflow: hidden; zoom: 1; }
.search #results-loadmore .button { float: left; margin-right: 20px; }
.search #results-loadmore .message { float: left;  }
.search #results-loadmore .text {
    color: #666;
    font-size: 1em;
    }
.search #results-loadmore .link {
    font-size: 1.1429em;    
    }



/*  highlights ----------*/

.highlights {}

.highlights-news #contentarea,
.highlights-events #contentarea { margin-top: 0; }
.highlights-news #results,
.highlights-events #results { border-top: 1px solid #d5d5d5; }
.highlights-news h2,
.highlights-events h2 { margin-top: 0; }

#highlights-events-slider { margin: 0 0 20px; }


/*  ----------*/

#pagerating {  }
#pagerating-raty { position: relative; top: 3px;}
#pagerating-raty .pagerating-raty {} 
#pagerating-raty .pagerating-score {} 


/*  profile ----------*/

.profile #contentarea { width: 960px; }
.profile h1,
.dashboard h1 { 
    padding-top: 15px;
    font-weight: normal;
    font-size: 2.1429em;
    line-height: 1.3333;
    margin: 0;
    text-shadow: 0 2px 1px #fff;
    }

.dashboard #sidebar { padding-top: 60px; }
.dashboard .nofavorites { text-align: center; padding: 40px 0; font-size: 1.1429em; }
.dashboard .nofavorites .img { margin-bottom: 20px; }




/*  faqs ----------*/

.faqs-note { padding: 0 0 40px; border-bottom: 1px solid #e0e0e0; }

.faqs-list {  font-size: 12px; line-height: 1.2; position: relative; }
.faqs-list .faqs-item { margin-bottom: 20px; }
.faqs-list .breadcrumb {  }
.faqs-list .question a { font-size: 16px; line-height: 1.2; text-decoration: none; }
.faqs-list .answer { font-size: 14px; line-height: 1.2 }
.faqs-toggle {
    position: absolute;
    top: -15px;
    right: 0;
    cursor: pointer; 
    text-transform: uppercase;
    color: #888;
    font-size: 12px;
    -webkit-user-select: none; 
       -moz-user-select: none;
            user-select: none;
    }

/*  sitemap ----------*/

.sitemap #contentarea { width: 960px; }
.sitemap .col {
    float: left;
    width: 210px;
    margin-right: 19px;
    border-left: 1px dotted #ccc;
    }
.sitemap h2 { 
    padding-left: 20px;
    font-size: 1em;
    line-height: 1.4286;
    text-transform: uppercase;
    margin: 10px 0;
    }
.sitemap h2 a {
    
    }
.sitemap ul { padding-left: 20px; }
.sitemap ul li { margin-bottom: 10px; }
.sitemap ul li a { color: #333; text-decoration: none; }
.sitemap ul li a:hover { text-decoration: underline; }

/*  errorpages ----------*/

.errorpage { padding-bottom: 40px; }
.errorpage #contentarea { padding: 0; width: 960px; }
.errorpage-container-top { background: url(images/errorpage-stripes.png) top repeat-x; padding-top: 4px;}
.errorpage-container-btm { background: url(images/errorpage-stripes.png) bottom repeat-x; padding-bottom: 4px;}
.errorpage-container { 
    padding: 100px 0;
    background: url(images/bg-light.png);
    }
.errorpage-inner {
    padding-left: 220px;
    margin-left: 150px;
    min-height: 165px;
    background: url(images/errorpage.png) 0 0 no-repeat;
    }
/*
 *  jqui
 */ 

/* Core
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; }
* html .ui-autocomplete { width:1px; } /* IE6 */

/* Menu
----------------------------------*/
.ui-menu { list-style:none; padding: 0; margin: 0; display:block; float: left; }
.ui-menu .ui-menu { margin-top: 0; }
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:10px; line-height:1.5; zoom:1; color: #444; cursor: pointer;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    background-color: #ffda61;
    }

.ui-autocomplete {
    background-color: #fff;
    border: 1px solid #ccc;
    max-width: 345px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    margin-top: 10px;
    }
.ui-autocomplete .ui-menu-item a {
    border-bottom: 1px solid #ccc;
    padding-left: 70px;
    overflow: hidden;
    background-color: #fff;
    }

.ui-autocomplete .ui-menu-item a.eServices {
    background-image: url(images/icon-external.png);
    background-position: 98% 50%;
    background-repeat: no-repeat;
    padding-right: 30px;
    }
.ui-autocomplete .ui-menu-item a .image { 
    float: left;
    margin-left: -60px;
    width: 52px;
    border: 1px solid #bfc8d2;
    }
.ui-autocomplete .ui-menu-item a .title {   }
.ui-autocomplete .ui-menu-item a .desc { font-size: 0.8571em; line-height: 1; color: #aaa;  }
.ui-autocomplete .ui-menu-category { 
    padding: 5px 10px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ccc;
    clear: both;
    } 
    
#homesearch .ui-autocomplete { max-width: 599px; } 
#homesearch .ui-autocomplete .ui-menu-item a .image { float: left; margin-left: -60px; } 
#homesearch .ui-autocomplete .ui-menu-item a .title { font-size: 1.2857em; line-height: 1.2; }
#homesearch .ui-autocomplete .ui-menu-item a .desc { font-size: 1em; line-height: 1; color: #aaa;color: #aaa; }

.ui-autocomplete .ui-menu-endofresults { clear: left; float: none; }
.ui-autocomplete .ui-menu-endofresults a { 
    display: block;
    padding: 10px;
    font-size: 0.8571em; 
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    background-color: #f6f6f6;
    }
.ui-autocomplete .ui-menu-endofresults .seemore { color: #206676; text-decoration: underline; }
.ui-autocomplete .ui-menu-endofresults .showcount { color: #888; }

.ui-autocomplete .ui-menu-noresults {
    clear: left;
    float: none;
    display: block;
    padding: 20px;
    }
.ui-autocomplete .ui-menu-noresults a { 
    text-decoration: none;
    background-color: #fff;
    color: #333;
    color: #206676;
    font-weight: bold;
    cursor: pointer;
    }
.ui-autocomplete .ui-menu-noresults a:hover {
    text-decoration: underline;
    }
#homesearch .ui-autocomplete .ui-menu-noresults a { font-size: 16px; line-height: 1.5; }

/* Dialog
----------------------------------*/
.ui-dialog { position: fixed; padding: .2em; width: 300px; overflow: hidden;}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 0; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog { 
    background: url("images/bg-light.png") repeat scroll left top #FFFFFF;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); 
       -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); 
            box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); 
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    }
.ui-dialog .ui-dialog-title {
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    color: #206676;
    }
.ui-dialog .block-items .col-1,
.ui-dialog .block-items .col-2 { width: 200px; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; text-align: center; }
.ui-dialog .ui-dialog-titlebar-close span  { 
    width: 16px;
    height: 16px;
    margin: 0;
    background: url(images/close.png) no-repeat;
    }


/* Map Locator */
#map_canvas    {clear:both; width:100%; height:400px; margin:0 auto 20px;}


/* Event Highlight Plugin */
#event-jump {float:right; margin-bottom:20px;}
.kSlidePanel { 
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
    clear:both;
    -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.3);
    }
#event-nav  {
    height:10px;
    background-color:#cfcfcf;
    position:relative;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;    
    }
#event-nav .kHandle  {
    height:10px;
    background-color:#888888;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;    
    }
    
#highlights-events-slider .month {
    width:50px;
    height:28px;
    font-size: 14px;
    line-height:1.8;
    font-weight:bold;
    color:#fff;
    padding:0 8px;
    position:absolute;
    top:10px;
    left:10px;
    background:url(images/slider-month.png) left center no-repeat;
    }   
    
#highlights-events-slider .overlay  {
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background:url(images/slider-overlay.png);
    font-size: 14px;
    line-height: 20px;
    }
    
#highlights-events-slider .caption  {padding:10px 15px 0; height:80px; line-height:1.1;}
#highlights-events-slider .title  {
    display:block;
    color:#206676;
    font-size: 24px;
    font-weight:bold;
    }
#highlights-events-slider .desc  {font-size:16px; color:#666;} 
    
#highlights-events-slider .info  {
    margin: 0 15px;
    padding-top: 10px;
    border-top:1px solid #d0d0d0;
    }    
#highlights-events-slider .info h4  {margin:0 0 10px;}    
#highlights-events-slider .tall .title,
#highlights-events-slider .single .title  {font-size:16px;}    
#highlights-events-slider .tall .desc,
#highlights-events-slider .single .desc  {font-size:12px;}    
#highlights-events-slider .tall .info,
#highlights-events-slider .single .info  {font-size:11px; line-height:1.2}
#highlights-events-slider a    {
    text-decoration:none;
    font-weight:bold;
    display:block;
    }
#highlights-events-slider a h4    {color:#333;}
#highlights-events-slider a p    {color:#333; font-weight:normal;}

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0 0 -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 0 5px 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; z-index: 0 }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 10px 20px ; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; z-index: 2;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; z-index: 1; position: relative; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ytBox {display: block !important;}