/*
 * Cascading Style Sheet (CSS 467) for LinuxMagic.com
 * Author: Evgueni Naverniouk, evgueni@linuxmagic.com, http://www.linuxmagic.com/
 * COPYRIGHT INFORMATION - DO NOT REMOVE
 * Copyright (c) 2007 LinuxMagic Inc. All Rights Reserved.
 *
 * All style attributes in alpha-numeric order starting from 0
 */ 

/* 
 * ========================================
 * Global Elements and General Styles
 * ========================================
 */

html,
body {
	background: #FFF;
	color: #000;
	font-family: Arial, Verdana, "Trebuchet MS", Tahoma, sans-serif, Georgia, Courier, "Times New Roman", serif;
	font-size: 11px;
	height: 100%;
	line-height: 135%;
	margin: 0;
	padding: 0;  /* required for Opera to have 0 margin */
	text-align: center; /* centers page in IE */
}

address {
	color: #444;
	font-size: 12px;
	font-style: normal;
	margin: 20px 20px 10px 80px;
	text-align: left;
}

.arrow,
.arrow-news,
.arrow-edit,
.arrow-delete,
.arrow-active,
.arrow-inactive,
.arrow-up,
.arrow-down,
.arrow-disabled {
	height: 10px;
	padding: 0px 0px 0px 14px;
	margin: 0px;
}

.arrow {background: transparent url('../img/arrow.gif') no-repeat center left;}
.arrow-news {background: transparent url('../img/arrow-news.gif') no-repeat center left;}
.arrow-edit {background: transparent url('../img/arrow-edit.gif') no-repeat center left;}
.arrow-delete {	background: transparent url('../img/arrow-delete.gif') no-repeat center left;}
.arrow-active {	background: transparent url('../img/arrow-active.gif') no-repeat center left;}
.arrow-inactive {background: transparent url('../img/arrow-inactive.gif') no-repeat center left;}
.arrow-up {background: transparent url('../img/arrow-up.gif') no-repeat center left;}
.arrow-down {background: transparent url('../img/arrow-down.gif') no-repeat center left;}
.arrow-disabled {background: transparent url('../img/arrow-disabled.gif') no-repeat center left;}

.big {font-size: 13px !important;}
.bigger {font-size: 15px !important;}
.blue {color: #2951AD !important;}
.center {text-align: center;}

.divider {
	color: #444;
	padding: 0px 4px;
}

.error {color: #F00;}
.gray {color: #444;}
.green {color: #00AA00;}

h1.Title {
	height: 25px;
	margin: 0px;
	text-indent: -5000px;
}

h1 {
	border-bottom: 1px dotted #999;
	text-align: left;
	width: 500px; 
}

h2 {
	border-bottom: 1px dotted #999;
	color: #2951AD;
	font-family: Georgia, Arial, sans-serif !important;
	font-size: 16px;
	padding: 14px 10px 0px 0px;
	line-height: 150%;
	margin: 0px;
	text-align: left;
	width: 480px;
}

h3 {
	color: #111;
	font-size: 12px;
	font-weight: bold;
	padding: 14px 10px 0px 0px;
	line-height: 150%;
	margin: 0px;
	text-align: left;
	width: 480px;
}

img {border: 0px;}
.left {float: left;}
.lefttext {text-align: left;}
.light {font-weight: normal !important;}

.nopad {
	border-spacing: 0 !important; /* not supported by IE */
	margin: 0 !important;
	padding: 0 !important;
}

p {
	font-size: 12px;
	line-height: 160%;
	margin: 5px 0px 0px 0px;
	padding: 7px 0px 0px 15px;
	text-align: justify;
}

p.code {
	font-family: Courier !important;
	font-size: 11px;
}

p.error {
	background: #F9F9F9;
	border: 1px dotted #FF0011;
	color: #FF0011;
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0px 0px 10px !important;
	padding: 10px !important;
}

p.success {
	background: #F9F9F9;
	border: 1px dotted #3a6e3b;
	color: #3a6e3b;
	font-size: 13px;
	font-weight: bold;
	margin: 20px !important;
	padding: 10px !important;
	text-align: center;
}

pre {text-align: left;}

.small {
	color: #444;
	font-size: 11px;
}

.red {color: #F00;}
.right {float: right;}

table {
	background: #999;
	border: 0;
	border-spacing: 1px;
	margin: 0;
	padding: 0;
	text-align: left;
}

table.clear,
table.clear th,
table.clear td {
	background: transparent;
}

table th {
	background: #EEE;
	font-weight: bold;
	padding: 4px;
	text-align: center;
}

table td {
	background: #FFF;
	padding: 3px 5px;
}

ul.faq{
	list-style: decimal-leading-zero !important;
}

ul.faq li {
	color: #2951AD;
	font-family: Georgia, Arial, sans-serif !important;
	font-size: 22px;
}

ul.faq li p{
	color: #444;
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif !important;
}

ul.nobullet {
	list-style: none !important;
}

  /* 
 * ========================================
 * Link Styles
 * ========================================
 */

a:link,
a:active,
a:visited {
	color: #2951AD;
	font-weight: bold;	
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
}

/* 
 * ========================================
 * Page Setup
 * ========================================
 */

#Wrapper {
	background: transparent url('../img/mainpage-bg.gif') repeat-y top left;
	border: 3px solid #CDCDCD;
	left: 50%;
	margin: 0px auto 0px -400px; /* not supported by IE5 */
	padding: 0;
	position: absolute;
	text-align: left;
	width: 784px;
}

#Header,
#Header #Logo,
#Header #Swirl,
#Header #Slogan {
	height: 87px;
	margin: 0;
	padding: 0;
}

#Header {
	background: #FFF;
}

#Header #Logo {
	display: block;
	float: right;
	width: 260px;
}

#Header #Swirl {
	display: block;
	float: left;
	width: 179px;
}

