/* BASIC TAGS */

body {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
}

#main {
	background-image: url(images/body-repeat.gif);
    background-repeat: repeat-y;
	width: 1000px; 
	padding:  1px 0px 20px 10px ;
}

.page {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width:990px;
}

.page a{
    color: #0065A4;
}

.page a:hover
{ 
    color: black;
}

fieldset { 
    border: 1px solid #BFBAB0;
    padding: 0.6em;
    width: 99%;
    }

legend {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-top: 3px;
    border:1px solid #0065A4;
    color: #0065A4;
    background-color: white;
    text-align:center;
    }

.textArea
{
    font-family: verdana, arial, helvetica, sans-serif;
}

/* HEADER */

.header {
	border-bottom: solid 1px #0065A4;
	height: 50px;
	text-align: left;
}

.container_head
{
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

.LogoMaster
{
    padding-top: 5px;
    float: left;
    color: Black;
}

.menuMaster
{
    padding-top: 5px;
    text-align: right;
    float:right;
    padding-right: 0px;
}

.menuMaster a{
    color: #0065A4;
}

.menuDiv {
    padding-top: 3px;
}

.menuDiv a{
    color: #0065A4;
}

.menuDiv a:hover
{ 
    color: black;
}

.eIsoMenuRelative {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;    
    background-image:url(images/menu_bg.gif);
    background-repeat:repeat-x;
    height:22px;
    color: #0065A4;
}
.eIsoMenuItem
{
    height:22px;
    width: 90px;
    text-align:center;
    color: #0065A4;
}
.eIsoMenuItemDyn
{
    background-color: white;
    height:22px;
    width: 110px;
    text-align:center;
    color: #0065A4;
    border: solid 1px #0065A4;
}





/* FOOTER */

.footerbg {	
	background-color: #fff;
	text-align: left;
	padding-top: 5px;
    padding-bottom: 5px;
	border-top: solid 1px #0065A4;
	border-bottom: solid 1px #0065A4;
}
.footerbg a
{ 
	color: #0065A4;
}
.footerbg a:hover
{ 
    color: black;
}
.container_foot
{
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}
.container_foot .grid_1
{
    width: 750px;
}

/* PAGE HEADERS*/
.textHeaderMain
{
    font-size: 15px;
    font-weight: bold;
    color: #0065A4;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 8px;
}
.textHeaderSub
{
    font-size: 0.7em;
    font-weight: bold;
    color: black;
    padding-top: 5px;
}

/* Message Boxes  */
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 60px;
background-repeat: no-repeat;
background-position: 10px center;
text-align: left;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('Images/icons/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('Images/icons/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('Images/icons/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('Images/icons/error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('Images/icons/validation.png');
}

/* GRID*/
.isoGrid { 
    width: 90%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #c1c1c1; 
    border-collapse:collapse; 
}

.isoGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171;
}

.isoGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #424242 url(Images/grd_head.png) repeat-x top; 
    border-left: solid 1px #c1c1c1; 
    font-size: 0.9em; 
}
.isoGrid .alt { background: #fcfcfc url(Images/grd_alt.png) repeat-x top; }
.isoGrid .pgr { background: #fff url(Images/grd_pgr.png) repeat-x top; }
.isoGrid .pgr table { margin: 5px 0; }
.isoGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #c1c1c1; 
    font-weight: bold;  
    line-height: 12px; 
 }   
.isoGrid .pgr a { color: #666; text-decoration: none; }
.isoGrid .pgr a:hover { color: #000; text-decoration: none; }
.rowGrid { cursor: pointer; }

/* Buttons */

.eIsoButton {
        
    -moz-box-shadow: 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
        
    background-color:transparent;
        
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
        
    border:1px solid #b6b6b6;
        
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
        
    text-shadow:0px 1px 0px #ffffff;
        
}
.eIsoButton:hover {
        
    background-color:transparent;
}
.eIsoButton:active {
    position:relative;
    top:1px;
}

.eIsoButtonDel {
        
    -moz-box-shadow: 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
        
    background-color: transparent;
        
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
        
    border:1px solid #D8000C;
        
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
        
    text-shadow:0px 1px 0px #ffffff;      
}

.eIsoButtonSmall {
        
    -moz-box-shadow: 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
        
    background-color:transparent;
        
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
        
    border:1px solid #dcdcdc;
        
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    padding:2px 15px;
    text-decoration:none;
        
    text-shadow:0px 1px 0px #ffffff;
        
}

.eIsoButtonDeleteSmall {
        
    -moz-box-shadow: 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
        
    background-color:transparent;
        
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
        
    border:1px solid #D8000C;
        
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    padding:2px 15px;
    text-decoration:none;
        
    text-shadow:0px 1px 0px #ffffff;
        
}

/* TABS */
/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

#procedureDiv .list-wrap
{
    background: #eee;
    padding: 10px;
    margin: 0 8px 0 0;
}

#procedureDiv ul { list-style: none; }
#procedureDiv ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#procedureDiv ul li a:hover { background: #333; color: white; }
#procedureDiv ul li:last-child a { border: none; }

#procedureDiv .nav { overflow: hidden; }
#procedureDiv .nav li { width: 97px; float: right; margin: 0 8px 0 0; }
#procedureDiv .nav li.last { margin-right: 0; }
#procedureDiv .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#procedureDiv li a.current,#procedureDiv li a.current:hover { background-color: #eee !important; color: black; }
#procedureDiv .nav li a:hover, #procedureDiv .nav li a:focus { background: #999;}


/* TABLES IN ADMIN */
table.webparts tr th {
	background-color: #0065A4;
	padding: 5px;
	color: white;
	font-size: 110%;
	border: 1px solid #0065A4;
}

table.list, td.details table.list {
	width: 100%;
	border: 1px solid #000;
}
table.list tr th, td.details table.list tr th {
	text-align: left;
	background-color: #0071b8;
	color: #FFF;
	font-size: 100%;
	border-style: none;
	padding: 2px 20px 2px 2px;
}
table.list tr td, td.details table.list tr td {
	border-bottom: 1px solid #999;
	padding: 2px 20px 2px 2px;
}
table.list tr {
	background-color: #dff3ff;
}
table.list tr.odd {
	background-color: #b8e4ff;
}
table.gnav tr td {
	background-color: #FFC;
	border: 1px solid #000;
	padding: 2px 10px;
	font-weight: bold;
}
table.gnav tr td a {
	color: #009;
	text-decoration: none;
}
table.gnav tr td a:hover {
	color: #900;
	text-decoration: underline;
}
td.details div table tr td, td.details div table tr td.detailheader
{
	border-style: none;
}
td.detailheader
{
	/*text-align: right;*/
	font-weight: bold;
	white-space: nowrap;
	border-style: none;
	padding: 3px 10px 3px 0px;
}
td.details div table 
{
	border-style: none;
}
td.details div table tr td.detailitem 
{
	width: 100%;
	padding: 3px 10px 3px 0px;
}
td.details
{
	border: 2px solid #0065A4;
	padding: 10px;
	background-color:#EEE;
}

/* Reports List Style */
#listReports { }
#listReports ul { list-style: none; }
#listReports ul li { width:50%; float:left; display:inline; }
#listReports ul li a { text-decoration:none; color:#0065A4; }
#listReports ul li a:hover { text-decoration:underline; color:#00529B; }
#listReports ul li img {vertical-align: middle; border-width:0px; padding: 25px 25px 5px 25px;}

.reportingMenu
{
    float:right;
    padding-right:10px;
    padding-bottom:20px;
    padding-top:5px;
}


/* begin css tabs */
ul#tabnav
{
    /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    font: bold 11px verdana, arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #0065A4; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 3px 10px;
    width: 99%;
}

ul#tabnav li { /* do not change */
display: inline;
}

div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

div#tab1 li.tab1 a, div#tab2 li.tab2 a, div#tab3 li.tab3 a, div#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a
{
    /* settings for all tab links */
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #0065A4; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #EAEAEA; /* set unselected tab background color as desired */
    color: #808080; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
color: #000; /* set unselected tab link color as desired */
}
/* end css tabs */

.CheckBoxListRolesCssClass td
{
    padding: 3px;
}  

.CheckBoxListRolesCssClass  label
{
    padding-left: 10px;
    padding-right: 10px;
}

/* Modal CSS for the project access */
.darken
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.7;
    z-index: 999;
    top: 0;
    left: 0;
}
.modalPopUp
{
    background-color: white;
    width: 400px;
    height: auto;
    border: 2px solid #0065A4;
    text-align: left;
    text-decoration: double;
    padding-left: 10px;
    padding-top: 10px;
}