* {margin: 0; padding: 0}
/*html {overflow-y: scroll}*/
body {background: #828282; font: 11px/15px Arial, Helvetica, sans-serif; color: #333}
a {color: #04357B}
a:hover {text-decoration: none}
a:visited {color: #644459}
a img {border: none}
input.text, select {border: 1px solid #666; font: 11px Arial, Helvetica, sans-serif; color: #333}
input.text {font-size: 13px; padding-top: 1px; height: 16px}
object {display: block; outline: none}

#page {width: 978px; margin: 0 auto}

#stage {padding-left: 2px; background: url(../images/StageShadowLeftBgRepeat.jpg) repeat-y; position: relative}
#shadow {padding-right: 4px; background: url(../images/StageShadowRightBgRepeat.jpg) repeat-y right; position: relative}
#shadow_b {height: 4px; background: url(../images/StageShadowBottomBgRepeat.jpg) repeat-x}
#shadow_lb {width: 2px; height: 4px; background: url(../images/StageShadowLeftCorner.jpg); position: absolute; left: 0; bottom: 0}
#shadow_rb {width: 4px; height: 4px; background: url(../images/StageShadowRightCorner.jpg); position: absolute; right: 0; bottom: 0}
#stage_box {width: 940px; padding: 16px; background: #E3E3E3}

#header {background: #F0AB00 url(../images/HeaderBgRepeat.jpg) repeat-y; height: 36px; padding: 15px 12px; border: solid #E8A300; border-width: 1px 0 1px}
#header img, #header div {float: left}
#header div {width: 15px; height: 36px; border-right: 1px solid #FFF; margin-right: 15px}
#header .country {margin-top: 12px}
#header .de {margin-top: 9px}
#header ul {list-style: none; float: right; margin-top: 13px}
#header li {float: left; border-right: 1px solid #FFF; padding: 0 8px; height: 10px; line-height: 11px}
#header li.last {border-right: none; padding-right: 0}
#header a {color: #333; text-decoration: none}
#header a:hover {text-decoration: underline}

#content {margin-top: 8px; border-top: 1px solid #7E7E7E; overflow: hidden; background: url(../images/MainLeftPanelBgRepeat.jpg) repeat-y}
#content .top {height: 7px; background: url(../images/MainTopBarBg.jpg) no-repeat}

#nav_left {width: 200px; float: left; padding: 11px 0 0 8px; background: url(../images/MainLeftPanelBg.jpg) no-repeat}
#nav_left form {height: 60px; background: url(../images/SearchFieldReflect.jpg) no-repeat left bottom}
#nav_left p {height: 60px; background: url(../images/SearchButtonGlobalReflect.jpg) no-repeat 96px bottom}
#nav_left p.de {background-image: url(../images/SearchButtonReflect_DE.jpg)}
#nav_left label {font-size: 10px; color: #FFF; margin-left: 1px}
#nav_left input {float: left}
#nav_left input.text {width: 87px; margin: 8px 7px 0 0}
#nav_left input.image {margin-top: 7px}
#nav_left ul {list-style: none; margin-top: 8px; background: url(../images/LeftNavReflect.jpg) no-repeat left bottom; padding-bottom: 20px}
#nav_left a {color: #000; text-decoration: none; display: block; height: 19px; padding: 4px 0 0 8px; background: #D2D2D2 url(../images/LeftNavArrowRight.gif) no-repeat right top; margin-bottom: 1px}
#nav_left .ind a {background-image: none}
#nav_left li ul {margin-top: 0; background: none; padding-bottom: 0}
#nav_left .active a {background: #FFF url(../images/LeftNavArrowDown.gif) no-repeat right; padding-left: 12px; margin-bottom: -1px}
#nav_left .sub a {background-color: #BEBEBE}
#nav_left .active ul a {padding-left: 16px; margin-bottom: 0; background: #EEE url(../images/LeftNavActiveAreaBgRepeat.jpg) repeat-y}
#nav_left .active ul .active a {background: #FFF}

#content_right {width: 732px; float: left; background: #FFF url(../images/MainRightPanelBgRepeat.jpg) repeat-y right}

#content_main {width: 484px; padding: 0 20px 20px; float: left}
#content_main h1 {font: 19px/22px "Arial Black", Arial, Helvetica, sans-serif; color: #F0AB00; text-transform: uppercase; letter-spacing: -0.05em; margin: 25px 0 32px}
#content_main h2 {font-size: 15px; line-height: 17px; text-transform: uppercase}
#content_main h2.top-picks {color: #44697D; margin-top: -14px}
#content_main h3 {font-size: 11px}
#content_main p {margin: 6px 0}
#content_main ul {list-style: none}
#content_main li.cat {margin-top: 10px}
#content_main a.cat {color: #44697D; font-weight: bold}
#content_main ul ul {margin: 2px 0 0 20px}
#content_main .downl {overflow: hidden}
#content_main .downl span {color: #888; float: left; margin: 2px 20px 0 0}
.downl a {background: url(../images/Icon_Download_Dove_16.gif) no-repeat; color: #888; font-size: 10px; height: 16px; padding-left: 21px}
#content_main .downl a {float: left; margin: 2px 0 0 15px}
#content_main .descr {display: none}
#content_main .contact {margin: 50px 0 0}
#content_main .contact strong {color: #F0AB00}
#content_main .error {border: 5px solid #F0AB00; padding: 5px 5px 0; background: #FFF}
#content_main .error h3 {font-size: 12px; color: #44697D}
#content_main .related {list-style: none}
#content_main .video {position: relative; height: 275px}
#content_main .videoPlayer {position: absolute; top: 0}
#content_main .search {overflow: hidden; background: #E3E9EC; padding: 10px 5px}
#content_main .search label {float: left; font-weight: bold; margin-top: 3px}
#content_main .search input {float: left}
#content_main .search input.text {width: 150px; margin: 1px 7px 0 10px; padding-left: 2px}
#content_main .search-opt {overflow: hidden; background: #E3E9EC; padding: 10px 5px; margin: 1px 0 25px}
#content_main .search-opt .categ {width: 240px}
#content_main .search-opt h3 {margin-bottom: 15px}
#content_main .search-opt div {float: left}
#content_main .search-opt p {clear: left; overflow: hidden; margin: 10px 0}
#content_main .search-opt input.check {margin: 2px 5px 0; width: 13px; height: 13px; float: left}
#content_main .search-opt label {float: left}
#content_main .search-opt select {float: left; margin: -2px 5px 0 0}
#content_main .search-opt span {float: left; margin-right: 5px}
#content_main .search-opt .month {width: 40px}
#content_main .search-opt .year {width: 55px}

#top-picks {overflow: hidden; margin: 20px 0 25px; min-height: 400px}
#top-picks h2 {font-size: 11px; text-transform: none}
#top-picks img {float: left; margin: 3px 15px 0 0}
#top-picks h2 a {color: #44697D; text-decoration: none}
#top-picks p {margin: 0}
#top-picks .row {overflow: hidden; background: #E3E9EC; margin-top: 1px; padding: 7px 5px 10px}
#top-picks .row div {float: left; width: 393px}

#top-pick {overflow: hidden; margin-top: -3px}
#top-pick img {float: left; margin: 3px 15px 0 0}
#top-pick div {float: left; width: 219px}
#top-pick h2 {line-height: 17px}
#top-pick h2 a {color: #44697D; text-decoration: none}
#top-pick h2 span {color: #888; font-weight: normal; font-size: 11px; margin-left: 5px}

#list {overflow: hidden; margin-top: 25px}
#list h2 {font-size: 12px; line-height: 15px; background: url(../images/DataTableTHBgRepeatDove.jpg) repeat-x; height: 20px; padding: 7px 5px 0; color: #333; text-transform: none}
#list p {margin: 0}
#list .even, #list .odd {overflow: hidden; margin-top: 1px; padding: 7px 5px 10px}
#list .even {background: #E3E9EC}
#list .odd {background: #D9E1E4}
#list img {float: left; margin: 3px 15px 0 0}
#list .even div, #list .odd div {float: left; width: 393px}
#list h3 {font-size: 11px}
#list h3 a {color: #44697D; text-decoration: none}
#list h3 span {color: #888; font-weight: normal; font-size: 11px; margin-left: 5px}
#list .footer {background: url(../images/DataTableFooterBgRepeatDove.jpg) repeat-x; height: 21px; margin-top: 1px}

#list.categories h2, #list.categories h3 {text-transform: uppercase}
#list.categories h3 {color: #44697D}
#list.categories .even {padding: 15px 5px}
#list.categories .even div {width: 215px; margin: 0 0 15px 35px}
#list.categories .even div.left {margin-left: 0; clear: left}
#list.categories .even div.last {margin-bottom: 0}

#list .flags {overflow: hidden; margin-top: 5px}
#list .flags a {width: 16px; height: 11px; float: left; margin-right: 6px}
#list .flags .en {background: url(../images/flag_en.gif)}
#list .flags .de {background: url(../images/flag_de.gif)}
#list .flags .fr {background: url(../images/flag_fr.gif)}
#list .flags .cn {background: url(../images/flag_cn.gif)}
#list .flags .jp {background: url(../images/flag_jp.gif)}
#list .flags .pt {background: url(../images/flag_pt.gif)}
#list .flags .es {background: url(../images/flag_es.gif)}
#list .flags .pl {background: url(../images/flag_pl.gif)}
#list .flags a span {display: none}

#cliplist {border-spacing: 0 1px; border-collapse: collapse}
#cliplist caption {font-size: 12px; font-weight: bold; text-align: left; background: url(../images/DataTableTHBgRepeatDove.jpg) repeat-x; padding: 7px 5px 5px; border-bottom: 1px solid #FFF}
#cliplist tr.even {background: #E3E9EC}
#cliplist tr.odd {background: #D9E1E4}
#cliplist th {padding: 7px 5px; text-align: left; color: #44697D}
#cliplist td {padding: 7px 5px; vertical-align: top; border-top: 1px solid #FFF}
#cliplist td.date {white-space: nowrap}
#cliplist td strong {color: #44697D}
#cliplist img {margin-top: 3px}
#cliplist h2 {font-size: 11px; text-transform: none; line-height: 15px}
#cliplist h2 a {color: #44697D; text-decoration: none}
#cliplist p {margin: 0}
#cliplist .downl a {margin: 2px 15px 0 0}
#cliplist tfoot td {background: url(../images/DataTableFooterBgRepeatDove.jpg) repeat-x; height: 21px; padding: 0; border-top: none}

#sidebar {width: 208px; float: left; background: url(../images/MainRightPanelBg.jpg) no-repeat}
#sidebar a {display: block; background: url(../images/YourWorkspaceIcon.gif) no-repeat; padding-left: 24px; min-height: 17px}
#resource_center {background: #7E7E7E url(../images/YourWorkspaceBgRepeat.jpg) repeat-y; padding: 0 0 8px 12px; border-bottom: 1px solid #6C6C6C}
#resource_center a {color: #FFF; text-decoration: none; padding-left: 27px}
#sidebar .box {margin-left: 10px; padding-bottom: 19px; background: url(../images/RightPanelModuleFooterBg02.jpg) no-repeat left bottom}
#sidebar .box .cont {padding: 6px 20px 1px 12px; background: url(../images/RightPanelModuleBgRepeat02.jpg) repeat-y}
#sidebar .top {background-image: url(../images/RightPanelModuleFooterBg01.jpg); margin-top: 20px; height: auto}
#sidebar .top .cont {background-image: url(../images/RightPanelModuleBgRepeat01.jpg)}
#sidebar h3 {font: 11px/15px "Arial Black", Arial, Helvetica, sans-serif; color: #444; text-transform: uppercase}
#sidebar  form {margin: -3px 0 13px; overflow: hidden}
#sidebar input {float: left}
#sidebar input.text {width: 85px; margin: 1px 7px 0 0; padding-left: 2px}
#sidebar  p {margin: 6px 0}
#sidebar ul {list-style: none}
#sidebar li {margin: 6px 0}
#sidebar a.feed {background-image: url(../images/RSSIcon.gif)}
#sidebar a.twit {background-image: url(../images/TwitterIcon.gif)}
#sidebar a.contact {display: inline; background: none; padding: 0; min-height: auto}

#footer {padding: 19px 4px 28px 2px; overflow: hidden; color: #FFF}
#footer div {float: left}
#footer ul {list-style: none; clear: left}
#footer li {float: left; padding: 0 6px; border-left: 1px solid #AAA; line-height: 11px; margin-bottom: 4px; height: 10px}
#footer li.first {border-left: none; padding-left: 0}
#footer li.last {float: none}
#footer a {color: #FFF; text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer p {float: right; text-align: right; margin-top: -2px; line-height: 14px}

#ml_box {background: #FFF url(../images/SAPLogo.gif) no-repeat}
#ml_box.ml_loading {background: #FFF url(../images/ml_loading.gif) no-repeat center}
#ml_close {background: url(../images/icon_close.gif) no-repeat 66px 8px; width: 60px; height: 20px; position: absolute; right: 0; top: 0; color: #666; text-decoration: none; font-weight: bold; text-align: right; padding: 6px 25px 0 0}
#ml_bottom h1, #ml_bottom p {margin-left: 50px; width: 420px}
#ml_bottom h1 {color: #FFCC00; font-size: 13px; margin-bottom: 2px}
#ml_bottom p {line-height: 12px}
#ml_bottom .downl {position: absolute; left: 600px; top: 507px}
#ml_bottom .downl a {display: block; margin-bottom: 5px}
#ml_bottom .addthis {position: absolute; left: 600px; top: 570px}
#ml_videoplayer {position: absolute; left: 50px; top: 45px}
#ml_content .error {border: 5px solid #F0AB00; padding: 5px 5px 0; background: #FFF; width: 700px}
#ml_content .error h3 {font-size: 12px; color: #44697D}
#ml_content .error p {margin: 6px 0}
#ml_related {position: absolute; left: 780px; top: 45px}