/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:20px;
color:#000000;
}

#bodyWrapper {
text-align:center;
margin:0 auto;
overflow:hidden;
width:771px;
}

.loginSection {
overflow:hidden;
}

.columnOne {
float:left;
width:475px;
text-align:left;
line-height:18px
}

.columnOneHome {
float:left;
width:450px;
text-align:left;
line-height:18px;
margin:0 0 0 42px;
position:relative;
}

.mainColumn {
float:left;
width:771px;
text-align:left;
line-height:18px
}

.columnTwo {
float:left;
width:250px;
margin:0 0 0 42px;
text-align:left;
padding:0
}

.columnTwoHome {
float:left;
clear:both;
width:279px;
margin:0;
text-align:left;
padding:0
}
.content_top {
    background:url(/images/bg_top_curve.png) no-repeat; 
    height:44px;
    }

.centerCol {
    position: relative;
    width:1001px;
    /*height: 100%;*/
    height: 590px;
    margin-left: auto;
    margin-right: auto;
    background: #fff url(../images/bg_home.jpg) no-repeat;
	}

/*EXPANDABLE GREY BOXES*/

.Gtop-left, .Gtop-right, .Gbottom-left, .Gbottom-right { 
	background-image: url('../images/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.Gtop-left, .Gbottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.Gtop-right, .Gbottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.Gtop-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.Gbottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.Gbottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
	.Ginside1 {
	border-left: 1px solid #0376bf; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #0376bf;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;
	padding-bottom:-100px;
	text-align:left;             /* YCC: all texts at some distance of the right border */
	}
.Ginside {
	border-left: 1px solid #0376bf; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #0376bf;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;
	padding-bottom:-100px;
	text-align:left;             /* YCC: all texts at some distance of the right border */
	}
/*EXPANDABLE GREY BOXES*/

/*EXPANDABLE GRADIENT BOXES*/

.GRDtop-left, .GRDtop-right { 
	background-image: url('../images/corners1280x18White.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}

.GRDbottom-left, .GRDbottom-right { 
	background-image: url('../images/corners1280x18Blue.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}	
.GRDbottom1-left, .GRDbottom1-right { 
	background-image: url('../corners1280x18BlueWhite.GIF'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}		
.GRDtop-left, .GRDbottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.GRDtop-right, .GRDbottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.GRDtop-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.GRDbottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.GRDbottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.GRDinside {
	border-left: 1px solid #0376bf; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #0376bf;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;
	padding-bottom:-100px;
	text-align:left;             /* YCC: all texts at some distance of the right border */
	}
/*EXPANDABLE GRADIENT BOXES*/


/*EXPANDABLE WHITE BOXES*/

.Wtop-left, .Wtop-right, .Wbottom-left, .Wbottom-right { 
	background-image: url('../images/corners1280x18White.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.Wtop-left, .Wbottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.Wtop-right, .Wbottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.Wtop-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.Wbottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.Wbottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.Winside {
	border-left: 1px solid #0376bf; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #0376bf;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;
	padding-bottom:-100px;
	text-align:left;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */
/*EXPANDABLE WHITE BOXES*/


/*TEXT FORMATTING*/

.blueBold12 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0A76BF;
}

.blue12 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0A76BF;
}

.black10 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
}

.black16 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
font-weight:bold;
color:#000000;
}

.yellowNote {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#E28304;
}

tr.odd {
background-color:#DADADA;
}

tr.paid a {
color:#8D8D8D;
}

tr.paid {
color:#8D8D8D;
}

.grdFormBack {
background-image:url(../images/selectBackgroundGrad.gif);
width:250px;
}

.selectGrad {
background-image:url(../images/selectBackgroundGrad.gif);
width:250px;
}