/* Reset Styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/* vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
.mainRightCol590 h5 {
	quotes: "" "";
}

/* Main Styles */

/* 
Title:		Master styles for screen media
*/

body {
	float: left;
	position: relative;
	min-width: 1225px;
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	font-size: 100%;
	background: #dfdede;
	}
	
/* links */

a:link, a:visited {
	
		color: #838383;
	
	}

/* page structure 
--------------------------------------------- */

#container {
	padding-left: 15px;
	padding-bottom: 0;
	padding-right: 30px;
	padding-top: 0;
	background-color: white;
	float: left;
	position: relative;
	width: 980px;
	font-size: 0.75em;
	}
	
          
                                                

#containerFront {
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-bottom: 0;
	padding-right: 30px;
	padding-top: 0;
	background-color: white;
	position: relative;
	width: 980px;
	font-size: 0.75em;
	}
	
/* header 
--------------------------------------------- */

#headerArea {
	
		height: 147px;
	
		float: left;
	
		position: relative;
	
		width: 100%;
	
	}
.headerRight {
	
		text-align: right;
	
		position: relative;
	
		width: 400px;
	
		float: right;
	
	}

          

.headerLeft {
	
		position: relative;
	
		width: 400px;
	
		float: left;
	
	}

/* logo */

.logo {
		margin-left: 20px;
		padding-top: 30px;
	}
.logo h1 {
	}
.logo h1 img {
	display: block;
	height: 0;
	}
.logo p {
	}
	
/* navigation - note drop down menu specific styles further down */
	
#navigation {
	position: relative;
	width: 980px;
	margin: 0 auto;
	}
	

/* Content Sections 
--------------------------------------------- */	
.leftSide {
	background-color: #dfdede;
	float: left;
	width: 200px;
	}
.rightSide {
	position: relative;
	float: right;
	width: 960px;
	}
#footer {
	clear: both;
	margin: 0 auto;
	padding: 0;
	font-size: 1em;
	color: #999999;
	}



/* main styles 
--------------------------------------------- */

/* use the best possible ampersand */

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.0em;
	color: #999999;
	}
	


/* footer 
--------------------------------------------- */

#footer {
	
	}

