/*  
Theme Name: Stripped
Author URI: http://www.jchwebdev.com/
Version: 1.01
Author: JC Harris
Description: Stripped is a minimalistic theme for Suntower Systems

#45936b -- a border color
#f8fff8 -- lightest grad top
#558655 -- deep green grad bottom 
#efe light green
#338655 -- vibrant green h1 logo
background: #AFD6AF;
*/


@font-face {
    font-family: 'segoe_uiregular';
    src: url('/images/fonts/segoeui-webfont.eot');
    src: url('/images/fonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/segoeui-webfont.woff') format('woff'),
         url('/images/fonts/segoeui-webfont.ttf') format('truetype'),
         url('/images/fonts/segoeui-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face{ font-family: 'Seqoeesc'; 
  src: url('/images/fonts/segoesc-webfont.eot'); 
	src: url('/images/fonts/segoesc-webfont.eot?iefix') format('eot'), 
	     url('/images/fonts/segoesc-webfont.woff') format('woff'), 
			 url('/images/fonts/segoesc-webfont.ttf') format('truetype'), 
			 url('/images/fonts/segoesc-webfont.svg#webfont') format('svg'); 
			 }

@font-face{ font-family: 'Seqoeui'; 
  src: url('/images/fonts/segoui-webfont.eot'); 
	src: url('/images/fonts/segoui-webfont.eot?iefix') format('eot'), 
	     url('/images/fonts/segoui-webfont.woff') format('woff'), 
			 url('/images/fonts/segoui-webfont.ttf') format('truetype'), 
			 url('/images/fonts/segoui-webfont.svg#webfont') format('svg'); 
			 }

@font-face{ font-family: 'BebasNeue'; 
  src: url('/images/fonts/BebasNeue-webfont.eot'); 
	src: url('/images/fonts/BebasNeue-webfont.eot?iefix') format('eot'), 
	     url('/images/fonts/BebasNeue-webfont.woff') format('woff'), 
			 url('/images/fonts/BebasNeue-webfont.ttf') format('truetype'), 
			 url('/images/fonts/BebasNeue-webfont.svg#webfont') format('svg'); 
			 }

@font-face {
    font-family: 'Gill Sans';
    src: url('/images/fonts/gillsansmtpro-medium-webfont.eot');
    src: url('/images/fonts/gillsansmtpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/fonts/gillsansmtpro-medium-webfont.woff') format('woff'),
         url('/images/fonts/gillsansmtpro-medium-webfont.ttf') format('truetype'),
         url('/images/fonts/gillsansmtpro-medium-webfont.svg#gill_sans_mt_promedium') format('svg');
}

html { background: none !important; }

term { color:  #8A8 }

br { display: none; }

body.login,
body { 
	background: url(/images/bg.png) repeat-x #558655; 	/* #efe */
	
	/* xmas begins
	background: url('/images/bg-xmas.png') #fff;
	background-size: 2%;	
	--xmas ends */	
	
	font-family: segoe_uiregular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin:0 auto;
	width:1000px;
	padding: 10px;
	font-size: 12px;
}

body * {margin: 0px; padding: 0px;}

/*********************************************
		Link Styles
*********************************************/
a {
	color: #45936b;
	text-decoration: none;
	outline: none;
}
a:hover { color: #060; text-decoration: none; }

/*********************************************
		Text Elements
*********************************************/
p, ul, ol, blockquote {color: #111;}
ol, ul {
	margin: 5px 5px 5px 15px;
}

ol li ol { list-style:lower-alpha; margin-left: 18px; line-height: 18px;}

li {margin-bottom: 10px; color: #353; }

.plain li,
li span {color: #333; }

blockquote{
	margin: 0px 0px 0px 15px;
	padding: 0px 45px 15px 50px;
	background: url(images/quote.gif) no-repeat;
	font-size: 15px;
	font-style: italic;
	font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;
	}
	
blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
img { border: 0px; background: none; }

p {
	padding: 10px 0px;
	margin-bottom: -8px;
	line-height: 18px;
}

label { 
  color: #45936b;
	opacity: .7;
	cursor: pointer; 
	}
	
label:hover { opacity: 1 }


th, td { vertical-align: top }
th { font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif; font-size: larger; font-weight: normal}


.page-forms-to-use table { margin: 10px 0}  
.page-forms-to-use table td { padding: 0 10px 10px 0}  
.page-forms-to-use table th{ padding: 0 10px 0 0}  

.page-download table { margin: 0 20px 10px; }  
.page-download table thead:first-child { padding-top: 0px;}
.page-download div#tabs div.ui-tabs-panel { padding-left: 15px; padding-right: 10px }

td.productthumb { width: auto !important; padding: 0 10px 10px 10px}
td.productlink  { width: 280px; padding: 0 10px 10px 10px}
td.productdesc  { padding: 0 10px 10px 10px }

.clearboth { display: block; clear: both}
.clearboth:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }
/*********************************************
		Header Styles
*********************************************/

.nodisplay { display: none; visibility: hidden }

.callout,
p.topicintro { font-size: 14px; line-height: 22px; padding: 0 0 20px}

.strikethrough { text-decoration:line-through } 

input.readonly { cursor: none; }

.note:before {font-weight:bold; content:'Note: ' }
.note.remember:before {font-weight:bold; content:'Remember: ' }
.note.warning:before {font-weight:bold; content:'Warning! ' }
.note.warning { background: url("/images/yield.gif") no-repeat 0px 10px;
  padding: 10px 10px 10px 30px !important; }

.note.blank:before {content:'' }

.newfeature { background: url("/images/new.png") no-repeat 0px 14px;
  padding: 10px 10px 10px 70px !important; }

.retired { background: #f3f3f3; padding: 0 10px; margin-top: 10px}
.retired:before { font-weight:bold; color: #A00; font-family: "Courier New", Courier, monospace; content:'RETIRED! ' }

p.example { margin-left: 10px; }
.example:before { font-weight:bold; content:'Example: ' }

div.example { margin: 10px; }

div.block { margin: 24px; }
.post p.block { margin: 24px; }


div.tip p:first-child:before,
p.tip:before {font-weight:bold; content:'Tip! ' }

.tip {font-style: italic }

.tip.keyboard:before {content: ''}
.tip.keyboard {background: url(/images/icons/keyboard.gif) no-repeat; padding-left: 40px }


p.sase {
color: #565;
background: url("/images/sase_keylock.gif") no-repeat 0px 10px;
padding: 10px 10px 10px 30px !important;
margin-bottom: 10px;
}
 
.unposted, .navy { color: #00A }
.noinvoice, .blue { color: #00F }
.openinvoice, .red { color: #900 }
.opencredit, .green { color: #090 }
.pastdueinvoice { color: #F00 }
.closedinvoice, .black { color: #000 }
.voidedinvoice, .gray { color: #999 }
.brown, .maroon, .shipped { color: #963 }
.pink, .fuschia { color: #F0F }
.orange, .summarybill { color: #F60; }



td.status { text-align: center }

.concept { 
color: #565;
background: url("/images/professor_hat.gif") no-repeat 10px 10px  #f5f9f6;
padding: 10px 10px 10px 50px;
border: solid 1px #aba;
box-shadow: 3px 3px 3px #666;
margin-bottom: 10px;
}
.concept p { color: #565; }
.concept h4 { margin-top: 0; padding-top: 0 }


h1 {
  color: #338655;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;	
  font-size: 42px;
  font-variant: small-caps;
  font-weight: bold;
  margin: 0px -10px 20px -2px;
  padding: 10px 5px 5px 0px;
  text-decoration: none;
  text-shadow: 3px 3px 3px #999999;
	line-height: 1;
}

h1:first-letter { font-size: 48px; }

h1 a {
	text-decoration: none;
}
h1 a:hover {
	text-decoration: underline;
}
h2 { /* This style used as header in the sidebars */
	font-size: 16px;
	color: #335533;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-variant: small-caps;
	margin: 0;
	padding: 0px;
	font-weight: normal;
}

h1 + h2 {
	border: none;
	margin: -24px 0 24px 0;
	float: left;
	width: 670px;
	height: 20px;
	}
	
h1 + h2 img {	
	float: right;
	margin-top: -40px;
}

h1 + h2 + p { margin-top: -10px; width: 85%}
	

.page-id-351 table th,
.right #comments h4,
h3 { /* This style used as the post titles on homepage/archive */
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 22px;
	font-weight: normal;
	padding: 4px 0px 0px 0px;
	margin: 20px 0 0px 0;
	color: #130;
	text-decoration: none;
	text-shadow: 6px 2px 2px #ccc;	
	}

.right #comments h4 { font-size: 18px }
	
.page-news #headlines h3 {
}

.page-news #tabs { margin-bottom: 24px}
.page-news #tabs .ui-tabs-panel { height: 510px}

.page-news #newsletters { margin-top: 20px;}	

.page-news h3.twitter_follow img {position: relative; top: 8px}

.page-id-351 table tbody 
{ margin-left: 20px; float: left; }

.page-id-351 table tr {
}

.home h3 { /* This style used as the post titles on homepage/archive */
font-variant:small-caps
}

h3+p {margin-top: -10px  }

#slideshow li > h3 {margin-top: 0; padding-top: 0 }

.page-download table th,
h4 { /* This style used as title for comments and as the identifying header on archive page  */
	clear: both;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 0px 0px 0px;
	margin: 0;
	color: #507040;
	text-transform: uppercase;
}
.page-download table th { padding-top: 16px}

h5 {  /* used for new features and what's next */
  clear: both;
  color: #669333;
  font-size: 12px;
  font-variant: small-caps;
  margin: 10px 0 0 20px;
  padding: 0;
  text-decoration: none;
}

h6 { /*  */
 	clear: both;
        margin: 10px 0 0 0;
        padding:0;
	color: #666;
        font-weight:600;
	text-decoration: italic;
}


/*********************************************
		Container Div
*********************************************/
#outercontainer { width: 1000px; margin: 0 auto; }

#container {
  background: none repeat scroll 0 0 #FFFFFF;
  border-left: 1px solid #CCDDCC;
  box-shadow: 2px 1px 3px #333333;
  float: left;
  margin: 16px 0 0;
  padding: 0;
  text-align: left;
  width: 1026px;
}

#capper {background: #aca; height: 100px; display: none;}

/*********************************************
		Header Styles
*********************************************/
#header {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	z-index: 100;
}
/*********************************************
		Title Styles
*********************************************/
#title {
	display: block;
	float: left;
	width: 350px;
	overflow: hidden;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 30px;
	letter-spacing: 0px;
	color: #FFF;
	margin: 0px; padding: 0px 0px 0px 10px;
}
#title a {
	color: #FFF;
	text-decoration: none;
}
#title a:hover {
	color: #FFF;
	text-decoration: underline;
}
#subtitle {
	display: block;
	float: left;
	width: 350px;
	overflow: hidden;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 14px;
	letter-spacing: 0px;
	font-style: italic;
	color: #FFF;
	margin: 0px; padding: 0px 0px 5px 10px;
}


#logo {
}


#logo a {
  float: left;
  height: 66px;
  width: 106px;	
  margin: 0;
	background: url(/images/logo.png) no-repeat;
}
#logo a:hover {	
	background-image: url(/images/logo-hover.png);
}

/* xmas begins ---
#logo a {
  background: url("/images/logo-xmas.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 102px;
  margin: -6px 0 0;
  width: 106px;
}
--xmas ends */


#logotext {
  float: left;
  height: 64px;
  margin: 10px 0 0;
  overflow: hidden;
  padding: 0;
  width: 480px;
	background: url(/images/logotext.png) no-repeat;	
}

	
/***************************************************/
/* =Menu
-------------------------------------------------------------- */

#access {
	clear: both;
	display: block;
	float: left;
	margin: -14px auto 0px 93px;
	/*xmas begins */
	/* margin: -30px auto 0px 93px; */
	/*xmas ends */
}

#access ul {
	font-size: 14px;
	list-style: none;
	margin: 0;
	/* margin: 0 0 0 -0.8125em; */
	padding-left: 0;
	padding-bottom: 0;
}
#access li {
	float: left;
	position: relative;
	margin-bottom: 0;
	list-style-type: none;
}
#access a {
	/* color: #eee; */
	font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif;	
	display: block;
	line-height: 1.2;
	padding: 0 1.1em 6px 1.1em;
	text-decoration: none;
	font-size: 13px;		
	color: #869086;
}

#access a:hover {
	color: #060;
}

#access ul ul {
	box-shadow: 3px 3px 3px #333;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	/* top: 3.333em; */
	/* left: 0; */
	/* width: 168px; */
	background: #fff;
	z-index: 999;
}

#access ul ul ul {
	display: block;
	left: 10%;
	top: 0;
	-moz-box-shadow: none;;
	-webkit-box-shadow: none;;
	box-shadow: none;
	background: none;
	position: relative;
	height: auto;
	width: auto;
}

