    


/* css/01-layout.css */

/* CSS Document */

html {
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: gray;
}

div#body {
	padding: 0px;
	margin: 0;
	background-color: #EEE;
}


#header {
	margin: 0;
	padding: 0;
	width: 100%;
}

#content {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EEE;
	margin: 0;
	width: 800px;
}

/* forces content to extend below any floats */
#contentend {
	clear: both;
}

#footer {
	margin-left: 20px;
	clear: both;
	margin: 0;
	background-color: gray;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 100%;
}

#printfooter {
	display: none;
}


/* css/02-header.css */

/* CSS Document */

#header {
  height: 85px;
  padding: 0;
  margin: 0;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: x-small;
  color: #FFF;
  background: #595959 url(images/gmarble.jpg) repeat-x center left; 
}

#company {
  margin-top: 0;
  margin-left: 110px;
  height: 1.5em;
  text-indent:.4em;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: medium;
  font-style: normal;
  font-weight: bold;
  color: white;
  background-color: #00C;
}

#header span, #header img {
float: left;
}

div#nav {
	padding: 0px;
}

#nav ul {
	margin: 0;
	padding: 0 0 25px 0;
	list-style-type: none;
}

#nav li  {
	width: 90px;
	margin: 0 -1px 0 0;
	padding: 0;
	text-decoration: none;
	border-top: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	color: #FFF;
	background-color: #777;
	float:left;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: x-small;
}

#nav a {
	text-decoration: none;
	display: block;
	color: #FFF;
	background-color: #777;
	padding: 5px;
}

#nav a:hover {
	text-decoration: none;
	color: #555;
	background-color: #FFF;
}

#nav li ul {
	display: none;
}

#nav li:hover ul {
	visibility: visible;
	display: block;
	position: absolute;
	z-index: 1;
	width: 90px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	color: #FFF;
	background-color: #777;
}

#nav li li {
	border: none;
	}	

#nav li li a {
	padding: 2px 2px 2px 10px;
}

#tag {
	font-style: italic;
}

/* css/03-footer.css */


#footer {
	text-align: center;
	clear: both;
	margin: 0;
	font-size: 11px;
	font-family: verdana;
	color: ;
	padding-top: 5px;
	padding-bottom: ;
}

#footer .footerlink {
	color: ;
	text-decoration: none;
}

#footer a:hover {
	color: white;
	text-decoration: none;
}

#footer img {
	border-top: 1em solid white;
	padding: 0;
	margin: 0;
}

#printfooter {
    display: none;
}

.photocredit {
	font-size: 10px;
	text-align: center;
	font-family: arial;
	color: ;
}

/* css/base.css */


/* General Document Formatting */

html {
	font-size: 13px;
}

body {
  background: gray;
}

.top-link {
	display: none;
}

object, embed {
  background: gray;
}

a {
  color: #00C;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover img {
  text-decoration: none;
}

fieldset {
  border: 0;
  display: inline;
}

img {
  border: 0 solid white;
}

dd {
  padding-bottom: 20px;
}

dt {
  padding-bottom: .4em;
}

p, ul {
  font-size: small;
  font-family: Tahoma, Verdana, Arial, sans-serif;
}

p {
  margin-bottom: .4em;
}

h1 {
  padding-top: .2em; 
  padding-bottom: .2em; 

  color: #000; 
  font-size: x-large;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
}

h2 {
  padding-top: .2em; 
  padding-bottom: .2em; 

  color: #000; 
  font-size: large;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
  clear: left;
}

h3 {
  padding-top: .2em; 
  padding-bottom: .2em; 

  color: black; 
  font-size: medium;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
}

h4 {
  padding-top: 0px; 
  padding-bottom: .2em; 

  color: black; 
  font-size: small;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight: normal;
}

strong {
  color: #595959; 
}



#content {
  color: #000;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: small;
}

/* form entries */

.label {
  width: 100px;
  text-align: right;
  font-variant: small-caps;
}

.form-input {  
  text-align: left;
  margin-top: -25px;
  margin-left: 120px;
  }

/* main page entries */

#current {
  float: right;
  border-left: 1px solid #595959;
  width: 120px;
  padding: 0 .4em 0 .4em;
}

#current img {
  padding: 0;
}

.developers {
  float: left;
  clear: none;
  margin-right: .4em;
  padding-bottom: 1em;
  width: 250px;
}

