/* Foundation Matrix */

#wrapper-wide { width: 1000px; background: url(https://s3.amazonaws.com/temptalia_static/images/main-stretch-bg.png) repeat-y 50% 0 transparent !important;  }
#wrapper-wide { width: 1000px; background: url(https://s3.amazonaws.com/temptalia_static/images/main-stretch-bg.png) repeat-y 50% 0 transparent;  }

.full-width { padding: 20px; }
h1 { font-size: 28px; margin: 0px 0px 15px 5px; padding: 0px 0px 10px; border-bottom: 1px solid #ccc; }
#fmFormBlock { background: #99c8c4; width: 900px; padding: 20px; overflow: auto; margin: 0px auto 15px; -moz-border-radius: 15px; border-radius: 15px; }
#fmFormBlock h2 { color: #FFFFFF; font: 32px Arial,Helvetica,sans-serif; margin-bottom: 5px; text-shadow: 1px 1px 1px #000000; background: #bee1df; display: block; margin: 0px -20px 12px; padding: 5px 20px;}

#fmTable { }
#fmTable td { padding: 5px 0px; vertical-align: top; }


#fmFormBlock p.head {}
#fmFormBlock p.headTop { border-bottom: 1px dotted #333; padding: 0px 0px 5px; margin: 0px 0px 15px; }
#fmFormBlock p.headTopSkintone { border-bottom: 1px dotted #333; padding: 0px 0px 35px; margin: 0px 0px 15px; }
#fmFormBlock p strong.header { color: #333; font-weight: bold; font-size: 14px; }
#fmFormBlock select { float: right; clear: right; font-size: 18px; }
#fmFormBlock #fmSubmit { background: url(https://s3.amazonaws.com/temptalia_static/images/fmSubmitBtn.png) no-repeat; width: 188px; height: 44px; float: right; clear: both; cursor: pointer; }
#backButton { background: url(https://s3.amazonaws.com/temptalia_static/images/fmBackBtn.png) no-repeat; width: 123px; height: 51px; float: right; clear: both; cursor: pointer; float: left; margin-left: -5px; z-index: 250; }
#sortingOptions { font-size: 16px; float: right; height: 44px; line-height: 55px; }

table#fmTable tr td { width: 100px; }
ul.row1, ul.row2, ul.row3, ul.row4 { float: right; }
table td#fmTones ul li { background: #bee1df; padding: 5px 40px 5px 10px; margin: 0px 5px 5px 0px; display: block; line-height: 26px; list-style: none; border-radius: 5px; position: relative; }
table td#fmTones ul a { color: #333; }
table td#fmTones ul a:hover { text-decoration: none; }
.active { background: #70a19e !important; }
input[type=checkbox] { position: absolute; top: 8px; right: 8px; float: right; }
.unchc { background: url(https://s3.amazonaws.com/temptalia_static/images/checkBox.png) no-repeat; height: 15px; width: 15px; position: absolute; top: 10px; right: 8px; float: right; }
.chc { background: url(https://s3.amazonaws.com/temptalia_static/images/checkBox.png) no-repeat -20px 0px; height: 15px; width: 15px; position: absolute; top: 10px; right: 8px; float: right; }

#fmBodyContent h2 { font-size: 18px; color: #31c2bd; font-weight: bold; margin: 0px 0px 12px; }
#fmBodyContent blockquote { background: #e9f9f8; margin: 10px 10px 15px; padding: 10px 10px 0px; border: 5px double #ffe5f5; -moz-box-shadow: 1px 1px 3px #333; -webkit-box-shadow: 1px 1px 3px #333; box-shadow: 1px 1px 3px #333; }
#fmBodyContent blockquote p { font: normal 12px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 15px; }
#fmBodyContent p { font: 13px Arial, Helvetica, sans-serif; margin-bottom: 15px; }
#fmBodyContent ul, #fmBodyContent ol { font-size: 13px; margin: 6px 15px 10px 35px; border-top: 1px dotted #CCC; }
#fmBodyContent ul li { padding: 5px 0px; border-bottom: 1px dotted #CCC; list-style-image: url(https://s3.amazonaws.com/temptalia_static/images/bullet.png); }
#fmBodyContent ol li { padding: 5px 0px; border-bottom: 1px dotted #CCC; list-style: decimal; }

p.noFound { padding: 10px; font-size: 14px; }

/* Table */

table.tablesorter td:nth-child(1) { font-weight: bold; }
table.tablesorter td:nth-child(2) { font-style: italic; }
table.tablesorter th.coverage { width: 75px; }

table.tablesorter {
	clear: both;
	background-color: #CDCDCD;
	margin: 10px 0pt 15px;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #eeccdd;
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	text-transform: capitalize;
}
table.tablesorter thead tr .header {
	background-image: url(https://s3.amazonaws.com/temptalia_static/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-left: 10px;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 12px;
	background-color: #FFF;
	vertical-align: top;
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
table.tablesorter tbody tr.odd td {
	background-color: #f3f3f3;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(https://s3.amazonaws.com/temptalia_static/images/asc.gif);
	padding-left: 10px;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(https://s3.amazonaws.com/temptalia_static/images/desc.gif);
	padding-left: 10px;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #be5372;
}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}