#access ul ul ul ul {
	width: auto;
}

#access ul ul ul ul li {

}

#access ul ul a {
	/*background: #f9f9f9; */
	/* background: #fff; */
	/* border-bottom: 1px dotted #ddd; */
	color: #454;
	font-weight: normal;
	font-size: 13px;	
	height: auto;
	line-height: 1.2em;
	padding: 6px 10px 6px 16px;
/*	width: 160px; */
}
#access ul ul ul a {
	font-size: 12px;
	padding: 0px 10px 6px 16px;	
}


#access .current_page_item > a,
#access .current_page_ancestor > a {
/*	font-weight: bold; */
color: #000;
}

#access ul ul li:hover > a {
	/* background: url(/images/bg.png); */
}

li#menu-item-1195 > ul { 
width: 800px;
padding: 10px 20px;
z-index: 1000;
opacity: .95
}

li#menu-item-1195 ul > li { 
width: 230px;
margin-right: 20px;
}

li#menu-item-1195 ul > li:first-child { 
 width: 246px;
}

li#menu-item-1195 ul > li a span {
  font-size: 12px;	
	padding: 0;
  line-height: 14px;
	width: 230px;
  text-indent: 0;	
	display: block;
	opacity: 1;
	}


li#menu-item-1195 ul > li:first-child ul li ul { 
 display: none;
 opacity: 0;
 -webkit-appearance: none;
 -moz-transition: opacity .5s;
 -webkit-transition: opacity .5s;
 -o-transition: opacity .5s;
 transition: opacity .5s;
 
}

li#menu-item-1195 ul > li a { 
 font-size: 24px;
 line-height: 1;
}

ul#menu-main-menu > li a span { 
 display: none;
 padding-left: 10px;
 line-height: 1.1;
 font-size: 11px;
 color #666;
 font-family: Arial, Helvetica, sans-serif; 
 opacity: .8;
}


li#menu-item-1388 ul li,
li#menu-item-1195 ul > li ul li { 
 width: auto;
 display: block;
 opacity: .95;
 float: left;
 background: url("/images/left_angle.png") no-repeat 0 5px;
 clear: left;
 margin-left: 15px;
}

/* Second row */
li#menu-item-1198 {
  margin-left: 14px;
  margin-top: -123px;
}

li#menu-item-1216 {margin-top: 20px; }

li#menu-item-1216 {
  margin-top:  -123px;
	margin-left: 270px
}


#menu-item-1195 li a span, 
#menu-item-1195 li ul > li a span {
	display: block;
	width: auto;
	font-size: 11px;
	color: #666;
	line-height: 1.1;
	padding-left: 10px;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	opacity: 1;
	}

li#menu-item-1199 ul {
	width: 220px;
}

li#menu-item-1273 ul,
li#menu-item-1252 ul {
	width: 190px;
}

li#menu-item-1273 ul > li a span,
li#menu-item-1252 ul > li a span,
li#menu-item-1199 ul > li a span {
	display: block !important;
	/* float: left; */
	}

li#menu-item-1195 ul > li ul li a { 
 font-size: 13px;
}


/****************************************************/	
	
/*********************************************
		Content Div
*********************************************/
#content {
  height: 100%;
  margin: 0;
  padding: 0 70px;
  position: relative;
  top: 0;
  width: 890px;
  z-index: 10;
}

#contentur {
  background: url("/images/ur-suntower-logo-trspt.png") no-repeat scroll right top rgba(0, 0, 0, 0);
  height: 286px;
  position: absolute;
  width: 992px;
  z-index: 4;
	margin-top: 52px;
}

#contentunderlay {
  background-image: url("/images/ur-safe.png");
  background-position: 862px 39px;
  background-repeat: no-repeat;
  height: 211px;
  position: absolute;
/*  top: 140px;  */
  width: 992px;
  z-index: 1;
}

#content select,
#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
#content textarea,
#contactForm .custom-checkbox
{ background: url(/images/bg.png);
  border: solid 1px #e3efe3;
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
	width: 70%;
	float: right;
	}
	
#contactForm 	#senderLastName { width: 45%; }
#contactForm 	#senderFirstName { width: 50%; float: none }
#contactForm  span#senderName { width: 70%;}

#contactForm ul { list-style: none; float: left }
#contactForm ul li { margin-bottom: 12px }
#contactForm ul li input[type="submit"] { float: right; width: 70%; clear: both; margin-top: 12px }

#contactFormPopup .close {
  border: medium none;
  float: right;
  font-size: 28px;
  margin-right: 22px;
  margin-top: 16px;
}


/*********************************************
		Post Div
*********************************************/
.postwrap {
	clear: both;
/*	width: 775px;    07/05 */
  margin: 0px 0 0px 0;      
}

.post {
	clear: both;
	display: block;
	float: left;
/*	width: 700px; 07/05  */
	margin: 0 0 20px 0px; 
  padding: 0;
/*	overflow: hidden; */
}

.post p {
	padding: 10px 30px 0px 0px;
	margin-bottom: 4px;
}

.post h1 + p {
	padding: 0px 30px 0px 0px;
	margin-bottom: 4px;
}

.post h4 + p { padding-top: 0 }

h5 + p {
	margin-top:-12px;
}

h6 + p {
	margin-top:-12px;
}


/*********************************************
		Post Meta Styles
*********************************************/
.meta {
	display: block;
	padding: 5px 0px;
	margin: 54px 0 0 0;
	float: right;
	width: 290px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
    background-image: url(images/screen.gif);
	color: #999;
}
.meta a {
}
.meta a:hover {  }
.meta ul {
	list-style-type: none;
	margin: 0px;
}
.meta li {
	padding: 9px 0px 0px 10px;
	margin: 0px;
}
.meta li.meta-author {
	border-bottom: 0px solid #333;
	margin: 0px;
}
.post .meta-date,
.meta-date {
	margin: 20px 0 0;
}

.meta-author {
	margin: -26px 0 0;
	float: right;
	color: #333;
}
.meta-comments {
	margin: 0px 5px;
}
.meta-category {
	margin: 0px 5px;
}
.meta-sociable {
	margin: 0px 5px;
}
/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 10px 0px;
	padding: 10px 0px;
	width: 580px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
}

#l_sidebar,
#m_sidebar,
#r_sidebar
{
	padding: 0 0 16px;
	border-top: 1px solid rgba(0, 100, 0, 0.3);
	margin: 16px 0 20px 0;
	height: 186px;
	overflow: hidden;
	width: 30%;
	display: inline;
	float: left;
	display: block; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
}

#l_sidebar div {
  background: none repeat scroll 0 0 rgba(0, 100, 0, 0.3);
  height: 100%;
  margin: 20px 0;
  width: 100%;
}

/*********************************************
		Left Sidebar
*********************************************/

#l_sidebar {
	clear: both;
	width: 100%;
}
#l_sidebar p {
	padding: 5px;
}
#l_sidebar img {
	text-align: center;
	width: 202px;
	height: 150px;
	box-shadow: 0px 4px 6px #000;
}
#l_sidebar form {
	padding: 0px;
	margin: 5px;
}
#l_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#l_sidebar ul li {
	padding: 0;
	float: left;
	margin: 16px 10px;
}
#l_sidebar ul li:first-child {
}

#l_sidebar ul li:last-child {
}

#l_sidebar ul li ul {
	padding: 0px 0px 0px 0px;
}
#l_sidebar ul li ul li {
	padding: 0px;
	margin: 5px;
}
#l_sidebar ul li a {
	text-decoration: none;
	opacity: .9;
}
#l_sidebar ul li a:hover {
	opacity: 1;
}

#l_sidebar ul li ul li a {
	color: #333;
	border: solid 1px #459545;
	box-shadow: 3px 3px 3px #333;
	text-decoration: none;
}
#l_sidebar ul li ul li a:hover {
	text-decoration: underline;
}
#l_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#l_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}

