/*  General page  */

.swsPageHeading
{
}
.swsPageSubHeading
{
}
.swsPageMaintext
{
}
.swsWarning
{
	padding-top: 5px;
	font-size: 10px;
	color: red;
}

/*  Boxes within the pages  */
.swsNarrowBox
{}
/* gkc  added marginleft 5px  */
.swsWideBox
{
	margin-top: 5px;
	float: left;
	width: 420px;
	height: auto;
	text-align: left;
	margin-left: 5px;
}

.swsWideBoxCol1
{
	float: left;
	width: 205px;
	height: auto;
	margin-right:10px;
	margin-top:3px;
	margin-bottom:3px
	
}

.swsWideBoxCol1a
{
	float: left;
	margin-bottom: 5px;
	width: 100px;
	height: auto;
	text-align: left;
}
.swsWideBoxCol1b
{
	float: left;
	width: 95px;
	height: auto;
	margin-left:5px;
	text-align:left;

}

.swsWideBoxCol2
{
	float: left;
	width: 410px;
	height: auto;
	
}
.swsFirstThird
{
	clear: left;
	margin-top: 5px;
	float: left;
	width: 30%;
	height: auto;

	text-align: left;

}
.swsSecondTwoThirds
{
	margin-top: 5px;
	width: 60%;
	height: auto;
	text-align: left;
}

