/* Aria CSS styles and design for pages and templates. */ /* Home --------------------------------------------------*/ #home #container {background: url(../all.gif);} #home #leftregion h5 {padding: 3px 10px; height: 14px; background: #b2c3d6;} #home #leftregion div.news {padding: 0 10px 10px 10px; height: 150px; overflow: hidden; border-bottom: 4px solid #fff;} #home #leftregion div.news ul {list-style-type: none; margin: 0; padding: 0;} #home #leftregion div.news li {margin-top: 10px; padding-left: 14px; background: url(../home_news_bullet.gif) left 4px no-repeat;} #home #leftregion div.contact {padding: 10px;} #home #leftregion div.contact p {margin-top: 10px;} #home #mainandrightregion div.banner {clear: both; height: 180px; border-bottom: 4px solid #fff;} #home #mainandrightregion div.device {clear: both; padding: 16px 100px 16px 135px; height: 30px; background: #4e6e9c url(/home_device_bg.gif) top left no-repeat; border-bottom: 4px solid #fff;} #home #mainandrightregion div.device, #home #mainandrightregion div.device span {font-weight: bold; color: #fff;} #home #mainregion h1, #home #mainregion h1 * {font-size: 13px; color: #333; text-transform: none;} #home #rightregion {padding: 0 10px 10px 10px; width: 180px;} #home #rightregion p {margin-top: 10px;} /* Ordinary page --------------------------------------------------*/ #page #leftregion #leftmenu div.productmenu-toplevel {float: right; width: 14px; height: 14px;} #page #mainregion { float: left; width: 458px; background: #ffff; padding-top: 17px; padding-right: 12px; padding-bottom: 17px; padding-left: 20px; } #page #mainregion p {margin: 0 0 15px 0;} #page #container {background: url(../left.gif);} #page #rightregion { width: 200px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #page #rightregion p {margin: 0;} /* Ordinary page with blue right column --------------------------------------------------*/ #page.bluecolumn #leftregion #leftmenu div.productmenu-toplevel {float: right; width: 14px; height: 14px;} #page.bluecolumn #container {background: url(../left_and_right.gif);} /* Ordinary page, wide --------------------------------------------------*/ #page.wide #mainregion {padding: 12px 21px 17px 20px; width: 655px;} #page.wide #leftregion #leftmenu div.productmenu-toplevel {float: right; width: 14px; height: 14px;} /* Products, common --------------------------------------------------*/ #products #leftregion #leftmenu div.productmenu-toplevel {float: right; width: 14px; height: 14px;} #products #container #title {clear: both; padding: 16px 0 0 20px; height: 67px; color: #fff; border-bottom: 4px solid #fff;} #products #container #title * {color: #fff; text-transform: uppercase;} #products #container #title h1 {font-size: 18px;} #products #container #title h2 {font-size: 11px;} #products #rightregion ul.related_info {list-style-type: none; margin: 0; padding: 0;} #products #rightregion ul.related_info li {margin-bottom: 20px; padding-left: 14px; background: url(../home_news_bullet.gif) left 4px no-repeat;} #products #rightregion ul.related_info li a {font-weight: bold; text-transform: uppercase;} /* Products, level 1 --------------------------------------------------*/ #products.level1 #container {background: url(../left.gif);} #products.level1 #mainandrightregion div.product_group {margin: 10px 10px 10px 15px; padding: 0 10px 10px 10px; width: 651px; border-bottom: 2px solid #4e649c;} #products.level1 #mainandrightregion div.product_group h2 {margin-top: 0;} #products.level1 #mainandrightregion div.product_group h2, #products.level1 #mainandrightregion div.product_group h2 a {font-size: 12px; text-transform: uppercase; color: #4e649c;} #products.level1 #mainandrightregion div.product_group p {margin-top: 10px;} #products.level1 #mainandrightregion div.product_group img {float: right; margin-left: 20px;} /* Products, level 2 --------------------------------------------------*/ #products.level2 #container {background: url(../left_and_right.gif);} #products.level2 #mainregion {padding: 12px 2px 17px 20px; width: 470px;} #products.level2 #mainandrightregion div.product_group {margin: 0 0 10px 0; padding: 0 20px 10px 0; border-bottom: 1px solid #CFCFCF;} #products.level2 #mainandrightregion div.product_group div.image {float: left; width: 120px; margin-right: 17px;} #products.level2 #mainandrightregion div.product_group div.text {float: left; margin-top: -15px; width: 313px;} #products.level2 #mainandrightregion div.product_group h2, #products.level2 #mainandrightregion div.product_group h2 a {font-size: 12px; text-transform: uppercase; color: #4e649c;} #products.level2 #mainandrightregion div.product_group p {margin: 10px 0 0 0;} #products.level2 #mainandrightregion div.product_group img {width: 120px;} #products.level2 #rightregion { padding-right: 4px; padding-left: 4px; width: 192px; } /* Products, level 3 --------------------------------------------------*/ #products.level3 #container {background: url(../left_and_right.gif);} #products.level3 #mainregion {padding: 12px 2px 17px 20px; width: 470px;} #products.level3 #mainandrightregion div.product_group {margin: 0 0 10px 0; padding: 0 20px 10px 0; border-bottom: 1px solid #CFCFCF;} #products.level3 #mainandrightregion div.product_group div.image {float: left; margin-right: 17px; width: 150px; text-align: center;} #products.level3 #mainandrightregion div.product_group div.text {float: left; margin-top: -15px; width: 278px;} #products.level3 #mainandrightregion div.product_group h2, #products.level3 #mainandrightregion div.product_group h2 a {font-size: 12px; text-transform: none; color: #4e649c;} #products.level3 #mainandrightregion div.product_group p {margin: 10px 0 0 0;} #products.level3 #rightregion { padding-right: 4px; padding-left: 4px; width: 192px; } /* Products, level 4 --------------------------------------------------*/ #products.level4 #container {background: url(../left.gif);} #products.level4 #mainregion {width: 656px;} #products.level4 #mainregion p {margin: 10px 0px 10px 0px;} #products.level4 #mainregion ul { margin: 15px 20px; } #products.level4 #mainregion ul li { font-size: 12px; font-weight: bold; } #products.level4 div.leftcolumn { float: left; margin-right: 6px; width: 370px; } #products.level4 div.leftcolumn h1 { text-transform: none; } #products.level4 div.rightcolumn { float: left; width: 280px; text-align: right; } #products.level4 div.leftcolumnB { float: left; margin-right: 6px; width: 420px; } #products.level4 div.leftcolumnB p.borderTopBottom {border-bottom: 1px solid #ddd;} #products.level4 div.rightcolumnB { float: left; width: 230px; text-align: right; } #products.level4 div.rightcolumnB p {margin: 0px 0px 10px 0px;} #products.level4 div.rightcolumnB span.left { float: left; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; text-align: left; width: 220px; } /* Applications --------------------------------------------------*/ #applications #container {background: url(../left.gif);} #applications #mainandrightregion {padding-top: 10px;} #applications #mainandrightregion div.group {margin: 10px 10px 10px 15px; padding: 0 10px 10px 10px; width: 651px; border-bottom: 2px solid #4e649c;} #applications #mainandrightregion div.group h2, #applications #mainandrightregion div.group h2 a {font-size: 12px; text-transform: uppercase; color: #4e649c;} #applications #mainandrightregion div.group p {margin-top: 10px;} #applications #mainandrightregion div.group img {float: right; margin-left: 20px;} /* Download --------------------------------------------------*/ #download #container {background: url(../left.gif);} #download #mainregion h1 {font-size: 16px; text-transform: uppercase; color: #4e649c;} #download #mainregion h2 {font-size: 14px; color: #4e649c;} #download #mainregion h3 {font-size: 11px; color: #4e649c;} /* Links --------------------------------------------------*/ #links #container {background: url(../right.gif);} #links #mainandrightregion {float: left; margin-left: 0px; width: 900px;} #links #mainregion {width: 656px;} #links #mainregion h1 {font-size: 16px; text-transform: uppercase; color: #4e649c;} #links #mainregion h2 {font-size: 14px; color: #4e649c;} #links #mainregion h3 {font-size: 11px; color: #4e649c;} #links #rightregion h4 {font-size: 11px; color: #4e649c; text-transform: uppercase;} #links #rightregion ul {list-style-type: none; margin: 0; padding: 0;} #links #rightregion ul li {margin-top: 15px; padding-left: 14px; background: url(../home_news_bullet.gif) left 5px no-repeat;} #links #rightregion ul li a {font-weight: bold;} #links #rightregion { padding-right: 4px; padding-left: 4px; width: 192px; padding-top: 10px; } /* Contact --------------------------------------------------*/ #contact #container {background: url(../all.gif);} #contact #leftregion h5 {padding: 3px 10px; background: #b2c3d6;} #contact #leftregion div.addresses {padding: 10px; border-bottom: 4px solid #fff;} #contact #leftregion div.addresses p {margin-top: 10px;} #contact #leftregion div.form {padding: 10px 10px 10px 24px; background: url(../home_news_bullet.gif) 10px 15px no-repeat;} #contact #mainregion {padding: 0; width: 492px;} #contact #mainregion div.top {padding: 2px 20px; background: #b2c3d6; color: #4e649c; border-bottom: 4px solid #fff;} #contact #mainregion div.top * {color: #4e649c;} #contact #rightregion {padding: 0; width: 200px;} #contact #rightregion h5 {padding: 3px 10px; background: #b2c3d6;} #contact #rightregion div.addresses {padding: 10px;} #contact #rightregion div.more {margin: 10px 0; padding: 10px 10px 10px 24px; background: url(../home_news_bullet.gif) 10px 15px no-repeat;} /* News --------------------------------------------------*/ #news #container {background: url(../left.gif);} #news #leftregion h5 {padding: 3px 10px; height: 14px; background: #b2c3d6;} #news #leftregion div.search {padding: 0 10px 10px 10px; border-bottom: 4px solid #fff;} #news ul.newslist {list-style-type: none; margin: 25px 0 0 0; padding: 0;} #news ul.newslist li {margin-top: 15px;} #news ul.newslist li span {margin-right: 15px; color: #999; font-weight: normal;} p.newsdate {color: #999; font-weight: bold;} /* Search --------------------------------------------------*/ #search #container {background: url(../left.gif);} #search table.searchresult {margin-top: 10px;} #search table.searchresult td {padding-top: 10px; vertical-align: top;} #search table.searchresult td.rank {width: 50px;} /* FAQ --------------------------------------------------*/ #faq #container {background: url(../left.gif);} #faq ul.links {list-style-type: none; margin: 20px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #eee;} #faq ul.links li {margin: 5px 0 0 0; padding: 0;} #faq ul.links a {font-weight: bold; color: #4e649c;} #faq ul.items {list-style-type: none; margin: 0; padding: 0;} #faq ul.items li {margin-top: 20px; padding: 5px 0 0 0; border-top: 1px solid #eee;} #faq ul.items a {text-decoration: underline;} #faq ul.items a:hover {text-decoration: none;} /* Form --------------------------------------------------*/ #form #container {background: url(../left.gif);} /* Form --------------------------------------------------*/ #sitemap #container { background-color: #FFFFFF; background-image: none; } /* Application (EPiServer template) --------------------------------------------------*/ #application #container {background: url(../left.gif);} #application #rightregion {padding-top: 50px;} /* Application system --------------------------------------------------*/ #applicationsystem #container {background: url(../left.gif);} #applicationsystem #breadcrumb {border-top: 4px solid #fff;} #applicationsystem div.formsection {margin: 5px 0 20px 0; padding: 0; border: 1px solid #8CA5C1; background: #dee5ed;} #applicationsystem div.formsection p {margin: 0; padding: 4px 10px; border-bottom: 1px solid #fff;} #applicationsystem div.formsection label {float: left; display: block; width: 140px;} #applicationsystem div.formsection .field {width: 220px;} #applicationsystem div.formsection .validator-field {margin-left: 140px;} #applicationsystem h2.displaytext {color: #1b8a37;} #applicationsystem div.displaytext {margin-top: 5px; padding: 10px; background: #e0f2dd; border: 1px solid #b3d1b4;} #applicationsystem div.displaytext div.pictures div.left {float: left; margin-right: 10px; width: 210px;} #applicationsystem div.displaytext div.pictures div.right {float: left; width: 210px;} #applicationsystem div.displaytext div.pictures img {width: 208px; border: 1px solid #999;} #applicationsystem div.displaytext h3 {color: #000; text-transform: none;} #applicationsystem div.displaytext h4 {margin-bottom: 5px; color: #000; text-transform: none; font-weight: normal;} #applicationsystem #rightregion {padding: 0; width: 190px;} #applicationsystem #rightregion div.buttons a {display: block; margin-bottom: 2px; padding: 5px 0 6px 22px; background: url(../rightmenu-button_backgr.gif) top left no-repeat; color: #fff; font-weight: bold;} #applicationsystem #rightregion h5.search {margin: 0; padding: 5px 0 6px 0; background: url(../rightmenu-header_backgr.gif) top left no-repeat; color: #fff; font-size: 11px; font-weight: bold; text-align: center;} #applicationsystem #rightregion div.search {padding: 7px 10px; text-align: center; background: #dee5ed;} #applicationsystem #rightregion div.search .field {margin-bottom: 4px; width: 170px;} #applicationsystem .right {float: right; margin-right: 4px;} #applicationsystem .green {color: #1b8a37;} #applicationsystem table.searchresult {margin-top: 25px; border: none; width: 100%;} #applicationsystem table.searchresult tr.heading {font-weight: bold;} #applicationsystem table.searchresult tr td {padding: 5px 0; border: solid #ddd; border-width: 0 0 1px 0;} #applicationsystem #mainregion img.thumbnail {margin-left: 5px; width: 33px;} #applicationsystem #mainregion label.picture {padding-top: 8px;} #applicationsystem #mainregion input.picture {margin-top: 6px;} #applicationsystem #mainregion div.formsection p table tbody { vertical-align: top; } /* Application system (plugin) --------------------------------------------------*/ #appsystemplugin #Grid1 {margin: 10px 20px; border: none; } #appsystemplugin #Grid1 tr.heading, #appsystemplugin #Grid1 tr.heading * {font-weight: bold;} #appsystemplugin #Grid1 tr td {padding: 5px 5px 5px 0; border: solid #ddd; border-width: 0 0 1px 0;} #appsystemplugin #Grid1 tr td.fixed-width {width: 250px;} #appsystemplugin #Grid1 tr td.padded-right {padding-right: 20px;}s #appsystemplugin input.addButton {margin-left: 20px;}