/*------------------------------------------------------------------ 
    
    EmailEncoder main.css 
    Meridium AB 2009

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1 Reset all css rules for elements used by email encoder
-------------------------------------------------------------------*/
#email-encoder div,
#email-encoder label,
#email-encoder input,
#email-encoder em,
#email-encoder p {
    background:transparent none;
    height:auto;
    margin:0;
    padding:0;
    width:auto;
    text-align:left;
}
#email-encoder p 
{
	padding-bottom: 5px;/*Add some padding after paragrahps*/
}
/*------------------------------------------------------------------
2 Dialog overlay
-------------------------------------------------------------------*/
#email-encoder {
    background:transparent url(../images/overlay.png);
    color:#333;
    /*font is set to absolute size to not change even if the body has a relative size already set.*/
    /*Also a bit smaller (than normal 16px) to not let the dialog get to big...*/
    font:13px/1.5 'helvetica neue', helvetica, arial, sans-serif;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
}
#email-encoder div.ee-dialog {
    background:#efefef;
    border:5px solid #fff;
    border-radius:5px;
    box-shadow:2px 2px 15px #999;
    margin:2% auto 0;
    padding:0 0 1em;
    position:relative;
    max-width:43em;/*captcha needs 43, otherwize 35 is sufficcient*/
    min-height:10em;
}
/*------------------------------------------------------------------
3 Form
-------------------------------------------------------------------*/
#email-encoder div.ee-dialog div {
    overflow:hidden; 
    padding:0 1em;
}
#email-encoder div.ee-dialog div#recaptcha_area 
{
	padding:0;
}

#email-encoder div.ee-dialog div.ee-errors {
    background:#f6f6f6 url(../images/error.png) no-repeat .8em 55%;
    padding:1em 0 1em 55px;
    margin:0 0 1.2em 0;
}
#email-encoder div.ee-errors strong { display:block; }
#email-encoder h1 {
    background:#00aed4 url(../images/sprite-x.png) repeat-x;
    color:#fff;
    font:1.4em/1.2 'helvetica neue', helvetica, arial, sans-serif;
    font-weight:bold;
    padding:.4em .7em;
    margin:0 0 .8em 0;
}
#email-encoder label {
    display:block;
    font-weight:bold;
    margin:0 1em;
}
#email-encoder em {
    font-style:italic;
    font-weight:normal;
    color:#666;
}
#email-encoder input,
#email-encoder textarea {
    background:#fff;
    border:solid 1px #ccc;
    /*display:block; don't work with hidden input fields, they become visible... label display block is perhaps enough*/
    font:1em 'helvetica neue', helvetica, arial, sans-serif;
    margin:.1em 1em .5em;
    padding:.4em;
    width:95%;
}
#email-encoder textarea {line-height:1.5;}
#email-encoder input:focus,
#email-encoder textarea:focus { border-color:#00aed4; }
#email-encoder input.ee-error,
#email-encoder textarea.ee-error { background:#fff2f2; }
#email-encoder input.ee-button {
    background:#00aed4 url(../images/sprite-x.png) repeat-x;
    border:0;
    color:#fff;
    float:left;
    font-weight:bold;
    margin:.5em .5em 0 0;
    padding:.7em .7em .8em .7em;
    width:auto;
    cursor:pointer;
}
#email-encoder input.confirmCloseButton {
   background:url(../images/close.png) no-repeat;
    display:block;
    height:26px;
    margin:1px;
	position: absolute;
/*    position:absolute;
    text-indent:-9999px; */
    top:-64px;
    right:-14px;
    width:26px;
    border:0 solid transparent;
    cursor:pointer;
	z-index: 1000;
}
#email-encoder input.ee-button:hover { background-image:none; }
#email-encoder input.ee-button:active { background:#00aed4 url(../images/sprite-x.png) repeat-x 0 -176px; }
#email-encoder input.ee-close {
    background:url(../images/close.png) no-repeat;
    display:block;
    height:26px;
    margin:1px;
    position:absolute;
    text-indent:-9999px; 
    top:-14px;
    right:-14px;
    width:26px;
    border:0 solid transparent;
    cursor:pointer;
    font-size:1px;/*Quirks mode displays the text otherwize...*/
}
#email-encoder input.ee-close:active,
#email-encoder input.ee-close:focus {
    /*margin:0;*/
    outline:0;
    /*border:1px dotted #fff;*/
}
/*------------------------------------------------------------------
4 Non standards compliant css
-------------------------------------------------------------------*/
#email-encoder .ee-dialog {
    -moz-border-radius:2px;
    -moz-box-shadow:2px 2px 20px #888;
    -webkit-border-radius:2px;
}
#email-encoder input,
#email-encoder textarea {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
#email-encoder input:focus,
#email-encoder textarea:focus {
    -moz-box-shadow:0 0 5px #60cce3;
}
#email-encoder input.emailEncoderMathProblemInput
{
	width:5em;
}
/*------------------------------------------------------------------
5 Page rendered styles
-------------------------------------------------------------------*/
.emailEncoderImage{
	border:0;
	text-align:center;
}