/* ************************************************************************************ */
/*  This file layout.css contains all of the main css features that are shared throughout 
	the entire website. Each class follows an organization methodology of construction to 
	keep consistency and allow for easier reading.

Example:
className
{
	1. Layout Attributes;

	2. Color Attributes;

	3. Typography Attributes;

}

 
*/


/* ************************************************************************************ */

/* ************************************************************************************ */
/* CSS imports */
/* ************************************************************************************ 
@import url(UserControls.css);*/

.col
{
padding-right:10px;
padding-left:10px;
}


/* ************************************************************************************ */
/*  Browser Normalization */
/* ************************************************************************************ */

/* Normalize padding and margins */
html, body, splitbody, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
   
}

/* horizontal rule */
hr
{
    color: #D1CFD2;
    height: 2px;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
}

/* Normalize list styles */
ol, ul
{
    list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}

/* Normalize table borders */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/* Normalize other borders */
fieldset, img
{
    border: 0;
}

/* Normalize text-alignment */
caption, th
{
    text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after
{
    content: '';
}

/* ************************************************************************************ */
/*  Body  Style */
/* ************************************************************************************ */

body
{
    line-height: 1.5;
    background: #ffffff;
    color: #666666;
    font: 72%/1.5 Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma; /*font-size: 1.0em;*/
    
}

.wrapper
{
	width: 1024px;
	position:relative;
    margin-left:auto;
    margin-right:auto;
    background-color: #FFFFFF;
}

.footer {
    width:1024px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color:#ffffff; 
    border-top:1px solid #CCCCCC;
    padding:2em 0;
}

.content
{
    width: 1020px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
  
}

splitbody
{
    line-height: 1.5;
    background: #ffffff;
    color: #666666;
    font: 72%/1.5 Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
}

h2, h3, p, ul, blockquote
{
    margin: 0 10px 10px;
}

p
{
    font: 100%;
}



/* Headers */

h1, h2, h3
{
    margin-bottom: .15em;
}

h1
{
    font: 220% Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
}

h2
{
    font: 170% Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
}

h3
{
    font: 120% Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-weight: bolder;
}




ul
{
    list-style-type: square;
}

ul ul
{
    list-style-type: disc;
}

ul ul ul
{
    list-style-type: none;
}
div ul li
{
    list-style-type: none;
}

/* Header and Titles */
.Header1
{
    margin-top: 0em;
    margin-bottom: 0em;
    font: 220% Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-style: normal;
    font-weight: bold;
}

.Header2
{
    margin-top: 0em;
    margin-bottom: 0em;
    color: #6B6B6B;
    font: 170% Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-style: normal;
    font-weight: bold;
}

.Header3
{
    margin-top: 0em;
    margin-bottom: 0em;
    font: 120% Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-style: normal;
    font-weight: bold;
}


/* Input Field Headers, Text, and Buttons 72%/1.5 */
.InputHeaderText
{
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-style: normal;
    font-size: 8pt;
    font-weight: bold;
}

.InputFieldText
{
    border-width: 2px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-style: normal;
    font-size: 8pt;
    font-weight: normal;
}

.ButtonText
{
    color: #666666;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-style: normal;
    font-size: 10px;
    font-weight: normal;
}

/* Lists */
ul
{
    margin-left: 0;
    padding-left: 3em;
    font-size: 10pt;
}

li
{
    margin-left: 0;
    padding-left: 0;
    font-size: 10pt;
}

/* Links */
A:link, A:active, A:visited
{
    color: #3366CC;
    text-decoration: none;
}


A:hover
{
    color: #85CE5E;
    text-decoration: underline;
}

.hyperlink:link, .hyperlink:active, .hyperlink:visited
{
    color: #3366CC;
    text-decoration: none;
}


.hyperlink:hover
{
    color: #85CE5E;
    text-decoration: underline;
    cursor: hand;
}
.RssLink:link, .RssLink:visited, .RssLink:active, .RssLink:hover
{
    color: #FF6600;
    text-decoration: none;
}



.HeaderLink, .HeaderLink:link, .HeaderLink:visited, .HeaderLink:active, .HeaderLink:hover
{
    color: #8B8A8A;
    text-decoration: none;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 2.5em;
    font-weight: Bold;
    cursor: pointer;
}


.HeaderTrailerLink, .HeaderTrailerLink:link, .HeaderTrailerLink:visited, .HeaderTrailerLink:active, .HeaderTrailerLink:hover
{
    color: #37618D;
    text-decoration: none;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 1em;
    font-weight: Bold;
    cursor: pointer;
}


/* ************************************************************************************ */
/* Header Styles*/
/* ************************************************************************************ */


div#header
{
    /*height: 70px; 	background: #fff url(../images/Header_Nalco_2.jpg) no-repeat top right ; 	  	color: #79B30B;*/
}


div#navigation
{
    height: 28px;
    padding-bottom: 1px;
    margin: 0;
    border-top: solid 1px #B4B4B4;
    border-bottom: solid 1px #B4B4B4;
    background: #003466 url(../images/StaticWebMenu/bg_top_nav.gif) repeat-x;
}

div#wrapper
{
    float: right;
    width: 100%;
/*    margin-left: -164px; */
}

/* ************************************************************************************ */
/*   Content Style */
/* ************************************************************************************ */

div#content
{
/*    margin-left: 164px; */
    padding: 5px 5px 5px 5px;
    background: #ffffff;
    
}

div#ContentError
{
 
    padding: 5px 5px 5px 5px;
    background: #ffffff;
}
div#content p
{
    line-height: 1.4;
}

div#subnavigation
{
    float: left;
    width: 160px;
    margin-top: 5px;
    padding-top: 2px; /* background: #F5F5F5; 	border: solid 1px #B4B4B4;*/
    border-top: 0px;
}
div#smartsynqHeader
{
    width: 100%;
    display: block;
    border-top: solid 1px #B4B4B4;
    border-bottom: solid 1px #B4B4B4;
    background: #003466 url(../images/bg_smartsynq_header.gif) repeat-x;
    height: 15px;
    color: #6B6B6B;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    cursor: default;
   
}

div#subcontent
{
    margin-top: 5px;
    float: left;
    clear: left;
    width: 160px;
    border-right: solid 1px #B4B4B4;
    border-left: solid 1px #B4B4B4;
    background: #F5F5F5;
}

/* ************************************************************************************ */
/* Footer Styles */
/* ************************************************************************************  */
div#footer
{
    clear: both;
    width:1024px;
    height: 20px;
    margin-top: 2px;
    border-top: solid 1px #B4B4B4;
    border-bottom: solid 1px #B4B4B4;
    background: #F5F5F5;
    margin-left:auto;
    margin-right:auto;
    background-size:cover;
    position:relative;
    text-align:center;
    padding:2em 0;
    color:black;
}

div#footer p
{
    padding: 3px 0 0 0;
    text-align: center;
    height: 10px;
    font-size: 10px;
}

div#errors li
{
list-style-type:disc;
}



.ContentBlock
{
    padding: 0px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    background: #F5F5F5;
    border: solid 1px #EFEEF0;
    border-bottom: solid 1px #D0CFD1;
    border-right: solid 1px #D0CFD1;
}
.InsideContentBlock
{
    background: #F5F5F5;
    border: solid 1px #EFEEF0;
    border-top: solid 1px #D0CFD1;
    border-left: solid 1px #D0CFD1;
}

.ContentSection {
    background: #F5F5F5;
    padding:0.5em;
}




/*********************************************************************************************/
/*********************************************************************************************/
/* Component Art - Miscellaneous - Non User Control 
/*********************************************************************************************/
/*********************************************************************************************/


/* todo: Organize style attributes like above: Justin */



.DataGrid
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
}

