/**********
Filename:	styles.css
Author:	Syl Turner .
Created: 	11-20-2006
Updated:	11-28-2006

This CSS is for the Help Centre styles.

11-28-2006: I added the styling for the translation summary page
11-27-2006: I added the styling for the bottom gray bar
***********/

.padding_15px{
  margin-top:15px;
}

.padding_10px{
  margin-top:10px;
}

.resource_bundle_break{
   line-height:20px;
}

.resource_bundle_break1{
   margin-top:5px;
}



body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	behavior:url(csshover.htc);		
	width: 723px;
}

/**********
The header style
***********/
#header {
	width: 500px;	
	padding-left: 192px;
	margin-top: 20px;
}

/*******
The left navigation menu
********/
#left {
	width: 188px;
	padding-bottom: 8px;
	background: url(leftBottom.gif) no-repeat bottom left;
	position: relative;
	float: left;	
	margin-bottom: 30%;
}

#left ul {
	margin: 0px;
	padding: 0px;
	display: block;
}

/* the shadow for the left nav section */
#left .leftNav {
	background: url(menuItem.gif) repeat-y;
}

/* the first item has a slightly different shadow.  here it is. */
#left .firstItem {
	background: url(firstMenuItem.gif) no-repeat;
	margin-right: -8px;
	border: none;
}

#left .firstItem:hover {
	background: url(firstMenuItemHover.gif) no-repeat;		
}

*html #left .firstItem {
	background: none;
	margin-right: 8px;
}

#left .secondItem {
	border-top: 1px solid #939393;	
}
/* the link text color for main menu items, plus it's hover action */
#left a {
	color: #FFF;
	text-decoration: none;	
	display: block;
	padding: 2px 0px 2px 10px;
}

#left ul li ul li a {
	color: #FFF;
	text-decoration: none;	
	display: block;
	padding: 2px 0px 2px 20px;
}

#left ul li ul li ul li a {
	color: #FFF;
	text-decoration: none;	
	display: block;
	padding: 2px 0px 2px 30px;
}

#left ul li ul li a, #left ul li ul li ul li a  {
	color: #000;
	text-decoration: none;				
	display: block;
}

/* hover actions for li's */
#left ul li a:hover {	
	background: #333333;
}
#left ul li ul li a:hover {
	background: #cccccc;
}

/* make the ULs have no bullet style and not be indented */
#left ul {
	list-style-type: none;	
	padding: 0px;
	margin: 0px;	
}

/* used when there's a submenu to fix it in IE */
#left .subMenu {	
	height: 100%;
	border: none;
}

/*main menu level */
#left ul li {	
	margin: 0px 8px 0px 0px;	
	padding-left: 0px;	
	border-bottom: 1px solid #939393;	
	background-color: #4c4c4c;
}

/*sub menu level*/
#left ul li ul li {	
	background-color: #ebebeb;
	margin: 0px 0px 0px 0px;		
	padding-left: 0px;	
	border-bottom: 1px solid #939393;	
}

/*sub sub menu level*/
#left ul li ul li ul li {
	background-color: #ebebeb;
	margin: 0px 0px 0px 0px;	
	padding-left: 0px;		
	border-bottom: 1px solid #939393;		
}

#left .noborder {
	border: none;
}

#left .selected {
	font-weight: bold;
}


/*********
The middle section/default region
**********/
#middle {
	width: 374px;	
	/*margin-left: 3px;*/
	/*background: url(middleBottom.gif) no-repeat bottom left;*/	
	float: left;	
	position: relative;
	margin-bottom: 20px;
}


/*#left {
	width: 188px;
	padding-bottom: 8px;
	background: url(leftBottom.gif) no-repeat bottom left;
	position: relative;
	float: left;	
}*/


#middle .heading {
	background: url(middleHeading.gif) no-repeat;
	color: #FFF;
	font-weight: bold;
	height: 14px;
	padding: 4px 0px 4px 10px;	
	margin: 0;
}

#middle .printAndEmail {
/*	margin-top: -10px;
	margin-bottom: -10px;	*/
	margin: 0;
	padding-right: 20px;
	padding-top: 10px;
	text-align: right;
	background: url(middleBG.gif) repeat-y;
	height: 28px;	
}