.photographers {
  float: left;
  clear: none;
  margin-right: .4em;
  padding-bottom: 1em;
  width: 250px;
}

.developers img {
  border: 1px solid #595959;
}

.photographers img {
  border: 1px solid #595959;
}

#recent {
  float: right;
  clear: none;
  border-left: 1px solid #595959;
  width: 200px;
  padding: 0 0 0 .4em;
  margin-left: .4em;
}

#recent h2 {
  padding: 0;
  margin: 0;
}

#recent ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}

#recent li {
  list-style-type: none;
  padding-top: .4em;
  padding-left: 1em;
}

.section {
  clear: both;
}

.portrait {
  float: right;
  margin-top: 0px;
  margin-right: 50px;
  margin-left: 1em;
  padding: 2px;
  background-color: #FFF;
}


/* gallery entries */

.galleryitem {
  display: inline-table;
  margin-top: 0px;
  margin-right: 20px;
  margin-left: 0px;
  padding: 2px;
}

.galleryitem img {
	border: 1px solid #DDD;
	padding: 5px;
}

.galleryelement {
  position: relative;
  float: left;
  width: 200px;
  padding-right: 30px;
}

#page-nav form {
  display: inline;
}

#page-nav fieldset {
  padding-bottom: 0px;
}

.pn {
  vertical-align: super;
}

#images {
}

.picture {
  padding: 2px;
}

table {
  margin-left: 50px;
}

td {
  padding: 0 1em 0 1em;
}

em {
  font-style: italic;
}

div#goals>p {
  margin-left: 100px;
  margin-top: -40px;
  margin-bottom: 20px;
}

#footer {
	padding-top: 1em;
	font-size: small;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

#footer a {
  color: #000;
}

.lm {
  font-size: small;
}

.logo {
  float: left;
}

.testimonial .comments {
  padding-left: 240px;
}


/* weblog entries */

table.weblog {
  margin-left: 0;
}

.blog { 
  border-top: 1px solid #595959;
  margin-bottom: 20px;
  font-size: small;
  width: 900px;  
}

.blogtext {
  vertical-align: top;
  padding-bottom: 20px;
}

.bloghead {
  vertical-align: top;
  width: 150px;
  padding-left: 1em;
  padding-bottom: 20px;
}

.blogdate {
  font-style: italic;
  font-weight: bold;
  font-size: small;
}

.blogsub {
  font-style: normal;
  font-weight: bold;
  font-size: small;
  color: #595959;
}

.blogauth {
  font-style: normal;
  font-weight: normal;
  font-size: small;
}

li.arial {
	font-family: Arial, sans-serif;
	font-size: 18pt;
}

li.times {
	font-family: Times New Roman, serif;
	font-size: 18pt;
}

li.verdana {
	font-family: Verdana, sans-serif;
	font-size: 18pt;
}

li.georgia {
	font-family: Georgia, serif;
	font-size: 18pt;
}

li.comic {
	font-family: Comic Sans MS, sans-serif;
	font-size: 18pt;
}

li.trebuchet {
	font-family: Trebuchet, sans-serif;
	font-size: 18pt;
}

li.courier {
	font-family: Courier New, mono;
	font-size: 18pt;
}

/* website list entries */

.site, .visual, .client, .person {
  display: block;
  clear: right;
  padding-top: 1em;  
  padding-bottom: 1em;
  width: 700px;
}

.site img, .visual img {
  border: 1px solid #595959;
}

p.wpg, .client img, .p2 {
  clear: right;
  float: right;
  margin-left: 30px;
}

p.wpg, .p2 {
  width: 300px;
}

.site p, .visual p {
  font-size: small;
  color: #595959;
  font-weight: bold;
}

.client p {
  font-size: small;
  color: #595959;
  font-weight: bold;
}

.reason img {
  border: 1px solid #595959;
}

.who {
  float: left;
  width: 200px;
  padding-right: 40px;
  padding-bottom: 40px;
}

/* calendar entries */

#cal {
  padding: 40px;
}

#cal2 {
  padding: 40px;
  background-color: white;
  width: 350px;
  border: 9em solid #0088FF;
}

table.calendar {
  margin: 40px;
}

caption.calendar-month {
  padding: 1em;
  font-size: x-large;
  color: #000;
}

table.calendar td {
  text-align: right;
}

/* form entries */

