body
{
    font:normal 12px Arial;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    padding: 0px 5px 0 5px;
    border:0px;
    color:Black;
}

a:link, a:visited { color:#00a1c5;}
a:hover { color:#ce5802;}

hr
{
    border: 0;
    height: 1px;
    color: #dddddd;
    background-color: #f2f2f2;
}

.page { width:990px; 
    margin-left:auto;
    margin-right:auto; }

.tbl {table-layout:auto; border-collapse:collapse; width:100%;}
.tbl th {width:75px; height:25px; text-align:right; padding:5px 0 0 5px; padding-right:5px; vertical-align:top; font:bold 12px Arial;}
.tbl td { height:25px; padding:5px 0 0 5px; border-bottom: solid 1px white; vertical-align:top;}

.tbl th th {padding:0px;border:0px;}
.tbl td td {padding:0px; border:0px;}

.tbl_h {table-layout:auto; border-collapse:collapse;  width:100%;}
.tbl_h th {width:125px; height:15px; text-align:left; padding:5px 0 0 5px; vertical-align:top;}
.tbl_h td { height:26px; border-bottom: solid 1px white; vertical-align:top; padding-right:5px;}
.tbl_h th th {}
.tbl_h td td {}

.icon {vertical-align: middle; border:0px;}

.txtbox {height:18px; border: solid 1px gray; background-color:White;}

/* ---------- Layout/Navigation CSS ---------- */
.v_t {vertical-align:top;}
.h_r {text-align:right;}
.h_c {text-align:center;}
.h_l {text-align:left;}

.header {font:normal 12px Arial; color:#404040; width:990px; height:38px; display:inline;}
.header .h {background: white url(images/header_bg.gif) no-repeat 0 0; width:11px; float:left; height:38px;}
.header .b {background: white url(images/header_bg.gif) repeat-x 0px -76px; width:968px; margin-right:-3px; color:White; height:38px; float:left; }
html .header .f {background: white url(images/header_bg.gif) no-repeat 0px -38px; width:11px;  margin-left:969px;  height:38px; margin-left:-5px; overflow: hidden;}

.toolbar {width:100%; text-align:right; padding:10px 0 0 0; height:35px;}
.header_menu ul
{
    margin:0px;
    padding:0px;
    color: White;
    width: 350px;
    float:right;
    
}
.header_menu ul li { display: inline; }
.header_menu ul li a{ padding: 0.6em 1em 0.6em 0.5em; color: White; text-decoration: none; float: left; border-left:1px solid #fff;}
.header_menu ul li a:visited { padding: 0.6em 1em 0.6em 0.5em; color: White; text-decoration: none; float: left; border-left:1px solid #fff;}
.header_menu ul li a:hover { background-color:White; color:Black; height:auto;}
.header_menu ul li a.title { color:white; background: url(images/header_bg.gif) repeat-x left -114px;}
.header_menu ul li a:hover.title { color:#202020;}

.header_menu_smenu
{
    position:absolute;
    visibility: hidden;
    border: 1px solid #a3a4a7;
    line-height: 18px;
    z-index:100;
    width: 150px;
    text-align:left;
    background-color:White;
}
.header_menu_smenu ul
{
    margin:0px;
    padding:0px;
    list-style-type: none;
}
.header_menu_smenu a
{
    display: block;
    padding: 3px 0px 3px 10px;
    width: 140px;
}
.header_menu_smenu a:link, .menu_h a:visited
{
    display: block;
    padding: 3px 0px 3px 10px;
    width: 140px;
}
.header_menu_smenu a:hover
{
    width: 140px;
    text-decoration: none; 
    background-color:#d1f9ff;
}

.menu_nav ul {margin:0px; padding:0px; list-style-type: none; width:100%;}
.menu_nav ul li { height:25px; border-bottom: dotted 1px gray; width:100%;}
.menu_nav ul li a { padding:5px 5px 5px 0.5em; border-left:solid 10px #e8ecec; width:185px;  display:block; text-decoration: none; height:auto;}
.menu_nav ul li a:hover { padding:5px 5px 5px 0.5em; background-color:#ededed; border-left:solid 10px #03c2e7; width:185px;  display:block; text-decoration: none; height:auto;}

.leftcontent { float:left; width:225px; margin:0 5px 0 0; }
.rightcontent { float:left; width:750px;}
.maincontent { float:left; width:1000px;}

.maincontent .mainblock { background: white url(images/mainblock1_bg.gif) repeat-y; width:990px;}
.maincontent .mainblock .h { background: url(images/mainblock1_h.gif) no-repeat left top; height:10px; margin:0px; padding:0px; }
.maincontent .mainblock .b { background: url(images/mainblock1_b.gif) no-repeat left bottom; min-height:50px; margin:0px; padding: 0px 10px 5px 10px; }
.maincontent .mainblock .f { background: url(images/mainblock1_f.gif) no-repeat left top; background-color:White; height:10px; padding:0px; }
.maincontent .mainblock h2 { font:bold 18px Arial; color:#00a1c5; padding:0px; margin:0px 0px 10px 0px;}
.maincontent .mainblock h3 { font:normal 14px Arial; color:#858585; padding:0px; margin:10px 0px 10px 0px;}

.rightcontent .mainblock { background: white url(images/mainblock_bg.gif) repeat-y; width:750px;}
.rightcontent .mainblock .h { background: url(images/mainblock_h.gif) no-repeat left top; height:10px; margin:0px; padding:0px; }
.rightcontent .mainblock .b { background: url(images/mainblock_b.gif) no-repeat left bottom; min-height:50px; margin:0px; padding: 0px 10px 5px 10px; }
.rightcontent .mainblock .f { background: url(images/mainblock_f.gif) no-repeat left top; background-color:White; height:10px; padding:0px; }
.rightcontent .mainblock h2 { font:bold 18px Arial; color:#00a1c5; padding:0px; margin:0px 0px 10px 0px;}
.rightcontent .mainblock h3 { font:normal 14px Arial; color:#858585; padding:0px; margin:0px 0px 10px 0px;}

.sideblock { background: url(images/sideblock.gif) repeat-y -450px 0px; width:225px; margin-bottom:8px;}
.sideblock .h { background: url(images/sideblock.gif) no-repeat left top; height:7px; padding:0px; margin:0px;}
.sideblock .b { background: url(images/sideblock.gif) no-repeat -675px bottom; min-height:60px; padding: 0px 10px 5px 10px; }
.sideblock .f { background: url(images/sideblock.gif) no-repeat -225px 0px; height:8px;}
.sideblock h2 { font:bold 14px Arial; color:#00a1c5; padding:0px; margin:0px 0px 10px 0px;}

.wiz_item { text-align:center;}
.wiz_item_title { width:110px;font:bold 11px Arial; color:Black;}
.wiz_item_desc {width:110px;font:normal 12px Arial; color:#5e5e5e;}
.wiz_item_desc_on {width:110px;font:bold 12px Arial; color:Red;}
.wiz_item_icon
{
    background: url(images/wizzard_item.gif) no-repeat;
    height:16px;
    width:110px;
    margin:3px 0 3px 0;
    text-align:center;
}
.wiz_item_icon_on
{
    background: url(images/wizzard_item.gif) no-repeat 0 -16px;
    height:16px;
    width:110px;
    margin:3px 0 3px 0;
}


/* ---------- Font CSS ------------ */
.txt10 {font:normal 10px Verdana, Arial, Helvetica, sans-serif;}
.txt12 {font:normal 12px Verdana, Arial, Helvetica, sans-serif; }
.txt11 {font:normal 11px Verdana, Arial, Helvetica, sans-serif;}
.txt14 {font:normal 14px Verdana, Arial, Helvetica, sans-serif;}
.txt16 {font:normal 16px Verdana, Arial, Helvetica, sans-serif;}
.txt18 {font:normal 18px Verdana, Arial, Helvetica, sans-serif;}
.txtheader { height:18px; padding-top:8px; font:bold 12px Arial; text-align:left;}
.txtb { font-weight:bold;}
.c_gray { color:Gray;}
.c_red { color:Red;}
.pad10px {padding-left:10px; padding-bottom:10px;}
.fright { float:right;}
.fleft { float:left; }
/* ---------- Table CSS ------------ */
.tbl1
{
    table-layout:auto; border-collapse:collapse; width:100%;
}
.tbl1_header
{
    background: url(images/tbl1_header_bg.gif) repeat-x;
    height:26px;
    text-align:left;
    border-right:solid 1px #c8c8c8;
    border-bottom:solid 1px #c8c8c8;
    border-top:solid 1px #c8c8c8;
    padding:0px 0px 0px 5px;
    font-weight:normal;
    
}
.tbl1_headerend
{
   height:26px;
   text-align:left;
   background: url(images/tbl1_header_bg.gif) repeat-x;
   border-bottom:solid 1px #c8c8c8;
   border-top:solid 1px #c8c8c8;
   padding:0px 0px 0px 5px; 
    font-weight:normal;
}
.tbl1_row
{
    padding:5px 0px 5px 5px;
    background:#eaeaea url(images/tbl1_row_bg.gif) repeat-x;
    height:35px;
}
.tbl1_rowGroup
{
    padding:10px 0px 0px 5px;
    background-color:white;
    height:25px;
    font:bold 14px Arial;
    color:#0997bd;
    display:block;
    width:100%;
    position:relative;
}
.tbl1_row2
{
    padding:7px 0px 3px 5px;
    height:20px;
    border-bottom:dotted 1px #d0d0d0;
}
.tbl1_scroll
{
    
}
.tbl1_altrow
{
    background-color:#eaeaea;
    border-bottom:dotted 1px gray;
    padding:0px;
}
.tbl1_inner_bg
{
    background:#eaeaea url(images/tbl1_innerrow_bg.gif) repeat-x;
    padding:7px;
    border:solid 1px #d5d5d5;
    margin:5px;
    overflow-x: hidden;
    overflow-y:scroll;
    min-height:200px;
    max-height:320px;
}

.video_gv { width:98%; display:table; border-collapse:separate; margin-left:10px;}
.video_gv .video { margin:10px 15px 10px 15px; width:200px; display:table-cell; float:left; }
.video_gv .video .img { background: url(images/video_bg.gif) no-repeat; padding:6px; width:183px; height:133px; display:block;}
.video_gv .video .title {display:block; font-weight:bold;}
.video_gv .video .desc {display:none;}
.video_gv .video .meta {margin:5px 0 5px 0;}

.video_lv { width:720px; display:table;border-collapse:separate;}
.video_lv .video {width:720px; margin:0 0 0 17px; min-height:140px; display:table;}
.video_lv .video .img { background: url(images/video_bg.gif) no-repeat; padding:6px; width:183px; height:133px; float:left; display:block; }
.video_lv .video .title { font:bold 13px Arial;}
.video_lv .video .desc { margin-right:10px;}
.video_lv .video .meta {margin:5px 0 5px 0;}

.icon_list {background: url(images/view_list.gif) no-repeat; width:32px; height:20px; border:0px; cursor:pointer;}
.icon_grid {background: url(images/view_grid.gif) no-repeat; width:32px; height:20px; border:0px; cursor:pointer;}

.btn_Enroll {background: url(images/btn_Enroll.png) no-repeat;width:72px; height:26px; border:0px; cursor:pointer;}
.btn_Enroll_on {background: url(images/btn_Enroll.png) 0px -26px no-repeat;width:72px; height:26px; border:0px; cursor:pointer;}
.btn_Enroll_disable {background: url(images/btn_Enroll.png) 0px -52px no-repeat;width:72px; height:26px; border:0px;}

.btn_Reserve {background: url(images/btn_Deposite.png) no-repeat;width:92px; height:26px; border:0px; cursor:pointer;}
.btn_Reserve_on {background: url(images/btn_Deposite.png) 0px -26px no-repeat;width:92px; height:26px; border:0px; cursor:pointer;}
.btn_Reserve_disable {background: url(images/btn_Deposite.png) 0px -52px no-repeat;width:92px; height:26px; border:0px;}

.btn_Detail {background: url(images/btn_ClassDetail.png) no-repeat;width:92px; height:26px; border:0px; cursor:pointer;}
.btn_Detail_on {background: url(images/btn_ClassDetail.png) no-repeat;width:92px; height:26px; border:0px; cursor:pointer;}

.btn_SubmitOrder {background: url(images/btn_SubmitOrder.png) no-repeat;width:157px; height:35px; border:0px; cursor:pointer;}
.btn_Previous {background: url(images/btn_Previous.gif) no-repeat;width:134px; height:36px; border:0px; cursor:pointer;}
.btn_Continue {background: url(images/btn_Continue.gif) no-repeat;width:134px; height:36px; border:0px; cursor:pointer;}

.topic_list {}
.topic_list ul { list-style-type:none;}
.topic_list ul li {display:inline;}
.topic_list ul li a {background: url(images/btn_SubmitOrder.png) no-repeat left top;}
.topic_list ul li a span {background: url(images/btn_SubmitOrder.png) no-repeat right top;}
.topic_list ul li a:hover {}
.topic_list ul li a:hover span {}
/* ---------- User Control CSS ---------- */
.uc_topic
{
    font:normal 15px Arial;
    color:#58a7d5;
}

/* ---------- Server Control CSS -------------*/


.pts_btn {background:white url(images/btn.gif) no-repeat; width:100px; height:30px; border:0px; padding: 0px 0 0 0px; font:bold 11px Arial; cursor:pointer;} 
.pts_btn_on {background:white url(images/btn.gif) no-repeat 0px -30px; width:100px; height:30px; border:0px; padding: 0px 0 0 0px; font:bold 11px Arial; cursor:pointer;}
.pts_btn_m {background:white url(images/btn_m.gif) no-repeat; width:150px; height:30px; border:0px; padding: 0px 0 0 0px; font:bold 11px Arial; cursor:pointer;} 
.pts_btn_m_on {background:white url(images/btn_m.gif) no-repeat 0px -30px; width:150px; height:30px; border:0px; padding: 0px 0 0 0px; font:bold 11px Arial; cursor:pointer;}

/* ---------- AjaxToolKit Contorl CSS ------------ */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(images/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}

/* =========== GridView  ============ */

.gv_d
{
    table-layout:auto;
    border-collapse:collapse;
    width:100%;
    border:solid 1px #b5b2b5;
}
.gv_d_hrow
{
    background: white url(images/gv_d_hrow_bg.gif) repeat-x;
    height: 27px;
}
.gv_d_hrow th
{
    padding:0 0 0 5px;
    border-bottom:solid 1px #b5b2b5;
    font:bold 11px Arial;
}
.gv_d_row td
{
    padding: 0 0 0 5px;
    height:30px;
    border-bottom:solid 1px #e7dfe7;
    border-right:solid 1px #e7dfe7;
}
.gv_d_row td td
{
	border:none;
}
.gv_d_altrow
{
}
.gv_d_altrow td
{
    background: #f2f2f2;
    height:30px;
    padding: 0 0 0 5px;
    border-bottom:solid 1px #e7dfe7;
    border-right:solid 1px #e7dfe7;
}
.gv_d_editrow
{
    padding:10px;
}
.gv_d_editrow td
{
    padding: 0 0 0 5px;
    background:#e9f4fb;
    border-bottom:solid 1px #c3e3f7;
    border-right:solid 1px #c3e3f7;
    height:30px;
}
.gv_d_editrow td td
{
    background:none;
    border:none;
}
.gv_d_emptyrow
{
    padding:5px 5px 5px 10px;
    background-color:#f6f5f7;
}
.gv_d_pager
{
    background:#efebef url(images/gv_d_pager_bg.gif) repeat-x;
    height:25px;
}

.gv_s {}
.gv_s_hrow {background-color:#f1bb7b;height:24px;padding-left:5px;min-width:800px; font:bold 11px Arial;}
.gv_s_row {background-color:#fcf9ee;}
.gv_s_row td {padding:3px; border-bottom:dotted 1px #cecece; vertical-align:top; height:auto;}
.gv_s_row td td {}
.gv_s_altrow {background-color: White;}
.gv_s_altrow td {padding:3px; border-bottom:dotted 1px #cecece; vertical-align:top; height:auto;}
.gv_s_altrow td td  {}
.gv_s_pager {}
.gv_s_emptyrow {padding:5px 5px 5px 10px;}

/* =========== Pretty Form ============ */
table.prettyTable { table-layout:fixed; border-collapse:collapse; border-top:solid 1px #dbdbdb; width:740px;}
table.prettyTable th.prettyTableHeader {padding:10px 0 0 0; vertical-align:top; width:160px; border-bottom:solid 1px #dbdbdb; border-right:solid 1px #dbdbdb; background: url(images/prettyTable_th.png) no-repeat top left;}
table.prettyTable .header { height:100%; color:#00a1c5;  font:bold 14px Arial; text-align:left; }
table.prettyTable td.prettyTableCol { padding:15px 10px 10px 20px; border-bottom:solid 1px #dbdbdb;}
.prettyForm { width:560px; margin:0px;}
.prettyForm .textbox { padding:2px; width:240px;}
.prettyForm .textboxlong {width:480px; padding:2px;}
.prettyForm label {display:block; font:bold 0.9em Arial; margin:0 0 5px 0;}
.prettyForm .col1 { display:block; width:100%; margin:0px 0px 10px 0px;}
.prettyForm .col2 { display:block;  width:100%; margin:0px 0px 10px 0px;}
.prettyForm .col2 .col {width:50%; float:left;}

.prettyStepHeader { background-color:#691a73; padding:15px 0px; float:left;}
.prettyStep { display:block; height:60px; }
.prettyStepTitle { background-color:#691a73; width:100px;}
.prettyStep ul  { margin:0px; list-style-type:none; width:100%; margin:0px; padding:0px;}
.prettyStep ul li { padding:15px 20px; width:350px; color:#9a9a9a; float:left; background-color:#eaeaea;}
.prettyStep ul li.on { background-color:#00a1c5; color:White;}
.prettyStep ul li .title { font:bold 28px Arial; }
.prettyStep ul li .desc {font:normal 18px Arial;}

/* =========== Custom Control Element  ============ */

.pts_topic { background:white url(images/pts_topic_bg.gif) repeat-x; width:100%; height:50px; margin-bottom:10px; border:solid 1px #cecece;}
.pts_topic_icon { margin:7px 0 0 10px; border:0px; background:#e5e5e5 url(images/pts_topic_icon_bg.gif) no-repeat top left; width:32px; height:30px; padding-top:5px; padding-left:6px; position:relative;float:left;}
.pts_topic_text { margin:10px 0 0 10px; float:left; font:bold 18px Arial;}
.pts_topic_content {float:right;margin:5px 10px 0 0;}

.pts_subtopic {table-layout:auto; border-collapse:collapse; width:100%; height:34px; border:0px; margin-bottom:10px; margin-top:10px;}
.pts_subtopic_icon {vertical-align: middle; border:0px; padding:0 5px 0 5px; }
.pts_subtopic_h {background:white url(images/pts_subtopic_bg.gif) repeat-x 0px 0px; width:8px; height:34px; border:0px;  padding:0px;}
.pts_subtopic_b {background:white url(images/pts_subtopic_bg.gif) repeat-x 0px -34px; width:auto; height:34px; border:0px; padding:0px; font:normal 15px Arial; color:#58a7d5;}
.pts_subtopic_f {background:white url(images/pts_subtopic_bg.gif) no-repeat 0px -68px; width:8px; height:34px; border:0px;  padding:0px;}
.pts_subtopic_c {margin-left:5px;}
.pts_subtopic_expand { cursor:pointer; background:url(images/pts_subtopic_expand.gif) no-repeat; width:20px; height:20px; float:right;}
.pts_subtopic_collapse {cursor:pointer;background:url(images/pts_subtopic_expand.gif) no-repeat 0px -20px; width:20px; height:20px; float:right;}

.pts_ibtn 
{
    background:white url(images/btn.gif) no-repeat;
    width:150px; 
    height:25px;
    border:0px;
    padding: 5px 0 0 0px; 
    cursor:pointer; 
    font:bold 11px Arial;
    text-align:left;
}
.pts_ibtn_on 
{
    background:white url(images/btn.gif) no-repeat -150px 0px;
    width:150px; 
    height:25px;
    border:0px;
    padding: 5px 0 0 0px; 
    cursor:pointer; 
    font:bold 11px Arial;
    text-align:left;
}
.pts_btn {background:white url(images/btn.gif) no-repeat; width:100px; height:30px; border:0px; padding: 0px 0 0 0px; font:bold 11px Arial; cursor:pointer;} 
.pts_btn_on {background:white url(images/btn.gif) no-repeat 0px -30px; width:100px; height:30px; border:0px; padding: 0px 0 0 0px; font:bold 11px Arial; cursor:pointer;}
.pts_btn_m {background:white url(images/btn_m.gif) no-repeat; width:150px; height:30px; border:0px; padding: 0px 0 0 0px; font:bold 11px Arial; cursor:pointer;} 
.pts_btn_m_on {background:white url(images/btn_m.gif) no-repeat 0px -30px; width:150px; height:30px; border:0px; padding: 0px 0 0 0px; font:bold 11px Arial; cursor:pointer;}