/*********************************************************************************************/
/* ComponentArt grid*/
/*********************************************************************************************/

.Grid
{
    border: 1px solid #9495A2;
    background-color: #FFFFFF;
    cursor: default;
    overflow: scroll;
}

.GridHeader
{
    background-image: url(../Images/DataPopup/Header.gif);
    background-color: #3F3F3F;
    border: 1px solid #919B9C;
    border-bottom-color: #CCCCCC;
    height:25px;
    vertical-align:middle;
}

.GridHeaderText
{
    color: white;
    font-family: Verdana;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding: 0px 100px 0px 20px;
    text-align: left;
}

.GridHeaderTextVertical
{
	writing-mode: tb-rl;
	filter: flipv fliph;
}

.SearchBox
{
    color: black;
    font-family: Verdana;
    font-size: 10px;
    border: solid 1px black;
}

.HeadingRow
{
    background-color: #E9E9EB;
    background-image: url(../images/header_rowBg.gif);
}

.HeadingCell
{
	background-image: url(../images/header_bg.gif);
    background-color: #E9E9EB;
    padding: 0px;
}

.HeadingCellNoImage
{
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
    background-color: #E9E9EB;
    padding: 0px;
}

.HeadingCellHover
{
    background-image: url(../images/header_hoverBg.gif);
    background-color: #F6F6F7;
}

