﻿/* 
=================================================
TinyMCE Override 
=================================================
*/
body.mceContentBody {
	background-image:none;
	background-color:#ffffff;
}

/*
=================================================
EXTJS Mod's for the IWA Toolbox
=================================================
*/
.x-btn-over button{border:0 none;background:transparent;font:normal 11px tahoma,verdana,helvetica;padding-left:3px;padding-right:3px;cursor:pointer;margin:0;overflow:visible;width:auto;-moz-outline:0 none;outline:0 none;}
.x-viewport{background:none;background-color:transparent;}
.x-viewport body{background:none;background-color:transparent;}
/*
=================================================
IWA Toolbox
=================================================
*/
#frameDownload
{
	display:none;
	visibility:hidden;

}

body{
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/bg.gif');
	background-repeat:repeat;	
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10pt;
}

td{
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10pt;
}

.ToolInclude-Body
{
	background:none;
	background-color:transparent;
}

.sitebg
{
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/content_bg.gif');
	background-repeat:repeat;
}

.BgFade{
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/bg_fade.gif');
	background-repeat:repeat-x;
}

.BgFadeLeft{
	/*background-image:url('/uploads/iwa toolboxes/wsp/siteimages/bg_fade_l.gif');
	background-repeat:no-repeat;*/
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/bg_fade_l_cont.gif');
	background-repeat:repeat-y;
	background-position:right top;
	background-color:transparent;
}

.BgFadeRight{
/*	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/bg_fade_r.gif');
	background-repeat:no-repeat;*/
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/bg_fade_r_cont.gif');
	background-repeat:repeat-y;
	background-position:top left;
	background-color:transparent;
}


.BgFadeLeftCont{
	/*background-image:url('/uploads/iwa toolboxes/wsp/siteimages/bg_fade_l_cont.gif');
	background-repeat:repeat-y;*/
}

.BgFadeRightCont{
	/*background-image:url('/uploads/iwa toolboxes/wsp/siteimages/bg_fade_r_cont.gif');
	background-repeat:repeat-y;*/
}

img{vertical-align:middle;}


#Review_ToolDetails
{
	/*display:none;*/
	color:#666666;
	font:normal 11px tahoma,arial,helvetica,sans-serif;	
}
#Review_Tools
{
	padding-top:10px;
	color:#666666;
	font:normal 11px tahoma,arial,helvetica,sans-serif;
}
#DoReviewTools{display:none;}
#ReviewDetails{display:none;}
#NewCaseStudy{display:none;}
#NewCommentPanel_Content{display:none;}
#PleaseWait{display:none;}
#NewTool_Content{display:none;padding:4px;}
#NewTool_Content_IntWrapper{width:850px;}
#NewVersionPanel_Content{display:none;}

#txtReviewComments, #txtReviewPrivateComments
{
	width:99%;
}

.toolbox-panel
{
	
}
/*

.WSPVertMenuContainer{
	height:100%;
}

.WSPVertMenu
{
	background-color:#E7F0EF;
	padding-right:0px;
	margin-right:10px;
}

.WSPVertMenu ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	
}


.WSPVertMenuCell{
	border-bottom:1px #BEBEBE dotted;	
	border-right:2px #BEBEBE solid;	
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:5px;
	background-color:#E7F0EF;
}

.WSPVertMenuSpacerCell{
	border-right:2px #BEBEBE solid;	
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:5px;
	background-color:#ffffff;
	white-space:nowrap;
}

.WSPVertMenuCellActive{
	border-top:1px #BEBEBE solid;	
	border-bottom:1px #BEBEBE solid;	
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:5px;
	background-color:#ffffff;
}



#WSPVertMenuTop
{
	background-color:none;	
}

.WSPVertMenu ul li a
{
	text-decoration:none;	
	color:#969A9B;
} */

.WSPVertMenuContainer{
	height:100%;
}

.WSPVertMenu{
	background-color:#E7F0EF;
	padding-right:0px;
	margin-right:10px;
}


/*.WSPVertMenu ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	
}*/

.WSPVertMenu td li
{
	list-style-type:none;
	padding:0;
	margin:0;
}

/*.WSPVertMenu
{
	border-bottom:1px #000000 dotted;	
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:5px;
	background-color:#E7F0EF;
	white-space:nowrap;
	list-style-type:none;
}*/

