body {
        background-color: #ECECEC; /* Grey very light */
        margin: 0px;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        text-align:left;
        font-weight: normal;
}
/* outer template */
#Shadow {
        background-color: #D6D6D6;
        width: 807px;
}
#MainBackground {
        background-color: #FFFFFF;
        border: 1px solid #ADADAD; /* Grey med */
        width: 800px;
        text-align: left;
}
/* Links */
a {
        color: #0066CC;
        text-decoration: none;
}
a:hover {
        color: #669900;
        text-decoration: underline;
}
/* forms */
form {
        margin: 0px;
}
.other-form {
        margin: 0px;
}
.other-form select {
        background-color: #FFFFFF;
        border: 1px solid #ADADAD;
        font-size: 11px;
        line-height: 11px;
        font-family: arial, helvetica, sans-serif;
        width: 150px;
        margin-left: 5px;
        color: #0066CC;
        vertical-align: middle;
}
.other-form option {
        background-color: #ffffff;
        font-family: arial, helvetica, sans-serif;
        font-size: 11px;
}

select, input, textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal; 
		border: 1px solid #7f9db9;
}

option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal; 
}

/* makes inputs same height as select boxes */
input, textarea {
	padding: 2px;
}

.btn-std {
        font-family: verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 10px;
        font-weight: bold;

        color: #FFFFFF; /* color 15 */
        background-color: #0066CC; /* color 1 */

        padding-top: 2px;
        padding-bottom: 2px;

        border-top: 2px solid #67A0D9; /* color 3 */
        border-left: 2px solid #67A0D9; /* color 3 */
        border-right: 2px solid #013366; /* color 2 */
        border-bottom: 2px solid #013366; /* color 2 */

        cursor: pointer;
}

/* Top Section */
#TopSection {
        text-align: right;
        font-family: Arial,helvetica,Sans-Serif;
		padding-right:15px;
        font-size: 11px;
        line-height: 12px;
        color: #666666;
        font-weight: normal;
        height: 105px;
}
#TopSection img {
        vertical-align: middle;
		border: 0px;
}
#TopSection .link {
        position: relative;
        right: 5px;
        top: -5px;
        margin-bottom: 0px;
        width: 185px;
        font-weight: normal;
}
#TopSection .link-bold {
        position: relative;
        right: 5px;
        top: -5px;
        margin-bottom: 0px;
        width: 185px;
        font-weight: bold;
        text-align: right;
}
#TopSection .login-area {
        float:right;
        background-image: url(/images/misc/GreenGradient.jpg);
        background-repeat: repeat-x;
        height: 76px;
        margin-top: 6px;
}
#TopSection .text-bold {
        color: #0066CC;
        font-size: 11px;
        line-height: 12px;
        font-weight: bold;
        text-align: left;
        padding: 5px 0px 0px 5px;
}
#TopSection .input-area {
        padding: 5px;
}
#TopSection .logintextbox {
        border: 1px solid #ADADAD;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 9px;
        line-height: 10px;
        width: 100px;
        color: #0066CC;
        vertical-align: middle;
        padding: 2px;
}
#TopSection input[type='checkbox'] {
        width: 15px;
        height: 15px;
        vertical-align: middle;
        border: 1px solid #ADADAD;
}
#TopSection a {
        font-size: 11px;
        line-height: 12px;
        color: #666666;
        font-weight: bold;
        text-decoration: none;
        padding-right: 5px;
}
#TopSection a:hover {
        font-size: 11px;
        line-height: 12px;
        color: #0066CC;
        font-weight: bold;
        text-decoration: none;
}
#TopSection select {
        background-color: #FFFFFF;
        border: 1px solid #ADADAD;
        font-size: 9px;
        line-height: 10px;
        font-family: arial, helvetica, sans-serif;
        width: 100px;
        margin-left: 5px;
        color: #0066CC;
        vertical-align: middle;
}
#TopSection option {
        background-color: #ffffff;
        font-family: arial, helvetica, sans-serif;
        font-size: 9px;
}

/* Top Nav */
#TopNav {
        background-image: url(/images/misc/TopNavBackground.jpg);
        background-repeat: repeat-x;
        height: 32px;
        width: 800px;
        clear: both;
}
#TopNav div {
        padding: 8px 0px 8px 0px;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 13px;
        line-height: 14px;
        color: #0066CC;
        text-align:left;
        font-weight: normal;
        float: left;
}
#TopNav .low {
        padding: 8px 25px 8px 25px;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 13px;
        line-height: 14px;
        color: #0066CC;
        text-align:left;
        font-weight: bold;
        float: left;
        cursor: pointer;
        left:0px;
        position:relative;
}

