/***********
DO NOT CHANGE THIS FILE, MAKE CHANGES FOR YOUR LAYOUT IN YOUR OWN Themes\{Theme}\Overlay.css!
 ***********/

body { margin: 60px 0 16px 0; text-align: center; font-size: inherit; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FEFEFE;}
form { margin: 0; padding: 0; }
div { -moz-box-sizing: border-box; box-sizing: border-box; }

/* 3 columns & site container */
#main	{ border: 0px solid black; float: left; width: 540px; margin-left: 250px; padding-top: 20px; border-top: 1px solid #D0D0D0; }
* html #main { display: inline; }
#left	{ border: 0px solid green; float: left; width: 220px; margin-left: -760px; padding-top: 20px; border-top: 1px solid #D0D0D0; overflow: hidden; } /*overflow: hidden; removed: in Safari background doesnt fill otherwise */
#right	{ border: 0px solid red; float: left; width: 190px; padding-top: 30px; border-top: 1px solid #D0D0D0; }

/* Start tweaking for the 3 columns same height background */

/* Start Mac IE5 filter \*/
#main, #left, #right { padding-bottom: 32767px !important; margin-bottom: -32767px !important; }
@media all and (min-width: 0px) {
	#main, #left, #right { padding-bottom: 0 !important; margin-bottom: 0 !important; }
	#main:before, #left:before, #right:before 	{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0; }
}
/* End Mac IE5 filter */

/* Site container: site */
#site	{ width: 1010px; background: #fff url(/Themes/Default/bgcont.png); margin: 0 auto; text-align: left; overflow: hidden; /* This hides the excess padding in non-IE browsers */ }
#site	{ float: left; /**/ float: none; }

/* Start easy clearing */
#site:after	{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden; }
#site	{ display: inline-block; }
/*\*/
#site	{ display: block; }
/* End easy clearing */

#paddingbottom_maincolumn { height: 20px; line-height: 20px; }
/* End tweaking */
/* End 3 collumns */

#cont { height: expression("380px"); min-height: 380px; }

#head { border: 1px solid #fff; margin: 0 30px 0 30px; margin-right: expression("50px"); height: 91px; background: url(/Themes/Default/eau_logo.gif) no-repeat top left; }
#foot { clear: both; position: relative; top: 10px; margin: 0 30px 0 30px; height: 20px; background: #4B94BD;}

#body { font-size: 70%; padding: 10px 0 0 10px; width: 100%; height: auto; overflow: auto;}
#body td { font-size: 70%; padding: 1px; }
#body div.label, #body div.control { height: 25px; }
#body div.label { width: 110px; font-weight: bold; font-size: 120%; float: left; }

/*		M E N U    S T Y L E S 			*/
.menu-1 { text-align: left; width: 200px; font-size: 11px;color: #232323; }
.menu-1 ul, .menu-2 ul, .menu-3 ul { padding:0px; margin:0px; list-style-type: none; }
.menu-1 a, .menu-2 a, .menu-3 a { text-decoration:none; }
.menu-1 { background: url(/Themes/Default/menu_divider_line.jpg) no-repeat bottom; }
.menu-1 li { display: inline-block; margin: 7px 0; width: 200px; /* for Safari */ padding: 7px 0px 2px 0px; background: url(/Themes/Default/menu_divider_line.jpg) no-repeat top; }
.menu-1 a:hover { text-decoration: underline; }
.menu-1 div.active a { padding-right: 13px; margin-right: -13px; font-weight: bold; }
.menu-1 a { color:#232323; line-height: 1.4em; }
.menu-1 .item-1 { color:#232323; margin: 0; padding: 0px 5px 0px 0px;}

.menu-2 { border: 0; padding-top: 5px; }
.menu-2 a { line-height: 1.2em; }
.menu-2 li { display: block; border: 0; margin: 4px 0px 0 0; border: 0; padding: 0px 8px 0 0; width: auto; /* needed for IE6 to cancel width declaration above */ }
.menu-2 li.active { background-image: none; }
.menu-2 .item-2 { border-right: 3px solid #4A94BE; margin: 0px; margin-right: -8px; padding: 0px 5px 0px 0px; }

.menu-3 { margin-top: 6px; margin-bottom: 6px; }
.menu-3 .item-3 { border-right: 3px solid #4A94BE; margin: 0px; margin-right: -8px; padding: 0px 5px 0px 0px; }
.menu-3 li { display: block; margin: 4px 0px 0 0; border: 0; padding: 0px 8px 0 0; }
.menu-3 li.active { background-image: none; }

#right { font-size: 70%; }
.help { background: #5998C9; border: 1px solid #4A94BE; padding: 3px; color: #fff; margin: 0px 10px 10px 10px;}
.help td { color: #fff; font-size: 70%; }
.help p { margin: 0; padding: 0; }
.help a { color: #fff; text-decoration: none; }
.help .bold { color: #4A94BE; }
.help ul { margin: 0; padding: 0 0 0 25px; padding-left: expression("15px"); border: 0px solid black; list-style-position: outside; }
.help li { margin: 0px 0 3px 0; margin-top: expression("3px");border: 0px solid black; padding: 0; padding-left: expression("10px"); min-height: 14px; line-height: 14px; vertical-align: top;}
.help li.a { cursor: pointer; }


/*		O T H E R    S T Y L E S    */
#contact { margin-top: 100px; padding: 10px; color: #232323; font-size: 70%; }
#contact a { color: #232323; text-decoration: none; }
#contact a:hover { text-decoration: underline; }

.h1 { padding: 30px 0 0 250px; color: #ffffff; font-size: 40px; }
#head .h1 { margin: 50px 0px 0 0; padding: 4px 0 6px 20px; color: #ffffff; font-size: 13px; font-weight: bold; background: url(/Themes/Default/menu_bar_center.gif) repeat-x; }

span.a { cursor: pointer; }
span.a:hover { text-decoration: underline; }

.bgcolor { background-color: #5998C9; }
.bold 	 { font-weight: bold; }
.italic 	 { font-style: italic; }
.children_italic *	 { font-style: italic; }
.center { text-align: center; }
.clearer { clear: both; height:1px; overflow:hidden; margin: 0; padding: 0; margin-top:-1px; }

#TrenttLogo { margin: 0 auto; background: url(/Themes/Default/lower.png) no-repeat top; width: 1010px; padding-top: 40px; }

/*    D E B U G    S T Y L E S    */
pre { text-align: left; }

/*		L A Y O U T	 S T Y L E S		*/
.layoutDiv { background-color:white; color:#4A94BE; border: 1px solid #4A94BE;padding:2px; }
.layoutTable {	width: 514px; border-width: 1px; border-style: solid;	border-color: #4A94BE; border-collapse: collapse; background-color: white; }
.layoutTable th { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; border-width: 1px; padding: 2px; padding-left:4px; border-style: solid; border-color: #4A94BE; border-collapse: collapse; background-color: #4A94BE; color: #ffffff; text-align: left;}
.layoutTable th.inverse { background-color:white; color:#4A94BE; }
.layoutTable td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #4A94BE; border-width: 1px; padding: 4px; border-style: solid; border-collapse: collapse;}

.ErrorMsg { margin: 10px 0 10px 0; padding: 10px; color: red; background-color: #FFFFCC; border: 1px solid red;}