/* Stylesheet for  James O'Donovan
*
* Created on 27 August 2007
*
*  by Teresa Watts  (teresa.watts@csp.uwa.edu.au)
*  Lead Designer
*  The Centre for Software Practice 
*  http://csp.uwa.edu.au
*/


/* ---------------------------------------------------------
USUAL TAGS
---------------------------------------------------------*/

body, html {
    background: #fff;
    font-family: Trebuchet MS,  Lucida Sans, Arial, Verdana, Sans-Serif;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    line-height: 1.3;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #333;
    }

h1 {
    font-weight: normal;
    font-size: 2.2em;
    margin-top: 0px;
    }
h2 {
    font-size: 1.3em;
    margin-top: 10px;
    margin-bottom: 10px;
    }
h3 {}
h4 {}
h5 {}
h6 {}

p {}

a {color: #81080d;}
a:hover {color: #af282e }

ul {
    margin: 0px;
    padding: 0px;
    margin-left: 30px;
    list-style-type: none;
    }

ol {
    margin: 10px 60px 10px 40px;
    padding: 0px;

    }

ul li { margin: 0px; 
padding-left: 14px;
    background: url(../images/arrow.gif) 0px 5px no-repeat;
margin: 7px 0px; 
    }
    
ol li { margin: 5px 0px; 
    } 
   
sup {line-height: 0; }       

/* ---------------------------------------------------------
CUSTOM CLASSES
---------------------------------------------------------*/
.logOutLink { text-decoration: none; }



/* search area */
.search { margin: 10px 0px 20px 0px; }

.search input {
    border: 1px solid #e0e0e0;
    width: 118px;
    height: 20px;
    }

.search input.button {
    background: #1c1c1c;
    color: #fff;
    font-family: Trebuchet MS,  Lucida Sans, Arial, Verdana, Sans-Serif;
    text-transform: lowercase;
    border: 1px solid #e0e0e0;
    width: 56px;
    height: auto;
    }


/* navigation */
.prevLink  {
    font-size: .85em;
    float: left;
    margin-bottom: 5px;
text-decoration: none;
cursor: pointer;
    }

.nextLink {
    font-size: .85em;
    float: right;
    width: 100px;
    margin-bottom: 5px;
text-decoration: none;
    }

.date { font-weight: bold; }

.para { clear: both; }

.button {
    background: #1c1c1c;
    color: #fff;
    font-family: Trebuchet MS,  Lucida Sans, Arial, Verdana, Sans-Serif;
    text-transform: lowercase;
    border: 1px solid #e0e0e0;
    }

.button:hover {cursor: pointer}

.heading {
clear: both;
margin: 20px 0px 5px 0px;
}

.news {
font-size: .8em;
margin-left: 4px;
}

.news ul {
margin-left: 0px;
}

.news li {
margin: 15px 0px;
color: #6b0a0e;
}

h3 a {text-decoration: none;}
h3 a:hover {text-decoration: underline;}

.small {font-size: .84em;}

/* ---------------------------------------------------------
CUSTOM SECTIONS
---------------------------------------------------------*/
#main { background: #fff url(../images/side_grad.jpg) left repeat-y; }

.printHeader {display: none;}

#header {
    background: #af282e ;
    height: 110px;

border-top: 3px solid #333;
    }

#header img {float: left;}

/* side bar */
#side {
    width: 185px;
    float: left;
    font-size: 1.2em;
    padding: 20px;
    background: #fff url(../images/side_grad.jpg) left repeat-y;
    }
#side a {
    font-size: .8em;
    text-decoration: none;
    }
#side a:hover {text-decoration: underline}
#side .paraList { margin-top: 5px; }
#side .paraList td { 
padding: 5px 0px;
line-height: 1.2;
font-size: .92em;
}


#side td {vertical-align: top !important; }

#side .sideMenuLink {
color: #333;
display: block;
font-size: 1.1em;
margin: 8px 0px;
}

#content {
    margin-left: 225px;
    background-color: #fff;
    padding: 20px;
max-width: 800px;
text-align: justify
    }

/* editing boxes */
.editTools {
    border: 1px solid #efc38f;
    padding: 10px;
    background: #fef9e2;
    text-align: center;
    font-size: .85em;
    clear: right;
    }
.editTools a { text-decoration: none; }

table.editTools {margin-bottom: 20px;}
.editTools th, td {
text-align: left;
padding: 2px 0px;
}
table.editTools h2 {font-weight: bold;
margin: 0px 0px 10px 0px;
}

.indexLetters a {
font-weight: bold;
font-size: 1.1em;
text-decoration
}
.gridView.indexList {border: 0px;}

.login th {
width: 70px;
text-align: left;
}

.login .button {
float:right;
padding: 2px 8px;
}


#footer {
    clear: both;
    text-align: center;
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px;
    font-size: 0.9em;
    color: #828282;
    }

/* ---------------------------------------------------------
MENU
---------------------------------------------------------*/
#menu {
    margin-top: 87px;
    color: #fff;
    background: #af282e;
    }

#menu td td a 
{
    color: #fff; 
    background: url(../images/tab_right.gif) right top  no-repeat;
    padding: 2px 7px 3px 7px;
    }

#menu td td a:hover, #menu td td a.SelectedMenuItem  
{
    color: #333; 
    background: #fff url(../images/tab_right_hover.gif) top right no-repeat;
    padding: 2px 7px 5px 7px;
    }

#menu td {
    padding: 0px 1px;
    background: #af282e;
    }

#menu td td {
    background:  url(../images/tab_left.gif) top left no-repeat;
    font-size: 1.1em;
    padding: 2px;
    }

#menu td td:hover, #menu table.SelectedMenuItem td  { background:  url(../images/tab_left_hover.gif) top left no-repeat; 
}




/* ---------------------------------------------------------
GRIDVIEW TABLES
---------------------------------------------------------*/

table.gridView {
border: 1px solid #ccc;
}
table.gridView td {padding: 2px 5px;
vertical-align: top;
text-align: left;
}
table.gridView th {padding: 2px 5px;
background: #f3f3f3;
}
table.gridView .button {
background: #fafafa;
color: #81080d;
border: 1px solid #ddd;
margin-top: 1px;
width: auto;
}
table.gridView .button:hover {
background: #81080d;
color: #fff;
border: 1px solid #ddd;
cursor: pointer
}
table.gridView a.button {padding: 1px 3px;
text-decoration: none;
display: block;
}
table.gridView a.button2 {
padding: 1px 3px;
text-decoration: none;
background: #fafafa;
color: #81080d;
border: 1px solid #ddd;
}

table.gridView input {
width: 95%;
}

/* ---------------------------------------------------------
FORMTABLES
---------------------------------------------------------*/
table.formTable {
border: 1px solid #ccc;
border-collapse: collapse;
}

table.formTable td, table.formTable th {
border: 1px solid #ccc;
padding: 3px 5px;
vertical-align: top;
}

table.formTable th {background: #fafafa;}

table.formTable table {
width: 100%;
}