label, .comment {
    display: block;
	font-family: Helvetica, sans-serif;
	color: #555;
	font-size: 8pt;
	text-transform: uppercase;
	padding-left: 2px;
	margin: 0;
	line-height: 8pt;
}

label.checkradio {
    display: inline;
	margin-right: .5em;
}
input, textarea {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12pt;
	margin-bottom: .4em;
}
.multifield, .newmultifield {
    float: left;
	margin-right: .5em;
}
.field, .newmultifield, .comment {
    clear: left;
}

.palette {
	padding-top: 20px;
}

.palette tr {
	height: 30px;
	width: 50px;
}

.callout {
	float: right;
	clear: right;
	margin: .4em;
	width: 150px;
}

.callout h1 {
	font-size: small;
	padding: .2em;
}

.callout a {
	display: block;
	font-size: small;
	padding: .2em;
	padding-top: 0;
}

.callout p {
	display: block;
	font-size: small;
	padding: .2em;
	padding-top: 0;
}

.callout img {
	float: left;
	padding-right: .4em;
}

.callout a.toplink {
	float: right;
	margin: 0 .2em 0 .2em;
	padding: 0;
	font-size: small;
}

/* table defaults for a 'standard' data table */

.basictable {
    margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DDD;
}

.basictable td, .basictable th {
	margin: 0;
	padding: .2em;
	vertical-align: top;
	font-size: small;
	border: 1px solid #DDD;
}

.gallery .file-details {
    padding-left: .2em;
	color: #555;
	font-size: 9px;
}

.gallery .directory {
	font-weight: bold;
	clear: left;
}

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

.gallery .file-image {
	float: left;
	margin: 10px;
	width: 300px;
	height: 200px;
	padding: 10px 10px 40px 10px;
	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;
}

.file-audio object {
    z-index: 30;
}


/* 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; 
}

/* css/diff.css */

/* CSS Document */

.diff {
    margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.diff tr.titles td {
	border: none;
	color: gray;
	font-weight: bold;
} 

.diff td {
	font-family: mono;
	font-size: smaller;
	vertical-align: top;
	padding-left: 5px;
	border-top: 1px solid #EEE;
}

.diff ins {
	color: #FFF;
	background-color: #55F;
	text-decoration: none;
}

.diff del {
	background-color: #BBB;
}

.diff span {
	background-color: #BFB;
}

.diff .line {
	text-align: right;
	padding-right: 2px;
	color: #FFF;
	background-color: #CCC;
	border-top: 1px solid #CCC;
	width: 30px;
}


/* 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: transparent;
}

#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, #filelist .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: ;
	color: #444;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 2px;
	margin: 0;
	line-height: 11px;

}

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

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

.form #refinement select {
	margin: 0;
}


.form label.required { 
	background-image:url(core/images/required.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:11px;
	margin-top:5px;
}
.form label{
	margin-top:5px;
}
.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, .form div.checkradio label {
    display: inline;
	margin-right: .25em;
}

.form input, .form textarea {
	font-family: ;
	font-size: small;
	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, .form fieldset.inline {
	float: left;
	margin-right: 0.25em;
	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;
}

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

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

div.slideswitch input {
	background-repeat: no-repeat; 
	border: none; 
	color: transparent; 
	font-size: 0; 
	width: 61px; 
	height: 15px;
	display: inline;
}

div.slideswitch label {
	padding-right: 1em;
	padding-top: .2em;
	display: inline;
}

td div.slideswitch {
	float: right;
}

input.combo {
    margin-left: -2px;
    margin-top: -20px;
    position: absolute;
    font-size: 9px;
    height: 11px;
}

select.combo {
    display: inline;
}

/* css/forum.css */

/* Forum */

.forum .entry {
	padding: 10px;
	border: 1px solid #EEE;
	margin-bottom: 10px;
}

.forum .entry .title {
	font-size: larger;
	font-weight: bold;
}


.forum .entry .author {
	font-style: italic;
	float: right;
	clear: left;
	padding-bottom: 0;
	margin-bottom: 0;
}

.forum .entry .post-date {
	font-style: italic;
	font-size: smaller;
	float: right;
	clear: both;
}

.forum .entry-end {
	clear: both;
}

/* Blog */

.blog .entry {
	padding: 10px;
	border: 1px solid #EEE;
	margin-bottom: 10px;
}

.blog .entry .title {
	font-size: larger;
	font-weight: bold;
}


.blog .entry .author {
	display: none;
}

.blog .entry .post-date {
	font-style: italic;
	font-size: smaller;
	float: right;
	clear: both;
}

.blog .entry-end {
	clear: both;
}

/* Gallery */

.gallery .entry {
	padding: 10px;
	border: 1px solid #EEE;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	height: 300px;
	width: 210px;
}

.gallery .entry .title {
	font-size: larger;
	font-weight: bold;
}


.gallery .entry .author {
	display: none;
}

.gallery .entry .post-date {
	font-style: italic;
	font-size: smaller;
}

.gallery .entry-end {
	/* clear: both; */
}

/* FAQ */

.faq .entry {
	padding: 10px;
	margin-bottom: 10px;
}

.faq .entry p {
	margin-left: 20px;
}

.faq .entry p.title {
	font-size: larger;
	font-weight: bold;
	margin-left: 0;
}


.faq .entry p.author {
	display: none;
}

.faq .entry p.post-date {
	display: none;
}

.faq .entry-end {
	clear: both;
}



/* core/css/gallery.css */

/* gallery.css */

div.image-block {
	clear: both;
    margin: 0;
	padding: 0;
	border: none;
}

div.image-block img {
	border: none;
}

div.image-block div.left-column {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	border: none;
}

div.image-block div.right-column {
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	border: none;
}

.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: ;
	font-size: 9px;
	font-weight: normal;
}

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

