/*
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 h1,
#ContentID h2,
#ContentID h3,
#ContentID h4,
#ContentID h5,
#ContentID h6 {margin-bottom: 15px;}
#ContentID p{}
#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;}

body#hhformBody{
	background: #fff url('hh_common.css') repeat-x left top;
	text-align: left;
}
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;}

/* ADMIN CONTAINER */
#hhAdmin{
	min-height: 650px;
	float:left;
}

/* ADMIN NAVIGATION */
#hhAdmin #adminNav {height: 30px; margin-bottom: 15px; z-index: 999 !important;}
#hhAdmin #navMain{width: 984px; height: 20px; background-color: #333; z-index: 999 !important; padding-top: 10px;}
	/* NAVIGATION - LEVEL ONE */
	#hhAdmin #navMain ul.dropdown{padding-left: 10px; color: #fff; /*height: 20px;*/}
	#hhAdmin #navMain ul.dropdown li{display: block; float: left; margin-right: 40px;position:relative; /*height: 20px;*/}
	#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;}
	#hhAdmin #navMain ul.dropdown li ul li{margin: 0px; padding: 5px 5px 0px 5px; color: #fff; float: none; white-space: nowrap;}
		/* 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('../../../Pub/Assets/hh-icon-user.png') no-repeat;
	}
#hhAdmin .login-box .loginbody #row-pwd label{
	background:url('../../../Pub/Assets/hh-icon-pass.png') no-repeat;
	}
#hhAdmin .login-box .loginbody #row-email label{
	background:url('../../../Pub/Assets/hh-icon-email.png') no-repeat;
	}
#hhAdmin .login-box .loginbody #row-username label{
	background:url('../../../Pub/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: 350px;
	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,.formButton,.hhButton,.AutoLogInButton,.commentBtn,.searchBtn{
	border: 1px solid #999;
	cursor: pointer;
	background-color: #eee;
	}
.hhContentButton:hover,.formButton:hover,.hhButton:hover,.AutoLogInButton:hover,.commentBtn:hover,.searchBtn:hover{
	background-color: #ddd;
	box-shadow: 0px 0px 3px #999;
	-moz-box-shadow: 0px 0px 3px #999;
	-webkit-box-shadow: 0px 0px 3px #999;
	}
.hhContentButton[value=Delete]:hover,.formButton[value=Delete]:hover,.hhButton[value=Delete]:hover{
	background-color: #c12222;
	color: white;
	}

.hhContentButton[value='Delete All']:hover,.formButton[value='Delete All']:hover,.hhButton[value='Delete All']:hover{
	background-color: #c12222;
	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: 20%;
	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('../../../Pub/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;
	}
	
.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;
	float: left;
	margin-bottom: 15px;
	background-color: #fff;
	}
.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 .hhFieldText{
	padding-left: 120px;
	clear: both;
	top: -10px;
	font-size: 90%;
	}

/* TOOL TIP */
.hhToolTip{
	float: left;
	height: 19px;
	min-width: 19px;
	background: url('../../../Pub/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;}












/** 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("../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;
}