/* CSS Document */

/* Composition Styles */

  #AcademicActivities {
  	}
  	#AcademicActivities table {
  		margin-left: 10px;
  		}
  	#AcademicActivities th {
  		background: #5E81A1;
  		}
  		#AcademicActivities th.name {
  			text-align: left;
  			width: 70%;
  			}
  		#AcademicActivities th.grade {
  			width: 30%;
  			}
  	#AcademicActivities .backLink {
  		font-size: 69%;
  		}
  		#AcademicActivities .backLink a {
  			text-decoration: none;
  			}
  		#AcademicActivities .backLink a:hover {
  			text-decoration: underline;
  			}
  	#AcademicActivities .disclaimer {
  		color: #5E81A1;
  		font-size: 93%;
  		}
  	#AcademicActivities .introduction {
  		font-size: 115%;
  		}
  
  .calendar { z-index: 99; }

	.boxStyle1 { /* Design for a sidebar that is used in a variety of places */
		margin-top: 30px;
		width: 45%;
		}
		.top {
			margin-top: 10px;
			}
		.boxStyle1 h2 {
			border-bottom: 3px double #CFE0A3;
			padding: 5px;
			}
		.boxStyle1 h3 {
			font-size: 110%;
			padding: 0;
			margin: 0;
			}
		.boxStyle1 li.generalInfo {
			font-weight: normal;
			font-size: inherit;
			background: url("http://www.tip.duke.edu/assets/images/arrow.gif") no-repeat 0 4px;
			padding-left: 16px;
			}
			.boxStyle1 li.generalInfo a {
				text-decoration: underline;
				}
			.boxStyle1 li.generalInfo a:hover {
				text-decoration: none;
				}

	#c1 {
		background: #fff;
		}	
		#homeIndex #c1 {
			background: #ABBCCC;
			}	
	#c2 {
		background: #C7D5E2;	
		}	
		#homeIndex #c2 {
			background: #DAE7BB;
			border-left: 1px solid #fff;		
			}
		
	#content { /* The main content area for the site; nested inside c1 */
		background: #fff;
		padding: 8px 15px;
		}
		#homeIndex #content {
			background: #D9E7BA;
			padding: 5px;
			}	
		#content dt {
			color: #4C7194;
			font-size: 115%; 
			font-weight: bold;
			}
		#announcements, 
		#features, 
		#qanda {
			background: #fff;			
			border: 1px solid #999;
			clear: left;
			min-height: 120px;
			margin: 0 0 6px;
			padding: 6px;
			}
		#qanda { /* Used on the homepage--the Q&A section */
			background: #fff url("http://www.tip.duke.edu/assets/images/ui/qanda.gif") no-repeat right top;
			}
			#announcements h2, 
			#features h2, 
			#qanda h2 {
				color: #036;
				float: left;
				font-size: 95%;		
				font-weight: bold;	
				margin: 0;
				text-align: right;
				width: 94px;				
				}
			#announcements h2 {
				background: url("http://www.tip.duke.edu/assets/images/announcements.jpg") no-repeat bottom right;
				padding: 3px 0 90px;	
				}
			#features h2 {
				background: url("http://www.tip.duke.edu/assets/images/features.jpg") no-repeat bottom right;			
				padding: 3px 0 99px;
				}	
			#qanda h2 {
				background: url("http://www.tip.duke.edu/assets/images/qanda.jpg") no-repeat bottom right;			
				padding: 3px 0 102px;
				}
			#announcements li, 
			#features li {
				margin: 0 0 4px;
				line-height: 1.2em;
				}			
			#qanda dt, 
			#qanda dd {
				font-size: 105%;
				margin: 0 0 8px;
				line-height: 1.2em;
				padding: 0 0 0 27px;
				}	
			#qanda dt {
				background: url("http://www.tip.duke.edu/assets/images/ui/q.gif") no-repeat top left;
				color: #000;
				font-weight: normal;
				}	
			#qanda dd {
				background: url("http://www.tip.duke.edu/assets/images/ui/a.gif") no-repeat top left;
				}												
			#announcements ul, 
			#features ul, 
			#qanda dl {
				margin: 0 0 0 7.75em;
				padding: 3px 0 3px 1em;
				}	
			#qanda dl {
				padding: 3px 0 3px 1em;
				}
			#qanda p {
				margin: 0 0 0 10.7em;
				}
				
	#description { /* Used on home page to provide a brief description of Duke:TIP */
		background: #fff;
		border-bottom: 2px solid #fff;
		border-top: 4px solid #7AAE03;
		}
		#description h2 {
			color: #7AAD06;
			font-size: 120%;
			font-weight: bold;
			margin-bottom: 0;
			padding: 10px 15px;	
			text-transform: uppercase;
			}			
		#description img {
			display: block;
			margin: 0 auto;
			}
		#description #noscript {
			padding: 0;
			margin: 0;
			}
		#description p {
			padding: 0 15px 10px;	
			}			
					
	#header { /* Styles for header throughout site */
		background: #036; 
		border-bottom: 3px solid white;
		height: 90px;
		padding: 0;			
		position: relative; /* re-positions 0,0 for absolutely positioned divs inside outer to top left of header */
		width: 100%;
		}
		#homeIndex #header { /* Special header rules for homepage*/
			background-image: none;
			height: 78px;
			}
		#header #logo {
			display: block;
			background: url("http://www.tip.duke.edu/assets/images/ui/logo.gif") no-repeat 8px 10px; /* Replaces on-page logo, which is actually the logo used when printing */
			border: 0;
			height: 80px; /* for IE5 PC */
			hei\ght: 70px; /* all others */
			margin-left: 8px;
			padding-top: 10px;
			width: 300px;
			}
			#homeIndex #header #logo { /* Special header rules for homepage*/
				height: 70px; /* for IE5 PC */
				hei\ght: 60px; /* all others */
				overflow: hidden;
				}
		#header #logo img {
			display: none;
			visibility: hidden;
			}
		#header #montage {
			position: absolute;
				right: 0;
				top: 10px;
			}

	#footer { /* Styles for footer throughout site */
		clear: left;
		font-size: 90%;
		line-height: 115%;
		padding: 4px 0px;
		}
		#footer a:link {
			color: #7B090C;
			}
		#footer .copyright {
			clear: left;
			margin: 0 0 0 6px;	
			}
				
	#navPrimary {  /* Styles for main navigation used throughout site */
		background: #fff;
		border-bottom: 2px solid #D9E7BA;		
		border-top: 5px solid #7AAD06;		
		float: left;
		padding: .42em 0;
		width: 100%;
		z-index: 10;
		}
		#homeIndex #navPrimary {
			border-bottom: 2px solid #CED5DD;
			}
		#navPrimary a {
			display: block;
			font-size: 105%;
			margin: 0;			
			padding: 0;
			text-decoration: none;
			}			
			#navPrimary a span {
				display: none;
				visibility: hidden;
				}
		#navPrimary a:visited {
			color: #9D0B0E;			
			}
		#navPrimary a:active {
			color: #000;
			}
		#navPrimary li {
			float: left;
			margin: 0;
			padding: 0;
			position: relative;
			text-align: left;
			}	
			#navPrimary li:hover a, 
			#navPrimary li.over a { 
				background: #EEF4DF;
				}					
			#navPrimary li:hover ul, 
			#navPrimary li.over ul { 
				display: block;
				visibility: visible;
				}	
				#navPrimary li a {
					border-left: 1px solid #DBDBDB;
					float: left;
					padding: 3px 2.1em;					
					}
					#navPrimary .first a {
						border-left: none;
						}								
				#navPrimary li li {	
					margin: 0 5px;
					}			
					#navPrimary li li a {
						border-bottom: 1px solid #fff;					
						border-left: none;
						padding: 3px .85em;
						width: 11.2em;						
						}	
					#navPrimary li li a:hover {
						background: #fff;
						}
						#navPrimary li li a.lastLI {
							border-bottom: none;		
							margin-bottom: 5px;			
							}		
				#navPrimary li ul {	
					background: #EEF4DF;
					border: 1px solid #DBDBDB;
					border-top: none;
					display: none;
					position: absolute; 
					top: 1.55em;
					left: 0;
					visibility: hidden;
					width: 13.8em;
					z-index: 20;
					}
		#navPrimary ul {
			background: #fff;		
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
	#navSecondary {  /* Styles for secondary navigation used throughout site */
		background: #B8C9D9;
		margin-bottom: 25px;
		}
		#navSecondary a {
			display: block;
			text-decoration: none;
			padding: 6px 5px;
			}
			#navSecondary a:hover {
				background: #fff;
				}			
		#navSecondary li {
			border-bottom: 1px solid #DEECF9;
			}
		#navSecondary .sectionTitle {
			background: #4D7195;
			color: #fff;
			font-weight: bold;
			display: block;
			font-size: 85%;
			padding: 2px 5px;
			}				
		#navSecondary ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
						
	#navUtility {} /* Styles for utility navigation--located in footer--used throughout site */
		#navUtility #duke a {
			border-left: 3px double #E1EAF0;
			}
		#navUtility a {
			display: block;
			float: left;
			margin: 0;
			padding: 0 6px 2px;
			}
		#navUtility li {
			float: left;
			margin: 0;
			padding: 7px 0 10px;
			}
		#navUtility ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
	
	#premiumAds {
		clear: both;
		background: #B8C9D9;
		padding-left: 8px;
		padding-right: 8px;
		}
		
		.premiumAd {
			background: #fff;
			border: 1px solid #4d7195;
			float: left;
			font-size: 89%;
			margin: 10px 1% 10px 0;
			padding: 8px 2% 5px;
			width: 27%;
			}
			#premiumAds div.last {
				margin-right: 0;
				}
				 .premiumAd img {
					width: 100px;
					}
		#premiumAdLabel {
			clear: left;
			width: 95%;
			}


			
	#reserved { /* Green border below image on home page */
		background: transparent url("http://www.tip.duke.edu/assets/images/ui/borderTop.gif") repeat-x 0 -4px;
		padding: 19px 15px 15px;
		}		
			
	#search { /* Search box */
		background: #9D0B0E;
		border-bottom: 2px solid #fff;		
		border-top: 2px solid #fff;			
		color: #fff;
		font-weight: bold;
		margin: 0;
		padding: 8px 6px;
		}
		#homeIndex #search {
			border-top: none;			
			padding: 0;
			}
		#homeIndex #searchInputs {
			padding: 5px 6px 8px;
			}
		#search label {
			display: none;
			visibility: hidden;
			}
			#homeIndex #search label {
				display: inline;
				visibility: visible;
				}
		#search #q {
			width: 115px;
			font-size: 100%;
			}
			#homeIndex #search #q {
				width: 200px;
				}		
		#search #searchSubmit {
			margin: 0 -25px -4px 0;
			padding: 0;
			}
		.EOG #search {
			background: #7AAD06;
			height: 23px;
			}
			.EOG #search form {
				display: none;
				}
				
	.searchButton {
		background: url("/assets/images/ui/btn_eog_search.gif") no-repeat 0 0;
		height: 33px;
		}
		.searchButton a {
			display: block;
			height: 33px;
			width: 164px;
			}
		.searchButton span {
			display: none;
			}	
			
	#store { /* TIPStore on home page */
		background: #ABBCCC url("http://www.tip.duke.edu/assets/images/ui/borderTop.gif") repeat-x 0 -1px;
		padding: 21px 15px 15px;
		}
		#store h2 {
			color: #036;
			font-size: 125%;
			font-weight: bold;
			margin-bottom: .25em;
			}
		#store #storelink {
			background: transparent url("http://www.tip.duke.edu/assets/images/store_cart.gif") no-repeat 0 1px;
			padding: 0 0 0 20px;
			}	
			
	.vr { /* Used on any page that has a video */
		background: transparent url("http://www.tip.duke.edu/assets/images/ui/vr.gif") repeat-y 7.85em 0;
		min-height: 120px;
		}				
			