.WSPVertMenuCell{
	border-bottom:1px #BEBEBE dotted;	
	border-right:2px #BEBEBE solid;	
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:5px;
	width:250px;
	background-color:#E7F0EF;
	/*white-space:nowrap;*/
}

.WSPVertSubMenuCell{
	border-bottom:1px #BEBEBE dotted;
	
	border-right:2px #BEBEBE solid;	
	border-left:2px #BEBEBE solid;	
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:5px;
	background-color:#E7F0EF;
	/*white-space:nowrap;*/
}

.WSPVertMenuSpacerCell{
	border-right:2px #BEBEBE solid;	
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:5px;
	background-color:#ffffff;
	white-space:nowrap;
}

.WSPVertMenuCellActive{
	border-top:1px #BEBEBE solid;	
	border-bottom:1px #BEBEBE solid;	
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:5px;
	background-color:#ffffff;
	/*white-space:nowrap;*/
}



#WSPVertMenuTop
{
	background-color:none;	
}


.WSPVertMenu td a,.WSPVertSubMenuCell a
{
	text-decoration:none;	
	color:#969A9B;
	Padding-right:10px; 
}

.WSPOverviewMenu{
	padding-left:75px;
	padding-bottom:25px;
}
.WSPOverviewMenu ul{
	list-style-type:none;
	padding:0;
	margin:0;	
}
.WSPOverviewMenu ul li{
	padding:4px;
	margin:0;
	margin-right:10px;
	float:left;
	text-align:center;
    color:#ffffff;
    font-weight:bold;
}
.WSPOverviewMenu ul li a{
	text-decoration:none;
	color:#ffffff;
}
.WSPOverview_Overview{
	width:165px;
    background-color:#9CB6C5;    
}
.WSPOverview_Example{
	width:180px;
    background-color:#9CB6C5;    
}
.WSPOverview_Back{
	width:90px;
    background-color:#9CB6C5;    
}