/*********************************************
		Middle Sidebar
*********************************************/
#m_sidebar {
	margin: 30px 10px 20px; 
}
#m_sidebar p {
	padding: 5px;
}
#m_sidebar img {
	text-align: center;
}
#m_sidebar form {
	padding: 0px;
	margin: 5px;
}
#m_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#m_sidebar ul li {
	padding: 0px 0px 10px 0px;
}
#m_sidebar ul li ul {
	padding: 0px 0px 0px 20px;
}
#m_sidebar ul li ul li {
	padding: 0px;
	margin: 5px;
}
#m_sidebar ul li ul li a {
	color: #333;
	text-decoration: none;
}
#m_sidebar ul li ul li a:hover {
	text-decoration: underline;
}
#m_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#m_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}

/*********************************************
		Right Sidebar
*********************************************/
#r_sidebar {
	display: inline;
	float: right;
}
#r_sidebar p {
	padding: 5px;
}
#r_sidebar img {
	text-align: center;
}
#r_sidebar form {
	padding: 0px;
	margin: 5px;
}
#r_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li {
	padding: 0px 0px 10px 0px;
}
#r_sidebar ul li ul {
	padding: 0px 0px 0px 20px;
}
#r_sidebar ul li ul li {
	padding: 0px;
	margin: 5px;
}
#r_sidebar ul li ul li a {
	color: #333;
	text-decoration: none;
}
#r_sidebar ul li ul li a:hover {
	text-decoration: underline;
}
#r_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}

/*********************************************
		Comment Styles
*********************************************/
#comments {
	width: 480px;
	float: left;
	padding: 0 0 20px 0; 
	margin: 0px;
/*	clear: both; */
}

.right #comments {
	width: auto;
	margin: 0 0 0 20px;
}

.right #comments .even, .right #comments .odd {
	width: auto;
}

#feature-request h3,
.right #comments h4 { margin-left: -20px; margin-bottom: 10px}

.right #comments h4+p { padding-top: 0; font-style:italic}

#comments .commentwrap {
	width: 760px;
    margin: 0px 0 0px 0;      
}

.right #comments .commentwrap {
	width: auto;
}

#supptick-responses ol
{
	float: left;
	margin-left: 40px;
	width: 630px;
	color: #060;
	font-family: Arial, Helvetica, sans-serif;
}
#supptick-responses p#respond {clear: both }

#supptick-responses .even,
#supptick-responses .odd
 {
	margin: 10px 0px;
	padding: 0px 50px 0px 10px;
	background: #FFFFFF;
	overflow: hidden;
}
#supptick-responses .odd {
	background: url(/images/bg.png);
}

#comments .even, #comments .odd {
	clear: both;
	display: block;
	margin: 10px 0px;
	padding: 0px 50px 0px 0px;
	width: 436px;
	background: #FFFFFF;
	overflow: hidden;
	float: left;
}

.supptick.closed .meta-comment-count { }
.supptick.closed a { color: #888; }
.supptick.open.pending a { color: #c33; }
.supptick.open.pending { color: #963; }
.supptick.open.pending .meta-comment-count { color: #963; }
.supptick.open .meta-comment-count { color: #c33; }

#comments .odd {
	background: url(/images/bg.png);
}

#commentwrap:last-child {margin-bottom: 30px }

#comments .commentmeta {
	display: block;
	padding: 5px 0px;
	margin: 0px;
	float: right;
	width: 225px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
    background-image: url(images/screen.gif);
	color: #999;
}

.commentmeta ul {
	list-style-type: none;
	margin: 0px; padding: 0px;
}
.commentmeta li {
	border-bottom: 1px solid #CCC;
	padding: 9px 0px 5px 10px;
	margin: 0px;
}
.commentmeta li.meta-author {
	border-top: 1px solid #333;
	margin: 0px;
}
.commentmeta li.meta-date {
	margin: 0px 0px;
}
.commentmeta li.meta-time {
	margin: 0px 0px;
}

/*********************************************
		Footer Styles
*********************************************/
#footer {
	font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif;
	margin: 5px 0 20px 38px;
	float: left;
  width: 1000px;
  height:24px;
  padding:0;
	clear: both;
	color: #fff;
	background: none;
}
#footer a { color: #dfd; }

#footer a:hover { color: #fff; }

#footer .left{
	width: 250px;
	float: left;
	margin-left: 30px;
}
#footer .middle {
	width: 480px;
  margin: 3px 0;
  text-align:center;
	float: left;
}

#footer .site-map {
	width: 80px;
  margin: 3px 0;
  text-align:center;
	float: left;
}

#footer .right{
	width: 160px;
  margin:0;
  padding: 0px;
	float: right;
	text-align: right;
}
/*********************************************
		Suntower Sociable Styles
*********************************************/
.suntower-sociable {
	display: block;
	padding: 0px 0px;
	margin:  0 0 0 70;
	float: right;
	width: 225px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #999;
}
.suntower-sociable li {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}
.suntower-sociable li.meta-sociable {
	margin: 0px;
}

.betamsg {
  margin-left: 540px;
  margin-top: 12px;
  padding: 1px 7px 0 6px;
  position: absolute;
  text-align: center;
  width: auto;
  z-index: 999;
  text-transform: uppercase;
}

.betamsg a { color: #777; font-size: 8px }

#indexpagetagline {
  background: none repeat scroll 0 0 transparent;
  color: #557055;
  float: right;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 16px;
  height: 46px;
  margin: 11px -30px 0 0;
  text-align: right;
  width: 360px;
  line-height: 1;
}

#indexpagetagline:first-letter {content:open-quote} 

#indexpageleftcol { 
	width: 90%;
	height: 270px;
}

#indexpagemiddlecol {
	text-align: center;
	width: 200px;
	height: 100px;
	margin: 180px 0 0 -60px;
	z-index: 33;
	float: left;
}

#indexpageleftcol img {margin-bottom: 10px;}
#indexpageleftcol > h3 { margin: 60px 0 0; padding: 0;}

#indexpagerightcol {
	float:right;
	margin-right: 20px
}
#indexblogcontainer {
    z-index:3;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	position:absolute;
	width: 200px;
	top: 284px;
	left: 409px;
}

#indexblogcontainer p {
margin-bottom: 5px;
}

#footer .left a
{
	height: 30px;
	display: block;
	text-indent: -9999px;
	float: left;
	background-repeat:no-repeat;
}
#rss {
	background-image: url(/images/rss_icon.png);
	width: 30px;
}
#youtube {
	background-image: url(/images/youtube_icon.png);
	width: 70px;		
}
#twitter {
	background-image: url(/images/twitter_icon.png);
	width: 32px;		
}
#facebook {
	background-image: url(/images/facebook.png);
}


.search-results h3 { font-size:16px; font-variant: normal; clear: both}

.search h2 span { font-weight: bold; color: #000 }
.search h2 span:before {content:open-quote}
.search h2 span:after {content:close-quote}

.search-results img.attachment-thumbnail { float: left }

#search {
  float: right;
  font-size: 12px;
  height: 12px;
  margin: -18px -30px 10px 0;
  padding: 0;
}

#pagesearchform .search_options {display:none; background: #fff; margin-top: 6px; width: 73%; padding-bottom: 4px; border: solid 1px #eee; box-shadow: 3px 3px 3px #333;}

.search .searchbox { width: 530px; float: left;}

.search-results .left .searchbox {margin-bottom: 20px; }
#pagesearchform label {float: left; width: 112px; }
#pagesearchform ul { list-style: none; float: left; width: 412px; margin: 0; font-size: 10px}
#pagesearchform ul li span.custom-checkbox { margin-right: 4px;  }
#pagesearchform ul li { display: inline; margin-left: 8px }
#pagesearchform .search_options a.close { margin-top: 4px; margin-right: 4px; float: right; font-size: 10px}

.page-nav a { padding: 0 4px; margin: 0 4px }
.page-nav ul { list-style: none; display: inline }
.page-nav ul li { float: left }
.paging-this span { display: inherit; line-height:inherit; font-size: inherit; padding: inherit  }
.page-numbers {opacity: .7 }
.prev.page-numbers {background: url(/images/btn_prev_light.png) no-repeat; padding-left: 20px; margin-right: 20px }
.next.page-numbers {background: url(/images/btn_next_light.png) no-repeat right; margin-left: 20px; padding-right: 20px; }
.current.page-numbers {background: #efe; }

.page-numbers:hover
 {opacity: 1} 

#pagesearchform input[type="text"],
#sidesearchform input[type="text"] {
  background-color: #fff;
  background-image: url("/images/search-icon.png");
  background-position: 2px 1px;
  background-repeat: no-repeat;
  background-size: 14px auto;
  cursor: pointer;
  float: left;
  margin: 10px 10px 10px 0;
  padding-left: 19px;
  width: 456px;
}

#sidesearchform input[type="text"] { width: 184px; margin-top: 0 }

.search .searchbox input[type="submit"] { margin-top: 10px; margin-left: 10px}

.sidebar .searchbox { margin-left: 20px}

#troublesearchform input[type="text"] ,
#docsearchform input[type="text"] {
	width: 310px;
	float: none;
	margin-right: 8px;
}


#search input[type="text"] {
  background: url("/images/search-icon.png") no-repeat scroll 4px 2px #ffffff;
	background-size: 16px;
  border: 1px solid #CCDDCC;
  border-radius: 2px;
  color: #666666;
  cursor: pointer;
  float: left;
  font-size: 12px;
	font-family: "Courier New", Courier, monospace;
  height: 16px;
  margin: 0;
  padding: 0 0 3px 28px;
  width: 200px;
}

input[type="submit"] 
{ font-size: 12px;
  background: #66aa66; 
  color: #fff; border: none; 
  border-radius: 2px;
	padding-bottom: 2px;
  cursor: pointer;
	opacity: .7;
	-moz-transition: opacity 1s;
}
input[type="submit"]:hover { opacity: 1; }

#search input[type="submit"] {
  box-shadow: 3px 3px 3px #333; 
  
}

.searchbox { 
  background: url(/images/bg.png);
	padding: 10px;
}

#content .searchbox #ss { 
  background: #fff;
	margin: 6px 0;
}


.rightpad { float: right }

.leftpad,
.topicstart,
.left {float: left }
.right {float: right }
.center {text-align: center }
.justify {text-align: justify }

.clearfloat { clear: both; display: block !important; }

.openpara { margin-right: 5px }

.thumb,
.leftpad,
.topicstart {margin-right: 5px; }

.left.padded { padding-right: 16px; }