/* Structural Styles */

	body {
		margin: 18px 0;
		padding: 0;
		}

	.clear { /* Used throughout the site */
		clear: both;
		height: 1px;
		margin-top: -1px;
		}

	.outer {
		border-top: 1px solid #fff;	/* Corrects bug in Mozilla-based browsers */
		margin: 0 auto; /* the auto horizontal margin centers the site */
		max-width: 1000px; /* Does not work in IE, see iepc.css for max/min width that works in IE */
		min-width: 760px; /* Does not work in IE, see iepc.css for max/min width that works in IE */
		position: relative; /* re-positions 0,0 for absolutely positioned divs inside outer to top left of outer */
		}

	.inner {
		background: #fff;
		border-bottom: 1px solid #fff; 	/* Corrects bug in Mozilla-based browsers */
		clear: left; /* Makes sure inner clears any items that are floated left in outer */
		position: relative; /* re-positions 0,0 for absolutely positioned divs inside outer to top left of inner */
		z-index: 1; /*Makes sure inner sits on top of everything else */
		}
		#homeIndex .inner {
			border-top: 2px solid #fff; /* design element for home page */
			}
		
		/* 12 */
			.layout12 #c1 {
				margin: 0 400px 0 0; /*Right margin makes room for the absolutely positioned right sidebar. */
				min-height: 300px;
				}

			.layout12 #c2 {  /* Absolutely positioned right sidebar. */
				position: absolute;
				right: 0;
				top: 0;
				width: 400px;
				}
		
		/* 21 */
			.layout21 #c1 {
				margin: 0 0 0 170px; /*Left margin makes room for the absolutely positioned left sidebar. */
				min-height: 300px;
				}
			.layout21 #c2 {  /* Absolutely positioned left sidebar. */
				position:absolute;
				left: 0;
				top: 0;
				width: 170px;
				}
				
