.name {
    font-style: italic;
    font-family: "Times New Roman", serif;
}

div.spacer {
    clear: both;
}

div.row {
    clear: both;
    padding-top: 5px;
}

div.row span.label, span.tagLabel {
    float: left;
    width: 180px;
    text-align: right;
    font-weight: bold;
}

div.row span.tagLabel {
    font-style: italic;
}

div.row input.string {
    width: 240px;
}

div.row span.formw {
    position: relative;
    float: right;
    width: 430px;
    text-align: left;
}

/*---------------------------------------------------------------------------*/
/* Browsing */

#pigsBrowserHeader {
    margin-top: 10px;
    width: 638px;
}
#pigsBrowserHeader th {
    text-align: center;
    background: #fa6;
    color: #920;
    font-weight: bold;
    border: 1px solid #920;
}
#pigsBrowserHeader th, #pigsBrowserBody td {
}
.pigsBrowser {
}
.pigsBrowser th, .pigsBrowser td {
    padding-left: 2px;
    padding-right: 2px;
}
.pigsBrowser td {
    height: 32px;
    /* uncomment to show alignment problems */
    /*border: 1px solid #920;*/
}
.scrollContent {
    width: 637px;
    height: 300px;
    overflow: auto;
    display: block;
    border-bottom: 1px solid #920;
}
.browseThumb {
    padding: 2px;
}

.grid_id { text-align: right; }
.grid_displayPic { text-align: center; }
.grid_name { text-align: left; }
.grid_DOB { text-align: center; }
.grid_lineage { text-align: center; border-right: 0; }

/*---------------------------------------------------------------------------*/

#adminOptions, #adminOptions a {
    font-size: 12pt;
    padding-bottom: 5px;
    color: #d50;
}

#selectedMode {
    font-weight: bold;
    text-decoration: none;
}

h1 {
	text-align: center;
	color: #b50;
	font-size: x-large;
	padding-bottom: 10px;
}
.singleLineForm {
    display: inline;
}
.singleLineForm input.txt {
    width: 50px;
}

#selectedFormSectionIndex {
    font-weight: bold;
}
#formSectionIndices, .formNextArrow, .formPrevArrow, .formSave {
    font-size: 12pt;
    vertical-align: middle;
}
.formNextArrow {
    float: right;
}
.formPrevArrow {
    float: left;
}
.formSave {
    text-align: center;
}
#formSectionIndices a, .formNextArrow a, .formPrevArrow a, .formSave a {
    text-decoration: none;
    color: #b50;
    padding: 2px;
}
.numImg, .sectionArrow {
    vertical-align: middle;
    border: 0;
}

/*---------------------------------------------------------------------------*/

.sym {
    font-style: italic;
    font-family: 'times new roman', times, serif;
}

/*----------------------------------------------------------------------------*/
/* Calendar */

#acquisitionCalIcon {
    cursor: pointer;
    vertical-align: middle;
}
.calContainer {
    display: none;
    position: absolute;
    z-index: 12000;
}
#age {
    width: 200px;
}

/*---------------------------------------------------------------------------*/
/* Images */

.thumb {
    width: 75px;
    border: 0px;
    padding: 2px;
}
.thumb, .imgFileInput, .label, .row, .formw, .picOptions, .pic {
    vertical-align: middle;
}

.imgFileInput {
    visibility: hidden;
}

.formw .pic  {
    float: left;
}
.formw .picOptions {
    padding: 5px;
}
.formw .addPicLbl {
}

/*----------------------------------------------------------------------------*/

.infoGraphics {
    text-align: center;
    vertical-align: middle;
}
.infoGraphics img {
    vertical-align: middle;
}

/*---------------------------------------------------------------------------*/
/* For autocompletion */

.tags {
	position:relative;
	width: 400px;
}
.yui-ac-content {
	position:absolute;
	width: 100%;
	border:1px solid #cc8;
	background:#ffd;
	overflow:hidden;
}
li.yui-ac-highlight {
	background:#fc8;
}
li.yui-ac-prehighlight {
	background:#fe8;
}
.tagsTextArea, .notes {
    width: 400px;
}

.textureTags {
	position:relative;
	width: 156px;
}
.othersTags {
	position:relative;
	width: 206px;
}

/*----------------------------------------------------------------------------*/

.autoinput, .autocontainer {
	width: 400px;
    z-index: 100;
}

.autocomplete {
	visibility: hidden;
	height: 0;
	padding: 0;
}

.acQuery {
    font-weight: bold;
    color: #a00;
}

/*----------------------------------------------------------------------------*/

ul.list {
    list-style: circle inside;
}

/*----------------------------------------------------------------------------*/

.detailsHeader {
	width: 100%;
    height: 24px;
    background: #ffcc88;
	border-top: 1px solid #b50;
	border-bottom: 1px solid #b50;
	color: #b50;
    margin-bottom: 10px;
}
.detailsHeaderLabel {
    display: inline;
    float: left;
    font-size: 14pt;
    padding-left: 5px;
}
.detailsHeaderEdit {
    display: inline;
    float: right;
    padding: 4px;
}

/*----------------------------------------------------------------------------*/
/* Explanation Description */

.descriptor {
	border:1px solid #cc8;
	background:#ffd;
	padding: 10px;
	position: absolute;
	z-index: 15000;
	display: none;
}

img.infoIcon {
    vertical-align: middle;
    cursor: pointer;
}

/*----------------------------------------------------------------------------*/
/* physicalTable */

#physicalTable {
    border: 1px solid #cc8;
}

#physicalTable th {
    border: 1px solid #cc8;
}

#physicalTable td {
    border-left: 1px solid #cc8;
    border-right: 1px solid #cc8;
    padding: 5px;
}

#physicalTable th {
    font-weight: bold;
    text-align: center;
}

.colorSwatch {
    border: 1px dotted #aaa;
    background-color: #fff;
    cursor: pointer;
}

.colorChoice, .customColor {
    position: absolute;
    display: none;
    width: 80px;
}

/*----------------------------------------------------------------------------*/

#side {
	width: 178px;
	float: left;
    background: #fff;
	/*border: 1px solid #b50;*/
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
    margin: 0;
    padding: 0;
}
#sideMenuTop {
	width: 100%;
    background: #fc8 url(../images/menu_head.png) top no-repeat;
	/*border: 1px solid #b50;*/
	position: absolute;
	height: 74px;
	left: 0;
	bottom: auto;
}
#sideMenu {
	width: 178px;
    background: #fc8 url(../images/menu_tail.png) bottom no-repeat;
	position: absolute;
	left: 0;
	top: 72px;
	bottom: 2px;
}

#sideMenu ul {
	list-style-type: none;
    margin: 0px;
    padding: 0px;
	cursor: default;
}
#sideMenu li {
    float: left;
	width: 100%;
	font-weight: normal;
	vertical-align: middle;
	padding: 5px 0 5px 0;
	text-align: center;
	font-weight: bold;
	color: #b50;
}  
#sideMenu li:hover {
    background: #ffaa88;
}
#sideMenu li a {
	text-decoration: none;
	vertical-align: middle;
	color: #c40;
}
#sideMenu li a.command {
	color: #000;
	font-variant: small-caps;
	font-size: medium;
}
#sideMenu li a.command:hover {
	color: #a00;
	font-variant: small-caps;
}
#sideMenu li.command {
	color: #630;
	font-size: 16pt;
}
#sideMenu li.command:hover {
    background: #fc8;
}