/* Set paddings/margins to 0 for all HTML elements to aleveate browsers incompetablities */
* { margin:0 auto; padding:0; }

/* Controls background color and text color and font throughout the site */
body {
	background-color: #FFFFff;
	font-family: Verdana, "Trebuchet MS", "Lucida Sans", Tahoma, Georgia, Helvetica, Arial;
	color: #363636;
	height: 100%;
}

/* Default A tag presentation */
a:link, a:visited { font-size: 100%; color: #024DC2; text-decoration: underline; }
a:hover			  { color: #ff6630; text-decoration: underline; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0%; }
li, dd { margin-left: 2%; }
a img, :link img, :visited img { border: none }
input, textarea, select { border-color: #666666; border-width: 1px; border-style: solid; padding: 1px; }

.layout { width: 100%; }
.layout2 { width: 800px; }

div#container		{ width: 100%; }

div#header	{ 
	width: 800px; height: 100px; margin:5px 0 0 0; padding: 0;
	/* background-repeat: no-repeat; background-position: 2% 40%; */
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

ul#nav_topm, ul#nav_topm li	{ float:right; list-style-type:none; margin:0px; padding:0px; }
ul#nav_topm li		{ width:100px; text-align:center; white-space:nowrap; }
ul#nav_topm a		{ font-size:75%; font-weight:600; color:white; }
ul#nav_topm a:hover	{ color: Orange; }

div#menu		{ float:center; width:800px; height:1.05em; padding:8px 0 0 0px; border-bottom:1px solid Navy; }
ul#nav_top, ul#nav_top li	{ float:left; list-style-type:none; margin:0px; padding:0px; }
ul#nav_top li		{ width:98px; margin-right: 2px; text-align: center; white-space: nowrap; line-height: 0.5em; }
ul#nav_top a		{ font-size:75%; display: block; text-decoration: none; padding: 2px 0 5px; color: #ffffff; background: #5E91C8 }
ul#nav_top li.activelink a, ul#nav_top a:hover { color: #ff6630; }

div.content		{ font-size:75%; float: center; width: 465px; margin: 8px 5px 10px 5px; padding: 0px; text-align:left; letter-spacing: +0.02em; }
div.content h1, div.content h2	{ font-family: Verdana, Tahoma; color: #97A7BB; padding-left: 8px; margin: 0; }
div.content h1			{ font-size: 150%; }
div.content h2		{ font-size: 110%; }
div.content ul li	{ list-style: disc outside; padding-left: 0px; margin: 0px 0px 10px 16px; }
div.content p, ul, i	{ padding: 0 5px 0px 8px; line-height: 12.5pt; }
div.content ul a	{ font-variant: normal; font-weight: 600; color: #336699; cursor: pointer; }
div.content ul a:hover 	{ color: orange; }
div.content ul div	{
	position: relative;
	margin: .5em 0 .5em 0em;
	padding: 0 .5em 0 0.5em;
	left: -15px;
	background-color: #F8F8F8;
	border-left: 4pt solid #ffee88;
	cursor: pointer;
}

/* calendar comparison content */

div.ccontent		{ font-size:75%; float: center; width: 650px; margin: 8px 5px 10px 5px; padding: 0px; text-align:left; letter-spacing: +0.02em; }
div.content h1, div.content h2	{ font-family: Verdana, Tahoma; color: #3030dd; padding-left: 8px; margin: 0; }
div.ccontent h1		{ font-size: 150%; }
div.ccontent h2		{ font-size: 120%; }
div.ccontent ul li	{ list-style: disc outside; padding-left: 0px; margin: 0px 0px 10px 16px; }
div.ccontent p, ul, i	{ padding: 0 5px 0px 8px; line-height: 12.5pt; }
div.ccontent ul a	{ font-variant: normal; font-weight: 600; color: #336699; cursor: pointer; }
div.ccontent ul a:hover 	{ color: orange; }
div.ccontent ul div	{
	position: relative;
	margin: .5em 0 .5em 0em;
	padding: 0 .5em 0 0.5em;
	left: -15px;
	background-color: #F8F8F8;
	border-left: 4pt solid #ffee88;
	cursor: pointer;
}

div.sol			{ font-size:75%; float: center; text-align:left; width: 465px; margin: 10px 5px 10px 5px; padding: 0px; }
div.sol h1, div.sol h2	{ font-family: Verdana, Tahoma; color: #97A7BB; padding-left: 8px; margin: 0; }
div.sol h1		{ font-size: 150%; }
div.sol h2		{ font-size: 120%; }
div.sol p, ul, i	{ padding: 0 5px 0px 8px; line-height: 12.5pt; }
div.sol ul li		{ list-style: square outside; padding-left: 0px; margin: 0px 0px 10px 16px; }
div.sol blockquote	{ margin:5px; padding: 0 5px 0 7px; font-style:italic; font-family: Georgia, serif; float:right; line-height: 12.5pt; letter-spacing: +0.02em; width:206px; background: #eef; border-top:1px solid navy; border-bottom:5px solid navy; }
div.sol em			{ font-weight: 600; font-size: 100%; color: Black; }
div.sol ul a		{ font-variant: normal; font-weight: 600; color: #336699; cursor: pointer; }
div.sol ul a:hover 	{ color: orange; }
div.sol ul div	{
	position: relative;
	margin: .5em 0 .5em 0em;
	padding: 0 .5em 0 0.5em;
	left: -15px;
	background-color: #F8F8F8;
	border-left: 4pt solid #ffee88;
	cursor: pointer;
	display: none;

}

div.sol2			{ font-size:75%; float: center; text-align:left; width: 800px; margin: 10px 5px 10px 5px; padding: 0px; }
div.sol2 h1, div.sol h2	{ font-family: Verdana, Tahoma; color: #97A7BB; padding-left: 8px; margin: 0; }
div.sol2 h1		{ font-size: 150%; }
div.sol2 h2		{ font-size: 120%; }
div.sol2 p, ul, i	{ padding: 0 5px 0px 8px; line-height: 12.5pt; }
div.sol2 ul li		{ list-style: square outside; padding-left: 0px; margin: 0px 0px 10px 16px; }
div.sol2 blockquote	{ margin:5px; padding: 0 5px 0 7px; font-style:italic; font-family: Georgia, serif; float:right; line-height: 12.5pt; letter-spacing: +0.02em; width:206px; background: #eef; border-top:1px solid navy; border-bottom:5px solid navy; }
div.sol2 em			{ font-weight: 600; font-size: 100%; color: Black; }
div.sol2 ul a		{ font-variant: normal; font-weight: 600; color: #336699; cursor: pointer; }
div.sol2 ul a:hover 	{ color: orange; }
div.sol2 ul div	{
	position: relative;
	margin: .5em 0 .5em 0em;
	padding: 0 .5em 0 0.5em;
	left: -15px;
	background-color: #F8F8F8;
	border-left: 4pt solid #ffee88;
	cursor: pointer;
	display: none;
}
blockquote p	{ margin:0; padding:0; }

div.promo		{ font-size:75%; float: center; width: 665px; margin: 10px 5px 10px 5px; padding: 0px; }
div.promo h1, div.sol h2	{ font-family: Verdana, Tahoma; color: #97A7BB; padding-left: 8px; margin: 0; }
div.promo h1		{ font-size: 150%; }
div.promo h2		{ font-size: 120%; }
div.promo p, ul, i	{ padding: 0 5px 0px 8px; line-height: 12.5pt; }
div.promo ul li		{ list-style: square outside; padding-left: 0px; margin: 0px 0px 10px 16px; }
div.promo blockquote	{ margin:6px; padding: 0 5px 0 8px; font-style:italic; font-family: Georgia, serif; float:right; line-height: 12.5pt; letter-spacing: +0.02em; width:205px; background: #eef; border-top:1px solid navy; border-bottom:5px solid navy; }
div.promo em		{ font-weight: 600; font-size: 100%; color: Black; }
div.promo ul a		{ font-variant: normal; font-weight: 600; color: #336699; cursor: pointer; }
div.promo ul a:hover 	{ color: orange; }
div.promo ul div	{
	position: relative;
	margin: .5em 0 .5em 0em;
	padding: 0 .5em 0 0.5em;
	left: -15px;
	background-color: #F8F8F8;
	border-left: 4pt solid #ffee88;
	cursor: pointer;
}

div.newscontent		{ text-align:left; font-size:75%; float: center; margin: 8px 6px 10px 6px; }
div.newscontent h1	{ font-size: 130%; margin: 10px 0px 10px 4px; padding: 2px; }
div.newscontent p	{ padding: 0 5px 0px 8px; line-height: 12.5pt; }
div.newscontent ul	{ padding-left: 10px; }

div.navbox		{ float:right; width:162px; margin-top:10px; padding:0px; font-size:90%; }
div.navbox h3	{ font-size:78%; text-align:center; text-transform:uppercase; line-height:1.5em; letter-spacing:+0.05em; color:#ffffff; margin:0; padding:0 0 2px 0; }
div.navbox ul 	{ text-align:left; line-height:1.25em; margin:0px; padding:5px 3px 5px 18px; }
div.navbox a:link, div.navbox a:visited	{ font-size: 75%; color:black; text-decoration: none; }
div.navbox a:hover	{ color: #ff6630; text-decoration: underline; }

div.infobox		{ float:left; width:162px; margin-top:10px; margin-bottom:5px; font-size:90%; }
div.infobox h3	{ font-size:78%; text-align:center; text-transform: uppercase; line-height:1.5em; letter-spacing: +0.05em; color:#ffffff; margin:0; padding:0 0 3px 0; }
div.infobox ul	{ font-size:75%; font-family:"Trebuchet MS", Tahoma, Verdana; line-height:1.4em; text-align:left; margin:0; padding:6px 3px 5px 18px; }
div.infobox h3 a:link		{ color:White; text-decoration:none; }
div.infobox h3 a:visited	{ color:White; text-decoration:none; }
div.infobox h3 a:hover		{ color:Orange; text-decoration:none; }

div#nav_std			{ background:#ffdf9f; border:1px solid #e89d1a; }
div#nav_std h3		{ background-color:#E89D1A; }
div#nav_basic		{ background:#c8e8ff; border:1px solid #5080b7; }
div#nav_basic h3	{ background-color:#5080B7; }
div#nav_general		{ background:#ffffff; border:1px solid #9b9c9d; }
div#nav_general h3	{ background-color:#8da5cb; }
div#nav_seg			{ background:#ffffff; border:1px solid #9b9c9d; }
div#nav_seg h3		{ background-color:#96989b; }
div#nav_rpc			{ background: #f8dce4 }
div#nav_rpc h3		{ background-color:#c20b43; }

div#testimonial		{ float:left; width:162px; margin-top:2px; font-size:78%; text-align:left; border:1px solid #9b9c9d; }
div#testimonial h3 	{ font-size: 85%; text-align: center; text-transform: uppercase; letter-spacing: +0.05em; color: #ffffff; margin: 0; padding:0 0 3px 0; background-color:#8DA5CB; }
div#testimonial h3 a		{ color:White; text-decoration:none; }
div#testimonial h3 a:hover	{ color:Orange; text-decoration:none; }
div#testimonial p	{ padding:8px 2px 8px 6px; margin:0; }
div#testimonial blockquote	{ font-size: 93%; padding: 8px 2px 8px 6px; margin: 0; font-family: "Trebuchet MS", Verdana; background: #F8FAC6;}
div#testimonial em		{ font-style: normal; font-weight: 600; font-size: 95%; color: Black; }
div#testimonial a:hover	{ color:Orange; text-decoration:none; }

div#nav_news		{ background:#fff; border:1px solid #9b9c9d; }
div#nav_news h3		{ background-color:#8da5cb; }
div#nav_news a:link	{ text-decoration:none; }
div#nav_news a:visited	{ text-decoration:none; }
div#nav_news a:hover	{ color:Orange; text-decoration:underline; }

div#nav_updates		{ background:#fff; border:1px solid #9b9c9d; }
div#nav_updates h3	{ background-color: #8da5cb; }
div#nav_updates a:link	{ text-decoration:none; }
div#nav_updates a:visited { text-decoration:none; }
div#nav_updates a:hover	{ color:Orange; text-decoration:underline; }

div#nav_images		{ background:#fff; border:1px solid #9b9c9d; }
div#nav_images h3	{ background-color: #8DA5CB; }
div#nav_images h3 a	{ color: White; }
div#nav_images h3 a:hover	{ color: Orange; text-decoration: none; }
div#nav_images img	{ display:none; position:absolute; width:125px; height:100px;
					margin:10px 0 10px 0; padding:0px; }


/*div#nav_bottom		{ width: 800px; height:2em; font-size:70%; color: white; float: center; margin-top: 10px; padding-top: 4px; background: SteelBlue; }*/
div#nav_bottom		{ margin:0; padding:0; width:800px; height:31px; font-size:70%; color:white; float:center; background: SteelBlue; }

ul.subm		{ margin-top: -20px; margin-bottom: 20px; }
ul.subm li	{ margin: 0px; line-height: 0.90em; font-family: Tahoma, Helvetica, Arial; list-style: disc outside; color: #3333bb; }
ul.subm a:link, ul.subm a:visited { font-size: 75%; color: #3333bb; }
ul.subm a:hover { color: red; }

/* For calendarclients.php, importcalendars.php, importcalendarcsv.php */
table.twocol		{ width:100%; margin:7px; text-align:left; }
table.twocol tr td	{ width:50%; font-size:80%; }
table.twocol ul		{
	background-color: #fafafa;
	font-size: 90%; line-height:100%;
	color: #333366;
	list-style-type: square
}
td.c1 { height:26px; text-align:left; padding-left:10px; font-weight:bold; color:white; background-color:#336699; }
td.c1 a, td.c1 a:visited { color:white; }

/* Used by register_form, suggestionform, supportrequest, ... */
table.frmCls	{ font-family: Tahoma, Arial; font-size: 11px; margin-left: 8px; width: 440px; }
table.frmCls tr { 
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	background-color: #f3f6f9;
}
table.frmCls tr b	{ color: red; }

a:link.prodbox		{ font: 11px Tahoma; color: #024DC2; text-decoration: none; }
a:visited.prodbox	{ font: 11px Tahoma; color: #024DC2; text-decoration: none; }
a:hover.prodbox		{ color: green; xcolor: #ff6630; }

table.compare TR { background-color: #f3f6f9; }
table.compare TD { text-align: center; font-size: 8.0pt; }
table.compare TH.hs {
	background-color: #EA9F2A;
	font: bold 9.0pt Verdana;color: #ffffff;
	text-align: center;
}
table.compare TH.hb {
	background-color: #4C83BC;
	font: bold 9.0pt Verdana; color: #ffffff;
	text-align: center;
}
table.compare TH.hv {
	background-color: #B2B2AF;
	font: bold 9.0pt Verdana;color: #ffffff;
	text-align: center;
}
table.compare TH.hc {
	background-color: #B2B2AF;
	font: bold 9.0pt Verdana;color: #ffffff;
	text-align: center;
}
table.compare TH.ps {
	background-color: #FEDF9F;
	font: 8.0pt Tahoma;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
}
table.compare TH.pb {
	background-color: #C8E4FC;
	font: 8.0pt Tahoma;
	text-align: center;
		border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
}
table.compare TH.c {
	background-color: #D2D5D6;
	font: 8.0pt Tahoma;
	text-align: center;
		border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
}
TABLE.compare TH.v {
	background-color: #D2D5D6;
	font: bold 8.0pt Tahoma;
	text-align: left;
		border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
}

.thumbnail			{ font-size:70%; text-align:center; }
.thumbnail p		{ float:left; width:126px; height:120px; margin:10px; padding:10px 0 0 0; background:ivory; border:1px solid #333;  }
.thumbnail a		{ color: blue; }
.thumbnail p img		{ margin-top:8px; filter: alpha(opacity=70); -moz-opacity: 0.5; opacity: 0.7; width:100px; height:80px; }
.thumbnail p a:hover img	{ filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:1px solid #ff6630; }
.thumbnail p a:visited img	{ border:1px solid green; }