body
{
    font-size: 12px;
}
/* COMMON */

.FlexButton, .UploadButton {
	background: url(/frontend/graphics/backgrounds/flexbutton_right.gif) no-repeat right;
	padding: 0 5px 0 0;
	margin: 0;	
}

.FlexButton input, .UploadButton input {
	background: url(/frontend/graphics/backgrounds/flexbutton_left.gif) no-repeat left;
	border: 0!important;
	display: block;
	height: 30px;
	margin: 0;
	padding: 12px 0 0 5px;
}

.ConfirmButtons .Buttons {
	width: 100px;
}

.Buttons {
	/*width: 60px;*/
	margin: 0;
}

.Buttons input {
	/*width: 100%;*/
}

.UnevenGapAround input {
	background: none;
	border: 0;
} 

td.GroupboxInfo, td.GroupboxBody, td.GroupboxGuiding 
{
	min-height: 35px;
	*height: auto!important; /* IE7 */
	*height: 35px; /* IE6 */
}

.FlexiDiesTable table, .FlexiDiesTable td, .FlexiDiesTable div, .FlexiDiesTable span, .FlexiDiesTable tr {
	border: 0!important;
	border-spacing: 0;
}

td.ShapeType td.GroupboxInfo, TD.GroupboxInfo {
	padding: 15px;
	vertical-align: top;
	width: 136px;
}

.FlexiDiesTable span.Debug {
	display: block;
	color: red;
	font-weight: bold;
	padding: 5px 0;
} 
/*** general ***/



/*td.ShapeType td.GroupboxInfo {
	background: url(/frontend/graphics/backgrounds/gradientdark_flexinfo.gif) no-repeat left bottom;
}

td.ShapeType td.GroupboxBody {
	background: #e8e4e3 url(/frontend/graphics/backgrounds/gradientdark_flexbody.gif) repeat-x bottom;
}

td.ShapeType td.GroupboxGuiding {
	background: url(/frontend/graphics/backgrounds/gradientdark_guiding.gif) no-repeat right bottom;
}*/

TD.GroupboxInfo {
	background: url(/frontend/graphics/backgrounds/gradient_flexinfo.gif) no-repeat left bottom;
}
TD.GroupboxBody {
	background: #eeeced url(/frontend/graphics/backgrounds/gradient_flexbody.gif) repeat-x bottom;
	float: left;
	padding: 15px;
    width: 470px;
}
TD.GroupboxGuiding {
	background: url(/frontend/graphics/backgrounds/gradient_guiding.gif) no-repeat right bottom;
	text-align: center;
    width: 50px;
}
div.GroupboxCaption {
    font-weight: bold;
}

img.GroupboxStatusImage {

}

input.BodySelectionImage {
    /*margin: 0 15px 0 0;*/
}

IMG.GuidingIllustration
{
}

div.InputBox {
    margin: 0 5px 0 0;
    float: left;
}
DIV.InputCaption {
    /*font-weight: bold;*/
}
DIV.InputValue
{
}
SELECT.InputValue
{
    width : 100px;
}
INPUT.InputValue
{
}
SPAN.StarValidator
{
    margin-left: 3px;
}

div.UploadButton {
	float: right;
	*margin: 10px -5px 0 0; /* IE6 */
	width: 120px;
}

div.UploadButton input {
	color: #ffffff;
	padding: 0 0 0 5px;
	width: 100%;
}

/*********Shape Type*******************/

input.BodySelectionImage {
	background: none;
	border: 0!important;
	height: auto;
}

input.ShapeTypeImageSelected, input.ShapeTypeImage {
	padding: 0 5px 0 0;
}





/*********Machine information*******************/

SELECT.MachineInfoPitch
{
    width : 80px;
}
INPUT.NumberOfTeeth
{
    width: 80px;
}

INPUT.RepeatLenght
{
    width: 110px;       
}

