﻿
body {
	padding: 0px;
	margin: 0px auto 0px auto;
	font-family:Arial;
	font-size: 10pt;
	background-color:#FFFFFF;
	color:#333333;
}
.noBanner
{
	background-image:url("");
}
input 
{
		font-family:Arial;
}
select
{
		font-family:Arial;
}

option 
{
		font-family:Arial;
}

form  {
	margin-top:0px;	
	border:solid 1px #82acd2;
}

h1 {
	font-family: Verdana;
	font-weight: normal;
	color: #000000;
	line-height: 2;
	font-size: 20px;
	margin-bottom:0px;
	margin-top:0px;
}

a {
	color: #0993D2;
	text-decoration:none;
}

a:visited {
	color: #0993D2;
	text-decoration:none;
}

a:link {
	color: #0993D2;
	text-decoration:none;
}

a:hover {
    color:#005696;
    text-decoration:underline;
}  


.blueBackground a {
	color: #5a91b8;
	font-weight:bold;
}

.blueBackground a:visited {
	color: #5a91b8;
	font-weight:bold;
}




#loginDiv1
{
    background-image: url('/Images/LoginPage/loginright.png');
    background-position:right;
    background-repeat:no-repeat;
    width:70px;
    height:28px;
}
#loginDiv2
{
    background-image: url('/Images/LoginPage/loginleft.png');
    background-position:left;
    background-repeat:no-repeat;
    width:30px;
    height:28px;
}
#loginDiv3
{
    margin-left:12px;
    background-image: url('/Images/LoginPage/login1px.png');
    background-repeat:repeat-x;
    height:28px;
    width:50px;
    text-align:center;
    color:White;
    font-weight:bold;
}
#loginDiv4
{
	padding-top:5px;
}



.JoinNowBannerDiv1
{
    background-image: url('/Images/JoinNowBannerRight.png');
    background-position:right;
    background-repeat:no-repeat;
    width:965px;
    padding-left:15px;
}
.JoinNowBannerDiv2
{
    background: url('/Images/JoinNowBannerLeft.png') 0 100% no-repeat;
}
.JoinNowBannerDiv3
{
    background: url('/Images/JoinNowBannerBar1px.png') 0 100% repeat-x;
    margin:0 40px 0 40px;
    height:64px;
    font-weight:bold;    
}
.JoinNowBannerDiv4
{
	padding-top:9px;
	font-size:11pt;
	color:#5a91b8;
}

.JoinNowBTNDiv1
{
    background-image: url('/Images/JoinNowButton/JNRight.png');
    background-position:right;
    background-repeat:no-repeat;
    width:120px;
}
.JoinNowBTNDiv2
{
    background: url('/Images/JoinNowButton/JNLeft.png') 0 100% no-repeat;
}
.JoinNowBTNDiv3
{
    background: url('/Images/JoinNowButton/JN1px.png') 0 100% repeat-x;
    margin:0 16px 0 16px;
    background-repeat:repeat-x;
    height:28px;
    font-weight:bold;    
}
.JoinNowBTNDiv4
{
	padding-left:5px;
	padding-top:3px;
	font-size:12pt;
	color:white;
}



.JoinNowBTNSmallDiv1
{
    background-image: url('/Images/JoinNowSmallButton/JNSmallRight.png');
    background-position:right;
    background-repeat:no-repeat;
    width:100px;
}
.JoinNowBTNSmallDiv2
{
    background: url('/Images/JoinNowSmallButton/JNSmallLeft.png') 0 100% no-repeat;
}
.JoinNowBTNSmallDiv3
{
    background: url('/Images/JoinNowSmallButton/JNSmall1px.png') 0 100% repeat-x;
    margin:0 12px 0 12px;
    background-repeat:repeat-x;
    height:24px;
    font-weight:bold;    
}
.JoinNowBTNSmallDiv4
{
	padding-left:5px;
	padding-top:4px;
	font-size:9pt;
	color:white;
}


#contentarea 
{
	padding-bottom:0px;
}

#bannerBack 
{
	margin:10px 0 0 20px;
	border:0px; 
	width:300px;
	height:90px;
	background-image:url("Images/UJ Logo.png");
	background-repeat:no-repeat;
}
#contentTable 
{
	text-align:left;
	background-image:url("Images/gradient image.png");
	background-repeat:repeat-x;	
}

