body
{
    background-position: top;
    background-image: url(  'images/bg.png' );
    background-repeat: repeat-x;
    background-attachment: fixed;
    font-family: Arial;
    font-size: 12px;
    
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.col2
{
    float:left !important;
    width:318px !important;
}

.txtfield
{
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-right:5px;
    padding-left:5px;
    margin-top:3px;
   
}
.txtfield:hover
{
     -moz-box-shadow: 3px 3px 5px #7A7A7A; /* for Mozilla */
-webkit-box-shadow: 3px 3px 5px #7A7A7A; /* for webkit */
box-shadow: 3px 3px 5px #7A7A7A; /* for Opera */
}

.txtfield:focus
{
     -moz-box-shadow: 3px 3px 5px #7A7A7A; /* for Mozilla */
-webkit-box-shadow: 3px 3px 5px #7A7A7A; /* for webkit */
box-shadow: 3px 3px 5px #7A7A7A; /* for Opera */
}
a
{
    text-decoration: none;
    outline: none;
    color: #b00b7f;
}
a:hover
{
    color:Red;
}
a:visited:
{
    color:#b00b7f;
}

*{
    padding:0;
    margin:0;
    
}
/*kinh thanh*/
.error
{
   
    color: #FF0000;
    
    margin-left:0px;
    margin-right:2px;
    font-weight: bold;
}

.success
{
    font-weight: bold;
    padding: 6px 4px 6px 0px;
    color: #0033CC;
}
.typenumber{
    color: blue;
}
.type2
{
  font-weight:bold;
  clear:both;
  margin-bottom:5px;
  margin-top:5px;
}
.type5
{
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 6px;
    color: #990099;
}
.bible_content
{
    padding-left:6px;
    line-height:2em;
}
.menu-item
{
    margin-left: 2px;
    margin-right: 2px;
    
}
.menu-item a
{
    display: block;
    min-height: 20px;
    padding-left: 5px;
    background-color: #E6E6E6;
    margin-top: 1px;
    padding: 3px;
}
.menu-item a:hover
{
    background-color: #CCCCCC;
    color:#990099;
}

.center-title-bar
{
    background-image: url(   'images/title-bar-bg.png' );
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    height: 22px;
    padding-top: 5px;
    padding-left: 5px;
    font-size: 13px;
   -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-bottom:0px;
}
fieldset
{
-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.fieldset-content
{
    border: 1px solid #8d1c77;
   -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
    background-image: url( 'images/center-title-bg.png' );
    background-repeat: repeat-x;
    margin-bottom:6px;
}
.fieldset-content .title
{
    border-bottom:1px solid #8d1c77;
    margin:0px 0px 6px 0px;
    height:24px;
    color: #990099;
    font-weight: bold;
    padding: 7px 3px 3px 3px;
    text-align:left;
    font-size: 13px;
}
.page-container
{
    text-align:center;
    
}
.page-wrapper
{
    width:940px;
    margin:0 auto;
    text-align:center;
    margin-bottom:20px;
    
}
.top
{
    height:270px;
    text-align:left;
    margin-top:15px;
}
.main-center
{
    width: 970px;
    margin-top: 12px;
}
.footer
{
 text-align:left;
 vertical-align:bottom;
 
}
.footer-text
{
    padding-top: 5px;
    margin: 0 auto;
    color: #660033;
    font-weight: bold;
    text-align:left;
    padding-left:6px;
}
.content-wrapper
{
    
    height:100%;
    
    
}

/* banner box*/

.img-icon-top
{
    background-position: left center;
    width: 197px;
    height: 270px;
    float: left;
    background-image: url( '../../images/saint_paul.png' );
    background-repeat: no-repeat;
}

.box-loi-chua
{
    width:730px;
    height:194px;
    float:right;
}
.img-left1
{
    background-image: url(      'images/image_03.png' );
    background-repeat: no-repeat;
    background-position: left top;
    height: 193px;
}

.img-left2
{
    background-position: 41px top;
    height: 193px;
    background-image: url(      'images/image_04.png' );
    background-repeat: no-repeat;
   
}
.img-right1
{
    background-position: right top;
    height: 193px;
    background-image: url(    'images/image_08.png' );
    background-repeat: no-repeat;
}

.img-right2
{
    background-position: right top;
    height: 193px;
    background-image: url(         'images/image_07.png' );
    background-repeat: no-repeat;
    margin-right: 21px;
}

.banner-inner
{
    background-position: 3px 0px;
    margin-left: 65px;
    margin-right: 21px;
    height: 193px;
    background-image: url(           'images/image_05.png' );
    background-repeat: repeat-x;
    overflow:hidden;
}
.banner-inner-inner
{
 padding:30px 4px 12px 4px;
 text-align:center;
 vertical-align:middle;
}
.banner-inner-inner .text
{
    color: #FFFFFF;
    font-size: x-large;
    font-weight: bold;
    width: 603px;
    height: 110px;
    overflow: hidden;
    vertical-align:middle;
}
.site-name
{
    color: #990000;
    font-size: large;
    text-align: left;
    padding-top: 15px;
    font-weight: bold;
    background-image: url(  'images/banner_under.png' );
    background-repeat: no-repeat;
    height:49px;
    padding-left:20px;
}
.main-top
{
    background-image: url(  'images/image_13.png' );
    background-repeat: no-repeat;
    width: 932px;
    height: 51px;
}
.main-middle
{
    
}
.main-bottom
{
    background-image: url(  'images/image_24.png' );
    background-repeat: no-repeat;
    width: 931px;
    height: 107px;
    color: #666666;
}
.main-bottom ul li
{
color: #666666;
}
a img
{
border:none;
outline:none;
}


.main-content
{
background-image: url( 'images/image_15.png' );
    background-repeat: repeat-y;
    width:932px;
}
/*******/
/*box**/
.box-container
{
    margin-left:5px;
}
.box-top
{
    background-image: url( 'images/image_18.png' );
    background-repeat: no-repeat;
    width:212px;
    height:38px;
}
.box-top .text
{
    color: #990099;
    font-weight: bold;
    padding: 10px 3px 3px 3px;
    font-size: 13px;
}

.box-body
{
width:212px;
background-image: url( 'images/image_20.png' );
    background-repeat: repeat-y;
    text-align:left;
}
.box-footer
{
background-image: url( 'images/image_22.png' );
    background-repeat: no-repeat;
    width:212px;
    height:16px;
    margin-bottom:10px;
}
.music_cat_menu
{
    margin-left:30px;
}
.div_cat_menu
{
    margin:0px 1px 0px 1px;
    
}

.div_cat_menu .title_text
{
    background-position: left center;
    color: #B00B7F;
    font-weight: bold;
    padding: 6px 3px 5px 20px;
    line-height: 10px;
    background-image: url('images/bullet_purple.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

ul.music_cat_menu li
{
    margin-top: 2px;
    padding-bottom:2px;
    color: #990099;
    list-style-position: outside;
    list-style-type: square;
}

/*List bai giang trang default*/

.bai-giang-item
{
    margin: 3px;
    border-bottom: solid 1px gray;
    padding: 2px 2px 4px 2px;
    border-bottom-color: #CCCCCC;
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
    
}
.bai-giang-item2
{
    margin: 0px 3px 3px;
    border-bottom: solid 1px gray;
    padding: 2px 2px 4px 2px;
    border-bottom-color: #CCCCCC;
    overflow:hidden;
    min-height: 142px;
}

.width-2col {
    float: left;
    width: 48%;
    margin-bottom: 22px;
}

.title-bai-giang
{
    font-weight: bold;
    color: #660066;
    margin-bottom:2px;
    padding:4px;
}
.title-bai-giang2
{
    font-weight: bold;
    color: #660066;
    margin-bottom:2px;
}
.noi-dung-bai-giang
{
height:70px;

}

.noi-dung-bai-giang2
{
    height: 110px;
    
}
.hinh-minh-hoa
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #C0C0C0;
    margin-top: 2px;
    padding: 3px;
    margin-bottom:6px;
    
}
.info
{
    color: #666666;
    font-size: 11px;
}

/*Xem bai giang*/


.wrapBaiGiang
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #993366;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-color: #993366;
    border-left-color: #993366;
}
/*box player download*/
.play_container
{
margin:6px 5px 6px 5px;
}
.play-top-border
{
    width:492px;
    height:12px;
    background-image: url( 'images/box_img_01.png' );
    background-repeat:no-repeat;
}
.play-bottom-border
{
width:492px;
height:15px;
background-image: url( 'images/box_img_04.png' );
    background-repeat:no-repeat;
}
.play-body
{
width:492px;
background-image: url( 'images/box_img_02.png' );
background-repeat:repeat-y;
text-align:center;
}
#mediaspace
{
padding-top:12px;
}
.util
{
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
    padding:5px;
    margin:0 auto;
    text-align:center;
}
.title-player
{
    margin-bottom: 3px;
    padding: 5px 5px 5px 18px;
    font-weight: bold;
    font-size: 12px;
    color: #660066;
}
.view-tieu-de
{
    color: #660033;
    font-size: large;
    font-weight: bold;
    margin-top:5px;
    margin-bottom:10px;
}
.title-common
{
    color: #660033;
    font-size: medium;
    font-weight: bold;
    text-decoration: underline;
    margin:8px 1px 5px 1px;
    text-align:left;
}

.top-menu

{
    font-weight:bold;margin: 0 auto; text-align:right;padding:15px 8px 0px 50px;
}
.player
{
padding-top:12px;
}
.trich-dan-content
{
text-align:left;
}
.nguon-trich-dan
{
    color: #999999;
    font-weight: bold;
    font-size: 13px;
    text-align:right;
    padding: 2 6 2 2;
}

.list-bai-giang2
{
    background-image: url( 'images/bg_grad2.png' );
    background-repeat: repeat-x;
      
}
.list-bai-giang
{
    background-image: url( 'images/bg_grad2.png' );
    background-repeat: repeat-x;
}
.music_list_item
{
    margin: 0px;
    padding: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    margin-bottom:6px;
}
table.tbl_song_list
{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    border:none;
    
}


table.tbl_song_list td
{
    padding:2px;
    color:#660033;
     border:none;
    
}
.song_title_list a
{
    font-weight:bold;
}

.song_author_list
{
    margin-left:10px;
}
.player_wrapper
{
    margin:5px;
    padding:5px 5px 15px 5px;
     background-image: url( 'images/Background1.png' );
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:center;
}

.player_wrapper .player_item_title
{
    color: #CC3399;
    font-size: small;
    font-weight: bold;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    margin-bottom: 4px;
    text-align: left;
}
.player_song_title
{
    margin:10px 4px 10px 4px;
    color: #CC3399;
    font-size: small;
    font-weight: bold;
    text-align:left;
}
.player_info
{
    margin-left: 4px;
    color: #999999;
    margin-bottom:10px;
}
.player_info table
{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}
.player_info table td
{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    padding:2px;
}


.player_info div
{
    margin-bottom:4px;
}
.download_item_bar
{
    
}
.download_item_btn
{
    margin-right:10px;
    
}
.download_item_btn a
{
    color:#999999;
    
}
.download_item_btn a:hover
{
    color: #666666;
    font-weight:bold;
}
.box_thong_bao
{
    
}
.Noi_dung_thong_bao
{
    border-style: none solid solid solid;
    border-width: 0px 1px 1px 1px;
    border-color: #CCCCCC;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; /*-moz-box-shadow: 3px 3px 5px #7A7A7A;
-webkit-box-shadow: 3px 3px 5px #7A7A7A; */
    margin-bottom: 15px;
    padding: 5px;
    line-height: 2em;
    margin-top: 0px;
}


.footer_bar_fixed
{
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #CCCCCC;
    height: 20px;
    background-image: url( 'images/grad_small.png' );
    background-repeat: repeat-x;
    text-align: center;
    -moz-box-shadow: 3px 3px 5px #7A7A7A; /* for Mozilla */
    -webkit-box-shadow: 3px 3px 5px #7A7A7A; /* for webkit */
    box-shadow: 3px 3px 5px #7A7A7A; /* for Opera */
    padding: 0px;
}
.footer_bar_fixed a
{
    display:block;
    height:16px;
   
    float:right;
    padding:2px 10px 2px 10px;
    margin:0px;
}
.footer_bar_fixed a:hover
{
    background-image: url( 'images/grad_small_hover.png' );
    color: #FFFFFF;
}
.topic_name_list
{
    color: #999999;
}

/*Collection pager style*/

.page-navigation
{
    clear:both;
    padding-left:12px;
    padding-bottom:15px;
}

.page-navigation span a
{
    display: block;
    width: 25px;
    height: 21px;
    float: left;
    font-family: Arial;
    background-color: #990099;
    margin-right: 4px;
    padding-top: 4px;
    text-align: center;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.page-navigation span a:hover
{
    background-color: #CCCCCC;
    color: #000000;
}

.page-navigation span b
{
    display: block;
    width: 25px;
    height: 21px;
    float: left;
    font-family: Arial;
    background-color: #CCCCCC;
    margin-right: 4px;
    padding-top: 4px;
    text-align: center;
    color: #000000;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
}
.tab_buttons {
    background-color: #B00B7F;
    padding: 4px 4px 0px 14px;
    border-radius: 5px 5px 0px 0px;
    height: 30px;
    position: relative;
}
.tab_buttons > li{
    display: inline-block;
    cursor: pointer;
    background-color: #CB64B3;
    border-radius: 5px 5px 0px 0px;
    bottom: -5px;
    position: relative;
}
.tab_buttons > li > a{
    padding: 5px 10px;
    display: block;
     color: #fff;
    font-weight: bold;
}
.tab_buttons > .selected{
    background-color: #fff;
}

.tab_buttons  .selected a {
    color: #B00B7F !important;
}
.tab_buttons > li:hover {
    background-color: #fff;
}
.tab_buttons > li:hover a {
    color: #B00B7F;
}
.tab-panel > div {
    display: none;
}
.tab-panel .selected {
    display: block;
}