/* Standard colours */
/* --------------------------------- reset.css -------------------------------- */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address,abbr { font-style:normal }

/* --------------------------------- helpers.css -------------------------------- */

.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right;	}
.quarter { width: 24%; }
.third { width: 33%; }
.half { width: 50%; }
.twothird { width: 66%; }
.threequarter { width: 74%; }
.short-width { width:640px; }
.full-width { width:740px; }
.theme { color: #E67600;}

input.textbox, textarea.textbox
{
    border: solid 1px #ccc;	
	padding:2px;
	font-size:1.1em;
}
input.selected, textarea.selected
{
	border: solid 1px #E67600;	
	background-color:#d3e7f4;
	padding:2px;
}

select,option { font-size:1.1em; }



/* Clearfix (http://www.positioniseverything.net/easyclearing.html) */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { display: inline-block; }
/* \*/
* html .group {height: 1%; }
.group { display: block; }
/* */

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* --------------------------------- global.css -------------------------------- */
/* global.css - general site-wide style rules */

.page { background:#fff; width:740px; margin: 20px auto 0; text-align:left; min-height:400px; position:relative; }

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* set default text styling  */	

* {
	font-family: arial, helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	line-height: 1.2em;
}

/* reset super/subscript text to vertically align consistently  */	

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/* general link styles */	

a,
a:link,
a:hover,
a:active,
a:visited {
	color: #E67600;
}

a:link, 
a:active, 
a:visited {
	text-decoration: none;
}

a:hover,
a:visited:hover {
	text-decoration: underline;
}

/* tables still need 'cellspacing="0"' in the markup
table {
	border-collapse: separate;
	border-spacing: 0;
}
 */

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: "";
}

blockquote, 
q {
	quotes: "" "";
}

/* bullets in unordered lists will be block-style instead of disc */	

ul {
	list-style-type: square;
}

li, li p {
	color: #666666;
}

ol li,
ol li p {
	color: #333333;
}

/* select elements should be light, and not bolded */

select * {
	color: #666;
	/*color:#fff;*/
	font-weight: normal;
}

/* headings */

h1 {
	font-size: 20px;
	font-weight: normal;
}

.content_container h1 {
	font-size: 18px; 
	margin: 0 0 5px 0; 
	padding: 0; 
}

* h2, 
.content_container h2 {
	font-size: 16px; 
	margin: 0 0 5px 0; 
	padding: 0; 
}

* h3, 
.content_container h3  {
	font-size: 15px; 
	margin: 0 0 5px 0; 
	padding: 0; 
}

* h4, 
.content_container h4  {
	font-size: 13px; 
	margin: 2px 0 5px 0; 
	padding: 0;
}

/* end headings */

/* general class to hide an element on page */	

.hide {
	display:none;
}

/* general class to clear a float */	

.clear {
	clear:both;
}

/* "print" and "email" links */

.print_page, 
.email_page {
	margin: 0 0 0 10px;
	padding: 0 0 5px 0;
}

.print_page td {
	margin: 0;
	padding: 0 0 2px 9px;
	background: url(../images/components/carat-pointer-txt_11px.gif) 0 4px;
	background-repeat: no-repeat;
	font-size: 11px;
}

.email_page td {
	margin: 0;
	padding: 0 0 0 9px;
	background: url(../images/components/carat-pointer-txt_11px.gif) 0 4px;
	background-repeat: no-repeat;
	font-size: 11px;
}

/* so the page doesn't load all janky */		

#load_bg {
	background: #fff;
	margin: 0 auto;	
	overflow-x: hidden; 
	overflow-y: hidden; 
}

/* some general color settings */	

