.account { background-color: transparent; font-size: 14px; }
.account_column { display: inline-block; margin-right: 20px; }
.account-content { background-color: #ffffff; display: table; position: relative; width: 100%; }
.account-content-frame { display: table-cell; padding: 30px; vertical-align: top; }
.account-content-menu { border-right: 1px solid #999999; display: table-cell; vertical-align: top; width: 220px; }
.account-content-menu-frame { padding: 30px; }
.account-content-menu-icon { display: none; left: 5px; position: absolute; top: 2px; }
.account-content-menu-icon a { font-size: 13px; }
.account-data { }
.account-data-form { padding-top: 15px; position: relative; }
.account-data-form-actions { border-top: 1px solid #999999; color: #333333; font-size: 12px; font-weight: normal; padding-bottom: 15px; padding-top: 15px; }
.account-data-form-actions a { background-color: #4582b8; border: 1px solid #4582b8; border-radius: 5px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: center; }
.account-data-form-actions a:hover { background-color: #999999; border: 1px solid #999999; }
.account-data-form-actions a.invert { background-color: #999999; border: 1px solid #999999; }
.account-data-form-actions a.invert:hover { background-color: #4582b8; border: 1px solid #4582b8; }
.account-data-form-column { display: inline-block; margin-bottom: 5px; margin-right: 30px; vertical-align: top; }
.account-data-form-column.w80 .account-data-form-fields-field label { width: 80px; } .account-data-form-column.w80 .account-data-form-fields-field span label { width: auto; }
.account-data-form-column.w90 .account-data-form-fields-field label { width: 90px; } .account-data-form-column.w90 .account-data-form-fields-field span label { width: auto; }
.account-data-form-column.w100 .account-data-form-fields-field label { width: 100px; } .account-data-form-column.w100 .account-data-form-fields-field span label { width: auto; }
.account-data-form-column.w120 .account-data-form-fields-field label { width: 120px; } .account-data-form-column.w120 .account-data-form-fields-field span label { width: auto; }
.account-data-form-column.w150 .account-data-form-fields-field label { width: 150px; } .account-data-form-column.w150 .account-data-form-fields-field span label { width: auto; }
.account-data-form-fields { border-top: 1px solid #999999; padding-bottom: 15px; padding-top: 15px; }
.account-data-form-fields div.image { background-color: #eeeeee; border: 1px solid #999999; border-radius: 5px; display: block; margin: 5px; margin-left: 75px; padding: 10px; }
.account-data-form-column.w80 div.image { margin-left: 85px; }
.account-data-form-column.w90 div.image { margin-left: 95px; }
.account-data-form-column.w100 div.image { margin-left: 105px; }
.account-data-form-column.w120 div.image { margin-left: 125px; }
.account-data-form-column.w150 div.image { margin-left: 155px; }
.account-data-form-fields-field { color: #4582b8; font-size: 12px; font-weight: normal; margin-top: 2px; vertical-align: middle; }
.account-data-form-fields-field div { margin-top: 10px; text-align: left; }
.account-data-form-fields-field label { color: #000000; display: inline-block; margin-right: 5px; margin-top: 3px; text-align: right; vertical-align: top; width: 70px; }
.account-data-form-fields-field label.account-required { color: #cb584e; }
.account-data-form-fields-field span { display: inline-block; padding-top: 4px; max-width: 250px; }
.account-data-form-fields-field span.check0 { padding-top: 2px; }
.account-data-form-fields-field span label { color: #4582b8; cursor: pointer; margin: 0px; text-align: left; width: auto; }
.account-data-form-title { color: #333333; font-size: 14px; font-weight: bold; padding-top: 10px; }
.account-data-form-title a { color: #333333; text-transform: lowercase; }
.account-data-frame { }
.account-data-header { }
.account-data-header-actions { padding-top: 5px; vertical-align: middle; }
.account-data-header-actions a { background-color: #4582b8; border: 1px solid #4582b8; border-radius: 5px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: normal; line-height: 24px; margin-right: 10px; padding-left: 10px; padding-right: 10px; text-align: center; }
.account-data-header-actions a:hover { background-color: #999999; border: 1px solid #999999; color: #ffffff; font-size: 12px; }
.account-data-header-title { font-size: 20px; }
.account-data-message { padding-top: 20px; }
.account-footer { }
.account-footer-copyright { color: #cccccc; font-size: 13px; }
.account-footer-frame { padding: 20px; }
.account-frame { }
.account-header { }
.account-header-frame { padding-bottom: 10px; padding-top: 10px; }
.account-header-logo { display: inline-block; margin-right: 5vw; padding-left: 20px; vertical-align: top; }
.account-header-logo img { max-height: 50px; width: auto; }
.account-header-menu { padding-left: 20px; padding-top: 10px; }
.account-header-menu a { color: #cccccc; margin-right: 20px; }
.account-header-menu a:hover { color: #4582b8; }
.account-header-menu a.active { color: #4582b8; }
.account-header-menu a.active:hover { color: #4582b8; }
.account-header-menu-mobile { display: none; padding-bottom: 0px; padding-left: 20px; padding-top: 10px; text-align: left; }
.account-header-menu-mobile-actions { border-bottom: 1px solid #cccccc; display: none; margin-right: 20px; margin-top: 10px; }
.account-header-menu-mobile-actions a { background-color: transparent; border-top: 1px solid #cccccc; color: #ffffff; display: block; font-size: 18px; font-weight: normal; height: 52px; line-height: 52px; margin: 0px; text-align: center; text-decoration: none; }
.account-header-menu-mobile-actions a:hover { background-color: transparent; color: #999999; }
.account-header-menu-mobile-actions a.hover { background-color: transparent; color: #999999; }
.account-header-menu-mobile-actions a img { position: relative; top: 3px; }
.account-header-menu-mobile-icon { }
.account-header-menu-mobile-submenu { background-color: #666666; display: none; }
.account-header-menu-mobile-submenu a { border-top: 1px solid #999999; color: #ffffff; display: block; font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; margin: 0px; text-align: center; }
.account-header-menu-mobile-submenu a:hover { background-color: #00a651; color: #ffffff; }
.account-header-search { display: inline-block; padding-left: 20px; padding-top: 10px; vertical-align: top; }
.account-header-search a { background-color: #4582b8; border: 1px solid #4582b8; border-radius: 5px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; line-height: 30px; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; text-align: center; vertical-align: middle; }
.account-header-search a:hover { background-color: #999999; border: 1px solid #999999; color: #ffffff; font-size: 14px; }
.account-header-search input { border: 1px solid #ffffff; font-size: 18px; vertical-align: middle; }
.account-pagination { padding-bottom: 20px; vertical-align: middle; }
.account-pagination a { background-color: #4582b8; border: 1px solid #4582b8; border-radius: 5px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: normal; line-height: 26px; margin-left: 10px; padding-left: 10px; padding-right: 10px; text-align: center; }
.account-pagination a:hover { background-color: #999999; border: 1px solid #999999; color: #ffffff; font-size: 12px; }
.account-pagination select { margin-left: 10px; width: 80px; }
.account-pagination span { display: inline-block; font-size: 16px; margin-right: 30px; }
.account-required { color: #cb584e; }
.account-results { }
.account-results-result { display: inline-block; border: 1px solid #999999; border-radius: 5px; max-height: 200px; margin-bottom: 20px; margin-right: 20px; overflow: hidden; text-align: center; vertical-align: top; width: 160px; }
.account-results-result-actions { padding-top: 5px; vertical-align: middle; }
.account-results-result-actions a { background-color: #4582b8; border: 1px solid #4582b8; border-radius: 5px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: normal; line-height: 20px; margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; text-align: center; }
.account-results-result-actions a:hover { background-color: #999999; border: 1px solid #999999; color: #ffffff; font-size: 12px; }
.account-results-result-frame { padding: 10px; }
.account-results-result-image { height: 100px; margin: 0px auto; width: 100px; }
.account-results-result-image img { display: block; height: auto; max-height: 100%; max-width: 100%; width: auto; }
.account-results-result-title { height: 40px; margin-top: 10px; overflow: hidden; }

@media only screen and (max-width: 600px)
{
	.account-content-menu { display: none; }
	.account-content-menu-icon { display: block; }
}

@media only screen and (max-width: 500px)
{
	.account-header-menu { display: none; }
	.account-header-menu-mobile { display: block; }
	.account-header-search input { width: 200px; }
}
