/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
ul{
	list-style-type:none;
	list-style-image:none;
	list-style-position:inside;
}
body {
	background-position:center;
	text-align: justify;
	background-color:#00517F;
	font: 13px Arial, Helvetica, sans-serif;
}

#wrapper {
	width:1000px;
	margin: 0 auto;
	padding: 0;
}
.Red{
color:#FF0000;
}

#header{
text-align:right;
width:1000px;
height:33px;
background-color:#00517F;
}
#topmenu{
float:right;
font-weight:bold;
color:#ededed;
margin:7px 16px 0px 0px;
}
#topmenu a:link {
	color:#ededed;
	font-weight:bold;
	font-size:14px;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#topmenu a:visited {
	color:#ededed;
	font-weight:bold;
	font-size:14px;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#topmenu a:hover {
	color:#ededed;
	font-weight:bold;
	font-size:14px;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#topmenu a:active {
	color:#ededed;
	font-weight:bold;
	font-size:14px;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}


/*username check */

.messagebox{
 position:absolute;
 width:100px;
 margin-left:10px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:10px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:10px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}

/*username check*/



#leftsidebar{
width:13px;
height:667px;
}
#rightsidebar{
float:right;
width:14px;
height:667px;
background-image:url(images/Oztutor_06.png);
}

#wholeBody{
float:left;
margin-top:-667px;
margin-left:13px;
width:973px;
min-height:667px;
height:auto !important;
height:667px;
background-color:#ededed;
}

#bannerTop{
float:left;
width:973px;
height:108px;
}
#bannerTopLeft{
float:left;
width:205px;
height:108px;
background-image:url(images/OzTutor_Logo.png);
}
#bannerTopCentre{
float:left;
width:549px;
height:108px;
background-image:url(images/Oztutor_04.png);
}
#bannerTopRight{
float:left;
width:219px;
height:108px;
background-image:url(images/Oztutor_05.png);
}
#bannerTopRightInner{
float:left;
width:219px;
height:108px;
background-image:url(images/Oztutor_05_inner.png);
}

#bannerFlash{
float:left;
width:748px;
height:215px;
margin-left:6px;
}
#studentLogin{
float:left;
width:199px;
height:208px;
background-color:#FFFFFF;
margin:7px 0px 0px 10px;
}
#studentLoginButton{
float:left;
width:199px;
height:36px;
background-image:url(images/Oztutor_11.png);
}
#teacherLoginButton{
float:left;
width:199px;
height:36px;
background-image:url(images/Teacher_login.png);
}

#studentLoginForm{
float:left;
width:199px;
height:172px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
background-color:#FFFFFF;
}
/* Start forms*/

#studentLoginForm label{
	margin: 10px 0px 0 0px;
	padding: 2px 2px;
float: left;
}

#studentLoginForm input{
	float:right;
	margin: 10px 3px 0 0px;
	padding: 2px 2px;
	width:120px;
	border: 1px solid #949494;
	background: #FFFFFF;
	font-size: 10px;
	color: #000000;

}
#studentLoginForm #submit{

}

#studentLoginForm br{
clear: left;
}

/* End forms*/
#studentLoginForm a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}
#studentLoginForm a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}
#studentLoginForma:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}
#studentLoginForm a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}

#forgotPasswordLink{
float:left;
width:140px;
height:14px;
}

/* Start forms*/
#studentLoginFormImage{
float:right;
margin-top:-12px;
}
#studentLoginFormImage input{
border:0px;
width:52px;
height:14px;
}
br{
clear: left;
}

/* End forms*/





#packageBox{
float:left;
width:748px;
height:251px;
margin:7px 0px 0px 6px;
background-color:#FFFFFF;
}

#heading1{
float:left;
width:203px;
height:37px;
margin:7px 0px 0px 6px;
background-image:url(images/Oztutor_19.png);
}
#heading2{
float:left;
width:7px;
height:37px;
margin:7px 0px 0px 0px;
background-image:url(images/Oztutor_20.png);
}
#heading3{
float:left;
width:520px;
height:37px;
margin:7px 0px 0px 0px;
background-image:url(images/Oztutor_21.png);
}

#content1{
float:left;
width:748px;
height:58px;
}

#content2{
float:left;
width:504px;
height:138px;
}
#content3{
float:left;
width:221px;
height:138px;
background-color:#c9e9fb;
}

#testimonialBox{
float:left;
width:200px;
height:251px;
background-color:#FFFFFF;
margin:7px 0px 0px 10px;
}
#heading4{
float:left;
width:200px;
height:34px;
background-image:url(images/Oztutor_22.png);
}
#content4{
float:left;
width:200px;
height:143px;
}
#content5{
float:left;
width:200px;
height:74px;
background-image:url(images/Oztutor_29.png);
}

#content6{
float:left;
padding:5px 10px 5px 40px;
}
#content7{
float:left;
width:211px;
height:100px;
background-color:#FFFFFF;
margin:0px 5px 5px 5px;
}

