/* Main Color - rusty red*/
.imagesPopup, .imagesButton, .tabsBlock, .tabNotSelected a,
.btnDeleteLevel1, .btnEditLevel1, .button, .imgPickerCaption,
a.tblHeadingSortable{
	background-color:#b42c2e;
	color:#ffffff;
}

.headline, .dropcap:first-letter, .caption, .imgCaption, .logonLabel, .frmLabel, .label, .radio {
	color:#b42c2e;
}

.tabSelected, .tabNotSelected a:hover, a.tblHeadingSortable:hover {
	background-color:#b42c2e;
	color:#f8991b;
}

/* Secondary Color - dirty brown with orange*/
.nestedBlock, .tabNestedNotSelected a, .btnDeleteLevel2, .btnEditLevel2  {
	background-color:#6e6e30;
	color:#ffffff;
}

.tabNestedSelected, .tabNestedNotSelected a:hover {
	background-color:#6e6e30;
	color:#f8991b;
}

/* Tertiary Color - Orange with dirty brown */
.doubleNestedBlock, .tabDoubleNestedNotSelected a, .btnDeleteLevel3, .btnEditLevel3 {
	background-color:#f8991b;
    color:#ffffff;
}

.tabDoubleNestedSelected, .tabDoubleNestedNotSelected a:hover {
	background-color:#f8991b;
	color:#6e6e30;
}


/* Other Classes */
/* Heading Page */
.logo {
	padding:4px 4px 4px 4px; 
	margin:4px 4px 4px 4px;
	text-align:center;
}

.headline {
    font-family:"Arial Narrow", "Arial", sans-serif;
    font-size:18pt;
    font-weight:bold;
}

.validationMessage {
   color:red;
   font-size:80%;
   font-weight:bolder;
   display:block;
   margin-left:5em;
}


.foot { 
	color:olive;
	font-size:xx-small;
	text-align: center;
}

.academy {
	font-size:x-small;
	text-align: center;
}

.note {
   font-family:serif;
   font-size:small;
   font-style:italic;;
}

.dropcap:first-letter {
	font-size:200%;
	font-family:serif;
    font-weight:bold;
}

.photo {
	border-top:1px solid #717133;
	border-bottom:1px solid #717133;
	padding:4px 0 4px 0; 
	margin:4px 0 2px 0;
	text-align:center;
}

.caption {
	font-family:serif;
	font-size:large;
	font-weight:bold;
	text-align:center;
	display:block;
	padding-top:1em;
}


.imagesPopup {
	width:640px;
}

