/* CSS Document */
#body
{
    margin: 0;
    padding: 0;
    background: #8bc3d0;
    font-family: Verdana, Geneva, sans-serif;
    color: #5e5e5e;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}


#body-alt
{
    margin: 0;
    padding: 0;
    background: #f9f9f9;
    font-family: Verdana, Geneva, sans-serif;
    color: #5e5e5e;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

a
{
    color: #5e5e5e;
}

a:hover
{
    color: #5e5e5e;
    text-decoration: none;
}

#wrapper
{
    background: #ffffff;
    padding: 0;
    margin: 25px auto;
    width: 999px;
}

#wrapper-alt
{
    background: #f9f9f9;
    padding: 10px;
    margin: 0;
    width: 400px;
}

#header
{
    height: 100px;
}

#logo
{
    float: left;
    margin: 10px 0 0 20px;
}

#login_box
{
    float: right;
    background: url(images/bg_login_box.jpg) no-repeat;
    padding: 6px 5px 5px 10px;
    margin: 10px 0px 0 0px;
    width: 230px;
    height: 75px;
}

#login_box a
{
    font-size: 10px;
    color: #858585;
    padding: 0 5px 0 5px;
}

#login_box a:hover
{
    font-size: 10px;
    color: #858585;
    padding: 0 5px 0 5px;
}

#logout_box
{
    float: right;
    background: url(images/bg_logout_box.jpg) no-repeat;
    padding: 6px 5px 5px 5px;
    margin: 10px 0px 0 0px;
    width: 230px;
    height: 75px;
}

#logout_box a
{
    font-size: 10px;
    color: #858585;
    padding: 0 5px 0 5px;
}

#logout_box a:hover
{
    font-size: 10px;
    color: #858585;
    padding: 0 5px 0 5px;
}

#menu
{
    width: 980px;
    margin: 0 auto; /*padding:0 0 0 9px;*/
}
/*
#menu
{
    margin:0 auto;
    padding:0 0 0 9px;
}
*/
#menu-main
{
    height: 32px;
    background: url(images/bg_menu_main.jpg) left no-repeat;
}
/* 
#menu-main
{
    height:33px;
    background:url(images/bg_menu_main.jpg) left no-repeat;    
}
*/
#nav-main
{
    float: left;
    margin: 0; /*background:url(images/bg_nav_main.jpg) left top no-repeat;*/
}
/*
#nav-main
{

    float:left;
    margin:2px 0 0 20px;    
    height:30px;
    width:700px;    
   background:url(images/bg_nav_main.jpg) left top no-repeat;

}
*/
#register-button
{
    float: right;
    margin: 0 10px 0 0;
    height: 30px;
    width: 70px;
}

#menu-secondary
{
    height: 53px; /*background:url(images/bg_menu_secondary.jpg) top no-repeat;*/
    margin: 0 auto;
    padding: 1px 0 0 0;
    text-align: left;
}

#indicator_1
{
    height: 10px;
    background: url(images/indicator_1.jpg) left no-repeat;
}
#indicator_2
{
    height: 10px;
    background: url(images/indicator_2.jpg) left no-repeat;
}

#indicator_3
{
    height: 10px;
    background: url(images/indicator_3.jpg) left no-repeat;
}

#indicator_4
{
    height: 10px;
    background: url(images/indicator_4.jpg) left no-repeat;
}

#main
{
    width: 980px;
    margin: 0 auto;
    background: #f6f6f6;
}

#main-left
{
    background: #eeeeee;
    float: left;
    width: 695px;
    padding: 10px;
}

#main-right
{
    width: 265px;
    float: left;
}
#pager
{
    margin: 10px;
}

#paging
{
    background: url(images/bg_pagesize.jpg) no-repeat center;
    height: 30px;
    width: 55px;
}

#paging p
{
    font-family: Verdana;
    margin: 0;
    width: 55px;
    padding: 7px 0;
    text-align: center;
}


h2
{
    color: #6e706f;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 25px;
    font-style: normal;
    padding: 0 0 0 4px;
    margin: 0;
}


#footer
{
    height: 100px;
    background: url(images/bg_footer.jpg) no-repeat;
    text-align: center;
}

#footer a
{
    color: #695d43;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}

#footer p
{
    padding: 15px;
    margin: 0;
}

.float-right
{
    float: right;
}

.float-left
{
    float: left;
}

.clear
{
    clear: both;
}



.blue_shading_title
{
    width: 100%;
    height: 30px;
    background: url(images/right_title.jpg) #8cc2d0 left no-repeat;
}

.padded
{
    padding: 10px;
}

.padded p
{
    padding: 10px;
    margin: 0;
}

.shading-grey
{
    background: #f5f5f5;
    padding: 10px;
}

.shading-blue
{
    background: #8bc3d0;
    color: #ffffff;
    padding: 10px;
}

.shading-blue h1
{
    font-size: 16px;
    font-style: normal;
    padding: 0;
    margin: 0;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

.bullet-text
{
    background: url(images/bullet.jpg) top left no-repeat;
    padding: 0 10px 0 25px;
    margin: 0 0 15px 0;
    width: 450px;
}

.about-intro
{
    padding: 15px 0;
    background: url(images/bg_about.jpg) top center no-repeat;
}

.about-tools
{
    padding: 15px 0;
    background: url(images/bg_tools.jpg) top center no-repeat;
}

.about-item
{
    padding: 15px 0;
}

.about-item h2
{
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #5e5e5e;
}

.about-item p
{
}

.about-item-content h2
{
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #5e5e5e;
}

.about-item-content
{
    padding: 0 5px 0 20px;
}

.about-item-content p
{
    width: 410px;
}

.book-item-content h2
{
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #5e5e5e;
}

.book-item-content
{
    padding: 0 5px 20px 20px;
}

.book-item-content p
{
    width: 400px;
}

.bullet-text-pro
{
    background: url(images/bullet_nd.jpg) top left no-repeat;
    padding: 0 10px 0 25px;
    margin: 0 0 8px 0;
    width: 360px;
}

.bullet-text-nd
{
    background: url(images/bullet_nd.jpg) top left no-repeat;
    padding: 0 10px 0 25px;
    margin: 0 0 8px 0;
    width: 410px;
}

.bullet-text-ndd
{
    background: url(images/bullet_nd.jpg) top left no-repeat;
    padding: 0 10px 0 25px;
    margin: 0 0 8px 15px; /*width:650px;*/
}

.bullet-text-ndd h3
{
    color: #588490;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-size: 16px;
}

.bullet-text-ndd p
{
    margin: 0;
    padding: 0;
}

.bullet-text-ndd a
{
    color:#2ea3b4;
    text-decoration:none;
}

.padded-v2
{
    padding: 3px 0 0 50px;
}

.border-down
{
    border-top: 1px solid #ffffff;
}

.border-up
{
    border-bottom: 1px solid #cdcdcd;
}

.input
{
    padding: 5px 0 0 0;
}

.input td
{
    padding-bottom: 4px;
    padding-right: 10px;
}

.input a
{
    text-decoration: none;
    color: #6f6e71;
}

.input a:hover
{
    text-decoration: underline;
}

#message-td
{
    padding: 5px 0 0 0;
    color: #990000;
    font-size: 10px;
}

.spacer
{
    height: 60px;
}

.invisible
{
    display: none;
}

.submenu
{
    float: left;
    width: 245px;
    height: 52px;
}

.red-text
{
    color: #990000;
}
.title_link
{
    padding: 17px 0;
}

#tools_dvd
{
    height: 300px;
    background: url(images/bg_dvd.jpg) left no-repeat;
}

#tools_thedoc
{
    height: 300px;
    background: url(images/bg_thedoc.jpg) left no-repeat;
}

#tools_bosach
{
    height: 300px;
    background: url(images/bg_bosach.jpg) left no-repeat;
}

.tools_content
{
    float: right;
    padding: 40px 0 0 0;
    width: 350px;
}

.tools_content h4
{
    font-size: 12px;
    font-weight: bold;
}


.location_table td
{
    padding: 6px 0;
    text-align: center;
}

.location_row_alt
{
    background: #f8f8f8;
}

.location_row
{
    background: #ffffff;
}

.location_header
{
    background: #e7e7e7;
}

.location_header td
{
    text-align: center;
}

.b-left
{
    border-left: 1px solid #ffffff;
}

.b-right
{
    border-right: 1px solid #c3c3c3;
}

#trainghiem
{
    height: 350px;
    width: 100%;
    background: url(images/bg_trainghiem.jpg) left no-repeat;
}

#trainghiem_content
{
    width: 290px;
    float: right;
    padding: 0 10px 0 0;
    text-align: justify;
}

#xemvideo
{
    height: 305px;
    padding: 20px 5px 0 15px;
    background: url(images/bg_video.jpg) left no-repeat;
}

#player_holder
{
    height: 285px;
    width: 322px;
    float: left;
}

#player_info
{
    height: 285px;
    padding: 20px 0px 0 10px;
    float: left;
}

#player_info h3
{
    color: #5f9aa7;
    font-family: Arial. Sans-Serif;
}

#player_text
{
    height: 150px;
    width: 320px;
    padding: 0 10px 0 0;
    overflow: auto;
    text-align: justify;
}

.thele-item
{
    padding: 10px 0;
}

#duthi-posts
{
    padding: 10px;
}

#duthi-posts h2
{
    color: #d27a86;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
    margin: 0 0 10px;
    font-size: 18px;
}



.align-right
{
    text-align: right;
}
.align-left
{
    text-align: left;
}

.align-center
{
    text-align: center;
}

.label-column
{
    width: 200px;
}

#thacmac
{
    background: url(images/bg_thacmac.jpg) left top no-repeat;
    height: 90px;
    padding: 25px 0 0 25px;
}

#thacmac a
{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

#thacmac a:hover
{
    color: #999999;
    font-weight: bold;
}

.white-table
{
    background: #ffffff;
    padding: 5px;
    margin: 0 0 10px 0;
}

.note-text
{
    color: #ff0000;
    font-style: italic;
}

.big-title
{
    color: #d27a86;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

#posts-list
{
    padding: 10px 10px 10px 40px;
}

.post-item
{
    background: url(images/bg_post_item.jpg) center no-repeat;
    width: 310px;
    height: 220px;
    float: left;
}

.post-item-alt
{
    background: url(images/bg_post_item_alt.jpg) center no-repeat;
    width: 310px;
    height: 220px;
    float: left;
}

.post-item-combo
{
    background: url(images/bg_post_item_combo.jpg) center no-repeat;
    width: 310px;
    height: 220px;
    float: left;
}


.post-item-title
{
    color: #7097ab;
    font-weight: bold;
    font-size: 14px;
    padding: 15px 0 10px 25px;
}

.post-item-content
{
    height: 140px;
}


.post-item-content-video img
{
    margin: 31px 0 0 99px;
    border: none;
    height:78px;
    width:104px;
}

.post-item-content-image img
{
    margin:24px 0 0 108px;
    border:none;
    height:91px;
    width:91px ;
}

.post-item-content-combo-video 
{
    float:left;
    margin:0 40px 0 0;
    
}

.post-item-content-combo-image
{
    float:left;
    
}

.post-item-content-combo-image img
{
    margin: 24px 0 0 14px;
    border: none;
    height:91px;
    width:91px ;
}

.post-item-content-combo-video img
{
    margin: 31px 0 0 24px;
    border: none;
    height:78px;
    width:104px;
}


.post-item-footer
{
}

.post-item-button
{
    float: right;
    padding:3px 15px 0 0;
}

.post-item-votes
{
    float: left;
    padding:5px 0px 0 20px;
}


#votes-header
{
}

.votes-header-backtolist
{
    float:right;
    padding:10px;
}

.votes-header-backtlist a
{
    text-decoration:underline;
    color:#333333;
}

.votes-header-backtlist a:hover
{
    text-decoration:none;
    color:#333333;
}

.votes-header-title
{
    color:#5d5d5d;
    float:left;
    font-size:18px;
    padding:20px 15px 0 10px;
    font-weight:bold;    
}

.votes-header-point
{
    background: url(images/bg_votes_point.jpg) center no-repeat;
    float:left;
    padding:20px 0 0 25px;
    color:#ffffff;
    width:75px;
    height:40px;
}

.votes-header-button
{
    width:115px;
    height:50px;    
    float:left;    
}

.votes-header-button a
{
    width:115px;
    height:50px;    
    display:block;
    background: url(images/btn_binhchon.jpg) center no-repeat;   
}

.votes-header-button a:hover
{
    width:115px;
    height:50px;    
    background: url(images/btn_binhchon_hover.jpg) center no-repeat;   
}

#post-detail
{
    height:330px;
    width:690px;   
    background: url(images/bg_post_detail.jpg) center no-repeat;   
}

.post-text
{
    float:left;
    padding:0 0 0 20px;
    
}

.post-media
{
    float:left;
    padding:20px 0 0 20px;
    
}






#post-media-player-holder
{
    height: 285px;
    width: 322px;
    float: left;
}

#post-text-player-info
{
    height: 285px;
    padding: 20px 0px 0 10px;
    float: left;
}

#post-text-player-info h3
{
    color: #5f9aa7;
    font-family: Arial. Sans-Serif;
}

#post-text-player-text
{
    height: 200px;
    width: 290px;
    padding: 0 10px 0 0;
    overflow: auto;
    text-align: justify;
}

#post-listing
{
    padding:10px;
}

.post-item-listing
{
    background: url(images/bg_post_item_listing.jpg) center no-repeat; 
    height:130px;
    width:160px;
    float:left;
    margin:0 5px 0 0;
}

.post-item-listing-alt
{
    background: url(images/bg_post_item_listing_alt.jpg) center no-repeat; 
    height:130px;
    width:160px;
    float:left;
    margin:0 5px 0 0;
}


.post-item-listing img
{
    margin:25px 0 0 26px;
    border:none;
    height:78px;
    width:104px ;
}

.post-item-listing-alt img
{
    margin:19px 0 0 35px;
    border:none;
    height:91px;
    width:91px ;
}

.normal-text
{
    font-weight:normal;
    font-size:14px;
}

#posts-whole-list
{
    padding:10px;
}

.post-whole-list-item
{
    width:460px;
    height:150px;
    margin:0 auto 10px;
    background: url(images/bg_post_whole_list.jpg) center no-repeat; 
}

.post-whole-list-item-alt
{
    width:460px;
    height:150px;
    margin:0 auto 10px;
    background: url(images/bg_post_whole_list_alt.jpg) center no-repeat; 
}

.post-whole-list-item-image
{
    width:160px ;
    float:left;
}

.post-whole-list-item-image-alt
{
    width:160px ;
    float:left;
}

.post-whole-list-item-image img
{
    margin:34px 0 0 27px;
    border:none;
    height:78px;
    width:104px ;
}

.post-whole-list-item-image-alt img
{
     margin:28px 0 0 37px;
    border:none;
    height:91px;
    width:91px ;
}

.post-whole-list-item-text
{
    width:100px;
    float:left;
    padding:50px 0 0 0px;
    text-align:center;
}

.post-whole-list-item-action
{
    float:left;
    height:60px;
    padding:40px 0 0 80px;
}

.spacer-seperator
{
    height:23px;
    width:100px;
}

.upload_link a
{
	color:#695d43;
	font-weight:bold;
	text-decoration:none;
	background:#efece7;
	padding:3px 10px;
	border:1px solid #cccccc;
	width:100%;
	line-height:30px;
}