body {
    font: 12px Verdana, sans-serif;
    background-color: #000000;
}

select {
    background-color: white;
    border: 1px solid #aaa;
    height: 22px;
    font: 11px Verdana, sans-serif;
}

table {
    border-collapse: collapse;
    font: 12px Verdana, sans-serif;
}

.label {
    font: 12px Verdana, sans-serif;
    font-weight: bold;
    color: #6f6f55;
}

.brighter_label {
    font: 12px Verdana, sans-serif;
    font-weight: bold;
    color: #6f6f55;
}

.container {
    position: relative;
    text-align: left;
    background: url("background_top.png");
    background-repeat: no-repeat;
    width: 800px;
    height: 930px;
}

#input_model {
    position: absolute;
    left: 143px;
    top: 60px;
    width: 200px;
    height: 22px;
}

#input_video_format {
    position: absolute;
    left: 360px;
    top: 60px;
    width: 86px;
    height: 22px;
}

#label_select_unit {
    position: absolute;
    left: 570px;
    top: 64px;
}

#select_unit {
    position: absolute;
    left: 690px;
    top: 60px;
    width: 86px;
    height: 22px;    
}

/**************************************************************************/
/* div_camera_parameter */
/**************************************************************************/

.div_camera_parameter_backdrop {
    position: absolute;
    left: 4px;
    top: 90px;
    width: 792px;
    height: 600px;
    background-color: #fff;
}

.div_camera_parameter_backdrop .div_camera_parameter_analog {
    position: absolute;
    left: 5px;
    top: 8px;
}

.div_camera_parameter_backdrop .div_camera_parameter_analog .tabberlive {
    left: 0px;
    top: 0px;
}

.div_camera_parameter_backdrop .div_camera_parameter_analog .tabberlive .tabbertab {
    padding: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
}

.div_camera_parameter_backdrop .div_camera_parameter_analog .tabberlive .tabbertab .timelapse {
    position: relative;
    left: 0px;
    top: 0px;
    width: 780px;
    height: 100px;
}

.div_camera_parameter_backdrop .div_camera_parameter_analog .tabberlive .tabbertab .timelapse_body {
    position: relative;
    left: 8px;
    top: 27px;
    width: 765px;
    height: 70px; /*100px; MAT활설화시의 크기.*/
    background-color: #e2e2e1;
}

.div_camera_parameter_backdrop .div_camera_parameter_analog .tabberlive .tabbertab .event {
    position: relative;
    left: 0px;
    top: 0px;
    width: 780px;
    height: 130px;    
}

.div_camera_parameter_backdrop .div_camera_parameter_analog .tabberlive .tabbertab .event .event_body{
    position: relative;
    left: 8px;
    top: 27px;
    width: 765px;
    height: 100px; 
    background-color: #e2e2e1;
}

.div_camera_parameter_backdrop .div_camera_parameter_ip {
    position: absolute;
    left: 5px;
    top: 270px;
}

.div_camera_parameter_backdrop .div_camera_parameter_ip .tabberlive {
    left: 0px;
    top: 0px;
}

.div_camera_parameter_backdrop .div_camera_parameter_ip .tabberlive .tabbertab {
    padding: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
}

.div_camera_parameter_backdrop .div_camera_parameter_ip .tabberlive .tabbertab .timelapse {
    position: relative;
    left: 0px;
    top: 0px;
    width: 780px;
    height: 130px;
}

.div_camera_parameter_backdrop .div_camera_parameter_ip .tabberlive .tabbertab .timelapse .timelapse_body{
    position: relative;
    left: 8px;
    top: 27px;
    width: 765px;
    height: 100px; /*100px; MAT활설화시의 크기.*/
    background-color: #e2e2e1;
}

.div_camera_parameter_backdrop .div_camera_parameter_ip .tabberlive .tabbertab .event {
    position: relative;
    left: 0px;
    top: 0px;
    width: 780px;
    height: 130px;
}

