@charset "utf-8";
/* CSS Document */
/* By Claudio Andre Fauvrelle: claudio.andre@tvcabo.co.mz*/

/*************Page CSS********************/
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}

/*************LINKS**********************/
/*links main*/
a:link {
	text-decoration: none;
	color:#033a54;
}
a:visited {
	text-decoration: none;
	color:#033a54;
}
a:active {
	text-decoration: none;
	color:#033a54;
}
a:hover {
	text-decoration: none;
	color:#033a54;
}
/*links news*/
a.news:link {
	text-decoration: none;
	color:#535353;
}
a.news:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#535353;
}a.news:active {
	text-decoration: none;
	color:#535353;
}
a.news:visited {
	text-decoration: none;
	color:#535353;
}
/*links news*/
a.quick:link {
	text-decoration: none;
	color:#FFffff;
}
a.quick:hover {
	text-decoration:underline;
	color:#FFffff;
}
a.quick:active {
	text-decoration: none;
	color:#FFffff;
}
a.quick:visited {
	text-decoration: none;
	color:#FFffff;
}


/************Fonts*****************/
.topmenu {
	font-size: x-small;
	font-weight: bold;
	color:#FFCC00;
}

.style1 {color: #FFFFFF}

.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#535353;
}

.titles_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#ffffff;
}

.titles_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#1F485E;
}

.brown_font {
	color: #795B00;
}

/****************Tables***************/
#borderdark table {
  border-right: 1px solid #535353;
  border-left: 1px solid #535353;
  border-top: 1px solid #535353;
  border-bottom: 1px solid #535353;
}


#borderlight table {
  border-right: 1px solid #1F485E;
  border-left: 1px solid #1F485E;
  border-top: 1px solid #1F485E;
  border-bottom: 1px solid #1F485E;
}

#box{
background-color:#CCCCCC;
padding: 6px;
}

#distances table {
  border-right: 1px solid #1B406A;
  border-left: 1px solid #1B406A;
  border-top: 1px solid #1B406A;
  border-bottom: 1px solid #1B406A;
}




/****************************************************************/

/*Content Slider for Distances**/
.contentslide{
border: 0px solid #ffffff;
border-bottom-width: 2px;
padding: 1px;
width: 380px;
height: 220px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 378px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color:#033a54;
border: 0px solid #1B406A;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 380px; /*IE5 width*/
w\idth: 396px; /*IE6 width*/
}

.pagination a{

padding: 0 6px;
text-decoration: none; 
color: #ffffff;
background-color: #033a54;
}

.pagination a:hover, .pagination a.selected{
color: #033a54;
background-color: #FFFFFF;
}
/*End Content Slider*/
/****************************************************************/
/*POP UP Boxes*/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}
/************************************************************/
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px 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: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #033a54;
background: white url(../scripts/shades.jpg) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

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

.shadetabs li a.selected{ /*selected main tab style */
background-image:url(../scripts/shadeactive.gif);
border-bottom-color: white;
}

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

.tabcontent{
display:none;
background:url(../images/alpha-lines.png) repeat;
padding: 4px;
}

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