@charset "utf-8";
/**
 * This file is used for page layout.
 * Additional styles can be found in cms-admin.css
 * 
 * Updated part of this file to use CSScaffold syntax
 * 
 * @author David Brown
 * @version $Id$
 */

/* CSS Document */
@font-face {
  font-family: 'cms-font-medium';
  src: url(/_media/fonts/DroidSans.ttf) format('truetype');
}
@font-face {
  font-family: 'cms-font-medium';
  src: url(/_media/fonts/DroidSans-Bold.ttf) format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: 'cms-font-heavy';
  src: url(/_media/fonts/DroidSans-Bold.ttf) format('truetype');
}

/* Reset Link icons */
	a[href^='http:'], a[href^='mailto:'], a[href^='http:']:visited, 
	a[href$='.pdf'], a[href$='.doc'], a[href$='.xls'], a[href$='.rss'], 
	a[href$='.rdf'], a[href^='.aim'], a[href$='.mp3'], a[href$='.wma'],
	a[href$='.mov'], a[href$='.avi'] { 
		padding: auto; 
		margin: 0; 
		background: transparent;
		}
/* Reset Button Styles */
body.adminbody .button { 						/* Button */
	background: #A1A1A1 url('/_media/default/admin/template/button_bg_gray.png') top left scroll repeat-x !important; 
	border: 1px solid #777777 !important;  
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
	color: #2b2b2b !important;
	display: inline-block; display: -moz-inline-block;
	height: 16px !important; /* Height for IE 6 */
	font-family: 'trebuchet ms', arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 16px !important; 
/*	max-height: 16px !important; Height fix; Removed since we are using only a-tag based buttons; Was causing rendering bugs elsewhere*/
	min-width: 50px;
	padding: 4px 5px !important;
	text-align: center;
	text-shadow: 0px 1px 0.5px #DDDDDD;
	text-decoration: none !important;
	white-space: nowrap;
	}
body.adminbody input.button {
	min-height: 26px !important;
	height: 16px !important;
	margin: 0;
	}	
body.adminbody .button:hover,
body.adminbody .button:focus{ 
	font-weight: bold !important; 
	color: #003982 !important; 
	background: #7d9ab9 url('/_media/default/admin/template/button_bg_blue_hover.png') top left scroll repeat-x !important; 
	border: 1px solid #4671A9 !important;
	text-decoration: none !important;
	}
body.adminbody .button:active { 
	font-weight: bold !important; 
	color: #003982 !important; 
	background: #cad3de url('/_media/default/admin/template/button_bg_blue_click.png') top left scroll repeat-x !important; 
	border: 1px solid #4671A9 !important; 
	}
body.adminbody .goodbutton { 
	color: #3d4529 !important; 
	background: #a4b86c url('/_media/default/admin/template/button_bg_green.png') top left scroll repeat-x !important; 
	border-color: #859A53 !important;
	text-shadow: 0px 1px 0.5px #EEE;
	}
body.adminbody .goodbutton:hover { 
	color: #333333 !important; 
	background: #69b149 url('/_media/default/admin/template/button_bg_green_hover.png') top left scroll repeat-x !important; 
	border-color: #009900 !important;
	}
body.adminbody .badbutton { 
	color: #792817 !important; 
	background: #daa9a9 url('/_media/default/admin/template/button_bg_red.png') top left scroll repeat-x !important; 
	border-color: #a63d35 !important;
	}
body.adminbody .badbutton:hover { 
	color: #000000 !important; 
	background: #bc3728 url('/_media/default/admin/template/button_bg_red_hover.png') top left scroll repeat-x !important; 
	border-color: #91472a !important;
	}
body.adminbody .graybutton { 
	width: auto;
	margin: 20px auto;
	padding: 0.35em;
	border: 1px solid #ACACAC;
	background: #ACACAC url('/_media/default/admin/icons/graybutton_bg.png') top left repeat-x !important;
	text-align: center;
	text-decoration:none;
	font-weight: bold;
	color: #111 !important;
	}
body.adminbody .graybutton:hover { 
	width: auto; 
	margin: 20px auto; 
	background: #eeeeee url('/_media/default/admin/icons/graybutton_bg_hover.png') top left repeat-x !important; 
	text-align: center; 
	text-decoration:none;
	color: #111 !important; 
	}

html, body {
	margin: 0;
	margin-bottom: 0px; /* Fix YAML setting 1px bottom margin on HTML that forces scrollbars */
	padding: 0;
	text-align: left;
	color:#A9A9A9;
	background: #3F3F3F;
	height: 100%;
	width: 100%;
	min-height: 100%;
	background: #c6c6c6 url('/_media/default/admin/template/cms_header.png') repeat-x scroll 0px 0px;
	font-family: cms-font-medium, 'trebuchet MS', Arial, Helvetica, sans-serif;
	}
