@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */

body.l-inner #l-content table.master {border: 1px solid black;}
body.l-inner #l-content td, tr {border: 0}

body.l-inner #l-content hr.transfer {
border: 0;
background-color:#7e2e69; /* Netscape 6/7, Mozilla */
color:#7e2e69; /* IE */
border: #7e2e69; /* Opera */
height: 1px;
width: 100%;
text-align: left;
}

body.l-inner #l-content hr.requestinfo {
border: 0;
background-color:#7e2e69; /* Netscape 6/7, Mozilla */
color:#7e2e69; /* IE */
border: #7e2e69; /* Opera */
height: 1px;
width: 160px;
text-align: left;
margin-left: 0; /*this will align it left for Mozilla*/
}

body.l-inner #l-content hr.visit {
border: 0;
background-color:#7e2e69; /* Netscape 6/7, Mozilla */
color:#7e2e69; /* IE */
border: #7e2e69; /* Opera */
height: 1px;
text-align: left;
margin-left: 0; /*this will align it left for Mozilla*/
}

a:focus, body.l-inner #l-content a:focus, body.l-wide #l-content a:focus, body.l-wide #l-content a:hover  { 
    outline: none; 
color: #FF0;
  background-color:transparent;
	text-decoration: none !important;
}

body.l-inner #l-content a.bodylink, body.l-wide #l-content a.bodylink {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
text-decoration: underline;
color:#1177ee;
}

body.l-inner #l-content a.bodylink:hover, body.l-wide #l-content a.bodylink:hover, body.l-inner #l-content a.bodylink:focus, body.l-wide #l-content a.bodylink:focus,  {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
text-decoration: none;
color:#ffcc33;
  background-color:transparent;
}

body.l-inner #l-content a.sprylink, body.l-wide #l-content a.sprylink {
font-family:verdana,geneva,sans-serif;
font-size:10px;
text-decoration: underline;
color:#1177ee;
}

body.l-inner #l-content a.sprylink:hover, body.l-wide #l-content a.sprylink:hover, body.l-inner #l-content a.sprylink:focus, body.l-wide #l-content a.sprylink:focus,  {
font-family:verdana,geneva,sans-serif;
font-size:10px;
text-decoration: none;
color:#ffcc33;
  background-color:transparent;
}

body.l-inner #l-content a.imglink, body.l-wide #l-content a.imglink {
text-decoration: none !important;
  background-color:transparent;
	color: none;
}

body.l-inner #l-content a.imglink:hover, body.l-wide #l-content a.imglink:hover, body.l-inner #l-content a.imglink:active, body.l-wide #l-content a.imglink:active {
text-decoration: none !important;
  background-color:transparent;
color: #FF0;
}

body.l-inner #l-content p.visit {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
}

body.l-inner #l-content p.application {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
}

body.l-inner #l-content p.transfer {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
}

body.l-inner #l-content p.requestinfo {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
}

body.l-inner #l-content a.transferlink {
font-family:verdana,geneva,sans-serif;
font-size:13px;
line-height:17px;
text-decoration:none;
color:#1177ee;
}

body.l-inner #l-content ul.transfer {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
padding-bottom:3px;
padding-top:3px;
}

body.l-inner #l-content ul.transfer li {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
padding-bottom:3px;
padding-top:3px;
}

body.l-inner #l-content span.visittitle {
font-size:14px;
font-weight:bold;
font:Verdana, Geneva, sans-serif;
font-family:Verdana, Geneva, sans-serif;
color:#d2232a;
}

body.l-inner #l-content span.requesttitle {
font-size:15px;
font-weight:bold;
font:Verdana, Geneva, sans-serif;
font-family:Verdana, Geneva, sans-serif;
color:#7e2e69;
}

body.l-inner #l-content span.transfertitle {
font-size:15px;
font-weight:bold;
font:Verdana, Geneva, sans-serif;
font-family:Verdana, Geneva, sans-serif;
color:#7e2e69;
}

body.l-inner #l-content ul.visit {
font-family:verdana,geneva,sans-serif;
font-size:11px;
}

body.l-inner #l-content span.visit {
font-family:verdana,geneva,sans-serif;
font-size:11px;
}

.InfoAccordion {
	border-left: solid 0px gray;
	border-right: solid 0px black;
	border-bottom: solid 0px gray;
	overflow: hidden;
}

