* { margin: 0; padding: 0; }

body { font: 8.25pt Verdana, sans-serif; color: #303030; text-align: center; background: url(images/main/body.gif) repeat-x top left; }

a { text-decoration: none; color: #F67C23; }
a:hover { text-decoration: underline; }
a img { border: none; }

p { margin: 0.75em 0; }
dt, label { font-weight: bold; }

img.float-left { float: left; margin: 0 10px 10px 0; }

/* Special lists */
ul.links li { list-style: none; padding: 2px 0 2px 4px; }
ul.links li a { display: block; padding: 0 0 0 18px; background: url(images/page.gif) no-repeat 0 0; line-height: 14px; } 

/* Apply layout for IE. */
ul.bullet { height: 1%; }
ul.bullet li { list-style-position: outside; margin: 0 0 0.25em 15px; }

#page { padding: 0; width: 801px; margin: 0 auto; text-align: left; }

#header { position: relative; width: 801px; height: 87px; background: url(images/main/header.gif) no-repeat top left; }
#header h1 { position: absolute; top: 18px; left: 12px; width: 175px; height: 47px; background: url(images/main/logo.gif) no-repeat top left; }
#header h1 a { display: block; text-indent: -999em; width: 175px; height: 47px;  }

#header #gridsocialtitle { position: absolute; top: -7px; left: 615px; width: 196px; height: 18px; padding: 0px 0px 0px 0px; }
#header #gridsocialbuttons { position: absolute; top: -10px; left: 721px; width: 196px; height: 18px; padding: 0px 0px 0px 0px; }
#header #gridsocialtitle h2 { color: #666; font: 6.75pt Verdana, sans-serif; padding: 0 0 0 10px; background: none; vertical-align:bottom; }


#quickLinks { font: bold 11px serif; list-style: none; position: absolute; top: 44px; right: 16px; height: 26px; line-height: 26px; }
#quickLinks li { display: inline; padding: 7px 16px 8px; height: 26px; background: url(images/header_divider.gif) no-repeat top left; }
#quickLinks li.first { background: none; }
#quickLinks a { color: black; }
#quickLinks a.green { color: #1F9803; }

#page ul.navigation { list-style: none; height: 28px; padding-left: 10px; margin-bottom: 8px; }
#page ul.navigation li { display: inline; }

#content { padding-bottom: 17px; }
#content ul.navigation { padding: 0 20px; list-style: none; height: 35px; }
#content ul.navigation li { display: inline; }
#content .body2 { padding: 0 20px 0 19px; height: 490px; }
#content .body > .body2 { height: auto; min-height: 490px;  }
#content a.green { color: #1F9803; }

/* inline lists */
#footer ul { list-style: none; }
#footer ul li { display: inline; padding: 0 0.5em; border-left: 1px solid #666; }
#footer ul li.first { border-left: none; }


#footer { text-align: center; font: 6.75pt Verdana, sans-serif; color: #666; margin-top: 14px; padding: 6px 0 0; border-top: 1px solid #E5E5E5; }
#footer a { color: #666; }

.tabs { position: relative; padding: 19px 0 6px; }
.tabs-nav { position: absolute; top: 0; height: 19px; z-index: 1; line-height: 19px; list-style: none; font: bold 8.25pt Verdana, sans-serif; }
.tabs-nav a { color: black; }
.tabs-nav li { float: left; display: block; line-height: 18px; padding: 0 12px; margin-right: 3px; }
.tabs-body { position: relative; padding: 6px 6px 0; }

/* IE Hack */
.tabs, .tabs-body { height: 1%; }
* > .tabs, * > .tabs-body { height: auto; }

.module { position: relative; padding: 2px; margin-bottom: 4px;}
.module h2 { color: black; font: bold 8.25pt Verdana, sans-serif; padding-left: 12px; line-height: 19px; }
.module h2 .total { font-weight: normal; }


table.data { border-spacing: 0; border-collapse: collapse; width: 742px; margin: 1px 0; }
table.data td, table.data th { font: normal 8.25pt Verdana, sans-serif; padding: 0 4px; }
table.data td *, table.data th * { vertical-align: middle; }
table.data th { color: black; line-height: 18px; text-align: left; }
table.data td { line-height: 20px; }
table tr.selected td { background: #FCF26F; }

.infoPane { padding: 10px; }

.twoColumn { position: relative; }
.twoColumn .column2 { position: absolute; top: 0; right: 0; }

.buttons { padding: 4px; }
.buttons * { vertical-align: middle; }
input.button { font-size: 8.25pt; background-color: #FDE964; padding: 1px; border: 1px outset black; }
input.button.default { font-weight: bold }

.heading { position: relative; margin: 0 0 1px; }
.heading ul.icons { position: absolute; top: 1px; right: 0; list-style: none; }
.heading ul.icons li { position: relative; display: inline; padding-left: 2px; }
.heading { height: 1%; }
* > .heading { height: auto; }

.iconList { list-style: none; }
.iconList li * { vertical-align: middle; padding: 0.25em 0; }

ul.fields { list-style: none; }
ul.fields li { clear: left; padding: 0.25em 0; position: relative; }
ul.fields label { display: block; width: 161px; text-align: right; float: left; padding: 0.25em 11px 0.25em 0; }
ul.fields * > label { width: 150px; }
ul.fields .placeholder { padding: 0.25em; }

.summary { overflow: hidden; }
.summary h2 { line-height: 26px; text-align: center; }
.summary .column1 { float: left; display: block; position: relative; width: 210px;  height: 100%; }
.summary > .column1 { height: auto; padding-bottom: 1000em; margin-bottom: -1000em; }
.summary .column2 { position: static; margin-left: 210px; }
.summary .info { padding: 10px; }
.summary .sidebar { list-style: none; }
.summary  .sidebar { list-style: none; padding-bottom: 1000em; margin-bottom: -1000em; }
.summary .sidebar li { line-height: 26px; text-align: right; padding: 0 8px; }

.homePageGrid { position: relative;  min-height: 550px;}
.homePageGrid #grid11 { position: absolute; top: 13px; left: 13px; width: 778px; height: 267px; }
.homePageGrid #grid12 { position: absolute; top: 261px; left: 13px; width: 225px; height: 83px; background: url(images/home_grid12.jpg) no-repeat top left; }
.homePageGrid #grid13 { position: absolute; top: 345px; left: 13px; width: 225px; height: 82px; background: url(images/home_grid13.jpg) no-repeat top left; }
.homePageGrid #grid14 { position: absolute; top: 428px; left: 13px; width: 225px; height: 82px; background: url(images/home_grid14.jpg) no-repeat top left; }
.homePageGrid #grid22 { position: absolute; top: 261px; left: 239px; width: 295px; height: 217px; padding: 16px 20px}

.homePageGrid #grid32 { position: absolute; top: 261px; left: 575px; width: 196px; height: 47px; padding: 18px 10px; }
.homePageGrid #grid33 { position: absolute; top: 345px; left: 575px; width: 196px; height: 46px; padding: 18px 10px; }
.homePageGrid #grid34 { position: absolute; top: 428px; left: 575px; width: 196px; height: 46px; padding: 18px 10px; }

.homePageGrid .column1 { font-size: 8pt;  height: 46px;} 
.homePageGrid .column1 h2 { font-size: 1em; height: 30px; }
.homePageGrid .column1 h2 a { display: block; height: 30px; text-indent: -999em;  }
.homePageGrid .column1 p { margin: 0; padding: 0 12px; color: black; }
.homePageGrid #grid13 p, .homePageGrid #grid14 p { padding-right: 80px; }

.homePageGrid .column3 h2 { color: #F67C23; font: bold 9pt Verdana, sans-serif; padding: 0 0 0 10px; background: url(images/orange-arrow.gif) no-repeat center left; }
.homePageGrid .column3 h2 a { color: #F67C23; }
.homePageGrid .column3 p { margin: 6px 0; }

.homePageGrid #grid22 p { font-size: 8pt; margin: 0.5626em 0; }
.homePageGrid #grid22 .blurb { font-size: 9pt; font-weight: bold; color: black; line-height: 1.667em; padding-bottom: 9px; margin: 0 0 10px; border-bottom: 1px solid #ccc; }
.homePageGrid #grid22 h2 { font-size: 9pt; color: black; }
.homePageGrid #grid22 .more { display: block; text-align: right; padding: 0 36px 0 0; }

.two-column { position: relative; }
.two-column .column2 { position: absolute; top: 0; right: 0; } 

h2.grid { padding: 10px 24px; background: url(images/sidebar_bottom.gif) no-repeat 0 100%; font: bold 10.5pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.grid { background: url(images/sidebar_mid.gif) repeat-y top left; }
.grid div { background: url(images/sidebar.gif) no-repeat -242px -13px; }
.grid div div { padding: 10px 24px; background: url(images/sidebar_bottom.gif) no-repeat 0 100%; }
.grid.first div { background-position: -242px 0; }
.grid.first div div { padding-top: 24px; background-position: 0 100%; }
.grid.last div div { padding-bottom: 24px; background: url(images/sidebar.gif) no-repeat 0 100%;  }
.grid h2 { color: #F67C23; font: bold 9pt Verdana, sans-serif; padding: 0 0 0 10px; background: url(images/orange-arrow.gif) no-repeat center left; }
.grid h2 a { color: #F67C23; }
.grid p { margin: 6px 0; }

.content-layout { width: 792px; margin: 0 0 0 8px; min-height: 575px; height: 490px; }
* > .content-layout { height: auto; }


.content-layout .body.column1 { width: 550px;}
.content-layout .body.column1 h1 { font: bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; border-bottom: 1px solid #C8CAC5;  padding: 0 0 10px; margin: 0 0 10px; }
.content-layout .body.column1 h2 { font-size: 10.5pt; } 
.content-layout .body.column1 h2 + p { margin-top: 0; }

.content-layout .sidebar.column2 { width: 242px; }

.window input.text, .window select { width: 300px; }

/* Window structure */
.window { width: 549px; background: url(images/window-bottom.gif) no-repeat bottom left; padding: 0 0 10px; font-size: 7.5pt; margin: 6px 0; }
.window.divided { background: url(images/window-divided-bottom.gif) no-repeat bottom left; }
.window h3 {  background: url(images/window-top.gif) no-repeat top left; height: 32px; line-height: 32px; padding: 0 10px; font-size: 8.25pt; }
.window .body { background: url(images/window-middle.gif) repeat-y top left; }
.window div.body { padding: 10px; }
.window.divided .body { background: url(images/window-divided-middle.gif) repeat-y top left; } 
.window dl.body { position: relative; padding: 10px 12px 10px 0; }
.window dl.body dt { position: absolute; left: 6px; font-size: 9pt; color: #666633; }
.window dl.body dd { padding: 0 0 1em 130px; }
.window div.body.buttons { padding: 10px 10px 0 10px; border-top: 1px solid #C1C4C2; text-align: left; font-size: 8.25pt; font-weight: bold; }
.window table.search-results { width: 549px; border-top: 1px solid #C1C4C2; }
.window table.search-results td, .window table.search-results th { font-size: 7.5pt; vertical-align: top; text-align: left;  padding: 4px 10px; }

/* Sidebar information box */
.info, .logon, .account-info { border: 1px solid #C7C9C5; margin: 0 12px; background: white; }
.info .section { padding: 10px; background: url(images/dotted-divider.gif) repeat-x bottom left; }
.info .section.last { background: none; }
.info h2 { font-size: 1em; margin-bottom: 8px; }

.video { padding: 32px 0px 10px 0px; }

.sidebar img.ad { margin: 10px 0 10px 12px; }

.account-info, .logon .form { padding: 10px; font-size: 7.5pt;  }
.account-info h2, .logon h2 { text-align: center; font: bold 10.5pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0 0 12px; background: url(images/header-shadow.gif) no-repeat bottom center; }
.logon input.text { width: 120px; margin: 0 0 0 75px; }
.logon p { position: relative; }
.logon p label { display: block; width: 70px; position: absolute; left: 0; top: 4px; text-align: right; }
.logon label.remember { font-weight: normal; }
.logon .remember, .logon .forgot-password { display: block; margin: 0 0 0 75px; padding: 5px 0; }
.logon .buttons { text-align: center; border-top: 1px solid #CBCBCB; padding: 10px; }


.account-info h3 { font-size: 1em; margin: 0.5em 0; }
.account-info ul.links li a { background: url(images/orange-arrow.gif) no-repeat 0 2px; font-size: 9pt; padding: 0 0 0 12px; }

.divider { border-top: 1px solid #CCCCCC; } 
.dividertop { width: 97%}
.dividerthin { border-top: 1px solid #CCCCCC; width: 97%}

.create-account-layout { width: 780px; min-height: 418px; height: 418px; background: url(images/create-account/header-grid.gif) no-repeat top right;  margin-left: 10px;}
* > .create-account-layout { height: auto; }
.create-account-layout .body.column1 { position: relative; width: 562px; }
.create-account-layout .body.column1 h1 { height: 106px; text-indent: -999em; }
.create-account-layout .body.column1 p.blurb { position: absolute; top: 128px;  left: 10px; width: 186px; font: 11.5pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }
.create-account-layout .account-type { position: absolute; left: 227px; width: 195px; height: 51px;  padding: 24px 10px 24px 130px; }
.create-account-layout .account-type h2 { position: absolute; left: 10px; top: 24px; font-size: 9pt; color: #F67C23; margin: 0; width: 85px;  background: url(images/orange-arrow.gif) no-repeat 0 2px; padding: 0 0 0 12px; }
.create-account-layout .account-type p { margin-top: 0;  }
.create-account-layout .sidebar { width: 218px;  background: white; top: 10px; }
.create-account-layout .sidebar h2 { text-align: center; font: bold 10.5pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 5px 10px; }
.create-account-layout .sidebar .body { background: #E2E2E2 url(images/create-account/sidebar.gif) no-repeat top left; padding: 10px; }

a.more { display: block; text-align: right; }
a.go { display: block; text-align: right; margin-right: 5px; }

dl.fields { position: relative; line-height: 2em; height: 1%; }
* > dl.fields { height: auto; }
dl.fields dt { position: absolute; left: 0; width: 150px; text-align: right; padding: 0 11px 0 0; }
dl.fields dd { margin: 0 0 0 161px; }

.edit-section h2 * { vertical-align: middle; }
.edit-section h2 { font: bold 10.5pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; border-bottom: 1px solid #C8CAC5;  padding: 0 0 10px; margin: 0 0 10px; line-height: 22px; }

a.edit { font-size: 9px; font-weight: normal; line-height: 11px; }

.directory-listing .heading { position: relative; height: 35px; padding: 0 0 7px 12px; background: url(images/main/directory/heading.gif) repeat-x top left; }
.directory-listing > .heading { height: 28px; }
.directory-listing * { vertical-align: middle; }
.directory-listing .heading h2 { color: #666; font: bold 10.5pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 22px; }
.directory-listing .heading a { position: absolute; top: 6px; left: 222px; }
.directory-listing label { position: absolute; top: 4px; right: 12px; font-size: 7.5pt; }
.directory-listing label select { font-size: 7.5pt; }
.directory-listing .pagination { padding: 8px 12px; position: relative; font-size: 7.5pt; }
.directory-listing .pagination .nav { position: absolute; right: 12px; top: 5px; }
.directory-listing table { width: 550px; border-spacing: 0; border-collapse: collapse; border-bottom: 1px solid #CCCCCC; }
.directory-listing table th { border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; }
.directory-listing table th, .directory-listing table td { padding: 4px 8px; vertical-align: top; }
.directory-listing table th { background: #F3F3F3; }
.directory-listing table .alt td { background: #F5F5F5; }
.directory-listing table a { font-weight: bold; }