/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin: 1px 0px 10px 0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin:0px 2px 0px 0px;
border: 1px solid #778;
color: #FFFFFF;
background:#0065D3;
font-weight:normal;
font-size:14px;
font-family:courier;
}

.shadetabs li a:hover{
text-decoration: none;
color: #FFFFFF;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background:#292F6C;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/*for tab-box*/
.tabcontent{
background:white;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
* html .tabcontent{
background:white;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.tabcontent TD 
{
background:white;
padding:5px 10px 10px 10px;
margin:0px 0px 0px 0px;
float:left;
width:400px;
}
#tab-box
{
padding:0px 0px 0px 0px;
margin:0px 0px 40px 0px;
float:left;
}

/*for tab-box1*/
.shadetabs_up2{
padding: 3px 0px 3px 0px;
margin: 1px 0px 10px 0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs_up2 li{
display: inline;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.shadetabs_up2 li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 3px 3px 3px;
margin:0px 2px 0px 0px;
border: 1px solid #778;
color: #FFFFFF;
background:#0065D3;
font-weight:normal;
font-size:14px;
font-family:courier;
}

.shadetabs_up2 li a:hover{
text-decoration: none;
color: #FFFFFF;
}

.shadetabs_up2 li a.selected{ /*selected main tab style */
position: relative;
background:red;
}

.shadetabs_up2 li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent1{
background:white;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:180px;
}
* html .tabcontent1{
background:white;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:180px;
}
.tabcontent1 TD 
{
background:white;
padding:5px 10px 10px 10px;
margin:0px 0px 0px 0px;
float:left;
width:160px;
}
#tab-box1
{
padding:0px 0px 0px 0px;
margin:0px 0px 40px 0px;
width:180px;
float:left;
}

/*for tab-video1*/
.shadetabs1{
padding: 3px 0px 3px 0px;
margin: 0px 0px 0px 0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs1 li{
display: inline;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.shadetabs1 li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px 3px 7px;
margin:0px 0px 0px 0px;
border: 1px solid #778;
color: #FFFFFF;
background:#0065D3;
font-weight:normal;
font-size:14px;
font-family:courier;
}

.shadetabs1 li a:hover{
text-decoration: none;
color: #FFFFFF;
}

.shadetabs1 li a.selected{ /*selected main tab style */
position: relative;
}

.shadetabs1 li a.selected{ /*selected main tab style */
background:#292F6C;
}

.shadetabs1 li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabvideo1{
background:white;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
height:284px;
}
.tabvideo1 TD 
{
background:white;
padding:5px 10px 10px 10px;
margin:0px 0px 0px 0px;
float:left;
width:380px;
}
#tab-video1
{
padding:0px 0px 0px 0px;
margin:0px 0px 40px 0px;
float:left;
}

/*for tab-video2*/
.tabvideo2{
background:white;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.tabvideo2 TD 
{
background:white;
padding:5px 10px 10px 10px;
margin:0px 0px 0px 0px;
float:left;
width:380px;
}
#tab-video2
{
padding:0px 0px 0px 0px;
margin:0px 0px 40px 22px;
float:left;
}

@media print {
.tabcontent {
display:block !important;
}
}