.form-label {
	margin-top:1.5em;
	font-size:0.8em;
}

.form-input-small {
	margin-top:-0.2em;
	font-size:0.8em;
	border:1px solid #ccc;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:0.3em;		
}

.form-input {
	margin-top:0.5em;
	width:100%;
	font-size:1.2em;
	border:1px solid #ccc;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:1em;
	color:#316198;
}

.form-input-large {
	margin-top:-0.1em;
	width:100%;
	font-size:1.2em;
	border:1px solid #ccc;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:0.3em;	
}

.form-textarea {
	width:100%;
	/*white-space: nowrap;*/
}

.form-button {
	font-size:1em;
	padding:0.5em 1.5em 0.5em 1.5em;
	margin:0.5em 0em 0.5em 0em;
	background:#316198;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-decoration:none;	
	box-shadow:none;
	border:none;
	width:100%;
}

.form-button-large {
	font-size:1.2em;
	padding:0.5em 1.5em 0.5em 1.5em;
	margin:0.5em 0em 0.5em 0em;
	background:#316198;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-decoration:none;	
	box-shadow:none;
	border:none;
	width:100%;
}

.form-button-small {
	font-size:1em;
	padding:0.5em 1.5em 0.5em 1.5em;
	margin:0.5em 0em 0.5em 0em;
	background:#316198;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-decoration:none;	
	box-shadow:none;
	border:none;
	width:100%;
}

.form-button-small-danger {
	font-size:1em;
	padding:0.5em 1.5em 0.5em 1.5em;
	margin:0.5em 0em 0.5em 0em;
	background: red;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-decoration:none;	
	box-shadow:none;
	border:none;
	width:100%;
}


.form-button-disabled {
	font-size:1em;
	padding:0.3em 1.5em 0.3em 1.5em;
	margin:0.5em 0em 0.5em 0em;
	background:#ccc;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-decoration:none;	
}

.form-button:hover, .form-button-active {
	background:#468847;
}

.form-button-action {
	display:inline-block;
	line-height:1.5em;
	padding:0.5em 1em 0.5em 0em;	
}

.ace_editor {
	position: relative !important;
	border: 1px solid lightgray;
	margin: auto;
	height: 200px;
	width: 100%;
}
.scrollmargin {
	height: 100px;
       text-align: center;
}

.color-box {
	float:left;
	width:60px;
	height:30px;
	margin:5px;
	border: 1px solid #ccc;
}

.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url("/static/common/ui/arrowdown.gif") no-repeat 98% 45%;
}

.select-style select {
    padding: 0.5em 0.5em;
    font-size:1.2em;
    width: 110%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}

.table-td-left {
	width:250px;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  display: inline;
}

.datepickerClass{
		font-size:1.3em;
		padding:0.3em;
		border:1px solid #ccc;
	}