#locationHead {
    padding-left:20px;
    text-transform:capitalize;
    color: #81ADD2;
    text-align:left;
    font-weight:bold;
}

#footer 
{
	padding-top:30px;
	color:#005696;
	font-weight:bold;
}
#footerTop {
	border-top: solid #82acd2 1px;
	background-position:top;
}
#footerBottom 
{
	padding-bottom:4px;
	border-bottom: solid #82acd2 1px;
}
#footerLeft {

}
#footerRight {
	height:30px;
}
#footerContent {
	padding:5px 0 0 16px;
    color: #0993D2;
}
#footer a {
	margin-right:10px;
    font-size:10pt;
    color: #0993D2;
    padding-right: 10px;
    border-right: solid 1px  #0993D2;
}
#footer a:visited {
	color: #0993D2;
}
#footer a:link {
	color: #0993D2;
}
#footer a:hover {
    color:#005696;
    text-decoration:underline;
}  

#footer .lastFooterA {
	border-right: none 0px red;
}

.socialLinkImg
{
	border-style:none;
	vertical-align:middle;

}
#footer .socialLink
{
    padding-right: 0px;
    border-right-style:none;
    margin-right:0px;
}


.paddedArea {
    padding:6px;
    text-align:left;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

.tableDirections {
   font-size:10pt;
   padding-bottom:10px;
}

.label {
	text-align:right;
	vertical-align:top;
}

.errorCell {
	vertical-align:top;
}

.mandatoryField {
	width:300px;
}

.wrappingTextField {
	width:300px;
	height: 200px;
}

.textField {
	width:300px;
}

.comboField {
    width:306px;
    font-family:Verdana;
	font-size: 11px;
}

.mandatoryField {
    font-weight:bold;
}

#rightDiv {
	width: 160px; 
	height: 600px;
}

.mandatory {
	padding-left:16px;
	background-image:url("Images/Required.png");
	background-repeat:no-repeat;	
}

.darkArea .mandatory {
	background-image:url("Images/Required_white.png");
}

.mandatoryMessage {
    position:relative;
    left:850px;
    top:-20px;
}

.button {
    margin:4px 4px 4px 4px;
}

.darkArea {
	background-color: #556892;
	color: White;
}

.darkArea a {
    color:White
}

.darkArea a:visited {
    color:White
}
.darkArea a:hover {
    color:#F3D3AC;
}
.darkArea .button {
    background-color:#9EA9C1;
    border: Outset 1px #546892;
    padding:1px 20px 1px 20px;
    margin:4px 4px 4px 4px;
}
.darkArea .validator {
    font-weight:bold;
}

/* terms and privacy pages*/
.policyList {
    font-weight:bold;
}


.noBulletsList {
    font-weight:bold;
    list-style-type:none;
}

.policyListTitle 
{
}

.policyListText {
    font-weight:normal;   
}

.policyListStrong {
    font-weight:bold;
    font-style:italic;
}

.policyListSub {
   list-style-type:lower-alpha;
   font-weight:bold;
}

.policyListSubSub {
   list-style-type:lower-roman;
   font-weight:bold;
}

.email {
	 font-style:normal;
	 font-weight:normal;
	 font-size:14px;
	 font-family:Verdana,arial,sans-serif;
	 color:#0000FF;
 }

.warning {
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	font-family:Verdana,arial,sans-serif;
	color:#FBB117;
	width: 100%;  
 }
.error {
	 font-style:normal;
	 font-weight:normal;
	 font-size:14px;
	 font-family:Verdana,arial,sans-serif;
	 color:#FF0000;
	 width: 100%;  
 }
 .darkArea .error 
 {
    color:White;
    font-weight:bolder;
    font-size:16px;
    font-family:Verdana,arial,sans-serif;
 }
.blueText 
{
	color:#0993D2;
}
.lightBlueText 
{
	color:#1395d3;
	
}

.blueBorder
{
	border:solid 1px #82acd2;
}

.lightBlueBackground 
{
	background-color:#f6fafd;	
}

.blueBackground 
{
	background-color:#dbe8f7;	
}

.hidden 
{
	display:none;
}