.HeadingCellActive
{
    background-image: url(../images/header_activeBg.gif);
    background-color: #F6F6F7;
}

.HeadingCellText
{
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 5px;
}

.Row
{
    background-color: #FFFFFF;
    cursor: default;
}

.Row td.DataCell
{
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    font-family: verdana;
    font-size: 10px;
}

.SelectedRow
{
    background-color: #A7CDF0;
    color: #333333;
    cursor: default;
}

.SelectedRowCritical
{
    background-color: #ff9090;
    color: #333333;
    cursor: default;
}

.SelectedRow td.DataCell
{
	border-top: 1px solid #666666;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #666666;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
}

.HoverRow
{
	background-color: #DBE8F4;
	color: #333333;
	cursor: default;
}

.HoverRow td.DataCell
{
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
}
.HoverRowCritical
{
/*	background-color: #ff0000; */
	color: #ff0000;
	cursor: default;
}

.HoverRowCritical td.DataCell
{
	border-top: solid 1px #ff0000;
	border-bottom: solid 1px #ff0000 !important;
    font-family: verdana;
    font-size: 10px;
}

.RowCritical
{
/*	background-color:#ff0000; */
	color: #ff0000;
	cursor: default;
}

.AlternatingRow
{
    background-color: #e6e6e6;
    cursor: default;
}

.AlternatingRowCritical
{
/*    background-color: #ff0000; */
	color: #ff0000;
    cursor: default;
}

.AlternatingRow td.DataCell
{
    background-color: #e6e6e6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
}

.SelectedCell
{
	background-color: #a9b9c9;
}

.AlternatingCell
{
    background-color: #e6e6e6;

}

.GridFooter
{
    cursor: default;
    padding: 5px;
    vertical-align: bottom;
    text-align: left;
}

.GridFooterText
{
    color: #000000;
    font-family: verdana;
    font-size: 11px;
    text-align: left;
}

.CellText
{
    font-family: verdana;
    font-size: 10px;
}

.SearchText
{
	color:#ffffff;
}

.SearchBox
{
	margin: 0px 5px 0px 5px;
	border: none;
	height: 15px;
	font-size: 12px;
}

.SliderPopup
{
    background-color: #FFF4D7;
    border: 1px solid #4B4B6F;
    border-top-color: #9495A2;
    border-left-color: #9495A2;
    width: 288px;
    height: 60px;
}

.tableHeading
{
	background-color:#666666;
	color: #ffffcc;
	padding: 2px 5px 2px 5px;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
}

.btnAddActive
{
	border:none;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background:url(../Images/Icons/add.png);
}

.btnAddHover
{
	border:none;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background:url(../Images/Icons/add_hover.png);
}

.btnUpActive
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background:url(../Images/Icons/arrow_up_new.png);
}

.btnUpHover
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background: url(../Images/Icons/arrow_up_hover.png);
}

.btnUpDisabled
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background: url(../Images/Icons/arrow_up_disabled.png);
	disabled: disabled;
}

.btnDownActive
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background:url(../Images/Icons/arrow_down_new.png);
}

.btnDownHover
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background: url(../Images/Icons/arrow_down_hover.png);
}

