/*ELEMENTS */

/* Spacer Elements*/
/*Spacer Green Grayish white bottom : : You choose the width. Hight is fixed.*/
.spacerHorizontalLineGrayish
{
	height:2px;
	background-image:url('/gfx/MiscGraphics/Spacers/spacerHorizontalLine.png');
}

/* Edit Box */
/* Edit Box Outer */

.editBoxOuter
{
	padding-left:10px;
	padding-top:40px;
	
	float:left;
}

	.editBoxOuter .editBoxHeadline
	{
		position:static;
		font-size:22px;
		font-weight:bold;
		color:#2b5679;
	}
	.editBoxOuter .editBoxSubHeadline
	{
		position:static;
		font-size:18px;
		color:black;
	}
	.editBoxOuter .editBoxControlArea
	{
		margin-top:21px;
		width:560px;
		float:left;
	}
		.textBoxBase
		{
			padding:4px;
			margin:0;	
			border:0;
			background-repeat: no-repeat;
			height: 28px;
			padding-left:16px;
			padding-right:16px;
			margin-bottom:10px;
			float:left;
		}
		.textBoxLong
		{
			background-image: url(/gfx/Controls/TextBoxes/sprite-frm-textboxes.png);
			background-position: 0px 0px;
			line-height: 36px;
			width:530px;
		}	
			.textBoxLong input[type=text]
			{
				padding:0;
				margin:0;
				border:0;
				height:30px;
				line-height:30px;
				width:530px;
				font-style:italic;
				/*color:#b8b8b8;*/
				color:#4C4C4C;
			}
			
		.textBoxArea
		{
			background-image: url(/gfx/Controls/TextBoxes/sprite-frm-textboxes.png);
			background-position: 0px -276px;
			width:522px;
			height:157px;
			padding:20px;
		}	
			.textBoxArea .textBoxAreaText
			{
				margin:0;
				border:0;
				width:530px;
				font-style:italic;
				color:#4C4C4C;
				height:149px;
				vertical-align:top;
			}
				
				
		.textBoxMediumLong
		{
			background-image: url(/gfx/Controls/TextBoxes/sprite-frm-textboxes.png);
			background-position: 0px -46px;
			line-height: 36px;
			width:390px;
		}
			.textBoxMediumLong input[type=text]
			{
				padding:0;
				margin:0;
				border:0;
				height:30px;
				line-height:30px;
				width:390px;
				font-style:italic;
				color:#4C4C4C;
			}
			
		.textBoxSmaller
		{
			background-image: url(/gfx/Controls/TextBoxes/sprite-frm-textboxes.png);
			background-position: 0px -230px;
			line-height: 36px;
			width:113px;
		}
			.textBoxSmaller input[type=text]
			{
				padding:0;
				margin:0;
				border:0;
				height:30px;
				line-height:30px;
				width:100px;
				font-style:italic;
				color:#4C4C4C;
			}
		
		.textBoxMedium
		{
			background-image: url(/gfx/Controls/TextBoxes/sprite-frm-textboxes.png);
			background-position: 0px -93px;
			line-height: 36px;
			width:330px;
		}
			.textBoxMedium input[type=text]
			{
				padding:0;
				margin:0;
				border:0;
				height:30px;
				line-height:30px;
				width:320px;
				font-style:italic;
				color:#4C4C4C;
			}
		
		.textBoxMediumSmall
		{
			background-image: url(/gfx/Controls/TextBoxes/sprite-frm-textboxes.png);
			background-position: 0px -138px;
			line-height: 36px;
			width:232px;
		}
			.textBoxMediumSmall input[type=text]
			{
				padding:0;
				margin:0;
				border:0;
				height:30px;
				line-height:30px;
				width:230px;
				font-style:italic;
				color:#4C4C4C;
			}
				
		.textBoxSmall
		{
			background-image: url(/gfx/Controls/TextBoxes/sprite-frm-textboxes.png);
			background-position: 0px -184px;
			line-height: 36px;
			width:162px;
		}
			.textBoxSmall input[type=text]
			{
				padding:0;
				margin:0;
				border:0;
				height:30px;
				line-height:30px;
				width:162px;
				font-style:italic;
				color:#4C4C4C;
			}

/* Button Elements */			
.mediumBlueButton
{
    border:0;
    padding:0;
    cursor:pointer;
    color:White;
    font-size:12px;
    font-weight:bold;
    background:url('/gfx/Buttons/MediumBlueButton.png');
    width:129px;
    height:30px;
}
.smallGreyButton
{
    border:0;
    padding:0;
    cursor:pointer;
    color:White;
    font-size:12px;
    font-weight:bold;
    background:url('/gfx/Buttons/SmallGreyButton.png');
    width:78px;
    height:31px;
}

/* Uniform */
/* Dropdown */
.dropDownElement {
    width: 542px;
    padding-left:24px;
}