/* =================================
Copyright 2008
Fifth Gear Marketing Systems Inc.  
DNN Main Container
Version: 1.0
================================== */    

/* DEFAULT CONTAINER */

    * a:active { outline: none; }
	:-moz-any-link:focus { outline: none; }
	* :focus { -moz-outline-style: none; }

    
/* ==============================
DNN Container Styles
Copyright 2008, Fifth Gear Marketing Systems Inc.
================================= */  

/* FONTS */

	#mainContainer .pageHeading { margin: 0 0 12px 0; }	
	#mainContainer h1 { font-family: 'Trebuchet MS', sans-serif; font-size: 16px; color: #3c5165; letter-spacing: 0px; font-weight: normal; margin: 6px 0 18px 0; }
	#mainContainer h2 { font-family: 'Trebuchet MS', sans-serif; font-size: 14px; color: #3c5165; letter-spacing: 0px; font-weight: normal; margin: 6px 0 18px 0; }
	
/* LIST ITEMS */	

	#mainContainer ul { padding: 0 0 24px 0;  }	
	#mainContainer ul li { list-style-image: url(img/bullet.gif); margin: 0 0px 0px 14px; padding-left: 16px; line-height: 1.3; }
	#mainContainer ul li ul { margin-top: 10px; }	
	#mainContainer ul li.singleLine { list-style-image: url(img/bullet.gif); margin: 0 0 4px 26px; line-height: 1.3; }
	#mainContainer ul li.singleLine ul { margin-top: 6px; }
	#mainContainer ol li { font-size: 11px; margin: 0 0 16px 26px; line-height: 1.3; }
	#mainContainer ol li ul { margin-top: 10px; }

/* PAGE SETTINGS */
	
	#mainContainer .introText { padding: 47px 0 0 50px;}
	#mainContainer .introFlash { float: right; padding: 15px 15px 0px 15px;}
	#mainContainer p { text-align: left; padding-bottom: 12px;}		
	#mainContainer p.intro { font-size: 14px; }	
	#mainContainer .wrapper { float: left; width: 553px; margin: 0 0 0 30px; }
	#mainContainer .infoBox { padding: 35px 20px 0 20px; }		
	#mainContainer .infoBoxOne { float: left; width: 229px; }
	#mainContainer .infoBoxTwo { float: right; width: 229px; }
	#mainContainer .infoBoxThree { float: right; width: 183px; margin: 0 30px 0 0; }	
	#mainContainer .infoBoxHeading { margin-bottom: 12px;  }
	#mainContainer  a,
	#mainContainer  a:visited { color: #76949d; text-decoration: none; }
	#mainContainer  a:hover { color: #76949d; text-decoration: underline; }
	#mainContainer .secSideImage { margin: 29px 0 0 30px; }
	#mainContainer .secSideBar { height: 200px; width: 253px;  text-align: left; padding: 30px 0 0 30px; }
	#mainContainer .secPageTop { height: 18px; width: 530px; background: transparent url(img/secPageTop.png) no-repeat; margin: 17px 0 0px 0; }
	#mainContainer .secPageMiddle { width: 530px; background: transparent url(img/secPageMiddle.png) repeat-y; }
	#mainContainer .secPageBottom { height: 18px; width: 530px; background: transparent url(img/secPageBottom.png) no-repeat; margin: 0px 0 15px 0; }
	#mainContainer .secPageContent { text-align: left; padding: 25px 45px 0px 45px; }
	#mainContainer .secPageContent p { padding-bottom: 20px; }
 
/* OUR PARTNERS */
 
 	#mainContainer .partner { padding: 0 0 32px 0;}
 	#mainContainer .partnerName { height: 60px; }
 	#mainContainer .partnerIntro { }			
 	#mainContainer .imagePartnerRight { float: right; margin: -12px 0 20px 18px; }
 	#mainContainer .imagePartnerLeft { float: left; margin: -12px 18px 20px 0; }
 	#mainContainer .introPartnerLeft { }	
	#mainContainer p.partnerEmail { margin: -12px 0 18px 0; }

