/************************************************************** GLOBAL STYLES */

html {
	/*min-width: 750px;*/
	}
	
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff url(/g/chrome/bkgrnd_greydots.png) repeat;
	font-family: "Lucida Grande", "Luxi Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
	font-size: small;
	color: #333;
  	behavior: url(/s/csshover.htc) /* WinIE behavior call */
	}
	
#wrap {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #fff
	}
	
#innerwrap {
	width: 720px;
	margin: 0 15px;
	padding: 0;
	}
	
/* for the DOM added div */
.cb {
	clear:both; 
	height:0; 
	overflow:hidden
	}
	
.hide {
	display: none
	}
	
.center {
	text-align: center
	}
	
.warning {
	margin: 1.5em 0;
	padding: 15px;
	background: #f7f2d0;
	color: #900
	}
	
.warning h2 {
	font-size: small
	}
	
.newsdatehp {
	font-size: 8pt;
	color: #999
	}
	
.note, .palenote {
	font-size: x-small
	}
	
.palenote {
	color: #666
	}

.rednote,
.redNote {
	color:#cc0000
	}
	
.paleNote {
	color:#999
	}
	
.newsDate {
	color:#999;
	font-weight:bold
	}
	                                                                   
.trademark {
	vertical-align: super;
	font-size: smaller
	}
	
form button {
cursor: pointer
	}


/* Market2Lead Form */
#m2lform{position:relative}
#m2lform iframe{border:0;overflow:hidden;position:relative;z-index:2;margin:0}
#m2lform div.m2lload{top:50px;position:absolute;z-index:1;width:100%;text-align:center;background:url('/g/chrome/throbber_dickie.gif') no-repeat center;height:18px}
#m2lform span{display:none}

	
/************************************************************** BASIC HTML STYLES */
	
p {
	line-height: 1.25em;
/*	margin-top: 0; */
	}

h1+p,
h2+p,
h3+p,
h4+p {
	margin-top: .25em
	}
	
p.footnote {
	margin-top: 4em;
	font-size: x-small;
	color: black
	}
	
p.question {
	color: #999;
	font-weight: bold;
	margin-bottom: 0px
	}
	
p.answer {
	margin: 0 auto 15px auto
	}
	
blockquote.introquote {
	color: #666; 
	font-size: small; 
	margin: 15px
	}
	
blockquote.introquote p {
	font-family: Georgia, serif; 
	padding-bottom: 0; 
	margin-bottom: 0
	}
	
blockquote.introquote cite {
	margin-left: 350px; 
	margin-right: 1em; 
	font-size: smaller
	}

img {
	border: 0
	}
	
img.promoInline {
	margin-bottom: 15px
	}
	
img.imgInline {
	margin: 15px 0
	}

img.iconLeft {
	margin-right: 5px
	}

img.floatRight	{
	float: right;
	display: block;
	margin-left: 15px;
	margin-bottom: 10px
	}

img.floatLeft	{
	float: left;
	display: block;
	margin-right: 15px;
	margin-bottom: 10px
	}
	
dt {
	font-weight:bold;
	padding-bottom:.5em
	}

dd {
	margin-bottom:1.5em
	}
	
dd div {
	margin: 1em 0 2em 0
	}

button.contactSales {
	background: url(/g/chrome/link_buttonred.png) no-repeat;
	text-align: center;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	width: 75px;
	height: 29px;
	border: 0;
	padding: 0;
	margin: 0
	}

table {	
	font-size: x-small
	}
	
table.normal {	
	font-size: small
	}	
	

/************************************************************** LINK STYLES */	
a:link {
	color: #0066cc
	}
	
a:visited {
	color: #6699cc
	}
	
h2 a,
h3 a,
h4 a {
	text-decoration: none
	}
	

	
/************************************************************** FORM ROWS */

input, button {
	border: 1px solid #999;
	background: #f7f2d0
	}
	
input.submitSpace {
	margin-top: 20px
	}

div.formblock {		/* for formblocks that follow h2's */
	margin-bottom: 1em
	}

div.formrow {
  	padding: 5px 0;
  	font-size: x-small
	}
	
	
div.formrow:after {
    content:".";
    display:block;
    height:0;
    clear:right;
    visibility:hidden
	}
 	
	.formrow {display: inline-block
	}
    /* Targets IE6 Win only \*/
    .formrow {display:block
	}
    /* End Holly Hack */



