/*****************************************************************************

Theme URI: http://www.studiolounge.net
Description: Spoke Calculator
Author: Adam Patterson
Author URI: http://www.adam-patterson.com
File: style.css - General Style.
E-mail: adam@studiolounge.net

*****************************************************************************/

body {
	color: #444;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	text-align:;
	background-color: #c2d3da;
	}
	
form input,
form textarea {
	border: 1px solid #999999;
	background-color: #fff;
	background-image: url(images/bg-input.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
	
/*-----------------------*/
/*      Misc Styles      */
/*-----------------------*/
.error {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.title-bold {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #E9E9E9;
	font-weight: bold;
}

#print-show {
display: none !important;
}
		
/*-----------------------*/
/*   Default link rules  */
/*-----------------------*/
a:link {  
	color: #6D6361; 
	text-decoration: none; 
	font-weight: bold;
	}
	
a:visited {
	color: #6D6361; 
	text-decoration: none; 
	font-weight: bold;
	}
	
a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	}	
	
	
/*-----------------------*/
/* General Form Elements */	
/*-----------------------*/
abbr {
	border: 0;
	font-size: 12px;
}

legend {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}

input {}
	
input[type="radio"] {}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000; 
	background-color: #ffffff; 
	border: solid 1px; 
	border-color: #000000
	}
	
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: #ffffff;
	border: solid 1px;
	border-color: #000000;
	}
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}

	
dd {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	}
	
dt {
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	}
	
dl {
	padding: 0px;
	margin-right: 10px;
	}


fieldset {
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
  
label {
	float:left;
	width:100px;
	padding-top:0.2em;
	text-align:left;
	font-weight:bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 2px;
	}
	
	
/*-----------------------*/
/* Structure and Design  */
/*-----------------------*/

/*       Navigation      */
#navlist {
	clear: left;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

#navlist li {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	display: inline;
	line-height: 20px;
	}	

#navlist a {
	color: #FFFFFF;
	font-weight: normal;
	height: 20px;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 5px;
	padding-left: 16px;
	}
	
#navlist a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	background-color: #78A515;
	}	
	
#navlist .currentpage a {
	color: #333333;
	text-decoration: none;
	background-color: #fffee9;
	}

#navlist .currentpage a:hover {
	color: #3E3E3E;
	text-decoration: none;
	background-color: #fffee9;
	}
	
/*    Address Blocks    */
#addressBlock {
	clear: both;
}
#addressChunkOdd {
	clear: both;
	margin-top: 10px;
	float: left;
	border-top-width: thin;
	border-top-style: solid;
	background-image: url(images/even.png);
	background-repeat: repeat-x;
	background-position: top;
}
#addressChunkEven {
	clear: both;
	margin-top: 10px;
	float: left;
	border-top-width: thin;
	border-top-style: solid;
	background-image: url(images/odd.png);
	background-repeat: repeat-x;
	background-position: top;
}
#imageBlock {
	width: 260px;
	clear: left;
	float: left;
}
#imageChunk {
	width: 240px;
	clear: left;
	float: left;
	vertical-align: top;
}
#modify img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a img#modify {
	float:right;
	margin: 4px 10px 5px 0px;
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;}
a:hover img#modify{
	background-color: #EEEEEE;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-left-color: #EEEEEE;
}
#nameChunk {
	float: left;
	width: 240px;
	margin-bottom: 20px;
	clear: left;
}
#vcard {
	width: 350px;
	padding-left: 20px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #EAEAEA;
	margin-bottom: 20px;
	float: right;
}
.profile {
}
img.profile, a img.profile {
	float:left;
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}
a:hover img.profile{
	border-color: #EEEEEE;
	background: #EEEEEE;
}

/* Contact Page vCard Defs */
.vcard img {border:0;}
.vcard .solo {
	font-size:12px;
	margin-left:-10px;
	font-weight: bold;}
.vcard .fn {font-size:160%;}
.vcard .org {margin-left:10px;}
.vcard .role {margin-left:10px;}
.vcard .country-name {margin-left:10px;}
.vcard .region {margin-left:10px;}
.vcard .postal-code {margin-left:10px;}
.vcard .street-address {margin-left:10px;}
.vcard .locality {margin-left:10px;}
.vcard .tel {margin-left:10px}
.vcard .email {margin-left:10px}
.vcard .fax {margin-left:10px;}
.vcard .larger {font-size:110%;}

	
/*       Datatable      */	
table {
	color: #7F7F7F;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border: 1px solid #CCC;
	width: 100%;
}

caption,th,td {
	border-left: 0;
	padding: 5px
}