.image {
	border:2px solid #b42c2e;
	padding:4px 0 4px 0; 
	margin:4px 0 4px 0;
}
.imgCaption {
    display:block;
    font-family:arial;
    font-weight:bold;
    font-size:smaller;
    text-align:center;
    vertical-align:bottom;
    display:block;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.imgPickerCaption {
    font-family:arial;
    font-weight:bold;
    font-size:smaller;
    text-align:center;
    vertical-align:bottom;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.imagesButton {
    font-size:65%;
    font-weight:bold;
    margin-left:1em;
}


/* Tabs */
.tabSpacer {
    width:2em;
}


.tabsBlock {
	width:100%;
}

.tabs {
	font-family:sans-serif;
	font-weight:bold;
	font-size:small;
	text-align:center;
    margin-left:0em;
    line-height:200%;
}

.tabSelected {
	text-decoration:underline;
}

.tabNotSelected  {
}

.tabNotSelected a {
	text-decoration:none;
}

.tabNotSelected a:hover {
	text-decoration:underline;
}


.tabBody {
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    
    margin-left:1px;
    margin-right:1px;
        
    border-left:2px solid #b42c2e;
    border-bottom:2px solid #b42c2e;
    border-right:2px solid #b42c2e;
}

/* Nested Tabs */
.nestedBlock {
	width:100%;
}

.nestedTabs {
	font-family:sans-serif;
	font-weight:bold;
	font-size:small;
	text-align:center;
	margin-left:2em;
    line-height:160%;
}

.tabNestedSelected {
	text-decoration:underline;
}

.tabNestedNotSelected {
}


.tabNestedNotSelected a {
	text-decoration:none;
}

.tabNestedNotSelected a:hover {
	text-decoration:underline;
}

/* classes for individual double nested tabs */	
.doubleNestedBlock {
	width:100%;
}

.doubleNestedTabs {
	font-family:sans-serif;
	font-weight:bold;
	font-size:small;
	text-align:center;
    margin-left:4em;
    line-height:160%;
}

.tabDoubleNestedSelected {
	text-decoration:underline;
}

.tabDoubleNestedNotSelected {
}

.tabDoubleNestedNotSelected a {
	text-decoration:none;
}

.tabDoubleNestedNotSelected a:hover {
	text-decoration:underline;
}

.infrastructure {
    font-family:sans-serif;
    font-style:normal;
    font-weight:normal;
    font-size:65%;
}

.label {
   font-size:80%;
   font-weight:bolder;
   padding-right:1em;
}

.radio {
   font-size:smaller;
   font-weight:bold;
}

table.radio tr td {
   padding-left:4em;
}

.validationMessage {
   background-color:#ffffff;
   color:red;
   font-size:80%;
   font-weight:bolder;
   display:block;
   margin-left:5em;
}

/* Logon Box, Label & Value */
.logon {
   color:#ffffff;
   background-color:#ffffc6;
   padding:4px 0px 4px 0px;
   border:3px double #b42c2e;
   position:absolute;
   top:5px;
   right:5px;
}

.logonLabel {
  font-weight:bold;
  font-size:smaller;
}
.logonValue {
  background-color:#ffffff;
  font-weight:normal;
}

.logoff {
   color:#ffffff;
   background-color:#fcfec5;
   padding:4px 0px 4px 0px;
   border:3px double #b42c2e;
   position:absolute;
   top:8px;
   right:3px;
}

.btnDeleteLevel3 {
    font-size:65%;
    font-weight:bold;
    float:right;
    position:absolute;
    top:190px;
    right:15em;
    width:12em;
}
.btnDeleteLevel2 {
    font-size:65%;
    font-weight:bold;
    float:right;
    position:absolute;
    top:165px;
    right:15em;
    width:12em;
}
.btnDeleteLevel1 {
    font-size:65%;
    font-weight:bold;
    position:absolute;
    top:140px;
    right:15em;
    width:12em;
}
.btnEditLevel3 {
    font-size:65%;
    font-weight:bold;
    float:right;
    position:absolute;
    top:190px;
    right:18px;
    width:12em;
}

.btnEditLevel2 {
    font-size:65%;
    font-weight:bold;
    float:right;
    position:absolute;
    top:165px;
    right:18px;
    width:12em;
}
.btnEditLevel1 {
    font-size:65%;
    font-weight:bold;
    float:right;
    position:absolute;
    top:140px;
    right:18px;
    width:12em;
}

.button {
    font-size:65%;
    font-weight:bold;
    display:inline;
    margin-left:1em;
}
.tbl {
    width:100%;
}

.tblHeading {
	font-weight: bold;
	color: #ffffff; background: #b42c2e;
	text-align: center; 
	border:none;
	padding:3px;
}

.dataLightBlue {
	font-size: smaller;
	color: #000000;
	background: #ccffff;
    border: #eeeeee 1px solid;
	padding:3px;
}
.dataLightYellow {
	font-size: smaller;
	color: #000000;
	background: #ffffcc;
    border: #eeeeee 1px solid;
	padding:3px;
}
.dataLightGreen {
	font-size: smaller;
	color: #000000;
	background: #ccffcc;
    border: #eeeeee 1px solid;
	padding:3px;
}

.data {
    font-size: smaller;
    color:blue;
}
.dataColumn {
}
.dataLeftColumn {
    text-align:left;
}
.dataCenterColumn {
    text-align:center;
}
.dataRightColumn{
    text-align:right;
}

.validationError {
	color:red;
	font-weight:bold;
}
.validationErrorInline {
	color:red;
	font-weight:bold;
	display:inline;
}
.validationErrorBlock {
	color:red;
	font-weight:bold;
	display:block;
}

.icon {
   background-color:#b42c2e;
   background-image: url(../images/bg_circle.gif);
   background-repeat: no-repeat;
   margin-left:5px;
}

td.paginatorInactiveColumn a {
    color:blue;
    text-decoration:underline;
}
td.paginatorInactiveColumn a:hover {
    color:red;
    text-decoration:underline;
}

td.paginatorActiveColumn a {
    color:black;
    text-decoration:none;
    font-weight:bold;
    font-size:large;
}

.classifiedThumbnail {
  display:block;
  text-align:center;
}

.classifiedAnimal {
    width:15em;
    text-align:center;
}
.classifiedComment {
    font-size:small;
}
.classifiedPrice {
    width:10em;
    text-align:center;
}

.grpHeading {
    background-color:#b42c2e;
    color:#ffffff;
    width:100%;
    text-align:center;
    font-family:"Arial", sans-serif;
    font-size:10pt;
    font-weight:bold;
    margin-top:15px;
    padding-top:5px;
    padding-bottom:5px;
}

.grpIcon {
   background-color:#b42c2e;
   background-image: url(../images/bg_blank.gif);
   background-repeat: no-repeat;
}

.frmGroup {
    padding:1em;
    border-left: 2px solid #b42c2e;
    border-right: 2px solid #b42c2e;
    border-bottom: 2px solid #b42c2e;
    background-color:#ffffc6;
}

table.frmGroup {
    width:100%;
}

.imageButton {
   vertical-align:bottom;
}

.frmLabel {
   font-size:80%;
   font-weight:bolder;
   padding-right:1em;
   text-align:right;
}