.btnDownDisabled
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background: url(../Images/Icons/arrow_down_disabled.png);
	disabled: disabled;
}

.btnTopActive
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background:url(../Images/Icons/arrow_top.png);
}

.btnTopHover
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background: url(../Images/Icons/arrow_top_hover.png);
}

.btnTopDisabled
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background: url(../Images/Icons/arrow_top_disabled.png);
	disabled: disabled;
}
.btnBottomActive
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background:url(../Images/Icons/arrow_bottom.png);
}

.btnBottomHover
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background: url(../Images/Icons/arrow_bottom_hover.png);
}

.btnBottomDisabled
{
	border:none;
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	vertical-align:middle;
	cursor:pointer;
	background: url(../Images/Icons/arrow_bottom_disabled.png);
	disabled: disabled;
}

/*********************************************************************************************/
/* ComponentArt - Calendar Picker */
/*********************************************************************************************/


.picker
{
    background-color: #FFFFFF;
    border: 1px gray solid;
    font-size: 12px;
    font-weight: bold;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    padding: 2px;
    cursor: pointer;
}

.calendar_button
{
    border: none;
    cursor: pointer;
    width: 25px;
    height: 22px;
}

.calendar td
{
    font-size: 11px;
}

.title
{
    font-weight: bold;
    background-color: #D7D7E5;
}

.day
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayhover
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayheader
{
    width: 25px;
    text-align: center;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    font-weight: bold;
    background-color: #FFFFFF;
}

.othermonthday
{
    color: #999999;
}

.outofrangeday
{
    visibility: hidden;
}

.selectedday
{
    width: 25px;
    background-color: #FBE694;
    color: #000000;
    border-width: 1px;
    border-color: #BB5503 !important;
    border-style: solid;
    font-weight: bold;
}

.calendar
{
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    border-collapse: collapse;
    background-color: #FFFFFF;
    cursor: default;
}

.month
{
    background-color: #F6F6F6;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.nextprev
{
    cursor: pointer;
    height: 25px;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
}

.selector
{
    width: 14px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    background-color: #FFFFFF;
}

/*********************************************************************************************/
/* ComponentArt Splitter  */
/*********************************************************************************************/




.HorizontalSplitterBar
{
    background: url(../images/splitter_horBg.gif);
}

.CollapsedHorizontalSplitterBar
{
    background: url(../images/splitter_horBg.gif);
    border: 1px solid #000000;
    border-right-width: 0px;
}

.ActiveSplitterBar
{
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    opacity: 0.4;
    background: #F5F5F5;
    font-size: 10px;
    height: 100%;
    width: 150px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    text-align: left;
    vertical-align: top;
    border: solid 1px #B4B4B4;
    border-top: 0px;
}

.SplitterPaneLeft
{
    background: #F5F5F5;
    font-size: 10px;
    height: 100%;
    width: 150px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    text-align: left;
    vertical-align: top;
    border: solid 1px #B4B4B4;
    border-top: 0px;
}
.SplitterPaneRight
{
    background: #ffffff;
    font-size: 10px;
    height: 100%;
    width: 150px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    text-align: left;
    vertical-align: top;
    border: solid 1px #B4B4B4;
    border-top: 0px;
}

/* (Tabs) */
.headerbar
{
    margin: 1px 0 0 0;
    padding: 0;
    color: #000;
    background: #fff url(    "../images/tabs/bg.gif" ) repeat-x bottom;
    text-align: right;
    height: 20px;
}
.headerbar span, .headerbar_dark span
{
    margin: 0;
    padding: 4px 14px 3px 7px;
    float: left;
    background: url(    "../images/tabs/right_both.gif" ) no-repeat right top;
    background-position: 100% -150px;
    font-size: 10px;
    font-weight: bold;
    color: #fff !important;
}
.headerbar span a, .headerbar_dark span a
{
    color: #fff;
    line-height: 12px;
    text-transform: none;
    font-size: 10px;
}
.headerbar a, .headerbar_dark a
{
    padding: 0 5px 0 0;
    color: #000;
    font-size: 9px;
    text-decoration: none;
    line-height: 20px;
    text-transform: uppercase;
}
.headerbar_dark
{
    margin: 1px 0 0 0;
    padding: 0;
    background: #fff url(    "../images/tabs/bg_dk.gif" ) repeat-x bottom;
    text-align: right;
    height: 20px;
}
/*********************************************************************************************/
/* Tab Bar for Multipage */
/*********************************************************************************************/





.TopGroupTab
{
    z-index: 99;
    position: relative;
}

.DefaultTab
{
    color: #888888;
    background-color: #E8E8E7;
    background-image: url(../images/tab_bg.gif);
    border: 1px solid #ADADAD;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    cursor: pointer;
}

.DefaultTabHover
{
    color: #888888;
    background-color: #E8E8E7;
    background-image: url(../images/tab_bg.gif);
    border: 1px solid #ADADAD;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    cursor: pointer;
}

.SelectedTab
{
    color: #888888;
    background-color: #FFFFFF;
    background-image: url(../images/selected_tab_bg.gif);
    border: 1px solid #ADADAD;
    border-bottom-width: 0px;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    cursor: pointer;
}

/*********************************************************************************************/
/* Multipage for Project Reports */
/*********************************************************************************************/




.MultiPage
{
    background-color: White;
    overflow: visible;
    position: relative;
    padding: 10px;
    top: -3px;
    left: 1px;
    z-index: 98;
    border: 1px solid #D1CFD2;
    width: 487px;
    height: 200px;
}

.PageContent
{
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 10px;
}

.PageHeader
{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.2mm;
    font-family: verdana;
    color: #666666;
    margin-top: 0px;
    margin-bottom: 0px;
}
.watermark
{
    background: #FFAAFF;
}

.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #F5F5F5;
    border: solid 1px #EFEEF0;
    border-bottom: solid 1px #D0CFD1;
    border-right: solid 1px #D0CFD1;
    padding: 3px;
}
/*********************************************************************************************/
/*ComponentArt Dialog*/
/*********************************************************************************************/



