﻿.content
{
	font: 12px/15px sans-serif,Arial,Helvetica;
	color: rgb(50,50,50);
}

.content .leftColumn
{
	margin: 12px 8px 0 4%;
	padding: 0px;
	float: left;
	text-align: left;
	width: 40%;
}

.content .rightColumn
{
	margin: 12px 4% 0 8px;
	padding: 0px;
	float: left;
	clear: right;
	text-align: left;
	width: 40%;
}

.fullColumn
{
	margin: 12px 0px 0px;
	padding: 0px;
	width: 100%;
	height: auto;
}

.fullColumn .top
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-width: 362px;
	height: 24px;
	background: rgb(168,0,0) url(../images/backgroundChartHeader_1000x24.gif) no-repeat;
}

.fullColumn h2
{
	margin: 4px 8px;
	padding: 0px;
	float: left;
	font: 14px/16px Sans-serif, Helvetica, Arial;
	color: rgb(255,255,255);
}

.fullColumn .rightEdge
{
	margin: 0px;
	padding: 0px;
	width: 6px;
	height: 23px; /*ngrg*/
	float: right;
}

.fullColumn .center
{
	margin: 0px;
	padding: 8px 12px;
	background: rgb(255,255,255);
	border-top: 1px solid rgb(186,0,0);
}

.fullColumn .withtable /* for columns using the .center class that contain a table */
{
	margin: 0px;
	padding: 0px;
}

.fullColumn .standout /* for columns needing to jump off the page */
{
	border: 1px solid rgb(216,0,0);
}


ul.standard
{
	margin: 0px 8px;
	padding: 0px;
	list-style: none;
}

ul.standart li
{
	margin: 0px;
	padding: 12px 8px;
}

ul.bulleted
{
	margin: 0px 24px;
	padding: 0px;
}

ul label
{
	font-weight: bold;
	color: rgb(10,10,10);
}

.options
{
}

.options li
{
	margin: 12px;
	padding: 0px;
	float: left;
	list-style: none;
}

a.menuLink
{
	padding: 4px;
	font-weight: bold;
	text-decoration: none;
}

a.menuLink:link, a.menuLink:visited
{
}

a.menuLink:hover, a.menuLink:active
{
	font-weight: bold;
	color: White;
	background: rgb(186,0,0);
	border: 1px solid rgb(216,0,0);
	text-decoration: none;
}

.fullColumn .leftCol
{
	margin: 4px 0px;
	padding: 2px;
	float: left;
	width: 24%;
	min-width: 75px;
}

.fullColumn .rightCol
{
	margin: 4px 0px;
	padding: 2px;
	float: left;
	clear: right;
	width: 74%;
	min-width: 150px;
}

.single /* for one small content section per page */
{
	margin: 12px 0 0 12px !important;
	padding: 0px;
	width: 600px !important;
}

.double /* for one large content section per page */
{
	margin: 12px 0 0 12px !important;
	padding: 0px;
	width: 800px !important;
}

.large /* for one large content section per page */
{
	width: auto !important;
	max-width: 920px;
}

.fullColumn .formArea /* for blue gradient on form pages */
{
    border-top: 1px solid rgb(186,0,0);
	background: rgb(255,255,255) url(../images/backgroundFormArea.jpg) top left no-repeat;
}


/* generic table styles */
.grid
{
	margin: 0px;
	padding: 0px;
	background: white;
	border: none !important;
}

.grid .tableHead
{
	margin: 0px;
	padding: 6px;
	height: 36px;
	background: rgb(198,198,198);
	border: none !important;
	font: 12px/14px Verdana,Arial,Helvetica,sans-serif;
	color: rgb(10,31,98);
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
}

.grid td
{
	margin: 0px;
	padding: 6px;
	height: auto;
	background: rgb(240,240,240);
	border: 1px solid rgb(236,236,236);
	text-align: center;
	vertical-align: middle;
	font: 12px/14px Verdana,Arial,Helvetica,sans-serif;
	color: rgb(16,16,16);
}

