
#vidbox {border:5px solid #0c1422; background-color:#0c1422; width:810px; height:400px; vertical-align:text-top;}

#video_1 {border:5px solid #0c1422; background-color:#0c1422; width:900px; height:360px; vertical-align:text-top;}

.form_xsmall {COLOR: #0c1422; TEXT-DECORATION: none; FONT-SIZE: 11px; FONT-FAMILY: Arial
}
.form_small {COLOR: #0c1422; TEXT-DECORATION: none; FONT-SIZE: 13px; FONT-FAMILY: Arial
}
.form_blue {COLOR: #006699; TEXT-DECORATION: none; FONT-SIZE: 13px; 
}
.form_black {COLOR: #0c1422; TEXT-DECORATION: none; FONT-SIZE: 13px; 
}
.form_black_lg {COLOR: #0c1422; TEXT-DECORATION: none; FONT-SIZE: 16px; 
}
.button_xsm {TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Verdana
}
.button_sm {TEXT-DECORATION: none; FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
.button_gold_sm {COLOR: #FFD700; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: Verdana
}
.white_sm {COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 12px; FONT-FAMILY: verdana
}
.white_med {COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 22px; FONT-FAMILY: verdana
}
.white_lg {COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 24px; FONT-FAMILY: verdana
}
.black_sm {COLOR: #0c1422; TEXT-DECORATION: none; FONT-SIZE: 15px; FONT-FAMILY: Arial
}
.black_med {COLOR: #0c1422; TEXT-DECORATION: none; FONT-SIZE: 17px; FONT-FAMILY: verdana
}
.black_lg {COLOR: #0c1422; TEXT-DECORATION: none; FONT-SIZE: 20px; 
}
.black_xlg {COLOR: #0c1422; TEXT-DECORATION: none; FONT-SIZE: 23px; 
}
.red_sm {COLOR: #cc0000; TEXT-DECORATION: none; FONT-SIZE: 15px; 
}
.red_med {COLOR: #cc0000; TEXT-DECORATION: none; FONT-SIZE: 17px; FONT-FAMILY: verdana
}
.red_lg {COLOR: red; TEXT-DECORATION: none; FONT-SIZE: 20px; 
}
.nav {COLOR: #517693; TEXT-DECORATION: none; FONT-SIZE: 13px; 
}






#button {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; COLOR: #5AA7C6; 	PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif; background-image: url("http://www.krankin.com/rdx-assets/images/vid-btn-bg.png");
}
#button UL {
BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 	medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LIST-STYLE-TYPE: none;
}
#button LI { 
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #0c1422 0px solid; BORDER-TOP: #0c1422 1px solid; LIST-STYLE-TYPE: none;
}
#button LI.title {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 7px; MARGIN: 0px; PADDING-TOP: 8px; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #83d058; background-image: url("http://www.krankin.com/rdx-assets/images/vid-btn-bg.png"); FONT-FAMILY: Arial, Verdana; FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #0c1422; BORDER-BOTTOM: #0c1422 1x solid; BORDER-TOP: #a7242c 0px solid; BORDER-RIGHT: #a7242c 0x solid; BORDER-LEFT: #a7242c 0x solid;	
<!-- #ddeeff  #5AA7C6 #a7242c -->
}
#button LI A {
BORDER-RIGHT: #0c1422 0px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; BORDER-LEFT: #efb609 0px solid; WIDTH: 100%; COLOR: #0c1422; PADDING-TOP: 7px; background-image: url("http://www.krankin.com/rdx-assets/images/vid-btn-bg.png"); TEXT-DECORATION: none;
}
#button LI A:visited {
BORDER-RIGHT: #0c1422 0px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; BORDER-LEFT: #efb609 0px solid; WIDTH: 100%; COLOR: #0c1422; PADDING-TOP: 7px; BACKGROUND-COLOR:  #83d058; TEXT-DECORATION: none;
}
#button LI A:hover {
BORDER-RIGHT: #0c1422 0px solid; BORDER-LEFT: #a7242c 0px solid; BORDER-TOP: #5CACEE 0px solid; COLOR: #FFFFFF; BACKGROUND-COLOR: 0c1422; TEXT-DECORATION: none;
}
#button LI.on A {
BORDER-RIGHT: #0c1422 0px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; BORDER-LEFT: #efb609 0px solid; WIDTH: 100%; COLOR: #FFFFFF; PADDING-TOP: 7px; BACKGROUND-COLOR: #0c1422; TEXT-DECORATION: none; BORDER-TOP: #5CACEE 0px solid; BORDER-BOTTOM: #83d058 0px solid; background-image: none;
}
#button LI.on A:visited {
BORDER-RIGHT: #0c1422 0px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; BORDER-LEFT: #efb609 0px solid; WIDTH: 100%; COLOR: #FFFFFF; PADDING-TOP: 7px; BACKGROUND-COLOR: #0c1422; TEXT-DECORATION: none; BORDER-TOP: #5CACEE 0px solid; BORDER-BOTTOM: #5CACEE 0px solid; background-image: none;
}
#button LI.on A:hover {
BORDER-RIGHT: #0c1422 0px solid; BORDER-LEFT: #a7242c 0px solid; COLOR: #FFFFFF; BACKGROUND-COLOR: #0c1422; TEXT-DECORATION: none; background-image: none;
}
UNKNOWN {
WIDTH: auto
}






/* ===== Video TABS ===== */

#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  margin-bottom:-1px;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a {
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 1.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
  letter-spacing:0.03em;
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {
  background: #fff;
}

#tabs a:focus {
  outline: 0;
}

#tabs a::after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;
}

#tabs #current a,
#tabs #current a::after {
  background: #0c1422;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0,0,0,.9);
  z-index: 3;
}

#tabs #red a,
#tabs #red a::after {
  background: #E0E0E0;
  background-image: linear-gradient(to bottom, #ddd, #fff);  
  color: #dd0000;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  z-index: 1;
}

#content {
  background: #fff;
  padding: 2em;
  height: 220px;
  position: relative;
  z-index: 2; 
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}







/* ===== Video Container ===== */


.video-container {

    position: relative;

    max-width: 100%;

    max-height: 450px;
}

.video-container iframe,

.video-container object,

.video-container embed {

    margin-left: auto;

    margin-right: auto;

    max-width: 100%;

    max-height: 450px;
}

/* ===== See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.xvLhjH0Z.dpuf ===== */