/* for dukegiftedletter.com */

	.DGL .additionalCategories a {
		margin-right: 10px;
		}
	
	.DGL #also {
		border-bottom: 2px solid #B8C9D9;
		margin: 0 0 15px;
		padding: 0 0 5px;
		}
		#Current.DGL #also {
			border-bottom: none;
			}
		.DGL #also h2 {
			text-transform: uppercase;
			}		
			
	.DGL .comment div, .DGL .comment p, .DGL .comments-open div, .DGL .comments div{
		margin-bottom: 1em;
		}			
		
	#CommentPreview.DGL .comments {
		margin-top: 2em;
		}			
			
	.DGL #content {
		clear: left;
		}
		
	.DGL #coverArt {
		font-size: 89%;
		margin: 0;
		padding: 15px 0;
		text-align: center;
		width: 57%;		
		}
		.DGL #coverArt img {
			display: block;
			margin: auto;
			}
	.DGL .entry-content {
		margin: 0 0 2em;
		}
		
	.DGL #featureStory {
		background: transparent url("http://www.dukegiftedletter.com/assets/images/dgl_bg_rule_left.gif") no-repeat 0 100%;
		padding: 0 0 15px;
		width: 57%;
		}
		.DGL #featureStory h2 {
			background: transparent url("http://www.dukegiftedletter.com/assets/images/dgl_bg_rule_right.gif") no-repeat 100% 100%;
			font-size: 95%;
			font-weight: bold;
			padding: 0 0 11px;
			text-transform: uppercase;
			}
		.DGL #featureStory h3 {
			color: #036;
			font-size: 150%;
			margin-top:-5px;
			}

	.DGL h1#column {
		color: #7AAD06;
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		letter-spacing: 3px;
		margin-bottom: 5px;
		}
	.DGL h1#currentIssue {
		font-size: 115%;
		font-weight: bold;
		}			
	.DGL h1#title {
		line-height: 100%;
		}	
	.DGL h2#issue {
		color: #036;		
		font-size: 120%; 
		margin-top: -5px;
		}	
		
	.DGL #hotTopic {
		padding: 0 0 15px;
		}
		.DGL #hotTopic h2 {
			background: transparent url("http://www.dukegiftedletter.com/assets/images/dgl_bg_rule_right_small.gif") no-repeat 100% 100%;
			font-size: 85%;
			font-weight: bold;
			padding: 0 0 11px;
			text-transform: uppercase;
			}
		.DGL #hotTopic h3 {
			color: #036;
			margin-top: -4px;
			}	
			
	.DGL #marketingLeft {
		background: #E8F1F6;
		margin: 0 15px 10px 0;
		padding: 15px;
		width: 53%;
		}				
			
	.DGL #marketingRight {
		background: #F3F8E2;
		border-top: 15px solid #fff;
		margin: 0 -15px -15px;
		padding: 15px;
		}		
			
	.DGL #masthead { 
		background: #6C8EAD url("http://www.dukegiftedletter.com/assets/images/dgl_masthead.jpg") no-repeat 0 0;
		border: 2px solid #fff;
		border-right: none;
		height: 39px;
		text-align: right;
		}	
		.DGL #masthead img {
			display: none;
			}
		.DGL #masthead span {
			color: #fff;
			display: block;
			font: bold 89%/100% Arial, Helvetica, sans-serif;
			padding: 20px 10px 0 0;
			}	
			
	.DGL #messages {
		border: 1px solid #FFFF48;
		background: #ffc;
		margin: 10px 0;
		padding: 10px;
		}
		.DGL #messages ul {
			margin-bottom: 0;
			}	
			
	.DGL #navAction {
		padding: 5px 15px 0;
		}
		.DGL #navAction form {
			margin: 0;
			padding: 0;
			}
		.DGL #navAction li {
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
			}		
		.DGL #navAction ul {
			list-style: none;
			margin: 0 0 1em;
			padding: 0;
			}	
			
	.DGL #searchDGL {
		position: absolute;
			right: 15px;
		}
		.DGL #searchDGL form {
			text-align: right;
			width: 200px;
			}
			.DGL #searchDGL form #goDGL {
				margin: -4px 0;
				}
			.DGL #searchDGL form #searchInputDGL {
				font-size: 89%;
				}			
			
	.DGL #sendToAFriend {
		float: left;
		}
		.DGL #sendToAFriend form {
			margin-right: 12px;
			width: 100px;
			}						
	.DGL #sendToAFriendForm {
		}	
		.DGL #sendToAFriendForm form fieldset div {
			margin-bottom: 10px;
			}		
		.DGL #sendToAFriendForm #title {
			margin: 0;
			}	
			
	.DGL .title {
		text-decoration: underline;
		}				
			
