﻿html
{
	background-color:	#E3E4DE;
}

.pageContainer
{
    width:				975px;
    margin:				0 auto;
    font-family:		Arial, Sans-Serif;
    font-size:			13px;
    background-color:	#FFFFFF;
    color:				#4D4D4D;
}

.topHeader
{
	border:				solid 0px black;
    background:			url('top_gradient.jpg') repeat-x;
    height:				77px;
}

.topLogoLeft
{
	border:				solid 0px black;
    position:			relative;
    top:				20px;
    left:				35px;
    float:				left;
    background:			url('RA_logo.jpg') no-repeat;
    width:				151px;
    height:				35px;
    text-indent:		-9999px;
}

.topLogoRight
{
	border:				solid 0px black;
    position:			relative;
    top:				7px;
    right:				24px;
    float:				right;
    background:			url('saf_logo.jpg') no-repeat;
    width:				119px;
    height:				138px;
    text-indent:		-9999px;
    z-index:			5;
}

.topBorder
{
	border:				solid 0px black;
    position:			relative;
    top:				-61px;
    left:				0px;
    float:				left;
    background:			url('top_border_red.jpg') repeat-x;
    width:				100%;
    height:				10px;
    z-index:			0;
}

.topLogo h1
{
    margin:				0;
    padding:			0;
}

.programTable table
{
	width:				625px;
}

.programTable td
{
	border:				solid 1px black;
}

.contentContainer
{
	border:				solid 0px black;
    border-right:		solid 3px #D5D6D0;
    border-left:		solid 3px #D5D6D0;
	margin:				0px; 
    background-color:	#FFFFFF;
    position:			relative;
    float:				left;
    top:				-60px;
}

.topRegister
{
	border:				solid 0px black;
    background:			url('foreground_header.jpg') no-repeat;
    padding:			10px 15px 10px 15px;
    position:			relative;
    float:				left;
    left:				15px;
    width:				905px;
    height:				210px;
}

.topRegisterImage
{
	border:				solid 0px black;
    background:			url('header_image.gif') no-repeat;
    position:			relative;
    float:				left;
    width:				274px;
    height:				206px;
}

.topRegisterLink
{
	border:				solid 0px black;
    width:				410px;
    height:				170px;
    padding:			10px 10px 25px 25px;
    float:				left;
    position:			relative;
}

.topRegister h1
{
	line-height:		0px;
	font-size:			30px;
	top:				-25px;
}

.topRegister h3
{
	line-height:		0px;
	font-size:			30px;
	top:				-25px;
}

.topRegister p
{
	font-size:			15px;
	color:				#BC2C3B;
	font-weight:		bolder;
	top:				-25px;
}

.topRegisterLinkButton
{
	border:				solid 0px black;
    background:			url('btn_register.jpg') no-repeat;
    position:			relative;
    float:				left;
    top:				140px;
    width:				160px;
    height:				50px;	
}

.menuContainer
{
	position:			relative;
    float:				left;
    left:				18px;
}

.menuContainer a
{
    float:				left;
    line-height:		46px;
    text-align:			center;
    display:			block;
    text-indent:		-9999px;
}

.menuContainer .active
{
    cursor: default !important;
}

.menu_home, .menu_program, .menu_speakers, .menu_2010, .menu_past, .menu_contact
{
    background-repeat:	no-repeat;
    cursor:				pointer;
    height:				35px;
}

.menu_home
{
    background-image: url('nav_home_off.jpg');
    width: 129px;
}

.menu_home.active, .menu_home:hover
{
    background-image: url('nav_home_on.jpg') !important;
}

.menu_program
{
    background-image: url('nav_program_off.jpg');
    width: 136px;
}

.menu_program.active, .menu_program:hover
{
    background-image: url('nav_program_on.jpg') !important;
}

.menu_speakers
{
    background-image: url('nav_speakers_off.jpg');
    width: 147px;
}

.menu_speakers.active, .menu_speakers:hover
{
    background-image: url('nav_speakers_on.jpg') !important;
}

.menu_2010
{
    background-image: url('nav_automationfair_off.jpg');
    width: 221px;
}

.menu_2010.active, .menu_2010:hover
{
    background-image: url('nav_automationfair_on.jpg');
}

.menu_past
{
    background-image: url('nav_resources_off.jpg');
    width: 156px;
}

.menu_past.active, .menu_past:hover
{
    background-image: url('nav_resources_on.jpg') !important;
}

