﻿/* CSS Document */

		*{
			font: 10pt Arial, Helvetica, sans-serif;
		}
		a img{
			border: 0px;
		}
		a{
			font: inherit;
			color: #028265;
			text-decoration: none;
		}
		a:hover{
			text-decoration: underline;
		}
		a.button{
			font: 80% Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #00007F;
			border: 1px solid #3060A7;
			text-decoration: none;
			padding: 2px 4px;
			margin: 1px 4px 0px 0px;
		}
		.button{
			border: 1px solid #3060A7;
			background: #ADC2E4;
		}
		.button:hover{
			background: #99B0D4;
		}
		a.button_fake{
			position: relative;
			font: 80% Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #000066;
			text-decoration: none;
			border: 1px solid #3060A7;
			background: #ADC2E4;
			padding: 2px 4px;
			margin: 3px 2px 1px 0px;
		}
		.btnlogin{
			border: 1px solid #449944;
			background: #03d8a8;
			margin-left: 5px;
			padding: 1px 10px 0;			
			color: #ffffff;
			font: 80% Arial, Helvetica, sans-serif;
			font-weight: bold;
			cursor: pointer;
		}
		.username{
			padding: 4px 4px;
			width: 200px;
			margin:10px 0 4px 30px;
			background: #fff;
			border: 1px solid #000;
			color:#ababab;
			display:inline;

		}
		.errorText{
			color:#ffffff;
			font-style:italic;			
		}
		html* .username{
			margin:-35px 0 0px 30px;
		}
		html* .password{
			margin:-5px 0 0px 30px;
		}
		html* .passwordNoBackground{
			margin:-5px 0 0px 30px;
		}
		*html .username{
			margin:0px 4px 30px;
			
		}
		*html .password{
			margin:0px 4px 30px;
		}
		*html .passwordNoBackground{
			margin:0px 4px 30px;
		}


		.password{
			padding: 4px 4px;
			width: 200px;
			margin:10px 0 4px 30px;
			border: 1px solid #000;
			color:#ababab;
			display:inline;
		}
		.passwordNoBackground{
			padding: 4px 4px;
			width: 200px;
			margin:10px 0 4px 30px;
			background: #fff;
			border: 1px solid #000;
			color:#ababab;
			display:inline;
		}

		.title{
			color:#ffffff;
			font-size:14pt;
		}
		*html .title{
			color:#ffffff;
			font-size:14pt;
			line-height:12pt;
		}

		.toolbar{
			margin: 0px;
			height: 20px;
		}
		#side a:hover{
			text-decoration: none;
		}
		body{
			text-align: center;
			margin: 20px;
			background:#ffffff url('login-background.gif') repeat-x 0 0;
}
/*		#container{
			position: relative;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
			text-align: left;
		}
*/
		/*----------------------------------------*/
		.container_small{
			position: relative;
			margin-left: auto;
			margin-right: auto;
			width: 50%;
			text-align: left;
		}
		.container_medium{
			position: relative;
			margin-left: auto;
			margin-right: auto;
			width: 75%;
			text-align: left;
		}
		.container_large{
			position: relative;
			margin-left: auto;
			margin-right: auto;
			width: 930px;
			text-align: left;
		}
		/*----------------------------------------*/
		#container_background{
			width: 100%;
		}
		#top{
			width: 100%;
			padding-bottom: 52px;
			*padding-bottom:49px;

		}
		.sectionMarginTitle{
			margin:40px 0 0 45px;
		}
		.sectionMarginMap{
			margin: 0 0 0 120px;
		}
		#username_box{
			float: right;
			padding-top: 30px;
			padding-right: 10px;
		}
		#content{
			width: 100%;
			text-align: left;
			background:#ffffff;
		}
		#side{
			width: 20%;
		}
		#loginLeft{
			width: 315px;
		}
		#full{
			width: 100%;
		}
		#bottom{
			width: 100%;
			padding-top: 4px;
			background-color:#ffffff;
		}
		#featuredImageBottom{
			width:170px;
			
		}
		#featuredTextBottom{
			width:350px;
		}
		.sectionMarginBottom{
			margin:50px 0 0 396px;
		}
		.region{
			position: relative;
			float: left;
		}
		.float_left{
			position: relative;
			float: left;
		}
		.float_right{
			position: relative;
			float: right;
		}
		.section_margin{
			position: relative;
			margin: 10px;
			text-align: left;
		}
		#loginBoxBackground{
			background:#46013c url(../images/login-box-background.gif) no-repeat scroll 0 0;
			min-height:200px;
			width:295px;
			z-index:100;
			
		}
		#loginBoxTop{
			background:url('login-box-top.jpg') no-repeat 0 0;
			height:23px;
			width:295px;
			z-index:100;
		}
		.sectionMarginImage{
			margin:0 0 0 15px;
		}
		#loginRight{
			width:615px;
		}
		.sectionMarginRight{
			margin:10px 0 0 30px;
		}
		#featuredImage{
			margin: 5px 10px 0 0;
			width:227px;
		}
		#featuredText{
			width:340px;
		}
		#lineSpace{
			margin-top:20px;
			margin-bottom:20px;
		}
		#featuredTextNoImage{
			width:585px;
		}
		.side_box{
			background: #DDDDDD;
			border: 1px solid #999999;
			padding: 2px 4px 2px 4px;
			margin-bottom: 10px;
		}
		.menu_header{
			position: relative;
			display: block;
			background: #007DC3;
			border: 1px solid #02517E;
			margin: 1px -1px 1px -1px;
			padding: 1px 2px 1px 2px;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		.menu_link{
			position: relative;
			display: block;
			background: #DDDDDD url('0081_ulli.gif') no-repeat left 50%;
			border: 1px solid #DDDDDD;
			margin: 1px -1px 1px -1px;
			padding: 1px 10px 1px 15px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
		}
		.menu_link:hover{
			background: #BBBBBB url('0081_ulli_highlight.gif') no-repeat left 50%;
			border: 1px solid #888888;
		}
		.box{
			background: #EEEEEE;
			border: 1px solid #999999;
			padding: 20px;
			margin-bottom: 10px;
		}
		/* Font Formatting */
		h1{
			position: relative;
			font: 18pt Arial, Helvetica, sans-serif;
			color:#03d8a8;
			letter-spacing: -1px;
			margin: 0px;
			padding: 0px;
		}
		h1 i{
			position: relative;
			font: 18pt Arial, Helvetica, sans-serif;
			color:#03d8a8;
			letter-spacing: -1px;
			margin: 0px;
			font-style:italic;
			padding: 0px 3px 0 0;
		}

		h2{
			color:#1B3A3F;
			font-family:Arial,Helvetica,sans-serif;
			font-size:15pt;
			margin:0;
			padding:0;		
		}
		h3{
			font: 12pt Arial, Helvetica, sans-serif;
			font-style: normal;
			margin: 12px 0px;
			padding: 0px;
			color: #028265;
			
		}
		h4{
			font: 9pt Arial, Helvetica, sans-serif;
			font-style: italic;
			margin: 0px;
			padding: 0px;
			color: #0066FF;
		}
		h5{
			position: relative;
			font: 8pt "Arial Black", Arial, Helvetica, sans-serif;
			letter-spacing: -1px;
			margin: 0px;
			color: #000000;
			border-bottom: 1px solid #000000;
		}
		h6{
			font: 6pt Arial, Helvetica, sans-serif;
			margin: 0px;
			padding: 0px;
			color: #0066FF;
		}
		p{
			font-size: 10pt;
			padding: 5px 15px 5px 0px;
			color:#333333;
			margin:0px;
		}
		p.findOutMore{
			margin:0px;
			text-align:right;
			padding:0px 35px 0 0;
		}
		p.forgotPassword{
			text-align:right;
			padding:10px 15px 0 0;
			font-size:9pt;	
		}
		.forgotPassword a{
			font-style:italic;
			color: #03d8a8;	
		}
		.forgotPassword a:hover{
			font-style:italic;	
		}

		p.footer{
			font-size:8pt;
			color:#999999;
			text-align:left;
		}
		.footer a{
			font-size:8pt;
			text-align:left;
		}
		.footer a:hover{
			font-size:8pt;
			text-align:left;
		}
		p.loginParagraph{
			text-align:right;
			font-style:italic;
			margin:0;
			padding: 5px 15px 5px 0px;
			
		}
		html* p.loginParagraph{
			padding:0px;
			margin:-10px 0 0 0;
			}

		q{
			display: block;
			font-size: 10pt;
			font-style: italic;
			padding: 5px 40px 5px 40px;
			color: #666666;
		}
		#icon_box{
			height: 97px;
			width: 267px;
			background: #DDDDDD url('auctori-logo.gif') no-repeat;
			border: 0px solid #BBBBBB;
			margin-right: 10px;
		}
		.sectionMarginLogo{
			margin:8px 0 0 30px;
		}
		.formatted_table{
			width: 100%;
			border: 1px solid #999999;
			border-collapse: collapse;
			margin-bottom: 10px;
		}
		.formatted_table th{
			background: #BBBBBB;
			border: 0px;
			color: #000000;
			font-weight: bold;
			padding: 1px 4px 1px 4px;
			text-align: left;
		}
		.formatted_table td{
			padding: 1px 4px 1px 4px;
			border: 0px;
			text-align: left;
		}
		#footer_text{
			text-align: center;
			font-size: 10px;
			color: #666666;
		}
		.listContainer{
			position: relative;
			float: left;
			width: 100%;
		}
		.displayTable{
			position: relative;
			float: left;
			background: #FFFFFF;
			border: 1px solid #3060A7;
			width: 100%;
		}
		.displayTable{
			width: 100%;
		}
		.displayTable th{
			background: #666666;
			color: #FFFFFF;
			padding: 1px 4px;
		}
		.displayTable th a{
			color: #FFFFFF;
			text-decoration: none;
		}
		.displayTable th a:hover{
			text-decoration: underline;
		}
		.displayTable td{
			background: #DDDDDD;
			color: #000000;
			padding: 1px 4px;
		}
