﻿.autocompleteContainerPanel
{
	width: 310px !important;
	height: 241px !important;
	visibility: hidden;
	background: url(../../images/bg-search-popup.png) top left no-repeat;
	margin-left: -8px;
	overflow: hidden;
	z-index: 1000;
}

.autocompleteListPanel
{
	margin: 0px !important;
	margin-left: 0 !important;
	color: windowtext;
	border: none;
	cursor: default;
	overflow: auto;
	height: 221px;
	width: 284px;
	text-align: left;
	list-style-type: none;
	padding: 8px;
}

.autocompleteHighlightedListItem
{
	font-size: 14px;
	background-color: #01CC01;
	color: white;
	line-height: 20px;
	padding: 1px 1px 1px 10px;
}

.autocompleteListItem
{
	font-size: 14px;
	background-color: white;
	color: black;
	line-height: 20px;
	padding: 1px 1px 1px 10px;
}

.autocompleteGroupHeader  
{
	font-weight: bold; 
	padding: 1px;
}

label.autocompleteHighlightedWord 
{
    
}

#hotelReservationDataEntry #form-data-notes
{
	/*border: solid 1px black;
	background-color: Gray;*/
	margin-top:20px;
}

#yftLayer
{
	visibility: hidden;
	font-size: 12px;
	font-weight: bold;
	width: 200px;
	padding-left: 15px;
}

label.progressLabel
{
	font-size: 12px;
	font-weight: bold;
	background-color: #ffff99;
}

.validatorMessage
{
	font-size: 11px;
}

.manageAccountsAlternatingRow td
{
	background-color: #eafaed !important;
}

.history-comment { margin-top: 30px; }
.history-comment > div { text-align: right; margin-right: 78px; }

