/* Main Rules */
html {
/* scrollbar-arrow-color: white;
scrollbar-base-color: #b2b2b2;
scrollbar-3dlight-color:white;
scrollbar-face-color: #B2B2B2;
scrollbar-shadow-color: #777777;
scrollbar-darkshadow-color: #777777;*/
/* scrollbar-highlight-color: black;*/
/* scrollbar-dark-shadow-color: #E17500;*/
}
div#page_container {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../shop/images/page_bg.jpg) repeat-x scroll 0 0;
margin:0 auto;
overflow:hidden;
padding:0 0 10px;
width:994px;
}
div.block_products {
float:left;
margin:0 0 10px;
overflow:hidden;
width:200px;
}
div.block_products ul {
margin:0;
padding:0;
}
div.block_products ul li {
display:block;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 1px;
}
div.block_products ul li.title {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../shop/images/mini_header.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:1.3em;
font-weight:bold;
height:32px;
line-height:33px;
text-indent:10px;
width:200px;
}
div.block_products ul li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F6F6 url(../shop/images/arrow_grey.gif) no-repeat scroll 10px 9px;
float:left;
font-size:1em;
font-weight:normal;
margin:0 0 1px;
padding:5px;
text-decoration:none;
text-indent:16px;
width:190px;
}
div.block_products ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#999999 url(../shop/images/arrow_white.gif) no-repeat scroll 10px 9px;
color:#FFFFFF;
text-decoration:none;
}
div.block_featured {
color:#010101;
float:right;
margin:0 0 10px;
width:200px;
}
div.block_featured .rssTitle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../shop/images/mini_header.jpg) no-repeat scroll 0 -300px;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
height:33px;
line-height:35px;
overflow:hidden;
padding:0;
text-indent:10px;
width:200px;
}
div.block_featured .copy {
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
font-size:1em;
font-weight:bold;
overflow:hidden;
padding:10px 5px 0;
text-align:left;
width:188px;
}
#rss_feeds {
margin:0;
padding:0;
text-align:left;
width:180px;
}
#rss_feeds li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../shop/images/rss_icon.gif) no-repeat scroll 0 3px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 5px 0;
}
#rss_feeds li a {
color:#333333;
font-size:11px;
font-weight:normal;
padding:3px 0 0 20px;
text-decoration:none;
vertical-align:middle;
}
div.block_featured .featFooter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../shop/images/block_footer.jpg) no-repeat scroll 0 0;
height:38px;
width:200px;
}
div.block_newsletter {
color:#010101;
float:left;
margin:0 0 10px;
width:200px;
}
div.block_newsletter .newsTitle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../shop/images/mini_header.jpg) no-repeat scroll 0 -74px;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
height:39px;
line-height:43px;
overflow:hidden;
padding:0;
text-indent:5px;
width:200px;
}
div.block_newsletter .copy {
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
font-size:0.9em;
overflow:hidden;
padding:15px 5px 0;
text-align:center;
width:188px;
}
div.block_newsletter {
color:#010101;
}
div.block_newsletter .featFooter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../shop/images/block_footer.jpg) no-repeat scroll 0 0;
height:38px;
width:200px;
}
#divMain .dotted {
border: 1px dotted black;
}
#divMain .aslink {
color: #003399;
text-decoration: underline;
}
#divMain .aslink:hover {
color: #339900;
text-decoration: none;
}
#divMain p {
font: 9pt/17pt georgia,serif;
margin-top: 0px;
text-align: justify;
}
#divMain h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: none;
color: #363636;
margin: 0;
}
/*
#divMain h1 {
font: normal 17pt georgia,serif;
letter-spacing: 1px;
margin-top: 1px;
margin-bottom: 2px;
color: #000099;
}
#divMain a:link {
font-weight: bold;
text-decoration: none;
color: #6699FF;
}
#divMain a:visited {
font-weight: bold;
text-decoration: none;
color: #9999FF;
}
#divMain a:hover, a:active {
text-decoration: underline;
color: #6666FF;
}
*/
#divMain a img {
border: none ;
}
/*
#divMain div {
text-align: justify;
}
*/
div.browse {
/*position: absolute;*/
float: left;
/* left: 0px;*/
margin-left: 1px;
margin-top: 10px;
}
div.logout {
/* position: absolute;
top: 0px;
right: 0px;*/
float: right;
margin-right: 1px;
margin-top: 10px;
font-size: 11px;
color: #000000;
}
#divMain div.date {
text-align: right;
font-familly: Verdana, Tahoma;
font-size: 11px;
}
#divMain div.main {position:relative;top:0px;min-height:300px;padding:3px;}
#divMain div.main a{font-size:14px;padding:3px 12px;}
#divMain div.main-min-height {
/* height: 300px;*/
float: right;
width: 0px;
background: none;
}
table.org {
}
/* to be deleted */
/*
#divMain div.footer {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 600px;
border-left: solid 1px #6699FF;
border-right: solid 1px #6699FF;
border-bottom: solid 1px #6699FF;
background-color: #d9f9ff;
height: 25px;
position: relative;
}
#divMain div.footer div.browse {
position: absolute;
bottom: 0px;
left: 0px;
margin-left: 1px;
}
*/
#divMain input.submit {
cursor: pointer;
background-color: #ffffff;
color: #000000;
font-familly: Verdana, Tahoma;
font-size: 11px;
border:solid 2px #bbccdd;
}
/* to be deleted */
/*
#divMain div.categories {
}
#divMain div.category {
width: 280px;
height: 50px;
}
*/
#divMain li {
list-style-type: none;
}
#divMain div.troubleshooter {
margin: 2px;
}
#divMain div.troubleshooter div.answer {
margin-left: 10px;
margin-right: 10px;
}
/* Ticket status (customer) & Manage Ticket (admin)
--------------------------------------------------*/
#divMain table.ticketslist {
background-color: #f2f2f2;
width: 100%;
border: solid 1px black;
font-size: 14px;
color: #000000
}
#divMain table.ticketslist tr {
background-color: #FFAAAA;
}
#divMain table.ticketslist tr.light {
background-color: #f2f2f2;
}
#divMain table.ticketslist tr.heavy {
background-color: #d2d2d2;
}
#divMain table.ticketslist tr.light1 {
background-color: #ff8888;
}
#divMain table.ticketslist tr.heavy1 {
background-color: #ff5555;
}
#divMain table.ticketslist tr.light2 {
background-color: #ffbb77;
}
#divMain table.ticketslist tr.heavy2 {
background-color: #ffaa33;
}
#divMain table.ticketslist tr.light6 {
background-color: #ececec;
}
#divMain table.ticketslist tr.heavy6 {
background-color: #d6d6d6;
}
#divMain table.ticketslist tr.light3 {
background-color: #99f099;
}
#divMain table.ticketslist tr.heavy3 {
background-color: #70f070;
}
#divMain table.ticketslist tr.light4 {
background-color: #f2f2f2;
}
#divMain table.ticketslist tr.heavy4 {
background-color: #d2d2d2;
}
#divMain table.ticketslist tr.head {
background-color: #b2b2b2;
font-weight: bold;
}
#divMain table.ticket {
background: #f2f2f2;
border: solid 1px #b2b2b2;
margin-bottom: 20px;
}
#divMain table.ticket td.value {
background: white;
}
#divMain table.reply {
width: 100%;
background: #f2f2f2;
border: solid 1px #b2b2b2;
font-size: 14px;
color: #000000;
}
#divMain table.reply tr.head {
font-weight: bold;
}
#divMain table.reply tr.content {
background-color: white;
}
#divMain table.reply tr.sep {
background-color: #000000;
border-collapse: collapse;
}
#divMain table.rmalist {
width: 100%;
border: solid 1px #b2b2b2;
margin-bottom: 10px;
}
#divMain table.rmalist td {
border-bottom: solid 2px #f2f2f2;
}
#divMain table.rmarequest {
width: 100%;
background: #f2f2f2;
border: solid 1px #b2b2b2;
font-weight: bold;
margin-bottom: 2px;
font-size: 14px;
}
#divMain table.rmarequest td.value {
background: white;
font-weight: lighter;
}
#divMain table.rmanumset {
background: #f2f2f2;
border: solid 1px #b2b2b2;
font-weight: bold;
}
/* knowledgebase (admin)
----------------------------------------*/
#divMain table.addarticle {
width: 98%;
border-collapse: collapse;
border: solid 1px black;
}
#divMain table.addarticle tr.name {
background: #d9ead9;
}
#divMain table.addarticle tr.title {
background: #d9ead9;
}
#divMain table.addarticle tr.comment {
background: #eeffee;
}
#divMain table.addarticle tr.message {
background: #eeffee;
}
#divMain table.addarticle tr.edit {
background: #ffeeff;
}
#divMain table.addarticle tr.notpublished {
background: #f2f2f2;
}
#divMain table.addarticle tr.sep {
background: #000000;
height: 1px;
}
#divMain table.addarticle tr.sep {
text-align: center;
}
#divMain table.addarticle table.alg {
width: 100%;
}
#divMain table.unparticle {
border: solid 1px #b2b2b2;
background: #f2f2f2;
width: 100%;
margin-bottom: 20px;
}
#divMain table.unparticle tr.head {
background: #b2b2b2;
font-weight: bold;
text-align: center;
}
#divMain table.unparticle tr.content {
border-bottom: solid 1px #ffffff;
}
/* knowledgebase
----------------------------------*/
#divMain div.browse_kb {
border-left: solid 4px #f2f2f2;
background: #f2f2f2;
margin-bottom: 10px;
padding-left: 2px;
padding-bottom: 3px;
}
#divMain div.articles {
margin-top: 20px;
}
#divMain div.k_cat {
margin-top: 5px;
}
#divMain div.k_art {font-family: Arial, Helvetica, sans-serif;font-size: 15px;margin-top: 5px;}
#divMain div.k_art a:link {color: #333333;text-decoration: none;}
#divMain div.k_art a:visited {color: #333333;text-decoration: none;}
#divMain div.k_art a:hover {color: #333;text-decoration: underline;}
#divMain div.sub_art {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 2px;
padding-left: 10px;
}
#divMain div.article h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #363636;
margin: 0;
letter-spacing: 0px;
word-spacing: 1px;
margin-bottom: 5px;
padding-bottom: 4px;
}
#divMain div.article p {
margin-top: 15px;
margin-bottom: 15px;
padding-left: 3px;
text-indent: 1cm;
text-align: justify;
}
#divMain table.comments {
width: 100%;
background: #f2f2f2;
border: solid 1px #b2b2b2;
}
#divMain table.comments tr.top {
font-weight: bold;
background: #f0f0f0;
}
#divMain table.comments tr.bottom {
background: #f9f9f9;
}
#divMain table.comments tr.bottom p {
padding-left: 10px;
}
#divMain table.comments table {
background: #f9f9f9;
border: dotted 1px #E17500;
}
/* Trouble shooter
-----------------------------------*/
#divMain div.troubleshooter div.answer h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #363636;
margin: 0;
letter-spacing: 0px;
word-spacing: 1px;
}
/* Downloads page
-----------------------------------*/
#divMain table.file {
background: #f2f2f2;
border: solid 1px #b2b2b2;
width: 100%;
}
#divMain table.file td.name {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0px;
}
#divMain table.file td.name a{
color: black;
}
#divMain table.file td.description {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#divMain table.file td.info .strong {
font-weight: bold;
}
#divMain table.file td.top {
font-size: 12px;
font-weight: lighter;
}
#divMain table.file td.top .strong {
font-weight: bold;
}
#newcat {
margin-bottom: 10px;
}
#divMain h1 {
margin-bottom: 5px;
margin-left: 3px;
margin-top: 5px;
}
#divMain table.file tr.big a {
font-weight: bold;
color: black;
}
#divMain table.file tr.small a {
font-weight: lighter;
color: black;
}
#divMain table.file tr.small td {
border-bottom: solid 1px #e2e2e2;
padding-bottom: 5px;
padding-left: 10px;
}
#divMain table.select_tab {
border-bottom: #b2b2b2;
}
/* Downloads page
-----------------------------------*/
#divMain table.ann {
width: 100%;
border: solid 1px black;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 0px;
border-collapse: collapse;
padding: 10px;
font-size: 14px;
}
#divMain table.ann tr.subject {
font-weight: bold;
background: #B2B2B2;
}
#divMain table.ann tr.subject td.subject, td.date {
padding-left: 5px;
border-bottom: solid 2px white;
}
#divMain table.ann tr.subject td.edit {
background: #F2F2F2;
width: 45px;
}
#divMain table.ann tr.message {
font-weight: lighter;
background: #F2F2F2;
}
/* Register product
-------------------------------------*/
#divMain .error li {
color: red;
font-style: bold;
}
#divMain .error p {
color: red;
font-style: bold;
}
#divMain table.note {
width: 100%;
background: #f2f2f2;
border: solid 1px #b2b2b2;
margin-top: 10px;
margin-bottom: 10px;
}
#divMain table.note tr.date {
border-bottom: solid 1px white;
}
#divMain table.note tr.content {
background: white;
}
#divMain table.note tr.action {
border-top: solid 1px #b2b2b2;
background: white;
}
#divMain table.registered_product {
background: #f2f2f2;
border: solid 1px #b2b2b2;
margin-bottom: 20px;
}
#divMain table.registered_product td.value {
background: white;
}
#divMain table.registered_list {
width: 100%;
background: #f2f2f2;
border: solid 1px #b2b2b2;
margin-bottom: 20px;
}
#divMain table.registered_list tr.head {
background: #b2b2b2;
text-align: center;
}
#divMain table.registered_list tr.head td {
font-weight: bold;
}
/* Submit a ticket
---------------------------*/
#divMain table.ticket {
border: solid 1px #b2b2b2;
background: #f2f2f2;
width: 100%;
font-size: 14px;
color: #000000;
}
#divMain table.submitticket {
border: solid 1px #b2b2b2;
background: #f2f2f2;
width: 100%;
font-size: 14px;
color: #000000;
}
#divMain table.submitticket td.submit {
padding-right: 50px;
}
#divMain table.ticketlist {
border: solid 1px #b2b2b2;
background: #f2f2f2;
width: 100%;
margin-bottom: 20px;
}
#divMain table.ticketlist tr.head {
background: #b2b2b2;
font-weight: bold;
}
#divMain table.ticketlist tr.content {
border-bottom: solid 1px #ffffff;
}
/* Accounts
--------------------------------*/
#divMain table.accounts {
border: solid 1px #b2b2b2;
border-collapse: collapse;
}
#divMain table.accounts tr.head {
background: #f2f2f2;
font-weight: bold;
text-align: center;
}
#divMain table.accounts tr.content td {
border: solid 1px #b2b2b2;
}