#Header #Slogan {
	display: block;
	float: left;
	width: 345px;
}

#MainPage {
	display: block;
	margin: 10px 0px 20px 25px;
	padding: 0;
	width: 745px;
}

#PageTop {
	background: transparent url('../img/pagetop-bg.gif') repeat-x top left;
	height: 20px;
	margin: 0;
	padding: 0;
}

#PageTop #Corner{
	background: transparent url('../img/pagetop-corner.gif') no-repeat top left;
	height: 20px;
	margin: 0;
	padding: 0;
}

/* 
 * ========================================
 * Form Elements
 * ========================================
 */

form {
	margin: 20px;
	text-align: left; 
}

input,
select,
textarea {
	background: #FFF;
	border: 1px solid #999;
	padding: 2px;
}

.button {
	background: #EEE url('../img/button-bg.gif') repeat-x top left !important;
	border: 1px solid #999 !important;
	color: #222 !important;
	font-family: Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	padding: 2px 8px !important;
	width: auto !important;
}

form.IpLookup {
	margin: 0;
}

form.IpLookup div {
	text-align: center;
}

form.ContactForm {
	margin: 20px 30px;
	width: 700px;
}

form.ContactForm table{
	margin: 0 auto;
	width: 600px;
}

form.AdminForm {
	margin: 0px 0px 0px 40px;
}

form.AdminForm strong {
	padding: 10px;
}

form.AdminForm div {
	padding: 5px;
}

form.AdminForm input,
form.AdminForm select {
	width: 200px;
}

form.AdminForm textarea {
	height: 200px;
	width: 400px;
}

form.Config input{
	width: 100%;
}

/* 
 * ========================================
 * Main Navigation
 * ========================================
 */

#Navigation {
	height: 26px;
	margin: 0;
	padding: 0;
}

ul.MainNav,
.MainNav ul {
	float: right;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

ul.MainNav li{
	display: block;
	float: left;
	height: 28px;
	margin-right: 1px;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 100px;
}

ul.MainNav li.on{
	background: transparent url('../img/nav-on.png') no-repeat top left;
}

ul.MainNav li.off{
	background: transparent url('../img/nav-off.png') no-repeat top left;
}

ul.MainNav li:hover{
	cursor: pointer;
}

ul.MainNav li a {
	color: #000;
	display: block;
	height: 16px;
	padding: 7px 0px;
}

ul.MainNav li.off a {
	color: #EEE;
	display: block;
}

ul.MainNav li a:hover {
	color: #066AA4;
	text-decoration: none;
}

ul.MainNav li.off a:hover {
	color: #CCC;
	text-decoration: none;
}

/* 
 * ========================================
 * Top Navigation
 * ========================================
 */
 
#TopMenu {
	height: 15px;
	margin: 20px auto 0px auto;
	text-align: right;
	width: 784px;
}

