/* landing_pages.css is used by Rob across all his externally facing landing pages
	It was created 7/6/10
	The idea is to migrate all landing pages to this new light-weight subset of landing_pages_new.css

 */
.hide_from_printing {display:block}
.hide_from_screen {display:none}

body {margin:3px 0 9px 0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color:#222;text-align:center;

/*background-color:#f00;*/
background: url("/graphics/homepage/browngradient.jpg") repeat-x scroll 0 0 #b2a6a6;   /* b2a6a6 b2a4a3  their orig background color (for below 1700px) #AFA29F
/* http://www.lodginginteractive.com/
 background-image: url(/graphics/homepage/clouds/dark-clouds-lightened.jpg); background-repeat: repeat; 
*/
}

body p {text-indent: 0; margin-top: 1em; margin-bottom: .6em; line-height:17px}
#page-wrapper {position:relative;overflow:hidden;width:984px;    /* max of about 980, else get horiz scroll bar on 1080px screens like my little fujitsu */
height:auto;padding:0;margin:0 auto;text-align:left; background-color:#fff;
padding: 0 2px 0 4px; 
border: #f0d35d 2px solid;  /* color of body backgroun */
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;

 }
 
h1 {font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif; font-size:30px; color:#000; padding-top:0; margin-top:0; font-weight:normal;}
h2 {font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif; font-size:26px; color:#FF7D0B;padding-top: .5em; font-weight:normal;} /*FF7D0B */
.h2ash1 {font-size:1.9em; border-top:none; margin-top:0; text-align:center;}
h3 {font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif; font-size:24px; color:#000080; padding-top:.5em; font-weight:normal;}  /* richblue 0F6FC7 old trad purple 5970C1  */ 
.h3topline { border-top:solid 1px #5970C1;}
h4 {font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif; font-size:24px; color:#000; padding-top:.5em; font-weight:normal;}
h5 {font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif; font-size:16px; color:#178B17;margin:15px 0 0 0;padding:0;font-variant: small-caps; font-weight:normal; } /* 444 */
h1 em {font-weight:lighter;}
h1 strong {font-weight:lighter;}
h2 em {font-weight:lighter;}
h2 strong {font-weight:lighter;}
h3 em {font-weight:lighter;}
h3 strong {font-weight:lighter;}
h4 em {font-weight:lighter;}
h4 strong {font-weight:lighter;} 
h5 em {font-weight:lighter;}
h5 strong {font-weight:lighter;}

.blueh2{margin-top:0; padding-top:0;text-align:center; font-size:23px; color:#0F6FC7;}
.orangeh2{margin-top:0; padding-top:0;text-align:center; font-size:23px; color:#FF7D0B;}

a:link, a:visited { color: #0f6fc7; text-decoration:none; }  /* 3281b8 */
/*p a:link, p a:visited, #maincolumn-homepage a:link, #maincolumn-homepage  a:visited, #maincolumn a:link, #maincolumn a:visited, #singlecolumn a:link, #singlecolumn a:visited {    
	text-decoration: underline; }*/
a:hover {text-decoration: underline;}
a img {border:none;}
a.imagelink:hover{background:none;}

a.help_tipq, a:link.help_tipq, a:visited.help_tipq, a:active.help_tipq 
{font-family:tahoma, arial, helvetica, sans-serif; font-weight:normal; cursor:help; font-size:16px; color:#3b5998;  text-decoration: none;}
a:hover.help_tipq  {  color:#FF8600; text-decoration: none; }

a.help_tipqLink, a:link.help_tipqLink, a:visited.help_tipqLink, a:active.help_tipqLink 
{font-family:tahoma, arial, helvetica, sans-serif; font-weight:normal; cursor: pointer; font-size:16px; color:#3b5998;  text-decoration: none;}
a:hover.help_tipqLink  {  color:#FF8600; text-decoration: underline; }

.boxshaded{ background-color:#eee; border:thin solid #fa0 }
.boxdropshadow {
-moz-box-shadow: 0px 5px 5px #444;
-webkit-box-shadow: 0px 5px 5px #444;
box-shadow: 0px 5px 5px #444;
}
.boxroundedcorner {
-moz-border-radius: 5px;
border-radius: 5px;
}
.boxdropshadow-large {
-moz-box-shadow: 0px 10px 10px #444;
-webkit-box-shadow: 0px 10px 10px #444;
box-shadow: 0px 10px 10px #444;
}
.boxroundedcorner-large {
-moz-border-radius: 10px;
border-radius: 10px;
}

.imagedropshadow1 {
 -moz-box-shadow: 3px 3px 4px #ffaa00; /* Firefox */
 -webkit-box-shadow: 3px 9px 9px #ffaa00; /* Safari/Chrome */
 box-shadow: 3px 3px 9px #ffaa00; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffaa00')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffaa00');/* IE 5.5 - 7 */ 
}
.videothumb{ border: #ddd 2px solid;   
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
-moz-box-shadow:      3px 3px 13px -1px #ccc;
  -webkit-box-shadow: 3px 3px 13px -1px #ccc;
  box-shadow:         3px 3px 13px -1px #ccc;
}
.pitchbullets li {margin-top:9px; padding-left:0px}
.orlist{text-align:center; margin:0; padding:0; margin-top:15px;}
.orlist li {list-style:none; margin-top:12px;}




/*
.rolloverlink {
color:#b7560f;
cursor:help; font-style:italic;
text-decoration:underline;
}
*/
.feature-innerbox {font-size:11px; margin:4px 11px; background-color:#fff; display:none;}

/* try removing 110625 - these are defined in help.css too
.breadcrumbs { color:#2a709c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; font-weight:bold;   margin: 10px 4px 0 4px; }
.breadcrumbs a { color:#2a709c; }
.breadcrumbs a:hover { background-color:#FF7D0B; }
*/

.smallesttext{font-size:9px;}
.smallertext{font-size:smaller;}
.smalltext{font-size:small;}
.mediumtext{font-size: medium;}
.largetext{font-size:large;}
.xlargetext{font-size: x-large;}
.snippet-boxhelp {padding:3px;background-color:#FFC; width:90%;margin:auto;border-top:1px solid #ba0;border-left:1px solid #ba0;border-right:2px solid #ba0;border-bottom:2px solid #ba0;padding: 4px 3px 4px 5px;font-size:12px;}


.float-left {float: left;padding-right: 8px;}
.float-right {float: right; padding-left: 8px;}
.buttonProceed{color:green; font-size:1.2em}

/* from p.21 Eric Meyer More on CSS */
blockquote.pull-right, blockquote.pull-right2 {float:right; width:40%;
padding: 0 0 0 5%; margin:0;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold;
color: #5970C1;
}
blockquote.pull-right2 {color: #000; font-size:14px;
}
blockquote.pull-left {float:left; width:40%;
padding: 0 5% 0 0; margin:0;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold;
color: #5970C1;
}
#lp-header {  /* how to adjust height of header: 
#lp-header-topborder  top 72   (used 52)
#topnav  top 72
#two-column-wrapper, #two-column-wrapper-homepage, #two-column-wrapper-helppage   change margin-top to 35 from 15
.skel_singlecolumn from 15 to 35  (in landing_pages_skeleton
/htm/help/global_help.php the breadcrumbs table needs a margin-top adjusted 
*/
white-space: nowrap;  
height:75px;
position:relative;  /* causes all the below 'absolutely-positioned' sub elements to be positioned *relative* to lp-header */
top: 0;
left:0;
width:100%;
margin:0;
padding:0;
z-index:1000;
}
#lp-header-logo {position:absolute; top: 0px; left: 14px;font-weight:bold; font-size:36px; color:#005CB9; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;  } /*6/18/13 Valerie's richer blue 005CB9 4/10/12 change from arial; new light blue: 0e82cb  old rich royal blue 0F6FC7  */
#lp-header-signin, #lp-header-signup {position:absolute; top: 20px; left: 730px;  z-index:1001; white-space:nowrap; font-size:16px; font-weight:bold; nt-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}
#lp-header-signup {left: 820px; top: 14px; }

#lp-header-videodemo, #lp-header-phone {position:absolute; left: 600px; top: 24px; font-size:18px; color:#777; z-index:2000; }
#lp-header-phone { left: 750px;}
  
#lp-header-topborder {  
position:absolute;
top: 72px;
left:0;
height:25px;
width:100%;
/*
old single file WORKS: background: url(/graphics/homepage/sf-menu-gradient.jpg) repeat-x left bottom;
*/
background:url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 0;  height: 24px;
border-bottom: #6b9bb3 1px solid;
}
#lp-header-bottomborder { 
position:relative;
margin-top:5px;
height:11px;
width:100%;
background: #71d7fd;
z-index:5;    
}


/* to see samples of the following go to /sandbox/button-test/b*****t-buttons/button-test.php */
/*  4/15/12 did not work, text color was blue often from a.visited a.hover rules;  when I did these classes with a. the text mysteriously shifted in green button, right now this code doesn't even display the green button correctly again.

.master_sbutton{background:url(/graphics/buttons/blue_green_buttons.png) left top no-repeat;border:none;color:#fff;font-size:16px;line-height:29px;text-align:center;display:block;font-weight:bold;text-decoration:none;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}

a.master_sbutton, a.master_sbutton:visited{background-position:-182px 0;padding:0;height:31px;width:112px; color:#FFF;}
a.master_sbutton:hover{background-position:-182px -32px;color:#FFF;}
a.master_sbutton:active{background-position:-182px -64px;color:#FFF}

.blue_button_med{background-position:-182px 0;padding:0;height:31px;text-indent:20px;text-align:left;width:112px;}
.blue_button_med:hover{background-position:-182px -32px;color:#FFF;}
.blue_button_med:active{background-position:-182px -64px;}

.green_button_lg{background-position:-167px -106px;height:36px;line-height:36px;width:214px;}
.green_button_lg:hover{background-position:-167px -146px;}
.green_button_lg:active{background-position:-167px -186px;}
*/
/*  end of new buttons */
.master_sbutton{background:url(/graphics/buttons/blue_green_buttons.png) left top no-repeat;border:none;color:#fff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:27px;text-align:center;display:block;cursor:pointer;font-weight:bold;text-decoration:none;}
.master_sbutton:hover{text-decoration:none; }

a.master_sbutton, a.master_sbutton:visited{background-position:-182px 0;padding:0;height:31px;width:112px; color:#fff;}
a.master_sbutton:hover{background-position:-182px -32px;color:#FFF;}
a.master_sbutton:active{background-position:-182px -64px;}

/* orig good working code
.master_sbutton{background:url(/graphics/buttons/blue_green_buttons.png) left top no-repeat;border:none;color:#fff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:27px;text-align:center;display:block;cursor:pointer;font-weight:bold;text-decoration:none;}
.master_sbutton:hover{text-decoration:none; }

a.master_sbutton, a.master_sbutton:visited{background-position:-182px 0;padding:0;height:31px;width:112px; color:#fff;}
a.master_sbutton:hover{background-position:-182px -32px;color:#FFF;}
a.master_sbutton:active{background-position:-182px -64px;}
*/

#footer {
border-top: #6b9bb3 1px solid; 
background-color:#fff;  
background:  url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 -75px;  height: 41px;
/* old single file WORKS:  background: url(/graphics/homepage/sf-menu-gradient180.jpg) repeat-x left top; */
clear:both;
padding: 6px 0;
margin: 15px -14px 0 -14px;
text-align:center;
font-size:10px;
line-height:18px;
color: #555555;
white-space:nowrap;
}
#footer li {list-style:none; text-align:left;}

a:link.hrefbutton-bold, a:visited.hrefbutton-bold, a:hover.hrefbutton-bold, a:active.hrefbutton-bold
{background-color:#ffcc00;  width:260px; border-right: 1px solid #7a5a20; border-bottom: 1px solid #7a5a20; padding:5px 15px 5px 15px; color: #1a74b0; text-align: center; white-space:none; font-weight: bold;}

a:link.footer_lplinks, a:visited.footer_lplinks, a:hover.footer_lplinks, a:active.footer_lplinks {
text-decoration: none;
color: #808080;
font-size:9px;
}

/* yellow used to be background ffcc00 right 7a5a20  textcolor 1a74b0   Bright yellow F9AE09 */
.yellowbutton, .bluebutton, .yellowbutton_small, .yellowbutton_submit{background-color:#F9BC6E;   border-right: 1px solid #7a5a20; border-bottom: 1px solid #7a5a20; padding:5px 15px 5px 15px;  text-align: center; white-space:none; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px;}
a:link.yellowbutton, a:visited.yellowbutton {color:#000;}
.bluebutton {background-color:#5480AB; } /* rich royal blue 0F6FC7 */
a:link.bluebutton, a:visited.bluebutton {color:#FFF;}
.yellowbutton_small{padding:3px 8px 3px 8px;  font-size:13px; font-weight: normal;}
.yellowbutton_submit{cursor:pointer;}

#singlecolumn, #singlecolumn-searchresults, #singlecolumn-helppage, #singlecolumn_lightheader, #singlecolumn-homepage { 
left: 10px;
width:900px;
padding:0 14px 10px ;
border: solid  1px  #ba0; 
background:#fff url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 -166px;   
/* old single file WORKS: background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left; */
margin:35px auto;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
#singlecolumn-homepage { width:940px; }
#singlecolumn-searchresults { width:850px; }
#singlecolumn-helppage { width:950px; }

#singlecolumn h1, #singlecolumn_lightheader h1  {
margin: 0 -14px;
padding: 2px 0 4px 14px;
font-size: 1.9em;  
font-family: Verdana, Geneva, sans-serif;
font-style:normal;
color: #000; /* was 2a709c */
background-color:#f4f4da;
}
#singlecolumn_lightheader h1 {
	border-top:none;
	background:none;
	padding-top:10px;
} 
/* use 'homepage' classes for narrower main col that has no ads */
#two-column-wrapper, #two-column-wrapper-homepage, #two-column-wrapper-helppage {  /* hold the center & rightcol columns together to prevent huge gutter on very wide windows */
width: 980px;  /* width of 980 for two-column, then 700 for maincolum and 247 for side bar just barely fits on 1024 screen without horiz scroll bar;  cannot make maincol < 700 because google ads require this width */
_width: 1005px;
padding:0 0 0 10px;
margin-top:35px;
}
#two-column-wrapper
 {
 width:980px; 
 margin: 0 auto;
 margin-top:15px;
 padding:0;
}
#two-column-wrapper-homepage
 {
 width:950px; 
}
#two-column-wrapper-helppage {
	width:950px; 
	margin-top:6px;
}

#maincolumn, #maincolumn-homepage, #maincolumn_noheader, #maincolumn-helppage, #maincolumn_lightheader, #maincolumn1 {
float:left;
width: 700px;  
/*_width: 700px;  /* 677 setting for IE6 IE 6*/
background:#fff url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 -166px;   
/* old single file WORKS:  background: white url(/graphics/homepage/boxbg4-orig.jpg) repeat-x top left;  */
padding:10px 14px 10px 14px;
border: solid  1px  #ba0; /* #71a8cc; */
margin: 0 0 5px 0;
border: 1px solid #fa0;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

#maincolumn-homepage {
width: 660px;  
}
#maincolumn-helppage {
width: 670px;  
}
#maincolumn h3 {text-align:center;}
#maincolumn h1, #maincolumn_lightheader h1, #maincolumn1 h1 {
margin: 0 -14px;
padding-left: 14px;
padding: 5px 0 5px 1em;
font-size: 1.6em;  
font-family:  Verdana, Geneva, sans-serif;
font-style:normal;
color: #000; 
background-color:#f4f4da;
text-align:center;
}
#maincolumn_lightheader h1 {
border-top:none;
background:none;
padding-top:10px;
} 
#singlecolumn-homepage h1, #maincolumn-homepage h1 {
text-align:center;
margin:0 0 10px 0;
/*font-size:36px; */
} 
#singlecolumn-homepage h2 {text-align:center;}

/* next 2 maincolum1 6/30/10 - still used in FPC */
#maincolumn1, #maincolumn, #singlecolumn  {
border: solid  1px  #feca43; 
}
#maincolumn1 h1, #maincolumn h1, #singlecolumn h1, #singlecolumn-homepage h1 {
font:  30px Verdana, Geneva, sans-serif;	
color: #000; 
margin-top:7px;
background:none;
}
.main-content-area {margin:auto; width:88%; clear:both; margin-top:5px;}
.main-content-area  h2 {border-top: 1px dashed #d4d4d4;}

.topleft_col{padding: 8px 10px 10px 10px; float:left; text-align:center;} /* home pages like for_group top*/
.topleft_box{text-align:center; margin:25px 0 0 0; padding: 6px 6px 0px 6px; border:#ffdc49 thick solid; width:220px; }
.topleft_box h3 {margin-top:0; padding-top:0;}
.topleft_box ol li { text-align:left; }
.topright_col{margin-left:0px; margin-left:250px; padding:0px 35px 0 0px;  font-size:1em;}
.topright_col p { padding:0 0 0 20px}
.center_maincol{margin:20px 70px 0 70px; clear:both;}
.topleft_boxtitle{font-family: Georgia, 'Times New Roman', Times, serif; font-size:1.3em; font-weight:bold; color:#444; margin:10px 0 0 0; font-variant: small-caps;}

#sidebar, #sidebar-homepage {
float:right;
width: 243px;   
color:#000;
position:relative;

}
#sidebar {
background-color:#eee;
border: 1px solid #fa0;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.colhead{
text-align:center;
font: bold 1.2em Arial, Helvetica, sans-serif; 
color: black; 
} 
#sidebarquote {
	position:absolute; left:8px; top:380px;
}

#sidebar1 {
float:right;
width: 247px;  
border: solid  1px  #feca43; 
background-color: #f4f4f4;   
background: url(/graphics/homepage/orange_gradient.gif); background-repeat: repeat-x;background-position:top;  
}
#sidebar h1 {border-top: none; text-align:center;}
#sidebar h2 {border-top: none; text-align:center;}
#sidebar h3 {border-top: none; text-align:center;}
#sidebar h4 {border-top: none; text-align:center;}
#sidebar h5 {border-top: none; text-align:center;}

#sidebar div {
padding: 0;
text-align:center;
margin-top: 25px;
margin-bottom: 60px;
}
#sidebar  p {
margin: 20px 10px 30px 10px;
text-align:center;
}

#sidebar #finalfifty {
margin: 100px 15px 15px 15px;
font-size: 9px;
color: #555;
}
.ads {display:block}

.keylinktext{ color:#000; font-size:12px;}
 
div.key-links-box  {
padding: 9px 5px 12px 12px;
margin: 0 0 0px 0;
background-color:#996;  /* eee light gray from feature boxes;  FFC pale lemon; 996 khaki brow=promising; a99175 -from pantssuit;   */
border: 1px solid #fa0; 
border-radius: 6px;  /* for IE */  -moz-border-radius: 6px;  -webkit-border-radius: 6px; 
}
.key-links-box ul {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 5px;
text-indent: 0; 
}

.key-links-box li {
padding:0;
margin: 0 0 0 0; /*FF*/ 
_margin: 0 0 0.5em 0;/*IE6*/
line-height: 1.7em; 
font-size: 15px;
font-weight: normal;
}
.key-links-box li a:link,  .key-links-box li a:visited  {
color:#fff;  /* dark blue 1988d1 */
text-decoration: none;
}
.key-links-box li a:hover {
color: #FA0;
background: none; 
text-decoration:underline;
}



/* the following implements border radius for all IE 
.rounded-corners{
	behavior: url(/global/styles/landing_pages_border_radiusforIE.htc);
	border-radius: 6px;
}
*/
/* 4/3/10 borrowed from http://www.mozilla.com/en-US/firefox/3.6.3/whatsnew/  */
.feature, .feature2, .feature3 {
	padding: 5px 5px 7px 5px;
	width:100%;
	margin: 0 0 15px 0;
	border: 1px solid #fa0;
	background-color:#eee;
	border-radius: 6px;  /* for IE */  -moz-border-radius: 6px;  -webkit-border-radius: 6px;
	text-align:center;
}
.feature {
	margin-bottom:25px;
}
.feature2 {
	background-color:#0F6FC7;  /* 0b93cf   lt blue 71d7fd;  from gwl logo star 0b93cf     */
	color:#FFF;
	font-size:20px;
}
.feature3 {
	background-color:#88c027; /* green */
	border: 1px solid #fa0;
	color:#FFF;
	font-size:20px;
}


#sidebar-homepage feature {font-size:16px}
#sidebar .feature { padding-bottom:6px;}

.feature h3, .feature h2  {
	font-size: 16px;
	margin: 0 0 10px 0;
}
.feature h2  {
	font-size: 18px;
}

.feature ul {
	list-style:none;
	text-align:left;
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	line-height:25px;
	left: 0;
}

.feature ul.link li {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: normal;
	line-height: 24px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #bedce6;
	-moz-box-shadow: inset 0 10px 20px rgba(255, 255, 255,0.5), inset 0 -10px 20px rgba(147,180,195,0.7), 0 3px rgba(0,0,0,0.1), inset 0 -3px #8eaebb;
}

.feature ul.link li a {
	background-image: url(/graphics/homepage2/connect-buttons.png);
	background-position: -750px 50%;
	background-repeat: no-repeat;
	display: block;
	padding: 5px 25px 7px 10px;
	color: #666;
	text-shadow: 0 1px #e2f2fa;
	text-decoration: none;
	letter-spacing: -0.04em;
	font-size: 15px;
}

#connect.feature ul.link li a {
	padding-left: 40px;
}

#connect.feature a:hover,
#connect.feature a:active {
	text-decoration: underline;
}

.feature li#connect-twitter  a { background-position: 0 50%; }
.feature li#connect-facebook a { background-position: -250px 50%; }
.feature li#connect-blog     a { background-position: -500px 50%; }


/*  6/24/11  temporarily added these back:   used on /business/logout.php  */
/* 4/3/10 borrowed from http://www.mozilla.com/en-US/firefox/3.6.3/whatsnew/  */
.sub-feature, .sub-feature2, .sub-feature3 {
	padding: 5px 5px 7px 5px;
	width: 160px;
	margin: 0 0 15px 0;
	border: 1px solid #fa0;
	background-color:#eee;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.sub-feature2 {
	background-color:#71d7fd;
	color:#FFF;
	font-size:20px;
	text-align:center;
	width:100%;
}
.sub-feature3 {
	background-color:#88c027;
	border: 1px solid #fa0;
	color:#FFF;
	font-size:20px;
	text-align:center;
	width:100%;
}

 





/*** ESSENTIAL STYLES - HOME PAGE PULL DOWN MENUS 
 The javascript code for the menus is loaded at bottom of every external page by function show_end in page_elements.php
 There is also some more style code in page_elements.php inside the function show_head4_stylesheets()
***/
#topnav {position: absolute; left:110px; top:72px; z-index:2000;}  /* controls 'indent' of menu bar from left edge */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin: 0px;
	padding: 0px; 
	text-align:left;
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-weight: bold;
	color: #000;
	padding:15px;
	margin:0;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	font: normal 12px/Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sf-menu a {
	line-height: 25px;
	text-decoration: none;
	font-weight: normal;
	font-size:14px;
	height:25px;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}


.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour 013e64*/
	color:#000;
}

.sf-menu li {
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	width: 100px;
	height:auto;
	overflow: visible;
	position: relative;
	background: none;
}
.sf-menu li li {
background:#dae2f6; /*ebf2f6  background of pull down menu */
font-weight:normal;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#dae2f6; /* dae2f6  hover color for top menu bar and pull down menu items */
	outline:0;
}

.sf-menu li li a, #topnav li ul li a{
	font-weight:normal;
	color: #013E64;  /* color of text in drop downs */
	text-indent:5px;
	font-size:12px;
	padding:0 5px;
	line-height:20px;
	text-align:left;
}
.sf-menu li li a:hover {
	text-decoration: underline;
}
.sf-menu li li:first-child  {
	padding-top: 10px;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
a.sf-menu:link, a.sf-menu:active, a.sf-menu:hover, a.sf-menu:focus{
	background:#f00;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/global/javascript_lp/sf/shadow.png') no-repeat bottom right;  /* use /sandbox/superfish/images/shadow.png */
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


#topnav li#home{
width:100px;	
}

#topnav li#features{
width:140px;	
}

#topnav li#solutions{
width:140px;	
}

#topnav li#support{
width:140px;	
}

#topnav li#joinfree{
width:140px;	
}