* .red {color: #f00}
* .gray {color: #666}
* .black {color: #000}
* .xog_blue {color: #E67600}
* .xgs_purple {color: #AB1984}
* .psg_green {color: #6caf3c}

/* contact options classes (is this as used in the footer?) */


	
/* collapse the spacing in the cell width determiner row */

td.top_spacebreak {
	margin:0;
	padding:0;
	line-height:0;
	height:0;
}

/* replace the align="center" */

.centered {
	margin-left: auto;
}

/* for environmental variable debugging */	

.debug {
	background: #fff;
	color: #000;
	width: 760px;
	padding: 20px;
	text-align: left;
	font-size: 10pt;
}

pre {
	font-family: "courier new", courier, monospace;

}

body + pre + p {
	background: #fff;
	color: #000;
	width: 760px;
	padding: 20px;
	text-align: left;
	font-size: 10pt;
}

div#cn_header
{
	position:relative;	
}
div#cn_header div.site_name
{
	position: absolute;
	top: 10px;
	left: 200px;
}
div#cn_header div.site_name h1
{
	color:#666;
	font-size:18px;
	margin: 0.25em 0;
}

div#cn_header div.site_name span
{
	color:#bbb;
	font-size:18px;
}

table.graybox td.header,
table.boxheader td.header, 
table.boxheader td.header, 
table.conditional02 td.header 
{
    background-color:#FFFFFF;
    background-image:url(../images/sidebars/sidebar_hd_175.gif);
    background-repeat:no-repeat;
    font-weight:bold;
    margin:0pt;
    padding:7px 10px 5px 12px;
}

.boxheader
{
	margin:10px 0 0 0;	
}
.boxcontent 
{
	width: 175px;
	margin:0 0 10px 0;	
}

table.graybox td.content, 
table.boxcontent td.content, 
table.boxcontent td.content, 
table.conditional02 td.content {
	background-color:#FFFFFF;
	background-image:url(../images/sidebars/sidebar_content_175.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#666666;
	padding:10px;
}


/* hdr_ftr.css - styling for the header and footer
	NOTE: may contain rules for basic sidebar modules, but it shouldn't 
*/

/* should these be in ie.css */

ol.cn_pnav_fmenu, 
li.dropshadow img { 
	behavior: url(../../../js/iepngfix.htc); 
}

div.bottom img { 
	behavior: url(../../../js/iepngfix.htc);
}

/* background styles  */

body { 
	background:url(../images/backgrounds/gradient_bg.jpg) repeat-x #3d3d3d;
	margin: 20px 0 20px 0;
	font-family: arial, helvetica, sans-serif;
}

.background { 
	background:url(../images/backgrounds/bg_drop.png) repeat-y center;
	margin: 0px auto;
}

.bottom_cap { background: url(../images/backgrounds/bottom_cap_drop.png) no-repeat center;
	height: 46px;
	margin: 0px auto;
}

.top_cap { 
	background:url(../images/backgrounds/top_cap_drop.png) no-repeat bottom center;
	height: 28px;
	margin: 0px auto;
}

/* "no-banner" pages should not have the background */

body.no_banners,
body.no_banners * .background,
body.no_banners * .bottom_cap,
body.no_banners * .top_cap {
	background: white;
}

/* general link styles (duplicated from global.css) */

#cn_header * a:link, 
#cn_header * a:active, 
#cn_header * a:visited {
	text-decoration: none;
}

#cn_header * a:hover {
	text-decoration: underline;
}

/* set background for the header */	

#cn_header {
	width: 740px;
	font-size: 11px;
	color: #999;
	text-align:left;
	margin: 0px auto;
	padding: 0;
	background: #fff;
	position: relative;
}

#cn_header * ol, 
#cn_header * ul {
	list-style-type: none !important;
	list-style-image: none !important;
	margin: 0;
}


/* logo area */	

#logo {
	float: left;
	width: 175px;
	height: 60px;
}

#logo img {
	display: block;
	margin: 0 10px 0 0;
}

/* all menus - image and description text placement*/


/* ------------------------------- footer styles ----------------------------------*/
#banner_ftr {
	padding-top: 20px;
	clear: both;
}
#banner_ftr div.cn_footer {
	width: 740px;
	text-align: left;
	margin: 0px auto;
}
#banner_ftr a:link, 
#banner_ftr a:active, 
#banner_ftr a:hover, 
#banner_ftr a:visited  {
	color: #999 !important;
	text-decoration: none;
}
#banner_ftr a:hover {
	text-decoration: underline;
}