/* misc. 
--------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* Date picker styles. 
--------------------------------------------- */
table.jCalendar {
	border: 1px solid #838383;
	background: #dedede;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #999999;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #df0026;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
a.dp-choose-date {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/datePicker.png");
    background-position: 0 -3px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 17px;
    margin-bottom: 0;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-indent: -2000px;
    width: 21px;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}



div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* TABS 
--------------------------------------------- */
/* root element for tabs  */
.tabs { 
	width: 700px; 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height: 21px;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	
	line-height: 23px; 
	
	margin-left: 0px; 
	
	margin-right: 0px; 
	
	border-right-color: #b1b1b1; 
	
	border-right-style: solid; 
	
	border-right-width: 1px; 
	
	padding-left: 10px; 
	
	padding-bottom: 0px; 
	
	padding-right: 10px; 
	
	padding-top: 0px; 
	
	background-color: white; 
	
	font-size:11px;
	display:block;
	height: 21px;
	text-align:center;	
	text-decoration:none;
	color: #bfbfbf;	
	position: relative;
}

.tabs a:active {
	background-color: white;
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
		
	color: #787575;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
			
	background-repeat: repeat-x;
			
	background-image: url(../images/navbar_bg.png);
			
	cursor:default !important; 
	color: #2b2b2b !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ }
.tabs .w1:hover 	{  }
.tabs .w1.current {  }

/* width 2 */
.tabs .w2 			{  }
.tabs .w2:hover 	{  }
.tabs .w2.current {  }


/* width 3 */
.tabs .w3 			{ }
.tabs .w3:hover 	{  }
.tabs .w3.current { }

/* width 4 */
.tabs .w4 			{  }
.tabs .w4:hover 	{ }
.tabs .w4.current {  }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
.pageHelp {
	margin-top: 1px;
	border-left-color: #b1b1b1;
	border-left-style: solid;
	border-left-width: 1px;
	text-align: right;
	line-height: 20px;
	height: 21px;
	float: right;
	display: block;
	right: 0px;
	top: -22px;
	position: relative;
}
.pageHelp a {
	font-size: 11px;
	padding-right: 10px;
	display: block;
	height: 21px;
	padding-left: 10px;
	text-decoration: none;
	color: #df0026;
}

.pageHelp a span {
	margin-top: -1px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.navWrapper {
	margin: 0px;
	height: 21px;
	padding: 0px;
	border-color: #bfbfbf;
	border-style: solid;
	border-width: 1px;
}
.tabs li a span {
	margin-top: -1px;
	float: left;
	position: relative;
	margin-right: 3px;
	font-weight: bold;
	color: #999999;
}
.tabs li a.current span {
	margin-top: -1px;
	position: relative;
	float: left;
	font-weight: bold;
	color: #df0026;
}
.tabs li a em {
	margin-top: -1px;
	float: left;
	position: relative;
	margin-right: 3px;
	font-weight: bold;
}
.help {
	margin: 0px;
	background-repeat: repeat;
	clear: left;
	padding: 10px;
	background-color: #f9dbcb;
	width: 940px;
	display: none;
	-moz-column-count: 3;
	-moz-column-gap: 1.5em;
	-webkit-column-count: 3;
	-webkit-column-gap: 1.5em;
}
.helpProject, .helpRainfall, .helpDrainage, .helpEvaluate, .helpAttenuation, .helpLogin, .helpRegistration {
	margin: 0px;
	background-repeat: repeat;
	clear: left;
	padding: 10px;
	background-color: #f9dbcb;
	width: 940px;
	display: none;
	-moz-column-count: 3;
	-moz-column-gap: 1.5em;
	-webkit-column-count: 3;
	-webkit-column-gap: 1.5em;
}
.help p {
	line-height: 16px;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}
.headerRight ul {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	line-height: 20px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 77px;
}
.headerRight ul li {
	display: inline;
}
.headerRight ul li a {
	border-right-color: #bfbfbf;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 10px;
	margin-right: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #999999;
}
.headerRight ul li a:hover {
	border-right-color: #bfbfbf;
	border-right-style: solid;
	text-transform: uppercase;
	color: #767676;
}
.headerRight ul li .last-child {
	border-width: 0px;
	border-style: none;
	padding: 0px;
	margin: 0px;
}
.mainLeftCol {
	margin-top: 45px;
	float: left;
	position: relative;
	width: 471px;
}
.mainLeftCol330 {
	margin-top: 45px;
	float: left;
	position: relative;
	width: 330px;
}
.mainLeftColReg {
	margin-top: 0px;
	float: left;
	position: relative;
	width: 471px;
}
.mainLeftCol2 {
	margin-top: 15px;
	float: left;
	position: relative;
	width: 471px;
}
.mainLeftCol3 {
	margin-top: 20px;
	float: left;
	position: relative;
	width: 421px;
}
.mainRightCol {
	position: relative;
	padding: 0px;
	margin-top: 25px;
	margin-left: 18px;
	float: left;
	width: 471px;
}
.mainRightCol250 {
	position: relative;
	padding: 0px;
	margin-top: 25px;
	margin-left: 18px;
	float: right;
	width: 250px;
}
.mainRightCol590 {
	background-repeat: no-repeat;
	background-position: right 20px;
	background-image: url(../images/softwareBg.png);
	background-color: #f2f2f2;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 200px;
	padding-top: 10px;
	position: relative;
	margin-top: 25px;
	margin-left: 37px;
	float: left;
	width: 390px;
}
.mainRightCol2 {
	position: relative;
	padding: 0px;
	margin-top: -5px;
	margin-left: 18px;
	float: left;
	width: 471px;
}
.mainRightCol3 {
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-left: 18px;
	float: left;
	width: 521px;
}
.grey {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #f2f2f2;
}
.grey2 {
	padding: 9px;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	background-color: #f2f2f2;
}
.grey2:hover {
	padding: 9px;
	border-color: #df0026;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	background-color: #f2f2f2;
}
.grey2Red {
	padding: 9px;
	border-color: #df0026;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	background-color: #f2f2f2;
}
.white3 {
	margin-top: 20px;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	padding: 9px;
	margin-bottom: 10px;
	background-color: white;
}
.white3:hover {
	margin-top: 20px;
	padding: 9px;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
}
.leftWhite {
	border-color: white;
	border-style: solid;
	border-width: 1px;
	padding: 9px;
	margin-bottom: 10px;
	background-color: white;
}
.leftWhite3 {
	border-color: white;
	border-style: solid;
	border-width: 1px;
	padding: 9px;
	margin-bottom: 10px;
	background-color: white;
}
.leftWhite2 {
	border-color: #df0026;
	border-style: solid;
	border-width: 1px;
	padding: 9px;
	margin-bottom: 10px;
	background-color: white;
}
.leftWhite:hover {
	padding: 9px;
	border-color: #df0026;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
}
.greyChartMessage {
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 15px;
	padding-top: 15px;
	min-height: 260px;
	float: left;
	position: relative;
	width: 257px;
	background-color: #f2f2f2;
}
.white {
	padding-top: 10px;
	margin-top: 20px;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 40px;
	padding-right: 10px;
	background-color: white;
}
.white:hover {
	margin-top: 20px;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 40px;
	padding-right: 10px;
	padding-top: 10px;
	background-color: white;
}
.white2 {
	padding-top: 10px;
	margin-top: 20px;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 40px;
	padding-right: 10px;
	background-color: white;
}
.white2:hover {
	margin-top: 20px;
	border-color: #df0026;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 40px;
	padding-right: 10px;
	padding-top: 10px;
	background-color: white;
}
.whiteReg {
	padding-top: 10px;
	margin-top: 20px;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	background-color: white;
}
.whiteReg:hover {
	margin-top: 20px;
	border-color: #df0026;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-color: white;
}
.fullh5 {
	margin-right: 10px;
	margin-top: 30px;
	clear: left;
	padding-bottom: 3px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainLeftCol h5, mainLeftCol h5 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainLeftColReg h5 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainLeftCol h6 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 2px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainLeftColReg h6 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 2px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainRightCol h6, .mainRightCol590 h6 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 2px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainLeftCol h6 em {
	font-style: normal;
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 2px;
	line-height: 22px;
	font-weight: normal;
	color: #787575;
	text-transform: none;
}
.mainLeftColReg h6 em {
	font-style: normal;
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 2px;
	line-height: 22px;
	font-weight: normal;
	color: #787575;
	text-transform: none;
}
.mainRightCol h6 em {
	font-style: normal;
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 2px;
	line-height: 22px;
	font-weight: normal;
	color: #787575;
	text-transform: none;
}
.mainLeftCol2 h5 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainLeftCol3 h5 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.greyChartMessage h5 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.projectsPanel h5 {
	width: 170px;
	font-size: 11px;
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.cpExtrasPanel h5 {
	width: 170px;
	font-size: 11px;
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainRightCol h5 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainRightCol590 h5 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #df0026;
	text-transform: uppercase;
}
.mainRightCol2 h5 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
.mainRightCol3 h5 {
	clear: left;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom-color: #787575;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 22px;
	font-weight: bold;
	color: #787575;
	text-transform: uppercase;
}
h5 span {
	margin-bottom: 4px;
	padding-bottom: 3px;
	line-height: 22px;
	text-transform: uppercase;
	color: #df0026;
	font-weight: bold;
}

em.Q a {
	margin-top: 4px;
	display: block;
	float: right;
	background-position: 0 50%;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-image: url(../images/Q.png);
	text-indent: -9999px;

	}


                     
.fullh5 em.Q a {
	margin-top: 4px;
	display: block;
	float: right;
	background-position: 0 50%;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-image: url(../images/Q.png);
	text-indent: -9999px;

	}


/* tooltip styling */
.tooltip {
	float: left;
	width: 300px;
	position: relative;
	clear: left;
	z-index: 999;
	border-color: #df0026;
	border-style: solid;
	border-width: 2px;
	background-color: white;
	line-height: 14px;
	margin: 0px;
	display:none;
	padding: 20px;
	font-size:11px;
	color: #787575;
	border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 8px #666;
	-moz-box-shadow: 2px 2px 8px #666;
	-webkit-box-shadow: 2px 2px 8px #666;
}
.panes input.clear-inputFull {
background-color: white;
margin-bottom: 12px;
color: #bfbfbf;
float: left;
position: relative;
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 420px;
}

.panes input.clear-input {
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: white 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 348px;
}

.panes input.clear-input7 {
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: white 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 255px;
}

.panes input.clear-input4 {
color: #bfbfbf;
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: white 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 170px;
}

.panes input.clear-input5 {
color: #bfbfbf;
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: white 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 140px;
}

.panes input.clear-input6 {
position: relative;
float: left;
color: #bfbfbf;
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: white 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 340px;
}

.panes input.clear-input2 {
margin-right: 12px;
float: left;
position: relative;
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: white 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 50px;
}

.panes input.clear-input3 {
margin-right: 22px;
float: left;
position: relative;
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: white 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 40px;
}

input.clear-inputFull {
background-color: #ffffff!important;
margin-bottom: 12px;
color: #bfbfbf;
float: left;
position: relative;
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 420px;
}

input.clear-input4 {
color: #bfbfbf;
border-color: #dedede;
border-width: 1px;
border-style: solid;
height: 18px;
padding-left: 20px;
padding-right: 5px;
background: white 7px 50%;
	background-repeat: no-repeat;
	background-image: url(../images/plus.png);
	width: 170px;
}

input.addOLD {
	font-weight: bold;
	margin-left: 10px;
	height: 20px;
	color: #999999;
	width: 69px;
	padding-left: 25px;
	border-color: #888888;
	border-width: 1px;
	border-style: solid;
	background-position: left 50%;
	background-repeat: no-repeat;
	background-image: url(../images/addBg.png);
}

input.Continue {
	clear: both;
	float: right;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #999999;
	width: 125px;
	padding-left: 15px;
	background-position: left 50%;
	background-repeat: no-repeat;
	background-image: url(../images/btnContinue.png);
	cursor: default;
}

a.Continue {
	font-size: 11px;
	line-height: 26px;
	text-decoration: none;
	float: right;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #999999;
	width: 95px;
	padding-left: 30px;
	background-position: -125px -26px;
	background-repeat: no-repeat;
	background-image: url(../images/Continue.png);
	cursor: pointer;
}

.continueRightArrow {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	line-height: 26px;
	text-decoration: none;
	float: left;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #999999;
	width: 23px;
	background-position: -227px -26px;
	background-repeat: no-repeat;
	background-image: url(../images/Continue2.png);
	cursor: pointer;
}

.continueRightMain {
	font-size: 11px;
	line-height: 28px;
	text-decoration: none;
	float: left;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #999999;
	padding-left: 30px;
	background-position: -2px -55px;
	background-repeat: no-repeat;
	background-image: url(../images/Continue2.png);
	cursor: pointer;
}

.continueHold {
	font-size: 11px;
	line-height: 26px;
	text-decoration: none;
	float: left;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	background-position: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

.continueRightMain:hover {
	font-size: 11px;
	line-height: 28px;
	text-decoration: none;
	float: left;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #787575;
	padding-left: 30px;
	background-position: -2px -82px;
	background-repeat: no-repeat;
	background-image: url(../images/Continue2.png);
	cursor: pointer;
}

a.Continue:hover {
	text-decoration: none;
	float: right;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #787575;
	width: 95px;
	background-position: -125px 0px;
	background-repeat: no-repeat;
	background-image: url(../images/Continue.png);
	cursor: pointer;
}

a.yesArrow {
	text-align: left;
	font-size: 11px;
	line-height: 26px;
	text-decoration: none;
	float: right;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #999999;
	width: 95px;
	padding-left: 30px;
	background-position: -125px -26px;
	background-repeat: no-repeat;
	background-image: url(../images/Continue.png);
	cursor: pointer;
}

a.yesArrow:hover {
	text-align: left;
	text-decoration: none;
	float: right;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #787575;
	width: 95px;
	background-position: -125px 0px;
	background-repeat: no-repeat;
	background-image: url(../images/Continue.png);
	cursor: pointer;
}

a.noArrow {
	padding-right: 30px;
	text-align: right;
	margin-right: 20px;
	font-size: 11px;
	line-height: 26px;
	text-decoration: none;
	float: right;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #999999;
	width: 95px;
	background-position: 0px -26px;
	background-repeat: no-repeat;
	background-image: url(../images/Continue.png);
	cursor: pointer;
}

a.noArrow:hover {
	padding-right: 30px;
	text-align: right;
	text-decoration: none;
	float: right;
	position: relative;
	text-transform: uppercase;
	border-style: none;
	height: 26px;
	color: #787575;
	width: 95px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../images/Continue.png);
	cursor: pointer;
}

input.add {
	margin-left: 8px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -20px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

input.add2 {
	float: right;
	margin-left: 8px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -20px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

input.delete {
	line-height: 9px;
	margin-top: 10px;
	font-size: 9px;
	margin-left: 0px;
	padding-right: 10px;
	height: 15px;
	color: #787575;
	padding-left: 20px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -15px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand3.png);
}

input.add2:hover {
	margin-left: 8px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

input.add:hover {
	margin-left: 8px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
	cursor: pointer;
}

input.delete:hover {
	padding-right: 10px;
	height: 15px;
	color: #787575;
	padding-left: 20px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand3.png);
}

input.addRight {
	padding-top: 0px;
	margin-top: 0px;
	top: auto;
	right: 0px;
	position: absolute;
	margin-left: 8px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -20px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

input.chartButton {
	min-width: 135px;
	float: right;
	padding-top: 0px;
	margin-top: 0px;
	top: 4px;
	right: 4px;
	position: absolute;
	margin-left: 8px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -20px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

input.addRight:hover {
	margin-left: 8px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
	cursor: pointer;
}

input.chartButton:hover {
	margin-left: 8px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
	cursor: pointer;
}

input.addExpand {
	float: left;
	position: relative;
	margin-top: 10px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -20px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

a.addExpandNoMargin {
	line-height: 20px;
	float: left;
	position: relative;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -20px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

a.addExpandNoMargin:hover {
	line-height: 20px;
	padding-right: 10px;
	height: 20px;
	color: #656262;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
	cursor: pointer;
}

input.addExpandNoMargin {
	float: left;
	position: relative;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -20px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

input.addExpandNoMargin:hover {
	padding-right: 10px;
	height: 20px;
	color: #383737;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
	cursor: pointer;
}

input.addExpand:hover {
	margin-top: 10px;
	padding-right: 10px;
	height: 20px;
	color: #383737;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
	cursor: pointer;
}

input.addExpandRight {
	float: right;
	top: 0px;
	right: 0px;
	position: absolute;
	margin-top: 10px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -20px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

input.addExpandRight:hover {
	margin-top: 10px;
	padding-right: 10px;
	height: 20px;
	color: #383737;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
	cursor: pointer;
}

input.addExpandRightNoMargin:hover {
	padding-right: 10px;
	height: 20px;
	color: #383737;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
	cursor: pointer;
}

.halfColL {
	float: left;
	position: relative;
	width: 45%;
}

.halfColR {
	margin-left: 25px;
	float: right;
	position: relative;
	width: 45%;
}

.folder {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 25px;
}

.folder select {
	height: 20px;
	position: relative;
	float: left;
}

.folder p {
	line-height: 22px;
	float: left;
	position: relative;
}

.folder p.flowText {
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 15px;
	line-height: 20px;
	float: left;
	position: relative;
}

.folder p.flowText2 {
	width: 275px;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 15px;
	line-height: 20px;
	float: left;
	position: relative;
}

.folder p.rainText {
	font-size: 12px;
	margin-right: 15px;
	line-height: 20px;
	float: left;
	position: relative;
}

.folder p.evalText {
	font-size: 14px;
	margin-right: 15px;
	line-height: 20px;
	float: left;
	position: relative;
}

.folder p.flowTextMarginLeft {
	font-size: 10px;
	margin-left: 20px;
	text-transform: uppercase;
	margin-right: 15px;
	line-height: 20px;
	float: left;
	position: relative;
}

.date-pick {
	color: #383737;
	border-color: #dedede;
	border-width: 1px;
	height: 18px;
	line-height: 22px;
	border-style: solid;
	float: left;
}

.fullLengthTextArea {
	margin: 0px;
	padding: 0px;
	border-color: #dedede;
	border-style: solid;
	border-width: 1px;
	width: 430px;
}

.hide {
	display: none;
}

.tabFooter {
	min-height: 1%;
	margin-bottom: 30px;
	margin-top: 20px;
	padding-top: 20px;
	width: 100%;
	border-top-color: #bfbfbf;
	border-top-style: solid;
	border-top-width: 1px;
	clear: both;
	float: right;
	position: relative;
}

.sizesWrapper {
	margin-top: 10px;
	float: left;
	position: relative;
}

.sizesWrapper span {
	padding-left: 3px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: 0px;
	font-size: 10px;
	float: left;
	position: relative;
}

.sizesWrapper div em {
	color: #df0026;
	text-decoration: none;
	margin-right: 5px;
	float: left;
	position: relative;
	width: 10px;
}

.sizesWrapper .odd {
	padding-bottom: 3px;
	padding-top: 3px;
}

.sizesWrapper .even {
	border-top-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.sizesHeader span {
	color: #656262;
	text-transform: uppercase;
}

.sizesHeader {
	float: left;
	position: relative;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

img.diagram {
	padding: 0px;
	margin: 0px;
	width: 159px;
	float: right;
	position: relative;
}

.extra20 {
	margin-top: 20px;
}

.cpWrapper {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 100px;
	float: left;
	position: relative;
}

.cpWrapper h2 {
	margin-left: 6px;
	font-weight: bold;
	color: #787575;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	position: relative;
}

.cpWrapper p {
	color: #999999;
	margin-top: 4px;
	font-size: 10px;
	margin-left: 6px;
	float: left;
	position: relative;
}

.cpWrapper img {
	float: left;
	position: relative;
}

.projectsPanel {
	float: left;
	position: relative;
	margin-top: 40px;
}

.cpInfo {
	float: left;
	position: relative;
}

#full {
	width: 420px;
}

.helpright a {
	border-left-color: #b1b1b1;
	border-left-style: solid;
	border-left-width: 1px;
	color: #df0026;
	display: block;
	font-size: 11px;
	height: 21px;
	padding-right: 10px;
	padding-left: 10px;
	right: 0px;
	float: right;
	position: absolute;
}

.helpright a:hover {
	color: white;
	font-size: 11px;
}

.helpright a.helpTrigger:hover {
	color: white;
	background-color: #df0026;
}

a.hover {
	color: white;
	background-color: #df0026;
}

.zebra {
	border-style: none;
	border-bottom-color: #d7d7d7;
	border-top-color: #d7d7d7;
	border-bottom-width: 1px;
	border-top-width: 1px;
	background-color: #f6f6f6;
}





.sizesWrapper a {
	color: #838383;
	text-decoration: none;
}

.tooltip img {!important;!important;
}

.tableHead td {
	text-transform: uppercase;
}

xtable tr td {
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
}

a.dImage {
	margin-left: -50px;
	padding-right: 10px;
	padding-left: 50px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #df0026;
	float: right;
	position: relative;
}

a.toolPlus {
	text-transform: none;
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	text-decoration: none;
	font-size: 11px;
	position: relative;
}

.trigger em {
	font-style: normal;
	font-weight: normal;
	color: #787575;
	text-transform: none;
}

.trigger {
cursor: pointer;

}

.fullh5 em {
	font-style: normal;
	font-weight: normal;
	color: #787575;
	text-transform: none;
}

.table.sizes {
	border-style: none;
	border-width: 0px;
	float: left;
	position: relative;
}

.dataTableHeader {
	margin-bottom: 4px;
	padding-bottom: 4px;
	width: 200px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	position: relative;
}

.attenTableHeader {
	margin-bottom: 4px;
	padding-bottom: 4px;
	width: 315px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	position: relative;
}

.dataTableHeader ul {
	padding: 0px;
	margin: 0px;
}

.dataTableHeader ul li {
	float: left;
	position: relative;
	width: 100px;
	padding: 0px;
	margin: 0px;
}

.attenTableHeader ul {
	padding: 0px;
	margin: 0px;
}

.attenTableHeader ul li {
	position: relative;
	float: left;
	width: 105px;
	display: inline;
}

.attenTableHeader ul li.last-child {
	width: 10px;
}

.tableHeader {
	padding-bottom: 4px;
	margin-bottom: 4px;
	width: 450px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	float: left;
	position: relative;
}

.tableHeader ul {
	padding: 0px;
	margin: 0px;
}

.tableHeader ul li {
	position: relative;
	float: left;
	width: 100px;
	display: inline;
}

.tableHeader ul li.last-child {
	width: 10px;
}


.helpright a.helpTrigger span.plus:hover {
	color: white;
}

.helpright a.helpTrigger hover span.plus {
	color: #ffffff;
}

.fullWidth {
	margin-top: 20px;
	float: left;
	position: relative;
	width: 450px;
}

input.addExpandRightNoMargin {
	min-width: 135px;
	float: right;
	top: 0px;
	right: 0px;
	padding-right: 10px;
	height: 20px;
	color: #787575;
	padding-left: 25px;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
	background-position: left -20px;
	background-repeat: no-repeat;
	background-image: url(../images/addExpand2.png);
}

.fullWidthNoPadding {
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	width: 450px;
}

.fullWidthPadded {
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 10px;
	margin: 0px;
	float: left;
	position: relative;
	width: 450px;
}
.halfWidthPadded {
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 10px;
	margin: 0px;
	float: left;
	position: relative;
	width: 210px;
}

.halfWidthNoPad {
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	float: left;
	position: relative;
	width: 210px;
}

.fullWidthAddedBottom {
	padding-bottom: 20px;
	margin-top: 20px;
	float: left;
	position: relative;
	width: 450px;
}

.inflowUp {
	margin-top: 10px;
	text-transform: uppercase;
}

.inflowUpNoPadding {
	text-transform: uppercase;
}

.folder .rainfallSpecified {
	padding: 0px;
	margin: 0px;
	line-height: 14px;
	font-size: 10px;
	text-transform: uppercase;
}

.inflowUp span {
	margin-left: 20px;
	color: #df0026;
	text-transform: none;
}

.inflowUpSecond {
	margin-left: 20px;
	margin-top: 10px;
	text-transform: uppercase;
}

.inflowUpSecond span {
	margin-left: 20px;
	color: #df0026;
	text-transform: none;
}

.greyLine {
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	border-top-color: #b4b4b4;
	border-top-style: solid;
	border-top-width: 1px;
	height: 1px;
	width: 450px;
}

.greyLine3 {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: -10px;
	padding: 0px;
	float: left;
	position: relative;
	border-top-color: #bfbfbf;
	border-top-style: solid;
	border-top-width: 1px;
	height: 1px;
	width: 100%;
}

.greyLine4 {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 10px;
	padding: 0px;
	float: left;
	position: relative;
	border-top-color: #bfbfbf;
	border-top-style: solid;
	border-top-width: 1px;
	height: 1px;
	width: 100%;
}

.greyLineMarginTop {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 20px;
	padding: 0px;
	float: left;
	position: relative;
	border-top-color: #b4b4b4;
	border-top-style: solid;
	border-top-width: 1px;
	height: 1px;
	width: 400px;
}

.greyLine2 {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	float: left;
	position: relative;
	border-top-color: #b4b4b4;
	border-top-style: solid;
	border-top-width: 1px;
	height: 1px;
	width: 200px;
}

.folder select.channelSize {
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 10px;
	padding: 0px;
	width: 100px;
}

.tick {
	display: none;
	padding-right: 80px;
	float: right;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(../images/tickRed.png);
	height: 18px;
	width: 21px;
}

.tick2 {
	margin-bottom: -10px;
	margin-top: 0px;
	padding: 0px;
	margin-left: 15px;
	float: left;
	position: relative;
	display: none;
	background-repeat: no-repeat;
	background-image: url(../images/tickRed.png);
	height: 18px;
	width: 21px;
}

.chartWrapper {
	position: relative;
	padding: 15px;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-right: 10px;
	border-color: #bfbfbf;
	border-style: solid;
	border-width: 1px;
}

.channelSuccess {
	padding-top: 15px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 50px;
	color: #539401;
	min-height: 50px;
	background-repeat: no-repeat;
	background-image: url(../images/channelSuccess.png);
	width: 100%;
}

.channelWarning {
	padding-top: 15px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 50px;
	color: #dea310;
	min-height: 50px;
	background-repeat: no-repeat;
	background-image: url(../images/channelPling.png);
	width: 100%;
}

.attenuationFirstMessage {
	line-height: 24px;
	padding-top: 10px;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 60px;
	color: #787575;
	min-height: 50px;
	background-repeat: no-repeat;
	background-image: url(../images/channelSuccess.png);
	width: 100%;
}

.attenuationFirstNegativeMessage {
	line-height: 24px;
	padding-top: 10px;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 60px;
	color: #787575;
	min-height: 50px;
	background-repeat: no-repeat;
	background-image: url(../images/channelFail.png);
	width: 100%;
}

.attenuationFirstMessage span {
	position: relative;
	margin-right: 4px;
	margin-left: 4px;
	color: #df0020;
}

.attenuationFirstMessage em {
	text-transform: none;
	margin-left: 4px;
}

.attenuationFirstNegativeMessage em {
	text-transform: none;
	margin-left: 4px;
}

.channelFail {
	padding-top: 15px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 50px;
	color: #df0026;
	min-height: 52px;
	background-repeat: no-repeat;
	background-image: url(../images/channelFail.png);
	width: 100%;
}

.attenuationFirstNegativeMessage span {
	margin-right: 4px;
	margin-left: 4px;
	position: relative;
	color: #df0020;
}

.channelMessage {
	padding-right: 50px;
	line-height: 16px;
	color: #787575;
	font-size: 14px;
}

.attenuationSecondMessage {
	padding-right: 60px;
	line-height: 22px;
	color: #787575;
	font-size: 14px;
}

.attenuationWarningMessage {
	padding-right: 60px;
	line-height: 20px;
	color: #df0020;
	font-size: 14px;
}

a.createPDF {
	color: #656262;
	text-decoration: none;
	padding-left: 30px;
	padding-top: 22px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/createPdfBg.png);
	float: right;
	position: relative;
	height: 51px;
	width: 150px;
}

a.createPDF:hover {
	color: #656262;
	text-decoration: none;
	padding-left: 30px;
	padding-top: 22px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/createPdfBgOver.png);
	float: right;
	position: relative;
	height: 51px;
	width: 150px;
}

a.createPDFLeft {
	color: #656262;
	text-decoration: none;
	padding-left: 30px;
	padding-top: 22px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/createPdfBg.png);
	float: left;
	position: relative;
	height: 51px;
	width: 150px;
}

a.createPDFLeft:hover {
	color: #656262;
	text-decoration: none;
	padding-left: 30px;
	padding-top: 22px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/createPdfBgOver.png);
	float: left;
	position: relative;
	height: 51px;
	width: 150px;
}

#chart {
	float: right;
	position: relative;
	border-color: #bfbfbf;
	border-style: solid;
	border-width: 1px;
	height: 260px;
	width: 600px;
}

.channelMessage a {
	color: #787575;
	text-decoration: underline;
}

.posHide {
	top: 0px;
	right: 0px;
	position: absolute;
}

.col120 {
	float: left;
	position: relative;
	width: 120px;
}

.col95 {
	float: left;
	position: relative;
	width: 95px;
}

.returnPeriod {
	float: left;
	position: relative;
}

.qtip-content {  
		font-size: 11px;  
		font-family: Helvetica, Verdana, Arial, sans-serif;  
		border-width: 1px!important;  
	}

table.dataTable {
		clear: left;
		float: left;
		position: relative;
	}

.centre {
display: table-cell;
vertical-align:middle;

}

p.right {
	float: right;
	position: relative;
}

sup {
font-size: 11px;
vertical-align:super;

}

.diagramWrapper {
	height: 300px;
	min-width: 950px;
	clear: left;
	position: relative;
	float: left;
	margin-bottom: -30px;
	margin-top: 12px;
	border-color: #bfbfbf;
	border-style: solid;
	border-width: 1px;
	overflow: auto;
}

.border:hover {
	padding-top: 9px;
	padding-right: 9px;
	margin-left: -10px;
	margin-bottom: -1px;
	margin-right: -10px;
	margin-top: -10px;
	padding-left: 9px;
	border-color: white;
	border-style: solid;
	border-width: 1px;
}

.borderRed {
	padding-top: 9px;
	padding-right: 9px;
	margin-left: -10px;
	margin-bottom: -1px;
	margin-right: -10px;
	margin-top: -10px;
	padding-left: 9px;
	border-color: #df0026;
	border-style: solid;
	border-width: 1px;
}

.button { margin: 0 0 0 5px; text-indent: -9999px; cursor: pointer; width: 13px; height: 9px; float: left; text-align: center; background: url(../images/integer.png) no-repeat; }

.buttonDecimal { margin: 0 0 0 5px; text-indent: -9999px; cursor: pointer; width: 13px; height: 9px; float: left; text-align: center; background: url(../images/integer.png) no-repeat; }

.dec { margin-left: -13px; margin-top: 10px; position: relative; background-position: 0 -9px; }

.integer { float: left; margin-right: 5px; margin-top: 2px; position: relative; }

.inc { margin-top: 2px; margin-left: -6px; position: relative; }

.qAttenuation { margin-right: 20px; line-height: 26px; float: left; position: relative; color: #838383; font-size: 14px; }

.continueGroup { float: right; position: relative; }

.continueGroup .continueRightMain a { color: #bfbfbf; font-size: 11px; text-decoration: none; }

.continueGroup .continueRightMain a:hover { color: #787575; font-size: 11px; text-decoration: none; }

tr.data td { padding-bottom: 4px; padding-top: 4px; padding-left: 4px; vertical-align: middle; }

#attenData tr.data td { padding-bottom: 4px; padding-top: 4px; padding-left: 4px; vertical-align: middle; }

span.super { font-size: 8px; vertical-align:super; }

.cpExtrasPanel ul li a { color: #838383; line-height: 11.5px; text-decoration: none; }

.cpExtrasPanel ul li { line-height: 16px; font-size: 11.5px; }

.cpExtrasPanel ul li a span { margin-right: 4px; font-weight: bold; }

.cpExtrasPanel ul li a:hover { text-decoration: underline; }

.imgMarginRight4px { margin-right: 4px; }

.col1InnerLeft { font-size: 11px; text-transform: uppercase; padding-bottom: 5px; padding-top: 5px; min-height: 40px; color: #656262; width: 36px; vertical-align: top;}

.col2InnerLeft { font-family: Helvetica, Verdana, Arial, sans-serif; color: #656262; font-size: 10px; text-transform: uppercase; padding-bottom: 5px; padding-top: 5px; min-height: 40px; float: left; position: relative; width: 120px; }

.col3InnerLeft { color: #656262; font-size: 11px; text-transform: uppercase; padding-bottom: 5px; padding-top: 5px; min-height: 40px; float: left; position: relative; width: 52px; }

.colInnerRight { color: #df0020; font-size: 11px; text-transform: none; padding-bottom: 5px; padding-top: 5px; min-height: 40px; float: left; position: relative; }

.colInnerRight span { font-weight: bold; margin-left: 4px; color: #656262; font-size: 11px; text-transform: none; }

#box-table-b
{
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-bottom-color: #bfbfbf;
	border-top-color: #bfbfbf;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 500px;
	text-align: center;
	border-collapse: collapse;
}
#box-table-b th
{
	border-left-color: #bfbfbf;
	border-right-color: #bfbfbf;
	font-size: 13px;
	font-weight: normal;
	padding: 4px;
	background: white;
	border-right: 1px solid;
	border-left: 1px solid;
	color: #787575;
}
#box-table-b td
{
	border-left-color: #bfbfbf;
	border-right-color: #bfbfbf;
	padding: 8px;
	background: white; 
	border-right: 1px solid;
	border-left: 1px solid;
	color: #bfbfbf;
}
span.red
{
	color: #df0026;
}
span.red2
{
	margin-right: 4px;
	margin-left: 4px;
	color: #df0026;
}
.dp
{
	line-height: 15px;
	font-size: 11px;
	color: #9d9d9d;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	position: relative;
	float: left;
}
.captcha
{
	clear: left;
	float: left;
	position: relative;
}

/* Overlay Styles /*

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	padding-bottom: 20px;
	
	                              
	font-size: 12px;
	
	                              
	padding-right: 30px;
	
	                              
	padding-left: 30px;
	
	                              
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color: white;
	border:1px solid #373737;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
a.loginPassLink {
	float: left;
	position: relative;
	text-decoration: none;
	color: #df0026;
}
.dotted445 {
	margin-bottom: 8px;
	width: 445px;
	border-top-color: #bfbfbf;
	border-top-style: dotted;
	border-top-width: 1px;
	height: 3px;
	clear: left;
	float: left;
	position: relative;
}
.registerIntro {
	font-size: 12px;
	line-height: 20px;
	float: left;
	position: relative;
	margin-bottom: 15px;
	color: #838383;
	padding-left: 20px;
	background-position: 0 5px;
	background-repeat: no-repeat;
	background-image: url(../images/plusBold.png);
}
em.lowerCase {
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}
h2.warning {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	border-bottom-color: #838383;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	width: 445px;
	color: #df0026;
	font-size: 18px;
}
h2.rainfall {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	border-bottom-color: #838383;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	width: 250px;
	color: #df0026;
	font-size: 18px;
}
.dataTable tr td {
	padding-left: 4px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
}
p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
}
#box-table-b p {
	top: 0px;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	color: #787575;
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	vertical-align: text-top;
}
#box-table-b em {
	text-transform: none;
}
.halfWidthNoPad em {
	margin-left: 8px;
}
.makeRight {
	float: right;
}
.rightArrowWrap {
	padding-left: 20px;
	background-position: left -26px;
	background-repeat: no-repeat;
	background-image: url(../images/plusGreyRed.png);
	float: left;
	position: relative;
	border-left-color: #bfbfbf;
	border-bottom-color: #bfbfbf;
	border-top-color: #bfbfbf;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	height: 24px;
}
.rightArrowWrap:hover {
	padding-left: 20px;
	background-position: left 0px;
	background-repeat: no-repeat;
	background-image: url(../images/plusGreyRed.png);
	float: left;
	position: relative;
	border-left-color: #bfbfbf;
	border-bottom-color: #bfbfbf;
	border-top-color: #bfbfbf;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	height: 24px;
	cursor: pointer;
}
.rightArrowTip {
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/rightArrowTip.png);
	height: 26px;
	width: 21px;
}
.rightArrowContent {
	text-transform: uppercase;
	line-height: 24px;
}
.rightArrowContent a {
	text-decoration: none;
}
.leftArrowContent a {
	text-decoration: none;
}
.leftArrowTip {
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../images/leftArrowTip.png);
	height: 26px;
	width: 21px;
}
.leftArrowWrap {
	margin-right: 20px;
	padding-right: 20px;
	border-right-color: #bfbfbf;
	border-right-width: 1px;
	border-right-style: solid;
	background-position: right -26px;
	background-repeat: no-repeat;
	background-image: url(../images/plusGreyRed.png);
	float: left;
	position: relative;
	border-bottom-color: #bfbfbf;
	border-top-color: #bfbfbf;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	height: 24px;
}
.leftArrowWrap:hover {
	padding-right: 20px;
	border-right-color: #bfbfbf;
	border-right-width: 1px;
	border-right-style: solid;
	background-position: right 0px;
	background-repeat: no-repeat;
	background-image: url(../images/plusGreyRed.png);
	float: left;
	position: relative;
	border-bottom-color: #bfbfbf;
	border-top-color: #bfbfbf;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	height: 24px;
	cursor: pointer;
}
.leftArrowContent {
	text-transform: uppercase;
	line-height: 24px;
}
.makeItRight {
	margin-left: 5px;
	position: relative;
	float: right;
}
.fixed {
	width: 200px;
}
.emailMessage {
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #df0026;
	display: block;
	line-height: 14px;
	background-repeat: no-repeat;
	background-position: left -6px;
	background-image: url(../images/plusGreyRed.png);
	padding-left: 25px;
	float: left;
	position: relative;
}
.emailMessage a {
	text-decoration: none;
	color: #df0026;
}
.emailMessage a:hover {
	text-decoration: underline;
}
.table450px {
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	width: 450px;
}
.table360px {
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	width: 360px;
}
.table310px {
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	width: 310px;
}
.table210px {
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	width: 210px;
}
.tableRowHeader {
	float: left;
	position: relative;
	border-bottom-color: #bfbfbf;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 100%;
}
.headerStyle1 {
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	display: block;
	width: 80px;
}
.headerStyle2 {
	width: 75px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	display: block;
}
.headerStyle1Last {
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	display: block;
	width: 80px;
}
.colStyle1 {
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	display: block;
	width: 80px;
}
.colStyle2 {
	height: 17px;
	padding-bottom: 1px;
	padding-top: 1px;
	line-height: 17px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	display: block;
	width: 75px;
}
.colStyle3 {
	line-height: 17px;
	float: left;
	position: relative;
	display: block;
	width: 60px;
}
.colStyle1last {
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	display: block;
	width: 80px;
}
.colStyle2last {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	display: block;
	width: 0px;
}
.tableRowEven {
	float: left;
	position: relative;
	background-color: #f6f6f6;
}
.tableRowEvenNoZebra {
	float: left;
	position: relative;
	background-color: #f6f6f6;
}
.xtableRowEven:hover {
	float: left;
	position: relative;
}
.zebraHover {
	float: left;
	position: relative;
	line-height: 19px;
	background-color: #e5e5e5;
}
.cssTable .selected {
	float: left;
	position: relative;
	background-color: #df0026!important;
	color: white;
}
/*  */

#preview{
	background-color: white;
	position:absolute;
	border:3px solid #df0026;
	border-radius: 6px;
	padding: 25px;
	display:none;
	color:#fff;
	}

span.selectButton{
		color: #787575;
		font-style: normal;
		font-weight: normal;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-top: 3px;
		padding-bottom: 0px;
		padding-top: 0px;
		font-size: 9px;
		padding-right: 0px;
		display: block;
		background-position: 0 -16px;
		float: left;
		position: relative;
		line-height: 12px;
		border-color: #999999;
		border-style: solid;
		border-width: 1px;
		padding-left: 20px;
		min-width: 35px;
		height: 12px;
		background-repeat: no-repeat;
		background-image: url(../images/addExpand3.png);
	}

span.selectButton:hover{
		background-position: 0 -1px;
		background-repeat: no-repeat;
		background-image: url(../images/addExpand3.png);
	}

.mainRightCol .table210px h6{
		line-height: 20px;
		display: block;
		clear: none;
		float: left;
		position: relative;
		width: 60px;
	}

#containerFront h1{
		color: #787575;
		font-size: 12px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		text-transform: uppercase;
	}

#containerFront h2{
		font-weight: bold;
		margin-bottom: 15px;
		margin-top: 15px;
		letter-spacing: -2px;
		font-size: 24px;
		font-family: Helvetica, Verdana, Arial;
		text-transform: uppercase;
		color: #df0026;
	}

#containerFront .mainLeftCol330 p{
		font-family: Helvetica, Verdana, Arial, sans-serif;
		line-height: 17px;
		font-size: 12px;
		color: #838383;
	}

.mainRightCol590 h5 em{
		margin-left: 4px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
	}

#containerFront .tabFooter p{
		color: #bfbfbf;
		font-size: 11px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}

#googleMap{
		background-position: left top;
		float: left;
		position: relative;
		background-repeat: no-repeat;
/*		background-image: url(../images/Spain_Map.png);*/
		height: 502px;
		width: 700px;
	}

#googleMap p {
		margin-left: 10px;
		margin-top: 10px;
		color: #838383;
		font-size: 13px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		text-transform: uppercase;
	}
	
#mapTrigger {
	cursor: pointer;
	}
#mapInfo {
		width: 300px;
	}
#containerFront a.posHide {
		float: left;
		position: relative;
	}
#rainfallTable .tableRowEven,#rainfallTable .tableRowEven:hover,#rainfallTable .tableRowOdd,#rainfallTable .tableRowOdd:hover {
		padding: 0px;
		margin: 0px;
		line-height: 17px;
		border-style: none;
		border-width: 0px;
	}
.table210px h6 {
		margin-left: 0px;
		margin-bottom: 1px;
		margin-right: 0px;
		margin-top: 0px;
		padding: 0px;
		line-height: 17px;
	}
.br {
		margin-bottom: 5px;
		position: relative;
		clear: right;
	}
input.posHide {
		float: right;
		position: relative;
	}
.introWarning p {
		color: #df0026;
		background-position: 0 50%;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
		margin: 0px;
		min-height: 28px;
		background-image: url(../images/warningIntro.png);
		background-repeat: no-repeat;
		padding-left: 37px;
		width: 263px;
		line-height: 17px;
	}
/*  */

.reg_message {
	margin-top: 20px;
	color:red;
	font-weight:bold;
}

#txtChanDescription {
	line-height: 20px;
}

#txtProjectName {
	float: left;
}