/*** Stylesheet do projecto SVIG-TB ******/

/*** Formatação das tags HTML ******/
body, td, p, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 18px;
	color: #003070;
	margin: 0px 0px 10px 0px;
}
h2 {
	font-size: 14px;
	color: #003070;
	margin-bottom: 10px;
}
h3 {
	font-size: 12px;
	color: #003070;
	margin-bottom: 10px;
}
iframe {
	width: 100%;
}

/*** Page Layout *******/
.Page {
	background: #003070;
	padding: 10px 10px 0px 20px;
}
.Content {
	background: #fff url(../img/Content_Bg.png) repeat-y right;
	min-width: 980px;
}
.Header {
	background: url(../img/header_bg.png) no-repeat top right;
	margin-right: 11px;
}
.Header_Logo {
}
.Header_Content {
	height: 52px;
	padding: 10px 0px 0px 10px;
}
.Header_Bar {
	background-color: #72B03A;
	clear: both;
	height: 20px;
	margin-left: 10px;
}
.Header_UserInfo {
	color: #fff;
	float: right;
	line-height: 20px;
	padding-right: 10px;
	font-size: 11px;
	width: 300px;
	text-align: right;
}
.Header_UserInfo a, .Header_UserInfo a:hover, .Header_UserInfo a:visited {
	color: #fff;
}
.Body {
	padding: 10px 40px 0px 30px;
	_height: 400px;
	min-height: 400px;
}
.Footer {
	background: url(../img/Footer_Bg.png) repeat-x bottom;
	clear: both;
	padding: 50px 6px 20px 10px;
	margin-right: 5px;
}
.Footer_Separator {
	background-color: #72B03A;
	height: 6px;
	margin-bottom: 10px;
	font-size: 5px;
}
.Footer_Version {
	font-size: 10px;
	color: #888;
	float: right;
	margin-right: 10px;
}
#TwoColumnLayout {
	padding-left: 170px;
}
.CenterStage {
	float: left;
	position: relative;
	width: 100%;
}
.LeftColumn {
	margin-left: -170px;
	_margin-left: -85px;
	float: left;
}
.Title {
	margin-bottom: 15px;
}
.Title h1 {
	margin: 0px;
}
.TitleLinks {
}
/*** Menu ******************/
.Menu {
	width: 150px;
	vertical-align: top;
}
.Menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}
.MenuSection {
	border: solid 1px #FFF;
}
a.MenuGroup_Up, a:visited.MenuGroup_Up, a.MenuGroup_Down, a:visited.MenuGroup_Down {
	display: block;
	margin-bottom: 0px;
	border: solid 1px #516027;
	color: #FFF;
	padding: 1px 0px 1px 4px;
	text-decoration: none;
}
a.MenuGroup_Up, a:visited.MenuGroup_Up {
	background: url(../img/menu_section_up_bg.png) right;
}
a.MenuGroup_Down, a:visited.MenuGroup_Down {
	background: url(../img/menu_section_down_bg.png) right;
}
.MenuButton a, .MenuButton a:visited {
	border: solid 1px #516027;
	background: url(../img/menu_button_bg.png) repeat-x;
	color: #516027;
	margin: 2px 0px 2px 0px;
	padding: 1px 0px 1px 4px;
	display: block;
	text-decoration: none;
}
.MenuButton a:hover {
	display: block;
	color: #516027;
	font-weight: bold;
}
/*** Validation Summary ***********/
.ValidationSummary {
	border: solid 1px red;
	padding: 5px;
	margin-bottom: 10px;
}
.ValidationSummary ul {
	margin-bottom: 0px;
	margin-top: 5px;
}
.ValidationSummary ul li {
	list-style-type: disc;
}
/*** Status Messages **************/
.INT_Status {
	margin-bottom: 10px;
	padding: 5px 5px 5px 30px;
	border-width: 1px;
	border-style: solid;
}
.INT_Status_Message {
	color: #444;
}
.INT_Status.Error {
	background: transparent url(../img/emblem-error_22x22.png) no-repeat 2px 2px;
	border-color: #ffcece;
	background-color: #ffe5e5;
}
.INT_Status.Success {
	background: transparent url(../img/emblem-success_22x22.png) no-repeat 2px 2px;
	border-color: #d8ffaa;
	background-color: #eeffd7;
}
.INT_Status.Warn {
	background: transparent url(../img/emblem-warning_22x22.png) no-repeat 2px 2px;
	border-color: #FCB85C;
	background-color: #FBEDBB;
}
.INT_Status.Info {
	background: transparent url(../img/emblem-information_22x22.png) no-repeat 2px 2px;
	border-color: #a5c9df;
	background-color: #e4edf2;
}
/*** Forms **************/
.Form_Caption {
	color: #000;
	padding: 2px 10px 2px 0px;
	border-bottom: solid 1px #e7e7ff;
}
.Form_DataEdit {
	height: 25px;
	padding: 1px;
}
.Form_DataShow {
	height: 25px;
}
.Form_DataNote {
	font-size: 11px;
	color: #666;
	margin-left: 5px;
}
.Form_Buttons {
	padding-top: 10px;
	padding-bottom: 10px;
}
.Form_Buttons input {
	margin-right: 3px;
}
.Form_Error {
	color: #f00;
	padding: 0px 3px;
}
.Form_SubTitle {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: Black;
}
/*** Login Page ************/
.Login_Form {
	float: right;
	border: 2px solid #003070;
	padding: 0px 10px 10px 10px;
	margin-left: 50px;
}
.Login_Intro {
	height: 200px;
}
.Login_Intro p {
	margin-bottom: 10px;
}
.Error {
	color: red;
	margin-left: 3px;
}
.FormBlock {
	padding-top: 10px;
}