.swsThirds
{
	float: left;
	width: 33%;
	height: auto;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

.swsSeventyThirtyL
{
	margin-top: 5px;
	float: left;
	margin-bottom: 5px;
	width: 70%;
	height: auto;
	text-align: left;
}

.swsSeventyThirtyR
{
	margin-top: 5px;
	float: right;
	margin-bottom: 5px;
	width: 29%;
	height: auto;

	text-align: right;
}
.swsFiftyFifty
{
	margin-top: 5px;
	float: left;
	margin-bottom: 5px;
	width: 49%;
	height: auto;
	text-align: left;
}

.swsFiftyFiftyBorder
{
	border-right: thin solid;
	padding-right: 3px;
	border-top: thin solid;
	margin-top: 5px;
	padding-left: 3px;
	float: left;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-left: thin solid;
	width: 47%;
	padding-top: 3px;
	border-bottom: thin solid;
	height: auto;
	text-align: left;
}
.swsFiftyFiftyR
{
	margin-top: 5px;
	margin-left: 49%;
	margin-bottom: 5px;
	width: 49%;
	height: auto;
	text-align: left;
}
.swsSeventyFive
{
	float: left;
	width: 75%;
	height: auto;
}

.swsTwentyFive
{
	float: left;
	width: 75%;
	height: auto;
	
}


.swsTemp
{
	float: left;
	margin-bottom: 3px;
	width: 33%;
	height: 25px;

}

.swsTempRight
{
	
	vertical-align: top;
	
}
.swsTempLeft
{	vertical-align: top;
	width:60%;
	float:left;
		height: 25px;

	}

.swsRow
{
	width:100%;
	height:auto;
	padding-bottom:3px;
}

.swsTripleBoxCol1
{	padding-left: 0%;
	width:auto;
	
}
.swsTripleBoxCol2
{	width:auto;
	padding-left: 20%;
	
}
.swsTripleBoxCol3
{	
	padding-left: 70%;
	clear:left;
	float:right;
}

/*.swsLabels p
{
clear:left;
margin:0;
padding:0;
padding-top:5px;
background-color: red;
}

.swsLabels input
{
float:left;
width:30%;
background-color: yellow;
}
*/
#swsLeftTwoCols
{
	width: 50%;
	
}

#swsThirdOfThreeCols
{
	width: 45%;
	float:right;
}

/*  General control  */

.swsGeneralControl
{
	margin-top: 10px;
	text-align: left;
	
}

.swsButton
{

	text-align: center;
}

.swsButtonRight
{
	float: right;
	margin-right: 3px;
	height: auto;
	width: auto;
}
.swsControlSubHeadingText
{
	float: left;
	height: auto;
	width: auto;
}
/*
copy to be deleted if not required
.swsButtonRight
{
	float: right;
	margin-right: 3px;
	clear:both;
}*/
/* go050206  removed all except color: grey 
.swsControlDisabled
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	margin-left: 10px;
	border-left: black 1px solid;
	color: grey;
	margin-right: 10px;
	border-bottom: black 1px solid;
	text-decoration: none;
}
*/
.swsControlDisabled
{
	color: grey;
}

.swsgeneralcontrolhi
{

}
/* gkc  added color  */
.swsControlTitle
{
	font-weight: bold;
	font-size: 14pt;
	padding-bottom: 10px;
	color: #0099CC;
	
}

.swsControlSubHeading
{
	padding-left: 5px;
	font-weight: bold;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 99%;
	color: white;
	padding-top: 5px;
	background-color: #0099cc;
	text-align: left;
}

.swsControlSubTitle
{
float:left
}

/* gkc  added float left  */
.swsControlDate
{
	font-weight: bold;
	padding-bottom: 10px;
	float: right;
	height: auto;
	width: auto;
}

.swsControl_ListHeading
{
	font-weight: normal;
	
}
.swsControlText
{
	text-align: justify;
	float: left;
	height: auto;
	width: 100%;
}

.swsControlLongText
{
	text-align: justify;
	float: left;
	height: auto;
	width: auto;
}
/* gkc  added width auto  */


.swsControlUploadImage
{
	margin-top: 2px;
	margin-left: 6px;
	overflow: visible;
	margin-right: 5px;
	vertical-align:top;
}

#swsControlColumn
{
margin-left:100px;
}

.swsInvisible
{
	line-height:0px;
	font-size:0px;
	height:0px;
	visibility:hidden;
}

/*  General datagrid  */

.swsGridContolTitle
{
}

.swsGridComment, .swsGridComment a:link, .swsGridComment a:active, .swsGridComment a:visited
{
	text-decoration: none;
}

.swsGridComment a:hover
{
	text-decoration: underline;
}

.swsDataGridOverall
{
	
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	
	
}
.swsDataGridHeader
{
	font-weight: bold;
	text-align: left;
	
}
.swsDataGridItem
{
	background-image: url(../images/propfinderbacklight.jpg);
	background-repeat: repeat;
	height:20px
}

.swsDataGridItemAlt
{
	height:20px
}
.swsDataGridItemSelected
{
	height:20px	
}

.swsDataGridEdit
{
	height:20px
}

.swsDataGridTextBox
{
	color: #0099cc;
	text-align: center;
}


/*  Article control specific  */
.swsArticleBox
{
	position: relative;
	width:760px;
	padding: 122px 0 0 0
}
.swsArticleDate
{
}
.swsArticleHeading
{
}
.swsArticleSubHeading
{
	font-weight: bold;
	padding-bottom: 8px;
	width: 580px;
	padding-top: 5px;
	text-align: left;
	float:left;
	height: auto;
}
.swsArticleLink
{
	height: 20px;
	width: auto;
	margin-top: 5px;
	font-size: 12px;
	float: left;
}
.swsArticleText
{
	float: right;
	width: 450px;
	text-align: justify;
}

/*  ListAllArticlesFlat control specific 
	- used as a simple list of articles by date
 */
.swsListAllArticlesFlatHeading
{
	font-weight: bold;
}
.swsListAllArticlesFlatTitle
{
	font-weight: bold;
}


/*  More article control specific */

.swsMoreArticleImage
{
}
.swsMoreArticleTitle
{
}
.swsMoreArticleDate
{
}
.swsMoreArticleSubHeading
{
}
.swsMoreArticleText
{
}
.swsPair
{
	
	float: left;
	margin-bottom: 3px;
	width: 136px;
	margin-right: 5px;
	height: auto;
}

.swsMultiLineTextBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.swsLeftAlign
{
	float: left;
	width: 120px;
	height:50px;
}
.swsRightOnly
{
	float: right;
}

.swsRight
{
	text-align: right;
	float:right;
}

.swsFloatLeft
{
float:left;
padding:0 10 5 0;

}

/*  Basket and order type things */

/* This class is used to make the device.gif invisible */
.swsbuttonoptionalimage
{
}

.swsbaskettotal
{
	text-align: right;
	
}
.swsregister
{

}
.swsregistertext
{
	margin-top:5px;

}
.swsregisterheading
{

}
.swsregistercontrol
{
}
.swsregisterimage
{
	width:150px;
	float:right;
}

.swswidearea
{
	width:400px
}
.swsregisterleftarea
{	width:250px;
	
}
.swsregisterlink
{
	text-decoration:underline;
}

.swslogininstructiontext
{
	margin-top:40px;
	margin-bottom:10px;
}

.swsmandatory
{
	color:Red;
}

.swsvouchermaintlabel
{
		width:150px;
		float:left;
}

.swsvouchermaintRight
{
	margin-left: 50px;
	float: left;

}

.swsvouchermaintcontrol
{
	margin: 10px;

	
}

.swsvouchermaintwarning
{
}

.swsvouchermaintheading
{
	margin-bottom:10px;
}

.swsVoucherLabel
{

}

.swsVoucherControl
{

}
/*  gkc created new class */
.swsShortArticle
{
	background-image: url(../images/propfinderbacklight.jpg);
	border: 1px solid #0099cc;
	text-align: justify;
	font-size: 10px;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
	float: left;
}
#swsCentralArea
{
	padding-left: 0px;
	float: right;
	width: 598px;
	height: auto;
	background-color: white;
}
/* hopefully be able to remove these when device thing done*/
#swsCentralArea a:link {
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}
#swsCentralArea a:visited {
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}
#swsCentralArea a:hover {
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
	text-decoration: underline;
}
#swsCentralArea a:active {
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}