#TopNav .hi {
        color: #669900;
        text-decoration: none;
        background-image: url(/images/misc/TopNavBackground-hi.jpg);
        background-repeat: repeat-x;
        padding: 8px 25px 8px 25px;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 13px;
        line-height: 14px;
        text-align:left;
        font-weight: bold;
        float: left;
        cursor: pointer;
}
#TopNav .selected {
        color: #669900;
        text-decoration: none;
        background-image: url(/images/misc/TopNavBackground-hi.jpg);
        background-repeat: repeat-x;
        padding: 8px 25px 8px 25px;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 13px;
        line-height: 14px;
        text-align:left;
        font-weight: bold;
        float: left;
        cursor: pointer;
        border-bottom: 1px solid #669900;
        border-top: 1px solid #669900;
}

/* TopSubNav */
#TopSubNav {
        width: 780px;
        background-color: #D5F1AD;
        height: 15px;
        font-size: 12px;
        line-height: 12px;
        padding: 5px 10px;
        text-align: left;
        color: #666666;
        font-family: Arial,helvetica,Sans-Serif;
        font-weight: normal;
}
#TopSubNav a {
        text-decoration: none;
        color: #666666;
}
#TopSubNav a:hover {
        text-decoration: none;
        color: #0066CC;
}
/* If no secondary nav is needed */
#TopSubNavAlt {
        border-top: 3px solid #D5F1AD;
}

/* Main Content Area */
#MainContent {
        width:800px;
        text-align: left;
        /* height:100%; */
        position: relative;
        min-height: 150px;
        vertical-align: top;
}
/* If Left Nav is used */
#MainContentInner {
        width:648px;
        text-align: left;
        /* height: 100%; */
        border: 0px;
        padding: 0px;
        margin: 0px;
        left: 149px;
        top: 0px;
        position: relative;
        /* border: 1px solid #FFFFFF; */
        /* border-bottom: 1px solid #FFFFFF; */
        border-left: 1px solid #D6D6D6;
        min-height: 200px;
}
/* Footer */
#Footer {
        clear: both;
        background-color: #ECECEC;
        border: 1px solid #D6D6D6;
        width: 780px;
        margin: 10px;
        color: #666666;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 11px;
        line-height: 13px;
        font-weight: normal;
        text-align:left;
        padding:10px;
}
#Footer a {
        color: #666666;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 11px;
        line-height: 13px;
        font-weight: normal;
        text-align:left;
        text-decoration: none;
}
#Footer a:hover {
        color: #666666;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 11px;
        line-height: 13px;
        font-weight: normal;
        text-align:left;
        text-decoration: underline;
}
#Footer div {
        color: #666666;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 11px;
        line-height: 13px;
        font-weight: normal;
        text-align:left;
        text-decoration: none;
        padding: 5px 5px 5px 0px;
}
#Footer img {
        float:right;
        margin-top:10px;
}

/* table elements */
/*
table {
        vertical-align: top;
        padding: 15px;
        border-collapse: collapse;
        width: 100%;
}
tr {
        vertical-align: top;
}
td {
        vertical-align: top;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        text-align:left;
        font-weight: normal;
        padding: 3px 15px;
}
*/


.plan-table {
        vertical-align: top;
        padding: 0px;
        border-collapse: collapse;
        border: 1px solid #ADADAD;
}
.plan-td {
        vertical-align: top;
        border-collapse: collapse;
        border: 1px solid #ADADAD;
        padding: 10px;
        font-family: Arial,helvetica,Sans-Serif;
        text-align: left;
        font-size: 12px;
        line-height: 18px;
        font-weight: normal;
}
.td-highlight {
        vertical-align: top;
        border-collapse: collapse;
        border: 1px solid #ADADAD;
        padding: 10px;
        font-family: Arial,helvetica,Sans-Serif;
        text-align: left;
        font-size: 12px;
        line-height: 18px;
        font-weight: bold;
        color: #0066CC;
        background-color: #F8F8F8;
}
/* content */
.title {
        margin: 15px;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 16px;
        line-height: 18px;
        color: #0066CC;
        font-weight: bold;
        text-align: left;
        clear: left;
}