div.formrow span.label {
	float: left;
	width: 110px;
	text-align: right;
	font-weight: bold;
	padding: .5em 0;
	white-space: nowrap
	}

div.formrow span.formfield {
	float: right;
	width: 130px;
	text-align: left
	}
	
div.formrow span.labelFull {
	float: left;
	width: 140px;
	text-align: right;
	font-weight: bold;
	padding: .5em 0
	}
	
div.formrow span.labelWide {
	float: left;
	width: 200px;
	text-align: right;
	font-weight: bold;
	padding: .5em 0
	}
	
div.formrow span.formfieldFull {
	float: right;
	width: 540px;
	text-align: left
	}
	
div.formrow span.labelWeb {
	float: left;
	width: 240px;
	text-align: right;
	font-weight: bold;
	padding: .25em 0
	}

div.formrow span.formfieldWeb {
	float: right;
	width: 440px;
	text-align: left
	}
	
fieldset.formLayout{
    padding: 3px 10px;
    margin: 0 0 15px 0;
    border: 1px solid #b4b4b4;
    background: #eeeeee;
    *background: #EEEEEE url('/g/fieldsetCover.gif') repeat-x left -5px; /* for ie7 bug */
    }

fieldset.formLayout legend{
    font-weight: bold;
    background: #ffffff
	}

fieldset.formLayout input,
fieldset.formLayout select{
    background-color: #ffffff
	}

fieldset.formLayout label{
    background-color: none
	}

div.textrow {
      padding: 5px 0;
      font-size: x-small
	}
      
div.textrow span.label {
      float: left;
    width: 110px;
    text-align: right;
    font-weight: bold
	}
    
div.textrow span.textLine {
      margin-left: 15px
	}
	
/* sIFR */

.sIFR-hasFlash h1.loud {
	visibility: hidden
	}

.sIFR-flash {
	visibility: visible !important;
	margin: 0
	}

.sIFR-replaced {
	visibility: visible !important
	}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden
	}
/* begin blue link button styles */
div.buttonGroup {
	display: table;
	margin: auto
	}
	/* Holly Hack Targets IE Win only \*/
    * html .buttonGroup {text-align: center
	}
    /* End Holly Hack */


p.buttonWrap {
	padding:0;
	margin:0
	}

a.button{
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 0 8px 0;
	margin-right:.5em
	}

/* targets IE7 only */
*:first-child+html .buttonWrap a.button { padding:5px 0 5px 0
	}

* html a.button{
	padding:0 0 0 5px;
	margin:5px 0 0 0
	}

* html a.button span{
	line-height:26px
	}

a.button span{
	line-height:24px;
	color:#fff;
	margin:0 0 0 15px;
	padding:5px 20px 8px 5px
	}

/* targets IE7 only */
*:first-child+html .buttonWrap a.button span { padding:5px 20px 5px 5px
	}

a.button {background:url(/g/chrome/button-left.gif) no-repeat center left
	}
a.button span{background:url(/g/chrome/button-right.gif) no-repeat center right
	}
	
a.redbutton {background:url(/g/chrome/button-left-red.gif) no-repeat center left
	}	

/* Training Enroll */
.summaryBox a.button {background:url(/g/chrome/buttonBluebg-left.gif) no-repeat center left
	}
.summaryBox a.button span{background:url(/g/chrome/buttonBluebg-right.gif) no-repeat center right
	}


.errorMessage {
	color: #c00
	}

ul, 
ol {
	padding-left: 12px;
	margin-left: 12px
	}

ul li,
ol li {
	margin: 5px 0
	}

ul.linkage li{
	list-style-image: url(/g/chrome/bullet_arrowblue.png)
	}
ul.linkage a {text-decoration: none
	}
ul.linkage a:hover {text-decoration: underline
	}

ul.listLeft {
	padding-left: 1em
	}

/* BEGIN new "rhel5" styles */

ul.clean {
	list-style-type: none;
	padding-left: 5px;
	margin-left: 5px
	}

ul.linkage li ul.clean {
	margin-left: 0;
	padding-left: 0
	}

ul.clean li {
	list-style-image: none
	}


div.returnTop {height: 12px
	}
div.returnTop a {
	float: right;
	display:block;
	width: 10px;
	height: 11px;
	background: url(/g/chrome/arrow_page_up.png) top left no-repeat
	}
/* END new "rhel5" styles */


/************************************************************** New webform styles */

/* Shared form fieldset styles */

