@charset "UTF-8";

/*=============================================

	File name		:	RDS_Cal_tool.css
	
=============================================*/

/*========================================
0 : Basic Style
========================================*/

html{
min-height: 600px;
}
header,
#contents,
table,
footer{
min-width: 980px;
}
table,
table tr{
margin: 0;
padding: 0;
min-width: 980px;
}

table#recordvolume-table-head,
table#bandwidth-table-head{
min-width: 980px;
}

table{
}
#recordvolume-table{
}

body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
color: #999!important;
background:url(../img/RDS_bg_stage.png);
}

h1,h2,h3,h4,h5,p,ul,li,dt,dd,img,hr,dl,dt,dd{
margin: 0;
padding: 0;
border: none;
line-height: 0;
background: none;

}
tr,td,th,tbody,thead{
line-height: 100%!important;
margin: 0!important;
padding: 0!important;
}

img{height:auto;}

input, select {
outline: none;
}

.add_group_container{
height: 200px;
margin-bottom: 30px;
}
.notice{
color: #FF3366;
}
.print{
display: none;
}


/*========================================
_ : For form
========================================*/

/*========================================
_ : For layout
========================================*/

header{
background:url(../img/RDS_bg_header.png) repeat-x;
background-size:contain;
border: none;
padding-left: 15px;
height: 42px;
width: 100%;
margin: 0;
padding: 0;
position: fixed;
top:0;
left: 0;
}


table#recordvolume-table-head{
position: fixed;
top:42px;
width: 100%;
}
table#bandwidth-table-head{
position: fixed;
top:42px;
width: 100%;
}
.tab-pane{
margin-top: 42px;
margin: 0;
padding: 0;
}
header span {
position: absolute;
margin-top: 12px;
margin-left: 226px;
font-weight: bold;
}
header h1{
width: 33%;
}
header h1 img{
margin-top: 12px;
margin-left: 15px;
position: absolute;
z-index: 2;
}
header ul.nav{
margin-left: 33%;
border: none!important;
}
header ul.nav li{
width: 49%;
border: none!important;
text-align: center;
}

header ul.nav li#RDS_btn_recordvolume{
border-right:1px solid #000!important;
}

footer{
position: fixed;
width:100%;
bottom: 0;
background:url(../img/RDS_bg_footer.png) repeat-x;
}

footer#footer-recordVolume{
height: 150px;
}
footer#footer-bandwidth{
height: 150px;
}

hr.RDS_hr_horizontal{
border: none;
height: 2px;
background:url(../img/RDS_bar_horizontal.png) 0 0 repeat-x;
background-size:auto 2px;
margin: 0 0 10px 0;
}

hr.RDS_hr_row_horizontal{
border: none;
height: 1px;
background:url(../img/RDS_bar_horizontal.png) 0 0 repeat-x;
background-size:auto 1px;
margin: 0 5px 0 5px;
}

.RDS_btn_container{
margin-left: 15px;
height: 40px;
}
.RDS_btn_container ul{
margin-bottom: 10px;
}

.RDS_btn_container ul li{
display: inline;
list-style: none;
margin-right: 5px;
}

.RDS_result_container{
position: relative;
height: 80px;
}

.RDS_result_container dt,
.RDS_result_container dd{
float: left;
height: 40px;
vertical-align: middle;
}
.RDS_result_container dt img,
.RDS_result_container dd img{
margin-top: 12px;
margin-right: 5px;
margin-left: 5px;
}

.RDS_btn_column1{
width: 98px;
position: absolute;
top:0;
left: 0;
margin-left: 15px;
}
.RDS_btn_column2{
width: 413px;
position: absolute;
top:0;
left: 135px;
}
.RDS_btn_column3{
width: 153px;
position: absolute;
top:0;
left: 570px;
}
.RDS_btn_column4{
width: 203px;
position: absolute;
top:0;
right: 15px;
}

.RDS_result_column1{
width: 180px;
position: absolute;
top:0;
left: 0;
margin-left: 15px;
}
.RDS_result_column2{
width: 280px;
position: absolute;
top:0;
left: 150px;
}
.RDS_result_column3{
width: 280px;
position: absolute;
top:0;
right: 280px;
}
.RDS_result_column4{
width: 300px;
position: absolute;
top:0;
right: 0;
}


.ft_camera-number1,
.ft_camera-number2{
display: block;
font-size: 18px;
width: 50px;
height: 30px;
padding-top: 14px;
text-align: center;
color: #CCFF00;
background: url(../img/RDS_bg_ft_num.png) no-repeat 0 0;
}