.WSPOverview_ItemOn{background-color:#2B4E6E;}
.WSPOverviewToolbox
{
	padding-left:200px;	
}

.WSPIntroduction_Title{font-weight:bold;color:#A8B2BB;}
.WSPIntroduction{color:#A8B2BB;}

.WSPKeyActions_Title{font-weight:bold;color:#676767;}
.WSPKeyActions{color:#676767;}


.content_frame
{
	border-left:1px solid #99BBE8;
	border-right:1px solid #99BBE8;
	border-bottom:1px solid #99BBE8;
	padding:5px;
}

.page_header{
	height:92px;
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/header_bg.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:8px;
}

.page_menubar{
	height:45px;
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/menubar_bg.gif');
	background-repeat:repeat;
}

.page_contentarea_header{
	height:12px;
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/contentarea_header_bg.gif');
	background-repeat:repeat-x;
}

.page_contentarea{
	padding:8px;
	background-color:#ffffff;
}

.page_content_subtitle
{
	font-weight:bold;
	font-size:14px;	
	padding-bottom:8px;
}

.page_content_propertytitle
{
	font-weight:bold;
	width:90px;	
	vertical-align:top;
}

h1{
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:18pt;
	color:#7E99AA;
	font-weight:normal;
	padding:0;
	padding-bottom:8px;
	margin:0;
}

h1 a{color:#7E99AA;}
h1 a:hover{text-decoration:none;}

.h1_underline{
	border-bottom:1px #7E99AA solid;
	padding:0;
	margin:0;
}

h2{
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#7E99AA;
	font-weight:normal;
	padding:0;
	padding-bottom:8px;
	margin:0;
}

h3{
	font-weight:bold;
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}


.VerticalSeperator{
	border-left:1px #547EB9 solid;
	width:30px;
}

.InfoBox{
	background-image:url('/icon/16/app/shadow/information.png');
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFFFC6;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:18px;
	border:1px #BDCAEA solid;
	text-align:left;
	
}

.WarnBox{
	background-image:url('/icon/16/app/shadow/warning.png');
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFFFC6;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:18px;
	border:1px #BDCAEA solid;
	text-align:left;
	
}

/*--------------------- User QuickLinks ----------------*/

#UserQuickLinks_Wrapper{
	padding-left:30px;
}

.UserQuickLinks{
	padding:15px;
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/content_dark_bg.gif');
	background-repeat:repeat;	
}

/*---------------------- Help QuickLinks ---------------*/


.HelpQuickLinks{
	padding:15px;
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/content_dark_bg.gif');
	background-repeat:repeat;	
}

.HelpQuickLinks_Title{
	width:200px;
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size:18pt;
	color:#547EB9;
	font-weight:normal;
	padding:0;
	padding-bottom:8px;
	margin:0;
	vertical-align:middle;
}

#HelpQuickLinks_Wrapper{

}

.HelpQuickLinks_ButtonArea{

}

.HelpQuickLinks_Button{
	width:140px;
}

/*---------------------- MENU -------------------*/

.mainmenu{
	list-style-type:none;
	padding:0;
	margin:0;
	padding-top:4px;
	padding-left:15px;
	padding-bottom:8px;
}

.mainmenu li{
	float:left;
	white-space:nowrap;	
	padding:0;
	padding-right:20px;
}

.mainmenu li a, .mainmenu li a:visited{
	color:#7E99AA;
	font-weight:bold;
	text-decoration:none;
}

.mainmenu li a:hover, .mainmenu li a:visited:hover{
	text-decoration:underline;
}




/*----------------------- Toolbox ---------------------*/

#Toolbox{
	width:100%;
	height:565px;
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/content_bg.gif');
	background-repeat:repeat;
	border:0;
}


.navicon_catchment{
	background-image:url('/icon/16/net/shadow/earth.png');
	background-repeat:no-repeat;
}
.navicon_treatment{
	background-image:url('/icon/16/obj/shadow/factory.png');
	background-repeat:no-repeat;
}
.navicon_distribution{
	background-image:url('/icon/16/net/shadow/node.png');
	background-repeat:no-repeat;
}
.navicon_consumer{
	background-image:url('/icon/16/obj/shadow/user2.png');
	background-repeat:no-repeat;
}


/*-------------------------- WSP -------------------------*/

.WSP_Info_Wrapper{
	margin-left:80px;	
	margin-right:83px;
	padding:20px;
	background-color:#ffffff;
}

.WSP_Info_Blank{
	margin-left:80px;	
	margin-right:83px;
	background-image:url('/uploads/iwa toolboxes/wsp/siteimages/content_dark_bg.gif');
	background-repeat:repeat;	
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
	font-weight:bold;
	font-size:11pt;
}

.WSP_Info{
	color:#547EB9;
	font-weight:normal;
	font-size:10pt;
}

.WSP_Info_Title{
	color:#547EB9;
	font-weight:bold;
	font-size:11pt;
	padding-bottom:20px;
}


/*------------------------------ My Tools ---------------------*/

.mytools_newtool{
	background-image:url('/icon/16/app/shadow/document_gear_add.png');
	background-repeat:no-repeat;
}
.mytools_newcasestudy{
	background-image:url('/icon/16/app/shadow/document_info_add.png');
	background-repeat:no-repeat;
}

.ToolList_Icon{
	width:28px;
	float:left;	
}

.ToolList_Title{
	margin-left:28px;
	font-weight:bold;
}

.ToolList_CommentSummary{
	color:#385F95;
	font-weight:normal;	
}

.ToolList_Title a, .ToolList_Title a:visited{
	color:#385F95;
	text-decoration:none;
}

.ToolList_Title a:hover{
	color:#385F95;
	text-decoration:underline;
}

.ToolList_Abstract{
	margin-left:34px;
	padding-bottom:8px;
}

.ToolList_Status_Approved{color:#004000;}

.ToolList_Status_Rejected{color:#800000;}

.ToolList_Status_Pending{}

.ToolList_VersionInfo
{
	padding-top:4px;
	padding-left:28px;

}

.CategoryList{
	width:100%;
	height:300px;
}

.CategoryAddedList
{
	width:100%;
	height:298px;
	border:1px solid #9CBAEF;
	background-color:#ffffff;	
	overflow:auto;
}

.CategoryAdded
{
	padding:4px;
	border-bottom:1px dashed #999999;
	height:24px;
}

.CategoryAdded_Icon
{
	width:26px;
	float:left;
}

.CategoryAdded_Title
{
	padding-top:5px;
	float:left;
}

.CategoryAdded_DeleteIcon
{
	visibility:hidden;	
}

.CategoryAdded_DeleteIconWrapper
{
	padding-top:4px;
	text-align:right;
	vertical-align:middle;	
}


/*------------------------------ User Management -------------------------*/

.User_Fullname
{
	font-weight:bold;
	font-size:12pt;
}

.User_FieldSubTitle
{
	font-weight:bold;	
}

.User_AccountStatus
{
	font-weight:bold;
	font-size:11pt;
}

.myusers_save
{
	background-image:url('/icon/16/app/shadow/disk_blue.png');
	background-repeat:no-repeat;
}

.myusers_edit
{
	background-image:url('/icon/16/app/shadow/edit.png');
	background-repeat:no-repeat;
}

.myusers_undo
{
	background-image:url('/icon/16/app/shadow/undo.png');
	background-repeat:no-repeat;
}

.myusers_user
{
	background-image:url('/icon/16/obj/shadow/user2.png');
	background-repeat:no-repeat;
}

.myusers_enable
{
	background-image:url('/icon/16/app/shadow/check2.png');
	background-repeat:no-repeat;
}

.myusers_disable
{
	background-image:url('/icon/16/app/shadow/check2_error.png');
	background-repeat:no-repeat;
}



/*---------------------------------------- Toolbox ---------------------------------*/

.ToolPreview_Details
{
	background-color:#F1F2F4;
	height:30px;
	border-bottom:1px solid #DADADB;
	padding:5px;
}

#ToolPreview_Title
{
	font-weight:bold;
	color:#000000;
}

#ToolPreview_Author
{
	font-size:8pt;
}

#ToolPreview_Date
{
	font-size:8pt;
	text-align:right;
}

#ToolPreview_AverageRating
{
	font-size:7pt;	
	text-align:right;
}

#ToolPreview_Content
{
	padding:5px;
	color:#000000;
	overflow:auto;
}

#ToolPreview_Rate
{
	padding:5px;
}

.ToolRatingStar
{
	cursor:pointer;	
}

/*---------------------------------------- Glossary ---------------------------------*/

.Glossary
{
	list-style-type:none;
	padding:0;
	padding-top:30px;
	margin:0;

}
.Glossary li
{
	color:#345178;	
}
.Glossary_Term
{
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
		
}
.Glossary_TermDescription
{
	padding-bottom:15px;
}

/*---------------------------------------- Search ---------------------------------*/

.bodySearchResults{
	background-color:#ffffff;
	background-image:none;
}

#SearchWait
{
	display:none;	
	text-align:center;
	padding-top:50px;
}
#SearchResults
{
	display:none;	
	padding-top:20px;
	padding-bottom:20px;
}
#SearchResult_Info
{

}
#NoSearchResults
{
	display:none;	
	text-align:center;
	padding-top:50px;
}

.SearchResult
{

}


.SearchResult_Title, .SearchResult_Title a
{
	font-weight:bold;
	font-size:13px;
	padding-bottom:2px;
	color:#345178;
	text-decoration:none;	
}

.SearchResult_Title a:hover{text-decoration:underline;}

.SearchResult_QueryHighlight
{
	background-color:Yellow;	
}

.SearchResult_Abstract
{
	color:#345178;	
	padding-top:2px;
	padding-bottom:2px;
}

.SearchResult_URL
{
	color:#3A8066;	
}

.SearchResult_Spacer
{
	height:2px;
	border-top:1px dotted #999999;	
	margin-top:10px;
	padding-bottom:6px;	
}

.SearchResult_CategoryList, .SearchResult_Links
{
	color:#345178;		
	font-size:11px;
}
.SearchResult_CategoryList a, .SearchResult_Links a
{
	color:#666666;		
	text-decoration:none;	
}
.SearchResult_CategoryList a:hover, .SearchResult_Links a:hover
{
	text-decoration:underline;
}

/*---------------------------------------- Glossary ---------------------------------*/


.Glossary_TermTitle
{
	font-weight:bold;
	font-size:13px;
	padding-top:10px;
	padding-bottom:10px;	
}

.Glossary_TermDescription{}

.GlossaryTerm
{
	text-decoration:underline;
	color:Maroon;
	cursor:pointer;
}


.x-date-menu
{
width: 176px !important;
}