/* ========================================================================= */
		form{
			margin: 0px;
		}
		td{
			vertical-align: top;
			text-align:left;
			padding:0 0 0 8px;
		}
		.formTitle{
			font-weight: bold;
			color: #FFFFFF;
			background: url(../images/formTitleBlue.jpg) repeat-x #3060A7;
			border: 1px solid #3060A7;
			border-bottom: 0px;	
			padding: 2px 4px;
			text-transform: uppercase;
			position: relative;
		}
		fieldset{
			margin: 0px;
			padding: 10px;
			border: 1px solid #3060A7;
			background: #D7E1F2;
		}
		label.left{
			display: block;
			width: 150px;
			padding: 2px 4px;
			text-align: right;
		}
		.textbox{
			border: 1px solid #3060A7;
			margin: 1px 0px;
			width: 200px;
			font: inherit;
		}
		.textboxFocus{
			border: 1px solid #3060A7;
			padding: 2px 4px;
			margin: 1px 0px;
			width: 200px;
		}
		.textarea{
			height: 250px;
		}
		.small{width: 100px;}
		.large{width: 550px;}
		.wide{width: 100%;}
		select.textbox, select.textboxFocus{
			width: 210px;
		}
		.toolbar{
			padding: 4px 0px;
		}
		.fieldCaption{
			font-size: 80%;
			width: 200px;
		}
		.requiredStar{
			font-size: 110%;
			font-weight: bold;
			color: #FF0000;
			margin-left: 2px;
		}
		.fieldName{
			text-align: right;
			padding-top: 8px;
		}
		.fieldHelp{
			padding-top: 6px;
		}
		.message{
			color: blue;
			background: #FFFFFF;
			border: 1px solid blue;
			padding: 10px 10px;
		}
		.displayTable{
			background: #FFFFFF;
			border: 1px solid #3060A7;
		}
		#editorTable{
			position: relative;
			width: 700px;
		}

		.confirmation{
			display: block;
			border: 1px solid #144D16;
			background: #4DA14F;
			color: #FFFFFF;
			padding: 20px;
			margin-bottom: 10px;
			font-weight: bold;
		}
		.errorMessage{
			display: block;
			border: 1px solid #761F1F;
			background: #C22A1F;
			color: #FFFFFF;
			padding: 20px;
			margin-bottom: 10px;
			font-weight: bold;
		}
		.errorMessage h2{
			color: #FFFFFF;
			font-weight: bold;
			margin: 0px;
		}
		.successMessage{
			display: block;
			border: 1px solid #761F1F;
			background: #007DC3;
			color: #FFFFFF;
			padding: 20px;
			margin-bottom: 10px;
			font-weight: bold;
		}
		.successMessage h2{
			color: #FFFFFF;
			font-weight: bold;
			margin: 0px;
		}
		.feedback{
			display: block;
			border: 1px solid #761F1F;
			background: #6D9DE4;
			color: #FFFFFF;
			padding: 20px;
			margin-bottom: 10px;
			font-weight: normal;
		}
		.feedback strong{
			font-weight: bold;
		}
		.feedback em{
			font-style: italic;
		}

