/*A style sheet is made up of style rules that tell a browser how to present a document.*/

/*
			***********************************		INDEX	  ***********************************
 Elements:
		1)body

 Classes:
 A)General Classes
1).SPgenTBL1
		2).SPgenTDtitle1
		3).SPgenTRAlternate1
		4).SPgenTRsimple1
		5).SPgenBTN1
		6).SPgenBTNmouseOver1
		7).SPgenIMGDel
		8).SPgenDG1
		9).SPgenDGhead1
		10).SPgenDGfoot1
		11).SPgenDGAlterback1
		12).SPgenPageLocator
		13).SPgenLBLbolderBlue1
		14).SPgenLBLbolderBlack1
		15).SPgenLBLbolderGray1
		16).SPgenLBLDarkRed1
		17).SPgenLBLDarkBlue1
		18).SPgenLBLDarkblack1
		19).SPgenLBLDarkGray1
		20).SPgenLBLDarkWhite1
		21).SPgenLBLDarkOrange1
		22).SPgenLBLLightRed1
		23).SPgenLBLLightBlue1
		24).SPgenLBLLightBlack1
		25).SPgenLBLLightGray1
		26).SPgenLBLLightOrange1
		27).SPgenERROR1
		28).SPgenSuccess1
		29).SPgenTXTBOX1
		30).SPgenPageError1
		31).SPgendrpList1
		32).SPgenLBLLightWhite1	

 B)Page Specific Classes
	a)_Paquetes.ascx
		1).SP_PaquetesTBLUpper
		2).SP_PaquetesTBLLower
	b)_Cabecera.ascx
		1).SP_CabeceraLBLhdr1
		2).SP_CabeceraTDmouseover
		3).SP_CabeceraTDselected
		4).SPselperTBL
	c)selper.aspx
		1)SPselperTBL
 */


/* General Classes */

/*This is a general class for every page where top,left,bottom and right margins are set to 0
and alligment is set to right */
body
{	
	margin: 0,0,0,0;
	text-align: center;
}

/*This is a general class for every page's main container table*/
/*Example: <table class="SPgenTBL1"> at all page*/
.SPgenTBL1
{	
	width: 984px;
	border: 0px;
	border-collapse: collapse; /*The various border properties apply to columns only if 'border-collapse' is set to 'collapse' on the table element*/
	padding: 0px,0px,0px,0px;
}

.SPgenTBLDummy
{
	color:Purple;
}
/*This is a style of title of Entry form page */
/*Example: <td class="SPgenTDtitle1" colSpan="2"> at selper\sp1Pro\AddProfile.aspx*/
.SPgenTDtitle1
{	
	height: 35;
	background-image: url(../images/formhdr35_1SELECTED.gif);
	text-align: center;
	font-family: Verdana, Arial;
	font-size: 17px;
	color: white;
	font-weight: bolder;
}

/*This is a style of alternate color of tr in Entry form page */
/*Example: <tr class="SPgenTRAlternate1"> at selper\sp1Pro\AddProfile.aspx*/
.SPgenTRAlternate1
{
	background-color: #DBEAF5;
	height: 26px;
}

/*This is a style of alternate white color of tr in Entry form page */
/*Example: <tr class="SPgenTRsimple1"> at selper\sp1Pro\AddProfile.aspx*/
.SPgenTRsimple1
{
	background-color: #ffffff;
	height: 20px;
}

/* this is a class for button like (submit,save,ok.cancel etc.)*/
/*Example: <asp:button id="btnSubmit" runat="server" Width="80px" cssclass="SPgenBTN1">
</asp:button> at selper\sp1Pro\AddProfile.aspx*/
.SPgenBTN1
{
	border-width: 0;
	color: DarkBlue;
	font-family: Verdana,arial;
	font-size: 8pt;
	height: 20;
	background-image: url(../images/buttonblue2.gif);
	cursor:hand;
}

A.SpgenLNK1, A.SPgenLNK1:link, A.SPgenLNK1:visited
{
	text-decoration:none;
	font-family: arial,verdana;
	font-size:13px;	
	color: Navy;
}

A.SPgenLNK1:Hover
{
	text-decoration:underline;
	font-family: arial,verdana;
	font-size:13px;	
	color: Navy;
}




.SPgenBTNmouseOver1
{
	border-width: 0;
	color: DarkBlue;
	font-family: Verdana,arial;
	font-size: 8pt;
	height: 20;
	background-image: url(../images/buttonblue2activated.gif);
	cursor:hand;
}

/* this is a class for special button like (Stop,delete etc.)*/
/*Example: <asp:button id="btnShareStop" runat="server" Width="80px" cssclass="SPgenBTN2">
</asp:button> at selper\sp1Pro\ProfileShare.aspx*/
.SPgenBTN2
{
	border-width: 0;
	color: DarkBlue;
	font-family: Verdana,arial;
	font-size: 8pt;
	height: 20;
	background-image: url(../images/selperhdr1.gif);
}

