/* css/01-page.css */

body, #page {
	background-color: #4d6272; 
	margin: 0;
	font-family: 'tenby-eight-1', 'tenby-eight-1', sans-serif;
}

/* #789 */

.content {
	font-size: 12px;
	text-align: center;
}

#body {
	font-size: 12px;
	margin-bottom: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 0px;
	background-color: transparent;
	text-align: left; 
	width: 700px;
	line-height: 1.3em;
	border: none;
}

#contents {
	font-size: 12px;
	background-color: #FFF;
	border: none;
	border-right: 150px solid #F2EFE4;
}

#contentend {
	clear: right;
}
#sidebar {
	float: right;
	width: 120px;
	padding-right: 21px;
	color: #000;
	font-size: 11px;
}

div.task {
	font-size: 9px;
	margin-top: -10px;
	color: #4a4a4a;
}

#sidebar a img {
	vertical-align: top;
}

#sidebar h2 {
	font-size: 12px;
}

.othersidebar {
	margin-top: -16px;
}

.secondaryothersidebar {
	margin-top: -20px;
}

#sidebar h3 {
	font-size: 12px;
}

#sidebar h4 {
	font-size: 9px;
}

#portfolio {
	background-image: url(images/sidebar/portfolio_background.png);
	background-repeat: no-repeat;
	width: 131px;
	height: 203px;
	padding-left: 5px;
}

#portfolio a {
	display: block;
	text-decoration: none;
	color: black;
	padding: 2px;
	line-height: 20px;
}

#portfolio h2 {
	padding-top: 7px;
	padding-left: 3px;
}

.item-odd, .item-even {
	background-color: #FFF;
	padding: 5px;
}

.item-even {
	background-color: #E3E9F2;
}

.picture {
	display: none;
	float: left;
	padding-left: 20px;
	width: 180px;
}

.date {
	font-weight: bold;
	font-size: 10px;
	color: #646464;
}



.title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	font-family: 'tenby-eight-1', 'tenby-eight-1', sans-serif;
}


.item-content {
	/* margin-left: 200px; */
	color: #000;
	font-size: 12px;
	font-family: 'garagier-1','garagier-2';
}

.item-content img.type {
	float: right;
	position: relative;
}

a {
    text-decoration: none;
}
a:visited {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #002063;
    text-decoration: none;
}

div {
    overflow: visible;
}

img {
    border: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


/* css/02-header.css */



/* CSS Document */

#header {
	background-image: url(images/header.png);
	font-size: 12px;
	height: 75px;
	border-bottom: 1px solid #CCC;
}

#header h1 {
	padding: 0;
	padding-left: .75em;
	padding-top: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
}

#header img {
	float: right;
}

#header h1 a {
	color: black;
	text-decoration: none;
}

#header p {
	padding-top: .20em;
	margin: 0;
	padding-left: 4.25em;
	color: #969696;
}
/* css/03-footer.css */

/* CSS Document */

#footer {
	font-size: 12px;
	background-image: url(images/footer.png);
	background-position: bottom left;
	height: 20px;
	padding: 5px;
	color: #888;
	background-color: transparent;
	border: none;
	border-right: 150px solid #F2EFE4;
	clear: left;
}

#footer span {
	float: right;
	height: 20px;
	padding-right: 5px;
	padding-bottom: 25px;
}


/* css/debug.css */

/* CSS Document */

div.debug {
}
div.debug table  {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000; 
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 0;
}

div.debug .header { 
	font-weight: bold; 
	color: #FFF; 
}
div.debug td {
	vertical-align: top;
	padding: 5px;
	border: 1px solid #000;
}
div.debug .error {
	background-color: #F00;
	color: #FFF;
}

/* default */
div.debug td {
	background-color:#FFF;
}
div.debug table, div.debug .header { 
	background-color: #7A7; 
}
div.debug td.key { 
	background-color: #CFC; 
}

/* array */
div.debug .array, div.debug .array td.header { 
	background-color: #77A; 
}
div.debug .array td.key { 
	background-color: #CCF; 
}

/* object */
div.debug .object, div.debug .object td.header { 
	background-color: #AA7; 
}
div.debug .object td.key { 
	background-color: #FFC; 
}

/* resource */
div.debug .resource, div.debug .resource td.header { 
	background-color: #A7A; 
}
div.debug .resource td.key { 
	background-color: #FDF; 
}

/* xml */
div.debug .xml, div.debug .xml td.header { 
	background-color: #AAC; 
}
div.debug .xml td.key { 
	background-color: #CCF; 
}

/* core/css/fm.css */

#filelist {
	width: 750px;
	border: 1px solid #CCC;
}

#filelist .form {
	padding: 0;
	margin: 0;
}

#filelist .form input {
	font-size: smaller;
	padding: 0;
	margin: 0;
}

