html {
 min-width: 960px;
 margin: 5px auto;
 text-align: center;
 font-family: Arial, sans-serif;
}

body {
 text-align: center;
 margin: 0 auto;
 width: 960px;
 font-size: 14px;
}

#wrapper {
 text-align: left;
 background: url(../img/background.jpg) repeat-y left;
}

#header {
 height: 95px;
 background: url(../img/header_bg.jpg) no-repeat top left;
 color: #fff;
 padding: 5px 0 0 15px;
 margin-top: 10px;
}

#leftHeader {
 float: left;
 width: 300px;
 padding-top: 20px;
}
#leftHeader a{
 color: #fff;
 padding: 0 5px;
 text-decoration: none;
 font-size: 24px;
}
#leftHeader a:hover{
 color: #bdbdbd;
}

#rightHeader {
 float: right;
 padding-right: 10px;
 max-width: 600px;
}
#fontSizes {
 height: 30px;
 float: right;
 margin: 7px 10px 7px 0;
}
#fontSizes a{
 padding: 0 !important;
 margin: 0 !important;
}
#fontSizes img{
 padding: 0 !important;
 margin: 0 !important;
 border: none;
 float: left;
}
#pageLinks {
 clear: both;
 margin-top: 10px;
}

#rightHeader a {
 color: #fff;
 padding: 0 5px;
 text-decoration: underline;
}

#rightHeader a:hover {
 color: #bdbdbd;
}

#navigation {
 background: url(../img/navigation_bg.jpg);
 font-size: 16px;
 color: #444;
 text-align: right;
 padding-right: 20px;
 height: 30px;
}
#navigation ul {
 list-style-type: none;
 margin: 0;
}
#navigation li {
 display: inline;
 padding: 10px;
 border: 1px solid #444;
 background: #eee;
 margin: 0;
}
#navigation li.this {
 background: #fff;
 padding-bottom: 12px;
 border-bottom: #fff;
}

#mainArea {
 padding: 0 10px;
}

/* Mainbox and rightBox are used when the screen is split into a main section and a right hand box */
/* This is mainly in login area */
#mainBox {
 width: 740px;
 margin-right: 10px;
 float: left;
}
#rightBox {
 width: 180px;
 float: left;
}
#loginBox {
 margin-left: 200px;
 width: 300px;
}

#footer {
 height: 89px;
 background: url(../img/footer_bg.jpg) no-repeat top left;
 color: #fff;
 text-align: center;
 padding-top: 10px;
 font-size: 0.9em;
}

#footer a {
 color: #fff;
 text-decoration: underline;
}

/* ----------------------------------------------------------------------------- */
/* Forms                                                                         */
/* ----------------------------------------------------------------------------- */
label {
 clear: both;
 text-align: right;
 width: 200px;
 float: left;
 font-weight: bold;
 margin-right: 5px;
}
input {
 margin-bottom: 5px;
}
.submit {
 padding-left: 210px;
 padding-top: 5px;
 clear: both;
}
.buttonForm .submit {
 padding-left: 0;
}
#loginBox label {
 width: 100px;
}
#loginBox .submit {
 padding-left: 100px;
}
.widelabel {
 width: auto;
}
.shortlabels label {
 width: auto;
}

table select {
 float: left;
 margin-top: 2px;
}
table .submit {
 float: left;
 clear: none;
 padding: 0;
}
.add_choleh label {
 text-align: left;
}
.required {
 margin-bottom: 5px;
}
.oneLine .submit{
 float: left;
 clear: none;
 padding: 0;
}
.oneLine select {
 float: left;
 margin-top: 2px;
}

/* ----------------------------------------------------------------------------- */
/* Message Boxes                                                                 */
/* ----------------------------------------------------------------------------- */
.topRoundBox {
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
}
.roundbox {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
.infobox {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border: 1px solid #000080;
 padding: 0 5px 5px 5px;
}

.flash_success {
 border: 1px solid #008000;
 background: #f5f8ec;
 color: #008000;
}
.flash_failure {
 border: 1px solid #960014;
 background: #feede3;
 color: #960014;
}
.flash_note {
 border: 1px solid #000080;
 background: #ebf5fc;
 color: #000080;
 padding: 5px;
}
.error-message {
 border: 1px solid #960014;
 background: #feede3;
 color: #960014;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 5px;
}

#authMessage, #flashMessage {
 clear: both;
 margin-bottom: 10px;
 padding: 5px;
}


