
hr {
	margin-bottom: 15px;
}

p {
	margin-bottom: .75em;
	    font-size: 16px;
}

#bodyContent ul.bullet {
	padding-left: 40px;
}

#bodyContent ul.bullet li {
	list-style: disc;
}

.MPSBody {
	background: url("../images/gradientBlue.png") repeat-x fixed;
}

/*
 * UAO Shell Styles
 */
#leftNavigation a:link, #breadCrumb a:link, #leftNavigation a:visited, #breadCrumb a:visited {
	color: #2E6E9E;
	text-decoration: none;
}

#leftNavigation a:hover, #breadCrumb a:hover {
	color: #FFB136;
	text-decoration: underline;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.bottom {
	vertical-align: baseline;
}
.fRight {
	float: right;
}
.fLeft {
	float: left;	
}
.bold {
	font-weight: bold;
}
.semiTransparent {
	filter:alpha(opacity=90);
  	-moz-opacity:.90;
  	opacity:.90;
}
a.helpLink {
	color:#222;
	font-weight:bold;
	text-decoration:none;
}
a.helpLink:hover {
	color:#e17009;	
}
.acrobat {
	background: url('/assets/images/icnAcrobat.png') no-repeat top left;
	padding-left: 24px !important;
}
.acrobat a {
	cusror: pointer !important;
}

#horizontalNavigation, #leftNavigation, #breadCrumb {
	font-size: 1.1em;
}

#horizontalNavigation li {
	background: #ddd;
}
#horizontalNavigation  li { 
	float: left; 
	padding: 2px 5px 2px 5px;
	border-right: 1px solid #fff;
	list-style: none !important;
	margin-left: 0;
}
#horizontalNavigation li:hover {
	background: #eaeaea
}
#leftNavigation h3 {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	background: #ddd;
}
#leftNavigation p {
	font-size: .9em;
	margin: 5px 0 5px 8px;
	
}

#horizontalNavigation a {
	color: #036;
}	

ul#icons li {
	cursor:pointer;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px;
	padding:3px;
	position:relative;
}
.infoBoxContainer {
	clear: left;
}
.infoBoxIcon {
	float: left;
	width: 16px;
}
.infoBoxIcon span {
	float: left; 
	margin: 11px .3em 0 0;
}
.infoBox {
	margin-bottom: 20px; 
	padding: 0 1em 1em;
}
.infoBox p {
	margin: 1em 0 1em 22px;
	padding: 0;
}
.additionalHelp {
	margin-left: 160px;
	padding-top: 0 !important;	
}
.shown {
	cursor: pointer;
	font-weight: bold; 
	color: #e17009;
	font-size: 1.2em; 
	line-height: 1.25;
	margin-bottom: 1.25em; 
	margin-top: 0.5em;
	text-decoration: underline;
}
.padded {
	padding: 1em;
}

.photoLabel {
	background: #f93;
	color:#fff;
	font-weight: bold;
	height:11px;
	line-height:12px;
	margin-left:19px;
	margin-top:-56px;
	position:absolute;
	width:18%;
}
.MPSLoginPanelContainer {
	margin-top: 20px;
}
.MPSDescription {
	background: #26257e url(../images/loginPanelLion.png) right no-repeat;
	height: 195px;
	color: #fff;
}
.MPSDescription img {
	margin-right: 15px;
	padding-top: 45px;
}
.MPSDescription p {
	padding: 47px 5px 47px 10px;
	margin-bottom: 0;
	margin-right: 149px;
	font-size: 1em;
	border-right: 1px solid #fff;
}
.MPSLoginForm {
	/*height: 137px;*/
	text-align: left;
}
.MPSSignup {
	background:  #69c url(../images/diagonalBackground.png);
	padding: 6px;
	width: 418px;
	font-size: 1.25em;
	font-weight: bold;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 23px;
}

.MPSSignup a {
	color: #cc6;
}