/***** Label Dimensions ******/
INPUT.LabelDimensionsWidth
{
    width: 110px;
}
INPUT.LabelDimensionsHeight
{
    width: 110px;
}
INPUT.LabelDimensionsDiameter
{
    width: 110px;
}
INPUT.LabelDimensionsCornerRads
{
    width: 110px;
}
SPAN.LabelDimensionsUnit
{
    margin-left: -8px;
    margin-right: 5px;
}

/*** layout *****************/
INPUT.NumberAcross
{
    width: 70px;
}
INPUT.NumberAround
{
    width: 70px;
}
INPUT.GapAcross
{
    width: 70px;
}
INPUT.GapAround
{
    width: 70px;
}
DIV.UnevenGapAround
{
     width: 120px;
}

/**** Sharp Corners ******/
INPUT.SharpCorners
{
    border: solid 1px Blue;
}
INPUT.SharpCornersSelected
{
    border: solid 1px Red;
}


/**** Joint Rads ******/
input.JoinRads, input.SharpCorners, input.SharpCornersImage, input.SharpCornersSelected, input.JoinRadsSelected, input.MicroPerferationImage1, input.MicroPerferationImage1Selected, input.PerferationImage1, input.PerferationImage1Selected, input.Cut3F_FM_FMLSelected, input.FinishImage, input.FinishImageSelected {
    /*height: 30px;*/
    padding: 0 5px 0 0;   
}

input.JoinRadsSelected, input.SharpCornersSelected, input.Cut2FLSelected, input.Cut2FSelected, input.Cut2F_FLSelected, input.FinishImageSelected, input.PerferationImage1Selected, input.ShapeTypeImageSelected, input.MicroPerferationImage1Selected, input.PerferationImage2Selected, input.Cut3FSelected, input.Cut3FMSelected, input.Cut3FMLSelected, input.Cut3F_FMSelected, input.Cut3FM_FMLSelected, input.Cut3F_FMLSelected, input.Cut3F_FM_FMLSelected {
	filter: alpha(opacity=80); /* IE */
	opacity: 0.8;
	background: #EEECED\9 /* IE6 & IE7 */
}

/**** PerferationImage ***/
DIV.PerferationImageGroup1 input
{
	padding: 0;
}
INPUT.PerferationImage1
{
    border: solid 1px Blue;
}

INPUT.PerferationImage1Selected
{
    border: solid 1px Red;
}

DIV.PerferationImageGroup2
{
    /*margin-left: 40px;*/
}
INPUT.PerferationImage2
{
    border: solid 1px Blue;
}
INPUT.PerferationImage2Selected
{
    border: solid 1px Red;
}

.Specified {
	float: none!important;
}

/**** CutImage ***/
DIV.CutImageGroup1
{
    float: none;    display: inline-block;
    margin-bottom: 5px;
}

INPUT.Cut2FSelected
{
    border: solid 1px Red;
}
INPUT.Cut2FL
{
    border: solid 1px Blue;        
}
INPUT.Cut2FLSelected
{
    border: solid 1px Red;        
}

DIV.CutImageGroup2
{
    float: none;
}
INPUT.Cut3F
{
    border: solid 1px Blue;
}
INPUT.Cut3FSelected
{
    border: solid 1px Red;
}
INPUT.Cut3FM
{
    border: solid 1px Blue;        
}
INPUT.Cut3FMSelected
{
    border: solid 1px Red;        
}
INPUT.Cut3FML
{
    border: solid 1px Blue;        
}
INPUT.Cut3FMLSelected
{
    border: solid 1px Red;        
}
INPUT.Cut3F_FM
{
    border: solid 1px Blue;
}
INPUT.Cut3F_FMSelected
{
    border: solid 1px Red;
}
INPUT.Cut3FM_FML
{
    border: solid 1px Blue;        
}
INPUT.Cut3FM_FMLSelected
{
    border: solid 1px Red;        
}
INPUT.Cut3F_FML
{
    border: solid 1px Blue;        
}
INPUT.Cut3F_FMLSelected
{
    border: solid 1px Red;        
}
INPUT.Cut3F_FM_FML
{
    border: solid 1px Blue;        
}
INPUT.Cut3F_FM_FMLSelected
{
    border: solid 1px Red;        
}