.div_camera_parameter_backdrop .div_camera_parameter_ip .tabberlive .tabbertab .event .event_body{
    position: relative;
    left: 8px;
    top: 27px;
    width: 765px;
    height: 100px;
    background-color: #e2e2e1;
}
.div_backdrop_round {
    position: absolute;
    background: url("background_middle.png");
    background-repeat: no-repeat;
    width: 800px;
    height: 10px;
}
/*** analog cameras ***/

#use_timeLapse {
    position: absolute;
    left: 6px;
    top: 6px;
}

#label_use_timeLapse {
    position: absolute;
    left: 28px;
    top: 8px;
    color: #3c2b3d;
}

#analog_bandwidth_timelapse {
    position: absolute;
    left: 113px;
    top: 8px;
    color: #ff586f;
    width: 220px;
}

#label_input_video_codec {
    position: absolute;
    left: 20px;
    top: 12px;
}

#input_video_codec {
    position: absolute;
    left: 120px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#label_input_video_quality {
    position: absolute;
    left: 20px;
    top: 42px;
}

#input_video_quality {
    position: absolute;
    left: 120px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#label_input_num_camera {
    position: absolute;
    left: 240px;
    top: 12px;
}

#input_num_camera {
    position: absolute;
    left: 388px;
    top: 10px;
    width: 111px;
    height: 22px;
}

#label_input_video_resolution {
    position: absolute;
    left: 240px;
    top: 42px;
}

#input_video_resolution {
    position: absolute;
    left: 388px;
    top: 40px;
    width: 111px;
    height: 22px;
}

#label_input_num_audio {
    position: absolute;
    left: 530px;
    top: 12px;
}

#input_num_audio {
    position: absolute;
    left: 661px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#label_input_frame_rate {
    position: absolute;
    left: 530px;
    top: 42px;
}

#input_frame_rate {
    position: absolute;
    left: 661px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#label_use_mat_frame_rate {
    position: absolute;
    left: 40px;
    top: 72px;
}

#use_mat {
    position: absolute;
    left: 20px;
    top: 70px;
}

#input_mat_frame_rate {
    position: absolute;
    left: 120px;
    top: 70px;
    width: 90px;
    height: 22px;
}

#label_input_mat_motion_ratio {
    position: absolute;
    left: 240px;
    top: 72px;
}

#label_input_mat_motion_ratio_unit {
    position: absolute;
    left: 454px;
    top: 72px;
}

#input_mat_motion_ratio {
    position: absolute;
    left: 388px;
    top: 70px;
    width: 60px;
    height: 22px;
}

/*** Analogue Cameras Event Recording ***/
#use_event_recording {
    position: absolute;
    left: 6px;
    top: 6px;
}

#label_use_event_recording {
    position: absolute;
    left: 28px;
    top: 8px;
    color: #3c2b3d;
}

#analog_bandwidth_event {
    position: absolute;
    left: 145px;
    top: 8px;
    color: #ff586f;
    width: 220px;
}

#label_input_event_ratio {
    position: absolute;
    left: 20px;
    top: 72px;
}

#input_event_ratio {
    position: absolute;
    left: 120px;
    top: 70px;
    width: 70px;
    height: 22px;
}

#input_event_ratio_uint {
    position: absolute;
    left: 195px;
    top: 72px;
}

#label_input_video_codec_event {
    position: absolute;
    left: 20px;
    top: 12px;
}

#input_video_codec_event {
    position: absolute;
    left: 120px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#label_input_video_quality_event {
    position: absolute;
    left: 20px;
    top: 42px;
}

#input_video_quality_event {
    position: absolute;
    left: 120px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#label_input_num_camera_event {
    position: absolute;
    left: 240px;
    top: 12px;
}

#input_num_camera_event {
    position: absolute;
    left: 388px;
    top: 10px;
    width: 111px;
    height: 22px;
}

#label_input_video_resolution_event {
    position: absolute;
    left: 240px;
    top: 42px;
}

#input_video_resolution_event {
    position: absolute;
    left: 388px;
    top: 40px;
    width: 111px;
    height: 22px;
}

