X-Git-Url: http://git.freeside.biz/gitweb/?a=blobdiff_plain;f=css%2Fcssfreeside2.css;h=25bc935fff991b07ebcace074c3c035b2d34a9c1;hb=e3ca3790a4664b35aa215805dc75e3593eae8d62;hp=51840fb32b019ca44ba8bd78e09025faedac84e6;hpb=5324cf6236231fb7ec5006e3ad75cde98fc2e832;p=www.git

diff --git a/css/cssfreeside2.css b/css/cssfreeside2.css
index 51840fb..25bc935 100644
--- a/css/cssfreeside2.css
+++ b/css/cssfreeside2.css
@@ -1,6 +1,3 @@
-/* CSS Document */
-
-
 #header1 {
 	clear: both;
 	margin: 0;
@@ -12,7 +9,6 @@
 	text-align: left;
 
 	} 
-	} 
 	
 #cornernav {
 	margin: 5px;
@@ -45,7 +41,7 @@
 #header2 { /*main navigation*/
 	clear: both;
 	margin: 0;
-	padding-top: .5em;
+	padding-top: .25em;
 	padding-bottom: .5em;
 	background: #959494;
 	border-bottom: 1px solid black;
@@ -55,6 +51,33 @@
 	text-align: right;
 	} 
 
+#header_extra {
+	clear: both;
+	margin: 0;
+	padding-top: .25em;
+	padding-bottom: .5em;
+	/* background: #959494; */
+	background: #F08B08;
+        border-bottom: 1px solid black;
+	/*border-top: 1px solid black;*/
+	border-right: 0;
+	border-left: 0;
+	text-align: center;
+/*        font-size: 24px; */
+
+	font: Verdana, Arial, sans-serif;
+        font-weight: bold;
+	font-size: 20px;
+
+	} 
+
+#header_extra a:link {
+
+	font: Verdana, Arial, sans-serif;
+        font-weight: bold;
+	font-size: 20px;
+
+        }
 
 #nav {
 	color: #000000;
@@ -78,19 +101,6 @@
 
  
 
-#header3 { /*sub navigation*/
-	clear: both;
-	margin: 0;
-	padding-top: .5em;
-	padding-bottom: .5em;
-	background: #5E355D;
-	border-bottom: 1px solid black;
-	border-right: 0;
-	border-left: 0;
-	text-align: left;
-	} 
-
-
 #nav_sub {
 	color: #ffffff;
 	text-align: left;
@@ -136,33 +146,43 @@
 
 td {
 line-height: 1.3em;
-letter-spacing: 0.02em;
 	word-spacing: 1px;
 }
 
 
 * { /*global content*/
 
-	font-family: Verdana, Arial, Sans-serif;
+	font-family: Verdana, Arial, sans-serif;
 	font-color: #666666;
-	font-size: 11px;
+	font-size: 12px;
 	padding: 0;
 	
 	}
 
-ul {
+ul.indented {
 	color: black;
 	line-height: 1.3em;
 	padding: 0;
 	padding-left: 2em;
 	padding-right: 10px;
-	margin: 10px;
+	/* margin: 10px; */
 	margin-left: 1.8em;
+        margin-top: 0px;
+        padding-top: 0px;
 }
 
+ol {
+	color: black;
+	line-height: 1.3em;
+	padding: 0;
+	padding-left: 2em;
+	padding-right: 10px;
+	margin: 10px;
+	margin-left: 1.8em;
+}
 
-
-
+#content_none {
+}
 
 #content1 {
 	clear: both;
@@ -171,13 +191,10 @@ ul {
 	padding-right: 10px;
 	padding-left: 10px;
 	padding-bottom: .5em;
-	border-bottom: 1px solid black;
 	border-right: 0;
 	border-left: 0;
-	text-align: left;
-	background-image: ;
-	background-repeat: repeat-y;
-	background-position: right;
+	/* text-align: left; */
+	text-align: center;
 }
 
 #content_prd {
