﻿/*=================================================================================*/
/* rtab_reduced.css                                                                */
/*                                                                                 */
/* A style sheet containing classes for building tabs connected to rounded boxes   */
/*                                                                                 */
/* 20051002 Jonas Elmqvist jonase@axis.com                                         */
/* Upgraded with difinition for tag type to prevent noncommom css-classes          */
/* to be visible in frontpage                                                      */
/*                                                                                 */
/* Jonas Elmqvist, Tord Karlsson                                                   */
/* (c) Axis Communications                                                         */
/*=================================================================================*/



/*---------------------*/
/* The Link Text Style */
/*---------------------*/

  a.axisRTabLink,
  a.axisRTabLink:link,
  a.axisRTabLink:visited,
  a.axisRTabLink:active,
  a.axisRTabLink:hover {
		text-decoration: none;
		font-weight: bold;
		color: #3366CC;
		}


/*------------------------*/
/* The Large Rounded Tabs */
/*------------------------*/

	td.axisRTabLargeCT {
		height: 30px;
		width: 5px;
		}

	td.axisRTabLargeLine {
		background-image:url(/core/graphics/rtab/large/bg_line_72x35px.gif);
		background-repeat: repeat;
		line-height: 0px;
		height: 35px;
		}

	/*-----------------*/
	/* Large, Inactive */
	/*-----------------*/
	td.axisRTabLargeInActiveL {
		background-image:url(/core/graphics/rtab/large/inactive_left_31x35px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 31px;	
		height: 35px;
		}
		
	td.axisRTabLargeInActiveM {
		background-image:url(/core/graphics/rtab/large/inactive_bg_72x35px.gif);
		background-repeat: repeat;
		height: 35px;
		text-align: center;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;	 
		font-style: normal;  
		font-weight: bold;
		line-height: 14px;  
		color: #666666;
		}

	td.axisRTabLargeInActiveR {
		background-image:url(/core/graphics/rtab/large/inactive_right_31x35px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 31px;
		height: 35px;
		}

	/*---------------*/
	/* Large, Active */
	/*---------------*/
	td.axisRTabLargeActiveL {
		background-image:url(/core/graphics/rtab/large/active_left_31x35px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 31px;	
		height: 35px;
		}

	td.axisRTabLargeActiveM {
		background-image:url(/core/graphics/rtab/large/active_bg_72x35px.gif);
		background-repeat: repeat;
		height: 35px;
		text-align: center;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;	 
		font-style: normal;  
		font-weight: bold;
		line-height: 14px;  
		color: #666666;
		}

	td.axisRTabLargeActiveR {
		background-image:url(/core/graphics/rtab/large/active_right_31x35px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 31px;	
		height: 35px;
		}


/*------------------------*/
/* The Small Rounded Tabs */
/*------------------------*/

	td.axisRTabSmallCT {
		height: 20px;
		width: 5px;
		}

	td.axisRTabSmallLine {
		background-image:url(/core/graphics/rtab/small/bg_line_20x25px.gif);
		background-repeat: repeat;
		line-height: 0px;
		height: 25px;
		}

	/*-----------------*/
	/* Small, Inactive */
	/*-----------------*/
	td.axisRTabSmallInActiveL {
		background-image:url(/core/graphics/rtab/small/inactive_left_20x25px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 20px;	
		height: 25px;
		}
		
	td.axisRTabSmallInActiveM {
		background-image:url(/core/graphics/rtab/small/inactive_bg_20x25px.gif);
		background-repeat: repeat;
		height: 25px;
		text-align: center;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 10px;	 
		font-style: normal;  
		font-weight: bold;
		line-height: 12px;  
		color: #666666;
		}

	td.axisRTabSmallInActiveR {
		background-image:url(/core/graphics/rtab/small/inactive_right_20x25px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 20px;
		height: 25px;
		}

	/*---------------*/
	/* Small, Active */
	/*---------------*/
	td.axisRTabSmallActiveL {
		background-image:url(/core/graphics/rtab/small/active_left_20x25px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 20px;	
		height: 25px;
		}

	td.axisRTabSmallActiveM {
		background-image:url(/core/graphics/rtab/small/active_bg_20x25px.gif);
		background-repeat: repeat;
		height: 25px;
		text-align: center;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 10px;	 
		font-style: normal;  
		font-weight: bold;
		line-height: 12px;  
		color: #666666;
		}

	td.axisRTabSmallActiveR {
		background-image:url(/core/graphics/rtab/small/active_right_20x25px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 20px;	
		height: 25px;
		}


/*------------------------*/
/* Large Rounded Tabs with smaller text */
/*------------------------*/

	td.axisRTab2LargeCT {
		height: 30px;
		width: 5px;
		}

	td.axisRTab2LargeLine {
		background-image:url(/core/graphics/rtab/large/bg_line_72x35px.gif);
		background-repeat: repeat;
		line-height: 0px;
		height: 35px;
		}

	/*-----------------*/
	/* Large, Inactive */
	/*-----------------*/
	td.axisRTab2LargeInActiveL {
		background-image:url(/core/graphics/rtab/large/inactive_left_31x35px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 31px;	
		height: 35px;
		}
		
	td.axisRTab2LargeInActiveM {
		background-image:url(/core/graphics/rtab/large/inactive_bg_72x35px.gif);
		background-repeat: repeat;
		height: 35px;
		text-align: center;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 10px;	 
		font-style: normal;  
		font-weight: bold;
		line-height: 14px;  
		color: #666666;
		}

	td.axisRTab2LargeInActiveR {
		background-image:url(/core/graphics/rtab/large/inactive_right_31x35px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 31px;
		height: 35px;
		}

	/*---------------*/
	/* Large, Active */
	/*---------------*/
	td.axisRTab2LargeActiveL {
		background-image:url(/core/graphics/rtab/large/active_left_31x35px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 31px;	
		height: 35px;
		}

	td.axisRTab2LargeActiveM {
		background-image:url(/core/graphics/rtab/large/active_bg_72x35px.gif);
		background-repeat: repeat;
		height: 35px;
		text-align: center;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 10px;	 
		font-style: normal;  
		font-weight: bold;
		line-height: 14px;  
		color: #666666;
		}

	td.axisRTab2LargeActiveR {
		background-image:url(/core/graphics/rtab/large/active_right_31x35px.gif);
		background-repeat: no-repeat;
		line-height: 0px;
		width: 31px;	
		height: 35px;
		}