#label_input_num_audio_event {
    position: absolute;
    left: 530px;
    top: 12px;
}

#input_num_audio_event {
    position: absolute;
    left: 661px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#label_input_frame_rate_event {
    position: absolute;
    left: 530px;
    top: 42px;
}

#input_frame_rate_event {
    position: absolute;
    left: 661px;
    top: 40px;
    width: 90px;
    height: 22px;
}

/*** IP cameras ***/

#use_timeLapse_ip {
    position: absolute;
    left: 6px;
    top: 6px;
}

#label_use_timeLapse_ip {
    position: absolute;
    left: 28px;
    top: 8px;
    color: #3c2b3d;
}

#each_ip_cam_bandwidth {
    position: absolute;
    left: 113px;
    top: 8px;
    color: #ff586f;
    width: 220px;
}

#label_input_video_codec_ip {
    position: absolute;
    left: 20px;
    top: 12px;
}

#input_video_codec_ip {
    position: absolute;
    left: 120px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#label_input_video_quality_ip {
    position: absolute;
    left: 20px;
    top: 42px;
}

#input_video_quality_ip {
    position: absolute;
    left: 120px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#label_input_num_camera_ip {
    position: absolute;
    left: 240px;
    top: 12px;
}

#input_num_camera_ip {
    position: absolute;
    left: 388px;
    top: 10px;
    width: 111px;
    height: 22px;
}

#label_input_video_resolution_ip {
    position: absolute;
    left: 240px;
    top: 42px;
}

#input_video_resolution_ip {
    position: absolute;
    left: 388px;
    top: 40px;
    width: 111px;
    height: 22px;
}

#label_input_num_audio_ip {
    position: absolute;
    left: 530px;
    top: 12px;
}

#input_num_audio_ip {
    position: absolute;
    left: 661px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#label_input_frame_rate_ip {
    position: absolute;
    left: 530px;
    top: 42px;
}

#input_frame_rate_ip {
    position: absolute;
    left: 661px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#label_use_mat_frame_rate_ip {
    position: absolute;
    left: 40px;
    top: 72px;
}

#use_mat_ip {
    position: absolute;
    left: 20px;
    top: 70px;
}

#input_mat_frame_rate_ip {
    position: absolute;
    left: 120px;
    top: 70px;
    width: 90px;
    height: 22px;
}

#label_input_mat_motion_ratio_ip {
    position: absolute;
    left: 240px;
    top: 72px;
}

#label_input_mat_motion_ratio_unit_ip {
    position: absolute;
    left: 454px;
    top: 72px;
}

#input_mat_motion_ratio_ip {
    position: absolute;
    left: 388px;
    top: 70px;
    width: 60px;
    height: 22px;
} 
    
/*** IP Cameras Event Recording ***/
#use_event_recording_event_ip {
    position: absolute;
    left: 6px;
    top: 6px;
}

#label_use_event_recording_event_ip {
    position: absolute;
    left: 28px;
    top: 8px;
    color: #3c2b3d;
}

#each_ip_cam_bandwidth_event {
    position: absolute;
    left: 145px;
    top: 8px;
    color: #ff586f;
    width: 220px;
}

#label_input_video_codec_event_ip {
    position: absolute;
    left: 20px;
    top: 12px;
}

#input_video_codec_event_ip {
    position: absolute;
    left: 120px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#label_input_video_quality_event_ip {
    position: absolute;
    left: 20px;
    top: 42px;
}

#input_video_quality_event_ip {
    position: absolute;
    left: 120px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#label_input_num_camera_event_ip {
    position: absolute;
    left: 240px;
    top: 12px;
}

#input_num_camera_event_ip {
    position: absolute;
    left: 388px;
    top: 10px;
    width: 111px;
    height: 22px;
}

#label_input_video_resolution_event_ip {
    position: absolute;
    left: 240px;
    top: 42px;
}