#banner_ftr td#cn_footer_site_title {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	margin: 0 5px 0 8px;
	padding: 0 0 5px 10px;
}

div.cn_footer_bg {
	background-image : url(../images/homepage/footer_bottom_740.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px 0 10px 0;
	margin: 0;
}

ul.footer_gray_bar {
	background: url(../images/menus/footer_740x31.gif) no-repeat;
	clear: both;
	width: 740px;
	height: 31px;
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 11px;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
}

ul.footer_gray_bar li a:link, 
ul.footer_gray_bar li a:visited, 
ul.footer_gray_bar li a:active {
	color: #666 !important;
}

ul.footer_gray_bar li a:hover {
	text-decoration: underline;
}

ul.footer_gray_bar li {	
	display: block;
	float: left;
	margin: 5px 2px 5px 2px;
	padding: 0 0 0 5px;
	border-left: solid 1px #ccc;
}

ul.footer_gray_bar li * {	
	font-weight: normal;
	font-size: 11px;
}

ul.footer_gray_bar li.first {	
	display: block;
	float: left;
	margin: 5px 2px 5px 2px;
	padding: 0 0 0 5px;
	border-left: none;
}

p.footer_copyright {
	padding: 0 0 10px 8px;
	color: #999;
	font-size: 11px;
	clear: both;
	margin: 0;
	width: 720px;
	text-align: left;
}
/*------------------- done ----------------------------- */

/* solid ink list styles */

ul.ul_s1, 
ul.si_listmargin {
	margin-top: 5px;
	margin-bottom: 25px;
}

/* INDENTLINK */

div.indentlink a {
	display: block;
	margin: 0 0 0 3px;
	padding: 0 0 0 9px;
	background: url(../images/components/carat-pointer-txt_11px.gif) 0 4px;
	background-repeat: no-repeat;
	font-size: 11px;
}
div.indentlink a:link, 
div.indentlink a:visited, 
div.indentlink a:active {
	text-decoration: none;
}

div.indentlink a:hover {
	text-decoration: underline;
}

div.indentlink span {
	display:block;
	padding: 0 0 2px 12px;
	color: #666;
}

div.indentlink span+a {
	display:none;
}

/* LEFTIMG, LEFTIMGNOWRAP, LEFTTXT */

table.leftimg {
	border-collapse: collapse;
}

table.leftimg img {
	margin-right: 10px;
}

.lefttxt_hdr,
.leftimgnowrap_hdr { font-weight: bold; color: #333; }


/* category listing styles */

#landing_page {
	width: 740px;
}



/* Category Page Titles */	

.content_container h1 span {
	color: #999;
}

h1.category_title {
	font-size: 15pt;
	font-weight: normal;
	margin: 0;
	/*color: #333;*/
	padding: 3px 0 0 0;
}

h1.category_title_line2 {
	font-size: 17pt;
	font-weight: normal;
	margin: 0;
}

h2.category_title_line2 {
	font-size: 17pt;
	font-weight: normal;
	margin: 0 0 0 0;
}

h4.section_head {
	font-size: 13px;
	color: #000;
	background-color: #ccc;
	margin: 0 0 5px 0;
	padding: 5px;
	font-weight: bold;
}



/* headline component */

.headline {
	font-weight: normal ! important;
	font-size: 15pt ! important;
	margin: 8px 0px -5px 0px ! important;
	padding: 0px 0px 0px 0px ! important;
	color: #333;
}

/* round corners */

.b1f, 
.b2f, 
.b3f, 
.b4f {
	font-size:1px;
	overflow:hidden;
	display:block;
}

.b1f {
	height:1px;
	background:#f5f5f5;
	margin:0 5px;
}

.b2f {
	height:1px;
	background:#f5f5f5;
	margin:0 3px;
}

.b3f {
	height:1px;
	background:#f5f5f5;
	margin:0 2px;
}

.b4f {
	height:2px;
	background:#f5f5f5;
	margin:0 1px;
}

.contentf {
	background: #f5f5f5;
}

.contentf div {
	margin-left: 5px;
}

.contentf .inner {
	padding-top: 6px;
	padding-bottom: 6px;
}


iframe.historyframe
{
	width: 100%;
	height: 90px;
	margin: 0;
	border: 0;
	padding: 0;
}

div.historyframe
{
	width: 100%;
	overflow: scroll;
	height: 107px;
	margin: 0;
	border: 0;
	padding: 0;
}



/* Used in download_history.aspx */
table.previousdownloads
{
	background-color:#efefef;
	width:100%;	
	padding: 0;
	margin:0;
}

table.previousdownloads th.summary,
table.previousdownloads th.title,
table.previousdownloads th.updated,
table.previousdownloads th.download,
table.previousdownloads th.delete

{
	background-color:#efefef;
}

table.previousdownloads td.summary,
table.previousdownloads td.title,
table.previousdownloads td.updated,
table.previousdownloads td.download,
table.previousdownloads td.delete
{
	background-color:#fff;
}
table.previousdownloads td.summary p,
table.previousdownloads td.title p,
table.previousdownloads td.updated p,
table.previousdownloads td.download p,
table.previousdownloads th.summary p,
table.previousdownloads th.title p,
table.previousdownloads th.updated p,
table.previousdownloads th.download p
{
	padding:4px;	
}
table.previousdownloads td.summary
{
	width:100%;
}
table.previousdownloads td.title
{
	width:45%;
}
table.previousdownloads td.updated
{
	width:31%;
	text-align:center;
}
table.previousdownloads td.download
{
	width:12%;
	text-align:center;
}
table.previousdownloads td.delete
{
	width:12%;
	text-align:center;
}


/* sidebars.css - rules for sidebars */

/* set link color for "off" state */

td#leftnav * a:link,
td#leftnav * a:active,
td#leftnav * a:visited,
td.sidebar * a:link,
td.sidebar * a:active,
td.sidebar * a:visited {
	color: #666;
}


/* for homage search logo and dropdown menus */
#logo {
	float: left;
	width: 175px;
	height: 60px;
}