ul.TopNav,
.TopNav ul {
	float: right;
	font-size: 11px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

ul.TopNav li {
	color: #999;
	float: left;
	display: block;
	height: 14px;
	margin-right: 1px;
	padding: 0px;
}

ul.TopNav li a{
	color: #999;
	font-weight: normal;
}

ul.TopNav li a:hover{
	color: #2951AD;
	text-decoration: none;
}

#scrollerWrapper {
	text-align: left;
	font-size: 14pt;
	font-family: "Arial";
	margin-bottom: 10px;
	padding: 8px 0 10px 10px;
	height: 21px;
	background: url('../img/clients-bg.gif') top left no-repeat;
}

	#scrollerWrapper #scrollerText {
		margin-right: 10px;
		float: left;
		font-weight: normal;
		color: #2951AD;
		letter-spacing: -1px;
		background: url('../img/title-clients.gif') no-repeat top left;
		width: 125px;
		height: 25px;
	}

		#scrollerWrapper #scrollerText span {
			color: #000;
		}

	#scrollerWrapper #scroller {
		overflow: hidden;
		height: 20px;
		position: relative;
		float: left;
		width: 260px;
		margin-top: 1px;
	}

		#scroller div {
			position: relative;
		}

		#scroller .scrollItem {
			display: block;
			height: 20px;
			white-space: nowrap;
			width: auto;
            margin-top: 3px;
		}

		#scroller .scrollItem {
			color: #444;
			font-weight: normal;
			letter-spacing: -1px;
		}

		#scroller .scrollItem a:hover {
			color: #999;
			text-decoration: none;
		}

/* 
 * ========================================
 * Side Navigation
 * ========================================
 */
 
ul.SideNav,
.SideNav ul {
	background: #FDFDFD;
	border: 1px solid #BBB;
	float: right;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 10px 10px;
	padding: 0;
	width: 200px;
}

ul.SideNav li{
	border-bottom: 1px solid #DDD;
	display: block;
	margin: 1px;
	padding: 7px;
	position: relative;
	text-align: left;
	width: 176px;
}

ul.SideNav li a {
	color: #444;
	display: block;
}

ul.SideNav li.on{
	border-left: 8px solid #2951AD;
}

ul.SideNav li.off{
	border-left: 8px solid #999;
}

ul.SideNav li.submenu{
	background: #EEE;
	border-bottom: 1px solid #CCC;
	border-left: 8px solid #CCC;
	display: block;
	margin: 1px;
	padding: 3px 17px;
	position: relative;
	text-align: left;
	width: 156px;
}

ul.SideNav li.lookup{
	background: #EEE;
	border-bottom: 1px solid #CCC;
	border-left: 8px solid #CCC;
	display: block;
	height: 80px;
	margin: 1px;
	padding: 3px 2px;
	position: relative;
	text-align: left;
	width: 186px;
}

ul.SideNav li:hover.lookup{
	background: #EEE;
	border-left: 8px solid #CCC;
}

ul.SideNav li.lookup p{
	color: #444;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0px 0px 15px 0px;
	text-align: center;
	width: 186px;
}

ul.SideNav li.lookup form input{
	background: #FFF;
	border: 1px solid #999;
	color: #444;
	font-size: 10px;
	margin: 0px 15px;
	padding: 2px;
	width: 150px;
}

ul.SideNav li.submenu a{
	color: #444;
	font-size: 11px;
	font-weight: normal;
}

ul.SideNav li:hover{
	background: #FFF;
	cursor: pointer;
	border-left: 8px solid #444;
}

ul.SideNav li a:hover {
	color: #066AA4;
	text-decoration: none;
}

