/* ---- Default Stylesheet Contents ----  */
/*
    01 - Structure
    02 - IE Specific
    03 - Typography
    04 - Horizontal Menu
    05 - Sidebar with translate
    06 - RSS
    07 - Forms
    08 - Links
    09 - Formatting
    10 - Lists
    11 - Footer
    12 - Dropdown Menu
	13 - Alert Box
	14 - Pagination
	15 - Zebra tables
    16 - CSS3
	17 - Notepad
	18 - Centre cookie opt-in
	19 - Validation button
	20 - Clock

*/
/* -------------  Structure ------------  */

.modal {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9999;
    background-color:black;
    opacity:.5; /* Firefox, Safari, Opera, Chrome */
}
.hidden {
	display:none !important;
}
#spin
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:url(../load/load-bar.gif) 50% 50% no-repeat #ececec;
}

html
{
	overflow-y:scroll;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
}

#wrapper
{
	background:#FFF;
	margin:0 auto;
	width:900px;
	font-size:1.2em;
	border-bottom:30px solid #FFF;
	border-top:25px solid #FFF;
	border-left:28px solid #FFF;
	border-right:28px solid #FFF;
}

body
{
	background:url(../images/gradient.gif) repeat-x fixed top center #73ADD7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	padding:10px 0;
	color:#444;
}

*
{
	margin:0;
}

#header
{
	height:215px;
	background:url(../images/header.jpg) no-repeat #73ADD7;
}

#clickable
{
	height:180px;
	cursor:pointer;
	text-align:right;
	position:relative;
}

#logo
{
	cursor:pointer;
	width:260px;
	height:180px;
	position:absolute;
	overflow:visible;
	top:0;
	right:-27px;
}

#content
{
	float:left;
	width:700px;
	min-height:550px;
	margin:-10px 0;
	background-color:transparent;
}

img
{
	border-style:none;
}

/* ------------  IE Specific -----------  */
#ie6Warning,#ie6Warning h2
{
	display:none;
}

.ie5
{
	display:none;
}

/* ------------  Typography ------------  */
p
{
	margin:1.5em .5em;
}

p.justify
{
	text-align:justify;
}

.centre
{
	text-align:center;
	margin:auto;
}

h1
{
	text-align:left;
	margin-bottom:0;
	margin-top:.7em;
	padding:0;
	color:#05529D;
	font:145%/1.8em Georgia, "Times New Roman", Times, serif;
}

h2
{
	margin:10px;
	text-align:left;
	padding:0 0 .25em;
	line-height:2em;
	color:#05529D;
	font:135% Georgia, "Times New Roman", Times, serif;
}

h3
{
	text-align:left;
	border-bottom:1px solid #73ADD7;
	margin-bottom:.5em;
	padding:0 0 1px;
	color:#05529D;
	font:150%/1.8em Georgia, "Times New Roman", Times, serif;
}

h4
{
	text-align:left;
	color:#05529D;
	margin-top:.5em;
	margin-bottom:1em;
	font:140%/.5em Georgia, "Times New Roman", Times, serif;
}

sup
{
	font-weight:400;
	font-size:.83em;
    vertical-align:super;
    line-height:0;
}

.small
{
	font-size:60%;
}

sup a
{
	color:#F90;
	font-weight:400;
	text-decoration:none;
}

.quote
{
	margin:0 10px;
	height:145px;
	min-height:135px;
	font-size:80%;
}

/* ---------- Horizontal Menu ----------  */
#menu-h
{
	height:35px;
	line-height:35px;
	padding:0 10px;
	overflow:hidden;
}

#menu-h ul
{
	list-style-type:none;
}

#menu-h li
{
	float:left;
	width:inherit;
}

#menu-h li a
{
	padding:0 10px;
	display:block;
	color:#FFE;
	margin-right:2px;
	font-weight:700;
	font-size:14px;
	text-decoration:none;
	background-color:inherit;
}

.nolink,.link
{
	padding:0 10px;
	display:block;
	color:#FFE;
	margin-right:2px;
	font-weight:700;
	font-size:14px;
	text-decoration:none;
	background-color:inherit;
}

