/*
	Copyright (C) 2014 - 2015 Luis Silva
	sl_forms 0.7.1
 
	This program is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/


/* Special Icons
 ****************************************************/
.SLLoadingIcon
{
	z-index: 501;
}


/* ToolTips
 ****************************************************/
.SLToolTipCorner
{
	position: absolute;
	z-index: 498;
}


.SLToolTipIcon
{
	position: absolute;
	z-index: 499;
	margin-left: 11px;
	padding-top: 3px;
}


.SLAttentionToolTipBody
{
	position: absolute;
	z-index: 497;
	width: 200px;
	border: 1px solid #E6DB55;
	background-color: #FFFBCC;
	text-align: left;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 11px;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 3px;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;	
}


.SLErrorToolTipBody
{
	position: absolute;
	z-index: 497;
	width: 200px;
	border: 1px solid #DF8F8F;
	background-color: #FFCECE;
	text-align: left;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 11px;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 3px;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;	
}


.SLInformationToolTipBody
{
	position: absolute;
	z-index: 497;
	width: 200px;
	border: 1px solid #A2B4EE;
	background-color: #DBE3FF;
	text-align: left;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 11px;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 3px;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;	
}


.SLSuccessToolTipBody
{
	position: absolute;
	z-index: 497;
	width: 200px;
	border: 1px solid #9ADF8F;
	background-color: #D5FFCE;
	text-align: left;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 11px;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 3px;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;	
}


.SLHelpToolTipBody
{
	position: absolute;
	z-index: 497;
	width: 200px;
	border: 1px solid #64C3F7;
	background-color: #D5F0FD;
	text-align: left;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 11px;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 3px;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;	
}


.SLToolTipContainer
{
	position: absolute;
	z-index: 500;
}


/* InputTips
 ****************************************************/
.SLInputTipContainer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C0C0C0;
	position: absolute;
	z-index: 496;
	padding-top: 3px;
	padding-left: 5px;
}


/* Modal Windows
 ****************************************************/
.SLBackgroundDiv
{
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
 	background-color: #000;
	position: fixed;
 	opacity: 0.5;
 	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	z-index: 502;
}


/* MessageBox
 ****************************************************/
.SLMessageBoxDiv
{
	display: none;
	position: fixed;
	width: 380px;
	height: 180px;
	top: 50%;
	left: 50%;
	margin-left: -190px;
	margin-top: -90px;
	background-color: #EBEBEB;
	border: 5px solid #0000FF;
	padding: 0px;
	z-index: 503;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	border-radius: 18px;
}


.SLMessageBoxTable
{
	width: 100%;
	border: 0px;
	padding: 0px;
	border-spacing: 0;	
}


.SLMessageBoxTitle
{
	font-size: 8pt;
	background-color: #0000FF;
	padding: 2px;
	color: White;
	font-weight: bold;
	vertical-align: middle;
}


.SLMessageBoxMessage
{
	background-color: white;
	font-size: 11pt;
	color: #006DCB;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-shadow: 2px 2px 1px #888888;
}


.SLMessageBoxBody
{
	background-color: white;
	font-size: 8pt;
	color: black;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #C7C7C7;
}


.SLMessageBoxButtons
{
	font-size: 10pt;
	background-color: #EBEBEB;
	text-align: center;
	vertical-align: middle;
}