* html body {
	text-align:center;
	font-size: 85%;
	}
body, p, td, th, input, select, ol, ul, li, textarea { color: #222222; font-size: 12px; font-family: cms-font-medium, Arial, Helvetica, sans-serif; margin:0px; letter-spacing:0.1px;}
p { margin-bottom: 1.5em; display: block; }
b, strong { font-family: cms-font-heavy, 'trebuchet MS', Arial, Helvetica, sans-serif; }

.body_content { /* Turn on for sticky footer + move footer content to div in body_start*/
	/* .body_content was requiring 15px more negative margin than it should. This was solved by adding 1px padding to #stickyFooter to stop margin collapsing. */
	min-height:100%; /* to push footer to bottom of content*/ 
	height: auto !important;  /* standards */
	height: 100%;  /* IE 6*/
	margin-bottom: -73px;  /* set to height of footer) */
/*	background: #CCCCCC url('/_media/default/admin/body_bg.png') scroll repeat-x left top;
*/
	background: transparent url('/_media/default/admin/template/cms_footer.png') repeat-x scroll left bottom;
	}
.page_margins { 
	width: 100% !important; 
	margin: 0px !important;
	}
.page { 
	width: 100% !important; 
	}
#page_content { 
	width: 100%;
	width: 950px;
	margin: 0 auto;
	padding-bottom: 80px;
	}
#header {
	height: 100px;
	position: relative;
	background: transparent none;
	}
	#header_content {
		padding: 10px 0 20px;
		}
	#logo {
		/*background-image:url('/_media/default/admin/logo250.png');*/
		height: 65px;
		width: 214px;
		position: absolute;
		top: 16px;
		left:0px;
		}
	#CMS_title {
		font-family: cms-font-heavy, 'trebuchet MS', Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		margin-top: 20px;
		text-shadow: -2px 2px 5px #000;
		}
	#logoutBox {
		height: 30px;
		float: right;
		}
		#logout a {
			display: block;
			text-align: center;
			}
	body #logoutBox { 
		background: transparent;
		border: 0px none;
		width: 340px !important;
		margin: 0 auto;
		padding: 0;
		height: auto;
		max-height: auto;
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 1em;
		text-align: right;
		}
	body #logoutBox_content {
		background: transparent none;
		padding: 0;
		}
	#logoutBox #logoutButtons { 
		position: static;
		top: 50%;
		right: 14px;
		margin-top: 0;
		}
	body #logoutBox #logoutButtons a {
		float: none;
		}
	#logoutBox #logoutButtons a.button {  
		margin: 0;
		width: 75px;
		min-width: 75px;
		margin-left: 10px;
		text-decoration:none; 
		text-transform: capitalize;
		float: none;
		}
		#logoutBox #logoutButtons a.button:hover {
		font-weight: bold; 
		color: #003982 !important; 
		background: #92B0DD url('/_media/default/admin/icons/button_bg_hover.png') top left scroll repeat-x; 
		border: 1px solid #4671A9 !important;
		text-decoration: none !important;
		}
		#logoutBox #logoutButtons .site-admin-button {
			background: #cc8c3d url('/_media/default/admin/template/gradient_white_small.png') repeat-x scroll left top !important;
			color: #7B3600 !important;
			border-color: #be7330 !important;
			padding-left: 11px !important;
			position: relative;
			}
		#logoutBox #logoutButtons a.site-admin-button:hover,
		#logoutBox #logoutButtons a.site-admin-button:focus,
		#logoutBox #logoutButtons a.site-admin-button:active {
			background: #B96600 url('/_media/default/admin/template/gradient_white_small.png') repeat-x scroll left top !important;
			background-color: #B96600 !important;
			color: #94511F !important;
			border-color: #be7330 !important;
			}
		#logoutBox #logoutButtons .site-admin-button .site-admin_cog {
			display: block;
			margin: -8px 0 0 0;
			height: 16px;
			width: 16px;
			background: transparent url('/_media/default/admin/template/cog.png') no-repeat scroll top left;
			position: absolute;
			top: 50%;
			left: 5px;
			}
		#system-menu { 
			background-color: transparent;
			width: 200px; 
			position: absolute; 
			top: 25px; 
			right: 0%; 
			border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
			z-index:9999;
			display:none;
			padding-bottom: 15px;
			margin-top: 17px;
			} 
		#system-menu #system-menu-arrow { 
			display: block;
			width: 100%;
			height: 18px;
			background: transparent url('/_media/default/admin/template/calloutArrow_siteAdmin.png') no-repeat scroll 90% top;
			position:absolute;
			right:10px;
			top:-18px;
			}
		#system-menu li { 
			background-color: #cc8c3d;
			list-style-type: none;
			padding: 3px 8px;
			margin: 0;
			line-height: 1em;
			text-align: left;
			}
		#system-menu li:first-child { 
			border-radius-topright: 10px;border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;-moz-border-radius-topleft: 10px;
			-webkit-border-top-right-radius: 10px;-webkit-border-top-left-radius: 10px;
			}
		#system-menu li:last-child { 
			border-radius-bottomright: 10px;border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;
			-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;
			}
		#system-menu li a {
			color: #FFFFFF;
			font-weight: normal;
			display: block;
			width: 160px;
			padding: 5px 10px;
			margin: 0 auto;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			text-shadow: none;
			white-space: normal;
			} 
		#system-menu li a:hover {
			color: #000000;
			font-weight: normal;
			background-color: #E4A557;
			}
		#sites-menu-button:hover ul {
				display:block;
			}
		#sites-menu { 
			background-color:#cc8c3d;
			width: 600px;	/* This should be a multiple of the width of the list items: 200px */
			position: absolute; 
			top: 25px; 
			right: 0%;
			border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
			z-index:9999;
			display:none;
			margin-top: 17px;	/* make room for the arrow */
			
			#sites-menu-arrow { 
				display: block;
				width: 100%;
				height: 18px;
				background: transparent url('/_media/default/admin/template/calloutArrow_siteAdmin.png') no-repeat scroll 90% top;
				position:absolute;
				right:-40px;
				top:-18px;
			}
			li { 
				list-style-type: none;
				padding: 3px 8px;
				margin: 0;
				line-height: 1em;
				text-align: left;
				float:left;
				
				a {
					color: #FFFFFF;
					font-weight: normal;
					display: block;
					width: 160px;
					padding: 5px 10px !important;	/* !important is required becuase of !important on ITR_defaults.css "body a.noicon" definition */
					margin: 0;
					border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
					text-shadow: none;
					white-space: normal;
				}
				a:hover {
					color: #000000;
					font-weight: normal;
					background-color: #E4A557 !important;	/* !important is required becuase of !important on ITR_defaults.css "body a.noicon" definition */
				}
			}
		}

	#logoutBox #logoutText { 
		color: #FFFFFF; 
		min-height: 22px;
		margin-right: 195px;
		margin-left: 14px;
		}
	#logoutBox #logoutText a,
	#logoutBox #logoutText a:hover,
	#logoutBox #logoutText a:visited { 
		color: #FFFFFF; 
		}
	#logoutBox #logoutText p {
		color: #FFFFFF;
		font-size: 1em;
		letter-spacing: 0.01em;
		line-height: 1.5em;
		text-shadow: 0 1px 2px #000000;
		}