.nolink img
{
	margin:-3px 5px 0 0;
	vertical-align:text-top;
}

.link img,.link img li a:hover
{
	margin:-3px 4px 0 -12px;
	background:none;
	vertical-align:text-top;
}

#menu-h li a:hover
{
	background:url(../images/bg-menu-hover.png) no-repeat center center;
	color:#014F9C;
	background-color:inherit;
}

/* --------------- Sidebar -------------- */
#sidebar,#sidebar-2
{
	float:right;
	width:180px;
	margin:-15px 2px;
	clear:both;
}

#sidebar-2
{
	clear:right;
	margin:5px 2px;
}

.sb1 /* Top padding */
{
	text-align:center;
	padding:12px 0 0;
	margin:0;
}

.sb2 /* Search */
{
	text-align:center;
	margin:38px auto 25px;
}

/* ---------- Translater Menu ----------  */
.sbtrans /* Translate */
{
	text-align:center;
	margin:25px auto;
}

div#google_translate_element div.goog-te-gadget-simple
{
	border:1px solid #73ADD7;
	background-color:#F8F8F8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 1px #73ADD7;
	-webkit-box-shadow:0 0 1px #73ADD7;
	border-radius:5px;
	box-shadow:0 0 1px #73ADD7;
	width:168px;
	padding:2px 0 0;
	height:1.68em;
	max-height:1.68em;
	min-height:1.68em;
	line-height:1.5em;
	vertical-align:middle;
	text-align:right;
	overflow:hidden;
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span
{
	color:#36B;
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover
{
	color:#E56717;
}

.goog-te-gadget-icon
{
	float:left;
	margin-left:5px;
	opacity:.5;
}

.sb3,.sb3-top,.sb3-bottom
{
	clear:both;
	width:100%;
}

.sb3-top a
{
	text-align:center!important;
	background:url(../images/grad-3.png) 0 0 no-repeat;
	color:#6CC7DC;
}

.sb3-top a:hover,.sb3-top a:active
{
	background:url(../images/grad-3.png) 0 -35px no-repeat!important;
	position:relative!important;
	top:0!important;
}

.sb4
{
/* Switcher */
	clear:right;
	display:none;
/* Remove if used */
	visibility:hidden;
/* Change if used */
	text-align:center;
	vertical-align:middle;
	padding:60px 0 0;
	font-size:60%;
}

.sb4 img
{
	vertical-align:middle;
	padding:0 3px;
}

.sb4 a
{
	text-decoration:none;
}

.sb5
{
	text-align:center;
	margin:20px auto 0;
}

.sb6,.sb7,.sb8,.sb9,.sb10
{
	text-align:center;
	margin:22px auto 0;
}

.sbnote
{
	text-align:center;
	margin:23px auto 0 10px;
	line-height:40px;
	font-size:70%;
	background:url(../images/note_32.png) 12% 70% no-repeat;
}

.sb6 a,.sb7 a,.sb8 a,.sb9 a,.sb10 a
{
	opacity:.8;
}

.sb6 a:hover,.sb7 a:hover,.sb8 a:hover,.sb9 a:hover,.sb10 a:hover
{
	opacity:1.0;
}

.sb12 h4
{
	margin-top:15px;
}

.sbt1,.sbt2,.sbt3,.sbt4,.sb11,.sb12,.sb13
{
/* .sb11, .sb12 = Awards, News |.sb13 = Scroll | .sbt1, .sbt2, .sbt3, .sbt4 = Testimonials */
	text-align:left;
	line-height:1.5em;
	margin:20px auto 0;
	padding:10px 5px 5px;
	font-size:70%;
	overflow:hidden;
	color:#666;
	border:none;
	width:175px;
	max-width:175px;
}

.sbt1,.sbt3,.sbt4
{
	background:url(../images/quote_open_1.png) no-repeat 1% 1%;
}

.sbt2
{
	background:url(../images/quote_open_1.png) no-repeat 1% 1%;
}

.testsig
{
	font-weight:700;
	text-align:right;
	line-height:.01em;
	font-style:italic;
	font-size:60%;
}

.refresh
{
	margin:-3px 0 0;
	vertical-align:middle;
}

.pq
{
	margin:10px 0 0 20px;
	background:url(../images/quote_open_1.png) no-repeat 0 2%;
}

/* ---------------  RSS  ---------------  */
#scroll1,#scroll2,#scroll3
{
	width:180px;
	text-align:left;
}

#scroll1 /* Index */
{
	height:200px;
}

#scroll2 /* Library */
{
	height:550px;
}

#scroll3 /* Resources */
{
	height:90px;
}

.rssclass .rsstitle
{
	font-weight:700;
	color:#F90;
	padding:0;
}

.rssclass .rssdate,.date
{
	color:#CCC;
	font-size:85%;
	padding:0 5px;
}

.rssclass a
{
	text-decoration:none;
}

.rssdescription
{
	padding:0 0 0 5px;
}

/* ----------  Form Elements -----------  */
.button /* Search */
{
	color:#050;
	font:700 60% 'Trebuchet MS', helvetica, sans-serif;
	border:1px solid #73ADD7;
	background-color:#F6F6F6;
	vertical-align:middle;
	cursor:pointer;
}

.button-2 /* Password */
{
	color:#050;
	font:500 80% 'Trebuchet MS', helvetica, sans-serif;
	border:1px solid #73ADD7;
	background-color:#F6F6F6;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
/* Required for CSS3 PIE bug */
	margin:-3px 0 0;
}

.search
{
	width:105px;
	min-width:105px;
	max-width:105px;
	vertical-align:middle;

	height:2em;
	max-height:2em;
	min-height:2em;
	line-height:1.75em;
	padding:1px 0 1px 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#666;
	border:1px solid #73ADD7;
	background-color:#F8F8F8;
}

.formsmarts
{
	font-size:xx-small;
	text-align:center;
	margin:5px;
	width:540px;
}

#jumper select
{
	background-color:#FFFFFC;
	border-color:#CCC;
}

#paypal
{
	text-align:center;
	margin:550px -25px 0 0;
	cursor:pointer;
}

#paypal-1
{
	text-align:center;
	float:right;
	margin:5px 20px 30px 30px;
	cursor:pointer;
}

#goldoutput
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:1.75em;
	overflow:hidden;
	border:none;
	background-color:#FFF;
	width:95%;
}

label,input[type=radio]
{
	font-size:11px;
	vertical-align:middle;
}

/* --------------- Links ---------------  */
a,a:link,.dir
{
	-webkit-tap-highlight-color:#FF5E99;
}

a
{
	text-decoration:none;
	color:#E56717;
	font-weight:700;
	-webkit-transition:color .7s linear;
	-moz-transition:color .7s linear;
	-o-transition:color .7s linear;
	transition:color .7s linear;
}

a:hover
{
	text-decoration:none;
	color:#36B;
	-webkit-transition:color .3s linear!important;
	-moz-transition:color .3s linear!important;
	-o-transition:color .3s linear!important;
	transition:color .3s linear!important;
}

a:active,a:focus
{
	outline:none;
	background-color:inherit;
}
/*
a:active
{
	position:relative;
	top:1px;
}
*/
.blt a,td a
{
	color:#36B!important;
}

.blt a:hover,td a:hover
{
	color:#E56717!important;
}

td a:visited
{
	color:#060!important;
}

a.extlink
{
	padding-right:14px;
	margin:0 0 2px;
	background:transparent url(../images/extlink-mind.png) no-repeat center right;
}

optgroup
{
	font-weight:700;
	font-style:normal!important;
}

a.printversion
{
	padding-right:18px;
	margin:0;
	background:transparent url(../images/printer-16.png) no-repeat 100% 0;
}

/* ------------  Formatting ------------  */
.box
{
	background:#FFF url(../images/gradleft.jpg) repeat-y;
	padding:1em .5em;
	border:1px solid #E8F7F9;
	margin:20px 10px;
}

.boxColour
{
	background:#EDF6FB;
	font-size:85%;
	text-align:justify;
	padding:0 .5em;
	border:1px solid #CCC;
	margin:5px auto;
}

p.topLink,p.topLink a
{
	margin:0 25px 0 0;
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
}

.desc,.desc-ie6
{
	overflow:hidden;
}

.smaller,.sig
{
	font-size:80%;
}

.vsmall
{
	font-size:75%;
	line-height:1.8em;
	background-color:#FFF;
	margin:15px 0 0;
}

.vvsmall
{
	font-size:50%;
	line-height:1.8em;
	color:#999;
	background-color:#FFF;
}

.smallrt
{
	margin:0;
	font:normal 12px/40px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}

.intro
{
	font-weight:400;
	margin:48px 0 46px 50px;
	font-size:145%;
	color:#05529D;
	background-color:inherit;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.sig img
{
	margin:20px 5px 20px 50px;
}

.sig
{
	vertical-align:middle;
}

div.lt
{
	float:left;
	margin:15px 20px 0 0;
	width:auto;
}

div.ltindex
{
	float:left;
	margin:15px 10px 0 0;
	width:auto;
}

div.rt
{
	float:right;
	margin:15px 0 0 10px;
	width:auto;
}

div.rt-nm
{
	float:right;
	margin:0 0 0 10px;
	width:auto;
}

div.rt-sm
{
	float:right;
	margin:30px 30px 5px 0;
	width:auto;
}

#register
{
	display:block;
	width:200px;
	height:90px;
	background:url(../images/register.gif) no-repeat 0 0;
}

#register:hover
{
	background-position:0 -90px;
}

#register span
{
	position:absolute;
	top:-999em;
}

.smltxt
{
	margin:0 auto;
	width:90%;
	font:.7em Verdana, Arial, Sans-Serif;
	text-align:left;
	line-height:22px;
}

.preamble
{
	margin:25px 0 50px auto;
	text-align:left;
	overflow:hidden;
}

.emp
{
	border-bottom:2px solid #373737;
	margin-bottom:.5em;
}

.hi
{
	font-weight:600;
}

.entry
{
	margin-top:5px;
	padding:5px 10px;
	text-align:left;
	line-height:1.75em;
}

.main
{
	margin-bottom:0;
	margin-top:.7em;
	padding:0;
	color:#05529D;
	font:145%/1.8em Georgia, "Times New Roman", Times, serif;
	clear:left;
	padding-top:60px;
	overflow:hidden;
	background:url(../images/intro.jpg) top left no-repeat;
	background-size:860px auto;
	height:0!important;
	text-align:center;
}

.free
{
	margin:30px 0;
	padding:0;
}

.free img
{
	float:left;
	padding:0;
	margin:2px 5px 0 -10px;
}

.footnote
{
	font-size:70%;
	cursor:pointer;
	margin-top:10px;
}

.footnote img
{
	margin:-4px 5px 0 10px;
	vertical-align:middle;
	width:16px;
	height:16px;
}

#smallprint,#reference
{
	background-color:#FFF;
	margin:10px 30px 0;
	display:none;
}

#mindhead
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:600;
	margin:0 5px 0 0;
	color:#05529D;
}

.noscript
{
	text-align:center;
	color:red;
	font-weight:700;
	background-color:inherit;
}

.fltlft-gs
{
	float:left;
	margin:0 5px;
	vertical-align:middle;
}

.fltlft
{
	width:48px;
	height:48px;
	float:left;
	margin:7px 5px 0;
	vertical-align:middle;
}

.fltlft64
{
	float:left;
	width:64px;
	height:64px;
	margin:16px 10px 10px;
}

.fltlft128
{
	float:left;
	width:90px;
	height:128px;
	margin:0 20px 0 5px;
	border-style:solid;
	border-width:thin;
	border-color:#999;
}

.desc-marg-top
{
	margin:35px 0 0;
}

.cite
{
	margin-left:30px;
	margin-right:30px;
	font-size:90%;
}

.smallCentre
{
	text-align:center;
	font-size:80%;
}

/* --------------  Lists ---------------  */
ul.bltin
{
	list-style-type:none;
	margin:20px 10px;
	font:normal 14px/42px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/gradleft.jpg) top left repeat-y;
	padding:1.5em 0 1.5em .5em;
	border:1px solid #E8F7F9;
	background-color:inherit;
}

