@charset "utf-8";
/* UKKA Liam CSS Document */

/* grid */
.container_A{margin-left: auto;  margin-right: auto;  width: 810px }
.col_a,.col_b,.col_c,.col_all { display: inline; float: left;margin-left: 0px; margin-right: 0px }
.container_A .col_a {width: 180px }
.container_A .col_b{width: 65px }
.container_A .col_c {width: 565px }
.container_A .col_all{width: 810px }
.alpha { margin-left: 0 }
.omega { margin-right: 0 }
/*layout*/
body{font: 80% "Times New Roman" ;text-align:left; background:#fff;}
div#content p{color:#333; font-family:"Times New Roman"; font-size:100%; text-align:justify;line-height:1.4;}
a{display:block;color: #981793;padding:10px;}
h1{font-weight:bold; font-size:130%; text-align:left;color:#473155; margin:0 0px 22px 0px;}
h2{font-weight:bold; font-size:105%; text-align:left;color:#473155; margin:20px 0px 8px 0px; }
.clear{clear:both;}
p#logo{position:relative; margin:5px 0; text-align:center; width:100%;height:75px; width:180px; background:url(../gfx/UKKA_logoP.png) center no-repeat;}
p#logo img{height:75px;}
p#title{position:relative; left:0px; margin:35px 0; text-align:left; width:100%;font-weight:bold; font-size:140%;color:#473155;}
.footer{font-size:110%;}
div#footer div#assoc{}
/*div#assoc p.feds{padding:3px 0 0 10px; margin:0; color:#333; cursor:pointer;background-color:#cccfff;}
div#assoc p.feds:hover{background-color:#c0c0c0; }
*/
div#offFoot{height:30px; padding:25px 95px 2px 0; color:#473155; text-align:right}

div#foot{height:30px; padding:25px 45px 2px 30px; color:#473155; text-align:right}
div#foot a.jam{display:inline;}
div#shadow{ height:49px; padding:0; margin:0; width:960px;}
/*div#shadow{height:10px;}*/
#jbug { width: 100%; overflow: auto; background-color: #FFFFCC; display: none; color: #000000; z-index: 1000}
#tooltip { position: absolute; z-index: 3000; border: 0px solid #666; font-size: 14px; background: transparent url(../gfx/port8.png) repeat-x center; padding: 3px; color: #333;display:none;}
.grid{background:#fff url(960/960_grid_12_col.png)top center repeat-y;}
/* div#content,div#extra1,div#extra2{height:480px;} */
div#offContent{position:relative;left:150px; top:40px; width:100%; font-size:155%; color: #473155;}
div#content{position:relative;left:0px; top:40px; width:510px; font-size:125%}
div#offContent p img,div#content p img, #linklist img{border:1px solid #ccc; background-color:#fff; padding:5px;}
div#contentA p img.left,div#content p img.left{float:left; margin: 5px 10px 0px 0px;}
div#contentA p img.right,div#content p img.right{float:right; margin: 5px 0px 0px 10px;}
div#offContent p.center,div#contentA p.center,div#content p.center{text-align:left;}

/* Navigation */
#navcontainer { width: 100%; font-size:110%; position:relative;}
ul#adbuttons,#navcontainer ul,#linklist{margin: 0;padding: 0;list-style-type: none;font-size:110%; text-decoration: none;}
ul#adbuttons li,#navcontainer li { margin-left:0;}
#navcontainer li.corn{ height:20px;}
/*#navcontainer li.top{height: 140px;background-color: #C0C0C0; text-align:center;color:#666; font-size:120%; font-weight: bold;}
#navcontainer li.top img{position: relative; padding-top: 20px;}*/
#navcontainer li.top{height: 40px;}
#navcontainer a,#navlist a:link, #navlist a:visited{display: block; padding: 3px; text-align:center; background-color: #C0C0C0;}
#nav a.active{font-weight:bold}
#nav a.active,#nav a.active:hover{ color: #473155; background-color: #c4acc6;}
#navcontainer a:hover{ background-color:#473155;color: #F6E4FE;}
#navcontainer ul.menu{display:none; z-index:10;}
#navcontainer ul.menu li{ background-color:#efefef; margin-bottom: 0px; font-size:90%;}
#navcontainer ul.menu li a{color:#FFFFFF;border-top:1px solid #efefef;}
#navcontainer ul.menu li a.active{font-weight:bold;}
#navcontainer a{display: block;padding: 3px;padding-bottom:2px;text-align:center; color:#555;text-decoration:none;}


/* test elements */
#dummy_element{width:2px;}
.vspace1 {margin-top:20px; }
.vspace2 {margin-top:40px;}
.size1{font-size:110%}
.size2{font-size:120%}
.size2{font-size:130%}
p.hbox1{height: 100%; width:150px; background-color: #C0C0C0; text-align:center; float:left; padding:0;margin:0;}
p.hbox2{width:660px; margin-left:10px; line-height:70px;}
div#ads{margin:90px 0 0 0px; color:#777; text-align:center;}
div#ads img{ border:1px solid #ddd;}
div#ads a{padding:0;}

/* layout test */
.header{background-color:#F6E4FE ;height:85px;}
.pbody{ background-color:#fff; width:960px;}

/* link list */
#linklist8 {margin:0 auto;}
#linklist8 a{padding:0;color:#666;text-decoration:none;}
#linklist8 a:hover{color:#fff;}
#linklist8 li{width:100%;height: 100px;  padding:8px 0; margin:0; cursor:pointer;}
#linklist8 li:hover{background-color:#c4abc6; color:#fff;}
#linklist8 img{float:left; margin-right:20px;}
#linklist8 p{margin:0 20px; }

#linklist5 {margin:0 auto;}
#linklist5 a{padding:0;color:#666;text-decoration:none;}
#linklist5 a:hover{color:#fff;}
#linklist5 li{width:100%;height: 40px;  padding:8px 0; margin:5px 0; cursor:pointer;border:1px solid #c4abc6;}
#linklist5 li.active,#linklist5 li:hover{background-color:#c4abc6; color:#fff;}
#linklist5 img{float:left; margin-right:20px;}
#linklist5 p{padding:0 20px;  }


#mapnav{width:150px;float:left;}

/* IGal */
div.MGallery, .MGallery a, .MGallery img, .MGallery ul, .MGallery li,
div.VGallery, div.VView, .VGallery a, .VGallery img, .VGallery ul, .VGallery li,
div.IGallery, div.IView, .IGallery a, .IGallery img, .IGallery ul, .IGallery li { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
 h3.jpTitle {color:#C4ACC6;}
 .MGallery,.VGallery,.IGallery { position: relative; background: url(../gfx/loading.gif) no-repeat 45% 50%; width: 610px; left:10px; }
 .IView { width: 420px; height: 410px; text-align:center; position:relative; left:70px; }
 .IView img {background-color: #fff; border: 1px solid #ccc; margin-top:10px; padding: 5px; display:none; cursor:pointer; }
 .MGallery ul,.VGallery ul,.IGallery ul { position: absolute; top: 10px; left:-25px; width: 100px; list-style: none; text-align: center; }
 .MGallery ul.pGal,.VGallery ul.pGal,.IGallery ul.pGal{width:500px; margin-left:15px; position:relative;}
 .MGallery ul.pGal li,.VGallery ul.pGal li,.IGallery ul.pGal li{float:left; margin-right:5px;}
 .MGallery ul li,.VGallery ul li,.IGallery ul li { display: inline; border:0; }
 .MGallery ul li img ,.VGallery ul li img ,.IGallery ul li img { background-color: #fff; border:1px solid #ccc; padding: 3px; display:none; cursor:pointer; }
 .MGallery ul li img:hover,.VGallery ul li img:hover,.VGallery ul li img.active,.IGallery ul li img:hover,.IGallery ul li img.active{ background-color:#C4ABC6; }
 .IText { position: absolute; top: 0; left: 0; background-color: #f00; color: #fff; padding: 3px; }
div#jgallery {background-image:none;}
p.gTitle{color:#473155; font-size:120%; font-weight:bold;}

/*popin*/
/*body {position: relative }*/
.popin-veil { position: fixed; top: 0; left: 0; z-index: 9000; width: 100%; height: 0; background-color: #000; background-position: center center; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0)}
.popin { display: none; position: fixed; top: 50%; left: 50%; z-index: 9500; width: 737px; height: 500px; margin: -250px 0 0-370px; overflow: hidden; background: #efefef ; border: 3px #473155 solid}
.popin-content { position: relative; width: 100%; height: 100%}
.container_1{padding:10px 0 0; margin:0; height:460px; overflow-x:hidden;overflow-y:auto; width:730px}
.container_1 h2{padding:0 0 0 15px; font-size:130%;}
.popin-foot { position: relative; width: 100%; height: 5px; font-size: 12px;}
a.popin-close { background-color: #c0c0c0; float: right; cursor: pointer;color:#555; padding:3px 5px 5px; text-decoration:none}
a.popin-close:hover{color:#c4acc6; background-color: #473155;}

/* dojo map */
div#dojomap,div#dojomap p{text-align:center;}
dl.clubmap{background:transparent url(../gfx/ukblank.png) 8px 8px no-repeat; height:644px; position:relative;text-align:left;}
dl.clubmap a.point {position:absolute; background:transparent url(../gfx/maptarget.png) bottom left no-repeat;height:17px; width:17px; padding:0;}
dl.clubmap a.point:hover {background-position:top left;}
dl.clubmap dt {list-style:none;	display:inline;}
#cm_holder{height:350px; width:470px; overflow-x:hidden; overflow-y:auto;}
#cm_title{font-size:120%; font-weight:bold;}
#cm_coords{color:#009900;}


/* dojo info box */
ul#dInfo{width:100%; list-style:none; background-color:#99CC33; overflow:auto; font-family: "Times New Roman", Times, serif ; font-size:110%;}
ul#dInfo li{background:url(../gfx/port3.png) -50px 0 repeat-y; margin:10px; padding:10px 0 0;}
#dInfo p.dtitle{float:left;width:150px; color:#fff; font-size:105%; padding:0 0 0 5px; margin:0;}
#dInfo p.dtail{float:left;padding:0 10px; margin:0; width:280px; text-align:left;}
#dInfo p.dtail a{display:inline; color:#666; padding:3px 5px 5px 0px;}
#dInfo p.dtail a:hover{background:url(../gfx/port2.png); color:#fff;}
.reset {height:0; clear:both;}

/*General table style*/
table{width:100%; font-family:"Times New Roman", Times, serif; font-size:115%; color:#333;margin:0 10px}
td h3 {font-size:116%; font-style:italic; font-weight:bold;}
th{font-weight:normal; width:300px;}

/* events table */
table.events{width:100%; font-family: "Times New Roman", Times, serif; font-size:100%; color:#333;margin:0px; border-collapse:separate; margin:0 0 20px 0;}
table.events td,table.events th{ border-bottom:0px solid #C4ACC6; padding-bottom:10px; vertical-align:top;}
table.events th h2 {font-size:120%; font-weight:bold; margin-top:0;}
table.events th{font-weight:bold; }
table.events em{font-weight:normal;font-size:90%; font-style:normal; }
table.events td.col_1{width:180px; padding-right:10px;}
table.events td.col_2{width:165px; padding-right:10px;}
table.events a {padding:0 3px; display:inline;}
table.events a.editMe{display:none;}
table.events a:hover {background-color:#C4ACC6;}

/* news items */
h1 span.sub,h2 span.sub{font-size:90%; color:#981793;font-style:italic;font-weight:normal;}
#newsList{padding:0 0 25px 0;}
#newsList li {background-color:#F6E4FE; cursor:pointer;}
#newsList li img{width: 150px; background-color:#FFFFFF; border:1px solid #CCCCCC;padding:5px; margin-left:5px}
#newsList li a{text-decoration:none; font-weight:bold; font-size:105%;}
#newsList li p.imgx{width:180px;}
#newsList li p.post{color:#981793; font-style:italic; margin-left:10px;}
#newsList li p{float:left; margin:0;padding:0; }
#newsList div.short{padding:0 10px;}
#newsList li {margin-top:10px;}
#newsList li div.holder{line-height:1.4em;}
.narchive{background-color:#473155; color:#F6E4FE; font-size:120%; text-decoration:none; margin-top:10px;}
.narchive:hover{background-color:#F6E4FE; color:#473155;}
.holdit{margin:0 30px;}
.holdit p{font-size:120%}
#newsList img.miniEdit {height:15px; width:15px; margin:5px 0 0; padding:3px; background-color:transparent; position:relative; top:8px;}


/* ADMIN */
/*jqZebra*/
fieldset#filterBox {border: 1px dashed #5885a9; width: 525px }
#filterBox input { width: 160px; font-size: 110%; border: 1px solid #5885a9; background-color: #ebf4fb; background-image: url(../gfx/sgo_inputbg2.jpg); background-position: 0px -2px; background-repeat: repeat-x}
table#jtable {font-size: 90%; border-collapse: collapse; width:100%; margin:0; font-family:Arial, Helvetica, sans-serif;}
table#jtable th { background-color:#473155; color: #fff; text-align: left}
table#jtable tr.filters,#jtable tr#filt {background-color:#68477A;}
table#jtable input { height: 15px; border: 1px solid #3f003e; background-color:#fff;}
table#jtable input.frmFocus { background-color:#F6E4FE}
table#jtable tr.headr,#jtable tbody { cursor: pointer}
table#jtable tfoot { background-color:#473155; color: #fbe66d}
table#jtable th.filtered { background: #cdb6d1 url(../gfx/filter_on.png) no-repeat right center; color: #741472}
table#jtable.tablefilter-column { background-color: transparent; background-repeat: no-repeat; background-position: right center}
table#jtable th.headerSortDown { background: #FFCC33 url(../gfx/asc.gif) no-repeat right center; color: #741472}
table#jtable th.headerSortUp { background: #FFCC33 url(../gfx/desc.gif) no-repeat right center; color: #741472}
table#jtable td { padding: 2px}
tr.even,tr.first { background-color:#F6E4FE;}
tr.odd,tr.second { background-color: #C4ACC6}
tr.third { background-color: #ccc}
tr.fourth { background-color: #bbb}
tr.over { background-color:#473155; color: #fff}
tr.highlight { background-color:#FFCC33; color: #3f003e}

/* admin menus */
#admin_menu { position: absolute; top: 0; left: 0; z-index: 10; background-color: #c4acc6; padding: 10px; border: 1px solid #741472; text-align: center; font-weight: bold; width: 180px}
ul#admMenu { width: 150px; margin: 0 auto; padding: 0 0 5px 0}
ul#admMenu li a { display: block; height: 20px; font-size: 12px; line-height: 1.5em; text-decoration: none; cursor: pointer; border: 1px solid #741472; background-image: url(); background-position: 0px -5px}
ul#admMenu li a:hover { background-position: 0px 0px}

ul#admNav{height:25px; width:100%;padding:0; margin:0; list-style:none;font-size:110%;}
#admin_menu2{position:relative; top:-3px; }
#admOpen{cursor:pointer;position:relative; background-color: #c4acc6; ; padding:2px 5px;}
#admOpen{z-index:10; position:absolute; right:0px; top:-23px}
#admOpen:hover,#admClose:hover{background-color:#473155;color: #F6E4FE;}
ul#admMenu2 {height:25px; width:100%;font-size:12px; display:none; padding:0; margin:0; list-style:none}
#admNav li,#admMenu2 li{float:left; background-color: #c4acc6; margin:0 5px 0 0}
#admNav li a,#admMenu2 li a{text-decoration:none; display:block; padding:3px 10px; color:#333}
ul#adbuttons li{float:left;margin:0 5px 10px 0}
ul#adbuttons li a:hover,#admNav li a.active, #admNav li a:hover,#admMenu2 li a:hover{background-color:#473155;color: #F6E4FE;}
ul#adbuttons li a{padding:5px; }

/* RTE */
 .frameBody { font: 0.9em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; line-height:1.4em; margin:3px; width:99%; height:100%; background-color:#E1E8F1; }
 .frameBody p { border:1px #bbb solid; padding:2px; background: #FFFFFF url(../gfx/rte.jquery/rte-p.png) no-repeat 2px 2px; }
 .frameBody p img { margin:8px; float:left; border: solid 2px #3f003e; }
 .frameBody p img.right { float: right; margin: 0 8px 8px 0px; }
 .frameBody p img.left{ float: left; margin: 0 8px 8px 0px; }
 .frameBody h2 { border:1px #bbb solid; padding:2px; background: #FFFFFF url(../gfx/rte.jquery/rte-h2.png) no-repeat 2px 2px; }
 .frameBody h3 { border:1px #bbb solid; padding:2px; background: #FFFFFF url(../gfx/rte.jquery/rte-h3.png) no-repeat 2px 2px; }
 .frameBody h4 { border:1px #bbb solid; padding:2px; background: #FFFFFF url(../gfx/rte.jquery/rte-h4.png) no-repeat 2px 2px; }
 .frameBody table { border:1px #bbb solid; padding:2px; background: #FFFFFF url(../gfx/rte.jquery/rte-tb.png) no-repeat 2px 2px; }
 .frameBody ul { border:1px #bbb solid; padding:2px; background: #FFFFFF url(../gfx/rte.jquery/rte-ul.png) no-repeat 2px 2px; list-style:disc inside; }
 frameBody h2 h2, frameBody h2 h3, frameBody h2 h4, frameBody h3 h2, frameBody h3 h3, frameBody h3 h4, frameBody h4 h2, frameBody h4 h3, frameBody h4 h4, frameBody p h2, frameBody p h3, frameBody p h4, frameBody h4 p, frameBody h4 p, frameBody h4 p, frameBody p p, frameBody p h3, frameBody p h4{ background-color: #ff9999 !important; border: 1px solid red !important; font-size: 12px !important; font-weight: normal; }
 .rte-zone { width:90%; margin:0; padding:0; height:160px; border:1px #999 solid; clear:both; }
 #eform p.eholder{line-height:.5em; padding:0;}
 #rte #toolbar,.rte-panel{ overflow:hidden; }
 .rte-panel{ background: transparent url(../gfx/port9.png); height:30px; color:#3f003e; display:none; padding-top:2px; }
 .rte-panel p{ margin:0; padding:0; }
 #rte #toolbar {position:relative; top:0px;}
 #rte #toolbar a { border:0; height:24px; width:24px; line-height:20px; background-position: 0px -27px; background-repeat:no-repeat; cursor:pointer; display:block; float:left; }
 #rte #toolbar a:hover{ background-position:top left; }
 #rte #toolbar a.hide{display:none;}
 #rte #toolbar a.unorderedlist{ background-image: url(../gfx/rte.jquery/unordered_x.gif); }
 #rte #toolbar a.fcolor{ background-image: url(../gfx/rte.jquery/fcolor.gif); }
 #rte #toolbar a.bold{ background-image: url(../gfx/rte.jquery/bold_x.gif); }
 #rte #toolbar a.italic{ background-image: url(../gfx/rte.jquery/italic_x.gif); }
 #rte #toolbar a.link{ background-image: url(../gfx/rte.jquery/link.gif); }
 #rte #toolbar a.image{ background-image: url(../gfx/rte.jquery/image.gif); }
 #rte #toolbar a.disable{ background-image: url(../gfx/rte.jquery/html.gif); }
 #rte #toolbar a.enable{ background-image: url(../gfx/rte.jquery/editor.gif); }
 #rte #toolbar a.fleft{ background-image: url(../gfx/rte.jquery/left.gif); }
 #rte #toolbar a.fcenter{ background-image: url(../gfx/rte.jquery/center.gif); }
 #rte #toolbar a.fright{ background-image: url(../gfx/rte.jquery/right.gif); }
 #rte #toolbar a.cleanup{ background-image: url(../gfx/rte.jquery/cleanup.gif); }
 #rte #toolbar a.word{background-image: url(../gfx/rte.jquery/word.gif);} 
 #rte #toolbar { vertical-align:top; background: transparent url(); padding:2px; text-align:left; border-bottom:solid silver 1px; height:20px; }
 #rte #toolbar .toolholder{position:relative; padding:0; margin:0;height:30px; float:left; width:280px;}
 #rte #toolbar .toolholdera{position:relative; float:left; padding:0; margin:0;height:30px;width:300px; top:0; }
 #rte #toolbar img, #rte #toolbar a, #rte #toolbar select{ vertical-align:middle; border:none; text-decoration:none; font-size:10px; padding:0;}
 #_toolbar{ list-style:none; display:inline; }
 #_toolbar li, #rte #toolbar p { float:left; margin:0; padding-right:5px; }
 #_color_selector{ width:216px; height:24px; border:#666666 2px solid; position:relative; margin: 0 3px; float:left; background-color:#efefef; font-size:9px }
 ._color_swatch{width:12px; height:12px; float:left;}
 #_color_custom{position:relative;float:left;}
 #_color_value{margin-left:4px; width:60px;}
 #_hex_sample{width:16px; height:16px; margin:0 3px; border:0;}
 

/* forms */
form.cartform input.frmFocus,form.cartform select.frmFocus,form.cartform textarea.frmFocus {background-color:#F6E4FE; color: #3f003e }
form.cartform input,form.cartform select,form.cartform textarea { width: 300px; height: 20px; background-color:#fff; border: 1px #CCCCCC solid; color: #3f003e}
form.cartform select.frmFocus {background-color:#F6E4FE; color: #3f003e }
form.cartform textarea { height: 250px}
form.cartform input.button { width: 100px; height: 25px; background: #3f003e url() repeat-x 0px -5px; color: #efefef}
form.cartform input.button:hover { background: #3f003e url() repeat-x; color: #FBE66D}
form#eform input.button1,button.button1,form.cartform input.button1 { width: 100px; height: 25px; background: #3f003e url() repeat-x 0px -5px; color: #efefef}
form#eform input.button1:hover,button.button1:hover,form.cartform input.button1:hover { background: #3f003e url() repeat-x; color: #FBE66D}
form#eform input.button1,button.button1 { border: 1px solid #CCCCCC; margin-right: 3px}
form.cartform select { height: 25px}
form.cartform fieldset { margin-bottom: 10px; border: 1px solid #cdb6d1}
form.cartform legend { padding: 0 2px; font-weight: bold; color: #efefef; border: 0px solid #efefef}
form.cartform label { display: inline-block; line-height: 1.8; vertical-align: top}
form.cartform fieldset ol { margin: 0; padding: 0}
form.cartform fieldset li { list-style: none; padding: 5px; margin: 0; border-bottom: 1px solid #cdb6d1;background-color:#C4ACC6;}
form.cartform fieldset fieldset { border: none; margin: 3px 0 0}
form.cartform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal}
form.cartform fieldset fieldset label { display: block; width: auto}
form.cartform em { font-weight: bold; font-style: normal; color: #f00}
form.cartform label { width: 120px}
ul#_admform { margin-bottom:0;}
ul#_admform label { width: 150px}
form.cartform fieldset fieldset label { margin-left: 123px}
form.cartform div.dropmsg { display: none}
form.cartform div.errors { background-color: #efefef; color: #C40000}

/* content holders */
#container-1,#container-4 { width: 600px; margin: 30px auto 0; background: url(); padding: 15px; height: 420px; overflow:auto;}
#container-3,#container-2 { width: 700px; margin: 30px auto 0; background: url(); padding: 15px; height: 420px; overflow:auto;}
#container-3,#container-2,#container-4 { display: none}
#container-1 h2,#container-2 h2,#container-3 h2,#container-4 h2{margin:0 0 10px 0}
#Ptable { margin:0 0 10px 0; width: 100%; font-size: 110%; border: 0}
#Ptable th{width:150px; padding:8px; font-size:110%}
#Ptable tr{border: 1px solid #cdb6d1;}
.cswitch { display: none}
#contentA {font-size:125%; width:510px;font-family:"Times New Roman", Times, serif; height:390px; overflow-x:hidden; overflow-y:auto}

/*date input*/
.date_selector,.date_selector* {width: auto; height: auto; border: 0; background: none; margin: 0; padding: 0; text-align: left; text-decoration: none }
.date_selector { background: transparent url(../gfx/port9.png); border: 1px solid #bbb; padding: 5px; margin: -1px 0 0 0; position: absolute; z-index: 100000; display: none; font-size:10px;}
.date_selector_ieframe { position: absolute; z-index: 99999; display: none}
p.month_nav { margin: 0 0 5px 0; padding: 0; display: block; height: 20px}
span.month_name { color:#fff;float: left; width: 100%; font-weight: bold; line-height: 20px; display: inline; text-align: center; margin: 3px auto}
.date_selector .month_nav a { display: inline; position: absolute; top: 5px; width: 20px; height: 20px; line-height: 17px; font-weight: bold; color: #fff; text-align: center; font-size: 120%; overflow: hidden; background: transparent; padding: 5px 10px; border: 0} 
a.prev { left: 5px; float: left; width: 20px; height: 20px} 
a.next { right: 5px; float: right; width: 20px; height: 20px}
.date_selector .month_nav a:hover,.date_selector .month_nav a:focus { background: transparent url(../gfx/port8.png); color: #3f003e; text-decoration: none; border: 0}
.date_selector table { border-spacing: 0; border-collapse: collapse;margin:0;}
.date_selector th,.date_selector td { width: 2.5em; height: 2em; padding: 0; text-align: center}
.date_selector th{color:#fff}
.date_selector td { border: 1px solid #ccc; background: transparent url(../gfx/jdog_port1.png); line-height: 2em; text-align: center; white-space: nowrap}
.date_selector td.today { background: #FFFED9}
.date_selector td.unselected_month { color: #ccc}
.date_selector td a.date_link { display: block; text-decoration: none!important; width: 100%; height: 100%; line-height: 2em; color: #003C78; text-align: center; background: transparent url(../gfx/jdog_port1.png); padding: 0}
.date_selector td.today a { background: #FFFEB3}
.date_selector td.selected a { background: #D8DFE5; font-weight: bold}
.date_selector td a.date_link:hover { background: transparent url(../gfx/port2.png); color: #3f003e; border: 0; padding: 0}
#CP_hourcont { padding: 0px; position: absolute; border: 1px solid #741472; background: transparent url(../gfx/port9.png); color: #3f003e; display: none; z-index: 10000; color:#fff}
#CP_minutecont { background: transparent url(../gfx/port9.png); padding: 0px; color: #3f003e; position: absolute; width: 45px; border: 1px solid #741472; display: none; z-index: 10000}
.floatleft { float: left}
.CP_hour { padding: 1px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; white-space: nowrap; cursor: pointer; width: 35px; margin: 1px; background: transparent url(../gfx/port2.png)}
.CP_minute { padding: 1px; background: transparent url(../gfx/port2.png); font-family: Arial,Helvetica,sans-serif; font-size: 9px; white-space: nowrap; cursor: pointer; width: auto; margin: 1px}
.CP_over { background: transparent url(../gfx/port1.png)}

/*human message*/
.humanMsg {font: normal 20px/50px Helvetica,Arial,Sans-Serif; letter-spacing: -1px; position: fixed; top: 130px; left: 25%; width: 50%; color: #3f003e; background-image: url(../gfx/jdog_port1.png); text-align: center; display: none; opacity: 0; z-index: 100000 }
.humanMsg.round { border-left: solid 2px #741472; font-size: 1px; height: 2px}
.humanMsg p { padding: .3em; display: inline}
.humanMsg a { display: none}
#humanMsgLog { font: normal 10px Helvetica,Arial,Sans-Serif; color: #000; position: fixed; bottom: 0; left: 0; width: 100%; max-height: 200px; display: none; z-index: 10000}
#humanMsgLog p { position: relative; width: 161px; margin: 0 auto; line-height: 20px; background: url(../gfx/port9.png); text-align: center; white-space: pre; color: #cdb6d1; cursor: pointer}
#humanMsgLog ul { background: url(../gfx/port9.png); margin: 0; padding: 0; position: relative; max-height: 180px; overflow: auto; display: none}
#humanMsgLog ul li { color: #000; font-size: 12px; list-style-type: none; border-bottom: 1px solid #741472; line-height: 20px; display: none; padding: 3px 20px; position: relative; overflow: hidden; white-space: pre}
#humanMsgLog ul li:hover { color: #fff; background-image: url(../gfx/port2.png)}
#humanMsgLog ul li:first-child { margin-top: 1px}
#humanMsgLog ul li.error { color: orangered}
#humanMsgLog ul li.indent { position: absolute; top: 0; left: 100px; margin-right: 200px; height: inherit}

/* other items */
#submitform { width: 400px; float: left; margin-right: 10px}
#login { margin: 30px auto; width: 400px; padding: 5px; border: 2px solid #741472}
#login h2 { padding-top: 0px}
#jbug { width: 100%; overflow: auto; background-color: #FFFFCC; display: none; color: #000000; z-index: 1000}
.editlink, a.editMe{display:none; padding:0 0 3px 0; margin-bottom:10px;width:100px; background-color:#FFCC33; color:#3F003E; text-decoration:none;}
table.events a.editMe,#linklist8 a.editMe,#linklist5 a.editMe{float:left; padding:2px;, margin:0;text-align:center; width:20px}
table.events a.editMe img,#linklist8 a.editMe img,#linklist5 a.editMe img{float:none; margin:0}
.editlink:hover, a.editMe:hover{background-color:#66CC33;}
.hideit,.hide { display: none}
div#offbg { position: absolute; text-align: center; width: 200px; height: 30px; left:42%; background-color:#FFCC33; color:#3F003E;}
div#offbg p { font-size: 14px; font-weight: bold; padding:5px 0; text-align:center;} 
#holderA { width: 400px; margin: 0px auto; padding: 10px 25px 10px 25px; border: 2px solid #cdb6d1; position: relative}
#pdf_container{padding:0 0 0 15px;}
.inActive{background-image: url(../gfx/port2.png); font-style:oblique; color:#666;}
#alertMsg{position:absolute; top:150px; margin-left:255px; text-align:center; height:220px; z-index:10; width:300px; padding:20px; background-image: url(../gfx/port3.png); font-size:140%; color:#006600; border:3px solid #888;}
#alertMsg p.title{font-size:110%;}
#alertMsg a{padding:5px; margin:0 30px;display:inline; font-size:90%; color:#473155;}
#alertMsg strong,#alertMsg p.title,#alertMsg a:hover{color:#fff;}
#jtable .sortSub{display:none; color:purple; background-color:gold; cursor:default;}
#jtable .sortNone{cursor:default;}
ul#siteMap .label{font-weight:bold; text-decoration:underline;}
ul#siteMap li ul li{margin-left:0;}
ul#siteMap li a{display: inline; padding:3px 5px;}
ul#siteMap li ul li ul{margin-left:20px;}
/* popimg */
#popimg-mask {display:none; position: fixed; top: 0; left: 0; z-index: 9000; width: 100%; height: 0; background-color: #000; background-position: center center; background-repeat: no-repeat; opacity: 0; filter: alpha(opacity=0)}
*html#popimg-mask {display:none; position: absolute; top: expression(documentElement.scrollTop+body.scrollTop+"px")}
#popimg { display: none; position: fixed; top: 50%; left: 50%; z-index: 9500; width: 730px; height: 528px; margin: -260px 0 0-370px; overflow: hidden;}
*html#popimg { position: absolute; margin-top: 0; top: expression(documentElement.scrollTop+body.scrollTop+(documentElement.clientHeight/2)-275+"px")}
#popimg .popimg-caption{color:#fff; font-size:125%; margin:0 auto; padding-bottom:8px; background-image:url(../gfx/port9.png); border:2px solid #473155;}
#popimg .popimg-image img{padding:5px;}
.popimg-foot { position: relative; width: 100%; height: 5px; font-size: 12px;}
a.popimg-close { background-color: #c0c0c0; float: right; cursor: pointer;color:#555; padding:3px 5px 5px; text-decoration:none}
a.popimg-close:hover{color:#c4acc6; background-color: #473155;}

/* end admin /*