.fieldsetform_embedded, 
.fieldsetform {
	background-color: #eee;
	border: 1px solid #b9b9b9;
	width: auto;
	padding: 15px;
	margin-bottom: 1.25em
	}
	
.fieldsetform_embedded #special_questions ol li, 
.fieldsetform #special_questions ol li {
	padding: 10px 0;
	margin: 0
	}
	
.fieldsetform_embedded #special_questions ol label, 
.fieldsetform #special_questions ol label {
	display: block;
	font-weight: bold
	}
	
.fieldsetform_embedded #special_questions ol li ul li, 
.fieldsetform #special_questions ol li ul li {
	list-style-type: none;
	padding: 0;
	margin: 0
	}
	
.fieldsetform_embedded #special_questions ol li ul, 
.fieldsetform #special_questions ol li ul {
	padding: 0;
	margin: 0
	}
	
.fieldsetform_embedded .rowform, 
.fieldsetform .rowform {
	margin: 0 0 10px 0
	}
	
.fieldsetform input.checkbox_radio, 
.fieldsetform_embedded .checkbox_radio {
	width: auto;
	border: 0;
	background-color: transparent
	}
	
.fieldsetform_embedded input.rowbutton, 
.fieldsetform input.rowbutton {
	width: auto;
	margin-left: 40%;
	margin-top: 5px
	}
	
.fieldsetform #special_questions .rowform label, 
.fieldsetform #special_questions .rowform ul,
.fieldsetform_embedded #special_questions .rowform label, 
.fieldsetform_embedded #special_questions .rowform ul {
	text-align: left;
	display: block;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 5px 10px 5px 0
	}
	
.rowform:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden
	}

.rowform {display:inline-block
	}
/* Hide from IE6 \*/
.rowform {display:block
	}
/* End */


/* Begin styles used in embedded web forms */
	
.fieldsetform_embedded label {
	display: block;
	padding: 0 0 3px 0
	}

.fieldsetform_embedded span {
	display: block
	}

.fieldsetform_embedded input, .fieldsetform_embedded textarea, .fieldsetform_embedded select {
	width: 97%;
	background-color: #fff
	}
	
.fieldsetform_embedded #special_questions {
	padding: 0;
	background-color: none;
	margin-top: 25px
	}
	
	
/* Begin styles used in full page web forms */
	
.fieldsetform .rowform label  {
	width: 240px;
	padding: 5px 10px 5px 0;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 95%
	}

.fieldsetform input, .fieldsetform textarea {
	width: 350px;
	background-color: #fff
	}	
	
.fieldsetform span {
	margin-left: 240px;
	display: block
	}
	
.fieldsetform .rowform span+span {
	padding-top: 4px
	}

.fieldsetform #special_questions {
	background-color: #e6e6e6;
	padding: 10px 60px;
	margin: 25px 0 20px 0
	}
	
.m2lbox{
	width:100%;
	border:1px solid #B4B4B4;
	margin:10px 0;
	padding:5px 0;
	position:relative
}
.m2lbox iframe {
	border:0;
	overflow:hidden
	border:0;
	overflow:hidden
	}
.m2lbox span {
        position:absolute;
        left:-50000px
}
.m2lboxcontent {
	margin:0 10px
}

.m2lbox .topleft,.m2lbox .topright,.m2lbox .botleft,.m2lbox .botright{
	background:url('/g/chrome/white-circle.png') no-repeat;
	width:10px;
	height:10px;
	position:absolute
}

.m2lbox .topleft {
	left:-1px;
	top:-1px
}

.m2lbox .topright {
	background-position:top right;
	right:-1px;
	top:-1px
}

.m2lbox .botleft {
	background-position:bottom left;
	left:-1px;
	bottom:-1px
}

.m2lbox .botright {
	background-position:bottom right;
	right:-1px;
	bottom:-1px
}
/* end new webform styles */