.right.padded { margin-left: 16px; }

.promo_slider { height: auto !important; }
.promo_slider .panel { background: none !important; height: auto !important }
.promo_slider_title { position: relative !important; opacity: 1}
.promo_slider_excerpt { position: relative !important; opacity: 1 !important; line-height: 1.3; color: #000 !important; background: none !important; }

#news-slider,
#news_slider_sidebar
{ 
float:left; 
margin: 0 0 0 20px; 
font-size: 10px; 
font-family:Arial, Helvetica, sans-serif; 
line-height: 1.3; 
width: 500px;
}

#news-slider
{ 
margin: 10px 0 0 40px; 
}

.dropcap:first-letter { color: #558655; font-size: larger }

#left_col, #right_col
{ margin: 0px 10px 10px 10px;
	padding: 10px;
	}

#left_col
{ width: 188px;

	}
#right_col
{ width: 620px;
  min-height: 300px;
	}

#products-right 
{ z-index: 22; 
  margin: -40px 0 0 0; 
	float: right;
}
#products-right img
{ margin-top: -7px }

.indent { margin-left: 30px; margin-right: 30px }
.indent li { margin-bottom: 6px; }

.quarter {width: 20% }
.quarter {padding: 2.5% }
.oneline li { display:inline }
.oneline.narrow li { float: left; width: 18%; padding-right: 10px; }
.oneline.onethird {width: auto;}
.oneline.onethird li { float: left; width: 30%; padding-right: 10px; }
.oneline.onehalf li { float: left; width: 50%; }

.oneline.onethird li > a img,
.oneline li p a img,
.oneline li p img { margin-right: 4px; float: left !important;}

.oneline li > h3 { margin-top: 0 !important }

.onehalf { width: 50%; }

.onehalf.padded.left,
.onehalf.padded.right { width: 48%}

.image-type
{ list-style: none;}

.image-type li {float: left;}

.image-type li > img,
.image-type li > a img
{float: left; margin-right: 5px; margin-bottom: 10px}

.page-remote-support-service h1 + h2 img { margin-top: -10px}

/*	thinsafe  */
.page-thinsafe h1 + h2 img { margin-right: 17px; margin-top: -30px}
/*	pdaxtensions  */
.page-id-1379  h1 + h2 img { margin-right: 13px}
/*	websafe  */
.page-id-1053  h1 + h2 img { margin-right: 17px}
/*	ollie  */
.page-id-72   h1 + h2 img { margin-top: -30px}

.page-id-50 h1 + h2 img {	
/*	margin-top: -52px;  */
}

.accordionFeatures { 
  list-style: none;
	margin-left: 8px;
}

.accordionFeatures h4 a {}
.accordionFeatures h4 a span {float: left;}

.page-safe .expandall { position: absolute }
.page-safe .accordionFeatures {
  margin-left: 32px;
  margin-top: -6px;
}
.page-safe .ui-tabs-panel { width: 100% }

.page-fds .accordionFeatures {
	float: left;
	margin-left: 25px;
  margin-top: -23px;
	margin-bottom: 20px;
}

.accordionFeatures li { 
	margin-bottom: 10px;
}


.accordionContent .accordionFeatures 
{	margin-left: 30px; margin-top: -12px; }

.narrow .accordionFeatures { 
	margin-left: 5px;
}

ul.posts_within_pages,
ul.squarebullet,
.accordionFeatures ul { 
  list-style: url(/images/square.png);
	margin-left: 16px;
}

ul.posts_within_pages li,
ul.squarebullet li,
.accordionFeatures ul li { 
  color: #333;
}

.accordionContent ul.posts_within_pages { margin-left: 30px }

.accordionFeatures ul li { 
	margin-bottom: 6px;
}

.accordionFeatures ul li ul { 
	margin-left: 34px;
}


.accordionFeatures h4 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 0;
  text-transform: none;
}
.accordionFeatures h4: after { clear: both;}

.accordionClick { list-style: none; margin-left: 32px }
.accordionClick li { margin-bottom: 20px; list-style: none; }
.accordionClick ul.children { margin-left: 34px; list-style: none; }
.accordionClick ul.children li { margin-bottom: 10px; }

.accordion > span.clicker { 
  float: left; width: 20px; height: 20px; cursor: pointer;
	margin-left: 0;
  background: url(/images/btn_play.png) no-repeat;		
}

.accordion > span.clicker.accordionExpanded {
  background: url(/images/btn_down.png) no-repeat !important;		
}

.expandall,
.accordionNav > li.accordion > a,
.accordionNav > li.accordion > span.clicker,
.accordionFeatures h4 a { 
  padding-left: 20px;
  background: url(/images/btn_play.png) no-repeat;		
  color:	#45936B;
}



.accordionNav > li.accordion > a {
 margin-left: -20px;
}

.accordionNav > li {
  list-style: none;
}

li.indent { margin-left: 20px; }

.narrow li.indent { margin-left: 20px; margin-right: 0 }

.accordionExpanded  { 
	margin-left: -20px;
  background: url(/images/btn_down.png) no-repeat !important;		
	color: #000;
	font-weight: bold;
}

.accordionFeatures h4 + p { 
	margin-top: 0;
	padding-top: 0;
}

.accordionFeatures h4 p,
.accordionFeatures h4 ul
{ 
}

.onethird {width: 30%; margin-left: 15px; }	

div.topicintro,
.twothirds {width: 62% }	

.nopad {width: 65%; padding-right: 0 }	

.scrollable { overflow: auto }

.morespace p { margin-bottom: 15px; }


.excerpt { list-style: none; margin-bottom: 24px}
.onethird .excerpt { margin-bottom: 10px }

.excerpt h4 { padding: 0; margin-left: -14px }

.excerpt p { margin: 0; padding: 0; }

.home .latest-news { margin-top: 0; width: 600px; }
.home .latest-news .excerpt { margin: 16px 0 16px 16px}
.home .latest-news .excerpt h4 { margin-left: 0}
.home .latest-news .excerpt h4 + p + a { margin-top: 10px; float: left; }


/* home page start */
.home  #specials { display: none }
.home  	#home-news-slider { margin: 20px 0 0 40px; }
.home  	#home-news-slider h4 a { color: #363;}	
	
.home  .main_view {
	top: 0;
  border-top: 1px solid rgba(0, 100, 0, 0.3);
/*  border-bottom: 1px solid rgba(0, 50, 0, 0.3);	 */
  float: left;
  height: auto;
  margin: 20px 0 0;
  padding: 37px 0;
  width: 100%;
}

.home  .main_view .reel_wrapper { width: 660px; height: 100%; float: left;}
	
.home .pagingwrapper { 
   background: none; border: none; box-shadow: none; height: auto; width: 370px; float: left; margin: 0
	 }
.home .paging { width: 118px; margin: 0 auto; float: none;}
.home .paging a { color: #aca;  outline: none; border: none; font-size: 24px;}
.home .paging a.active { color: #45936B; background: none; border: none; outline: none;}	
	
	
.home .os-ad-copy {
		float: right;
		padding: 0;
		text-align: right;
		width: 220px;
	  margin-top: -22px;		
	}	

.home .os-ad-copy p {
  color: #335533;
  font-size: 16px;
  line-height: 21px;
  opacity: 0.9;
}
	
/* home page end */
	

.last-revised {
  color: #999999;
  font-family: courier new;
  margin: 20px 0 0;
}


.postwrap .post { margin-left: 14px }
h4 + .post { margin-top: -6px }

.postwrap p.meta-date,
.excerpt p.meta-date { margin: 0; padding: 0; font-size: 10px; }

.excerpt p.meta-date { margin: 0 0 10px 0; 
color: #55774F;
}


.callout {
  float: right;
  margin-top: -35px;
	margin-right: -65px;
  padding: 10px;
  text-align: center;
  width: 200px;
}

.callout .specials-month
{ font-size: 24px; font-weight:bold; padding: 0 }
.callout .specials-slogan
{ font-size: 14px; padding: 16px 0 4px 0}

ul.site-map { 
  float: left;
	list-style: square;
	color: #558655;
	margin-left: 50px;
  	font-size: 18px;
	}

ul.site-map > li { margin-bottom: 20px; }

ul.site-map li ul > li {
  background: url("/images/left_angle.png") no-repeat scroll 0 0 transparent;
  font-size: 16px;
  list-style-type: none;
  margin-bottom: 4px;
  padding-left: 20px;
}

ul.site-map li ul li ul li { color: #060; font-style:italic; font-size: 12px; }

.page-id-351 table th
{ padding: 30px 0 0 0; }

.page-id-351 table td
{ padding: 0px 5px 10px 5px; }

.qna tr.q td.q { font-weight: bold; font-size: 18px; font-style:italic }
.qna tr.q td.a { font-weight: bold; font-size: 18px }

p.qna,
div.qna {margin-left: 20px; font-weight: normal }
p.qna.q,
div.qna.q {font-style:italic; margin-bottom: 30px }
p.qna.q:before,
p.qna.a:before,
div.qna.q:before,
div.qna.a:before {margin-left: -20px; color: #8A8; font-size: larger; font-weight: bold;}

p.qna.q:before,
div.qna.q:before {content: 'Q: ' }
p.qna.a:before,
div.qna.a:before {content: 'A: ' }

.vertical-reel { float: right; height: 800px; }
.vertical-reel-content {float: left; position: absolute; height: 200px; top: 0; left: 0 }
.vertical-reel ul { list-style: none;}

.vertical-reel h4 { 
margin-top: 0;
padding-top: 0;
margin-left: 14px; 
margin-bottom: 20px }


.search div.right
{ margin-top: 220px;}

.twothirds .vertical-reel
{ width: 40%; margin-top: 130px;}


.vertical-reel img
{ 
width: 100%;
margin-bottom: 20px; 
}

.search div.right a img,
.right.vertical-reel a img
{ border: solid 1px #fff;  margin-bottom: 20px; box-shadow: 3px 3px 3px #666; }

.search div.right a img:hover,
.right.vertical-reel a img:hover
{ border: solid 1px #558655 }

.vertical-reel a.active img
{ border: solid 1px #558655;
  box-shadow: 3px 3px 3px #666;	}

.search #content div.left,
.left.vertical-reel
{ width: 500px; min-height: 800px }


.page-evaluation-kit #getit { margin-top: -20px }
.page-evaluation-kit #getit div.purchasenow { width: 64px; height: 100px; float: left; margin-top: 20px }
.page-evaluation-kit #getit p.purchasenow { display: none }

.page-remote-support-service div.purchasenow { float: left; margin-bottom: 30px }
.page-remote-support-service div#tabs { clear: both }

.belowsun h3 {margin-left: -12px }

.belowsun { }


.page-design-services .belowsun
{margin-top: 110px}

.page-design-services #contentunderlay {
  background-image: url("/images/ur-design.png");
  background-position: 797px 0px;
}

.page-frequently-asked-questions .belowsun
{margin-top: 136px}

.page-frequently-asked-questions .belowsun ul { list-style: none;}
.page-frequently-asked-questions .belowsun ul li { margin-top: 22px}
.page-frequently-asked-questions .belowsun ul li:first-child { margin-top: 12px}
.page-frequently-asked-questions .belowsun ul li img { width: 50px; float: left; margin-right: 6px}

.page-safe-whats-next .belowsun,
.single .belowsun  {margin-top: 176px}
.page-template-page-with-rotator-php .belowsun  {margin-top: 220px}


.page-ossafe .belowsun {margin-top: 150px;}

.page-computers-networks .belowsun,
.page-fds .belowsun,
.page-translog .belowsun,
.page-troubleshooting .belowsun,
.page-contact .belowsun {margin-top: 230px !important; text-align: right; }

.page-favorites .belowsun,
.page-did-you-know .belowsun,
.page-evaluation-kit .belowsun,
.post-blog .belowsun,
.page-download .belowsun {margin-top: 200px}

.page-company .belowsun {margin-top: 222px}
.page-company .belowsun p {text-align: right; 
  background: url("/images/ur-company.png") no-repeat -48px bottom;
}

.page-fds .belowsun h4 { margin-top: 30px;}
.page-fds .belowsun h4:first-child { margin-top: 0;}

.page-documentation .belowsun h4 { margin-top: 30px;}
.page-documentation .belowsun h4 + p { margin-top: 0; margin-left: 20px;}

.page-fds .belowsun, 
.page-troubleshooting .belowsun { text-align: left }
.page-troubleshooting .belowsun h3:first-child { margin-top: 0;}
.page-troubleshooting .belowsun p,
.page-troubleshooting .belowsun ol,
.page-troubleshooting .belowsun ul
{ margin-left: 20px; text-align: left }
.page-troubleshooting .belowsun ol { margin-left: 40px}
.page-troubleshooting .belowsun ul
{ margin-left: 30px}

.page-troubleshooting .belowsun li p.tip { margin-top: 6px !important; }


.archive .belowsun {margin-top: 200px}

.page-ollie .belowsun,
.page-websafe .belowsun {margin-top: 160px; }

.page-pdfxtensions .belowsun {margin-top: 160px; }

.page-websafe .belowsun,
.page-thinsafe .belowsun, 
.page-training .belowsun,
.page-safe .belowsun,
.page-data-conversion .belowsun,
.page-remote-support-service .belowsun {margin-top: 170px}

.page-safextensions .belowsun,
.page-pdaxtensions .belowsun {margin-top: 190px}

.page-support-ticket .belowsun,
.page-contact .belowsun 
{ background: url("/images/h2-contact.png") no-repeat 30px 90px transparent; margin-top: 200px; text-align: right }


.page-user-profile .belowsun {
  background: url("/images/rss_100.png") no-repeat scroll 0 0 transparent;
  margin-top: 260px;
  padding: 50px 8px 10px;
  text-align: left;
}

.page-user-profile .belowsun h4
{   float: left;
    width: 200px;
}
.page-user-profile .belowsun .purchasenow { margin-top: 0px }


.belowsun h4 { padding: 0; margin: 0 0 4px 0; line-height: 1 }
.belowsun p { padding: 0; margin: 0 0 10px 0; line-height: 1.4 }


#loginstatus {float: left; width: 300px; margin: -30px 0 0 0; color: #666;}

#crumbwrapper, #crumbs {
  color: #666666;
  margin: 20px 0 0;
  text-align: right;
  width: 994px;
	position: relative;
  z-index: 10;
}
#crumbs .current, #crumbwrapper .current { color: #000 }

.rightarrow {padding: 0; margin-top: -2px; }


.page-company p.topicintro { padding-bottom: 10px }

.page-company #slideshow h3 { margin-top: 0}

.page-company #slideshow > li h3 + p { margin-top: 0 !important}

.page-company #slideshowwrapper { 
 background: #fff; 
 margin-top: 20px;
  width: 100%;
	float: left;
}
.page-company #slideshow { 
 height: 400px; 
 padding: 0px;
 margin: 0 0 0 20px;
 background: #fff; 
 line-height: 22px;
 font-size: 14px;
 float: left;
 width: 760px;
}

.page-company #selector {
  margin-left: 0; 
	width: 66px;
	margin-bottom: 20px;
	float: left;
}
.page-company #selector li {
	float: left;
	width: 100%;
	padding-left: 30px;
}
.page-company #selector li.active {
  background: url("/images/suntower-li.png") no-repeat;
}
.page-company #slideshow > li {
  position: relative;
	width: auto;
	line-height: 20px;
	min-height: 320px;
}

