﻿.input
{
	background-color: #f6f6f6;
	border: solid 1px #acacac;
	line-height: normal;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 5px;
	font-size: 12px;
	font-family: Arial;
}
.inputRight
{
	padding-right: 4px;
	text-align: right;
}

.UserSelectRoleButton
{
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;
}
.TextAreaDateSearchBox
{
	background-color: Transparent;
	border: none;
	padding: 0px;
	font-size: 10px;
	font-family: Verdana;
	color: #464646;
	width: 70px;
}
.FromDateItalic input
{
	font-style: italic;
}
.ToDateItalic input
{
	font-style: italic;
}
.inputsmall
{
	background-color: #f6f6f6;
	border: solid 1px #acacac;
	line-height: normal;
	padding-left: 4px;
	padding-right: 2px;
	font-size: 10px;
	font-family: Arial;
	width: 132px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.selectBox
{
	background-color: #f6f6f6;
	border: solid 1px #acacac;
	line-height: normal;
	font-size: 12px;
	font-family: Arial;
}
.TextAreaInputSearchBox
{
	background-color: #f6f6f6;
	background-image: url('../Images/Design/Input/input_bg_span_small.gif');
	border: solid 1px #acacac;
	line-height: normal;
	padding-left: 4px;
	padding-right: 2px;
	font-size: 10px;
	font-family: Arial;
	width: 132px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.DropDownListSearchBox
{
	/*background-image: url('../Images/Design/Input/input_bg_span.gif');
	
	background-repeat: repeat-x;
	background-position: bottom left;*/
	background-color:#f6f6f6;
	border: solid 1px #ababab;
	line-height: normal;
	font-size: 11px;
	font-family: Verdana;
	color: #464646;
	height: 20px;
}
.DropDownListCommon
{
	/*background-image: url('../Images/Design/Input/input_bg_span.gif');
	background-repeat: repeat-x;
	background-position: top left;*/
	background-color:#f6f6f6;
	border: solid 1px #ababab;
	line-height: normal;
	font-size: 11px;
	font-family: Verdana;
	color: #464646;
	height: 22px;
}
.DropDownListCommon180
{
	width: 180px;
}
.textarea
{
	background-color: #f6f6f6;
	border: solid 1px #acacac;
	padding: 2px;
	font-family: Arial;
}
.TextAreaInvoice
{
	background-color: #f2f2f2;
	border: solid 1px #e2e2e2;
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #252525;
}
.TextAreaInvoiceDescription
{
	overflow: hidden;
	width: 354px;
	padding: 5px 0px 5px 6px;
}
.TextAreaInvoiceDescriptionReminder
{
	overflow: hidden;
	width: 375px;
	padding: 5px 0px 5px 6px;
}
.TextAreaInvoicePrice
{
	width: 36px;
	padding: 5px 0px 5px 6px;
}
.TextAreaInvoiceAmount
{
	width: 43px;
	padding: 5px 0px 5px 6px;
}



/*
###################################
FormItem
###################################
*/
.FormItem
{
	float: left;
	width: 311px;
}
.FormItemRight
{
	width: 271px;
}
.FormItem input
{
	width: 263px;
}
.validation-error
{
	color: red;
	font-weight: bold;
}
input.error, input.input-validation-error, textarea.error
{
	background-color: #fae9ed;
	color: red;
	border: solid 1px #ea1e49;
}
.FormItem select
{
	width: 271px;
	height: 26px;
}
.InformationBoxColumnItem select
{
	width: 228px;
	height: 26px;
}
input.InformationBoxColumnItemInput
{
	width: 220px;
}
.FormItem .RadioButtons input
{
	background-color: white;
	border: solid 0px #acacac;
	line-height: normal;
	padding: 0px;
	padding-right: 8px;
	font-size: 12px;
	font-family: Arial;
	vertical-align: bottom;
	width: auto;
}

#Login .input
{
	background-color: #f6f6f6;
	background-image: url('/Content/Images/Design/Input/input_bg_span.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	border: solid 1px black;
	line-height: normal;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 8px;
	padding-bottom: 7px;
	font-size: 12px;
	font-family: Arial;
	width: 256px;
}
/* 
    Hide the original radios and checkboxes
    (but still accessible)
    
    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't
       
*/
div:not(#ctl00_Main_RadioList1) > table > tbody > tr > td > input[type='radio']
{
    
    /* Hide the input, but have it still be clickable */
    opacity: 0;
    float: left;
    width: 14px;
    margin-left:-24px;
}


div:not(#ctl00_Main_RadioList1) > table > tbody > tr > td > input[type='radio'] + label
 {
    margin: 0;
    clear: none;
    
    /* Left padding makes room for image */
    padding: 5px 0 4px 24px;

    /* Make look clickable because they are */
    cursor: pointer;
    
    background: url('../../Content/Images/Design/Input/radiobtn.png') left center no-repeat; 
}

/*
    Change from unchecked to checked graphic
*/
div:not(#ctl00_Main_RadioList1) > table > tbody > tr > td > input[type='radio']:checked + label {
    background-image: url('../../Content/Images/Design/Input/radiobtn_checked.png');
}

#ctl00_Main_chbGoPublic
{
	 opacity: 0;
    float: left;
    width: 14px;
    margin-left:-24px;
	}
	#ctl00_Main_chbGoPublic + label 
	{
		margin: 0;
    clear: none;
    
    /* Left padding makes room for image */
    padding: 5px 0 4px 24px;

    /* Make look clickable because they are */
    cursor: pointer;
    
    background: url('../../Content/Images/Design/Input/radiobtn.png') left center no-repeat; 
		}
	
#ctl00_Main_chbGoPublic:checked + label 
{
    background-image: url('../../Content/Images/Design/Input/radiobtn_checked.png'); }