.rim caption,thead th,tfoot th,tfoot td {
	background-color: #4BAE15;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

.hub caption,thead th,tfoot th,tfoot td {
	background-color: #50ADEA;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

.add caption,thead th,tfoot th,tfoot td {
	background-color: #A016BB;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

.search caption,thead th,tfoot th,tfoot td {
	background-color: #E60F10;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

.backup caption,thead th,tfoot th,tfoot td {
	background-color: #A016BB;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

caption,thead th,tfoot th,tfoot td {
	background-color: #50ADEA;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

caption {
	text-transform:uppercase;
	font-weight: bold;
	border-bottom:2px solid #1975d7;
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

thead th {
	background-color: #E4E4E4;
	color: #666666;
	text-align: center
}

tbody th {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

tbody td {
	border: 1px solid #e7e7e7;
	padding-top: 2px;
	padding-bottom: 2px;
}

tbody tr.odd {
	background-color: #F7F7F7;
	color: #666
}

tbody a {
	color: #333;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}

tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited {
	color: #666
}

table a[title^="edit"] { 
	background: url(images/edit.png) no-repeat;
	padding:0px 0px 0px 15px;
}

table a[title^="delete"] { 
	background: url(images/delete.png) no-repeat;
	padding:0px 0px 0px 15px;
}

/*-----------------*/	
/*     Chooser     */	
/*-----------------*/
#chooser {
	padding-left: 30px;
}
#chooser abbr {
  border: 0;
}
#chooser form {
  margin: 0;
  padding: 0;
}
#chooser fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
#chooser legend {
  font: 1.2em/3em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #333333;
  padding-left: 10px;
}
#chooser ul {
  margin: 0;
  padding: 0;
}
#chooser li {
  float: left;
  list-style: none;
  width: 172px;
  height: 150px;
  margin: 0;
  padding: 0 10px;
}
#chooser button {
	color: #fff;
	cursor: pointer;
	border: 0;
	display: block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	width: 175px;
	height: 150px;
	background-image: url(images/dash-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
}
button h3 {
  background: top left no-repeat;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 50px;
  width: 175px;
  margin: 0;
  padding: 0;
  position: relative;
  left: -3px;
}
* html button h3 {
  position: static;
}
#chooser button p {
  color: #555;
  font-size: 12px;
  margin: 0;
  padding: 10px;
  text-align: left;
  width: 145px;
}
* html #chooser button p {
  font-size: .9em;
}
#chooser button strong {
  display: block;
  font-size: 1.8em;
  line-height: 1.5em;
  text-align: center;
}
#chooser button strong abbr {
  font-size: .6em;
}
.green button h3 {
  background-image: url(images/dash-green.png);
}
.green button strong {
  color: #52bb18;
}
.blue button h3 {
  background-image: url(images/dash-blue.png);
}
.blue button strong {
  color: #ee8600;
}
.purple button h3 {
  background-image: url(images/dash-purple.png);
}
.purple button strong {
  color: #cd0f0f;
}
.red button h3 {
  background-image: url(images/dash-red.png);
}
.red button strong {
  color: #52bb18;
}
.orange button h3 {
  background-image: url(images/dash-orange.png);
}
.orangep button strong {
  color: #52bb18;
}

.yellow button h3 {
  background-image: url(images/dash-yellow.png);
}
.yellow button strong {
  color: #52bb18;
}


/*-----------------*/	
/*   Page Layout   */	
/*-----------------*/
#wrapper {
	/* part 2 of 2 centering hack */
	width: 650px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	}
	
html>body #wrapper {
	width: 650px; /* ie5win fudge ends */
	}

#top-wrapper {
	height: 40px;
	width: 650px;
}

#header-wrapper {
	width: 650px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-repeat: repeat-x;
	background-position: top;
}

#headLeft {
	height: 90px;
	width: 13px;
	float: left;
	background-color: #FEFC81;
}

#header {
	height: 90px;
	width: 624px;
	float: left;
	background-color: #FEFC81;
}

#headRight {
	height: 90px;
	width: 13px;
	float: left;
	background-color: #FEFC81;
}

#headLogo {
	height: 50px;
	width: 240px;
	float: left;
	padding-top: 15px;
	color: #645d43;
	background-color: #FEFC81;
}

#headLogoNo {
display: none !important;
}

#navigation {
	height: 20px;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 640px;
	float: left;
	background-color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
	
#content {
	width: 640px;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	background-image: url(images/bg-content.png);
	padding: 5px;
	clear: both;
}

.barCenter {
	width: 620px;
	float: left;
	clear: right;
	list-style-type: none;
	text-align: center;
}

.barCenter ul li {
	list-style-type: circle;
}

.barLetters {
	width: 620px;
	list-style-type: none;
	text-align: center;
}

.barLeft {
	width: 300px;
	float: left;
	margin-bottom: 10px;
	clear: right;
	list-style-type: none;
	margin-right: 1px;
}

.barLeft ul li {
	list-style-type: circle;
}

.barRight {
	width: 300px;
	float: left;
	margin-bottom: 10px;
	clear: right;
	list-style-type: none;
	margin-left: 1px;
	text-align: right;
}

.barRight ul li {
	list-style-type: circle;
}
	
.barsubmit {
	width: 590px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: both;
	padding-top: 5px;
	text-align: right;
	}
	
.barBoth {
	width: 630px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: bold;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#footer-wrapper {
	height: 20px;
	width: 630px;
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	padding-top: 10px;
	text-align: right;
	padding-right: 10px;
}

#load {
	height: 20px;
	width: 630px;
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DFDFDF;
	padding-left: 10px;
	padding-top: 10px;
	text-align: right;
	padding-right: 10px;
}


/*         Hacks         */
.clearfix {
	clear: both;
	width: 100%;
}
#blank {
}

.clearbar {
	clear: both;
	margin-bottom: 2px;
}