.gallery .directory {
	font-weight: bold;
	clear: left;
	padding-top: ;
}

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

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

.gallery .file-image {
	float: left;
	margin: ;
	width: 195px;
	height: 200px;
	padding:   60px ;
	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, ul.gallery li.directory-icon {
	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: both;
}
/* css/print.css */

@media print {

body {
  background: white !important;
}

#nav, #footer, #subnav, form {
  display: none;
}

#content {
  margin-left: 0px;
  width: auto;
  margin-right: 0px;
  padding-left: 0;
  padding-right: 0;
}

a {
    color: black;
	text-decoration: none;
}

h1, h2, h3, dt {
  page-break-before: auto;
  page-break-after: avoid !important;
}

div, p, dt, dd, table, ol, ul, dl, img {
  page-break-inside: avoid !important;
}

/*
#printfooter {
  position: relative;
  margin-top: auto;
  margin-bottom: 0;
  display: block;
}
*/

.pagebreak {
	page-break-before: always;
	margin-bottom: 20px;
}

}
/* core/css/rounded.css */

/* CSS Document */

/* rounded corner support */
/* 
Typical xHTML markup for rounded elements 

<div>
	<b class='b1'></b><b class='b2'></b><b class='b3'></b><b class='b4'></b>
		<div class='boxcontent'>
			<div class='header'>
				Header content
			</div>
			Content goes here
		</div>
	<b class='b4b'></b><b class='b3b'></b><b class='b2b'></b><b class='b1b'></b>
</div>

Typical color replacement CSS

#rounded .boxcontent .header { background-color: gray; color: white; }
#rounded .b1, #rounded .b2 { border-left-color: gray; border-right-color: gray; }
#rounded .b3, #rounded .b4, #rounded .b4b, #rounded .b3b, #rounded .boxcontent { border-left-color: gray; border-right-color: gray; }
#rounded .b2b { border-left-color: gray; border-right-color: gray; } 
#rounded .b1b { border-left-color: gray; border-right-color: gray; } 
#rounded .b1 { background: gray; }
#rounded .b2, #rounded .b3, #rounded .b4 { background: gray; } 
#rounded .b1b { background: gray; } 

*/

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b {
	display: block; 
	overflow: hidden; 
	font-size: 1px;
}

.b2, .b3, .b4 { 
	background: #FFF; 
}

.b2, .b3, .b4, .b4b, .b3b, .b2b { 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
}

.b1, .b1b { 
	background: #CCC; 
}

.boxcontent { 
	display: block;
	background: #FFF; 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
}

.b1, .b2, .b3, .b1b, .b2b, .b3b { 
	height: 1px; 
}

.b1, .b1b { 
	margin: 0 5px; 
}

.b2, .b2b { 
	margin: 0 3px; 
	border-width: 0 2px; 
}

.b3, .b3b { 
	margin: 0 2px; 
}

.b4, .b4b { 
	height: 2px; 
	margin: 0 1px; 
}

.boxcontent { 
	padding-bottom: 5px; 
}

.boxcontent .header { 
	margin-bottom: 5px; 
}

