*             { margin: 0; padding: 0; border: 0; }
img, div, li  { behavior: url(/global/css/iepngfix.htc) }
body          { background: #dfdfdf url(/img/css/bg.gif) repeat-x; font-family: Arial; color: #111; font-size: 11px; }

a             { color: #888; text-decoration: underline; }
a.bold        { font-weight: bold;}
a:hover       { text-decoration: none; }
a:active      { text-decoration: none; }
a:focus, input:focus { -moz-outline: none; outline: none; ie-dummy: expression( this.hideFocus=true ); }

a.small       { font-size: 10px; }
a.blue        { color: #0DA4EA; text-decoration: none; }
a.blue:hover  { text-decoration: underline; }
a.whitebold        { color: #fff; text-decoration: none; font-weight: bold; }
a.whitebold:hover  { text-decoration: underline; }

a.grey        { text-decoration: none; }
a.grey:hover  { text-decoration: underline; }
a.back        { float: right; margin-top: 5px; font-weight: bold; color: #888; }
div.clear     { clear: both; overflow: hidden; width: 1px; height: 1px; }
div.checktxt  { float: left; width: 500px; }
ol { margin: 5px 0px 0px 20px ; }

div.cell_145 { width: 145px; margin: 0px 3px 5px 0px; float: left; }

#successMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 15px 0; padding: 10px; }
#errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; margin: 0 0 15px 0; padding: 10px; }
#errorMsg dt, #errorMsg h3, #successMsg dt, #successMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
#errorMsg dd, #successMsg dd{ margin: 0; padding: 0; }
#errorMsg ul, #successMsg ul{ margin: 0; padding: 0; }
#errorMsg ul li, #successMsg ul li{ margin: 0; padding: 2px; list-style-position: inside; position: relative; }

div.tool_tip  { padding: 10px; border: 1px solid #777; width: 250px; background: #fff url(/img/css/bg_tooltip.gif) repeat-x; }
div.tt_zoom   { width: 320px; }

a.tool_tip    { cursor: pointer; }
img.tool_tip, img.tt_style  { vertical-align: middle; margin-left: 5px; cursor: pointer; }
img.rs        { float: left; margin-left: 5px; border: 1px solid #a6a6a6; }

div.tab       { background: transparent url(/img/css/tab_bar_left.png) no-repeat; height: 25px; padding: 5px 7px; margin: 0px 0px 10px -5px; }
div.tab_right { background: transparent url(/img/css/tab_bar_right.png) no-repeat; width: 12px; height: 35px; float: right; margin-right: 5px; }
div.tab_item, div.tab_item_hi  { font-weight: bold; float: left; padding: 4px 30px; height: 20px; }
div.tab_item a { color: #848484; text-decoration: none; }
div.tab_item a:hover { color: #333; text-decoration: none; text-decoration: none; }
div.tab_item_hi  { background: transparent url(/img/css/tab_bg.gif) repeat-x; }
div.tab_item_hi a { color: #e7e7e7; text-decoration: none; }
div.tab_item_hi a:hover { text-decoration: none; }
div.connectedSortable { min-height: 150px; height:auto !important; height: 150px; }

/* Form */
div.mainform input, div.mainform textarea, div.mainform select { background: #fff; border: 1px solid #dadada; font-weight: normal; }
div.mainform input   { height: 16px; }
div.mainform select  { height: 26px; }
.middle { vertical-align: middle; }
div.mainform input:focus, div.mainform textarea:focus, div.mainform label:focus { background: #fff; border: 1px solid #686868; }
div.mainform textarea, div.mainform input, div.mainform select { background: #fff; border: 1px solid #b2b2b2; color: #111; font: 12px Verdana, Arial, Helvetica, sans-serif; margin: 1px; padding: 3px; font-weight: bold; }
div.mainform .button, div.mainform .button:focus { background: url(/img/css/fader.png); border: 1px solid #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; }
div.mainform .button:active { background: #f4f4f4; border: 1px solid #ccc; border-left-color: #999; border-top-color: #999; }
.checkbox   { background: #fff; border: none; margin: 0; padding: 0; vertical-align: middle; }
div.frow    { margin-bottom: 8px; }
div.fhint   { margin-left: 150px; font-size: 9px; color: #777; }
div.fcheck  { width: 100px; float: left; }
label       { width: 150px; float: left; font-size: 11px; }
label.block { display: block; font-size: 11px; clear: both; width: 250px; }
label.kw    { width: 180px; margin: 0px 3px 5px 0px; float: left; overflow: hidden; background: #f8f8f8; cursor: pointer; padding: 2px; white-space: nowrap }
label.all   { font-size: 12px; font-weight: bold; vertical-align: middle; width: 100px; margin-top: 6px;}
label.common{ font-size: 12px; font-weight: bold; vertical-align: middle; padding-top: 6px; width: 210px; margin-right: 5px; float: left; }
label.err, span.error { color: #ee0505; }
span.small  { font-size: 10px; }
span.white  { color: #fff; }
label.radio, label.radio2 { width: 330px; margin: 2px 0px 2px 0px; display: block; overflow: hidden; background: #eee; cursor: pointer; padding: 5px 10px; white-space: nowrap; font-weight: bold; }
label.radio2 { width: 480px }
label.radio:hover, label.radio2:hover { background: #f8f8f8; }
label.rf     { width: 205px; cursor: pointer; }
span.grey   { color: #777; }
span.hi     { color: #8e8e8e; }
span.normal { font-weight: normal; font-size: 11px; }
span.bold   { font-weight: bold; }

input.g25  { width: 25px; }
input.g40  { width: 40px; }
input.g50  { width: 50px; }
input.g80  { width: 80px; }
input.g100 { width: 100px; }
input.g120 { width: 120px; }
input.g150 { width: 150px; }
input.g200 { width: 200px; }
input.g220 { width: 220px; }
input.g235 { width: 235px; }
input.g250 { width: 250px; }
input.g300 { width: 300px; }

select.g35    { width: 35px; }
select.g50    { width: 50px; }
select.g60    { width: 60px; }
select.g70    { width: 70px; }
select.g80    { width: 80px; }
select.g100   { width: 100px; }
select.g150   { width: 150px; }
select.g175   { width: 175px; }
select.g200   { width: 200px; }
select.g250   { width: 258px; }
select.g300   { width: 300px; }
select.g350   { width: 350px; }
select.g470   { width: 470px; }

textarea.txt1 { width: 275px; height: 105px; }
textarea.txt2 { width: 350px; height: 100px; }
textarea.txt4 { width: 340px; height: 150px; }
textarea.txt5 { width: 500px; height: 200px; }
textarea.txt6 { width: 340px; height: 120px; }
textarea.txt7 { width: 250px; height: 150px; }

/* table */
table.standard {}
table.standard tr td      { padding: 5px 10px; font-weight: normal; }
table.standard tr td.alt  { padding: 5px 0px; font-weight: normal; }

table.standard tr td.b  { font-weight: bold; font-size: 12px; }
table.standard tr td.c { text-align: center; }
table.standard tr td.h1, tr.h1 td { font-weight: bold; background-color: #f6f6f6; }
table.standard tr td.h2, tr.h2 td { font-weight: bold; background-color: #eee; }

/* table */
table.small {}
table.small tr td { padding: 2px 5px; vertical-align: top; }
table.small tr td.b  { font-weight: bold; font-size: 12px; }
table.small tr td.nowr  { white-space: nowrap; }

table.price { padding: 0; spacing: 0;}
table.price tr td { padding: 5px 10px 5px 0px; font-size: 12px; border-bottom: 1px solid #fff; font-weight: normal; }
table.price tr th { text-align: left; font-family: Trebuchet MS; color: #3c3c3c; font-size: 13px; font-weight: bold; padding: 0px 0px 0px 0px; overflow: hidden; white-space: nowrap; background-color: #eee; border-bottom: 1px solid #fff; height: 32px; background: transparent url(/img/css/bg_price.gif) repeat-x; }
table.price tr td.top  { vertical-align: top; }
table.price tr.h1 td  { background-color: #f6f6f6; color: #3f3f3f; }
table.price tr.h2 td  { background-color: #eee; color: #3f3f3f; }
table.price tr.del td { /*background-color: #ddd;*/ background: transparent url(/img/icons/bg_deleted.gif) repeat 0px 0px; }
table.price tr.bold td { font-weight: bold; }
table.price tr.hi td { background-color: #10aaf2; color: #fff; }
table.price tr.action td { background-color: #dfdfdf; color: #333; border-top: 1px solid #ccc; }
table.price tr td.line { height: 1px; overflow: hidden; border-bottom: 1px solid #777; }
table.price td.check { text-align: right; }
table.price tr td.b  { font-weight: bold; }
table.price tr td.e  { color: #ee0000; }
table.price tr td.c  { text-align: center; }
table.price tr td.p  { padding: 2px 10px; }

/* Header */
#header         { width: 980px; height: 75px; padding: 0px 0px 0px 20px; }
#header a       { color: #666; text-decoration: none; }
#header a:hover { color: #666; text-decoration: underline; }
#header_logo    { width: 165px; height: 60px; padding: 15px 0px 0px 0px; float: left; }
#header_search  { width: 350px; height: 55px; padding: 20px 0px 0px 0px; float: left; color: #666; }
#header_search input.searchfield  { width: 249px; height: 26px; font-size: 20px; padding: 1px 3px; float: left; border-top: 1px solid #dadada; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; margin-bottom: 2px; }
#header_search input.searchsubmit { float: left; margin-bottom: 2px; }
#header_search a    { background: transparent url(/img/css/pfeil_search.gif) no-repeat 0px 4px; padding-left: 8px; }
#header_language    { width: 88px; height: 48px; padding: 27px 0px 0px 52px; float: left; background: transparent url(/img/css/bg_header_map.gif) no-repeat 0px 22px; }
#header_language a  { background: transparent url(/img/css/pfeil_lang.gif) no-repeat top right; padding-right: 8px; }
#header_user        { width: 281px; height: 49px; padding: 9px 17px 5px 15px; float: left; background: transparent url(/img/css/bg_header_user.gif) no-repeat; color: #fff; }
#header_user a   { color: #c6c6c6; }
#header_user a:hover   { color: #c6c6c6; }
#header_user input.user { float: left; width: 106px; height: 14px; padding: 2px; margin-right: 10px; font-size: 11px; }
#header_user a.pw   { float: left; margin-right: 43px; color: #c6c6c6; }
#header_user a.pw:hover   { color: #c6c6c6; }
#header_user a.reg  { float: left; color: #fff; font-weight: bold; background: transparent url(/img/css/pfeil_reg.gif) no-repeat 0px 4px; padding-left: 10px; }
#header_user a.reg:hover { color: #fff; }
#header_user h2 { font-size: 11px; color: #fff; margin-bottom: 2px;}
#header_user div.userinfo {float: right; width: 120px; text-align: right; }

/* Shopping Cart */
#shopping_cart { width: 140px; height: 310px; padding: 38px 17px 20px 17px; float: right; margin-top: -3px; }
div.cartthumb { width: 70px; height: 70px; float: left; margin-top: 5px;}
div.cartthumbtop { width: 60px; height: 48px; }
div.cartthumbtop img { background-color: #fff; padding: 1px; border: 1px solid #a6a6a6; }
#icon_pile { position: relative; top: 30px; height: 25px; width: 174px; margin: 0px 40px 0px -10px; }

/* Unsere Fotografen */
#our_photographers { width: 140px; padding: 38px 17px 20px 17px; float: right; margin-top: 10px; }
#our_photographers_footer { background: transparent url(/img/css/bg_unsere_fotografen_bottom.png) no-repeat; width: 172px; height: 13px; float: right; margin-right: 2px;}
div.photographer_content { margin: 10px 0px; padding-top: 10px; border-top: 1px solid #e7e7e7; }
div.photographer_content_first { margin: 0px 0px 10px 0px; padding-top: 10px; border-top: 0px transparent; }
div.photographer_img { float: left; margin-right: 10px; width: 45px; height: 45px; border: 1px solid #e7e7e7; overflow: hidden; }

#main     { margin-top: 20px; min-height: 550px; height:auto !important; height: 550px; padding: 0px 0px 15px 20px; }
#main_content, #alt_content, div.default_content { background: transparent url(/img/css/bg_standard.png) no-repeat; width: 750px; padding: 10px 18px; margin: -3px 0px 0px -3px; float: left; }

#main_content_footer, #alt_content_footer, div.default_content_footer { background: transparent url(/img/css/bg_standard_footer.png) no-repeat; width: 786px; height: 9px; margin: 0px 0px 0px -3px; overflow: hidden; float: left; }
#main_content h1, #alt_content h1, div.content_450 h1, div.content_315 h1, div.default_content h1, h1.heading { font-family: Trebuchet MS; letter-spacing: 0.5px; color: #3c3c3c; font-size: 18px; font-weight: normal; padding: 4px 0px 0px 0px; overflow: hidden; white-space: nowrap; }
#main_content h1 a, #alt_content h1 a, div.content_450 h1 a, div.content_315 h1 a, div.default_content h1 a { text-decoration: none; }
#main_content h1 a:hover, #alt_content h1 a:hover, div.content_450 h1 a:hover, div.content_315 h1 a:hover, div.default_content h1 a:hover { color:#a6a6a6 }
#main_content h2, #alt_content h2 { font-family: Trebuchet MS; letter-spacing: 0.5px; color: #333; font-size: 14px; font-weight: bolder; padding: 4px 0px 0px 0px; }
#main_content h3, #alt_content h3 { font-size: 12px; margin: 0px 0px 5px 0px; font-weight: bold; }
#main_content h4, #alt_content h4, div.content_450 h4, div.content_315 h4 { border-bottom: 1px solid #ddd; font-size: 12px; margin: 10px 0px 5px 0px }
#main_content ul {} 
#main_content li, div.default_content li { list-style: none; margin: 0px 0px 5px 0px; } 
div.content_450 { background: transparent url(/img/css/bg_standard_450.png) no-repeat; width: 456px; padding: 10px 0px; }
div.content_450_footer { background: transparent url(/img/css/bg_standard_footer_450.png) no-repeat; width: 456px; height: 9px; overflow: hidden; }
div.content_430 { background: transparent url(/img/css/bg_standard_430.png) no-repeat; width: 436px; padding: 10px 0px; }
div.content_430_footer { background: transparent url(/img/css/bg_standard_footer_430.png) no-repeat; width: 436px; height: 9px; overflow: hidden; }
div.content_315 { background: transparent url(/img/css/bg_standard_315.png) no-repeat; width: 285px; padding: 10px 18px; }
div.content_315_footer { background: transparent url(/img/css/bg_standard_footer_315.png) no-repeat; width: 321px; height: 9px; overflow: hidden; }

#alt_content { padding: 10px 0px; width: 787px; }
#alt_content h1 { padding: 4px 18px 0px 18px; }
#alt_content h2 { padding: 4px 0px 0px 0px; }
#alt_content h2.ui-state-active { background-image: url(/img/css/pfeil_unten.gif); background-repeat: no-repeat; background-position: 6px 8px; }
#alt_content h2.ui-state-default { background-image: url(/img/css/pfeil_rechts.gif); background-repeat: no-repeat; background-position: 6px 8px;}
#alt_content h2.bg1 { background-color: #f6f6f6; padding: 10px 40px; margin: 0px 6px 1px 6px; cursor: pointer; }
#alt_content h2.bg2 { background-color: #eee; padding: 10px 40px; margin: 0px 6px 1px 6px; cursor: pointer; }

div.content     { width: 967px; }
div.bg          { padding: 10px 15px; margin: 0px 6px 1px 6px; }
div.bg a        { color: #0DA4EA; text-decoration: none; }
div.bg a:hover  { text-decoration: underline; }
div.misc_box_left  { width: 350px; float: left; margin: 0px 40px 10px 0px; }
div.misc_box_right { width: 350px; float: left; margin: 0px 0px 10px 0px; }
div.template_thumb { width:140px; height:130px; border: 1px solid #efefef; float: left; padding: 2px; margin: 2px; cursor: pointer; }

/* Search Result */
#left   { margin: 0px 180px 0px 0px; border: 0px; padding: 0px; min-height:690px; height:auto !important; height:690px; font-weight: normal; }
#right  { position: absolute; right: 0px; top: 0px; width: 195px; border: 0px; height: 750px; padding: 95px 0px 0px 15px; display: inline; }
div.control_panel { width: 100%; height: 48px; white-space: nowrap; min-width: 800px; margin: 0px 0px 10px; }
div.control_panel_left { margin: 0px 8px 0px 0px; border: 0px; padding: 16px; height: 48px; background: transparent url(/img/search/control_panel_left.gif) no-repeat; font-size: 12px; color: #414141; }
div.control_panel_right { float: right; width: 8px; height: 48px; background: transparent url(/img/search/control_panel_right.gif) no-repeat; }
div.control_panel_result  { float: left; overflow: hidden; font-size: 12px; font-weight: bold; white-space: nowrap; margin-right: 40px; }
div.control_panel_pager   { float: left; overflow: hidden; font-size: 11px; line-height: 22px; margin: 0 auto; }
div.control_panel_ipp     { float: right; text-align: right; overflow: hidden; font-size: 11px; }

div.control_panel_pager a, .pageList .current { background: #414141 none repeat scroll 0 0; border:1px solid #eee; padding:2px 6px; color: #fff; text-decoration:none; }
div.control_panel_pager a:visited { background: #414141 none repeat scroll 0 0; border:1px solid #eee; padding:2px 6px; text-decoration:none; }
div.control_panel_pager .AtStart { background: #414141 none repeat scroll 0 0; border:1px solid #eee; color:#bbb; margin-right:20px; padding:2px 6px; }
div.control_panel_pager .Prev { background: #414141 none repeat scroll 0 0; border:1px solid #eee; margin-right:10px; padding:2px 6px; }
div.control_panel_pager .break { background: #414141 none repeat scroll 0 0; border:medium none; color:#bbb; padding:2px 6px; text-decoration:none; }
div.control_panel_pager .Next { background: #414141 none repeat scroll 0 0; border:1px solid #eee; margin-left:10px; padding:2px 6px; }
div.control_panel_pager .AtEnd { background: #414141 none repeat scroll 0 0; border:1px solid #eee; color:#bbb; margin-left:20px; padding:2px 6px; }
div.control_panel_pager .current { background: #0facef/*#414141*/ none repeat scroll 0 0; border:1px solid #eee; color:#fff; font-weight:bold; padding:2px 6px; vertical-align:top; }
div.control_panel_pager a:visited:hover, div.control_panel_pager a:hover, div.control_panel_pager a:active { background:#0facef none repeat scroll 0 0; border-color: #fff; color: #fff; text-decoration:none; }

/* Resource */
div.move  { cursor: move; }
div.thumb { width: 100px; height: 120px; float: left; padding: 15px 12px 15px 13px; background: transparent url(/img/css/bg_resource_small.png) no-repeat; margin: 0px 6px 10px 0px; }
div.thumbtop { width: 100px; height: 105px; }
div.thumbbottom { width: 100px; height: 14px; }
div.thumbmicro { width: 60px; height: 60px; float: left; padding: 10px; background: transparent url(/img/css/bg_resource_micro.png) no-repeat; margin: 0px 6px 10px 0px; }
div.thumbmicrotop { width: 60px; height: 47px; }
div.thumbmicrobottom { width: 60px; height: 13px; }

div.lightbox { width: 116px; height: 141px; float: left; padding: 5px; background: transparent url(/img/css/bg_lightbox_small.png) no-repeat; margin: 0px 10px 10px 0px; }
div.lightbottom { height: 28px; width: 110px; overflow: hidden; padding: 0; margin: 2px 0px 0px 0px; }

#left_img     { float: left; width: 550px; margin: 5px 0px 0px 6px; background: transparent url(/img/css/bg_res.gif) repeat; }
#right_img    { float: left; width: 204px; padding: 10px; margin: 5px 0px 0px 0px; border-left: 1px solid #999; background: transparent url(/img/css/bg_resource_info.gif) no-repeat; }
#right_img a  { color: #c6c6c6; line-height: 20px; }
#img_info     { background-color: #eee; padding: 10px; margin: 0px 6px; color: #404040; }
#img_info a   { color: #0DA4EA; }

/* Navi */
#navi   { background: #aaa url(/img/css/bg_navi.gif) repeat-x; margin-top: 10px; }
div.navi_item, div.navi_last_item { width: 125px; min-height: 275px; height:auto !important; height: 275px; background: transparent url(/img/css/bg_navi_sep.gif) no-repeat top right; float: left; margin-top: 30px; padding: 0px 0px 20px 15px; }
div.navi_item h2, div.navi_last_item h2 { font-size: 13px; text-transform: uppercase; font-weight: bolder; letter-spacing:-1px; color: #393939; }
div.navi_last_item { background: transparent url(/img/css/bg_navi_logo.gif) no-repeat 15px 1px; }
div.navi_last_item h2 { visibility: hidden; }
div.navi_item h2.first { color: #0eabee; }
#navi ul { padding-left: 0px; margin: 10px 0px 0px 0px; text-indent: 0px; }
#navi li { line-height: 18px; list-style: none; text-indent: 0px; padding: 0; margin: 0; }
#navi a { color: #686868; text-decoration: none; font-size: 11px; }
#navi a:hover, #navi a:active { color: #fff; }

/* Footer */
#footer     { background: #626262 url(/img/css/bg_footer.gif) repeat-x; min-height: 100px; height:auto !important; height: 105px; color: #bdbdbd; padding: 10px 15px 5px 15px; }
#footer h2  { font-size: 12px; font-weight: bolder; margin: 10px 2px 2px 2px; }
#footer p   { width: 980px; margin-bottom: 10px; }
#footer p a       { color: #bdbdbd; white-space: nowrap; font-size: 11px; text-decoration: none; margin: 0px 2px; }
#footer p a:hover { text-decoration: none; color: #fff; }
#footer a.toc     { color: #d7d7d7; font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: none; margin: 0px 6px 0px 2px; }

/* language switch */
#lng_switch       { margin: 0; padding: 0 }
#lng_switch li    { float: left; list-style: none; font: 11px Arial; }
#lng_switch li a  { background: transparent url(/img/css/pfeil_lang.gif) no-repeat top right; padding-right: 8px; display: block; white-space: nowrap }
#lng_switch li ul       { margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white;  } 
#lng_switch li ul li    { float: none; display: inline }
#lng_switch li ul li a  { width: auto; background: #414141; color: #fff; padding: 5px 30px 5px 4px; }
#lng_switch li ul li a:hover { background: #bdbdbd; text-decoration: none; }

/* Home */
#home_gallery     { width: 550px; height: 360px; overflow: hidden; float: left; }
#home_teaser      { width: 165px; height: 312px; background: transparent url(/img/home/teaser_vorteile.png) no-repeat; float: left; padding: 24px 20px; color: #ddd; }
#home_lightboxes  { width: 517px; height: 150px; background: transparent url(/img/home/bg_lightboxes.gif) no-repeat; float: left; margin: 10px 0px 0px -3px; padding: 20px; }

/* Scrollable */ 
div.home_scrollable { position:relative; overflow:hidden; width: 520px; height:120px; } 
div.home_scrollable div.items { width:20000em; position:absolute; } 
div.home_scrollable div.items div {} 
div.home_scrollable div.items div.page { width: 102px; height: 120px; margin-right: 2px; text-align: center; float:left; } 
img.reflect { /*border:1px solid #414141;*/  }
img.cart_left    { float: left; margin: 5px; }
img.cart_right    { float: right; margin: 5px; }
img.scrollable_pager { float: right; margin-left: 7px; cursor: pointer; }

.button { background: url(/img/css/fader.png); border: 1px solid #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; cursor: pointer; font-weight: 14px; font-weight: bold; color: #333; }
.button a { text-decoration: none; color: #333; }

/* root element for scrollable */
.vertical   { position:relative; overflow:hidden; height: 225px; width: 140px; margin-bottom: 13px; }
/* root element for scrollable items */
.items      { position:absolute; height:20000em; margin: 0px; }
/* single scrollable item */
.items div  { margin: 0px 0px 2px 0px; width: 140px; height:73px; overflow: hidden; }

/* the action buttons above the scrollable */
#actions          { margin: 0px;  }
#actions a        { cursor:pointer; }
.disabled         { visibility:hidden; }

.modal, .modal2 { background-color:#fff; display:none; width:350px; padding:15px; text-align:left; border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; } 
.modal h2, .modal2 h2 { margin:0px 0px 10px 0px; padding: 10px 0 10px 0px; border-bottom:1px solid #333; font-size:14px; }
.modal p, .modal2 p { font-size: 12px; padding: 5px 0px; }
.modal2 { width: 500px; }
.lower { float: right; font-size: normal; }

/* SWFUpload */
.progressWrapper    { width: 305px; overflow: hidden; }
.progressContainer  { margin: 3px; padding: 2px 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; }
/* Message */
.message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
/* Error */
.red    { border: solid 1px #ee0505; background-color: #FFEBEB; }
/* Current */
.green  { border: solid 1px #DDF0DD; background-color: #EBFFEB; }
/* Complete */
.blue   { border: solid 1px #0DA4EA; background-color: #F0F5FF; }
.progressName         { font-size: 8pt; font-weight: 700; color: #555; width: 271px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }
.progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; }
.progressBarComplete  { width: 100%; background-color: green; visibility: hidden; }
.progressBarError     { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus    { margin-top: 2px; width: 285px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; }
a.progressCancel      { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(/global/js/swfupload/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; }
a.progressCancel:hover{ background-position: 0px 0px; }

/* jqModal */
.jqmWindow  { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; }
.jqmOverlay { background-color: #000; }
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

