﻿.widget-heading {
    width: 100%;   
}
.required
{   
    background-image:url('images/required-field-ftpfont.png');
    background-position:top right;
    background-repeat:no-repeat;
    padding-right:10px;    
}

.altrequired {
    background-image:url('images/required-field-ftpfont.png');
    background-position:right;
    background-repeat:no-repeat;
    padding-right:10px;
}
/*
select.input-validation-error,
input[type=text].input-validation-error,
input[type=password].input-validation-error
{
	border: 2px solid #D8000C;
	background-color: #fff;
}
*/
/* TOOLTIPS */
.info-box
{      
	background-color: #EEEEEE;
	border: 1px solid #fff;    	
    padding: 10px 5px 15px 5px;
    margin-left: 5px;
    margin-right: 10px;   
	width: 270px;	
	color: #000;
	text-align: left;    
	font-size: 11px;    
	min-height: 30px;    
	/* changed only to make the old way work - this will need to be altered when we have a good solution */
    display: none;
    /*float: right;*/
}
.info-wrapper 
{
    /*text-align: right;*/
    vertical-align: text-top;
    width: 300px;    
    /*float: right;*/
    display: none;
    /*min-height: 30px;    */
}

.field-validation-error     
{
    background-image: url("../Content/images/exclaimation.png");            
    background-repeat:no-repeat;
}
/*
.field-validation-error span 
{
    
    width: 100% !important;
    background-color: #ffefef;        
}
*/


/*
Creating triangle with CSS
http://css-tricks.com/snippets/css/css-triangle/
*/

.left-arrow 
{
    position: relative;
    top: 20px;
    left: -35px;
    color: white;
    border-top: 10px solid #fff;
    border-right: 20px solid  #EEEEEE;
    border-bottom: 10px solid #fff;
    margin-right: 0;
    padding-right: 0;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
	font-family: sans-serif;    	
}
.question-mark 
{
    cursor: pointer;
    padding: 15px;
    vertical-align: text-top;
    background-image:url('images/blue-question-mark.jpeg');             
    background-position:center center;
    background-repeat:no-repeat;             
}

.highlightpanel {
    background-color: #eee;
    padding: 5px;
}


.righthandpanel
{    
   /* border: black solid 1px; */
    text-align: center;
    padding: 5px;
}


/* SECTION ELEMENTS */

.element-inline,
.element
{
	margin-bottom: 10px;
	clear: both;	
}

.element label 
{
	margin-bottom: 2px;
	display: block;
	letter-spacing: 1px;
	font-weight: bold;
}

.element label.highlightText
{
	font-weight: normal;
	padding-bottom: 8px;
}

.element-inline label
{
	font-weight: bold;
}

.element-inline label,
.element-inline .t-widget
{
	padding-right: 20px;
	float: left;
}

.element .info-box
{    
	clear: both;
	font-size: 10px;
}

.element-label
{
	letter-spacing: 1px;
}

.element input.focus
{
	border: 2px solid #63B2DF;
}

.element select.wide-select
{
	/*width: 285px;*/
}

.element select.short-select,
.element input.short-select
{
	width: 70px;
}

.header-with-button a,
.element a
{
	background: url("images/green-bullet.gif") no-repeat scroll 0 4px transparent;
	padding-left: 8px;
}

.element a.normal
{
    background: none;
    padding-left: 5px;
}

.ui-message-red
{
	color: red;
}

.sso-start-hidden {
    display: none;
}

.sso-hide-onstart {
    display: block;
}

.sso-hidden {
    display: none;
}

.sso-link {
    
}

.sso-link.text-link 
{
    text-decoration: underline;
    color: #2070b6;
}

.sso-link.text-link:hover 
{
    text-decoration: none;
}


.box-link {
    
}

.sso-link:hover{
    cursor: pointer;
}

#recaptcha_response_field
{
    height: 18px !important;
}

.postCode {
    text-transform: uppercase;
}

.form-tooltip {
    z-index: 100 !important;
}

.tablediv 
{
    width: 150%;
    background-color: Blue;
}

table.gridtable {
	/*
	font-family: verdana,arial,sans-serif;
	font-size:11px;
    */
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
    width:100%;
    background-color: Lime; 
}

table.gridtable th {
	border-width: 1px;
	font-weight: bold;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}

table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

.banner-message
{
    font-size: 15px;
}