#swsCentralAreaWide
{
	padding-left: 0px;
	float: left;
	width: 570px;
	height: auto;
	background-color: white;
}
/* hopefully be able to remove these when device thing done*/
#swsCentralAreaWide a:link {
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}
#swsCentralAreaWide a:visited {
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}
#swsCentralAreaWide a:hover {
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
	text-decoration: underline;
}
#swsCentralAreaWide a:active {
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	color: #CC6600;
}
.swsMultipleImages
{
	margin-bottom: 10px;
	width: 185px;
	margin-right: 3px;
	margin-left: 3px;

}
.swsControlImage
{
	margin-top: 2px;
	margin-bottom: 5px;
	vertical-align: top;
	overflow: visible;
	border-top-style: none;
	margin-right: 5px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	/*width:125px;*/
	height:auto;
	float: left;
}
.swsControlImage a:link {
	text-decoration: none;
	background-image: none;
	padding-top: 50px;
	background-position: center center;
}
.swsControlImage a:visited {
	text-decoration: none;
	background-image: none;
	padding-top: 50px;
	background-position: center center;

}
.swsControlImage a:hover {
	text-decoration: none;
	background-image: none;
	padding-top: 50px;
	background-position: center center;
}
.swsControlImage a:active {
	text-decoration: none;
	background-image: none;
	padding-top: 50px;
	background-position: center center;

}

.swsControlImageRight
{
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: top;
	border-top-style: none;
	margin-left: 10px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	float: right;
}
.swsControlImageRight a:link {
	text-decoration: none;
	background-image: none;
	padding-top: 50px;
	background-position: center center;
}
.swsControlImageRight a:visited {
	text-decoration: none;
	background-image: none;
	padding-top: 50px;
	background-position: center center;

}
.swsControlImageRight a:hover {
	text-decoration: none;
	background-image: none;
	padding-top: 50px;
	background-position: center center;
}
.swsControlImageRight a:active {
	text-decoration: none;
	background-image: none;
	padding-top: 50px;
	background-position: center center;

}
.swsInfo
{
	font-size: smaller;
	float: right;
}

.swsCalendar_notavailable
{
	
}
.swsCalendar_available
{
	background-color: lightgreen;
}

.swsCalendar_changeover
{

	background-color: yellow;
}
.swsLabel
{
	clear: left;
	float: left;
	width: 40%;
	
}
.swsLabelNarrow
{
	clear: left;
	float: left;
	width: 20%;
	
}
.swsLabelR
{
	float: left;
	text-align: right;
	width:30%;
}
.swsTextBox
{
	
	margin-left: 5px;
	width: 95px;
	height: auto;
	text-align: left;

}

.swsPanel
{
	border-right: 1px solid;
	padding-right: 5px;
	border-top: 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: 1px solid;
	padding-top: 5px;
	border-bottom: 1px solid;
}