/*
FILENAME: hh_common.css
VERSION: 1.0
DMS VERSION: 3.5
CREATED ON: 
NOTES:
	Contains classes used throughout site and admin.
*/
/* BASIC RESET FOR Content Items */

#ContentID ul{list-style: disc; padding-left: 30px;}
#ContentID ul li{list-style: disc; margin-bottom: 10px;}
#ContentID ol{list-style: decimal; padding-left: 30px;}
#ContentID ol li{list-style: disc; margin-bottom: 10px;}

#ContentID h1 {
	font-size: 24px;
}

body#hhformBody{
	background: #fff url('') repeat-x left top;
	color: #333;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: 100%;
	line-height: 1;
    text-align:left;
    font-size:12px;
	-webkit-text-size-adjust: none; /* FIX: iOS Mobile Safari Font Adjustment */
}
body#hhformBody #mainContain{
	width: auto;
	padding: 20px;
	min-height: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none;
}

/* GLOBAL hhImageBox Image Setting - DO NOT CHANGE! */
.hhImageBox img{display: none;}
/* GLOBAL hhProductBox Image Setting - DO NOT CHANGE! */
.hhProductBox img{display: none;}

/* ADMIN CONTAINER */
#hhAdmin{
	min-height: 650px;
	padding:0 20px;
	text-align:left;
	margin:0;
}


/* ADMIN NAVIGATION */
#hhAdmin #adminNav {margin:15px 0 15px 0;z-index: 998 !important;content: "";width:100%;}
#hhAdmin #navMain{width: 100%;background-color: #333; z-index: 998 !important; height:30px;}
	/* NAVIGATION - LEVEL ONE */
	#hhAdmin #navMain ul.dropdown{padding-left: 10px; color: #fff; position:relative;padding-top:10px;}
	#hhAdmin #navMain ul.dropdown:after {clear:both; display:block; content:"";}
	#hhAdmin #navMain ul.dropdown li{display: block; float: left; margin-right: 30px; }
	#hhAdmin #navMain ul.dropdown li a{display: block; color: #fff; text-decoration: none;}
	#hhAdmin #navMain ul.dropdown li a:hover,
	#hhAdmin #navMain ul.dropdown li.active a{color: #ccc;}

	/* NAVIGATION - LEVEL TWO */
	#hhAdmin #navMain ul.dropdown li ul{display: none; background-color: #333; position: absolute !important; top: 100%; margin-left: -5px;min-width:175px;z-index:2;}
	#hhAdmin #navMain ul.dropdown li ul li{margin: 0px; padding: 8px 5px 8px 5px; color: #fff; float: none; white-space: nowrap;border-bottom:1px dashed #efefef;}
		/* IE6 FIX ONLY */
		_#hhAdmin #navMain ul.dropdown li ul li {display: inline; width: 100%;}
	#hhAdmin #navMain ul.dropdown li.active ul li a{display: block; color: #fff; text-decoration: none;}
	#hhAdmin #navMain ul.dropdown li ul li a:hover{color: #ccc;}





/* LOGIN FORM */
#hhAdmin .login-box{
	width: 350px;
	min-height: 150px;
	border: 3px solid #a9a9a9;
	margin: 0 auto;
	border-radius: 3px;
	-moz-border-raidus: 3px;
	-webkit-border-raidus: 3px;
	}
#hhAdmin .login-box .hhError{
	margin-bottom: 0px;
	}
#hhAdmin .login-box h2{
	padding: 15px 0px 20px 15px;
	}
#hhAdmin .login-box p{
	padding: 0px 0px 20px 15px;
	}
#hhAdmin .login-box .loginbody label{
	margin-left: 15px;
	float: left;
	width: 100px;
	height: 16px;
	padding-left: 20px;
	line-height: 2
	}
#hhAdmin .login-box .loginbody #row-uid label{
	background:url('/images/Assets/hh-icon-user.png') no-repeat;
	}
