#container {width: 900px;
/* text-align:center;to be changed from 'center' to 'left' 28/4/2008 */
text-align:left; /* changed from 'center' to 'left' 28/4/2008 */
padding-bottom:10px;
background-color: #c0c0c0;
/* But seems to stop all links working in FF and Chrome!!!! */
/* position:relative;
z-index:-100; */
/*Without this popup calendar is obscured in IE*/
}
#mainpage2 { /*Used on members' section pages*/
float: left;
width: 100%;
/* padding: 0px 0px 10px 0px;*/
padding: 0px 0px 50px 0px;
background-color: #E8FFFF;
/* min-height: 500px; */
position:relative;
}
#mainpagefooter {
width: 100%;
height:50px;
padding: 0px;
/*border: thin solid #FF0000; */
position:absolute;
bottom:0px;
left:0px; /* to fix hoizontal position correctly in IE8 */
/* background-color:#CCCCFF; */
z-index:1;
}
#mainpagefooter2 { /*Use on courselist pages */
width: 100%;
padding: 0px;
/*border: thin solid #FF0000; */
position:absolute;
bottom:50px;
left:0px; /* to fix horizontal position correctly in IE8 */
/* background-color:#CCCCFF; */
z-index:1;
}
#mainpagetable {
width: 640px; /*Added to get centering to work on both IE and FF*/
padding: 0px;
margin-left:33px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: normal;
color: #000080;
/* border: thin solid #000000; */
float:left;
clear:both;
position:relative;
/* margin-bottom:50px; */ /*This IE8 ignores this!! */
}
/* Experimenting with the above to get bottom of page layout sorted */
/*/////////////////////////////////////////////////////////////////////////////////////*/
body {margin: 0;
/* text-align:center; */ /* Rob - changed to left align as using center does not work with Mozilla Sep 2009*/
text-align:left;
background-color: #FFFFFF;
}
#bsaclogo {
width: 900px;
height: 70px;
/* height:85px; */
}
#header {width: 900px;/* changed 28/10/07 */
height:105px;
/*padding: 0px 15px 0px 15px; removed 1/4/08 */
/*background-image: url(http://www.kuwaitmantas.com/images/mantasbanner-900x116.jpg); changed 10/11/07 */
background-image: url(http://www.kuwaitmantas.com/images/mantasbanner.jpg); /* changed by Rob 02/12/09 New header image supplied by Imogen Walker*/
/*Image changed Nov 2011 to say "Diving Club" - image created by Rob H-J */
}
#headerlinks {width: 870px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
/* padding-bottom:2px;*/
text-align: right;
color:#FF6600;
}
#headerupdating {width: 870px; /*For use in the online page editing module*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#FF0000;
font-weight:bold;
/* padding-bottom:2px;*/
text-align: right;
}
#content {width: 100%;}
#envelope { /* To create a 2px "border" around #mainpage or #mainpage2 as borders are rendered in different ways in FF and IE - it seems.*/
width:700px;
padding:2px;
background-color: #000080;
float:left;
margin-bottom:10px;
position:relative; /* Needed for IE otherwise calendar popup is obscured by the mainpage2 div */
}
#envelope2 { /* For use with pages where the menu is not to show. Added by Rob Dec 2009*/
width:840px;
padding:2px;
background-color: #000080;
margin-left: 30px;
float:left;
margin-bottom:10px;
}
#menu {float: left;
width: 140px;
top: 0px;
left: 0px;
margin-left: 30px;
}
#mainpage { /* Used on public pages*/
float: left;
width: 100%;
/*margin-bottom: 5px; */
padding: 0px 0px 0px 0px;
background-color: #ffffff;
}
#content2 {width: 630px;
margin-left: 33px;
margin-right: 0px;
border-bottom: thin solid #000080;
/* background-color: #ffffff; */
padding-bottom:10px;
margin-bottom:10px;
float:left;
}
/* Added 07/09/09. Identical to content2 except background colour. For use with members/kuwaitmantasmem.php*/
#content2mem {width: 630px;
margin-left: 33px;
margin-right: 0px;
border-bottom: thin solid #000080;
/* background-color: #E8FFFF; */
padding-bottom:10px;
margin-bottom:10px;
float:left;
}
#content3 {width: 630px;/*Identical to content2 but no bottom border*/
margin-left: 33px; /*Try using padding on the main page instead - Rob*/
margin-right: 0px;
/* background-color: #ffffff;*/
/* padding-bottom:10px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
}
/* Added 07/09/09. Identical to content3 except background colour. For use with members/kuwaitmantasmem.php*/
#content3mem {width: 630px;/*Identical to content2 but no bottom border*/
margin-left: 33px; /*Try using padding on the main page instead - Rob*/
margin-right: 0px;
background-color: #E8FFFF;
/* padding-bottom:10px;*/
float:left;
}
#content5 {width: 630px;/*Similar to content2 but for use on pages without the menu displayed*/
margin-left: 103px;
margin-right: 0px;
/* background-color: #ffffff;*/
/* padding-bottom:10px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
}
#content6 {width: 630px;/*Similar to content5 but with a bottom border*/
margin-left: 103px;
margin-right: 0px;
border-bottom: thin solid #000080;
/* background-color: #ffffff;*/
/* padding-bottom:10px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
}
#previewheader {/*Used at top and bottom of page preview to show you are still in the members' section. Same background colour as div mainpage2. Added by Rob 16/10/09*/
width: 700px;/*width: 100%; works in Firefox but no in IE!!*/
background-color: #E8FFFF;
float:left;
}
#content4 {width: 232px;
margin-right: 0px;
position:relative;
float:left;
}
#thumbnailcontent {
width: 630px;
margin-left:33px;
/*background-color:#FFFFFF; */
float:left;
}
#thumbnail {
width:157px;
padding-top:10px;
padding-bottom:10px;
float:left;
margin-left:0px;
/*background-color:#FFFFFF;*/
}
#sectionstart {
width: 700px;
float:left;
background-color:#DFDFDF;
border-bottom-color:#000000;
border-bottom-width: thin;
border-bottom-style: dotted;
border-top-color:#000000;
border-top-width: medium;
border-top-style:solid;
margin-bottom: 20px;
padding-top:5px;
padding-bottom:5px;
}
#sectioncontentfull {width: 630px;
float:left;
text-align:center;
padding-left: 33px;
}
#buttoncontainer {width: 100%;
float:left;
}
#buttoncontainertop {width: 100%;
background-color:#66CC99;
float:left;
padding-top:5pt;
border-bottom: 2px solid #000080;
margin-bottom:10px;
}
#buttoncontainerbottom {width: 100%;
background-color:#66CC99;
float:left;
padding-top:5pt;
border-top: 2px solid #000080;
}
#sectionend {width: 630px;
margin-left: 33px;
margin-right: 0px;
background-color:#CCCC99;
float:left;
border-bottom-color:#6600CC;
border-bottom-style:dashed;
border-bottom-width:medium;
}
#spacer {
float:left;
/* width: 100%;*/ /*removed as does not work correctly in IE8*/
width: 700px;
background-color:#000000;
height: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFF33;
text-align:center;
}
#graphiccentered {float: center; /*added 10/11/07 by Rob 16/11/07*/
padding: 20px;
/* background-color:#ffffff; */
margin-bottom: 5px;
}
#graphicleft {float: left; /*added 16/11/07 by Rob*/
padding: 20px;
/*background-color: #ffffff;*/
margin-bottom: 5px;
}
#graphicright {float: right; /*added 16/11/07 by Rob*/
padding: 20px;
/* background-color: #ffffff; */
margin-bottom: 5px;
}
.centeredimage
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
#imageupload150 {/* added Sep 2010 by Rob*/
/* places uploading icon over the image on page editing section */
position:relative;
top:-32px;
right:2px;
width:150px;
text-align: right;
height:30px;
}
#imageupload250 {/* added Sep 2010 by Rob*/
/* places uploading icon over the image on page editing section */
position:relative;
top:-32px;
right:2px;
width:250px;
text-align: right;
}
#imageupload275 {/* added Sep 2010 by Rob*/
/* places uploading icon over the image on page editing section */
position:relative;
top:-32px;
right:0px;
width:270px;
text-align: right;
}
#imageupload590 {/* added Sep 2010 by Rob*/
/* places uploading icon over the image on page editing section */
position:relative;
top:-32px;
right:2px;
width:590px;
text-align: right;
}
#caption150up {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
background-color: #ffff99;
position:relative;
top:-30px;
width:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
color:#330099;
}
#caption150blankup {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
position:relative;
top:-30px;
width:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 10pt;
color:#330099;
}
#caption250up {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
background-color: #ffff99;
position:relative;
top:-30px;
width:250px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
color:#330099;
}
#caption275up {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
background-color: #ffff99;
position:relative;
top:-30px;
width:275px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
color:#330099;
}
#caption275blankup {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
position:relative;
top:-30px;
width:275px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 10pt;
color:#330099;
}
#caption590blankup {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
position:relative;
top:-30px;
width:590px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 10pt;
color:#330099;
}
#caption590up {/* added Sep 2010 by Rob*/
/* shifts caption div up on page editing section to compensate for placement in imageupload divs */
background-color: #ffff99;
position:relative;
top:-30px;
width:590px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
color:#330099;
}
#caption250 {/* added 13/11/07 by Rob*/
background-color: #ffff99;
width:250px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
color:#330099;
}
#caption250blank {/* added 16/10/09 by Rob*/
width:250px;
text-align: left;
}
#caption150 {/* added 13/11/07 by Rob*/
background-color: #ffff99;
width:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
color:#330099;
}
#caption150blank {/* added 16/10/09 by Rob*/
width:150px;
text-align: left;
}
#caption590 {/* added 13/11/07 by Rob*/
background-color: #ffff99;
width:590px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
color:#330099;
}
#caption590blank {/* added 16/10/09 by Rob*/
width:590px;
text-align: left;
}
#caption275 {/* added 13/11/07 by Rob*/
background-color: #ffff99;
width:275px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
color:#330099;
}
#caption275blank {/* added 16/10/09 by Rob*/
width:275px;
text-align: left;
}
#textfull {width: 630px; /*added 10/11/07 by Rob*/
float: left;
padding-top:0px;
padding-bottom:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #000080;
/*text-align: left; */
/* background-color: #ffffff; */
}
#text {width: 440px;
float: right;
padding-top:0px;
padding-bottom:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #000080;
/*background-color:#FFFFFF; */
}
#content2 #text h1{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 12pt;
font-weight: bold;
color: #FF0066;
}
#content3 #text h1{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 12pt;
font-weight: bold;
color: #FF0066;
}
#content2 #textfull h1{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 12pt;
font-weight: bold;
color: #FF0066;
}
#content3 #textfull h1{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 12pt;
font-weight: bold;
color: #FF0066;
}
#content2 #text p {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 10pt;
font-weight: normal;
color: #000080;
text-align:justify;
}
#content3 #text p {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 10pt;
font-weight: normal;
color: #000080;
text-align:justify;
}
#content2 #textfull p
{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 10pt;
font-weight: normal;
color: #000080;
text-align:justify;
}
#content3 #textfull p
{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 10pt;
font-weight: normal;
color: #000080;
text-align:justify;
}
#content2 #text h2 {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 12pt;
font-weight: bold;
text-align:left;
color: #000080;
}
#content3 #text h2 {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 12pt;
font-weight: bold;
text-align:left;
color: #000080;
}
#content2 #textfull h2{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 12pt;
font-weight: bold;
text-align:left;
color: #000080;
}
#content3 #textfull h2{font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 12pt;
font-weight: bold;
text-align:left;
color: #000080;
}
#content2 #textfull .intro{
text-align:justify;
font-size:12px;
font-weight:bold;
color: #000080;
}
#content3 #textfull .intro{
text-align:justify;
font-size:12px;
font-weight:bold;
color: #000080;
}
#content2 #text .intro{
text-align:justify;
font-size:12px;
font-weight:bold;
color: #000080;
}
#content3 #text .intro{
text-align:justify;
font-size:12px;
font-weight:bold;
color: #000080;
}
#banner {width: 630px;/* added 10/11/07 by Rob*/
padding-top:5px;
padding-bottom:5px;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #ffffff;
font-weight: bold;
/*border-top: thin solid #000080;
border-bottom: thin solid #000080; */
background-color: #000080;
}
#mainpanel {float: left; /* new div added 29/10/07 */
width: 480px;
margin-right: 0px;
padding: 0px;
min-height: 480px;
}
#promopanel {float: right; /* new div added 29/10/07 */
width: 180px;
margin-right: 0px;
padding: 10px 10px 10px 10px;
background-color:#BDFAFD;
min-height: 480px;
}
hr {
color: #000080; /* for IE*/
background-color: #000080; /* for Moxilla*/
height: 1px;
width:100%;
text-align: center;
}
#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 760px;
margin-left:140px;
clear:both;
text-align:center;
font-size:9px; /* change */
/*color: #6886A4;*/
color: #000080;
margin-top:10px;
}
#mainpagetitle {
width: 100%;
padding: 0px;
/*border: thin solid #FF0000;*/
position:relative;
z-index:1;
}
/* Added 29/9/2007 - This controls the style of the page title for the members' section*/
.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: #000080;
}
.warning{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#FF0000
}
.warning2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FF0000
}
.warning3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#FF0000
}
#welcomepagetext {/*to replace mainpagetext used on memberwelcome.php*/
padding: 0px;
margin-left:20px;
}
#mainpagetext {
width: 635px;
padding: 0px;
margin-left:33px;
float:left;
clear:both;
text-align:justify;
}
#mainpagebullets {
width: 620px; /*Added to get centering with bullet points to work on both IE and FF*/
padding: 0px;
margin-left:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 12px;*/
font-weight: normal;
color: #000080;
/*border: thin solid #000000;*/
float:left;
clear:both;
}
/* Minimenu defs as used in members' section*/
#minimenu {
width: 100%;
padding: 0px;
background-color:#2DEDF8;
}
#minimenu p{color:#000080;}
#minimenu A:link{color:#000080; text-decoration: none}
#minimenu A:visited{color:#000080;text-decoration: none}
#minimenu A:active{color:#ffffff;text-decoration: none}
#minimenu A:hover{color:#ffffff;text-decoration: underline}
/* --------------------------------------------------- */
.colheadlink A:link{color:#000080; text-decoration: none}
.colheadlink A:visited{color:#000080; text-decoration: none}
.colheadlink A:active{ color:#000080; text-decoration: none}
.colheadlink A:hover{color:#006699; text-decoration: none;}
/* Minimenu defs used in public section*/
#minimenupublic {
width: 100%;
padding: 0px;
text-align:center;
}
#minimenupublic p{color:#3333cc;}
#minimenupublic A:link{color:#3333cc; text-decoration: none;}
#minimenupublic A:visited{color:#3333cc;text-decoration: none;}
#minimenupublic A:active{color:#3333cc;text-decoration: none;}
#minimenupublic A:hover{color:#3333cc;text-decoration: underline;}
/* Minimenu defs used in public links page*/
#minimenulinks {
width: 100%;
padding: 0px;
text-align:right;
}
#minimenulinks p{color:#3333cc;}
#minimenulinks A:link{color:#3333cc; text-decoration: none;}
#minimenulinks A:visited{color:#3333cc;text-decoration: none;}
#minimenulinks A:active{color:#3333cc;text-decoration: none;}
#minimenulinks A:hover{color:#3333cc;text-decoration: underline;}
/*link styles used in the main header on every page*/
/*#headerlinks p{color:#000000;}*/
#headerlinks p{color:#FF6600;}
/*#headerlinks A:link{ color:#000000; text-decoration: none;}*/
#headerlinks A:link{ color:#FF6600; text-decoration: none;}
#headerlinks A:visited{ color:#FF6600; text-decoration: none;}
#headerlinks A:active{ color:#FF6600; text-decoration: none;}
/*#headerlinks A:hover{ color:#FFFFFF; text-decoration: underline;}*/
#headerlinks A:hover{ color:##FF6600; text-decoration: underline;}
/*link styles used in the header used in editing section*/
#headerupdating A:link{ color:#FFFF00; text-decoration: underline;}
#headerupdating A:visited{ color:#00FFFF; text-decoration: none;}
#headerupdating A:active{ color:#00FFFF; text-decoration: none;}
#headerupdating A:hover{ color:#00FFFF; text-decoration: none;}
/* --------------------------------------------------- */
/* A is the Anchor link, i.e. the hyperlinks: These should be changed to fit in more with the site. I've never bothered! */
a {outline: none;} /* added 27/10/07 to remove dotted line in Firefox but doesn't seem to work! */
A:link {text-decoration: underline}
A:visited {
text-decoration: underline;
color: #000080;
}
A:active {text-decoration: underline}
A:hover {text-decoration: none}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #FF0066;
}
/*This is the normal tag. I think I use it for the heading on every page*/
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: #3333FF;
}
/*This is the normal tag. Used for sub headings in the public section*/
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: #000080;
}
/*This is the normal tag. Used for sub-sub headings in the public section. Mainly on the home page*/
h4 {font-family: Verdana, Arial, Helvetica, sans-serif;/* added 10/11/07 by Rob*/
font-size: 12pt;
font-weight: bold;
text-align:left;
color: #000080;
}
/*The default paragraph font */
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: .8em;*/
font-size: 12px;
font-weight: normal;
color: #000080;
}
/* The default Fieldset */
fieldset {
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 5px;
}
/* The default Legend for fieldsets */
legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666666;
}
/*For the introductory paragraphs on each page in public section */
.intro
{
text-align:justify;
font-size:12px;
font-weight:bold;
color: #000080;
}
/* mainly used for the Help pages - initially identical to
style */
ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align:justify;
color: #000080;
}
ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align:justify;
color: #000080;
}
/* this is applied to the main
tag in the members' section. */
.bodystyle {
margin-top: 30px;
background-color: #CCCCCC;
text-align:center;
padding:0 30px;
}
/* this is applied to the main tag in the public section of the site. */
.bodystyle2 {
margin-top: 30px;
background-color: #CCCCCC;
text-align:center;
padding:0 30px;
}
/* this is applied to the main tag in the menus. */
.bodystylemenu {
margin-top: 30px;
background-color: #CCCCCC;
text-align:center;
padding:0px 0px;
}
/*Everything on every page is 'enclosed' in a table. This is for the members' section. */
.bodytable {
padding: 10px;
width: 100%;
border: thin solid #3333ff;
background-color: #FFFFff;
margin: 0px;
padding-bottom: 0px;
text-align:left;
}
/* This is the style of the main tables that appear on every page. They can be 'overwritten' by the styles inside the table, e.g. .colhead and .rowhead
Also used extensively in the tags where data is displayed */
.tablebody {
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: small; */
/* background-color: #CCFFFF; */
}
/* Main row stlye. Totally updated Neil 11/11/2007 */
.rowhead2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 0.8em;*/
font-size:12px;
font-style: normal;
font-weight: bold;
color: #000080;
text-align: left;
/* background-color: #3333FF; */
}
.rowhead2hl {/* As rowhead3 but highlighted Rob HJ Dec 2011 */
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 0.8em;*/
font-size:12px;
font-style:italic;
font-weight: bold;
color:#FF0000;
text-align: left;
/* background-color: #3333FF; */
}
.rowhead3 {/* As rowhead2 but right aligned Rob HJ Jan 2011 */
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 0.8em;*/
font-size:12px;
font-style: normal;
font-weight: bold;
color: #000080;
text-align: right;
/* background-color: #3333FF; */
}
.rowhead3hl {/* As rowhead3 but highlighted Rob HJ Dec 2011 */
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 0.8em;*/
font-size:12px;
font-style:italic;
font-weight: bold;
color:#FF0000;
/* color: #000080; */
text-align: right;
/* background-color:#CCCC00; */
}
.rowhead4 {/* As rowhead2 but center aligned Rob HJ Oct 2011 */
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 0.8em;*/
font-size:12px;
font-style: normal;
font-weight: bold;
color: #000080;
text-align: center;
/* background-color: #3333FF; */
}
.rowhead4hl {/* As rowhead4 but highlighted */
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 0.8em;*/
font-size:12px;
font-style:italic;
font-weight: bold;
color:#FF0000;
text-align: center;
/* background-color: #3333FF; */
}
/*this refers only to the small 'top of page' links at the bottom of some pages */
.topofpage{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style: normal;
font-weight: normal;
color: #3333FF;
text-align: center;
}
/* These two define the slightly different shading on alternate lines in reports in the members' section*/
.reportline1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 0.8em; /* change */
font-size: 12px;
/* background-color: #CCFFCC; */ /* 11/11/2007 removed Neil */
}
/* See above */
.reportline2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
/* font-size: 0.8em; /* change */
font-size: 12px;
background-color: #CCFFFF;
}
/* Following two define the slightly different shading on alternate lines in reports in the pubic section */
.reportline3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: 000080;
/* background-color: #FFFFFF; */ /*Removed by Rob Sep 2009 */
}
/* See above */
.reportline4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: 000080;
background-color:#F0F0F0;
}
.colhead2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 0.8em; /* change from 1.2em */
font-size: 12px;
font-weight: bold;
color: #000080; /* #ffFFFF; */
background-color: #2DEDF8; /* #000080;*/
border-collapse: collapse;
text-align:center; /* added 3/10/07 */
}
.colhead4 { /*Same as coldead2 but with text left aligned
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 0.8em; /* change from 1.2em */
font-size: 12px;
font-weight: bold;
color: #000080; /* #ffFFFF; */
background-color: #2DEDF8; /* #000080;*/
border-collapse: collapse;
text-align:left; /* added 3/10/07 */
}
.colhead3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; /* change from 1.2em */
font-weight: bold;
color: #ffffff; /* #ffFFFF; */
background-color: #000080; /* #000080;*/
border-collapse: collapse;
text-align:center; /* added 3/10/07 */
}
/* Highlight cell if comment on TrainingList page */
td.tableactive {
background-color: #2DEDF8;
}
/* change mouse pointer when mouse over e.g. a table row */
.cursorpointer {cursor: pointer;
}
/* this doesn't actually enlarge the textbox on modern browsers */
/* It does allow a wider 'surround' that can be clicked on to check/uncheck */
/* Size specifically designed for TrainingModuleEditGroup */
input.checkbox-50x80
{
width: 50px;
height: 80px;
}
/* button styles */
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(/images/buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
cursor: default;
}
a.button:link, a.button:visited {
color: #002577;
text-decoration: none;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
.icon2 {/* Added by Rob, Oct 2009. Use for buttons containing text only - then the text will be centered correctly*/
display: inline-block;
background-repeat: no-repeat;
/*padding: 0 0 5px 18px;*/
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(/images/ok.gif);
}
#buttonCancel .icon {
background-image: url(/images/cancel.gif);
}
#buttonBack .icon {
background-image: url(/images/backarrow.gif);
}
#buttonBack2 .icon {
background-image: url(/images/back.gif);
}
#buttonImport .icon {
background-image: url(/images/import.gif);
}
/* from www.positioniseverything.net ?? */
/* Added 22/3/2008 - 3-column title Div set up for members section*/
#title {
margin-left:160px;
margin-right:160px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: #000080;
/*background-color: #FF6699;*/
}
#left {
width:160px;
position:absolute;
margin-left:20px;
left:0;
top:0;
/*background-color: #33CC33;*/
}
#right {
width:160px;
position:absolute;
margin-right:20px;
right:0;
top:0;
/*background-color: #CC0033;*/
}
#center {
margin-left:160px;
margin-right:160px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
/*trying this to see if this lines up the Reset and OK buttons at the bottom of the pages */
position:relative;
top:0px;
/*background-color: #FF6699;*/
}
#print {
width:160px;
position:absolute;
margin-left:40px;
left:0;
top:0;
/*background-color: #33CC33;*/
}
a.printlink:link, a.printlink:visited {
/*color: #002577;*/
text-decoration: none;
vertical-align:middle;
}
a.printlink:hover, a.printlink:active {
/*color: #FF7200;*/
text-decoration: underline;
}
/* Printer Friendly finish */
.redtext {color: #FF0000}
.greentext {color: #00FF00}
/* PROBABLY REDUNDANT DEFINITIONS*/
.p2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
color: #000080;
}
.pictureframe {
border: thin solid #FF0000;
background-color: #000080;
border-collapse: collapse;
}
.pictureframe *.caption {border: thin solid #FF0000;
}
.pictureframe *.caption p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #FFFF00;
}
.picturecell {border: thin solid #FF0000;
background-color: #000080;
padding: 20px
}
.datatable {
background-color: #FFFFFF;
border-collapse: collapse;
/* align: center; not recognised in Firefox css*/
}
.datatable *.headercell {background-color: #FF0066;
border-collapse: collapse;
text-align: center;
height: 25px
/* v-align: center; vertical-align:middle; gives an error */
}
/*This is row1 in datatables */
.datatable *.row1 {background-color: #C0C0C0;
border-collapse: collapse;
}
/*This is row2 in datatables */
.datatable *.row2 {background-color: #00FFFF;
border-collapse: collapse;
}
/* to fix all the borders in datatables*/
.datatable *.td {border: thin solid #000080;} /* '.' added 28/10/07 to correct */
/*The text style for H1 within datatables */
.datatable *.headercell h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
color: #000080;
}
.bodytable2 {
width: 100%;
border: thin solid #3333ff;
background-color: #FFFFff;
margin: 0px;
padding-bottom: 50px;
text-align:left;
padding: 50px;
}
/*Definitions used on committee records page in public section*/
/*Added by Rob 15th December 2009*/
.more {
display: none;
/*background-color:#DADADA;*/
/*border-top: 1px solid #666;
border-bottom: 1px solid #666; */}
a.showLink, a.hideLink{
/* text-decoration: none;
color: #36f;
padding-left: 8px;
background: transparent url('down.gif') no-repeat left; }*/
color:#FFFFFF; text-decoration: none;
font-size:11px;
font-weight:normal;
}
a.hideLink {
display:none;
}
/*a.hideLink {
background: transparent url('up.gif') no-repeat left; }*/
a.showLink:hover, a.hideLink:hover {
color:#FFFFFF;text-decoration: underline;
font-size:11px;
font-weight:normal;
}
a.showLink2, a.hideLink2{
/* text-decoration: none;
color: #36f;
padding-left: 8px;
background: transparent url('down.gif') no-repeat left; }*/
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000FF; text-decoration: none;
font-size:11px;
font-weight:normal;
}
a.hideLink2 {
display:none;
}
/*a.hideLink {
background: transparent url('up.gif') no-repeat left; }*/
a.showLink2:hover, a.hideLink2:hover {
color:#0000FF;text-decoration: underline;
font-size:11px;
font-weight:normal;
}
/* -------------------------------------------------------------- */
/*
#caption
background-color: #ffff99;
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10pt;
color:#330099;
}
*/
/* Highlight a row when editing it e.g. CourseModuleEdit.php */
tr.editrow {
background-color: #CC99FF;
border-top-color: #CC99FF;
border-right-color: #CC99FF;
border-bottom-color: #CC99FF;
border-left-color: #CC99FF;
}
#noborder a img {border: none;}
#underlinehover a:link {text-decoration: none;}
#underlinehover a:active {text-decoration: none;}
#underlinehover a:visited {text-decoration: none;}
#underlinehover a:hover{text-decoration: underline;}
|