/*** Parametros *************************/
.Param_Title {
	border-bottom: solid 1px #003366;
	margin-bottom: 5px;
	line-height: 16px;
	height: 22px;
}
h3.Param_Title {
	line-height: 25px;
}
.Param_Section {
}
.Param_Section:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.Param_Item {
	margin-bottom: 10px;
}
.Param_Label {
	width: 175px;
	line-height: 22px;
	border-bottom: solid 1px #DDD;
	color: #002a53;
}
.Param_LevelIndent {
	margin-left: 25px;
}
.Param_Label2 {
	width: 180px;
	line-height: 22px;
	color: #002a53;
}
span.Param_Label {
	display: inline-block;
}
span.Param_Label2 {
	display: inline-block;
}
td.Param_Label {
	vertical-align: top;
	width: 175px;
}
h3.Param_Label {
	vertical-align: top;
	width: auto;
	font-weight: 400;
	font-size: 12px;
}
.Param_Note {
	color: #BBB;
	margin-left: 175px;
	font-size: 11px;
}
.Param_Help {
	margin-bottom: 20px;
	font-size: 11px;
	padding: 10px;
	border: solid 1px #d4ccb0;
	background-color: #f5f3e5;
}
.Param_Help_Image {
	margin-right: -40px;
	float: right;
}
.Param_Help .Param_Title {
	margin-right: 40px;
}
.Param_AnchorSmall {
	color: #555;
	margin-left: 10px;
	font-size: 11px;
	font-weight: normal;
}
a.Param_AnchorSmall, a.Param_AnchorSmall:hover, a.Param_AnchorSmall:visited {
	text-decoration: none;
}
a.Param_AnchorSmall:hover {
	color: Blue;
}
.Param_Anchor {
	color: #002A53; 
	font-size: 14px;
}
.Param_OptionInline {
	width: 100px;
	display: inline-block;
}
.Param_CheckList {
	border: solid 1px #CCC;
	margin-bottom: 3px;
	margin-top: 3px;
	overflow: auto;
}
.Param_CheckListTitle {
	margin-bottom: 5px;
	color: #002A53;
}
.Param_Exclude {
	margin-top: 5px;
	font-style: italic;
}
.Param_Exclude input {
	width: 18px;
}
.Param_Column {
	float: left;
	margin: 0 10px 10px 0;
}
.Param_Idade {
	line-height: 30px;
}
.Param_Miru_Item {
	line-height: 28px;
	width: 130px;
	padding: 1px 2px 1px 2px;
}

