/* Common Settings to all Dialogs */

#cunxtDialog {
	padding:0;
	margin:0;
	text-align:left;
	background-color:#EBEBEB;
}

#cunxtDialog #header {
	height:75px;
	background-color:#3E3E3E;
}


#cunxtDialog #header h1 {
	font: italic bold 175% "Georgia", "Times New Roman", "Times", serif;
	color:#fff;
	text-align:center;
	vertical-align:text-bottom;
	margin-top:-10px;
}

#cunxtDialog.float #header h1 {
	margin-left:120px;
}

#cunxtDialog.float #header h1.logo {
	margin-left:0px;
}

#cunxtDialog #content {
	overflow:auto;
	height:445px;
	width:478px;
	text-align:left;
	padding:16px;
	font-size:80%;
	color:#333;
	background-color:#EBEBEB;
	font-size:90%;
}

#cunxtDialog #content h2 {
	color:#3e3e3e;
	font-size:225%;
	font-weight:100;
	margin-bottom:15px;
}

#cunxtDialog #content h2 a {
	color:#3e3e3e;
	font-size:80%;
	font-weight:100;
	margin-bottom:15px;
}

#cunxtDialog #content p  {
	padding:8px 0 0 0;
	color:#333;
	text-align:left;
}

#cunxtDialog #content p .highlight {
	color:#f3068f;
	font-weight:bold;
}

#cunxtDialog #content a  {
	color:#529700;
	font-weight:bold;
	text-decoration:none;
}

#cunxtDialog #content a.highlight {
	color:#f3068f;
	font-weight:bold;
}


/* Modal Dialog Close Button */
#cunxtDialog #close {
	background-color:#3E3E3E;
	height:14px;
	text-align:right;
	color:#fff;
	font-size:60%;
	padding:3px 3px 0 0;

}

#cunxtDialog #close .bttn {
	border: 1px solid #ccc;
	padding:0 2px 0 2px;
	background-color:#f3068f;
	color:#fff;
}

/* Settings for Forms in dialogs */
#cunxtDialog #content form {
	font-size:95%;
}

#cunxtDialog #content form h2 {
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	margin-bottom:18px;
	margin-top:10px;
	color:#fff;
	padding:3px;
	font-size:100%;
	color:#f3068f;
	font-weight:bold;
}

#cunxtDialog #content form select {
	width:306px;
	border:1px solid #999;
	background-color:#ccc;
	color:#333;
}

#cunxtDialog #content form textarea {
	width:300px;
	height:120px;
	padding-left:3px;
	border:1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	
}

#cunxtDialog #content form label {
	width:130px;
	float:left;
	padding-right:20px;
	font-weight:bold;
	padding-left:3px;
}


/*  The cunxtChick questionnaire form */
#cunxtDialog #content form .questionnaire  {
	margin-top:25px;
}

#cunxtDialog #content form .questionnaire .required {
	margin-top:15px;
}

#cunxtDialog #content form .questionnaire label {
	float:none;
}

#cunxtDialog #content form .questionnaire textarea {
	width:450px;
	height:60px;
}

#cunxtDialog #content form .questionnaire .error_message {
	width:450px;
	margin-left:0;
}

#cunxtDialog #content form .required,.optional {
	padding-top:2px;
	padding-bottom:2px;
}

#cunxtDialog #content form .text {
	width:300px;
	border:1px solid #999;
	padding-left:3px;
}

#cunxtDialog #content form .checkbox {
	background-color:#333;
}

#cunxtDialog #content form .button {
	margin-left:150px;
	border:1px solid #ccc;
	background-color:#333;
	color:#fff;
	padding:5px;
	cursor:pointer;
}

#cunxtDialog #content form .required .text {
	background-color:#F3DDDD;
}

#cunxtDialog #content form .required .textarea {
	background-color:#F3DDDD;
}


#cunxtDialog #content form .error_message {
	margin-left:153px;
	color:white;
	padding-bottom:8px;
	background-color:red;
	padding:2px;
	width:301px;
	font-size:90%;
}

#cunxtDialog #content .smallNote {
	font-size:9px;
	color:#f3068f;
}

#cunxtDialog #content .warning {
	color: red;
}

#cunxtDialog #content form .fieldDescription {
	margin-left:150px;
	font-size:9px;
	margin-top:-8px;
	color:#333;
	margin-bottom:4px;
}

#cunxtDialog #content .explanation {
	color:#333;
	margin-bottom:10px;
	border-bottom:1px dotted #aaa;
	padding:5px;
}

#cunxtDialog #content form .terms {
	margin-bottom:10px;
	margin-top:10px;
	font-weight:bold;
	padding:5px;
	border:1px dotted #ccc;
}


#cunxtDialog #content form .submit {
	margin-top:20px;
}




#cunxtDialog #content .container1 {
	background-color:#fff;
	border:1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	text-align:center;
}

#cunxtDialog #content .container2 {
	margin-left:auto;
	margin-right:auto;
	padding:3px;
	text-align:center;
}


/* The confirmation dialog */
#cunxtDialog.float  #content.confirmation {
	background: url(../img/forms/well_done.png) bottom right no-repeat;
}




/* The activation dialog (This one is not a floating item)*/
#standalone {
	width:400px;
	height:534px;
	border:5px solid #ccc;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}


#standalone.terms {
	margin-top:0;
	width:410px;
	height:536px;
}

#standalone #header {
	height:90px;
}

#standalone #content {
	overflow:hidden;
	height:401px;
	width:368px;
	text-align:left;
	padding:16px;
	font-size:80%;
	color:#333;
	background-color:#EBEBEB;
	font-size:90%;
}

#standalone  #content.error {
	background: url(../img/sections/activation/try_to_break_in.png) bottom right no-repeat;
}

#standalone #content.done {
	background: url(../img/sections/activation/good_to_go.png) bottom right no-repeat;
}

#standalone #content.friends {
	background: url(../img/sections/friends/ready_to_socialize.png) bottom right no-repeat;
}

#standalone #content.friends .expl {
	font-size:10px;
	color:#666;
}

#standalone #content.terms {
	overflow:auto;
	width:380px;
}

/* IFRAMES  */

iframe {
	border:none;
	overflow:auto;
	width:100%;
	height:479px;
}


/* Beta News */
#cunxtDialog #content #beta .release h2 {

}

#cunxtDialog #content #beta .release h2 .highlight{
	color:#f3068f;
}


#cunxtDialog #content #beta .changelog h3 {
	font-size:100%;
	font-weight:bold;
}

#cunxtDialog #content #beta .changelog ul {
	margin-left:20px;
	font-size:90%;
}


/* Message History */
#cunxtDialog #content #mhistory .release h2 {

}

#cunxtDialog #content #mhistory .release h2 .highlight{
	color:#f3068f;
}


#cunxtDialog #content #mhistory .changelog h3 {
	font-size:100%;
	font-weight:bold;
}

#cunxtDialog #content #mhistory .changelog ul {
	margin-left:20px;
	font-size:90%;
}