@font-face {
    font-family: "MyriadProRegular";
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?') format('embedded-opentype'), 
         url('../fonts/MyriadPro-Regular.woff') format('woff'), 
         url('../fonts/MyriadPro-Regular.ttf') format('truetype');
	font-style: normal;
	font-stretch: normal;
}

@font-face {
    font-family: 'sansBold';
    src: url('../fonts/googlesans-bold-webfont.woff2') format('woff2'),
         url('../fonts/googlesans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansMedium';
    src: url('../fonts/googlesans-medium-webfont.woff2') format('woff2'),
         url('../fonts/googlesans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansRegular';
    src: url('../fonts/googlesans-regular-webfont.woff2') format('woff2'),
         url('../fonts/googlesans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* old style */
body {
	font-family: 'sansRegular', Arial, sans-serif;
	font-size: 14px;
	color: #666;
}

.camera-head-txt h3 {font-size: 20px; text-align: center; margin-bottom: 20px; color: #666;}

.camera-boxer {
width: 100%;
   display: table;
   border-collapse: collapse;
}
 
.camera-boxer .box-row {
   display: table-row;
}
 
.camera-boxer .box {
   display: table-cell;
   /*text-align: left;*/
   vertical-align: top;
   border: 1px solid #ccc;
}

/* new table */
.dpi-box {
	margin-bottom: 50px;
}
.tg  {border-collapse:collapse;border-spacing:0; }
.tg td{font-size:12px;padding:3px 5px;border-style:solid;border-width:1px;border-color:#ccc;overflow:hidden;word-break:normal; text-align: center;}
.tg th{font-size:12px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tb-col-rw{vertical-align:middle;}
.txt-bold {font-weight: bold; text-align: center;}
.txt-center {text-align: center;}
.txt-red {font-size: 11px; color: #FF0000; text-align: left; margin: 5px 0 20px 12px;}
.red-option {color: #FF0000;}

.txt-left {
	text-align: left !important;
}

/* end old style */

.calculate-dpi-section {
    font-family: 'sansRegular', Arial, sans-serif;
	font-size: 18px;
    color: #666;
}

.calculate-dpi-section .container {
    width: auto;
    max-width: 1280px;
}

.pickup-dpi-block h1 {
    font-family: 'sansBold', Arial, sans-serif;
    font-size: 32px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.dpi-calculate-block {
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px 20px 20px 20px;
}

.custom-form-group {
    margin-bottom: 10px !important;
}

.calculate-frm .form-control {
    padding: 5px 12px;    
}

#camera-resolution{
	color:#06C;
    font-family: 'sansRegular', Arial, sans-serif;
    font-size: 14px;
    margin-top: 8px;	
}

.result-calculate-block {
    text-align: center;
    border: 1px solid #B0D0FF;
    padding: 5px;
    font-family: 'sansBold', Arial, sans-serif;
    font-size: 30px;
    color: #C00;
    margin-top: 15px;
}

.dpi-desc-table-block .container {
    width: auto;
    max-width: 1280px;
}

.dpi-desc-table-block h3 {
    font-family: 'sansMedium', Arial, sans-serif;
    font-size: 22px;
    color: #666;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 20px;    
}

.table-camerra-desc tr td {
    text-align: center;
}

.sony-desc-table-block {
    margin-top: 20px;
}

.table-camerra-desc.table>tbody>tr>td, 
.table-camerra-desc.table>tbody>tr>th, 
.table-camerra-desc.table>tfoot>tr>td, 
.table-camerra-desc.table>tfoot>tr>th, 
.table-camerra-desc.table>thead>tr>td, 
.table-camerra-desc.table>thead>tr>th {
    padding: 5px 8px;
}