#filelist th, #filelist .status {
	background: #DDD;
	color: #000;
}

#filelist-embed td {
	font-size: 11px;
}

#filelist-embed thead, #filelist-embed .status, #filelist-embed .operations {
	display: none;
}

#filelist th {
	padding: 0.5em 0.5em;
	text-align: left;
	font-weight: bold;
}

#filelist .title-links {
	font-size: smaller;
	font-weight: normal;
	float: right;
}

#filelist tr {
	background: #DDF;
}

#filelist tr.odd {
	background: #FFF;
}

#filelist td {
	color: #000;
	font-size: 11px;
	border-top: 0px;
	border-bottom: 0px;
}

#filelist a {
	color: #00F;
	padding: 0.5em;
}

#filelist a:hover {
	background-color: none;
}

#filelist .long {
	font-weight: normal;
	padding-left: 1em;
}

#filelist .dir .name {
	font-weight: bold;
}

#filelist .thumb {
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
}

#filelist .icon {
	float: left;
	width: 32px;
	height: 32px;
	text-align: center;
}

#filelist .thumb img,  .icon img {
	margin: 0 auto 0 auto;
}

#filelist .operations {
	font-size: 9px;
	width: 18.75em;
}

#filelist .operations a img {
	font-size: 9px;
	padding-left: .1em;
	padding-right: .1em;
}

#filelist .perms {
	width: 2.25em;
}

#filelist .size {
	text-align: right;
	width: 7em;
}

#filelist .modified {
	width: 6.5em;
}

#filelist .separator {
	border-top: 1px solid #888;
}

#filelist .status span {
	padding: 0;
	margin: 0;
}

#filelist .error {
	color: red;
}

#filelist .ok {
	color: green;
}

/* core/css/form.css */

/* CSS Document */

/* form entries */

form {
	margin: 0;
	padding: 0;
}

.form {
	display: block;
}

.form fieldset {
	border: none;
	position: relative;
	padding: 0;
	margin: 0;
}

.form legend {
	display: none;
}

.form label, .form .comment, .form .comment-required, .form .form-label {
    display: block;
	font-family: Helvetica, sans-serif;
	color: #444;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 2px;
	margin: 0;
	line-height: 11px;

}

.form span.form-label {
	display: inline;
	padding-right: 1.5em;
}

.form select {
	margin: 2px 0 2px 0;
}

.form #refinement select {
	margin: 0;
}

.form label.required { 
	color: #F00;
}

.form .comment-required {
	clear: left;
}

#form-error {
	background-color: #F33;
}

li.form-error {
	background-color: #F33;
	color: white;
	margin: 0;
	padding: 2px;
	width: 300px;
}

.form .comment {
	padding-bottom: 4px;
	line-height: normal;
	clear: left;
}

.form label.checkradio {
    display: inline;
	margin-right: .5em;
}

.form input[type='checkbox'] {
	margin-top: 1.25em;
}

.form input[type='submit'], .form input[type='reset'] {
	margin-top: 1em;
}

.form input, .form textarea {
	font-family: ;
	font-size: ;
	margin-bottom: 2px;
	padding: 2px;
}

.form .required-multifield, .form .required-newmultifield, .form .multifield, .form .newmultifield, .form .newfield, .form .multifield {
    float: left;
	margin-right: 0.5em;
	/* position: relative; */
}

.form .inline, .form .inline-start {
    float: left;
	margin-right: 0.5em;
	position: relative;
}

.form .field, .form .inline-start {
	clear: left;
	margin-right: 0.5em;
}

.form .required-field, .form div.newfield, .form .required-newmultifield, .form .newmultifieldt {
	clear: left;
}

.form .submit {
	clear: both; 
	float: left;
	position: relative;
}

#loginextras .form .field {
	float: right;
	text-align: right;
}


.hidden, .hidden input {
	display: none;
}

.group {
	padding: 0;
	margin: 0;
}



#basic label {
 display: none;
}

#basic select {
	margin-top: 1px;
}

.datelabel {
	font-family: Verdana;
	font-size: 10px;
	padding-top: 10px;
}

.formend {
	height: 0px;
	clear: left;
}

.form .required .field, .form .invalid .field, .form .required .inline, .form .invalid .inline {
	border-left:  2px solid red;
}

.edit-in-place {
	clear: left;
}

/* css/gallery.css */

.gallery {
	padding: 5px;
}

.file-image {
	text-align: center;
}

.file-image img {
	margin: 0 auto 0 auto;
}

.gallery .file-details, .file-movie .file-details, .file-image .file-details {
	color: #333;
	font-size: 9px;
	font-weight: normal;
}

.gallery .directory .file-details {
    padding-left: 5px;
	color: #333;
	font-size: 12px;
	font-weight: normal;
}