.grid .altrow td
{
	background: rgb(250,250,250) !important;
}

.grid .select
{
	background: rgb(255,255,255) !important;
	border-top: 1px solid rgb(186,0,0);
	border-bottom: 1px solid rgb(186,0,0);
}

/* specialized table styles */

.searchResults
{
	width: 800px !important;
}

.auctionTable
{
	margin: 12px;
	padding: 0px;
}

.auctionTable th
{
    margin: 0px; padding: 2px 0px 10px;
	text-align: left;
	font: 14px Arial,Helvetica,sans-serif;
	font-weight: bold;
}

.auctionTable td.col1
{
	margin: 0px; padding: 4px 12px;
	text-align: right;
	font: 12px Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: rgb(10,31,98);
	background: rgb(196,196,204);
}
.auctionTable td.col2
{
    margin: 0px; padding: 4px 10px;
	text-align: left;
	font: 11px Arial,Helvetica,sans-serif;
	font-weight: normal;
}

.bidTable
{
	margin: 12px;
	padding: 0px;
}
.bidTable th
{
    margin: 0px; padding: 4px 2px;
    height: 32px;
	font: 12px Arial,Helvetica,sans-serif;
	color: rgb(10,31,98);
	font-weight: bold;
	text-align: left;
	border: 1px solid rgb(216,216,216);
	border-bottom: 2px solid rgb(186,0,0);
	background: rgb(196,196,204);
    vertical-align:bottom;
}

.bidTable .altRow td
{
    background: rgb(240,240,240);   
}

.bidTable td
{
    margin: 0px; padding: 3px 2px;
	font: 11px Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-align: left;
	border: 1px solid rgb(240,240,240);
	border-top: none; border-collapse: collapse;
	background: rgb(255,255,255);	
}

.bidAmountField
{
	margin: 4px;
}

.fullColumn .right
{
	text-align: right;
	clear: both;
}

.auctionTime
{
	width: 50%;
	min-width: 190px;
	margin: 0px 6px;
	padding: 4px 0px;
	background: rgb(250,250,200);
	border: 1px solid rgb(235,235,185);
	font-weight: bold;
	clear: right;
}

.advisory   /* for error messages */
{
	border: 1px solid rgb(216,0,0);
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	white-space: nowrap;
}

/* global style for user submit forms */
.userForm
{
}

/* -- form elements */
.userForm fieldset
{
	margin: 0px 8px;
	padding: 4px;
	border: 1px solid rgb(240,240,240);
}

.userForm .text
{
	height: 12px;
	font-size: 10px;
	border-width: 1px;
}

.userForm select
{
	margin: 2px 0px;
	padding: 2px 0px;
	border: 2px solid red;
	height: 24px !important;
}

.userForm textarea.text
{
	width: 40%;
	height: auto;
	font-size: 10px;
	border-width: 2px;
	background: rgb(252,252,252);
}

.caption
{
	float: left;
	width: 256px;
}