.alt-text {
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        text-align:left;
        font-weight: bold;
        margin: -10px 15px 15px 15px;
}
.text {
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        text-align:left;
        font-weight: normal;
       /* margin: 0px 25px 5px 25px; */
}
.text-small {
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 11px;
        line-height: 15px;
        color: #333333;
        text-align:left;
        font-weight: normal;
        margin: 15px;
}
.hint-text {
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 11px;
        line-height: 18px;
        color: #646464;
        text-align:left;
        font-weight: normal;
}
.required-field {
        color: #A90101;
        padding: 3px 0px 3px 5px;
}
.alert {
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 12px;
        line-height: 18px;
        color: #cc0000;
        text-align:left;
        font-weight: normal;
        margin: 15px;
        padding:2px;
        border: 1px solid #CC0000;
        width:500px;
}
ul {
        margin: 15px 15px 15px 30px;
}
li {
        font-family: Arial,helvetica,Sans-Serif;
        padding-bottom: 8px;
        list-style-type: square;
    list-style-image: url(/images/misc/Bullets/Bullet.gif);
        vertical-align: text-top;
        font-size: 12px;
        line-height: 18px;
        color: #333333;
        margin-right: 10px;
}
li a {
        color: #0066CC;
        text-decoration: none;
}
li a:hover {
        color: #669900;
        text-decoration: underline;
}
.line {
        clear: both;
        border-top: 2px dotted #D6D6D6;
        margin: 0px 10px;
        width: 97%;
        padding: 0px;
        line-height: 2px; /*needed for IE/win*/
        font-size: 2px; /*needed for IE/win*/
        height: 2px;
}



/* Registration Pages */
#Registration {
        text-align: left;
        margin:0px;
        padding:0px;
}
#Registration .steps {
        margin: 10px 5px;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 16px;
        line-height: 18px;
        color: #ADADAD;
        font-weight: bold;
        text-align: left;
        float: left;
}
#Registration .steps-highlight {
        margin: 10px 5px;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 16px;
        line-height: 18px;
        color: #0066CC;
        font-weight: bold;
        text-align: left;
        float: left;
}
#Registration img {
        vertical-align: middle;
        margin-left: 10px;
}

/*
 * These are overridden from in_base.css
 */

.it {
        margin-left: 5px;
        margin-right: 5px;
		vertical-align:top;
}

.it td {
        vertical-align: top;
        padding-top: 3px;
        padding-bottom: 3px;
		vertical-align:top;
}

td {
	vertical-align:top;
}

.nowrap {
   white-space: nowrap;
}


.fld-title {
        color: #333333; 
		font-weight:normal;
		vertical-align:top;
		height:15px;
		padding-top:0px;
}

.txt-important {
        color: #A90101;
}

.txt-hint {
        font-style: italic;
		font-size: 11px;
		color: #999999;
}


.section-divider {
        margin: -5px 2px 2px 2px;
        font-family: Arial,helvetica,Sans-Serif;
        font-size: 14px;
        line-height: 17px;
        color: #0066CC;
        font-weight: bold;
        text-align: left;
		border-bottom: 1px solid #aecdec;
		padding-bottom:2px;
}

.page-hr {
	border-top: #EEEEEE solid 1px; /* color 2 */
	margin: 5px 10px;

}

.page-hr2 {
	border-top: #EEEEEE solid 1px; /* color 2 */
	margin: 5px 10px;
}

.page-hr3 {
	border-top: #EEEEEE solid 1px; /* color 2 */
	margin: 5px 10px;
}

.offer {
	background-color: #ffffff; /* color 6 */
	border: #D2D2D2 solid 1px; /* color 17 */
	margin-bottom:10px;
	margin-top:10px;
	width:450px;
	height: 55px;
	border-radius-bottomright: 5px;
	border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius-topright: 5px;
	border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	text-align:left;
	padding-left:0px;
}

.gray-bg {
	background-color: #f6f6f6;
	
	width:750px;
}

.it-confirm {
        margin: 0px 10px 10px 10px;
}

.it-confirm td {
        vertical-align: top;
        padding-top: 4px;
        padding-bottom: 4px;
}

/* Standard Datatable */
.dt {
      empty-cells: show;
      border: 1px solid #D2D2D2; /* color 17 */
      width: 100%;
}

/* Datatable control row. Abuts dt on top */
.dt-control {
    padding: 5px;
    vertical-align: baseline;
    font-weight:bold;

    color: #ffffff; /* color 15 */
  
    background-color: #67A0D9; /* color 3 */
}

/* Table column header row */
.tr-hdr {
      background-color: #C0D7EE; /* color 6 */
}

.tr-hdr td   {
      font-weight: bold;
      padding: 4px;
      vertical-align: top;
}