ul.SideNav li:hover.dead {
	border-left: 8px solid #999;
}

ul.SideNav li:hover.lookup {
	border-left: 8px solid #CCC;
}

ul.SideNav li:hover.dead,
ul.SideNav li.dead a:hover {
	color: #444;
	cursor: auto;
}

/* 
 * ========================================
 * Footer Elements
 * ========================================
 */
 
#Footer {
	height: 60px;
	margin: 0px auto -85px auto;
	padding: 10px 0px;
	text-align: center;
	width: 784px;
}

#Footer address{
	color: #444;
	font-size: 10px;
	font-style: normal;
	padding-bottom: 20px;
	margin: 0;
	text-align: center;
}

#PageEnd {
	color: #666;
	font-size: 10px;
	height: 20px;
	margin: -8px 0px 0px 0px;
	text-align: center;
	width: 784px;
}

/* 
 * ========================================
 * Page Titles
 * ========================================
 */

#News h1{background: transparent url('../img/title-news.gif') no-repeat top left;}
#Products h1{background: transparent url('../img/title-products.gif') no-repeat top left;}
#Workplace h1{background: transparent url('../img/title-workplace.gif') no-repeat top left;height: 27px;}
#VPN h1{background: transparent url('../img/title-vpn.gif') no-repeat top left;}
#BMS h1{background: transparent url('../img/title-bms.gif') no-repeat top left;}
#Downloads h1{background: transparent url('../img/title-downloads.gif') no-repeat top left;}
#Services h1{background: transparent url('../img/title-services.gif') no-repeat top left;}
#Employment h1{background: transparent url('../img/title-employment.gif') no-repeat top left;}
#Company h1{background: transparent url('../img/title-company.gif') no-repeat top left;}
#Testimonials h1{background: transparent url('../img/title-testimonials.gif') no-repeat top left;}
#Clients h1{background: transparent url('../img/title-clients.gif') no-repeat top left;}
#OpenSource h1{background: transparent url('../img/title-opensource.gif') no-repeat top left;}
#Lists h1{background: transparent url('../img/title-lists.gif') no-repeat top left;}
#Contact h1{background: transparent url('../img/title-contact.gif') no-repeat top left;}
#Error h1{background: transparent url('../img/title-error.gif') no-repeat top left;}

/* 
 * ========================================
 * Common Page Elements
 * ========================================
 */

#News,
#Products,
#VPN,
#Workplace,
#BMS,
#Downloads,
#Services,
#Employment,
#Company,
#Clients,
#Testimonials,
#OpenSource,
#Lists,
#Contact,
#Admin,
#Items,
#DynaRegex {
	float: left;
	margin: 0;
	padding: 0;
	width: 510px;
}

#BMS ul,
#Employment ul,
#Clients ul,
#Workplace ul,
#Services ul,
#Lists ul,
#OpenSource ul,
#DynaRegex ul {
	color: #444;
	font-size: 12px;
	line-height: 160%;
	list-style: square;
	margin: 20px 20px 10px 0px;
	text-align: left;
}

/* 
 * ========================================
 * Home Page Elements
 * ========================================
 */
 
#Teaser {
	height: 200px;
}

#Teaser2 {
	border-top: 1px dotted #999;
	margin-top: 5px;
}

#Teaser .TeaserLink {
	margin: -35px 20px 0px 0px;
	text-align: right;
}

#Teaser .TeaserLink a {
	letter-spacing: 0.5px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

#PressReleases {
	float: right;
	height: 180px;
	width: 270px;
	clear: right;
	margin-bottom: 14px;
}

#PressReleases h1{
	background: transparent url('../img/title-press.gif') no-repeat top left;
	margin-bottom: 15px;
	width: 270px;
}

#PressReleases div.NewsItemBorder{
	background: #FFF;
	border: 1px dotted #999;
	padding: 1px;
	margin-bottom: 4px;
}

#PressReleases div.NewsItem{
	background: #F7F7F7 url('../img/newsitem-bg.gif') repeat-x top left;
	border: 1px solid #FFF;
	padding: 2px 8px;
	text-align: left;
}