.userForm > div
{
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.userForm .label
{
	float: left;
	margin: 6px;
	padding: 0px;
	width: 120px;
	text-align: right;
	vertical-align: middle;
}

.userForm .rightAlign
{
	text-align: right;
}

/* inactive bid column */

.inactiveBid
{
}

.inactiveBid h3
{
	margin: 6px 0px 12px 10px;
	padding: 0px;
	font-size: 14px;
	line-height: 16px;
	color: rgb(216,0,0);
}

.inactiveBid p
{
	float: left;
	width: 245px;
	margin: 0px 10px;
	padding: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 14px;
	font-size: 11px;
	color: rgb(50,50,50);
}


.inactiveBid .button
{
	margin: 0px 10px;
	padding: 0px;
}

.slideShowContainer
{
}

.slideShowContainer .image
{
	text-align: left;
	width: 320px;
	height: 240px;
	border: 1px solid rgb(50,50,50);
}

.slideShowContainer .imageControlPanel
{
	text-align: right;
	margin: 0px;
	padding: 2px 10px;
	width: 300px;
	height: 16px;
	border: 1px solid rgb(50,50,50);
	background: rgb(216,216,216) url(../images/backgroundImageControl_320x20.jpg) top left repeat-x;
}

.slideShowContainer .imageControlPanel .button
{
	margin: 0px 8px;
	padding: 0px;
	width: 8px;
	height: 10px;
}

.formArea .userFormFields
{
    float: left;
    margin: 8px; padding: 0px;
    width: auto; 
}

.formArea h2
{
    margin: 0px; padding: 0px;
    width: 98%;
    color: rgb(98,98,98);
    border-bottom: 1px solid rgb(151,151,151);
    float: left; clear: right;  
}

.formArea .userFormFields .text
{
    margin: 0px; padding: 3px 5px 0px;
    height: 18px;
    border-width: 1px !important;  
}

.formArea .userFormFields .shortField
{
    float: left; clear: none;
    margin: 0px 2% 0px 0px;
    width: 35%;   
}

.formArea .userFormFields .textBox
{
    margin: 2px; padding: 3px 5px 0px;
    width: 80%; height: 54px;
    line-height: 18px;
    border: 1px solid rgb(255,0,0);
    overflow: auto;
}

.formArea .userFormFields td.col1
{
   margin: 0px; padding: 2px 5px 2px 2px;
   width: 132px;
   vertical-align: top;
}

.formArea .userFormFields td.col2
{
   margin: 0px; padding: 2px;
   width: 200px;
   vertical-align: middle;
}

.formArea .userFormFields td.col3
{
   margin: 0px; padding: 2px;
   width: 532px;
   vertical-align: middle;
}

.formArea .userFormFields .listPictures ul
{
    margin: 0px; padding: 0px;
   text-align: left;
   list-style: none;
}


/* table styles */
.grid .description
{
    text-align: left;   
}

.largetext
{
    font-size: 20px;
    margin: 0px; padding: 0px 8px;   
}

/* screen name container */
.screenName
{
    float: left;
    margin: 0px 12px 8px; padding: 0px;
    width: 145px; height: auto;  
}

.screenName p
{
    margin: 4px 0px 0px; padding: 0px;
    font-weight: bold;
}

.screenName .top
{
    width: 100%; height: 7px;
    background: rgb(255,255,255) url(../images/cornerSellerNameTop_145.gif) top left no-repeat;   
}

.screenName .middle
{
    width: 100%; height: auto;
    background: rgb(255,255,255) url(../images/backgroundSellerName_145.gif) top left repeat-y;
    text-align: center;    
}

.screenName .bottom
{
    width: 100%; height: 7px;
    background: rgb(255,255,255) url(../images/cornerSellerNameBottom_145.gif) top left no-repeat;
}

#propertyPhotos
{
    position: relative;
    margin: 0px; padding: 0px;
    width: 100%;  height: 50px;
    z-index: 20;  
}

#propertyPhotos #photoAddEditControl
{
   
}
#propertyPhotos .close
{
    position: absolute;
    top: 10px; left: 180px;
    display: none;
    z-index: 24;    
}
#propertyPhotos .close img
{
    margin: 0px; padding: 0px;
    border: none; 
}

#propertyPhotos .listPictures
{
    position: absolute; 
    top: 0px; left: -500px;
    margin: 0px; padding: 24px 12px 12px;
    width: 676px; height: auto;
    background: white;
    border: 1px solid red;
    opacity: 0.93; -moz-opacity: 0.93; filter: alpha(opacity=93); 
    z-index: 21;
    display: none;  
}

#propertyPhotos .listPictures li
{
    float: left;
    margin: 10px; padding: 0px;
    width: 156px;
}

#propertyPhotos .listPictures .addPhoto
{
    clear: both;
    margin: 8px; padding: 0px;
    text-align: center;
}