.ft_min-hdd-size,
.ft_recordable-time{
display: block;
font-size: 18px;
width: 130px;
height: 30px;
padding-top: 14px;
text-align: center;
color: #CCFF00;
background: url(../img/RDS_bg_ft_num_l.png) no-repeat 0 0;
}

input#max-bandwidth,
input#total-recording-volume{
width: 135px;
color: #CCFF00;
background: none;
font-size: 18px;
border:none;
text-align: center;
}
input#b-total-bandwidth{
width: 136px;
color: #CCFF00;
background: none;
font-size: 18px;
border:none;
text-align: center;
margin-top: 5px;
}
input#recording-term, 
input#hdd-volume{
ime-mode: disabled;
text-align: center;
color: #fff;
z-index: 100;
}

/*Record Volume*/

/*No. of cameras*/
img.RDS_label_ft_camera-number    {position: absolute;top:10px;left:0;}
span.ft_camera-number1            {position: absolute;top:13px;left:68px;}
img.RDS_label_ft_camera-number-num{position: absolute;top:10px;left:120px;}

/*Time*/
img.RDS_label_ft_record-time      {position: absolute;top:10px;left:20px;}
input#recording-term              {position: absolute;top:7px;left:110px;background: none;background-image: url(about:blank);border:none;}
img.RDS_label_ft_record-time-week {position: absolute;top:10px;left:180px;}
img.RDS_label_ft_record-time-week-bg {position: absolute;top:0;left:110px; }

/*HDD*/
img.RDS_label_ft_hdd-size         {position: absolute;top:45px;left:20px;}
input#hdd-volume                  {position: absolute;top:42px;left:110px;background: none;background-image: url(about:blank);border:none;}
select#hdd-volume-unit            {position: absolute;top:45px;left:186px; color: #333;}
img.hdd-volume-bg                 {position: absolute;top:35px;left:110px; }


/*Minimum HDD*/
img.RDS_label_ft_min-hdd-size         {position: absolute;top:10px;left:-10px;}
span#min-hdd-volume                   {position: absolute;top:13px;left:90px;}
img.RDS_label_ft_min-hdd-size-tb      {position: absolute;top:10px;left:220px;}

/*Recordable time*/
img.RDS_label_ft_recordable-time      {position: absolute;top:45px;left:-10px;}
span#capable-recording-term           {position: absolute;top:48px;left:90px;}
img.RDS_label_ft_recordable-time-week {position: absolute;top:45px;left:220px;}

/*Max bandwidth*/
img.RDS_label_ft_max-bandwidth      {position: absolute;top:10px;left:5px;}
input#max-bandwidth                 {position: absolute;top:10px;left:105px; margin-top: 5px;}
img.RDS_label_ft_max-bandwidth-mbps {position: absolute;top:10px;left:250px;}


/*Total Data Size*/
img.RDS_label_ft_total-data-size    {position: absolute;top:45px;left:5px;}
input#total-recording-volume        {position: absolute;top:42px;left:105px;}
img.RDS_label_ft_total-data-size-gb {position: absolute;top:45px;left:250px;}


/*Bandwidth*/
img.RDS_label_ft_camera-number{position: absolute;top:10px;left:0;}
span#b-total-camera-count{position: absolute;top:13px;left:68px;}
img.RDS_label_ft_camera-number-num{position: absolute;top:10px;left:120px;}

img.RDS_label_ft_total-bandwidth    {position: absolute;top:10px;left:5px;}
input#b-total-bandwidth             {position: absolute;top:10px;left:105px;}
img.RDS_label_ft_max-bandwidth-mbps {position: absolute;top:10px;left:250px;}


input#recording-term,
input#hdd-volume,
input#max-bandwidth,
input#total-recording-volume,
input#b-total-bandwidth{
padding-top: 5px;
}



/*========================================
_ : For table
========================================*/

table td,
table th{
border: none;
/*border:1px solid red!important;*/
}

table#recordvolume-table,
table#recordvolume-table-head,
table#bandwidth-table,
table#bandwidth-table-head{
margin: 0;
padding: 0;
}

table#recordvolume-table td,
table#recordvolume-table-head td,
table#bandwidth-table td,
table#bandwidth-table-head td{
border: none;
}

table#recordvolume-table,
table#bandwidth-table{
/* for footer height */
margin-bottom: 160px;
/* for fixed head margin */
margin-top: 100px;
}


table label {
  display: block;
  margin-bottom: 0;
}
table select{
margin: 0;
padding: 0;
}
table input{
margin:0;
padding: 0;
}