@@ -187,15 +204,23 @@ ul {
 	padding-right: 10px;
 	padding-left: 10px;
 	padding-bottom: .5em;
-	border-bottom: 1px solid black;
 	border-right: 0;
 	border-left: 0;
 	text-align: center;
-	background-image: ;
-	background-repeat: repeat-y;
-	background-position: right;
 }
 
+#content {
+	clear: both;
+	margin: 0;
+	padding-top: .5em;
+	padding-right: 10px;
+	padding-left: 10px;
+	padding-bottom: .5em;
+	border-right: 0;
+	border-left: 0;
+	/* text-align: left; */
+	text-align: left;
+}
 
 
 .crossout {
@@ -206,8 +231,8 @@ ul {
 
 #footer  {
 	clear: both;
-	border-top: 1px solid #333;
-	padding: .5em;
+	border-top: 1px solid black;
+	padding: .25em;
 	margin: 0;
 	margin-top: 2px;
 	text-align: center;
@@ -244,7 +269,6 @@ a:link, a:visited {
 	color: #800080;
 	text-decoration: underline;
 	font-weight: normal;
-	letter-spacing: 1px;
 	word-spacing: normal;
 	}
 	
@@ -257,13 +281,14 @@ a:hover {
 		
 		
 h1 { 
-	font: bold Verdana, Arial, Sans-serif;
+	font: Verdana, Arial, sans-serif;
+        font-weight: bold;
 	font-size: 20px; 
 	line-height: 20px;
 	color: #fff;
 	padding: 0;
 	margin: 0;
-	margin-top: 2.05em;
+	/* margin-top: 2.05em; */
 	margin-left: 0;
 	margin-right: 1em;
 	
@@ -273,7 +298,8 @@ h1 {
 	}
 
 h2 { 
-	font: bold, Verdana, Arial, Sans-serif;
+	font: Verdana, Arial, sans-serif;
+        font-weight: bold;
 	font-size: 150%;
 	color: #ffffff ;
 	padding: 0;
@@ -283,7 +309,8 @@ h2 {
 	}
 	
 h3 {
-	font: bold Verdana, Arial, Sans-serif;
+	font: Verdana, Arial, sans-serif;
+        font-weight: bold;
 	font-size: 110%;
 	color: #fff;
 	padding: .5;
@@ -295,7 +322,8 @@ h3 {
 
 
 h4 {
-	font: bold Verdana, Arial, Sans-serif;
+	font: Verdana, Arial, sans-serif;
+        font-weight: bold;
 	font-size: 120%;
 	color: #336666;
 	padding: 0;
@@ -310,14 +338,34 @@ b.h4 {
 
 	}
 
-h5 {
-	font: bold Verdana, Arial, Sans-serif;
+/* h5 {
+	font: Verdana, Arial, sans-serif;
+        font-weight: bold;
 	font-size: 120%;
 	color: #336666;
 	padding: 0;
 	margin: 5px;
 	margin-left: 10px;
 }
+*/
+
+b.h5 {
+ color: #401D4B;
+
+}
+
+h5 { 
+	font: Verdana, Arial, sans-serif;
+        font-weight: bold;
+	font-size: 200%;
+	color: #5E355D;
+	padding: 0;
+	margin: .5em;
+	margin-left: 0em;
+	/* line-height: 1.4em */
+	
+
+	}
 
 b.h6 {
  color: #401D4B;
@@ -325,14 +373,15 @@ b.h6 {
 }
 
 h6 { 
-	font: bold, Verdana, Arial, Sans-serif;
+	font: Verdana, Arial, sans-serif;
+        font-weight: bold;
 	font-size: 140%;
 	color: #5E355D;
 	padding: 0;
 	margin: .5em;
-	margin-left: .2em;
+	margin-left: 0em;
 	margin-right: .5em;
-	line-height: 1.4em
+	/* line-height: 1.4em */
 	
 
 	}
@@ -343,14 +392,12 @@ p {
 	margin: 0;
 	margin-left: 20px;
 	margin-right: 10px;
-    letter-spacing: 0.02em;
 	word-spacing: 1px;
 	
    }
 
 b {
 	color: #000000;
-	letter-spacing: 0.02em;
 	word-spacing: 1px;
 	}	
 
@@ -380,7 +427,7 @@ body {
 .block {
 	background: #B7B7B7;
 	padding: 5px;
-	font: 140%;
+	font-size: 140%;
 	margin-left: 20px;
 	text-align: center middle;
 	}
@@ -393,8 +440,8 @@ body {
 
 
 table.tblprod {
-	width: 900px;
-	height: 992px;
+	/* width: 900px; */
+	/* height: 992px; */
 	border-width: thin thin thin thin;
 	border-spacing: 15px;
 	border-style: none;
@@ -402,9 +449,8 @@ table.tblprod {
 	border-collapse: collapse;
 	align: center;
 	
-	background-image: url(../imgs/bk/dkgrysq.gif);
-	background-repeat: no-repeat;
-	-moz-border-radius: 30px 30px 30px 30px;
+        background-color: #A3A3A3;
+	/* -moz-border-radius: 30px 30px 30px 30px; */
 }
 table.tblprod th {
 	border-width: 1px 1px 1px 1px;
@@ -412,7 +458,7 @@ table.tblprod th {
 	border-style: none none none none;
 	border-color: #999 gray #999 gray;
 	background-color: none;
-	-moz-border-radius: 30px 30px 30px 30px;
+	/* -moz-border-radius: 30px 30px 30px 30px; */
 	text-align: left bottom;
 	border-collapse: seperate;
 }
@@ -421,25 +467,26 @@ table.tblprod th {
 table.tblprod td {
 	border-width: 1px 1px 1px 1px;
 	padding: 5px 5px 5px 5px;
-	border-style: none ;
+	border-style: none;
 	border-color: gray gray gray gray;
-	background-color: ;
+	/* background-color: ; */
 	
 }
 
 table.tblprod_insd {
-	width: 864px;
-	height: 950px;
+	/* width: 864px; */
+	/* height: 950px; */
 	border-width: thin thin thin thin;
 	border-spacing: 15px;
 	border-style: none;
 	border-color: none gray none gray;
 	border-collapse: collapse;
 
-	margin-top: 15px;
-	background-image: url(../imgs/bk/whitesq.gif);
+	/* margin-top: 15px; */
+	/* background-image: url(../imgs/bk/whitesq.gif); */
+        background-color: #ffffff;
 	background-repeat: no-repeat;
-	-moz-border-radius: 30px 30px 30px 30px;
+	/* -moz-border-radius: 30px 30px 30px 30px; */
 }
 table.tblprod_insd th {
 	border-width: 1px 1px 1px 1px;
@@ -447,7 +494,7 @@ table.tblprod_insd th {
 	border-style: none none none none;
 	border-color: #999 gray #999 gray;
 	background-color: none;
-	-moz-border-radius: 30px 30px 30px 30px;
+	/* -moz-border-radius: 30px 30px 30px 30px; */
 	text-align: left bottom;
 	border-collapse: seperate;
 }
@@ -463,7 +510,7 @@ table.tblprod_insd td {
 }
 
 table.tblprod_insdlist {
-	width: 800px;
+	/* width: 800px; */
 	border-width: thin thin thin thin;
 	border-spacing: 15px;
 	border-style: none;
@@ -471,17 +518,17 @@ table.tblprod_insdlist {
 	border-collapse: collapse;
 
 	margin-top: 10px;
-	
+	margin-bottom: 10px;
 	background-repeat: no-repeat;
 	
 }
 table.tblprod_insdlist th {
 	border-width: 1px 1px 1px 1px;
-	padding: 3px 10px 10px 10px;
+	/* padding: 3px 10px 10px 10px; */
 	border-style: none none none none;
 	border-color: #999 gray #999 gray;
 	background-color: none;
-	-moz-border-radius: 30px 30px 30px 30px;
+	/* -moz-border-radius: 30px 30px 30px 30px; */
 	text-align: left bottom;
 	border-collapse: seperate;
 }
@@ -489,13 +536,221 @@ table.tblprod_insdlist th {
 
 table.tblprod_insdlist td {
 	border-width: 2px 2px 2px 2px;
-	padding: 10px 10px 10px 10px;
+	/* padding: 10px 10px 10px 10px; */
+	border-style: none none none solid;
+	border-color: #fff;
+	background-color: ;
+	border-collapse: seperate;
+	
+}
+
+/* ---- */
+
+table.tblprod_new {
+	/* width: 900px; */
+	/* height: 992px; */
+	border-width: thin thin thin thin;
+/* 	border-spacing: 15px; */
+	border-style: none;
+	border-color: none gray none gray;
+	border-collapse: collapse;
+	align: center;
+        background-color: #A3A3A3;
+}
+
+table.tblprod_new th {
+	border-width: 1px 5px 1px 5px;
+	padding: 0px 20px 10px 20px;
+	border-style: none solid none solid;
+	border-color: #f00 #0f0 #f00 #0f0;
+	background-color: none;
+	text-align: left bottom;
+	border-collapse: seperate;
+}
+
+
+table.tblprod_new td {
+	border-width: 1px 1px 1px 1px;
+	padding: 0px 5px 5px 5px;
+	border-style: none;
+	border-color: gray gray gray gray;
+	/* background-color: ; */
+	
+}
+
+table.tblprod_insd_new {
+	/* width: 864px; */
+	/* height: 950px; */
+	border-width: thin thin thin thin;
+	border-spacing: 15px;
+	border-style: none;
+	border-color: none gray none gray;
+	border-collapse: collapse;
+
+	/* margin-top: 15px; */
+	/* background-image: url(../imgs/bk/whitesq.gif); */
+        background-color: #ffffff;
+	background-repeat: no-repeat;
+}
+table.tblprod_insd_new th {
+	border-width: 1px 1px 1px 1px;
+	padding: 3px 10px 10px 10px;
+	border-style: none none none none;
+	border-color: #999 gray #999 gray;
+	background-color: none;
+	text-align: left bottom;
+	border-collapse: seperate;
+}
+
+
+table.tblprod_insd_new td {
+	border-width: 1px 1px 1px 1px;
+	padding: 5px 5px 5px 5px;
+	border-style: none;
+	border-color: gray gray gray gray;
+	background-color: ;
+	
+}
+
+table.tblprod_insdlist_new {
+	/* width: 800px; */
+	border-width: thin thin thin thin;
+	border-spacing: 15px;
+	border-style: none;
+	border-color: none gray none gray;
+	border-collapse: collapse;
+
+	margin-top: 10px;
+	margin-bottom: 10px;
+	background-repeat: no-repeat;
+	
+}
+table.tblprod_insdlist_new th {
+	border-width: 1px 1px 1px 1px;
+	/* padding: 3px 10px 10px 10px; */
+	border-style: none none none none;
+	border-color: #999 gray #999 gray;
+	background-color: none;
+	text-align: left bottom;
+	border-collapse: seperate;
+}
+
+
+table.tblprod_insdlist_new td {
+	border-width: 2px 2px 2px 2px;
+	/* padding: 10px 10px 10px 10px; */
+	border-style: none none none solid;
+	border-color: #fff;
+	background-color: ;
+	border-collapse: seperate;
+	
+}
+
+/* ---- */
+
+table.tblprod_tab {
+	/* width: 900px; */
+	/* height: 992px; */
+/*	border-width: thin thin thin thin;
+	border-spacing: 15px;
+	border-style: none;
+	border-color: none gray none gray;
+	border-collapse: collapse;
+        */
+	align: center;
+        background-color: #A3A3A3;
+}
+
+table.tblprod_tab th {
+	border-width: 5px 5px 0px 5px;
+	padding: 5px 20px 10px 20px;
+	border-style: solid solid none solid ;
+	border-color: #a3a3a3;
+	background-color: none;
+	text-align: left bottom;
+	border-collapse: seperate;
+        background-color: #ffffff;
+}
+
+
+table.tblprod_tab td {
+	border-width: 1px 5px 5px 5px;
+	padding: 10px 20px 10px 20px;
+	border-style: none none solid none;
+	border-color: #a3a3a3;
+        background-color: #cccccc;
+}
+
+table.tblprod_insd_tab {
+	/* width: 864px; */
+	/* height: 950px; */
+	border-width: thin thin thin thin;
+	border-spacing: 15px;
+	border-style: none;
+	border-color: none gray none gray;
+	border-collapse: collapse;
+
+	/* margin-top: 15px; */
+	/* background-image: url(../imgs/bk/whitesq.gif); */
+        background-color: #ffffff;
+	background-repeat: no-repeat;
+}
+table.tblprod_insd_tab th {
+	border-width: 1px 1px 1px 1px;
+	padding: 3px 10px 10px 10px;
+	border-style: none none none none;
+	border-color: #999 gray #999 gray;
+	background-color: none;
+	text-align: left bottom;
+	border-collapse: seperate;
+}
+
+
+table.tblprod_insd_tab td {
+	border-width: 1px 1px 1px 1px;
+	padding: 5px 5px 5px 5px;
+	border-style: none;
+	border-color: gray gray gray gray;
+	background-color: ;
+	
+}
+
+table.tblprod_insdlist_tab {
+	/* width: 800px; */
+	border-width: thin thin thin thin;
+	border-spacing: 15px;
+	border-style: none;
+	border-color: none gray none gray;
+	border-collapse: collapse;
+
+	margin-top: 10px;
+	margin-bottom: 10px;
+	background-repeat: no-repeat;
+	
+}
+table.tblprod_insdlist_tab th {
+	border-width: 1px 1px 1px 1px;
+	/* padding: 3px 10px 10px 10px; */
+	border-style: none none none none;
+	border-color: #999 gray #999 gray;
+	background-color: none;
+	text-align: left bottom;
+	border-collapse: seperate;
+}
+
+
+table.tblprod_insdlist_tab td {
+	border-width: 2px 2px 2px 2px;
+	/* padding: 10px 10px 10px 10px; */
 	border-style: none none none solid;
 	border-color: #fff;
 	background-color: ;
 	border-collapse: seperate;
 	
 }
+
+/* ---- */
+
 table.pgtitle {
 	width: 950px;
 	
@@ -546,22 +801,20 @@ table.servteal th {
 	padding: 10px 10px 10px 10px;
 	border-style: none none none none;
 	border-color: #999 gray #999 gray;
-	background-image: url(../imgs/bk/grad1.gif);
-	background-repeat: repeat-y;
-margin-left: 10px;
+        margin-left: 10px;
 	text-align: left bottom;
 }
 
 table.servpurp{
 	width: 100%;
 	border-width: thin thin thin thin;
-	border-spacing: 10px;
+	border-spacing: 4px;
 	border-style: none;
 
 	border-collapse: seperate;
 
 	margin-left:0px;
-	margin-top: 10px
+	/* margin-top: 10px */
 }
 
 table.serv {
@@ -592,8 +845,7 @@ table.servpurp th {
 	padding: 1px 1px 1px 1px;
 	border-style: none none none none;
 	border-color: #999 gray #999 gray;
-	background-image: url(../imgs/bk/grad2.gif);
-	background-repeat: repeat-y;
+        background-color: #60385F;
 
 	text-align: left bottom;
 }
@@ -604,9 +856,8 @@ table.servpurp td {
 	padding: 5px 5px 5px 5px;
 	border-style: none none none solid;
 	border-color: gray gray gray gray;
-	background-color: none;
-	background-image: url(../imgs/bk/grad3.gif);
-	background-repeat: repeat-y;
+        /* background-color: #919090; */
+        background-color: #ffffff;
 }
 
 table.demo {
@@ -619,8 +870,9 @@ table.demo {
 	border-collapse: seperate;
 	background-color: ;
 	margin-left:30px;
-	background-image: url(../imgs/bk/s.gif);
+	/* background-image: url(../imgs/bk/s.gif);
 	background-repeat: no-repeat;
+        */
 }
 table.demo th {
 	border-width: 1px 1px 1px 1px;
@@ -630,6 +882,7 @@ table.demo th {
 	background-color: ;
 	-moz-border-radius: 6px 6px 6px 6px;
 	text-align: left bottom;
+        font-weight: normal;
 }
 
 
@@ -645,22 +898,18 @@ table.demo td {
 table.dev {
 
 	border-width: thin thin thin thin;
-	border-spacing: 10px;
+	/* border-spacing: 10px; */
 	border-style: none;
 	border-color: gray gray gray gray;
-	border-collapse: seperate;
-	background-color: ;
-	margin-left:30px
+ 	border-collapse: seperate;
 }
 table.dev th {
-	border-width: 1px 1px 1px 1px;
+/*	border-width: 1px 1px 1px 1px;
 	padding: 5px 5px 5px 5px;
 	border-style: solid none none none;
 	border-color: #999 gray #999 gray;
-	background-color: #B6B5B5;
-	background-image: url(../imgs/bk/grad1_sm.gif);
-	background-repeat: repeat-y;
-
+        */
+	background-color: #60385F;
 	text-align: left bottom;
 }
 
@@ -668,8 +917,95 @@ table.dev th {
 table.dev td {
 	border-width: 1px 1px 1px 1px;
 	padding: 5px 5px 5px 5px;
-	border-style: none solid none solid;
+	border-style: none solid solid solid;
 	border-color: gray gray gray gray;
-	background-color: #ccc;
+	background-color: #ffffff;
+}
 
-}
\ No newline at end of file
+table.selfserv {
+  /* padding: 20px; */
+}
+
+table.selfserv tr {
+  /* padding: 20px; */
+}
+
+table.selfserv td {
+  padding: 2px;
+}
+
+table.support-plans {
+  padding-left: 32px;
+}
+
+table.support-plans th {
+  background-color:#FFFFFF;
+  border-style:none;
+  text-align: center;
+  padding: 10px;
+}
+
+table.support-plans td {
+  background-color:#FFFFFF;
+  text-align: center;
+  border-top: none;
+  border-left: none;
+  border-right: none;
+  border-bottom: 1px solid #CCCCCC;
+}
+
+table.support-plans .yes {
+    color: #008000;
+    font-size: 26px;
+}
+
+table.support-plans .smyes {
+    color: #004000;
+    font-weight: bold;
+}
+
+table.support-plans .no {
+    color: #800000;
+    font-size: 20px;
+}
+
+table.comparison th {
+  background-color:#FFFFFF;
+  border-right: 1px solid #999999;
+  border-bottom: 1px solid #DDDDDD;
+  padding-top: 8px;
+  vertical-align: middle;
+/*
+  border-style:none;
+  padding: 10px;
+*/
+}
+
+table.comparison td {
+  background-color:#FFFFFF;
+  text-align: center;
+  border-top: none;
+  border-left: none;
+  border-bottom: 1px solid #DDDDDD;
+  border-right: 1px solid #999999;
+}
+
+table.comparison .yes {
+    color: #008000;
+    font-size: 26px;
+}
+
+table.comparison .smyes {
+    color: #004000;
+    font-weight: bold;
+}
+
+table.comparison .no {
+    color: #800000;
+    font-size: 20px;
+}
+
+table.comparison .maybe {
+    color: #CCCC00;
+    font-weight: bold;
+}