/*****

MAIN COLORS
orange  #FE9832
green   #519F1A
blue    #009FF7

BG COLORS
orange  #FFFFFF
green   #FCFDFA
blue    #EEFAFF

*****/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Verdana, "Bitstream Vera Sans", Arial, sans-serif;
 font-size: 10px;
}

* { line-height: 140%; font-size: 12px; }

div#box{width: 90%;padding: 10px  0;margin:0 auto;
    text-align:left;background: #ecebeb url(http://mail.elsevier-alerts.com/aem/clients/ESB001/images/microsite/gradient2.png) repeat-x 0 -5px}

h1 {
        font-size: 14px;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 10px; 
        }
        
h2 {
        font-size: 12px;
        margin: 10px 10px;
        padding:0; 
}
        
h4 {
        margin: 0;
        padding:0;
}
        
ul {
        margin-left: 15px;
        margin-top: 10px;
        margin-bottom: 10px; 
}
ul li{
        margin:0;padding:0
}

a {
        font-size: 12px;
        color:  #666;
        outline: none;
}
a:visited {
        color:  #666;
        }
a:active {
        color:  #666;
        }
a:hover {
        color: #666;
        }
        
.whitelink {
        font-size: 8px;
        color:  #fff;
        outline: none;
        }
.whitelink:visited {
        font-size: 8px;
        color:  #fff;
        }
.whitelink:active {
        font-size: 8px;
        color:  #fff;
        }
.whitelink:hover {
        font-size: 8px;
        color: #fff;
        text-decoration: underline;
        }
        
        
        
        
/*
ORANGE
*/
        
.orangelink {
        color:  #FE9832;
        outline: none;
        text-decoration: none;
}

.orangelink:hover {
        text-decoration: underline;
}

.orangefootlink {
        color:  #FE9832;
        outline: none;
        text-decoration: none;
}

.orangefootlink:hover {
        text-decoration: underline;
}


.orange, a.orange {
        color:#FE9832;
}


.lightorange {
        color:#FFD4A0;
}

        
/*
BLUE
*/
        
.bluelink {
        color:  #009FF7;
        outline: none;
        text-decoration: none;
}

.bluelink:hover {
        text-decoration: underline;
}

.blue, a.blue {
        color:#009FF7;
}

.lightblue{
        color:#55cFFb;
}



/*
TABLE
*/

td.mainTD {
        background-color: #fff;
        width:480px;
        padding: 5px 5px 15px 5px;
        
}

td.mainTD p,
td.mainTD div {
        margin: 10px 10px 0 10px; 
        padding:0;
}


td.gapTD {
        width:20px;     
}
td.rightTD {
        width:190px;
}
        
td {
        vertical-align: top;
}
        

/*
FORMS
*/

input.inputRight {
        width: 155px;
        font: 10px Verdana;
        color: #999;
        padding:6px;
}


select {
        font-size: 11px;
}
 
#pagewidth{ 
        width:720px; 
        text-align:left;  
        margin-left:auto; 
        margin-right:auto;
} 
 
#header{
        position:relative; 
        height:0px; 
        width:100%;
} 
 
#maincol{
        background-color: #FFFFFF;
        float: right; 
        display:inline; 
        position: relative; 
        width:100%; 
}
 
#footer{
        height:20px; 
        clear:both;
        font-size: 10px;
        padding: 6px 0;
} 


#stepof                 {  position:absolute; bottom:25px; left:385px; }
#stepof span    {  font-size: 18px; }


.boxRight { width:180px; padding:10px; background-color:#E8E7E7; }
 
.dots {
        border-bottom: 1px dotted #ccc;
}
 
 /* *** Float containers fix:
  *** */ 
.clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
}
 
.clearfix{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */