﻿/* APGBL */
DT {
	font-style: italic;
}

.printFont, .printFont * {
	font-family: 'Times New Roman' , Serif;
}
.alert							{font-weight: bold; color:#c33}
.
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
	clear: both;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.none {
  display: none;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.vMiddle {
  vertical-align: middle;
}
.vTop, TABLE.vTop TR {
  vertical-align: top;
}

.tRight {
  text-align: right;
}
.tLeft {
  text-align: left;
}
.tCenter {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.normal, .normal_children * {
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}

.capitalize {
	text-transform: capitalize;
}

.margin { margin: 8px; }
.marginTop, .marginTB { margin-top: 8px; }
.marginBottom, .marginTB { margin-bottom: 8px; }
.marginLeft, .marginLR { margin-left: 8px; }
.marginRight, .marginLR { margin-right: 8px; }
.padding { padding: 8px; }
.paddingTop, .paddingTB { padding-top: 8px; }
.paddingBottom, .paddingTB { padding-bottom: 8px; }
.paddingLeft, .paddingLR { padding-left: 8px; }
.paddingRight, .paddingLR { padding-right: 8px; }

div.nav_right div.alert         { padding-left:14px}
.hand, .pointer {
  cursor: pointer;
}
.move {
	cursor: move;
}
.help {
	cursor: help;
}
.no-select, .no-select * {
}

.smaller {
  font-size: 80%;
}
.larger {
  font-size: 120%;
}

.thin, .thin TD {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border: none;
}
UL.thin, OL.thin {
	margin: 10px 0px 10px 20px;
}

.whiteBorder {
  border: solid 1px #ffffff;
}
.noborder {
  border: none;
}
.hiddenSubmit {
  height: 0px;
  width: 0px;
  position: absolute;
  z-index: -1;
}

.errorMessage UL, .errorMessage OL {
  margin-top: 5px;
  margin-bottom: 0px;
}


.showHide .open, .showHide.closed .close {
  display: none;
}
.showHide.closed .open {
  display: block;
}
.showHide {
  padding-left: 10px;
  padding-right: 10px;
}
.showHide A {
  text-decoration: none;
}


.disabled, A.disabled, A.disabled:link, A.disabled:visited, .disabled A, .disabled A:link, .disabled A:visited {
  text-decoration: none;
  cursor: default;
}
A.disabled:hover, .disabled A:hover {
  text-decoration: none;
  cursor: default;
}
A.disabled:active, .disabled A:active {
  text-decoration: none;
  cursor: default;
}
.deleted {
  text-decoration: line-through;
}


.required INPUT, INPUT.required {
}
.monospace, .mono {
	font-family: Monospace;
	font-size: 1.5em;
}


#__dynamicHelp {
	position: fixed;
	left: 0px;
	bottom: 0px;
	cursor: pointer;
}




/* Panorama Specific */
/* Margins, Padding, and Borders 
IMG {
  border: none;
}
HTML, BODY {
  height: 100%;
}*/
HTML, BODY, FORM {
  margin: 0px;
  padding: 0px;
}
FIELDSET {
  margin: 0px;
  padding: 0px;
  border: none;
}
LEGEND {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
FIELDSET.normal {
	border: solid 1px;
	padding: 7px;
}
FIELDSET.normal LEGEND {
	margin-left: 10px;
	font-weight: bold;
}

/* keeps FX and IE in sync */
UL, OL {
	margin-left:15px;
	padding-left:0;
}
.checkbox, .radiobutton INPUT {
	height: 13px;
	margin: 2px;
	vertical-align: middle;
}



/* Misc stuff */
UL.plain, OL.plain {
	list-style-type: none;
	list-style-image: none;
}
TABLE THEAD TR, TABLE TR TH {
  white-space: nowrap;
  text-align: left;
}
table.padded5 td, table.padded5 th {
padding:4px;
}

TABLE.padded4 TD, TABLE.padded4 TH {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}
TABLE.padded5 TD.noPadding,
TABLE.padded4 TD.noPadding,
TABLE.padded2 TD.noPadding TD {
  padding: 0px;
}
TABLE.padded2 TD, TABLE.padded2 TH {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
TABLE.meta TD {
  font-weight: bold;
}
TABLE.meta TD.label
{
  font-weight: normal;
  white-space: nowrap;
  text-align: right;
  padding-right: 4px;
}


INPUT, .textbox {
  vertical-align: middle;
}
.button, .submit {
  vertical-align: middle;
}
.button, .submit {
  font-weight: bold;
}
.selectionMenu {
  vertical-align: middle;
}
SELECT.actionsMenu {
  vertical-align: middle;
}
LI.selected {
	font-weight: bold;
	background-color: #F0F8E0;
}





.validationSummary {
}
.validationSummary UL, .validationSummary OL {
  margin-top: 0px;
}
.highlightMessage {
	padding: 5px;
}


/* web parts, left and right navigation menu, $webpart */
.webPart {
  margin-bottom: 10px;
}
.webPartContent UL, .webPartContent OL {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  list-style-image: none;
  text-align: left;
}
.webPartHeader {
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.webPartHandle {
	display: inline;
}

.recentSearches .webPartContent OL {
  list-style-type: decimal;
  margin-left: 20px;
}
.recentSearches .webPartContent P {
  margin-top: 0px;
  margin-bottom: 0px;
}


/* site icons */
.hoverIcon {
	margin-left: 2px;
	margin-right: 2px;
}
.hoverIcon IMG {
  height: 16px;
  width: 16px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: Transparent;
}
A:hover.hoverIcon, span:hover.hoverIcon {
  background-color: Transparent;
}
A:hover.hoverIcon IMG, span:hover.hoverIcon IMG {
  background-position: 0px -16px;
}
A:hover.disabled IMG {
  background-position: 0px 0px;
  cursor: default;
}


/* Tool Tip and other Hovering Windows */
.debugInfoWindow_link {
	position: fixed;
	bottom: 0px;
	right: 0px;
}
.debugInfoWindow {
	position: fixed;
	padding: 5px;
	bottom: 12px;
	right: 0px;
	border: solid 1px #ccc;
	background-color: #f5f5f5;
	filter:alpha(opacity=95);
}
.debugInfoWindow, .debugInfoWindow TD {
}
.debugInfoWindow .left {
	font-weight: bold;
}
.debugInfoWindow STRONG {
	display: block;
	float: left;
	width: 150px;
}
.__debug_window ._charts {
	position: fixed;
	bottom: 12px;
	left: 0px;
	filter:alpha(opacity=95);
	border: solid 1px #ccc;
	background-color: #fff;
}
.__debug_window ._charts IMG {
	filter:alpha(opacity=95);
}



A.displayMode {
	display: block;
	width: 290px;
	margin: 5px 0px 5px 0px;
	height: 54px;
}
A.displayMode, A.displayMode:hover, A.displayMode:link, A.displayMode:visited, A.displayMode:active {
	text-decoration: none;
	color: #000000;
}
A.displayMode:hover {
	border: solid 1px #000000;
}
/* 19px high, want to be 54 = 35 for buffer */
.displayMode IMG {
	x-position: absolute;
	float: left;
	margin: 10px 5px 25px 5px;
}
.displayMode STRONG {
	display: block;
}
.displayMode SPAN {
	padding: 5px 3px 0px 0px;
	display: block;
}


#footer, .footer {
	text-align: center;
	padding: 8px;
}
/* $topnav */
.links {
  margin-top: 6px;
}
#loginStatus {
	text-align: right;
  padding-right: 10px;
  float: right;
}
#loginStatus .helloLogin {
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-right: 42px;
}
#loginStatus .helloLogin SPAN {
	position: absolute;
	top: 1px;
	right: 10px;
}
#loginStatus .helloLogin IMG {
	margin: 0px 2px 0px 0px;
}