input.form-RDS{
height: 20px;
padding: 0 0 0 7px;
font-size: 12px;
color:#444;
border:solid 1px #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 1px 2px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 2px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 9px -6px rgba(0,0,0,0.5);
}
input.form-RDS.form-save{
padding: 5px 10px 5px 10px;
}

input.form-RDS-check{
border:none;
vertical-align:middle;
}

input.form-footer{
height: 20px;
padding: 2px 7px 2px 7px;
}

.input-2em,
.input-3em,
.input-4em,
.input-5em,
.input-6em,
.input-7em,
.input-8em,
.input-9em,
.input-10em,
.input-12em,
.input-14em,
.input-16em,
.input-20em,
.input-img{
margin-top: 8px;
}

.input-group-name{
margin-top: -12px!important;
margin-bottom: 6px;
}

input.input-2em {width: 2em;}
input.input-3em {width: 3em;}
input.input-4em {width: 4em;}
input.input-5em {width: 5em;}
input.input-6em {width: 6em;}
input.input-7em {width: 7em;}
input.input-8em {width: 8em;}
input.input-9em {width: 9em;}
input.input-10em{width: 10em;}
input.input-12em{width: 12em;}
input.input-14em{width: 14em;}
input.input-16em{width: 16em;}
input.input-20em{width: 20em;}

select.input-2em {width: 45px;}
select.input-3em {width: 57px;}
select.input-4em {width: 70px;}
select.input-5em {width: 5em;}
select.input-6em {width: 6em;}
select.input-7em {width: 7em;}
select.input-8em {width: 8em;}
select.input-9em {width: 9em;}
select.input-10em{width: 10em;}
select.input-12em{width: 12em;}
select.input-14em{width: 14em;}
select.input-16em{width: 16em;}
select.input-20em{width: 20em;}

.input-rv_result{width: 70px;}

label span.label-text-margin-right-0em{
margin-right: 1em;
}

label span.label-text-margin-right-7em{
margin-right: 7em;
}

td{
padding: 2px;
}

table .rv_td_width01 {width: 1.3%; min-width:18px;}
table .rv_td_width02 {width: 16.7%; min-width:171px;}
table .rv_td_width03 {width: 13.3%; min-width:130px;}
table .rv_td_width04 {width: 16.7%; min-width:170px;}
table .rv_td_width05 {width: 13.6%; min-width:136px;}
table .rv_td_width06 {width: 24.9%; min-width:236px;}
table .rv_td_width07 {width: 12.2%; min-width:126px;}
table .rv_td_width08 {width: 1.3%; min-width:18px;}

table .bw_td_width01 {width: 1.3%;  min-width:18px;}
table .bw_td_width02 {width: 17.6%; min-width:171px;}
table .bw_td_width03 {width: 9.2%;  min-width:80px;}
table .bw_td_width04 {width: 7.6%;  min-width:80px;}
table .bw_td_width05 {width: 10.2%; min-width:122px;}
table .bw_td_width06 {width: 16.9%; min-width:172px;}
table .bw_td_width07 {width: 12.1%;  min-width:142px;}
table .bw_td_width08 {width: 9.2%;  min-width:80px;}
table .bw_td_width09 {width: 14.6%; min-width:122px;}
table .bw_td_width10 {width: 1.3%;  min-width:18px;}

table tr.tmp,th.tmp,td.tmp{height: 1px;}

table#recordvolume-table th,
table#recordvolume-table-head th{
text-align: center;
background:url(../img/RDS_bg_th.png) no-repeat right top;
background-size:900px 42px;
padding-top: 6px!important;
padding-bottom: 4px!important;
border: none!important;
}

table#bandwidth-table th,
table#bandwidth-table-head th{
text-align: center;
background:url(../img/RDS_bg_th.png) no-repeat right top;
background-size:900px 42px;
padding-top: 8px!important;
padding-bottom: 8px!important;
border: none!important;
}

table#recordvolume-table-head th.no_right_border,
table#bandwidth-table-head th.no_right_border{
background:url(../img/RDS_bg_th_empty.png) no-repeat right top;
background-size:450px 42px;
}

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


table td.td_left_top{
background:url(../img/RDS_td_left_top.png) no-repeat right bottom;
background-size:18px 12px;
width: 18px; height: 12px;
}
table td.td_left1{
background:url(../img/RDS_td_left1.png) no-repeat right top;
background-size:18px 100%;
width: 18px; height: auto;
}
table td.td_left2{
background:url(../img/RDS_td_left2.png) no-repeat right top;
background-size:18px 100%;
width: 18px; height: auto;
}
table td.td_left_bottom{
background:url(../img/RDS_td_left_bottom.png) no-repeat right top;
background-size:18px 12px;
width: 18px; height: 12px;
}

