/* CSS for Blue Theme
// 
//
//
*/

/*===================[ Common Body Section ]====================*/
a {text-decoration: none; color:#0e41bc;}
a:active {text-decoration: none; color: red;}
a:hover {text-decoration: underline; color:#ee9420;}

body 
{
    margin: 0px;
    padding: 0px;
    font: normal 13px Arial;
    word-spacing:1px;
    letter-spacing:0.02em;
    height:100%;
}
form
{
    margin:0px;
    padding:0px;
}
body.noMaster
{
    margin: 15px 15px 15px 15px;
    font: normal 12px Arial;
    height:100%;
}
h1
{
    font: bold 17px Arial;
    margin: 0 0 0 0;
    padding-bottom: 5px;
    color:black;
}
h1.small
{
    font: bold 14px Arial;
    margin: 5px 0 0 0;
    color: #0032d9;
}
h2
{
    font: bold 15px Arial;
    margin:0;
    display:inline-block;
    color:black;
}
h2 a:visited {color:black; text-decoration:none;}
h2 a:hover {text-decoration:underline;}

h3
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 5px 0;
}
hr
{
    border: 0;
    height: 1px;
    color: #f2f2f2;
    background-color: #f2f2f2;
}
hr.normal
{
    border: 0;
    height: 1px;
    color: white;
    background-color: white;
}
hr.white
{
    color: #d4e0f9;
    background-color:Transparent;
    margin: 0 0 5px 0;
    height:1px;
    color: white;
    background-color:Transparent;
    margin: 0 0 3px 0;
    height:1px;
}
hr.dot
{
    border-bottom:dotted 1px #dddddd;
}

#div_outer
{
    
}
#div_top
{
    background-image: url(images/top_02.jpg);
    background-repeat:repeat-x;
    height:105px;
    width:100%;
}

#div_top1
{
    margin: 0 0 0 30%;
    background-image: url(images/top_01.jpg);
    background-position:left;
    background-repeat:no-repeat;
    background-color: #2b6ae4;
    width:70;
    height:21px;
    position:fixed;
    text-align:right;
}
#div_top2
{
    
}
#div_subtopmenu
{
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #eef3fc;
    text-align:right;
    width:250px;
    margin: 3px 15px 0 0;
}


#div_logo
{
    background-image: url(images/logo.gif);
    background-repeat:no-repeat;
    width:134px;
    height:42px;
    margin: 7px 0 0 50px;
}
#div_logoright
{
    background-image: url(images/top_logoright_text.jpg);
    background-position:right;
    background-repeat:no-repeat;
    width:60%;
    height:84px;
    margin: 0 0 0 40%;
    vertical-align:middle;
}
.div_topmenu
{
    background-image: url(images/top_menu_bg.jpg);
    background-repeat:repeat-x;
    height:31px;
    vertical-align:middle;
}
.div_leftmenu
{
    width:200px;
    position:relative;
    height: 500px;
    margin: 10px 0 0 10px;
    padding: 0 0 0 0;
}
#div_maincontent
{
    position: relative;
    margin: 10px 0 0 0;
    border: bold 1px grey;
    width:100%;
    vertical-align:middle;
    display:block;
}
.div_main
{
    margin: 10px 0 0 7px;
    width:772px;
    min-height:560px;
    position:relative;
    border:0;
    padding:0;
    
}
.tbl_main
{
    table-layout:fixed;
    border-collapse: collapse;
    border-spacing: 0px;
    height: 100%;

}
.tbl_main td
{
    padding: 0 0 0 0;
}
.tbl_mainleft
{
    vertical-align:top;
    width: 200px;
    background-color:#d4e0f9;
    border-left:solid 1px #d4e0f9;
}
.tbl_mainleftconer
{
    background-image:url(images/menu_leftconer.gif);
    background-position:top;
    background-repeat:no-repeat;
    vertical-align:top;
    width:21px;
}
.tbl_footer
{
    width:100%;
    text-align:center;
}
.tbl_mainright
{
    vertical-align:top;
}
.block1_toprow
{
    background-color: #d4e0f9;
    padding:8px 2px 2px 8px;
    height: 24px;
    
}
.block1_mainrow
{
    background-color: #f1f5fe;
    padding:7px 2px 7px 7px;
    height: 120px;
}
.block1_mainrowscroll
{
    background-color: #f1f5fe;
    padding:7px 2px 7px 7px;
    overflow: auto;
    height: 180px;
}
.block1_bottomrow
{
    background-color: #f1f5fe;
    padding:2px 8px 8px 8px;
    text-align:right;
}

.tbl_footer
{
    table-layout:fixed;
    border-collapse: collapse;
    border-spacing: 0px;
}
.tbl_footerrow1
{
    background-image:url(images/footer_01.jpg);
    background-position:left;
    background-repeat:repeat-y;
    background-color:#edf3fe;
    width:200px;
    height: 10px;
}
.tbl_footerrow2
{
    background-color:#3471e5;
    height:20px;
    width:400px;
}
.div_footerCopyright
{
    margin: 2px 0 0 10px;
    text-align: left;
}
.list1
{ 
    list-style: none url(images/list_icon1.gif) inside;
    background-position: 0.5em;
    margin-top:0;
    margin-bottom:0;
    margin-left: 3px;
    padding-left: 0;
}

.list1 li
{
    
}
.list1 a
{
    margin: 0px 0 3px 5px;
    font: bold 12px  Verdana, Arial, Helvetica, sans-serif;
    vertical-align:top;
}
.list2
{
    margin:10px 0 0 0;
    padding:0px;
    font: normal 11px  Verdana, Arial, Helvetica, sans-serif;
}
.list2 ul
{
    list-style:none;
    margin:0px;
    padding:0px;
}
.list2 li
{
    list-style:none;
    background-image: url(images/list_icon2.gif);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding:5px 0 5px 12px;
    margin:0px;
}
.list2 a
{
    vertical-align:top;
    margin:0px;
}

/* ====== used by product detail ======= */
.list3
{
    margin:10px 0 0 0;
    padding:0px;
    font: Bold 12px  Arial;
}
.list3 ul
{
    list-style:none;
    margin:0px 0px 0px 10px;
    padding:0px;
}
.list3 li
{
    list-style:none;
    background-image: url(images/list_icon2.gif);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding:3px 0 3px 12px;
    margin:0px;
}
.list3 a
{
    vertical-align:top;
    margin:0px;
}

.div1
{
    margin: 5px;
}

.cph_left_btitle
{
    height:22px;
    padding: 5px 0 0 20px;
    width:175;
    background-color: #f1f5fe;
    vertical-align:middle;
    display:block;
}
.cph_left_btitlegap
{
    background-image: url(images/cph_left_btitlebg.gif);
    background-position:right;
    background-repeat:no-repeat;
    background-color: #d4e0f9;
    height:16px;
}
.cph_left_content
{
    padding-left:10px;
    line-height: 20px;
    
}

/*====================[ Main Header section ]====================*/

.header
{
	table-layout:auto;
    border-collapse: collapse;
    background-image: url(images/top_02.jpg);
    background-repeat:repeat-x;
    height:105px;
    width:100%;
    min-width:600px;
}
.header_r1_c2
{
    width:100%;
    background-image: url(images/top_01.jpg);
    background-position:left;
    background-repeat:no-repeat;
    background-color: #2b6ae4;
    height:21px;
    text-align:right;
    padding : 0px;
    
}
.topmenu
{
    color:White;
}
.topmenu_item a
{
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #eef3fc;
    width:120px;
    border:hidden 1px Transparent;
    background-color:Transparent;
    padding: 0px 10px 0px 10px;
    text-decoration:none;
}
.topmenu_item a:hover
{
    background-color:#80a9f6;
    border:solid 1px #eef3fc;
    color:white;
}
.header_banner
{
    background-image: url(images/top_logoright_text.jpg);
    background-position:right;
    background-repeat:no-repeat;
    width:60%;
    height:84px;
    margin: 0 0 0 40%;
    padding: 0 0 0 0;
    vertical-align:middle;
}
.header_banner h1 {position:absolute; top: 70px; right:130px; color:White; font:normal 12px Arial;}
.logo
{
    background-image: url(images/logo.png);
    background-repeat:no-repeat;
    width:152px;
    height:70px;
    display:block;
    padding: 0 0 0 0;
    margin: 3px 0 0 30px;
}
.logo_mobile
{
	background-image: url(images/logo_mobile.gif);
    background-repeat:no-repeat;
    width:65px;
    height:25px;
    display:block;
    padding: 0 0 0 0;
    margin: 3px 0 0 3px;
}
.header_r2_c1
{
    text-align:center;
    vertical-align:top;
}
.footermenu
{
    color:#3471e5;
    padding: 2px;
    text-align:right;
}
.footermenu_item a
{
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #134bb7;
    width:120px;
    padding: 0px 10px 0px 10px;
    text-decoration:none;
}
.footermenu_item a:hover
{
    color:#134bb7;
    text-decoration:underline;
}
.copyright
{
	text-align:center;
	color:#b6ccf4;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
}
/*====================[ Main Table section ]====================*/
/*
Naming Space:
gt: grid-table (can be used by gridview & table)
*/
.gt1
{
	table-layout:auto;
    border-collapse:collapse;
    width:98%;
}
.gt1 td
{
	padding: 3px;
    vertical-align:top;
    height:25px;
}
.gt1_hrow
{
	background-color:#5688e8;
	color:White;
	text-align:left;
	font-weight:bold;
}
.gt1_hrow a
{
	color:White;
}
.gt1_hrow a:link
{
	color:White;
}
.gt1_row
{
	background-color:#f1f6fd;
	color:#333333;
    font: normal 12px Arial;
    height:25px;
}
.gt1_altrow
{
	background-color:white;
	color:#284775;
    font: normal 12px Arial;
    height:25px;
}
.gt1_editrow
{
	background-color:#edf7fd;
}
.gt1_selectedrow
{
	background-color:#E2DED6;
	color:#333333;
	font-weight:bold;
}
.gt1_frow
{
	background-color:#5D7B9D;
	font-weight:bold;
	color:White;
}
.gt1_topic
{
	font: bold 12px Arial;
	width:160px;
}
.gt1_pager td span
{
	width:15px;
	height:15px;
	display:block;
}
.gt1_pager td a
{
	width:15px;
	height:15px;
	display:block;
	font-weight:bold;
	text-decoration:underline;
}
.gt2_row
{
	background-color:#fcf9ee;
}
.gt2_row td
{
    border-bottom:dotted 1px gray;
    vertical-align:top;
    height:auto;
}
.gt2_row td td
{
	border:none;
}
.gt2_rowon
{
    height:100%;
    background-color:#f8fcfc;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.gt2_rowoff
{
    height:100%;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.gt2_altrow td
{
	border-bottom:dotted 1px gray;
    vertical-align:top;
    height:auto;
}
.gt2_altrow td td
{
	border:none;
}
.gt2_hrow
{
    background-color:#8aadf1;
    color:White;
    border-bottom:dotted 1px gray;
    height:20px;
    padding-left:10px;
    min-width:800px;
}
gt2_pager
{
	margin: 10px;
	font-weight:bold;
}
.gt2_pager td span
{
	width:15px;
	height:15px;
	display:block;
	font-weight:bold;
}
.gt2_pager td a
{
	width:15px;
	height:15px;
	display:block;
	text-decoration:underline;
}

.dlt1
{
	table-layout:fixed;
    border-collapse:collapse;
    width:98%;
}
.dlt1 td
{
	padding:3px;
	vertical-align:top;
}
.dlt1_row
{
	border-bottom:dotted 1px #dddddd;
	border-right:dotted 1px #dddddd;
}
.dlt1_altrow
{
	border-bottom:dotted 1px #dddddd;
}
table .t2
{
    table-layout:fixed;
    border-collapse: collapse;
    padding: 10px 10px 10px 10px;
    width: 200px;
}
table .t2_tl
{
    background-image:url(images/table_t2_tl.gif);
    background-position:top;
    background-repeat:no-repeat;
    width:13px;
    height:38px;
    padding: 0 0 0 0;
}
table .t2_tm
{
    background-image:url(images/table_t2_tm.gif);
    background-position:top;
    background-repeat:repeat-x;
    height:38px;
    width:100%;
}
table .t2_tr
{
    background-image:url(images/table_t2_tr.gif);
    background-position:top;
    background-repeat:no-repeat;
    height:38px;
    width:13px;
    padding: 0 0 0 0;
}
table .t2_ml
{
    background-image:url(images/table_t2_ml.gif);
    background-position:left;
    background-repeat:repeat-y;
    background-color:#f1f6ff;
    width:13px;
    padding: 0 0 0 0;
}
table .t2_mm
{
    background-color:#f1f6ff;
    padding: 0 0 0 0;
    height: 200px;
    vertical-align: top;
    
}
table .t2_mr
{
    background-image:url(images/table_t2_mr.gif);
    background-position:left;
    background-repeat:repeat-y;
    background-color:#f1f6ff;
    width:13px;
    padding: 0 0 0 0;
}
table .t2_bl
{
    background-image:url(images/table_t2_bl.gif);
    background-position:top;
    background-repeat:repeat-y;
    height:11px;
    width:13px;
    padding: 0 0 0 0;
}
table .t2_bm
{
    background-image:url(images/table_t2_bm.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#f1f6ff;
    height:11px;
    padding: 0 0 0 0;
}
table .t2_br
{
    background:url(images/table_t2_br.gif) top no-repeat;
    height:11px;
    width:13px;
    padding: 0 0 0 0;
}

/* This is the table for product specification */

table .t3
{
	table-layout:auto;
    border-collapse:collapse;
    width:98%;
}
table .t3 td
{
	padding: 3px;
    border:solid 1px #e8effc;
    vertical-align:top;
    height:25px;
}
table .t3_hc
{
	font: bold 12px Arial;
	width:160px;
}
table .t3_r
{
	background-color:#f1f6fd;
	color:#333333;
    font: normal 12px Arial;
}
table .t3_ar
{
	background-color:white;
	color:#284775;
    font: normal 12px Arial;
}

.tbl
{
    table-layout:fixed;
    border-collapse: collapse;
    width: 100%;
}
.tbl_wtxt
{
    table-layout:fixed;
    border-collapse: collapse;
    width: 100%;
}
.tbl_wtxt td
{
    padding: 3px;
}

.tbl_vt
{
    border-collapse:collapse;
    table-layout:inherit;
    width: 100%;
}
.tbl_vt td
{
    vertical-align:top;
}

.block1
{
    table-layout:fixed;
    border-collapse: collapse;
    display:block;
    width:200px;
    background-color:#f1f6ff;
}
.block1 td 
{
    
}
.block1_tl
{
    background-image:url(images/block1_tl.gif);
    background-color:#f1f6ff;
    background-position:top left;
    background-repeat:no-repeat;
    width:16px;
    height:30px;
    display:block;
}
.block1_tm
{
    background-color:#f1f6ff;
    height:16px;
    width:100%;
    font: bold 12px Arial;
}
.block1_tr
{
    background-image:url(images/block1_tr.gif);
    background-position:top right;
    background-color:#f1f6ff;
    background-repeat:no-repeat;
    height:16px;
    width:16px;
    display:block
}
.block1_ml
{
    background-color:#f1f6ff;
    width:16px;
}
.block1_mm
{
    background-color:#f1f6ff;
    padding: 5px 5px 5px 5px;
    display:block;
    
}
.block1_mr
{
    background-color:#f1f6ff;
    width:16px;
    padding: 0 0 0 0;
}

.block1_bl
{
    background-image:url(images/block1_bl.gif);
    background-position:bottom left;
    background-color:#f1f6ff;
    background-repeat:repeat-y;
    height:16px;
    width:16px;
    padding: 0 0 0 0;
}
.block1_bm
{
    background-color:#f1f6ff;
    height:16px;
    padding: 0 0 0 0;
}
.block1_br
{
    background-image:url(images/block1_br.gif);
    background-position:bottom right;
    background-repeat:repeat-y;
    background-color:#f1f6ff;
    height:16px;
    width:16px;
    padding: 0 0 0 0;
}
.tbl2 { width:100%; border-collapse:collapse; table-layout:fixed; margin:0px; padding:0px;}
.tbl2_tl { background:url(images/tbl2_tl.gif) no-repeat bottom left; width:8px; height:15px; padding:0px;}
.tbl2_tm { background:url(images/tbl2_tm.gif) repeat-x bottom left; height:15px; padding:0px;}
.tbl2_tr { background:url(images/tbl2_tr.gif) no-repeat bottom right; width:8px; height:15px; padding:0px;}
.tbl2_bl { background:url(images/tbl2_bl.gif) no-repeat top left; width:8px; height:8px; padding:0px;}
.tbl2_bm { background:url(images/tbl2_bm.gif) repeat-x top left; height:8px; padding:0px;}
.tbl2_br { background:url(images/tbl2_br.gif) no-repeat top left; width:8px; height:8px; padding:0px;}
.tbl2_ml { background:url(images/tbl2_ml.gif) repeat-y top left; width:8px; padding:0px;}
.tbl2_mm { width:99%; height:160px; vertical-align:top;}
.tbl2_mr { background:url(images/tbl2_mr.gif) repeat-y top right; width:5px; padding:0px;}
.tbl2_title { color:Black; width:auto; float:left; padding-left:10px; padding-right:10px; background-color:White; margin-left:10px; font:bold 14px Arial;}

.tbl3
{
    width:99%;
    table-layout:fixed;
    border-collapse: collapse;
}
.tbl3_top
{
    background-image:url(images/tbl3_top.gif);
    background-position:top;
    background-color:#f1f6ff;
    background-repeat:repeat-x;
    height:4px;
}
.tbl3_mid
{
    background-color:#f1f6ff;
    padding: 0 10px 0 10px;
}
.tbl3_bot
{
    background-image:url(images/tbl3_bottom.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    background-color:#f1f6ff;
    height:4px;
    
}
.tbl3_seperator
{
    background-color:#d4e0f9;
    width:1px;
}
.tab1
{
    table-layout:fixed;
    border-collapse: collapse;
}
.tab1_l
{
    background-image:url(images/tab1_left.gif);
    background-position:left;
    background-repeat:no-repeat;
    background-color:#f1f6ff;
    width:7px;
}
.tab1_m
{
    background-image:url(images/tab1_middle.gif);
    background-position:top;
    background-repeat:repeat-x;
    vertical-align:middle;
    height:28px;
    width:99%;
}
.tab1_r
{
    background-image:url(images/tab1_right.gif);
    background-position:right;
    background-repeat:no-repeat;
    width:5px;
}
.tab1_menu
{
    padding: 5px 2px 5px 2px;
    width: 140px;
    text-align:center;
}
.tab1 a
{
    width:130px;
    display: block;
    text-align:center;
    padding: 5px;
    margin:1px 0 1px 0;
    height:16px;
    font:bold 12px Arial;
    letter-spacing:1px;
    color:White;
    text-decoration:none;
}
.tab1 .enabled a:hover
{
    background-image:url(images/tab1_menu_hover.gif);
    background-position:center;
    text-decoration:underline;
    background-repeat:repeat-x;
    color:#3772e3;
}
.tab1 .disabled a:hover 
{
	background-image:url(images/tab1_menu_on.gif);
    background-position:center;
    background-repeat:repeat-x;
    color:white;
    cursor:text;
}
.tab1_menu_on
{
    background-image:url(images/tab1_menu_on.gif);
    background-position:center;
    background-repeat:repeat-x;
    color:#3772e3;
}
.tab1_menu_on a:hover
{
	background-color:White;
}
.tab1_divider
{
    background-image:url(images/tab1_divider.gif);
    background-position:0 1px;
    background-repeat:no-repeat;
    width:2px;
    height:26px;
}

.td_s
{
	border-right-color:Gray;
	border-right-style:dotted;
}
.td_ns
{
}
.td_on
{
	background-color:#f5f5f5;
}
.td_off
{
	background-color:white;
}


/*
.block1
{
    width:250px;
    border-collapse:collapse;
    table-layout:fixed;
}
.block1_tl
{
    background-image:url(images/block1_tl.gif);
    background-position:top;
    background-repeat:repeat-y;
    height:30px;
    width:7px;
    padding: 0 0 0 0;
}
.block1_tm
{
    background-image:url(images/block1_tm.gif);
    background-position:top;
    background-repeat:repeat-x; 
    width:238px;
    padding: 0 0 0 0;
    vertical-align:middle;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.block1_tr
{
    background-image:url(images/block1_tr.gif);
    background-position:top;
    background-repeat:repeat-y;
    width:6px;
    padding: 0 0 0 0;
}
.block1_ml
{
    background-image:url(images/block1_ml.gif);
    background-position:top;
    background-repeat:repeat-y;
    width:7px;
    padding: 0 0 0 0;
}
.block1_mm
{
    background-color:#f3f3f3;
    padding: 5px 0 0 0;
    
}
.block1_mr
{
    background-image:url(images/block1_mr.gif);
    background-position:top;
    background-repeat:repeat-y;
    width:7px;
    padding: 0 0 0 0;
}
.block1_bl
{
    background-image:url(images/block1_bl.gif);
    background-position:top;
    background-repeat:no-repeat;
    width:6px;
    height:6px;
}
.block1_bm
{
    background-image:url(images/block1_bm.gif);
    background-position:top;
    background-repeat:repeat-x;
    height:7px;
}
.block1_br
{
    background-image:url(images/block1_br.gif);
    background-position:top;
    background-repeat:no-repeat;
}
*/


/*===================[ Button section ]====================*/

.btn_small
{
    border: normal 1px white;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.btn_register
{
	background-image:url(images/btn_register.gif);
    background-position:center;
    background-repeat:no-repeat;
    background-color:White;
    border:0px;
    height:30px;
    width:163px;
    display:block;
    cursor:pointer;
}

/*===================[ text/font section ]====================*/
/*

first letter after txt_
========================
l:large  |  m:medium  |  s:small

second letter
=======================
n:normal | b:bold  |  i:italic  |  u:underline

third letter
=======================
b:blue  |  r:red  |  g:grey

example: .txt_mbb = medium bold blue

*/

.txt_main
{
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
.txt_topic
{
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}
.txt_title
{
    font: bold 15px Verdana, Arial, Helvetica, sans-serif;
}
.txt_title2
{
    font: bold 15px Verdana, Arial, Helvetica, sans-serif;
    color:#3471e5;
}
.txt_mb
{
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing:0.02em;
    color:#404040;
}
.txt_mbb
{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#5688e8;
}
.txt_mng
{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:Gray;
}
.txt_mbg
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
}
.txt_mbb
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color:#3571e5;
}
.txt_topic_white
{
    margin: 20px 0 0 50px;
    color: White;
    font: bold 16px Georgia, Times New Roman, Times, serif;
}
.txt_slb
{
    margin: 20px 0 0 80px;
    color:#eef3fc;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    overflow:auto;
}
.txt_sb
{
    color:#3465a8;
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.txt_sng
{
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color:Gray;
}
.txt_s
{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.txt_red
{
    color:Red;
}
.txt_snw
{
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: White;
}
.txt_topnav
{
    
}
.txt_topnav
{
}
.txt_des
{
	font: normal 12px Arial;
}
/*====================[ Icon section ]====================*/
.icon_image
{
    background:url(images/icon_image.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
    display:block;
}
.icon_star
{
    background-image:url(images/list_icon1.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    width:9px;
    height:9px;
}
.icon_transparent
{
    background-image:url(images/blank.gif);
    background-position:left;
    background-repeat:repeat;
    width:10px;
    height:10px;
}
.icon_edit
{
    background:url(images/icon_edit.gif) no-repeat center;
    cursor:pointer;
    height:20px;
    width:20px;
    border:0px;
    vertical-align:middle;
}
.icon_delete
{
    background:url(images/icon_delete.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_save
{
    background:url(images/icon_save.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_print
{
	background:url(images/icon_print.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
    display:inline-block;
}
.icon_email
{
	background:url(images/icon_email.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
    display:inline-block; 
}
.icon_form
{
	background:url(images/icon_form.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
    display:inline-block; 
}
.icon_cancel
{
    background:url(images/icon_cancel.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_pdf
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: url('images/icon_pdf.gif') no-repeat center;
    height:20px;
        width:20px;
        cursor:pointer;
        vertical-align:middle;
}
.icon_divider
{
    background: url('images/icon_divider.gif') no-repeat center;
    height:11px;
    width:4px;
    vertical-align:middle;
}
.btn_learnmore
{
	background: url('images/btn_learnmore.gif') no-repeat center;
    height:15px;
    width:91px;
    vertical-align:middle;
    cursor:pointer;
}
.btn_more
{
	background: url('images/btn_more.gif') no-repeat center;
    height:15px;
    width:56px;
    vertical-align:middle;
    cursor:pointer;
}
.icon_rss
{
	background:url(images/icon_rss.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0px;
    vertical-align:middle;
}
/*===================[ Image section ]====================*/

.img
{
    border:0px;
    padding-right:10px;
    padding-bottom:5px;
    display:inline-block;
    float:left;
}
/*===================[ form control section ]====================*/

.txtbox
{
}
.txtbox_l
{
    width: 360px;
}


/*===================[ Menu section ]====================*/

#menu {
    position: absolute; /* Menu position that can be changed at will */
    top: 105px;
    left: 220px;
    z-index:100;
    width: 100%; /* precision for Opera */
}
#menu dl 
{
    float:left;
    width:120px
}
#menu dt 
{
    font: bold 13px Arial;
    cursor: pointer;
    text-align: center;
    color:White;
    margin: 1px;
    vertical-align:bottom;
    height: 30px;
}
#menu dd {
    display: none;
    border: 1px solid gray;
    background-image:url(images/menu_dropdown_bg1.gif);
    background-repeat:repeat-y;
    background-color:#f1f5fe;
}
#menu li 
{
    padding: 0 0 0 20px;
    text-align: left;
}
#menu li a, #menu dt a {
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
}
#menu dt a:link, #menu dt a:visited
{
    color:White;
    padding:5px 5px 0 5px;
}
#menu dt a:hover, #menu dt a:focus
{
    background-image:url(images/menu_hover_bg.gif);
    background-repeat:repeat-x;
    background-position:top;
    color:White;
}

#menu li a:hover, #menu li a:focus
{
    
}
#site {
    position: absolute;
    z-index: 1;
    top : 70px;
    left : 10px;
    color: #000;
    background-color: #ddd;
    padding: 5px;
    border: 1px solid gray; 
}
/* new menu */
.NavMenu
{
    height: 100%;
    min-width:600px;
}
.NavMenu a
{
    letter-spacing: 1px;
    font: bold 13px Arial;
    color:White;
    text-decoration:none;
    height: 23px;
    padding: 5px 10px 0px 10px;
    display:block; 
    float:left;
}

.NavMenu a:hover
{
    /* background-image:url(images/menu_hover_bg.gif);
    background-repeat:repeat-x;
    background-position:center; */
    
    color:blue;
}

.NavSeperator
{
	background: url(images/menu_seperator.gif) no-repeat left;
    width:2px;
    height:20px;
    display:block; float:left;
    padding: 6px 0 0 0;
}

.NavSubMenu
{
    position:absolute;
    visibility: hidden;
    border: 1px solid gray;
    font:normal 13px Verdana;
    line-height: 18px;
    z-index:100;
    width: 180px;
    background: #f1f5fe url(images/menu_dropdown_bg1.gif) repeat-y;
    padding: 0 0 0 18px;
    filter: alpha (opacity=96);
    opacity: 0.96;
	-moz-opacity: 0.96;
}

.NavSubMenu a
{
    width: 100%;
    display: block;
    text-indent: 3px;
    text-decoration: none;
    text-indent: 5px;
    height: 22px;
    font: normal 13px Arial;
    color: Black;
    vertical-align:middle;
    padding: 3px 0 0 0;
}

.NavSubMenu a:hover
{ 
    background-color: #d4e0f9;
    color: blue;
}

.IssuesLogo
{
    background-image:url(images/IssuesInIncontinence.gif);
    background-repeat:no-repeat;
    background-position:center;
    height:132px;
    width:412px;
}
/*====================[ Icon section ]====================*/
.icon_folder
{
	background:url(images/icon_folder.gif) no-repeat center;
	cursor:pointer;
    height:20px;
    width:20px;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_notepad
{
	background:url(images/icon_notepad.gif) no-repeat center;
	cursor:pointer;
    height:20px;
    width:20px;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_star
{
    background-image:url(images/list_icon1.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    width:9px;
    height:9px;
}
.icon_ratedstar_full
{
	background-image:url(images/icon_ratedstar_full.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    width:16px;
    height:16px;
    
}
.icon_ratedstar_half
{
	background-image:url(images/icon_ratedstar_half.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    width:16px;
    height:16px;
}
.icon_ratedstar
{
	background-image:url(images/icon_ratedstar.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    width:16px;
    height:16px;
}
.icon_search
{ 
	background:url(images/icon_search.gif) no-repeat center;
    cursor:pointer;
    height:20px;
    width:20px;
    border:0px;
    vertical-align:middle;
    display:inline;
}
.icon_transparent
{
    background-image:url(images/blank.gif);
    background-position:left;
    background-repeat:repeat;
    width:10px;
    height:10px;
}
.icon_edit
{
    background:url(images/icon_edit.gif) no-repeat center;
    cursor:pointer;
    height:20px;
    width:20px;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_bulb
{
    background:url(images/icon_bulb.gif) no-repeat center;
    cursor:pointer;
    height:20px;
    width:20px;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_delete
{
    background:url(images/icon_delete.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_save
{
    background:url(images/icon_save.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_cancel
{
    background:url(images/icon_cancel.gif) no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    border:0 0 0 0;
    vertical-align:middle;
}
.icon_pdf
{
    background: url('images/icon_pdf.gif') no-repeat center;
    height:20px;
    width:20px;
    cursor:pointer;
    vertical-align:middle;
    display:inline-block;
}
.icon_divider
{
    background: url('images/icon_divider.gif') no-repeat center;
    height:11px;
    width:4px;
    vertical-align:middle;
}
.guide_next
{
    background: url('images/guide_next.gif') no-repeat center;
    height:12px;
    width:9px;
    vertical-align:middle;
}
.list_hr
{
    margin: 0 0 10px 0;
    padding:0px;
    list-style: none;
    font:normal 12px Arial;
}
.list_hr li
{
    padding: 0 5px 0 10px;
    display: inline;
    list-style: none;
    background-image:url(images/guide_next.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height:30px;
    
}
.list_hr li a
{
   text-decoration:none; 
   color: #404040;
   
}

.list_hr li a:hover
{
   text-decoration:underline;
   color:#9f9f9f;
}

.dot_v
{
    width:10px;
    background: url('images/dot_v.gif') repeat-y left center;
}
.img_arrow
{
    height:15px;
    width:15px;
    background: url('images/img_arrow.gif') no-repeat center;
    display:inline-block;
    vertical-align:middle;

}
.checkbox 
{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    height:23px;
	    width:23px;
	background: url('images/checkbox.png') no-repeat center;
}
/*====================[ Grid section ]====================*/


.blk
{
    width:200px;
    table-layout:fixed;
    border-collapse: collapse;
}
.blk_h
{
    background-color:#f1f6ff;
}
.blk_c
{
    width:100%;
}
blk_f
{
    background-color:#f1f6ff;
    width:100%;
}
.blk_tl
{
    background: #f1f6ff url(images/blk1_tl.gif) no-repeat top left;
    width:8px;
    height:8px;
}
.blk_tm
{
    background-color:#f1f6ff;
    height:8px;
    min-width:184px;
    font: bold 12px Arial;
}
.blk_tr
{
    background: #f1f6ff url(images/blk1_tr.gif) no-repeat top right;
    height:8px; 
    width:8px;
}
.blk_ml
{
    background-color:#f1f6ff;
    width:16px;
}
.blk_mm
{
    background-color:#f1f6ff;
    padding-left:10px;
    display:block;
    font-weight:normal;
    text-align:left;
}
.blk_mr
{
    background-color:#f1f6ff;
    width:16px;
    padding: 0 0 0 0;
}
.blk_bl
{
    background:#f1f6ff url(images/blk1_bl.gif) no-repeat bottom left;
    height:8px;
    width:8px;
}
.blk_bm
{
    background-color:#f1f6ff;
    height:8px;
    min-width:184px;
}
.blk_br
{
    background:#f1f6ff url(images/blk1_br.gif) no-repeat bottom right;
    height:8px;
    width:8px;
}
.hide {display:none;}
.step
{
	background:white url(images/step_bg.gif) no-repeat center center;
	height:81px;
    width:128px;
    display:block;
}
.step_on
{
	background:white url(images/step_bg_on.gif) no-repeat center center;
	height:81px;
    width:128px;
    font-weight:bold;
    display:block;
}
.step_h
{
	padding: 3px 0 0 20px;
	color:White;
}
.step_m
{
	margin: 10px 0 0 10px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif, inherit;
}
.step_a
{
	background:white url(images/step_a.gif) no-repeat center center;
	height:81px;
    width:20px;
}

/* ===== website general layout ======== */
.s_h
{
	width:100%;
	background-image: url(images/top_02.jpg);
	position:relative;
	height:106px;
	display:block;
}
.s_h_r1c2
{
	width:80%;
	background:#2b6ae4 url(images/top_01.jpg) no-repeat left;
    height:21px;
    text-align:right;
    padding : 0px;
    position:absolute;
    top:0;
    right:0;
}
.s_h_logo
{
    background-image: url(images/logo.gif);
    background-repeat:no-repeat;
    width:152px;
    height:60px;
    display:block;
    padding: 0 0 0 0;
    top:21px;
    left:50px;
    position:absolute;
}
.s_h_banner
{
	background-image: url(images/top_logoright_text.jpg);
    background-position:right;
    background-repeat:no-repeat;
    height:84px;
    padding: 0 0 0 0;
    vertical-align:middle;
    top:21px;
    right:10px;
    position:absolute;
    display:block;
    width:100%;
}
.s_m
{
    background-image: url(images/top_menu_bg.jpg);
    background-repeat:repeat-x;
    height:31px;
    vertical-align:middle;
   
}
.s_c
{
	position:absolute;
	height:100%;
}
.s_c_left
{
	width:221px;
	position:absolute;
	height:100%;
	top:0;
	left:0;
}
.s_c_left1
{
	width:200px;
	top:0;
	left:0;
	background-color:#d4e0f9;
	position:absolute;
	height:100%;
}
.s_c_left2
{
	background:url(images/menu_leftconer.gif) no-repeat top;
    width:21px;
    top:0;
    left:200px;
    position:absolute;
}
.s_c_main
{
	margin: 10px 0 0 0;
    width:780px;
    position:absolute;
    top:0;
    left:221px;
    height:100%;
    display:block;
}
.s_f
{
	position:relative;
	bottom:0px; 
	display:table;
	
}
.wizard
{
	background:url(images/wizard_bg.gif) repeat-x top;
	display:table;
	margin:auto;
	text-align:center;
	table-layout:fixed;
	border-collapse:collapse;
	border:0;
	margin-top:10px;
	margin-bottom:10px;
}
.wizard_step
{
	background:url(images/wizard_step.gif) no-repeat top;
	width:140px;
	height:50px;
	display:inline-block;
	text-align:center;
	vertical-align:text-bottom;
	top:20px;
	float:left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:Gray;	
}
.wizard_step_on
{
	background:url(images/wizard_step_on.gif) no-repeat top;
	width:140px;
	height:50px;
	display:inline-block;
	text-align:center;
	vertical-align:text-bottom;
	float:left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.wizard_step_txt
{
	padding:20px 0 0 0;
	font:inherit;
	border:0;
}
.inline
{
	display:inline;
	float:left;
}
.block
{
	display:block;
	float:left;
}
/*============ IFrame Fixes (Product section tab, hide scroll-y) ================*/
.iframeScroll iframe 
{
    width: 755px;
    height: 4000px;
    border: none;
}
.iframeScroll 
{
    width: 775px;
    height: 600px;
    padding: 0;
    overflow: auto; 
}

/* ==== Pop Up Window === */
.PopUpWindow
{
}
.PopUpWindowHeader
{
    background:transparent url(images/PopUpWindowHeader.png) no-repeat top left;
    height:52px;
    width:15px;
}
.PopUpWindowHeader span
{
    background:transparent url(images/PopUpWindowHeader.png) no-repeat top right;
    height:52px;
    float:right;
    width:400px;
    display:block;
    margin-left:15px;
}
.PopUpWindowBody
{
    background:transparent url(images/PopUpWindowBody.png) repeat-y top left;
    height:50px;
    width:15px;
}
.PopUpWindowBody span
{
    background:transparent url(images/PopUpWindowBody.png) repeat-y top right;
    height:50px;
    float:right;
    width:400px;
    display:block;
    margin-left:15px;
}
.PopUpWindowFooter
{
    background:transparent url(images/PopUpWindowFooter.png) no-repeat top left;
    height:23px;
    width:15px;
}

.PopUpWindowFooter span
{
    background:transparent url(images/PopUpWindowFooter.png) no-repeat top right;
    height:23px;
    float:right;
    width:400px;
    display:block;
    margin-left:15px;
}

.PopUpWindowTitle
{
    position:absolute;
    top:5px;
    left:4px;
    background:transparent url(images/PopUpWindowTitle.png) no-repeat top left;
    height:47px;
    width:15px;
}
.PopUpWindowTitle span
{ 
    background:transparent url(images/PopUpWindowTitle.png) no-repeat top right;
    height:47px;
    float:right;
    width:393px;
    display:block;
    margin-left:15px;
}

/* ============= Pretty Form =============== */

.prettyBtn {border:0px; color:White; font:bold 12px Arial; cursor:pointer; background: white url(images/prettyBtn.png) no-repeat top left; width:209px; height:48px;}
.prettyForm .prettyRow {display:block; margin:5px 0 10px 0;}  
.prettyForm label { font:normal 12px Arial; padding-left:10px; width:100px; display:inline-block; text-align:right;}
.prettyForm .textbox { padding:3px; vertical-align:middle;}
.prettyForm h2 {margin:15px 0px;}

.prettyStep { height:100px; margin-top:10px;}
.prettyStep ul { list-style-type:none; margin:0px; padding:0px;}
.prettyStep ul li { background: blue url(images/prettyStep_Off.png) repeat-x top left; float:left;}
.prettyStep ul li.prettyStep_On  { background: #1c61f0 url(images/prettyStep_On.png) no-repeat top left; height:80px; width:180px; display:block; color:White;}
.prettyStep ul li span { display:block; margin:15px;}
.prettyStep ul li { color:#6f9eff; padding:background: #1c61f0 url(images/prettyStep_Off.png) repeat-x top left; height:80px; min-width:190px;  display:block;}
.prettyStep ul li h3 { font:bold 18px  Arial;}
.prettyAction { margin:10px 5px; text-align:right;}
.prettyActionBtn {border:0px; color:White; font:bold 12px Arial; cursor:pointer; background: white url(images/prettyBtn.png) no-repeat top left; width:209px; height:48px;}
.prettyActionBtnPrevious {float:left; border:0px; color:White; font:bold 12px Arial; cursor:pointer; background: white url(images/prettyBtn_Previous.png) no-repeat top left; width:209px; height:48px;}

.listItem { background: #efefef url(images/Item_Header_Bg.png) repeat-x top left; margin:5px 0px; padding:10px; border:solid 3px #e8e8e8;}
.listItem .listItemTitle { font:bold 20px Arial; float:left;  width:80%;}
.listItem .listItembtn { float:right; width:20%;}
.listItem .btnSelect { height:30px; width:120px; font:bold 12px Arial; color:Black; background: url(images/btnSelectCourse_Bg.png) repeat-x top left; border:solid 1px #b1b1b1;}
.listItem .btnSave { height:30px; width:120px;  font:bold 12px Arial; color:Black; background: url(images/btnSaveCourse_Bg.png) repeat-x top left; border:solid 1px #b1b1b1;}
.listItem .btnEdit { padding:0px 10px; float:right;}
.listItem .listItemLbl {display:block; padding:5px; font:bold 12px Arial; height:25px;}
.listItemHr {background-color:white;}

.coursePanelHeader { background: #efefef url(images/Item_Header_Bg.png) repeat-x top left; border: solid 1px #808080; width:100%; height:16px; background-color:#5688e8; font-weight:bold; color:Black; padding:7px 0px; text-align:center;}
.coursePanelBody {padding:0 0 0 0; border: solid 1px #808080; width:100%; height:160px; background-color:White; overflow-x:hidden; overflow-y:scroll; }
.courseListHeader {}
.courseListItem_Odd {}
.courseListItem_Even {}