/* Topmost bar, navigation menu */
.navMenu {
}
.navMenu #logo {
  float: left;
  clear: left;
}
#logo, .logo {
	margin: 6px 0px 0px 6px;
}
.secondaryLogoChrome {
	display: block;
	float: right;
	height: 35px;
	overflow: hidden;
	margin-right: 8px;
}

/* general links list */
.links .tab {
  padding-left: 3px;
  padding-right: 5px;
}
.links A.tab.first,
.links LI.tab.first,
.loginStatus A.tab.first {
  border: none;
  background-image: none;
}
.links A.tab.active, .links A.tab.active:link, .links A.tab.active:visited, .links A.tab.active:hover, .links A.tab.active:active {
  font-weight: bold;
  text-decoration: none;
}
UL.links, OL.links {
	padding: 7px 7px 7px 0px;
	margin-left: 0px;
}
.links LI.tab {
	padding-right: 5px;
	float: left;
	list-style: none;
	list-style-image: none;
}









/* message center */
.messageCenterWizardArea {
	padding: 10px;
	padding-top: 0px;
	margin: 0px;
  border-left: solid 1px #999999;
  width: 740px;
}
.webMessage .messageArea {
  padding: 10px;
  width: 740px;
  height: 350px;
}
.messageCenterWizardArea TABLE TR.UnRead {
	background-color: #ffffe1;
}

