body {
	min-width: 802px;
	background: #6F6F6F url(/krm/10/global/images/backgrounds/gradient-gray-reverse.jpg) top repeat-y;
	margin: 0px 0px 0px 0px;}
td, body {
	font-family: Arial, Helvetica, sans-serif;}
#WRAPPER, #FOOTER {
	margin: 15px auto;
	background-color: white;
	width: 802px;}
#WRAPPER {
	border: 1px solid black;}
#CONTENT {
	}
/* set the minimum height */
#MAIN {
	min-height: 500px;
	background: transparent url(/krm/10/global/images/layout/tab-blue-bg.gif) no-repeat left -1px;}
/* IE6 hack for minimum height */
#MAIN {
	height: auto !important;
	height: 500px;}
/*====================================================================================================
HEADER
====================================================================================================*/
#HEADER {
	margin: 0px 11px;
	width: 780px;}
#HEADER img#logo {
	/*position: relative;
	left: 10px;*/
	margin: 10px 0px 5px 0;}
/*----------------------------------------------------------------------------------------------------
navigation
----------------------------------------------------------------------------------------------------*/
#navigation,
#sub-navigation {
	height: 24px; /* will break if text is too big / have to do instead of float:left (otherwise, width screws up body width & background in IE) */
	overflow: hidden;
	padding: 0px !important;
	margin: 0px !important; /* override base style */
	/*margin: 10px 0px 0px 0px !important;*/ /* override base style */
	background: transparent url(/krm/10/global/images/layout/tab-blue-bg.gif) no-repeat left 23px; /* height minus 1 */
	font-size: 12px;
	font-weight: bold;}
#sub-navigation {
	height: 23px; /* will break if text is too big / have to do instead of float:left (otherwise, width screws up body width & background in IE) */
	font-size: 11px;
	background: url(/krm/10/global/images/layout/tab-white-bg.gif) no-repeat right 22px; /* height minus 1 */
top: 170px; /* move below time zones */}
#navigation,
#sub-navigation {
	list-style-type: none;}
#navigation li,
#sub-navigation li {
	float: left;
	padding: 0px 0px 0px 12px;
	background: transparent url(/krm/10/global/images/layout/tab-blue-inactive-left.gif) no-repeat 6px top;}		
#sub-navigation li {
	float: right;
	background: transparent url(/krm/10/global/images/layout/tab-white-inactive-left.gif) no-repeat 6px top;}
#sub-navigation li#eventdetails {
	/*margin-left: 300px;*/}
#navigation a,
#sub-navigation a {
	text-decoration: none;
	color: #7DB8D9;
	display: block;
	padding: 5px 15px 3px 9px;
	background: transparent url(/krm/10/global/images/layout/tab-blue-inactive-right.gif) no-repeat right top;}
#sub-navigation a {
	color: #555555;
	background: transparent url(/krm/10/global/images/layout/tab-white-inactive-right.gif) no-repeat right top;}
#navigation a:hover {
	color: white;}
#sub-navigation a:hover {
	color: black;}
#navigation li.current {
	background-image: url(/krm/10/global/images/layout/tab-blue-active-left.gif);}
#sub-navigation li.current {
	background-image: url(/krm/10/global/images/layout/tab-white-active-left.gif);}
#navigation li.current a {
	color: white;
	padding-bottom: 5px;
	background-image: url(/krm/10/global/images/layout/tab-blue-active-right.gif);}
#sub-navigation li.current a {
	color: black;
	padding-bottom: 5px;
	background-image: url(/krm/10/global/images/layout/tab-white-active-right.gif);}
#progress-bar {
	height: 25px;
	width: 665px;
	margin: 0px auto 10px auto;
	position: relative;
	top: 15px;
	background: transparent url(/krm/10/global/images/misc/progress-bar.gif);}

