/* DO NOT REMOVE: This css file will reset all CSS values to give you complete cross-browser support! */
@import url(reset.css);

/* Breadcrumb is used to style the breadcrumbs for the SubColumn pages. */
#BreadCrumb {
display: none !important;
}

/* Container is the main DIV that contains all other divs. Use this to set your design width. */
#Container {
background-color: #FFFFFF;
margin: auto;
padding:0;
width:990px;
}

/* ContentContainer holds both your content div and right side menu div. */
#ContentContainer {
float:right;
margin:0;
padding:0;
width:760px;
}

/* Column2 represents your right side column next to your content div */
#Column2 {
float:right;
margin: 5px 0 0;
padding: 0;
width: 200px;
}

div#PressRelease .StandOut {
color:#1B4164;
font-size: 12px;
font-weight:bold;
margin:5px 0;
padding:0;
}


/* Right Column Custom Table */
#Column2 .customtable {
border-bottom:1px solid #7E8083 !important;
border-left:1px solid #7E8083 !important;
border-top:1px solid #7E8083 !important;
margin:0;
width:200px;
text-align: left
}

#Column2 .customtable h1 {
background-color: #009ac7;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:20px;
line-height:20px;
padding:5px;
}

#Column2 .customtable h2 {
color: #1b4164;
font-style: italic;
font-size: 14px;
margin-bottom: 5px;
}

#Column2 a.customtable:link, #Column2 ul li a.customtable:link, #Column2 ul li a.customtable:visited, #Column2 ul li a.customtable:active {
font-weight: normal;
font-size: 11px;
color: #333333;
text-decoration: none !important;
list-style-type: none;
border: none !important;
}

#Column2 a.customtable:hover, #Column2 ul li a.customtable:hover {
font-weight: normal;
font-size: 11px;
color: #333333;
text-decoration: underline !important;
border: none !important;
}

#Column2 .customtable ul {padding-left:10px;}

#Column2 .customtable ul li {
margin:0;
padding-bottom:5px;
padding-top:3px;
}



/* Column1WithLeftNav specifies the content area for all your pages! */
.Column1WithLeftNav, #Container .Column1WithLeftNav {
float:left;
margin:10px;
width:545px !important;
}

/* This gives padding to all your tables within your content area.
.Column1WithLeftNav table td {
padding:5px;
}
 */


/* This defines your TH tag when creating headers for your tables. */
.Column1WithLeftNav table th {
color:#333;
font-weight:bold;
padding:3px;
text-align:center;
}

/* This defines all UL items within your content area */
.Column1WithLeftNav ul {
list-style:disc;
margin:5px 0 10px 30px;
padding:0;
}

/* This defines all LI items within your content area. */
.Column1WithLeftNav ul li {
line-height:16px;
margin:0;
padding:5px 5px 10px 0;
}

.Column1WithLeftNav ul li ul {
 list-style: circle;
}

/* EventLocation is used to style your strapline text for your dates and location. */
#EventLocation {
color:#FFFFFF;
font-weight: bold;
font-size: 14px;
float:left;
line-height:25px;
margin:0;
padding:0 0 0 15px;
}

/* DO NOT REMOVE: The following three ExFoot IDs are used to keep your extended footers from showing! */
#ExFoot1 {
display:none;
}

#ExFoot2 {
display:none;
}

#ExFoot3 {
display:none;
}

/* Footer is used to style the footer area below the rest of your site. */
#Footer {
background:#781D7E none no-repeat scroll 0 0;
color:#FFFFFF;
font-size:11px;
height:20px;
line-height:25px;
margin:10px 0 0;
padding:5px;
width:980px;
}

/* Copyright is the container for your copyright text. */
#Footer #Copyright {
float:left;
}
#Footer #Copyright p {
margin: 0;
padding: 0;
line-height: 20px;
color: #FFFFFF !important;
}

/* FooterLinks is the container for your footer links that display next to your copyright text. */
#Footer .FooterLinks {
float:right;
}

/* This defines the UL that contains your footer links. */
#Footer #FooterLinks ul {
list-style:none;
margin:0;
padding:0;
}

/* This defines the LI for your footer links. */
#Footer #FooterLinks ul li {
float:left;
margin:0;
padding:0 10px;
line-height:20px;
}