/* INDEX PAGES */	

	/* Filters */
	
	#filters { width: 100%; padding-top: 12px; }
	#filters .filterBar { width: 100%; }
	#filters .filterBarLeft { padding-left: 3px; vertical-align: middle; }	
	#filters .filterBarRight { text-align: right; white-space: nowrap; padding: 4px 0 4px 0; }
	#filters .dropDownBox { width: 120px; }
	
	/* Grid Frame */

	#mainContainer #indexFrame { width: 100%; background-color: #f7f7f7; margin: 12px 0px 24px 0px; padding: 8px 0 8px 0; } 
	#mainContainer #indexFrame .index { margin: 0 8px 0 8px; }

	/* Grid */

	#mainContainer .index td { vertical-align: top; padding: 4px 10px 4px 10px;	} 
	#mainContainer .index .colHead { font-family: Arial, Verdana, Garamond, sans-serif; font-size: 11px; background-color: #ded9d5; letter-spacing: 0.1em; }
	#mainContainer .index .colHead1 { border: 2px solid #ffffff; white-space: nowrap; vertical-align: bottom; }
	#mainContainer .index .colHead2 { border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; white-space: nowrap; vertical-align: bottom; }
	#mainContainer .index .colHeadExpand { width: 100%; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; white-space: nowrap; vertical-align: bottom; }	
	#mainContainer .index .subHeadCol { font-family: Arial, Verdana, Garamond, sans-serif; font-size: 11px; background-color: #eef6cb; letter-spacing: 0.1em; border: 2px solid #ffffff; }	
	#mainContainer .index .col { font-family: Arial, Verdana, Garamond, sans-serif; font-size: 11px; }	
	#mainContainer .index .col a:link,
	#mainContainer .index .col a:visited,
	#mainContainer .index .col a:active { color: #3c2911; text-decoration: none; font-family: Arial, Verdana, Garamond, sans-serif; font-size: 11px; }
	#mainContainer .index .col a:hover { text-decoration: underline; }
	#mainContainer .index .highlight { background-color: #ededed; }
	#mainContainer .index .colEdit { border-right: 2px solid #fff; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; padding-top: 6px; text-align: center; }
	#mainContainer .index .col1 { border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff; white-space: nowrap; }
	#mainContainer .index .col2 { border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff; }
	#mainContainer .index .colExpand { width: 100%; border: 2px solid #fff; }
	#mainContainer .index .colPDF { border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff; padding-top: 8px; }
	#mainContainer .noContent { text-align: center; padding-top: 8px; }

	/* Display Pages (Press Room, Announcements, Career Opportunities ) */

	#mainContainer .press { width: 100%;}
	#mainContainer .press .lines { padding: 2px 0 2px 0; margin: 0 0 12px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
	#mainContainer .press .navTopBar {	width: 100%; }
	#mainContainer .press .navLeft { white-space: nowrap; padding-left: 6px; }
	#mainContainer .press .navCenter { width: 100%; }
	#mainContainer .press .navRight { white-space: nowrap; padding-right: 6px; }
	#mainContainer .press .navBottomBar { width: 100%; margin: 12px 0 0 0; }
	#mainContainer .press .navLeft { white-space: nowrap; }
	#mainContainer .press .navCenter { width: 100% }
	#mainContainer .press .navRight { white-space: nowrap; }	
 	#mainContainer .press .contentTable {}
	#mainContainer .press .entryTableLabel { vertical-align: top; width: 120px; padding: 6px 0 0 0; } 
	#mainContainer .press .status { width: 120px; }
	#mainContainer .press .entryTableInput { vertical-align: top; padding: 4px 0 0 0; }
	#mainContainer .press input,
	#mainContainer .press select,	
	#mainContainer .press textarea { width: 380px; color: #333; border: 1px solid #cedf48 !important; border-collapse: collapse; padding-left: 4px; padding-right: 6px; font-size: 14px; line-height: 18px; }	
	#mainContainer .press .entryTableCalendar { vertical-align: top; padding: 0 0 0 4px; }
	#mainContainer .press .pressTitle { width: 100%; }
	#mainContainer .press .pressTitle h1 { font-size: 18px; margin-bottom: 6px; color: #3c2911; }	
	#mainContainer .press .pressSubTitle { margin: 0; width: 100%; }
	#mainContainer .press .pressSubTitle h2 { font-size: 12px; font-weight: normal; font-style: italic; margin: 0; }
	#mainContainer .press .pressByLine { width: 100%; margin: 4px 0 4px 0; }	
	#mainContainer .press .pressByLineLeft { font-size: 12px; vertical-align: top; text-align: left; padding-left: 6px; }
	#mainContainer .press .pressByLineRight { font-size: 11px; vertical-align: middle; text-align: right; white-space: nowrap; padding-right: 6px; }
	#mainContainer .press .pressByLineRight a:link { font-size: 11px; }
	#mainContainer .press .pressImageRight { margin: 4px 0 20px 10px; }			
	#mainContainer .press .pressTopLine { background: transparent; height: 14px; border-bottom: 1px solid #efefef; }
	#mainContainer .press .pressBottomLine { background: transparent; height: 20px; border-top: 1px solid #efefef; }

	/* Mods for Career Opportunities */	

	#mainContainer .careerDetails { margin-bottom: 12px; } 
	#mainContainer .press td { vertical-align: top; } 
	#mainContainer .press .col { }
	#mainContainer .press .colTitle { white-space: nowrap; }
	#mainContainer .press .col2 { width: 100%; padding: 1px 0 1px 8px; font-style: italic; } 