li.bltin
{
	background-image:url(../images/tick.gif);
	background-repeat:no-repeat;
	background-position:1% 45%;
	padding:0 0 0 25px;
	font-weight:700;
}

ul.blt
{
	list-style-type:none;
	margin:25px 10px;
	font:normal 14px/42px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/gradleft.jpg) top left repeat-y;
	padding:1.5em 0 1.5em 1.5em;
	border:1px solid #E8F7F9;
	text-indent:50px;
	background-color:inherit;
}

li.blt
{
	background-image:url(../images/tick.gif);
	background-repeat:no-repeat;
	background-position:0 40%;
	font-weight:700;
}

.hipln
{
	font-weight:700;
	background:none;
}

#spacer
{
	height:10px;
	min-height:10px;
	max-height:10px;
	clear:both;
	display:block;
}

/* --------------  Footer --------------  */
#footer
{
	clear:both;
	position:relative;
	height:130px;
	margin-top:5px;
	background-color:#73ADD7;
	z-index:2;
}

#footer-links
{
	float:left;
	padding:0 35px;
	margin-top:40px;
	margin-bottom:30px;
	text-align:center;
	line-height:2em;
	cursor:default;
	color:#0455A0;
	font-size:70%;
	font-weight:700;
	width:inherit;
	background-color:inherit;
}