#PressReleases strong.NewsTitle,
#PressReleases strong.NewsTitle a{
	color: #444;
	font-family: Georgia, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: -0.3px;
}

#PressReleases em.NewsDate {
	color: #888;
	font-size: 10px;
	font-style: normal;
}

#PressReleases p.NewsLink {
	line-height: 110%;
	margin: -8px 0px -3px 0px;
	padding: 0;
	text-align: right;
}

#PressReleases p.NewsLink a {
	letter-spacing: 0.5px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

#PressReleases p.NewsLink a:hover {
	color: #000;
	text-decoration: none;
}

#HomeContent {
	width: 425px;
	float: left;
}

#Welcome {
 /*   width: 510px;*/
}

#Welcome h1{
	background: transparent url('../img/title-welcome.gif') no-repeat top left;
	text-align: left;
	width: 425px; 
}

#Welcome h2 {
   padding-top: 0px;
}

#Welcome p.WelcomeText{
	color: #444;
	font-size: 12px;
	line-height: 150%;
}

#Welcome p.WelcomeText strong {
	font-weight: bold;
}

#Welcome p.WelcomeLink {
	line-height: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
}

#Welcome p.WelcomeLink a {
	border-bottom: 1px dotted #2951AD;
	letter-spacing: 0.5px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

#Welcome p.WelcomeLink a:hover {
	color: #000;
	text-decoration: none;
}

#Items {
	float: right;
	margin-bottom: 20px;
	width: 270px;
	clear: right;
}

#Items p {
	margin: 0;
	padding: 0;
}

#Items p.ItemLink {
	border-bottom: 1px dotted #999;
	margin: -14px 0px 0px 0px;
	padding: 0;
	text-align: right;
}

#Items p.ItemLink a {
	letter-spacing: 0px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

#LinuxDevelopment {
	float: right;
	margin-bottom: 20px;
	width: 270px;
}

#LinuxDevelopment h1{
	background: transparent url('../img/title-linux.gif') no-repeat top left;
	border: 0;
	width: 270px;
}

#LinuxDevelopment h2,
#LinuxDevelopment h2 a{
	color: #333;
	float: right;
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 160px;
}

#LinuxDevelopment div.Product{
	border-bottom: 1px solid #FFF;
	border-top: 1px dotted #999;
	height: 90px;
	margin: 5px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	text-align: left;
}

#LinuxDevelopment div.ProductImage{
	clear: both;
	display: block;
	float: left;
	margin: 0px 6px 0px 0px;
}

#LinuxDevelopment div.Product p.ProductDesc {
	color: #555;
	float: right;
	font-size: 11px;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: justify;
	width: 158px;
}

#LinuxDevelopment p.ProductLink {
	margin: 0;
	padding: 0;
	text-align: right;
}

#LinuxDevelopment p.ProductLink a {
	letter-spacing: 0px;
	line-height: 225%;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

#LinuxDevelopment p.ProductLink a:hover {
	color: #000;
	text-decoration: none;
}

/* 
 * ========================================
 * News Page Elements
 * ========================================
 */

#News h2{
	background: transparent url('../img/newspage-bg.gif') repeat-x top left;
	padding-left: 10px;
	margin: 0px 0px 0px -10px;
}

#News h3{
	border-bottom: 1px dotted #999;
	color: #2951AD;
	font-family: Georgia, Arial, sans-serif;
	font-size: 14px;
	padding: 0;
	width: 500px;
}

#News .NewsPageBorder {
	background: #E3E3E3;
	border: 1px solid #E9E9E9;
	padding: 1px;
}

#News .NewsPageBorder2 {
	background: #EFEFEF;
	border: 1px solid #F3F3F3;
	margin-top: 15px;
	padding: 1px;
}

#News .NewsPage {
	background: #FFF url('../img/newspage-bottom-bg.gif') repeat-x bottom left;
	border: 1px solid #CCC;
	padding: 0px 20px 0px 10px;
}

#News p.NewsDate{
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 100%;
	margin: 0;
	padding: 7px 0px 0px 15px;
	text-align: justify;
}

#News p.NewsDate em{
	color: #2951AD;
	font-style: normal;
}