/* following set the width of the pull down menus */
#topnav li#home ul {
}

#topnav li#features ul {
width:180px;	
}

#topnav li#solutions ul {
width:220px;	
}

#topnav li#support ul {
width:200px;	
}

#topnav li#joinfree ul {
width:200px;	
}




.formbox { width:650px; padding:0 20px 10px 20px; margin:24px auto 11px 120px;
	border: 1px solid #CCC; background-color:#FCFCFC; 	-moz-border-radius: 6px;  -webkit-border-radius: 6px; } /* old classic background #eee border #fa0 */






/*
div.centeredbox {         
margin: 1% 3.5%;
padding: 0 15px 5px 15px;
background-color: white;
border: solid 1px #ba0;
min-height:300px;
}
.centeredbox > p {text-indent: 1.5em;}

.centeredbox > p {text-indent: 1.5em;}


.centeredbox .headbox-centeredbox { 
.centeredbox {
margin: 0 -15px;
padding: 5px 0 5px 1em;
font: normal 1.6em  "Trebuchet MS", Arial, Helvetica, sans-serif;
border-top:solid 14px #ba0;
background-color:#f4f4da;
font-weight:bold;
color: #2a709c; 
}
*/
.centeredbox, .centeredbox-colored {
margin:auto;
margin-bottom:5px;
background-color: white;
border-top:  1px solid #ba0; 
border-left: 1px solid #ba0;
border-right:  2px solid #ba0;
border-bottom: 2px solid #ba0;
padding: 4px 3px 4px 5px;
width:93%;
font-size:12px;
}
.centeredbox-colored {
	background-color:#FFC;
}



.inset-box-plain, .inset-box {
margin:auto;
width:93%;
padding: 0;
background-color: white;
border-top:  1px solid #ba0; 
border-left: 1px solid #ba0;
border-right:  2px solid #ba0;
border-bottom: 2px solid #ba0;
}

.inset-box {
background:#fff url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 -166px;   
/* old single file WORKS: background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left; */
}
.inset-box h5 {
margin-bottom: 13px;
}

.inset-box h6 {
text-align:center;
border-bottom:solid 1px #ba0;   
padding: 0 0 3px 0;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size:1.3em;
font-weight: bold;
margin-top: 6px;
color: #f60; 
}
.inset-box  ul {
list-style:none; 
padding:0 8px; 
margin: -24px 0 0 0; 
#margin: -8px 0 0 0; 
_margin: -8px 0 0 0; 
text-align:left; 
}
.inset-box  li {
color: #333;
text-indent:-0.8em;	
margin: 0px 0px 0px 0px;
padding: 0 0 2px 2.3em;	
/*background: url(/graphics/homepage/arrow-orange.gif) no-repeat top left;*/
background:url("/graphics/homepage/sprite/homepage-sprite.gif") no-repeat; background-position: 0 0; 
}
.childpage_chapters_navlinks {      
margin-top:10px;
padding-bottom:5px;
text-align:center;
}


/* useful for 2 cols of links, or 2 cols in additional pages */
.subcolumn-left, .subcolumn-right  {
white-space:nowrap; 
overflow:hidden;  
padding:10px;

width:40%;
}
.subcolumn-left {float: left; margin-left:10px;}
.subcolumn-right {margin-bottom: 1em;}

.subcolumn-left p{
margin: 0;
}
.subcolumn-right p{
margin: 0;
}

.twomorepanels{padding:10px 10px 0 10px;clear:both;}
.topleftcol{padding: 10px 10px; float:left; margin-top:16px;}
.topleftcol-box{text-align:center; margin:25px 0 0 0; padding: 0px 6px 0px 6px; border:#ffdc49 thick solid; width:220px; }
.topleftcol-box h3 {font-family: Georgia, 'Times New Roman', Times, serif; font-size:1.3em; color:#444; margin:0;font-variant: small-caps;}
.bottomleftmaincol{clear:both; padding:7px 80px 0 30px;}
.bottomleftmaincolimage{padding:0 20px 20px 0; float:left}

.toprightcol{ margin-left:260px; padding:10px 20px 0 15px;  }
#singlecolumn-homepage .toprightcol {max-width:500px; margin-left:300px; }

.morepanel-subcol-right, .morepanel-subcol-left li {
text-indent: 0;
}
.morepanel-subcol-right p, .morepanel-subcol-left p {
text-indent: 1.5em;
margin-top:0;
margin-bottom:20px;
}
#singlecolumn-homepage .morepanel-subcol-left p {margin-right:29px;}
#maincolumn-homepage .morepanel-subcol-left p {margin-right:10px;}


.morepanel-subcol-left {
float: left;
display:inline;
width: 50%;
padding: 0 5px 0 0;
margin: 0;
border-right:thin solid #CCC;
}
.morepanel-subcol-left ul {
margin: 0 0 0 3.3em;
padding: 0;
}

.morepanel-subcol-right {
width:45%;
display:inline;
float: left;
padding: 0;
margin: 0 0px 10px 25px;
}
#singlecolumn-homepage .morepanel-subcol-right  {margin-left:30px;}
.morepanel-subcol-right li{margin-top:9px;}

/* see sample icons at: www.keepandshare.com/sandbox/css-lists/a_KAS_icons_sample.php */
#iconbulletlist{margin-left:30px;}
#iconbulletlist dl { width: 550px; list-style-type: none; margin: 0; padding: 0 40px 0 30px;  margin-top: 10px;  }
#iconbulletlist dl dt strong {  font-size: 14px; color: #ba0; margin-bottom: 2px; }
#iconbulletlist dl dt { display: block; padding-left: 42px; height: 32px; }
#iconbulletlist dl dd { display: block; border-bottom: 1px dashed #d4d4d4; margin-bottom: 20px; padding-bottom: 20px; margin-top: -12px;}
#iconbulletlist dl dd.last { border-bottom: 0; padding-bottom: 0; }
#iconbulletlist h2 { font-size: 15px; border-top: none; padding-top: 0; text-align:left;} 

.aletters{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 0;}
.balloons{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -82px;}
.bluedownarrow{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -164px;} 
.blueuparrow{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -246px;} 
.caldownarrow{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -328px;} 
.chainlink{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -410px;} 
.clock{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -492px;} 
.cloverleaf{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -574px;} 
.compass{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -656px;} 
.diskuparrow{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -738px;} 
.done{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -820px;} 
.exclamation{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -984px;} 
.flames{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1066px;} 
.flower{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1148px;} 
.folders{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1230px;} 
.gear{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1312px;} 
.globe{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1394px;} 
.globeelectrons{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1476px;} 
.goldstar{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1558px;} 
.goldstarreddot{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1640px;} 
.highlighter{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1722px;} 
.hourglass{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1804px;} 
.laptop{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1886px;} 
.lifepreserver{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1968px;} 
.magnifyglass{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2050px;} 
.mailbox{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2132px;} 
.nytimes{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2214px;} 
.officechair{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2296px;} 
.padlock{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2378px;} 
.pdf{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2460px;} 
.pencil{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2542px;} 
.pencilcup{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2624px;} 
.photoalbum{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2706px;} 
.photocamera{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2788px;} 
.photochainlink{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2870px;} 
.photodownload{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2952px;} 
.photoenvelope{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3034px;} 
.photolibrary{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3116px;} 
.photopaperclip{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3198px;} 
.photosunset{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3280px;} 
.photoupload{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3362px;} 
.puzzle{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3444px;} 
.quillscroll{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3526px;} 
.radio1people{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3608px;} 
.radiopeople{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3690px;} 
.redflag{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3772px;} 
.redplus{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3854px;} 
.redribbonplus{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3936px;} 
.rolodexdark{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4018px;} 
.rolodexlight{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4100px;} 
.rssblue{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4182px;} 
.rsssymbol{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4264px;} 
.safedial{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4346px;} 
.sharedocs{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4428px;} 
.shield{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4510px;} 
.smartphone{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4592px;} 
.squareelectrons{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4674px;} 
.stophand{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4756px;} 
.todolists{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4838px;} 
.wand{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4920px;} 





.sprite-arrow-orange{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 0; width: 14px; height: 14px; } 
.sprite-boxbg4{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -64px; width: 2px; height: 41px; } 
.sprite-close_quote{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -155px; width: 14px; height: 11px; vertical-align: text-bottom;} 
.sprite-gwhizreduxdkblue65{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -216px; width: 150px; height: 65px; } 
.sprite-open_quote{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -331px; width: 14px; height: 11px; vertical-align: text-top;} 
.sprite-sf-menu-gradient{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -392px; width: 2px; height: 41px; } 
.sprite-sf-menu-gradient180{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -483px; width: 2px; height: 41px; } 



/* General purpose printable table */
table.table_generalpurpose {
	width:100%;
	color:#000000;
	/* border: solid thin #5970C1; */
	font-size: 13px;
	margin-bottom:7px;
	} 
table.table_generalpurpose th {font-size:12px; background-color: #F1CC7F; text-align:center;} 
table.table_generalpurpose tr.even {	background: #EEE;	}
table.table_generalpurpose tr.odd {	background: #FFF;	} /* was FAFAFA */
#table_col1, #table_col2, #table_col3, #table_col4, #table_col5, #table_col6, #table_col7, #table_col8 {	text-align:center;	}	
/* works in tr
tr.row_boldColTitles th {color:#331799; font-size:16px; height:35px;}*/
table.table_boldColTitles th {color:#0F6FC7; font-size:16px; height:30px;  }
/* table.table_AtTopColTitles th { vertical-align:text-top;} */
table.table_tallerRows tr {	height:35px;	}
table.table_evenTallerRows tr {	height:50px;	}
table.table_paddedCells td {	padding:0 10px;	}
/* didnt work table.table_hangingIndentCells td {	padding-left: 22px;  text-indent: -22px;	} */
table.table_hangingIndentCells td {	 padding: 0 4px 0 36px;  text-indent: -16px;	} 
table.table_colorFirstCol td:first-child {background-color: #F1CC7F; font-size:16px;}



.calendar-color{color:#5480AB} /*  slate blue */ 
.calendar-bordercolor{border-color:#5480AB}
.calendar-backgroundcolor{background-color:#D2DDE4}
.mobile-color{color:#5480AB} /*  slate blue */ 
.mobile-bordercolor{border-color:#5480AB}
.mobile-backgroundcolor{background-color:#D2DDE4}
.address-color{color:#F7931D} /* orange */
.address-bordercolor{border-color:#F7931D}
.address-backgroundcolor{background-color:#FED189}
.file-color{color:#89421C} /* rust */
.file-bordercolor{border-color:#89421C}
.file-backgroundcolor{background-color:#E8BFAD}
.photo-color{color:#DBA900} /* yellow ochre */ 
.photo-bordercolor{border-color:#DBA900}
.photo-backgroundcolor{background-color:#F2E3BC}
.todo-color{color:#2C704F} /* dark green */
.todo-bordercolor{border-color:#2C704F}
.todo-backgroundcolor{background-color:#BCD2C3}
.database-color{color:#89421C} /* rust */
.database-bordercolor{border-color:#89421C}
.database-backgroundcolor{background-color:#E8BFAD}

.quotebox {float:left; width:240px; padding:0 8px 0 20px; margin-left:20px;}
.detailsbox {float:left; width:460px; padding-left:35px;}
.homeappsection {margin-top:50px; clear:both; }
.homeappsection h2 {font-size:28px;}
.morepaneldiv {margin-top:10px; clear:both; }
.morepaneldiv li {margin-top:9px; padding-left:0px}

.morepaneldiv h2 {font-size:22px; padding-top:0; margin-top:0;}
.iconbox64{width:76px; float:left;}
.action-bar{clear:both; background-color:#fafafa;  -moz-border-radius: 10px; border-radius: 10px; border-color:#ccc; border-width:thin; border-style:solid; height:55px;}
.action-bar-cell, .action-bar-cell-middle{float:left; width:40%; text-align:center; vertical-align:middle;}
.action-bar-cell-middle{width:20%;}
.homepage-iconcell{padding:5px 0 5px 0; width:120px; text-align:center;}
.homepage-iconcell:hover { background-color:#EEE; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; } 
.homepage-iconcell-selected { background-color:#CCC; -moz-border-radius: 5px; border-radius: 5px; border:thin #fa0 solid; }
.homepage-nextarrow{font-size:11px; height:30px; color:#777; margin:20px 0 0 0; }
.homepage-nextarrowcell{float:right; text-align:right; font-size:12px;  padding:2px 8px 2px 20px; vertical-align:middle;}
.homepage-nextarrowcell:hover { background-color:#CCC; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; }
.homepage-morepanel-largeicon{float:right; margin-left:10px;}
.homepage-morepanel-title{display:table;  width:100%;}


.formboxInIFrame-verywide{ width:560; margin:0; border:#FA0 2px solid;  padding:0 0 10px 15px;  background-color:#eee; 	-moz-border-radius: 6px;  -webkit-border-radius: 6px;  }  
.formboxInIFrame-wide{width:430; margin:0; border:#FA0 2px solid;  padding:0 0 10px 15px;  background-color:#eee; 	-moz-border-radius: 6px;  -webkit-border-radius: 6px; }
.formboxInIFrame-narrow{width:220; margin:0; border:#FA0 2px solid;  padding:0 0 10px 15px;  background-color:#eee; 	-moz-border-radius: 6px;  -webkit-border-radius: 6px; }




/*   see /sandbox/cssexamples/clafiry-it-com-buttons.php for samples */
/* enhanced version  (added hover and flexible sizing) 
   Original here:http://www.zurb.com/article/266/super-colorbutton-buttons-with-css3-and-rgba 
	 Learned from clarify-it.com  
	 
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
 
NEXT:  see http://youcanbook.me/index.jsp for even better colored button that scales as window changes size. 
	 */ 
.colorbutton,.colorbutton:link,.colorbutton:visited{background:#222 url(/graphics/buttons/button-shadow.png) repeat-x;
  display:inline-block;padding:.6em 1.3em .6em;color:#fff;text-decoration:none !important;border-radius: .4em; -moz-border-radius:.4em;-webkit-border-radius:.4em;border:0px;
  -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);
  border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;font-weight:bold; line-height:1.3em;}
.colorbutton:hover{opacity:0.87;-moz-opacity: 0.87;filter:alpha(opacity=87);}
.colorbutton:active{top:1px;}
.small.colorbutton,.small.colorbutton:visited{font-size:13px;}
.colorbutton,.colorbutton:visited,.medium.colorbutton,.medium.colorbutton:visited{font-size:13px;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.5);}
.large.colorbutton,.large.colorbutton:visited{font-size:20px;}
.medium.colorbutton,.medium.colorbutton:visited{font-size:16px; line-height:1.2;}
.blue.colorbutton,.blue.colorbutton:visited{background-color:#3A8CD5;}
.blue.colorbutton:hover{background-color:#1760AF;}
.orange.colorbutton,.orange.colorbutton:visited{background-color:#ff5c00;}
.orange.colorbutton:hover{background-color:#d45500 !important;}
.turquoise.colorbutton,.turquoise.colorbutton:visited{background-color:#2daebf;}
.turquoise.colorbutton:hover{background-color:#007d9a;}


.green.colorbutton,.green.colorbutton:visited{background-color:#090 !important;}
.green.colorbutton:hover{background-color:#060;}
.red.colorbutton,.red.colorbutton:visited{background-color:#CC1100;}
.red.colorbutton:hover{background-color:#991100 !important;}
.fire.colorbutton,.fire.colorbutton:visited{background-color:#FF030D;}
.fire.colorbutton:hover{background-color:#991100;}
.magenta.colorbutton,.magenta.colorbutton:visited{background-color:#a9014b;}
.magenta.colorbutton:hover{background-color:#630030;}
.yellow.colorbutton,.yellow.colorbutton:visited{background-color:#ffb515;}
.yellow.colorbutton:hover{background-color:#fc9200;}


.blueclassic.colorbutton,.blueclassic.colorbutton:visited{background-color:#5480AB;} /* blueclassic buttons */
.blueclassic.colorbutton:hover{background-color:#325a81;}
.yellowclassic.colorbutton,.yellowclassic.colorbutton:visited{background-color:#F9BC6E;} /* yellowclassic buttons */
.yellowclassic.colorbutton:hover{background-color:#fc9200;}
.logoblue.colorbutton,.logoblue.colorbutton:visited{background-color:#0F6FC7;} /* logoblue */
.logoblue.colorbutton:hover{background-color:#1760AF;}
.logoorange.colorbutton,.logoorange.colorbutton:visited{background-color:#F9AE09;} /* logoorange */
.logoorange.colorbutton:hover{background-color:#fc9200;}


.videoThumb400{ width:410px; padding: 10px 20px; float:left; text-align:center; }
.videoThumb300{ width:310px; padding: 10px 20px; float:left; text-align:center; }
.videoThumb250{ width:260px; padding: 10px 20px; float:left; text-align:center; }
.videoThumb250 p{ margin-top:2px; font-style:italic;}

.ctaButtonSubtitle {font: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; margin-top:2px;}