/* Defined styles below */
/* You can alter each and every style as you please. */

/* Body Style */
BODY
{
	scrollbar-face-color:black;
	scrollbar-arrow-color:white;
	scrollbar-track-color:white;
	scrollbar-shadow-color:'white';
	scrollbar-highlight-color:'white';
	scrollbar-3dlight-color:'black';
	scrollbar-darkshadow-Color:'white';
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 8pt;
	background-image: url("http://www.asq.co.za/images/background.jpg");
}


/* standard links */
A:link,A:visited,A:active
{
	font-weight: bold;
	font-size: 8pt;
	color: #5D110F;
	font-family: Arial;
	text-decoration: none;
}	
A:hover
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}


/* links in the client menu */
A.Menu:link,A.Menu:visited,A.Menu:active
{
	font-weight: normal;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}	
A.Menu:hover
{
	font-weight: normal;
	font-size: 8pt;
	color: #4B4B4B;
	font-family: Arial;
	text-decoration: none;
}

/* Defines the style for standard text */
.Text
{
	color: black;
	font-family: Arial;
	font-size: 8pt;
}


/* Defines the style for outer table that encompases the entires site */
.OuterTable
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	color: black;
	font-family: Arial;
	font-size: 8pt;
	background-color: white;
}


/* Defines the style for the login control */
.LoginTable
{
	border-right: #003254 0px solid;
	border-top: #003254 0px solid;
	border-left: #003254 0px solid;
	border-bottom: #003254 0px solid;
	color: #9A1315;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
}

/* Defines the style for td cell in the menu table once the client has logged in */
.ClientMenu
{
	height: 20px;
	padding-top: 2px;
	padding-left: 20px;
	padding-bottom: 2px;
	border-bottom: dotted 1px #B6B6B6;
	background: url("../data/ClientMenu.gif") left middle;
	background-repeat: no-repeat;
}



/* Defines the style for all the sms control tables */
.InnerTable
{
	border-right: #A7A7A7 1px solid;
	border-top: #003254 0px solid;
	border-left: #E4E4E4 1px solid;
	border-bottom: #A7A7A7 1px solid;
	color: black;
	font-family: Arial;
	font-size: 8pt;
	background-color: #F6F6F6;
	width: 100%;
}
.InnerTableHeaderRow
{
	height: 25px;
	background: white url("../data/InnerTableHeader.gif") left top repeat-x;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #9A1315;
}
.InnerTableAltRow
{
	background-color: #F0F0F0;
	font-family: Arial;
	color: Black;
}


/* Defines the style for the Contact us table */
.ContactUsTable
{
	border-right: #A7A7A7 1px solid;
	border-top: #003254 0px solid;
	border-left: #E4E4E4 1px solid;
	border-bottom: #A7A7A7 1px solid;
	color: black;
	font-family: Arial;
	font-size: 8pt;
	background-color: #F6F6F6;
}
.ContactUsTableHeaderRow
{
	height: 25px;
	background: white url("../data/InnerTableHeader.gif") left top repeat-x;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #9A1315;
}



/* Defines the style for the sign up table */
.SignUpTable
{
	border-right: #A7A7A7 1px solid;
	border-top: #003254 0px solid;
	border-left: #E4E4E4 1px solid;
	border-bottom: #A7A7A7 1px solid;
	color: black;
	font-family: Arial;
	font-size: 8pt;
	background-color: #F6F6F6;
}
.SignUpTableHeaderRow
{
	height: 25px;
	background: white url("../data/InnerTableHeader.gif") left top repeat-x;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #9A1315;
}




/* Defines the style for displaying credits */
.Credits
{
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial;
	color:Red;
}


/* Defines the style for errors or alerts that occur */
.ErrorContents
{
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Arial;
	color:Red;
}


/* Defines the style for the buttons */
.Buttons
{
	border-right: black 0px solid;
	border-top: #003255 0px solid;
	border-left: #003255 0px solid;
	border-bottom: black 0px solid;
	font-size: 8pt;
	color: #c4c4c4;
	font-family: Arial;
	background-color: #343434;
	padding-bottom: 0px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	height: 17px;
	width: 90px;
}


/* Defines the style for the textboxes, selects */
.TextBoxes
{
	border-right: #A7A7A7 1px solid;
	padding-right: 1px;
	border-top: #C7C7C7 1px solid;
	padding-left: 2px;
	font-size: 8pt;
	padding-bottom: 1px;
	border-left: #C7C7C7 1px solid;
	color: black;
	padding-top: 1px;
	border-bottom: #A7A7A7 1px solid;
	font-family: Arial;
	background-color: #E6E6E6;
}


/* Defines the style for the tooltips */
#tooltip
{
	display:none;
	position:absolute;
	font-family:Arial;
	font-size:11px;
	color:#333333;
	background-color:#ffffff;
	border:1px solid #003C7A;
	padding:3px;
	z-index:1;
}