.page-company #slideshow > li:first-child {
  background: url("/images/ur-company.png") no-repeat right bottom;
  background: url("/images/suntower.gif") no-repeat right bottom;
}


.page-company .belowsun p { padding: 10px; font-style:italic; line-height: 1.5; color: #131; min-height: 360px }

.page-favorites .belowsun ul.posts_within_pages { margin-bottom: 20px }
.page-favorites .belowsun h4.suggestions + p { margin-left: 20px }
.page-favorites input[type="submit"] { padding: .4em .4em 8px; }

.page-ollie #slideshow,
.page-safe #slideshow { width: 100%}

.page-safe #tabs { margin-bottom: 20px}

p + #tabs { margin-top: 20px; }

.nofloat { float: none }

.bordered
{ border: solid 1px #558655;
	background: #fff;
  box-shadow: 3px 3px 3px #666;	}
	
.boilerplate { font-size: 10px; margin: 0; padding: 0; font-style:italic }

#newsletter-wrapper {
  margin: 100px auto 0;
  padding: 6px 4px;
  position: relative;
  width: 600px;
  z-index: 10000;
	background: #FAFDFA;
}

#newsletter-wrapper-inner  { border: solid 1px #bcb; padding: 20px 10px; 	background: #FEFFFE; }

#newsletter-header { 
	margin-bottom: 20px; 
	float: left; 
	padding: 10px 5px 5px 5px;
	border: solid 1px #ccd6cc;
	border-radius: 1px;
	width: 98%;
}

#newsletter-wrapper h3 {color: #558655; font-variant: normal }

#masthead {float: left; margin-left: 20px} 
#masthead h1 { font-variant: normal; line-height: 1; margin-top: -24px } 
#masthead br { display: block; }
#masthead h1 img {  } 
#masthead h2 { margin-bottom: 0; padding-bottom: 0;}
#masthead p { margin-top: 0px }
#masthead p.vol { margin-top: 0; float: left; width: 100%; padding-top: 0 }
#masthead2 { float: left; } 
#masthead2 h3 { font-style: italic; margin: 0; color: #558655; font-size: 16px } 
#masthead2 ul { color: #558655;} 
#masthead2 ul li span { color: #000;} 
#masthead-footer {border-top: solid 1px #bcb; width: 95%; margin: 20px 0 0 20px; float: left;} 
#masthead-footer p { line-height: 1.5; padding: 0; margin: 5px 0 0 0; } 
#newsletter-footer {border-top: solid 1px #bcb; margin-top: 20px; padding: 10px; background: url(/images/bg.png) }
#newsletter-wrapper .endsection,
#newsletter-wrapper .signoff
{margin: 0; padding: 0}

.page-safextensions #slideshow { width: 100%; }
.page-safextensions #slideshow > li { width: auto; }

.page-safextensions .vertical-reel {
width: 100%;
margin-top: 10px;
padding-top: 10px; 
	}
	
.page-safextensions .vertical-reel h3 {
margin-left: 0px; margin-bottom: 20px;
	}
	
.page-services table,
.page-safextensions table {
/*	
  border-radius: 4px 4px 4px 4px;
  border-right: 1px solid #CCDDCC;
  border-top: 1px solid #CCDDCC;
*/	
  margin-top: 20px;
  padding-right: 15px;
  padding-top: 10px;
  table-layout: fixed;
}

.page-safextensions td { 
text-align: right;
 }

.page-safextensions td:first-child
{width: 100px;
text-align: center;
 }

.page-safextensions td:first-child img
{ padding: 0; }


.page-remote-access td:first-child img:hover,
.page-services td:first-child img:hover,
.page-safextensions td:first-child img:hover
{   opacity: .5;
 }

.page-safe #tabs { margin-top: 60px }

.page-safe .image-type li a img { float: left; margin-right: 24px}
.page-safe .purchasenow { float: left; margin-right: 10px; margin-bottom: 18px}

.purchasenow input[type=image] {
  height: 50px;
  width: 50px;
  float: left;
  text-indent: -9999px;
  background: url(/images/shoppingcart.png) no-repeat;
}
.purchasenow input[type=image]:hover {
  background: url(/images/shoppingcart-hover.png) no-repeat;
}

.page-safextensions td:nth-child(2)
{ text-align: left;
 }

.page-safextensions td:last-child
{width: 50px;
 }

.page-safe #slideshow,
.page-remote-support-service #slideshow {margin-left: 0; }

.page-remote-support-service #slideshow {width: 100%; }

.page-remote-support-service #slideshow li,
.page-websafe #slideshow li,
.page-safe #slideshow li { width: auto;}

.page-remote-support-service #selector { margin-left: 0; }
.page-remote-support-service #selector li { display: inline; }


.belownews { margin-left: 24px; float: right }

.page-id-52 .ui-tabs-panel { height: 400px }

.page-id-964 table {margin: 20px 0 }

page-safextensions  td:first-child,
.page-id-50  td:first-child,
.page-id-964 td:first-child,
.page-id-820 td:first-child,
.page-id-966 td:first-child
{ font-weight: bold; color: #113300; }

.page-id-50  td:first-child a,
.page-id-964 td:first-child a
{ font-weight: normal; }

tr.highlight
{ background: url(/images/bg.png); cursor: default;
}

.page-safextensions td
{ padding: 5px 20px 24px 5px }

.page-id-50 td,
.page-id-964 td,
.page-id-820 td, 
.page-id-966 td
{ padding: 5px 10px 10px 5px }



.post-type-archive-newsletter .post ul { margin-left: 40px !important; }

.tightspacing { letter-spacing: -2.5px }


.page-id-205 #tabs
	{ margin-left: 10px }


#tickethistory { 
float: left;
margin: 10px 0 20px 0;
width: 420px;
border-radius: 1px;
padding: 0 10px 10px 0;
}
#tickethistory ul { margin-left: 30px; list-style: square; color: #343;}