#nav {}
	#nav_content {
	background: transparent;
	margin: 0px;
	text-align: center;
	}
	#nav ul li { 
		list-style-type: none; /* content.css was overriding JQUERY */
		}
	/* We are relying mostly on JQUERY's Smoothness UI default settings to style our menu */
	#nav .ui-tabs,
	#nav .ui-tabs .ui-tabs-nav {
		padding: 0;
		}
	#nav .ui-tabs .ui-tabs-nav li {
		background: #979797 url('/_media/default/admin/template/cms_nav_tab_smooth.png') repeat-x scroll top left;
		margin: 0 7px 0 0;
		border-color: #888888;
		-webkit-border-radius-topleft: 5px;
		-webkit-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-radius-topleft: 5px;
		border-radius-topright: 5px;
		}
	#nav .ui-tabs .ui-tabs-nav li:hover {
		background: #979797 url('/_media/default/admin/template/cms_nav_tab_smooth.png') repeat-x scroll bottom left;
		}
	#nav .ui-tabs #navHome {
		border: 0 none;
		border-bottom: 1px solid black;
		padding: 0;
		background: transparent;
		}
	#nav .ui-tabs #navHome a { 
		width: 32px;
		height:26px;
		background: transparent url('/_media/default/admin/template/cms_homeLink.png') no-repeat scroll top left;
		cursor: pointer;
		font-size: 0.01%;
		text-indent: -999em;
		padding:0;
		}
	#nav .ui-tabs #navHome a:hover { 
		background: transparent url('/_media/default/admin/template/cms_homeLink.png') no-repeat scroll 0px -26px;
		}
	#nav .ui-tabs #userGuide a {
		background: transparent url('/_media/default/admin/template/help.png') no-repeat scroll 92% center !important;
		padding-right: 21px !important;
		width: 94px;
		margin: 0;
		}
	#nav .ui-tabs .ui-tabs-nav .ui-tabs-selected {
		background: #c6c6c6;
		}
	#nav .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
		color: #000000;
		}
	#nav .ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover {
		background: #c6c6c6;
		color: #000000;
		}
	#nav .ui-tabs .ui-tabs-nav li a {
		float:left;
		height:25px;
		line-height:25px;
		padding:0em 1em;
		text-decoration:none;
		width: 70px;
		text-transform: uppercase;
		color: #FFFFFF;
		font-size: 13px;
		}	
	#submenu {
		background: #c6c6c6 url('/_media/default/admin/template/cms_subnav.png') repeat-x scroll bottom left;