#News div.NewsEntry{
	color: #222;
	font-size: 12px;
	line-height: 160%;
	margin: 5px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	text-align: justify;
}

#News div.NewsEntry a{
	font-weight: normal;
}

#News div.NewsEntry strong {
	color: #444;
	font-weight: bold;
	text-transform: uppercase;
}

#News p.NewsTags {
	color: #444;
	letter-spacing: 0.5px;
	padding: 0px 0px 5px 20px;
	text-align: left;
	width: 460px;
}

#News p.NewsTags a{
	color: #2951AD;
	font-size: 11px;
	font-weight: normal;
}

#News p.NewsLink {
	background: transparent url('../img/newspage-corner.gif') no-repeat bottom left;
	height: 40px;
	line-height: 100%;
	margin: 0px -10px;
	padding: 15px 0px 5px 0px;
	text-align: right;
}

#News p.NewsLink strong a{
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}

#News p.NewsLink a {
	border-bottom: 1px dotted #2951AD;
	letter-spacing: 0.5px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

#News p.NewsLink a:hover {
	color: #000;
	text-decoration: none;
}

#News p.Footnotes{
	color: #666;
	font-size: 11px;
	line-height: 160%;
	margin: 5px 0px 0px 0px;
	padding: 7px 0px 0px 15px;
	text-align: justify;
}

/* 
 * ========================================
 * Products Page Elements
 * ========================================
 */

#ProductList {
	margin: 20px 0px 20px 10px;
	padding: 0;
	width: 500px;
}

.productbox {
	margin: 10px;
}

/* 
 * ========================================
 * Product: BMS Page Elements
 * ========================================
 */

#BMS blockquote{
	font-size: 12px;
	line-height: 160%;
	margin: 5px 0px 0px 0px;
	padding: 7px 0px 0px 40px;
	text-align: justify;
}

#BMS table {
	margin: 10px 0px 10px 40px;
}

#BMS table td{
	padding: 4px;
}

#BMS pre {
	font-family: Courier, Tahoma, Verdana, Arial, serif;
	margin: 10px 0px 0px 40px;
	padding: 0px;
	text-align: left;
}

#BMS ul {
	margin-left: 20px;
}

#BMS ul li ul {
	list-style: circle;
}

#BMS table#bmslookup {
	width: 470px;
}

#BMS table#bmslookup .green,
#BMS table#bmslookup .red{
	cursor: pointer;
	font-weight: bold;
	text-align: center;	
	text-transform: lowercase;
}

#BMS table#bmslookup .row1 {
	background: #FFF;
}

#BMS table#bmslookup .row2 {
	background: #F0F0F0;
}

#flashMessage {
	font-size: 12px;
}

/* 
 * ========================================
 * Services Page Elements
 * ========================================
 */

#Services ul li {
	margin: 0px 0px 0px 40px;
}

#ServiceList {
	margin: 20px 0px 20px 10px;
	width: 500px;
}

/* 
 * ========================================
 * Lists Page Elements
 * ========================================
 */

#Lists h3 {
	border-bottom: 1px dotted #999;
	color: #444;
	font-family: Georgia, Arial, sans-serif !important;
	font-size: 14px;
	padding: 14px 10px 0px 0px;
	line-height: 150%;
	margin: 0px;
	text-align: left;
	width: 480px;
}

/* 
 * ========================================
 * Employment Page Elements
 * ========================================
 */

#Employment h2 {
	width: 450px;
}
 
#Employment blockquote {
	background: #F9F9F9;
	border: 1px dashed #DDD;
	border-left: 4px solid #999;
	margin: 10px 20px 10px 10px;
	padding: 10px 30px 10px 10px;
}

/* 
 * ========================================
 * Contact Page Elements
 * ========================================
 */

#Contact {
	width: 730px;
}
 
#Contact a {
	color: #111;
}

#Contact .ContactCard {
	background: #FFF url('../img/contactcard-bg.gif') no-repeat top left;
	border: 1px solid #BBB;
	height: 120px;
	margin: 20px;
	padding: 10px;
	width: 300px;
}

#Contact h1 {
	width: 720px;
}

