/* CSS Document */
<strong>/* Section specific text styles: Solutions */

/* ******************** FEATUREAREAS ****************************** */

div#featureArea {
	width: 466px;
	height: 100px;
	padding: 50px 20px 20px 200px;
}

div.index {
	background: #fff url(../images/feature/solutions_sharedata_feature.jpg) no-repeat;
}

#featureArea.starter {
	background: #transparent url(../images/feature/solutions_starter_feature.jpg) no-repeat;
}

div#smallfeatureArea {
	width: 466px;
	height: 30px;
	padding: 50px 20px 20px 200px;
}

div .startersmall {
	background: #fff url(../images/feature/solutions_startersmall_feature.png) no-repeat;
}

/* ******************** FEATURENAV Adjustments ****************************** */

#featureNav {
	background: #333 url(http://www.filemaker.es/css/..../images/nav/featureNav_bkgd_solutions.png) no-repeat;
}

#featureNav ul li {
	background: url(http://www.filemaker.es/css/..../images/nav/featureNav_gutter_solutions.png) no-repeat;
	background-position: top right;
}

#featureNav #selected {
	background: url(http://www.filemaker.es/css/..../images/nav/featureNav_selected_solutions.png) no-repeat;
	background-position: top right;
}

#featureNav ul li.first#selected {	
	background: url(http://www.filemaker.es/css/..../images/nav/featureNav_selected_solutions.png) no-repeat;
	background-position: top left;
}

/* ******************** QUOTE, ATTRIBUTION Adjustments ********************** */

/* ******************** SIDEBAR Adjustments********************************* */



/* ******************** REFRESH TEMP STYLES - Some to move to global?********************************* */


/* Table classes - again, we may want to determine which table styles will be global vs page specific */

table.bumblebee {
	border-collapse: collapse;
	width: 100%;
}

table.bumblebee td {
	vertical-align: top;
	background-color: #fff;
	padding: 4px 4px 4px 6px;
}
table.bumblebee th {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: bottom;
	text-align: left;
	padding: 4px 4px 4px 6px;
	border-bottom: 1px solid #ccc;
}

table.bumblebee tr.shade td {
	vertical-align: top;
	background-color: #E9F2F6;
}

table.open {
	border-spacing: 0px;
	width: 100%;
}

table.open td {
	vertical-align: top;
	padding: 8px 8px 8px 10px;
	border-top: 1px solid #ccc;
}

table.open th {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	padding: 8px 8px 8px 10px;
	border-bottom: 1px solid #ccc;
}

/* List classes - these still need some work but we should probably have some specific list styles that are global */

div#sidebar #sidebartop ul {
	list-style: none outside;
	margin: 0;
	padding: 10px 0 0 0;
}

div#sidebar #sidebartop ul li {
	/* padding-left: 20px; */
	line-height: 14px;
	padding-bottom: .3em;
}

div#sidebar ul.nobullet {
	list-style: none outside;
	margin: 0;
	padding: 0 0 1em 0;
}

div#lowerArea ul.nobullet {
	list-style: none outside;
	margin: 0;
	padding: 0 0 1em 0;
}

div#lowerArea ul.nobullet li {
	padding-bottom: .3em;
}

/* Blue box classes - used for three column Starter Solutions page layout */

div.blueBox {
	width: 200px;
	height: 210px;
	background: #E9F2F6 url(../images/sidebar/bkgd/blueBox_top.png) top no-repeat;
	padding: 0 10px 10px 10px;
	margin: 0 0 -15px 0; /* Fixes strange IE behavior */
}

div.blueBoxbottom {
	width: 200px;
	background: #E9F2F6 url(../images/sidebar/bkgd/blueBox_bottom.png) bottom no-repeat;
	padding: 0 10px 5px 10px;
	margin: 0 0 1em 0;
}


/* 3 Column classes - */

/* Background color to override the gray */

div#col1 {
	background: #fff;
}

div#col2 {
	background: #fff;
}

div#col3 {
	background: #fff;
}

/* this is the background for the 3-col mid page title */

.bannerbak {
	background: url(../images/bkgd/solutions_titlebackground.png) top no-repeat;

}

h2.bannertext {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 0px 8px;
	margin: 0 0 0 0;
}


/* Not sure how you want to handle this, see support/options.shtml as a example */

div#col4 {
	width: 220px;
	float: left;
	margin-right: 13px;
}

div#col5 {
	width: 220px;
	float: left;
	margin-right: 13px;
}

div#col6 {
	float: right;
	width: 220px;
}
/* Perhaps these should be a global element */

.fl {
	float: left;
}
.fr {
	float: right;
}

div.clearall {
	clear:both;
}

img.fl {
	padding: 10px 15px 10px 0;
}

img.fr {
	padding: 10px 0 10px 15px;
}


</strong>
.quotes{
	width: 400px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding: 15px;

}
.quotes span{
	text-align: right;
	display: block;
}
.quotes p{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #336699;
	margin-top: 0px;
}


div.Rsidebar div{
	padding: 0px 5px 10px;
	border: 1px solid #999999;
	margin-bottom: 20px;
	
}
div.Rsidebar div.secondDiv{

	background: #F3F3F3;
	padding: 8px 12px;
}
div.Rsidebar div.secondDiv p{
	font-size: 1em;
	line-height: 110%;
}
div.Rsidebar div h3{
	font-size: 12px;
	background: #f3f3f3;
	margin: 0px -5px 3px;
	padding: 3px 5px;
	color: #333333;
}
div.Rsidebar div ul{
list-style-image:  url(http://www.filemaker.es/images/bullets/bullet_right_yellow.gif);
margin-top: 5px;
margin-bottom: 5px;
margin-left: 8px;
padding: 0px 0px 0px 8px;
line-height: 13px;
list-style-position: outside;
}
div.Rsidebar div ul li {
	font-size: 1em;
	line-height: 110%;
	margin-bottom: 4px;

}
div.Rsidebar div.screens{border:solid 1px #ffffff;margin-bottom:0px;}
div.Rsidebar div.screens img{margin-bottom: 10px;}


/* NEW 7 */
table.solutions {
    width: 420px;
}
    
table.solutions th{
	text-align: left;
	font: normal 14px "Gill Sans", GillSans, "Gill Sans MT", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 3px 5px 3px 8px;
	background-color: #577EA9;
}

table.solutions th.left{
     background:url(../images/bg/solutions_corner_topleft.gif) top left no-repeat;
	background-color: #577EA9;
 }
table.solutions th.right{
    background:url(../images/bg/solutions_corner_topright.gif) top right no-repeat;
	background-color: #577EA9;
}
table.solutions td.bottomLeft{
     background:url(../images/bg/solutions_corner_bl.gif) bottom left no-repeat;
 }
table.solutions td.bottomRight{
    background:url(../images/bg/solutions_corner_br.gif) bottom right no-repeat;
}

table.solutions td {

	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px;
}

table.solutions td.left{

	border-left: 1px solid #CCCCCC;
}
table.solutions td ul {
    margin: 3px 0px 3px 5px;
}

table.solutions td ul li {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px -5px;
	font-size: 11px
}