#contactform p {width: 400px; color: #335533; clear: left;}	

#contactform select,
#contactform input[type="text"],
#contactform textarea
{float: right;
 width: 250px;
 border-radius: 1px;
 border: 1px solid #cdc; 
 font-family:"Courier New", Courier, monospace;
 box-shadow: 2px 2px 3px #eee;
 font-size: 12px;
 background: #fff;
 margin-left: 10px
}	

#contactform  #preferred_dates {margin: 30px 0;}

#contactform  #preferred_dates h4 {
  background: none repeat scroll 0 0 #CCDDCC;
  border-radius: 4px 4px 0 0;
  padding: 3px 6px;
  width: 388px;
}

#contactform select::-moz-selection,
#contactform input[type="text"]::-moz-selection,
#contactform textarea::-moz-selection, 
#contactform select::-moz-selection,
#contactform input[type="text"]::-moz-selection,
#contactform textarea::-moz-selection 
{ background: #c3ccc3; color: #000 }

#contactform input#module { width: auto; float: none; margin-left: 104px; text-transform:uppercase; padding: 0 3px }
#contactform input#module:focus 
{ background: url(/images/bg.png); color: #000 }

.required {
  color: #000000;
  margin-left: -10px;
  margin-right: 2px;
  padding-left: 4px;
}

.required_text.invalid, 
.required.invalid { color: #f00; }

#contactform input[type="submit"] {
  box-shadow: 3px 3px 3px #333333;
  font-variant: small-caps;
  margin-bottom: 10px;
  margin-left: 150px;
  width: 244px;
}

.page-contact #contactForm,
.page-template-support-ticket-php #contactForm {width: 406px; margin: 0}

#contactform input[type="submit"]:focus {
	box-shadow: none;
	box-shadow: 3px 3px 3px #888;	
}

#contactform p#submitform {float: left; clear: both; }

#contactForm #addLabel {line-height: 1.2; margin-top: -6px}

#captcha_text { width: 100px; float: left; margin-top: 45px}

#captcha_box {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 3px 3px 3px #666666;
  height: 22px;
  margin: 45px 0 0 150px;
  padding: 2px 0 0;
  width: 246px;
}
#contactform #captcha_input { float: left; width: 70px; margin: 2px 10px 0 0; box-shadow: none; border: none; }
#captcha_box img { float: right;}

#contactform input[type="checkbox"] {
	height: auto;
	box-shadow: 3px 3px 3px #333;
	margin-left: 4px;
	margin-top: 4px;
}

#contactform input[type="text"]:focus,
#contactform textarea:focus,
select { background: url(/images/bg.png); color: #000 }

option:checked, select:focus {
    background: #efe !important;
    color: #000 !important;
}

.page-ossafe #tabs .ui-tabs-panel {min-height: 380px }

.page-websafe #tabs .ui-tabs-panel { float: left; }
.page-websafe #tabs .accordionFeatures {float: left; margin-left: 32px; margin-top: -34px}


.page-ossafe #benefits,
.page-pdaxtensions #benefits,
.page-thinsafe #benefits,
.page-websafe #benefits {float: left; height: 100%; width: 100%; overflow: hidden; margin-bottom: 20px}

.page-ossafe #benefits { border-top: solid 1px rgba(0, 100, 0, 0.3);
margin: 24px 0;
}

.page-ossafe #benefits .slideshow { overflow: hidden; width: 96%; max-height: 170px}
.page-ossafe #benefits .selector {  position: absolute; margin: -18px 0 0 470px;}

.page-ossafe #tabs #tabs-2 {  }
.page-ossafe #tabs-2 .accordionFeatures { position: relative; top: -34px; margin-left: 23px }


.page-pdaxtensions #slideshow li,
.page-thinsafe #slideshow li,
.page-ossafe #slideshow li,
.page-websafe #slideshow li {position: relative;}

.page-frequently-asked-questions #tabs,
.page-blog .posts_within_pages {min-height: 780px }

.page-frequently-asked-questions .vertical-rotator {margin-top: 200px }


#underlay {
  background: none repeat scroll 0 0 #000000;
  display: none;
  height: 2000px;
  left: 0;
  opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
}

.expandall
 { margin: 4px 0 10px 6px; float: left; width: 15px; height: 15px; padding-left: 5px; background: url(/images/btn_expandall.png) no-repeat }
 .expandall span 
 { margin-left: 20px; }

.expandall.expanded { background: url(/images/btn_expandall_expanded.png) no-repeat !important }

a.expandall:hover { background: url(/images/btn_expandall_hover.png) no-repeat }
a.expanded:hover { background: url(/images/btn_expanded_hover.png) no-repeat !important }

#remoteaccessoptions {margin: 0 10px }
#remoteaccessoptions td { padding: 5px; width: 20%; }
#remoteaccessoptions td:nth-child(2) { width: 5%; }
#remoteaccessoptions tr td:first-child{ width: 10% }
#remoteaccessoptions td br,
#remoteaccessoptions th br
{display: block; }

#remoteaccessoptions tr td:last-child { text-align: right; width: 5% }


.page-template-documentation-php #content {min-height: 400px }
.page-template-documentation-php .onethird {margin-top: 200px }

#troublesearchform,
#docsearchform { margin: 10px 0 20px; }

.page-remote-access #overview { width: 100%; float: left; margin: 20px 0}

.page-remote-access .belowsun { margin-top: 152px}

.page-remote-access table tr td:first-child { padding-right: 12px; }
.page-remote-access table tr {float: left; margin-bottom: 12px; }

.page-products #safe_line li { float:left; padding: 2.5%; width: 15%; text-align: center; font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif;  }
.page-products #safe_line li:first-child { padding-left: 0;  }
.page-products #safe_line li:last-child { padding-right: 0;  }
.page-products #safe_line li a { float:left; width: 100%; margin-bottom: 10px;}

.page-services table tr {
  border-top: 1px solid #AACCAA;
  float: left;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.page-services table tr:first-child { border-top: none }

.page-services  td:first-child
{ width: 140px; }

.page-services  tr:first-child td:last-child
{ /* padding-right: 255px; */ }


.page-services #selector, 
.page-products #selector {
  float: left;
	margin: 0 0 40px;
  width: 100%;
}

.page-services #selector > li, 
.page-products #selector > li { display: inline; 
float: left; 
width: 20%;
padding: 0 2.5% 10px; }

.page-services #selector > li { 
width: 15%;
 }

.page-services #slideshow, 
.page-products #slideshow {
margin: 30px 0 30px 16px;
float: left;
clear: both;
width: 100%;
}

.page-services .twothirds div, 
.page-products .twothirds div {
  border-radius: 2px 2px 2px 2px;
  box-shadow: 9px 13px 6px #AAAAAA;
  border: 1px solid #E5F5E5;
  border-top: none;
  border-left: none;
  float: left;
  margin-top: 15px;
}

.page-services #selector li, 
.page-products #selector li { margin: 0; line-height: 1.2; height: 230px}  

.page-services #selector li h4,
.page-products #selector li h4 { color: #686; font-family: "BebasNeue", "Impact", Verdana, Geneva, sans-serif; letter-spacing: 1px}  

.page-services #selector li.active,
.page-products #selector li.active {
  background: url(/images/bg.png);
}


.page-services #content #services_slideshow { width: 100%}

.page-services #slideshow li > ul, 
.page-products #slideshow li > ul {margin-top: 0; padding-top: 0; margin-left: 15px; list-style: square; color: #686}  

.page-services #slideshow li > h3,  
.page-products #slideshow li > h3 {margin-top: 0; margin-left: -16px; padding-top: 0}  

.page-services #slideshow > li,
.page-products #slideshow > li,
.page-remote-access ul#slideshow > li { width: 600px}



.page-login #login {  border: 1px solid #cdc; float: left; 
  width: 242px; 
  margin: 15px auto 50px 10px; 
  padding: 10px; 
  text-align: center; 
  box-shadow: 3px 3px 3px #333; 
}

.page-login #login p {  margin-bottom: 0; text-align: left; } 
.page-login #login p input {  padding: 0.4em; } 
#login p input[type="text"]{ border: 1px solid #aca;} 
#login p input:focus { color: #242; } 

.page-login #login p.login-remember span { float: right; margin-right: 51% } 
.page-login #login p.login-submit { text-align: center; } 

.login #backtoblog, .login #nav { text-align: center; }

input#wp-submit {
  background: #66aa66; 
  color: #fff; border: none; 
  border-radius: 2px;
	padding-bottom: .8em;
  cursor: pointer;
	opacity: .7;
	-moz-transition: opacity .5s;
	border: none;
	outline: none;
}
.page-login #login input#wp-submit:hover,
.page-login #login input#wp-submit:focus {
	box-shadow: 3px 3px 3px #888;	
	opacity: 1;
}



#content input[type="password"],
#content input#user_login
{ 
	width: 45%;
	float: right;
	margin-right: 5%;
}


#remoteaccessoptions thead { 
  text-align:center;
  background: #AFD6AF;
	color: #fff;
}

#remoteaccessoptions {
	margin-top: 10px;
}
#remoteaccessoptions th {
	padding: 5px;
}
#remoteaccessoptions tbody { 
	padding: 5px;
}

#remoteaccessoptions tbody tr.alt { 
	background: url(/images/bg.png);
}

