/* $Header: /home/cvs/www.dcbcard.com/public_html/styles/content.css,v 1.40 2008/04/08 12:13:48 matthew Exp $ */
body {
margin: 0;
padding: 0;
background: white;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}

/*structure*/

#mainbody{
width: 750px;
text-align: left;
background: #fff;
}

#header{
background: #fff;
padding: 0;
margin: 0;
font-size: 10px;
}

#header2{
background: #FFD600;
height: 63px;
padding: 0;
margin: 0;
width: 100%;
}

#header2 h1{
padding: 0;
margin: 0;
width: 400px
}

#content{
background: #fff;
margin: 12px 0 0 12px;
padding: 0;
width: 760px;
/* \*/
width: 750px;
}

#content2{
background: #fff;
margin: 30px 0 0 20px;
padding: 0;
width: 740px;
}

#footer{
background: #fff;
clear: both;
font-size: 10px;
color: #FE4C0E;
margin: 40px 0 0 0;

}

#footer .linkline{
margin: 0 0 0 21px;
width: 800px;
}

a{
color: #FE4C0E;
text-decoration: none;
}

.column2 a, .column4 a.main, .column3 a.main{
font-size: 10px;
font-weight: bold;
}

.block2 a.main{
font-size: 11px;
font-weight: normal;
}

#footer .line1{
background: #FE4C0E;
height: 13px;
width: 100%;
margin: 12px 0 0 0;
}

#footer .line2{
background: #FFD600;
height: 45px;
margin: 1px 0 0 0;
width: 100%;
}

/*header stuff*/
.nav{
clear: both;
height: 18px;
width: 100%;
background: #FE4C0E;
margin: 0;
padding: 0;
}

.logoline{
width: 750px;
width/**/: 730px;
padding: 20px 0 40px 20px;
_padding: 20px 0 20px 20px;
}

.menu{
padding: 2px 0 0 14px;
}



/*generic*/
form{
padding: 0;
margin:0;
}

.right{
float: right;
}

.left{
float: left;
}

.clear{
clear: both;
}

ul li{
list-style-image:url(../images/bullet.gif);
margin: 10px 0 0 -25px;
}

li{
padding: 0 0 10px 0;
}


input, textarea, iframe, select{
border: 1px solid #CBCBCB;
background: #fff;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.langform select{
border: 1px solid #CBCBCB;
background: #fff;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FE4C0E;
margin: -10px 0 0 600px;
/* \*/
margin: 0 0 0 0;
/* */

}

.column1{
float: left;
width: 180px;
margin: 0 5px 0 0;
padding: 0;
}

.column2{
float: left;
background: transparent url(../images/dl2.gif) repeat-y right top;
width: 160px;
margin: 15px 5px 0 0;
margin/**/: 4px 5px 0 0;
padding: 0 10px 0 10px;
height: 180px;
}

.column3{
float: left;
margin: 0 0 0 62px;
width: 375px;
}

.column4{
background: transparent url(../images/dl2.gif) repeat-y right top;
float: left;
width: 355px;
padding: 0 10px 0 0;
padding/**/: 0 15px 0 0;
}

.column5{
background: transparent url(../images/dl2.gif) repeat-y right top;
/* \*/
float: left;
/* */
width: 690px;
margin: 0 0 0 0;
}

.column6{
background: transparent url(../images/dl2.gif) repeat-y right top;
float: left;
width: 365px;
margin: 0 15px 0 0;
}


.dl1{
background: transparent url(../images/dl1.gif) repeat-x;
width: 400px;
height: 1px;
padding: 10px 0 10px 0;
clear: both;
}

.dl2{
background: transparent url(../images/dl1.gif) repeat-x;
width: 350px;
height: 1px;
padding: 10px 0 10px 0;

clear: both;
}

.dl3{
background: transparent url(../images/dl1.gif) repeat-x;
width: 310px;
height: 1px;
padding: 10px 0 10px 0;
clear: both;
}

.dl4{
background: transparent url(../images/dl1.gif) repeat-x;
width: 720px;
height: 1px;
padding: 10px 0 10px 0;
clear: both;
}


h2{
font-size: 16px;
}

h3{
color: #999999;
font-weight: bold;
font-size: 11px;
margin: 0;
padding: 0 0 10px 0;
}

.formbox h3, .cardbox h3, .smartcard h3, #ola h3{
color:#0066CC;
margin: 0 0 10px 0;
clear: both;
}

.smartcard strong {
color:#0066CC;
}

.smartcard{
clear:  both;
margin: 0 10px 0 0;
}


.column2 h2, #header2 h1, h2{
color:#0066CC;
}

#header2 h1{
font-size: 18px;
padding: 20px 0 26px 20px;
_padding: 19px 0 22px 20px;
}

.column2 h2, .block, .column4 h2{
margin: 0 0 8px 0;

}

.block{
width: 160px;
height: 40px;
margin: 0 0 20px 0;
}

.block2{
float: left;
width: 220px;
padding: 0 10px 0 0;
}

.block3{
float: left;
width: 200px;
padding: 0 14px 0 0;
}