#logo img
{
	display:block;
	margin: 0 10px 0 0;
}
	
div#content
{
	/*background-image:url(/images/world/m/midlevel_top_740.gif);
	background-position:left top;
	background-repeat:no-repeat;*/
	display:block;
	margin:10px 0pt 0pt;
	padding:10px 0pt 0pt;
	text-align:left;
	width:740px;
}

h2 { font-size:1.6em; margin:1em 0 0 0; padding-bottom:0.5em; }
h2.nomargin {margin:0;}
h3
{
	color:#333;
	font-size:1.4em;
	/*border-bottom:1px solid #dcdcdc;*/
}

#inner
{
	width:740px;
	margin: 0 auto;
	text-align:left;
	vertical-align:top;
}

#boxheadcontainer
{
	float:left;
	width:190px;
}

.banner
{
	float:left;	
}

.optionbox1
{
	clear:both;
	background-color:#fafafa;
}

.optionbox2
{
	clear:both;
	background-color:#fafafa;
}

.threeboxleft
{
	float:left;
	width:35%;
}

.threeboxmiddle
{
	float:left;
	width:31%;
	margin:0 1%;
}

.threeboxright
{
	float:left;
	width:32%;
}

.clear
{
	clear:both;	
}


#productoptions .category img 
{
	margin: 0 2px 0 0;
}

#productoptions .category input
{
	margin: 0 2px 0 2px;
}

.threeboxmiddle div input
{
	margin: 0 4px 0 0;
}


.threeboxright table input
{
	margin: 0 4px 0 0;
}

/* ESB Specific */

ul 
{
	margin:0px;
	padding:0px;
}	

#left
{
	
	width:175px;
	float:left;
}
.float-left
{	
	float:left;
}
.float-right
{	
	float:right;
}

table.register td.warning,
table.register td span.warning,
p.warning
{
	color:#E67600;

}

html>/**/body #left
{	
	width:180px;
}	

h1 
{
    margin: 10px 0;
}	

p
{
    color:#333333;
    line-height:1.1em;
    margin:0;
    padding:12px 10px 15px 0;
}