/* end for dukegiftedletter.com */					

/* for duketipeog.com */
  .EOG ul.indexList {
    margin-top: 10px;
    }
    .EOG ul.indexList li {
      margin-bottom: 15px;
      }
  .EOG #commentFormContainer {
      background: #D8E2EB;
      margin: 0 15px 0 0;
      padding: 7px;
      }

	.EOG #creditDescriptionBusy {
		margin-top: 10px;
		text-align: center;
		}
	.EOG .fieldWithErrors input, .EOG .fieldWithErrors textarea  {
		background-color: #FFFFCC;
		border: 1px solid #7F9DB9;
		}
	.EOG div.scrollable {
		height: 200px;
		overflow: auto;
		border: 1px solid #CCC;
	}
	.EOG #memo #transactionList {
		clear: left;
		}
	.EOG #memo #memoInformation {
		float: left;
		width: 38%;
		}
	.EOG #memo #accountInformation {
		float: left;	
		width: 58%;
		}
		.EOG #memo div.attributes {
			margin-left: 5px;
			}
	.EOG #memo #programList {
		clear: left;
		}	

	.EOG #accountContactAndPrograms #accountInformation {
		float: left;
		width: 38%;
		}
	.EOG #accountContactAndPrograms #contactInformation {
		float: left;	
		width: 58%;
		}
		.EOG #accountContactAndPrograms #contactInformation div.attributes {
			margin-left: 5px;
			}
	.EOG #accountContactAndPrograms #programList {
		clear: left;
		}	
	.EOG #addIndividual {
		background: #6685A3;
		margin: 0 178px 10px 0;
		}
		.EOG #addIndividual label {	
			color: #fff;
			display: inline;
			font-weight: bold;
			line-height: 100%;
			}
			
	.EOG #addToMyList {
		background: #6685A3;
		color: #fff;
		font-size: 100%;
		font-weight: bold;
		margin: 7px 0 0 0;
		padding: 0 0 0 4px;
		position: relative;
		}
		
    .EOG .attributes .field {
        margin-left: 5px;
        }	

	.EOG #comment {
		background: transparent url("/assets/images/ui/heading_comment.gif") no-repeat 0 0;
		height: 50px;
		margin: 0 -8px 5px;
		text-indent: -5000px;
		width: 168px;
		}
		
	.EOG #content { 
		padding-right: 0;
		}
		#Listing.EOG #content, #Overview.EOG #content, #Results.EOG #content {
			position: relative;
			}
		#MyList.EOG #content, #Post.EOG #content {
			padding-right: 15px;
			} 
			
	.EOG #createList {
		background: transparent url("/assets/images/ui/heading_create_list.gif") no-repeat 0 0;
		height: 36px;
		margin: 0 -8px 5px;
		text-indent: -5000px;
		width: 168px;
		}
		
  .EOG #shareExperience {
    background: transparent url("/assets/images/ui/btn_tell_us.gif") no-repeat 0 0;
    height: 36px;
    margin: 0 -8px 5px;
    text-indent: -5000px;
    width: 168px;
    }
		
	.EOG #expandAll {
		float: right;
		font-size: 89%;
		font-weight: bold;
		text-decoration: none;
		}
		
	.EOG fieldset {
		border: none;
		margin: 0;
		padding: 0;
		}
		.EOG fieldset.boxed, .EOG table.boxed {
			background: #E8EEF4;
			clear: left;
			float: left;
			margin: 0 0 4px;
			width: 100%;
			}
			.EOG table.boxed {
				float: none;
				}
				.EOG table.boxed td {
					border-bottom: 1px solid #D8E2EB;
					}
					.EOG table.transactionList td {
						vertical-align: top;
						}
						.EOG table.transactionList td.amount,
						.EOG table.transactionList .balance td,
						.EOG table.transactionList .balance th {
							text-align: right;
							}
    						.EOG table.transactionList .balance td {
    							font-weight: bold;						
    							}  							
					.EOG table.transactionDescription {
						width: 100%;
						}
					.EOG table.transactionDescription td {
						vertical-align: top;
						border-bottom: 1px dashed #D8D8D8;
						}
					.EOG table.transactionDescription td.label {
						width: 70%;
						border-right: 1px dashed #D8D8D8;
						padding: 1px 1px 1px 10px;
						font-size: 89%;
						}
					.EOG table.transactionDescription td.value {
						font-size: 89%;
						text-align: right;
						padding: 1px;
						}
					.EOG table.users td {
						vertical-align: top;
						}
			.EOG fieldset.boxed div {
				float: left;
				padding: 5px;			
				}
				.EOG fieldset.boxed div.fieldWithErrors, .EOG fieldset.listingType div {
					float: none;
					padding: 0;
					}
				.EOG fieldset.boxed div.email p {
				    font-size: 95%;
				    margin: 3px 0 0;
				    }
				.EOG fieldset.boxed div.full {
					width: 95%;
					}				
				.EOG fieldset.boxed div.half {
					width: 46%;
					}	
				.EOG fieldset.boxed div.quarter {
					width: 22%;
					}	
				.EOG fieldset.boxed div.third {
					width: 33%;
					}
				.EOG fieldset.boxed div.three-quarters {
					width: 70%;
					}			
				.EOG fieldset.boxed div.two-thirds {
					width: 60%;
					}			
			.EOG fieldset.boxed .select select, 
			.EOG fieldset.boxed .text input,			
			.EOG fieldset.boxed .textarea textarea {	
				width: 100%;
				}
		
	.EOG input {
		}	
		.EOG .checkbox input, .EOG .radio input {
			position: absolute;
			}
		
	.EOG .isNationwide {
		height: 275px; 
		margin-top: 20px; 
		border-top: 1px dashed #ccc;
	}		
		
	.EOG label {
		display: block;
		font-size: 95%;
		}	
		.EOG .boxed label {
			font-weight: bold;
			}
			.EOG .boxed label span {
				font-size: 89%;
				font-weight: normal;
				}		
		.EOG .checkbox label, .EOG .radio label {
			padding: 0 0 0 22px;
			}
			.EOG .checkbox label.nocheckbox, .EOG .radio label.noradio  {
				padding: 0;
				}
				
  .EOG .navResourcesEOGSearch {
  	font-weight: bold;
  }
	
	#Listing.EOG {
		}		
		#Listing.EOG .contents h2 {
			color: #000;
			font-size: 105%;
			font-weight: bold;
			margin-bottom: 2px;
			}
		#Listing.EOG #programDetails { margin: 0 170px 0 0; }
		
	.EOG #login, .EOG #forgotPassword {
		background: #7AAD06 url("/assets/images/ui/bg_login.gif") no-repeat 100% 0;
		border-left: 4px solid #95BD38;
		color: #fff;
		margin: 0 0 0 420px;
		padding: 8px 12px;
		position: relative;
		}
		.EOG #login a {
		  color: #fff;
		  }
		.EOG #login #forgot {
		      font-size: 89%;
		      padding: 3px 0 0;
		      }
		.EOG #login h1, .EOG #forgotPassword h1 {
			background: transparent url("/assets/images/ui/bg_login_advertisers.gif") no-repeat 0 0;
			height: 18px;
			margin: 0 0 3px;
			text-indent: -5000px;
			width: 216px;
			}
			.EOG #forgotPassword h1 {
			    background-image: url("/assets/images/ui/heading_forgot.gif");
				width: 170px;
				}
			.EOG #forgotPassword h2 {
                color: #fff;
                font-size: 105%;
                font-weight: bold;
                margin: 0 0 5px;
				}		
		.EOG #login #imgSubmit, .EOG #forgotPassword #imgSubmit {	
			display: block;
			margin: 6px 0 0;
			}			
		.EOG #login input, .EOG #forgotPassword input, .EOG #forgotPassword #user_account_type, .EOG #forgotPassword #year {
			margin: 0 0 5px;
			}
		.EOG #forgotPassword #email  {
			width: 100%;
			}
		.EOG #login label, .EOG #forgotPassword label {	
			font-weight: bold;
			}
		.EOG #login #loggedIn {
		  height: 150px;
		  }
        .EOG #login p, .EOG #forgotPassword p {	
            line-height: 100%;
            margin: 0 0 7px;
            }	

	#Post.EOG {
		}
		#Post.EOG #advertising {
			/* background: #ADC5DB; */
			background: #d5e99e;
			/* background: #FFFFCC; */
			margin: 0 0 3px;
			padding: 4px;
			}
			#Post.EOG #advertising h2 {
				color: #000;
				font-size: 110%;
				font-weight: bold;
				margin-bottom: 0;
				padding: 5px 0 4px 5px;
				}			
		#Post.EOG .listingType {
			margin: 0 0 10px;
			}	
		#Post.EOG .previewListing, #Post.EOG .submitListing {
			clear: left;
			float: left;
			width: 49%;
			}
			#Post.EOG .submitListing {
				clear: none;
				}
			#Post.EOG .previewListing a, #Post.EOG .submitListing input {
				float: left;
				padding: 5px 5px 5px 0;
				}	
			#Post.EOG .previewListing span, #Post.EOG .submitListing span {
				font-size: 75%;
				display: block;
				line-height: 100%;
				padding: 5px 5px 5px 97px;
				}
				
	.EOG #programDetailsHighlight {
	   float: right;
	   margin: 0 0 10px 15px;
	   width: 200px;
	   }
	   .EOG #programDetailsHighlight img {
	       display: block;
	       margin: 0 0 20px 0;
	       }
	   .EOG #programDetailsHighlight #programCommentsHighlight {
	   	   border-bottom: 5px solid #C7D5E2;
	       border-top: 5px solid #C7D5E2;
	       padding: 10px;
	       }

	.EOG #masthead { 
		background: #55779A url("/assets/images/ui/bg_eog_masthead.jpg") repeat-x 0 0;
		border: 2px solid #fff;
		border-right: none;
		height: 39px;
		}
		.EOG #masthead h1 { 
			background: transparent url("/assets/images/ui/heading_eog.gif") no-repeat 0 0;
			height: 15px;
			margin: 16px 0 0 10px;
			text-indent: -5000px;
			width: 403px;
			}
			
	.EOG #messages, .EOG #errorExplanation {
        background: #ffc;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;        
        margin: 0 0 10px;
        }
        .EOG .tabbedComponent #messages, .EOG #errorExplanation {
            border: none;
            }
        #Overview.EOG #messages {
            margin-bottom: 0;
            }
        .EOG #messages li, .EOG #errorExplanation li {
            margin: 0;
            padding: 0 0 0 16px;
            }
            .EOG #messages li.error, .EOG #errorExplanation li {
                background: transparent url("/assets/images/ui/bg_error.gif") no-repeat 0 3px;
                }
            .EOG #messages li.info, .EOG #messages li.notice {
                background: transparent url("/assets/images/ui/bg_info.gif") no-repeat 0 2px;
                }                 
            .EOG #messages li.warning {
                background: transparent url("/assets/images/ui/bg_warning.gif") no-repeat 0 3px;
                }    
        .EOG #messages p, .EOG #errorExplanation p {
            margin: 0 5px 5px;
            }                           
        .EOG #messages ul, .EOG #errorExplanation ul {
            list-style: none;
            margin: 0 0 0 10px;  
            padding: 0 0 5px;      
            }
            #Overview.EOG #messages ul {
                 margin: 0 10px 0 433px; 
                 padding: 0;
                 }
			
	.EOG #panel {
	    background: transparent url("/assets/images/ui/home.jpg") no-repeat 0 0;
	    margin: -8px 0 10px -13px;
	    }
			
	.EOG .print {
		float: left;
		margin: 10px 0 0;
		}	
		.EOG .print input {
			float: left;
			}
		.EOG .print span {
			display: block;
			float: left;
			font-size: 75%;
			line-height: 100%;
			padding: 5px 0 0 5px;
			}	

	.EOG .refresh {
		float: left;
		margin: 10px 5px 0 0;
		}
			
	.EOG #removeFromMyList {
		border-bottom: 1px solid #ccc;
		color: #000;
		font-size: 89%;
		font-weight: bold;
		margin: 0;
		padding: 0 0 2px;
		}		
			
	.EOG .result {
		border-bottom: 1px solid #ccc;
		margin: 0;
		padding: 4px 0 6px;
		}
		.EOG .result a {
			font-size: 110%;
			text-decoration: none;
			}
		.EOG .result .expander {
			float: right;
			line-height: 100%;
			margin: 2px 4px 0 0;	
			}
			.EOG .result .expander img {
				display: block;
			
				}
		.EOG .result p {
			font-size: 89%;
			line-height: 100%;
			margin: 0 0 0 22px;
			}
		.EOG .premium { /* IE doesn't understand .result.premium */
			background: #E4EFCD; /* #E5E4CD; */
			}
			.EOG .premium a, .EOG .classic a {
				font-weight: bold;
				}
				
	.EOG .results {
		margin: 0 0 15px;
		}
			
	.EOG #splash {
		position: absolute;
		border: 1px solid red;
		}
		
	.EOG .submit {
		}	
		.EOG .submit input {
			margin: 5px 0 0;
			}	
        .EOG .submit p {
            clear: left;
            margin: 0 !important;
			padding: 5px 0 0 3px;
			}				
			
	.EOG .tabbedComponent {
		margin: 0 178px 10px 0;
		}
		#Post.EOG .tabbedComponent {
		     margin-right: 0;
		     }
		.EOG .tabbedComponent .container {
			background: transparent url("/assets/images/ui/bg_field_right.gif") no-repeat 100% 0;
			clear: left;
			float: left;
			line-height: 100%;
			margin: 0 0 3px;
			width: 100%;
			}
			.EOG .tabbedComponent .container .box {
				background: transparent url("/assets/images/ui/bg_field_left.gif") no-repeat 0 0;
				display: block;
				padding: 4px 0 0 0;
				position: relative;
				}
				.EOG .tabbedComponent .container .box #include {
					position: absolute;
					}
				.EOG .tabbedComponent .container .box .input {
					background: transparent url("/assets/images/ui/bg_field_right.gif") no-repeat 100% 100%;
					display: block;
					padding: 0 7px 4px 185px;
					}
					.EOG .tabbedComponent .withOption .box .input {
						padding-bottom: 0;
						}
				.EOG .tabbedComponent .container .box label {
					background: transparent url("/assets/images/ui/bg_field_left.gif") no-repeat 0 100%;
					color: #305A83;
					display: inline;
					font-weight: bold;
					letter-spacing: 1px;				
					margin: 5px 0 0;
					position: absolute;
					padding: 0 10px 8px 10px;
					width: 180px;
					}	
					.EOG .tabbedComponent .withOption .box label {
						background: none;
						}
					.EOG .tabbedComponent .container .box label#includeLabel, .EOG .tabbedComponent .container .box label#commentsLabel {	
						background: transparent url("/assets/images/ui/bg_field_left.gif") no-repeat 0 100%;
						color: #000;
						display: block;
						font-size: 89%;
						font-weight: normal;
						margin: 3px -205px 0 20px;
						padding: 0 0 4px 205px;
						position: relative;
							left: -205px;
						width: 90%;
						}
						.EOG .tabbedComponent .container .box label#commentsLabel {
						  font-size: 100%;
						  left: 0px;
						  top: -3px;
						  margin: 0;
						  padding: 0;
						  display: inline;
						  }
		.EOG .tabbedComponent .contents/* , .EOG .tabbedComponent form */{
			background: #D8E2EB;
			border-left: 4px solid #EFF3F7;
			clear: left;
			padding: 7px;
			}
			.EOG .tabbedComponent div div form {
			     border-left: none;
			     }
        .EOG .tabbedComponent dd, .EOG .tabbedComponent dd p {
            margin-left: 0;
            }
		.EOG .tabbedComponent h2 {
			clear: left;
			color: #305A83;
			font-size: 109%;
			font-weight: bold;
			margin: 0;
			padding: 5px;
			}
		.EOG .tabbedComponent .tabs li {	
			background: #A6B8CA url("/assets/images/ui/bg_tab.gif") no-repeat 100% 0 !important;
			color: #fff;
			float: left;
			margin: 0 3px 0 0;
			padding: 0 2px 0 0 !important;
			}
			.EOG .tabbedComponent .tabs li.first {
			    margin-left: 5px;
			    }			
			.EOG .tabbedComponent .tabs li.selected {
			     background-color: #7F99B2 !important;
			     background-image: url("/assets/images/ui/bg_tab_sel.gif") !important;
			     }
			.EOG .tabbedComponent .tabs li a {
			    background: #A6B8CA url("/assets/images/ui/bg_tab.gif") no-repeat 0 0 !important;
				color: #fff;
				display: block;
				padding: 0 5px 0 7px;
				text-decoration: none;
				}
    			.EOG .tabbedComponent .tabs li.selected a {
    			     background-color: #7F99B2 !important;
    			     background-image: url("/assets/images/ui/bg_tab_sel.gif") !important;
    			     }
		.EOG .tabbedComponent p {	
			font-size: 95%;
			line-height: 120%;
			margin: 0 5px 1em;
			}	
		.EOG .tabbedComponent .select select, 
		.EOG .tabbedComponent .text input,			
		.EOG .tabbedComponent .textarea textarea {	
			width: 97%;
			}								
		.EOG .tabbedComponent .tabs ul, .EOG .tabbedComponent ul.tabs  {
			border-bottom: 2px solid #7F99B2;
			float: left;
			list-style: none;
			margin: 0 !important;
			padding: 0 !important;
			width: 100%;
			}			

  .EOG #searchDisclaimer {
  	margin-top: 1em;
  }

	.EOG #welcome .tagline {
		color: #7AAD06;
		font-weight: bold;
		}
	.EOG .welcomeMessage {
		font-weight: bold;
		color: #305A83;
	}
	
	.EOG .labelMore {
		font-size: 90%;
	}
	.EOG .disclaimer {
		display: block;
		font-size: 90%;
		margin-left: 2em;
		clear: both;
	}
		
/* end duketipeog.com */