#hhAdmin .login-box .loginbody #row-pwd label{
	background:url('/images/Assets/hh-icon-pass.png') no-repeat;
	}
#hhAdmin .login-box .loginbody #row-email label{
	background:url('/images/Assets/hh-icon-email.png') no-repeat;
	}
#hhAdmin .login-box .loginbody #row-username label{
	background:url('/images/Assets/hh-icon-user.png') no-repeat;
	}
#hhAdmin .login-box .loginbody .hhFormController{
	padding: 0px 0px 0px 0px;
	}
#hhAdmin .login-box .loginbody .hhFormController input{
	margin: 0px 0px 0px 135px;
	}
#hhAdmin .login-box .loginfooter{
	width: 344px;
	height: 60px;
	background-color: #e5e5e5;
	border-top: 1px solid #a9a9a9;
	margin-top: 15px;
	}
#hhAdmin .login-box .loginfooter ul{
	margin: 23px 0px 0px 15px;
	}
#hhAdmin .login-box .loginfooter ul li{
	display: inline;
	}

/* BUTTONS */
.hhContentButton,.hhButton,.AutoLogInButton,.commentBtn,.searchBtn{
	display:inline-block;
	background: #DDDDDD;
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    box-shadow:inset 0 1px 0 #fff;
    cursor: pointer;
    margin: 2px;
    padding: 5px 8px;
	font-size:12px;
	color:#333;
	text-decoration:none;
	}
.hhContentButton:hover,.formButton:hover,.hhButton:hover,.AutoLogInButton:hover,.commentBtn:hover,.searchBtn:hover{
	background:#d1d1d1;
    box-shadow:inset 0 1px 0 #fff;
	color:#333;
	}
.hhContentButton[value=Delete]:hover,.formButton[value=Delete]:hover,.hhButton[value=Delete]:hover{
	background-color: #c12222;
	box-shadow:inset 0 1px 0 #e33d3d;
	border:1px solid #a81b1b;
	color: white;
	}

.hhContentButton[value='Delete All']:hover,.formButton[value='Delete All']:hover,.hhButton[value='Delete All']:hover{
	background-color: #c12a222;
	box-shadow:inset 0 1px 0 #e33d3d;
	border:1px solid #a81b1b;
	color: white;
	}
	
/* FORM CONTROLLER */
.hhFormController{
	display: block;
	clear: both;
	}
.hhFormController input{
	margin: 15px 0px 15px 0px;
	}
.hhFormController input:first-child{
	margin-right: 5px;
	}
/* BUTTON CONTAINER */
#hhContentButtonContainer{
	margin-bottom: 15px;
	}

/* SEARCH CONTAINER */
fieldset.hhSearchForm{
	padding: 10px;
	background-color: #eee;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-raidus: 10px;
	-webkit-border-radius: 10px;
	}
fieldset.hhSearchForm h2{
	margin-bottom: 15px;
	}
.hhsearchButton{
	clear: both;
	}
.hhSearchFormBody .hhSearchInputRow{
	width: 32.3%;
	float: left;
	}
.hhSearchFormBody .hhSearchInputRow label{
	display: block;
	float: none;
	margin-bottom: 5px;
	}


.hhSearchFormBody .hhSearchInputRowItem input.hasDatepicker{
	max-width: 65px;
	float: none;
	}

/* ERRORS */
.hhError{
	display: block;
	background-color: #c12222;
	color: #fff;
	text-align: center;
	line-height: 2.5;
	margin-bottom: 15px;
	}

.hhSuccessful{
	/*background-color: #61f856;*/
	background-color: #247c66;
	color: #fff;
	font-weight: bold;
}
.hhErrorText{
	color: #c12222;
	display: inline;
	font-weight: bold;
	}

