/**               LEGEND               
    | .content    -- the content div             |
    | #tabs       -- the div that holds all tabs |
    | .tab        -- an inactive tab             |
    | .tabActive  -- an active tab               |
    | .tabHover   -- an inactive tab onMouseOver |
    |___________________________________________*/
	
	#tabs {
		margin-bottom: 10px;
		border-left: 1px solid #157df7;
		color: #157df7;
	}
	
	.tab {
         /*position: relative;
		 border: 1px solid #00004E;
         border-bottom-width: 0;
         padding:2px 9px 1px 9px;
          background-color: #D0DBE6; 
         color:#333;
         z-index: 100;
         -Moz-Border-Radius: 6px 6px 0 0;
		 */
		cursor: pointer;
		padding: 0px 10px;
		border-right: 1px solid #157df7;
	}
	
	.tabActive,
	.tabHover {
		background-color: #157df7;
		color: #ffffff;
         /*z-index: 10000;*/
	}
	
	.tabs {
		position: absolute;
		top: 12px;
		left: 162px;
		white-space: nowrap;
		width: 600px;
		font-size: 12px;
		font-family: verdana;
		font-weight: 700 !important;
		cursor: default !important;
		white-space:nowrap;
		z-index: 10000;
		-Moz-User-Select: none;
	}
	  
	.content {
		/*
		margin-left: 0px;
		top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 1px 1px 1px 1px;
		margin: 0 0px;
		border: 1px solid #00004E;
		width: 100%;
		border-top: 1px solid #00004E;
		border-left: 1px solid #00004E;
		z-index: 500;
		background-color: #F1F7FF;
		-Moz-Border-Radius: 6px;
		position: relative;
		visibility:hidden;
		*/
		/* round corners for netscape6.2+ and Mozilla */
	}
      
    /** Rules for Tabs Clone option 
     *
     * Tabs on the bottom do not have a top border
     */
	.tabsClone .tab,.tabsClone .tabActive {
	  	cursor: pointer;
        border-top-width:0;
        border-bottom-width:1px;
        -Moz-Border-Radius: 0 0 6px 6px;
	}

	.tabsClone .tabActive{top: 0px;}