*{
margin:0;
padding:0;
}
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
text-align: center;
color: #737373; /*#B3B3B3;*/
line-height: 1.2em;
}
/* General Style Info */
a{
text-decoration: none;
color: #5c036a;
}
a:hover{
color: #b3b3b3;
}

a img{
border:none;
}
p {
margin: .1em 0 .5em;
}
h1, h2, h3, h4{
font-weight:normal;
color: #5A006B;
margin: 0;
padding: .5em 0;
}
h1{
padding-top: 0;
padding-bottom: 1em;
font-size: 150%;
}
h1 span {
font-size: 80%;
}
h2{
font-size: 110%;
}
h3{
font-size: 120%;
}
h4{
font-size: 110%;
font-weight:normal;
}
em {
font-size: 12px;
}
ul, li {
margin: 0 12px;
}
fieldset {
padding-left: .5em;
border: 1px solid #42024C;
}
legend {
margin-left: 2em;
}
div#extra-details {
font-size: 80%;
}
/* tables */
table {
border: 1px solid #42024C;
padding: 0;
margin: .2em 0;
white-space: normal;
border-collapse: collapse;
}
th {
background-color: #B3B3B3;
padding: .2em .5em; 
border: 1px solid #42024C;
color: #FFFFFF;
}
table th.actions, table td.actions {
white-space: nowrap;
}
table tr td { 
border: 1px solid #5C036A;
padding:.2em .5em;
vertical-align: middle;
}
table tr.altRow td {
background: #f4f4f4;
}
table.list-table th a {
color: #FFFFFF;
}
table.list-table th a:hover {
text-decoration: underline;
}
table#event-details {
border: none;
margin: 0 0 1em;
padding: 0;
}
table#event-details td {
border: none;
padding: .5em  2em .5em 0;
}

table#event-details td span {
width: 10em;
font-weight: bold;
padding-right: 1em;
}
table#details-list tr.extra_vspace td {
line-height: 1.5em;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}
/* scaffold show */
div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}
/* notices and errors */
#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}
.center {
text-align: center;
}
/* forms */