/* corner styles */
.corner_topleft,.corner_topright,.corner_bottomleft,.corner_bottomright,.corner_gray_topleft,.corner_gray_topright,.corner_gray_bottomleft,.corner_gray_bottomright,.corner_blue_topleft,.corner_blue_topright,.corner_blue_bottomleft,.corner_blue_bottomright {
	position:absolute;
	width:10px;
	height:10px;
	overflow:hidden;
	z-index:2
}
.corner_topleft,.corner_topright,.corner_bottomleft,.corner_bottomright {
	background:url('/g/chrome/white-circle.png')
}
.corner_gray_topleft,.corner_gray_topright,.corner_gray_bottomleft,.corner_gray_bottomright {
	background:url('/g/chrome/gray-circle.png')
}
.corner_blue_topleft,.corner_blue_topright,.corner_blue_bottomleft,.corner_blue_bottomright {
	background:url('/g/chrome/blue-circle.png')
}
.corner_topleft,.corner_gray_topleft,.corner_blue_topleft {
	top:-1px;
	left:-1px
}
.corner_topright,.corner_gray_topright,.corner_blue_topright {
	top:-1px;
	right:-1px;
	background-position:10px 0
}
.corner_bottomleft,.corner_gray_bottomleft,.corner_blue_bottomleft {
	bottom:-1px;
	left:-1px;
	background-position:0 10px
}
.corner_bottomright,.corner_gray_bottomright,.corner_blue_bottomright {
	bottom:-1px;
	right:-1px;
	background-position:10px 10px
}

/* old tabber styles */

#tabs{
	position:relative
}
#tabs .corner_topleft, #tabs .corner_blue_topleft {
	top:22px;
	left:0;
}
#tabs .corner_topright, #tabs .corner_blue_topright {
	top:22px;
	right:0;
}
#tabs .corner_bottomleft, #tabs .corner_blue_bottomleft {
	left:0;
	bottom:0;
}
#tabs .corner_bottomright, #tabs .corner_blue_bottomright {
	right:0;
	bottom:0;
}
#tabber {
	width:99%;
	height:22px;
	position:relative;
	font-size: 95%;
	z-index:2;
}
#tabber ul {
	margin:0;
}
#tabber li {
	list-style:none;
	float:left;
	margin:0 1px;
	height:22px;
	line-height:20px;
	background: #787878 url('/g/chrome/graytab-left.png') no-repeat
}
#tabber li.selected {
	background:url('/g/chrome/graytab-left-on.png') no-repeat #FFF;
	height:23px
}
#tabber ul#tabber_blue li.selected {
	background:url('/g/chrome/bluetabs_lefttab.png') no-repeat #FFF;
	height:23px;
}
#tabber li a {
	display:block;
	color:#FFF;
	padding:1px 10px 1px;
	text-decoration:none;
	background: transparent url('/g/chrome/graytab-right.png') no-repeat top right
}
#tabber li a:hover {
	color:#000
}
#tabber li a.selected {
	color:#787878;
	background:url('/g/chrome/graytab-right-on.png') no-repeat top right
	}
#tabber ul#tabber_blue li a.selected {
	color:#444;
	background:url('/g/chrome/bluetabs_righttab.png') no-repeat top right
	}
	


#tabcontent{
	border:1px solid #B4B4B4;
	margin:0;
	position:relative;
	z-index:1;
	padding:15px;
}


#jqTabcontent{
	border:1px solid #666;
	margin:0;
	position:relative;
	z-index:1;
	padding:25px 15px;
}

/* new jQuery tabber styles */

#jqTabs{
	position:relative;
}
#jqTabs .corner_topleft {
	top:22px;
	left:0;
}
#jqTabs .corner_topright {
	top:22px;
	right:0;
}
#jqTabs .corner_bottomleft {
	left:0;
	bottom:0;
}
#jqTabs .corner_bottomright {
	right:0;
	bottom:0;
}
#jqTabber {
	margin: 10px 0 0 0;
	padding: 0 15px;
	height:24px;
	position:relative;
	font-size: 95%;
	z-index:2;
}
#jqTabber ul {
	margin:0;
}
#jqTabber li {
	list-style:none;
	float:left;
	margin:0 1px;
	height:24px;
	line-height:20px;
	border: 1px solid #666;
	border-bottom: none;
	background-color: #666;
	-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;
}
#jqTabber li.selected {
	background-color: #fff;
}
#jqTabber li a {
	display:block;
	color:#FFF;
	padding:1px 10px 1px;
	text-decoration:none;
}
#jqTabber li a:focus {
	outline: none;
}
#jqTabber li a.selected {
	color:#787878;
	}
#jqTabber li.sales {
	float: right;
	border: none;
	background-color: #900;
	height: 20px;
	-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;
}
#jqTabber li.sales a {
	font-size: 90%;
	color: #fff;
	padding: 0 10px;
}
#jqTabber li a:hover {
	color:#ccc;
}


