/* sellBox */

#sellBox {
        width:100%;
        position:absolute;
        background-color: #D5DDF3;
        border-bottom: 1px solid #3366CC;
        top:0px;
        left:0px;
        background: url(/images/block1_bgd.gif) left bottom repeat-x #57a9dc;
        z-index:999;
    }
#sellBoxContent {

    }
#sellBoxContent .info {
    height: 50px;
    padding: 10px;
    color: #ffffff;
    }
#sellBoxContent .info a, #sellBoxContent .info a:hover, #sellBoxContent .info a:visited {
    color: #ffffff;
    }    
#sellBoxCtrl {
    text-align:right;
    
    height: 25px;
    }
#sellBoxCtrl .link4 { color:#ff4900; font-weight:bold; background:url(/images/check.jpg) no-repeat left 0px;padding-left:19px; display:block; float:left;}

#youtubelist{
	margin: 0;
	padding: 5px;
	list-style: none;
	clear: both;
	display: block;
}

#youtubebox{
	clear: right;
	display: inline;
	padding: 0;
	margin: 2px;
}

#youtubethumb {
	margin-bottom: 5px;
	width: 90px;
	height: 80px;
	border: 4px solid #007799;
}



#youtubecontent {
			background-color: #fff;
			padding: 10px;

			border: 1px solid #ccc;
			margin-left: -430px;
			position: fixed;
			left: 890px;
}

#youtubeoverlay {
			overflow: visible;
			position: fixed;
			height: 1px;
			width: 100%;
			top: 100px;
}

#step {
                
                padding: 0px;
                margin: 5px 0 10px 0;
                color: #666;
                
            }
            #step .title {
                margin: 0px;
                background-color:#E8EDF1;
                -moz-border-radius-topleft: 30px;
                padding: 10px;
            }
            #step .title .nr {
                text-align:center;
                font-weight: bold;
                font-size: 1.5em;
                margin: 3px;
                width:30px;
                float:left;
                -moz-border-radius: 30px;
                padding: 10px;
                background: #ffffff;
            }            
            #step .title .titleText {
                padding:30px;
                font-weight:bold;
                font-size: 1.5em;
            }
            #step .title .titleTextSmall {
                padding:30px;
                font-weight:normal;
                font-size: 1.0em;
            }
            #step .body {
                background: #ffffff;
                padding:10px;
                border-left: 10px solid #E8EDF1;
                border-right: 10px solid #E8EDF1;
                border-bottom: 10px solid #E8EDF1;
                line-height: 30px;
            }
            #step .body input {
                width: 300px;
                }
            #step .body textarea {
                width: 300px;
                margin-bottom:5px;
                }
            #step .body label {
                padding-right: 15px;
                display:block;
                width: 150px;
                font-weight: bold;
                text-align: left;
                }
            #step .body .imageContainer {
                width: 100px;
                /*float:left;*/
                margin:5px;
                }
            #step .body .imageContainer img {
                border:1px solid #999;
                margin: 3px;
                padding: 3px;
                }
                    
            #step .body br {
                clear:left;
                }
                /* The hint to Hide and Show */
.hint {
    display: none;
    position: absolute;
    /*right: -250px;*/
    width: 200px;
    margin-top: -4px;
    margin-left:2px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
    z-index:999;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}
#MainMenu 
{
	float: left;
	height:32px;

	margin:10px 0 0 0;
	border:0;
}
#tab 
{
	margin:0 0 0 10px;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0 0 0 0 ;
	padding:0;
}
#tab a 
{
	background:#FFFFFF url("/images/bright_030.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("/images/bleft_030.gif") no-repeat left top;
	padding:0 18px 0 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:32px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#000000;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.formField {
        clear:left;
        margin-bottom: 10px;
    }
.formField label {
        display: block;
        font-weight: bold;
    }
.formField input {
        border: 1px solid #ccc;
        width: 70%;
        margin-left: 20px;
    }
 .formField textarea {
        border: 1px solid #ccc;
        width: 70%;
        height:250px;
        margin-left: 20px;
    }
.formField select {
        border: 1px solid #ccc;
        width: 70%;
        margin-left: 20px;
    }
.formField .checkBox {
        width: 150px;
        float:left;
        margin:5px;
    }
.submit {
        border: 1px solid #ccc;
        background: #ccc;
        font-weight: bold;
        width: 100px;
        passing: 5px;
        margin-left: 20px;
    }    
#listingNavigationBlock {
    margin: 10px;

    }
#listingNavigationBlock a {
        color: blue;
    }
#listingNavigationBlock .listingNavigationTitle {
        clear:left;
    }
#listingNavigationBlock .listingNavigationTitle h1 {
    margin-bottom:5px;
    
    }
 .listingNavigationEntry {
    width:auto;
    margin:3px;
    float:left;
    
    }
#listingSearchForm {
        margin:10px;
    }
#listingSearchForm a {
        color: blue;
    }
#listingSearchForm .listingSearchFormTitle h2 {
     margin-bottom:5px;

    }
#table {
    margin:10px;
    }
#table th {
        text-align: left;
    }    
#table td {
        padding:5px;
    }
#table .normal td {
        background: #fff;
    }
#table .alternate td {
        background: #efefef;
    }
#table a {
    color: blue;
    }
    
.checkboxValueActive {
    margin:3px;
}
.checkboxValueActive:before{content:url(/images/checkbox_active.jpg);}

.checkboxValue {
    margin:3px;
}
.checkboxValue:before{content:url(/images/checkbox_inactive.jpg);}

.radioValueActive {
    margin:3px;
}
.radioValueActive:before{content:url(/images/checkbox_active.jpg);}

.radioValue {
    margin:3px;
}
.radioValue:before{content:url(/images/checkbox_inactive.jpg);}

.listingEntryImage {
    padding:5px;
    margin:5px;
    border: 1px solid #efefef;
    }