.highlightMessage {
  background-color: #ffffe1;
  border: solid 1px #999999;
  margin: 5px 0px 5px 0px;
}














/* $register, registration */
.nextStep {
  text-align: right;
}
table.form TD:first-child { width: 120px; padding-right: 8px; vertical-align: middle; white-space: nowrap; }

.form TR.label TD {
  padding: 5px;
  padding-bottom: 0px;
}
.form TD {
  height: 28px;
}
.regStatusBar {
}
.regStatusBar h5 {
  padding:1px 4px 1px 4px;
}
.regStatus {
  padding-left: 10px;
  color: #aaaaaa;
}

/* search.master, search pages, search header, search bar, themes, $searchbar, $tabs */
.links {
}
#searchBar {
  clear: left;
}
#searchBar .tab {
  display: block;
  float: left;
  width: 80px;
  height: 23px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
}
#searchBar A.tab.selectedEnd {
	width: 81px;
}
#searchBar .searchForm {
  display: block;
}



#themeChooser {
	white-space: nowrap;
	float: right;
	margin-top: 7px;
	margin-right: 10px;
}
#themeChooser LABEL {
	margin-top: 3px;
	float: left;
}
#themeChooser IMG {
	margin: 3px;
	cursor: pointer;
}

/* status message bar */
#messageBar {
  margin-top: 22px;
  margin-right: 5px;
  position: absolute;
  z-index: 1001;
  right: 0px;
}
#messageBar .content {
	position: fixed;
	right: 0px;
	top: 0px;
  display: block;
  float: left;
  padding: 1px 5px 1px 5px;
}
#messageBar .content .close {
  margin-left: 5px;
}
#unsecuredroot #messageBar {
	margin-top: 32px;
	margin-right: 5px;
}











/* $login */
body.login {
	background: #fff;
	margin: 0;
}
#loginbox {
	margin: 0 0 0 100px;
	width: 644px;
}
#loginbox h1 {
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #999;
}
#loginheader {
	width: 644px;
	height: 60px;
	background: url(../images/login_header_empty.gif) no-repeat left top;
}
#loginbody {
	padding: 10px 0px 0px 40px;
	border: 1px solid #ccc;
}
#loginfooter {
	padding: 5px;
	background: #fff url(../images/login_footer.gif) repeat-x top left;
	border: 1px solid #ccc;
}
.helpwindow {
	text-align: center;
}
.helpwindow UL {
	list-style-type: none;
	list-style-image: none;
}
.helpwindow LI {
}





/* $lightbox */
/*
#lightboxWebPart {
}
#lightboxWebPart #lightboxHeader {
}
#lightboxWebPart #lightboxHeader SELECT {
  width: 114px;
}
#lightboxWebPart #lightboxHeader .notes {
  margin-bottom: 10px;
}
#lightboxSingleActions {
	padding-top: 4px;
}
.lightboxPhoto {
  display: block;
}
.lightboxPhoto IMG {
}
.lightboxReorderGroup .folderItem {
  border: solid 1px #f5f5f5;
  margin: 4px;
  padding: 0px;
  width: 200px;
  height: 54px;
  float: left;
  overflow: hidden;
  background-image: url(images/bg_drag_drop.gif); background-color: #fff; background-repeat: repeat-y; background-position: right top;
}
hoverclass {
  background-color: #ffeeee;
}
#lightboxSharing {
	width: 750px;
}
*/





