/*=================================================*/
/*Test*/
*{border: solid 0px lime;}
/*------------------------*/


/*=================================================*/

/*-------------------------------------------------*/
/*Base Styles*/
/*-------------------------------------------------*/

/*PNG Transparent Fix for IE*/
.fix_png{behavior: url("../App_Themes/Www_Default/style/iepngfix.htc");}

/*Wireframe Layout*/
body{margin: auto; font-family: Arial; font-size: 13px; color: #404040; background-repeat: repeat-x; background-image: url('../image/bg.gif');}
.hsc_ctr{margin: auto; width: 900px;}
.hsc_mast{border: solid 0px red; height: 105px; background-repeat: no-repeat; background-image: url('../image/bg_mast.jpg'); margin: 0px 0px 1px 0px;}
.hsc_mast_lft{float: left; width: 650px;}
.hsc_mast_rgt{float: right; width: 242px; text-align: right;}
.hsc_m1{}
.hsc_m1_lft{border: solid 0px red; float: left; width: 650px; padding: 0px 0px 0px 0px;}
.hsc_m1_rgt{border: solid 0px red; float: right; width: 240px; padding: 0px 0px 0px 0px;}
.hsc_cnt_enc_top{border: solid 0px red; position: absolute; height: 55px; background-image: url('../image/bg_cnt_enc_top.gif'); background-repeat: no-repeat; font-size: 0px; width: 900px;}
.hsc_cnt{border: solid 0px pink; float: left; background-image: url('../image/bg_cnt.gif'); background-repeat: repeat-y; width: inherit;}
.hsc_cnt_bdy{position: relative; border: solid 0px red; float: left; width: 860px; padding: 20px 20px 0px 20px; background-image: url('../image/sep_ver.gif'); background-repeat: no-repeat;  background-position: 645px 20px;}
.hsc_cnt_bdy_lft{border: solid 0px red; position: relative; float: left; width: 610px; min-height: 350px; height: auto !important; height: 350px;}
.hsc_cnt_bdy_rgt{border: solid 0px red; position: relative; float: right; width: 220px; min-height: 350px; height: auto !important; height: 350px;}
.hsc_cnt_ftr{border: solid 0px red;}
.hsc_cnt_ftr_bdy{border: solid 0px red; float: left; width: 860px; padding: 0px 20px 0px 20px;}
.hsc_cnt_ftr_bdy_lft{border: solid 0px red; float: left; width: 610px;}
.hsc_cnt_ftr_bdy_rgt{border: solid 0px red; float: right; width: 230px;}
.hsc_cnt_enc_btm{border: solid 0px red; height: 8px; background-image: url('../image/bg_cnt_enc_btm.gif'); background-repeat: no-repeat; font-size: 0px;}
.hsc_ftr{border: solid 0px red; float: left; background-image: url('../image/bg_ftr.jpg'); background-repeat: no-repeat; width: inherit; padding: 10px 20px 10px 20px;}
.hsc_ftr_lft{border: solid 0px red; float: left; width: 440px;}
.hsc_ftr_rgt{border: solid 0px red; float: right; width: 360px;}

/*Wireframe Separaters*/
.hsc_sep{border: solid 0px red; background-image: url('../image/sep.gif'); width: 900px; height: 1px;}

/*Wireframe Breaks*/
.clr_lft{clear: left; line-height: 0px;}
.clr_rgt{clear: right; line-height: 0px;}
.clr_all{clear: both; line-height: 0px;}

/*Wireframe Floats*/
.f_lft{float: left;}
.f_rgt{float: right;}

/*Font Casing*/
.cse_upp{text-transform: uppercase;}
.cse_low{text-transform: lowercase;}
.cse_cap{text-transform: capitalize;}

/*Generic Elements*/
a{text-decoration: none; color: #000066; /*#013919;*/}
a:hover{text-decoration: underline;}

/*Generic Form Inputs*/
form{border: solid 0px pink; margin: auto;}
input{font-family: Arial; font-size: 12px; border: solid 1px #d7d7d7;}
textarea{font-family: Arial; font-size: 12px; border: solid 1px #d7d7d7;}
select{font-family: Arial; font-size: 11px; border: solid 1px #d7d7d7;}


/*=================================================*/

/*-------------------------------------------------*/
/*Control|Component Styles - General*/
/*-------------------------------------------------*/

/*Messages*/
.msg_alert{color: red;}

/*Nav Breadcrumb*/
.b1
{	font-size: 10px;
 	padding-bottom: 5px;
	border-bottom: solid 1px #cccccc; border-style: dotted;}

/*Nav C1*/
.c1
{	padding-top: 5px; 
	font-size: 11px;}

/*Banner*/
.bnr{border: solid 0px red;}
.bnr .lft{float: left;}
.bnr .rgt{float: right;}
.bnr .bdr{border: solid 1px #cccccc;}
.bnr .pad{padding: 5px;}
.bnr .mar_rgt{margin-right: 10px;}

/*Images*/
.img{border: solid 0px red;}
.img .lft{float: left;}
.img .rgt{float: right;}
.img .bdr{border: solid 1px #cccccc;}
.img .pad{padding: 5px;}
.img .mar_lft{margin-left: 10px;}
.img .mar_rgt{margin-right: 10px;}

/*Link Buttons*/
.btn{border: solid 0px red; position: relative;}
.btn a{text-decoration: none; color: #484848; font-weight: bold; font-size: 11px;}
.btn a:hover{text-decoration: none;}
.btn .lft{border: solid 0px red; float: left; background-image: url('../image/bg_btn_lft.gif'); background-repeat: no-repeat; width: 7px; height: 20px; cursor: pointer;}
.btn .ctr{border: solid 0px red; float: left; background-image: url('../image/bg_btn_ctr.gif'); background-repeat: repeat-x; height: 16px; padding: 2px 1px 2px 1px; cursor: pointer;}
.btn a:hover .ctr{text-decoration: none;}
.btn .rgt{border: solid 0px red; float: left; background-image: url('../image/bg_btn_rgt.gif'); background-repeat: no-repeat; width: 7px;height: 20px; cursor: pointer;}

/*List*/
.list{border: solid 0px red;}
.list .set_top{margin-top: 0px;}
.list .set_lft{margin-left: 0px; padding-left: 0px;}
.list .set_btm{margin-bottom: 0px;}
.list .pad_top li{padding-top: 5px;}
.list .pad_btm li{padding-bottom: 5px;}
.list .sep_btm_dot li{border-bottom: dotted 1px #cccccc;}
/*List Bullet Customize*/
.list .arrow_rgt{list-style-type: none;}
.list .arrow_rgt li{padding-left: 15px; padding-right: 5px; background-image: url('../image/arrow_rgt.gif'); background-repeat: no-repeat; background-position: 5px 10px;}
/*List Pocket Padding Overrides*/
.list ul.pad_top{padding-top: 5px;}
.list ul.pad_btm{padding-bottom: 0px;}
.list ul.sep_btm_dot{border-bottom: dotted 0px #cccccc;}

/*-------------------------------------------------*/
/*Control|Component Styles - Specific*/
/*-------------------------------------------------*/

/*Logo */
.logo_gov_sg{background-image: url('../image/logo_gov_sg.gif'); width: 217px; height: 38px;}
.logo_hsc{background-image: url('../image/RAHS-Logo_mock5.png'); background-repeat: no-repeat; width: 650px; height: 105px;}

/*Member Login*/
.lgn_mem{float: left; border: solid 0px red; padding: 0px 10px 0px 10px;}
.lgn_mem .fld{float: left; font-weight: bold;}
.lgn_mem .sep_btm{padding-bottom: 5px;}
.lgn_mem .lbl{float: left; width: 70px;}
.lgn_mem .txt{float: left; width: 125px;}
.lgn_mem .pad_all{padding: 10px;}
.lgn_mem .pad_lft{padding-left: 10px;}
.lgn_mem .pad_rgt{padding-right: 10px;}
.lgn_mem .pad_top{padding-top: 10px;}
.lgn_mem .pad_btm{padding-bottom: 10px;}
.lgn_mem input.lgn{background-image: url('../image/btn_lgn.gif'); width: 54px; height: 20px;}
.lgn_mem input.lgo{background-image: url('../image/btn_lgo.gif'); width: 54px; height: 20px;}

/*SGMS Search*/
.sgms input{margin: 2px 0px 1px 0px; width: 160px;}
.sgms input.go{padding: 0px; vertical-align: bottom; border-style: none; border-width: 0px; width: 43px; height: 21px; background-image: url('../image/btn_sgms_go.jpg');}

/*Pocket*/
.pock{border: solid 0px red;}
.pock .sep_btm_dot{border-bottom: dotted 1px #cccccc;}
/*Pocket - Tab*/
.pock .tab_box{border: solid 0px green; float: left; border-bottom: solid 2px #e1e1e1; width: 100%;}
.pock .tab{border: solid 0px purple; float: left; background-color: #d0d0d1; background-image: url('../image/bg_tab_ctr.gif'); background-repeat: repeat-x; /*border-bottom: solid 1px gray;*/}
.pock .tab .lft{border: solid 0px pink; float: left; background-image: url('../image/bg_tab_lft.gif'); background-repeat: no-repeat; width: 7px; height: 29px;}
.pock .tab .ctr{border: solid 0px pink; float: left; font-family: Trebuchet MS, Arial; font-weight: bold; color: #484848; min-height: 24px; height: auto !important; height: 24px; padding: 5px 3px 0px 3px;}
.pock .tab .rgt{border: solid 0px pink; float: left; background-image: url('../image/bg_tab_rgt.gif'); background-repeat: no-repeat; width: 7px; height: 29px;}
.pock .tab .rgt_arrow{float: left; background-image: url('../image/bg_tab_rgt_arrow.gif'); background-repeat: no-repeat; width: 24px; height: 29px;}
/*Pocket - Tab Selection*/
.pock .tab_nsel{border: solid 0px purple; float: left; background-color: #639568; background-image: url('../image/bg_tab_ctr_nsel.gif'); background-repeat: repeat-x; border-bottom: solid 1px gray;}
.pock .tab_nsel .lft{border: solid 0px pink; float: left; background-image: url('../image/bg_tab_lft_nsel.gif'); background-repeat: no-repeat; width: 7px; height: 29px;}
.pock .tab_nsel .ctr{border: solid 0px pink; float: left; font-family: Trebuchet MS, Arial; font-weight: bold; color: white; min-height: 24px; height: auto !important; height: 24px; padding: 5px 3px 0px 3px;}
.pock .tab_nsel .rgt{border: solid 0px pink; float: left; background-image: url('../image/bg_tab_rgt_nsel.gif'); background-repeat: no-repeat; width: 7px; height: 29px;}
/*Pocket - Tab Link*/
.pock .tab_box a{border: solid 0px red; float: left; width: inherit; cursor: pointer;}
.pock .tab_box a:hover .ctr{text-decoration: underline;}
/*Pocket - Tab Variations*/
.pock .tab_box .stretch{width: 100%;}
.pock .tab_box .stretch .rgt{float: right;}
.pock .tab_box .stretch .rgt_arrow{float: right;}
.pock .tab_box .sep_rgt{margin-right: 1px;}
/*Pocket - Content*/
.pock .cnt_box{float: left; width: 100%; background-color: Transparent;}
.pock .pad_all{padding: 10px;}
.pock .pad_lft{padding-left: 10px;}
.pock .pad_rgt{padding-right: 10px;}
.pock .pad_top{padding-top: 10px;}
.pock .pad_btm{padding-bottom: 10px;}
.pock .h1{font-size: 16px; font-weight: bold; color: #000000; /*#013919;*/}
.pock .h2{font-size: 13px; font-weight: bold; color: #000000; /*#013919;*/}
.pock .cnt{position: relative; float: left; width: 100%;}
.pock .cnt .lft{float: left;}
.pock .cnt .rgt{float: right;}
/*Pocket - Tab Multiple*/
.pock .cnt .vis{
	border: solid 0px red;
	position: relative;
	visibility: visible;
	float: left;
 }
.pock .cnt .invis{
	border: solid 0px blue; 
	position: absolute;
	visibility: hidden;
	float: left;
}
/*Pocket - Column*/
.pock .col3{border: solid 0px red; width: 190px; float: left;}
.pock .col3 pad_rgt{padding: 5px;}
/*Pocket - Media - Link*/
.pock .media a{color: gray; font-weight: bold;}
/*Pocket - Media - Image*/
.pock .media{width: 100%;}
.pock .media .pad_top{padding-top: 2px;}
.pock .media .pad_btm{padding-bottom: 2px;}
.pock .media .pad_btm{padding-bottom: 2px;}

/*Simple Fields*/
.hsc_time_stamp{border: solid 0px red; padding: 9px 0px 0px 0px;}
.hsc_time_stamp .diff{color: #404040; /*#005826;*/}
.hsc_last_update{border: solid 0px red; font-size: 11px; text-align: center; width: 100%; padding: 3px 0px 0px 0px;}
.hsc_last_update .diff{color: #404040; /*#005826;*/}
.hsc_copy{color: #707070;}


/*Member SKAN toggle*/
.hsc_iss .iss_tog{float:left; width:12px; position:relative; font-weight:bold; font-size:14px;}
.hsc_iss .iss_tog:hover { cursor:pointer; }
.hsc_iss .iss_tog_title:hover { cursor: pointer;}
.hsc_iss .iss_cnt_dot { display:none; }
.hsc_iss .iss_cnt_body { display:none; }

/*ISSUES*/	
.hsc_iss {border: solid 0px red;}
.hsc_iss input.btn{background-image: url('../image/btn_skan_search.gif'); width: 90px; height: 21px;}
.hsc_iss .h3{font-size: 13px; font-weight: bold; color: #013919;}
.hsc_iss .iss_cnt{float:left; width:97%; position:relative; }
.hsc_iss .url { height:15px; overflow:hidden; word-break: break-all;}

/*ISSUES SEARCH*/
.hsc_search{ background-color:#d0d0d1; color:#484848; width:100%; }
.hsc_search .fld { float:left; height:30px; padding-left:5px;}
.hsc_search .fld .lbl1 {float:left; width:60px; position:relative; }
.hsc_search .fld .lbl2 {float:left; width:80px; position:relative; }
.hsc_search .fld .lbl2_1 {float:left; width:130px; position:relative; }
.hsc_search .fld .lbl3 {left:5px; width:180px; position:absolute; border: solid 0px red;}
.hsc_search .fld .lbl3 input {width:80px;}
.hsc_search .fld .lbl4 {left:200px; width:180px; position:absolute; border: solid 0px red;}
.hsc_search .fld .lbl4 input {width:80px;}
.hsc_search .fld .btn { left:440px; width: 149px;}
.hsc_search .fld .txt { float: left; width: 530px; position:relative; }
.hsc_search .fld .cal { float: left; width: 120px; position:relative;  }
.hsc_search .fld .ddl { float: left; width: 220px; position:relative; }
.hsc_search .fld .ddlshort { float: left; width: 170px; position:relative; }
.hsc_search .fld .ddl select { width: 218px;}
.hsc_search .fld .ddlshort select { width: 168px;}

.hsc_search .fld img { width:18px; height: 19px; margin-top:0px; .margin-top:1px; _margin-top:1px; position:absolute; }