.tabbed-panel .tab, .tabbed-panel .selected {
	float: left;
	height: 20px;
	width: 150px;
	margin-right: 5px;
	color: black;
}

.tabbed-panel .selected .boxcontent, .tabbed-panel .tab .boxcontent {
	padding-left: 10px;
	padding-right: 10px;
}

.tabbed-panel .selected .boxcontent {
	background-color: #FFF;
}

.tabbed-panel .tab .boxcontent {
	background-color: #CCC;
}

.tabbed-panel .tab .b1, .tabbed-panel .tab .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .tab .b3, .tabbed-panel .tab .b4, .tabbed-panel .tab .b4b, .tabbed-panel .tab .b3b, .tabbed-panel .tab .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .tab .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .tab .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .tab .b1 { background: #CCC; }
.tabbed-panel .tab .b2, .tabbed-panel .tab .b3, .tabbed-panel .tab .b4 { background: #CCC; } 
.tabbed-panel .tab .b1b { background: #CCC; } 

.tabbed-panel .selected .b1, .tabbed-panel .selected .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .selected .b3, .tabbed-panel .selected .b4, .tabbed-panel .selected .b4b, .tabbed-panel .selected .b3b, .tabbed-panel .selected .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .selected .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .selected .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .selected .b1 { background: #CCC; }
.tabbed-panel .selected .b2, .tabbed-panel .selected .b3, .tabbed-panel .selected .b4 { background: #FFF; } 
.tabbed-panel .selected .b1b { background: #CCC; } 

.tabbed-panel  .panel-contents .b1, .tabbed-panel  .panel-contents .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel  .panel-contents .b3, .tabbed-panel  .panel-contents .b4, .tabbed-panel  .panel-contents .b4b, .tabbed-panel  .panel-contents .b3b, .tabbed-panel  .panel-contents .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel  .panel-contents .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel  .panel-contents .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel  .panel-contents .b1 { background: #CCC; }
.tabbed-panel  .panel-contents .b2, .tabbed-panel  .panel-contents .b3, .tabbed-panel  .panel-contents .b4 { background: #FFF; } 
.tabbed-panel  .panel-contents .b1b { background: #CCC; } 

.tabbed-panel .tab-panel {
	margin-top: 20px;
	margin-right: 10px;
	height: 26px;
	position: relative;
	z-index: 2;
}

.tabbed-panel .panel-contents {
	position: relative;
	top: -1px;
	z-index: 1;
}

.tabbed-panel .panel-contents .boxcontent {
	padding-left: 10px;
}

.tabbed-panel .panel-contents .b1 { 
	margin: 0 5px 0 0; 
}

.tabbed-panel .panel-contents .b2 { 
	margin: 0 3px 0 0; 
}

.tabbed-panel .panel-contents .b3 { 
	margin: 0 2px 0 0; 
}

.tabbed-panel .panel-contents .b4 { 
	margin: 0 1px 0 0; 
}

/* core/css/selection.css */

/* sliding doors technique for select buttons */
.select_bar_left,
.select_bar {
	margin: 10px;
	float: left;
	width: 100%;
}

.select_bar_right {
	float: right;
	width: 100%;
}

.admin_select_button,
.admin_select_button_on,
.select_button,
.select_button_on {
	padding: 0 0 1px 0;
	margin: 0 5px 0 0;
	background: url(core/images/ui_right_off.png) no-repeat right top;
	border: none;
}

.select_button,
.select_button_on {
	float: right;
}

.select_bar_left .select_button,
.select_bar_left .select_button_on,
.admin_select_button,
.admin_select_button_on {
	float: left;
}

.admin_select_button_on a,
.admin_select_button a,
.select_button a,
.select_button_on a {
	color: #FFF;
	display: block;
	background: url(core/images/ui_left_off.png) no-repeat left top; 
	padding: 1px 10px;
	font-size: 12px;
	font-family: Arial;
	border: none;
	height: 17px;
	text-decoration: none;
}

.admin_select_button_on,
.select_button_on {
	background-image: url(core/images/ui_right_on.png);
}

.admin_select_button_on a,
.select_button_on a {
	color: #642;
	background-image: url(core/images/ui_left_on.png);
}

/* end select buttons */



/* core/css/site.css */

/* Site CSS */

div.clearboth {
	clear: both;
}

div.clearleft {
	clear: left;
}

div.clearright {
	clear: right;
}

