﻿
select.topsearch-dropdown
{
	margin-top: 1px;
	/*width: 151px;*/
	width: 145px;
	padding: 2px;
}

input.topsearch-textfield
{
	margin-top: 1px;
	width: 151px;
	padding: 2px;
}

input.textfield
{
	margin-top: 1px;
	width: 220px;
	padding: 2px;
}

input.textfield-small
{
	margin-top: 1px;
	width: 60px;
	padding: 2px;
}

select.dropdown
{
    width: 220px;
}

/*************** form rows*******************/

div.form-outer {
    margin: 10px 0 0 0;
	border-top: 1px solid #dadada;
}
div.form-outer-light {
    margin: 10px 0 0 0;
	border-top: 1px solid #eee;
}
div.row {
    /*border-top:1px solid #FFFFFF;*/
    background-color:#EFEFEF;
    /*background-color:#fff;*/
    /*background-color:#e8e6e6;*/
    padding:3px 0;
    /*position:relative;*/
    z-index:1;
    width: 100%;
	border-bottom: 1px solid #dadada;
}
div.button {
    background-color:#e8e6e6;
	border: 0;
}
div.button-light {
    background-color:#fff;
	border: 0;
}
div.light {
    background-color:#fff;
	border-bottom: 1px solid #eee;
}
div.dark {
    background-color:#e5e7e7;
}
div.row:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
span.desc {
    color:#333333;
    display:block;
    float:left;
    line-height:1.3em;
    padding:3px 0 4px 5px;
    text-align:right;
    width:150px;
}
span.desc-thin {
    width:80px;
}
span.element {
    display:block;
    float:left;
    padding:1px 0 0 4px;
}
strong.required {
    color:#FF6600;
}
div.row strong.required {
    padding:5px 0px 0 3px;
    /*left:150px;
    position:absolute;
    top:3px;
    width:1em;*/
}
span.error {
    display:block;
    font-size:85%;
    padding:0 0 10px 5px;
    width:492px;
}


div.row strong.required-thin {
    left:80px;
}


/*********************/

div.required-info {
    text-align:right;
    width: 200px;
}

span.required-info {
    /*color:#666666;
    font-style:italic;*/
    text-align:right;
    font-size: 85%;
}
.required-info strong {
    color:#FF6600;
    /*font-size:100%;*/
}

/****************************/

div.success-message
{
    background-color: #73f776;
    color: #1e721f;
    padding: 15px;
    margin: 5px 0 9px 0;
    border: 1px solid #56d458;
}

div.green-tick
{
    background: url(../images/tick-green-bg.png) #73f776 no-repeat;
    padding-left: 61px;
}

div.eye-active
{
    background: url(../images/eye-tick-bg.png) #73f776 no-repeat;
    padding-left: 68px;
}

div.eye-inactive
{
    background: url(../images/eye-cross-bg.png) #73f776 no-repeat;
    padding-left: 68px;
}



/********** blue form ************/
/*
div.form-outer {
    margin: 10px 0 0 0;
	border-top: 1px solid #deecfc;
}
div.row {
    background-color:#f2f7fd;
    padding:3px 0;
    position:relative;
    z-index:1;
    width: 100%;
	border-bottom: 1px solid #deecfc;
}
div.button {
    background-color:#ecf4fd;
	border: 0;
}
*/


/****************** validation *******************/



div.validation-summary, div.formerror
{
    border: 1px solid #ffa6a6;
    padding: 8px;
    background-color: #fdd8d8;
    color: Red;
}

div.formerror
{
    margin: 5px 0 5px 0;
}

div.validation-summary ul, div.validation-summary ul li
{
    display: none;
}