.menu_contact
{
    background-image: url('nav_contact_off.jpg');
    width: 141px;
}

.menu_contact.active, .menu_contact:hover
{
    background-image: url('nav_contact_on.jpg') !important;
}

.content
{
	border:					solid 0px black;
    background-color:		#FFFFFF;
    padding:				20px 12px 20px 12px;
    position:				relative;
    float:					left;
    left:					8px;
    width:					905px;
    z-index:				10;	
}

.contentLeft
{
	border:					solid 0px black;
    float:					left;
    width:					675px;
    margin-right:			6px;
}

.mainContent
{
    margin-bottom:			6px;
}

.mainContent a
{
    font-weight:			bold;
    color:					#B41A1F;
    text-decoration:		none;
}

.home, .program, .past, .contact .speakers
{
    padding:				5px;
}

.home
{
    height:					247px;
    padding:				23px 21px 0 0;
}

.program
{
    padding-top:			15px;
}

.leftProgram
{
    float: left;
    width: 400px;
    margin-right: 20px;
}

.rightProgram
{
    float: left;
}

.program h3
{
    margin-top: 0;
    padding-top: 5px;
}

.program ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.program li
{
    background-image: url('redDot.png');
    background-position: 0px 5px;
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
}

/*
.speakers
{
	border:					solid 0px black;
	height:					402px;
    padding:				28px 15px 0px 15px;
    background-image:		url('content_bg_noBottom.jpg');
    background-repeat:		no-repeat;
    background-position:	right top;
}
*/
.past
{
    height: 270px;
}

.past h3
{
    margin-top: 0;
    padding-top: 4px;
}

.past ul
{
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
}

.past li
{
    background-image: url('arrowSingleRed.png');
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    color: #b4191d;
    line-height: 13px;
    font-weight: bold
}

.contact
{
    height: 270px;
}

.contact h3
{
    margin-top: 0;
    padding-top: 4px;
}

.contactLinks
{
    padding: 5px 5px 1px 5px;
    background-color: #e4f1f5;
    border: 1px solid #d3e8ed;
    width: 217px;
}    

.castContainer
{
    width: 675px;
}

.cast
{
    float: left;
    width: 221px;
    background-color: #fff9e5;
}

.cast h2
{
    margin: 0;
    display: block;
    border-top: 1px solid #fcdc94;
    border-left: 1px solid #fcdc94;
    border-right: 1px solid #fcdc94;
    font-size: 14px;
    line-height: 14px;
    color: #b7131a;
    padding: 13px 11px 15px 11px;
    text-transform: uppercase;
    background-image: url('castHr.png');
    background-position: center bottom;
    background-repeat: no-repeat
}

