/**********************************************************\
' Name     : default.css
' Purpose  : Default Stylesheet
' Created  : 2007-10-18; Internetfabriken
' Modified : 2007-03-28; Internetfabriken
' Comment  :
\**********************************************************/


/* GENERAL */

html, body { margin:0; padding:0; height:100%; font-size:12px; color:#000000; font-family:arial,helvetica,sans-serif; }
body { text-align:center; background: #d8e5c9 url(/images/bg_fade.gif) repeat-x fixed 0 0; }

h1, p.heading1 { font-size:32px; font-weight:normal; margin-top:0px; margin-bottom:18px; color:#508419; }
h2, p.heading2 { font-size:24px; font-weight:normal; margin-top:0px; margin-bottom:12px; }
h3, p.heading3 { font-size:18px; font-weight:normal; margin-top:0px; margin-bottom:8px; }
h4, p.heading4 { font-size:14px; font-weight:bold; margin-top:0px; margin-bottom:4px; }
p { /*font-size:11px;*/ margin-top:0px; margin-bottom:12px; }
p.intro { font-weight:bold; }

.green div.container_center h1, .green div.container_center p.heading1 { color:#508419; }
.green div.container_center h2, .green div.container_center p.heading2 { color:#508419; }
.green /*div.container_center*/ p.selection { margin:0px -20px 12px -20px; padding:8px 20px 8px 20px; background:#cde5a8 url(/images/push_bg_green.gif) repeat-y; }
.blue div.container_center h1, .blue div.container_center p.heading1 { color:#3399cc; }
.blue div.container_center h2, .blue div.container_center p.heading2 { color:#3399cc; }
.blue /*div.container_center*/ p.selection { margin:0px -20px 12px -20px; padding:8px 20px 8px 20px; background:#cce5f2 url(/images/push_bg_blue.gif) repeat-y; }
.red div.container_center h1, .red div.container_center p.heading1 { color:#d47d51; }
.red div.container_center h2, .red div.container_center p.heading2 { color:#d47d51; }
.red /*div.container_center*/ p.selection { margin:0px -20px 12px -20px; padding:8px 20px 8px 20px; background:#f0d2c2 url(/images/push_bg_red.gif) repeat-y; }
.yellow div.container_center h1, .yellow div.container_center p.heading1 { color:#d4d351; }
.yellow div.container_center h2, .yellow div.container_center p.heading2 { color:#d4d351; }
.yellow /*div.container_center*/ p.selection { margin:0px -20px 12px -20px; padding:8px 20px 8px 20px; background:#f0f0c2 url(/images/push_bg_yellow.gif) repeat-y; }
.purple div.container_center h1, .purple div.container_center p.heading1 { color:#996699; }
.purple div.container_center h2, .purple div.container_center p.heading2 { color:#996699; }
.purple /*div.container_center*/ p.selection { margin:0px -20px 12px -20px; padding:8px 20px 8px 20px; background:#e1d2e1 url(/images/push_bg_purple.gif) repeat-y; }
.grey div.container_center h1, .grey div.container_center p.heading1 { color:#666666; }
.grey div.container_center h2, .grey div.container_center p.heading2 { color:#666666; }
.grey /*div.container_center*/ p.selection { margin:0px -20px 12px -20px; padding:8px 20px 8px 20px; background:#d2d2d2 url(/images/push_bg_grey.gif) repeat-y; }
.winered div.container_center h1, .winered div.container_center p.heading1 { color:#882544; }
.winered div.container_center h2, .winered div.container_center p.heading2 { color:#882544; }
.winered /*div.container_center*/ p.selection { margin:0px -20px 12px -20px; padding:8px 20px 8px 20px; background:#d05f83 url(/images/push_bg_winered.gif) repeat-y; }

a:link, a:visited { color:#508419; text-decoration:none; }
a:active, a:hover { color:#508419; text-decoration:underline; }
a.link:link, a.link:visited { /*font-size:11px;*/ font-weight:bold; color:#000000; padding-left:18px; background:transparent url(/images/arrow_right_green.gif) no-repeat 0px 1px; }
a.link:active, a.link:hover { color:#000000; }

img { margin:0; padding:0; border:0; }
img.left { float:left; clear:left; margin:0px 10px 10px 0px; }
img.center { display:block; clear:both; margin:0px auto 10px auto; }
img.right { float:right; clear:right; margin:0px 10px 10px 0px; }

table { font-size:11px; margin:0px 0px 12px 0px; padding:0; border:0; }
table td { text-align:left; vertical-align:top; }

div.clearer { clear:both; height:1px; margin-bottom:-1px; line-height:1%; overflow:hidden; font-size:0px; }

div.print { float:right; }
div.print a { display:block; font-size:11px; padding:25px 0px 4px 0px; color:#508419; background: transparent url(/images/print.gif) no-repeat 8px 0px; }

ul { margin:0px 0px 12px 0px; padding:0; list-style-type:none; }
ul li { margin-bottom:4px; padding-left:12px; background:transparent url(/images/bullet.gif) no-repeat 0px 4px; }

div.extra_top_margin { margin-top:20px; }


/* FRAMEWORK */
div#framework { /*position:relative;*/ width:1008px; height:auto !important; height:100%; min-height:100%; margin-left:auto; margin-right:auto; text-align:left; background:transparent url(/images/side_shadow.png) repeat-y; /*overflow:hidden;*/ }
div#frame_top { padding:8px 28px 8px 20px; }
div#frame_middle { min-height:400px; padding-left:20px; padding-right:28px; /*padding-bottom:56px;*/ }
div#frame_left { position:relative; float:left; width:168px; overflow:hidden; }
div#frame_centerright { position:relative; float:left; width:776px; margin-left:16px; }
div#frame_center { position:relative; float:left; width:544px; overflow:hidden; }
div#frame_right { position:relative; float:left; width:224px; margin-left:8px; overflow:hidden; }
div#frame_bottom { margin: 20px 28px 0px 20px; padding-bottom:12px; overflow:hidden; }
/*div#frame_bottom { position:absolute; bottom:0px; width:960px; margin-left:20px; padding-bottom:12px; overflow:hidden; }*/


/* SEPARATORS */

div.separator_dotted { height:1px; margin:0; background:transparent url(/images/separator_dotted.gif) repeat-x; }
div.separator_dotted hr { display:none; }
div#frame_left div.separator_dotted { margin-bottom:10px; }
div#frame_center div.separator_dotted { margin-bottom:12px; }

div.separator_squares { height:11px; margin:0; background:transparent url(/images/separator_squares.gif) repeat-x; }
div.separator_squares hr { display:none; }
div#frame_left div.separator_squares { margin-bottom:10px; }
div#frame_center div.separator_squares { margin-bottom:12px; }


/* CONTAINERS */

div.container_top1 { height:99px; }

div.container_center { padding:0px 20px 0px 20px; margin-bottom:10px; }
div.container_center a.link { float:right; }

div.container_bottom { font-size:11px; text-align:center; color:#999999; }
div.container_bottom a, div.container_bottom a:visited { color:#508419; }
div.container_bottom a.cookies, div.container_bottom a.cookies:visited { color:#999999; }

div.container_menu {}
div.container_menu a:link, div.container_menu a:visited { color:#000000; text-decoration:none; }
div.container_menu a:active, div.container_menu a:hover { color:#000000; text-decoration:none; }
div.container_menu ul { list-style:none; margin:0; padding:0; }
div.container_menu ul li { margin-bottom:1px; padding-left:11px; background:none; font-size:11px; font-weight:bold; text-transform:uppercase; }
div.container_menu ul li a { display:block; padding:4px 8px 4px 8px; background:transparent url(/images/separator_dotted.gif) repeat-x top left; }
div.container_menu ul li ul li { margin:0; padding:0; font-size:11px; font-weight:normal; text-transform:none; }
div.container_menu ul li.green { background:#ffffff url(/images/menu_bg_green.gif) repeat-y; }
div.container_menu ul li.green ul li a { background:transparent url(/images/menu_arrow_green.gif) no-repeat 0px 5px; }
div.container_menu ul li.green a.active, div.container_menu ul li.green a:active, div.container_menu ul li.green a:hover { background-color:#cde5a8; }
div.container_menu ul li.blue { background:#ffffff url(/images/menu_bg_blue.gif) repeat-y; }
div.container_menu ul li.blue ul li a { background:transparent url(/images/menu_arrow_blue.gif) no-repeat 0px 5px; }
div.container_menu ul li.blue a.active, div.container_menu ul li.blue a:active, div.container_menu ul li.blue a:hover { background-color:#cce5f2; }
div.container_menu ul li.red { background:#ffffff url(/images/menu_bg_red.gif) repeat-y; }
div.container_menu ul li.red ul li a { background:transparent url(/images/menu_arrow_red.gif) no-repeat 0px 5px; }
div.container_menu ul li.red a.active, div.container_menu ul li.red a:active, div.container_menu ul li.red a:hover { background-color:#f0d2c2; }
div.container_menu ul li.yellow { background:#ffffff url(/images/menu_bg_yellow.gif) repeat-y; }
div.container_menu ul li.yellow ul li a { background:transparent url(/images/menu_arrow_yellow.gif) no-repeat 0px 5px; }
div.container_menu ul li.yellow a.active, div.container_menu ul li.yellow a:active, div.container_menu ul li.yellow a:hover { background-color:#f0f0c2; }
div.container_menu ul li.purple { background:#ffffff url(/images/menu_bg_purple.gif) repeat-y; }
div.container_menu ul li.purple ul li a { background:transparent url(/images/menu_arrow_purple.gif) no-repeat 0px 5px; }
div.container_menu ul li.purple a.active, div.container_menu ul li.purple a:active, div.container_menu ul li.purple a:hover { background-color:#e1d2e1; }
div.container_menu ul li.grey { background:#ffffff url(/images/menu_bg_grey.gif) repeat-y; }
div.container_menu ul li.grey ul li a { background:transparent url(/images/menu_arrow_grey.gif) no-repeat 0px 5px; }
div.container_menu ul li.grey a.active, div.container_menu ul li.grey a:active, div.container_menu ul li.grey a:hover { background-color:#d2d2d2; }
div.container_menu ul li.winered { background:#ffffff url(/images/menu_bg_winered.gif) repeat-y; }
div.container_menu ul li.winered ul li a { background:transparent url(/images/menu_arrow_winered.gif) no-repeat 0px 5px; }
div.container_menu ul li.winered a.active, div.container_menu ul li.winered a:active, div.container_menu ul li.winered a:hover { background-color:#d05f83; }

div.container_breadcrumbs { font-size:11px; margin-bottom:20px; padding: 4px 10px 4px 10px; background-color:#cccccc; }
div.container_breadcrumbs a { color:#000000; margin-bottom:4px; }
div.container_breadcrumbs sup { position: relative; vertical-align: top; padding-top:0.5em; }

.green div.container_breadcrumbs { background-color:#cde5a8; }
.blue div.container_breadcrumbs { background-color:#cce5f2; }
.red div.container_breadcrumbs { background-color:#f0d2c2; }
.yellow div.container_breadcrumbs { background-color:#f0f0c2; }
.purple div.container_breadcrumbs { background-color:#e1d2e1; }
.grey div.container_breadcrumbs { background-color:#d2d2d2; }
.winered div.container_breadcrumbs { background-color:#d05f83; }

div.container_push_small { position:relative; margin-bottom:10px; background:transparent url(/images/push_bg_green.gif) repeat-y; }
div.container_push_small div.top { height:8px; margin-left:7px; background:#ffffff url(/images/push_top_dotted.gif) no-repeat top right; overflow:hidden; }
div.container_push_small div.body { margin-left:7px; padding:0px 4px 0px 4px; background:#ffffff url(/images/push_body_dotted.gif) repeat-y top right; }
div.container_push_small div.bottom { height:8px; margin-left:7px; background:#ffffff url(/images/push_bottom_dotted.gif) no-repeat top right; overflow:hidden; }
div.container_push_small p { font-size:10px; color:#508419; padding-left:19px; margin-bottom:0px; }
div.container_push_small p.heading { font-size:13px; color:#000000; margin-bottom:4px; background:transparent url(/images/arrow_right_green.gif) no-repeat center left; }
div.container_push_small a { color:#508419; }
/*div.container_push_small img.arrow { float:left; margin-top:2px; display:none; }*/

div.container_push_big { position:relative; margin-bottom:10px; background:transparent url(/images/push_bg_green.gif) repeat-y; }
div.container_push_big div.top { height:8px; margin-left:7px; background:#ffffff url(/images/push_top_dotted.gif) no-repeat top right; overflow:hidden; }
div.container_push_big div.body { margin-left:7px; padding:5px 8px 0px 8px; background:#ffffff url(/images/push_body_dotted.gif) repeat-y top right; }
div.container_push_big div.bottom { height:8px; margin-left:7px; background:#ffffff url(/images/push_bottom_dotted.gif) no-repeat top right; overflow:hidden; }
div.container_push_big p { font-size:11px; margin-bottom:8px; }
div.container_push_big p.heading { font-size:20px; padding-left:34px; background:transparent url(/images/arrow_bigright_green.gif) no-repeat center left; }
div.container_push_big p.text { font-size:14px; color:#508419; padding-left:34px; }
#frame_right div.container_push_big p.text { padding-left:12px; }
div.container_push_big p.number { font-size:20px; font-weight:bold; padding-left:34px; margin-bottom:0px; }
div.container_push_big a { color:#508419; }
/*div.container_push_big img.arrow { position:relative; float:left; margin-top:-1px; }*/
div.container_push_big img.emma { position:absolute; left:7px; bottom:2px; }
div.container_push_big img.marco { position:absolute; right:12px; bottom:2px; }
div.container_push_big img.marcoemma { position:absolute; right:2px; bottom:2px; }
div.container_push_big table { margin:0; border:0; padding:0; margin-bottom:10px; }
div.container_push_big table td { font-size:11px; padding:2px 8px 0px 0px; }

div.container_push_filled { position:relative; margin-bottom:8px; background:#cde5a8 url(/images/push_bg_green.gif) repeat-y; }
div.container_push_filled div.top { height:8px; background:transparent url(/images/push_top_green.gif) no-repeat top right; overflow:hidden; }
div.container_push_filled div.body { padding:0px 8px 0px 18px; padding-right:8px; }
div.container_push_filled div.bottom { height:8px; background:transparent url(/images/push_bottom_green.gif) no-repeat top right; overflow:hidden; }
div.container_push_filled p { font-size:11px; margin-bottom:8px; padding-left:34px; }
div.container_push_filled p.heading { font-size:20px; color:#000000; padding-left:34px; background:transparent url(/images/arrow_bigright_white.gif) no-repeat center left; }
div.container_push_filled a { color:#000000; }
/*div.container_push_filled img.arrow { float:left; margin-top:-1px; }*/
div.container_push_filled img.pdf { position:absolute; right:12px; top:10px; }

.green div.container_push_filled { background-color:#cde5a8; background-image:url(/images/push_bg_green.gif); }
.green div.container_push_filled div.top { background-image:url(/images/push_top_green.gif); }
.green div.container_push_filled div.bottom { background-image:url(/images/push_bottom_green.gif); }
.blue div.container_push_filled { background-color:#cce5f2; background-image:url(/images/push_bg_blue.gif); }
.blue div.container_push_filled div.top { background-image:url(/images/push_top_blue.gif); }
.blue div.container_push_filled div.bottom { background-image:url(/images/push_bottom_blue.gif); }
.red div.container_push_filled { background-color:#f0d2c2; background-image:url(/images/push_bg_red.gif); }
.red div.container_push_filled div.top { background-image:url(/images/push_top_red.gif); }
.red div.container_push_filled div.bottom { background-image:url(/images/push_bottom_red.gif); }
.yellow div.container_push_filled { background-color:#f0f0c2; background-image:url(/images/push_bg_yellow.gif); }
.yellow div.container_push_filled div.top { background-image:url(/images/push_top_yellow.gif); }
.yellow div.container_push_filled div.bottom { background-image:url(/images/push_bottom_yellow.gif); }
.purple div.container_push_filled { background-color:#e1d2e1; background-image:url(/images/push_bg_purple.gif); }
.purple div.container_push_filled div.top { background-image:url(/images/push_top_purple.gif); }
.purple div.container_push_filled div.bottom { background-image:url(/images/push_bottom_purple.gif); }
.grey div.container_push_filled { background-color:#d2d2d2; background-image:url(/images/push_bg_grey.gif); }
.grey div.container_push_filled div.top { background-image:url(/images/push_top_grey.gif); }
.grey div.container_push_filled div.bottom { background-image:url(/images/push_bottom_grey.gif); }
.winered div.container_push_filled { background-color:#d05f83; background-image:url(/images/push_bg_winered.gif); }
.winered div.container_push_filled div.top { background-image:url(/images/push_top_winered.gif); }
.winered div.container_push_filled div.bottom { background-image:url(/images/push_bottom_winered.gif); }

div.container_chapter_green { position:relative; float:left; width:172px; margin-right:10px; margin-bottom:8px; background:#cde5a8 url(/images/push_bg_green.gif) repeat-y; overflow:hidden; }
div.container_chapter_green div.top { height:8px; background:transparent url(/images/push_top_green.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_green div.body { padding-left:18px; padding-right:8px; }
div.container_chapter_green div.bottom { height:8px; background:transparent url(/images/push_bottom_green.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_green p { font-size:10px; color:#508419; margin-bottom:0px; }
div.container_chapter_green p.heading { font-size:10px; color:#000000; font-weight:bold; margin-bottom:6px; text-transform:uppercase; }

div.container_chapter_blue { position:relative; float:left; width:172px; margin-right:10px; margin-bottom:8px; background:#cce5f2 url(/images/push_bg_blue.gif) repeat-y; overflow:hidden; }
div.container_chapter_blue div.top { height:8px; background:transparent url(/images/push_top_blue.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_blue div.body { padding-left:18px; padding-right:8px; }
div.container_chapter_blue div.bottom { height:8px; background:transparent url(/images/push_bottom_blue.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_blue p { font-size:10px; color:#3399cc; margin-bottom:0px; }
div.container_chapter_blue p.heading { font-size:10px; color:#000000; font-weight:bold; margin-bottom:6px; text-transform:uppercase; }

div.container_chapter_red { position:relative; float:left; width:172px; margin-right:10px; margin-bottom:8px; background:#f0d2c2 url(/images/push_bg_red.gif) repeat-y; overflow:hidden; }
div.container_chapter_red div.top { height:8px; background:transparent url(/images/push_top_red.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_red div.body { padding-left:18px; padding-right:8px; }
div.container_chapter_red div.bottom { height:8px; background:transparent url(/images/push_bottom_red.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_red p { font-size:10px; color:#d47d51; margin-bottom:0px; }
div.container_chapter_red p.heading { font-size:10px; color:#000000; font-weight:bold; margin-bottom:6px; text-transform:uppercase; }

div.container_chapter_yellow { position:relative; float:left; width:172px; margin-right:10px; margin-bottom:8px; background:#f0f0c2 url(/images/push_bg_yellow.gif) repeat-y; overflow:hidden; }
div.container_chapter_yellow div.top { height:8px; background:transparent url(/images/push_top_yellow.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_yellow div.body { padding-left:18px; padding-right:8px; }
div.container_chapter_yellow div.bottom { height:8px; background:transparent url(/images/push_bottom_yellow.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_yellow p { font-size:10px; color:#d4d351; margin-bottom:0px; }
div.container_chapter_yellow p.heading { font-size:10px; color:#000000; font-weight:bold; margin-bottom:6px; text-transform:uppercase; }

div.container_chapter_purple { position:relative; float:left; width:172px; margin-right:10px; margin-bottom:8px; background:#e1d2e1 url(/images/push_bg_purple.gif) repeat-y; overflow:hidden; }
div.container_chapter_purple div.top { height:8px; background:transparent url(/images/push_top_purple.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_purple div.body { padding-left:18px; padding-right:8px; }
div.container_chapter_purple div.bottom { height:8px; background:transparent url(/images/push_bottom_purple.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_purple p { font-size:10px; color:#996699; margin-bottom:0px; }
div.container_chapter_purple p.heading { font-size:10px; color:#000000; font-weight:bold; margin-bottom:6px; text-transform:uppercase; }

div.container_chapter_grey { position:relative; float:left; width:172px; margin-right:10px; margin-bottom:8px; background:#d2d2d2 url(/images/push_bg_grey.gif) repeat-y; overflow:hidden; }
div.container_chapter_grey div.top { height:8px; background:transparent url(/images/push_top_grey.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_grey div.body { padding-left:18px; padding-right:8px; }
div.container_chapter_grey div.bottom { height:8px; background:transparent url(/images/push_bottom_grey.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_grey p { font-size:10px; color:#666666; margin-bottom:0px; }
div.container_chapter_grey p.heading { font-size:10px; color:#000000; font-weight:bold; margin-bottom:6px; text-transform:uppercase; }

div.container_chapter_winered { position:relative; float:left; width:172px; margin-right:10px; margin-bottom:8px; background:#d05f83 url(/images/push_bg_winered.gif) repeat-y; overflow:hidden; }
div.container_chapter_winered div.top { height:8px; background:transparent url(/images/push_top_winered.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_winered div.body { padding-left:18px; padding-right:8px; }
div.container_chapter_winered div.bottom { height:8px; background:transparent url(/images/push_bottom_winered.gif) no-repeat top right; overflow:hidden; }
div.container_chapter_winered p { font-size:10px; color:#882544; margin-bottom:0px; }
div.container_chapter_winered p.heading { font-size:10px; color:#000000; font-weight:bold; margin-bottom:6px; text-transform:uppercase; }

div.container_example { position:relative; background:#cde5a8 url(/images/push_bg_green.gif) repeat-y; }
div.container_example div.top { padding:8px 8px 8px 20px; }
div.container_example div.top img { margin:0px 8px 6px 6px; padding-top:-2px; position:relative; float:right; height:65px; /*position:absolute; right:60px; top:-2px;*/ }
div.container_example div.content { height:0; overflow:hidden; }
div.container_example div.body { padding:8px 20px 0px 20px; }
div.container_example div.bottom { padding:0px 6px 6px 6px; }
div.container_example table { margin-left:-13px; margin-bottom:12px; border:0; background-color:#508419; }
div.container_example table td { padding:2px 8px 0px 11px; }
div.container_example a.up { position:relative; float:right; font-size:11px; font-weight:bold; color:#000000; padding-right:20px; background:transparent url(/images/arrow_up_green.gif) no-repeat right 2px; }
div.container_example a.down { position:relative; float:right; font-size:11px; font-weight:bold; color:#000000; margin-top:14px; padding-bottom:14px; background:transparent url(/images/arrow_down_green.gif) no-repeat center bottom; }

.green div.container_example { background:#cde5a8 url(/images/push_bg_green.gif) repeat-y; }
.green div.container_example table { background-color:#508419; }
.green div.container_example a.up { background-image:url(/images/arrow_up_green.gif); }
.green div.container_example a.down { background-image:url(/images/arrow_down_green.gif); }
.blue div.container_example { background:#cce5f2 url(/images/push_bg_blue.gif) repeat-y; }
.blue div.container_example table { background-color:#3399cc; }
.blue div.container_example a.up { background-image:url(/images/arrow_up_blue.gif); }
.blue div.container_example a.down { background-image:url(/images/arrow_down_blue.gif); }
.red div.container_example { background:#f0d2c2 url(/images/push_bg_red.gif) repeat-y; }
.red div.container_example table { background-color:#d47d51; }
.red div.container_example a.up { background-image:url(/images/arrow_up_red.gif); }
.red div.container_example a.down { background-image:url(/images/arrow_down_red.gif); }
.yellow div.container_example { background:#f0f0c2 url(/images/push_bg_yellow.gif) repeat-y; }
.yellow div.container_example table { background-color:#d4d351; }
.yellow div.container_example a.up { background-image:url(/images/arrow_up_yellow.gif); }
.yellow div.container_example a.down { background-image:url(/images/arrow_down_yellow.gif); }
.purple div.container_example { background:#e1d2e1 url(/images/push_bg_purple.gif) repeat-y; }
.purple div.container_example table { background-color:#996699; }
.purple div.container_example a.up { background-image:url(/images/arrow_up_purple.gif); }
.purple div.container_example a.down { background-image:url(/images/arrow_down_purple.gif); }
.grey div.container_example { background:#d2d2d2 url(/images/push_bg_grey.gif) repeat-y; }
.grey div.container_example table { background-color:#666666; }
.grey div.container_example a.up { background-image:url(/images/arrow_up_grey.gif); }
.grey div.container_example a.down { background-image:url(/images/arrow_down_grey.gif); }
.winered div.container_example { background:#d05f83 url(/images/push_bg_winered.gif) repeat-y; }
.winered div.container_example table { background-color:#882544; }
.winered div.container_example a.up { background-image:url(/images/arrow_up_winered.gif); }
.winered div.container_example a.down { background-image:url(/images/arrow_down_winered.gif); }

div.container_section { margin:0; padding:1px 0px 0px 0px; background:transparent url(/images/separator_dotted.gif) repeat-x left top; }
div.container_section div.top { padding:8px 6px 6px 10px;}
div.container_section div.content { height:0; overflow:hidden; }
div.container_section div.body { width:auto; padding:8px 20px 0px 20px; margin-bottom:8px; background:transparent url(/images/separator_dotted.gif) repeat-x left top;   }
div.container_section div.bottom { padding:0px 6px 6px 6px; }
div.container_section span.heading{  font-size:14px; font-weight:bold; }
div.container_section img.item { position:relative; float:left; width:21px; margin-top:-2px; padding-right:9px; }
div.container_section a.up { position:relative; float:right; font-size:11px; font-weight:bold; padding:2px 20px 0px 0px; background:transparent url(/images/arrow_up_green.gif) no-repeat right 3px; }
div.container_section a.down { position:relative; float:right; font-size:11px; font-weight:bold; padding:2px 20px 0px 0px; background:transparent url(/images/arrow_down_green.gif) no-repeat right 3px; }

div.container_exercise { margin:0; padding:1px 0px 0px 0px; background:transparent url(/images/separator_dotted.gif) repeat-x left top;}
div.container_exercise div.top { padding:8px 6px 6px 10px;}
div.container_exercise div.body { width:auto; padding:8px 20px 0px 20px; margin-bottom:8px; background:transparent url(/images/separator_dotted.gif) repeat-x left top;   }
div.container_exercise div.bottom { padding:0px 6px 6px 6px; }
div.container_exercise img.item { position:relative; float:left; width:21px; margin-top:-2px; padding-right:9px; }
div.container_exercise a.up { position:relative; float:right; font-size:11px; font-weight:bold; padding:2px 20px 0px 0px; background:transparent url(/images/arrow_up_green.gif) no-repeat right 3px; }
div.container_exercise a.down { position:relative; float:right; font-size:11px; font-weight:bold; padding:2px 20px 0px 0px; background:transparent url(/images/arrow_down_green.gif) no-repeat right 3px; }

div.container_document a:link, div.container_document a:visited { color:#000000; text-decoration:none; }
div.container_document a:active, div.container_document a:hover { color:#000000; text-decoration:none; }
div.container_document ul { list-style:none; margin:0; padding:0; }
div.container_document ul li { margin-bottom:1px; padding-left:8px; background:none; font-size:11px; font-weight:bold; }
div.container_document ul li img { margin:0px 0px -4px 0px; padding-left:18px; }
div.container_document ul li a { display:block; margin:0; padding:12px 12px 12px 32px; background:transparent url(/images/separator_dotted.gif) repeat-x top left; }
div.container_document ul li.green {  background:#ffffff url(/images/push_bg_green.gif) repeat-y; }
div.container_document ul li.green a:hover { background-color:#cde5a8;}
div.container_document ul li.blue {  background:#ffffff url(/images/push_bg_blue.gif) repeat-y; }
div.container_document ul li.blue a:hover { background-color:#cce5f2;}
div.container_document ul li.red {  background:#ffffff url(/images/push_bg_red.gif) repeat-y; }
div.container_document ul li.red a:hover { background-color:#f0d2c2;}
div.container_document ul li.yellow {  background:#ffffff url(/images/push_bg_yellow.gif) repeat-y; }
div.container_document ul li.yellow a:hover { background-color:#f0f0c2;}
div.container_document ul li.purple {  background:#ffffff url(/images/push_bg_purple.gif) repeat-y; }
div.container_document ul li.purple a:hover { background-color:#e1d2e1;}
div.container_document ul li.grey {  background:#ffffff url(/images/push_bg_grey.gif) repeat-y; }
div.container_document ul li.grey a:hover { background-color:#d2d2d2;}
div.container_document ul li.winered {  background:#ffffff url(/images/push_bg_winered.gif) repeat-y; }
div.container_document ul li.winered a:hover { background-color:#d05f83;}
/*
div.container_document_green { padding-left:8px; margin-bottom:1px; background:transparent url(/images/push_bg_green.gif) repeat-y; }
div.container_document_green a { display:block; padding:12px 12px 12px 32px; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; background:#ff0000 url(/images/separator_dotted.gif) repeat-x left top; }
div.container_document_green a:hover { background-color:#cde5a8;}
div.container_document_green img { margin:0px 0px -4px 0px; padding-left:18px;}
div.container_document_blue { padding-left:8px; margin-bottom:1px; background:transparent url(/images/push_bg_blue.gif) repeat-y;}
div.container_document_blue a { display:block; padding:12px 12px 12px 32px; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; background:transparent url(/images/separator_dotted.gif) repeat-x left top; }
div.container_document_blue a:hover { background-color:#cce5f2;}
div.container_document_blue img { margin:0px 0px -4px 0px; padding-left:18px;}
div.container_document_red { padding-left:8px; margin-bottom:1px; background:transparent url(/images/push_bg_red.gif) repeat-y; }
div.container_document_red a { display:block; padding:12px 12px 12px 32px; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; background:transparent url(/images/separator_dotted.gif) repeat-x left top; }
div.container_document_red a:hover { background-color:#f0d2c2;}
div.container_document_red img { margin:0px 0px -4px 0px; padding-left:18px;}
div.container_document_yellow { padding-left:8px; margin-bottom:1px; background:transparent url(/images/push_bg_yellow.gif) repeat-y; }
div.container_document_yellow a { display:block; padding:12px 12px 12px 32px; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; background:transparent url(/images/separator_dotted.gif) repeat-x left top; }
div.container_document_yellow a:hover { background-color:#f0f0c2;}
div.container_document_yellow img { margin:0px 0px -4px 0px; padding-left:18px;}
div.container_document_purple { padding-left:8px; margin-bottom:1px; background:transparent url(/images/push_bg_purple.gif) repeat-y; }
div.container_document_purple a { display:block; padding:12px 12px 12px 32px; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; background:transparent url(/images/separator_dotted.gif) repeat-x left top; }
div.container_document_purple a:hover { background-color:#e1d2e1;}
div.container_document_purple img { margin:0px 0px -4px 0px; padding-left:18px;}
div.container_document_grey { padding-left:8px; margin-bottom:1px; background:transparent url(/images/push_bg_grey.gif) repeat-y; }
div.container_document_grey a { display:block; padding:12px 12px 12px 32px; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; background:transparent url(/images/separator_dotted.gif) repeat-x left top; }
div.container_document_grey a:hover { background-color:#d2d2d2;}
div.container_document_grey img { margin:0px 0px -4px 0px; padding-left:18px;}
div.container_document_winered { padding-left:8px; margin-bottom:1px; background:transparent url(/images/push_bg_winered.gif) repeat-y; }
div.container_document_winered a { display:block; padding:12px 12px 12px 32px; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; background:transparent url(/images/separator_dotted.gif) repeat-x left top; }
div.container_document_winered a:hover { background-color:#d05f83;}
div.container_document_winered img { margin:0px 0px -4px 0px; padding-left:18px;}
*/

/* FORMS */

input.textbox { height:14px; margin-top:0px; padding:1px 4px 1px 4px; border:1px solid #cccccc; font-family:arial,helvetica,sans-serif; font-size:11px; color:#666666; text-align:left; vertical-align:middle; }
* html input.textbox {
	height:			14px;   /* Mac-IE - inner height */
	height /**/:	18px;   /* Win-IE - outer height */
}

textarea.textbox { margin:0; padding:1px 4px 1px 4px; border:1px solid #cccccc; font-family:arial,helvetica,sans-serif; font-size:11px; color:#666666; text-align:left; }
select.textbox { margin:0; padding:0px 0px 0px 0px; border:1px solid #cccccc; font-family:arial,helvetica,sans-serif; font-size:11px; color:#666666; text-align:left; vertical-align:middle; }
input.upload { margin-top:0px; padding:1px 4px 1px 4px; border:1px solid #cccccc; font-family:arial,helvetica,sans-serif; font-size:11px; color:#666666; text-align:left; vertical-align:middle; }
input.radio { margin:0px 0px 0px 4px; }
input.checkbox { margin:0; }
input.button { height:18px; margin:0; padding:0px 0px 1px 0px; border:1px solid #cccccc; font-family:arial,helvetica,sans-serif; font-size:10px; text-align:center; color:#000000; background-color:#eeeeee; }
input.button_green { margin:0; padding:1px 0px 1px 0px; border:0; font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:bold; text-align:center; color:#ffffff; background-color:#339900; }

div.form_login { margin-left:12px; padding-bottom:4px; }
div.form_login p.message { font-style:italic; }
div.form_login p.caption { clear:left; margin-bottom:4px; }
div.form_login .username { float:left; width:164px; margin:0px 4px 4px 0px; }
div.form_login .password { float:left; width:120px; margin:0px 4px 12px 0px; }
div.form_login .button { float:left; width:40px; margin:0px 4px 12px 0px; }

div.form_register { margin-left:12px; padding-bottom:4px; }
div.form_register p.message { font-style:italic; }
div.form_register p.caption { clear:left; margin-bottom:4px; }
div.form_register .email { float:left; width:164px; margin:0px 4px 4px 0px; }
div.form_register .region { float:left; width:130px; margin:0px 4px 12px 0px; }
div.form_register .button { float:left; width:40px; margin:0px 4px 12px 0px; }

div.form_lostpassword { margin-left:12px; padding-bottom:4px; }
div.form_lostpassword p.message { font-style:italic; }
div.form_lostpassword p.caption { clear:left; margin-bottom:4px; }
div.form_lostpassword .email { float:left; width:164px; margin:0px 4px 4px 0px; }
div.form_lostpassword .button { float:left; clear:left; width:50px; margin:0px 4px 12px 0px; }

div.form_changepassword { /*margin-left:12px;*/ padding-bottom:4px; }
div.form_changepassword p.message { font-style:italic; }
div.form_changepassword p.caption { clear:left; margin-bottom:4px; }
div.form_changepassword .password { float:left; width:120px; margin:0px 4px 4px 0px; }
div.form_changepassword .button { float:left; width:50px; margin:0px 4px 4px 0px; }

div.form_testform { margin-bottom:12px; margin-left:28px; }
div.form_testform table { margin:0; padding:0;}
div.form_testform td { padding-top:2px; padding-bottom:2px; }
div.form_testform td.c0 { width:200px; max-width:300px; font-weight:bold; }
div.form_testform td.c1 { width:190px; }
div.form_testform td.c2 { }
div.form_testform td.c012 { padding-top:12px; text-align:right; }
div.form_testform input.textbox { width:120px; margin-right:4px; }
div.form_testform select.textbox { width:130px; margin-right:4px; }
div.form_testform .checkbox { margin-right:12px; }
div.form_testform .button_green { width:68px; }