@CHARSET "UTF-8";
/*
*	$Date: 2006/04/13 23:27:10 $
*	$Revision: 1.3 $
*	$Author: jbelew $
*	$Id: common.ognc.css,v 1.3 2006/04/13 23:27:10 jbelew Exp $
*
* 	$Log: common.ognc.css,v $
* 	Revision 1.3  2006/04/13 23:27:10  jbelew
* 	Initial checkin of 'Getting Started' page along with changes to the related assets needed to support new layout usages.
* 	
* 	Revision 1.2  2006/04/10 20:56:01  jbelew
* 	Added support for the 'Global Sites' drop down ...
*
* 	Revision 1.1  2006/04/06 18:45:22  jbelew
* 	Refactored directory structures ...
*
* 	Revision 1.2  2006/04/04 22:47:41  jbelew
* 	Converted implementation to use a table based layout, as specified by Renesas' CMS implementation.
*
* 	Revision 1.1  2006/04/03 17:19:42  jbelew
* 	Updated page to use a table based layout ...
*
* 	Revision 1.2  2006/03/22 22:47:33  jbelew
* 	Reformatted documents for project consistancy ...
*
* 	Revision 1.1  2006/03/20 19:21:28  jbelew
* 	Sync'ing with CVS ...
*/

/* Common styles */
body {
	background-color: transparent;
	color: #666;
	margin: 0;
}

.hidden {
	display: none;
}

.width_constrainer {
	width: 768px;
	width: expression(document.body.clientWidth > 768? "768px": "auto" );
}

hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

#language-selector {
	width: auto;
	border-color: #d91c00 #d4d5cf #d4d5cf;
	border-style: solid;
	border-width: 2px 0 1px;
	padding: .5em 1em;
}

.language_icon {
	border-color: #d91c00 #d4d5cf #fff;
	border-style: solid;
	border-width: 0 1px 0 0;
	padding: 0 .5em;
}

#global-nav {
	width: auto;
	border-color: #d4d5cf;
	border-style: solid;
	border-width: 0 0 1px;
	padding: 1em 1em 1em 3em;
}

#depth-path {
	background-color: #f1f0eb;
	width: auto;
	border-color: #d4d5cf;
	border-style: solid;
	border-width: 0 0 1px;
	padding: 1em 5em;
}

#footer {
	clear: both;
	border-color: #d4d5cf;
	border-style: solid;
	border-width: 1px 0 0;
	margin: 2em 0 1em 1em;
	padding: 1em;
}

#footer a {
	color: #666;
}

.link_icon {
	background-image: url('../images/ws_support/link_icon.gif');
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 1.25em;
}

#depth-path a {
	color: #d91c00;
}

#global-nav input, select {
	color: #666;
	font-size: 1em;
}

/* Classes to support the Global Sites dropdown */
#global-sites, #global-sites ul,
#global-sites2, #global-sites2 ul,
#global-sites3, #global-sites3 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#global-sites a,
#global-sites2 a,
#global-sites3 a {
	display: block;
	width: 15em;
}

#global-sites li,
#global-sites2 li,
#global-sites3 li {
	float: left;
	width: 15em;
}

#global-sites li ul,
#global-sites2 li ul,
#global-sites3 li ul {
	position: absolute;
	background-color: #CCCCCC;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	width: 10em;
	left: -999em;
}

#global-sites li:hover ul,
#global-sites2 li:hover ul,
#global-sites3 li:hover ul {
	left: auto;
}

#global-sites li ul li,
#global-sites2 li ul li,
#global-sites3 li ul li {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0 0 1px 0;
}

#global-sites li ul li a,
#global-sites2 li ul li a,
#global-sites3 li ul li a {
	color: #333333;
	padding: .25em;
	text-decoration: none;
}

#global-sites li ul li a:hover,
#global-sites2 li ul li a:hover,
#global-sites3 li ul li a:hover {
	color: #cd0003;
}

#global-sites li:hover ul, #global-sites li.sfhover ul,
#global-sites2 li:hover ul, #global-sites2 li.sfhover ul,
#global-sites3 li:hover ul, #global-sites3 li.sfhover ul {
	left: auto;
}



.boxed {
	border-color: #FFFF66;
	border-style: solid;
	border-width: 1px;
}

.container {
	float: left;
	padding-left: 12px;
	margin: 1em 0 0;
}

.container h1 {
	font-weight: 400;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 0;;
	padding: 0;
}

.container h2 {
	color: #d91c00;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0;
	padding: 0 .5em;
}

.container .secondary {
	color: #000;
	font-size: 1.25em;
	text-transform: none;
	margin: 0;
	padding: .5em;
}

.container p {
	margin: 0 0 1em;
}

.content_hidden {
	display: none;
}

.content_active {
	display: block;
}

.indented {
	padding: 0 .5em;
}

.red_header {
	background-image: url('../images/common.ognc/corner_upper-left.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #cd0003;
	color: #fff;
	margin: 0 0 .25em;
	padding: .25em .25em .25em .5em;
}

.red_header_right {
	background-image: url('../images/common.ognc/corner_upper-right.gif');
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #cd0003;
	color: #fff;
	margin: 0 0 .25em;
	padding: .25em .25em .25em .5em;
}

.red_header a {
	color: #fff;
}

.red_header_right a {
	color: #fff;
}


.gradient {
	background-image: url('../images/homepage.ognc/gradient.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	border-color: #cbccc4 #cbccc4 #cbccc4;
	border-style: solid;
	border-width: 1px 1px 1px;
	padding: 1em 1em 0;
}

.gradient h2 {
	text-transform: none;
	margin: 0;
	padding: 0;
}

.gradient h2 a {
	font-weight: bold;
	text-decoration: none;
}



.gradient p {
	margin: 0 0 1em;
}

.gradient ul {
	margin-top: 0;
	padding: 0 0 0 1em;
}

.gradient a {
	color: #cd0003;
}

.gradient table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* L2 New Add(2011.0907) */
#contentsArea table {
    border-collapse: separate;
    border-spacing: 1px;
}
table.bg_com tbody tr td {
	padding: 0px !important;
}
table.bg_com tbody tr td table {
	padding: 5px !important;
}