.InfoAccordion {
	border-left: solid 0px gray;
	border-right: solid 0px black;
	border-bottom: solid 0px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.InfoAccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.InfoAccordionPanelTab {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.InfoAccordionPanelTabStudents {
	background-color: #7e2e69;
	background-image:url(http://www.newhaven.edu/unh/marketing/admissions/undergrad/requestinfo/right-arrow-purple.gif);
	background-repeat:no-repeat;
	border-top: solid 1px white;
	border-bottom: solid 0px gray;
	margin: 0px;
	padding-left:28px;
	padding-bottom:10px;
	padding-top:8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font:Verdana, Geneva, sans-serif;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.InfoAccordionPanelTabParents {
	background-color: #009685;
	background-image:url(http://www.newhaven.edu/unh/marketing/admissions/undergrad/requestinfo/right-arrow-green.gif);
	background-repeat:no-repeat;
	border-top: solid 1px white;
	border-bottom: solid 0px gray;
	margin: 0px;
	padding-left:28px;
	padding-bottom:10px;
	padding-top:8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font:Verdana, Geneva, sans-serif;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.InfoAccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.InfoAccordionPanelContentStudents {
	overflow: auto;
	margin: 0px;
    padding-top:10px;
	padding-left:15px;
	height: 200px;
	background-color:#f0e3ed;
	-moz-user-select: none;
	-khtml-user-select: none;
	font:Verdana, Geneva, sans-serif;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:17px;
}

.InfoAccordionPanelContentParents {
	overflow:hidden;
	margin: 0px;
    padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
    padding-right:10px;
	height:auto;
	background-color:#ffffff;
	font:Verdana, Geneva, sans-serif;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:17px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.InfoAccordionPanelOpen .InfoAccordionPanelTab {
	background-color: #FFFFFF;
}

.InfoAccordionPanelOpen .InfoAccordionPanelTabStudents {
	background-color:#f0e3ed;
	background-image:url(http://www.newhaven.edu/unh/marketing/admissions/undergrad/requestinfo/down-arrow-purple.gif);
	background-repeat:no-repeat;
	color:#7e2e69;
}

.InfoAccordionPanelOpen .InfoAccordionPanelTabParents {
	background-color: #FFFFFF;
	background-image:url(http://www.newhaven.edu/unh/marketing/admissions/undergrad/requestinfo/down-arrow-green.gif);
	background-repeat:no-repeat;
	color:#009685;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 *
.AccordionPanelTabHover .InfoAccordionPanelTabStudents {
	color: #FFFFFF;
}
.AccordionPanelOpen .AccordionPanelTabHover .InfoAccordionPanelTabStudents {
	color: #7e2e69;
}

.AccordionPanelTabHover .InfoAccordionPanelTabParents  {
	color: #FFFFFF;
}
.AccordionPanelOpen .AccordionPanelTabHover .InfoAccordionPanelTabParents  {
	color: #FFFFFF;
}
#/

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.InfoAccordionFocused .InfoAccordionPanelTab {
	background-color: #3399FF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.InfoAccordionFocused .InfoAccordionPanelOpen .InfoAccordionPanelTab {
	background-color: #33CCFF;
		height:auto;
}

/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.OppsAccordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.OppsAccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.OppsAccordionPanelTab {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px 2px 2px 5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.OppsAccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 158px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.OppsAccordionPanelOpen .OppsAccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.OppsAccordionPanelTabHover {
	color: #cbabc3;
}
.OppsAccordionPanelOpen .OppsAccordionPanelTabHover {
	color: #cbabc3;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.OppsAccordionFocused .OppsAccordionPanelTab {
	background-color: #cbabc3;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.OppsAccordionFocused .OppsAccordionPanelOpen .OppsAccordionPanelTab {
	background-color: #cbabc3;
}
/* Rules for Printing */

@media print {

  .OppsAccordion {
  overflow: visible !important;
  }
  
  .OppsAccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  }
}

table.master {border: 1px solid black;}
td, tr {border: 0}

p.visit {
font-family:verdana,geneva,sans-serif;
font-size:11px;
}

span.visittitle {
font-size:14px;
font-weight:bold;
font:Verdana, Geneva, sans-serif;
font-family:Verdana, Geneva, sans-serif;
color:#d2232a;
}

span.requesttitle {
font-size:15px;
font-weight:bold;
font:Verdana, Geneva, sans-serif;
font-family:Verdana, Geneva, sans-serif;
color:#7e2e69;
}

span.transfertitle {
font-size:15px;
font-weight:bold;
font:Verdana, Geneva, sans-serif;
font-family:Verdana, Geneva, sans-serif;
color:#7e2e69;
}


ul.visit {
font-family:verdana,geneva,sans-serif;
font-size:11px;
}

span.visit {
font-family:verdana,geneva,sans-serif;
font-size:11px;
}

p.transfer {
font-family:verdana,geneva,sans-serif;
font-size:10px;
line-height:17px;
}

span.transfer {
font-family:verdana,geneva,sans-serif;
font-size:10px;
line-height:17px;
}

ul.transfer {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
padding-bottom:3px;
padding-top:3px;
}

ul.transfer li {
font-family:verdana,geneva,sans-serif;
font-size:11px;
line-height:17px;
padding-bottom:3px;
padding-top:3px;
}

a.transferlink {
font-family:verdana,geneva,sans-serif;
font-size:13px;
line-height:17px;
text-decoration:none;
color:#1177ee;
}

span.landingsprytitle, body.l-wide #l-content span.landingsprytitle {
font-family:verdana,geneva,sans-serif;
font-size:11px;
font-weight:bold;
line-height:17px;
}

span.landingsprytext, body.l-wide #l-content span.landingsprytext {
font-family:verdana,geneva,sans-serif;
font-size:10px;
line-height:12px;
}

span.landingconnecttitle, body.l-wide #l-content span.landingconnecttitle {
font-family:verdana,geneva,sans-serif;
font-size:11px;
color:#ffc423;
font-weight:bold;
line-height:16px;
}

span.landingconnecttext, body.l-wide #l-content span.landingconnecttext {
font-family:verdana,geneva,sans-serif;
font-size:10px;
color:#FFF;
line-height:14px;
}


#samplePanel, body.l-inner #l-content #samplePanel, body.l-wide #l-content #samplePanel {
	border: none;
	background-color: #FFFFFF;
	padding: 0px;
	width:485px;
}

#samplePanel2, body.l-inner #l-content #samplePanel2, body.l-wide #l-content #samplePanel2,  {
	border: none;
	background-color: #1F8A7A; 
	padding: 0px;
	width:297px;
}

#samplePanel.HTMLPanelError {
	background-color: red;
}

		body.l-wide #l-content .tweet_footer, body.l-wide #l-content .tweet_footer a, body.l-wide #l-content .tweet_footer a:hover  {
font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
font-size:9px !important;
text-decoration:none !important;
position:relative;
line-height:1.2 !important;
margin:0 !important;
padding-right:7px !important;
width:auto !important;
  color: #003366; }