/*-----------------------------------------------------------
mboBasic.css

Author: Andy Sherman
Company: Visual Blaze
Date: 05/08
Description: Stylesheet for MBO generic styles primary site
------------------------------------------------------------*/
/*------------
global styles
-------------*/

/*set block elements to 0 */
body,p,h1,h2,h3,h4, div {
	margin: 0;
	padding: 0;
}
.bold {
	font-weight: bold;
}
.italic {

}

a {
	color: #165b93;
	font-weight: bold;
}
a:visited {
	color: #0d365a;
	font-weight: bold;
}
a:hover {
	color: #0d365a;
	font-weight: bold;
}
a:active {
	color: #165b93;
	font-weight: bold;
}
.clear {
	clear: both;
}

.greyLightTxt {
	color: #666;
	font-style: italic;
}

.quoteTxt {
	color: #666;
	font-style: italic;
}

/*----------
main styles
----------*/

body {
	font-family: arial;
	font-size: 12px;
	/*req. for auto marg center technique*/
	text-align: center;
	/*req. for centering..*/
	min-width: 950px;
	background: url(../images/bgTile.png) repeat-x;
}

#wrapper {
	/*position:relative;*/
	width: 978px;
	min-height: 500px;
	/*req. centering..*/
	margin: 0 auto;
	/*req. centering..*/
	text-align: left;
	background: url(../images/wrapperTile.png) repeat-y;
}

/*--------------------------------------------
container for logo/menu/subMenuBtns [header]
--------------------------------------------*/
#header {
	width: 978px;
	height: 314px;
	background: url(../images/headerBg.png) no-repeat top left;
}

/*logo container*/
#header h1 span {
	display: none;
}

#header h1 {
	display: inline;
	width: 250px;
	height: 128px;
	margin-left: 36px;
	/*margin-left: 45px;*/
	background: url(../images/logo.png) no-repeat top left;
	float: left;
}

/*------------
main menu <ul>
------------*/

#header #menu {
	display: inline;
	margin: 0;
	margin-top: 26px;
	margin-right: 60px;
	padding: 0;
	list-style: none;
	float: right;
}

#header #menu li {
	display: inline;
	float: left;
}

/*hide link text*/
#header #menu li a span {
	display: none;
}

/*--------------
main menu images
---------------*/
#header #menu li#mHome a {
	display: block;
	width: 80px;
	height: 51px;
	background: url(../images/menu/homeBtn.png) no-repeat top left;
}

#header #menu li#mHome a:hover, #header #menu li#mHome .active{
	background-position: top right;
}

#header #menu li#mOverview a {
	display: block;
	width: 120px;
	height: 51px;
	background: url(../images/menu/overviewBtn.png) no-repeat top left;
}

#header #menu li#mOverview a:hover, #header #menu li#mOverview .active {
	background-position: top right;
}

#header #menu li#mAttend a {
	display: block;
	width: 200px;
	height: 51px;
	background: url(../images/menu/attendBtn.png) no-repeat top left;
}

#header #menu li#mAttend a:hover, #header #menu li#mAttend .active {
	background-position: top right;
}

#header #menu li#mAgenda a {
	display: block;
	width: 98px;
	height: 51px;
	background: url(../images/menu/agendaBtn.png) no-repeat top left;
}

#header #menu li#mAgenda a:hover, #header #menu li#mAgenda .active {
	background-position: top right;
}

#header #menu li#mSpeakers a {
	display: block;
	width: 114px;
	height: 51px;
	background: url(../images/menu/speakersBtn.png) no-repeat top left;
}

#header #menu li#mSpeakers a:hover, #header #menu li#mSpeakers .active {
	background-position: top right;
}

/*-----------------
sub menu Icons <ul>
------------------*/

#header #subMenu {
	display: inline;
	margin: 0;
	margin-right: 70px;
	padding: 0;
	list-style: none;
	float: right;
}

#header #subMenu li {
	display: inline;
	float: left;
}

/*hide link text*/
#header #subMenu li a span {
	display: none;
}

/*------------
subMenu Images
-------------*/

#header #subMenu li#sMUpdates a {
	display: block;
	width: 178px;
	height: 58px;
	background: url(../images/menu/subIcons/emailUpdates.png) no-repeat top left;
}

#header #subMenu li#sMUpdates a:hover, #header #subMenu li#sMUpdates .active{
	background-position: top right;
}

#header #subMenu li#sMShareEvent a {
	display: block;
	/*width: 161px;*/
	width: 132px;
	height: 58px;
	background: url(../images/menu/subIcons/shareEvent.png) no-repeat top left;
}

#header #subMenu li#sMShareEvent a:hover, #header #subMenu li#sMShareEvent .active{
	/*background-position: top right;*/
	background-position: -161px 0px;
}

