/* GENERAL */
body, a {
	color: #60604b;
}
.main {
	background: url(../images/skin/bg.png) top no-repeat;
}
.main.home {
	background: url(../images/skin/bg_home.png) top no-repeat;
}
a {
	text-decoration: none;
}
a:focus, a:hover {
	text-decoration: underline;
}
.spacer {
	white-space: nowrap;
}
input.text {
	font-size: 95%;
	padding: 2px;
}
select {
	margin: 0;
}
hr {
	height: 1px;
}
a.icon {
	padding:2px 20px 2px 0;
	margin:-2px 0;
	background-repeat: no-repeat;
	background-position: right center;
}
a.icon.mailto {
	background-image: url(blueprint/plugins/link-icons/icons/email.png);
}
a.icon.video {
	background-image: url(blueprint/plugins/link-icons/icons/video.png);
}
a.icon.audio {
	background-image: url(blueprint/plugins/link-icons/icons/audio.png);
}
a[href^="http:"]:visited {
	background-image: url(blueprint/plugins/link-icons/icons/external.png);     /* Override default visited link for "blueprint" */
}

/* These styles are used to force the footer to stick to the bottom of the page >>>>>>> */
html { height: 100%; }
body { height: 100%; }
.main { position: relative; min-height: 100%; }
* html .main { height: 100%; }
/* <<<<<<< */


/* HEADER/PRIMARY MENU */
#solid-bar {
	height: 12px;
}
#header {
	height: 126px;
}
#primary-menu {
	height: 40px;
}
#primary-menu .menu-item {
	background: url(../images/skin/bg_primary_menu_button.png) no-repeat;
	width: 123px;
	height: 40px;
	float: left;
	text-align: left;
}
#primary-menu .menu-item.selected {
	background: url(../images/skin/bg_primary_menu_button_selected.png) no-repeat;
}
#primary-menu .menu-item.last {
	width: 124px;
	background: url(../images/skin/bg_primary_menu_button_last.png) no-repeat;
}
#primary-menu .menu-item.last.selected {
	background: url(../images/skin/bg_primary_menu_button_last_selected.png) no-repeat;
}
#primary-menu .menu-item a {
	display: block;
}


/* LEFT SUB-NAVIGATION MENU */
#left-nav {
	margin: 10px 0 0 5px;
}
ul.menu {
	margin-right: 0;
	margin-bottom: 0;
}
ul.menu li {
	font-weight: bold;
	list-style-image: url(../images/skin/left_nav_spacer.png);
}
ul.menu.level-1 li {
	font-size: 90%;
	line-height:1.3em;
	margin-bottom: 10px;
}
ul.menu.level-2 {
	margin-top: 5px;
}
ul.menu.level-2 li {
	font-size: 85%;
	line-height: 1.3;
	margin-bottom: 5px;
}
ul.menu.level-2 li.last {
	margin-bottom: 15px;
}
ul.menu.level-2 li a, ul.menu.level-1 li.selected ul.menu.level-2 li a {
	color: #93937e;
}

/* SEARCH */
#search {
	padding: 10px 5px;
	border-top: 1px solid #d5d5d0;
	border-bottom: 1px solid #d5d5d0;
}
#search.home {
	border-top: 0;
	border-bottom: 0;
}
#search input.text {
	color: #bbb;
	width: 149px;
	height: 13px;
	margin: 0;
}
#search input.text:focus {
	color: #60604b;
}

/* CONTENT */
#content {
	margin: 10px 25px;
}
#content h3.title, #content h4.title {
	font-weight: bold;
}
#content h4.title {
	margin-bottom: 0;
}
#content p {
	font-size: 110%;
}
#content a, #callout a {
	text-decoration: underline;
}
#content ul li {
	padding-bottom: 5px;
}
#content .image-right {
	float: right;
	border: 1px solid #a5a397;
	margin: 0 0 15px 15px;
	padding: 2px;
}
#content .image-left {
	float: left;
	border: 1px solid #a5a397;
	margin: 0 15px 15px 0;
	padding: 2px;
}
#content input.text {
	font-size: 100%;
	margin: 0.25em 0;
}
.form-item {
	margin: .3em 0;
}
.form-required {
	font-weight: bold;
	color: #9E113B;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
	border: 2px solid red;
}
.form-item label.error {
	display: block;
	color: red;
	margin: 0;
	padding: 0 0 0 .5em;
	background: none;
	border: none;
}
.form-item-sample, .form-item-sample input {
	color: #ffffff;
	border: none;
	display: none;
}