table td.td_middle_top{
background:url(../img/RDS_td_middle_top.png) repeat-x left bottom;
background-size:auto 12px;
width: auto; height: 12px;
}
table td.td_middle1{
background:url(../img/RDS_td_middle1.png) repeat-x left top;
background-size:100% 100%;
width: auto; height: auto;
}
table td.td_middle2{
background:url(../img/RDS_td_middle2.png) repeat-x 0 0;
background-size:auto;
}
table td.td_middle_bottom{
background:url(../img/RDS_td_middle_bottom.png) repeat-x left top;
background-size:100% 12px;
width: auto; height: 12px;
}

table td.td_right_top{
background:url(../img/RDS_td_right_top.png) no-repeat left bottom;
background-size:18px 12px;
width: 18px; height: 12px;
}
table td.td_right1{
background:url(../img/RDS_td_right1.png) no-repeat left top;
background-size:18px 100%;
width: 18px; height: auto;
}
table td.td_right2{
background:url(../img/RDS_td_right2.png) no-repeat left top;
background-size:18px 100%;
width: 18px; height: auto;
}
table td.td_right_bottom{
background:url(../img/RDS_td_right_bottom.png) no-repeat left top;
background-size:18px 12px;
width: 18px; height: 12px;
}



/*========================================
_ : For img
========================================*/

img.RDS_H1_title{width: 210px;}

img.RDS_btn_recordvolume {width: 100px;}
img.RDS_btn_bandwidth    {width: 100px;}

img.RDS_label_rec_camera-name,
img.RDS_label_rec_record-mode,
img.RDS_label_rec_method,
img.RDS_label_rec_quality,
img.RDS_label_rec_time,
img.RDS_label_rec_week,
img.RDS_label_rec_result{
width: auto;
height: 32px;
}

img.RDS_label_bw_camera-name,
img.RDS_label_bw_camera-number,
img.RDS_label_bw_sound,
img.RDS_label_bw_method,
img.RDS_label_bw_size,
img.RDS_label_bw_quality,
img.RDS_label_bw_fps,
img.RDS_label_bw_result{
width: auto;
height: 26px;
}

img.RDS_label_group-name         {height: 23px; margin-top: 2px;}
img.RDS_label_group-include      {height: 23px; margin-top: 2px;}
img.RDS_label_group-camera-count {height: 23px;}
img.RDS_label_group-record-per   {width: 40px;}
img.RDS_label_group-record-sound {height: 23px;}
img.RDS_label_group-week         {width: 110px;}
img.RDS_label_group-kbps         {width: 23px; margin-left: 3px;}
img.RDS_label_group-mbps         {width: 30px; margin-left: 3px;}
img.RDS_label_group-gb           {width: 30px; margin-left: 3px;}
img.RDS_label_group-delete       {width: 25px;}

img.RDS_btn_copy      {width: 98px; margin-bottom: 6px;}
img.RDS_btn_delete      {width: 98px; margin-bottom: 6px;}
img.RDS_btn_add       {position: absolute; width: 98px; top: 12px; left: 0;}
img.RDS_btn_save      {position: absolute; width: 98px; top: 12px; left: 0;}
img.RDS_btn_load      {position: absolute; width: 98px; top: 12px; left: 105px;}
img.RDS_btn_export    {position: absolute; width: 98px; top: 12px; left: 210px;}
img.RDS_btn_import    {position: absolute; width: 98px; top: 12px; left: 315px;}
img.RDS_btn_setting   {position: absolute; height: 30px; top: 12px; left : 0;}
img.RDS_btn_notice    {position: absolute; width: 98px; top: 12px; left : 0;}
img.RDS_btn_help      {position: absolute; width: 98px; top: 12px; left : 105px;}
img.RDS_form_bg_input_ss {width:50px;}

img.RDS_label_ft_camera-number        {width: 55px;}
img.RDS_label_ft_camera-number-num    {width: 35px;}

img.RDS_label_ft_record-time          {width: 75px;}
img.RDS_label_ft_record-time-week     {width: 35px; padding-top: 0;}

img.RDS_label_ft_hdd-size             {width: 75px;}

img.RDS_label_ft_min-hdd-size         {width: 90px;}
img.RDS_label_ft_min-hdd-size-tb      {width: 35px;}

img.RDS_label_ft_recordable-time      {width: 90px;}
img.RDS_label_ft_recordable-time-week {width: 35px;}

img.RDS_label_ft_max-bandwidth        {width: 100px;}
img.RDS_label_ft_max-bandwidth-mbps   {width: 35px; padding-top: 0;}