/*====================================================================================================
CENTER SECTION
====================================================================================================*/
#MAIN {
	margin: 0px 11px;
	position: relative; /* because sidebar child must be absolute */
	/*background: url(/krm/10/images/virtual-podium-consultants/backgrounds/vertical-orange-gradient-150.jpg) no-repeat right 40px;*/
	width: 780px; /* so >=IE6 doesn't push the sidebar into the margin */}
#MAIN #TEXT {
	/*background-color: white;*/
	padding: 0px 10px 10px 10px;
	/*margin-right: 200px;*/}
/* IE6 hack for disappearing background color - is this still necessary?*/
/*#MAIN #TEXT h1 {
      height: 1%;}*/
/*====================================================================================================
SIDEBAR
====================================================================================================*/
#SIDEBAR {
	width: 190px;
	font-size: 11px;
	position: absolute;
	top: 40px;
	right: 5px;
	text-align: center;
	/*background-color: rgb(29,39,118);*/
	color: white;}
#SIDEBAR a {
	color: white;}
#SIDEBAR label {
	display: block;
	text-align: left;
	margin: 10px auto 10px auto;}
#SIDEBAR label,
#SIDEBAR input,
#SIDEBAR textarea {
	width: 170px;
	border: 0px none;}
#SIDEBAR ul#links {
	list-style: none;
	font-weight: bold;
	padding: 0px;
	text-align: left;
	margin: 0px;}
#SIDEBAR ul#links li a {
	padding: 10px 0px;
	color: white;
	text-indent: 6px; /* use instead of horizontal padding because of IE box model */
	text-decoration: none;
	background-color: #1D2776;}
#SIDEBAR ul#links li a:hover {
	background-color: #676EA3;}
/* Add horizontal white line between items */
#SIDEBAR ul#links {
	background: white;}
#SIDEBAR ul#links li {
	margin-bottom: 1px;}
/* Make the clickable area the full width... */
#SIDEBAR ul#links li a {
	display: block;
	width: 100%;}
/* ...using a hack because of IE */
html>body ul#links li a {
	width: auto;}
/*====================================================================================================
FOOTER
====================================================================================================*/
#FOOTER {
	padding: 0px;
	width: 780px;}
#FOOTER address {
	text-align: center;
	padding: 10px 5px 0px;
	margin: 0px 1px;}
#FOOTER * {
	font-size: 10px;
	color: #444444;}
/* move the footer up so the background image tiles properly on short pages */
#FOOTER {
	height: 125px;
	margin-top: -126px; /* adjust one pixel for bottom black border */
	overflow: hidden;}
#CONTENT {
	padding-bottom: 125px;}
/*====================================================================================================
LINKS
====================================================================================================*/
a:link {
	color: #160096;}
a:visited {
	color: #131D53;}
a:hover {
	color: #160096;}
a:active {
	color: #160096;}
/*====================================================================================================
MISCELLANEOUS ELEMENTS
====================================================================================================*/
small {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	color: #333333;
	font-size: 11px;}
/* change width of navigation bar to allow more space for content */
#SIDEBAR {
	width: 150px;}
/*comment this out for now since not using sidebar
#MAIN #TEXT {
	margin-right: 155px;}*/
#FOOTER * {
	font-size: 11px;}
/* adjust for 30px extra height due to extra content in the footer */
#FOOTER address {
	padding-top: 0px;}
#FOOTER {
	height: 155px;
	margin-top: -156px; /* adjust one pixel for bottom black border */}
#CONTENT {
	padding-bottom: 155px;}
/* "find an event" link on COE */
#coe-search {
	display: block;
	float: right;
	line-height: 16px;
	padding: 2px 3px 2px 20px;
	background: url(/krm/10/global/images/icons/zoom.gif) no-repeat left 3px;
	margin-top: 10px;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;}
/* junk from EBMS notes */
font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
/*====================================================================================================
EBMS JUNK & HACKS
====================================================================================================*/
/* This is too small when rest of text is Arial, so override it */
.REG-RedAsterisk {
	font-family: Verdana, Arial, Helvetica, sans-serif;}
