/*  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.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;
}

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.SpotSize
{
  float: left;
  padding: 0px 0px 8px 0px;
}


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



/* FIELD SIZES ----- */

/* ----- width for Full's */
div.MssFields div.Full input,
div.MssFields div.Full select
{
  width:285px;
}

/* ----- width for Half's */
div.MssFields div.LHalf input, 
div.MssFields div.RHalf input,
div.MssFields div.Half input, 
div.MssFields div.Half select 
{
  width:135px;
}

/* ----- width for Third's */
div.MssFields div.Third input,
div.MssFields div.Third select
{
  width:85px;
}

div.MssFields div.TwoThird input,
div.MssFields div.TwoThird select
{
  width:185px;
}

/* ----- width for Quarter's */
div.MssFields div.Quarter input,
div.MssFields div.Quarter select
{
  width:60px;
}

div.MssFields div.ThreeQuarter input,
div.MssFields div.ThreeQuarter select
{
  width:210px;
}

/* ----- width for Spots */

div.MssFields div.SpotSize input 
{
  width: 173px;
}

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

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



/* 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(/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
{
  height:17px;
  width:104px; 
	background-image: url(/MSS/WebEngine/Images/Buttons/button.gif);
	background-repeat:no-repeat;
	background-color:Transparent;
	border:0px;
	cursor:pointer;
	margin-left:3px;
}

input.MssButton
{
  height:17px;
  width:104px; 
	background-image: url(/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(/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(/MSS/WebEngine/Images/Buttons/link.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 14px;
}