/* ############ itigeneric.css - Created: 28.05.2007 Last modified: 18.04.2009 ############# */
/* ############ Coding: Simon Moss: www.simonmoss.co.uk ############# */
/*div
{
border:solid 1px #f00;
} 
 ##### DIV BORDER TEST ###### */

*
{
margin:0;
padding:0;
}
ul, ul li, li, ol, ol li
{
margin:0;
padding:0;
}
html, body
{
height:100%;
}
html
{
overflow: -moz-scrollbars-vertical;
}
body
{  
font-family: Arial, Helvetica, sans-serif;
color: #000; 
background:#fff url("images/ITI-bg.gif") repeat top left;
letter-spacing:1px;
}
/* ~~~ #top div ~~~ */
#top
{
width:100%;
height:66px;
background:#001842 url("images/iti-logo.gif") no-repeat top left;
}
h1
{
color:#fff;
padding-top:6px;
text-align:center;
margin-right:230px;
margin-left:68px;
font-size:18pt;
}
#networklogo
{
position:absolute;
top:0;
right:0;
width:260px;
height:66px;
padding:4px;
background:url("images/iti-logo.gif") no-repeat top right;
}
#networklogo h2
{
padding-right:20px;
color:#fff;
text-align:center;
font-size:10pt;
letter-spacing:0;
}
/* ~~~ end #top ~~~ */
/* ~~~ #content div ~~~ */
#content, #advcontent
{
margin:0 auto;
margin-top:24px;
margin-right:240px;
margin-left:15px;
background-color:#fff;
min-height:274px;
text-align:center;
}
#margincontent
{
margin:24px auto;
max-width:760px;
background-color:#fff;
}
#content p, #content h3, #content h4, #content dl, #content ul, #content ol
{
max-width:700px;
padding:3px 12px;
margin:0 auto;
text-align:left;
}
#content h3, #content h4
{
margin:12px auto;
}
#advcontent
{
margin:0 auto;
margin-top:24px;
}
#content dt
{
font-weight:bold;
}
#content dd
{
padding-left:24px;
}
#content h3.pagehead
{
font-size:1.8em;
line-height:140%;
text-align:center;
max-width:700px;
margin:12px auto;
}
a
{
font-weight:bold;
text-decoration:none;
color:#3a3a87;
background-color:#fff;
}
a:hover
{
text-decoration:underline;
}
.linklist
{
list-style-type:none;
text-align:left;
}
.linklist li
{
padding-bottom:9px;
}
.linklist li a
{
font-weight:bold;
text-decoration:none;
}
.linklist li a:hover
{
text-decoration:underline;
}
.bluehead
{
background-color:#3a3a87;
color:#fff;
}
#margincontent h3.bluehead
{
text-align:center;
font-size:1.4em;
}
#content .leftdetails
{
text-align:left;
margin:12px 25%;
font-weight:bold;
}
.emphasis
{
font-weight:bold;
font-style:italic;
}
.normal
{
font-style:normal;
}
#content p.successmessage
{
max-width:700px;
padding:3px 12px;
margin:24px auto;
border:6px double #3a3a87;
background-color:#ecf2fb;
font-weight:bold;
}
.membercell
{
border-top:2px solid #000;
border-bottom:2px solid #000;
min-height:190px;
margin:1px 0;
background:transparent url("images/blackbg9.gif") repeat-x left bottom;
}
.idphoto
{
float:left;
border:1px solid #000;
margin-right:16px;
margin-top:-1px;
}
.membertext
{
float:left;
}
.col1, .col2
{
float:left;
width:255px;
margin:6px 18px;
}
.col3
{
float:left;
width:355px;
margin:6px 18px;
}
.col4
{
float:left;
width:255px;
margin:6px 18px;
}
.clam.expander
{
background-color:transparent;
display:block;
}
img
{
border:0;
}
.infobox
{
margin:9px;
}
#margincontent .inline
{
line-height:200%;
}
.gallerymail
{
clear:left;
float:left;
margin-left:18px;
}
#gallerysearch
{
width:745px;
margin:4px 8px;
}
#margincontent #gallerysearch span
{
margin:4px 0;
}
#endform
{
clear:both;
}
.justified
{
text-align:justify;
}
.setleft
{
text-align:left;
}
.newsletterlist li
{
list-style-type:none;
margin:9px 18px;
}
p.newsletterlist
{
margin:9px 18px;
}
hr.showline
{
visibility:visible;
height:1px;
}
.editwarning
{
max-width:760px;
margin:0 auto;
border:3px double #f00;
}
a
{
white-space:nowrap;
}
/* ~~~ .sidenav ~~~ */
.sidenav
{
padding-top:9px;
background-color:transparent;
}
.sidenav ul
{
padding:3px;
white-space:nowrap;
text-align:center;
background-color:transparent;
}
.sidenav ul li
{
display:inline;
list-style-type:none;
}
.sidenav a
{
padding:1px 2px;
}
.sidenav ul li a, .sidenav.member li.admin a
{
text-decoration:none;
color:#000;
padding:2px;
border-width:1px;
border-style:solid;
font-weight:bold;
background-color:#aec7ee;
border-top-color:#bed2f1;
border-right-color:#7c8da9;
border-bottom-color:#7b8ca8;
border-left-color:#c0d4f2;
}
.sidenav li a:hover, .sidenav li a.selected
{
background-color:#3a3a87;
border-top-color:#8b9fbe;
border-right-color:#556987;
border-bottom-color:#556886;
border-left-color:#899dbd;
color:#fff;
}
.sidenav.admin li a, .sidenav.member li.admin a, .sidenav li.admin a
{
background-color:#ecb4b4;
border-top-color:#ebaeae;
border-right-color:#b17777;
border-bottom-color:#b07777;
border-left-color:#ebadad;
}
.sidenav.member li.admin a
{
margin:0 3px;
}
.sidenav.admin li a.selected, .sidenav.admin li a:hover, .sidenav.member li.admin a.selected, .sidenav.member li.admin a:hover, .sidenav li.admin a:hover, .sidenav li.admin a.selected
{
background-color:#a02825;
border-top-color:#db7171;
border-right-color:#a13d3d;
border-bottom-color:#a13c3c;
border-left-color:#da6f6f;
color:#fff;
}
.sidenav.member li a, .sidenav li.member a
{
background-color:#a6d2a6;
border-top-color:#b7dbb7;
border-right-color:#80a180;
border-bottom-color:#7fa17f;
border-left-color:#b6dab6;
}
.sidenav.member li a.selected, .sidenav.member li a:hover, .sidenav li.member a.selected, .sidenav li.member a:hover
{
background-color:#45744e;
border-top-color:#96b196;
border-right-color:#607960;
border-bottom-color:#607960;
border-left-color:#94af94;
}
/* ~~~ end .sidenav ~~~ */
/* ~~~ #searchbox ~~~ */
#searchbox
{
float:right;
width:220px;
margin:0;
margin-top:22px;
padding:0;
margin-left:6px;
font-weight:bold;
background-color:#dee4f3;/* #7e5429 #fdefe1  */
border:3px solid #001842;
}
#searchbox h3
{
text-align:center;
background-color:#001842;
color:#fff;
padding:6px;
}
#quicksearch
{
text-align:center;
}
#quicksearch
{
letter-spacing:0;
}
#searchbox p
{
margin:0;
text-align:center;
padding:2px 0;
}
#searchbox select
{
margin:6px 0;
padding:0;
font-weight:bold;
}
#searchbox select option
{
padding:1px 0;
}
#searchbox #searchbutton
{
font-weight:bold;
margin:0;
margin-top:6px;
}
.searchbtn
{
background-color:#001842;
color:#fff;
padding-bottom:9px;
margin-bottom:0;
}
ol.guide
{
text-align:left;
padding:45px;
}
ol.guide li
{
padding-top:5px;
}
p.note
{
text-align:left;
padding:12px 0;
padding-top:6px;
font-style:italic;
}
/* ~~~ end #searchbox ~~~ */
/* ~~~ admin page ~~~ */
.floatleft
{
float:left;
}
.floatright
{
float:right;
}
.thirdwidth
{
display:block;
width:33%;
text-align:left;
}
.clearall
{
clear:both;
}
.clearright
{
clear:right !important;
}
.clearleft
{
clear:left;
}
.bold
{
font-weight:bold;
}
.rightbuttons
{
float:right;
}
.rightbuttons a
{
font-weight:bold;
text-decoration:none;
color:#a02825;
}
.rightbuttons a:hover
{
text-decoration:underline;
}
hr
{
visibility:hidden;
height:0;
margin:5px 0;
}
.centre
{
text-align:center;
}
/* ~~~ end admin ~~~ */
/* ~~~    footer   ~~~ */
#footer
{
clear:right;
height:26px;
margin:24px 0;
background-color:#001842;
color:#fff;
font-weight:bold;
font-size:0.8em;
padding:12px 12px;
}
#footer a
{
color:#fff;
background-color:#001842;
}
/* ~~~ end footer ~~~ */