/* ----------------------------------------------------------------------------- */
/* User defined styles below */
A.Topmenu:link,A.Topmenu:visited,A.Topmenu:active
{
	font-weight: bold;
	font-size: 9pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}	
A.Topmenu:hover
{
	font-weight: bold;
	font-size: 9pt;
	color: #5D110F;
	font-family: Arial;
	text-decoration: none;
}

A.TopSubmenu:link,A.TopSubmenu:visited,A.TopSubmenu:active
{
	font-weight: bold;
	font-size: 8pt;
	color: #5D110F;
	font-family: Arial;
	text-decoration: none;
}	
A.TopSubmenu:hover
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
A.Bottommenu:link,A.Bottommenu:visited,A.Bottommenu:active
{
	font-weight: normal;
	font-size: 8pt;
	color: #909090;
	font-family: Arial;
	text-decoration: none;
}	
A.Bottommenu:hover
{
	font-weight: normal;
	font-size: 8pt;
	color: #909090;
	font-family: Arial;
	text-decoration: underline;
}



.TopTopTable
{
	border-left: #2D2D2D 4px solid;
	border-right: #2D2D2D 4px solid;
	border-top: #2D2D2D 4px solid;
	border-bottom: #2D2D2D 0px solid;
	width: 100%;
	height: 115px;
}

.TopTable
{
	border-left: black 3px solid;
	border-right: black 3px solid;
	border-top: black 3px solid;
	border-bottom: #2D2D2D 0px solid;
	width: 100%;
	height: 100%;
	background-color: White;
}


.LeftLeftTable
{
	border-top: #2D2D2D 0px solid;
	border-left: #2D2D2D 4px solid;
	border-right: #2D2D2D 0px solid;
	border-bottom: #2D2D2D 4px solid;
	height: 100%;
}
.LeftTable
{
	border-left: black 3px solid;
	border-right: white 0px solid;
	border-bottom: black 3px solid;
	border-top: #2D2D2D 0px solid;
	background: #E6E6E6;
	height: 100%;
	width: 100%;
}
.LeftTableHeader
{
	height: 26px;
	background: white url("../data/leftheader.gif") left top repeat-x;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: White;
}
.LeftTableMenuRow
{
	background: #E6E6E6;
	border-bottom: dotted 1px #B6B6B6;
}
.LeftTableMenuRowOver
{
	background: #F1F1F1 url("../data/ClientMenuLeftBar.gif") left top no-repeat;
	border-bottom: dotted 1px #B6B6B6;
}


.RightRightTable
{
	border-top: #2D2D2D 0px solid;
	border-right: #2D2D2D 4px solid;
	border-left: white 0px solid;
	border-bottom: #2D2D2D 4px solid;
	height: 100%;
	background: white url("../data/rightheader.gif") left top repeat-x;
}
.RightTable
{
	border-left: white 0px solid;
	border-right: black 3px solid;
	border-bottom: black 3px solid;
	border-top: #2D2D2D 0px solid;
	height: 100%;
	background: white url("../data/rightbottom.gif") left bottom repeat-x;
}
.RightContentTop
{
	background: url("../data/righttop.gif") left top repeat-x;
}
.RightContentTableHeader
{
	height: 26px;
	background: url("../data/rightheader.gif") left top repeat-x;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #F2F2F2;
}


.BottomBottomTable
{
	border-top: #2D2D2D 1px solid;
	border-right: #2D2D2D 4px solid;
	border-left: #2D2D2D 4px solid;
	border-bottom: #2D2D2D 4px solid;
	width: 100%;
}
.BottomTable
{
	color: #909090;
	font-family: Arial;
	font-size: 8pt;
	background: black url("../data/bottom.gif") center top no-repeat;
	width: 100%;
}

.Lists
{
	margin-left: 20px;
}


.HomePageTop
{
	border-top: dotted 1px #B6B6B6;
	width: 98%;
	height: 1px;
}

.HomePageLeft
{
	border-left: dotted 1px #B6B6B6;
	height: 90%;
}

/* JAN STYLES */
.myButtons
{
	font-size: 8pt;
	color: #c4c4c4;
	font-family: Arial;
	background: url("../data/menu.jpg") left middle;
	width: 197px;
	height: 26px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-top: 5px;
}
.myOutTableHeading
{
	width: 620px;
	height: 20px;
	background: url("http://new-sms.asq.co.za/data/bgbar.gif") left middle;
	font-size: 10pt;
	color: white;
	font-family: Arial;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-top: 0px;
	font-weight: bold;
	border-top: white 2px solid;
}
.myOutTableBody
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	height: 100%;
	text-align: justify;
	padding:3px;
}