a.COE-TopOfPageLink {
	display: block;
	float: left;
	line-height: 16px;
	padding: 2px 3px 2px 20px;
	margin-top: 10px;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;}	
/* equivalent of h1 headings */
.REG-RowHeader, 
.LOG-RowHeader,
.COE-RowHeader, 
.ERR-RowHeader,
.COE-DetailsTitleCell {
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	/*padding: 15px 10px 5px 0px;*/
	padding: 0px 10px 5px 0px;}
/* equivalent of h2 headings */
.REG-RowSubHeader,
.REG-ListRowHeader,
.LOG-RowSubHeader,
.COE-RowSubHeader,
.COE-P2DetailsSubHeader,
.COE-DetailsTitleCell,
.COE-GroupByRowHeader,
#KRM-EventDescription,
/* this h3 on event details page should really be an h2 */
#MAIN h3 {
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 0px 6px 0px;
	background: url(/krm/10/global/images/backgrounds/h1-bg.gif) no-repeat bottom left;}
/* this is really a larger heading, but style it to look smaller */
.REG-RowSubHeader {
	font-size: 1.1em;}	
/* roll eyes */
.COE-Space1,
.COE-Space3,
.COE-Space5,
.COE-Space7,
.COE-Space9,
.REG-Space1,
.REG-Space3,
.REG-Space5,
.REG-Space7,
.REG-Space9,
.REG-DividerLineRow,
.REG-Space1,
.LOG-Space3,
.LOG-Space5,
.LOG-Space7,
.LOG-Space9 {
	line-height: 0px;
	height: 3px;
	padding: 0px;
	/* ah, screw it */
	display: none;}
.LOG-DividerLineRow {
	height: 25px;}
/* error messages, required fields, etc. */
.REG-MediumTextBold,
.LOG-MediumTextBold,
.REG-MediumTextBoldRed,
.LOG-MediumTextBoldRed {
	font-weight: bold;}
table.REG-MediumTextRed,
table.LOG-MediumTextRed {
	background-color: #F6FFB8;
	border: 1px solid gray;}
table.REG-MediumTextRed img,
table.LOG-MediumTextRed img {
	display: none;}
/* registration button */
#cmdRegistrationSubmit {
	height: 27px;
	width: 178px;
	line-height: 26px;
	font-size: 12px;
	text-align: left;
	text-indent: 15px;
	margin: 10px auto;
	display: block;
	color: white;
	text-decoration: none;
	background: #00308A url(/krm/10/global/images/buttons/blue-glass-button.gif) left top no-repeat;}
#cmdRegistrationSubmit:hover {
	background-position: left -27px;
	cursor: pointer; /* IE */
	cursor: hand; /* FF */}
/* required fields */
.REG-RedAsterisk,
.LOG-MediumTextBoldRed,
.REG-MediumTextBoldRed {
	color: red;
	font-weight: bold;}
td.COE-DetailsOutlookCell a /* add to Outlook */ {
	display: block;
	float: right;
	line-height: 16px;
	background: url(/krm/10/global/images/icons/add-to-outlook.gif) no-repeat top left;
	margin-left: 10px;
	padding-left: 24px;}


	
	

/* everything is laid out in a table */
table.ALL-ApplicationTable,
table.ALL-LOGApplicationTable {
	width: 100%;}
/* can't use margins for elements inside table cells */
#MAIN ul, ol {
	padding-top: 9px;}
/* wrap text around images (typically speaker photos) in event detail notes */	
.COE-P2DetailsSubText img {
	float: left;
	margin: 10px 10px 10px 0px;}
/* font tags on event details notes */
font {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* IE does not respect inherit */}
/* junk we don't want to display */
hr,
tr td.COE-Link, /* within-the-page month links on COE */ 
.LOG-RowHeader /* the "Log In" text which is a shared dictionary entry */ {
	display: none;}

/* TEMP: UK time zone link */
a#bstInfo {
	display: none;}


a.REG-GeneralLink {
	text-decoration: none;
	font-weight: normal;}
a.REG-GeneralLink:hover {
	text-decoration: underline;}