.post{
}
.post .entry1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #666666;
	padding:5px 10px 5px 10px;
}
.post .entry2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:justify;
	color: #666666;
	padding: 7px 5px 0px 15px;
}
.post .entry3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:justify;
	color: #666666;
	padding: 7px 5px 5px 15px;
}
.post .entry4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #333333;
	padding: 10px 5px 10px 15px;
}
.post .entrySkype{
	float:right;
	width:124px;
	height:52px;
	background-image:url(iamges/call_blue_white_124x52.png);
	padding: 20px 18px 0px 0px;
}



#content6 a:link {
    COLOR: #55798d;
    font-size : 14px; 
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#content6 a:visited {
    COLOR: #55798d;
    font-size : 14px; 
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#content6 a:hover {
    COLOR: #55798d;
    font-size : 14px; 
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#content6 a:active {
    COLOR: #55798d;
    font-size : 14px; 
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}





#content4 a:link {
    COLOR:#333333;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#content4 a:visited {
    COLOR:#333333;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#content4 a:hover {
    COLOR:#333333;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#content4 a:active {
    COLOR:#333333;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}

#bg1{
float:left;
min-height:473px;
height:auto !important;
height:473px;
}



#leftNavigation {
	float:left;
	margin:10px 10px 10px 10px;
}

#PageCentre {
	width:900px;
	float:left;
	min-height:473px;
	height:auto !important;
	height:473px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#PageCentre a:link {
    color: #EE7942;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#PageCentre a:visited {
    color: #EE7942;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#PageCentre a:hover {
    color: #EE7942;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#PageCentre a:active {
    color: #EE7942;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}





#PageCentreWhiteboard {
	width:950px;
	float:left;
	min-height:473px;
	height:auto !important;
	height:473px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#PageCentreWhiteboardLogout {
	width:973px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#TopNavigation{
float:left;
width:973px;
}
#Welcome{
float:left;
width:973px;
}
#clock{
float:right;
margin-top:-16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #666666;
}
#clock input{
	padding: 2px 2px;
	width:50px;
	border: 1px solid #949494;
	font-size: 10px;
}


#WhiteboardLogoutRight{
	float:right;
	margin-right:18px;
}
#WhiteboardLogoutLeft{
	float:left;
}
#skypeButton{
	float:left;
	margin-right:5px;
}
#StaticPageCentre {
	float:left;
	width:700px;
	min-height:350px;
	height:auto !important;
	height:350px;
}





.bslinks14 {	
font-family:Georgia, "Times New Roman", Times, serif;
color: #666666; font-size:14px;
}
.bslinks15 {	
font-family:Georgia, "Times New Roman", Times, serif;
color: #EE7942; font-size:14px;
}
.bslinks16 {	
font-family:Georgia, "Times New Roman", Times, serif;
color: #666666; font-size:12px;
}
.bslinks17 {	
font-family:Georgia, "Times New Roman", Times, serif;
color: #EE7942; font-size:16px;
}


/* Start forms*/
#PersonalContactInputs{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#PersonalContactInputs label{
	float: left;
	width: 200px;
}
#PersonalContactInputs input{
width:230px;
height:18px;
}
#PersonalContactInputs select{
height:18px;
}
#PersonalContactInputs textarea{
width:230px;
}
#PersonalContactInputs .boxes{
width: 1em;
}
#PersonalContactInputs #submit{
}
#PersonalContactInputs br{
clear: left;
}

#PersonalContactInputs a:link {
	color:#333333;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#PersonalContactInputs a:visited {
	color:#333333;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#PersonalContactInputs a:hover {
	color:#333333;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration:underline;
}
#PersonalContactInputs a:active {
	color:#333333;
	font-weight:bold;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}





/* End forms*/
/* Start forms*/
#PersonalContactInputsImage{
width:90px;
height:29px;
margin-left:210px;
}
#PersonalContactInputsImage input{
width:90px;
height:29px;
}
br{
clear: left;
}

#STDCode{
	float:left;
	font-size: 11px;
}
#STDCode input{
width:40px;
}
#phoneNum{
	font-size: 11px;
}
#phoneNum input{
width:125px;
}

#mobNum{
	font-size: 11px;
}
#mobNum input{
width:140px;
}



/* End forms*/
#ChangePasswordImage{
margin-left:208px;
}
#ChangePasswordImage input{
width:115px;
height:29px;
}
br{
clear: left;
}

/* End forms*/
#TimetableImage{
}
#TimetableImage input{
width:115px;
height:29px;
}
br{
clear: left;
}
/* End forms*/
#PackageImage{
}
#PackageImage input{
width:115px;
height:29px;
}
br{
clear: left;
}
/* End forms*/
#BackImage{
float:left;
width:90px;
height:29px;

}
#BackImage input{
width:90px;
height:29px;
}
br{
clear: left;
}
/* End forms*/
#BuyPackageImage{
float:left;
width:115px;
height:29px;
}
#BuyPackageImage input{
width:115px;
height:29px;
}
br{
clear: left;
}
/* End forms*/
#SubmitButtonImage{
margin-left:208px;
}
#SubmitButtonImage input{
width:90px;
height:29px;
}
br{
clear: left;
}
/* End forms*/
#SubmitButtonImageContact{
margin-left:200px;
}
#SubmitButtonImageContact input{
width:90px;
height:29px;
}
br{
clear: left;
}