/* ----------------------------------------------------------------------------- */
/* Tables                                                                        */
/* ----------------------------------------------------------------------------- */
.spaced td {
 padding-right: 10px;
}
.spaced th {
 padding-right: 10px;
}

.padded td {
 padding: 5px;
}

.pdfTable td{
 min-width: 100px;
}

.pdfTable  .colShow {
 float: left;
 padding: 0;
 margin: 0 5px 0 0;
}

/* ----------------------------------------------------------------------------- */
/* User notes                                                                    */
/* ----------------------------------------------------------------------------- */
.usernote {
 padding: 5px;
}


/* ----------------------------------------------------------------------------- */
/* General links                                                                 */
/* ----------------------------------------------------------------------------- */
a {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a:visited {
 color: #0000ee;
}
#navigation a {
 color: #444;
}
#navigation a:visited {
 color: #444;
}
.spaceLinks a {
 margin-right: 5px;
}

/* ----------------------------------------------------------------------------- */
/* General layout                                                                */
/* ----------------------------------------------------------------------------- */
.clear {
 clear: both;
}
.left {
 float: left;
}
.right {
 float: right;
}
.center {
 text-align: center;
}
.half {
 width: 48%;
}
.third {
 width: 32%;
}
.twothird {
 width: 65%;
}
.quart {
 width: 23%;
}
.threequart{
 width: 74%;
}
.marginL10 {
 margin-left: 10px;
}
.marginL25 {
 margin-left: 25px;
}
.marginL37 {
 margin-left: 37px;
}
.marginL210 {
 margin-left: 210px;
}
.marginR2 {
 margin-right: 2px;
}
.marginR10 {
 margin-right: 10px;
}
.marginR20 {
 margin-right: 10px;
}
.marginR25 {
 margin-right: 25px;
}
.marginR50 {
 margin-right: 50px;
}
.marginB10 {
 margin-bottom: 10px;
}
.marginB5 {
 margin-bottom: 5px;
}
.marginT5 {
 margin-top: 5px;
}
.marginT10 {
 margin-top: 10px;
}
.padT5 {
 padding-top: 5px;
}
.padT10 {
 padding-top: 10px;
}
.padB10 {
 padding-bottom: 10px;
}
.padR10 {
 padding-right: 10px;
}
.pad5 {
 padding: 5px;
}
.valignTop {
 vertical-align: top;
}
.outline {
 border: 1px solid #cdcdcd;
 padding: 1px;
}
.nooutline {
 border: none !important;
}
.fullWidth {
 width: 99%;
}
.width95 {
 width: 95%;
}


/* ----------------------------------------------------------------------------- */
/* General style                                                                 */
/* ----------------------------------------------------------------------------- */
.small {
 font-size: 0.95em;
}
.tiny {
 font-size: 0.9em;
}
.lightBlue {
 background: #66ccff;
}
.red {
 color: #f00;
}
.white {
 background: #fff;
}
.italic {
 font-style: italic;
}
.highlight {
 font-weight: bold;
}
.striped {
 background: #ccffff;
}
.hidden {
 display: none;
}
.b {
 font-weight: bold;
}

/* Drop down menu on Cholim list **/
ul#listViewMenu  {
	margin: 0;
	padding: 0;
	list-style: none;
  max-width: 200px;
}
ul#listViewMenu li ul {
 display: none;
 position: absolute;
 z-index: 500;
 background: #fff;
 list-style-type: none;
 border: 1px solid #dedede;
 padding: 10px;
 margin-left: 10px;
}
ul#listViewMenu li:hover ul {
 display: block;
}
ul#listViewMenu li ul li{
 padding-bottom: 3px;
}
ul#listViewMenu li:hover ul li ul{
 width: 100px;
 margin-left: 55px;
 display: none;
}
ul#listViewMenu li ul li:hover ul{
 margin-left: 10px;
 display: block;
}