/* OVERRIDES
 * This is where overrides to the default UI (jQuery Theme) object styles go. 
 */
.ui-modal-header {
	font-size: 1em !important;
	border: 0px;
	color: #FFF;
	font-weight: bold;
	padding: 0 0 0 0;
}
.ui-widget {
	font-size: 1em !important;
}
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text   {
	padding-top: 0.25em !important;
	padding-bottom: 0.25em !important;	
}
.ui-dialog .ui-dialog-buttonpane button {
	/*padding: 0 !important;*/
}

.sf-shadow ul {
	padding: 0 12px 12px 0;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	top: 2.6em;
}
.invisible {
	display: none;
}
.ui-datepicker-trigger {
	margin-left: 3px;
}

.toolbar {
	border-right: 1px solid #c5dbec;
	border-left: 1px solid #c5dbec;
	padding: 2px 5px;
}
.addedElement {
	border-bottom: 1px dotted #999;	
	margin: 5px 0;
}

/* Create a primary/secondary button using the ui-style sunny */
button.primary.ui-state-default, button.primary.ui-widget-content button.primary.ui-state-default { 
	border: 1px solid #d19405; 
	background: #fece2f url(/assets/js/jQuery/plugins/jquery.ui/themes/sunny/images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x; 
	font-weight: bold; 
	color: #4c3000; 
}
button.primary.ui-state-hover, button.primary.ui-state-focus {
	border: 1px solid #a45b13; 
	background: #ffdd57 url(/assets/js/jQuery/plugins/jquery.ui/themes/sunny/images/ui-bg_gloss-wave_70_ffdd57_500x100.png) 50% 50% repeat-x; 
	font-weight: bold; 
	color: #381f00; 
}
button.primary span.ui-icon { 
	background-image: url(/assets/js/jQuery/plugins/jquery.ui/themes/sunny/images/ui-icons_3d3d3d_256x240.png); 
}
button.primary.ui-state-hover .ui-icon, button.primary.ui-state-focus .ui-icon {
	background-image: url(/assets/js/jQuery/plugins/jquery.ui/themes/sunny/images/ui-icons_bd7b00_256x240.png); 
}

button.secondary.ui-state-default, button.secondary.ui-widget-content button.secondary.ui-state-default, button.secondary.ui-state-hover, button.secondary.ui-state-focus { 
	border: none; 
	background: none; 
	font-weight: normal; 
	text-decoration: underline !important;
}

.noDisplay, button.secondary span.ui-icon, button.secondary.ui-state-hover .ui-icon, button.secondary.ui-state-focus .ui-icon  {
	display:none !important;
}
#bodyContent ul.simpleTree li, #bodyContent ul.ui-tabs-nav li {
	list-style-type: none !important;
	margin-left: 0 !important;
}