.gallery .directory {
	font-weight: bold;
	clear: left;
	padding-top: 5px;
	height: 260px;
}

.gallery .file {
	font-weight: normal;
	clear: left;
}

.gallery .file-image {
	float: left;
	margin: 5px;
	width: 195px;
	height: 200px;
	padding: 5px 5px 60px 5px;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #DDD;
	background-color: #EEE;
}

.gallery .file-image img {
	margin: auto;
	border: 1px solid #DDD;
	display: block;
}

ul.gallery {
	list-style-type: none;
}

.file-nav {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
}

.file-nav a:hover {
	text-decoration: none;
}

.icon {
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
}

ul.gallery li.directory {
	width: 220px;
	float: left;
	clear: none;
	padding-bottom: 10px;
}

.back img {
	display: block;
}

iframe.detail, iframe.detail img {
	vertical-align: middle;
	margin: 0 auto 0 auto;
	text-align: center;
}

.file-nav .prev {
	display: block;
	float: left;
}

.file-nav img {
	margin: 0;
	padding: 5px;
	border: 1px solid #565495;
}

.file-nav .next {
	display: block;
	float: right;
}

.file-nav {
	text-align: center;
}

.file-nav-end {
	clear: left;
}

.block-layout {
	clear: left;
}
/* css/shadowbox.css */

/*Custom Elements*/
.getinfo {
	padding: 10px;
	margin-top: -14px;
	width: 380px;
	height: 194px;
	color: white;
}

.getinfo h1 {
	font-size: 14px;
	padding-top: 10px;
}

.getinfo p {
	font-size: 12px;
	color: #888;
	margin-top: -25px;
	margin-left: 30px;
	font-family: helvetica, sans-serif;
}

.getinfo img {
	margin-top: 15px;
}

/*Default Elements*/
#sb-container,#sb-wrapper {
	text-align: left;
}

#sb-container,#sb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

#sb-container {
	height: 100%;
	display: none;
	visibility: hidden;
	z-index: 999;
}

body>#sb-container {
	position: fixed;
}

#sb-overlay {
	height: expression(document.documentElement.clientHeight+'px');
}

#sb-container>#sb-overlay {
	height: 100%;
}

#sb-wrapper {
	position: relative;
}

#sb-wrapper img {
	border: none;
}

#sb-body {
	position: relative;
	margin: 0;
	padding: 10px;
	overflow: hidden;
	overflow-y: scroll;
	border: 2px solid white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#sb-body-inner {
	position: relative;
	height: 100%;
}

#sb-content.html {
	height: 100%;
	overflow: auto;
}

#sb-html-preview {
	background: white;
	border: 1px solid red;
	width: 1000px;
	height: 1000px;
}

#sb-loading {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 10px;
}

#sb-body,#sb-loading {
	background: rgba(6,6,6,0.85);
}

#sb-title,#sb-info {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#sb-title-inner,#sb-info-inner {
	position: relative;
}

#sb-title,#sb-title-inner {
	height: 26px;
}

#sb-title-inner {
	font-size: 16px;
	padding: 5px 0;
	color: #fff;
}

#sb-info,#sb-info-inner {
	height: 20px;
}

#sb-info-inner {
	font-size: 12px;
	color: #fff;
}

#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}

#sb-nav a {
	display: block;
	float: right;
	height: 16px;
	width: 16px;
	margin-left: 3px;
	cursor: pointer;
}

#sb-nav-close {
	background-image: url(jsincludes/resources/close.png);
	background-repeat: no-repeat;
}

#sb-nav-next {
	background-image: url(jsincludes/resources/next.png);
	background-repeat: no-repeat;
}

#sb-nav-previous {
	background-image: url(jsincludes/resources/previous.png);
	background-repeat: no-repeat;
}

#sb-nav-play {
	background-image: url(jsincludes/resources/play.png);
	background-repeat: no-repeat;
}

#sb-nav-pause {
	background-image: url(jsincludes/resources/pause.png);
	background-repeat: no-repeat;
}

#sb-counter {
	float: left;
	padding: 2px 0;
	width: 45%;
}

#sb-counter a {
	padding: 0 4px 0 0;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

#sb-counter a.sb-counter-current {
	text-decoration: underline;
}

div.sb-message {
	padding: 10px;
	text-align: center;
}

div.sb-message a:link,div.sb-message a:visited {
	color: #fff;
	text-decoration: underline;
}
/* css/pages/newsite.css */

#header {
	display: none;
}

#footer {
	display: none;
}

#sidebar {
	display: none;
}

#contents {
	background: url(images/development/newsite.png);
	width: 485px;
	height: 220px;
	border: none;
	margin: auto;
	padding: 30px;
	padding-top: 50px;
}

#page {
	background: none;
}

body {
	background: #383838;
	color: #383838;
	font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
}