.editing-panel { background-color: #E1F8FA; }

.hotel-reservation-panel { float: left; border: solid 1px #000000; padding: 10px; width: 900px; }

#conference-selector { float: left; width: 100%; margin-top: 10px; }
#conference-selector span { font-size: 13px; font-weight: bold; }
#conference-selector select { border: solid 1px #aaa; padding: 2px; }

#form-data-notes { float: left; width: 440px; margin: 10px 0 0 30px; font-size: 13px; font-weight: bold; }
#form-data-notes label { display: inline-block; float: left; font-weight: normal;  }
#form-data-notes b {display: inline-block; float: left; height: 120px; }

#course-panel #conference-selector select { width: 320px; }
#course-panel #course-selector table { width: 330px; }
#course-panel #course-selector table th { border: solid 1px #aaa; background-color: #eee; padding: 5px 3px; }
#course-panel #course-selector table td { border: solid 1px #aaa; }
#course-panel #course-selector .selected-course { font-weight: bold; }
#course-panel .course-link { display: inline-block; float: left; width: 330px; padding: 3px; }
#course-panel .course-link:hover { text-decoration: none; background-color: #E1F8FA; }
#course-content { width: 530px; min-height: 500px; _height: 500px; padding: 25px 25px 10px 10px; border: solid 1px #000000; margin-right: 0; }
#course-content p { padding-bottom: 8px; }
#course-content span { display: inline-block; float: left; width: 150px; font-size: 12px; text-align: right; 
	font-weight: bold; padding-right: 5px; }
#course-content input, textarea { width: 320px; }
#course-content p.checkbox input { width: 24px; margin-left: 170px; vertical-align: middle;}
#course-content p.checkbox label { font-size: 12px; font-weight: bold; }

#package-deleting { float: left; width: 94%; padding: 10px; }
#package-deleting-info { float: left; width: 100%; border: solid 1px #000; padding: 5px; }
#package-deleting-content { float: left; width: 100%; padding: 5px; }
#package-deleting-content h3 { float: left; width: 100%; font-size: 12px; font-weight: bold; margin-top: 10px; }
#package-deleting-content p { float: left; width: 100%; padding: 2px 0; }
#package-deleting-content p input { float: left; display: inline-block; }
#package-deleting-content p label { display: inline-block; float: left; }
#package-deleting-content p select { display: inline-block; float: right; }
#package-deleting-actions { float: right; margin-top: 5px; }

.account-management-panel { padding: 0; margin: 0; overflow: visible; }
.account-management-panel fieldset { border: solid 1px #aaa; padding: 0 10px 10px 10px; margin-bottom: 10px; text-align: left; }
.account-management-panel fieldset legend { height:30px; padding: 10px 3px 0 3px; }
.account-management-panel p { height: 100%; clear:both;}
.account-management-panel fieldset > div { margin-bottom: 10px; }

.account-normal-panel { clear: both; float: left; width: 365px; }
.account-edit-panel { clear: both; float: left; border: solid 1px #aaa; padding: 5px; width: 365px; background-color: #E1F8FA; }
.account-error-panel { clear: both; float: left; border: solid 1px #aaa; padding: 5px; width: 365px; background-color: #ff6a6a; }

.account-edit-links { text-align: right; }

.account-label { float: left; text-align: right; width: 80px; }
.account-label-name { text-align: right; width: 80px; display:inline-block; }
.account-number-label { float: left; font-weight: normal; font-size: 15px; margin-left: 15px; width: 190px; }
.account-name-label { clear: both; float: left; font-size: 11px; font-weight: normal; color: #888; margin-left: 95px; width: 200px; }
.account-input { width: 167px !important; margin-right: 6px; margin-left: 15px !important; }
.account-select { width: 180px !important; margin-right: 6px; margin-left: 15px !important; }
.account-error-message { text-align: left; font-weight: normal; }

.changing-package-link { display: inline-block; width: 100%; padding-bottom: 10px; text-align: center; font-size: 14px; font-weight: bold; }

.public-registration-package-select { width: 250px; font-size: 14px; }

#partipantRepeater a.selected { font-weight: bold; }

#reports { float: left; margin-top: 40px; }
#reports p { margin: 8px 0; font-size: 14px; }
#reports p label { float: left; width: 780px; border-bottom: dashed 1px #aaa; }
#reports p a { border-bottom: dashed 1px #aaa; }

#reportView { padding: 10px; }
#reportView h1 { color: #000; font-size: 28px; font-weight: bold; }
#reportViewHeader { text-align: right; }

#hotel-confirmations { float: left; margin-top: 40px; width: 920px; }
#hotel-confirmations #conference-selector { float: left; clear: both; width: 100%; font-size: 14px; font-weight: bold; margin: 0 0 10px 5px; }
#hotel-confirmations #conference-selector select { width: 394px; }
#hotel-confirmations #date-range { float: left; clear: both; font-size: 11px; margin-left: 65px; }
#hotel-confirmations #date-range input { width: 70px; padding: 4px 6px; font-size: 12px; font-weight: bold; height: 18px; vertical-align: middle; }
#hotel-confirmations #date-range input.filter-button { height: 32px; font-weight: normal; }
#hotel-confirmations #hotel-list { float: right; clear: both; margin: 0 20px 5px 0; }
#hotel-confirmations #state-list { float: right; clear: both; margin: 0 20px 15px 0; }
#hotel-confirmations a { font-size: 11px; }
#hotel-confirmations a.selected { font-size: 12px; font-weight: bold; }
#hotel-confirmations #bottom-links { float: left; width: 905px; margin-top: 10px; }
#hotel-confirmations #bottom-links input { float: right; font-size: 13px; margin-left: 8px; height: 26px; }

#tracking { float: left; margin-top: 40px; width: 920px; }
#tracking #filter-params { float: left; clear: both; padding-bottom: 10px; }
#tracking #filter-params input { text-transform: uppercase; }
#tracking #filter-params #date-range { float: left; font-size: 11px; margin-left: 20px; }
#tracking #filter-params #date-range input { width: 70px; padding: 4px 6px; font-size: 12px; height: 18px; vertical-align: middle; }
#tracking #filter-params #account { float: left; font-size: 11px; margin-left: 10px; }
#tracking #filter-params #account input { width: 120px; padding: 4px 6px; font-size: 12px; font-weight: bold; height: 18px; vertical-align: middle; }
#tracking #filter-params #action { float: left; margin-left: 10px; }
#tracking #filter-params #action input.filter-button { width: 70px; height: 32px; font-weight: normal; text-transform: none; }
#tracking #bottom-links { float: left; width: 965px; margin-top: 10px; }
#tracking #bottom-links input { float: right; font-size: 13px; margin-left: 8px; height: 26px; }

#at-a-glance { float: left; margin-top: 40px; width: 920px; }
#at-a-glance #conference-selector { float: left; clear: both; width: 100%; font-size: 14px; font-weight: bold; margin: 0 0 20px 20px; }
#at-a-glance #conference-selector select { width: 294px; }

#main-info-content #rep-block { display: block; float: left; width: 100%; padding: 0; margin-bottom: 8px; }
#main-info-content #rep-block select { padding: 0; height: auto; }
#main-info-content #rep-actions { display: block; float: left; width: 100%; }
#main-info-content #rep-actions a { margin-right: 8px; font-size: 10px; }

#checkin-content fieldset { border: solid 1px #ddd; width: 640px; padding: 10px; }
#checkin-content fieldset legend { padding: 5px; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #555; }
#checkin-content fieldset label { float: left; width: 250px; margin-left: 7px; font-size: 11px; font-weight: bold; }
#checkin-content fieldset input { width: 230px; height: 24px; padding: 7px 4px 0 10px; font-size: 14px;
	font-family: Calibri, "Trebuchet MS"; border: solid 2px #b0b0b0; border-bottom: solid 2px #cacaca;
    vertical-align: middle; margin-left: 4px; background-color: #fff; text-transform: uppercase; 
	-webkit-border-radius: 4px; -moz-border-radius: 4px; }

/*CheckInAdditionalInformationControl*/

#CheckInBox 
{
    width:300px;
    margin-top:18px;
}
#CheckInBox #box-green table tr th {
    font-size:12px;
    padding:10px 8px;
    text-align:right;
    vertical-align:top;
}
#CheckInBox #info-box
{
    /*width: 454px;*/
    width: 300px;
}

#CheckInBox #box-green
{
    display: block;
    margin-top: -1px;
    background: #d4eed6; /*width: 418px;*/
    width: 300px;
    padding: 0 18px;
    overflow: auto;
}
#CheckInBox #box-green-top
{
    background: url(../../images/box-green-top.png) no-repeat;
    _background: url(../../images/box-green-top.gif) no-repeat;
    height: 16px;
    display: block;
    padding-left: 10px;
    width:326px;
}
#CheckInBox #box-green-bot
{
    background: url(../../images/box-green-bot.png) no-repeat;
    _background: url(../../images/box-green-bot.gif) no-repeat;
    height: 15px;
    display: block;
    padding-left: 10px;
    width:326px;
}

#CheckInBox #info-box.right #box-green select
{
    border: 1px solid #B0B0B0;
}
#CheckInBox .box-green
{
    width: auto !important;
    text-align: left;
}
#CheckInBox .box-green-bot .inner
{
    background: url(../../images/box-green-bot-inner.gif) bottom right no-repeat;
    height: 15px;
}
#CheckInBox .box-green-top .inner
{
    background: url(../../images/box-green-top-inner.gif) top right no-repeat;
    height: 16px;
}
#CheckInBox .flexible-box
{
    width: auto;
    margin-bottom: 12px;
}

#camp-activities h3 { font-weight: bold; text-transform: uppercase; }
#camp-activities #instructions textarea { width: 850px; height: 70px; border: solid 1px #ccc; margin-bottom: 10px; }