body
{
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	font-weight: bold;
}
input
{
	color: #000000;
    font-family: Arial;
    font-size: 10px; 
}
.box
{
    border: solid 1px #AAAAAA;
    background-color: #FFFFFF;
    padding: 5px;
}
.btnCalendario 
{
    color: #000000;    
    font-family: Verdana;
    font-size: 8px;
    font-weight: bold;    
    vertical-align: middle;
}
.btnForm
{
    color: #000000;    
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;    
    width: 80px;
}
.btnLogin
{
    color: #000000;    
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;    
    vertical-align: middle;
}
.btnReloj 
{
    color: #000000;    
    font-family: Verdana;
    font-size: 8px;
    font-weight: bold;    
    vertical-align: middle;
}
.collapsedPanel
{
	background-image: url(Imagenes/imgFondoPanel.jpg);
	background-repeat: repeat-x;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;    
    color: #355AA3;
	cursor: hand;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
	padding: 2px;	
    text-align: left;
    text-decoration: none;
    text-transform: none;
}
.dataGridView
{
	background-color: #FFFFFF;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	color: #000000;	
    font-family: Arial;    
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.gridRowStyle
{
	background-color:#D1DAFF;
}

.gridAlternateRowStyle
{
	background-color:Fuchsia;
}

.headerGrid
{
	background-color: #14588F;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 2px;
	color: #FFFFFF;
    font-family: Arial;    
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}

.pagerGrid 
{
	background-color:#FFFFFF;    
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    border-color: #999999;
}

.dayHeaderCalendario
{
    background-color: #006699;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    font-weight: bold;
	text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}
.dropDownList 
{
    color: #000000;
    font-family: Arial;    
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;    
}
.dinMenuHover 
{
    color: #404040;    
    font-family: Times New Roman;
    font-size: 12px;
    font-weight: bold;
}
.dinMenuItem 
{
    color: #000000;    
    font-family: Times New Roman;
    font-size: 12px;
    font-weight: bold;
}
.editRowGrid
{
    color: #000000;
    font-family: Verdana;    
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;    
}
.headerBox
{
    border: solid 1px #AAAAAA;    
    background-color:royalblue;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}
.footer
{
    border: solid 1px #AAAAAA;
    background: url("imagenes/footer.jpg");
    background-color:white;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.instructionTextLogin
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}
.lbl 
{
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-right: 2px;
    text-align: right;
    text-decoration: none;
    text-transform: none;        
}
.lblValidator 
{
    color: Red;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-left: 2px;    
    text-align: left;
    text-decoration: none;
    text-transform: none;        
}
.lblValidatorLogin
{
    color: Red;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    text-transform: none;        
}
.legend 
{
    color: #000000;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: none;        
}
.lnk
{
    color: #355AA3;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
}
.loginControl
{
    background-color: #F5F5F5;
	border-color: #777777;
    border-style: solid;
    border-width: 1px;    
    color: #000000;
	font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
	text-decoration: none;
    text-transform: none;
}
.mensaje
{
    color: #355AA3;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}
.menuControl
{    
	background-repeat: repeat-x;
	color: #355AA3;
	font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 1px;
	text-align: left;
    text-decoration: none;
    text-transform: none;
}
.monthHeaderCalendario
{
    background-color: #FFFFFF;
    color: #115588;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
	text-align: center;
    text-decoration: underline;
    text-transform: capitalize;
}
.offMonthCalendario
{
    background-color:#F0F0F0;
    color: #888888;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
	text-align: center;
    text-decoration: underline;
    text-transform: none;
}
.orderedListBox 
{
    color: #000000;
    font-family: Arial;    
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    width: 50px;
}

.panel
{
    padding: 5px;
    text-align: right;
}
.selectedDateCalendario
{
    background-color: #006699;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
	text-align: center;
    text-decoration: underline;
    text-transform: none;
}
.selectedGrid
{
    color: #000000;
    font-family: Verdana;    
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}
.selectedTimeReloj
{
    background-color: #006699;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
	padding-left: 3px;
	text-align: left;
    text-decoration: underline;
    text-transform: none;
}
.sqlException
{
    background-color: #F5F5F5;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;    
    color: #FE5C5C;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-variant: small-caps;
    font-weight: bold;
	padding: 10px;	
    text-align: left;
    text-decoration: none;
    text-transform: none;
	width: 350px;
}
.staMenuHover 
{
    border: solid 2px #355AA3;
    color: #355AA3;
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 7px;
}
.staMenuItem 
{
    border: solid 2px #EEEEEE;
    color: #000000;    
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 7px;
}
.timeReloj 
{
	background-color: #FFFFFF;	
    color: #000000;
    font-family: Arial;    
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
	padding-left: 4px;
    text-align: left;
    text-decoration: underline;
    text-transform: none;
	width: 105px;
}
.title
{
    border: solid 1px #AAAAAA;
    background-color: #14588F;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}
.subTitle
{
    border: solid 1px #AAAAAA;
    background-color: #808080;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    padding-left: 5px;
    text-align: left;    
}
.titleGrid
{
    color: #355AA3;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 7px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}
.titleLinkPanel
{
	background-image: url(Imagenes/imgFondoPanel.jpg);
	background-repeat: repeat-x;
    color: #355AA3;
	cursor: hand;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
	text-align: left;
    text-decoration: none;
    text-transform: none;
}
.titleLogin
{
    background-image: url(Imagenes/imgFondoMid.jpg);
    background-repeat: repeat-x;
    color: #000000;
	font-family: Verdana;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;    
    padding: 5px;
	text-align: center;
    text-decoration: none;
    text-transform: none;
}
.titleLoginLeft
{
    background-image: url(Imagenes/imgFondoLeft.jpg);
    background-repeat: no-repeat;
    width: 25px;
}
.titleLoginRight
{
    background-image: url(Imagenes/imgFondoRight.jpg);
    background-repeat: no-repeat;
    width: 25px;
}
.titlePanel
{
	background-image: url(Imagenes/imgFondoPanel.jpg);
	background-repeat: repeat-x;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;    
    color: #355AA3;
	cursor: hand;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
	padding: 2px;	
    text-align: left;
    text-decoration: none;
    text-transform: none;
}
.todayDayCalendario
{
	background-color: #FFFFFF;
	color: #115588;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
	text-align: center;
    text-decoration: underline;
    text-transform: none;
}
.txtbx 
{
    color: #000000;
    font-family: Arial;    
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.txtbxLarge 
{
    color: #000000;
    font-family: Arial;    
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.txtbxPwd
{
    color: #000000;
    font-family: Verdana;    
    font-size: 09px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}
.txtbxUC
{
    color: #000000;
    font-family: Arial;    
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}
.treeView 
{
    color: #000000;    
    font-family: Times New Roman;
    font-size: 12px;
    font-weight: bold;
}
.weekDayCalendario
{
	background-color: #FFFFFF;		
	color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
	text-align: center;
    text-decoration: underline;
    text-transform: none;
}
.weekendDayCalendario
{
	background-color: #CCCCCC;		
	color: #000000;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
	text-align: center;
    text-decoration: underline;
    text-transform: none;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

upCase
{
    text-transform: uppercase;
}