#footer-links a
{
	color:#FFF;
	text-decoration:none;
	background-color:inherit;
}

#footer-links a:hover
{
	color:#FFF;
	text-decoration:underline;
	background-color:inherit;
}

/* -----------  Dropdown Menu ----------  */
ul.dropdown,ul.dropdown li,ul.dropdown ul
{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-webkit-user-select:none;
}

ul.dropdown
{
	position:inherit;
	z-index:1;
	float:left;
}

ul.dropdown li
{
	float:left;
	line-height:20px;
	vertical-align:middle;
	color:#0095D0;
	font-weight:700;
}

ul.dropdown li.hover,ul.dropdown li:hover
{
	position:relative;
	z-index:3;
	cursor:default;
	color:#0095D0;
}

ul.dropdown ul
{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
}

ul.dropdown ul li
{
	float:none;
}

/* -- 2nd drop-down -- */
ul.dropdown ul ul
{
	top:0;
	left:100%;
}

ul.dropdown li:hover > ul
{
	visibility:visible;
}

ul.dropdown li.rtl ul
{
	top:0;
	right:0;
	left:auto;
}

ul.dropdown li.rtl ul ul
{
	top:0;
	right:100%;
	left:auto;
}

/* -- Menu width-- */
ul.dropdown-vertical
{
	width:180px;
}