/* CALLOUTS */
#callout {
	margin: 5px 5px 15px;
	color: #93937E;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
#callout p {
	padding-left: 15px;
	background: url(../images/skin/square_bullet_red.png) 0 3px no-repeat;
	margin:0 0 .85em 5px;
}
#callout a {
	color: #9e113b;
}
#callout hr {
	margin:0 0 1em;
}

/* FOOTER */
#footer {
	font-size: 10px;
	position: relative;
	height: 30px;
	margin-top: -30px;
	line-height:.9;
}
#footer_nav {
	float: left;
}
#copyright {
	float: right;
}
.home #copyright, .home #footer_nav {
	float: none;
}


/******************************************************************************
 * CHANGING LAYOUT COLORS
 ******************************************************************************/
/* <<<<< RED >>>>>>> */
/* CONTENT/LINKS */
.red a:focus, .red a:hover,
.red h1, .red h2, .red h3, .red h4, .red h5, .red h6,
.red ul.menu li.selected a, .red ul.menu li a:hover,
.red #content a {
	color: #9e113b;
}
.red ul {
	list-style-image: url(../images/skin/square_bullet_red.png);
}
/* TOP/BOTTOM SOLID BAR */
.red #solid-bar {
	background-color: #9e113b;
}
/* LEFT SUB-NAVIGATION MENU */
.red ul.menu li.selected {
	list-style-image: url(../images/skin/left_nav_selected_red.png);
}

/* <<<<< BLUE >>>>>>> */
/* CONTENT/LINKS */
.blue a:focus, .blue a:hover,
.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6,
.blue ul.menu li.selected a, .blue ul.menu li a:hover,
.blue #content a {
	color: #175d80;
}
.blue ul {
	list-style-image: url(../images/skin/square_bullet_blue.png);
}
/* TOP/BOTTOM SOLID BAR */
.blue #solid-bar {
	background-color: #175d80;
}
/* LEFT SUB-NAVIGATION MENU */
.blue ul.menu li.selected {
	list-style-image: url(../images/skin/left_nav_selected_blue.png);
}

/* <<<<< GREEN >>>>>>> */
/* CONTENT/LINKS */
.green a:focus, .green a:hover,
.green h1, .green h2, .green h3, .green h4, .green h5, .green h6,
.green ul.menu li.selected a, .green ul.menu li a:hover,
.green #content a {
	color: #758a48;
}
.green ul {
	list-style-image: url(../images/skin/square_bullet_green.png);
}
/* TOP/BOTTOM SOLID BAR */
.green #solid-bar {
	background-color: #41511e;
}
/* LEFT SUB-NAVIGATION MENU */
.green ul.menu li.selected {
	list-style-image: url(../images/skin/left_nav_selected_green.png);
}

/* <<<<< YELLOW >>>>>>> */
/* CONTENT/LINKS */
.yellow a:focus, .yellow a:hover,
.yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6,
.yellow ul.menu li.selected a, .yellow ul.menu li a:hover,
.yellow #content a {
	color: #aa761e;
}
.yellow ul {
	list-style-image: url(../images/skin/square_bullet_yellow.png);
}
/* TOP/BOTTOM SOLID BAR */
.yellow #solid-bar {
	background-color: #aa761e;
}
/* LEFT SUB-NAVIGATION MENU */
.yellow ul.menu li.selected {
	list-style-image: url(../images/skin/left_nav_selected_yellow.png);
}



/******************************************************************************
 * These are default Grails styles.
 ******************************************************************************/
.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}
/* MESSAGES AND ERRORS */
.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}
div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;	
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}
td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

/* TABLES */
table {
    border: 1px solid #ccc;
    width: 100%
}
tr {
    border: 0;
}
td, th { 
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding: 5px 6px;
    text-align: left;
    vertical-align: top;
}
th {
    background: #fff url(../images/skin/shadow.jpg);
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding: 2px 6px;
}
th a:link, th a:visited, th a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

/* LIST */
.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

/* PAGINATION */
.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */
.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

/* ACTION BUTTONS */
.buttons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}