body { background-color: #B2BDC4; }
body, table { font-family: Verdana; font-size: 14px; }
img { border: none; }
#maintable { width: 800px; margin: 0 auto; }
#maincell { vertical-align: middle; }
#main { width: 800px; margin: 0 auto; background-color: #D0D9DD; border: 1px #BAC3C8 solid; padding: 20px; font-family: Verdana; }
.clear { clear: both; }
a, a:active, a:hover, a:link, a:visited { text-transform: none; text-decoration: none; color: #6c777e; padding: 20px; margin: 10px 0; background-color: #e2ebf0; display: block; border: none; }
.intable, .intable:active, .intable:hover, intable:link, .intable:visited { padding: 0 5px !important; margin: 0 !important; background-color: Transparent !important; cursor: pointer; cursor: hand; }
#caption p { font-size: larger; font-weight: bold; }
#logo { width: 800px; height: 100px; background-color: White; }
#logo img { margin-top: 20px; margin-left: 20px; }

/* login */
#login input { width: 155px; }

/* tabs */
#tabs .tab { float: left; padding: 15px; margin-right: 5px; background-color: Teal; border: 1px solid #B2BDC4; cursor: pointer; cursor: hand; }
#tabs .selected { background-color: #b3bec5; }
#tabcontent div.hidden { display: none; }
#tabcontent div.selected { display: block; }
#tabcontent { background-color: #b3bec5; padding: 15px; }
#opentable { background-color: White; padding: 20px; }
#openheader { font-size: larger; }
#openheader td { padding-bottom: 10px; }
#archivetable { background-color: White; padding: 20px; }
#archiveheader { font-size: larger; }
#archiveheader td { padding-bottom: 10px; }
#usertable { background-color: White; padding: 20px; }
#userheader { font-size: larger; }
#userheader td { padding-bottom: 10px; }
#edittable { width: 375px; }
.row0 { background-color: #F1F1F1; height: 40px; }
.row1 { height: 40px; }

/* view */
.copy { cursor: pointer; cursor: hand; }
#copylink { width: 400px; font-size: larger; }
.ui-dialog { background-color: White; border: 3px solid #b3bec5; }
.intext { width: 200px; }
#edittable tr { height: 45px; }
.global { width: 200px; float: left; }
.glabel { width: 175px; float: left; }

/* new */
#fields { padding: 0 20px 10px 20px; }
#fields table { width: 760px; }
#fields input[type=text] { width: 400px;}
#fields input[type=radio] { width: 155px;}
#form { background-color: #b3bec5; padding: 15px 0; }
#comments { padding: 0 20px 10px 20px; }
#comments textarea { width: 760px; }
#control { padding: 0 20px; }
#caption { padding-bottom: 10px; }
.error { color: #b11717; }

/* details */
#details textarea { width: 800px; }
.detailinfo { display: block; margin: 10px 0; padding: 10px; background-color: #E2EBF0; width: 780px; border: 1px dotted darkgray; min-height: 40px; }

/* list */
#listwrapper { padding: 15px; background-color: #B3BEC5; }
#list { background-color: White; padding: 15px; }
#list table { width: 740px; }
#listheader { font-size: larger; }
#listheader td { padding-bottom: 10px; }
.listimg, .listimg:visited, .listimg:hover, .listimg:active, .listimg:link { padding: 0; margin: 0; background-color: Transparent !important; cursor: pointer; cursor: hand; }

/* jquery ui stuff */
.ui-widget a, .ui-widget a:link, .ui-widget a:active, .ui-widget a:hover, .ui-widget a:visited { display: inline; padding: inherit; margin: inherit;}

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; height: 200px;}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { margin: .1em 16px .1em 0; font-family: Verdana; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: -2px 0 0 -10px;}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: inherit; }
.ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; height: 200px; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color: White; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker ..ui-datepicker { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; width: 35px; cursor: pointer; cursor: hand; }
.ui-datepicker .ui-datepicker-next { right:2px; width: 35px; cursor: pointer; cursor: hand; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 33%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}