#Footer #FooterLinks ul li a, #Footer #FooterLinks ul li a:visited, #Footer #FooterLinks ul li a:active {
color: #FFFFFF;
text-decoration: none;
font-weight: normal !important;
}

#Footer #FooterLinks ul li a:hover {
text-decoration: underline !important;
}


/* Trying to add a BG color to my custom header*/
#Header {
background-color: #ded8cb !important;
}

#Leaderboard {
 background-color: #ded8cb !important;
 width: 960px;
 height: 95px;
}


/* HeaderBottomBar is used to define your strapline div. */
#HeaderBottomBar {
background: #8DC63F none repeat scroll 0 0;
bottom:0;
clear:both;
height:25px;
margin:0;
padding:0;
width:990px;
}


/* DO NOT REMOVE: This defines the Language Bar that shows up above your header, this removes it. */
#HeaderTopBar {
display:none;
}

/* LeftNavigation defines your left navigation container. Use this to change the main width of your left side. */
#LeftNavigation {
float:left;
margin:10px 0 0;
padding:0;
width:215px;
}

/* left should be used to define background colors for the container of your navigation. This is 100% optional. */
#LeftNavigation #left {
border-bottom:1px solid #7E8083 !important;
border-right:1px solid #7E8083 !important;
border-top:1px solid #7E8083 !important;
margin: 0;
padding:0;
}

/* LEFT NAVIGATION STYLES: These are styles I used for UFC Fan Expo, I highly suggest customizing them to work for your show site! */
#LeftNavigation #left ul li a,#LeftNavigation #left ul li a:visited {
color: #7e8083;
font-weight: bold;
font-size: 11px;
display:block;
height:25px;
ine-height:25px;
margin:0;
padding:0 0 0 10px;
text-decoration:none;
width: 204px;
}


#LeftNavigation #left ul li a.Expanded, #LeftNavigation #left ul li a.Expanded:visited, #LeftNavigation #left ul li a.SelectedExpanded, #LeftNavigation #left ul li a.SelectedExpanded:visited{
color:#666 !important;
border-bottom: 0;
}

#LeftNavigation #left ul li a.Expanded, #LeftNavigation #left ul li a.Expanded:visited, #LeftNavigation #left ul li a.SelectedExpanded, #LeftNavigation #left ul li a.SelectedExpanded:visited {
background:#FFFFFF none repeat scroll 0 0 !important;
 color:#757575 !important;
 font-size:11px !important;
 height:25px;
 line-height:25px;
 text-decoration:underline !important;
}

#LeftNavigation #left ul li a.Expanded:hover, #LeftNavigation #left ul li a.SelectedExpanded:hover {
 background: #781d7e !important;
color:#fff !important;
}

#LeftNavigation #left ul li a:hover {
color:#fff !important;
background:#781d7e;
}

#LeftNavigation #left ul li#Level1 ul li a.navTreeItem-Home {
color: #000033 !important;
}

#LeftNavigation #left ul li#Level2 {
}



#LeftNavigation #left ul li#Level2 ul li a, #LeftNavigation #left ul li#Level2 ul li a:visited, #LeftNavigation #left ul li#Level2 ul li a.Selected, #LeftNavigation #left ul li#Level2 ul li a.Selected:visited, #LeftNavigation #left ul li#Level2 ul li a.Selected, #LeftNavigation #left ul li#Level2 ul li a.Selected:visited {
background: #fbaf34 !important;
color:#FFFFFF !important;
display:block;
font-size:12px !important;
font-weight:bold;
height:22px;
line-height:22px;
margin:0;
padding:0 0 0 20px;
text-decoration:none;
text-transform: none !important;
width:194px;
border-bottom:1px solid #FFFFFF;
}


#LeftNavigation #left ul li#Level2 ul li a:hover, #LeftNavigation #left ul li#Level2 ul li a.Selected:hover, #LeftNavigation #left ul li#Level2 ul li a.Selected:hover {
background: #781d7e !important;
}


#LeftNavigation #left ul#Level1 li.navTreeItem-Home a {
 background: #f15c22 !important;
 color: #FFFFFF !important;
 font-size: 18px !important;
 height: 35px;
 line-height: 35px;
}

