/*************************************
   General
**************************************/

html {
    height: 100%;
}

a img {
    border: none;
}

div.clear {
    clear:both;
}

h3 {
    margin-bottom: 1em;
}

.small {
    width: 5em;
}

.medium {
    width: 10em;
}

.long{
    width: 20em;
}

.x-long {
    width: 30em;
    }

/*************************************
    Nav
**************************************/

#nav {
    width: 100%;
    clear: both;
    margin-bottom: 2em;
}

#nav li {
    float:left;
    width: 10em;
}

#nav,   #nav li,    #nav a {
    height: 2.2em;
    line-height:2.2em;
}

#nav ul {
    width: 1000px;
    margin: 0 auto;
}

#nav li {
    float:left;
    width: 8em;
    position:relative;
    text-align: center;
}

#nav a, #nav a:visited {
    display:block;
    width:100%;
}

#nav ul ul {
    display: none;
    width:10.4em;
    height:0;
    left:-1px;
    position:absolute;
    top:2.2em;
    visibility: hidden;
}

#nav ul ul a,   #nav ul ul a:visited {
    margin: 0 auto;
}

#nav ul li:hover ul,    #nav ul a:hover ul {
    display: block;
    visibility:visible;
}

#nav ul :hover ul :hover ul {
    visibility:visible;
}


/**************************************
    Data Tables
**************************************/

table.data-list td {
    padding-left: 1em;
    padding-right: 1em;
    height: 2.5em;
    line-height: 2.5em;
}

table.data-list td.breeder {
    max-width: 18em;
}

table.data-list.image td {
    padding-top: 1em;
    padding-bottom: 0.5em;
    line-height: normal;
    height: auto;
}

table.data-list.image td {
    vertical-align: middle;
}

table.data-block td {
    padding-right: 3em;
    padding-bottom: 1em;
}

.tip-restore{
	/*text-decoration: line-through;*/
}

/*************************************
    Form
**************************************/

#form-message {
    margin: 0 auto;
    width: 30em;
    padding: 1.3em;
    margin-bottom: 1em;
}

#form-message img {
    float:left;
    padding-right: 1em;
}

#form-message div {
    padding-top: 0.4em;
}

form fieldset {
    display:inline;
    vertical-align: top;
    width: 47%;
    margin: 0 1.5% 1em 0;
    padding: 1em 0;
}

form fieldset legend {
    margin-bottom: 1em;
    display: block;
}

form div.row {
    margin-bottom: 0.6em;
}

form div.row > div.label {
    margin-bottom: 0.2em;
}

div.button {
    margin: 1.5em 0 3em 0;
}

input[type="text"], input[type="password"], select, textarea {
    padding: 0.4em;
}

input[type="radio"],    input[type="checkbox"] {
    margin: 0 1em;
}

div.row div.element textarea {
    width: 25em;
    height: 10em;
}

form ul.errors {
    width:15em;
    padding: 0.5em 0 1.5em 0;
}


/************************************
    Page Elements
************************************/

#container {
    margin: 0 auto;
}

#header {
    min-height: 100px;
    margin: 1.5em 0 0 0;
}

#content {
    width: 62.5em;
    margin: 0 auto;
    padding: 0 0 3em 0;
}

#footer {
    clear:both;
}

div.search-count {
    margin-bottom: 1.6em;
}

ul.pagination {
    padding-bottom: 2em;
    float:left;
}

ul.pagination li {
    float:left;
    padding: 0 2em;
}

div.logs {
    clear:both;
}

div.action-buttons {
    clear: both;
}
div.action-buttons div {
    padding: 2em 0;
    float:left;
    width: 8em;
    margin-right: 1em;
}
div.action-buttons div.authentication-credentials {
    width: 10em;
}
div.action-buttons a {
    display: block;
    height: inherit;
    width: inherit;
}

/***********************************
    Page Specific
***********************************/

/** Index */

body.index #content ul {
    margin-left: 1em;
    margin-bottom: 2em;
}


/** Breeder */
body.breeder div.breed-list {
    margin-bottom: 2em;
    }
body.breeder div.breed-list div.row {
    width: 100%;
    }
body.breeder div.breed-list div.row div.breed {
    float:left;
    width: 10em;
    }
body.breeder div.breed-list div.row div.litters {
    clear:right;
    }


/** Image */
body.image img.search-image {
    width: 10em;
}

body.image form.column {
    float: right;
    width: 45%;
    margin-left: 5%;
}
body.image div.full-image {
    float: left;
    width: 45%;
    margin-right: 5%;
}

body.image div.full-image img {
    width: 70%;
    margin-bottom: 1em;
}

body.image div.full-image ul {
    margin-bottom: 1em;
}

body.image div.full-image ul  li{
    margin-bottom: 0.5em;
}

body.image div.full-image ul  li span.label{
    width: 10em;
}

body.image div.row.approve {
    margin-bottom: 2em;
}

body.image div.row.approve div.image {
    float: left;
    width: 20em;
}

body.image div.row.approve div.image  img {
    width: 15em;
}

body.image div.row.approve div.element {
    height: 100%;
    padding-top: 2em;
}

body.image div.mass-action {
    padding-bottom: 1em;
}

body.image div.mass-action span {
    padding-right: 1em;
}

body.image div.mass-action button {
    width: 8em;
    margin-right: 1em;
}

/** Login */
#container.login {
    width: 40em;
    margin: 5em auto 0 auto;
    padding: 0 2em;
}

div.login-error {
    margin-bottom: 1em;
}

/** Media */
body.media textarea#body{
    width: 60em;
    height: 30em;
    }

body.media table#bbcode-help {
    border-collapse: collapse;
    }

body.media table#bbcode-help tr {
    height: 2em;
    line-height: 2em;
    }

body.media table#bbcode-help td {
    margin-right: 1em;
    padding-left: 1em;
    padding-right: 1em;
    }
.image-caption{
    height:10em;
    width:25em;
}