body{
font-size:.80em; 
background-image:url(../images/videotool/dmcupbo.png);
background-color:#ffffff;
margin:0px auto; 
font-family:'Open Sans', Arial, Helvetica, sans-serif;
color:#727272;}

body *{margin:0px;}



.flx_wrapper{width:960px; margin:0px auto; margin-top:20px;}

.flx_topnavbar{height:45px;float:left;width:960px; }

.flx_container{
margin:0px auto;
z-index:2;
float:left;
margin-top:-3px;
width:960px; 
min-height:400px;
background-color:#eeeeee;
border-radius:8px;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;  
-moz-box-shadow:     0 0 8px #939393;
-webkit-box-shadow:  0 0 8px #939393;
box-shadow:          0 0 8px #939393;
}


.flx_btn_video a {
outline: none;/* get rid of dotted borders in FireFox */
text-indent: -5000px ;/* this move the text outside of the screen area */
display:block;
width:124px;
height:45px;
background: url(../images/videotool/flx-btn-video.png) 0 0 no-repeat;
margin-left:20px;
float:left;
}

.flx_btn_video a:hover {
background-position: -126px 0;
}

.flx_btn_video_selected a {
outline: none;/* get rid of dotted borders in FireFox */
text-indent: -5000px ;/* this move the text outside of the screen area */
display:block;
width:124px;
height:45px;
background: url(../images/videotool/flx-btn-video.png) -126px 0 no-repeat;
margin-left:20px;
float:left;t;
}





.flx_btn_quiz a {
outline: none;/* get rid of dotted borders in FireFox */
text-indent: -5000px ;/* this move the text outside of the screen area */
display:block;
width:124px;
height:45px;
background: url(../images/videotool/flx-btn-quiz.png) 0 0 no-repeat;
margin-left:6px;
float:left;
}

.flx_btn_quiz a:hover {
background-position: -126px 0;
}

.flx_btn_quiz_selected a {
outline: none;/* get rid of dotted borders in FireFox */
text-indent: -5000px ;/* this move the text outside of the screen area */
display:block;
width:124px;
height:45px;
background: url(../images/videotool/flx-btn-quiz.png) -126px 0 no-repeat;
margin-left:20px;
float:left;t;
}


.clear{clear:both;}

.flx_title{
float:left;
font-size:20pt;
font-weight:bold;
color:#7e7e7e;
line-height:45px;
border-right:1px solid #cacaca;
margin-left:40px;
margin-right:10px;
margin-top:10px;
padding-right:20px;
}

.flx_desc{
float:left;
min-width:400px;
font-weight:bold;
color:#7e7e7e;
line-height:45px;
margin-left:20px;
margin-right:10px;
margin-top:10px;

}

.flx_actions{
float:right;
min-width:150px;
margin-right:20px;
margin-top:20px;
text-align:right
}
.flx_actions a{ margin-left:6px;}

.flx_control{
margin:0px auto;
z-index:2;
margin-top:10px;
margin-bottom:15px;
width:930px; 
min-height:400px;
background-color:#fff;
border-radius:8px;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;
}


.flx_leftbody{
float:left;
z-index:2;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
width:610px; 
min-height:200px;
}

.flx_leftbody p{margin-top:10px;}


.flx_rightbody{
float:right;
z-index:2;
margin-top:15px;
margin-bottom:15px;
margin-right:15px;
width:280px; 
background-color:#ebebeb;
border-radius:8px;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;
min-height:200px;
padding-bottom:10px;
}

.flx_rightbody_inside{padding:10px;}
.flx_rightbody_inside p{margin-top:10px;}

.flx_chapters{
width:258px;
height:33px;
background-color:#fdfdfd;
border:none;
border-radius:8px;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;
margin-top:4px;
-moz-box-shadow:     0 0 10px #cacaca;
-webkit-box-shadow:  0 0 10px #cacaca;
box-shadow:          0 0 10px #cacaca;
}

.flx_chapters *{ vertical-align:middle;}
.flx_chapters div{margin-left:6px; margin-top:8px; float:left;}
.flx_chapters div:first-child{margin-left:10px; margin-top:10px;}
.flx_chapters .flx_chapters_title{width:180px;}


.fc_01{color:#74b5cf;}
.fc_02{color:#7e7e7e;}
.fs_01{font-size:12pt;}

.flx_control_chapter{
width:610px;
height:59px;
background-image:url(../images/videotool/flx-control-bg.png);
background-repeat:no-repeat;
margin-top:10px;
}

.flx_control_chapter *{ vertical-align:middle;}
.flx_control_chapter div{margin-left:6px; margin-top:15px; float:left;}
.flx_control_chapter div:first-child{margin-left:10px; margin-top:20px;}



input[type="text"],  input[type="password"],  textarea   {
height:25px;
padding:2px;
padding-left:10px;
outline:none;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#545454;
border:none;
border-radius:4px;
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;
-moz-box-shadow:     0 0 4px #cacaca;
-webkit-box-shadow:  0 0 4px #cacaca;
box-shadow:          0 0 4px #cacaca;
}
.adv_info_link {
	font-size:10px;
	text-decoration:underline;
	cursor:pointer;
}
.flx_chapters_title:hover { 
	text-decoration: underline;
	cursor:pointer;
}
.timeline-point { background:url(../images/videotool/dot.gif);width:10px;height:10px; position: absolute;top:0px;}
a img {border: none}