#right
{
	float:right;
	width:555px;
}

#right div.content
{
	margin-left:2px;
}	

#right div.content p.error
{
	margin:0px 0px 5px 0px;
	padding:5px 0px;
}

#right table td input
{
	width:200px;
}
#right table td input.checkbox
{
	width:auto;
	margin-right: 5px;
}

#right table td.email
{
	width:215px;
	padding-right:0px;
}

#right table td textarea
{
	width:260px;
	height:100px;
}		

#right table td
{
	padding:3px;
	vertical-align:top;
}	

#right table td.checkbox input
{
	width:auto;
}	
#right table td.checkbox 
{
	width:200px;
}

#right img
{
	
}	

#fullwidth
{
	margin-top:20px;
}	
div.module a.external
{
	color:#e67600;
	white-space:nowrap;

}

div.module a:hover
{
	text-decoration:underline;
}
div.module a.external:hover
{
	text-decoration:underline;
	
}
span.orange,
div.module a:hover
{
	color:#e67600;
}


div.module h3

{
	background-color:#FFFFFF;
	border-bottom:none;
	background-image:url(../images/sidebars/sidebar_hd_175.gif);
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:7px 10px 5px 12px;
}	

div.module
{
	background-color:#FFFFFF;
	background-image:url(../images/sidebars/sidebar_content_175.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#666666;
	font-size:11px;
	margin:0 0 16px;
	text-align:left;
	padding:0px 0px 10px 0px;
}	

div.module p
{
	margin:0;
	padding:10px 12px 0px;

}	

div.module p.description
{
	font-weight:bold;
}	
div.module ul.bottom
{
	
}
div.module p.bottom
{
	padding-bottom:15px;
}
div.module ul.top
{
	padding-top:0px;
} 
div.module ul 
{
	font-size:11px;
	line-height:1.1em;
	list-style-type:none;
	text-align:left;
	padding:10px 15px 0px 15px;
	
}
div.module ul li
{
	background:transparent url(../images/sidebars/carat-pointer-txt_11px.gif) no-repeat scroll 0 3px;
	color:#333333;
	margin:0px;
	padding:0 0 5px 9px;

}	

div.module ul li.square
{
    list-style-type:square;
    background-image:none;
	color:#333333;
    margin:0px;
    padding:0px;
    line-height:16px;
    
    }
    


div.module ul li.move
{
	padding-top:6px;
}


div.module ul.agenda
{   
    margin-left:12px;
}    
div.module ul.directions
{   
    margin-left:12px;
    padding-top:0px;
}    

div.module ul.directions li
{ 
	color: #333333;
}
div.module p.directions
{
	margin:0px;
}	


div.module ul li.none
{
	background-image:none;
}
div.module img
{
	padding:0 5px 5px 0px;
}

div.buttons 
{
	margin-top:20px;
	padding-left:20px;
}	

p.LargeHeaderText
{
	display:block;
	font-size:18px;
	margin:10px 0px 20px 0px;
}
h3
{
	border-bottom:1px solid #DADADA;
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px;
	padding:5px 0 3px;	
	margin:10px 0px 10px 0px;
}	
p.companyName
{
	font-size:18px;
	margin:0px;
	padding-top:15px;
}		

div.brand
{
	
}	

td.error-text {width:10px;}

#right table td span.invite-radio span input { width:auto; padding-left:5px;}
#right table tr.invite td {background-color:#e67600; color:white;}
#Attended label,
#default label,
#DidNotAttend label
{padding:0px 5px 0px 3px;}

span.required,
span.requiredstar *,
span.warning,
span.warning *,
#right table td span.requiredstar *,
#right p.error a.required

{
	color:#e67600;
}	
div.module ul li.no-square
{
	background:none;
	position:relative;
	left:-25px;
}

#right table.radioinput td span input

{
 width:auto; padding-left:25px

}	
#right table.radioinput td label
{
	margin-left:5px; 
}
#right table td.whitespace {white-space:nowrap;}

#right table td #optin input,
#right table td #onput input
 { padding:0px;}