/*
Colors:

#EAEAEA - faded gray for form input fields during focus

*/
#wrapper {
	width: 930px;
	position: relative;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
html, body {
	background-image: url(../images/beadBoardSlice.jpg);
	background-repeat: repeat;
	margin: 0px;
}
img, a img {
	border: none;
}
button {
	cursor: pointer;	
}
#header {
	width: 930px;
	background: none;
}
#navigation {
	width: 130px;
	float: left;
	margin-top: 19px;
	margin-bottom: 19px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#main_portion {
        position: relative;
	background-color: #eceee0;
	width: 733px;
	float: right;
	margin-top: 19px;
	margin-bottom: 19px;
	clear: none;
	border: 4px solid #000;
	border-radius: 8px;
	padding: 20px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#main_portion h2 {
	text-align: center;
	font-size: 36px;
}
#main_portion p.paragraph {
	text-align: left;
}
#main_portion a {
	text-decoration: none;
}
#main_portion a.address {
	font-size: 34px;
	color: #000;
	display: block;
	text-align: center;
}
#main_portion a:hover.address {
	font-size: 34px;
	color: #000;
	display: block;
	text-align: center;
	text-decoration: underline;
}
#main_portion a img.homepic {
	border: 3px;
	border-style: solid;
	border-color: #000000;
}
#main_portion .details {
	font-size: 20px;
}
#main_portion table {
	padding-top: 20px;
	padding-bottom: 20px;
}
fieldset.pictures {
	margin-top: 20px;
	margin-bottom: 20px;
}
div.shell{
       width: 100%;
       text-align: center;
}
.mainPic{
        width: 715px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
}
div.mainPic img {
        display: inline;
        vertical-align: middle;
}
div.mainPic img#big{
        border: solid;
        border-width: 1px;
        border-color: black;
}
div.mainPic img.navButton{
        cursor: pointer;
}
#main_portion form label {
	width: 140px;
	float: left;
	clear: left;
	margin-right: 10px;	
}
#main_portion form textarea {
	width: 500px;
	height: 180px;	
}
#main_portion .message {
	text-align: center;
}
#main_portion div.textBox {
	margin-top: 20px;	
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: auto;
}
#main_portion div.textBox input{
	width: 195px;
}
#main_portion div.textBox label {
	width: 240px;
	height: auto;
	margin-right: 10px;	
}
#main_portion div.textBoxIndent {
	margin-top: 20px;	
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: auto;
}
#main_portion div.textBoxIndent input{
	width: 195px;
}
#main_portion div.textBoxIndent label {
	width: 225px;
	height: auto;
        margin-left: 15px;
}
#main_portion div.textArea {
	margin-top: 20px;	
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: auto;
}
#main_portion div.textArea label {
	width: 240px;
	height: auto;
	margin-right: 10px;	
}
#main_portion div.textArea textarea {
	width: 400px;	
	overflow: auto;
}
#main_portion div.customTextArea {
	margin-top: 20px;	
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: auto;
}
#main_portion div.customTextArea textarea {
	width: 500px;	
	margin-left: 10px;
}
#main_portion div.selectBox {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: auto;
}
#main_portion div.selectBox select{
	width: 200px;
}
select.selectBoxUnvalidated{
        background-color: #f09f5d;
}
input.textBoxUnvalidated{
        background-color: #f09f5d;
}
#main_portion div.selectBox label {
	width: 240px;
	margin-right: 10px;	
}
div.fileBox {
	float: right;	
//	margin-top: 10px;
	width: 680px;
	margin-top: 20px;
	margin-bottom: 20px;
}
//#main_portion form div.backButton {
//	float: left;
//	margin-top: 10px;
//	margin-left: 10px;
//}
//div.submitButton input{
//    float: right;
//}
//#main_portion div.backButton {
//	float: left;
//	margin-top: 10px;
//	margin-left: 10px;
//}
span#moreInputs{
    float: left;
}
#main_portion p.incomeMessage {
	display: block;
	margin-left: 100px;
}
#main_portion div .jobOwnerHeader {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 200px;
	font-weight: bold;
	font-size: 18px;	
}
#main_portion div .jobNameHeader {
	display: inline-block;
	margin-top: 5px;	position: relative;
	display: inline-block;
	width: 700px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