/*		height: 20px;  Condense submen when no links */
		position:static;
		margin: 0;
/*		padding: 0px 10px 13px; Condense submenu when no links*/
		text-align: left;
		border-left: 1px solid #777777;
		border-right: 1px solid #777777;
		}
	#submenu a {
		background: 0 none;
		margin: 0;
		padding: 0;
		line-height: 29px;
		color: #000000;
		text-align: left;
		position: relative;
		bottom: 0px;
		text-shadow: 0px 1px 0.3px #DDD;
		line-height: 37px; 	
		text-decoration: none;
		}
	#submenu a:hover {
		color: #006fe0;
		text-decoration: none;
		}
	#submenu a.you-are-here {
		background:transparent url('/_media/default/admin/submenu-indicator.png') no-repeat;
		background-position: 48% 16px;
		padding-bottom:24px;
		}
	#submenu a.site-admin-text { 
		color: #943f00;
		}
	#submenu .site-admin {
		color: #94511f;
		}
	#submenu .site-admin:hover {
		color: #B96600;
		text-decoration: none;
		}

#main {
	background: #FFFFFF;
	border: 1px solid #777777;
	border-top: 0 none;
	-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
	border-radius: 10px;
	margin: 0 auto;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	}
	#main_content {
		padding: 3em 20px 20px;
		}
	#col1 {
		display: none !important;
		}
	#col2 {
		display: none !important;
		}
	#col3 {
		margin: 0 !important;
		}
	#col3 h1 { 
		font-family: cms-font-heavy, 'trebuchet MS', Arial, Helvetica, sans-serif; 
		font-size: 22px; 
		color: #000000; 
		text-shadow: 0px 1px 2px #999;
		}
	#col3 h2 { font-family: cms-font-heavy, 'trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; }
	#col3 h3 { font-family: cms-font-heavy, 'trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; }
	#col3 a, #col3 #col3_content a:visited {
		color: #006fe0;
		font-weight: bold;
		}
	#col3 a:hover,
	#col3 a:focus,
	#col3 a:focus {
		color: #FF6600;
		font-weight: bold;
		}
	.ie_clearing {
		clear:both;
		}

/** 
  * Misc styles
  */
td, th { padding: 0.5em; }


#stickyFooter { height: 72px; padding-top: 1px; }
	#stickyFooter_content { overflow: auto; width: 950px; margin: 8px auto 0; padding-top: 7px; font-size: 0.75em; color:#444444; color: #999999; }
	#stickyFooter_content #stickyFooter_contact .footer_highlight { color: #ffff00; }
	#stickyFooter_content #copyright { font-size: 11px;  font-weight: normal; color: #DFDFDF; line-height: 1.5em; text-align:left; margin-top: 8px; }
	#stickyFooter_content #stickyFooter_contact .footer_highlight { color: #ffff00; }

	#itrtext { position: relative; top: 3px; float: none; }
	#itrtext a { padding: 0; background: none transparent; }
	#stickyFooter a,
	#stickyFooter a:visited { color: #4B9DEF; }
	#stickyFooter a:active
	#stickyFooter a:focus,
	#stickyFooter a:hover { color: #BFDFFF; text-decoration: underline; }

	#itrtext { 
		float: right;
		margin-top: 9px; margin-right: 0px;
		}	
	#itrtext a { padding: 0; margin: 0; display: block; }	
	#stickyFooter #itrtext a img, 
	#stickyFooter #itrtext a:link img, 
	#stickyFooter #itrtext a:visited img  { 
		background-image:url('/_media/default/itr/designed-and-powered-by-itr-gray.png'); 
		background-repeat:no-repeat; 
		}
	#stickyFooter #itrtext a:hover img, 
	#stickyFooter #itrtext a:active img, 
	#stickyFooter #itrtext a:focus img { 
		background-image:url('/_media/default/itr/designed-and-powered-by-itr-blue.png'); 
		background-repeat:no-repeat; 
		}