.keyadvantages { }
.keyadvantages > li { list-style-image: url(/images/suntower-li.png); margin-left: 24px}
.keyadvantages li.active { list-style-image: url(/images/suntower-li2.png)}
.keyadvantages ul { list-style: square; margin-left: 12px; color: #AACCAF;}
.keyadvantages ul li { color: #333;}
.keyadvantages h4 + p { padding-top: 0; margin-right: 12px; color: #333;}


.horizontal_reel { overflow: hidden; float: left; width: 800px; margin-top: 50px; margin-bottom: 50px}
.horizontal_reel ul li { text-align: center; width: 110px; float: left }
.horizontal_reel ul li img { height: 90px  }



#menu-item-1197 > a {margin-left: 12px; margin-top: 8px; background: url(/images/safe-li.png) no-repeat; width: 150px; height: 30px; text-indent: -9999px }
#menu-item-1200 > a { margin-top: 10px; background: url(/images/safextensions-li.png) no-repeat; width: 150px; height: 30px; text-indent: -9999px }
#menu-item-1198 > a {margin-left: 0px; background: url(/images/ollie-li.png) no-repeat; width: 150px; height: 100px; text-indent: -9999px }
#menu-item-1198 > a span {
  font-size: 12px;
  line-height: 14px;
  margin-left: -8px;
  margin-top: 27px;
  text-indent: 0;
}

h2.helpdocs {width: 600px;}
h2 .last-revised {float: right; font-size: 12px; font-weight: normal; margin-top: 2px }

.related-topicswrap { float: right; margin-top: 250px }
.related-topics { overflow: auto; max-height: 200px; min-height: 60px }
.related-topics ul { list-style: square; color: 006600;}
.related-topics > ul { margin-left: 35px;}

.sidebar{ width: 32%}
.author-list { margin-top: 180px;}
.author-list ul { width: 100%; float: left;}
.author-list li { list-style: none; }
.author-list li span { float: right; width: 80% }
.page-blog .vertical-reel {
	margin-top: 10px;
	padding-top: 10px; 
	}

p.blog-subtitle {
  float: left;
  font-family: Gill Sans;
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 1px;
  margin-top: -23px;
  padding-top: 0;
  width: 596px;
}

p.blog-subtitle span.meta-author {
}

#docindex .accordionNav { margin-left: 35px; }

.single-docs .post {width: 62% }
.single-docs tbody td {padding: 5px }
.single-docs tbody tr td:first-child {padding-left: 0 }
.single-docs tbody tr td:first-child img { float: left; padding-right: 5px }
.single-docs tbody tr:first-child {padding-top: 0 }


.page-login ul { margin-left: 24px }

.page-ordering .sidebar { margin-top: 200px }
.page-ordering #container td { padding: 20px 20px 0 0}
.page-ordering #container tr:first-child td { padding-top: 0}
.page-ordering  #container td:first-child { padding-right: 0}


.page-training #bg_seattle {background: url("/images/spacenee.gif") no-repeat; padding-left: 100px; height: 220px }
.page-training .belowsun ul li { clear: left; list-style: none; margin-bottom: 15px; float: left } 
.page-training .belowsun ul li span { float: left; width: 60px;} 

/* upper right bg image */
.home #contentunderlay { background-image: none } 

.page-safe-dos #contentunderlay { background-image: url(/images/ur-safe-dos.png)} 
.page-monthly-specials #contentunderlay { background-image: url(/images/ur-specials.png); background-position: 811px 12px} 
.page-officextensions #contentunderlay { background-image: url(/images/ur-officextensions.png); ; background-position: 831px 3px }
.page-edxtensions #contentunderlay { background-image: url(/images/ur-edxtensions.png); background-position: 831px 3px}
.page-conxtensions #contentunderlay { background-image: url(/images/ur-conxtensions.png); background-position: 831px 3px}
.page-sase #contentunderlay { background-image: url(/images/ur-sase.png); background-position: 831px 3px}
.page-docxtensions #contentunderlay { background-image: url(/images/ur-docxtensions.png); background-position: 831px 3px}

[class*=' docs-ollie-'] #contentunderlay,
[class^='docs-ollie-'] #contentunderlay,
.page-ollie #contentunderlay { background-image: url(/images/ur-ollie.png);  background-position: 850px 0px} 

.page-pdaxtensions #contentunderlay { background-image: url(/images/ur-pdaxtensions.png); background-position: 832px 7px}
.page-remote-support-service #contentunderlay { background-image: url(/images/ur-rss.png); background-position: 832px 7px}
.page-safextensions #contentunderlay { background-image: url(/images/ur-safextensions.png); background-position: 832px 7px}
.page-training #contentunderlay {
  background-image: url("/images/ur-mortar.png");
  background-position: 798px -25px;
  background-size: 300px auto;
}
.page-translog #contentunderlay { background-image: url(/images/ur-translog.png); background-position: 831px 3px}

.category-news-archive #contentunderlay,
.post-news-archive #contentunderlay,
.post-blog #contentunderlay,
.page-news #contentunderlay { background-image: url(/images/ur-news.png); background-position: 832px 7px}

.page-pdfxtensions #contentunderlay { background-image: url(/images/ur-pdfxtensions.png); background-position: 831px 3px}
.page-contact #contentunderlay { background-image: url(/images/ur-contact.png); background-position: 805px 9px }
.page-remote-access  #contentunderlay { background-image: url(/images/ur-remote-access.png); background-position: 803px 8px}
.page-thinsafe #contentunderlay { background-image: url(/images/ur-thinsafe.png); background-position: 797px 3px; width: 1000px}
.page-fds #contentunderlay { background-image: url(/images/ur-fds.png); background-position: 812px 51px}
.page-computers-networks #contentunderlay { background-image: url(/images/ur-hardware.png); background-position: 805px 9px }
.page-websafe #contentunderlay { background-image: url(/images/ur-websafe.png); background-position: 796px 6px; */ width: 996px}
.page-ossafe #contentunderlay {
  background-image: url("/images/ur-ossafe.png");
  background-position: 806px -20px;
}

.page-support #contentunderlay,
.page-troubleshooting #contentunderlay 
{ background-image: url(/images/ur-helpdesk.png); 
  background-position: 796px 3px; }
	
.page-troubleshooting	ul.accordionFeatures { margin-left: 32px }
.page-troubleshooting	#troublesearch { margin-bottom: 20px }

#evalinfo {
	background: url("/images/bg.png") repeat scroll 0 0 transparent;
	background: -moz-radial-gradient(center, ellipse cover, #eeffee 30%, #ffffff 55%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(5%,#eeffee), color-stop(65%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #eeffee 5%,#ffffff 65%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #eeffee 5%,#ffffff 65%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #eeffee 5%,#ffffff 65%); /* IE10+ */
	background: radial-gradient(ellipse at center, #eeffee 5%,#ffffff 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeffee', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
  clear: both;
  float: left;
  margin: 0 0 40px;
  padding: 4% 9% 1% 8%;
  width: 82%;
	z-index: 500;
	color: #AFD6AF;
	list-style: square;
}

#evalinfo li { margin-bottom: 30px; }
#evalinfo li span { color: #333;}
#evalinfo li input { margin-top: 20px }

#evalinfo h3 { margin-left: -24px; }

#evalinfo .purchasenow { 
  float: right; 
	margin-top: -34px;
	margin-left: 24px;
}