div.fileBox label {
        display: inline-block;
        margin-top: 23px;
        margin-bottom: 23px;
}
.fileInput {
        display: inline-block;
        margin-left: 50px;
        margin-top: 23px;
        margin-bottom: 23px;
}
form div.buttons {
	clear: both;
	position: relative;
        display: inline-block;
	width: 100%;	
	margin-top: 20px;
}
input#subButton {
        display: inline-block;
        margin-right: 3px;
        float: right;
}
input#back {
        display: inline-block;
        float: left;
}
//#main_portion div#buttons {
//	clear: both;
//	position: relative;
//	width: 724px;	
//	margin-top: 20px;
//}
//#main_portion form div.submitButton {
//
//	margin-bottom: 15px;
//	width: 240px;	
//	font-weight: bold;
//	font-size: 18px;	
//}
#main_portion div .jobPayHeader {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 150px;	
	font-weight: bold;
	font-size: 18px;	
}
#main_portion div.job .jobOwner {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 200px;	
}
#main_portion div.job .jobName {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 270px;	
}
#main_portion div.job .jobPay {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100px;	
}
#main_portion fieldset {
	position: relative;
	float: left;
	width: 700px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#main_portion div.job .buttons {
	display: inline-block;
}
#main_portion .addJob {
	display: inline-block;
	margin-top: 25px;
	margin-right: 35px;
	float: right;
}
#main_portion .app {
	position: relative;
	border-style:solid;
	border-width: 2px;
	border-color: #000;
	width: 720px;
	height: 40px;
	margin-bottom: 10px;
}
#main_portion .appTitles {
	position: relative;
	clear: both;
	width: 720px;
	height: 40px;
	margin-bottom: 10px;
}
#main_portion .name {
	display: inline-block;
	font-size: 18px;
	width: 200px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px; 
}
#main_portion .address {
	display: inline-block;
	font-size: 18px;
	width: 280px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px; 
}
#main_portion .date {
	display: inline-block;
	font-size: 18px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px; 
}
.app a.button {
        position: absolute;
        margin-top: 9px;
        margin-left: 10px;
}
#main_portion .appNav {
	margin-bottom: 30px;
        width: 720px;
        padding-bottom: 10px;
}
.appNav a.button {
    float: right;
    clear: left;
    margin-left: 10px;
}
#main_portion .appNavBottom {
	margin-top: 30px;
	margin-right: 2px;
	float: right;
	clear: both;
}
#main_portion .appNavBottom .button{
	display: inline-block;
}
#main_portion .appNav .button{
	display: inline-block;
}
#main_portion .appWrap {
	width: 100%;
	margin-bottom: 5px;	
}
#main_portion .appWrapCol1 {
	position: relative;
	display: inline-block;
	float: left;
	width: 49%;
	margin-bottom: 5px;	
}
#main_portion .appWrapCol2 {
	position: relative;
	display: inline-block;
	float: right;
	width: 49%;
	margin-bottom: 5px;
}
#main_portion .appWrapFull {
	position: relative;
	width: 100%;	
}
#main_portion .appWrapFullStacked {
	position: relative;
	width: 100%;	
	margin-top: 15px;
	margin-bottom: 15px;
}
#main_portion .appWrapFullStackedTop {
	position: relative;
	width: 100%;	
	margin-bottom: 10px;
}
#main_portion .appWrapFullStackedBottom {
	position: relative;
	width: 100%;	
	margin-top: 10px;
}
#main_portion .appWrapFullStackedTopSecondary {
	position: relative;
	width: 100%;	
	margin-bottom: 10px;
	margin-top: 20px;
}
#main_portion .appTag {
	display: inline-block;
	width: 55%;	
}
#main_portion .appValue {
	display: inline-block;
	width: 44%;	
}
div#address {
	display: inline-block;
	width: inherit;
	text-align: center;
	font-size: 20px;
}
.tile {
        display: block;
        overflow: auto;
        position: relative;
        margin-top: 10px;
        clear: both;
        border-color: #000;
        border: solid;
        border-width: 1px;
        color: #000;
}
.tile p {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.tilePicDiv {
        float: left;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
}
.tilePic{
        height: 100px;
}
.tileAddressDiv {
        float: right;
        clear: right;
        width: 530px;
        height: 30px;
        margin-top: 8px;
}
.tileAddress {
        margin-top: 0px;
        font-size: 16pt;
        font-weight: bold;
        display: inline-block;
}
.tileDataDiv {
        position: relative;
        width: 530px;
        height: 72px;
        float: right;
        clear: right;
}
.tileDataCol {
        position: relative;
        float: left;
        width: 125px;
        height: 72px;

}
.tileDataColLabel {
        margin-top: 14px;
        margin-bottom: 0px;
        font-size: 14pt;
        text-align: center;
}
.tileDataColValue {
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}
form img.thumb {
        height: 70px;
}
#sandbox {
	display: none;
}
div.uploaderBox {
	position: relative;
	display: inline-block;
	float: right;
	clear: both;
	width: 680px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 70px;	
}
div.thumbContainer{
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
}
div.thumbImage{
        height: 70px;
	width: 70px;
	display: inline-block;
	float: right;
	margin-right: 20px;
}
div.thumbCurrentImage{
        height: 70px;
	display: inline-block;
	float: right;
	margin-right: 20px;
}
span.picName{
	position: relative;
	display: inline-block;
	float: left;
	line-height: 70px;
	width: 500px;
	font-size: 26px;
}
div.buttonsBigTopMargin{
	clear: both;
	display: inline-block;
	position: relative;
	width: 724px;	
	margin-top: 40px;
}
span#moreInputs{
	display: inline-block;
	margin-left: 545px;
	cursor: pointer;
}
.progressKnob{
	position: relative;
	display: inline-block;
	height: 70px;
	width: 70px;
	float: left;
	clear: right;
	margin-left: 110px; 
}
#gallery img {
	border-width: 2px;
	border-style: solid;
	border-color: #000;	
}
div#thumbs {
//        position: relative;
//        float: left;
//        clear: both;        
//	margin-left: auto;
//	margin-right: auto;
//	margin-top: 5px;
        width: 600px;
        display: inline-block;
        margin-left: auto;
	margin-top: 5px;
        margin-right: auto;
        margin-bottom: 10px;
}
#thumbs img {
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	float: left;
	margin-left: 0px;
	margin-right:0px;
	cursor: pointer;
}
#thumbs img.not_first {
	margin-left: 4px;	
	margin-right: 0px;
}
#thumbs img.galThumb {
        width: 95px;
        margin-left: 3px;
        margin-bottom: 1px;
}
#thumbs img.galThumbSelected {
        width: 95px;
        margin-left: 3px;
        margin-bottom: 1px;
        border: solid;
        border-width:1px;
        border-color: red;
}
#details {
        width: 200px;
	float: left;
        margin-left: 45px;
}
#details fieldset {
        width: inherit;
}
#map {
        display: inline-block;
        width: 226px;
        height: 226px;
        margin-top: 10px;
        margin-left: 2px;
        border: solid;
        border-width: 1px;
}
#data {
    display: inline-block;
}
#description {
	width: 455px;
        float: left;
	height: auto;
}
#description fieldset {
        width: inherit;
}
div #financials {
        float: left;
        clear: both;
        display: inline-block;
}
div.financial {
        display: inline-block;
        float: left;
        width: auto;
}
div.financial p {
        text-align: center;
        font-size: 16pt;
        text-decoration: underline;
}
div.financial_follower {
        display: inline-block;
        float: left;
        margin-left: 45px;
        width: auto;
}
div.financial_follower p {
        text-align: center;
        font-size: 16pt;
        text-decoration: underline;
}
#logo {
	height: 180px;
	width: 180px;
	position: absolute;
	top: -20px;
	left: 40px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: 0px none #FFF;
}
#logo a {
	text-decoration: none;
	height: 180px;
	width: 180px;	
}
#footer {
	background-color: #eceee0;
	height: auto;
	width: 922px;
	clear: both;
	border: 4px solid #000;
	border-radius: 8px;
}
#navigation ul {
	width: 130px;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	list-style:none;
	text-align:center;
	margin-bottom: 12px;
}
#navigation ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/button_tan.png);
	color: #000;
	display: block;
	line-height: 35px;
}
#navigation ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/hover_button_tan.png);
	color: #000;
	display: block;
	line-height: 35px;
}
#navigation ul li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/active_button_tan.png);
	color: #000;
	display: block;
	line-height: 35px;
}
#footer ul {
	text-decoration: none;
	list-style-type: none;
	text-align: center;
}
#footer ul li a {
	text-decoration: none;	
}
.homePic {
	float: right;
    margin-right: 20px;
    margin-left: 10px;
	border-style: solid;
    border-color: #000;
    border-width: 1px;
}
a.button {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    background-color: #e7e7e7;
}
span.button {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    background-color: #e7e7e7;
}
div.pagination {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    clear: both;
    width: 720px;
    text-align: center;
}
div.pagination .button {
    text-align: left;
}
div.pagination span.spanClass {
    margin-top: 50px;
    text-align: left;
}
a.button:visited {
	color: #000;
}
a.button:hover {
	background-color: #d6d6d6;
}
span.hidden {
	display: none;
}
span.shown {
	display: inline-block;
//        width: 680px;
}