ul.dropdown-vertical ul
{
	top:0;
	left:100%;
}

ul.dropdown-vertical li
{
	float:none;
}

/* Right-to-Left */
ul.dropdown-vertical-rtl
{
	float:right;
}

ul.dropdown-vertical-rtl ul
{
	top:0;
	left:auto!important;
	right:100%;
/* Overlap */
}

ul.dropdown-vertical-rtl li
{
	text-align:left;
}

ul.dropdown
{
	font-weight:400;
}

ul.dropdown li
{
	padding:7px 10px;
	border-style:solid;
	border-color:#FFF #D9D9D9 #D9D9D9;
	background-color:#F8F8F8;
	border-width:1px 1px 1px 0;
	color:#4C7AD0;
}

ul.dropdown li.hover,ul.dropdown li:hover
{
	background-color:#EEE;
	color:#72AC24;
}

/* Link colours */
ul.dropdown a:link,ul.dropdown a:visited
{
	color:#4C7AD0;
	text-decoration:none;
	font-weight:700;
}

ul.dropdown a:hover
{
	color:#F90;
	text-decoration:none;
	font-weight:700;
}

ul.dropdown a:active
{
	color:#F90;
	text-decoration:none;
	font-weight:700;
	top:0!important;
/* Prevent movement of active links in menu */
}