form {
margin: .2em 0;
}
label {
margin: 0;
padding: 0;
}
fieldset {
margin: 0;
padding: .2em 0;
}
/* tweak to get the bottom fieldset to display at same horizontal alignment as top filedset */
fieldset#username {
margin-left: 7px;
}
.readonly input {
border-width: 0;
width: 15em;
}
.readonly td.inp input:focus, .readonly td.txt textarea:focus {
background: #FFFFFF;
}
form fieldset table {
border-width: 0;
}
form fieldset table.details-list {
border: 1px solid #5C036A;
margin: auto 1em;
}
form fieldset table.details-list td {
border: 1px solid #5C036A;
}
form table {
margin: 0;
border: 1px solid #5C036A;
}
form table tr td {
margin: 0;
padding: .25em .5em;
border: none;
vertical-align: top;
}
form table tr td.lbl {
text-align: right;
width: 10em;
}
form#registrations-hide-columns table td {
border: 1px solid #5C036A;
}
/* for long labels which span two columns */
form table tr td.wlbl {
padding: .25em .5em .1em;
}
form table tr.required td.lbl label, form table tr.required td.wlbl label {
/*border-bottom: 1px solid #5C036A;*/
padding-right: .1em;
}
td.inp input:focus, td.txt textarea:focus {
background: #E5E5E5;
color: #5C036A;
}
td.inp input {
padding: .1em .2em;
width: 450px;
}
form#login td.inp input {
width: 250px;
}
td.inp input#id_elem {
border: none;
width: 60px;
}
td.inp input#title_elem {
border: none;
width: 450px;
}
input.long {
width: 30em;
}
td.check label {
margin: 0 .5em 0 0;
}
input, input.normal, textarea, select {
border: 1px solid #5C036A;
border-width: 1px 2px 2px 1px;
}
input.check {
margin: 0 .5em 0 0;
}
input.radio {
margin: 0 .1em 0 1em;
}
textarea {
padding: .25em .2em;
width: 450px;
height: 8em;
}
select {
vertical-align: text-bottom;
}
option {
padding: 0 0.3em;
}
input.formSubmit {
margin: .5em;
border-width: 1px;
background: #5C036A;
color: #FFFFFF;
}
input.text_formSubmit {
background: none;
border: 0;
padding: 0 3em 0 0;
margin-left: 0;
}
form table td span {
font-size: 80%;
font-style: italic;
}
form div.error_message {
color: #F00808;
font-size: 80%;
margin: 0;
padding: 0;
}
form span#formfield_msg {
position: relative;
left: 350px;
top: -10px;
font-weight: bold;
font-style: italic;
}
form span.form-required {
color: #FF0000;
margin: 0 .2em;
}
pre {
padding: 1em;
}
.title {
font-weight: bold;
text-transform: capitalize;
}
/*horizontal action links */
div.hactions {
margin: 1em 0 0;
padding: .1em 1em;
height: 2em;
}
div.hactions ul {
float: left;/* changed from right align - Pat requested */
list-style-type: none;
}
div.hactions li {
display: inline;
padding: 0 .2em;
float: none;
}
div.hactions a{
font-size: 85%;
text-transform: lowercase;
margin: 0;
padding-left: 15px;
background: url(../img/purple-button.gif) center left no-repeat;
}
div.hactions a:hover{
color: #b3b3b3;
background: url(../img/grey-button.gif) center left no-repeat;
}
div.hactions a#print_page {
display: none;
}
#content span#action_msg {
position: absolute;
right: 55px;
}
#content em {
width: 10em;
font-weight: bold;
font-style: normal;
padding-right: 1em;
}
/* left column */
#leftcol a{
text-decoration: none;
color: #5c036a;
padding-left: 20px;
background: url(../img/purple-button.gif) center left no-repeat;
}
#leftcol a:hover{
color: #b3b3b3;
background: url(../img/grey-button.gif) center left no-repeat;
}

/* right column styles */
#rightcol a {
font-size: 90%;
display: block;
width: 190px;
height: 242px;
background: url(../img/back_to_cxl_panel_dark.png) no-repeat;
text-decoration: none;
}

#rightcol a:hover {
background: url(../img/back_to_cxl_panel_light.png) no-repeat;
color: #b3b3b3;
}
#rightcol a p {
margin: 0 12px 0 52px;
padding: 0;
}
#rightcol img {
margin: 20px 25px;
}

/* 
* menu on bottom left
*/
#vactions {
float: left;
margin: 390px 0 0 60px;
}
#vactions ul, #vactions li {
list-style-type: none;
text-transform: lowercase;
}
#vactions a {
color: #5C036A;
text-decoration: none;
}
#vactions a:hover {
color: #955B9E;
}
label span {
font-size: 80%;
font-style: italic;
}

/* page navigation */
.pagenav {
margin: 0;
padding: .5em 1em;
text-align: left;
}
.pagenav ul {
list-style-type: none;
}
.pagenav ul li {
display: inline;
margin: 0 1em;
}

/* course application styles */
form#course-applications fieldset {
padding: .2em 1em 1em;
margin-bottom: 1em;
}
form#course-applications table tr td.lbl {
text-align: left;
width: 20em;
padding: .5em 0;
}
form#course-applications td.inp input {
width: 300px;
}
form#course-applications textarea {
width: 300px;
}
form#course-applications table#job-history, form#course-applications table#job-history td {
border: 1px solid ;
}
form#course-applications table#job-history td input {
border: none;
width: 165px;
}
form#course-applications table#job-history td input.date {
width: 100px;
}
form#course-applications table#duties td textarea {
width: 590px;
}
form#course-applications table#statement td span {
font-size: 95%;
font-weight: italic;
}