/* --------------------------------------
   CSS Reset by Eric Meyerv1.0 | 20080212
   -------------------------------------- */

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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ------------------ 
 * Typography
 * Based on Blueprint
   ------------------ */

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
    font-size: 80%;
    color: #222;
    background: #fff;
    font-family: Arial, sans-serif;
    line-height: 1.5em;
}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; line-height: 1.5em; margin: 0; }

/* Text Styles */
h1 { font-size: 1.6667em; line-height: 1.8em; margin-top: 0.9em;}
h2 { font-size: 1.5em; line-height: 1em; margin-top: 1em;}
h3 { font-size: 1.3333em; line-height: 1.125em; margin-top: 1.125em;}
h4 { font-size: 1.1667em; line-height: 1.2857em; margin-top: 1.2857em;}
h5 { font-size: 1em; font-weight: bold; font-style: italic; line-height: 1.5em; margin-top: 1.5em;}
h6 { font-size: 1em; font-weight: bold; line-height: 1.5em; margin-top: 1.5em;}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child
{
    margin-top: 0;
}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements */
p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #333; font-style: normal; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'monaco', 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */
li ul,
li ol       { margin: 0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
li          { margin: 0.5em 0; }

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

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables */

table
{
    margin-bottom: 1.4em;
}

th
{
    font-weight: bold;
}

th, td
{
    padding: 4px 10px 4px 5px;
}

tr.even td
{
    background: #E5ECF9;
}

tfoot
{
    font-style: italic;
}

caption
{
    background: #eee;
}


/* Misc classes */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/*  ------------------------------------------------- 
    Blueprint Forms
    * Sets up some default styling for forms
    * Gives you classes to enhance your forms
    Usage: For text fields, use class .title or .text
    ------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

form table
{
    width: auto;
}

form td,
form th
{
    vertical-align: top;
    text-align: left;
}

/* Form fields */

input[type="text"],
textarea,
select
{
    width: 250px;
}

form table input,
form table textarea,
form table select
{
    margin: 0 0 0.5em 0;
}

form p label
{
    display: block;
}

form p input[type="text"],
form p textarea,
form p select
{
    display: block;
}

.column form table td li
{
	list-style-image: none;
}

textarea
{
    height: 7em;
    padding: 5px;
    font-size: 1em;
}

form ul
{
    margin: 0;
}

form li
{
    list-style: none;
    margin: 0;
}

/* Radio buttons look better this way */
form li label input
{
    position: relative;
    top: 7px;
}

/* Success, notice and error boxes */

.error,
.errorlist,
.notice,
.success    { padding: .8em; margin: 0 0 1em 0; border: 2px solid #ddd; }

.error,
.errorlist  { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.errorlist  { padding: 0.2em 0.2em 0.2em 2em; }
.errorlist li { margin: 0; padding: 0; }


/*  -------------------------------------------------------------
    Blueprint Clearing floats without extra markup
    Based on How To Clear Floats Without Structural Markup by PiE
    http://www.positioniseverything.net/easyclearing.html
    ------------------------------------------------------------- */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* * html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing apply to column that should drop below previous ones. */
.clear { clear:both; }

/* ----------------------------------------------
   ERC EP specific styles
   ---------------------------------------------- */

body {
    margin: 0 0 1em 1em;
    text-align: left;
}

textarea
{
    font-family: Arial, sans-serif;
}

#spacer
{
	margin: 0 0.5em 1em 0.5em;
}

#main-wrapper {
    width: 960px;
    margin: 0 auto;
}

a {
    color: #000000;
}

a:hover, a:active, a:focus,
a:hover:visited {
    color: #0093a7;
}

a:visited {
    color: #999;
}

#cms_messages { margin: 0; padding: 1em; background: #E6EFC2; color: #264409;}
#cms_messages li { margin: 0 0 0 2em; padding: 0;}

/** Menu's **/
ul.menu {
    margin: 0;
}

ul.menu li {
    list-style: none;
    margin: 0;
}

/*** Nice tables with list of data ***/

table.list
{
    min-width: 70%;
    max-width: 100%;
    border-top: 1px solid #ddd;
}

table.list tr
{
    border-bottom: 1px solid #ddd;
}

table.list th,
table.list td
{
    padding: 2px;
    vertical-align: top;
}

table.list th
{
    font-weight: bold;
    text-align: left;
    background-color: #eee;
}

/* Header */
#header {
    margin: 0 0 0.5em 0;
}

#logo {
    height: 90px;
    width: 400px;
    float: left;
}

