table.user { border-style:solid; border-width:thin; margin-left:5%; border-color: #e6e6e6; }
table.user tr td { border-style:solid; border-width:thin; padding:5px; border-color: #efe6e6;}
dt { font-weight:bold; 
   color:#333;
   }
dd { margin-bottom:1ex; }
textarea { width:100%; height:80%; }
textarea#summary { height: 3em; }

/*  css above not known  */

/* Common CSS here for media and print */

div.pagemenu {padding: 0px 10px 30px 0px; border:1px; margin: 0px 25px 25px 10px;  float: left; }
#pagelist {display:block; padding:0; margin:0px 0px 0px 0px; list-style:none; white-space:nowrap;}
#pagelist li a {float:left; height:45px; line-height:45px; width:90px;   text-align:center; margin:0px 0px -40px 0px;  padding:0 0.6em; text-decoration:none; color:#fff; 
background:#deeeff url(images/blue-n.jpg) no-repeat center; border-right:1px solid #dddddd; border-left:1px solid #dddddd;}

#pagelist li a:hover, #pagelist li a:hover b {background:#ccddff url(images/blue2-n.jpg) no-repeat center; color:#111;}
#pagelist li a {color: #3840a0;}  /* menu text color */

#toprowmenu {padding:10px; border:1px; margin:10px 0 40px 0;}
#toplist {display:table; padding:0; margin:0px 0px 0px 0px; list-style:none; white-space:nowrap;}
#toplist li {display:inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#toplist li a {float:left; height:45px; line-height:45px; font-size: smaller; text-align:center; margin:0px 0px -40px 0px;  padding:0 0.6em; text-decoration:none; color:#fff; 
background:#deeeff url(images/blue-n.jpg) no-repeat center; border-right:1px solid #dddddd; border-left:1px solid #dddddd;}


#sidelist {display:block; padding:0px; margin:0px; list-style:none; }
#sidelist li {display: block; margin:0px 0px 0px 0px; padding:0px 1px 0px 1px;}

#sidelist li a {display: block; height:22px; line-height:16px; width:85px;  padding:1em 1.3em 1em 1.3em; text-decoration:none; color:#fff; 
background:#deeeff url(images/blue-n.jpg) no-repeat center; border-right:0px solid #dddddd; border-left:0px solid #dddddd;}

#sidelist li a:hover,  #sidelist li a.current, #toplist li a:hover,  #toplist li a.current {background:#ccddff url(images/blue2-n.jpg) no-repeat center; color:#fff;}

#toplist li a:hover, #toplist li a:hover b, #sidelist li a:hover, #sidelist li a:hover b {background:#ccddff url(images/blue2-n.jpg) no-repeat center; color:#111;}
#toplist li a, #toplist li a b, #sidelist li a b, #sidelist li a {color: #3840a0;}  /* menu text color */
#toplist  li a.current, #toplist li a.current b, #sidelist li a.current, #sidelist li a.current b {color: #c55;}  /* current page menu text color */


/*  sv_pagemenu  sv_pagelist for links in body of Services Page  */
.sv_pagemenu {padding: 10px 10px 25px 0px; border:1px; margin: 5px 25px 25px 10px;  float: left; }
.sv_pagelist {display:block; padding:0; margin:0px 0px 0px 0px; list-style:none; white-space:nowrap;}
.sv_pagelist li a {float:left; height:45px; line-height:45px; width:160px;   text-align:center; margin:0px 0px -40px 0px;  padding:0 0.6em; text-decoration:none; color:#fff; 
background:#deeeff url(images/blue-n.jpg) no-repeat center; border-right:1px solid #dddddd; border-left:1px solid #dddddd;}

.sv_pagelist li a:hover, #pagelist li a:hover b {background:#ccddff url(images/blue2-n.jpg) no-repeat center; color:#111;}
.sv_pagelist li a {color: #3840a0;}  /* menu text color */

/* inline images inc picright and picleft  */ 

img  
  {
 border: #777777 0px solid;     
 padding: 0.19em;
 margin: 0em 0em 0em 0.01em;
 background-color: #e6e6e6;
 color: black;
 }



div.picright {
 float: right; 
 border: 0em solid #cccccc;
 padding: 0.1em; 
 margin: -0.3em 0.75em 0em 1em;
 }



div.picleft {
 float: left; 
 border: 0px solid #CD853F;
 padding: 0px; 
 margin: 0em 2.0em 0.5em 0em;
 }


a.pglink:link {color: #fff}     /* unvisited link */
a.pglink:visited {color: #fff}  /* visited link */
a.pglink:hover {color: #fff}   /* mouse over link */
 /* a.pglink:active {color: #000}   selected link */

.pglink {

border:  0px;
padding:  0px; 
margin:   0px -3px 0px -3px;

}


.menu {
  padding: 1px 0px 0px 1px;
  margin: 0px;
  color:#fff;
   white-space:nowrap;
  list-style-type:none;
font-family:  "Times New Roman", "Bookman Old Style", serif;
   font-size: smaller;

 }

li.inline {
 margin:   0px 0px 0px 10px;
  display: inline;
  padding-left: 0px;
  padding-right: 0px;
  border: 0px;
  }

li.last {
 margin:   0px 0px 0px 10px;
  display: inline;
  padding-left: 0px;
  padding-right: 0px;
  border: 0px;
  } 



/* end common css */







@media screen
 {
 
.menu2 {
  padding: 1px 0px 0px 1px;
  margin: 0px;
  color:#fff;
  font-family: arial, helvetica, sans-serif;
  white-space:nowrap;
  list-style-type:none;
 }


#hovmenu /* javascript menu setting   */
   {

margin: -35px 0px 0px -21%;

   background-color:transparent;
   border: 2px solid #cccccc; 
   text-align:center;
   z-Index:999; 
   visibility:hidden; 
   position:absolute; 
   max-width:16%;
   padding:0px 0px 0px 0px;
   background:#e0eeff;
   font-family:  "Times New Roman", "Bookman Old Style", serif;
   font-size: smaller;
   }

#hovmenu hr 
   {
   border:none;
   color:white;
   background-color:#fff400;
   height:0px; 
   margin-top:1ex;
   }


div.header  /*  For everything before div.content. This includes the logo  */
 {

position: relative;  
margin: 0 auto;
text-align: justify;
width: 68%;

/*  margin: 0 auto;   */

   text-align: justify;


   border:#cccccc 3px solid;
   border-bottom-width: 1px;
   padding-top:40px;
   padding-bottom:30px;
   padding-left:14px;
   padding-right:14px;
   background:#fff;
 }

div.content  /*  For the main body of the page  */
 {

position: relative;  
margin: 0 auto;
text-align: justify;
width: 68%;

   border:#cccccc 3px solid;
   border-top-width: 3px;
   border-bottom-width: 3px;
   clear: left;
/*   width: 680px; */
/*   margin: 0 auto; */
   text-align: justify;
   padding:2px 14px 2px 14px;
   background:#fff;
 }
div.footer  /*  For everything after div.content. This includes the goto bar, the links to other 
 revisions and related links, validate link, and timing.  */
 {

position: relative;  
margin: 0 auto;
text-align: justify;
width: 68%;

   border:#cccccc 3px solid;
   border-top-width: 1px;
   clear: left;
/*    width: 680px; */
/*   margin: 0 auto; */
   text-align: justify;
   font-size: smaller;
   padding:10px 14px 10px 14px;
   background:#fff;
 }
div.footerleft  /* Positions footer text at left  */
 {
   clear: left;
   width: 70%;
   text-align: justify;
   position: relative;
 }

div.footerright   /* Puts validator logos at right of footer*/
 {
   width: 20%;
   clear: left;  
   float: right;
   position: relative;
   top: -20px;
 }

div.button 

{
  text-align:center;
  display: block;
/*  width: 38em; */ 

height: 1.3em; 
  background-color: #ddd; 
  border-top: 3px solid #CCCCCC; 
  border-right: 3px solid #666666;
  border-bottom: 3px solid #333333; 
  border-left: 3px solid #CCCCCC;
  text-decoration: none; 
  color: #008800; 
  cursor: default;
}

}




 
/* end of media screen  */



@media print
 {

.menu2 {display: none }
#hovmenu {display: none;} 
#hovmenu hr {display: none;}

div.header  /*  For everything before div.content. This includes the logo, 
 the goto bar, messages, special days, and the page title.  */
 {
   width: 95%;
   margin: 0 auto;
   text-align: justify;
   position: relative;

   border:#cccccc 3px solid;
   border-bottom-width: 1px;
   padding-top:40px;
   padding-bottom:30px;
   padding-left:14px;
   padding-right:14px;
   background:#fff;
 }
div.content  /*  For the main body of the page  */
 {
   border:#cccccc 3px solid;
   border-top-width: 3px;
   border-bottom-width: 3px;
   clear: left;
   width:  95%;
   margin: 0 auto;
   text-align: justify;
   position: relative;
   padding:5% 14px 5% 14px;
   background:#fff;
 }
div.footer  /*  For everything after div.content. This includes the goto bar, the links to other 
 revisions and related links, validate link, and timing.  */
 {
   border:#cccccc 3px solid;
   border-top-width: 1px;
   clear: left;
   width: 95%;
   margin: 0 auto;
   text-align: justify;
   font-size: smaller;
   position: relative;
   padding:2px 14px 2px 14px;
   background:#fff;
 }
div.footerleft  /* Positions footer text at left  */
 {
   display: none;
   clear: left;
   width: 0%;
   text-align: justify;
   position: relative;
 }

div.footerright   /* Puts validator logos at right of footer*/
 {
   width: 40%;
  
/*   position: auto; */
position: relative;
   top: -20px;
 }

 }
/* end of media print */





img.contentimage    /*  content images */
  {
    float: right;
    clear: right;
    border-style:none;
  }

img.logoleft   /*  Cat24 logo setting  */
  {
    position: absolute;
    top: 16px;
    border-style:none;
  }

img.logoright  /*  Putting voip to work setting  */
  {
    float:right;
    clear:left;
    border-style:none;
    background: #bbccff;
  }

div.foo /*  test setting   */
 { font-size:1.5em;
 color: green;
 }







 



div.faq   /* think this is oddmuse only */
  {
   width: 75%;
   margin: 0 auto;
   text-align: justify;
   position: relative;
}


div.image span.caption {
    margin: 0 1em;
}
li img, img.smiley {
    border:none;
    padding:0;
    margin:0;
    background:#fff;
    color:#000;
}    

div.header img, div.footer img { border:0; padding:0; margin:0; }

.left { float:left; }
.right { float:right; }
div.left .left, div.right .right {
    float:none;
}
.center { text-align:center; }

span.author {
    color: #501;
}
span.bar a {
	padding-right:1ex;
}

body  /* body text etc */
 {
   color: #000000;
   padding:1% 5%;
   margin:0;
   font-family: "Times New Roman", "Bookman Old Style", serif;
   font-size: 12pt;
   background-image: url(/images/gradient849473.png);
   background-repeat: repeat-x;
   background-color: #EfEfFf;
 }

b /* bold text */
 { 
   color:#CD853F;
 }

body.large 
 {
   font-size:18pt;
 }
body.sans 
 {
   font-family: "DejaVu", "Verdana", sans;
 }

a /* links & links visited below */ 
 {
    text-decoration:none;
    font-weight:bold;
    color:#c00;
  }

a:visited { color:#c55; }



.rc .author {
    font-weight: normal;
    color: #666;
}
.rc .dash {
    display: none;
}
.rc strong {
    font-weight: normal;
    color: inherit;
    display: block;
}
.rc li {
    position:relative;
    padding-right: 5em;
}
.rc .lang {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.rc .type {
    position: absolute;
    top: 1.16em; /* don't forget line-height */
    right: 0;
    z-index: 2;
    background:#fff; /* covers language if no summary */
    padding: 0.1em 0 0.1em 1em;
}

.inline:hover, .last:hover, div.header h1 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
a:hover, h3  a.local:hover, span.caption a.image:hover {
    background:#CD853F;
    color:#FFFFFF;
}
a.image:hover {
    background:inherit;
}
a.image:hover img {
    background:#ccc;
}

p a.definition {
    color:#666;
    padding: 2px;
    margin-top: 5px;
    border-bottom: 2px solid #000000;
    text-decoration:none;
    display:block;
    clear:both;
}
h2 {
    clear:both;
}
p a.definition:hover {
    background:#000000;
    color:#FFFFFF;
}

h1, h2, h3, h4 {color: #000; }


h1 a, h2 a, h3 a, h4 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
    color:#c55;
}
h1, h2, h3, h4 { font-size:medium; margin:1ex 0 1ex 0; padding:0; }
h1, h2 { border-bottom: 2px solid #884400; }
h3 { border-bottom: 1px dashed #111; }


h5 { font-size:larger; margin:1ex 0ex 0ex 1.5ex; padding:0; color: #CD853F; text-decoration: underline; }
h5 a:visited { font-size:larger; margin:1ex 0 1ex 0; padding:0; color: #CD853F; }




div.header h1 {
    font-size:large; margin-top:1ex;
    padding:10px;
    border-bottom: 2px solid #884400;
}

hr {
    border:none;
    color:black;
    background-color:#884400;
    height:2px; 
    margin-top:2ex;
}

div.footer hr { height:2px; }

pre {
    border:  #ccbbff 0px  solid;

    margin-left: 2px;
    margin-right: 2px;
    white-space: pre;

    color: black;
    overflow:hidden;
    font-size: smaller;
padding-left:4px;
padding-right:4px;
background:#fff;

}


body.magenta a { color:#639; }

div.rss li span.time { display:none; }
div.rss .description { font: medium monospace; display:inline; }

div.month {
    float:right;
    margin:0;
    padding:0 1ex;
}
div.year div.month { float:left; }
div.cal pre {
    margin:0;
    padding:1ex;
    background-color:#ffe;
}
div.cal a { text-decoration:none; }
div.cal a.edit {
    background-color:inherit;
    font-weight:normal;
}
div.cal a.local {
    background-color:#fee;
}
div.cal a.today { background-color:#fdd; }
div.cal a:hover {
    color:#fff;
    background-color:#000;
}

/* display none to remove sidebar which is not needed*/
div.sidebar {display:none;}

/* This sets the main text for printing  */ 
@media print {
body { font:11pt "Times New Roman", "Neep", "Arial", sans-serif; }
a, a:link, a:visited { color:#000; text-decoration:none; font-style:oblique; font-weight:normal; }
h1 a, h2 a, h3 a, h4 a { font-style:normal; }
/* a.edit,  div.refer, form, span.gotobar, a.number span { display:none; }                            */
/* a[class="url number"]:after, a[class="inter number"]:after { content:"[" attr(href) "]"; }         */
/* a[class="local number"]:after { content:"[" attr(title) "]"; }                                     */
/* img[smiley] { line-height: inherit; }                                                              */
pre { border:0; font-size:10pt; }
}