@charset "utf-8";
/* CSS Document */



body, table, td, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, dl, dt, dd, ol, ul, li, form, label, tbody, tfoot, thead, tr, th, td, footer, header, hgroup, menu, nav, section, #foxboro_content div.block h3 {
    font-family: Verdana, Helvetica, Tahoma, sans-serif !important;
}


html, body, table, td  {
    font-family: Verdana, Helvetica, Tahoma, sans-serif !important;
    margin: 0;
    padding: 0;
}
a:hover
p {
	padding-bottom: 10px;
	color:#4c545b !important;
	font-family: Verdana, Helvetica, Tahoma, sans-serif !important;
	font-size: 13px !important;
line-height: 15px !important;}
}



sup {
	font-size:40% !important;
	vertical-align: baseline !important;
	line-height: 0px !important;
	position:relative !important;
	bottom: .5em !important;
}

.hs-form .hs-button {
color: white;
text-shadow: 0 1px 0 #EEEEEE) !important;
background-color: #EEEEEE) !important;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#EEEEEE),color-stop(100%,#4c545b)) !important;
background-image: -webkit-linear-gradient(top,#EEEEEE),#4c545b) !important;
background-image: -moz-linear-gradient(top,#EEEEEE),#4c545b) !important;
background-image: -o-linear-gradient(top,#EEEEEE),#4c545b) !important;
background-image: -ms-linear-gradient(top,#EEEEEE),#4c545b) !important;
background-image: linear-gradient(top,#EEEEEE),#4c545b) !important;
border-top: 1px solid #4c545b) !important;
border-bottom: 1px solid #4c545b !important;
border-right: 1px solid #4c545b) !important;
border-left: 1px solid #4c545b) !important;

-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
-ms-border-radius: 4px !important;
-o-border-radius: 4px !important;
border-radius: 4px !important;
-webkit-transition: opacity 0.15s linear !important;
-moz-transition: opacity 0.15s linear !important;
-ms-transition: opacity 0.15s linear !important;
-o-transition: opacity 0.15s linear !important;
transition: opacity 0.15s linear !important;
-moz-user-select: none !important;
-webkit-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
}



html, body#Body {
background:#F5F5F5 !important;
font-family: Verdana, Helvetica, Tahoma, sans-serif !important;
font-size:12px !important;
line-height:14px !important;}

#foxboro_body {
    display: block;
    width: 100%;
	background-color:#ffffff !important;
font-family: Verdana, Helvetica, Tahoma, sans-serif !important
}

#foxboro_container {width:980px !important;}

#foxboro_header {background:#F5F5F5 !important;}

#foxboro_courtesy_links {background:#f5f5f5 !important;color:#7c7c7c !important;}

#foxboro_courtesy_links a {color:#7c7c7c !important; font-size: 0.9 em !important; text-decoration: none !important;}

#foxboro_menu {background-color:#B7B7B7 !important;
font-family: "myriad-pro", Verdana, Helvetica, Tahoma, sans-serif !important}

#foxboro_menu .link {background-color:#B9B9B9 !important;color:#ffffff !important;}

#foxboro_menu .rootGroup .selectedtab {background-color:#C1C1C1 !important;color:#ffffff !important;}

#foxboro_menu .rootGroup .selectedtab .text {color:#ffffff !important;}

#foxboro_menu .rootGroup .item .text {padding-right:10px !important; padding-left:10px !important;}

#foxboro_menu .group .item .text {padding-right:10px !important; padding-left:10px !important;}

#foxboro_menu .link .text {color:#ffffff !important;}

#foxboro_menu .link:hover, 

#foxboro_menu .focused,

#foxboro_menu .expanded {background-color:#CFCFCF !important;color:#4c545b !important} 

#foxboro_menu .link:hover .text, 

#foxboro_menu .focused .text,

#foxboro_menu .expanded .text {color:#4c545b !important}

#foxboro_menu .group {background-color:#B7B7B7 !important; color:#ffffff !important;}

#foxboro_menu ul li span {
font-size:  13px !important;
}


#foxboro_top {background-color:#FFFFFF !important;color:#4c545b !important;}

#foxboro_top a {color:#4c545b !important;}

#foxboro_bottom {background-color:#ffffff !important;color:#4c545b !important;}

#foxboro_bottom a {color:#7c7c7c !important;}

#foxboro_col1 {color:#4c545b !important;}

#foxboro_col1 a {color:#4c545b !important;  
text-decoration: none !important;
}