.SPgenBTNmouseOver2
{
	border-width: 0;
	color: DarkBlue;
	font-family: Verdana,arial;
	font-size: 8pt;
	height: 20;
	background-image: url(../images/selperhdr2.gif);
}

.SPgenBTNclass1
{
	border:solid 1px white;	
	cursor:hand;
}


/* this is a class for Delete button mostly used with datagrid where we just use simple asp:button */
/*Example: <asp:Button ID="btnDel" CssClass="SPgenIMGDel1" ToolTip="Delete profile" 
CommandName="DelProfile" Runat="server" /> at selper\sp1Pro\Profile.aspx */
.SPgenIMGDel1
{
	background-color: Transparent;
	background-image: url(../images/garbage_empty.gif);
	background-repeat: no-repeat;
	background-position: center;
	border:none;
	cursor: hand;
	height: 24;
	width: 24;
}

/*  DATA GRID */

/*Example:<asp:datagrid id="dgProfile" runat="server" AutoGenerateColumns="False" HeaderStyle-CssClass="SPgenDGhead1"
FooterStyle-CssClass="SPgenDGfoot1" cellpadding="2" GridLines="None" CssClass="SPgenDG1" DataKeyField="PrId"
ShowFooter="True" Width="100%" AlternatingItemStyle-CssClass="SPgenDGAlterback1" at selper\sp1Pro\Profile.aspx> 
at selper\sp1Pro\Profile.aspx */

/* this is for normal Item of all datagrid*/
.SPgenDG1
{
	color: black;
	font-family: Verdana, Arial;
	font-size: 11px;
	padding-left: 5px;
	text-align: center;
	/*border-top-color:White;
	border-bottom-color:White;
	border-left-color:#98C4DB;
	border-right-color:#98C4DB;
	*/
}

/* this is for Header of all datagrid*/
.SPgenDGhead2
{
	color: DarkBlue;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	
}

/* this is for Header of all datagrid*/
.SPgenDGhead1
{
	background-image: url(../images/gridbartop.gif);
	color: DarkBlue;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	height: 35;
	text-align: center;
}

/* this is for Footer of all datagrid*/
.SPgenDGfoot1
{
	background-image: url(../images/gridbardown.gif);
	height: 15;
}

/* this is for Alternate Scheme of all datagrid*/
.SPgenDGAlterback1
{
	background-color: #EFF6F9;
	color: black;
	font-family: Verdana, Arial;
	font-size: 11px;
	padding-left: 5px;
}

/*this  is for subheader of SelPer like -InfoSald > -Selection Profile below Main Header*/
/* <td class="SPgenPageLocator" width="60%"> at at selper\sp1Pro\AddProfile.aspx */
.SPgenPageLocator
{
	color: DarkBlue;
	font-family: Verdana,arial;
	font-size: 13;
	font-weight: bold;
	height: 30;
	POSITION:absolute;
	TOP:100px;
	LEFT:10px; 
}

/*  LABELS STYLES  */
/* for using different accepted colors  */

/*Example:<asp:label id="lblRight" cssclass="SPgenLBLbolderBlue1" Runat="server"></asp:label> at selper/sp0/selper.aspx */
.SPgenLBLbolderBlue1
{
	color: DarkBlue;
	font-family: Verdana,arial;
	font-size: 13pt;
	font-weight: bolder;
}

/*Example:<asp:label id="lblNote" runat="server" CssClass="SPgenLBLbolderBlack1"></asp:label> at selper/sp0/selper.aspx */
.SPgenLBLbolderBlack1
{
	color: Black;
	font-family: Verdana,arial;
	font-size: 13pt;
	font-weight: bolder;
}

.SPgenLBLbolderGray1
{
	color: Gray;
	font-family: Verdana,arial;
	font-size: 12pt;
	font-weight: bolder;
}

/*Example:<GetCssClass = "SPgenLBLDarkRed1" at Selper/sp3Nor/normmainList.aspx.vb */
.SPgenLBLDarkRed1
{
	color: #E12A2A;
	font-family: arial,verdana;
	font-size: 10pt;
	font-weight: bold;
}

.SPgenLBLDarkPaleBlue1
{
	Font-size:13px;
	color:#006699;
	font-family:arial,verdana;
	font-weight:bold;
}

.SPgenLBLLightPaleBlue1
{
	Font-size:13px;
	color:#006699;
	font-family:arial,verdana;
}
/*Example:<asp:Label ID="lblfirst" Runat="server" CssClass="SPgenLBLDarkBlue1"> at Selper/sp3Nor/InfoNorm.aspx*/
.SPgenLBLDarkBlue1
{
	color: DarkBlue;
	font-family: Verdana,arial;
	font-size: 9pt;
	font-weight: bold;
	text-align:center;
}