#header #subMenu li#sMRegister a {
	display: block;
	width: 173px;
	height: 58px;
	background: url(../images/menu/subIcons/register.png) no-repeat top left;
}

#header #subMenu li#sMRegister a:hover, #header #subMenu li#sMRegister .active{
	background-position: top right;
}

/*-------------------------
content containers /columns
--------------------------*/

#col1 {
	display: inline;
	width: 545px;
	min-height: 200px;
	margin-top: -160px;
	/*margin-left: 52px;*/
	margin-left: 52px;
	/*background: #ff0000;*/
	float: left;
}

#col2 {
	display: inline;
	/*width: 318px;*/
	width: 323px;
	min-height: 200px;
	margin-top: -160px;
	margin-right: 57px;
	/*background: #999;*/
	float: right;
}

/*index specific column styling*/
#index #col1 {
	margin-top: 0px;
}
#index #col2 {
	margin-top: 0px;
}

/*agenda specific column styling*/
#agenda #col1 {
	margin-top: 0px;
}

/*--------------------------------------------------------------
content modules !! custom headers found in - moduleCustom.css!!
-------------------------------------------------------------*/

/*--------------------------------------------
mod 1-2Speakers -> revised speakers alignment
mod 1-2Agenda -> revised agenda mod
vb 08/11/09
--------------------------------------------*/
.mod1-2Speakers, .mod1-2Agenda {
	margin-top: -160px;
	margin-left: 52px;
}

.mod1-2Speakers h2 span, .mod1-2Agenda h2 span  {
	display: none;
}

.mod1-2Speakers h2, .mod1-2Agenda h2 {
	width: 860px;
	height: 51px;
	background: url(../images/contModules/module1-2Head.png) no-repeat top left;
}
.mod1-2Agenda h2 {
		background: url(../images/contModules/module1-2AgendaHead.png) no-repeat top left;
}
.mod1-2Speakers .mod1-2Content, .mod1-2Agenda .mod1-2Content  {
	width: 860px;
	background: url(../images/contModules/module1-2TileLong.png) repeat-y;
}

.mod1-2Speakers .mod1-2Content p, .mod1-2Agenda .mod1-2Content p {
	width: 680px;
}

.mod1-2Speakers .mod1-2Footer, .mod1-2Agenda .mod1-2Footer{
	width: 860px;
	height: 50px;
	background: url(../images/contModules/module1-2FooterLong.png) no-repeat top left;
}

/*speaker Scroller specific styling*/
#speakerSwf {
	padding-left: 20px;
}

/*---------------------------
module 1-1 [primary info mod]
---------------------------*/
.mod1-1 {
}

.mod1-1 h2 span {
	display: none;
}

.mod1-1 h2 {
	width: 545px;
	height: 51px;
	background: url(../images/contModules/module1-1Head.png) no-repeat top left;
}

.mod1-1Content {
	width: 545px;
	/*height: 100px;*/
	background: url(../images/contModules/module1-1Tile.png) repeat-y;
}

.mod1-1Content p {
	width: 480px;
}

.mod1-1Footer{
	width: 545px;
	height: 105px;
	background: url(../images/contModules/module1-1Footer.png) no-repeat top left;
}

/*---------------------------
module 1-Flash
---------------------------*/
.mod1-Flash {
}

.mod1-Flash h2 span {
	display: none;
}

.mod1-Flash h2 {
	width: 545px;
	height: 51px;
	background: url(../images/contModules/module1-1Head.png) no-repeat top left;
}

.mod1-FlashContent {
	width: 545px;

}

.mod1-FlashContent p {
	width: 480px;
}

.mod1-FlashFooter{
	width: 545px;
	height: 105px;
	background: url(../images/contModules/module1-1Footer.png) no-repeat top left;
}

/*---------------------------------
module 1-2 :resource4mark
---------------------------------*/

.mod1-2 {
}

.mod1-2 h2 span {
	display: none;
}

.mod1-2 h2 {
	width: 545px;
	height: 51px;
	background: url(../images/contModules/module1-2Head.png) no-repeat top left;
}
.mod1-2Content {
	width: 545px;
	/*height: 100px;*/
	background: url(../images/contModules/module1-2Tile.png) repeat-y;
}

.mod1-2Content p {
	width: 480px;
}

.mod1-2Footer{
	width: 545px;
	height: 50px;
	background: url(../images/contModules/module1-2Footer.png) no-repeat top left;
}





/*---------------------------------
module 2-1 :MBO Video
---------------------------------*/

.mod2-1 {
}

.mod2-1 h2 span {
	display: none;
}

