﻿HTML { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; FONT-WEIGHT: inherit; BORDER-RIGHT: 0px; PADDING-TOP: 0px; font-family: Arial, Arial, Helvetica, sans-serif; }
BODY { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; FONT-WEIGHT: inherit; BORDER-RIGHT: 0px; PADDING-TOP: 0px; font-family: Arial, Arial, Helvetica, sans-serif; background-color: #fafafa; }
html, body {height:100%}

input { font-weight: normal; font-size: 11px; color: black; font-family: Arial, Helvetica, sans-serif; border-style: solid; border-width: 1px; border-color: #d5d5d5;  background-color: #ffffff; text-transform: uppercase } 
input checkbox { font-weight: normal; font-size: 11px; color: black; font-family: Arial, Helvetica, sans-serif; border-style: none; border-width: 0px; } 
select { font-weight: normal; font-size: 11px; color: black; font-family: Arial, Helvetica, sans-serif; border-style: solid; border-width: 1px; border-color: #d5d5d5;  background-color: #ffffff; }
image { border: 0px; background-color: Transparent; }

#header		{ BORDER-BOTTOM: #fff 0px solid; min-height: 40px; background-color: #212121; text-align: center; }
#nav		{ BORDER-BOTTOM: #ccc 1px solid; height: 20px; background: #fff; text-align: left; padding-bottom: 2px; padding-left: 20px; background-color: #fafafa; padding-top: 10px; text-align: center; }
#container	{ background-color: #f6f6f6; padding-top: 10px; text-align: center; width: 1000px; margin: 0 auto; }

.FondoAplicacion { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

/**/
.gob_header{
	background-color:#fff;
	height:85px;
	padding-top: 5px;
}
.gob_header .iso_ciudad{
	position:relative;
	height:49px;
	width: 275px;
	padding-left: 80px; 
	padding-top: 5px; 
}
.gob_header .iso_ciudad
{
	float:left;
	background:url('~/Images/Site/LogoFPT.png') no-repeat top left;
}
.gob_subheader{
	background-color:#4D4D4F;
	height: 42px;
	padding-top: 0px;
}


/*button*/
/*
.btnMain	   { height:28px; font-weight: normal; font-family: Arial; font-size: 13px; text-transform: none; border: solid 1px #00487a; padding-top: 4px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; background: url(images/button/button.gif) #00487a repeat-x;    color: #fff; cursor: pointer; }
.btnMainOff	   { height:28px; font-weight: normal; font-family: Arial; font-size: 13px; text-transform: none; border: solid 1px #00487a; padding-top: 4px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; background: url(images/button/button.gif) #00487a repeat-x;    color: #fff; cursor: inherit; filter:alpha(opacity=50); }
.btnMainAlt    { height:28px; font-weight: normal; font-family: Arial; font-size: 13px; text-transform: none; border: solid 1px #000000; padding-top: 4px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; background: url(images/button/altbutton.gif) #000000 repeat-x; color: #fff; cursor: pointer; }
.btnMainAltOff { height:28px; font-weight: normal; font-family: Arial; font-size: 13px; text-transform: none; border: solid 1px #000000; padding-top: 4px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; background: url(images/button/altbutton.gif) #000000 repeat-x; color: #fff; cursor: inherit; filter:alpha(opacity=50); }
*/
.btnMainChkOn  { height:28px; font-weight: normal; font-family: Arial; font-size: 13px; text-transform: none; border: solid 1px #000000; padding-top: 4px; padding-bottom: 5px; padding-left: 4px; padding-right: 0px; background: url(images/button/chkbuttonOn.gif)  #000000 repeat-x; color: #fff; cursor: pointer; }
.btnMainChkOff { height:28px; font-weight: normal; font-family: Arial; font-size: 13px; text-transform: none; border: solid 1px #000000; padding-top: 4px; padding-bottom: 5px; padding-left: 4px; padding-right: 0px; background: url(images/button/chkbuttonOff.gif) #000000 repeat-x; color: #fff; cursor: pointer;  }

/*tab*/
.btnTab		{ height:26px; font-weight: normal; font-family: Arial; font-size: 13px; text-transform: none; border: none 1px #00487a; padding-top: 4px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: url(images/tab/headertabbtn.png) #00487a repeat-x; color: #fff; cursor: pointer; }
.btnTabOff	{ height:26px; font-weight: normal; font-family: Arial; font-size: 13px; text-transform: none; border: none 1px #00487a; padding-top: 4px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: url(images/tab/headertabbtnOff.png) #00487a repeat-x; color: #fff; cursor: pointer; filter:alpha(opacity=50); }

.btnLnk				{ border: 0px solid #00487a; color: #fff; cursor: hand; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: none; text-decoration: none; padding: 3px; background: url(images/button/button.gif) #00487a repeat-x; height: 20px; }
.btnLnk a			{ border: 0px solid #00487a; color: #fff; text-decoration: none; text-align: center; }
.btnLnk a:link		{ border: 0px solid #00487a; color: #fff; text-decoration: none; text-align: center; }
.btnLnk a:visited	{ border: 0px solid #00487a; color: #fff; text-decoration: none; text-align: center; }
.btnLnk a:hover		{ border: 0px solid #00487a; color: #fff; text-decoration: none; text-align: center; }

/*link*/
.lnk01 { font-size: 12px; color: #4186A3; font-family: Verdana; font-weight:normal; text-decoration: none; }
.lnk01 a		 { color: #4186A3; text-decoration: none; }
.lnk01 a:link	 { color: #4186A3; text-decoration: none; }
.lnk01 a:visited { color: #4186A3; text-decoration: none; }
.lnk01 a:hover   { color: #4186A3; text-decoration: none; }

.lnk02 { font-size: 12px; color: #000000; font-family: Verdana; font-weight:normal; text-decoration: none; }
.lnk02 a		 { color: #000000; text-decoration: none; }
.lnk02 a:link	 { color: #000000; text-decoration: none; }
.lnk02 a:visited { color: #000000; text-decoration: none; }
.lnk02 a:hover   { color: #000000; text-decoration: none; }

.lnk03 { font-size: 12px; color: #FF0000; font-family: Verdana; font-weight:bold; text-decoration: none; }
.lnk03 a		 { color: #FF0000; text-decoration: none; }
.lnk03 a:link	 { color: #FF0000; text-decoration: none; }
.lnk03 a:visited { color: #FF0000; text-decoration: none; }
.lnk03 a:hover   { color: #FF0000; text-decoration: none; }

/*box 01*/
table.Box01      { border:solid 1px #ccc; margin: 0px 0px 20px; background-color: #fff; margin-left: auto; margin-right: auto; }
table.Box01 .hm  { background: url(images/box01/headerbox.png) #e5e5e5 repeat-x left top;	 height: 42px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 20px; color: #000; }
table.Box01 .hm td { padding-left: 20px; }
table.Box01 .hms { background: url(images/box01/altheaderbox.png) #e5e5e5 repeat-x left top; height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding-left: 10px; color: #fff; }
table.Box01 .hms td { padding-left: 20px; }
table.Box01 .tab { background: url(images/tab/headertab.png) #e5e5e5 repeat-x left top;		 height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding-left: 10px; color: #fff; }

table.Box01 .row1 { padding: 4px; text-align: left; height: 25px; background-color: #E0E0E0; font-size: 11px; border-right: solid 1px #fff; }
table.Box01 .row2 { padding: 4px; text-align: left; height: 25px; background-color: #E9E9E9; font-size: 11px; border-right: solid 1px #fff; }

table.Box01 .radio input { border-style: none; border-width: 0px; background-color:Transparent; font-weight: normal; font-size: 10px; } 
table.Box01 .st  { height: 30px; background: url('Images/Box01/altheaderbox.png') #0f518e repeat-x; color: #ffffff; font-family: Arial; font-size: 14px; padding-left: 10px; }
table.Box01 .st2 { height: 10px; background: url('Images/Box01/altheaderbox.png') #0f518e repeat-x; color: #ffffff; font-family: Arial; font-size: 14px; padding-left: 10px; }

table.Box01 .xPage 			 { font-family: Arial; font-size: 10px; color: #555555; height: 18px; padding: 1px; background: url('Images/Grid/pagination.gifx') #ffffff repeat-x; text-align: center; }
table.Box01 .xPage a		 { color: #000000; text-decoration: none; font-size: 10px; }
table.Box01 .xPage a:link	 { color: #000000; text-decoration: none; }
table.Box01 .xPage a:visited { color: #000000; text-decoration: none; }
table.Box01 .xPage a:hover   { color: #000000; text-decoration: none; }

/*Box04*/
table.Box04      { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; MARGIN: 0px 0px 20px; BACKGROUND: #fff; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid }
table.Box04 .hm  { background: url(images/box01/altheaderbox.png) #e5e5e5 repeat-x left top; HEIGHT: 42px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-left: 10px; color: #ddd;  }
table.Box04 .hms { background: url(images/box01/altheaderbox.png) #e5e5e5 repeat-x left top; HEIGHT: 30px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding-left: 10px; color: #fff; }

table.Box04 .row0 { background-color: #ffffff; padding: 4px; text-align: left; height: 20px; }
table.Box04 .row1 { background-color: #E0E0E0; padding: 4px; text-align: left; height: 14px; }
table.Box04 .row2 { background-color: #E9E9E9; padding: 4px; text-align: left; height: 14px; }

table.Box04 .txttit { margin: 1px 1px; font-size: 13px; color: #8d562a; }
table.Box04 .txtreq { margin: 1px 1px; font-size: 11px; color: #8d562a; }
table.Box04 .txt    { margin: 1px 1px; font-size: 11px; color: #ab7448; }

/*Grid*/
table.Grid { border-top: solid 1px #999; border-bottom: solid 1px #999; border-left: solid 1px #fff; border-right: solid 1px #fff; padding: 0px; background-color: #000000; }
/*table.Grid tr a:hover { color: #003466; text-decoration: none; font-weight: bold; border: none; background-color: #ffffff; }*/
table.Grid th { height: 30px; font-family: Arial; font-size: 11px; font-weight: bold; color: #fff; background: url('Images/Box01/altheaderbox2.png') #ffffff repeat-x; border-bottom: solid 1px #999; }
table.Grid td { height: 20px; font-family: Arial; font-size: 10px; font-weight: normal; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid 1px #ffffff; }

table.Grid .grow1           { background-color: #dae6ea; color: #2a4f5b; height: 18px; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; font-weight: normal; font-size: 10px; }
table.Grid .grow1 a		    { color: #2a4f5b; font-size: 10px; }
table.Grid .grow1 a:link	{ color: #2a4f5b; text-decoration: none; }
table.Grid .grow1 a:visited { color: #2a4f5b; text-decoration: none; }
table.Grid .grow1 a:hover   { color: #2a4f5b; text-decoration: none; }
table.Grid .grow1:hover		{ background-color: #bebebe; }

table.Grid .grow2           { background-color: #c7dae0; color: #2a4f5b; height: 18px; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; font-weight: normal; font-size: 10px; }
table.Grid .grow2 a		    { color: #2a4f5b; font-size: 10px; }
table.Grid .grow2 a:link	{ color: #2a4f5b; text-decoration: none; }
table.Grid .grow2 a:visited { color: #2a4f5b; text-decoration: none; }
table.Grid .grow2 a:hover   { color: #2a4f5b; text-decoration: none; }
table.Grid .grow2:hover		{ background-color: #bebebe; }

table.Grid .Page 		   { font-family: Arial; font-size: 10px; color: #000000; height: 18px; padding: 1px; background: url('Images/Grid/pagination.gif') #fdfdfd repeat-x; font-weight: bold; text-align: center; }
table.Grid .Page td		   { border: none; font-weight: bold; text-decoration: underline; text-align: center; }
table.Grid .Page a		   { color: #2a4f5b; text-decoration: none; font-size: 10px; text-align: center; }
table.Grid .Page a:link	   { color: #2a4f5b; text-decoration: none; }
table.Grid .Page a:visited { color: #2a4f5b; text-decoration: none; }
table.Grid .Page a:hover   { color: #2a4f5b; text-decoration: none; }

/*Grid*/
table.Grid2 { border-top: solid 1px #999; border-bottom: solid 1px #999; border-left: solid 1px #fff; border-right: solid 1px #fff; padding: 0px; background-color: #000000; }
table.Grid2 th { height: 127px; font-family: Arial; font-size: 11px; font-weight: bold; color: #fff; background: url('Images/Box01/altheaderbox2L.png') #ffffff repeat-x; }
table.Grid2 td { height: 20px; font-family: Arial; font-size: 10px; font-weight: normal; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid 1px #ffffff; }
table.Grid2 td a:hover   { color: #003466; text-decoration: none; font-weight: bold; border: none; }
table.Grid2 image { border: 0px; background-color: Transparent; }

table.Grid2 .grow1           { background-color: #fafafa; color: #003466; height: 20px; padding-left: 5px; padding-right: 5px; font-weight: normal; font-size: 10px; }
table.Grid2 .grow1 a		 { color: #003466; font-size: 10px; }
table.Grid2 .grow1 a:link	 { color: #003466; text-decoration: none; }
table.Grid2 .grow1 a:visited { color: #003466; text-decoration: none; }
table.Grid2 .grow1 a:hover   { color: #003466; text-decoration: none; }
table.Grid2 .grow1 image { border: 0px; background-color: Transparent; }

table.Grid2 .grow2           { background-color: #f0f0f0; color: #003466; height: 20px; padding-left: 5px; padding-right: 5px; font-weight: normal; font-size: 10px; }
table.Grid2 .grow2 a		 { color: #003466; font-size: 10px; }
table.Grid2 .grow2 a:link	 { color: #003466; text-decoration: none; }
table.Grid2 .grow2 a:visited { color: #003466; text-decoration: none; }
table.Grid2 .grow2 a:hover   { color: #003466; text-decoration: none; }
table.Grid2 .grow2 image { border: 0px; background-color: Transparent; }

table.Grid2 .Page 		     { font-family: Arial; font-size: 10px; color: #000000; height: 18px; padding: 1px; background: url('Images/Grid/pagination.gif') #fdfdfd repeat-x; font-weight: bold; }
table.Grid2 .Page td		 { border: none; font-weight: bold; text-decoration: underline; }
table.Grid2 .Page a		     { color: #003466; text-decoration: none; font-size: 10px; }
table.Grid2 .Page a:link	 { color: #003466; text-decoration: none; }
table.Grid2 .Page a:visited  { color: #003466; text-decoration: none; }
table.Grid2 .Page a:hover    { color: #003466; text-decoration: none; }

/*Grid*/
table.Grid3 { border-top: solid 1px #d7e059; border-bottom: solid 1px #d7e059; border-left: solid 1px #d7e059; border-right: solid 1px #d7e059; padding: 0px; background-color: #6c6600; }
table.Grid3 th { height: 24px; font-family: Arial; font-size: 11px; font-weight: bold; color: #000; background: url('Images/grid/yel.png') #ffffff repeat-x; }
table.Grid3 td { height: 20px; font-family: Arial; font-size: 10px; font-weight: normal; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; }
table.Grid3 td a:hover   { color: #003466; text-decoration: none; font-weight: bold; border: none; }

table.Grid3 .grow1           { background-color: #fafafa; color: #003466; height: 18px; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; font-weight: normal; font-size: 10px; }
table.Grid3 .grow1 a		 { color: #003466; font-size: 10px; }
table.Grid3 .grow1 a:link	 { color: #003466; text-decoration: none; }
table.Grid3 .grow1 a:visited { color: #003466; text-decoration: none; }
table.Grid3 .grow1 a:hover   { color: #003466; text-decoration: none; }

table.Grid3 .grow2           { background-color: #f0f0f0; color: #003466; height: 18px; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; font-weight: normal; font-size: 10px; }
table.Grid3 .grow2 a		 { color: #003466; font-size: 10px; }
table.Grid3 .grow2 a:link	 { color: #003466; text-decoration: none; }
table.Grid3 .grow2 a:visited { color: #003466; text-decoration: none; }
table.Grid3 .grow2 a:hover   { color: #003466; text-decoration: none; }

/*Info*/
table.Info { padding: 0px; border: #000 1px solid; background: url(images/box01/altheaderbox.png) #e5e5e5 repeat-x; }
table.Info td { height: 20px; font-family: Verdana; font-size: 10px; font-weight: normal; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; }
table.Info .irow1 { color: White; padding-left: 5px; padding-right: 5px; padding-bottom: 3px; font-weight: normal; font-size: 10px; font-weight: bold;}
table.Info .irow2 { color: White; padding-left: 5px; padding-right: 5px; padding-bottom: 3px; font-weight: normal; font-size: 10px; }

/*tab*/
.tab-button {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; MARGIN: 0px 0px 10px; DISPLAY: block; background-color: #f7f7f7; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; 
}
.tab-button SPAN {
	BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #fff 1px solid; LINE-HEIGHT: 1.3em; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: block; COLOR: #555; FONT-SIZE: 13px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; PADDING-TOP: 15px; vertical-align: middle;
	padding-bottom: 10px; text-decoration: none; 
}
.tab-button SPAN IMG {
	MARGIN-BOTTOM: 0px
}
.tab-button:hover {
	BACKGROUND: #fff
}
.tab-button SPAN:hover {
	COLOR: #003466
}
UL.tab-buttons-set LI {
	padding: 0px;
    MARGIN: 0px  10px 0px 0px; BACKGROUND: 0px 50%; FLOAT: left;
}

/*TreeView*/
.tree			{ padding: 0px; font-size: 11px; color: #00305d; }
.tree a			{ padding: 0px; font-size: 11px; }
.tree a:link	{ color: #00305d; text-decoration: none; font-size: 11px; }
.tree a:visited { color: #00305d; text-decoration: none; font-size: 11px; }
.tree a:hover	{ color: #00305d; text-decoration: none; font-size: 11px; }

/*
#00305d azul fuerte
#489cd4 celeste fuerte
#f0f9ff celeste clarito
*/

.row1 { padding: 4px; text-align: left; height: 16px; background-color: #f0f0f0; }
.row2 { padding: 4px; text-align: left; height: 16px; background-color: #f9f9f9; font-size: 11px; }

.txt    { margin: 1px 1px; font-size: 11px; color: #3f3f3f;}
.txtreq { margin: 1px 1px; font-size: 11px; color: #0f0f0f;}
.txterror { margin: 1px 1px; font-size: 11px; color: #ff0000;}

.btnMainS   { height:20px; font-weight: normal; font-family: Arial; font-size: 12px; text-transform: none; border-top: #00487a 0px solid; border-right: #00487a 0px solid; border-bottom: #00487a 0px solid; border-left: #00487a 0px solid; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND: url(images/button/button.gif) #0567ad repeat-x; COLOR: #fff; cursor: pointer; outline-width: 0px; }

.xbtnMain:hover {
	BORDER-BOTTOM-COLOR: #272727; BORDER-TOP-COLOR: #272727; BACKGROUND: url(images/button/altbutton.gif) #2a2a2a repeat-x; COLOR: #fff; BORDER-RIGHT-COLOR: #272727; BORDER-LEFT-COLOR: #272727; 
}
.xbtnMain:focus {
	BORDER-BOTTOM-COLOR: #272727; BORDER-TOP-COLOR: #272727; BACKGROUND: url(images/button/altbutton.gif) #2a2a2a repeat-x; COLOR: #fff; BORDER-RIGHT-COLOR: #272727; BORDER-LEFT-COLOR: #272727; 
}
.xbtnMain:active {
	BORDER-BOTTOM-COLOR: #272727; BORDER-TOP-COLOR: #272727; BACKGROUND: url(images/button/altbutton.gif) #2a2a2a repeat-x; COLOR: #fff; BORDER-RIGHT-COLOR: #272727; BORDER-LEFT-COLOR: #272727; 
}
.altbox .button {
	BORDER-BOTTOM: #272727 1px solid; BORDER-LEFT: #272727 1px solid; BACKGROUND: url(images/button/altbutton.gif) #2a2a2a repeat-x; BORDER-TOP: #272727 1px solid; BORDER-RIGHT: #272727 1px solid; 
}
.altbox .button:hover {
	BORDER-BOTTOM-COLOR: #00487a; BORDER-TOP-COLOR: #00487a; BACKGROUND: url(images/button/button.gif) #0567ad repeat-x; COLOR: #fff; BORDER-RIGHT-COLOR: #00487a; BORDER-LEFT-COLOR: #00487a; 
}
.altbox .button:focus {
	BORDER-BOTTOM-COLOR: #00487a; BORDER-TOP-COLOR: #00487a; BACKGROUND: url(images/button/button.gif) #0567ad repeat-x; COLOR: #fff; BORDER-RIGHT-COLOR: #00487a; BORDER-LEFT-COLOR: #00487a; text-shadow: #00487a 1px 1px 0
}
.altbox .button:active {
	BORDER-BOTTOM-COLOR: #00487a; BORDER-TOP-COLOR: #00487a; BACKGROUND: url(images/button/button.gif) #0567ad repeat-x; COLOR: #fff; BORDER-RIGHT-COLOR: #00487a; BORDER-LEFT-COLOR: #00487a; text-shadow: #00487a 1px 1px 0
}
.altbutton {
	BORDER-BOTTOM: #272727 1px solid; BORDER-LEFT: #272727 1px solid; BACKGROUND: url(images/button/altbutton.gif) #2a2a2a repeat-x; BORDER-TOP: #272727 1px solid; BORDER-RIGHT: #272727 1px solid; text-shadow: #000 1px 1px 0
}
.altbutton:hover {
	BORDER-BOTTOM-COLOR: #00487a; BORDER-TOP-COLOR: #00487a; BACKGROUND: url(images/button/button.gif) #0567ad repeat-x; COLOR: #fff; BORDER-RIGHT-COLOR: #00487a; BORDER-LEFT-COLOR: #00487a; text-shadow: #00487a 1px 1px 0
}
.altbutton:focus {
	BORDER-BOTTOM-COLOR: #00487a; BORDER-TOP-COLOR: #00487a; BACKGROUND: url(images/button/button.gif) #0567ad repeat-x; COLOR: #fff; BORDER-RIGHT-COLOR: #00487a; BORDER-LEFT-COLOR: #00487a; text-shadow: #00487a 1px 1px 0
}

/*msg*/
.msg		 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid; margin: 0 0 15px 0; padding: 5px 7px 0 10px; width: 90%; font-size: 13px; font-family: Arial; }
.msg p		 { margin: 0 0 8px 0; padding-left: 25px; }
.msg-ok		 { border-color: #a6d877; background: #d2ecba url("images/Msg/msg-ok.png")    repeat-x; color: #336801; }
.msg-error	 { border-color: #f3abab; background: #f9c9c9 url("images/Msg/msg-error.png") repeat-x; color: #8d0d0d; }
.msg-warn	 { border-color: #d7e059; background: #f3f7aa url("images/Msg/msg-warn.png")  repeat-x; color: #6c6600; }
.msg-info	 { border-color: #9fd1f5; background: #c3e6ff url("images/Msg/msg-info.png")  repeat-x; color: #005898; }
.msg-ok p	 { background: url("images/Msg/ok.png")    0 50% no-repeat; }
.msg-error p { background: url("images/Msg/error.png") 0 50% no-repeat; }
.msg-warn p  { background: url("images/Msg/warn.png")  0 50% no-repeat; }
.msg-info p  { background: url("images/Msg/info.png")  0 50% no-repeat; }


.speech		{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid; margin: 0 0 15px 0; padding: 5px 7px 0 10px; width: 95%; font-size: 13px; font-family: Arial; }
.speech p	{ margin: 0 0 8px 0; padding-left: 05px; }
.speech-ok	{ border-color: #a6d877; background: #d2ecba url("images/Msg/msg-ok.png")    repeat-x; color: #336801; }

/*==============================================================================
-- 								overLib 4.21
--============================================================================*/
.oblFontClass {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
.oblCapFontClass {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; }
.oblCapFontClass A {color: #64CDFF; font-size: 100%;}
.oblFgClass { background-color: #2689C0; font-size: 10px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff;}
.oblBgClass { background-color: #0960A3; font-size: 10px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff;}

.GridCA 
{ 
  background-color: #FFFFFF;
  border: 1px solid gray; 
  cursor: pointer; 
}

.HeadingCell 
{ 
  background-color: #333333;
  border: 1px solid #555555;
  border-bottom-color: #000000;
  border-right-color: #000000;
}

.HeadingCellText
{
  color: #FFFFFF;
  font-family: verdana; 
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  padding:3px;
}

.Row 
{ 
  background-color: #E2E2E2; 
}

.Row td.DataCell 
{ 
  cursor: default;
  padding: 3px; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
  font-family: verdana; 
  font-size: 10px; 
} 

.Row td.FirstDataCell 
{ 
  padding-left: 3px; 
  cursor: default;
} 

.SelectedRow 
{ 
  background-color: #f0f0f0; 
}

.SelectedRow td.DataCell 
{ 
  padding: 3px; 
  padding-left: 4px; 
  padding-bottom: 3px; 
  font-family: verdana; 
  font-size: 10px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
  cursor: default;
}

.SelectedRow td.FirstDataCell 
{ 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default;
}

.SelectedRow td.LastDataCell 
{ 
  border-right: 1px solid #4B4B6F; 
  cursor: default;
}

.GridFooter
{
  cursor: default;
  padding: 5px;
}

.GridFooter a 
{
  color: Black;
  font-weight: bold;
}

.PagerText
{ 
  font-family: verdana; 
  font-size: 11px; 
}

/*
Buttons
*/
.btnMain
{        
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    font: bold 0.9em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    background-image: linear-gradient(top, #eee, #ccc);
}

.btnMain:hover
{
	background-color: #ddd;        
	background-image: linear-gradient(top, #fafafa, #ddd);
	}

.btnMain:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.btnMain:focus
{
	outline: 0;
	background: #fafafa;
}    

.btnMain:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
    pointer-events: none;        
}

/* Buttons and inputs */
button.btnMain, input.btnMain 
{ 
	cursor: pointer;
	overflow: visible; /* removes extra side spacing in IE */
}

/* removes extra inner spacing in Firefox */
button::-moz-focus-inner 
{
  border: 0;
  padding: 0;
}

/* If line-height can't be modified, then fix Firefox spacing with padding */
input::-moz-focus-inner 
{
  padding: .4em;
}

/* The disabled styles */
.btnMain[disabled], .btnMain[disabled]:hover, .btnMain.disabled, .btnMain.disabled:hover 
{
	background: #eee;
	color: #aaa;
	border-color: #aaa;
	cursor: default;
	text-shadow: none;
	position: static;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;		
}
    
/* Hexadecimal entities for the icons */
.add:before
{
	content: "\271A";
}

.edit:before
{
	content: "\270E";        
}

.delete:before
{
	content: "\2718";
}

.save:before
{
	content: "\2714";
}

.email:before
{
	content: "\2709";        
}

.like:before
{
	content: "\2764";        
}

.next:before
{
	content: "\279C";
}

.star:before
{
	content: "\2605";
}

.spark:before
{
	content: "\2737";
}

.play:before
{
	content: "\25B6";
} 

footer {
	width:100%; 
	height:100px;
	color:#9C9C9C;
	position:relative;
	z-index:9;
	overflow:hidden;
}
footer .padding {padding:35px 0 0}

.gralFooter {
	width: auto;
	height: 45px;
	margin: 0px;
	padding: 0px;
	background-color:#9C9C9C;
	float: none;
	clear: both;
}

/*********extra***********/
.extra {
	min-height:100%; 
	height:auto !important; 
	height:100%; 
	margin: 0 auto -45px; 
	position:relative;
	overflow:hidden;
} 


.ProgressModal
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

/*.ProgressCenter
{
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 31px;
    height: 31px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1; 
}*/