.Param_Miru_ItemAlt {
	background-color: #E6E6FA;
	line-height: 28px;
	width: 130px;
	padding: 1px 2px 1px 2px;
}

.Param_Miru_Input {
	float: right;
	margin-top: 4px;
	width: 16px;
}
/*** ParamBox ******/
.ParamBox {
	border: solid 1px #CCC;
	background-color: #FFFFCF;
	padding: 5px;
	float: right;
	width: 280px;
	margin: 0px 0px 10px 10px;
}
.ParamBox h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.ParamBox ul {
	padding-left: 1.3em;
}
.ParamBox_Edit {
	font-size: 10px;
	text-align: right;
	margin-top: 10px;
}
/*** Tables da residência ******/
.Hidden {
	display: none;
}

.Included {
	background-color: rgb(200, 255, 200);
}

.Excluded {
	background-color: rgb(255, 200, 200);
}

.Partial {
	background-color: rgb(255, 255, 200);
}

.Normal {
	background-color: inherit;
}

.FloatLeft {
	float: left;
}

.ParameterTitle2 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: Black;
	display: block;
	margin-bottom: 5px;
}

.ParameterLineTitle {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: Black;
	display: inline;
}

.ParameterPanel {
	padding: 5px;
	margin-bottom: 10px;
	float: none; 
}

/* flow para a direita */
.ParameterGeoPanel {
	padding: 2px;
	width: 180px;
	height: 400px;
	float: left;
	margin: 4px; 
}
.ParameterGeoPanelTable {
	width: 100%;
	overflow: auto;
	min-height: 150px;
	max-height: 330px;
	margin-bottom: 5px; 
}

.ParameterGeoPanelTable table {
	width: 98%;
	margin-bottom: 5px; 
}

.ResidenceTable {
	border-bottom-style: solid;
	border-collapse: collapse; 
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	height: 10px;
	width: 200px;
	border-width: 2px;
}

.ClearFloats {
	clear: both;
	font-size: 1px;
	color: #FFF;
	height: 1px;
}

TD.CheckboxColumn {
	height: 20px;
	width: 25px;
}

div.Form_ButtonsLayout {
	padding-top: 10px;
	margin-left: 175px;
	padding-bottom: 10px;
}
.Icon_Placeholder {
	border-width: 0px;
	height: 16px;
	width: 16px;
}

/** Configurador de Charts **/
.Chart_Label {
	width: 120px;
	line-height: 22px;
	border-bottom: solid 1px #DDD;
	color: #002a53;
}
span.Chart_Label {
	display: inline-block;
}


.ColorPickerItem_ {
	height: 20px;
	width: 20px;
	border-style: none;
	border-width: 0px;
	border-color: Black;
	margin: 0px;
}

.ColorPickerItem_Selected {
	height: 16px;
	width: 16px;
	border-style: dotted;
	border-width: 2px;
	border-color: Black;
	margin: 0px;
}

.YuiTabview_Tab {
	padding-top: 5px;
	padding-bottom: 5px;
}

.CustomColorCollection {
	margin-top: 10px;
	padding-left: 30px;
}

.CustomColorCollection_Header_REQ {
}

/*** default dos divs interiores *****/
.CustomColorCollection_Header_REQ > div {
	float: left;
}

.CustomColorCollection_Header_REQ > .col1 {
	width: 20px;
}

.CustomColorCollection_Header_REQ > .col2 {
	width: 65px;
	text-align: right;
}

.CustomColorCollection_Header_REQ > .col3 {
	width: 65px;
	text-align: right;
}

.CustomColorCollection_Header_REQ > .col4 {
	width: 65px;
	text-align: right;
}