.mod2-1 h2 {
	width: 323px;
	height: 53px;
	background: url(../images/contModules/module2-1Head.png) no-repeat top left;
}
.mod2-1Content {
	width: 323px;
	/*height: 100px;*/
	background: url(../images/contModules/module2-1Tile.png) repeat-y;
}

.mod2-1Content p {
	width: 280px;
}

.mod2-1Footer{
	width: 323px;
	height: 33px;
	background: url(../images/contModules/module2-1Footer.png) no-repeat top left;
}



/*youtube video positioning*/
#mod2-1Vid {
	margin-left: 4px;
	/*background: #ff0000;*/
}

/*----------------------------------------------
global mod styling - applicable to all modules
----------------------------------------------*/
/*h3 styles*/

.mod1-1 h3,.mod1-2 h3,.mod2-1 h3, .mod1-2Agenda h3 {
	font-size: 16px;
	color:#165b93
}

.mod1-1 h3.firstTitle , .mod1-2 h3.firstTitle, .mod2-1 h3.firstTitle {
	padding-top: 15px;
}
.mod1-1 h3, .mod1-1 p, .mod1-2 h3, .mod1-2 p, .mod2-1 h3, .mod2-1 p, #agendas, .mod1-2Agenda h3, .mod1-2Agenda p  {
	margin-left: 25px;
	padding-top: 10px;
}

.mod1-1 h4 {
	margin-left: 25px;
}

/*-------
footer
-------*/

#footer {
	/*position:relative;*/
	width: 978px;
	height: 141px;
	/*req. centering..*/
	margin: 0 auto;
	/*req. centering..*/
	text-align: left;
	background: url(../images/footer.png) no-repeat top left;
}

/*copy text*/
#footer p {
	display: inline;
	margin: 100px 0px 0px 200px;
	color: #fff;
	float: left;
}

/*sponsorship image styling*/
#footer img {
	display: inline;
	margin-top: 65px;
	margin-right: 85px;
	float: right;
}
/*first image of sponsor set - diff margin-left*/
#footer img.sponImgFirst {
	margin-left: 75px;
}

/*---------------------------------
speaker module/compartment styling
---------------------------------*/

.speakerMod {
	width: 510px;
	padding-bottom: 15px;
}

.speakerMod h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}

.speakerMod p {
	width: 350px;
}


.speakerMod img {
	display: inline;
	float: right;
}


/*-------
agenda-table
-------*/

#agendas {
	width: 775px;
	margin-top: 10px;
	border: 1px solid #E5E5E5;
	border-collapse: collapse;
	background-color: #FFFFFF;

}
#agendas td {
	padding: 3px 8px 4px;
	vertical-align: top;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	font-size: 1em;
}
#agendas td p {
	margin: 0;
}
#agendas td.center {
	text-align: center;
}
#agendas td.timeSlot {
	width: 30px;
	text-align: right;
}
#agendas tr.even td {
	background-color: #F5F5F5;
}
#agendas td.track1 {
	width: 237px;
	background-color: #C9E1F1;
}
#agendas td.track2 {
	width: 237px;
	background-color: #8FB9D5;
}
#agendas td.header {
	width: 237px;
	background-color: #1D4D81;
	color:#FFF;
	font-weight:400
}
#agendas td.btob, #agendas tr.even td.btob {
	width: 212px;
	background-color: #E6F5FC;
}
#agendas td.btoc, #agendas tr.even td.btoc {
	width: 212px;
	background-color: #F7E6EC;
}
#agendaList {
	width: 485px;
	border: none;
}
#agendaList td {
	width: 150px;
	vertical-align: top;
	padding: 5px 0 30px;
	line-height: 1.4em;
	border-top: 1px solid #E5E5E5;
}
#agendaList a {
	color: #555555;
	text-decoration: none;
}
#agendaList a.details {
	color: #C53C49;
}
#agendaList a:hover {
	color: #C53C49;
	text-decoration: underline;
}
#agendaList td.date {
	width: 60px;
	font-weight: bold;
}
#agendaList td.gutter {
	width: 40px;
	padding: 0;
	border-top: none;
}

/*----------------------
email.html form styling
-----------------------*/
.formField {
	/*background: #ff0000;*/
	padding: 0;
	margin:0;
}

.formField p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#formSubmitButton {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/*-----------
twitterFeed 
-----------*/
ul#twitter_update_list {
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	ul#twitter_update_list li {

		}
		ul#twitter_update_list li p {
			padding-top: 0;
		}
		ul#twitter_update_list li p.date {
			font-size: 12px;
			padding-top: 10px;
			font-weight: bold;
		}
		ul#twitter_update_list li p.username {
			color: #004990;
			font-weight: bold;
		}