#toplinks {
    margin-top: 5px;
    text-align: right;
    font-size: 0.9em;
    width: 50%;
    float: right;
}

#topmenu {
    background-color: #0093a7;
    clear: both;
}

#topmenu li {
    float: left;
}

#topmenu li.selected a,
#topmenu li.subselected a {
    color: #a0e6ed;
}

#topmenu a {
    color: white;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 0 0.5em;
    margin: 2px 0;
    border-left: 1px solid white;
}

#topmenu li:first-child a {
    border-left: none 0 transparent;
}

#topmenu a:hover {
    background-color: #006977;
}

#call-to-action {
    width: 200px;
    float: right;
    font-size: 1.1em;
    margin: 2em 0 0.5em 1em;
    padding: 0.5em 1em;
    border: #ccc 1px solid;
    background-color: #eee;
    text-align: center;
}

#compliance_col #call-to-action {
    float: none;
    margin-left: 0;
    margin-top: 0;
    width: auto;
}

#compliance_col #call-to-action a {
    width: 75%;
}

#call-to-action .button a {
    display: block;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
}

.button {
    margin: 0;
}

.button  a {
    border: 2px outset #0093a7;
    background-color: #0093a7;
    text-align: center;
    padding: 0.25em;
    text-decoration: none;
    color: white;
}

.button a:hover {
    text-decoration: underline;
    color: white;
}

.button a:focus {
    border-style: inset;
}


/*** Content & Columns ***/

#content {
    margin-bottom: 1em;
}

.column-container-5,
.column-container-4,
.column-container-3,
.column-container-2,
.column-container-1 {
    float: left;
    min-width: 150px;
}

.column-container-5 {
    width: 100%;
}
.column-container-4 {
    width: 79.95%;
}
.column-container-3 {
    width: 59.95%;
}
.column-container-2 {
    width: 39.95%;
}
.column-container-1 {
    width: 19.95%;
}

.column {
    margin-right: 1em;
    padding: 0.5em;
    overflow: hidden;
}

.column ul li
{
	list-style-image: url(../img/erc-bullet-right.png);
}

#extra input[type="text"]
{
    width: 90%;
}

#actions li
{
    list-style-type: none;
    list-style-image: none;
}

#actions a {
    text-decoration: none;
    display: block;
    padding: 1px;
}

#actions a span {
    text-decoration: underline;
}

#actions a:hover,
#actions a:focus,
#actions a:active {
    background-color: #ddd;
}

/* Content properties */

#content-properties {
    padding-bottom: 0;
}

#content-properties h2 {
    margin-top: 0;
}

#content-properties p {
    margin-bottom: 0.5em;
}

#content-properties .truncated {
    max-height: 150px;
    overflow: hidden;
    border-bottom: 1px dashed gray;
}

#content-properties p.truncate_show {
    margin-bottom: 2em;
}

/*  ------------------------------------------------------
    Tabs 
    Copy-pasted and slightly modified from demo in JQuery.
    ----------------------------------------------------- */

#tabs {
    padding-top: 0;
}

.ui-tabs-hide {
    display: none;
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
ul.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    list-style-image: none;
    min-width: 64px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../img/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #0093a7;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 44px; /* IE 6 treats width as min-width */
    min-width: 44px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-panel {
    border: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    min-height: 20em;
}

/* Additional IE specific bug fixes... */
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* Content header */

#content-header h1
{
    padding: 0.5em 0.75em 0 0.66em;
    margin: 0;
    position: relative;
    font-size: 150%;
    color: white;
}

#event #content-header h1
{
    color: black;
}

#content-header #content-type
{
    font-style: italic;
    padding: 0 1em 0.25em 1em;
    margin: 0;
    color: white;
}

#event #content-header #content-type
{
    color: black;
}

#regulation-index li {
    list-style-type: none;
    list-style-image: none;
}

/*** Portal Home ***/

.home #compliance_news h3,
.home #events h3
{
    font-size: 1em;
    font-weight: bold;
}

.home #announcements h3
{
    margin-top: 0.3em;
}

.home #compliance_news p,
.home #announcements p
{
    margin-bottom: 0.3em;
}

.home #compliance_news li
{
    margin-bottom: 0.5em;
}

.home #corporate-main {
    margin-top: 2em;
}

#editors-title
{
    display: none;
    background-color: #eee;
    padding: 4px 4px 4px 1em;
    font-size: 1.1em;
    background: url(../img/erc-bullet-right-bggrey.png) no-repeat center left;
    font-weight: bold;
    border-top: 1px solid #b2b2b2;
}