#foxboro_col1 div.block div.pad {background-color:#f0f0f0 !important;}

/* Kristin's Crap for Custom CSS */
#foxboro_col3 {color:#4c545b !important;}

#foxboro_col3 a {color:#4c545b !important;
text-decoration: none !important;}

#foxboro_content #foxboro_col3 div.block div.pad {
margin: 10px 10px 0 10px !important;
}

#foxboro_col3 div.block div.pad {background-color:#eeeeee !important; 
border-radius: 5px !important;
box-shadow: 0px 0px 10px #959595 !important;
-moz-box-shadow: 0px 0px 10px #959595 !important;
-webkit-box-shadow: 0px 0px 10px #959595 !important;
-ms-box-shadow: 0px 0px 10px #959595 !important;
-o-box-shadow: 0px 0px 10px #959595 !important;}


#foxboro_content #foxboro_col1 div.block div.pad {
margin: 15px 15px 15px 15px !important;

}
/*Green Right Rail COl3 bubble*/
#foxboro_content #foxboro_col3 div.block div.pad3 {
margin: 10px 10px 0 10px !important;
}

#foxboro_col3 div.block div.pad3 {background-color:#aafa27 !important; 
border-radius: 5px !important;
box-shadow: 0px 0px 10px #959595 !important;
-moz-box-shadow: 0px 0px 10px #959595 !important;
-webkit-box-shadow: 0px 0px 10px #959595 !important;
-ms-box-shadow: 0px 0px 10px #959595 !important;
-o-box-shadow: 0px 0px 10px #959595 !important;}


#foxboro_content #foxboro_col1 div.block div.pad3 {
margin: 15px 15px 15px 15px !important;

}
#foxboro_content #foxboro_col3 div.block div.pad3 {
display: block;
padding: 8px 20px;
}
/*Blue Right Rail COl3 bubble*/

#foxboro_content #foxboro_col3 div.block div.pad2 {
margin: 10px 10px 0 10px !important;
}

#foxboro_col3 div.block div.pad2 {background-color:#cbe0fa !important; 
border-radius: 5px !important;
box-shadow: 0px 0px 10px #959595 !important;
-moz-box-shadow: 0px 0px 10px #959595 !important;
-webkit-box-shadow: 0px 0px 10px #959595 !important;
-ms-box-shadow: 0px 0px 10px #959595 !important;
-o-box-shadow: 0px 0px 10px #959595 !important;}


#foxboro_content #foxboro_col1 div.block div.pad2 {
margin: 15px 15px 15px 15px !important;

}
#foxboro_content #foxboro_col3 div.block div.pad2 {
display: block;
padding: 8px 20px;
}
/*end Blue Right Rail COl3 bubble*/
#foxboro_col1 div.block div.pad {background-color:#eeeeee !important; 
border-radius: 5px !important;
box-shadow: 0px 0px 10px #959595 !important;
-moz-box-shadow: 0px 0px 10px #959595 !important;
-webkit-box-shadow: 0px 0px 10px #959595 !important;
-ms-box-shadow: 0px 0px 10px #959595 !important;
-o-box-shadow: 0px 0px 10px #959595 !important;}

/* Kristin's Custom CSS */
#foxboro_col2 h1 {color:#4c545b !important;font-family:"myriad-pro", Verdana, Helvetica, Tahoma, sans-serif !important; font-weight: 600 !important;
}