/* End forms*/
#LogoutButtonImage{
}
#LogoutButtonImage input{
	border: 0px;
width:90px;
height:29px;
}
br{
clear: left;
}
/* End forms*/
#NextButtonImage{
float:left;
width:90px;
height:29px;
margin-left:33px;
}
#NextButtonImage input{
width:90px;
height:29px;
}
br{
clear: left;
}






/*menu*/
.smalltext   { font-family: Verdana;         font-size: 8pt;  text-decoration: none }
.htmltext    { font-family: Arial, Helvetica, sans-serif;         font-size: 10pt; text-decoration: none }
.sroman      { font-family: Times New Roman; font-size:  8pt; text-decoration: none }
.nroman      { font-family: Times New Roman; font-size: 10pt; text-decoration: none }
.broman      { font-family: Times New Roman; font-size: 12pt; text-decoration: none }


.header      { font-family: Arial;           font-size: 14pt; text-decoration: none }

a:active     { font-family: Verdana; font-size: 8pt; color: #FFFFFF; text-decoration: none }
a:link       { font-family: Verdana; font-size: 8pt; color: #FFFFFF; text-decoration: none }
a:visited    { font-family: Verdana; font-size: 8pt; color: #FFFFFF; text-decoration: none }
a:hover      { font-family: Verdana; font-size: 8pt; color: #FFFFFF; text-decoration: underline; }

.formtext    { font-family: Verdana; font-size: 8pt;  text-decoration: none; border-style: solid; border-width: 1; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1 }
.roformtext  { border:1px solid #C0C0C0; font-family: Verdana; font-size: 8pt;  text-decoration: none; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1 }
.redformtext { border:1px solid #FF0000; font-family: Verdana; font-size: 8pt;  text-decoration: none; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1 }
.buttontext  { font-family: Verdana; font-size: 8pt;  text-decoration: none; border-style: solid; border-width: 1; background-color: #CCCCCC; padding:0;  }


#menu2 {
	width: 200px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;
	}
#menu2 ul a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	list-style-type:none;
	list-style-image:none;
	list-style-position:inside;
	text-decoration: none;
	}	
	
#menu2 ul a:link, #menu2 ul a:visited {
	color: #3688BA;
	display: block;
	background:  url(menu2.gif);
	list-style-type:none;
	list-style-image:none;
	list-style-position:inside;
	padding: 8px 0 0 30px;
	}
	
#menu2 ul a:hover {
	color: #3688BA;
	background:  url(menu2.gif) 0 -32px;
	list-style-type:none;
	list-style-image:none;
	list-style-position:inside;
	padding: 8px 0 0 32px;
	}
	
#menu2 ul a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	list-style-type:none;
	list-style-image:none;
	list-style-position:inside;
	text-decoration: none;
	}	
	
#menu2 li a:link, #menu2 li a:visited {
	color: #3688BA;
	display: block;
	background:  url(menu2.gif);
	padding: 8px 0 0 30px;
	}
	
#menu2 li a:hover {
	color: #3688BA;
	background:  url(menu2.gif) 0 -32px;
	padding: 8px 0 0 32px;
	}
/*menu*/




/*Teachers divisions*/
#TeacherLogin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin:200px 0px 0px 100px;
}
#TeacherLogin label{
	float: left;
	width: 200px;
}
#TeacherLogin input, textarea{
width:230px;
}
#TeacherLogin textarea{
width:230px;
}
#TeacherLogin .boxes{
width: 1em;
}
#TeacherLogin #submit{
}
#TeacherLogin br{
clear: left;
}

/* End forms*/


#dabbleDemo{
	float:left;
	color:#333333;
}




#footer{
float:left;
width:973px;
height:66px;
background-color:#ededed;
}
#footerMenu{
float:left;
color:#666666;
font-size:10px;
font-weight:bold;
margin:20px 0px 0px 30px;
}
#footerMenu a:link {
	color:#666666;
	font-weight:bold;
	font-size:10px;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#footerMenu a:visited {
	color:#666666;
	font-weight:bold;
	font-size:10px;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#footerMenu a:hover {
	color:#666666;
	font-weight:bold;
	font-size:10px;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
#footerMenu a:active {
	color:#666666;
	font-weight:bold;
	font-size:10px;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}


#footerBottom{
float:left;
width:973px;
height:20px;
background-color:#00517F;
}


#popUpWindowStyle{
	margin:20px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#popUpWindowStyle label{
	width: 160px;
}
#popUpWindowStyle input, textarea{
	width:100px;
}
#popUpWindowStyle textarea{
	width:100px;
}
#popUpWindowStyle .boxes{
	width: 1em;
}
#popUpWindowStyle #submit{
}
#popUpWindowStyle br{
	clear: left;
}
.timer{
	clear:both;
	padding-top:10px;
	font-weight:bold;
	color:#666666;
}
.timer input{
	width:140px;
}
.timer_red{
	background-color:#BB1E39;
	color:#FFFFFF;
}
.reminder{
	color:#C62455;
}