﻿body 
{
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size:14px; 
	background: rgb(255, 255, 255); 
	margin: 0px auto; 
	width: 1080px; 
	line-height: 20px; 
}
#header
{
    background: rgb(255, 255, 255) url("../Images/logo.png") no-repeat left top;
    width: 1080px;
    height: 120px;
    margin: 1px auto 0 auto;
    position: relative;
    font-size: 90%;
    text-align: right;
}
#header a:hover {
	color: rgb(140, 198, 63); text-transform: uppercase;
}
#header a {
	color: rgb(153, 153, 153);  text-decoration: none;
}
#header a:visited {
	color: rgb(153, 153, 153);  text-decoration: none;
}

#nav
{
    background: rgb(255, 255, 255) url("../Images/appLog.png") no-repeat right center;
    width: 1080px;
    margin: 1px auto 0 auto;
    position:relative;
    border-bottom-color: rgb(221, 221, 221); 
	border-bottom-width: 1px; 
	border-bottom-style: solid;
	
}
/* ---------------------------------------------------------------------------- */
/*  http://bryanhadaway.com/pure-css-only-dropdown-menu/  */
.dropmenu ul, .dropmenu ul li
{
    display:inline;
    margin:0;
    padding:0;
    list-style:none;
  }
.dropmenu ul li
{
    position:relative;
}
/* ----------------------------------  primeiro nivel do menu */
.dropmenu ul li a
{
    display:inline-block;
    width:125px;
    color: rgb(153, 153, 153);
    text-align:left;
    text-decoration:none;
    margin:-2px 0px 0px 0px;
    padding:3px 7px 3px 7px;
}

.dropmenu ul li a:hover 
{
    display:inline-block;
    width:125px;
    color:White;
    text-align: left;
    text-decoration:none;
    background-color:steelblue;
    /*background-color: rgb(189, 183, 107);*/
    /*background-color: rgb(140, 198, 63); */
    margin:-2px 0px 0px 0px; 
    padding:3px 7px 3px 7px;
}
/* -----------------------------Segundo nivel do menu ----------------- */
.dropmenu ul li ul a
{
 
    display:inline-block;
    width:250px;
    margin:-2px 0px 0px 0px;
    color: White; 
    text-align:left;
    text-decoration:none;
    background-color:steelblue;
    /*background-color: rgb(189, 183, 107);*/
    /*background-color: rgb(140, 198, 63); */
    padding:3px 7px 3px 7px;
    opacity:0.9;
    font-size: 85%; 
}
.dropmenu ul li ul a:hover 
{
    display:inline-block;
    width:250px;
    margin:-2px 0px 0px 0px; 
    text-transform:uppercase;
    color: White;
    text-align:left;
    text-decoration:none;
    background-color:steelblue;
    /*background-color: rgb(189, 183, 107);*/
    /*background-color: rgb(140, 198, 63); */
    padding:3px 7px 3px 7px;
    /*opacity: 0.9;*/
    font-size: 85%; 
}
.dropmenu li ul
{
    display:none;
    position:absolute;
    top:auto;
    left:0px;  
    }
.dropmenu ul li:hover ul 
{  
    display:inline-block;    
}
.dropmenu ul ul, .dropmenu ul li:hover ul ul, .dropmenu ul ul li:hover ul ul
{
    display:none;
}
.dropmenu ul li:hover ul, .dropmenu ul ul li:hover ul, .dropmenu ul ul ul li:hover ul
{
    display: block; 
    z-index: 2000;
}
/* ------------------------------------------------------------------------------------------ */

#content
{
    width: 1080px;
    background-color: rgb(255, 255, 255);
    position:relative;
}
#content_header
{
    text-transform:capitalize;
    font-size: 1.5em;
    font-weight:lighter;
    margin: 10px auto 20px auto;
    color: #33A1DE;
}
#contente_body
{
}
body h2
{
    color: rgb(51, 161, 222);
    font-size: 20px;
}
body h3
{
    color: rgb(51, 161, 222); 
}
body h5
{
    font-size: 85%;
    color: Red; 
    text-decoration: underline;     
}
.pnlSearch
{
     border: 1px solid rgb(221, 221, 221); 
}
.tableNews {margin-top:100px; vertical-align:top; width:100%;}
.tableNews tr th:last-child {width:40%; }
.tableNews tr th { border-bottom: 1px solid rgb(221, 221, 221); }
.tableNews h3 {color: rgb(140, 198, 63); margin-top:0;}
.tableNews tr td { vertical-align:top;  border-bottom: 2px solid rgb(221, 221, 221); }