.SPgenLBLDarkBlue2
{
	color:DarkBlue;
	font-family:Verdana,arial;
	font-size:8pt;
	font-weight:bold ;
}

.SPgenLBLDarkBlue3
{
	color:DarkBlue;
	font-family:arial;
	font-weight:bold ;
	font-size: 13px;
}

.SPgenLBLDarkPurple1
{
	color:Purple;
	font-family:arial;
	font-weight:bold ;
	font-size: 13px;
}
/*Example:<asp:label id="lblW" CssClass="SPgenLBLDarkblack1" Runat="server">escritura:</asp:label><asp:label id="lblWrite" CssClass="SPgenLBLLightBlack1" Runat="server"></asp:label> at Selper/sp0/SelPer.aspx*/
.SPgenLBLDarkblack1
{
	color: Black;
	font-family: Verdana,arial;
	font-weight: bold;
	font-size: 10pt;
}

/*Example:<asp:Label CssClass="SPgenLBLDarkGray1" Font-Size="12" ID="lblpro" Runat="server"></asp:Label> at Selper/sp3Nor/DemarkNorms.aspx*/
.SPgenLBLDarkGray1
{
	color: Gray;
	font-family: Verdana,arial;
	font-size: 9pt;
	font-weight: bold;
}

/*Example:<asp:label id="lblHeader" text="" Runat="server" CssClass="SPgenLBLDarkWhite1"></asp:label> at Selper/sp5Lis/addeditPersonalizedList.aspx*/
.SPgenLBLDarkWhite1
{
	color: White;
	font-family: Verdana,arial;
	font-size: 15pt;
	font-weight: bold;
}

.SPgenLBLLightWhite1
{
	color: White;
	font-family: Verdana,arial;
	font-size: 10pt;
}

.SPgenLBLDarkOrange1
{
	color: #E87817;
	font-family: Verdana,arial;
	font-size: 10pt;
	font-weight: bold;
}

/*Example:GetCssClass = "SPgenLBLLightRed1" at Selper/sp3Nor/NormMainList.aspx.vb*/
.SPgenLBLLightRed1
{
	color: red;
	font-family: verdana,arial;
	font-size: 9pt;
}

/*Example:<asp:Label Runat="server" ID="lblmodtext" CssClass="SPgenLBLLightBlue1"></asp:Label> at Selper/sp3Nor/DemarkNorms.aspx*/
.SPgenLBLLightBlue1
{
	color: DarkBlue;
	font-family: Verdana,arial;
	font-size: 9pt;
	text-align:left;
}

/*Example:<asp:label id="lblPack" Runat="server" CssClass="SPgenLBLLightBlack1"></asp:label> at Selper/sp1Pro/AddProfile.aspx*/
.SPgenLBLLightBlack1
{
	color: Black;
	font-family: arial;
	font-size: 13px;
}
.SPgenLBLLightMaroon1
{
	color: #800000;
	font-family: arial;
	font-size: 13px;
}
.SPgenLBLDarkMaroon1
{
	color: #800000;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
}
/*Example:<asp:Label ID="lblMustSelect" Runat="server" CssClass="SPgenLBLLightGray1"></asp:Label> at Selper/sp5Lis/ControlTools.aspx*/
.SPgenLBLLightGray1
{
	color: Gray;
	font-family: arial,Verdana;
	font-size: 9pt;
}

.SPgenLBLLightOrange1
{
	color: #E87817;
	font-family: Verdana,arial;
	font-size: 9pt;
}

/*  ERROR STYLE  */
/* to warn user this style is given to lable*/
/*Example:MyError.CssClass = "SPgenERROR1" at Selper/sp1Pro/AddProfile.aspx.vb*/
.SPgenERROR1
{
	border:1px solid red;
	background-color:White;
	color: Red;
	width:100%;
	height:25px;
	padding:4,0,0,0;
	vertical-align:middle;
	font-family: Verdana,arial;
	font-size: 9Pt;
	font-weight:bold;
}

.SPgenPageError1
{
	position:absolute;
	top:100px;
	left:410px;
	width:575px;	
	text-align:center;
	vertical-align:middle;
}

.SPgenERROR2
{
	color: Red;
	vertical-align:middle;
	font-family: Verdana,arial;
	font-size: 9Pt;
}

/*  INFORMATION STYLE  */
/* to inform user this style is given to lable*/
/* Example:MyError.CssClass = "SPgenSuccess1" at Selper/sp1Pro/Profile.aspx.vb*/
.SPgenSuccess1
{
	color: Green;
	font-family: Verdana,arial;
	font-size: 9Pt;
}

