﻿html, form { height: 100%; }
.body { color: #484848; background-color: #599bc0; margin: 0 auto; height: 100%; }
.master { height: 100%; margin: 0 auto; background-color: #ffffff; width: 950px; }
.masterContent { width: 980px; background-color: #ffffff; }
.shadowLeft {background-color: #599bc0;  background-image: url('/_layouts/PRRIP_Images/ShadowLeft.png'); background-repeat: repeat-y; background-position: left top; min-height: 100%; width: 12px; height: 100%;}
.shadowRight {background-color: #599bc0;  background-image: url('/_layouts/PRRIP_Images/ShadowRight.png'); background-repeat: repeat-y; background-position: left top; min-height: 100%; width: 12px; height: 100%;}
.spacer { width: 12px; }
a img {	border: none; }
a, a:link, a:active { color: #1873a0; }
a:hover { text-decoration: underline; color: #1873a0; }
h1 { font-size: 16px; color: #1873a0; padding: 5px 0px; margin: 0px; }
h2 { font-size: 14px; color: #1873a0; padding: 5px 0px; margin: 0px; }
h3 { font-size: 14px; font-weight: normal; text-decoration: underline; padding: 2px 0px; margin: 0px;  }
p { margin: 0px; padding: 0px 0px 10px 0px; font-size: 12px; }
td { font-size: 12px; }
ul, ol { font-size: 12px; margin-top: 5px; }
.master .ms-formlabel h3 { text-decoration: none; }
.master .ms-formlabel, .master .ms-formbody { font-size: 1.0em; }
.style1 { border-width: 0; }
.authoringRegion{ width:100%; height: 20px; background-color: #599BC0;	color:#333333; }
.siteActionMenu { float: right; }
.siteActionMenu, .ms-siteaction, .ms-siteactionsmenu { position: relative; z-index: 1000 !important; }
.sharepointLogin { position: relative; z-index: 1000; display: inline; float: right;  }
.sharepointLogin .ms-globallinks { position: relative; color: #333333;}
.console { clear: both; }
.signIn { padding: 2px 5px 0px 0px; }
.ms-globallinks { padding-top: 1px; }
.banner { background-color: #000000; }
.bannerArea { width: 980px; height: 96px; background-image: url('/_layouts/PRRIP_Images/PRRIP-Banner.jpg'); background-repeat: no-repeat; }
#custom-Logout { display: none; }
#custom-Logout a, #custom-Logout a:link, #custom-Logout a:visited { padding: 1px 3px; color: #2a4666; font-size: 11px; text-decoration: none; }
#custom-Logout a:hover { background-color: #D8D8E3; padding: 1px 3px; }
.master .ms-HoverCellActive,.ms-SpLinkButtonActive {border:none;vertical-align:top;background-color:#D8D8E3;background-image:none;} 
.master .ms-siteaction,.ms-siteaction a{font:8pt tahoma;font-weight:normal;color:#2a4666;text-decoration:none;} 
.master .ms-siteactionsmenu{white-space:nowrap;font:8pt tahoma;padding:0;border:none;cursor:pointer;} 
.master .ms-siteactionsmenu div div div{background-image:none;border: none;background-color: transparent;padding:1px 3px 1px 3px; margin-top: 2px;}
.master .ms-siteactionsmenu div div div a{color:#2a4666;font-weight:normal;} 
.master .ms-siteactionsmenu div div div.ms-siteactionsmenuhover{background-image:none;border: none; background-color:#D8D8E3;} 
.bottom {}
.prrip-separator { color: #83b0ec; font-size: 10pt; display: inline;  }
.imagePreview {  }
.master span.thumbnail { float: left; width: auto; height: 200px; padding: 16px 10px; }
.master span.thumbnail td { }
td.ms-viewselector, td.ms-viewselectorhover { width: auto; }

/**** TOP NAVIGATION ****/
.topNav1 { bottom:0px; left: 0px; bottom: 0px; background-color: #FFFFFF; position: relative\9; z-index: 10\9;  }
.topNav1Item {	font-family: tahoma;  	font-weight: bold; 	font-size: 8pt; 	color: #FFFFFF;		background-image: url('/_layouts/PRRIP_Images/PRRIP_Nav_Middle.jpg');	background-repeat:repeat-x;	background-position:bottom center;	border-bottom:0px;	}
.topNav1Item a {	padding-left:8px;	padding-right:10px;	padding-bottom:6px;	padding-top:12px;	margin-top:-6px;	display:block; color: #FFFFFF;}
table.topNav1Item {padding:0px 5px;	background-image: url('/_layouts/PRRIP_Images/PRRIP_Nav_Right.jpg');	background-repeat:no-repeat;	background-position:bottom right;}
.topNav1 table td {  background-image:url('/_layouts/PRRIP_Images/PRRIP_Nav_Left.jpg');	background-repeat:no-repeat;	background-position:left bottom;}
table.topNav1Selected {	background-image:url('/_layouts/PRRIP_Images/PRRIP_Selected_Nav_Right.jpg');	background-repeat:no-repeat;	background-position:bottom right;	border-bottom-color:#576893;}
table.topNav1Selected td { background-image:url('/_layouts/PRRIP_Images/PRRIP_Selected_Nav_Left.jpg');	background-repeat:no-repeat;	background-position:bottom left;}
.topNav1Selected a {	background-image: url('/_layouts/PRRIP_Images/PRRIP_Selected_Nav_Middle.jpg');	background-repeat:repeat-x;	background-position:bottom right;	color: #ECEFF3;}
.topNav1Hover a {	color:#FFFFFF;}
.topNav2 { clear:both; width:100%;	background-image: url('/_layouts/PRRIP_Images/PRRIP_Selected_Nav_Middle.jpg');	background-repeat:repeat-x;	background-position:top right;	height:21px;}
.topNav2Item {	font-family: tahoma;  	font-size: 8pt; }
.topNav2Item a {display: block;	padding: 3px 12px 5px 12px;	color: #FFFFFF;}
/*table.topNav2Item {	background-image: url('/_layouts/PRRIP_Images/bl_SecondaryNav_Divider.jpg');	background-repeat:no-repeat;	background-position:top right;}*/
table.topNav2Item {	background-image: none;}
.topNav2Selected a {display: block;	padding: 2px 12px 4px 12px;	color: #FFFFFF;	background-image: none;	background-color: #1873A0;}
.topNav2Hover a {display: block;	padding: 2px 12px 4px 12px;	color:#3F4E79;	background-image: none;	background-color:#D8D8E3; }
.ms-topNavFlyOutsContainer { display:block;	border: solid 1px #c2dcff;	background-image: none; position: relative; z-index: 500; }
.ms-topNavFlyOuts {	font-family: Tahoma;font-size: 8pt;	background-image: none;}
.ms-topNavFlyOutsHover { color: #000000;	background-image: none;}
.topNavFlyOutsItem { background-image: none;	color: #FFFFFF;	background-color: #696A6B;font-family: tahoma;font-weight: normal;font-size: 8pt; 	padding-right: 3px;	padding-top:2px;padding-bottom:2px;}
.topNavFlyOutsItem a { background-image: none;	color: #FFFFFF;	background-color: #696A6B;font-family: tahoma;font-weight: normal;font-size: 8pt; 	padding-right: 3px;	padding-top:2px;padding-bottom:2px;}
.topNavFlyOutsSelected a { color: #FFFFFF;	background-image: none;	background-color: #599BC0;}
.topNavFlyOutsHover { background-color:#599BC0; cursor: pointer; }
.topNavFlyOutsHover a {	color: #3F4E79;	background-image: none;	background-color: #599BC0;}
.topNavFlyOutsHover a:hover { text-decoration: none; }
.master .ms-vh2 { position: relative\9; z-index: 1\9 !important; }

/**** SEARCH AREA ****/
/* to force search fields onto two lines
.searchContainer { position: relative; height: 65px; }
.search { margin: 0px; padding: 10px 10px 10px 0px; position: absolute; top: 10px; right: 20px; height: 50px; }
#SRSB { position: relative; }
.searchDropDownText { left: 0px; padding-right: 10px;}
.searchDropDownList { border: 1px solid #1873a0 !important; width: 170px !important; }
.searchTermText { position: absolute; left: 4px; top: 27px;}
.searchTermTextbox { position: absolute; left: 43px; top: 25px; width: 163px !important; border: 1px solid #1873a0 !important; padding-left: 5px;}
.searchButton { position: absolute; left: 220px; top: 27px;  }*/
.searchContainer { }
.search .ms-sbcell .ms-sbplain { margin-right:2px; margin-left:2px; border:1px #555555 solid; height:14px; }
.search .ms-sbcell { border:none; font-weight:normal; font-size:8pt; color: #3A4663; padding:0px; }
.search .ms-sbgo { background:none; }
.search { margin: 0px; padding: 10px 10px 10px 0px; }
.search .ms-sblink { padding-right: 5px;}
#SRSB { }
.searchDropDownText { padding-right: 5px;}
.searchDropDownList { }
.searchTermText { padding-left: 10px; padding-right: 3px; }
.searchTermTextbox { border: 1px solid #1873a0 !important; padding-left: 5px;}
.searchButton { padding-left: 5px; }

/****LEFT NAVIGATION ****/
.leftNavContainer {display: none;}
.leftNav {margin-right: 15px;	margin-left: 7px;	margin-top: 4px;padding-top: 0px;	border: 1px #8997BC solid;	background-color: #C0C0C0;	width: auto;}
.leftNavSpacer {width: auto;}
.leftNavFlyOuts {font-family: Tahoma;font-size: 8pt;	border-top: 1px #CBD1E0 solid;	border-left: 1px #CBD1E0 solid;		border-right: 1px #CBD1E0 solid;}
.leftNavSelected {background-color: #599BC0;	color: #FFFFFF;	line-height: 14pt;}
.leftNavHover {	background-color: #1F6D94;color: #FFFFFF;}

/**** CONTENT AREA ****/
.mainContainer { margin-left: 0px; margin-right: 0px; padding: 0px; width: 100%; }
.pageTitle span { margin:0px; padding:0px; }
.pageTitle { padding: 0px 10px 5px 10px; font-size: 16px; margin:0px; font-family: tahoma;  font-weight: bold; }
.mainContent { padding: 0px 10px 30px 10px; text-align: left; }
.mainContent div.ms-pagebreadcrumb, .mainContent td.ms-pagebreadcrumb { display:none; }

/**** FOOTER ****/
.footer { padding: 10px; font-size: 12px; }
.footer a { color: #1873a0; text-decoration: none; }
.footer .moreInformation { font-size: 10px; padding-top: 10px; }

/**** PAGE LAYOUTS ****/
.breadcrumb { border-bottom: none; padding: 10px 5px 10px 12px; font-size: 10px; font-family: Tahoma; margin-bottom: 4px; color: #656b77; clear: both; }
.breadcrumb a, .breadcrumb:active, .breadcrumb a:active { text-decoration: underline; padding-left:0px; padding-right: 0px; color: #656b77; }
.breadcrumb a:hover { text-decoration:underline; }
.breadcrumbCurrent { color: #1873a0; font-weight: normal; }
#OuterLeftCell { width: 715px; padding-left: 0px !important; }
#OuterRow { padding-top: 10px; }
#TopRow { padding: 0px 0px 10px 0px;}
#MiddleRow { padding: 0px 0px 10px 0px; }
#BottomLeftCell { }
#BottomRightCell { }
#BottomRow { }
#OuterRightCell { padding-left: 10px; padding-right: 0px !important; }
.ms-pagebreadcrumbL2 { display: none; }
#OuterLeftCellL2 { width: 705px; }
#OuterRowL2 { padding: 10px 0px 0px 0px; }
#TopRowL2 { padding: 0px;}
#TopRowL2 .ms-PartSpacingVertical { margin-top: 0px; }
#MiddleRowL2 { padding: 0px 0px 10px 0px; }
#BottomLeftCellL2 { }
#BottomRightCellL2 { }
#BottomRowL2 { }
#OuterRightCellL2 { padding-left: 10px; }

/**** PRRIP LINKS LISTS ****/
.prrip-linkItem { padding-bottom: 10px; }
.prrip-linkItem .prrip-linkTitle { font-weight: bold; }
.prrip-linkItem .prrip-linkDescription {}
.prrip-linkItemV2 { padding-bottom: 10px; }
.prrip-linkItemV2 .prrip-linkTitle { }
.prrip-linkItemV2 .prrip-linkTitle a { background-image: url('/PublishingImages/MoreArrows.png'); background-repeat: no-repeat; background-position: right 4px; padding-right: 14px; }
.prrip-linkItemV2 .prrip-linkDescription { }

/**** PRRIP EVENTS LIST ****/
.prrip-eventItem { padding-left: 10px; }
.prrip-eventItem .prrip-eventDate { color: #484848; }
.prrip-eventItem .prrip-eventTitle {}

/**** WEB PARTS ****/
.ms-WPHeader TD { border-bottom: none; }
.ms-WPHeader h3 { text-decoration: none; }
.ms-WPTitle { padding: 0px; color: #1873a0;}
.ms-WPTitle nobr { white-space: normal;}
.ms-WPTitle a, .ms-WPTitle a:link, .ms-WPTitle a:active, .ms-WPTitle a:visited { color: #1873a0;}
.ms-WPBody a, .ms-WPBody a:link, .ms-WPBody a:active, .ms-WPBody a:visited { color: #1873a0; }
.ms-WPBody a:hover { color: #1873a0; }
.ms-WPBody h1 { font-size: 16px; }
.ms-WPBody h2 { font-size: 14px; }
.webPartSeparator { height: 10px; border-bottom: 1px dashed #1873a0; }

/**** HOME PAGE ****/
.blueBox { color: #FFFFFF; width: 350px; }
.blueBoxTop {background-image: url('/_layouts/PRRIP_Images/Blue_box_top.jpg'); height: 28px}
.blueBoxTopLeft {background-image: url('/_layouts/PRRIP_Images/Blue_box_top_L.jpg'); width: 20px; }
.blueBoxTopMiddle {background-image: url('/_layouts/PRRIP_Images/Blue_box_top_M.jpg'); height: 28px; }
.blueBoxTopRight {background-image: url('/_layouts/PRRIP_Images/Blue_box_top_R.jpg'); width: 20px;}
.blueBoxTitle { color: #FFFFFF;	margin: 0px; padding: 10px 0px 0px 0px; border-bottom: 1px solid #FFFFFF; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
.blueBoxMiddleLeft {background-image: url(/_layouts/PRRIP_Images/Blue_box_middle_L.jpg); width: 20px; }
.blueBoxMiddleMiddle {background-color: #1873a0; padding-top: 10px; height: 200px; vertical-align: top; }
.blueBoxMiddleRight {background-image: url('/_layouts/PRRIP_Images/Blue_box_middle_R.jpg'); width: 20px; }
.blueBoxBottom { background-image: url('/_layouts/PRRIP_Images/Blue_box_bottom.jpg'); }
.blueBoxBottomLeft { background-image: url(/_layouts/PRRIP_Images/Blue_box_bottom_L.jpg); background-position: left bottom; width: 20px;}
.blueBoxBottomMiddle { background-image: url(/_layouts/PRRIP_Images/Blue_box_bottom_M.jpg); background-position: left bottom; height: 28px; }
.blueBoxBottomRight { background-image: url(/_layouts/PRRIP_Images/Blue_box_bottom_R.jpg); background-position: right bottom; width: 20px; }
.blueBoxListStyle { color: #FFFFFF; font-size: 8pt; margin: 10px 0px 0px 20px; padding: 0px; }
.blueBoxListStyleLarge { color: #FFFFFF; font-size: 12px; margin: 10px 0px 0px 20px; padding: 0px; }
.blueBoxListStyle li { padding-bottom: 5px; }
.blueBoxListStyleLarge li { line-height: 2.0em; }
.blueBoxBulletTitle { text-transform: uppercase; font-size: 12px; }
.blueBoxHeading { color: #FFFFFF; width: 100%; }
.blueBoxHeading .blueBoxTop { height: 10px; }
.blueBoxHeading .blueBoxTopLeft { width: 15px; }
.blueBoxHeading .blueBoxTopMiddle { height: 10px; }
.blueBoxHeading .blueBoxTitle { padding: 7px 0px 0px 0px; }
.blueBoxHeading .blueBoxMiddleLeft { width: 15px; }
.blueBoxHeading .blueBoxMiddleMiddle { padding-top: 0px; height: 0px; }
.blueBoxHeading .blueBoxBottomLeft { width: 15px; }
.blueBoxHeading .blueBoxBottomMiddle { height: 15px; }
.blueBox a, .blueBox a:link, .blueBox a:visited, .blueBox a:active { color: #FFFFFF; }
.login { display:inline; }
.login a:hover { text-decoration:underline; }
.loginBox { background-color: #ededed; color: #1873a0; font-weight: bold; font-size: 14px; width: 50%; }
.recoveryBox { background-color: #ededed; color: #000000; font-weight: bold; font-size: 12px; }
.loginBox td { text-align: left !important; font-size: 14px; padding: 0px 5px; }
.recoveryBox td { text-align: left !important; font-size: 12px; padding: 0px 5px; }
.loginUsernameLabel { font-size: 10px; color: #000000; font-weight: normal;  }
.loginPasswordLabel { font-size: 10px; color: #000000; font-weight: normal; }
.loginRememberMeLabel { font-size: 10px; color: #000000; font-weight: normal; }
.loginUsernameTextbox { width: 130px; }
.loginPasswordTextbox { width: 130px; }
.loginRememberMeCheckbox { }
.loginImageButton { float: right; width: 70px; height: 29px; padding-bottom: 5px;}
.loginButton { float: right; }
.resetPasswordLink { font-size: 10px; font-weight: normal; float: right; padding-bottom: 5px; text-decoration: underline; }
a.resetPasswordLinkNoFloat { font-size: 10px; font-weight: normal; padding-bottom: 5px; color: #1873a0; margin-left: 5px; }
a.resetPasswordLinkNoFloat:hover { text-decoration: underline; color: #1873a0; }
.loginBoxInstructions, .resetPasswordInstructions { font-size: 10px !important; color: #000000; font-weight: normal; padding-bottom: 10px !important; }
.resetButton { float: right; margin: 10px 22px 10px 0px; width: 139px; font-size: 11px; }
.recoverButton { float: right; margin: 10px 20px 10px 0px; width: 135px; font-size: 11px; }
.extraLoginBox { display: none; }

/**** LEVEL 2 LANDING PAGES ****/
.siteContents { width: 715px; background-color: #ededed; }
.siteContents td { vertical-align: top; }
.siteContents .thumb { }
.siteContents .details { }
.siteContents .details .title { font-weight: bold; color: #1873a0; font-size: 13px; }

/**** CONTACT US PAGE ****/
.programStaff { background-color: #ededed; margin: 0px 8px; }
.programStaff td { vertical-align: top; width: 33%; padding: 10px; }
.programStaff .officeInfo { font-size: 12px; padding-bottom: 10px; }
.programStaff .officeInfo .name { font-weight: bold; }
.programStaff .contactInfo { font-size: 11px; padding-bottom: 10px; }
.programStaff .contactInfo .name { color: #1873a0; }
.programStaff p { padding-bottom: 20px; }
.programStaff .separator { height: 20px; border: none; border-bottom: 1px dashed #1873a0; margin-bottom: 30px; }

/**** PROGRAM INFORMATION PAGE ****/
.workPlan { padding-left: 20px; }

/**** WATER PLAN PAGE ****/
.waterProjects { background-color: #ededed; margin: 0px 8px; }
.waterProjects td { vertical-align: top; width: 50%; padding: 10px; }
.waterProjects .project { font-size: 11px; }
.waterProjects .project .name { color: #1873a0; }
.waterProjects .separator {	height: 10px; border: none; border-bottom: 1px dashed #1873a0; margin-bottom: 10px;  }

/**** LAND PLAN PAGE ****/
.landProjects { background-color: #ededed; margin: 0px 8px; }
.landProjects td { vertical-align: top; width: 50%; padding: 10px; }
.landProjects .project { font-size: 11px; }
.landProjects .project .name { color: #1873a0; }
.landProjects .separator {	height: 10px; border: none; border-bottom: 1px dashed #1873a0; margin-bottom: 10px;  }

/**** ADAPTIVE MANAGEMENT PAGE ****/
.researchProtocols { background-color: #ededed; margin: 0px 8px; }
.researchProtocols td { vertical-align: top; width: 50%; padding: 10px; }
.researchProtocols .protocol { font-size: 11px; }
.researchProtocols .protocol .name { color: #1873a0; }
.researchProtocols .separator {	height: 10px; border: none; border-bottom: 1px dashed #1873a0; margin-bottom: 10px;  }
.emphasize { color: #76923C; }

/**** CURRENT HYDROLOGIC CONDITION PAGE ****/
.currentHydrologicCondition { background-color: #ededed; margin: 0px 8px; width: 940px; }
.currentHydrologicCondition td { vertical-align: middle; padding: 10px 40px 10px 10px; }
.currentHydrologicCondition td.left { width: 45%; }
.currentHydrologicCondition td.right { width: 250px; }
.currentHydrologicCondition p { }
.currentHydrologicCondition .separator { height: 20px; border: none; border-bottom: 1px dashed #1873a0; margin-bottom: 30px; }

/**** MAP VIEWER ****/
.prrip-legend-item { cursor: pointer; }
#custom-RiverFlowDataToolLink { font-size: 11px; float: right; text-align: right; background-image: url('Images/chart-sm.png'); background-repeat: no-repeat; background-position: right top; height: 45px; padding-right: 55px; padding-top: 5px; margin-right: 5px; }
#custom-RiverFlowDataToolLink a { font-size: 12px; font-weight: bold; }

/**** DATA VIEWS ****/
.dataView .ms-vh { padding: 5px 0px; font-weight: bold; font-size: 12px; }
.dataView .ms-vb {}
.dataView .ms-alternating {}
.dataView .ms-paging {}
.dataView .editColumn { white-space: nowrap; }
.dataView .editColumn a { margin-right: 10px; }
.dataView .insertColumn { padding-top: 20px; display: none; }
.addNewLink { font-size: 11px; padding: 0px 0px 20px 0px; }

/**** SEARCH RESULTS ****/
.srch-Icon { float: left; }
.srch-Title { text-transform: uppercase; margin-left: 13px;  }
.srch-Description {  margin-left: 30px; }
.srch-Metadata {  margin-left: 30px !important; }
.srch-Page-bg, .srch-stats { background-color: #FFFFFF !important; }