#LeftNavigation #left ul#Level1 li.navTreeItem-Home a:hover {
 background: #781d7e !important;
}


#LeftNavigation #left ul li#Level3 ul li a, #LeftNavigation #left ul li#Level3 ul li a:visited, #LeftNavigation #left ul li#Level3 ul li a.Selected, #LeftNavigation #left ul li#Level3 ul li a.Selected:visited, #LeftNavigation #left ul li#Level2 ul li a.Selected, #LeftNavigation #left ul li#Level3 ul li a.Selected:visited {
background: #009ac7 !important;
color:#FFFFFF !important;
display:block;
font-size:12px !important;
font-weight:bold;
height:22px;
line-height:22px;
margin:0;
padding:0 0 0 30px;
text-decoration:none;
text-transform:none;
width:184px;
border-bottom:1px solid #FFFFFF;
}


#LeftNavigation #left ul li#Level2 ul li a:hover, #LeftNavigation #left ul li#Level2 ul li a.Selected:hover, #LeftNavigation #left ul li#Level2 ul li a.Selected:hover {
background: #781d7e !important;
}


/* First Child is used to define a SPECIAL CLASS for your FIRST NAVIGATION LI ITEM. Only use this if you need to.
#LeftNavigation #left ul#Level1 li:first-child a, #LeftNavigation #left ul#Level1 li:first-child a:visited, #LeftNavigation #left ul#Level1 li:first-child a:hover {
color:#3d5a6d !important;
font-weight:bold;
background: url(/RNA/RNA_PGAShow/Framework_images/nav_bg2.jpg) repeat-x;
} */


/* PageHeader is for your header div. This should define your background for your header image. */
#PageHeader {
background:#FFF;
margin:0;
padding:0;
width:990px;
height: 160px;
}

/* PageTitle is the container div for your logo image that links to the home page of the site. */
#PageHeader #PageTitle {
}

/* This defines the Search Form that is displayed within your strap line. */
#SearchForm {
float:right;
margin:0;
text-align:center;
width:250px;
}

/* Use this style to edit the the input box for the strapline Search Form. */
#SearchForm input#ctl00_SearchControl__txtSearch {
background: url(bg_search.gif) no-repeat;
border:0;
height:20px;
margin:0;
padding:3px 0 0 25px;
width:112px;
}

/* Use this style to define the search button used in the strapline Search Form.*/
#SearchForm input.SearchButton {
background:#2b5374 url(btn_search.gif) no-repeat;
border:0;
color:#FFF;
font-weight:bold;
margin-top: 2px;
height:20px;
padding:0;
width:70px;
}

/* DO NOT REMOVE: This will remove annoying divs that we wll probably never use. */
#SponsorshipFooterLinks {
display:none;
}

/* DO NOT REMOVE: This removes the the text at the top that says "Skip to page content" */
#accessibility-links {
display:none;
}

/* navigation is the container for your TOP NAVIGATION if being used. This is 100% optional. */
#navigation {
background:#860c01 url(/RNA/RNA_UFC/Images/bg_navigation.gif) no-repeat;
color:#CCC;
height:37px;
margin:0 0 5px;
width:950px;
}

/* TOP NAVIGATION STYLES: These were used for UFC Fan Expo's top navigation, I would leave them alone unless your using top nav. */
#navigation ul {
list-style:none;
margin:0;
padding:0;
}

#navigation ul li {
float:left;
margin:0;
padding:0;
}

#navigation ul li a,#navigation ul li a:visited {
color:#CCC;
display:block;
height:37px;
line-height:37px;
margin:0;
text-align:center;
text-decoration:none;
width:190px;
}

#navigation ul li a:hover {
color:#FFF;
text-decoration:none;
}

#navigation ul li.startLinkSelected a,#navigation ul li.startLinkSelected a:visited,#navigation ul li.startLinkSelected a:hover {
color:#FFF;
font-weight:bold;
text-decoration:none;
}

/* DO NOT REMOVE: This gets rid of the sponsorship block section. You should disable this only if necessary. */
.SponsorshipBlock {
display:none;
}

.TopNavigation {
left:0;
position:relative;
top:40px;
}