#foxboro_col2 h2 {color:#4c545b !important;font-family:"myriad-pro", Verdana, Helvetica, Tahoma, sans-serif !important;font-weight: 600; line-height: 100% !important; margin: 10px 0 !important;}

#foxboro_col2 h3 {color:#4c545b !important;font-family:"myriad-pro", Verdana, Helvetica, Tahoma, sans-serif !important; font-weight: 600 !important;}

#foxboro_col2 h4 {color:#4c545b !important;font-family:"myriad-pro", Verdana, Helvetca, Tahoma, sans-serif !important; font-weight: 600 !important;}


h1, #foxboro_col2 h1, #foxboro_col1 h1, #foxboro_content div.block h1, #foxboro_col3 h1 {
font-size: 20px !important;
}

h2, #foxboro_col2 h2, #foxboro_col1 h2, #foxboro_content div.block h2, #foxboro_col3 h2 {
font-size: 18px !important;
}

h3, #foxboro_col2 h3, #foxboro_col1 h3, #foxboro_content div.block h3, #foxboro_col3 h3 {
font-size: 14px !important; 
}

h4, #foxboro_col2 h4, #foxboro_col1 h4, #foxboro_content div.block h4, #foxboro_col3 h4 {
font-size: 14px !important;
}
#foxboro_col2 {color:#4c545b !important;}


#foxboro_col2 a {color:#283b3e; font-size: 12px!important; text-decoration: none !important;}

#foxboro_col2 a:hover {color:#283b3e ; text-decoration: underline !important;}

#foxboro_content div.block h3 {font-family:"myriad-pro", Verdana, Helvetica, Tahoma, sans-serif !important;
font-weight: 600!important;
}

#foxboro_content {background:#ffffff !important;}

#foxboro_content div.block h3 {color:#4c545b !important;}

a.foxboro_button {background:#4c545b !important;}

a.foxboro_button:hover {background-color:#4c545b !important;}

a.foxboro_button:active {background-color:#4c545b !important;}

#bb-container div.post h3.title {font-size: 25px !important;}

#listing .post.blogjapanese h3 {font-size: 16px !important;} 

#bb-container div.post {font-size: 12px !important;}
#bb-container div.post h3.title {color:#4c545b !important;}

#bb-container div.post h3.title a {color:#4c545b !important;}

#bb-container div.post h3 {color:##4c545b !important;}

#bb-container div.post div.submissions a {color:##4c545b !important;}

#bb-container div.post div.comments a {color:##4c545b !important;}

/* put in fix for JIRA #CMS-851 */

#bb-container div.comments div.comment-body {border-bottom:1px solid #7c7c7c !important;}

#bb-container div.comment-form {border:1px solid #7c7c7c !important; background:#ffffff !important;}

#foxboro_footer {width:980px !important;background:#FFFFFF !important;color:#b7b7b7 !important; text-align:center !important; margin: 0px auto !important; vertical-align: middle !important; display:block; position:relative !important; }

#foxboro_footer div.clear {margin: auto !important;}

#foxboro_footer span a, 

#foxboro_footer a, 

#foxboro_footer ul li a, 

#foxboro_footer p span, 

#foxboro_footer span.SkinObject {color:#4c545b !important; font-size: 0.9 em !important; text-decoration: none !important; line-height: 50px !important;}

span#footerContainer {font-size: 1.0em; color:#4c545b !important;}

#foxboro_footer small {
font-size:9px !important;

}


#foxboro_body .radmenu.NavHidden a.link, 

#foxboro_body .radmenu.NavHidden li a span {cursor:default !important;}

#foxboro_menu .radmenu.NavHidden .rootGroup .selectedtab, 

#foxboro_menu .radmenu.NavHidden .link:hover, 

#foxboro_menu .radmenu.NavHidden .focused,

#foxboro_menu .radmenu.NavHidden .expanded {background-color:#B7B7B7 !important}




#foxboro_content div.block div.pad a.SolidBody,
#foxboro_content div.block div.pad a.SolidBody_selected {
display:block;
padding:5px 10px;
margin:0 -10px;
font-size: 12px !important;
border-bottom:1px solid #b7b7b7 !important;
text-decoration:none !important;
vertical-align:middle !important;
}

#foxboro_content div.block div.pad a.SolidBody img,
#foxboro_content div.block div.pad a.SolidBody_selected img {
vertical-align:middle !important;
margin-right:5px;
}