/* CLEAR AFTER ERRORS */
.hhError:after,
.hhSuccessful:after,
.hhErrorText:after{
	/*This is an awesome clear!*/
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* CLEAR AFTER ERRORS IE6/7 - ZOOM FIX TO MAKE IE7 HAPPY */
@media screen\9 {
	.hhError,
	.hhSuccessful,
	.hhErrorText{zoom: 1;}
	}

/* LOGGED IN */
#AutoLogIn{
	text-align: center;
	padding: 10px;
	background: transparent url('/images/Assets/hh-bg-notice.png') repeat;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	-moz-border-raidus: 10px;
	-webkit-border-radius: 10px;
	}
#AutoLogIn input{
	margin-left: 5px;
	}

/* HH TAGS */
#row-tag label{
	clear: both;
	display: block;
	width: 450px;
	max-width: 450px;
	margin-bottom: 10px;
	}
.hhtag{
	clear: both;
	display: block;
	}
.hhtag ul li{
	width: 20%;
	float: left;
	}

/* REQUIRED TEXT */
.hh-required-fields,
.hhForm .hhFormRequired{
	font-size: 10px;
	padding-bottom: 10px;
	color: #c12222;
	}
span.star{
	color: #c12222;
	margin-left: 5px;
	}

/* FORM ROWS AND FIELDS */
.hhForm .hhFormRow{
	margin-bottom: 10px;
	clear: left;
	display: block;
	padding: 5px 0px 5px 0px;
	min-height: 21px;
	}
.hhSearchInputRow label,.hhForm .hhFormRow label{
	font-weight: bold;
	min-width: 100px;
	/*max-width: 100px;*/
	display: block;
	margin-right: 20px;
	float: left;
	font-size: 11px;
	}
	
	.hhSearchInputRow label
	{
		min-width:100px;
		max-width:100%;
	}
	
.hhSearchInputRow input, /*added for all search forms in admin*/
.hhForm .hhFormRow .hhFormRowInput input.hhTextBox,
.hhForm .hhFormRow .hhFormRowInput textarea.hhTextArea{
	border: 1px solid #999;
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	display:inline-block;
	margin-bottom: 15px;
	background-color: #fff;
        max-width: 80%;
        min-width:80%;

	}
.hhForm .hhFormRow .hhFormRowInput input.hhTextBox[type=file]{
	float: left;
	}
.hhSearchInputRow select,/*added for all search forms in admin*/
.hhForm .hhFormRow .hhFormRowInput select.hhDropDown{
	border: 1px solid #999;
	padding: 1px 1px 1px 5px;
	font-size: 12px;
	float: left;
	margin-bottom: 15px;
}
.hhForm .hhFormRow .hhFormRowInput .hhWYSIWYG{
	float: left;
	margin-bottom: 15px;
	clear: left;
	}

.hhForm .hhFormRow .hhFormRowInput .hhWYSIWYG textarea{
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
	background-color: #fff;
	}
.hhForm .hhFormRow div.FormDIV
{
	background-color:#efefef;
	border:1px solid #ccc;
	padding:2px 2px 2px 2px;
	margin:-4px 0 0 110px;
	min-height:14px;
}
/* MULTIPLE CHECK BOXES -- USER ROLES */
.hhFormRowInput #checkbox-multiple{display: block; clear: both;}
.hhFormRowInput #checkbox-multiple #CheckboxHeader{padding: 0px 0px 15px 0px;}
.hhFormRowInput #checkbox-multiple ul li{
	clear: both;
	margin-bottom: 5px;
	padding: 3px 0px 3px 0px;
	}
/*.hhFormRowInput #checkbox-multiple ul li:hover{
	background-color: #eee;
	}*/
.hhFormRowInput #checkbox-multiple ul li label{
	width: 450px;
	max-width: 450px;
	margin-left: 15px;
	}
.hhFormRowInput #checkbox-multiple ul li label span.adminRoleNav{
	margin-left: -15px;
	background-color: #333;
	color: white;
	padding: 5px;
	display: block;
	}

.hhFormRowInput input{
	border: 1px solid #999;
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	margin-bottom: 4px;
	float: left;
	}
.hhForm .hhFormRow .hhFormRowInput #hhImageController {
	display: inline;
	}
