/*
1.GLOBAL
2.MAIN FORM
3.CUSTOM FORMS
4.MESSAGE ALERTS
*/

/* -- 1.GLOBAL -- */
input, textarea, select, button {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* -- 2.MAIN FORM -- */
div.form-container { clear: both; margin: 10px 0; }

p.legend, div.form-container form p.legend { 
	margin-bottom: 1em;
}
p.legend em { 
	color: #C00; font-style: normal;
}

div.form-container form p { margin: 0; }
div.form-container form p.note {
	margin-left: 170px;
	font-size: 90%;
	color: #333;
	margin-top: 4px;
}
div.form-container form fieldset, fomr#freeform form fieldset {
	margin: 15px 0; 
	padding: 10px;
	border: #DDD 1px solid; 
}
div.form-container form fieldset.active, div.form-container form#freeform fieldset.active {
	background: #ffffef;
}
div.form-container form legend, div.form-container form legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	white-space: normal;
}
html legend{top: -.75em; left: .75em; }
html fieldset{ position: relative; margin-top: 2em; padding-top:2em;}

div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, div.form-container span.label { 
	margin-right: 10px;
	padding: .25em 10px .25em 0;
	width: 150px; 
	display: block; 
	float: left;
	text-align: right;
	position: relative;
}
div.form-container label.error, div.form-container span.error { color: #C00; }
div.form-container label em, div.form-container span.label em { 
	position: absolute; 
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #C00;
}
div.form-container fieldset input, div.form-container fieldset textarea, div.form-container fieldset select {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: .25em;
}
div.form-container fieldset option {
	padding-right: 1em;
}
div.form-container input.error {
	border-color: #C00;
	background-color: #FEF;
}
/*div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus, div.form-container input.iefocus, div.form-container textarea.iefocus {
	background-color: #FFC;	
	border-top: 1px solid #FC6;
	border-left: 1px solid #FC6;
	border-bottom: 1px solid #FFEB8F;
	border-right: 1px solid #FFEB8F;
}*/
div.form-container div.controlset label, div.form-container div.controlset input {
	display: inline;
	float: none;
	border: none;
}
div.form-container div.controlset br {
	clear: left;
}
div.left-options, div.right-options {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
}
div.form-container div.controlset div { 
	margin-left: 170px;
}
div.form-container div.buttonrow { 
	margin-left: 180px;
}

/* -- 3.CUSTOM FORMS -- */
/* - 3.1.PARTY STORE SEARCH IN SIDEBAR- */
form#search-form {
	padding: 45px 0 0 0;
	position: relative;
	z-index: 1;
}
form#search-form label {
	display: block;
	float: left;
	text-indent: -9999em;
}
form#search-form label.overlabel-apply {
	color:#666666;
	display:inline;
	font-size:1em;
	font-weight:bold;
	left:2px;
	position:absolute;
	top:45px;
	z-index:1;
}

form#search-form div#search-form-selects-state {
	margin-right: 8px;
}

form#search-form div.search-form-selects {
	float: left;
	margin-bottom: 8px;
	width: 100px;
}

form#search-form input#find-it {
	background: transparent url(/images/forms/find-it.png) -5px -120px no-repeat;
	border: none;
	cursor: pointer;
	float: right;
	font-size: 0;
	height: 27px;
	line-height: 0;
	text-indent: -9999em;
	width: 87px;
}
#search-form .search-form-input {
	background: transparent url(/images/layout/input-box.png) 0 -42px no-repeat;
	height: 25px;
	margin: 0 0 5px 0px;
	width: 210px; 
	padding: 0;
}
/*#search-form .search-form-input label,*/
#search-form .search-form-selects label {
	width: 1px; height: 1px;
}
#search-form .search-form-input input#find {
	font-family:Arial,Helvetica,sans-serif;
	background-color: transparent;
	margin: 3px 0 0 5px;
	padding: 0;
	height: 19px;
	width: 195px;
	color: #333333;
	font-weight: bold;
	border: none;
}
body#homepage #search-form .search-form-input {
	background: transparent url(/images/layout/input-box.png) top center no-repeat;
	width: 305px;
	height: 38px;
}
body#homepage #search-form .search-form-input input#find {
	font-size: 1.4em;	
	width: 295px;
	height: 26px;
	margin: 6px 0 4px 6px;
}
#search-form .search-form-input input#find.idleField {
	color: #9f9f9f;
}
body#homepage #search-form input#find-it {
	margin-top: -4px;
}