.castItem
{
    background-color: #fdeeca;
    background-image: url('castHr.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 6px 7px 9px 7px;
    color: #5d0206;
    font-size: 12px;
    min-height: 48px;
}

.castImage
{
    padding: 2px;
    border: 1px solid #f0cdb0;
    background-color: #fff;
    margin-right: 9px
}

.castMargin
{
    margin-right: 6px;
}

.viewMoreCasts
{
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    text-align: right;
    padding-right: 7px;
    font-size: 11px;
    font-weight: bold;
    color: #b7131a;
}

.contentRight
{
	border:					solid 0px black;
    float:					left;
    width:					216px;
}

.socialLinksBlock
{
	border:					solid 1px #A7C3CC;
    background-color:		#C8E2E9;
    padding:				5px;
    margin-bottom:			5px;
    
    /*
    z-index:				10;
    -moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	behavior:				url(border-radius.htc);
	*/
}

.socialLinksBlock hr
{
	border:					solid .3px #FFFFFF;
	width:					100%;
	z-index:				0;
}

.socialLinksBlock h2
{
    color:					#16637A;
    font-size:				14px;
    line-height:			10px;
    margin:					0;
    padding:				3px 0 12px 0;
    text-transform:			uppercase;
}

.socialLinks
{
    padding:				5px;
}

.footerContainer
{
	border:					solid 0px yellow;
    background-color:		#000000;
    height:					77px;
    position:				relative;
    float:					left;
    top:					-60px;
    left:					2px;
    padding:				0px;
    width:					971px;
}

.footerContainerLeft
{
	border:				solid 0px yellow;
    position:			relative;
    float:				left;
    padding:			10px 10px 0px 15px;
    width:				700px;
    color:				#FFFFFF;
}

.footerContainerLeft a
{
    padding:			0px 15px 0px 15px;
    font-weight:		bold;
    font-size:			11px;
}

.footerContainerRight
{
	border:				solid 0px green;
    position:			relative;
    float:				right;
    padding:			5px 10px 0px 15px;
    width:				175px;
    height:				66px;
}

a
{
    outline:			none;
    text-decoration:	none;
    color:				inherit
}

a img
{
    border: 0
}

.clearer
{
    clear: both;
    height: 0;
}

.jcarousel-skin-saf .jcarousel-container-horizontal
{
    width: 630px;
    margin: 0 auto;
    overflow: hidden
}

.jcarousel-skin-saf .jcarousel-item
{
    width: 178px;
    height: 313px;
    background-image: url('speaker-bg.png');
    background-repeat: no-repeat;
    padding: 10px 11px;
}

.jcarousel-skin-saf .jcarousel-item strong
{
    color: #B4191D;
}

.jcarousel-skin-saf .jcarousel-item-horizontal
{
    margin: 0 5px;
}

.jcarousel-skin-saf
{
	border:			solid 0px yellow;
	float:			left;
    width:			230px;
    margin:			0 auto;
    overflow:		hidden
}

.jcarousel-skin-saf-large
{
	border:					solid 0px black;
	position:				relative;
    float:					left;
    width:					378px;
    height:					315px;
    background-image:		url('speaker-bg-large.png');
    background-repeat:		no-repeat;
    background-position:	-1px 2px;
    padding:				15px 10px;
}

/**
 * Additional styles for the controls.
 */
.jcarousel-control-container
{
    margin: 0 auto;
    width: 268px;
}

.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a 
{
    text-indent: -9999px;
    text-decoration: none;
    margin: 0 3px;
    font-weight: bold;
    background-image: url('speaker-inactive.png');
    width: 23px;
    height: 23px;
    display: block;
    float: left
}

.jcarousel-control a.selected 
{
    background-image: url('speaker-active.png');
}

.prevControl, .nextControl
{
    float: left
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}


.tweet
{
    background-color:		#c8e2e9;
    color:					#011e26;
    font-size:				11px;
    padding:				13px 8px;
    background:				url('twitterHr.png') center bottom no-repeat
}

.tweet strong
{
    color: #648087;
    font-size: 13px;
    display: block
}

.viewMoreTweets
{
    background-color:		#E4F1F5;
    height:					35px;
    line-height:			35px;
    text-transform:			uppercase;
    text-align:				right;
    padding-right:			7px;
    font-size:				11px;
    font-weight:			bold;
    color:					#1a687d;
    margin-bottom:			5px;
    border-left:			solid 1px #A7C3CC;
    border-right:			solid 1px #A7C3CC;
    border-bottom:			solid 1px #A7C3CC;
}

.twitted h2 {
	margin: 2.5px;
	padding: 0px;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin:					0;
	padding:				0;
	list-style-type:		none;
}

.twitted ul#twitter_update_list li {
    background-color:		#C8E2E9;
    color:					#011E26;
    font-size:				11px;
    padding:				13px 8px;
    background:				url('twitterHr.png') center bottom no-repeat
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #00f;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    text-align: right;
    padding-right: 7px;
    font-size: 11px;
    font-weight: bold;
    color: #1a687d;
}

/* Speakers tabs */

ul.tabNavigation 
{
	list-style:         none;
    margin:             0 0 0 -35px;
    text-align:			center;
    padding:            5px;
}

ul.tabNavigation li 
{
    border:             solid 0px black;
    text-align:			center;
    display:            inline-table;
}

ul.tabNavigation li a 
{
    color:              #000000;
    text-decoration:    none;
}

ul.tabNavigation li a.selected 
{
    color:              #B4191D;
    text-decoration:	underline;
}

ul.tabNavigation li a:hover
{
	text-decoration:	underline;
}

ul.tabNavigation li a:focus 
{
	outline:            0;
}

div.tabs > div 
{
    border:					solid 0px #000000;
	padding:				5px;
	margin-top:				3px;
}

div.tabs > div h2 {
	margin-top:				0;
}

.tabNavigation table
{
	border-left:			solid 2px #F2F2F2;
	border-top:				solid 2px #F2F2F2;
	border-right:			solid 2px #D8D8D8;
	border-bottom:			solid 2px #D8D8D8;
	padding:				1px;
}
