/* DO NOT MODIFY */
html        {margin: 0; padding:0; min-height:100%;}
body        {margin: 0; padding:20px 0; line-height:1.5em;  text-align:center; font: 0.8em Verdana, Helvetica, sans-serif; min-height:100%;}
p           {margin: 0 0 1em 0;}
ul          {margin-top:0.2em; margin-bottom:0.2em;}
li          {margin-top:0.2em; margin-bottom:0.5em;}
textarea    {font: 10pt Verdana, Helvetica, sans-serif;}
a img       {border:0 none;}
hr          {border:none 0; border-top:dotted 1px #666; margin:0.5em 0; height:1px;color:#FFF;}
table       {border-collapse: collapse; border-spacing: 0;}


h1 a, h2 a, h3 a, h4 a, h1 a, h5 a {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h1 a:hover, h5 a:hover {text-decoration: underline;}
h1          {text-align:left; margin:0 0 0.4em 0; font-size: 2em; font-weight:normal; }
h2          {text-align:left; margin:1em 0 0.4em 0; font-size: 1.8em; font-weight:normal;}
h3          {text-align:left; clear:both; margin:0.8em 0 0.2em 0; font-size:  1.6em;	font-weight:normal;}
h4          {text-align:left; margin:0.3em 0 0.4em 0; font-size: 1.2em; font-weight:bold;}

h3 .date    {font-size:  0.8em;	font-weight:normal; color:#555; border-left:solid 1px #555; padding-left:0.5em; margin-left:0.5em;}
/* helpers */
.clear      {clear:both}
.center     {text-align:center}
.justified  {text-align:justify}
.small      {font-size:0.8em}
.left       {float:left; margin-right:10px}
.right      {float:right; margin-left:10px}

.intro      {font-size:1.1em;font-weight:bold;}
.bordered   {border: solid 1px #CCC;}
.noscript 	{margin-top:-10px; background:#EEE; padding:10px; color:#000;}
html body #wrap .noClear{clear:none}

.submit      {cursor: pointer; padding: 3px 5px; margin:0; color:#FFF; font-weight:bold; border:solid 1px #CCC; background: #999 url(../images/submitBg.png) repeat-x 0 0}
.submit:focus{border:dotted 1px #999; outline:none;}
.closeButton{float:right; margin:-10px -10px 0 0; clear:both; font-size:0.8em; background: transparent url(../images/close.png) no-repeat 0 0; width:36px; height:36px; cursor:pointer}
* html .closeButton{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/close.png', sizingMethod='scale'); position:relative;}

.closeButton span{display:none}
#fileOptions{margin-bottom:10px;}
/* .message {margin:0.3em 0; display:block; border: solid 1px #FFCC66; background-color: #FFFFCC; padding: 5px 10px; color: #333;} */
.message    {color: #FF0000;}

/* new simplified menus - not dropdown. put modifyers in general.css */
ul.menu, ul.menu li ul{list-style:none outside none; margin:0; padding:0; display:inline;}
ul.menu li          {margin:0; padding:0;}
ul.menu li ul       {display:none}
ul.menu li.selected ul {display:block}
ul.menu li a        {text-decoration:none; zoom:1}
/* wrap div.hMenu around ul.menu to define it as a horizontal menu */
.hMenu  ul.menu     {padding-left:5px;}
.hMenu  ul.menu li  {float:left; margin-right:-1px;}
.hMenu  ul.menu li a{padding: 4px 5px; }
/* wrap div.hMenu around ul.menu to define it as a vertical menu */
.vMenu  ul.menu li  {display:block; margin-bottom:-1px;}
.vMenu  ul.menu li.last  {margin-bottom:0;}
.vMenu  ul.menu li a{display:block; margin:0; padding:4px 0 4px 10px; color:#333}

/* wrap div#topMenu.hMenu around ul.menu to define it as the top horizontal menu */
#topMenu.hMenu      {padding:10px 5px 0 0; float:right}
#topMenu.hMenu li   {padding:0 5px; border-right: dotted 1px #FFF}
#topMenu.hMenu li a {padding:0; color: #FFE3BB;}
#topMenu.hMenu li.last {padding-right:0; border-right: none}
#topMenu.hMenu a:hover{color: #FFE3BB; text-decoration:underline}

.buttonLinks          {list-style:none outside none; display:inline; margin:0; padding:0;}
.buttonLinks li       {font-size: 0.9em; background:#D8D8DA url(../images/buttonBg.png) repeat-x 0 0;  float:left; padding:0; margin:0 2px 0 0;}
.buttonLinks a        {width:110px; line-height:1.7em; font-style:italic; text-decoration:none; padding: 2px 2px 2px 19px; white-space:nowrap; display:block; background:transparent url(../images/btn-icons.png) no-repeat 2px 4px;  border: solid 1px #999;}
.buttonLinks a, .buttonLinks a:visited, .buttonLinks a:hover, .buttonLinks a:visited:hover {color:#333;}
.buttonLinks a:hover  {background-color:#DEF;}
.buttonLinks li.disabled a        {cursor: auto}
.buttonLinks li.disabled a:hover  {background-color:transparent;}
a.fileType            {background:transparent url(../images/btn-icons.png) no-repeat 2px 4px; padding-left:20px;}
.noLabel a            {width:12px;}
.noLabel span         {display:none}
.bigLabel             {width:160px;}

a.btn-add { background-position: 2px 4px;  }
a.btn-cancel, a.btn-signOut { background-position: 2px -61px;  }
a.btn-delete {background-position: 1px -130px; width:124px }
a.btn-deleteConfirm { background-position: 2px -198px;  }
a.btn-docFileSm { background-position: 2px -264px;  }
a.btn-docPdfSm { background-position: 2px -1428px;  }
a.btn-fileAddLg { background-position: 2px -330px;  }
a.btn-fileUpload { background-position: 2px -400px; width:90px }
a.btn-folder { background-position: 2px -470px;  }
a.btn-folderNew { background-position: 2px -531px;  }
a.btn-folderNewLg { background-position: 2px -602px;  }
a.btn-folderUpLevelLg { background-position: 4px -676px;  }
a.btn-folderUpLevelLgDisabled { background-position: 4px -751px;  }
a.btn-folderUpLevelSm { background-position: 2px -824px;  }
a.btn-folderUpLevelSmDisabled { background-position:2px -890px;  }
a.btn-contacts { background-position: 2px -951px;  }
a.btn-myAccount { background-position: 2px -951px;  }
a.btn-notices { background-position: 2px -1018px;  }
a.btn-project { background-position: 2px -1086px;  }
a.btn-projectSelected { background-position: 2px -1154px;  }
a.btn-projectStandard { background-position: 2px -1220px;  }
a.btn-submit { background-position: 2px -1286px;  }
a.btn-view { background-position: 2px -1352px;  }

/* width of container if in side column */
.grid_3 .buttonLinks li {display:block; float:none; width:190px; margin: 0 0 2px 0}
.grid_3 .buttonLinks li a{width:auto; }

#wrap               {padding: 0; margin:0 auto; width:960px; background-color:#FFF; text-align:left; border: solid 1px #DDD;}
#main               {padding:20px 0; min-height:40em;}
#logo               {float: left;}

#footer             {clear:both; width:960px; background-color:#FFF; margin:auto; text-align:left; padding:20px 0; font-size:0.9em;}
#footer .menu a     {text-decoration:underline; padding: 0 10px;}
#footer .copy       {padding:10px; clear:left; }

/* forms */
input.error, select.error, textarea.error      {border:dotted 1px #FF0000;}
.formBlock       {display:block; border: 1px solid #CCC; height: auto; background-color: #eeeeee; padding:10px;margin:10px 0}
form.formBlock label, form.formBlock .label  {float:left; width:10em; clear:both;}
form.formBlock label.error {float:none; width:auto;color: #FF0000; padding-left:10px;}
form.formBlock button{margin-left:10em;}

form.formBlock .line {clear:both;padding:5px 0;}
form.formBlock h4    {margin:0; font-size:1em}

form.formBlock label.error {float:none; width:auto; color: #FF0000; padding-left:10em; display:block}

.grid_3 form.formBlock label.error{ padding-left:0;}

/* phase out tables for layout */
form.formBlock table {width:100%}
form.formBlock table td{padding:5px}

input.txt {width:20em}
input.txtBig {width:30em}
/* hacks for signin in left column */
.grid_3 form.formBlock .line input.txt {width:96%;}
.grid_3 form.formBlock label {float:none; display:block;}
#login h4{display:none}
.grid_3 #login h4{display:block}

.logoList{}
.logoList dl {display:block; border-bottom:1px dotted #999999;}
.logoList dt {margin: 0; clear:both; float:left; padding:20px 0 0 0;}
.logoList dd {margin: 0; padding:20px 0 10px 200px;}

.vList .logoList dl {border-bottom:none;}
.vList .logoList dt {padding:0; float:none; text-align:center}
.vList .logoList dd {margin-bottom:10px; padding:5px 0 10px 0; border-bottom:1px dotted #999999; text-align:center}
.vList .logoList dd a {text-decoration:none;}


.stacked ul.logoList {display:inline; padding:0; margin: 0}
.stacked ul.logoList li {display:block;  border:solid 1px #CCC; text-align:center; float:left; width:220px; padding:0; margin: 0 5px 5px 0}
.stacked ul.logoList li a {display:block; padding:10px; margin:0; min-height: 95px; }
.stacked ul.logoList li a img {display: inline; padding:0; margin-bottom:5px; float:none; text-align:center}
.stacked ul.logoList li a:hover {background-color:#EEEEEE}


.stakeholder_stacked ul.logoList {display:inline; padding:0; margin: 0}
.stakeholder_stacked ul.logoList li {display:block;  border:solid 1px #CCC; width:222px; float:left; padding:0; margin: 0 5px 5px 0; }


    /*  text-align:center; float:left;  padding:0; margin: 0 5px 5px 0}
.stakeholder_stacked ul.logoList li a {display:block; padding:10px; margin:0; min-height: 130px }
.stakeholder_stacked ul.logoList li a img {display: inline; padding:0; margin-bottom:5px; float:none; text-align:center}
.stakeholder_stacked ul.logoList li a:hover {background-color:#EEEEEE}  */

.breadcrumbs{font-size:11px;}

.paneBlock  {display:block; border: 1px solid #CCC; height: auto; background-color: #eeeeee; padding:10px; margin:10px 0}

/* =Grid >> Global overwrites
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	margin-left: 10px;
	margin-right: 0px;
}