body#homepage form#search-form div {
	position: relative;
	float: left;
	/*margin-bottom: 1em;*/
}
body#homepage form#search-form label.overlabel {
	display: none;
}
body#homepage form#search-form label.overlabel-apply {
	display: inline;
	color: #666;
	left: 10px;
	position: absolute;
	top: 6px;
	z-index: 1;
	font-size: 1.2em;
	font-weight: bold;
}
form#search-form label.overlabel-apply {
	margin: 2px 0 0 7px;
	color: #666;
}



/* HOMEPAGE */
#homepage form#search-form {
	margin-top: 45px;
	padding-top: 0;
	z-index: 1;
}
#homepage form#search-form div.search-form-selects {
	width: 149px;
}
#homepage form#search-form input#find-it {
	background: transparent url(/images/forms/find-it.png) -5px 0 no-repeat;
	height: 45px;
	width: 137px;
}
/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}

/* select styles - sidebar is default */
ul.newList * {margin:0; padding:0;}
ul.newList {
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
	width:150px;
	background-color:#fff;
	position:absolute;
	border:1px solid #ccc;
	top:24px; left:0;
	overflow:auto;
	z-index:101;
}	
.newListSelected {
	width: 96px;
	font-weight: bold;
	color: #000;
	height: 21px;
	padding: 3px 0 0 6px;
	float: left;
	background: url(/scripts/frameworks/stylish-select/images/select-box.png) bottom left no-repeat;
}
.newListSelected span {
	width:96px;
	display:block;
}
ul.newList li {
	padding:3px 8px;
}
.selectedTxt {
	width: 79px;
	overflow:hidden;
	height:16px;
	padding:0 23px 0 0;
}
.hiLite {
	background:#efefef!important;
	color:#000!important;}
.newListHover {
	background:#ccc!important;
	color:#000!important;
	cursor:default;}
.newListSelHover,
.newListSelFocus {
	background-position: -102px bottom;
	cursor:pointer;
}
.newListOptionTitle {
	font-weight:bold;
}
.newListOptionTitle ul {
	margin:3px 0 0;
}
.newListOptionTitle li {
	font-weight:normal;
	border-left:1px solid #ccc;
}

/* HOMEPAGE */
#homepage ul.newList {
	width:200px;
	top:35px;
	z-index: 101;
}	
#homepage .newListSelected {
	width: 143px;
	height: 32px;
	padding: 3px 0 0 6px;
	background: url(/scripts/frameworks/stylish-select/images/select-box.png) top left no-repeat;
}
#homepage .newListSelected span {
	width:143px;
}
#homepage .selectedTxt {
	color: #333;
	font-size: 1.4em;
	height: 32px;
	padding: 3px 30px 0 0;
	width:110px;
}
#homepage .newListSelHover,
#homepage .newListSelFocus {
	background-position: -149px top;
	cursor: pointer;
}

/* - 3.2 Login Form & Member Edit Form - */
form#member-login-form {

}
form#member-login-form fieldset,
form#member-edit-form fieldset {
	width: 335px;
	background-color: #fff;
	padding: 25px;
}
form#member-login-form fieldset label {
	width: 85px;
	font-weight: bold;
}
form#member-login-form label.checkbox  {
	width: 235px;
	margin-top: 1em;
	font-weight: normal;
}
form#member-login-form label.checkbox input {
	border: none;
}
form#member-login-form input.button,
form#forgot-password-form input.button,
form#member-edit-form input.button {
	background: transparent url("/images/buttons/log-in-btn.gif") no-repeat;
	border: none;
	display: block;
	text-indent: -99999em;
	width: 86px;
	height: 28px;
	cursor: pointer;
	margin-bottom: 1em;
	position: relative;
	height: 28px;
	font-size: 0;
	z-index: 20;
}