#Contact .ContactCard h2 {
	padding: 0;
	width: 260px;
}

#Contact p.ContactInfo {
	padding: 0px 20px;
}

#Contact #AddressEnvelope {
	margin: 0px 25px;
}

/* 
 * ========================================
 * Admin CP Elements
 * ========================================
 */

 #Admin ul{
	font-size: 12px;
	line-height: 160%;
	list-style: none;
	padding: 2px 0px;
	text-align: left;
}

ul.MainNewsMenu{
	background: #FFF;
	border: 1px solid #999;
	display: block;
	font-size: 11px;
	height: 20px;
	list-style: none;
	margin: 10px;
	width: 480px;
}

ul.MainNewsMenu li{
	border-right: 1px solid #999;
	display: block;
	font-size: 12px;
	float: left;
	padding: 0px 8px;
}

ul.MainNewsMenu li a {
	color: #444;
}

ul.MainNewsMenu li a:hover {
	color: #2951AD;
	text-decoration: none;
}

ul.NewsMenu{
	background: #FFF;
	border: 1px solid #999;
	color: #444;
	display: block;
	font-size: 11px;
	height: 19px;
	list-style: none;
	margin: 10px;
	padding: 0;
	width: 480px;
}

ul.NewsMenu li{
	border-right: 1px solid #999;
	display: block;
	font-size: 12px;
	float: left;
	padding: 2px 8px;
}

ul.NewsMenu li a{
	color: #444;
	font-size: 11px;
	
}

.actions a {
	color: #444;
}

.actions a:hover {
	color: #000;
	text-decoration: none;
}

div.optional,
div.required {
	margin: 10px 0px;
}

table.editfield,
table.editfield td {
	background: transparent;
	border: 0;
}

table.editfield {
	width: 450px;
}

table.formatting {
	background: #BBB;
	border: 0;
	margin: 10px 40px;
	width: 450px;
}

table.formatting td{
	padding: 4px 8px;
}

.submit input {
	background: #222 url('../img/button-bg2.gif') repeat-x top left;
	border: 1px solid #444;
	color: #FFF;
	font-weight: bold;
	margin-left: 6px;
	padding: 2px 12px;
}

.submit input:hover {
	color: #FFDB21;
}

.NewsPage table td:hover {background: #F2F2F2;}

/* 
 * ========================================
 * Testimonial Entry & Quotes
 * ========================================
 */

.QuoteBorder {
	background: #E3E3E3;
	border: 1px solid #E9E9E9;
	padding: 1px;
}

.QuoteBorder2 {
	background: #EFEFEF;
	border: 1px solid #F3F3F3;
	margin-top: 15px;
	padding: 1px;
}

.QuotePage {
	background: #FFF url('../img/newspage-bottom-bg.gif') repeat-x bottom left;
	border: 1px solid #CCC;
	padding: 10px 20px 30px 10px;
}

.QuotePage .QuoteChar {
	color: #2951AD;
	font-family: "Times New Roman", Helvetica, "Trebuchet MS", Arial, serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
}

.QuotePage em {
	color: #444;
	font-size: 11px;
}

/* 
 * ========================================
 * Dynamic Regex Page
 * ========================================
 */

 /* BETA TESTING */
 
#DynaRegex {
	float: none;
	margin: 0px auto 0px auto;
	padding-bottom: 20px;
	width: 660px;
}

#DynaRegex pre {
	
}

.regexdisplay {
	border: 1px solid #CCC;
	margin: 1px 10px;
	padding: 1px 5px 1px 10px;
}

.regexdisplay p {
	margin: 5px; 
	padding: 0;
}

.paginatenav {
	font-size: 12px;
	margin-bottom: 10px;
	text-align: center;
}

.paginatenav strong{
	font-size: 14px;
	font-weight: normal;
}

#formSection {
	background: #EFEFEF;
	border: 1px dotted #115E94;
	margin: 15px;
	padding: 0px 10px;
}

#formSection hr {
	display: none;
}

.comments {
	text-align: left;
	margin:0 0 10px 15px;
}

