/*  content:
    ------------------
    VISUAL STYLING
    FIELD BEHAVIOUR
    FIELD SIZES
    REQUIRED
    NAVIGATION

*/


/* VISUAL STYLING ----- */

/* ----- text label styling */
div.MssFields div.field
{
	font-size: 10px;
	color: #333;
}

/* ----- input field styling */
div.MssFields div.field input
{
	height: 16px;
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #333;
	border: 1px solid #D1D9DE;
	padding: 2px 0px 0px 1px;
	margin-top: 1px;
}

div.MssFields div.field textarea
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #D1D9DE;
}

div.MssFields div.RadioList input
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #333333;
	border: none;
	background-color: Transparent;
}

div.MssFields div.RadioList .CheckBoxList input
{
	margin-bottom: -2px;
}

div.MssFields div.field select
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #D1D9DE;
}



/* FIELD BEHAVIOUR ----- */

/* ----- group fields in row */
div.MssFields div.fldGroup
{
	clear: both;
}

/* ----- fields in row */
div.MssFields div.Full,
div.MssFields div.RadioList
{
	float: none;
	padding: 0px 0px 8px 0px;
	width: 82%;
}

div.MssFields div.LHalf,
div.MssFields div.Half, 
div.MssFields div.Third, 
div.MssFields div.TwoThird, 
div.MssFields div.Quarter, 
div.MssFields div.ThreeQuarter
{
	float: left;
	padding: 0px 10px 8px 0px;
}

div.MssFields div.RHalf
{
	float: left;
	padding: 0px 0px 8px 0px;
}

div.MssFields div.Third
{
  width: 26%;
}

div.MssFields div.LHalf,
div.MssFields div.RHalf,
div.MssFields div.Half
{
  width: 40%;
}

div.MssFields div.TwoThird
{
  width: 54%;
}

div.MssFields div.SpotSize
{
  padding: 1px 2px 0px;
}

/* ----- Last field in row */
div.MssFields div.Last
{
	padding: 0px 0px 8px 0px;
}



/* FIELD SIZES ----- */

div.MssFields div.Full input,
div.MssFields div.Full select,
div.MssFields div.LHalf input,
div.MssFields div.LHalf select,
div.MssFields div.RHalf input,
div.MssFields div.RHalf select,
div.MssFields div.Half input,
div.MssFields div.Half select,
div.MssFields div.Third input,
div.MssFields div.Third select,
div.MssFields div.TwoThird input,
div.MssFields div.TwoThird select,
div.MssFields div.Quarter input,
div.MssFields div.Quarter select,
div.MssFields div.ThreeQuarter input,
div.MssFields div.ThreeQuarter select,
div.MssFields div.SpotSize input,
div.MssFields div.SpotSize select
{
  width: 100%;
}

div.MssFields div.SpotSize input
{
	margin: 1px -2px 0px -1px;
}

/* ----- width for Textarea's */
div.MssFields div.Full textarea, 
div.MssFields div.ThreeLine textarea
{
	height: 37px;
	width: 100%;
}

div.MssFields div.MultiLine textarea
{
	height: 90px;
	width: 100%;
}



/* REQUIRED ----- */

div.MssRequired
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #333333;
	margin-bottom: 5px;
}



/* NAVIGATION ----- */

div.MssNavigation
{
	clear: both;
	height: 3em;
}

/* ----- divider line */
div.MssNavigation div.navLine
{
	height: 3px;
	background-image: url('/sitecore modules/MSS/WebEngine/Images/lines.arrows/ddot.gif');
	line-height: 1px;
	clear: both;
}

/* ----- container for navigation buttons */
div.MssNavigation div.navButtons
{
	text-align: right;
	margin: 3px 0px 3px 0px;
}

/* ----- navigation button style - default for sites that don't use a wizard generated code */
div.MssNavigation div.navButtons input, x:-moz-any-link
{
	padding-bottom: 3px;			
}
div.MssNavigation div.navButtons input
{
	height: 17px;
	width: 104px;
	background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/button.gif');
	background-repeat: no-repeat;
	background-color: Transparent;	
	border: 0px;
	cursor: pointer;
	margin-left: 3px;
}
select
{
   border-style:solid;
   border-width:1px;   
}
.FormsCaption
{
   margin:30px 0px 15px;
}
input.MssButton
{
	height: 17px;
	width: 104px;
	background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/button.gif');
	background-repeat: no-repeat;
	background-color: Transparent;
	border: 0px;
	cursor: pointer;
	margin-left: 3px;
}

div.MssNavigation div.navButtons input.MssListArrow
{
	height: 11px;
	width: 19px;
	background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/link.gif');
	background-repeat: no-repeat;
	background-position: 6px 2px;
}


/* ----- custom button */

.MssNavigation .MssCustomButton
{
	padding: 0px 7px 0px 0px;
}

.MssNavigation .MssCustomButton .MssLinkButton
{
	float: right;
	display: block;
	background-image: url('/sitecore modules/MSS/WebEngine/Images/Buttons/link.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 14px;
}