.tblIcons { margin-left:100px; margin-top:50px; width:75%;}
.tblIcons tr th { border-bottom: 1px solid rgb(221, 221, 221); }
.tblIcons tr td { text-align:center; border: 2px solid white; background-color:#DCDCDC; width:33%; height:80px; }
.tblIcons a { color:#191970;  text-transform:capitalize; font-size:1.2em; text-decoration:none; }

#footer
{
	margin: 92px auto 0px auto; 
	padding: 12px 0px 0px; 
	width: 1080px; 
	height: 83px; 
	color: rgb(153, 153, 153); 
	border-top-color: rgb(221, 221, 221); 
	border-top-width: 1px; 
	border-top-style: solid; 
	position: relative;
}

.HiddenColumn {display:none;}
.HiddenControl {display:none;}
.unwatermarked {height:18px; width:148px;}
.watermarked {	height:20px; width:150px; padding:2px 0 0 2px; border:1px solid #BEBEBE; background-color:#F0F8FF; color:gray; background-image: url("../Images/searchIcon.png") no-repeat right center; }
.findStlyte {background: rgb(255, 255, 255) url("../Images/searchIcon.png") no-repeat right center;}
/* ----------------------------------------------------------------HyperLink skin */
.hyperLink:hover { color: rgb(140, 198, 63); text-transform: uppercase; }
.hyperLink:Link {	color: blue;  text-decoration: underline; }
.hyperLink:visited {color: blue;  text-decoration: underline;}
.hyperLink:active {color: rgb(140, 198, 63);  text-decoration: underline;}
/* --------------------------------------------------------------- gridview skin */
.grvView { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse;}
.grvView caption {border-style: none; background-color:#EFD8C1; color:black; font-weight:bold}
.grvView td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.grvView th { padding: 4px 2px; color: #fff; background: #424242 url(../Images/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.grvView th a { color: #fff; }
.grvView .row { font-size:90%; }
.grvView .alt { background: #fcfcfc url(../Images/grd_alt.png) repeat-x top; font-size:90%; }
.grvView .pgr {background: #424242 url(../Images/grd_pgr.png) repeat-x top; }
.grvView .pgr table { margin: 5px 0; }
.grvView .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.grvView .pgr a { color: #666; text-decoration: none; }
.grvView .pgr a:hover { color: #000; text-decoration: none; }
/* ------------DATAGRID --------------------------------------------------------- */ 
.datGrid { width:100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; } 
.datGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; background: #fcfcfc url(../Images/grd_alt.png) repeat-x top;} 
.datGrid .hdr { padding: 4px 2px; color: #fff; background: #424242 url(../Images/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; } 
.datGrid .ftr td { padding: 4px 2px; color: #fff; background: #424242 url(../Images/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; font-weight: bold;} 
.datGrid .ftr a { color: #fff; text-decoration: none; } 
.datGrid .ftr a:hover { color: #fff; text-decoration: none; }
/* ------------FormView --------------------------------------------------------- */ 
.frmView {  background-color: #f4f7f0 ; margin: 5px 0 10px 0; width:100%;  } 
.frmView table tr td:first-child { font-size: 0.9em; font-weight:bold;}
/* -----------Button--------------------------------------------------------------------- */
.ButtonStyle{ margin-left:50px;}
/* -------------------------------------------------------------------------------- */

/*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;
}
.ListSearchExtenderPrompt {
    background-color: White;
    color: gray;
    font-style: italic;
    font-family: Verdana;
    font-size:1em;
}
.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}
.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}
.tableMsg  { border: 1px solid red;  vertical-align:top;}
.tableMsg th { background-color:#eee; color:#5377A9; border: 1px solid black; text-align:center;}
.tableMsg tbody {  border: 1px solid black;}
.tableMsg tr { border: 1px solid black;  vertical-align:top;}
.tableMsg tr td { border: 1px solid black;  vertical-align:top;}

.validationErrorMessageHeader
{	
	font-weight: bold;
	color: red; 
	text-decoration: underline;
}
.validationErrorMessage
{
	color: red;
}
.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

/*
p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}
*/
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/


.fieldset
{
    margin: 1em 0px;
    padding: 1em;
   /* border: 1px solid #ccc;*/
}


.fieldset p 
{
    margin: 2px 12px 10px 10px;
}

.fieldset.login label, .fieldset.register label, .fieldset.changePassword label
{
    display: block;
}

.fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    top:-2px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 50%;
    border: 1px solid #ccc;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.menuRealce{

    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

}

.realce {
    font-size: 1.2em;
    font-weight: bold;
}
.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}


.textDirection
{
    text-align:center;
    font-size: 1em;
    font-family:  Arial, Helvetica, Verdana, sans-serif;
     font-style:normal;
     font-weight:normal;
    
    -moz-transform: rotate(-90deg);  /* FF3.5+ */
    -o-transform: rotate(-90deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17)"; /* IE8 */
    zoom: 1;
    

}
.rotate90
{ 
    /* Opera 10.5 */
     -o-transform: rotate(-90deg);  
   /* Safari/Chrome */ 
  -webkit-transform: rotate(-90deg); 
  /* Firefox */ 
  -moz-transform: rotate(-90deg); 
  /* Internet Explorer  - requires binary behaviors enabled */ 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}