/* Replaces the old "absmiddle" valign. Use this on images you want to lay in the middle of text. */
.absmiddle {
vertical-align:middle;
}

/* DO NOT REMOVE: This is used to clear floating DIVs */
.clear {
clear:both;
}

/* FORM STYLES: Feel free to edit these, they are for the Episerver forms. */
.xformContainer .xformvalidator {
background-color:#FFDFDF;
color:#AF0000;
float:right;
font-size:11px;
font-weight:bold;
padding:10px;
}

.xformContainer fieldset {
border:1px solid #CCC;
padding:5px;
}

.xformContainer fieldset input {
clear:both;
}

.xformContainer fieldset label {
color:#666;
float:left;
font-weight:normal;
padding:0 0 0 5px;
width:auto;
}

.xformContainer input,.xformContainer select,.xformContainer textarea {
float:left;
}

.xformContainer label {
color:#333;
float:left;
font-weight:bold;
line-height:20px;
text-align:left;
width:120px;
}

.xformContainer table#id_matrix td {
clear:both;
padding:10px;
}

div#Container div.Column1WithLeftNav, div.Column1Full {
 width: 545px;
 border: none !important;
 margin-bottom:0 !important;
 margin-left:0 !important;
 margin-right:0 !important;
 margin-top:10px;
 border: 1px solid #7E8083 !important;
}

.bodyContentMainBody {
padding:8px;
}

/* GENERAL STYLES: Use these as base styles for your website and adjust from there. */
a:link, a:active, a:visited {
color:#F15C22;
text-decoration:underline;
font-weight: bold;
}

a:hover {
color:#fbaf34;
text-decoration:underline;
font-weight: none;
}

body {
background-color: #4d85c5;
margin:10px;
padding:0;
text-align: left !important;
}

blockquote {
margin-left:30px;
}

body,td,th {
color:#7e8083;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1 {
background-color: #009ac7;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:20px;
line-height:20px;
padding:5px;
}

h2, .xformContainer .formheader {
color:#009AC7;
font-size:16px;
font-weight:bold;
padding-bottom:8px;
padding-top:8px;
}

h3, .xformContainer fieldset legend {
color:#f15d22;
font-size:14px;
font-weight:bold;
padding-bottom:8px;
padding-top:8px;
}

h4 {
color:#781D7E;
font-size:14px;
font-weight:bold;
padding-bottom:8px;
padding-top:8px;
}

h5 {
color:#8dc63f;
font-size:14px;
font-weight:bold;
padding-bottom:8px;
padding-top:8px;
}

h6 {
color:#4f84c4;
font-size:14px;
font-weight:bold;
padding-bottom:8px;
padding-top:8px;
}


img.floatleft {
float:left;
margin:3px 10px 0 0;
padding:0;
}

img.floatright {
float:right;
margin:3px 0 0 10px;
padding:0;
}

input,select,textarea {
color:#666;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
}

ol {
list-style:decimal;
margin:5px 0 10px 30px;
padding:0;
}

ol li {
line-height:20px;
}

p {
line-height: 18px;
margin:0;
padding-bottom: 6px;
padding-top: 3px;
}

a.button, a.button:visited, a.button:hover {
 background: #EEE url(/RNA/RNA_InterphexCa/Images/2009/bg_button.gif) no-repeat;
 display: block;
 width: 169px;
 height: 58px;
 line-height: 20px;
 text-align: center;
 color: #FFF;
 font-weight: bold;
 font-size: 14px;
 margin: 0 auto;
 padding: 9px 0 0 0;
 text-decoration: none;
}
a.outlook, a.outlook:visited, a.outlook:hover {
 background: #EEE url(/RNA/RNA_InterphexCa/Images/2009/bg_outlook.gif) no-repeat;
 display: block;
 width: 163px;
 height: 37px;
 line-height: 37px;
 text-align: left;
 color: #FFF;
 font-weight: bold;
 font-size: 14px;
 margin: 0 auto 10px auto;
 padding: 0 0 0 35px;
 text-decoration: none;
}
.social {
 background: #EEE url(/RNA/RNA_InterphexCa/Images/2009/bg_social.gif) no-repeat;
 display: block;
 width: 188px;
 height: 37px;
 line-height: 37px;
 text-align: left;
 color: #FFF;
 font-weight: bold;
 font-size: 14px;
 margin: 0 auto;
 padding: 0 0 0 10px;
 text-decoration: none;
}
.social img {
 vertical-align: middle;
}