/* WEB FORMS */

	#webForm { width: 100%; } 
	#webForm table { width: 100%; } 
	#webForm .row { background-color: #fff; }
	#webForm .formComment { padding: 12px 0 0 0; }	
	#webForm input, textarea, select { width: 242px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; border: 1px solid #d9d9d9; border-collapse: collapse; padding-left: 4px; padding-right: 6px; font-size: 14px; line-height: 18px; }
	#webForm input { width: 242px; height: 20px; vertical-align: middle; }
	#webForm input.radioButtons { width: 25px; height: 20px; margin: 0 3px 0 3px; vertical-align: bottom; }	
	#webForm select { width: 125px; height: 20px; vertical-align: middle; }	
	#webForm .formLabel { vertical-align: top; padding: 5px 12px 3px 0px; }
	#webForm .formInput { width: 242px; text-align: right; font-size: 12px; padding: 2px 2px 2px 0; }
	#webForm .formRadioButtons { width: 242px; text-align: left; font-size: 12px; padding: 2px 2px 2px 0; }	
	#webForm .line { width: 100%; border-top: 1px solid #d9d9d9; margin-top: 12px; padding: 8px 6px 36px 0;}	
	#webForm .buttonSendOff { float: right; width: 53px; height: 16px; background: transparent url(img/buttonSendOff.gif) no-repeat; }
	#webForm .buttonSendOn { float: right; width: 53px; height: 16px; background: transparent url(img/buttonSendOn.gif) no-repeat; }
	#webForm .highlightOff { border-color: #d9d9d9; }
	#webForm .highlightOn { border-color: #3c5165; }

	/* Mods for Contact Us */

	#contactInfo .contactLabel { width: 100px; vertical-align: top; padding: 5px 12px 3px 8px;}
	#contactInfo .contactDesc { padding: 2px 2px 2px 0;}		

/* CONTACT INFO TABLE */

	#contactUs { width: 500px; }
	#contactUs table { width: 500px; }
	#contactUs .heading { font-weight: bold; padding: 16px 0 6px 0; }
	#contactUs .headingNoSpace { font-weight: bold; padding: 0 0 6px 0; }	
	#contactUs .col1 { width: 256px; vertical-align: top; }
	#contactUs .col2 {  }

	
/* DNN CONTAINER MENU SETTINGS - CAUTION WHEN EDITING */

	.ModuleTitle_MenuItem { border: white 0px solid; }
	.ModuleTitle_MenuItem TD { width: 20px; height: 22px; text-align: left; cursor: pointer; cursor: hand; color: #666; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; font-style: normal; white-space: nowrap; }
	.ModuleTitle_MenuIcon { border: white 0px solid; cursor: pointer; cursor: hand; text-align: left; background-color: transparent; width: 15px; height: 100%; vertical-align: middle; }
	.ModuleTitle_SubMenu { z-index: 1000; position:absolute; cursor: pointer; cursor: hand; background-color: #fcfcfc; filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); padding: 1px 1px 1px 1px; }
	.ModuleTitle_MenuBreak  { background-color: #EEEEEE; font-size: 1px; }
	.ModuleTitle_MenuItemSel { cursor: pointer; cursor: hand; color: #666; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: underline; background: #fff url('img/menuItemHover.jpg') repeat-x; }