/* Standard width form area */
div.formArea, div.formAreaSmall {
	overflow: auto;
	padding: 10px 2% 10px 2%;
	margin: 0 auto;
	width: 96%;
	background: #fff;
}

div.formArea p,
div.formAreaSmall p {
	color: #333;
	font-size: 10pt;
}

input, textarea, select, button {
	color: #333;
	font-size: 11pt;
	margin: 0px 0px 0px 0px;
	padding: 7px 0.4% 7px 0.4%;
	border: 1px solid #ccc;
	background: #fff;
	float: left;

	/* outline */
	-moz-border-radius: 5px;
	border-radius: 5px;
}

textarea {
	width: 98.6%;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=tel],
select {
	width: 70%;
}

input[type=file] {
	padding: 2px;

}

input:disabled, select:disabled, textarea:disabled {
	color: #ccc;
	border: 1px solid #e6e6e6;
}

input[type=checkbox] {
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 0;
	width: auto;
}

input[type=radio] {
	width: auto;
}

input[type=image] {
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}

input[type=submit],
button {
    background-color: #0093E5;
	background-image: linear-gradient(top,#68C8F2,#0093E5);
	background-image: -moz-linear-gradient(top,#68C8F2,#0093E5);
	background-image: -o-linear-gradient(top,#68C8F2,#0093E5);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#68C8F2),to(#0093E5));
	background-image: -webkit-linear-gradient(top,#68C8F2,#0093E5);

    border: 1px solid #0093E5;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 700;
    height: 29px;
    line-height: auto;
    margin: 0;
    min-width: 54px;
    outline: 0 none;
    padding: 0 12px 2px 12px;
    text-align: center;
   	text-shadow: 0px 0px 2px #01567C;
}

label {
	color: #333;
	font-size: 9pt;
	display: block;
	padding: 8px 0px 3px 1%;
	clear: both;
	text-align: left;
	float: right;
	width: 26%;
}

fieldset {
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

fieldset fieldset {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

fieldset legend {
	font-size: 16pt;
	margin: 0px 0 10px 0;
	font-weight: bold;
}

div.input,
div.submit {
	clear: both;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	width: 100%;
	/* border-bottom: 1px solid #ddd; */
}

div.input.checkbox {
	padding: 5px 0px 10px 0px;
}

div.input.textarea label {
	font-size: 9pt;
	display: block;
	padding: 0px 0px 4px 0px;;
	width: 100%;
	text-align: left;
	float: left;
}

div.input.checkbox label {
	font-size: 9pt;
	display: block;
	padding: 1px 0px 0px 5px;;
	text-align: left;
	float: left;
	clear: none;
	width: 80%;
}

#content div.input p {
	margin: 0px 0px 0px 0px;
}

#PostDisplayDateMonth { width: 120px; margin-right: 5px; }
#PostDisplayDateYear { width: 65px; margin-right: 5px; }
#PostDisplayDateDay { width: 55px; margin-right: 5px; }
#PostDisplayDateHour { width: 50px; margin-right: 5px; }
#PostDisplayDateMin { width: 50px; margin-right: 5px; }
#PostDisplayDateSecond { width: 50px; margin-right: 5px; }
#PostDisplayDateMeridian { width: 80px; margin-right: 5px; }

div.datetime select {
	display: inline-block;
	float: none;
	width: 9.5%;
	margin: 0 0.5% 0 0.5%;
}

div.datetime select:nth-child(2) {
	width: 13%;
	margin: 0 0.5% 0 0;
}

div.datetime select:nth-child(5) {
	margin: 0 0.5% 0 2%;
}

/* This is for source_only editing */
textarea.sourceEditor {
	font-family: "Courier New", Courier, monospace;
	font-size: 9pt;
	color: #333;
	clear: both;
	width: 618px; /* widgEditor width set 6 of 6 (width - 2px) */
	height: 600px;
	padding: 0;
	margin: 0px 0px 0px 0px;
	border: 1px solid #ccc;
}

/* swfUploader *************************************************/

div.thumbBlock {
	clear: both;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	background: #fff;
}

#content div.thumbBlock p {
	display: block;
	float: left;
	font-size: 9pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#content div.thumbBlock img {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

div.uploadBlock {
	border: 1px solid #ccc;
	width: 357px;
	min-height: 38px;
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background: #fff;
}

div.uploadAjaxData {
	display: block;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	overflow: hidden;
}

div.uploadAjaxData p {
	float: left;
	margin: 0 0 5px 0;
}

div.multiUploadBlock {
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ccc;
	clear: both;
	margin: 0px 0px 10px 0px;
	width: 95.6%;
	padding: 10px 2% 10px 2%;
	background: #fff;
	overflow: auto;
}

div.fileList {
	display: block;
	width: 100%;
	clear: both;
	padding: 0 0;
	overflow: hidden;
}


#profileImage {
	overflow: auto;
}

div.formArea h1, div.formArea h2 {
	font-size: 12pt;
	color: #333;
	font-weight: bold;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border: 0;
}

select.ui-datepicker-year,
select.ui-datepicker-month {
	padding: 3px;
	font-size: 10pt !important;
}

img.ui-datepicker-trigger {
	display: none;
	float: left;
	margin: 7px 0 0 5px;
}

input.datepicker {
	width: 70%;
}

div.multiCheckboxes {
	clear: both;
	float: left;
	overflow: hidden;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
	margin: 0 0 10px 0;
	padding: 10px 1% 5px 1%;
	width: 97.4%;
}

div.multiCheckboxes.scrollBox {
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.multiCheckboxes > label {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: left;
	font-size: 11pt;
}

div.multiCheckboxes div.checkbox {
	float: left;
	display: block;
	width: 30%;
    padding: 3px 0 3px 0;
}

div.multiCheckboxes.scrollBox div.checkbox {
	width: 97.5%;
}

div.multiCheckboxes div.checkbox input[type="checkbox"] {
    float: left;
    margin: 0 5px 0 0;
    width: auto;
}

div.multiCheckboxes div.checkbox label {
    padding: 6px 5px 0 0;
    text-align: left;
    width: 86%;
    clear: none;
    display: block;
    float: left;
    font-size: 9pt;
    padding: 0 0 3px;
}