img.RDS_label_ft_total-data-size      {width: 100px;}
img.RDS_label_ft_total-data-size-gb   {width: 35px;  padding-top: 0;}

img.RDS_label_ft_total-bandwidth      {width: 100px;}


/*========================================
0 : Modal Style
========================================*/


/*bootstrap.css OverWrite*/
.modal {
width: 800px;
margin-left: -400px;
position: fixed;
overflow-x: auto;
overflow-y: auto;
max-width: 90%;
max-height: 90%;
}
.modal-header,
.modal-footer{
background:url(../img/RDS_bg_header.png) repeat-x!important;
background-size:contain;
}
.modal-header h3{
margin: 0!important;
margin-top: -5px!important;
padding: 0!important;
}
.modal-body .cmn_help_icon{
margin-left: 3px;
margin-right: 3px;
}

.modal-body p img.cmn_help_icon{

}

.modal-body h2{
font-size: 14px;
}
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body p,
.modal-body ul,
.modal-body li,
.modal-body dl,
.modal-body dt,
.modal-body dd,
.modal-body label{
font-size: 12px!important;
line-height: 180%!important;
}

.modal-body h3,
.modal-body h4,
.modal-body h5{
font-size: 14px!important;
font-weight: bold!important;
margin-top: 25px;
margin-bottom: 5px;
}

#config-title-1{
margin-top: 16px;
}

.modal-body{
max-height: 400px;
margin: 0!important;
border: none!important;
color: #333!important;
line-height: 180%!important;
background: none;
padding-top: 30px!important;
padding-left: 50px!important;
padding-right: 50px!important;
}

#config-box-2,#config-box-3{
margin-top: 10px;
}

.modal-body label {
  display: block;
  margin-bottom: 0;
}

.modal-body p{
margin-left: 1em!important;
margin-top: 10px;
margin-bottom: 15px;
line-height: 200%;
}

.modal-body ul{
margin-top: 20px;
margin-bottom: 20px;
}

#config-ul{
margin-top: 6px;
margin-bottom: 12px;
}

.modal-body ul li{
margin-left: 2em!important;
list-style: disc!important;
padding: 0!important;
}
.modal-body ul li ul{
margin-top: 0px;
margin-bottom: 5px;
}
.modal-body p.cap{
font-size: 10px;
}

.modal-body label.label-box{
padding: 20px!important;
margin-bottom: 20px!important;
background: #EEE!important;
border: 1px solid #CCC;
line-height: 150%!important;
}

.modal-body div.label-box{
padding: 16px 20px 16px 20px!important;
margin-bottom: 16px!important;
background: #EEE!important;
border: 1px solid #CCC;
line-height: 20px!important;
}

.modal-body span.label-text{
padding-top: 3px!important;
padding-left: 10px!important;
}
.modal-body span.label-text-note{
padding-top: 3px!important;
padding-left: 20px!important;
font-size: 10px!important;
}


.modal-body label input{
margin-top: -3px!important;
}

.modal-body .copyright{
text-align: right;
margin-bottom: 20px;
}

.modal-body textarea{
resize: none;
}

img.cmn_modal_save      {width: 80px;height: 20px;}
img.cmn_modal_load      {width: 80px;height: 20px;}
img.cmn_modal_export    {width: 80px;height: 20px;}
img.cmn_modal_import    {width: 80px;height: 20px;}
img.cmn_modal_help      {width: 80px;height: 20px;}
img.cmn_modal_notice    {width: 80px;height: 20px;}
img.cmn_modal_alert     {width: 80px;height: 20px;}
img.cmn_modal_info      {width: 80px;height: 20px;}
img.cmn_modal_setting   {width: 80px;height: 20px;}
img.cmn_modal_btn_close {width: 80px;height: 20px;}

img.cmn_modal_btn_load  {width: 100px;height: 20px;}
img.cmn_modal_btn_save  {width: 100px;height: 20px;}
img.cmn_modal_btn_cancel{width: 100px;height: 20px;}
img.cmn_modal_btn_import  {width: 100px;height: 20px;}

img.modal_icon_btn{margin-left: 3px;margin-right: 3px;}


/*========================================
0 : input Style
========================================*/

input.b-sound-recording{
margin-top: 12px;
}

input[disabled],
select[disabled],
input[readonly] {
cursor: default;
}


/*========================================
_ : clearfix
========================================*/

.clearfix:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /**/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /**/
	height: auto;
	overflow: hidden;
	/**/
}

footer .RDS_result_container{
margin-top: -8px;
}