.hhForm .hhFormRow .hhFormRowInput #hhImageController .hhImage{
	display: inline;
	max-width: 100px;
	max-height: 100px;
	}
.hhForm .hhFormRow .hhFormRowInput #hhImageController .hhImage img{
	max-width: 100px;
	}
.hhForm .hhFormRow .hhFormRowInput .hhImageController {
	display: inline;
	}
.hhForm .hhFormRow .hhFormRowInput .hhImageController .hhImage{
	display: inline;
	max-width: 100px;
	max-height: 100px;
	}
.hhForm .hhFormRow .hhFormRowInput .hhImageController .hhImage img{
	max-width: 100px;
	}

.hhForm .hhFormRow .hhFormRowInput .hhFieldText{
	padding-left: 120px;
	clear: both;
	top: -10px;
	font-size: 90%;
	}
/* Separator */
.hhForm #row-seperator, .hhForm #row-seperator1, .hhForm #row-seperator2, .hhForm #row-seperator3{
	color:#19975d;
	margin-top:10px;
}
.hhForm #row-seperator label, .hhForm #row-seperator1 label, .hhForm #row-seperator2 label, .hhForm #row-seperator3 label{
	min-width:600px;
	max-width:600px;
	font-size:110%;
	display:inline-block;
	float:none;
}
	

/* TOOL TIP */
.hhToolTip{
	float: left;
	height: 19px;
	min-width: 19px;
	background: url('/images/Assets/hh-icon-help.png') no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 16px;
	position: relative;
	cursor: pointer;
	}
.hhToolTip .hhToolTip-Comment{
	position: absolute;
	top: -15px;
	left: 30px;
	display: none;
	min-width: 180px;
	max-width: 400px;
	background: white;
	border: 5px solid #ccc;
	padding: 8px 8px 8px 8px;
	z-index: 999;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0px 5px 5px 0px #999;
	-moz-box-shadow: 0px 5px 5px 0px #999;
	-webkit-box-shadow: 0px 5px 5px 0px #999;
	}
.hhToolTip:hover .hhToolTip-Comment{
	display:block;
	}

/* PAGINATION */
.hhAdminPagination{
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}
.hhAdminPagination label.NextPrevViewing{
	display: block;
	overflow: hidden;
	padding-bottom: 2px;
	}
.hhAdminPagination label.NextPrevViewing span.viewing{
	font-weight: bold;
	}
.hhAdminPagination .NextPrevForm{
	display: block;
	overflow: hidden;
	padding-top: 10px;
	}
.hhAdminPagination .NextPrevForm label{
	float: left;
	margin-right: 10px;
	line-height: 2;
	font-weight: bold;
	}
.hhAdminPagination .NextPrevForm select{
	float: left;
	margin-right: 10px;
	border: 1px solid #999;
	padding: 1px 1px 1px 5px;
	font-size: 12px;
	}
.hhAdminPagination .NextPrevForm input{
	float: left;
	margin-right: 10px;
	}


/* TABLE *******************************************************************/
.hhGridTable{
	width: 100%;
	border: 1px solid #333;
	}
.hhGridTable tr{
	text-align: center;
	}
.hhGridTable tr th{
	background-color: #333;
	color: #fff;
	padding: 5px 0px 5px 0px;
	cursor: pointer;
	}
.hhGridTable tr th:hover{
	background-color: #555;
	}
.hhGridTable tr td {
	padding: 5px 0px 5px 0px;
	vertical-align: middle;
	}
.hhGridTable tr.even td{
	background-color: #eee;
	}
.hhGridTable tr.odd:hover td,
.hhGridTable tr.even:hover td{
	background-color: #ddd;
	}




/** body temp **/
.body-temp{
	margin:0 auto 0 auto;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 10px 10px;
	}
.body-temp h1,
.body-temp h2,
.body-temp h3,
.body-temp h4,
.body-temp h5,
.body-temp h6{
	margin-bottom: 15px;
	}
