/* Jquery Modal Dialog styling */

/* 
http://jqueryui.com/demos/dialog/modal-form.html
http://findicons.com
*/

div#dialogLogin, div#dialogForgot, div#dialogSignup, div#dialogPw, div#dialogEmail
	{
	font-size: 16px;
}

div#dialogSignup label, div#dialogLogin label {
	display: block;
}

div#dialogLogin input, div#dialogForgot input, div#dialogSignup input,
	div#dialogPw input, div#dialogEmail input {
	display: block;
}

div#dialogLogin input.text, div#dialogForgot input.text, div#dialogSignup input.text {
	margin-bottom: 12px;
	width: 100%;
	padding: .4em;
}

div#dialogPw input.text, div#dialogEmail input.text {
	margin-bottom: 12px;
	width: 95%;
	padding: .4em;
}

div#dialogLogin fieldset, div#dialogSignup fieldset {
	padding: 0;
	border: 0;
	margin-top: 25px;
}

.dialogForm {
	margin-top: 20px;
	margin-bottom: 20px;
	width:100%;
}

.dialogForm select {
	width: 100%;
	padding: .4em;
	margin-bottom: 12px;
	/*border-radius: 4px; does not look good */
}

.ui-widget-content {
	font-size: 0.9em;
}

/* Override 
.ui-widget .ui-widget {
	font-size: 26px;
}
*/


.ui-dialog { z-index: 1001 !important ;} /* because a siteHeader.tag nav tag got z-index: 1000 */

.ui-widget-header {
	/*
    border: 1px solid #aaaaaa;
    background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    */
    border: none;
    background: none;

}

.ui-dialog .ui-state-error {
	padding: .3em;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0 1em;
    position: relative;
    background-color: #E8E8E8;
    font-size: 1.2em;
}

.ui-dialog .ui-dialog-title {
	font-weight: 500;
	color: #2d2d2d;
	line-height:1.9em;
}

.ui-dialog .ui-dialog-buttonpane {
	margin-top: 0;
	border: none;
}
/*
.ui-button {
	font-size: 1.2em !important ;
}
*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	font-size: 0.9em !important ;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .weekButton {
	color: #a0a0a0;
}

.ui-widget-overlay {
   /* background: url(../css/images/bg/comings.jpg);) 50% 50% repeat-x;
   */
   background: rgb(146, 109, 222);	
   opacity: .40;
   filter: Alpha(Opacity=40);

}

/*
div#dialogLogin .ui-button, div#dialogForgot button, div#dialogSignup button,
	div#dialogPw button, div#dialogEmail button {
	font-size:1.5em !important;
}
*/
.ui-widget .ui-widget {
	font-size: 1.3em !important ;
}

.validateTips {
	border: 1px solid transparent;
	padding: 0.3em;
	color: red;
	font-size: 0.9em !important;
}
.ui-state-highlight {
  color: orange !important;
}

.addLanguageFromDialog {
	cursor: pointer;
	cursor: hand;
	font-weight:400;
	color: rgb(146, 109, 222) !important;
}
.addLanguageFromDialog:hover {
	font-weight:400;
	color: #804040 !important;
}

#domainBoxId, #regExpId {
	display: inline;
	width:192px;
	line-height:1.7em;
	padding-left: 0.3em;
}


#signupLanguageId, #categoryId, #adsourceId {
	font-size: 1em;
	border-radius: 4px;
	border: 1px solid #aaaaaa;
	height: 2.7em;
	/*color: #aaaaaa; */
}

#ecardLinkForm table, .dialogForm table {
	width:99%;
}

.dialogForm table td {
	text-align:right;

}


/*I'm not using this yet*/
.removeApproverLink {
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	padding-left: 16px;
	background: transparent url(../css/images/icons/remove_12.png) no-repeat
		left;
}

.addLink {
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	padding-left: 21px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #33517A;
	background: transparent url(../css/images/icons/add_12.png) no-repeat;
	background-position: 5px 3px;
	border: 1px solid #33517A;
}

.addLink:hover {
	text-decoration: none;
	color: #000066;
}

.removeLink {
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	padding-left: 21px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #33517A;
	background: transparent url(../css/images/icons/remove_12.png) no-repeat;
	background-position: 5px 3px;
	border: 1px solid #33517A;
}

.removeLink:hover {
	text-decoration: none;
	color: #000066;
}

/* FOR PASSWORDS */
/* The message box is shown when the user clicks on the password field */
#passwordPolicy {
	display: none;
	color: #000;
	position: relative;
	padding: 5px 20px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#passwordPolicy p {
	padding: 2px 15px; /*10px 35px */
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 14px;
}

/* Add a green text color and a check mark when the requirements are right */
.valid {
	color: green;
}

.valid:before {
	position: relative;
	left: -35px;
	content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
	color: red;
}

.invalid:before {
	position: relative;
	left: -35px;
	content: "✖";
}
/* End for passwords */