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

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 2px 0px;
	padding:0px 0px 0px 2px;
}


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



/* FIELD SIZES ----- */

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

div.MssFields div.Full select
{
	width: 289px;
}

/* ----- 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('/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
{
	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;
}

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;
}