.CustomColorCollection_Header_REQ > .col5 {
	width: 65px;
	text-align: right;
}



.CustomColorCollection_Intervals_REQ {
	width: 350px;
	height: 250px;
	overflow: scroll;
	background-color: #E5E5E5;
	border: solid 1px Gray;
}


.CustomColorCollection_Interval_REQ {
	line-height: 14px;
	text-align: left;
	background-color: #FFFFFF;
	height: 22px;
	overflow: hidden;
	vertical-align: bottom;
	border: none;
	margin-bottom: -1px;
}

/*** default dos divs interiores *****/
.CustomColorCollection_Interval_REQ > div {
	float: left;
	height: 20px;
	margin: 0px; /*overflow:hidden;    */
}

.CustomColorCollection_RowHeader_REQ {
	width: 25px;
}

.CustomColorCollection_Value_REQ {
	width: 65px;
	text-align: right;
	border: solid 1px black;
	overflow: hidden; /*border: solid 1px #F6F6F6;*/
	border: solid 1px #F6F6F6;
	margin-left: -1px;
}
.CustomColorCollection_Value_REQ .readonly {
	width: 100%;
	height: 20px;
	margin-left: -3px;
}
/*** Estilo da textbox de edição de valor *****/
.CustomColorCollection_Value_REQ .writeable {
	width: 90px;
	height: 20px;
}
.CustomColorCollection_AutomaticValue_REQ {
	width: 65px;
	color: Gray;
	text-align: right; /*border: solid 1px #F6F6F6;*/
	border: solid 1px #F6F6F6;
	margin-left: -1px;
}
.CustomColorCollection_ColorWrapper_REQ {
	padding: 2px; /*border: solid 1px #F6F6F6;*/
	border: solid 1px #F6F6F6;
	margin-left: -1px;
}

