/* CSS Document */
/* CSS2 Compliant */

body{
margin:0px;
padding:0px;
font-family: Georgia, Times, Serif;
font-size:12px;
background-color:#DFD6D6;
color:#000;
}

#wrapper{
position:relative;
margin:0px;
padding:3px;
width:760px;
overflow:hidden;
border: 1px solid #ffcc00;
background-color: #ffffcc;
}

.error{
color: #FF0000; 
font-weight: bold;
}

#invite_title{
color: #776666;
text-transform: uppercase;
font-size:20px;
font-weight: bold;
margin:40px 40px 10px 20px;
padding:3px;
}

#invite_subtitle{
font-size:16px;
font-weight: bold;
margin:0px 40px 0px 0px;
padding:5px;
}

#invite_copy{
font-size:14px;
line-height:20px;
margin:3px 40px 10px 20px;
padding:3px;
}

#invite_copy2{
font-size:14px;
line-height:20px;
margin:3px 40px 10px 20px;
padding:3px;
}


#steps{
margin:30px 40px 20px 20px;
padding:0px;
overflow:hidden;
}

#steps ol{
margin:0px;
padding:0px;
}

#steps ol li{
float:left;
width:40px;
height:40px;
display:block;
margin-left:5px;
padding:0px;
background-color: #ffcc00;
color:#fff;
}

#steps ol li p{
margin: 4px 0px 4px 10px;
padding:0px;
font-size:26px;
font-weight:bold;
}

#steps  ol li.current{
background-color: #cc6600;
}


#mproviders_1{
margin:10px 40px 0px 20px;
padding:6px;
}

#mproviders_2{padding:6px;}

#mproviders_3{padding:6px;}



/* Mail Provider Icons */
#aol{background: url(/images/abi/aol.gif) top right no-repeat;background-color:#FFFFFF}
#dmc{background: url(/images/abi/dmc.gif) top right no-repeat;background-color:#FFFFFF}
#ffm{background: url(/images/abi/ffm.gif) top right no-repeat;background-color:#FFFFFF}
#yho{background: url(/images/abi/yho.gif) top right no-repeat;background-color:#FFFFFF}
#gml{background: url(/images/abi/gml.gif) top right no-repeat;background-color:#FFFFFF}
#gmx{background: url(/images/abi/gmx.gif) top right no-repeat;background-color:#FFFFFF}
#icq{background: url(/images/abi/icq.gif) top right no-repeat;background-color:#FFFFFF}
#idt{background: url(/images/abi/idt.gif) top right no-repeat;background-color:#FFFFFF}
#lki{background: url(/images/abi/lki.gif) top right no-repeat;background-color:#FFFFFF}
#lyc{background: url(/images/abi/lyc.gif) top right no-repeat;background-color:#FFFFFF}
#mdc{background: url(/images/abi/mdc.gif) top right no-repeat;background-color:#FFFFFF}
#mhm{background: url(/images/abi/mhm.gif) top right no-repeat;background-color:#FFFFFF}
#myn{background: url(/images/abi/myn.gif) top right no-repeat;background-color:#FFFFFF}
#rdf{background: url(/images/abi/rdf.gif) top right no-repeat;background-color:#FFFFFF}
#wbd{background: url(/images/abi/wbd.gif) top right no-repeat;background-color:#FFFFFF}
#empty{background-color:#FFFFFF}



#ctrls{
margin:6px;
padding:4px;
clear:left;
}

#button{
font-size:15px;
font-weight:bold;
color:#fff; 
background:url(/images/abi/grad.gif) repeat-x; 
border:1px solid #aaaa99; 
width:160px;
height:30px;
padding:5px; 
margin: 2px;
clear: left;
}


#done{
position:relative;
clear:left;
margin:100px 40px 10px 10px;
padding:3px;
}

#ctrls_1{
position:relative;
clear:left;
margin:140px 40px 10px 0px;
padding:0px;
}
#ctrls_2{
position:relative;
clear:left;
margin:140px 40px 10px 10px;
padding:3px;
}
#ctrls_3{
position:relative;
clear:left;
margin:140px 40px 10px 10px;
padding:3px;
}

#addressbook{
margin:0px 40px;
padding:0px;
overflow:auto;
width: 650px;
height: 400px;
border:1px solid #aaaa99; 
}

#addressbook_container{
margin:0px;
padding:0px;
width: 650px;
height: 430px;
}


.login_box{
border: 1px solid #0066CC;
}