@import url("ui-theme/ui-styles.css");

/* ########## GLOBAL STYLES ########## */

html, body, body.ext-body {
	height: 100%;
	margin: 0;
	padding: 0;
}


body {background: #dfe0ea url('main_bg.jpg') repeat-x top left; font-size: 12px; font-family: Arial, sans-serif; margin: 0; padding: 0; color: #4b586c;}

.shell {width: 980px; margin: 0 auto;}
.content_shell {}

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.clear {clear: both;}
.overflow {overflow: hidden;}


a:link, a:visited {text-decoration: none; color: #3a5e9a;}
a:hover, a:active {text-decoration: underline;}

a img {border: none;}

table {width: 100%;}
td {padding: 5px; vertical-align: top;}
form {margin: 0; padding: 0;}

#confirm {display: none;}


/* ########## GLOBAL FORM STYLES ########## */

label {padding: 0 8px;}
input.field, select.field {background: #ffffff url('form_input_bg.gif') repeat-x; border: 2px solid #c3cbdd; padding: 8px 5px; color: #717a88; width: 90%; font-size: 11px; font-weight: bold;}
select.field {width: 214px;}
input.field:focus, select.field:focus {border: 2px solid #a0cc68;}
input.field:hover, select.field:hover {border: 2px solid #4a73ba;}
input.checkbox {margin: 8px;}

textarea.field {background: #ffffff url('form_input_bg.gif') repeat-x; border: 2px solid #c3cbdd; padding: 8px 5px; color: #717a88; width: 575px; height: 75px; font-size: 11px; font-weight: bold; font-family: arial;}

textarea.field.text-simple {width: 95%; min-height: 150px;}
	
input.small_field_width {width: 75px;}
input.wide_field_width {width: 400px;}

input.button, a.button:link, a.button:visited {padding: 10px 25px; cursor: pointer; background: #2364c3 url('bg-button.jpg') repeat-x 0 0; border: 4px solid #cecfd9; color: #ffffff; text-shadow: 1px 1px #1b45ca; font-weight: bold; text-decoration: none; text-align: center; font-size: 14px; border-radius: 8px;}
input.button:hover, a.button:hover, a.button:active {cursor: pointer; background: #2768c8 url('bg-button.jpg') repeat-x 0 -50px;}

input.button_quick {padding: 5px 25px; cursor: pointer; background: #2364c3 url('bg-button.jpg') repeat-x 0 0; border: 4px solid #cecfd9; color: #ffffff; text-shadow: 1px 1px #1b45ca; font-weight: bold; text-decoration: none; text-align: center; font-size: 14px; border-radius: 8px;}
input.button_quick:hover {cursor: pointer; background: #2768c8 url('bg-button.jpg') repeat-x 0 -50px;}

input.button-green, a.button-green:link, a.button-green:visited {background: #5bb022 url('bg-button-green.jpg') repeat-x 0 0; padding: 8px 15px;}
input.button-green:hover, a.button-green:hover, a.button-green:active {cursor: pointer; background: #5cb623 url('bg-button-green.jpg') repeat-x 0 -50px;}


.quick_edit {margin: -35px 0 0 0;}

input.date, input.refnum {width: 100px;}
input.qty {width: 25px;}
input.amount {width: 65px;}
input.item {width: 400px;}
input.note {width: 517px;}
input.refnum {width: 150px;}

select.dropdown {width: 135px;}

select.year {width: 75px; padding: 3px; margin: -5px 0; font-size: 11px; position: relative; z-index: 3;}


/* ########## GLOBAL FONT STYLES ########## */

.small_text {font-size: 11px;}
.note_text {font-size: 11px; color: #717a88; font-weight: normal; padding: 5px; margin: 0;}


.text_1 {color: #ae0001;} /* DUE or RED TEXT */
.text_2 {color: #0047c1;} /* PENDING or BLUE TEXT */
.text_3 {color: #46a606;} /* PAID or GREEN TEXT */
.text_4 {color: #717a88;} /* DARK GREY TEXT */
.text_5 {color: #3a5e9a;} /* HIGHLIGHT BLUE TEXT */


.percent {font-size: 16px; font-weight: bold;}

.error_text {color: #8d0000; font-weight: bold;}

.strong {font-weight: bold;}


/* ########## HEADER STYLES ########## */

#header {height: 40px; padding: 5px 0;}
#header div.user_info {float: right; padding: 7px 0; text-align: center;}
#header p {margin: 3px 0; padding: 0;}

a.logo:link, a.logo:visited {display: block; width: 200px; height: 50px; background: url('logo.png') no-repeat 0 0;}
a.logo:hover, a.logo:active {display: block; width: 200px; height: 50px; background: url('logo.png') no-repeat 0 0;}

#header div.user_info a {color: #ae0001;}



/* ########## PAGE INFO STYLES ########## */

#page_info_block {height: 100px; margin-bottom: 20px;}
#page_info_block span {display: block; padding: 44px 0 0 0; color: #fff; font-size: 28px; font-weight: normal; text-shadow: 1px 1px #091835; font-family: Cambria, "Times New Roman";}



/* ########## PANEL STYLES ########## */


#side_panel {width: 200px; margin: 0 30px 0 0; float: left; position: relative; z-index: 2;}
.main_shell {float: left; width: 750px;}
.account_stats {width: 250px; float: right; margin: 0 0 0 20px; font-size: 11px;}

.fluid_shell {float: right; margin-right: -270px; width: 100%;}
.fluid {margin-right: 270px;}




/* ########## QUICK NAV STYLES ########## */

#quick_nav {margin: 10px 0 0 0; padding: 0;}
#quick_nav li {list-style: none; display: inline; font-weight: bold;}

#quick_nav li a:link, #quick_nav li a:visited {float: left; width: 102px; height: 102px; text-align: center; padding: 5px; background: url('quick_nav_block_bg.gif') no-repeat 0 0; margin: 6px; color: #798399; text-decoration: none;}
#quick_nav li a:hover, #quick_nav li a:active {float: left; width: 102px; height: 102px; text-align: center; padding: 5px; background: url('quick_nav_block_bg.gif') no-repeat 0 -112px; margin: 6px; color: #3a5e9a; text-decoration: none;}

#quick_nav img {display: block; margin: 5px auto;}


/* ########## SECTION NAV STYLES ########## */

.section_actions {margin: 0; padding: 12px 5px 15px 0; float: right; font-weight: bold;}

.section_filters {margin: 0; padding: 0 5px 15px 0; float: left; font-weight: bold;}
.section_filters ul {margin: 0; padding: 0 8px; display: block;}
.section_filters li {list-style: none; display: block; float: left;}
.section_filters li.label {color: #3c609d; padding: 0 15px 0 5px;}
.section_filters li.element {}
.section_filters li.active {color: #ffffff; background: url('section_nav_active.gif') no-repeat top center; padding: 11px 0 28px 0; margin: -11px 0 -28px 0; position: relative; z-index: 5;}

.section_filters li.element a:link, .section_filters li.element a:visited {padding: 10px 9px; height: 14px; color: #717a88; border-left: 1px solid #cdd4e4; position: relative; z-index: 5;}
.section_filters li.element a:hover, .section_filters li.element a:active {background: #ffffff; color: #3a5e9a;}

.section_filters li.element_nlb a:link, .section_filters li.element_nlb a:visited {padding: 10px 9px; height: 14px; color: #717a88; position: relative; z-index: 5;}
.section_filters li.element_nlb a:hover, .section_filters li.element_nlb a:active {background: #ffffff; color: #3a5e9a;}

.section_filters li.element_off a:link, .section_filters li.element_off a:visited {padding: 10px 9px; height: 14px; color: #b4bbc5; border-left: 1px solid #cdd4e4; position: relative; z-index: 5;}
.section_filters li.element_off a:hover, .section_filters li.element_off a:active {background: #ffffff; color: #ae0001;}

.section_filters li.active a:link, .section_filters li.active a:visited {padding: 10px; color: #ffffff;}
.section_filters li.active a:hover, .section_filters li.active a:active {}


/* ########## CONTENT BOX STYLES ########## */

.box {background: #eff0f5; padding: 1px; border-left: 1px solid #b2bcd2; border-right: 1px solid #b2bcd2;}
.box_top {background: url('box_top_bg.gif') repeat-x; height: 41px; border-bottom: 1px solid #b2bcd2}
.box_top_small {background: url('box_top_bg_small.gif') repeat-x; height: 11px; margin: 0;}
.box_bottom {clear: both; background: url('box_bottom_bg.gif') repeat-x; height: 11px; margin: -1px 0 10px 0; width: auto; position: relative; z-index: 2;}
h1.box_title {font-size: 22px; font-weight: normal; margin: 0; padding: 7px 0; font-family: Cambria, "Times New Roman"; color: #798399;}
h1.box_title div.mini_links {font-size: 11px; float: right; padding: 8px; font-family: arial;}

h3.box_title {background: url('box_top_bg.gif') repeat-x 0 -1px; height: 41px; font-size: 22px; font-weight: normal; margin: 0; font-family: Cambria, "Times New Roman"; color: #798399;}
h3.box_title a {padding: 4px 0;}



/* ########## SIDE PANEL STYLES ########## */

#side_panel ul.nav {margin: 0; padding: 0; border-bottom: 1px solid #f7f8fa; width: 196px;}
#side_panel ul.nav li {list-style: none; font-weight: bold; margin: 0; padding: 0;}

#side_panel ul.nav li a:link, #side_panel ul.nav li a:visited {display: block; padding: 8px; height: 15px; border-bottom: 1px solid #d9dde9; border-top: 1px solid #f7f8fa; color: #828c9c;}
#side_panel ul.nav li a:hover, #side_panel ul.nav li a:active {display: block; padding: 8px; height: 15px; border-bottom: 1px solid #d9dde9; border-top: 1px solid #f7f8fa; color: #3a5e9a; background: #ffffff;}

#side_panel ul.nav li a.active:link, #side_panel ul.nav li a.active:visited, #side_panel ul.nav li a.active:hover, #side_panel ul.nav li a.active:active {background: #395d99 url('nav_active_bg.jpg') no-repeat top right; margin: 0 -17px 0 0; padding: 8px 5px 8px 15px; border: none; color: #ffffff; width: 195px; position: relative; z-index: 2;}


#side_panel ul.nav li a.dashboard:link, #side_panel ul.nav li a.dashboard:visited {background: url('icon_mini_dashboard.jpg') no-repeat right 0;}
#side_panel ul.nav li a.dashboard:hover, #side_panel ul.nav li a.dashboard:active {background: #ffffff url('icon_mini_dashboard.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.icon-content:link, #side_panel ul.nav li a.icon-content:visited {background: url('icon_mini_licenses.jpg') no-repeat right 0;}
#side_panel ul.nav li a.icon-content:hover, #side_panel ul.nav li a.icon-content:active {background: #ffffff url('icon_mini_licenses.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.settings:link, #side_panel ul.nav li a.settings:visited {background: url('icon_mini_settings.jpg') no-repeat right 0;}
#side_panel ul.nav li a.settings:hover, #side_panel ul.nav li a.settings:active {background: #ffffff url('icon_mini_settings.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.profile:link, #side_panel ul.nav li a.profile:visited {background: url('icon_mini_profile.jpg') no-repeat right 0;}
#side_panel ul.nav li a.profile:hover, #side_panel ul.nav li a.profile:active {background: #ffffff url('icon_mini_profile.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.projects:link, #side_panel ul.nav li a.projects:visited {background: url('icon_mini_projects.jpg') no-repeat right 0;}
#side_panel ul.nav li a.projects:hover, #side_panel ul.nav li a.projects:active {background: #ffffff url('icon_mini_projects.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.icon-designs:link, #side_panel ul.nav li a.icon-designs:visited {background: url('icon_mini_designs.jpg') no-repeat right 0;}
#side_panel ul.nav li a.icon-designs:hover, #side_panel ul.nav li a.icon-designs:active {background: #ffffff url('icon_mini_designs.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.downloads:link, #side_panel ul.nav li a.downloads:visited {background: url('icon_mini_downloads.jpg') no-repeat right 0;}
#side_panel ul.nav li a.downloads:hover, #side_panel ul.nav li a.downloads:active {background: #ffffff url('icon_mini_downloads.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.support:link, #side_panel ul.nav li a.support:visited {background: url('icon_mini_support.jpg') no-repeat right 0;}
#side_panel ul.nav li a.support:hover, #side_panel ul.nav li a.support:active {background: #ffffff url('icon_mini_support.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.review:link, #side_panel ul.nav li a.review:visited {background: url('icon_mini_review.jpg') no-repeat right 0;}
#side_panel ul.nav li a.review:hover, #side_panel ul.nav li a.review:active {background: #ffffff url('icon_mini_review.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.contact:link, #side_panel ul.nav li a.contact:visited {background: url('icon_mini_contact.jpg') no-repeat right 0;}
#side_panel ul.nav li a.contact:hover, #side_panel ul.nav li a.contact:active {background: #ffffff url('icon_mini_contact.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.domains:link, #side_panel ul.nav li a.domains:visited {background: url('icon_mini_domains.jpg') no-repeat right 0;}
#side_panel ul.nav li a.domains:hover, #side_panel ul.nav li a.domains:active {background: #ffffff url('icon_mini_domains.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.hosting:link, #side_panel ul.nav li a.hosting:visited {background: url('icon_mini_hosting.jpg') no-repeat right 0;}
#side_panel ul.nav li a.hosting:hover, #side_panel ul.nav li a.hosting:active {background: #ffffff url('icon_mini_hosting.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.notice:link, #side_panel ul.nav li a.notice:visited {background: url('icon_mini_notice.jpg') no-repeat right 0;}
#side_panel ul.nav li a.notice:hover, #side_panel ul.nav li a.notice:active {background: #ffffff url('icon_mini_notice.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.messages:link, #side_panel ul.nav li a.messages:visited {background: url('icon_mini_messages.jpg') no-repeat right 0;}
#side_panel ul.nav li a.messages:hover, #side_panel ul.nav li a.messages:active {background: #ffffff url('icon_mini_messages.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.products:link, #side_panel ul.nav li a.products:visited {background: url('icon_mini_products.jpg') no-repeat right 0;}
#side_panel ul.nav li a.products:hover, #side_panel ul.nav li a.products:active {background: #ffffff url('icon_mini_products.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.payments:link, #side_panel ul.nav li a.payments:visited {background: url('icon_mini_payment.jpg') no-repeat right 0;}
#side_panel ul.nav li a.payments:hover, #side_panel ul.nav li a.payments:active {background: #ffffff url('icon_mini_payment.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.go:link, #side_panel ul.nav li a.go:visited {background: url('icon_mini_go.jpg') no-repeat right 0;}
#side_panel ul.nav li a.go:hover, #side_panel ul.nav li a.go:active {background: #ffffff url('icon_mini_go.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.icon-pages:link, #side_panel ul.nav li a.icon-pages:visited {background: url('icon_mini_pages.jpg') no-repeat right 0;}
#side_panel ul.nav li a.icon-pages:hover, #side_panel ul.nav li a.icon-pages:active {background: #ffffff url('icon_mini_pages.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.icon-clients:link, #side_panel ul.nav li a.icon-clients:visited {background: url('icon_mini_clients.jpg') no-repeat right 0;}
#side_panel ul.nav li a.icon-clients:hover, #side_panel ul.nav li a.icon-clients:active {background: #ffffff url('icon_mini_clients.jpg') no-repeat right -31px;}

#side_panel ul.nav li a.icon-floorplans:link, #side_panel ul.nav li a.icon-floorplans:visited {background: url('icon_mini_floorplans.jpg') no-repeat right 0;}
#side_panel ul.nav li a.icon-floorplans:hover, #side_panel ul.nav li a.icon-floorplans:active {background: #ffffff url('icon_mini_floorplans.jpg') no-repeat right -31px;}


/* ########## MAIN CONTENT STYLES ########## */

h1.section_title {color: #23406c; font-size: 24px; font-weight: normal; margin: 0 0 10px 0; padding: 0; font-family: Cambria, "Times New Roman";}
p {margin: 5px; padding: 0; line-height: 18px;}

h2.subtitle {background: #dde0e9; padding: 5px; text-transform: uppercase; font-size: 10px; margin: 0; color: #747d8f;}


/* ########## TABLE AND ROW STYLES ########## */

.column_header td {background: #dde0e9; padding: 5px 10px; text-transform: uppercase; font-size: 10px; font-weight: bold; margin: 0; color: #747d8f;}

.row_even, .row_even_nh {background: #eff0f5;}
.row_odd, .row_odd_nh {background: #e7e8ee;}

.row_even:hover, .row_odd:hover {background: #c6e5f2;}

td.title {width: 100%; text-align: left;}
td.main {width: 50%; white-space: nowrap;}
td.data {text-align: center; white-space: nowrap;}
td.data-left {text-align: left; white-space: nowrap;}
td.functions {text-align: right; white-space: nowrap;}
td.label {width: 125px; padding: 0 8px; vertical-align: middle; font-weight: bold; white-space: nowrap;}
.invoices {color: #515c6d; font-weight: bold; font-size: 11px;}

.box tr.row_even td, .box tr.row_odd td {padding: 10px 5px; vertical-align: middle;}
.box tr.row_even_nh td, .box tr.row_odd_nh td {padding: 0 5px 10px 5px; vertical-align: middle;}


/* ########## PROGRESS BAR STYLES STYLES ########## */


.progress_bar {background: #d8dce3 url('progress_bg.gif') repeat-x top left; height: 16px; border: 1px solid #bec8db;}
.progress_bar_complete {background: #6eb430 url('progress_bg_complete.gif') repeat-x top left; height: 16px;}


/* ########## FOOTER STYLES ########## */

#footer {margin-top: 50px;}
#footer div.box {text-align: center;}
#footer p {font-weight: bold; font-size: 11px; margin: 0; padding: 0; line-height: 28px;}

.PageFooter {padding-top: 5px; font-weight: normal; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; text-align: center;	color: #808080;}


/* ########## EXTERIOR PAGE STYLES ########## */

.ext-body {background: #0d0d0d url('bg-exterior.jpg') no-repeat top center;}
#ext-box {font-weight: normal; font-size: 12px; margin: 0 auto; height: 100%; padding: 5% 0 36px 0;}

#ext-box .logo-accent {float: right; background: url('logo-accent.png') no-repeat; width: 96px; height: 90px; margin: -15px -15px -20px 0;}


#ext-box .shell-border-outside {border: 1px solid #363636; border-radius: 10px;}
#ext-box .shell-border-inside {border: 7px solid #010610; border-radius: 10px;}

#ext-box div.header {background: url('login/bg-top.gif') top left repeat-x; padding: 7px 5px; text-align: center; border-radius: 9px 9px 0 0;}
#ext-box div.body {background: #E8E9F1; padding: 10px 10px 20px 10px; border-radius: 0 0 9px 9px; text-align: left;}
#ext-box h1 {background: url('login/bg-bluestripe.gif') repeat-x; height: 51px; padding-top: 5px; color: #ffffff; font-weight: normal; font-size: 28px; text-transform: normal; text-align: center; margin: 0; text-shadow: 1px 1px #091835; font-family: 'Segoe UI','Lucida Grande', sans-serif;}

#ext-box ul.fields {list-style: none; margin: 0; padding: 0; float: left; width: 430px;}
#ext-box ul.fields li {padding: 5px 10px; text-align: left;}

#ext-box li span.required {width: 16px; height: 16px; display: block; position: relative; top: 10px; left: -8px; margin-bottom: -15px; z-index: 10; background: url('icon-ui-grey.png') no-repeat -224px -112px; opacity: .35; filter:Alpha(Opacity=35);}


#ext-box label {float: left; width: 140px; font-size: 16px; font-weight: normal; padding: 8px 0 8px 10px; color: #717a88;}

#ext-box hr {margin: 20px auto; height: 2px; background: #d8dae5; border-top: 1px solid #b8bac9; border-bottom: 1px solid #f6f7fa;}


#ext-box input.field, #ext-box select.field {background: #ffffff url('form_input_bg.gif') repeat-x; border: 2px solid #c3cbdd; padding: 5px; color: #717a88; width: 200px; font-size: 16px; font-weight: normal;}
#ext-box input.field:focus, #ext-box select.field:focus  {border: 2px solid #a0cc68;}
#ext-box input.field:hover, #ext-box select.field:hover {border: 2px solid #4a73ba;}

#ext-box input.button {margin-right: 0;}

#ext-box li.error label {color: #a50000;}
#ext-box li.error input.field, #ext-box li.error select.field {border: 2px solid #a50000;}
#ext-box li.error span.required {background: url('icon-ui-red.png') no-repeat -224px -112px;}

.ext-narrow {width: 450px;}
.ext-wide {width: 900px;}


#foot {background: #040405;	color:#c6cad8;	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px; position: relative; padding:10px; text-align:center; bottom: 0; margin: -36px 0 0 0; display: block; height: 16px; clear: both;}

#foot a {color: #c6cad8; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 11px; text-decoration: none;}
#foot a:hover {text-decoration: underline; color: #fff;}
#foot ul {list-style: none; margin: 0; padding: 0;}
#foot li {padding: 0 5px; display: inline; margin-top: -60px;}
#foot li.lb {border-left: 1px solid #54565d;}
#foot li.emblem {width: 47px; height: 58px; position: relative;	padding: 0 0 0 10px; top: 13px; background: url('blufyre-emblem.png') no-repeat top right; display: inline-block;}


#wrapper {min-height: 100%;}


/* ########## BUTTON STYLES ########## */

td.functions ul {margin: 0; padding: 0; position: relative; right: 0;}
td.functions ul li {list-style: none; padding: 0; margin: 0; border-radius: 4px; float: right;}
td.functions ul li a {margin: 2px; padding: 6px 5px 4px 5px; display: block; float: right; font-size: 10px;}
td.functions span {margin: 0; padding: 0;}
td.functions span.ui-icon {float: left; margin: -3px 0 0 0; cursor: pointer; padding: 0;}

td.functions a:link, td.functions a:visited {color: #717a88; text-decoration: none;}
td.functions a:hover, td.functions a:active {color: #ffffff; text-decoration: none;}


.button {margin: 0 auto;}


/* ########## LIST STYLES ########## */

ul.options {margin: 0; padding: 0;}
ul.options li {list-style: none; display: block; float: left; width: 45%;}

ul#errors {margin: 0 20px; padding: 0;}
ul#errors li {list-style: disc; text-align: left; padding: 3px 0; white-space: nowrap;}



#wysiwyg, #wysiwyg2 {width: 720px; height: 500px;}


/* ########## MODAL STYLES ########## */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('modal/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('modal/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('modal/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('modal/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('modal/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('modal/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('modal/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('modal/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('modal/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('modal/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('modal/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('modal/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('modal/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('modal/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('modal/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('modal/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('modal/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/modal/fancy_shadow_nw.png', sizingMethod='scale'); }