#editors-title.selected
{
    background: url(../img/erc-bullet-down-bggrey.png) no-repeat center left;
}

/*** Content for corporate site ***/

#corporate h1,
#corporate h2,
#corporate h3,
#corporate h4,
#corporate h5,
#corporate h6 {
    color: #0093a7;
}


#corporate h2
{
	color: #5f5f61;
	margin: 0.3em 0;
}

#corporate h3
{
	font-weight: bold;
}

#corporate p
{
	margin-bottom: 1em;
}


#homenews
{
	height: 10em;
}

#homenews h1
{
	width: 70%;
	float: left;
	height: auto;
}

#homenews a#newsoverview
{
	float: left;
	width: 30%;
	height: auto;
	text-align: right;
	padding-top: 2px;
}

#homenews ul {
    margin: 0 0 0 1.4em;
}

#homenews li {
    margin: 0 0 0.3em 0;
}

#homenews a
{
	text-decoration: none;
}

#homenews a:hover
{
	text-decoration: underline;
}

#home_image div
{
    margin: 1em 1em 0 0;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
}

#home_image img
{
    display: block;
	height: 12em;
    width: 100%;
}

#compliance-news {
    padding: 0 1em;
}

#compliance-news h1 {
    margin-top: 1em;
}

#compliance-news h3
{
	line-height:1.5em;
	font-weight: normal;
    font-size: 1em;
}

#compliance-news ul {
    margin: 1em;
}

#compliance-news ul li a
{
	text-decoration: none;
}

#compliance-news .rss-summary,
#compliance-news .rss-date
{
	display: none;
}

#home-events
{
    margin-top: 3em;
}

#home-events p
{
    text-align: center;
}

#home-promotions h1,
#menu_col h1
{
    font-size: 1.6667em;
    line-height: 1.5em;
    margin-top: 1em;
}

#home-promotions ul,
#menu_col ul
{
    margin-bottom: 1em;
    margin-left: 0.5em;
}

#home-promotions ul li,
#menu_col ul li
{
    line-height: 1.5em;
	margin: 0.5em 0em 0.5em 1em;
}

#home-promotions ul li
{
    font-size: 1.1em;
    margin-bottom: 1.2em;
}


#home-promotions ul li a,
#menu_col ul li a
{
	letter-spacing: 1px;
	font-size: 1.1em;
    text-decoration:none;
    color: #0093a7;
}

#home-promotions li a:hover,
#menu_col li a:hover
{
	text-decoration: underline;
}

#menu_col li.selected a,
#menu_col li.subselected a {
    color: #333;
}

/*** Content for news site ***/

#news_page h2
{
	font-weight: bold;
	font-size: 1.2em;
}

#news_page h2 a
{
	text-decoration: none;
}

#news_page ul li
{
    list-style-image: url(../img/erc-bullet-right.png);
    margin-bottom: 2em;
}

#news_page .teaser p
{
	margin: 0em;
}

#news_item h1
{
	line-height: normal;
	margin: 0.3em 0;
}

#news_item h3
{
	margin: 1.125em 0em;
	font-weight: bold;
}

#news_item td
{
	vertical-align: top;
}

#news_item #news_date
{
	margin-bottom: 1.5em;
	display: block;
	color: #0093a7;
}

/*** Content Contact page ***/

#contact_content 
{
	float: left;
	width: 30%;
}

#contactform {
	float: left;
	width: 70%;
}

#contactform input[type="text"],
#contactform textarea {
    width: 350px;
    padding: 3px;
}

#contactform select {
    width: 350px;
}

/*** Content tag page ***/

#corporate #tag #content-header
{
	margin-right: 1em;
	border-right: 2px solid #555;
}

#corporate #tag #content-properties
{
	border-bottom: none;
}



/*** Footer ***/

#footer {
    border-top: 1px solid #0093a7;
}
 
#footer ul {
    background-color: white;
    margin: 0 auto;
    width: 500px;
}

#footer li {
	float: left;
	width: 33%;
	text-align: center;
}

#footer li.selected,
#footer li.subselected {
    padding-top: 0;
    border-top: 4px solid #999;
    
}

#footer a {
    color: black;
    text-decoration: none;
    font-size: 0.8em;
    color: #707070;
    padding-top:4px;
}

#footer .selected a,
#footer .subselected a,
#footer a:hover {
    color: #0093a7;
}

#release-info {
    clear: both;
    font-size: 0.8em;
    color: #aaa;
    text-align: center;
}