body{color:#666666; background-color:#666666; font-size:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif}

/***********************************************
 * GENERAL SETTINGS
 ***********************************************/
p, label, select, input, textarea{font-size:80%;}
p{line-height:1.5em;}
img{border:none;}
a{color:#006699;}
.required{font-size:80%; font-weight:bold;}
.req, .alert{color:#DE6328}
.break{overflow:hidden; clear:both; height:1px; margin:-1px 0 0 0; font-size: 1px;}
h1{margin-top:0; color:#EB5D19; font-size:160%; font-weight:normal;}
h2{color:#EB5D19; font-size:110%; margin:0.5em 0 0 0; font-weight:normal;}
h3{font-size:90%;  margin:0.5em 0 0 0; font-weight:bold;}
p{margin:0.2em 0 0.5em 0;}
.inline{display:inline;}
#main li{font-size:80%; margin:0 0 0 0; padding:0 0 0 0;}
#main ul{}
#main ol.steps{font-size:200%; color:#EB5D19; list-style-type:decimal;}
#main ol.steps li{margin:1em 0 0em 0; list-style-type:decimal}
ol.steps dl{font-size:50%; color:#666666; position:relative; top:-0.8em}
ol.steps dt{font-size:100%; font-weight:bold;}
ol.steps dd{margin:0 0 0 0;}
.confirmation{color:#308A2A;}

/***********************************************
 * BANNER
 ***********************************************/
#banner{background-image:url(../images/banner_bg.jpg); background-position:bottom; background-color:#FFC833;  background-repeat:repeat-x; min-height:106px}
#generalColour{font-size: 1px; background-color:#FF9F33; height:5px; border-width:1px 1px; border-color:#F5F2EF; border-style:solid}

/***********************************************
 * PRIMARY NAVIGATION
 ***********************************************/
#primaryNav{position:absolute; top:0; left:194px; right:0; background-color:#EB6619; background-image:url(../images/primeNav_border.gif); background-repeat:repeat-x;}
#primaryNav ul, #banner li {list-style:none; margin:0; padding:0;}
#primaryNav li{background-image:url(../images/primeNav_border.gif); background-repeat:repeat-y; width:7em; float:left; padding:0 0 0 0; border-left:#fff solid 1px;}
#primaryNav li a{padding:1em 0 0 18px; background-image:url(../images/primeNav_arrow.gif); background-repeat:no-repeat; background-position:bottom left; font-size:75%; color:#fff; display:block; text-decoration:none; font-weight:bold; text-transform:uppercase}
#primaryNav li a:hover, #primaryNav li.highlighted a{background-color:#FF8133; background-image:url(../images/primeNav_arrow_r.gif);}

/***********************************************
 * SWITCH NAVIGATION
 ***********************************************/
#switch{float:right; width:229px;}
#switch ul, #switch li{list-style:none; margin:0; padding:0;}
#switch li{float:left; background-repeat:no-repeat;}
#switch li a.send{color:#B8B9B9; padding:11px 0 0 8px; height:16px; background-image:url(../images/switch_send_back_n.jpg); }
/* set width for all browsers */
#switch li a.send { 
  width:105px; /* IE 5 */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:97px; /* other browsers */
} 
#switch li a.send:hover{color:#fff;}
#switch li a.receive{color:#fff; padding:11px 0 0 31px; height:16px; background-image:url(../images/switch_receive_front_r.jpg);}
/* set width for all browsers */
#switch li a.receive { 
  width:123px; /* IE 5 */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:93px; /* other browsers */
} 
#switch li a{display:block; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold;}
.loggedIn{padding:30px 10px 0 0;color:#3C3C3C; text-align:right;}
/* set height for all browsers */
.loggedIn { 
  height:82px;  /* IE 5 */
  voice-family: "\"}\""; 
  voice-family:inherit;
  height:50px;  /* other browsers */
} 
.loggedIn a{color:#3C3C3C;}

/***********************************************
 * LOGINAREA
 ***********************************************/
#loginArea{background-color:#fff; border-top:1px solid #F5F2EF; background-image:url(../images/loginArea_bg.gif); background-position:bottom; background-repeat:repeat-x;}
#loginForm{width:193px; float:left; padding:10px 0 0 0; background-color:#F5F2EF; min-height:129px}
/* force a min-height in IE \*/
* html #loginForm {height:129px; }
#loginForm form{border-top:1px solid #9A9997; margin:0.5em 0.5em 0 0.5em; padding:.3em 0 0 0;}
a#newUser{color:#fff; margin:0 1em 0 1em; padding:0.1em 0 0.1em 1em; text-decoration:none; display:block; border-style:solid; border-width:2px; border-top-color:#fff; border-bottom-color:#A1A1A0; border-right-color:#D3D3D3; border-left-color:#D3D3D3; font-size:70%; font-weight:bold; background-color:#676667; background-image:url(../images/formButton_bg.gif); background-repeat:repeat-x; background-position:top}
a#newUser:hover{background-image:url(../images/formButton_bg_r.gif); background-color:#CE6829;}
#loginForm label{width:40px; margin-left:3px;}
#loginForm input{width:8em; float:left;}
#loginForm input#loginSubmit{width:auto; border:none;}
a#recover{color:#FF5A00; font-size:70%; margin:0 0 0 50px;}
#loginForm legend{display:inline; font-weight:bold; font-size:80%}
#login p{margin:0 0 0 9em;}

/***********************************************
 * PHOTO
 ***********************************************/
#photo{float:left; width:573px;}
#divider{clear:both; border-bottom:1px solid #666666; font-size:1px; height:5px; background-image:url(../images/divider_bg.jpg); background-repeat:repeat-y; background-position:left; background-color:#FFA533}

/***********************************************
 * FORMS
 ***********************************************/
input, label, select, textarea{margin:0.5em 0 0 0; width:22em;}
label{clear:both; float:left; width:9em;}
fieldset{margin:0 0 1em 0; padding:0 0 0 0; border:solid 0 transparent}
legend{display:none; margin:0;}
select, input, textarea{border:1px solid #7C7C7C; font-family:Arial, Helvetica, sans-serif}
.checkboxes, .radioButtons, .formButton, .floatRightButton, .floatLeftButton, .checkboxLeft{width:auto; border:none;}
.formButton{color:#fff; width:auto; cursor:pointer; margin:0 2px 0 0; padding:0 2em 0 0em; border-style:solid; border-width:2px; border-top-color:#fff; border-bottom-color:#A1A1A0; border-right-color:#D3D3D3; border-left-color:#D3D3D3; font-size:70%; font-weight:bold;  background-color:#676667; background-image:url(../images/formButton_bg.gif); background-repeat:repeat-x; background-position:top}
.formButton:hover{background-image:url(../images/formButton_bg_r.gif); background-color:#CE6829;}
.fieldsetTitle{margin:0; color:#575757; font-weight:bold; font-size:80%; border-bottom:1px solid #fff; background-image:url(../images/darkGrey_bg.gif); background-position:bottom; background-repeat:repeat-x; text-transform:uppercase}
/* give IE a 2px background image \*/
* html .fieldsetTitle {background-image:url(../images/darkGrey2_bg.gif);}
.ctrlInstr{margin:0 0 0 11.5em; font-size:70%; }
.checkboxLabel, .radiobuttonLabel{width:auto; float:none; display:inline}
.radioButtons, .checkboxes{margin-left:9em}
#main .checkboxLeft{border:0;}
.error {background-color:#F6D1C0;}
label.error {background-color:transparent; color:#DE6328;}
.formButtons{text-align:right;}
.aftermsg{display:inline;}
p label{font-size:100%;}
.notify label{font-weight:bold; color:#EB5D19;}
.notify input{margin-right:0.2em}
.sortBy{margin:0 0 0.5em 0; padding:0;}
.sortBy select{width:auto;}
.sortBy label{padding:0.2em 0.2em 0 0; width:auto; float:none;}
.sortBy .formButton{margin:0 0 2px 0.2em;}
.sortBy {text-align:right;}
.uploadedFileLabel{margin:0.5em 0 0 0; width:9em; float:left;}
.uploadedFileName{margin:0.5em 0 0 9em; padding:0;}
select.auto{width:auto}

/***********************************************
 * TABLES
 ***********************************************/
table, td, th{border-color: #E9E6E3; border-style: solid;}
table{width:525px; border-collapse:collapse; border-width:0 0 1px 1px;}
th{background-color:#EFC389; text-align:left; font-weight:normal; font-size:75%; padding:0.5em 0 0.5em 0.5em;}
td{border-width:1px 1px 0 0; padding:0.2em 5px 0 5px; font-size:80%;}
th{border-width:1px 1px 5px 0;}
tr.row1 td{background-color:#EFD7B7}
tr.row2 td{background-color:#ECDDC9}
td.edit, th.edit, td.delete, th.delete{border-right:none; text-align:center;}
td.edit, td.delete, td.send{text-align:center; padding:0.2em 2px 0 2px;}

/***********************************************
 * LAYOUT OF BODY
 ***********************************************/
#body{background-color:#E6E2DF; background-image: url(../images/background.gif); background-position:left top; background-repeat:repeat-y;} 
#leftColumn{float:left; padding:0 0 290px 0; width:210px; background-image:url(../images/envelope_home.jpg); background-position:bottom left; background-repeat:no-repeat;}
#rightColumn{float:left; width:564px;}
/* force a min-height in IE \*/
* html #rightColumn {height:332px; }
#leftColumn .header{background-image:url(../images/column_head_home.gif); background-position:right top; background-repeat:no-repeat; height:17px;}
#main{padding:17px 0 17px 27px;}

/***********************************************
 * HOMEPAGE QUICKSEARCH AND LATEST MAIL
 ***********************************************/
#quickSearch{float:left; width:290px;}
#latestMail{margin-left:300px;}
#latestMail h1, #quickSearch h1{color:#575757; margin:0; font-weight:bold; font-size:80%; border-bottom:1px solid #fff; background-image:url(../images/darkGrey_bg.gif); background-position:bottom; background-repeat:repeat-x; text-transform:uppercase}
/* give IE a 2px background image \*/
* html #latestMail h1 {background-image:url(../images/darkGrey2_bg.gif);}
* html #quickSearch h1 {background-image:url(../images/darkGrey2_bg.gif);}
.fieldsetTitle{margin-bottom:15px;}
#quickSearch form{margin:0 0 0 0;}
#quickSearch select{width:290px; margin:0.3em 0 0.3em 0;}
#quickSearch select.short{width:210px;}
#quickSearch input{width:205px;}
#quickSearch h2{font-size:80%; font-weight:bold;}
#quickSearch p{margin:1em 0 0 0}
#quickSearch h1{margin:1.5em 0 0 0}
#quickSearch label{width:6em; margin:0.5em 0 0 0;}
#quickSearch input.formButton{width:auto;}
#latestMail h2{margin:1.5em 0 0 0; padding:0; font-size:80%; font-weight:bold;}
#latestMail h3{margin:0; padding:0; font-size:80%; font-weight:bold;}
#latestMail h4{margin:0 0 0 0; padding:0; font-size:80%; font-weight:normal; font-style:italic}
#latestMail p{margin:0; padding:0; font-size:75%}
#latestMail a{color:#666666; text-decoration:none;}
#latestMail a img{width:15px; float:left; margin-right:0.2em;}
#latestMail a.more{text-decoration:none; color:#EB5D19; font-size:70%; vertical-align:top}
#latestMail a.more:hover{color:#FF9102;}
#latestMail a.more span{text-decoration:underline}
#latestMail p.allMail{margin-top:1em;}
#latestMail p.allMail a{text-decoration:underline; color:#EB5D19;}


/***********************************************
 * SECONDARY  NAVIGATION
 ***********************************************/
#leftColumn ul, #leftColumn li{margin:0; padding:0; list-style:none;}
#leftColumn ul{margin:0 0 2em 17px; padding-right:30px;}
#leftColumn li{padding:.7em 0 .7em 0; border-bottom:1px solid #fff; background-image:url(../images/darkGrey_bg.gif); background-position:bottom; background-repeat:repeat-x; }
/* give IE a 2px background image \*/
* html #leftColumn li {background-image:url(../images/darkGrey2_bg.gif);}
#leftColumn ul li a{color:#FF5A00; font-size:75%;}
.loginMenuTitle{display:none;}
#leftColumn li a.highlighted{color:#FF9102;}

/***********************************************
 * TERTIARY  NAVIGATION
 ***********************************************/
#leftColumn ul ul{margin:0 0 0 0; padding:0 0 0 0;}
#leftColumn li li{padding:.7em 0 0 0; background-image:none; border:none;}
#leftColumn li li a{display:block; padding:0 0 0 11px; background-image:url(../images/terNav_arrow.gif); background-position:left top; background-repeat:no-repeat;}

/***********************************************
 * BREADCRUMBS
 ***********************************************/
.breadcrumbs{margin:0 0 0 0; padding:0; color:#666666; font-size:75%;} 
.breadcrumbs a{color:#FF5A00}

/***********************************************
 * FOOTER
 ***********************************************/
#footer{clear:both; background-color:#666666; height:5em; padding:0.8em 0 0 194px; color:#A2A2A2}
#footer ul, #footer li{list-style:none; margin:0; padding:0;}
#footer li{display:inline; font-size:75%;}
#footer p{margin:0; padding:0;}
#footer a{color:#FF5A00;}

/***********************************************
 * MAIL DETAILS
 ***********************************************/
.details .info{font-weight:normal;}

/***********************************************
 * SEARCH RESULTS
 ***********************************************/
#findOptions{border-top:1px solid #7C7C7C; padding:0.3em 0 0 0;}
#findOptions ul{margin:0 0 0 0; padding:0.5em 0 0 0.5em; list-style:none; background-color:#EFC389; height:1.5em}
#findOptions ul li{margin:0; padding:0; list-style:none; width:33%; float:left;}
#findOptions .one{text-align:left;}
#findOptions .two{text-align:center;}
#findOptions .three{text-align:right;}
#findOptions a{color:#FF2A00;}
#mailboxItems{margin:0; padding:0;}
#mailboxItems .formButton{margin:0.5em 0 0 0; float:left;}
#mailboxItems .pagingLink .formButton{margin:0; float:none; display:inline; font-size:75%;}
.searchResult_1{background-color:#EFD7B7}
.searchResult_2{background-color:#ECDDC9}
.searchResult_1 input, .searchResult_2 input{margin:0; padding:0; width:auto; text-align:left;}
.selectBox{width:28px; float:left; padding-left:12px;}
.searchResult_1 h3, .searchResult_1 p, .searchResult_2 h3, .searchResult_2 p{margin: 0 0 0 40px;}
.searchResult_1, .searchResult_2{padding:0.5em 0.5em 0.5em 0; margin-bottom:1px;}
.searchResult_1 h3 a, .searchResult_2 h3 a{text-decoration:none; color:#666666}
.searchResult_1 p a, .searchResult_2 p a{color:#FF5A00;}
.listedBy{color:#2489CF;}
.eventDate{font-size:85%;}
.pagingNumbers{text-align:right;}
.pagingLink{font-size:95%;}
.pagingLink a{color:#FF5A00;}
.pagingCurrent{font-size:95%;}

/***********************************************
 * MY CONTACTS
 ***********************************************/
.items td.delete, .items th.delete{border-right:1px #E9E6E3 solid;}

/***********************************************
 * DRAFT TABLE
 ***********************************************/
#draft{margin-bottom:1em}