/**********************  Background & Frame Configutations  **************************************************/

body { margin:50px; background:#c6c6c6 url(../../images/tj-bg.jpg) no-repeat center top; font:normal 15px/22px Arial, sans-serif; color:#ffffff; }
a, a:hover, a:active, a:visited { color:#efefef; border:none; outline:0; }

.rounded-frame { padding:40px; border-radius:18px; background:#b1b1b1; }
.rounded-frame-title { padding:10px 0 30px 0; font:bold 28px/32px Arial, sans-serif; text-align:center; }


/**********************  iframe Configutations  ***************************************************************/
.embed-container { position:relative; padding-bottom:56.25%; margin-bottom:30px; height:0; overflow:hidden; }
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }


/**********************  Table Configutations  ***************************************************************/
table { border-collapse:collapse; width:100%; }
th, td { padding:8px 20px; border:1px solid #efefef; text-align:left; }

/**********************  Header row */
th { background:#929292; color:#efefef; font-size:17px; text-align:center; }

/**********************  Column widths */
td:nth-child(2) { width:45px; text-align:center; font-size:14px; }
td:nth-child(3) { width:70px; text-align:center; font-size:14px; }

 

/* Browsers larger than 900px */
@media screen and (min-width: 900px) {
body { margin:80px; }
.rounded-frame { padding:50px; }
.embed-size { width:60%; margin: 0 auto; }
}

/* iPhone landscape and iPad portrait */
@media screen and (min-width: 480px) and (max-width: 899px) {
body { margin:50px; }
.rounded-frame { padding:40px; }
.embed-size { width:100%; margin: 0 auto; }
}

/* iPhone portrait */
@media only screen and (max-width: 479px) and (orientation: portrait) {
body { margin:38px; line-height:18px; }
.rounded-frame { padding:28px; }
.embed-size { width:100%; margin: 0 auto; }
th, td { padding:8px 10px; }
}