/* FORMS */

.formTable{
	border-spacing:0px;
	padding:0px;
	padding-bottom:40px;
}

.formTable td.formLabel, .formTable td.formInput
{
	vertical-align:top;
	border-top:1px solid #c8c8c8;
	padding-top:16px;	
	padding-bottom:20px;
	min-width:300px;
}
	
.formTable td.formLabel 
{
	text-align:right;
	#font-size:16px;
	color:#35487B;
	padding-right:14px;
	padding-left:14px;
	white-space:nowrap;
	min-width:150px;
	padding-top:16px;
	/*box-shadow:inset 25px 0px 30px -30px #373737;*/
}

.formTable .formInput div
{
	margin-bottom:4px;
}

.formTable .mce div, .formTable .mce-tinymce div
{
	margin-bottom:0px;
}

.formTable .formInput ul
{
	margin-bottom:8px;
}

.formTable .formInput li
{
	margin-left:-24px;
}

.formTable .formRowError td
{
	border-top:none;
}

.formTable .formRowErrorNote td
{
	border:2px dotted #990000;
	padding:8px;
	color:#990000;
	background-color:#FFF0F0;
}

.formTable .formRowError .formLabel
{
	color:#990000;
}

div.disabledInput
{
	color:#888; 
	background-color:#f3f3f3; 
	padding:2px; 
	border:1px solid #7F9DB9;
}

/* ERROR */

div.formError
{
	border:2px dotted #990000;
	padding:8px;
	color:#990000;
	background-color:#FFF0F0;
}

div.formError ul
{
	margin:0px auto;
}

/* INPUTS */
.inptExtraShort	{width:30px;}
.inptShorter	{width:50px;}
.inptShort		{width:150px;}
.inptMedium		{width:250px;}
.inptLong		{width:350px;}
.inptExtraLong	{width:450px;}
.inptHuge		{width:550px;}

input[type=text], input[type=password], textarea, #ACEEditor {
	border:1px solid #aaa;
	padding:3px;
	color:#666;
	box-shadow:0px 0px 7px -3px;
	border-radius:2px;
	font-size: 1em;
}

/* 
   this is done here instead of above so that #ACEEditor does not 
   take this on, because it messes the editor up
*/
input[type=text], input[type=password], textarea {
	font-family:inherit;
}

input[type=checkbox]
{
	
}

input.btn, button.btn, input.btnDisabled, button.btnDisabled
{
	font-weight: 200;
	color: #333;
	padding: 8px 14px;
	color: #fff;
	border: 0px;
	border-radius: 4px;
	font-family: 'Exo 2';
	margin-right:10px;
}

input.btn, button.btn
{
	background-color:#2D63A1;
	cursor:pointer;
	box-shadow:inset 0px -25px 24px -20px #14345E;
	#box-shadow:inset 0px 0px 18px 0px #14345E
}
input.btnDisabled, button.btnDisabled

{
	background-color:#a1a1a1;
	color:#cdcdcd;
	cursor:not-allowed;
	box-shadow: 0px 0px 7px -2px #000;
}

select.inptTimezoneSelectBox
{
	font-size:.85em;
}
#btnSubmit, #btnOK, #btnUpload
{
	transition:all;
	transition-duration:.2s;
	background-image: url(/_images/interface/btnSubmit.png) !important;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding: 12px 20px 12px 38px;
}
#btnUpload
{
	background-image: url(/_images/interface/btnUpload.png) !important;
}
#btnCancel
{
	transition:all;
	transition-duration:.2s;
	background-image: url(/_images/interface/btnCancel.png) !important;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding: 12px 20px 12px 35px;
}
#btnSubmit:hover, #btnOK:hover, #btnCancel:hover, #btnUpload:hover
{
	background-color:#3D8DDF;
	box-shadow:inset 0px -25px 24px -20px #275188;
	#box-shadow:inset 0px 0px 18px 0px #275188
}

input#btnSubmit.btnDisabled:hover, 
input#btnOK.btnDisabled:hover,
input#btnCancel.btnDisabled:hover,
input#btnUpload.btnDisabled:hover
{
	background-color:#a1a1a1;
	color:#cdcdcd;
	box-shadow: 0px 0px 7px -2px #000;
}

input.btn img, button.btn img
{
	vertical-align:middle;
	margin-right:4px;
}



input.inptText, input.inptCheckBox, input.inptRadio, input.inptImage, img.inptImage, select.inptSelectBox
{
	vertical-align:middle;
	margin-right:6px;
}

textarea.inptTextArea
{
	height:75px;	
}

select 
{
	margin:0px;
	vertical-align:middle;
	font-family:'Ubuntu';
	border:1px solid #aaa;
	padding:2px;
	border-radius:2px;
	color:#666;
	box-shadow:0px 0px 7px -3px;
}