ul.dropdown ul
{
	width:180px;
/* Sub-menu width */
	margin-top:0;
}

ul.dropdown ul li
{
	font-weight:lighter;
/* Sub-menu links */
}

ul.dropdown .dir
{
	padding-right:20px;
	background-image:url(../images/nav-arrow-left.gif);
	background-repeat:no-repeat;
}

ul.dropdown-vertical-rtl .dir
{
	padding-right:0;
	padding-left:20px;
	background-image:url(../images/nav-arrow-left.gif);
	background-position:3% 55%;
}

ul.dropdown a,ul.dropdown span
{
	display:block;
	padding:7px 20px;
/* Plain links padding left */
}

ul.dropdown li
{
	padding:0;
	border:none;
}

ul.dropdown ul a,ul.dropdown ul span
{
	padding:7px 20px;
/* Plain links padding left */
}

ul.dropdown li.hover,ul.dropdown li:hover
{
	background:url(../images/grad2.png) 0 100% repeat-x;
	color:#6CC7DC;
}

ul.dropdown li a:active
{
	background:url(../images/grad1.png) repeat-x;
}

ul.dropdown ul
{
	margin-top:0;
}

ul.dropdown li a,ul.dropdown .dir
{
	border-style:none;
}

ul.dropdown li.hover .open
{
	border-style:none;
	background-color:#CCC;
	color:#4C7AD0;
}

ul.dropdown ul li.hover .open,ul.dropdown-vertical li.hover .open
{
	padding-left:20px;
	border-top-color:#FFF;
	border-left:solid 1px #F90;
}

ul.dropdown-vertical-rtl li.hover .open
{
	padding-right:10px;
	padding-left:20px;
	border-right-color:#F90;
	border-left:none;
}

ul.dropdown li:hover > .dir
{
/* mouseover to sub menus */
	border-style:none;
	background-color:#CCC;
	padding-left:20px;
	color:#FFF;
	text-shadow:none;
	-webkit-transition:color, background-color .3s linear;
	-moz-transition:color, background-color .3s linear;
	-o-transition:color, background-color .3s linear;
	transition:color, background-color .3s linear;
}

ul.dropdown ul li:hover > .dir,ul.dropdown-vertical li:hover > .dir
{
	padding-left:20px;
	border-top-color:#FFF;
}

ul.dropdown-vertical-rtl li:hover > .dir
{
	padding-right:10px;
	padding-left:20px;
	border-right-color:#F90;
	border-left:none;
}

/* ------------  Alert Box  ------------  */
#modalContainer
{
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10000;
}

#alertBox
{
	position:relative;
	width:320px;
	min-height:100px;
	height:140px;
	margin-top:-70px;
	border:2px solid #444;
	background-color:#F2F5F6;
	background-image:url(../images/alert.gif);
	background-repeat:no-repeat;
	background-position:10% 42%;
}

#alertBox h1
{
	margin:0;
	font:bold .9em Verdana, Arial, Helvetica, sans-serif;
	background-color:#0095CF;
	color:#FFF;
	border-bottom:1px solid #444;
	padding:4px 0 4px 8px;
}

#alertBox p
{
	font:.9em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	text-align:center;
	height:40px;
	padding-left:5px;
	margin:25px 0 0 5px;
}

#alertBox #closeBtn
{
	display:block;
	position:relative;
	margin:8px auto 30px;
	padding:4px;
	border:1px solid #444;
	width:65px;
	font:.7em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#444;
	background-color:#EBE9ED;
	text-decoration:none;
}

/* ------------  Pagination ------------  */
.pag
{
	padding:2px;
	margin:0 auto 30px;
	font-size:70%;
}

.pag ul
{
	margin:0;
	padding:0;
	text-align:center;
}

.pag li
{
	list-style-type:none;
	display:inline;
	margin:5px;
	padding-bottom:1px;
}

.pag a,.pag a:visited
{
	padding:2px 7px;
	border:1px solid #9AAFE5;
	text-decoration:none;
	color:#F90;
}