/**** MicroPerferationImage ***/
DIV.MicroPerferationImageGroup1
{
}
INPUT.MicroPerferationImage1
{
    border: solid 1px Blue;
}
INPUT.MicroPerferationImage1Selected
{
    border: solid 1px Red;
}
DIV.MicroPerferationImageGroup2
{
    margin-left: 40px;
}
INPUT.MicroPerferationImage2
{
    border: solid 1px Blue;
}
INPUT.MicroPerferationImage2Selected
{
    border: solid 1px Red;
}
DIV.MicroPerferationTPI
{
}
SPAN.MicroPerferationTPI
{
}

INPUT.MicroPerferationCut
{
    width: 60px;
}
INPUT.MicroPerferationTie
{
    width: 60px;
}
INPUT.MicroPerferationTPI
{
    width: 60px;
}


/*** PlateSizeHeight *********/
INPUT.PlateSizeHeight
{
    width: 110px;
}
INPUT.PlateSizeWidth
{
    width: 110px;
}
SPAN.PlateSizeUnit
{
    margin-left: 0px;
    margin-right: 5px;
}

/*** Material ***/

INPUT.MaterialManufacturer
{
    width: 110px;
}
INPUT.MaterialFace
{
    width: 110px;
}
INPUT.MaterialMiddle
{
    width: 110px;
}
INPUT.MaterialLiner
{
    width: 110px;
}

/*** Cut *************/
INPUT.CutImage
{
    border: solid 1px Blue;
}
INPUT.CutImageSelected
{
    border: solid 1px Red;
}

/*** PerferationCut ***/

input.PerferationCut, input.PerferationTie {
	width: 60px;
}

.PerferationCutUnit, .PerferationTieUnit {
	margin-left: -8px;
	margin-right: 5px;
}

/*** Finish ****/
INPUT.FinishImage
{
    border: solid 1px Blue;
}
INPUT.FinishImageSelected
{
    border: solid 1px Red;
}

DIV.FinishTextOnDieInputBox
{
    float: none;
}

INPUT.FinishTextOnDie
{
    width: 400px;
}

/*** TexturFlex TextOnDie ****/


INPUT.TexturFlexTextOnDieTextOnDie
{
    width: 400px;
}

/*** Upload Drawing ***/
DIV.UploadDrawingStatus
{
	float: left;
}
SPAN.UploadDrawingStatus
{
}

.UploadField {
	clear: both;
	float: left;
	font-size: 11px;
}






/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}


/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/* Modal popup for delivery terms */
.ModalPopupBG
{
	background-color: #e5e4e4;
	filter: alpha(opacity=50);
	opacity: 0.7;
}

.popup_Container {
	background-color: #e5e4e4;
	border:2px solid #000000;
	padding: 0px 0px 0px 0px;
}

.popupConfirmation
{
	width: 600px;
}

.popup_Titlebar {
	/*background : url(Images/titlebar_bg.jpg);*/
	background-color : black;
	color : white;
	height: 29px;
}

.popup_Body
{
	padding:15px 15px 15px 15px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:15pt;
	clear:both;
	padding:20px;
}

.TitlebarLeft 
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.TitlebarRight 
{
	background:url(Images/cross_icon_normal.png);
	background-position:right;
	background-repeat:no-repeat;
	height:15px;
	width:16px;
	float:right;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

.popup_Buttons
{
	margin:10px;
}

/*********Machine information for cylinders*******************/

DIV.MachineGroup
{
  
   float: none;
}
div.InputBox2 {
    margin: 0 5px 0 0;
}

INPUT.MachineName
{
    width: 250px;
}


SELECT.MachineCustomerList
{
    width : 250px;
}


INPUT.MachineCustomerInfoPitch
{
     width: 150px;
}