/* - 3.3 Member Edit Form - */
form#member-edit-form fieldset {
	width: 410px;
}
form#member-edit-form fieldset label {
	font-weight: bold;
}
form#member-edit-form input.button {
	background: transparent url("/images/buttons/submit-btn.gif") no-repeat;
	height: 28px;
	font-size: 0;
}
form#member-edit-form fieldset#photo-fieldset img {
	border: 1px #ccc solid;
	float: left;
	margin: 0 10px 2px 0;
}
form#member-edit-form fieldset#photo-fieldset p.note {
	clear: left;
	margin-left: 0;
}
/* - 3.4 Forgot PW Form - */
form#forgot-password-form fieldset {
	background-color: #fff;
	padding: 25px;
	width: 220px;
}
form#forgot-password-form fieldset label {
	width: 90px;
	float: none;
	text-align: left;
	font-weight: bold;
}	
form#forgot-password-form fieldset input {
	float: none;
	width: 200px;
}
form#forgot-password-form input.button {
	background: transparent url("/images/buttons/submit-btn.gif") no-repeat;
}

/* - 3.5 Document Library filter form - */
/* Overlay Label Technique */
body#document-library div#filter-options {
	height: 55px;
}
body#document-library #main-content form {
	float: left;
	width: 40%;
}
body#document-library form#document-library-search {
	width: 60%;
}

body#document-library form#document-library-search div {
	position: relative;
}
body#document-library form#document-library-search .overlabel-wrapper {
	margin-right: 1em;
}
body#document-library form#document-library-search label {
	display: none;
}
body#document-library form#document-library-search label.overlabel-apply {
	display: inline;
}
body#document-library form#document-library-search label.overlabel-apply {
	color: #666;
	left: 10px;
	position: absolute;
	top: 5px;
	z-index: 1;
}
body#document-library form#document-library-search input#keywords {
	padding: 5px;
	width: 200px;	
}
form#document-library-search div,
form#document-library-search input.submit {
	float: left;
}
form#document-library-search input.submit {
	margin-left: .7em;
	background: transparent url("/images/buttons/submit-btn.gif") no-repeat;
	border: none;
	width: 86px;
	height: 28px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;	
	cursor: pointer;
}

/* - 3.6 Stores Filter - */
body#stores form {
	clear: both;
	display: block;
}
body#stores form div {
	position: relative;
	float: left;
	margin-bottom: 1em;
}
body#stores form label {
	display: none;
}
body#stores form label.overlabel-apply {
	display: inline;
}
body#stores form label.overlabel-apply {
	color: #666;
	left: 10px;
	position: absolute;
	top: 5px;
	z-index: 1;
}
body#stores form input {
	float: left;
}
body#stores form input#geoquery,
body#stores form input#keywords,
body#stores form select {
	padding: 5px;
	margin-right: 1em;
	width: 250px;
}
body#stores form select {
	width: 100px;
}
body#stores form input#find-btn {
	background: transparent url("/images/buttons/find-it-btn.gif") no-repeat;
	border: none;
	width: 86px;
	height: 28px;
	text-indent: -9999em;	
	cursor: pointer;
	line-height: 0;
	font-size: 0;
}
body#stores form input#search-keywords-btn {
	background: transparent url("/images/buttons/search-btn.gif") no-repeat;
	border: none;
	width: 86px;
	height: 28px;
	text-indent: -9999em;	
	cursor: pointer;
	line-height: 0;
	font-size: 0;
}

/* - 3.7 Member Directory Search - */
body#member-directory #member-search-form-container {
	height: 55px;
}
body#member-directory #member-search-form-container form {
	clear: both;
	display: block;
}
body#member-directory #member-search-form-container form div {
	position: relative;
	float: left;
	margin-bottom: 1.25em;
}
body#member-directory #member-search-form-container form label {
	display: none;
}
body#member-directory #member-search-form-container form label.overlabel-apply {
	display: inline;
}
body#member-directory #member-search-form-container form label.overlabel-apply {
	color: #666;
	left: 10px;
	position: absolute;
	top: 5px;
	z-index: 1;
}
body#member-directory #member-search-form-container form input {
	float: left;
}
body#member-directory #member-search-form-container form input#keywords {
	padding: 5px;
	margin-right: 1em;
	width: 250px;
}
body#member-directory #member-search-form-container form input#search-btn {
	background: transparent url("/images/buttons/search-btn.gif") no-repeat;
	border: none;
	width: 86px;
	height: 28px;
	text-indent: -9999em;	
	cursor: pointer;
	line-height: 0;
	font-size: 0;
}