/* $intellisense */
.intelSuggestions {
	background-color: #ffffff;
	border: solid 1px #000000;
}
.intelSuggestions UL, .intelSuggestions OL {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
.intelSuggestions LI {
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	height: 15px;
	padding-left: 2px;
}
.intelSuggestions LI.selected {
	background-color: highlight;
	color: highlighttext;
}



/* $unsecured pages */
#oneUp.unsecured #searchBar #leftNavHeaderText {
	font-weight: bold;
}






/* $usage page */
.usageTable TD {
	padding: 4px;
}
.usageTable LABEL {
	display: block;
}
.usageTable .usage,
.usageTable .notes {
	width: 200px;
}
.usageTable .project {
}
.usageTable .price {
	width: 75px;
}
.usageTable .pageInfo {
	width: 200px;
}
.statusImage {
	vertical-align: middle;
	margin: 0px 3px 0px 0px;
}
.usageInfo_row {
	background-color: #ffffff;
}


.htmlddl {
	background-color: white;
	border: solid 1px #999999;
}
.htmlddl .selectedItem {
	font-weight: bold;
	padding: 0px 5px 2px 5px;
}
.htmlddl .handle {
	cursor: pointer;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url(/App_Themes/Round/images/downArrow.gif);
}
.htmlddl A:hover.handle {
  background-position: 0px -16px;
}
.htmlddl .handle IMG {
	width: 17px;
	height: 16px;
	vertical-align: middle;
}
.htmlddl_values {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	border: solid 1px #999999;
	background-color: #ffffff;
	margin-left: -2px;
	margin-top: -1px;
	max-height: 200px;
	height: 200px;
	overflow: auto;
}
.htmlddl_values LI A {
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.htmlddl_values LI A, .htmlddl_values LI A:link, .htmlddl_values LI A:hover, .htmlddl_values LI A:active, .htmlddl_values LI A:visited {
	color: #000000;
	text-decoration: none;
}
.htmlddl_values .selected {
}
.htmlddl_values LI A:hover {
	background-color: highlight;
	color: highlighttext;
}











.imageCalendar {
	margin-left: 35px;
	margin-bottom: 50px;
}
.imageCalendar .prev_month,
.imageCalendar .next_month {
	text-align: center;
}
.imageCalendar .prev_month {
}
.imageCalendar .next_month {
}
.imageCalendar .day {
	width: 80px;
	height: 80px;
	overflow: hidden;
	text-align: left;
}
.imageCalendar .day .pane {
	border: none;
}
.imageCalendar .day.disabled {
	background-color: #f5f5f5;
}
.imageCalendar .day.open {
	background-color: #cccccc;
}
.imageCalendar .day.open .pane {
	border: solid 5px #ffffff;
	height: 163px;
	width: 184px;
}
.imageCalendar .date {
	position: absolute;
	color: #990000;
	font-weight: bold;
	padding: 2px;
}
.imageCalendar .open .date {
	margin: 5px;
}
.imageCalendar .count {
	display: none;
	position: absolute;
	width: 80px;
	text-align: center;	
	color: #990000;
	font-weight: bold;
}
.imageCalendar .visibleImage {
}
.imageCalendar .day.open .visibleImage {
}
.imageCalendar .names {
	padding: 24px 3px 3px 3px;
}
.imageCalendar .names A {
	display: block;
	white-space: nowrap;
}
#calendarPage #popOver_container {
	top: 20px;
}
#calendarPage #popOver_content {
	padding: 0px;
}
.calendarLightboxDetails .lbxMetaHead .viewOptions {
	margin-top: 5px;
	margin-bottom: 5px;
}
.calendarLightboxDetails .lbxMetaHead {
	width: 675px;
}
.calendarLightboxImages {
	width: 675px;
	height: 500px;
	overflow: auto;
	border-top: solid 1px #CCCCCC;
}