.searchbox{
	background: #EFEFEF;
	border: 1px dotted #BBB;
	color: #115e94;
	font-size: 12px;
	margin: 0px auto 30px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 660px;
}

.searchbox #titleLabel {
	background: #DEDEDE;
	font-size: 16px;
	margin-bottom: 5px;
	padding: 8px;
}

.searchbox #titleLabel strong{
	color: #444;
}

.testbox {
	border: 1px dotted #115E94;
	color: #115e94;
	margin: 0px 10px 30px 10px;
	padding: 5px 0px 5px 5px;
	text-align: left;
	width: 550px;
}

.testbox table {
	background: transparent;
}

.searchbox label, .testbox label {
	font-size: 12px;
}

.comment_content{    
	background: red;
	padding: 5px 0px 20px 40px;
}

.addcomment {
	margin-left: -15px;
}

.addcomment label {
	display: block;
	font-size: 12px;
}

.errormsg ul {
	color: #F00;
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: square;
}

.helpover {
	background-color: red;
	border: 1px solid #BB4;
	color: #444;
	display: none;
	filter: alpha(opacity=95);
	font-size: 12px;
	left: 100px;
	-moz-border-radius: 4px;
	opacity: .95;
	padding: 15px;
	position: absolute;
	top: 100px;
	width: 300px;
}

.helpover h3 {
	background: red;
	margin-top: 0;
}

.helplink {
	background: red;
	border-bottom: 1px #000 dotted;
	cursor: help;
}

/* 
 * ========================================
 * Error Page
 * ========================================
 */

#Error {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
}

#Error ul.SiteMapLeft {
	float: left;
	width: 300px;
}

#Error ul.SiteMapRight {
	float: right;
	width: 300px;
}

#Error ul {
	color: #444;
	font-size: 12px;
	line-height: 160%;
	list-style: square;
	margin: 20px 0px 10px 0px;
	text-align: left;
}

#Error ul li ul{
	font-size: 11px;
	list-style: disc;
	margin: 0px 20px 0px 0px;
}

#Error ul li ul a{
	color: #444;
}

#Error ul li ul li ul{
	font-size: 11px;
	list-style: circle;
	margin: 0px 20px 0px 0px;
}

#Error ul li ul li ul a{
	color: #666;
	font-weight: normal;
}

div#ipReputationSidebar ul.SideNav {
    margin-bottom: 5px;
}

div#ipReputationSidebar ul.SideNav li.lookup {
    height: 100px;
}


div#ipReputationSidebar ul.SideNav li.lookup form.IpLookup input.button {
    margin-top: 5px;
}

/* OfficeMagic Product Page */
#product-om ul.features,
#product-om ul.features li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#product-om ul.features {
    margin: 1em 0 0 1em;
}

#product-om ul.features li {
    position: relative;
    padding-left: 70px;
    margin-right: 3em;

    width: 150px;
    height: 120px;
    float: left;
    overflow: hidden;
}

#product-om ul.features h4 {
    color: #2951AD;
    margin: 0 0 0.25em;
}

#product-om ul.features p {
    padding: 0;
    margin: 0.25em 0;
    text-align: left;
}

#product-om ul.features .icon {
    position: absolute;
    top: 0;
    left: 0;

    width: 60px;
    height: 60px;

    background-image: url(../img/officemagic-icons.gif);
    background-repeat: no-repeat;
}

#product-om .om-icon-contact_management { background-position: 0 0; }
#product-om .om-icon-shared_calendars { background-position: -60px 0; }
#product-om .om-icon-mobile { background-position: -120px 0; }
#product-om .om-icon-desktop_sync { background-position: -180px 0; }
#product-om .om-icon-collaboration_tools { background-position: -240px 0; }
#product-om .om-icon-spam_free_email { background-position: -300px 0; }
#product-om .om-icon-integration { background-position: -360px 0; }
#product-om .om-icon-remote_access { background-position: -420px 0; }

ul.screenshots {
    list-style: none;
    padding: 0;
    margin: 10px 0 10px 10px;

    float: right;
    clear: right;
    width: 200px;
    overflow: hidden;
}

ul.screenshots em {
    display: block;
    text-align: center;
    margin-bottom: 2em;
}