/* - 3.8 Stores - */
body#stores form#search-form {
	padding: 0 0 2em 0;
	display: block;
}
body#stores form#search-form div {
	float: left;
	margin-right: 1em;
}
body#stores form#search-form input#find-it {
	float: left;
	background: transparent url("/images/buttons/submit-btn.gif") no-repeat;
	border: none;
	width: 86px;
	height: 28px;
	text-indent: -9999em;	
	cursor: pointer;	
}

/* - 3.9 Blog Comment/Modal Form - */
#modalCommentForm {
	padding: 15px;
}
#modalCommentForm textarea {
	width: 420px;
}
#modalCommentForm input#comment-submit {
	padding: 2px 6px;
}

/* - 3.10 Discussion Forum New Topic SAEF - */
body#discussion-forum form#entryform fieldset {
	background-color: #fff;
}
body#discussion-forum form#entryform fieldset label {
	font-weight: bold;
}
body#discussion-forum form#entryform label.error {
	clear: both;
	font-weight: normal;
	display: block;
	float: none;
	font-size: 0.9em;
	font-style: italic;
	margin: 0 0 10px 170px;
	padding: 0;
	text-align: left;
	width: 200px;
}
body#discussion-forum form#entryform fieldset input,
body#discussion-forum form#entryform fieldset textarea {
	width: 420px;
}
body#discussion-forum .ff-ft {
	margin-top: -30px;
	margin-left: 170px;
}
body#discussion-forum .ngen-file-choose-existing {
	display: none;
}
/* - 3.11 Discussion Forum Search - */
body#discussion-forum form#discussion-forum-search:after{
	clear: both;
	content: "."; 
	display: block; 
	height: 0;  
	visibility: hidden;
}
body#discussion-forum form#discussion-forum-search{
	display: block;
	margin: .5em 0 1em 0;
}
/*  \*/
body#discussion-forum form#discussion-forum-search{
	min-height:1%;
}
* html form#discussion-forum-search{
	height:1%;
}
/*  */
body#discussion-forum form#discussion-forum-search div {
	position: relative;
}
body#discussion-forum form#discussion-forum-search div input#keywords {
	padding: 3px;
	width: 185px;
	margin-left: 10px;
}
body#discussion-forum form#discussion-forum-search input.submit {
	width: 28px;
	height: 28px;
	background: transparent url("/images/icons/search-button-orange.png");
	border: none;
	cursor: pointer;
	text-indent: -9999em;
	vertical-align: middle;
	float: left;
/* hiding text in IE7 */	
	line-height: 0;
	overflow: hidden;
	font-size: 0;
	margin: -1px 0 0 0;
}
body#discussion-forum form#discussion-forum-search .overlabel-wrapper {
	margin-right: .5em;
	float: left;
}
body#discussion-forum form#discussion-forum-search label {
	display: none;
}
body#discussion-forum form#discussion-forum-search label.overlabel-apply {
	display: inline;
}
body#discussion-forum form#discussion-forum-search label.overlabel-apply {
	color: #666;
	left: 20px;
	position: absolute;
	top: 3px;
	z-index: 1;
}

/* 3.12 Discussion Forum Report Inappropriate Content form */
#reportContentModal {
	padding: 0 10px;
}
form#report-content {
	margin: 1em;
}
form#report-content fieldset {
	border: none;
	margin-bottom: 0;
	overflow: visible;
}
form#report-content fieldset div label {
	float: none;
	text-align: left;
	width: 80px;
}
form#report-content fieldset input,
form#report-content fieldset textarea {
	float:none;
	width: 260px;
}
form#report-content div.buttonrow {
	margin-left: 110px;
}
div.captcha-holder p, div.captcha-holder img {
	margin: 0 0 8px;
}


/* -- 4.MESSAGE ALERTS -- */
div.confirm, div.errors {
	padding: .5em;
	color: #000;
	font-size: 1em;
	margin-bottom: 1em;
}
div.confirm {
	background-color: #B3FFB3;
	border: 1px solid #090;
}
span.note {
	display: block;
	clear: both;
	margin: 5px 10px 0 170px;
	font-size: .85em;
	line-height: 1.1;
}
div.errors { 
	border: #f00 1px dotted; 
	background-color: #FFDFDF;
}
div.errors p { margin: 0; }
div.errors p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;
}
a#error {
	text-decoration: none;
}