/* not IE < 6 only */
* HTML .largePaneCrome {
	position: absolute;
}
/* IE 7 only */
*+HTML .largePaneCrome {
	position: absolute;
}
.largePaneCrome {
	height: 220px;
	overflow: hidden;
	z-index: 70;
}
.largePane {
	z-index: 50;
	position: relative;
}
.largePaneCrome .largeImage {
	overflow: hidden;
	float: left;
	clear: left;
	background-color: #333333;
	border-right: solid 1px #99AABB;
	width: 340px;
	height: 220px;
}
.largePaneCrome .metadata {
	overflow: hidden;
	height: 213px;
	width: 277px;
	padding: 2px;
	padding-top: 5px;
	padding-left: 10px;
	float:left;
}
.largePaneCrome .largeImage IMG {
}
.largePaneCrome .metadata P {
	margin-top: 3px;
}
.largePaneCrome .metadata .notes {
	padding-right: 10px;
	height: 143px;
	overflow: hidden;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.largePaneCrome STRONG {
	color: #535353;
}
.largePaneCrome .ddlinks {
	text-align: center;
	margin-right: 10px;
	margin-top: 15px;
	padding-top: 0px;
}
.largePaneCrome .drilldown {
}

/* Calendar Thingee */
.calendarWindow {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
  padding-top: 10px;
  position: absolute;
  border: solid 1px #000000;
  background-color: #ffffff;
}

.calendarWindow .navigation {
  border-collapse: collapse;
}

.calendarWindow .calendar {
  text-align: center;
}

.calendarWindow .calendar TD {
  width: 25px;
  height: 25px;
  padding: 0px;
}
.calendarWindow .calendar TD.today {
  background-color: #fa8072;
  color: #000000;
}

.calendarWindow .selectable {
  cursor: pointer;
}

.calendarWindow .highlight {
  background-color: #999999;
  color: #ffffff;
  cursor: pointer;
}

.calendarWindow TD.header {
  text-align: right;
  height: auto;
  width: auto;
  padding: 0px 0px 5px 0px;
}

.calendarWindow TD.header A {
  cursor: pointer;
  margin-left: 6px;
}

.calendarWindow .help {
  color: darkgray;
}

.calendarWindow .otherMonth {
  color: darkgray;
  cursor: pointer;
}

.calendarWindow .dayHeader TD {
  background-color: lightsteelblue;
  cursor: default;
}

.calendarWindow .navigationHeader {
  background-color: steelblue;
}

.calendarWindow .navigationHeader INPUT, .calendarWindow .navigationHeader SELECT {
  position: absolute;
}









/* Third party lightbox (slide show) thingee */
#slideshow{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 9100;
	text-align: center;
	line-height: 0;
	}

#slideshow a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9010;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 71px; float: right;  padding-bottom: 0.7em;	}		

#imageData #slideShowControls{ width: 71px; float: right; text-align: right; clear: right; padding-bottom: 0.7em;	}	

#imageData #slideShowControls #slideShowPlay { display: none;	}	
#imageData #slideShowControls #slideShowPause { display: inline;	}	
#imageData #slideShowControls.stoped #slideShowPlay { display: inline;	}	
#imageData #slideShowControls.stoped #slideShowPause { display: none;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9090;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	







.terms_root {
	border-top: solid 1px #999999;
	margin-bottom: 10px;
	width: 33%;
	float: left;
}
.terms_root LEGEND {
	margin-left: 25px;
	font-weight: bold;
}
.terms_root UL.terms_child_1 {
	height: 100px;
	overflow: auto;
}
.terms_root LI.terms_child_1,
LI.terms_child_1 {
	float: left;
	height: 20px;
	width: 120px;
	margin-right: 5px;
	overflow: hidden;
	display: block;
}


.InactiveSearchAlert{color:red;
font-weight:bold;
margin-top:5px;
text-align:center;}

.InactiveSearchAlertImage
{
	
	background-image:url(images/warning.png);
	height:16px;
	margin-right:5px;
	width:16px;
	vertical-align:top;
}