#foxboro_content div.block div.pad a.SolidBody_selected {
background:#5D9738 !important;
display:block !important;
color:#ffffff !important;
}

#foxboro_content div.block div.pad a.SolidBody2,
#foxboro_content div.block div.pad a.SolidBody2_selected {
display:block;
padding:5px 10px;
margin:0 -10px;
font-size: 12px !important;
border-bottom: none !important;
text-decoration:none !important;

vertical-align:middle !important;
}

#foxboro_content div.block div.pad a.SolidBody2 img,
#foxboro_content div.block div.pad a.SolidBody2_selected img {
vertical-align:middle !important;
margin-right:5px;
}

#foxboro_content div.block div.pad a.SolidBody2_selected {
background:#5D9738 !important;
display:block !important;
color:#ffffff !important;
}
/* Kristin's RRail datasheet fix */
img.rrail {vertical-align:middle !important;
margin-left: 15px !important;}
/* Michaels amazing logo shifter */
#slideshow { 
    margin: 1%; 
    position: relative; 
    width: 98%; 
    height: 60px; 
    padding: 0px; 
    border-radius: 5px;
	box-shadow: 0px 0px 10px #959595;
	-moz-box-shadow: 0px 0px 10px #959595;
	-webkit-box-shadow: 0px 0px 10px #959595;
    -ms-box-shadow: 0px 0px 10px #959595;
	-o-box-shadow: 0px 0px 10px #959595;
}

.logotransition1 {
	position: absolute;
	padding: 5px 2% 0px 2%;
}

.logotransition1 img {
	padding: 0;
	margin: 0;
}

.logotransition2 {
	position: absolute;
	padding: 5px 2% 0px 2%;
}

.logotransition2 img {
	padding: 0;
	margin: 0;
}

.logotransition3 {
	position: absolute;
	padding: 5px 2% 0px 2%;
}

.logotransition3 img {
	padding: 0;
	margin: 0;
}

/********** BEGIN SOLUTIONS BY ... CSS RULES *************************/