.pag a:hover,.pag a:active
{
	border:1px solid #2B66A5;
	color:#36B;
	background-color:#EBE9ED;
}

.pag a.currentpage
{
	background-color:#73ADD7;
	color:#FFF!important;
	border-color:#2B66A5;
	cursor:default;
}

.pag a.disablelink,.pag a.disablelink:hover
{
	background-color:#FFF;
	cursor:default;
	color:#929292;
	border-color:#929292;
	font-weight:400!important;
}

.pag a.prevnext
{
	font-weight:400!important;
}

/* --------------  Zebra ---------------  */
#zebra
{
	border:1px solid #D9D9D9;
	line-height:1.3em;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}

#zebra tbody tr td
{
	font-family:"lucida grande", verdana, sans-serif;
	font-size:10pt;
	padding:4px;
	border-left:1px solid #D9D9D9;
	border-collapse:collapse;
}

#zebra tbody tr td img
{
	vertical-align:text-bottom;
	padding:0 3px;
	width:32px;
	height:32px;
	margin-bottom:-8px;
}

#zebra tbody tr
{
	height:50px;
}

#zebra .mid
{
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #D9D9D9;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

#zebra .mid-nb
{
	text-align:center;
	vertical-align:middle;
	border:none;
}

#zebra tbody tr.on td
{
	background-color:#73ADD7;
	color:#FFF;
	font-weight:700;
	text-align:center;
}

#zebra input
{
	border:1px solid #D9D9D9;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFC;
}

#zebra .rdo
{
	border:none!important;
	background-color:transparent;
}

#zebra select
{
	width:120px;
	max-width:120px;
}

#zebra .wide
{
	width:220px;
	min-width:220px;
	max-width:220px;
	overflow-y:hidden!important;
	overflow-x:auto!important;
}

/* --------------  CSS3  ---------------  */
.box,#footer,.box-ng,.blt,.bltin,.boxColour
{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

input
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 1px #73ADD7;
	-webkit-box-shadow:0 0 1px #73ADD7;
	box-shadow:0 0 1px #73ADD7;
}

#alertBox
{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0 0 6px #666;
	-webkit-box-shadow:0 0 6px #666;
	border-radius:4px;
	box-shadow:0 0 6px #666;
}

#wrapper
{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0 0 15px #333;
	-webkit-box-shadow:0 0 15px #333;
	border-radius:8px;
	box-shadow:0 0 15px #333;
}

#header
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 5px #444;
	-webkit-box-shadow:0 0 5px #444;
	border-radius:5px;
	box-shadow:0 0 5px #444;
}

#footer
{
	-moz-box-shadow:0 0 10px #333;
	-webkit-box-shadow:0 0 10px #333;
	box-shadow:0 0 10px #333;
}

ul.dropdown
{
	-moz-box-shadow:0 0 2px #CCC;
	-webkit-box-shadow:0 0 2px #CCC;
	box-shadow:0 0 2px #CCC;
}