.page-safe #abovefold {
  float: left;
  margin-bottom: 44px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.stripes {
height: 250px;
width: 375px;
float: left;
margin: 10px;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px; /* Controls the size of the stripes */
-moz-box-shadow: 1px 1px 8px gray;
-webkit-box-shadow: 1px 1px 8px gray;
box-shadow: 1px 1px 8px gray;
}
.angled {
background-color: #aaccaa;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
}
.angled-135 {
background-color: #c16;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
transparent 75%, transparent);
}
.horizontal {
background-color: #0ae;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -ms-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
.vertical {
background-color: #f90;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
.checkered {
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #555)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #555));
background-image: -webkit-linear-gradient(45deg, #555 25%, transparent 25%, transparent),
-webkit-linear-gradient(-45deg, #555 25%, transparent 25%, transparent),
-webkit-linear-gradient(45deg, transparent 75%, #555 75%),
-webkit-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: -moz-linear-gradient(45deg, #555 25%, transparent 25%, transparent),
-moz-linear-gradient(-45deg, #555 25%, transparent 25%, transparent),
-moz-linear-gradient(45deg, transparent 75%, #555 75%),
-moz-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: -ms-linear-gradient(45deg, #555 25%, transparent 25%, transparent),
-ms-linear-gradient(-45deg, #555 25%, transparent 25%, transparent),
-ms-linear-gradient(45deg, transparent 75%, #555 75%),
-ms-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: -o-linear-gradient(45deg, #555 25%, transparent 25%, transparent),
-o-linear-gradient(-45deg, #555 25%, transparent 25%, transparent),
-o-linear-gradient(45deg, transparent 75%, #555 75%),
-o-linear-gradient(-45deg, transparent 75%, #555 75%);
background-image: linear-gradient(45deg, #555 25%, transparent 25%, transparent),
linear-gradient(-45deg, #555 25%, transparent 25%, transparent),
linear-gradient(45deg, transparent 75%, #555 75%),
linear-gradient(-45deg, transparent 75%, #555 75%);
}
.picnic {
background-color:white;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, rgba(200, 0, 0, .5)), to(rgba(200, 0, 0, .5))),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, rgba(200, 0, 0, .5)), to(rgba(200, 0, 0, .5)));
background-image: -webkit-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
-webkit-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
background-image: -moz-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
-moz-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
background-image: -ms-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
-ms-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
background-image: -o-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
-o-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
background-image: linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
}   


/* overrides for login admin begin */
.login #login { float: none; background: none; border: none; box-shadow: none; margin: 50px auto; width: 320px }

.login #nav a, .login #backtoblog a, 
.login #backtoblog a {
		color: #45936B !important;
		text-shadow: none;
}

input.button-primary:active, button.button-primary:active, a.button-primary:active {
  background: #45936B;
  color: #EAF2FA;
}
.login h1 a {
    background-image: url("/images/logoheader.png");
    background-position: center top;
    background-repeat: no-repeat;
		background-size: 100%;
    display: block;
    height: 18px;
    overflow: hidden;
    padding-bottom: 15px;
		width: auto;
}
		
.login form { border: 1px solid #45936B; background: #fefefe; box-shadow: 3px 3px 3px #333; }
/* overrides for login admin end */

#errCopy { margin: -50px 0 20px 70px; position: absolute }

.reasons h3 { text-align: left; }
.reasons li { text-align: left; margin-left: 20px }
.reasons li, .reasons h4  { color: #8A8; }
.reasons li p { color: #333; }

.page-did-you-know .belowsun ul,
.page_item,
.how-we-can-help li,
.child-pages li { list-style: square; color: #343; }


.popup { 
  position: absolute; 
	z-index: 10000;
	opacity: .95;
	display: none; 
	border: solid 1px #efe; 
	border-radius: 2px; 
	box-shadow: 3px 3px 3px #333; 
	background: #DED; color: #343; 
	padding: 12px 12px 12px 15px; 
	/* width: 400px; */
	max-width: 660px;
	margin-left: 32px; 
	margin-top: -6px 
	}

.popup h3 { margin-top: -6px; margin-bottom: 10px }
.popup a.close {
  color: #88AA88;
  text-shadow: 3px 3px 2px #CCCCCC;
}

ul.list_child_pages,
ul.list_doc_topics { margin-left: 30px; list-style: square; color: #686;}

span.bg {position: absolute; z-index: 1000; top: 0; }

.attachment-thumbnail { float: left }

.excerpt p.has_thumb { margin-left: -10px }
.excerpt p.has_thumb img { margin-top: 6px; margin-right: 6px }

.text-widget {margin-top: 40px; margin-left: 12px; float: left}

.text-widget thead th {
  color: #112211;
  font-size: larger;
  margin-bottom: 10px;
  text-align: center;
	border-bottom: solid 1px #cdc;
}

.text-widget tbody tr th { width: 33%; text-align: left; padding-bottom: 5px }
.text-widget tbody tr td { text-align: center }

ul#ossafe_line { width: 600px; }
ul#ossafe_line li { width: 22%; float: left; overflow: hidden; }

#container .corner.banner {
  color: #000000;
  font-family: BebasNeue;
  font-size: 54px;
  font-weight: bold;
  height: 266px;
  margin-left: 91px;
  margin-top: 146px;
  opacity: 0.5;
  position: absolute;
  text-shadow: 3px 3px 3px #333333;
  transform: rotate(-44deg);
  -webkit-transform: rotate(-44deg);	
	-webkit-backface-visibility: hidden;
  width: 266px;
  z-index: 2;
}

ul#ossafe_list { background: url(/images/ossafe_100.png) no-repeat; min-height: 130px; padding-left: 130px }
ul#websafe_list { background: url(/images/websafe_100.png) no-repeat; min-height: 130px; padding-left: 130px }


.fullwidth { width: 100%; clear: both; float: left; margin-top: 20px; }

.home .image_reel img { width: 370px; height: 215px; }

.ad-corner-overlay {
  /* color: #CC0000; */
  font-family: "BebasNeue","Impact",Verdana,Geneva,sans-serif;
  font-size: 34px;
  opacity: 0.3;
  position: absolute;
  text-transform: uppercase;
  top: 58px;
	left: -16px;
  transform: rotate(-45deg);
	-webkit-transform: hidden: rotate(-45deg);
	-webkit-backface-visibility: hidden;
  z-index: 20;
}


.ui-tabs-panel.ui-widget-content a { color: #45936b /* !important; */ }

.divider { border-top: 1px solid rgba(0, 100, 0, 0.3); margin-top: 12px; padding-top: 10px; float: left; width: 100%}

.tweet_share, 
.fb_share {
/*	width: 50%; float: left; */
}
	
.tweet_share a, .fb_share a, .linkedin_share a {
  background: url("/images/fb_logo_detail.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  clear: both;
  float: left;
  font-size: 12px;
  font-weight: bold;
  color: #777;
  height: 22px;
  margin-top: 21px;
	padding-top: 3px;
  overflow: hidden;
  position: relative;
  text-indent: 26px;
  width: 125px;
  z-index: 11000;
}

 .fb_share a { background-size: 20px; font-family:Tahoma, Geneva, sans-serif}

 .tweet_share a {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAoCAYAAABq13MpAAAGcklEQVRYw+2YXUyTVxjHz4vJLiZGd7MtXi2LkZtdELM7lyzOG7Nk2RJvl8iujBiNV2JcMA0fwqCFEGCAfJRC+SyltqWFgnwUlIKAWB3yOVrAttQWC1ZCOi6ePc8LL74tVD6ly2KTf87J6Tnv+3uf8zzP+WAAwEhMIj8h1MViEs0Jlqi+we5oJFjGCX3D9X+fmKTmq/f/rzkRlX5fzkmNPhLVqW2DQ1Ify9eFAZ8kafUsURMX+qCo1BYry3oILKcfmLQb2N3Wzqhk48xn6YbLuwJO1cQeydAvURkWONtk5UoGgKsaXRPWo3LarVHSJvkRmXHm+6pHV3h4YdDp0gE7D5XUJPo6QyzLfwKscgZY1UtgChuwkjH4tOhpQPp4Nn430GeU/TcJ4sif5iV2V/NL6P/H81oTOIUVuPsO4AyeNVG9ehw4xTP4oubZ268VFiP2jd4Y9Hufw8TKJoAgufT2RZZikJ8s7JMzxTQw1QKwhtdrZY0Likd9Azjm1G6gpcOz8VzdFHC1E8AV9gKXYdCI3eWc9q96Tj0DnHEBuObXa6J60yvgtC740Tw3jf0Sgtzj89JhK6tyAKt2Ag9f+AxY8SgPyQMLUs5hd/hut/5MH3mp3z3H6eeBa7ADV/4UuNxO4DINw1GyZklMw/MhTut8BywCj2mb9wvAQdBN0z5ldJ1zlbemygusdn5NVBeA8b/Tart/D8CMyVrjjteNeo81v1rljF7gdC7gVNPAKUeAdwuaAb17MzS6yTdGmzPoWWJLXLG8Go9We1aDLCtWnRskA27zXqCfuP0Xj9ZNBHgwwQWE6acP4Nu9m6FxZn7tmbWEg2Zpg670U1rXUpB1xVbWOsjKF/YCTQHU5X5rjmn3+IP8djthMJaNe+6EhUbFmub8jefaPZ5NbtHk8TuX/1HsEZiXetJz5rc+11BMxw7Bsc+3bS99oUH/bgGRYCL/o93Hp7gKO7B6zzqwF342L7jWgaP3A03jzxrGTJzm5dausIVrlP/tU22KD+FhFJ1djjfma4/mbdf6vbZrgz6bbOTN6IvFgGU9cvcLLOjqi6WA5bp10RbTuRDe4vhR1594bTT74aA3ghEVJxL575cHBLuhC3rr+bPN06ajOkdgS4tj26UB79w6A9sO+oMpKk0j5zKbOrksk48reLiW6mjFE0Oj1U+2elbK7P7nNCNh0+dhQZOLSa0u3U8dttmTOvsKv5DQUo2gx0wLqz88eu2RTbwZxX412y1ehwnN1mES1sE6RdKjkneaTg8b+kD0Efoj9P8WWiKRbHnmo/bExMQbWEqwjBPawvU/VOjk5GQ9gmxagdLS0qzZ2dmQm5sLWVlZkJ6e3pmamjqD5eWIQ8vlcjtBpaSkyAUrIlxsQUEBKJVKqK6uhsrKSigrK4Pi4uLA48eP4yMO3dfXZyovLweCzMjIWCT4e/fuySsqKkCtVkNjYyNf1tXVwdjY2K7PiB8EurS01FpTUwO1tbVA8AgM2MZDErAgsvgez4gHD22325UqlWqVrEmqr6/nJVhZsDSW/v288NatW++9sFkPcjm6po9EdcFdqbx9+3Zs0LbUYrGMazSaVbFlxcKPgqGhIfNegfGlsRjwS1SGA6bAz8/P52eZRHV0Vyu5KyUA9IIrQYMGBwfT9Xr9kti6YivrdLr9nBEZBvHNvLw8ykIEvunCRiaTJRQVFQG5aUNDAy+qU/CTuyLwWyyNm86IDoejsaOjwxPqFkaj0b+8vLyvMyIaJV6hUPAxk5OTA2g5DcJvuAvOZD1lqtB30wxTbLW1tfEXNhvTkpSUJM/MzPQJKY6+UhjU3d3tWgfe75HrVE9PzxzFCr2jsLAQpFIppdlh/ABJVVXVECWCrWYZPcAfesPEnxHRyube3l4b5mAbWsU2ir/FxcUDOyOiv8ahpb0UN0L6pJRaUlIC5BY0A2TVUGgyII5xRuSM6Ha7LyJkgMDEuV+YfnG7WDQzDx48sERqwxTtdDrNFB9bwYUTBSNO+p2I7fImJyfPoF8PNTc37wic+hgMhqALm0isaNEIY6KVdSfQ5BoTExOq/8J++ioFOAV7S0tLWItTOyWF0AubiO0fMOjO42JlwgAMhFvMMJNteWFzqKC0j8Cc3Il7cR/t0SnVUZCFLiaYk1empqbCXtgctoUTcO+iQ5eYRUuv0EJCOZhAtVrtaldXl2dkZGTbC5tIuMa+L2z+BexZXK+OBaruAAAAAElFTkSuQmCC");
  background-position: -23px 26px;
  float: left;
  margin: 0;
  padding-top: 25px;
}
 
.linkedin_share a {
  background-image: url("/images/linkedin_share.jpg");
	background-repeat: no-repeat;
	background-size: 20px auto;
}

.sharewrapper {
  margin: -70px 0 50px 70px;
  width: 100%;
	float: left;
}

ul.products > li { width: 44%; list-style: none; float: left; padding-right: 0%; padding-left: 6%}
ul.products > li:first-child { padding-right: 6%; padding-left: 0}

.bare { list-style: none; margin-left: 0;}

code br { display: block }


div#tabs.ui-tabs-vertical ul.ui-tabs-nav li.ui-state-default { line-height: 22px; background: #AFD6AF; box-shadow: 1px 2px 0px rgba(125,158,110,0.31) !important}
div#tabs.ui-tabs-vertical ul.ui-tabs-nav li.ui-state-active { background: #ffffff; border-right: none !important; box-shadow: 0px 2px 0 rgba(125, 158, 110, 0.31) !important}
div#tabs.ui-tabs-vertical ul.ui-tabs-nav li a { background: none; height: 20px !important;}

div#tabs.ui-tabs-vertical ul.ui-tabs-nav li.ui-state-active a { border-radius: 4px !important }

.page-frequently-asked-questions .ui-tabs-vertical .ui-tabs-nav 
{	width: 23%; 
}
.page-frequently-asked-questions .ui-tabs-vertical .ui-tabs-panel 
{ min-height: 380px; border-radius: 0 2px 3px 0;	width: 72%; padding-top: 12px !important; 
}

.page-frequently-asked-questions .accordionFeatures {
  float: left;
  margin-left: 32px;
  margin-top: -34px;
}
.page-frequently-asked-questions .accordionFeatures h4 {
  text-transform: none;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
}