a span#add-event,
a span#add-order,
a span#add-person,
a span#edit-items {
	padding: 6px 2px 6px 18px;
	background: transparent url() no-repeat 0px 50%;}
a span#add-event {
	background-image: url(/krm/10/global/images/icons/fugue/calendar--plus.png);}
a span#add-order {
	background-image: url(/krm/10/global/images/icons/fugue/arrow-return-180.png);}	
a span#add-person {
	background-image: url(/krm/10/global/images/icons/fugue/users--plus.png);}
a span#edit-items {
	background-image: url(/krm/10/global/images/icons/fugue/notebook--pencil.png);}
ul.options {
	list-style-type: none;
	padding-left: 0px;}
ul.options li {
	padding-left: 18px;
	margin-bottom: 6px;
	background: transparent url(/krm/10/global/images/icons/fugue/control-000-small.png) no-repeat 0px 0px;}
/*====================================================================================================
KRM STUFF
====================================================================================================*/
span#EventInformation_txtEventDate,
span#EventInformation1_txtEventDate {
	font-size: 12px;
	display: block; /* fixes underline image on element above from making it look like a strikethrough on this text */
	font-weight: bold;
	margin: 15px 0px 5px 0px;}
#KRM-EventID,
img#EventInformation_imgDetails {
	display: none;}
#sponsorlogo {
	text-align: center;}
#sponsorlogo p {
	font-size: 10px;
	font-family: Tahoma, Arial, sans-serif;}
div#EventInformation_pnlTimes,
div#EventInformation1_pnlTimes {
	line-height: 11px;
	font-size: 11px;
	/*float: left;*/}
div#KRM-EvtInfoSidebar {
	/*float: right;*/
	/*background-color: #E7E7E7;
	color: #333333;
	border: 1px solid #B1B1B1;
	font-size: 11px;
	padding: 8px;*/}
/* view event details */
a#EventInformation_lnkDetails,
a#EventInformation1_lnkDetails {
	text-decoration: none;
	font-weight: normal;
	display: block;
	float: right;
	line-height: 16px;
	background: url(/krm/10/global/images/icons/fugue/magnifier.png) no-repeat top left;
	padding-left: 24px;
	margin-bottom: 6px;}	
/* time zone converter */	
a#EventInformation_lnkTzConvert,
a#EventInformation1_lnkTzConvert  {
	text-decoration: none;
	font-weight: normal;
	display: block;
	float: left;
	font-size: 11px;
	line-height: 16px;
	background: url(/krm/10/global/images/icons/fugue/clock--arrow.png) no-repeat 26px top;
	padding-left: 50px;}
td.begin {
	text-align: right;}
td.finish {
	text-align: left;}
div#KRM-EventDate {
	/*float: left;
	width: 400px;*/
	/*text-align: center;*/
	/*margin-left: 20px;*/}
td.COE-Date {
	width: 60px;}
div#KRM-EventTimes {
	/*width: 400px;*/
	float: left;}
div#KRM-EventTimes * {
	font-size: 11px;}
div#seals {
	width: 220px;
	margin-left: 280px;}
div#verisign {
	float: right;}
div#trustwave {
	 float: left;
	 position: relative;
	 top: 15px;}

/*====================================================================================================
DEBUGGING STYLES
====================================================================================================
body {
	background-image: none;
	background-color: gray;}
#WRAPPER {
	background-image: none;
	background-color: yellow;}
#CONTENT {
	background-image: none;
	background-color: pink;}
#HEADER {
	background-image: none;
	background-color: aqua;}
#navigation {
	background-image: none;
	background-color: gray;}
#MAIN {
	background-image: none;
	background-color: orange;}
#MAIN #TEXT {
	background-image: none;
	background-color: red;}
#MAIN #TEXT h1 {
	background-image: none;
	background-color: green;}
#SIDEBAR {
	background-image: none;
	background-color: magenta;}
#FOOTER {
	background-image: none;
	background-color: green;}*/