#nav,.sb3-top,.sb3-top a
{
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

#nav,.sb3-bottom
{
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}

::selection
{
	background:#FFFBCC;
	color:#000;
	text-shadow:none;
}

::-moz-selection
{
	background:#FFFBCC;
	color:#000;
	text-shadow:none;
}

/* ---------------  NOTEPAD  -----------  */

.notepad 
{
	border:1px solid gray;
	text-align:justify;
	background:lightyellow;
	box-shadow:0 0 12px #818181;
	-webkit-box-shadow:0 0 12px #818181;
	-moz-box-shadow:0 0 12px #818181;
	width:280px;
	padding:7px 10px;
	position:absolute;
	cursor:pointer;
}
.notepad h3 
{
	margin:5px 0;
	border-bottom:none;
	padding:0;
	color:#05529D;
	font:normal;
}
.notepad .close 
{
	float:right;
	font-weight:bold;
	text-align:center;
	display:block;
}
.notepad form 
{
	margin:0;
	padding:0;
}
.notepad form fieldset 
{
	margin-top:1em;
}
.notepad form legend 
{
	font-weight:bold;
}
.notepad form input[type=text] 
{
	width:98%;
}
.notepad form textarea 
{
	width:98%;
	height:150px;
}
.notepad form a.control 
{
	text-decoration:none;
	padding:2px 20px;
	text-align:center;
	margin:5px 0;
	display:block;
	margin-top:5px;
	font:bold 13px Verdana;
	border:1px solid #778;
	color:white;
	border:1px solid gray;
	background:green;
	-moz-box-shadow:3px 3px 4px rgba(0,0,0,.5); 
	box-shadow:3px 3px 4px rgba(0,0,0,.5);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:-moz-linear-gradient(center top, #7ad690, #3EC05C 25%, #298A40 45%, #3EC05C 85%, #7AD690);
	-webkit-box-shadow:3px 3px 4px rgba(0,0,0,.5); 
	background:-webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3EC05C), color-stop(45%, 						#298A40), color-stop(85%, #3EC05C), to(#7AD690));
}
.notepad form a.delete 
{
	background:darkred;
	background:-moz-linear-gradient(center top, #F5795D, #E55E3F 25%, #D02700 45%, #E55E3F 85%, #F5795D);
	background:-webkit-gradient(linear, center top, center bottom, from(#F5795D), color-stop(25%, #E55E3F), color-stop(45%, #D02700), color-stop(85%, #E55E3F), to(#F5795D));
}
.notepad:before /*top left tape effect*/
{ 
	content:'';
	position:absolute;
	width:120px;
	height:25px;
	border-left:1px dashed rgba(0, 0, 0, 0.1);
	border-right:1px dashed rgba(0, 0, 0, 0.1);
	background:rgba(0, 0, 0, 0.1);
	background:-webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	background:-moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
	-webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 12px rgba(0, 0, 0, 0.2);
	-webkit-transform:translate(-70px,0)
	skew(10deg,10deg)
	rotate(-50deg);
	-moz-transform:translate(-70px,0)
	skew(10deg,10deg)
	rotate(-50deg);
	-o-transform:translate(-70px,0)
	skew(10deg,10deg)
	rotate(-50deg);
	-ms-transform:translate(-70px,0)
	skew(10deg,10deg)
	rotate(-50deg);
	transform:translate(-70px,0)
	skew(10deg,10deg)
	rotate(-50deg);
}

/* ----------  Centre Opt-in -----------  */
.centreAll
{
	width:600px;
	min-width:600px;
	height:240px;
	min-height:240px;
	position:absolute;
	line-height:1.2em;
	left:50%;
	top:50%;
	padding:20px 10px 50px;
	margin:-120px 0 0 -300px;
	background:#4E8FC4!important;
	color:#FFF;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0 8px 8px -4px #032340;
	-moz-box-shadow:0 8px 8px -4px #032340;
	box-shadow:0 8px 8px -4px #032340;
}

input.btnno
{
	color:#FFF;
	font:bold 90% 'trebuchet ms',helvetica,sans-serif;
	background-color:#0C4FA0;
	opacity:.9;
	padding:3px 5px;
	margin:3px;
	border:1px solid;
	border-color:#448DC1 #234862 #234862 #448DC1;
	cursor:pointer;
}

input.btnyes
{
	color:#FFF;
	font:bold 90% 'trebuchet ms',helvetica,sans-serif;
	background-color:#F90;
	opacity:.9;
	padding:3px 5px;
	margin:3px;
	border:1px solid;
	border-color:#696 #363 #363 #696;
	cursor:pointer;
}

input[type=checkbox]
{
/* Alignment for checkbox on index page  */
	vertical-align:middle;
	position:relative;
	margin:0 1px .5px 0;
}

/* ----------  Validate icon -----------  */
div.validate
{
	z-index:1;
	float:right;
	padding:0;
	margin:10px 10px 25px;
	position:relative;
	background-color:transparent;
}

/* --------------  Clock ---------------  */
#clock {
    height:150px;
	width:200px;
	float:right;
	margin:15px;
}
#canvas {
	background:url(../images/cface.png) 50% 50% no-repeat;
	margin:0 0 0 -45px;
	opacity:.9;
}