@media only screen and (min-width : 320px) and (max-width: 600px){

body {
	width: 100%;
}
.solns-section {
	width: 100%;
	float: left;
}

.solns-section hr {
	padding: none;
}

.awesomediv {
  width: 94%;
  -moz-box-shadow: 0 0 7px #959595;
  -webkit-box-shadow: 0 0 7px #959595;
  box-shadow: 0 0 7px #959595;
  border-radius: 5px;
  margin: 3% 9px 3% 9px;
  position: relative;
  height: 350px;
}

div.iconlist {
	width: 45%;
	float: right;
	padding: 4% 0 0 0%;
}

div.iconlist div {
	padding-top: 0%;
}

a.solns-text {
	font-family: "myriad-pro","verdana","Helvetica",sans-serif;
	text-decoration: none;
	font-size: 140%;
	padding: 5% 0 10% 5%;
	font-weight:300;
	width: 100%;
	float: left;
	line-height: 150%;}

a.solns-text span {
	font-size: 170%;
	font-weight:600;
	display: block;
	padding: 0% 0 0% 0%;
	line-height: 110%;
}

div.iconlist img {
	width: 5%;
	margin:0% 0 0 0%;
	padding: 2% 0 1% 2%;
	position: absolute;
	z-index: 13;
}

/* Creates a height of listed items. Without position elements flatten, and background colapses. */
div.iconlist div {
	height:30px;
	position:relative;
}


/* Text links */
.solns-section div.iconlist a+a:link, .solns-section div.iconlist a+a:visited{
	text-decoration: none;
	position: absolute;
	width: 65%;
	font-size: 90%;
	padding:3% 2% 0% 15%;
	margin: 0 0 0 0%;
	height:21px;
	font-family: "myriad-pro","verdana","Helvetica",sans-serif;
	color: black;
	line-height: 100%;
}

div.iconlist a+a:hover{
	transition: background .2s;
	-moz-transition: background .2s; /* Firefox 4 */
	-webkit-transition: background .2s; /* Safari and Chrome */
	-o-transition: background .2s; /* Opera */
	background: rgb(180,227,145); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 91%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(91%,rgba(97,196,25,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-9 */
}

}

@media only screen and (min-width : 601px) {

.solns-section {
	width: 50%;
	float: left;
height: 220px;
}

.table-right{
	width: 50%;
	float: right;
    height: 220px;
}

.awesomediv {
  width: 94%;
  -moz-box-shadow: 0 0 7px #959595;
  -webkit-box-shadow: 0 0 7px #959595;
  box-shadow: 0 0 7px #959595;
  border-radius: 5px;
  margin: 3%;
  position: relative;
  height: 220px;
}

div.iconlist {
	width: 45%;
	float: right;
	padding: 4% 0 0 0%;
}

div.iconlist div {
	padding-top: 1%;
}

a.solns-text {
	font-family: "myriad-pro","verdana","Helvetica",sans-serif;
	font-weight: 300;
	text-decoration: none;
	font-size: 140%;
	padding: 5% 0 0% 5%;
	width: 30%;
	float: left;
	line-height: 150%;
}

a.solns-text span {
	font-size: 170%;
	font-weight: 600;
	display: block;
	padding: 0% 0 0% 0%;
	line-height: 110%;
}

a.solns-text span+ span{
	font-size: 170%;
	line-height: 90%;
}

div.iconlist img {
	width: 8%;
	margin:0% 0 0 0%;
	padding: 2% 0 1% 2%;
	position: absolute;
	z-index: 13;
}

/* Creates a height of listed items. Without position elements flatten, and background colapses. */
div.iconlist div {

	height:30px;
	position:relative;
}


/* Text links */
.solns-section div.iconlist a+a:link, .solns-section div.iconlist a+a:visited{
	text-decoration: none;
	position: absolute;
	width: 65%;
	font-size: 90%;
	padding:3% 2% 0% 15%;
	height:20px;
	font-family: "myriad-pro","verdana","Helvetica",sans-serif;
	color: black;
	line-height: 100%;

}

div.iconlist a+a:hover{
	transition: background .2s;
	-moz-transition: background .2s; /* Firefox 4 */
	-webkit-transition: background .2s; /* Safari and Chrome */
	-o-transition: background .2s; /* Opera */
	  border-radius: 5px;
	background: rgb(180,227,145); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 91%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(91%,rgba(97,196,25,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-9 */
}

}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

body {
	width: 100%;
}
.solns-section {
	width: 100%;
	float: left;
}

.solns-section hr {
	padding: none;
}

.awesomediv {
  width: 94%;
  -moz-box-shadow: 0 0 7px #959595;
  -webkit-box-shadow: 0 0 7px #959595;
  box-shadow: 0 0 7px #959595;
  border-radius: 5px;
  margin: 3%;
  position: relative;
  height: 350px;
}

div.iconlist {
	width: 45%;
	float: right;
	padding: 4% 0 0 0%;
}

div.iconlist div {
	padding-top: 0%;
}

a.solns-text {
	font-family: "myriad-pro","verdana","Helvetica",sans-serif;
	font-weight: 300;
	text-decoration: none;
	font-size: 140%;
	padding: 5% 0 10% 5%;
	width: 100%;
	float: left;
	line-height: 150%;
}

a.solns-text span {
	font-weight: 600;
	font-size: 170%;
	display: block;
	padding: 0% 0 0% 0%;
	line-height: 110%;
}

div.iconlist img {
	width: 5%;
	margin:0% 0 0 0%;
	padding: 2% 0 1% 2%;
	position: absolute;
	z-index: 13;
}

/* Creates a height of listed items. Without position elements flatten, and background colapses. */
div.iconlist div {
	height:30px;
	position:relative;
}


/* Text links */
.solns-section div.iconlist a+a:link, .solns-section div.iconlist a+a:visited{
	text-decoration: none;
	position: absolute;
	width: 65%;
	font-size: 90%;
	padding:3% 2% 0% 15%;
	margin: 0 0 0 0%;
	height:21px;
	font-family: "myriad-pro","verdana","Helvetica",sans-serif;
	color: black;
	line-height: 100%;
}

div.iconlist a+a:hover{
	transition: background .2s;

	-moz-transition: background .2s; /* Firefox 4 */
	-webkit-transition: background .2s; /* Safari and Chrome */
	-o-transition: background .2s; /* Opera */
	background: rgb(180,227,145); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 91%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(91%,rgba(97,196,25,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-9 */
}

}

@media only screen and (min-width : 601px) {

#solns_bar_container {
	width: 100%;
	height: 260px;
        padding-top: 3%;
}

.solns-section {
	width: 50%;
    height:250px;
	float: left;
	position: relative;
}

.solns_container_left {
	width: 94%;
  	box-shadow: 0px 0px 10px #9DFF1F;
	-moz-box-shadow: 0px 0px 10px #9DFF1F;
	-webkit-box-shadow: 0px 0px 10px #9DFF1F;
    -ms-box-shadow: 0px 0px 10px #9DFF1F;
	-o-box-shadow: 0px 0px 10px #9DFF1F;
	border-radius: 5px;
	margin: 3% 3% 3% 3%;
	position: relative;
	height: 220px;
}

.solns_container_right {
	width: 94%;
	box-shadow: 0px 0px 10px #959595;
	-moz-box-shadow: 0px 0px 10px #959595;
	-webkit-box-shadow: 0px 0px 10px #959595;
    -ms-box-shadow: 0px 0px 10px #959595;
	-o-box-shadow: 0px 0px 10px #959595;
	border-radius: 5px;
	margin: 3% 3% 3% 3%;
	position: relative;
	height: 220px;
}

div.iconlist {
	width: 45%;
	float: right;
	padding: 4% 0 0 0%;
}

div.iconlist div {
	padding-top: 1%;
}

a.solns-text {
	font-family: "myriad-pro","verdana","Helvetica",sans-serif;
	font-weight: 300;
	text-decoration: none;
	font-size: 140%;
	padding: 5% 0 0% 5%;
	width: 30%;
	float: left;
	line-height: 150%;
}

a.solns-text span {
	font-weight: 600;
	font-size: 170%;
	display: block;
	padding: 0% 0 0% 0%;
	line-height: 110%;
}

a.solns-text span+span {
	font-size: 170%;
	line-height: 90%;
}

div.iconlist img {
	width: 8%;
	margin:0% 0 0 0%;
	padding: 2% 0 1% 2%;
	position: absolute;
	z-index: 13;
}

/* Creates a height of listed items. Without position elements flatten, and background colapses. */
div.iconlist div {
	height:30px;
	position:relative;
}


/* Text links */
.solns-section div.iconlist a+a:link, .solns-section div.iconlist a+a:visited{
	text-decoration: none;
	position: absolute;
	width: 65%;
	font-size: 90%;
	padding:3% 2% 0% 15%;
	height:20px;
	font-family: "myriad-pro","verdana","Helvetica",sans-serif;
	color: black;
	line-height: 100%;

}

div.iconlist a+a:hover{
	transition: background .2s;
	-moz-transition: background .2s; /* Firefox 4 */
	-webkit-transition: background .2s; /* Safari and Chrome */
	-o-transition: background .2s; /* Opera */
	  border-radius: 5px;
	background: rgb(180,227,145); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 91%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(91%,rgba(97,196,25,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 91%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-9 */
}
}

/********** END SOLUTIONS BY ... CSS RULES *************************/
.tabs {
  position: relative;   
  min-height: 450px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}

.tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
  top: 5px;
}
.tab input.radioItem {
  display: none;
}
.tabs .content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
display:none;
  zoom:1
  
}
.tabs .content li {
	list-style-image: url(/Portals/74620/images/glyphs/ul.png) !important;
list-style-position: inside !important;
padding: 0 0 0 5px !important;
	
}
.tabs .content li#circle {
	list-style-image: url(/Portals/74620/images/glyphs/li-circle.png) !important;
list-style-position: inside !important;
	
}
.tabs .content li#square {
	list-style-image: url(/Portals/74620/images/glyphs/li-square.png) !important;
list-style-position: inside !important;
	
}
.tabs .content li#doc {
	list-style-image: url(/Portals/74620/images/glyphs/li-doc.png) !important;
list-style-position: inside !important;
	
}
.tabs .content ul li{
list-style-position: inside !important;
	padding-left: 1.5em;	
	margin-left: 10px;
	padding-left: 10px;
	text-indent: -1.5em;
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}


/**********     END TABS CSS RULES *********************************/
/**********     PLUGIN TABLE *********************************/
table.plugin_table {
  font-family: Verdana, Helvetica, Tahoma, sans-serif !important;
vertical-align:top !important;
}

table.plugin_table a:link, table a:visited{
  color: #283b3e!important;
}

table.plugin_table a:hover{
  color:#283b3e;
}

table.plugin_table a:active {
  color:#283b3e;
}

.plugin_table td {
  color:#4c545b;
   vertical-align:top;
margin:5px;
padding:5px;
}

.plugin_table tr+td {
  padding: 10px;
}

.plugin_table td+td {
  padding-left: 20px;
}

.plugin_table h3 {
  margin: 5px 0 !important;
}

.centerbutton {
  position: relative;
  width: 270px;
  height: 75px;
}
.avatar{
  position: relative;
  width: 120px;
  height: 100px;
}
.plugin_table a#fileopneviwer img, .plugin_table a#fileopenvieweriphoneipad img, .plugin_table a#microsoftofficeclient img, .plugin_table a#fileopenadobeplugin img{
  width: 225px;
  height: 69px;
border-radius: 10px;
	box-shadow: 0px 0px 10px #959595;
	-moz-box-shadow: 0px 0px 10px #959595;
	-webkit-box-shadow: 0px 0px 10px #959595;
}
/**********     PLUGIN TABLE *********************************/
/**********     customer logo rotation  *********************************/
#slideshowb { 
    margin: 0% 4% 1% 4%; 
    position: relative; 
    width: 92%; 
    height: 65px; 
    padding: 0px; 
    border-radius: 5px;
	box-shadow: 0px 0px 10px #959595;
	-moz-box-shadow: 0px 0px 10px #959595;
	-webkit-box-shadow: 0px 0px 10px #959595;
    -ms-box-shadow: 0px 0px 10px #959595;
	-o-box-shadow: 0px 0px 10px #959595;
}

.logotransition1 img, .logotransition2 img, .logotransition3 img {
	width: 100%;
}

.logotransition1, .logotransition2, .logotransition3, .logotransition4 {
	position: absolute;
	padding: 0px 2% 0px 2%;
}

.mbox h3 {
height: 30px;
padding-left: 40px;
font-weight: 300;
font-size: 12pt;
}

div#slideshowb+a {
float: right;
padding-right: 40px;
}
/**********     END CUSTOMER LOGO ROTATION *********************************/