.CustomColorCollection_Color_REQ {
	width: 60px;
	border: solid 1px Gray;
	height: 14px;
}
.CustomColorCollection_ActionDelete_REQ {
	color: #C00000;
	margin-left: 3px;
	cursor: pointer;
	padding-left: 5px;
	text-decoration: underline;
}
.CustomColorCollection_ActionDelete_REQ:hover {
	color: #F00;
}
.CustomColorCollection_ActionNewInterval_REQ {
	margin: 5px 3px 2px 230px;
}
.MapViewer_LeftColumn {
	background-color: #F5F5F5;
	float: left;
	height: 550px;
	margin-right: 10px;
}
.MapViewer_LeftColumn_SectionTitle {
	font-size: 16px;
	margin: 5px 0px 0px 5px;
}
.MapViewer_LeftColumn_Section {
	margin: 5px 2px 20px 10px;
}
.MapViewer_LeftColumn_Buttons {
	text-align: left;
	margin: 20px;
}
.MapViewer_LeftColumn_Buttons input {
	display: block;
	margin: 5px;
	width: 80px;
}
.MapViewer_PickerButtons {
	text-align: right;
}
.MapViewer_PickerButton {
}
.MapViewer_Templates {
	width: 0px;
	height: 0px;
	overflow: hidden;
	line-height: 0px;
}
/*** Configurador de Mapas ******/
.MapViewer_Label {
	line-height: 22px;
	color: #002a53; /*border-bottom: solid 1px #DDD;*/
}
span.MapViewer_Label {
	display: inline-block;
}
.MapViewer_ShortLabel {
	width: 120px;
	line-height: 22px;
	color: #002a53; /*border-bottom: solid 1px #DDD;*/
}
span.MapViewer_ShortLabel {
	display: inline-block;
}
/*** Home ******/
.Home_Widgets {
	margin-right: -20px;
	position: relative;
	width: 760px;
}
.Home_Widgets:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/*** Placard Widget ******/
.PlacardWidget {
	margin-bottom: 20px;
	border: solid 2px #E7E7FF;
}
.PlacardWidget iframe {
	border: 0 none;
	width: 100%;
	height: 100px;
}
.PlacardWidget_Actions {
	padding: 3px;
	text-align: right;
	font-size: 11px;
}
/*** GridView ******/
.Grid_Header th {
	background-color:#EAF3E1;
	color:#333;
	font-weight: bold;	
	padding:2px;
	border-top: solid 1px #C8C8C8;
	border-right: solid 1px #C8C8C8;
	border-bottom: solid 2px #72B03A;
	border-left: solid 1px #C8C8C8;
}
.Grid_Header th a, .Grid_Header th a:visited {
	color: #333;
	text-decoration: none;
}
.Grid_Header th a:hover {
	color: #333;
	text-decoration: underline;
}
.Grid_Header th.Number {
	text-align: right;
}
.Grid_Header th.Icon {
	text-align: center;
}
.Grid_Row {
	background-color: #FFF;
}
.Grid_RowAlternate {
	background-color: #FAFCF8;
}
.Grid_RowSelected {
	background-color: #FFA;
}
.Grid_Row td, .Grid_RowAlternate td, .Grid_RowSelected td {
	padding:2px;
	border: solid 1px #C8C8C8;
}
.Grid_Row td.Number, .Grid_RowAlternate td.Number, .Grid_RowSelected td.Number {
	text-align: right;
}
.Grid_Footer {
	background-color:#888;
	color:#FFF;
}
.Grid_Empty td {
	background-color:#EAF3E1;
	color:#333;
	font-weight: bold;	
	padding: 3px;
	border-top: solid 1px #C8C8C8;
	border-right: solid 1px #C8C8C8;
	border-bottom: solid 2px #72B03A;
	border-left: solid 1px #C8C8C8;
}
.Grid_Pager {
	background-color:#EAF3E1;
	border-top: solid 2px #72B03A;
	border-left: solid 1px #C8C8C8;
	border-right: solid 1px #C8C8C8;
	border-bottom: solid 1px #C8C8C8;
}
.Grid_Pager table {
	float: right;
	margin: 2px;
}
.Grid_Pager table tr td {
	padding-left: 2px;
	padding-right: 2px;
}
.Grid_Pager a, .Grid_Pager a:visited {
	color:#333;
	font-size: 11px;
}
.Grid_Pager span {
	font-weight: bold;
	font-size: 11px;
	color: #333;
}
span.Grid_Counter {
	float: left;
	font-weight: normal;
	font-size: 11px;
	margin: 3px;
}
/*** GridView Filter ******/
.Filter {
	border: solid 1px #C8C8C8;
	background: #EAF3E1 url(../img/Icon_Filter.png) no-repeat top right;
	margin-bottom: 5px;
	padding: 2px 1px 1px 1px;
}
.Filter td {
	padding: 2px;
}
.Filter_Caption {
	padding-right: 5px;
}
.Filter_DataEdit {
	padding-right: 20px;
}
td.Filter_ButtonsInline {
	text-align: right;
	padding-right: 20px;
}
.Filter_ButtonsInline input {
	margin-right: 2px;
	font-size: 11px;
}
/*** Toolbar ******/
.Toolbar { 
	background-color: #f5f3e5; 
	border: solid 1px #dfd9c3; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	padding: 3px 6px;
	margin-bottom: 10px;
}
.Toolbar_Item {
	height: 100%;
	padding: 0 4px;

}
.Toolbar_Item a, .Toolbar_Item a:visited {
	line-height: 16px;
	margin-left: 2px;
	color: #444;
	text-decoration: none;
	cursor: pointer;
}
.Toolbar_Item a:hover {
	text-decoration: underline; 
}
.Toolbar_Item img {
	vertical-align: text-bottom;
	cursor: pointer;
}
.Toolbar_Separator {
	border-left: solid #f5f3e5 4px;
	border-right: solid #f5f3e5 4px;
	width: 1px;
	height: 100%;
	background-color: #dfd9c3; 
	overflow: hidden;
	font-size: 1px;
}