/* CSS Document */

/* ------- TABLE OF CONTENTS ------------

    Project:  	VGM Heartland Conference Speaker Registration Portal    
   Packaged: 	
    Version: 	v1.0
     Author: 	Matt Johnson
Last Change:    
Primary Use:    Speaker Registration for Heartland Conference
 
1. Import
2. Structure
3. PageSpecific
4. Typography

---------- END TABLE OF CONTENTS -------*/

/* 1. Import 
----------------------------------------*/
@import url("../css/reset.css"); /* import the forbin reset style sheet - browser default styles */
@import url("../css/global.css"); /* import the forbin global style sheet - contains common styles */
img {float:none;}

/* jQuery Browser Sniffer --- attaches 2 classes to your body tag to say what browser and what version is being used so you've got 2 levels of granularity. Possible values are... */
  .browserIE {}
  .browserIE6 {}
  .browserIE7 {}
  .browserIE8 {}
  .browserChrome {}
  .browserChrome1 {}
  .browserSafari {}
  .browserSafari1 {}
  .browserSafari2 {}
  .browserSafari3 {}
  .browserMozilla {}
  .browserFirefox {}
  .browserFirefox1 {}
  .browserFirefox2 {}
  .browserFirefox3 {}
  .browserOpera {}

/* 2. Structure 
----------------------------------------*/
body {background:url(/speaker-registration/images/bg.gif) repeat-x #fff; font:normal normal normal 12px/21px "Segoe UI", "Lucida Grande", Tahoma,  sans-serif;}  

#mp_backlinks {margin-bottom:15px; /*border-bottom:1px dotted #BBB095;*/ padding:5px; background:#413016;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#mp_backlinks a {color:#fdf8cb;}

.container {width:960px; margin:0 auto;}

.photoLeft {float:left;  margin:0 10px 10px 0;}
.photoRight {float:right; /*border:1px solid #ddd; padding:3px;*/ margin:0 0 10px 10px;}

/* HEADER */	
#header {height:138px;}
	#header a.logo {width:170px; height:120px; top:8px; left:25px; background:url(/speaker-registration/images/logo.jpg) no-repeat; text-indent:-9999px;}
	#header span.register {font-size:32px; line-height:40px; font-weight:bold; text-transform:uppercase; font-family:"Myriad Pro", "Arial Black", Gadget, sans-serif; color:#01461A; top:85px; left:265px;}
                

/* NAVIGATION */	
.navigation {width:960px; height:37px;}
	.navigation li {height:37px; float:left;}
	    .navigation li a {height:37px; display:block; text-indent:-9999px; cursor:pointer; background:url(/Images/navigation-bg.jpg);}
	        .navigation a.Nav01 {width:89px; background-position: 0 0;}
	            .navigation a.Nav01:hover {background-position: 0 -37px;}
	        .navigation a.Nav02 {width:116px; background-position: -89px 0;}
	            .navigation a.Nav02:hover {background-position: -89px -37px;}
	        .navigation a.Nav03 {width:194px; background-position: -205px 0;}
	            .navigation a.Nav03:hover {background-position: -205px -37px;}
	        .navigation a.Nav04 {width:180px; background-position: -399px 0;}
	            .navigation a.Nav04:hover {background-position: -399px -37px;}
	        .navigation a.Nav05 {width:137px; background-position: -579px 0;}
	            .navigation a.Nav05:hover {background-position: -579px -37px;}
	            
	        /* Active */
	        body.homepage .navigation a.Nav01 {background-position: 0 -74px;}
	        body.about .navigation a.Nav02 {background-position: -89px -74px;}
	        body.services .navigation a.Nav03 {background-position: -205px -74px;}
	        body.resources .navigation a.Nav04 {background-position: -399px -74px;}
	        body.contact .navigation a.Nav05 {background-position: -579px -74px;}
	        
/* MAIN CONTENT */	
#content {margin:30px 0 20px 0;}
#mainContent {margin:0 0 0 265px; color:#333;}


	.subtopic {width:330px; float:left; border-bottom:1px solid #806338; padding:0 0 20px 0; margin:0;}
		.subtopic h3 {padding-top:15px; line-height:40px; margin-bottom:15px;}
		.subtopic h3 img {margin-right:10px; float:left;}
		.subtopic p {height:80px; overflow:hidden;}
		.borderRight {border-right:1px solid #806338; padding-right:20px;}
		.borderLeft {border-left:1px solid #5c421c; padding-left:20px;}
#sidebar {min-height:300px; width:217px; padding:0 20px 15px 0 ; float:left; margin:0; border-right:1px dotted #ddd; }
	#sidebar h2 {margin:10px 0 5px 10px; padding:0;}
	#sidebar p {margin:0 0 10px 10px; padding-left:0;}

/* Site Options */
	    ul.websiteOptions {height:30px; padding:8px 0 0 10px; margin-bottom:10px; background:#F8F8F6; border:2px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#000;}
	        ul.websiteOptions li {padding:0 5px; float:left; font-size:11px; line-height:21px;}
	        ul.websiteOptions li.textResizer {background:none; border-left:1px dotted #666; padding-left:0;}
	        ul.websiteOptions li.SiteOptions {width:100px; text-align:right; background:none;}
			ul.websiteOptions li.siteSearch {border-left:1px dotted #666; margin-left:15px; padding-left:20px;}
			.browserIE ul.websiteOptions li.siteSearch {padding-left:0px;}
			.browserIE8 ul.websiteOptions li.siteSearch {padding-left:10px; line-height:15px;}
				.browserIE8 .searchField {}
				.searchField {width:150px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:2px solid #ddd;height:16px; padding:2px 0 0 2px;}
				.searchSubmit{width:25px; height:25px; background:url(/images/btn-search-submit.jpg) no-repeat 0 0; outline:none; border:none;}
				.searchSubmit:hover {background-position:0 -25px;}
	        ul.websiteOptions li.last{border:none; background:none; padding-right:10px;}
	        ul.websiteOptions li a {color:#848484; font-size:11px; text-decoration:none; cursor:pointer;}
	        ul.websiteOptions li a.addthis_button_print {width:20px; height:18px; margin-top:2px; background:red;}
	        ul.websiteOptions li a.addthis_button_email {margin-top:2px;}
	        ul.websiteOptions li a.addthis_button_favorites {margin-top:2px;}
	        ul.websiteOptions li a.addthis_button_compact {margin-top:2px;}
	        #textSize {float:left; width:120px; text-align:right;}
    	    
/* FOOTER */
#footer {margin:0; padding:0; overflow:hidden;  border-top:1px dotted #ddd;}
	#footer a {color:#01461A;}
	#footer a:hover {text-decoration:none;}
	#footer .footerContainer {height:50px; width:960px;  float:right; position:relative;}
		#footer .footerContainer .copyright {width:960px; height:25px; position:absolute; top:10px; left:0px;}
		.company {width:500px; float:left;}
		.forbin {width:250px; float:right; text-align:right; display:inline-block;}
		

    /* Copyright */
    .copyright {height:25px; clear:both;}
	    .copyright .container {padding-top:10px;}
	        .copyright a {color:#51a2d1;}
				
/* 3. PageSpecific  
----------------------------------------*/

/* HOMEPAGE */

/*login box*/
.loginBox {background:#f3f3f3; border:1px solid #ddd;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:15px;}
.loginBox input{font-size:18px;height:25px;padding-left:3px;width:252px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #ddd;}
.loginBox label{display:inline-block;width:100px;}
.loginBox ul li {list-style:none; line-height:35px;}
.loginBox input.submit {background:url(/speaker-registration/images/btn-login.jpg) no-repeat 0 0; width:257px; height:41px; margin:10px 0 0 100px;}
.loginBox input.submit:hover {background-position:0 -41px;}
.loginHelp {width:200px; height:150px; float:right; padding:0 0 0 25px; border-left:1px dotted #ddd;}
.forgotPw {margin:0; padding:0; display:none;}
.forgotPw input {height:20px; width:180px; font-size:14px; padding-top:5px;}
.loginHelp input.send {background-color:#01461A; color:#fff; height:30px; padding:0; font-weight:bold;}
.loginHelp input.send:hover {background-color:#056128;}

/*speaker registration*/
.formList li {line-height:35px;}
.formList li label{width:150px; display:inline-block; vertical-align:top;}
.formList li input {height:25px; width:300px; font-size:18px;border:1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:3px 0 0 3px;}
input.disabled {color:#333; }
textarea.desc {width:300px;font-size:18px;border:1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:3px 0 0 3px;}
textarea.comments {width:99%;font-size:18px;border:1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:3px 0 0 3px;}

.travelInfoBox {}
.travelInfo li {margin-right:20px;}
.travelInfo li label{width:80px;}
.travelInfo li input.date {width:150px;}
.travelInfo li input.time {width:100px;}
.travelInfo li input.airport {width:120px;}

.equipmentList {margin-left:0; border-bottom:1px dotted #ddd; padding-bottom:20px;}
.equipmentList li {list-style:none; padding:left:0;}

ol.registrationStatus li {font-size:14px; line-height:30px; border-bottom:1px dotted #ddd;}
ol.registrationStatus li.selected {background:url(/speaker-registration/images/icon-complete.png) no-repeat right 50%; padding-right:35px;}

.loginStatus {background:#fdd347; border:1px solid #c39809;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px;}
.loginStatus a {background:url(/speaker-registration/images/icon-logout.png) no-repeat left 50%; padding-left:35px; line-height:24px; display:block; font-size:14px;}

.registerSidebox {background:#f3f3f3; border:1px solid #ddd;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:2px; margin:5px 0;}
.registerSidebox h2 {background:#01461A; color:#fff; padding:5px!important; margin:0px!important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.successMsg {display:block; width:99%; background:#F99; border:1px solid #F66; padding:3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom:10px;}

.panes h2 {background:#f3f3f3; border:1px solid #ddd;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px;}

a.login {background:#C9950D; color:#fff; font-weight:bold; text-decoration:none; padding:2px 6px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}    


/* root element for tabs  */
 ul.css-tabs {  margin:0; padding:0;clear:left;height:30px;border-bottom:1px solid #C4D2DF;	 	}
/* single tab */
ul.css-tabs li {  float:left;padding:0; margin:0;  list-style-type:none;	}
/* link inside the tab. */
ul.css-tabs a { float:left;font-size:13px;display:block;padding:5px 30px;	text-decoration:none;border:1px solid #C4D2DF;	border-bottom:0px;height:18px;background-color:#DDDFE2;color:#1A7CA9;margin-right:2px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright:4px;position:relative;top:1px;font-weight:bold;}
ul.css-tabs a:hover {background-color:#F7F7F7;color:#51A2D1;}
/* selected tab */
ul.css-tabs a.current {background-color:#FCFBF6;border-bottom:2px solid #FCFBF6;	color:#074254;	font-weight:bold;cursor:default;}
/* tab pane */
div.css-panes div {display:none;border:1px solid #C4D2DF;border-width:0 1px 1px 1px;min-height:150px;background-color:#FCFBF6;}

.simple_overlay {-moz-box-shadow:0 0 90px 5px #000000;background-color:#333333;border:1px solid #666666;display:none;padding:15px;z-index:10000;}
.simple_overlay .close {background-image:url(/Images/close.png);cursor:pointer;height:35px;position:absolute;right:-15px;top:-15px;width:35px;}





/* 4. Typography
----------------------------------------*/
p {margin: 0 0 10px 0;}
blockquote {margin:10px 20px; padding:10px; background:#f3f2f2; border:1px solid #ddd;}
strong {font-weight:bold;}
em {font-style:italic;}
acronym {cursor:help; border-bottom:1px dashed blue;}
hr {margin:30px 15px 20px 15px; color:#e6e6e6;}

/* COLORS */
.yellow {color:#c39809;}
.red {color:#F00;}
.gray {color:#353535;}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {padding:10px 0 5px 0; font-weight:normal;}
    h1 {font-size:30px; color:#01461A; margin:0 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; line-height:30px;}   
	h2 {font-size:18px; color:#C9950D; font-family:Arial, sans-serif; margin-bottom:15px;}
	h3 {font-size:15px; color:#666; padding:5px 0; font-weight:bold; margin:0 0 15px 0;}
	h4 {font-size:14px; color:#000; font-weight:bold;}
	h5 {font-size:13px; color:#5C8127;}
	h6 {font-size:12px; color:#5C8127;}
	
	.main h3 {padding:5px; background:#3a4841;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff;}

/* TABLES */
.speakerGrid { margin-bottom:10px;}
.speakerGrid td {padding:3px 8px; border-bottom:1px dotted #ddd;}
.speakerGrid tr.odd {background:#f3f3f3;}
.speakerGrid thead tr{background:#01461A; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.speakerGrid thead th {padding:3px 8px;}
.speakerGrid tr.courses {background:#01461A; color:#fff;}


/* LISTS */
ul, ol {margin:0 0 15px 25px;}
ul {list-style:disc;}
ul li {padding-left:10px;}
.formList {margin-left:0;}
.formList li {list-style:none; padding-left:0;}
.travelInfo li {float:left;}

.documentUpload li {list-style:none; margin-bottom:12px;}


/* LINKS */
a {color:#01461A;}
	a:hover {text-decoration:none; }
a.top {padding:10px 0 0 0; display:block; clear:left; text-align:center;}
a.NoLink, a.NoLink:Visited, a.NoLink:Active, a.NoLink:Hover {color:White; text-decoration:none; cursor:text;}

a.learnMore {background:url(/images/btn-learn.png) no-repeat 0 0; width:80px; height:22px; text-indent:-9999px; display:block;}
a.learnMore:hover {background-position:0 -22px;}

a[href^="http://"] {background: url(/speaker-registration/images/external_link.png) no-repeat right 50%; padding: 2px 13px 2px 0; }
/*a[href^="mailto:"] {background: url(/images/email.png) no-repeat right 50%; padding: 2px 20px 2px 0; }*/
.exempt {background-image:none !important;padding:0 !important;}

/* CSS3 Styles */
.basicBoxShadow {box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000;}
.basicRoundedCorder {border:1px solid #b2c2cb; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

/* Added Sections */
#addedSection2 { clear:both; }
#addedSection2 h2 small { font-size:.75em; color:Red; font-weight:normal;}
#addedSection2 h2 small:before {content:"*";color:red;}

#addedSection3 { clear:both; }
#addedSection3 h2 small { font-size:.75em; color:Red; font-weight:normal;}
#addedSection3 h2 small:before {content:"*";color:red;}

/* BUTTONS */
.buttons {margin:10px; clear:both; }
.session { margin-right:0 !important; }

.buttons ul { list-style-type:none;}
.buttons ul li {  display:inline; float:left; font-size:smaller; padding:0; margin:0; line-height:normal; margin-left:10px; }

button { cursor:pointer; padding:0 15px 10px; border:1px solid #cccccc; font-weight:bold; /* behavior.htc file for ie */ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: -webkit-gradient(linear, left top, left 15, from(#fbfbfb), color-stop(50%, #fbfbfb), to(#dfdfdf)); background: -moz-linear-gradient(top, #fff, #dfdfdf 35px); }
button.branch { padding:0 10px 5px;}
button:hover { background: -webkit-gradient(linear, left top, left 15, from(#fcfad5), color-stop(50%, #fcfad5), to(#dfdfdf)); background: -moz-linear-gradient(top, #fcfad5, #dfdfdf 35px);}

div.button { padding-left:15px; cursor:pointer; padding:0 15px 8px; border:1px solid #cccccc; font-weight:bold; /* behavior.htc file for ie */ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: -webkit-gradient(linear, left top, left 15, from(#fbfbfb), color-stop(50%, #fbfbfb), to(#dfdfdf)); background: -moz-linear-gradient(top, #fff, #dfdfdf 35px);}
div.button img { position:relative; left:-4px; top:4px;}
div.button:hover {background: -webkit-gradient(linear, left top, left 15, from(#fcfad5), color-stop(50%, #fcfad5), to(#dfdfdf)); background: -moz-linear-gradient(top, #fcfad5, #dfdfdf 35px);}
div.button[disabled] {}

/******************************************************************
 ERROR MESSAGES
 *****************************************************************/

.info, .valid, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(../images/icons/Info.png);
}
.valid {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url(../images/icons/ValidGreen.png);
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url(../images/icons/Attention.png);
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url(../images/icons/Cancel.png);
}
.validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url(../images/icons/RemoveRed.png);
}

/* ---------->>> END Typography <<<---------*/