#input_video_resolution_event_ip {
    position: absolute;
    left: 388px;
    top: 40px;
    width: 111px;
    height: 22px;
}

#label_input_num_audio_event_ip {
    position: absolute;
    left: 530px;
    top: 12px;
}

#input_num_audio_event_ip {
    position: absolute;
    left: 661px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#label_input_frame_rate_event_ip {
    position: absolute;
    left: 530px;
    top: 42px;
}

#input_frame_rate_event_ip {
    position: absolute;
    left: 661px;
    top: 40px;
    width: 90px;
    height: 22px;
}


#label_input_event_ratio_event_ip {
    position: absolute;
    left: 20px;
    top: 72px;
}

#input_event_ratio_ip {
    position: absolute;
    left: 120px;
    top: 70px;
    width: 70px;
    height: 22px;
}

#label_input_event_ratio_unit_event_ip {
    position: absolute;
    left: 195px;
    top: 72px;
}

/*** 3rd Party IP cameras ***/

#use_timeLapse_ip_3rd {
    position: absolute;
    left: 6px;
    top: 6px;
}

#label_use_timeLapse_ip_3rd {
    position: absolute;
    left: 28px;
    top: 8px;
    color: #3c2b3d;
}

#label_input_num_camera_ip_3rd {
    position: absolute;
    left: 20px;
    top: 12px;
}

#input_num_camera_ip_3rd {
    position: absolute;
    left: 168px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#input_num_camera_ip_3rd_manual {
    position: absolute;
    left: 168px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#label_input_bandwidth_ip_3rd {
    position: absolute;
    left: 20px;
    top: 42px;
}

#input_image_size_ip_3rd {
    position: absolute;
    left: 168px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#input_image_size_unit_ip_3rd {
    position: absolute;
    left: 263px;
    top: 40px;
    width: 100px;
    height: 22px;
}

/*** 3rd Party IP cameras Event Recording***/
#use_event_recording_event_ip_3rd {
    position: absolute;
    left: 6px;
    top: 6px;
}

#label_use_event_recording_event_ip_3rd {
    position: absolute;
    left: 28px;
    top: 8px;
    color: #3c2b3d;  
}

#label_input_num_camera_event_ip_3rd {
    position: absolute;
    left: 20px;
    top: 12px;
}

#input_num_camera_event_ip_3rd {
    position: absolute;
    left: 168px;
    top: 10px;
    width: 90px;
    height: 22px;
}

#input_num_camera_event_ip_3rd_manual {
    position: absolute;
    left: 168px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#label_input_bandwidth_event_ip_3rd {
    position: absolute;
    left: 20px;
    top: 42px;
}

#input_image_size_event_ip_3rd {
    position: absolute;
    left: 168px;
    top: 40px;
    width: 90px;
    height: 22px;
}

#input_image_size_unit_event_ip_3rd {
    position: absolute;
    left: 263px;
    top: 40px;
    width: 100px;
    height: 22px;
}

#label_input_event_ratio_ip_3rd {
    position: absolute;
    left: 20px;
    top: 72px;
}

#input_event_ratio_ip_3rd {
    position: absolute;
    left: 168px;
    top: 70px;
    width: 70px;
    height: 22px;
}

#label_input_event_ratio_unit_ip_3rd {
    position: absolute;
    left: 243px;
    top: 72px;
}


/**************************************************************************/
/* output options */
/**************************************************************************/
/*
.div_output_options_backdrop {
    position: absolute;
    background: url("background_middle.png");
    background-repeat: no-repeat;
    left: 0px;
    top: 390px;
    width: 800px;
    height: 95px;
}

.div_output_options_backdrop .div_output_options {
    position: relative;
    left: 20px;
    top: 5px;
}

.div_output_options_backdrop .div_output_options .form_fields {
    position: relative;
    left: 0;
    top: 0;
}

table.output_options_table {
    border-width: 0px;
    border-spacing: 0px;
    border-style: none;
    border-collapse: collapse;
}

table.output_options_table td {
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 3px;
}

#all_quality {
    position: relative;
    top: 2px;
}

#use_custom_days {
    position: relative;
    top: 2px;
}

#custom_days {
    position: relative;
    width: 60px;
    height: 22px;
}

#select_custom_day_hour {
    position: relative;
    top: -1px;
    width: 86px;
    height: 22px;
}

#use_custom_size {
    position: relative;
    top: 2px;
}

#custom_size {
    position: relative;
    top: 1px;
    width: 60px;
    height: 22px;
}

*/
/**************************************************************************/
/* div_result */
/**************************************************************************/

