html, body {
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 100%;
}

#container {
 text-align: center;
 background-color: #e0eaf1;
}

#holder {
 width: 867px;
 margin: 0 auto;
 text-align: left;
 position: relative;
 top: 70px;
 z-index: 1;
}

#textholder {
 position: relative;
 top: 60px;
 left: 10px;
 width: 840px;
 height: 275px;
 text-align: center;
 overflow: auto;
}

#recipientsholder {
 position: relative;
 margin: 0 auto;
 width: 720px;
 height: 200px;
 text-align: center;
 overflow: auto;
}

#recipientsholder input {
 width: 200px;
}

#textholder p {
 font-weight: normal;
 margin: 0px 100px;
}
#textholder input {
 width: 200px;
}

#header {
 background: url(/files/unicef/kone/kone_logo2.png) right;
 background-repeat: no-repeat;
 width: 867px;
 height: 69px;
 cursor: pointer;
}

#header2 {
 background: url(/files/unicef/kone/header_bg2.png);
 width: 867px;
 height: 69px;
 cursor: pointer;
}

#content-holder {
 width: 867px;
 height: 405px;
 background: url(/files/unicef/kone/content_bg.gif);
 background-repeat: no-repeat;
 background-color: #f0f3f5;
 position: relative;
}

#content {
 width: 867px;
}

#tools {
 position: absolute;
 left: 3px;
 bottom: 4px;
 /*background: url(/files/unicef/kone/tools_bg.gif);*/
 width: 860px;
 height: 64px;
}

#tools form img {
 margin: 20px 5px 0px 5px;
}

#tools input {
 position: relative;
 top: -10px;
 margin: 0px 4px;
 font-family: Arial;
 font-size: 11px;
}

#tools select {
 position: relative;
 top: -9px;
 margin: 0px 5px;
 font-family: Arial;
 font-size: 11px;
 width: 135px;
}

input.button {
 margin-top: 10px;
}

#ecard {
 position: relative;
 left: 40px;
 top: 47px;
}

#preview {
 position: absolute;
 top: 85px;
 left: -20px;
 z-index: 1;
}

#cardholder {
 width: 650px;
 height: 270px;
 background: #ffffff;
 position: absolute;
 left: 100px;
 top: 40px;
}

#add_recipients {
 float: right;
 position: relative;
 top: 10px;
 right: 23px;
}

#cardholder #ecard {
 position: relative;
 left: 20px;
 top: 20px;
}

#cardholder #messageholder {
 position: absolute;
 right: 60px;
 top: 20px;
 width: 240px;
 height: 200px;
 overflow: hidden;
 font-family: Arial;
 font-size: 15px;
 color: #336699;
}


#footer {
 bottom: 0px;
/* background: url(/files/unicef/kone/footer_bg.gif);*/
 width: 867px;
 height: 63px;
}

#links {
 font-family: Arial;
 font-size: 11px;
 color: #0066cc;
 position: relative;
 left: 15px;
 top: 22px;
}

textarea.message {
 position: absolute;
 top: -268px;
 right: 135px;
 border: 1px solid #cccccc;
 display: block;
 width: 260px;
 height: 209px;
 /*font-family: Arial;
 font-size: 11px;*/
 padding: 10px;
 font: normal 15px arial, sans-serif;
 color: #336699;
}

p {
 font-family: Arial;
 font-size: 13px;
 font-weight: bold;
}

h1 {
 color: #0066cc;
 font-family: Arial;
 font-size: 16px;
 font-weight: bold;
}

h2 {
 color: #0066cc;
 font-family: Arial;
 font-size: 14px;
 font-weight: bold;
}

a {
 color: #0066cc;
}

#bg {
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 0;
}


img {
 border: 0px;
}

#header,
#header2 {
   behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", 
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", 
        this.src = "/files/unicef/kone/1px.png"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), 
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='"+ 'crop' +"')",
         this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}