.reset {float: left; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { background: url('../artwork/background.gif') repeat-x 50% top; margin: 0; font-family: Tahoma; color: Black; font-size: 3.5mm } .loading{ float: left; position: absolute; top: 0; left:0; z-index: 99;} img{ border: none; text-decoration:none; } .centered { margin: 0 auto; } #page { width: 905px; margin: 0 auto;} #page_top { width: 905px; margin: 0 auto;} #page-wrap { width: 760px; padding: 15px; background: white; margin: 0 auto 50px; position: relative; } /* ROW -----------------------------------------------------------------------------------------------------------*/ .row { clear: both; position: relative; margin: 0; padding: 0; border: 0;} .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* COLUMN -------------------------------------------------------------------------------------------------------- */ .col, .column { float: left; border: 0; padding: 0; margin: 0; vertical-align: top;} .column:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* HEADER ---------------------------------------------------------------------- */ #header {background: url('../artwork/header-bg.jpg') no-repeat left top; height: 123px; } #logo { width: 401px; } #logo a {outline: none; } #home a, #login a, #contact a { width: 60px; text-align: center; padding: 13px 0 0 0; margin: 12px 0 0 0; color: #990000; display: block;outline: none;} #home a { background: url('../artwork/icon-home.gif') no-repeat center top;} #login a { background: url('../artwork/icon-login.gif') no-repeat center top; } #contact a { background: url('../artwork/icon-contact.gif') no-repeat center top;} #search { margin: 15px 20px 0 0; float: right; display: inline; } #search .label { padding: 4px 0 0 0; color: #775c35; font-weight: bold; } #search input { border: none; margin: 0 0 0 5px; width: 200px; } #search .button input { border: none; padding: 0; width: auto; outline: none;} #searchpage #search { position: static; margin: 15px 20px 0 0; float: left; display: inline;clear: both;} #searchpage input { margin: 0 0 0 5px; border: 1px solid; width: 200px;} /* MENU TOP ----------------------------------------------------------------- */ #menu-top table{ width: 800px; padding-left: 20px;} #menu-top table td{ width: 120px; } .tool-button{letter-spacing: 1mm; padding-top: 50px; text-align: center; text-decoration: none; cursor: pointer; font-size: 2.5mm; color: black; float: left; margin: 10px auto 10px auto; width: 80px;} .tool-button span{ margin: 0; padding: 2px;} #menu-top a:hover span{ border: 1px gray solid; background-color:#FFFFCC; padding: 2px; margin: 0px; font-size: 2mm;} #menu-top .message{width: 880px; margin: 0 auto 0 auto ; font-size: 3.8mm; font-weight: bold; border: 2px solid #95CAFF; text-align: center; background-color: #D9F2FF; padding: 10px} .warning{ margin:10px auto 10px auto; padding: 10px; width: 90%; border: 4px #FF3300 solid; background:#FFFFCC; font-weight:bold; letter-spacing: 1px; } .warning p{ padding: 2px; } /* WELCOME ----------------------------------------------------------------- */ #cx{ margin: 6px 0 0 30px; width: 710px; border: 1px #C0C0C0 solid; background-color: #FFFCFB; } #welcome{width: 720px; margin-left:20px; padding: 4px 0 0 4px; font-size: 3.5mm; font-weight: bold; letter-spacing: 1px;} #welcome img{margin: 8px; float:left; padding: 10px; border: 1px #CCCCCC solid; background-color: #F4EAEA} #welcome a, #welcome a:link, #welcome a:visited{text-decoration:none; color: #333333} #welcome p{ margin: 8px 0 0 0;} #welcome p img{ float: none; clear:both; border: none; background-color: inherit; padding: 0; margin: 0;} /* Sticky ----------------------------------------------------------------- */ #sticky {letter-spacing: 0px, background-position: right; margin: 0px; padding: 0px; background-image: url('../artwork/sticky5.png'); background-repeat: no-repeat; width: 260px; height: 220px; position: relative; top: 17px; left: 740px; z-index: 1} #sticky div{ padding: 30px; font-size: 3.2mm; letter-spacing: 1px; margin-left:-15px;width: 200px } #sticky div p:first-child{ padding: 0; margin: 0px; font-size: 2.5mm; letter-spacing: 0px; text-align: center; color: #666666} #sticky div p{ font-weight:bold; padding: 4px; margin: 6px 0 0 0; padding: 0px; font-size: 3mm; letter-spacing: 0px; } #sticky div ul{margin-top: 8px; padding: 0;} #sticky div ul li{margin: 0 0 0 12px; padding: 0 0 6px 0; list-style-type: circle; font-size: 3mm; } #pm, #pm>div{margin:0; padding:0 ; position: relative; top: 12px; left:170px; width: 50px;width: 50px;} #pm img{margin:0; padding:0 ; z-index:1} #pm p{margin:0; padding:0 ; z-index:1; color: #666667; font-size:small; position: relative; top: -46px; left:24px; width: 50px;} /* ICONS ----------------------------------------------------------------- */ .folder-nobar { background: url('../artwork/folder_nobar.png') no-repeat; } .home-nobar { background:url('../artwork/home_nobar.png') no-repeat; } .globe-nobar { background: url('../artwork/globe_nobar.png') no-repeat; } .admin-nobar { background: url('../artwork/admin_nobar.png') no-repeat; } .polls-nobar{ background: url('../artwork/polls_nobar.png') no-repeat; } .articles-nobar{ background: url('../artwork/notes_nobar.png') no-repeat; } .article-nobar{ background: url('../artwork/notes_nobar.png') no-repeat; } .forum-nobar{ background: url('../artwork/forum_nobar.png') no-repeat; } .video-nobar{background: url('../artwork/video_nobar.png') no-repeat; } .profile-nobar{ background: url('../artwork/myprofile_nobar.png') no-repeat; } /* Background Fillers */ .middlebox{ margin: 10px auto 0px auto; width: 952px; clear:both;} .middlebox h1{ position: relative; top: 35px; left:-20px; width: 760px; height: 36px; text-align: left;background: url('../artwork/heading.png') no-repeat; font-size: 4mm; padding: 19px 0 0 60px; font-weight: bold; color: #494949;letter-spacing: 2px; margin-top: -35px;float: left; } .top-900{ width: 955px; height: 6px; float:left; background:url('../artwork/filler/900/top.png') no-repeat; } .middle-900 { width: 955px; float:left; background: url('../artwork/filler/900/mid.png') repeat-y; min-height: 80px;} .bottom-900 { width: 955px; height: 20px; float:left; background: url('../artwork/filler/900/bot.png') no-repeat;} .top-700{ width: 718px; height: 29px; float:left; background:url('../artwork/filler/700/top.png') no-repeat; } .middle-700 { width: 718px; float:left; background: url('../artwork/filler/700/mid.png') repeat-y;} .bottom-700 { width: 718px; height: 46px; float:left; background: url('../artwork/filler/700/bot.png') no-repeat;} .middle-700 div{ width: 660px; padding-left: 15px;} /* Tool Tip ----------------------------------------------------------------- */ .aToolTip { background: url('../artwork/tiny_logo.gif') no-repeat 10px; border:1px solid gray; background-color:#FFFFCC; color: black; margin:0; padding:6px 42px; } .aToolTip .aToolTipContent { position:relative; margin:0; padding:0; } a.aToolTipCloseBtn { display:block; height:18px; width:18px; background:url(../artwork/tooltip/closeBtn.png) no-repeat; text-indent:-9999px; outline:none;position:absolute; top:-15px; right:-15px; margin:2px; padding:4px; } /* Flash ----------------------------------------------------------------- */ #flash {margin: 22px 0 0 10px; } #flash div{ border: 1px gray solid; float: left; width: 380px; padding: 20px; margin: 20px; } #flash p{ border: 2px solid #95CAFF; text-align: center; background: url('../artwork/tiny_logo.gif') no-repeat 4px; padding: 10px 0 0 24px; letter-spacing: 1px; font-size: 2.8mm; font-weight: bold; height: 22px; width: 370px; float: left; position: relative; top: -30px; left: -8px; background-color: #D9F2FF;} #flash p a,#flash p a:link, #flash p a:visited { text-decoration:none; color:black; } #poll {margin-left: 10px; } #poll div{ border: 1px gray solid; float: left; width: 380px; padding: 20px; margin: 20px; background-color:#F4F9FF} #poll div.chart{ border: none; float: left; width: 380px; padding: 20px; margin: -40px -20px -20px -20px; background-color:#F4F9FF} #poll p.top{ border: 2px solid #95CAFF; text-align: center; background: url('../artwork/tiny_logo.gif') no-repeat 4px; padding: 10px 0 0 24px; letter-spacing: 1px; font-size: 3mm; font-weight: bold; height: 22px; width: 370px; float: left; position: relative; top: -30px; left: -8px; background-color: #D9F2FF;} #poll p.quest{ border: 2px solid #95CAFF; text-align: left; background-color:#FFF4F4; padding: 6px; margin-bottom: 6px; letter-spacing: 1px; font-size: 3.5mm; font-weight:bold;} #poll p.info{ border: 2px solid #95CAFF; text-align: center; background-color:#FFF4F4; padding: 6px 0 6px 0; margin-bottom: 6px; letter-spacing: 1px; font-size: 3.2mm; font-weight:bold;} #poll ul li{ margin:4px 0 0 8px; padding-bottom:12px; list-style: none; list-style-image:none; list-style-type: none; letter-spacing: 1px; font-size: 3.5mm; font-weight:bold;} #poll ul { margin: 20px 0 15px 0;} .inside {margin-left: 10px; } .inside div:first-child{ border: 1px gray solid; float: left; width: 380px; padding: 20px 20px 8px 20px; margin: 20px 20px 15px 20px; background-color:#F4F9FF} .inside div.chart{ border: none; float: left; width: 380px; padding: 20px; margin: -40px -20px -20px -20px; background-color:#F4F9FF} .inside p.top, .poptop{ border: 2px solid #95CAFF; text-align: center; background: url('../artwork/tiny_logo.gif') no-repeat 4px; padding: 10px 0 0 24px; letter-spacing: 1px; font-size: 3mm; font-weight: bold; height: 22px; width: 370px; float: left; position: relative; top: -30px; left: -8px; background-color: #D9F2FF;} .inside p.quest{ border: 2px solid #95CAFF; text-align: left; background-color:#FFF4F4; padding: 6px; margin-bottom: 6px; letter-spacing: 1px; font-size: 3.5mm; font-weight:bold;} .inside p.info, #randomvid p:first-child{ border: 2px solid #95CAFF; text-align: center; background-color:#FFF4F4; padding: 6px 0 6px 0; margin-bottom: 6px; letter-spacing: 1px; font-size: 3.2mm; font-weight:bold;} .inside ul li{ padding-bottom:8px; list-style-type: disc; letter-spacing: 1px; font-size: 3.5mm; font-weight:bold;} .inside ul { margin: 20px 0 0 12px;} .inside p>span{ font-size: 3mm; letter-spacing: 1px; color: gray;} .inside div.vid, .vid{margin: 24px 0 0 70px; background: url(../artwork/vid-thumb.png) no-repeat; width: 252px; height: 181px;} .inside div.vid img, .vid img{padding: 18px 0 0 27px; } .inside a, .inside a:link{ color: black;} /* Cert Notice ----------------------------------*/ #certs { background: url('../artwork/cert.jpg') no-repeat #FFFFFF; height: 151px; border: 2px solid #95CAFF; color: white; font-size: 3.5mm; font-weight: bold; letter-spacing: 1px; float: left; width: 450px; padding: 0; margin: 30px 0 10px 30px; width: 880px; } #certs p:first-child { background: url('artwork/tiny_logo.gif') #D9F2FF no-repeat 4px; border: 2px solid #95CAFF; padding: 5px 5px 5px 26px; color: black; width: 350px; margin: 10px 30px 0 500px; text-align: center; float: right; position: relative;} #certs p { border: 2px solid #95CAFF; text-align: left; background-color: #FFF4F4; padding: 10px 7px 7px 7px; margin: -4px 40px 0 500px; letter-spacing: 1px; font-size: 3.5mm; font-weight: bold; float: right; width: 340px; color: #616161; text-align: justify; font-size: 3mm; } #certs p.link{ background-color: #F2F8FF; clear:both; margin-top:5px;text-align:center; text-decoration: none; color: black; padding: 3px; width: 347px;} /* Footer ----------------------------------------------------------------- */ #footer{float:left; letter-spacing: 2px ; font-family:Georgia; width: 940px; height: 400px; color: #999999; font-size: 2.5mm} #footer a, #footer a:link{font-weight: normal; text-decoration:none; color: #999999; letter-spacing: 2px ; font-family:Georgia; width: 940px; height: 400px; color: #999999; font-size: 2.5mm;} #footer div:first-child{ float: left} #footer div{ float: right; text-align: right; } #footer div ul, #detailsuser> ul{ display: inline; list-style: none; list-style-type: none; margin: 0; padding: 0;} #footer div ul li, #detailsuser> ul li{ display: table-cell; position: relative;padding: 2px 6px; } #footer .feedback{ background: url('../artwork/16-tag-pencil.png') no-repeat; padding: 4px 0 0 20px; height: 16px;} #footer .contact{ background: url('../artwork/12-em-pencil.png') no-repeat; padding: 2px 0 0 20px; height: 16px;} #footer .privacy{ background: url('../artwork/16-file-page.png') no-repeat; padding: 2px 0 0 20px; height: 16px;} /* Random Video----------------------------------*/ #randomvid div:first-child{ } /* #randomvid p:first-child{ } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #8EB5D5; background: #f6a828 url(images/ep_glosswave.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); } /* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 10px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important;} .ui-accordion .ui-accordion-header a { display: block; font-size: .8em; padding: .5em .5em .5em 2.2em; color: black;} .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block;} #accordion p.rsslink { font-size: 3mm; letter-spacing:2px; font-weight: bold; color: blue;} #accordion div.rssdiscription, .infomessage{ font-size: 4mm; font-weight: bold; border: 2px solid #95CAFF; text-align: left; background-color: #D9F2FF; padding: 10px} #accordion div.rssdate{ letter-spacing: 1px;width: 160px; margin: 2px 0 6px 0;font-size: 3mm; font-weight: bold; border: 2px solid #95CAFF; text-align: center; background-color: #FFFFCC; padding: 6px} #accordion2>h3{ padding-left: 2.2em; margin: 10px 0 0 0; width: 150px; float: left;} #accordion2>div{ clear:both; width: 900px; float:none; } /* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* positioning */ .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; }