.ui-widget
{
    font-size:14px !important;
}

div.twocolsplit {
	float:left;
	width:50%;
}

div.threecolsplit {
	float:left;
	width:33%;
}

input[readonly], textarea[disabled], select[disabled] 
{
    background:#eee none; 
    color:#222; 
    font-style: italic 
}

.sg-content .tdwithbutton 
{
    width: 12%;
	border-bottom:none;
	border-top:none;
	padding-right:10px;
}

form
{
	display:inline
}

.fg-button { 
   outline: 0; 
   margin:0 4px 0 0; 
   padding: .4em 1em; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1; 
}

.sg-content table.listTable .fg-button  { 
   outline: 0; 
   margin:0 4px 0 0; 
   padding: .0em 0em !important;    
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1; 
   
}



.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.fg-toolbar
{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

form .counter { font-weight:bold; }
form .warning { color:#600; }	
form .exceeded{ color:#e00; }

.sg-content .validation-summary-errors ul li
{
    list-style-image:url(https://www.ncl.ac.uk/includes/apps/1.0/icons/error.gif);
    color: Red;
}

.multiselect {
width: 60% !important;
height: 200px;
}

input[type="checkbox"].tiny
{
    width : 2%
}

input.tiny, select.tiny {
    width : 6%
}

input.very-small-tiny, select.very-small-tiny {
    width : 8%
}


input.very-small, select.very-small {
    width : 12%
}

textarea.small {
width: 20%;
}


textarea.small-medium, input.small-medium, select.small-medium {
width: 25%;
}

textarea.medium, input.medium, select.medium {
width: 40% !important;
}

textarea.medium-large, input.medium-large, select.medium-large {
width: 50% !important;
}


textarea.large, input.large, select.large {
width: 62% !important;
}


.sg-content table.multiselect-table td
{
    border:hidden !important;
    padding: 0.55em !important;
}

.sg-content h7.tableLabel
{
    margin-left: 65px; 
    padding: 0.55em;
}

.sg-content table.listTable 
{
    width:85%;    
}

.sg-content table.listTable th
{
    color:gray;  
}


.sg-content table.listTableSmall
{
    width:50%;    
}



.sg-content table.listTable th.th50
{
    width:50px !important;
}


.sg-content table.listTable th.th70
{
    width:70px !important;
}


.sg-content table.listTable th.th100
{
    width:100px !important;
}

.sg-content table.listTable th.th125
{
    width:125px !important;
}


.sg-content table.listTable th.th150
{
    width:150px !important;
}

.sg-content table.listTable th.th200
{
    width:200px !important;
}

.sg-content table.listTable th.th250
{
    width:250px !important;
}

.sg-content table.listTable th.th300
{
    width:300px !important;
}





.sg-content table.borderless 
{
    border:0px !important;
}
.sg-content table.borderless th
{
    border:0px !important;
    background-color: transparent !important;
}
.sg-content table.borderless td
{
    border:0px !important;
}



.sg-content table.auditTable tr.odd td 
{
    background-color: #FFFFFF !important;
    color: black;    
}



.sg-content textarea.mofs-textarea
{
    width:85% !important;
    height:200px;
    float: none !important;
}

.sg-navigation a 
{
    font-size:85%;
}

.charcounter
{
    width:30% !important;
    float: left !important;    
    font-weight:bold;    
}

.dialogcharcounter
{
    width:90% !important;
    /*float: right !important;    */
    color: #FFFFFF !important;          
    font-size:85% !important;    
    padding-right : 8% !important;    
    padding-top: 5px !important;            
    padding-bottom: 10px !important;        
}


.sg-content legend.small {
width: 13%;
}

.sg-content li.info
{
    font-weight:bolder !important;    
    font-size:15px !important;        
}
    
.buttonInTable
{
	float:left;
	margin:5px;
}

fieldset hr {
    width: 80% !important;
    margin-top:10px !important;        
    margin-bottom:20px !important;    
}

fieldset h5.indented, fieldset div.indented  {
    margin-left:80px !important;        
}

fieldset div.indentedRight {
    margin-left:-80px !important;        
}

.leftLabels input.nofloat, .leftLabels textarea.nofloat, .leftLabels select.nofloat, .leftLabels .field.nofloat, .leftLabels .fields.nofloat {    
    float:none !important;
}

.ui-dialog-content .error,  .dialogcharcountererror{
    color: #CCFFCC !important;    
}

.ui-dialog-content textarea 
{
    height: 150px !important;
}