.headerCss
{
    cursor: hand;
    cursor: pointer;
}
/*********************************************************************************************/
/* Project ToolBar */
/*********************************************************************************************/


.toolbar
{
    border: solid 1px #A6A6A6;
    background-image: url(../images/ProjectIcons/ToolBarIcons/backgroundgradient.gif);
    background-repeat: repeat-x;
}


.GridProjectStatus
{
    background-color: White;
    border: 1px solid #919B9C;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 5px;
}


.comboBox
{
    border: 1px solid #A6A7AA;
    background-color: white;
}

.comboBoxHover
{
    border: 1px solid #555555;
    background-color: white;
}

.comboDropDown
{
    border: 1px solid #868686;
    background-color: white;
    padding: 1px;
    padding-right: 0px;
    cursor: default;
}

.comboTextBox
{
    border: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.comboTextBoxGray
{
	color: #666666;
}

.comboItem
{
    font-family: Verdana;
    font-size: 11px;
    padding: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.comboItemHover
{
    background-color: #B2B4BF;
    font-family: Verdana;
    font-size: 11px;
    padding: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.TreeView
{
    background-color: White;
    padding-top: 4px;
    padding-left: 1px;
    border: #7C7C94 1px solid;
    cursor: default;
}

.TreeNode
{
    font-family: tahoma;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

.GrayedTreeNode
{
    font-family: tahoma;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: gray;
    cursor: default;
}

.HoverTreeNode
{
    font-family: tahoma;
    font-size: 11px;
    text-decoration: underline;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}

.SelectedTreeNode
{
    font-family: tahoma;
    font-size: 11px;
    background-color: gray;
    color: white;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}

.NodeEdit
{
    border: 1px gray solid;
    font-family: tahoma;
    font-size: 11px;
}

input
{
}
/*********************************************************************************************/
/* Site Spread Grid Styles */
/*********************************************************************************************/
.SpreadGrid
{
    font-family: "Segoe UI" , "Trebuchet MS" ,Tahoma,Arial,Helvectica,sans-serif;
    font-size: 11px;
    height: 23px;
}

.SpreadTabs
{
    font-family: "Segoe UI" , "Trebuchet MS" ,Tahoma,Arial,Helvectica,sans-serif;
    font-size: 14px;
    height: 23px;
    border-right: 1px solid black;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
}

.SpreadActiveTabs
{
    font-family: "Segoe UI" , "Trebuchet MS" ,Tahoma,Arial,Helvectica,sans-serif;
    font-size: 16px;
    height: 23px;
    border-right: 1px solid black;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
}

.ContextMenuPanel
{
    background: #FAFAFA url(/images/menu-bg.gif) repeat-y scroll 0pt 50%;
    border: 1px solid #868686;
    color: #000000;
    cursor: default;
    font-size: xx-small;
    font-weight: normal;
    padding: 1px 1px 0px;
    z-index: 1000;
}


/*********************************************************************************************/
/* Project Grid Cell Menu*/
/*********************************************************************************************/

/*========================= TOP OF THE MENU   =========================*/

.menu
{
    position: relative;
    height: 25px;
    width: 100%;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
}

.menu img
{
    vertical-align: top; /* prevent images from being pushed down by text */
}

.menu ul
{
    padding: 0;
    margin: 0;
    border: 0;
    list-style-type: none; /* we don't want to view the list as a list */
    line-height: 1.5em; /* globally set the menu's item spacing. note */
}
/* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li
{
    float: left;
    position: relative;
    margin: 0;
}

.menu ul li table
{
    margin: -1px 0; /* IE5 needs -1px top and bottom table margins */
    margin: 0; /* re-zero the table margins for everyone but IE5 */
    border-collapse: collapse; /* IE5 needs this for the sub-menus to work */
    font-size: 12px;
}

.drop
{
    display: block;
    padding: 0px 0.33em;
    margin: 0;
    text-align: center;
    cursor: pointer; /* IE tries to switch back to an I-beam, don't let it */
    cursor: hand; /* IE5 only knows about "hand", so set it both ways */
}

.drop span
{
    float: left;
}

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



/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul
{
    display: none;
    padding: 1px;
}

.menu ul li a, .menu ul li a:visited
{
    display: block;
    float: left;
    text-decoration: none;
    height: 25px;
    width: 30px;
}

.menu ul li:hover a, .menu ul li a:hover
{
    height: 25px;
    background: #ECE8E8;
    border: 1px #B8B8B8 solid;
}




/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul, .menu ul li a:hover ul
{
    /* 2nd level drop-down box */
    display: block;
    position: absolute;
    margin: 0;
    height: auto;
    text-align: left;
    color: black;
    background: black;
}



.menu ul li:hover ul.leftbutton, .menu ul li a:hover ul.leftbutton
{
    left: 0px;
}


.menu ul.rightmenu li ul li
{
    border: 1px #B8B8B8 solid;
}

.menu ul.rightmenu li:hover ul, .menu ul.rightmenu li a:hover ul
{
    left: auto;
    right: 0;
    left: 32px;
    background: #ECE8E8;
}

* html .menu ul.rightmenu li a:hover ul
{
    /* IE5/6 needs a tweak here */
    right: -1px;
    left: 32px;
    background: #d8d8d8;
}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a
{
    border: 0;
    margin: 0;
    padding: 0px;
    height: 23px;
    color: #444;
    background: #d8d8d8;
    display: block;
    width: 120px;
}

.menu ul li:hover ul li:hover a, .menu ul li a:hover ul li a:hover
{
    color: #444;
    background: #ECE8E8;
}
/*********************************************************************************************/
/* Project Grid Cell Menu - Take 2*/
/*********************************************************************************************/
.menuGrid
{
}
.menuGrid, .menuGrid ul
{
    border: 0pt none;
    display: block;
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
}
.menuGrid li
{
    border: 0pt none;
    display: block;
    margin: 0pt;
    padding: 0pt;
    position: relative;
    z-index: 5;
}
.menuGrid li:hover
{
    white-space: normal;
    z-index: 10000;
}
.menuGrid ul
{
    left: 0pt;
    position: absolute;
    top: 0pt;
    visibility: hidden;
    z-index: 10;
}
.menuGrid li:hover > ul
{
    left: 100%;
    visibility: visible;
}
.menuGrid:after, .menuGrid ul:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0pt;
    overflow: hidden;
    visibility: hidden;
}
.menuGrid, .menuGrid ul
{
    min-height: 0pt;
}
.menuGrid ul
{
    background-image: url(empty.gif);
    margin: -30px 0pt 0pt -10px;
    padding: 30px 30px 30px 10px;
}
.menuGrid, .menuGrid ul li
{
    background: #fff none repeat scroll 0%;
    color: #666;
}
.menuGrid
{
}
.menuGrid ul
{
    width: 12em;
    text-align: left;
}
.menuGrid a
{
    color: #666;
    display: block;
    padding: 0.4em 1em;
    text-decoration: none;
}
.menuGrid a:hover, .menuGrid li:hover > a
{
    color: #FFCC33;
}
.menuGrid li
{
    border: 1px solid #CCCCCC;
}
.menuGrid > li + li, .menuGrid ul > li + li
{
    border-top: 0pt none;
}
.menuGrid li:hover > ul
{
    left: 90%;
    top: 5px;
}
.menuGrid > li:first-child > a, .menuGrid li + li + li li:first-child > a
{
    color: #666;
}
/*********************************************************************************************/
/*Project Grid Context Menu*/
/*********************************************************************************************/
.GridContextMenu
{
    background-color: #fff;
    padding: 0;
    border: 1px solid #ADADAD;
    cursor: pointer;
     text-align:left;
}

.GridContextMenuItem
{
    padding: 0;
    border: 1px solid Transparent;
    background-color: #fff;
    cursor: pointer;
     text-align:left;
     width:125px;
}

.GridContextMenuItemHover
{
    padding: 0;
    background-color: #efefef;
    border: 1px solid #ADADAD;
    cursor: pointer;
     text-align:left;
}




/*********************************************************************************************/
/*Active Project Toolbar Menus*/
/*********************************************************************************************/


.ActiveProjectToolbarMenu
{
}

.ActiveProjectToolbarMenu ul
{
    margin-left: 0;
    padding-left: 0;
    display: block;
    float: left;
    border: 0;
}

.ActiveProjectToolbarMenu ul li a
{
    vertical-align: top;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
    color: #666;
}

.ActiveProjectToolbarMenu ul li a:hover
{
    color: #666;
    text-decoration: none;
    vertical-align: top;
    font-family: Trebuchet MS, Lucida Sans, sans-serif, Verdana, Tahoma;
    font-size: 11px;
}

.ActiveProjectToolbarMenu ul li
{
    background: transparent;
    border: 1px transparent solid;
    padding: 1px 2px 1px 2px;
    margin-top: 2px;
    width: 100px;
    display: block;
    float: left;
}


.ActiveProjectToolbarMenu ul li:hover
{
    border: 1px #666 solid;
    padding: 1px 2px 1px 2px;
    background-color: #efefef;
    border: 1px solid #ADADAD;
    display: block;
    float: left;
    margin-top: 2px;
}


/*********************************************************************************************/
/* How it works - ShowCase Items*/
/*********************************************************************************************/


.fieldTool_item
{
    float: left;
    margin: 0pt 0pt 15px;
    padding: 25px 0pt 0pt;
    text-align: center;
    width: 150px;
    z-index: 0;
}
.fieldTool_image
{
    border: 1px solid #000000;
    cursor: pointer;
    height: 126px;
    width: 106px;
}
.fieldTool_title
{
    color: #666666;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    margin-top: 8px;
}
.fieldTool_link
{
    color: #666666;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    margin-top: 3px;
}
.fieldTool_popup
{
    background: #FFFFFF url(http://static.asp.net/asp.net/images/ajax/ajax-showcase-bg-fade.png) repeat-x scroll 0pt;
    border: 2px solid #CCCCCC;
    display: none;
    font-family: Verdana;
    font-size: 0.9em;
    padding: 5px;
    width: 220px;
    z-index: 3;
}
.fieldTool_right_column
{
    border: 1px solid red;
    display: table-cell;
    margin: 0pt;
    padding: 0pt;
    width: 200px;
}
.fieldTool_left_column
{
    border: 1px solid green;
    display: table-cell;
    margin: 0pt 20px 0pt 0pt;
    padding: 0pt;
}

/*********************************************************************************************/
/*   MenuBlock*/
/*********************************************************************************************/

.MenuBlock
{
    background-color: White;
    padding: 3px 5px 3px 5px;
    border: 1px solid #919B9C;
}


/*********************************************************************************************/
/*   Form - Table*/
/*********************************************************************************************/
/*Multiple Tab Form*/
.prettyFormContainer
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	background-color:#eeeeee;
	border-left: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	border-right: 1px solid #adadad;
}

.prettyFormTable

{ width:500px; 
  background-color:#eeeeee;  
}

.labelCol
{
  text-align:right;
   padding-right:10px;
 padding-top:7px;
  padding-bottom:7px;
  border-bottom:1px dashed #bbb;
 
}
.dataCol
{
	  text-align:left;
	   padding-left:5px;
	  border-bottom:1px dashed #bbb;   
	 
}

.validationCol
{
  text-align:left;
  padding-left:5px;
   border-bottom:1px dashed #bbb;   
   
}
/*Single Form*/
.prettySingleFormContainer
{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;	 
}
.prettySingleFormTable
{  
 
}


.labelColSingle
{
	width:150px;
  text-align:left;
   padding-left:10px;
 padding-top:7px;
  padding-bottom:7px;
  border-bottom:1px dashed #bbb;
 
}
.dataColSingle
{
	  text-align:left;
	   padding-left:5px;
	      padding-right:10px;
	  border-bottom:1px dashed #bbb;   
	 
}

.validationColSingle
{
  text-align:left;
  padding-left:5px;
   border-bottom:1px dashed #bbb;   
   
}

/**************************************/
/*  Dialog */
/**************************************/
div#dlgContactsContainer
{
	width: 617px;
	height: 300px;
	overflow: auto;
}

table#tblContactDialog
{
	width: 600px;
	border: solid 1px #000000;
}

table#tblContactDialog td
{
	padding: 2px 5px 2px 5px;
	font-size: 7pt;
	border: solid 1px #666666;
}    	

table#tblContactDialog .header
{
	background-color: #ffffcc;
	color: #333333;
	border-color: #999999;
	font-weight: bold;
	font-size: 8pt;
	padding-left: 2px;
}

table#tblContactDialog .projectNameHeader
{
	background-color: #333333;
	color: #cccccc;
	border-color: #333333;
	font-weight: bold;
	font-size: 11pt;
	padding-left: 2px;
}

table#tblContactDialog .contactTypeHeader
{
	background-color: #666666;
	color: #eeeeee;
	border-color: #999999;
	font-weight: bold;
	font-size: 8pt;
	padding-left: 2px;
}

table#tblContactDialog .dataRow
{
	background-color: #ffffdd;
	color: #333333;
	border-color: #999999;
}

table#tblContactDialog .altDataRow
{
	background-color: #ffffff;
	color: #333333;
	border-color: #999999;
	padding-right: 2px;
}

/* other shit */

/*
.comboBox
{
  border: 1px solid #A6A7AA;
  background-color: white;
}

.comboBoxHover
{
  border: 1px solid #555555;
  background-color: white;
}

.comboDropDown
{
  border: 1px solid #868686;
  background-color: white;
  padding: 1px;
  padding-right: 0px;
  cursor: default;
}

.comboTextBox
{
  border: 0px;
  padding-left: 2px;
  padding-right: 2px;
  background-color: white;
}

.comboItem
{ */
/*  font-family: Verdana;
  font-size: 8px; */
/*  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: white;
}

.comboItemHover
{
  background-color: #B2B4BF;
  background-image: url(../images/tmp/comboItemBg.gif); */
/*  font-family: Verdana;
  font-size: 8px; */
/*  border: 1px solid #DBCE99;
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
}*/