/* ======================================================== */
	fieldset{
		padding: 5px;
		border: 1px solid #006699;
		background: #DDDDDD;
	}
	legend{
		padding: 0px 10px;
		font: 12pt Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: italic;
		color: #666666;
	}
	label.left{
		float: left;
		width: 100px;
		color: #333333;
	}
	label.right{
		color: #333333;
	}
	label.top{
		display: block;
		padding: 2px 0px;
		width: 175px;
		color: #333333;
	}
	span.required{
		color: #990000;
		font-weight: bold;
		margin: 0px 2px;
	}
	textarea{
		font: inherit;
	}
	textarea[class~="small"]{
		height: 100px;
	}
	select{
		padding: 0px;
	}
	select option{
		padding: 1px 2px;
	}
	select{
		width: 200px;
	}
	.instructions{
		color: #333333;
		font-size: 8pt;
		font-style: italic;
		padding-bottom: 10px;
	}
	.fieldExample{
		font-style: italic;
		margin: 0px 4px;
	}
	.fieldGroup{
		position: relative;
		float: left;
		background: #FFFFFF;
		margin-bottom: 5px;
		width: 485px;
	}
	.fieldGroup div{
		position: relative;
		float: left;
		margin: 15px;
	}
	.confirmation{
		margin: 10px 0px;
		padding: 10px;
		border: 4px solid #CCCCCC;
	}
	.FormButton{
		width: 150px;
	}
	#message_body{
		width: 180px;
	}
	
	#sideContentScroller{
		position: relative;
		float: left;
		width: 200px;
		height: 100px;
		border: 1px solid #3060A7;
		background: #CEEAFF;
		margin: 1px 0px;
	}
	#sideContentScroller table{
		margin: 1px;
		width: 100%;
	}
	#sideContentScroller td{
		background: #86C2EF;
		padding: 2px 4px;
	}
	#sideContentScroller td.scrollerOptions{
		width: 40px;
		font-size: 0.8em;
		text-align: right;
	}
	/* ==================================================== */
	.gallery{
		display: block;
		position: relative;
		float: left;
		padding: 4px 0px;
		width: 100%;
	}
	.galleryImage{
		position: relative;
		float: left;
		margin: 2px;
	}
	.galleryImage .controls{
		background: #EEEEEE;
		border-width: 0px 2px 2px 2px;
		border-style: solid;
		border-color: #FFFFFF;
		padding: 2px;
	}
	.thumbnail{
		background: url('bg_image_checker.gif');
		border: 2px solid #FFFFFF;
		height: 100px;
		width: 100px;
		vertical-align: middle;
		text-align: center;
	}
	.thumbnail a{
		height: 100px;
		width: 100px;
	}
	.thumbnail img{
		margin-top: auto;
		margin-bottom: auto;
	}
	.tooltip{
		color: #000000;
		/* color: #9F141A;
		cursor: help; */
		cursor: pointer;
		text-decoration: none;
	}
	.page_links{
		position: relative;
		float: left;
		padding: 5px;
		border: 1px solid #DDDDDD;
		background: #EEEEEE;
		text-align: center;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;
		width: 100%;
	}
	.page_links a{
		text-decoration: none;
		font: 10px Arial, Helvetica, sans-serif;
	}
	.page_links strong{
		text-decoration: underline;
		font: 10px Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	.checkboxScrollList{
		overflow: scroll;
		height: 110px;
		width: 195px;
		background: #CEEAFF;
	}
	.checkboxScrollList input{
		margin-right: 4px;
	}
	
	/* ============================================================================ */
	/* ===== Field Hint Styles ==================================================== */
	/* ============================================================================ */
	
	/* All form elements are within the definition list for this example */
		dl {
			font: normal 12px/15px Arial;
			position: relative;
			width: 250px;
		}
		dt {
			clear: both;
			float:left;
			width: 130px;
			padding: 4px 0 2px 0;
			text-align: left;
		}
		dd {
			float: left;
			width: 270px;
			margin: 0 0 8px 0;
			padding-left: 6px;
		}
		*html dd {
			padding-bottom: 0px;
			margin: 0 0 0px 0;		
		}
		/* The hint to Hide and Show */
		.hint {
			display: none;
			position: absolute;
			left: 0px;
			width: 200px;
			margin-top: -40px;
			border: 1px solid #c93;
			padding: 10px 12px;
			background-color: #ffc;
			z-index: 500;
		}
	
	/* 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;
		}
		
	/* ============================================================================ */
	/* ===== END Field Hint Styles ==================================================== */
	/* ============================================================================ */
	/* Do not Remove or Change */
	.tooltip {
                text-decoration:none;
                cursor:help !important;
            }
            
            #tooltip 
            {
            	color: #000000;
                position:absolute;
                text-align:left;
                z-index:10000;
                margin:7px 0 0 7px;
                padding:10px 12px 12px 12px;
                width:250px;
                border:6px solid #007DC3;
                background:#CEEAFF url(/images/water-mark.jpg) no-repeat center center;
                font-size:11px;
                line-height:16px;
                -moz-border-radius:15px;
                -webkit-border-radius:15px;
                -webkit-box-shadow:rgba(0,0,0,.40) 0px 2px 7px;
                -moz-box-shadow:rgba(0,0,0,.40) 0px 2px 7px ;
            }
            
            #tooltip b {
				border-bottom:1px solid #333;
				color:#333 !important;
				cursor:pointer;
				display:block;
				font-size:13px;
				margin:0 0 10px;
				padding-bottom:5px;
				font-weight:bold;
				background:#CEEAFF url(/images/ttclose.jpg) no-repeat 100% 0px;
			}
			