#middle .content {	
	/*
	margin-top: 0px;
	margin-bottom: 0;*/
	padding: 1px 20px 0 10px;
	background: url(middleBG.gif) repeat-y;
	display:inline-block; 
	border-bottom: 1px solid #fff;
}

#middle .content{
	display:block;
}
#middle .content-bottom {	
	margin-top: -1px;
	padding-top: 20px;
	background: url(middleBG.gif) repeat-y;
}

#middle img.bottom-line {
	display: block;
	padding:0;
	margin-top:0;
}

#middle h1 {
	font-size: 12px;
	font-weight: bold;
}

#middle .content ul {
	position: relative;
	list-style-type:none;
	margin: -10px 0px 0px 3px;
	padding: 0;
	_padding: -10px 0px 0px 0px;
}
#middle .content li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
#middle .content ul li ul{
	position: relative;
	list-style-type:none;
	margin: -5px 0px 0px 3px;
	padding: 0;
}
#middle .content ul li ul li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

#middle a:link { 
	color:#003366;
	text-decoration:none;
}
#middle a:visited {
	text-decoration:none;
	color:#003366;
}
#middle a:hover {  
	text-decoration:underline;
	color:#003366;
} 
#middle a:active { 
	color:#003366;
	text-decoration:none;
}


/***********
The right section
************/
#right{
	float: left; 
	position: relative; 
	width: 129px;
}

#contact, #search {
	width: 129px;
	padding-bottom: 8px;
	margin-left: 3px;
	background: url(rightBottom.gif) no-repeat bottom left;
	float: right;
	position: relative;
	margin-bottom: 12px;
}

#contact .heading, #search .heading {
	background: url(rightHeading.gif) no-repeat;
	height: 24px;
	color: #FFF;
	font-weight: bold;
	padding: 4px 0px 4px 10px;
}

#contact .content{
	margin-top: -10px;
	padding: 10px;	
	background: url(rightBG.gif) repeat-y;
}

#search .content {
	margin-top: -10px;
	padding: 10px;	
	background: url(rightBG.gif) repeat-y;
}

#CMGLTF_MiniSearch
{
	margin: 0px;
}

#searchTextField
{
	width: 97px;
}

#searchSpace
{
	height: 8px;
}

#contact p, #search p {
	margin: 0px;
}

#contact .margin, #search .margin {
	margin-bottom: 5px;
}

#contact a:link, #search a:link { 
	color:#003366;
	text-decoration:none;
}
#contact a:visited, #search a:visited {
	text-decoration:none;
	color:#003366;
}
#contact a:hover, #search a:hover {  
	text-decoration:underline;
	color:#003366;
} 
#contact a:active, #search a:active { 
	color:#003366;
	text-decoration:none;
}
#invisible
{
	float: left; 
	position: relative; 
	width: 0px;	
	height: 376px;
}

/***********
The bottom section
************/
#bottom {
     
	clear:both; 
        width: 100%;
	height: 27px;
	background-color: #CCCCCC;	
	text-align: right;
         
        
        /*position: relative;	*/
	margin-top: 12px;
	padding-top: 10px;
	_margin-top: -14px;
         margin-bottom: 0px;
}

#bottom a
{
	/*position: relative;
	right: 7px;
	top: 10px;*/
	padding-right: 7px;
}

#bottom a:link { 
	color:#003366;
	text-decoration:none;
}
#bottom a:visited {
	text-decoration:none;
	color:#003366;
}
#bottom a:hover {  
	text-decoration:underline;
	color:#003366;
} 
#bottom a:active { 
	color:#003366;
	text-decoration:none;
}
/***************
        Quick Help Styles
*****************/
#hh-QH-Bottom {
	position: absolute;
	bottom: 0px;
	background-color: #CCCCCC;
	height: 40px;
	width: 495px;
	margin: 0px;
}


/***************
	IE fixes
*****************/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

.ieFirstItemOver {
	background: url(firstMenuItemHover.gif) no-repeat;
}

.ieFirstItemOut {
	background: url(firstMenuItem.gif) no-repeat;
}