/*************************/
/* HTML Selector Tags    */
body, html {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%;
	color:#000000;
	border: 0;
	padding: 0;
	}

table {
	border:1px solid black;
	padding:2;
}

tr td {
	border:1px solid #D7E5F2;
	text-align: center;
}

th {
    background-color: #F2F7FB;
    border:1px solid #D7E5F2;
    text-align: center;
    text-transform:uppercase;
}

table .object_list
{
    border:1px solid black;
    border-collapse: collapse; 
    padding:3px;  
    width:500px; 
}

#user_list td {
  background-color:#FFF;
  border:1px solid black;
  padding:3px;

}

#role_list td {
  background-color:#FFF;
  border:1px solid black;
  padding:3px;

}

/* forms */

.buttonText
{
	font-size: 12px;
	margin-left: 30px;
}

.formTable {
 background-color: #F9FBFD;
 color: #000000;
 width: 480px;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
}

.orderTable {
 background-color: #F9FBFD;
 color: #000000;
 width: 480px;
 border: 1px solid #D7E5F2;
}

.orderDetailsTable {
 background-color: #F9FBFD;
 color: #000000;
 width: 95%;
 border: 1px solid #D7E5F2;
 padding: 1px;
}

.attribute {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 background-color: #F2F7FB;
  text-align: center;
 width: 30%;
 font-weight: bold;
}

.attributevalue {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #F2F7FB;
 color: #000000;
 text-align: center;
 margin-right: 0px;
 padding-right: 0px;
} 

.two_columns  {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}

.prompt {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 background-color: transparent;
 width: 30%;
}

.value {
 background-color: #F2F7FB;
 color: #000000;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
} 

.submitButton {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 0px;
 margin-top: 3px;
 margin-bottom: 2px;
}

a:link
{
	color: blue;
	text-decoration: underline;
}

a:visited 
{
	color: gray;
   	text-decoration: underline;
}

a:hover
{
	color: teal;
	text-decoration: underline;
}

p 
{
    font-family: Serif, Sans-Serif;
    font-size: 14px;
    color: black; 
}

h1 
{
    font-family: Serif, Sans-Serif;
    font-size: 18px;
    color: maroon;
    font-weight: bold;
    margin: 0; 
}

h2 
{
    font-family: Serif, Sans-Serif;
    font-size: 16px;
    color: black;
    font-weight: bold;    
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 5px; 
}

h3 
{
    font-family: Serif, Sans-Serif;
    font-size: 14px;
    color: black;
    font-weight: bold;
    font-style: italic;    
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 9px; 
}

ul
{

}

li
{
border:0;
padding:0;
}
/***********************************/
/* Header images ID Selector Tags */
#logo_image
{
    margin-left: 18px;  position: relative; margin-top: 10px; 
}

#banner_image
{
   position: relative; margin-left: 25px;
}
/*************************/

/*************************/
/* DIV ID Layout   Tags  */

#pageContainer
{
    width: 95%;
    margin: 5px auto;
    line-height: 115%;  
}

#topBanner
{
    font-size: 14px;
    color: maroon;
    font-family: Serif, Sans-Serif;
    background-color: #000033;
    max-width: 1000px;
    height: 130px;
    padding: .5em;
    border: maroon 1px solid;
    clear: both;
    white-space:nowrap;
}

#topNav
{
    font-size: 14px;
    color: white;
    font-family: Serif, Sans-Serif;
    position: relative;
    background-color: #000033;
    margin-top: 5px;
    max-width: 1000px;    
    height: 50px;
    padding: .5em;
    border: maroon 1px solid;  
}

    /* topNav Anchor Tag Definitions */
    #topNav a:link
    {
	    color: #CCCCFF;
	    text-decoration: none;
    }

    #topNav a:visited 
    {
	    color: #CCCCFF;
   	    text-decoration: none;
    }

    #topNav a:hover
    {
	    color: white;
	    text-decoration: underline overline;
    }
    
#contentContainer
{
    border: black 1px solid;
    background-color: #f8f8ff;
    margin-top: 5px;
    margin-bottom: 0;
    position: relative;
    max-width: 1012px;
    z-index:0;
}


#mainContent
{
    font-family: Serif, Sans-Serif;
    font-size: 14px;
    color: black;
    padding: .5em;
    position: relative;
    margin-top: 0;
    margin-left: 148px;
    margin-bottom: 0;
    border-left: 1px solid maroon;
    z-index:1;
}

/* needed for min-height hack to work in IE for the mainContent area */
.prop {
    height:400px;
    float:right;
    width:1px;
  }

.propPopUp {
    height:200px;
    float:right;
    width:1px;
  }

.propMessageContainer {
    height:50px;
    float:right;
    width:1px;
  }
  
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
 /***/

#footer
{
    font-size: 12px;
    color: maroon;
    font-family: Serif, Sans-Serif;
    text-align: center;
    position: relative;
    background-color: #f8f8ff;
    margin-top: 0;
    border-top: 1px black solid;
    max-width: 1000px;    
    padding: .5em;   
    clear: both;
    z-index:0;
}

.popUp
{
  font-size: 13px;
  padding: 2px;
  border: 2px solid gray;
  background: #eee;
  position: absolute;
  top: 30px;
  left: 10px;
  width: 93%;
  width:expression("76%"); /* hack for IE */
  z-index: 3;
  min-height: 50px;
}

#popUpContent
{
  width: 95%;
}

.popUpInLine
{
  font-size: 13px;
  padding: 2px;
  border: 2px solid gray;
  background: #eee;
  position: relative;
  top: 5px;
  left: 15px;
  width: 90%;
  z-index: 3;
  min-height: 150px;
}

/*************************/

/********************************/
/* Errors and Messages          */
.fieldWithErrors {
  border: 2px solid red;
}

#closeButton {
    position: absolute;
    top: 5px;
    left: 96%;
    float: right;
    z-index: 102; 
}

#ajax-indicator {
    position: absolute;
    top: 10px;
    left: 50%;
    float: right;
    z-index: 105;
    color: yellow;
    font-size: 125%; 
}

#lineItems
{
    margin: 0px;
}   

#messageContainer 
{
  color: black;
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
  border: 2px solid red;
  background: #cccccc;
  position: absolute;
  top: 160px;
  left: 220px;
  width: 65%;
  z-index: 100;
  min-height: 50px;
}

#warning
{
  width: 98%;
  color: red;
  position: relative;
  z-index: 101;
  float: left;
}

#message
{
  width: 90%;
  color: green;
  position: relative;
  z-index: 101;
  float: left;
}

#notice
{
  width: 90%;
  color: maroon;
  position: relative;
  z-index: 101;
  float: left;
}

/********************************/

/********************************/
/* Custom Classes               */
.bold_message 
{
    font:bold 16px arial,helvetica,sans-serif;
    color: red;
}

/********************************/

/********************************/
/* Side-Nav Menu               */
#leftNav
{
    font:bold 11px/16px arial,helvetica,sans-serif;
    color: maroon;
    position: relative;
    margin: 0px;
    width: 135px;
    padding: .5em;       
    float: left;
	background:#eee;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
	display:block;
}

#leftNav a, #leftNav h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 3px;
}

#leftNav h2{
color:#fff;
background:#000;
text-transform:uppercase;
}

#leftNav a{
color:#000;
background:#eee;
text-decoration:none;
}

#leftNav a:hover{
color:#a00;
background:#ddd;
}

#leftNav a:active{
color:#060;
background:#ccc;
}

/********************************/