/* TEXT BOX */
/* for using multiline Property */
/* Example: <asp:TextBox TextMode="MultiLine" CssClass="SPgenTXTBOX1" ID="txtComments" Runat="server" Rows="5"
Columns="60"></asp:TextBox> at Selper/sp3Nor/MarkNorm.aspx */
.SPgenTXTBOX1
{
	font-family:arial,verdana;
	font-size:13px;
	border-style:solid;
	border-width:1px;
	border-color:#98C4DB;

}

.SPgendrpList1
{
	font-family:arial,verdana;
	font-size:12px;
	border-style:solid;
	border-width:1px;
	border-color:#98C4DB;
}



/* Page Specific Classes */

/* PAGE:_Paquetes.ascx */

/* This is a specific style used for upper table for main header*/
.SP_PaquetesTBLUpper
{
	border-color: #98C4DB;
	border-style: solid;
	border-bottom-width: 0;
	border-left-width: 1;
	border-right-width: 1;
	border-top-width: 1;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight:bold;
}
/* This is a specific style used for Lower table for all Packs*/
.SP_PaquetesTBLLower
{
	border-color: #98C4DB;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana,arial;
	font-size: 8pt;
}

/* PAGE:_Cabecera.ascx */

/*Purpose: Used for main Header of selper */
.SP_CabeceraLBLhdr
{
	color: DarkBlue;
	font-family: Verdana,arial;
	font-size: 18;
	font-weight: bolder;
}

/* This is used for normal first state */
.SP_CabeceraTDNormal
{
	background-image: url(../images/selperhdr1.gif);
	color: DarkBlue;
	cursor: hand;
	font-family: Verdana,arial;
	font-weight: bold;
	font-size: 8pt;
}

/* This is used for mouse over state*/
.SP_CabeceraTDmouseover
{
	background-image: url(../images/selperHdr2.gif);
	color: DarkBlue;
	cursor: hand;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: bold;
}

/* This is used for selected state*/
.SP_CabeceraTDselected
{
	background-image: url(../images/selperhdr3.gif);
	color: DarkBlue;
	cursor: hand;
	font-family: Verdana,arial;
	font-size: 8pt;
	font-weight: bold;
}


/*for selper.aspx */
.SPselperTBL
{
	height: 163;
	width: 391;
	border: 0;
	padding: 0,0,0,0;
	background-color: #a0c6e5;
}

/* Contro Tool PAGE */

.SPControToolCHKBOXDark
{
	font-family:Verdana,arial;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

.SPControlToolCHKBOX
{
	font-family:Verdana,arial;
	font-size:12px;
}

.SPControlToolRDB
{
	font-family:Verdana,arial;
	font-size:12px;
}

/* Addeditselection */
.SPAddeditselectionLBLyellow
{
	font-family:Verdana,arial;
	font-size:14px;
	color:#006699;
	font-weight:bold;
}
.SPAddeditselectionFSET
{	
}
/*for Profile pages*/
.SPProfileDGhead1
{
	border-bottom: Groove 1 DarkBlue;
	background-color:#EBEBFC;
	font-family:arial,verdana;
	font-size:12px;
	font-weight:bold;
	width:20px;
	text-align:center;
}
.SPProfileDGhead2
{
	border-bottom: Groove 1 DarkBlue;
	background-color:#F5F5F5;
	font-family:arial,verdana;
	font-size:12px;
	font-weight:bold;
	width:20px;
	text-align:center;
}
.SPProfileDGmain
{
	font-family:arial,verdana;
	font-size:11px;
	border:solid 1px DarkBlue;
}

.SPProfileDGAlterback1	
{
	/*background-color:Lavender;
	background-color:#F0F0FF;*/
	background-color:#EBEBFC;
}

.SPProfileSteps1
{
	color: #6E619E;
	font-family: Verdana,arial;
	font-size: 10pt;
}

.SPProfileSteps2
{
	color: #6E619E;
	font-family: Verdana,arial;
	font-size: 9pt;
	font-weight: bold;
}
.SPMainHeading
{
	background-color: #e8ebef; 
	width:100%;
	height:25px;
	text-align:left;
	padding-top:2px;
	font-family: Verdana,arial;
	font-size: 17px;
	font-weight: bolder;
	COLOR: #4791c5;
	border:5px solid #e8e5ee;
	
}
.SPAccesso
{
	FONT-SIZE: 20px; 
	WIDTH: 100%; 
	POSITION: relative; 
	HEIGHT: 30px; 
	BACKGROUND-COLOR:#a0c6e5;  
	TEXT-ALIGN: center;
	font-family: Verdana,arial;
	font-size: 13pt;
	font-weight: bolder;
}