/* Red Hat Campaign Template styles
----------------------------------*/
h1#campaignHL {
	background: url(/g/banner/RH_sundown_720x140_promo.png) no-repeat 0 50%;
	width: 720px;
	height: 140px;
	text-indent: -5555px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

a.more {
	text-decoration: none;
	background: url(/g/chrome/bullet_arrowblue.png) no-repeat 100% 70%;
	padding-right: 12px;
	font-weight: bold;
}
a.more:hover {
	text-decoration: underline;
}
a.more:visited {
	color: #0066cc;
}
#tabColWrap {
	margin: 1.5em 0;
}
#tabColLeft {
	width: 360px; float: left;
}
#jqTabcontent strong {
	color: #000;
}
#jqTabcontent h2 {
	font-size: 1.45em;
	margin-bottom: .5em;
}
#jqTabcontent h3 {
	font-size: 1.15em;
}
#jqTabcontent h2 + h3, #jqTabcontent h3 + h4 {
	margin-top: 1em;
}
#jqTabcontent ul, #jqTabcontent ol {
	margin-left: 2em;
	margin-bottom: 2em;
}
#jqTabcontent p.intro, #jqTabcontent ul.intro {
	font-size: 1.25em; line-height: 1.25em; color: #666;
}
#jqTabcontent ul.intro li {
	margin-bottom: 1em;
}
#tabColLeft ol li {
	margin-bottom: 1.5em;
}
#tabColRight {
	width: 300px; float: right; padding-top: 15px;
}
.vidCaption {
	font-weight: bold; margin: 0 0 2em 0;
}
.vidCaption span {
	color: #999;
}
.vidCaption a {
	text-decoration: none;
}
.tabBox {
	margin-bottom: 1.5em; background: url(/g/chrome/blue-gradient.png) repeat-x;
}
.tabBox h3 {
	background-color: #666; color: #fff; padding: 3px 10px 5px 15px;
}
.tabBox p {
	margin-bottom: 0;
}
.tabBox div {
	padding: 0 10px 25px 15px;
}
.tabBox h4 {
	font-size: 1.1em; margin-top: 1em;
}
dl.expandable dt {
	font-weight: normal; background-color: #ddd; padding: .5em;
}
dl.expandable dt span, dl.expandable dd p span {
	font-weight: bold; color: #900;
}
dl.expandable dd {
	margin: 0; padding: .5em;
}
.read-more, .re-collapse {
	text-align: right;
}
.read-more a, .re-collapse a {
	font-style: italic; text-decoration: none; font-size: 90%;
}

#jqTabcontent, .tabBox, #footerBox { -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.tabBox h3 {
	-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;
}
#footerBox {
	margin-top: 15px; padding: 15px; color: #fff; background-color: #666; float: left;
}
#footerBox a {
	color: #fff;
	text-decoration: none;
}
#footerBox a:hover {
	text-decoration: underline;
}
#footerColLeft {
	width: 305px; padding-right: 40px; float: left;
}
#footerColRight {
	width: 305px; padding-left: 40px; float: right;
}

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */

.needsFixin {
		color: red;

/* arrow link styles, in the vein of 'linkage' */

a.upLink,
a.moreLink,
a.dnldLink,
a.highlight {
	background-position: 0 .3em;
	background-repeat:no-repeat;
	margin: 4pt 0 4pt 0pt;
	padding-left: 12px;
	line-height: 1.2em;
	text-decoration: none;
}
a.upLink { background-image:url(/g/chrome/bullet_up.png); }
a.moreLink { background-image:url(/g/chrome/bullet_more.png); }
a.dnldLink { background-image:url(/g/chrome/bullet_download.png); }
a.highlight { background-image:url(/g/chrome/bullet_arrowblue.png); }

ul.upLink,
ul.dnldLink,
ul.highlight {
	list-style-type: none;
	background: none;
}
ul.upLink li,
ul.dnldLink li,
ul.highlight li {
	background-position: 0 .3em;
	background-repeat:no-repeat;
	padding-left: 12pt;
	margin: 0 0 0 -13px;
}

ul.upLink li { background-image:url(/g/chrome/bullet_up.png); }
ul.dnldLink li { background-image:url(/g/chrome/bullet_download.png); }
ul.highlight li { background-image:url(/g/chrome/bullet_arrowblue.png); }

ul.look li {
	list-style-image: url("/jboss/getunstuck/i/chrome/arrow.png");
	margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 12px;}