#searchWrapper {
	height:35px;
	margin-left: 4px;
}
#atlSelector {
	background: url("/assets/images/searchPanel/tabInactiveLeft.png") bottom left no-repeat;
}
#atlSelector a { 
	padding: 0 10px 0 20px;	
}
#searchSelector {
	background: url("/assets/images/searchPanel/tabInactiveRight.png") bottom right no-repeat;
}
#searchSelector span.tabSelectorText {
	padding: 0 20px 0 10px;
}
#atlSelector.activePanel {
	background: url("/assets/images/searchPanel/tabActiveLeft.png") bottom left no-repeat;
}
#searchSelector.activePanel {
	background: url("/assets/images/searchPanel/tabActiveRight.png") bottom right no-repeat;
}
.tabSelector {
	float: left;
	min-width: 12px;
	height: 35px;
	min-width: 12px;
}
.tabSelector a {
	color: #2e6e9e;
	text-decoration: none;
}
.tabSelector span.tabSelectorText {
	top: 13px;
	position: relative;
	font-weight: bold;
}
.tabDivider {
	float: left;
	height: 35px;
	margin-top: 5px;
	width: 4px;
	background: url("/assets/images/searchPanel/tabSeparator.png") top right no-repeat;
}
#searchDivider.activePanel {
	width: 14px;
	background: url("/assets/images/searchPanel/tabBeforeSelected.png") top right no-repeat;
}
#atlDivider.activePanel {
	width: 13px;
	background: url("/assets/images/searchPanel/tabAfterselected.png") no-repeat;
}
#queryPanel {
	float: left;
	height: 35px;
	background: url("/assets/images/searchPanel/tabActiveMiddle.png") repeat-x;
	margin-top: 5px;
	padding: 4px 10px 0;
}
#queryPanel input {
	float: left;
	padding: 2px;
	width: 44em;
	margin: 2px 0 0 0;
}
#searchPanel input {
	width: 36.5em;
}
#queryPanel button {
	margin: 2px 0 0 5px;
	height: 21px;
}
#queryPanel .ui-icon {
	margin-top: -9px;
}
#queryPanel .ui-button-text {
	line-height: 1;
}
#atlPanel, #searchPanel, #searchDivider.activePanel {
	display: none;
}
.activePanel a, .activePanel span.searchType {
	color: #e17009 !important;
}
.activePanel, .activePanel span.searchTypeSelector {
	display: block !important;
}
span.searchType {
	display: none;
}
#searchSelections {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #4297D7;
	border-top: none;
	display: none;
	height: 60px;
	padding: 5px;
	text-align: right;
	width: 86px;
	position: relative;
	top: 17px;
	left: 55px;
}
#searchSelections a {
	line-height: 1.4;
} 
.searchTypeLink {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #4297D7;
	padding: 0 20px 3px 9px !important;
}
.searchType a {
	left: -14px;
	margin-left: 15px;
	padding: 0 21px 3px 10px;
	position: relative;
	width: 75px;
}
#searchPanel span {
	float:left;
	padding-top: 3px;
}
#searchPanel .searchArea {
	padding: 5px;
	color: #e17009;
	font-style: bold;
}
#searchPanel select {
	height: inherit;
	padding: 0;
}
.photo_box {
	border: 1px solid #CCC;
	padding: .5em;
	margin: 1em;
	float: right;
	clear: none;
	width:125px;
}
.print {
	text-decoration: none;	
}
.print:before {
content:url("/assets/images/icnPrint.png");
}

/*
 * TODO: Temporary styles to match the UI.  We need to extend the CB message box and set the styles to that of the UI.
 */
.cbox_messagebox {
	font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size:1.1em;
	margin: 1em 0;
	padding: 0.75em;
}
.cbox_messagebox_info, .cbox_messagebox_warning, .cbox_messagebox_error  {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	font-weight:bold;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	margin-bottom:20px;
	padding:0 0.7em;
}
.cbox_messagebox_info {
	background:#DFEFFC url(/assets/js/jQuery/plugins/jquery.ui/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50%;
	border:1px solid #C5DBEC;
	color:#2E6E9E;
}
.cbox_messagebox_warning {
    background:#FBEC88 url(/assets/js/jQuery/plugins/jquery.ui/themes/redmond/images/ui-bg_flat_55_fbec88_40x100.png) repeat-x scroll 50% 50%;
	border:1px solid #FAD42E;
	color:#363636;
}
.cbox_messagebox_error {
    background:#FEF1EC url(/assets/js/jQuery/plugins/jquery.ui/themes/redmond/images/ui-bg_glass_95_fef1ec_1x400.png) repeat-x scroll 50% 50%;
	border:1px solid #CD0A0A;
	color:#CD0A0A;
}

* html #htmlModal.ui-dialog {
	position:relative !important;	
}
#htmlModal.ui-dialog {
	.position:relative !important;	
}

.applyFont1 {
	font-size: 16px;
}

.applyFont2 {
	font-size: 12px;
}