.body-temp p{line-height: 2;}



/** Expand / Collapse feature for FAQ and other sections **/
.collapseTitle{
	padding:0 0 0 15px;
	background:url('/images/Design/arrow_closed.png') no-repeat;
	cursor:pointer;
}

.collapseTitle.active {
	background:url('/images/Design/arrow_open.png') no-repeat !important;
}





/** autocomplete **/
.autocomplete-container
{
	position:relative;
	background-color:#fff;
	z-index:99;
}

.ausu-suggest input {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    padding: 6px;
}
.ausu-suggest input {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    padding: 6px;
}
.ausu-suggestionsBox {
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    left: 0;
    margin: 20px 0 0 120px;
    padding: 0;
    position: absolute;
    top: -2px;
    width: 200px;
}
.ausu-suggestionsBox img
{
	vertical-align:bottom;
}
.ausu-suggestionsBox ul {
    background-color: #000000;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index:9;
}
.ausu-suggestionsBox ul li a {
    border-bottom: 1px solid #666666;
    color: #FFFFFF;
    display: block;
    padding: 6px 0;
    text-decoration: none;
    text-indent: 4px;
    width: 100%;
}
.ausu-load {
    background: url("/admin/code/javascript/autocomplete/loader.gif") no-repeat scroll right center transparent;
}
.ausu-suggest {
    float: left;
    position: relative;
}
.ausu-suggestionsBox .selected a {
    background-color: #FF3366;
    color: #FFFFFF;
}

span.green{
	color:green;
	/*font-weight:bold; */
}
span.blue{
	color:blue;
	font-weight:bold;
}
span.red{
	color:red;
	font-weight:bold;
}
.noshow
{
	display:none;
}
/*
.relatedList li 
{
    display:inline-block;
    padding:20px;
}

.relatedList li label
{
    width:300px !important;
    max-width:300px;
}
*/
#row-revisions #btnLoad, #row-revisions #btnSave {
	margin:2px 5px;
}
#row-revisions #btnPreview {
	display:inline-block;
	margin-top:5px;
}
ul.relatedList  { 
  margin: 0; 
  padding: 0;  
  list-style: none; 
  padding-top:30px;
} 

ul.relatedList li input  
{
  margin-right: .25em; 
} 

ul.relatedList li { 
  border: 1px transparent solid; 
  display:inline-block;
  width:450px;
} 

ul.relatedList li input {
	margin-top:7px;
}

ul.relatedList li label { 
  width:400px !important;
  max-width:400px !important;
  padding:5px;
} 
ul.relatedList li:hover, 
ul.relatedList li.focus  { 
  background-color: lightgreen; 
  border: 1px gray solid; 
} 

#addedit-recipe .hhWYSIWYG
{
    margin-top:10px;
}

/* Add/Edit Event Start */

#add-edit-event label
{
    max-width: 110px;
}

#add-edit-event #EventType, #add-edit-event #row-active #Active
{
    width:200px;
}

#add-edit-event .buttons
{
    padding-top:15px;
}

#add-edit-event #hhImageController2 .hhImage {
    display: inline;
    max-height: 100px;
    max-width: 100px;
}

#add-edit-event .error-message
{
    color: Red;
    font-size: 12pt;
    font-weight: bold;
    padding: 10px 0;
}
#add-edit-event .event-group-info
{
 padding: 15px 0;  
}

.event-addons .pricing-table input[type="text"]
{
    width:100px;
}

#add-edit-event .event-non-rooms .pricing-table input[type="text"], #add-edit-event .event-rooms .pricing-table input[type="text"]
{
    width:60px;
}
/* Add/Edit Event End */

div.CodeMirror.cm-s-default.ui-resizable {
    width:500px;
}

.centerwide{
    margin-left: auto !important; 
    margin-right: auto !important; 
    max-width: 600px; 
    text-align: center;
}

.centerleftnarrow{
    margin-left: auto !important; 
    margin-right: auto !important; 
    max-width: 300px; 
}