.logbox{
background: transparent url(../images/i4.gif) no-repeat;
width: 183px; /*ie5*/
width/**/: 183px; /*ie 5.5*/
width/**/: /**/180px; /*not ie*/
_width/**/: /**/180px; /*ie 6*/
height:104px;
padding: 8px 0 0 9px;
color: #FE4C0E;
font-size: 10px;
}

.logbox .login{
margin: 5px 0 0 82px;
margin/**/: 5px 0 0 87px;/*ie 5.5*/
}

.logbox h3{
color: #FE4C0E;
padding: 0 0 3px 0;
font-size: 10px;
}


/*language selector*/
#intro{

color:#0066CC;
margin: 100px 0 0 0;
}

#intro h1{
font-size: 18px;
font-weight: bold;
padding:  0 0 0 0
}



.links{
display: block;
margin: 0 auto 0 auto;
/* \*/
margin: 0 0 0 0;
clear: left;
/* */
width: 297px;
_width: 315px;
}



.links .button{
color: #fff;
font-weight: bold;
background: #FF4C0E;
width: 84px;
height: 21px; /*ie5*/
height/**/: 21px; /*ie 5.5*/
height/**/: /**/17px; /*not ie*/
_height/**/: /**/17px; /*ie 6*/
float: left;
padding: 3px 0 0 0;
margin: 0 0 0 10px;
cursor: pointer;
cursor: hand;
}



.links  .button a{
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 12px;

}

/*applications steps*/
.stepon{
background: #999;
height: 18px; 
height/**/: /**/16px; /*hide from ie 5.5 and 5.0*/
font-size: 9px; 
color: #fff; 
margin: 3px 0 0 0; 
padding: 0 0 0 0;
/* \*/
padding: 2px 0 0 0;
/* */
text-align: center;
font-size:9px;
}

.stepoff{
background: #FE4C0E; 
height: 18px; 
height/**/: /**/16px; /*hide from ie 5.5 and 5.0*/
font-size: 9px; 
color: #fff; 
margin: 3px 0 0 0; 
padding: 0 0 0 0;
/* \*/
padding: 2px 0 0 0;
/* */
text-align: center;
font-size: 9px;
}

.stepoff .macie, .stepon .macie{
margin: 3px 0 3px 0;
display: block;
/* \*/
margin: 0 0 0 0;
/* */
}

html>body .stepon .macie{
margin: 3px 0 3px 0;
display: block;
padding-top: 0.2em;
}


.stepborder{
float: left;  
background: #FFD600; 
height: 23px;
width: 120px;
padding: 0 0 5px 0;
padding/**/: /**/0 0 3px 0; /*hide from ie 5.5 and 5.0*/
}



.stepline{
margin: -10px 0 0 10px;
width: 800px;
height: 26px;
}


html>body .stepon{
background: #999;
height: 18px; 
font-size: 9px; 
color: #fff; 
margin: 3px 0 0 0; 
padding: 0 0 0 0;
text-align: center;
}

/*dd form*/
#content3{
width: 610px;
margin: 20px 10px 0 20px ;
}



.ddbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #635D7B;
	font-weight: bold;

}
.ddwhite {
	font-family: Verdana;
	font-size: 8px;
	color: #FFFFFF;
	font-weight: bold;
}
.ddnumbers {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.ddheader {
	font-family: Arial;
	font-size: 10px;
}

.ddtext{
color: #0066CC; 
padding: 10px 0 10px 0;
}
.ddbox{
padding: 15px 0 15px 0; 
border-top: #0066CC 1px dashed; 
border-bottom: #0066CC 1px dashed;

}

.tg li{
padding: 5px 0 5px 0;
}

/*card services help text*/
.csinfo{
padding: 33px 0 0 0;
}
.csinfo2{
padding: 80px 0 0 0;
_padding: 70px 0 0 0;
}

.csinfo3{
padding: 30px 0 28px 0;
_padding: 30px 0 20px 0;
}


.csbox1{
height: 162px; /*ie5*/
height/**/: 160px;  /*ie 5.5*/
height/**/: /**/169px;
_height/**/: /**/161px;
}

.csbox2{
height: 130px; /*ie5*/
height/**/: 133px; /*ie 5.5*/
height/**/: /**/131px; /*not ie*/
_height/**/: /**/131px; /*ie 6*/
}
.csbox3{
height: 88px; /*ie5*/
height/**/: 88px; /*ie 5.5*/
height/**/: /**/85px; /*not ie*/
_height/**/: /**/88px; /*ie 6*/
}

.csbox4{
height: 162px; /*ie5*/
height/**/: 164px; /*ie 5.5*/
height/**/: /**/169px; /*not ie*/
_height/**/: /**/160px; /*ie 6*/
}

.csbox5{
height: 68px; /*ie5*/
height/**/: 68px; /*ie 5.5*/
height/**/: /**/63px; /*not ie*/
_height/**/: /**/69px; /*ie 6*/
}

.csbox6{
height: 213px; /*ie5*/
height/**/: 213px; /*ie 5.5*/
height/**/: /**/221px; /*not ie*/
_height/**/: /**/214px; /*ie 6*/
}

.csbox7{
height: 237px; /*ie5*/
height/**/: 237px; /*ie 5.5*/
height/**/: /**/247px; /*not ie*/
_height/**/: /**/237px; /*ie 6*/
}



#confirm .editable{
display: none;

}

#confirm .not_editable{
display: block;

}