/*
-------------------------------------------------------------
Conference
-------------------------------------------------------------
*/

.redlabels {
 font-size:10px;
 color: #14385A;
 font-weight: bold;
}

.conftime {
 font-size: 14px;
 font-weight: bold;
 color:#414141;
 line-height: 22px;
 text-transform:uppercase;
}

.confheader {
 font-size:12px;
 color:#414141;
 line-height: 15px;
 font-weight: bold;
}

.conftext {
 font-size:11px;
 color:#414141;
}

.conftext p {
 padding: 0;
}

a.conftext:link, a.conftext:active {
 font-size:11px;
 color:#14385A;
}
a.conftext:hover {
 font-size:11px;
 color:#A27F12;
}
a.conftext:visited {
 font-size:11px;
 color:#999999;
}

a.h2:link, a.h2:active, a.h2:hover, a.h2:visited {
 font-size:15px;
}

.h2 {
 color:#a27f12;
 font-size:15px;
 font-weight:bold;
 padding: 0;
 margin: 0;
}

.h3 {
 color: #55748d;
 font-size:13px;
 font-weight:bold;
 text-decoration: underline;
 padding: 0;
 margin: 0;
}

.left {
 PADDING-RIGHT: 5px;
 BORDER-TOP: #ad8404 1px solid;
 PADDING-LEFT: 5px;
 PADDING-BOTTOM: 5px;
 BORDER-LEFT: #ad8404 1px solid;
 PADDING-TOP: 5px
}

.middle {
 PADDING-RIGHT: 5px;
 BORDER-TOP: #ad8404 1px solid;
 PADDING-LEFT: 5px;
 PADDING-BOTTOM: 5px;
 BORDER-LEFT: #ad8404 1px solid;
 PADDING-TOP: 5px
}

.right {
 BORDER-RIGHT: #ad8404 1px solid;
 PADDING-RIGHT: 5px;
 BORDER-TOP: #ad8404 1px solid;
 PADDING-LEFT: 5px;
 PADDING-BOTTOM: 5px;
 BORDER-LEFT: #ad8404 1px solid;
 PADDING-TOP: 5px
}

.left2 {
PADDING-RIGHT: 5px;
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 PADDING-LEFT: 5px;
 BORDER-TOP: #ad8404 1px solid;
 BORDER-LEFT: #ad8404 1px solid;
 BORDER-BOTTOM: #ad8404 1px solid;
}

.middle2 {
 PADDING-RIGHT: 5px;
 BORDER-TOP: #ad8404 1px solid;
 PADDING-LEFT: 5px;
 PADDING-BOTTOM: 5px;
 BORDER-LEFT: #ad8404 1px solid;
 PADDING-TOP: 5px;
 BORDER-BOTTOM: #ad8404 1px solid;
}

.right2 {
 BORDER-RIGHT: #ad8404 1px solid;
 PADDING-RIGHT: 5px;
 BORDER-TOP: #ad8404 1px solid;
 PADDING-LEFT: 5px;
 PADDING-BOTTOM: 5px;
 BORDER-LEFT: #ad8404 1px solid;
 PADDING-TOP: 5px;
 BORDER-BOTTOM: #ad8404 1px solid;
}


/**-------------eManual----------**/
#emanual {
 margin-bottom: 50px;
 }

.emanual td {
 /*background-image: url(../eManual/images/eManualbutton.jpg);*/
 background: transparent url(/RNA/RNA_BookExpoUS/Framework_images/2010/eManualbutton.jpg) no-repeat scroll 0 0;
 width: 110px;
 height: 54px !important;
 text-align: center;
 vertical-align: middle !important;
 }

a.emanual_button, a.emanual_button:visited {
 font-family:Arial, Helvetica, sans-serif;
 line-height: 14px;
 color: #FFF !important;
 font-weight: bold;
 font-size: 11px;
 text-decoration: none;
}
a.emanual_button:hover{ text-decoration: none !important;
 color: #efe1aa !important;
}