/* Basic */
body { font-family: Arial; font: normal 13px "Segoe UI", Arial, sans-serif; font-size: 13px; }
img, a img { border: none !imporant; border-color: Transparent; }
a { border: none !Important; }
a, a:visited, a:active, a:link { color: #ef1873; }
a:hover { text-decoration: none; color: #ef1873; }
ul, ul li, li { list-style-type: none; }

/* skin */
#wrapper { font-family: Arial; font: normal 13px "Segoe UI", Arial, sans-serif; font-size: 13px; background: #FFFFFF; margin: 20px auto 0 auto; padding: 0px; width: 900px; text-align: left; padding: 10px 0 10px 0; }
.header { position: relative; width: 880px; height: 37px; margin: 0 10px 0 10px; }
.loggedin { background-image: url('images/header_loggedin.gif'); color: #fff; font-weight: bold; font-size: 16px; }
.loggedout { background-image: url('images/header_loggedout.gif'); }
.themeimage { background-image: url('images/header.jpg'); width: 880px; height: 400px; margin: 0 10px 10px 10px; }

.subheader { margin-bottom: 40px; padding: 10px 0 0px; }
.col1 { float: left; margin-left: 10px; width: 176px; color: #c0b17f; font-weight: bold; }
.col2 { float: left; margin-right: 10px; width: 500px; color: #c0b17f; font-weight: bold; }
.col3 { float: right; margin-right: 10px; width: 176px; position: relative; z-index: 20; }

.leftcol { float: left; margin: 0 0 10px 10px; width: 176px; }
.middlecol { float: left; margin: 0 10px 0 10px; width: 500px; }
.rightcol { float: right; margin: 0 10px 10px 0; width: 176px; }

#footerNavigation { width: 900px; height: 25px; background: #fff; margin: 0 auto; font-weight: bold; text-align: center; }
#footer { background: url(images/footer.gif); width: 900px; height: 177px; margin: 0 auto 10px; }

/* controls */
.navigation { position: relative; margin: 0 10px 0 10px; width: 880px; z-index: 10; }
.navigation .nav, .navigation .navLast { float: left; width: 175px; height: 75px; margin-right: 1px; }
.navigation .navLast { margin-right: 0px; }

.subNode, .subNodeSelected { text-align: center; background: url(/DesktopModules/TO.Navigation/images/sub_item.gif); width: 176px; height: 32px; }
.subNodeSelected a,
.subNode a { color: #fff !important; font-weight: bold; font-size: 17px; line-height: 30px; }
.subNodeSelected { background-image: url(/DesktopModules/TO.Navigation/images/sub_selected.jpg); width: 176px; height: 32px; }

.sidenavi { margin: 0 0 20px; }
.sidenavi .head { background: url(images/head_sidenavi.gif) no-repeat; width: 100%; height: 59px; margin-bottom: 1px; }
.sidenavi .node { background: #c2b483; width: 100%; height: 28px; padding-top: 6px; text-indent: 10px; }
.sidenavi a, .sidenavi a:hover, .sidenavi a:visited { color: #fff; font-weight: bold; }
.sidenavi a:hover { text-decoration: underline; }

.middlecol .list { width: 100%; margin-bottom: 20px; }
.middlecol .list .content { background: #c2b483; width: 100%; margin-top: 1px; }
.middlecol .list .item { height: 20px; }

.rightcol .list { width: 100%; margin-bottom: 20px; }
.rightcol .list .content { background: url(images/bg_list.jpg) no-repeat; width: 100%; height: 213px; margin-top: 1px; }

/* font */
h1, h1 span { font-family: Arial; font: 12px "Segoe UI", Arial, sans-serif; font-size: 17px; font-weight: bold; color: #ef1873; margin: 0 0 7px 0; }
h2, h2 span { font-family: Arial; font: 12px "Segoe UI", Arial, sans-serif; font-size: 14px; font-weight: bold; color: #ef1873; margin: 0 0 7px 0; }
h3, h3 span { font-family: Arial; font: 12px "Segoe UI", Arial, sans-serif; font-size: 12px; font-weight: bold; color: #ef1873; margin: 0 0 7px 0; }
p, input { font-family: Arial; font: normal 13px "Segoe UI", Arial, sans-serif; font-size: 13px; }
p, .justify { text-align: justify; }
div.wrap { word-break: break-all; word-wrap: break-word; }
.white, .white span, .white a, .white a:hover .white a:visited { color: #fff !important; }
.bold, .bold a { font-weight: bold !important; }
.underline { text-decoration: underline !important; }
#loadingLabel { font-family: Arial; font: bold 13px "Segoe UI", Arial, sans-serif; font-size: 13px; color: #000; }
.nature, h2 a.nature { color: #669933 !important; }
.environment, h2 a.environment { color: #e2b307 !important; }
.health, h2 a.health { color: #3399CC !important; }
.social, h2 a.social { color: #CC0033 !important; }


/* content divs */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1px; }
.clearfix { display: block; }
.textfix { padding-top: 3px; }

div.row { clear: both; }
div.row90 { width: 90%; clear: both; }
div.col { float: left; }
div.right { float: right !important; }
div.col4 { width: 4%; float: left; }
div.col5 { width: 5%; float: left; }
div.col10 { width: 10%; float: left; }
div.col11 { width: 11%; float: left; }
div.col12 { width: 12%; float: left; }
div.col15 { width: 15%; float: left; }
div.col16 { width: 16%; float: left; }
div.col20 { width: 20%; float: left; }
div.col25 { width: 25%; float: left; }
div.col30 { width: 30%; float: left; }
div.col33 { width: 33%; float: left; }
div.col34 { width: 34%; float: left; }
div.col35 { width: 35%; float: left; }
div.col40 { width: 40%; float: left; }
div.col45 { width: 45%; float: left; }
div.col50 { width: 50%; float: left; }
div.col55 { width: 55%; float: left; }
div.col60 { width: 60%; float: left; }
div.col65 { width: 65%; float: left; }
div.col70 { width: 70%; float: left; }
div.col75 { width: 75%; float: left; }
div.col80 { width: 80%; float: left; }
div.col85 { width: 85%; float: left; }
div.col90 { width: 90%; float: left; }
div.col100 { width: 100%; float: left; }
div.deviderMargin, div.devider { margin-bottom: 10px; }
div.deviderDouble { margin-bottom: 20px; }
div.contentPadding { padding: 10px; }
div.container { padding: 7px; border: solid 1px #7A8591; }

/* Controls */
.photo { border: solid 1px Gray !important; }
.PanelBar { padding-left: 20px; background: Transparent !Important; border-width: 0px !important; }
.PanelBar a { text-decoration: none !important; }
.PanelBar .rpText { text-decoration: none !important; font-size: 10px !important;  font-family: Verdana, Arial, Helvetica, sans-serif !important; }
.PanelBarItem .rpText { background: White !important; border-bottom: solid 1px #ECECEC; font-weight: normal !important; }
.PanelBarItemSelected .rpText { color: White !important; background: #ed227e !important; }

/* Liste */
.RadGrid { background-color: Transparent !important; border: solid 1px #7A8591 !important; width: 100%; }
.RadGrid .item { position: relative; min-height: 100px; }
.RadGrid .item .created { position: absolute; bottom: 0px; right: 0px; font-weight: bold; font-size: 11px !important; }
.RadGrid .item .command { position: absolute; top: 0px; right: 0px; font-weight: bold; }
.RadGrid .item .info { position: absolute; bottom: 0px; left: 0px; font-weight: bold; font-size: 11px !important; }
.RadGrid .item .command input { cursor: pointer; }
.RadGridPager TD { border-width: 0px !important; }
.RadGrid Table { border-width: 0px !important; }
.RadGridItem TD { background-color: White; border-width: 0px !important; border-bottom: solid 1px #7A8591 !important; }
.RadGridAltItem TD { background-color: #F1FBFE; border-width: 0px !important; border-bottom: solid 1px #7A8591 !important; }
.RadGridEditItem TD { background-color: Beige !important; padding: 5px; border-bottom: solid 1px #7A8591; }
.RadGridEditItem a, .RadGridAltItem a, .RadGridItem a { color: #ef1873 !important; }
.RadGridCommandItem { background: White !important; color: #000; }
.RadGridCommandItem span { color: #000; }
.RadGridCommandItem TD { border-width: 0px !important; }
.listDevider { border-bottom: dashed 1px Gray; height: 20px; }

/* Captcha, PopUp, iLoad */
.popup { margin: 10px; padding: 4px; height: 1%; background-color: #D1DED1; }
.captcha { margin-top: 10px; }
.captcha img { float: left; margin-right: 5px; height: 50px; }
.captcha input { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; border: solid 1px #ECECEC; margin-top: 17px; width: 220px; }
.iLoad { background-color: White !important; }
.iLoad Table { border: solid 1px #ECECEC !important; background-color: White !important; }
.iLoad td { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 8pt !important; background-color: Transparent !important; border: none !important; }
.alert, .alert span { color: Red !important; font-weight: bold; }
.success, .success span { color: Green !important; font-weight: bold; }

/* Shop */
.ShopCart {  }
.ShopPrices { margin-top: 5px; width: 100%; background: White !important; padding-right: 5px; }

/* CheckList */
.CheckList td { border-width: 0px !important; }