/* this is the title bar for all object shells*/
.titleBar {
background-color: #9D9EA0;
border : thin solid 1px;
border-color: #09D9EA0;
border-bottom: none;
}

.border {
color:black;
background-color:#ffffff;
border:2px solid #0A357E;
font-family: tahoma,Arial,Helvetica,sans-serif;
font-size: 10px;
line-height: 26px;
}



/* the text inside of the title bar */
.titleText {
font-family: arial,verdana,helvetica; 
color: #FFFFFF; 
font-size: 11px; 
font-weight:bold; 
text-decoration: none; 
}


/* the edit buttons (up,down,edit, ect) before mousover */
.editButtonsNormal {
background-color: #ffffff;
border : thin solid 1px;
border-color: #000000;
font-family: arial,verdana,helvetica; 
color: #FFFFFF; 
font-size: 10px; 
font-weight:bold; 
text-decoration: none; 
cursor: hand;
}

.footer {
color:#0B357F;
font-family: verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

 
/* edit buttons on mouseover */
.editButtonsOver {
background-color: #ff0000;
border : thin solid 1px;
border-color: #000000;
font-family: arial,verdana,helvetica; 
color: #FFFFFF; 
font-size: 10px; 
font-weight:bold; 
text-decoration: none; 
cursor: hand;
}


/* don't worry about this one */
.editButtonsInvisible{
font-family: arial,verdana,helvetica; 
color: #FFFFFF; 
font-size: 10px; 
}

/* this will create the border around your object shells */
.shellContentBGcolor {
background-color: #FFFFFF;

}


/* some objects follow this style. keep all options the same if you want */
.shellContentOption2 {
background-color: #D8DBEE;
border : none;
border-color: none;
border-bottom: none;
font-family: arial,verdana,helvetica; 
color: #004D94; 
font-size: 11px; 
font-weight:bold; 
text-decoration: none; 
}

/* another option that some objects follow */
.shellContentOption1 {
background-color: #F0ECF0;
border : none;
border-color: none;
border-bottom: none;
font-family: arial,verdana,helvetica; 
color: #000000; 
font-size: 11px; 
font-weight:none; 
text-decoration: none; 
}


/* the main properties for most of the shells' contents */
.shellContent {
background-color: #FFFFFF;
border : none;
border-color: none;
border-bottom: none;
font-family: arial,verdana,helvetica; 
color: #000000; 
font-size: 11px; 
font-weight:none; 
text-decoration: none; 
}

/* the main properties for most of the shells' contents */
.shellContent2 {
background-color: #FFFFFF;
border : none;
border-color: none;
border-bottom: none;
font-family: arial,verdana,helvetica; 
color: #FF0000; 
font-size: 11px; 
font-weight:none; 
text-decoration: none; 
}

/* the main properties for most of the shells' contents */
.shellContent3 {
background-color: #FFFFFF;
font-family: arial,verdana,helvetica; 
color: #000000; 
font-size: 12px; 
font-weight:none; 
text-decoration: none; 
}


/* the edit buttons (up,down,edit, ect) before mousover */
.editButtonsNormal {
background-color: #ffffff;
border : thin solid 1px;
border-color: #000000;
font-family: arial,verdana,helvetica; 
color: #FFFFFF; 
font-size: 10px; 
font-weight:bold; 
text-decoration: none; 
cursor: hand;
}


/* this is another option that lance created */
.shellGray {
background-color: #F0ECF0;
border : none;
border-color: none;
border-bottom: none;
font-family: arial,verdana,helvetica; 
color: #000000; 
font-size: 11px; 
font-weight:none; 
text-decoration: none; 
}


.TD {
background-color: #ffffff;
font-family: verdana,arial,helvetica;
font-size: 10px;
font-weight:bold;
color: #000000;

}

.title {
color:#ffffff;
background-color:#0B327D;
border:1px solid black;
font-family: verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}


.text {
color:#000000;
font-family: verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
text-decoration: none;
}