html,body{
    font-family: "Arial",sans-serif;
    font-size: 12px;
    margin: 0px;
    overflow:visible;
    width:100%;
    background-color:#dedede;
    padding:0;
    /*height:100%;*/
    border:none;
    overflow:auto;
}

/*html
{
    width:100%;
}*/

table tr td{
    text-align:left;
}
input, textarea
{
    border: 1px solid #333333;
    padding: 3px 0px 3px 3px;
    font-family: "Arial",sans-serif;
    font-size: 12px;
}
.noBorder input
{
    border:none;
}
input.deleteButton
{
    border: none;
    padding: 0px 0px 0px 0px;
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* button styling */
a.button 
{
    background: transparent url( '../images/bg_button_span_02.gif' ) no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    clear:both;
}
a.button:hover
{
      text-decoration: none; 
}
a.button span {
    background: transparent url('../images/bg_button_span_01.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    text-decoration: none;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.mainTable{
    padding:0px;
    background-color:White;
    /*height:100%;*/
    border:solid 1px black;
    overflow:auto;
}

.breadcrum
{
    border-top: black 1px solid;
    color: white;
    border-bottom: black 1px solid;
    background-color: #104776;
    padding: 2px 2px 2px 12px;
    font-size: 11px;
    background-image: url( '../images/main_bar.jpg' );
    background-repeat: repeat-x;
}
.breadcrum a
{
    color:#FFFFFF;
}
.footer
{
    border-top: black 1px solid;
    color: white;
    border-bottom: black 1px solid;
    background-color: #104776;
    padding: 2px 2px 2px 4px;
    background-image: url( '../images/main_bar.jpg' );
    background-repeat: repeat-x;
}
.Content{
	padding: 8px 5px 20px 10px; 
	min-width:690px;
	text-align:left;
	overflow:auto;
	height:100%;
}
.Header
{
    background-color: #ebf2ff;
    color: #00004c;
    font-weight: bold;
    padding:3px;
    height:100px;
    vertical-align:top;
}

.projectHeader
{
    color: #0B2042;
    font-weight: bold;
    font-size: 20px;
}
.sectionHeader
{
    color: #0B2042;
    font-weight: bold;
    font-size: 16px;
}
.sectionHeader2
{
    color: #3C2511;
    font-weight: bold;
    font-size: 14px;
}

.contentHeader
{
    color: #0B2042;
    font-weight: bold;
    padding: 3px;
    height: 30px;
    font-size: 16px;
}

a
{
    text-decoration: none;
    color: #368eff;
}
a:hover{
    text-decoration:underline;   
}
.Subtitle{
    color:Gray;
    font-size:14px;
    font-weight:bold;   
}
.Title{
    color:Navy;
    font-size:16pt;
    font-weight:bold;   
}
.alert{
    color: #990033;
    font-weight: bold;
}
/* sidebar menu styles*/
.nav
{
    background-color: #F7F6F3;
    min-height: 200px;
    height:400px;
    padding:5px 0px 10px 0px;
    border-right: #afb1b0 1px solid;
    width:120px;
}

/* Project table */
.projectTable
{
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-collapse:collapse;
}
.projectTable .odd
{
    background-color: #E4E9ED;
}
.projectTable .odd .oddMatrix2
{
    background-color: #D5DDE3;
}
.projectTable .odd .oddMatrix1
{
    background-color: #CED8DF;
}
.projectTable .evenMatrix2
{
    background-color: #F8F3F1;
}
.projectTable .evenMatrix1
{
    background-color: #F4EDEA;
}
.projectTable .header
{
    background-color: #798EA1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    font-weight:bold;
    background-image: url( '../images/table_header_bar.jpg' );
    background-repeat: repeat-x;
}
.projectTable .footer
{
    background-color: #093A63;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #999999;
    background-image: url( '../images/main_bar.jpg' );
    background-repeat: repeat-x;
}
.projectTable td{
    padding:3px 2px 2px 3px;
    margin:0px;
    vertical-align:top;
}
/* project items - tabs on project page */
.projectItems{
    BORDER-RIGHT:#7f9db9 1px solid;
    BORDER-TOP:#7f9db9 1px solid;
    padding-RIGHT:10px;
    padding-LEFT:10px;
    padding-BOTTOM:10px;
    BORDER-LEFT:#7f9db9 1px solid;
    padding-top:10px;
    BORDER-BOTTOM:#7f9db9 1px solid;
    POSITION:relative;
    TOP:-2px;
}
.readOnlyField
{
    border: 1px solid #333333;
    background-color: #E8E8E8;
}
.toolTipText
{
    width:250px;
    height:120px;
    padding: 3px 3px 5px 1px;
    overflow-y:scroll;
    margin-right:-3px;
}
.gridCommadCustom
{
    padding: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #000000;
    border-right-color: #000000;
    border-left-color: #000000;
    background-color: #232323;
    color: #FFFFFF;
    font-size:11px;
    padding:3px 3px 2px 3px;
    text-align:right;
}
.gridCommadCustom a
{
    color: #CCCCCC;
}

.scrollTextBlock
{
    padding: 4px;
    width: 600px;
    height: 350px;
    overflow: auto;
    border: 1px solid #C0C0C0;
    background-color: #F5F5F5;
}
.linkBlock
{
    padding: 8px;
    width: 600px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
}
.hiddenButton
{
    display:none;
}
.pageButtonContainer{
    float:right;
    padding-right:5px;
    height:32px;
}