﻿body {
    background-color: #5D9DF5;
    background-image: url(Images/SiteLayout/page_background.jpg);
    background-repeat: repeat-x;
    color: #17499B;
    font-family: Verdana;
    font-size: 13px;
    margin: 0px 0px 0px 0px;
}
a.white {
    color: White;
}
.advantage {
    border-bottom: Dotted 2px #E0E0E0;
    color: #17499B;
    font-size: 12px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.advantage:hover {
    background-image: url(Images/SiteLayout/left_rollover.gif);
    background-repeat: no-repeat;
    color: White;
    cursor: pointer;
}
.advantage_content {
    color: #17499B;
    height: 235px;
    margin-bottom: 8px;
    overflow: auto;
    padding-left: 241px;
    width: 430px;
}
.advantage_selected {
    height: 24px;
    overflow: hidden;
    width: 170px;
}
.advantage_selected_l {
    background-image: url(Images/SiteLayout/left_selected_l.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 8px;
}
.advantage_selected_c {
    background-image: url(Images/SiteLayout/left_selected_c.jpg);
    background-repeat: repeat-x;
    color: #17499B;
    font-size: 12px;
    height: 24px;
    width: 154px;
}
.advantage_selected_r {
    background-image: url(Images/SiteLayout/left_selected_r.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 8px;
}
.advantages {
    float: left;
    height: 332px;
    text-align: right;
    width: 170px;
}
.box {
    background-color: White;
    vertical-align: top;
}
.box_bl {
    background-image: url(Images/SiteLayout/box_bl.gif);
    background-repeat: no-repeat;
}
.box_b {
    background-image: url(Images/SiteLayout/box_b.gif);
    background-repeat: repeat-x;
}
.box_br {
    background-image: url(Images/SiteLayout/box_br.gif);
    background-repeat: no-repeat;
}
.box_l {
    background-image: url(Images/SiteLayout/box_l.gif);
    background-repeat: repeat-y;
}
.box_r {
    background-image: url(Images/SiteLayout/box_r.gif);
    background-repeat: repeat-y;
}
.box_tl {
    background-image: url(Images/SiteLayout/box_tl.gif);
    background-repeat: no-repeat;
}
.box_t {
    background-image: url(Images/SiteLayout/box_t.gif);
    background-repeat: repeat-x;
}
.box_tr {
    background-image: url(Images/SiteLayout/box_tr.gif);
    background-repeat: no-repeat;
}
.content_area {
    float: right;
    height: 346px;
    width: 687px;
}
/* start advantages */
.content_area_collaborative {
    background-image: url(Images/SiteLayout/advantage_collaborative.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 344px;
    top: -332px;
    width: 236px;
}
.content_area_benefit {
    background-image: url(Images/SiteLayout/advantage_benefit.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 344px;
    top: -332px;
    width: 236px;
}
.content_area_40 {
    background-image: url(Images/SiteLayout/advantage_40.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 344px;
    top: -332px;
    width: 236px;
}
.content_area_attorney {
    background-image: url(Images/SiteLayout/advantage_attorney.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 344px;
    top: -332px;
    width: 236px;
}
.content_area_fair_pricing {
    background-image: url(Images/SiteLayout/advantage_fair_price.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 344px;
    top: -332px;
    width: 236px;
}
.content_area_free_draft {
    background-image: url(Images/SiteLayout/advantage_free_draft.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 344px;
    top: -332px;
    width: 236px;
}
.content_area_customizable {
    background-image: url(Images/SiteLayout/advantage_customizable.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 344px;
    top: -332px;
    width: 236px;
}
.content_area_pay_print {
    background-image: url(Images/SiteLayout/advantage_pay_print.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 344px;
    top: -332px;
    width: 236px;
}
/* end advantages */
.content_area_welcome {
    background-image: url(Images/SiteLayout/welcome.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 344px;
    top: -332px;
    width: 236px;
}
.content_area_top {
    background-image: url(Images/SiteLayout/home_content_top.jpg);
    background-repeat: no-repeat;
    height: 10px;
    width: 687px;
}
.content_area_middle {
    background-image: url(Images/SiteLayout/home_content_middle.jpg);
    background-repeat: repeat-y;
    height: 312px;
    width: 687px;
}
.content_area_bottom {
    background-image: url(Images/SiteLayout/home_content_bottom.jpg);
    background-repeat: no-repeat;
    height: 10px;
    width: 687px;
}
.call_to_action {
    cursor: pointer;
    float: right;
    height: 69px;
    width: 212px;
}
/*
#create_account_green {
    background-image: url(Images/SiteLayout/draft_account_green.jpg);
    height: 69px;
    width: 212px;
}
#create_account_green:hover {
    background-image: url(Images/SiteLayout/draft_account_green_over.jpg);
    cursor: pointer;
}
*/
.gridContainer {
    background-color: #FCFCFC;
	overflow: hidden;
}
.layout_top {
    background-image: url(Images/SiteLayout/layout_top.jpg);
    background-repeat: repeat-x;
    border-left: Solid 1px Blue;
    border-right: Solid 1px Blue;
    height: 31px;
    table-layout: fixed;
    width: 980px;
}
.layout {
    background-image: url(Images/SiteLayout/layout_background.jpg);
    background-repeat: repeat-x;
    border-bottom: Solid 1px Blue;
    border-left: Solid 1px Blue;
    border-right: Solid 1px Blue;
    height: 504px;
    table-layout: fixed;
    width: 980px;
}
.expandable_layout {
	background-color: White;
    background-image: url(Images/SiteLayout/layout_background_expandable.jpg);
    background-repeat: repeat-x;
    border-bottom: Solid 1px Blue;
    border-left: Solid 1px Blue;
    border-right: Solid 1px Blue;
    table-layout: fixed;
    width: 980px;
}
.layout_footer {
    color: White;
    font-size: 11px;
}
.layout_logo {
    background-image: url(Images/SiteLayout/forms_logo.jpg);
    background-repeat: no-repeat;
}
.layout_secondary_menu {
    background-image: url(Images/SiteLayout/secondary_menu.jpg);
    background-repeat: no-repeat;
}
.layout_secondary_menu_cookies {
    background-image: url(Images/SiteLayout/secondary_menu.jpg);
    background-repeat: no-repeat;
    padding-left: 20px;
}
#login_button {
    background-image: url(Images/SiteLayout/login.gif);
    height: 16px;
    width: 41px;
}
#login_button:hover {
    background-image: url(Images/SiteLayout/login_over.gif);
    cursor: pointer;
}
#logout_area {
    color: White;
    height: 30px;
}
#logout_area td {
    padding-left: 6px;
}
#logout_button {
    background-image: url(Images/SiteLayout/logout.gif);
    height: 16px;
    width: 41px;
}
#logout_button:hover {
    background-image: url(Images/SiteLayout/logout_over.gif);
    cursor: pointer;
}
.secondary_menu {
    color: #003592;
    font-family: Arial;
    font-size: 12px;
    height: 24px;
	padding-left: 10px;
	padding-right: 10px;
}
.secondary_menu:hover {
    background-color: #5D9DF5;
    background-image: url(Images/SiteLayout/secondary_rollover.gif);
    border: insert 1px;
    color: White;
    cursor: pointer;
}
.secondary_menu_selected {
    color: #003592;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
	padding-left: 10px;
	padding-right: 10px;
}
.textbox_watermark {
    background-color: #E2F0F9;
    color: Gray;
}
.tiny_checkbox {
    color: White;
    text-decoration: none;
}
.toolbarContainer {
    background-image: url(Images/Toolbar/ToolbarBackground.jpg);
}
.top_menu {
    color: White;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 31px;
    padding-left: 10px;
    padding-right: 10px;
}
.top_menu:hover {
    background-color: #5D9DF5;
    cursor: pointer;
}
.top_menu_selected {
    background-color: #B4D7EE;
    color: #003799;
    cursor: pointer;
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 31px;
    padding-left: 12px;
    padding-right: 12px;
}
#top_menu span {
    position: relative;
    top: 8px;
}