.div_result_backdrop {
    position: absolute;
    background: url("background_bottom.png");
    background-repeat: no-repeat;
    left: 0px;
    top: 0px;
    width: 800px;    
}

.div_result_backdrop .div_result {
    position: relative;
    left: 4px;
    right: 0px;
    top: 10px;
    width: 792px;
}

.div_result_backdrop .div_result .tabberlive {
    position: relative;
    left: 0px;
    top: 0px;
}

.div_result_backdrop .div_result .tabberlive .tabbertab {
    position: relative;
    height: 172px;
}

.div_result_backdrop .div_result_options {
    position: relative;
    background-color: #FFF;
    left: 5px;
    top: 9px;
    width: 790px;
    height: 70px;  
}

#all_quality {
    position: absolute;
    top: 7px;
    left: 40px;
}

#label_all_quality {
    position: absolute;
    top: 9px;
    left: 60px;
}

#use_custom_days 
{
    position: absolute;
    top: 27px;
    left: 40px;
}

#label_use_custom_days 
{
    position: absolute;
    top: 29px;
    left: 60px;
}

#custom_days 
{
    position: absolute;
    top: 27px;
    left: 220px;
    height: 22px
}

#select_custom_day_hour
{
    position: absolute;
    top: 27px;
    left: 280px;
    height: 22px;
}

#use_custom_size 
{
    position: absolute;
    top: 27px;
    left: 465px;
}

#label_use_custom_size
{
    position: absolute;
    top: 29px;
    left: 485px;
}

#custom_size
{
    position: absolute;
    top: 27px;
    left: 635px;
    height: 22px;
    width: 60px;
}

#label_use_custom_size_unit
{
    position: absolute;
    top: 29px;
    left: 710px;
}

/**************************************************************************/
/* TAB / Table styles */
/**************************************************************************/

#table_disk_capacity_header,
#table_disk_capacity_footer,
#table_record_duration_header,
#table_record_duration_footer,
#table_bandwidth_header,
#table_bandwidth_footer {
    background-color: #ddd;
}


/* tab control */
.tabberlive .tabbertab {
    background-color: #fff;
    border-color: #777;
}

/* tab buttons */
ul.tabbernav
{
    border-color: #777;
}

/* active tab button */
ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover
{
    color: #472;
    background-color: #fff;
    border-color: #777;
    border-bottom-color: #fff;
}

/* inactive tab buttons */
ul.tabbernav li a
{
    color: #472;
    background-color: #bf9;
    border-color: #777;
}

ul.tabbernav li a:hover
{
    color: #472;
    background: #efd;
}

.MyTable td {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #000;
}

.MyTableHeader {
    text-align: center;
    height: 30px;
}

.div_result_backdrop .div_result .MyTableBody, .MyTableBodyTable {
    overflow: auto;
    height: 132px;
}

.MyTableFooter {
    height: 10px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #000;
}

/*--------------------------------------------------------------------------*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
}

/* body */
.tabberlive .tabbertab {
    border: 1px solid;
    border-top: none;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
    margin:0px;
    padding: 3px 0px;
    font: bold 12px Verdana, sans-serif;
    border: none;
    border-bottom: 1px solid;
}

ul.tabbernav li
{
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover
{
    border: 1px solid;
}

ul.tabbernav li a
{
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-left: 3px;
    text-decoration: none;
    border: 1px solid;
    border-bottom: none;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
    padding: 5px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
    display: none;
}