body {background:url(../images/kruising.gif) no-repeat #fff; margin:0; font-family:verdana; color:#677482;} body p {line-height:18px; font-size:0.8em;} .loginPane li {line-height:18px; font-size:0.8em;} input,select,textarea {background-color:white;} body#templateInstructions.persona2 #contentSpace {min-height:408px;background:url(../images/persona2-content.png) no-repeat !important; margin-top:15px;} body#templateInstructions.persona2 #contentSpace #contentPane {padding-left:184px; } #stage {margin:12px 15px; } /*#header {background: url(../images/logo.png) no-repeat; height:70px; overflow:hidden;border-bottom:solid 1px #b1117e;} */ #header {background: url(../images/vazo.png) no-repeat; height:70px; overflow:hidden;border-bottom:solid 1px #b1117e;} #header p {margin:0;} #header p.headerEnd {background: url(../images/top-end.png) no-repeat top right; margin:0; padding:0; height:70px; } #header p.headerBegin {height:55px; width:170px;margin:0; padding:0; float:left; cursor:pointer;} #header #fotoClient {float:right; width:59px; height:59px;} em {font-weight:bold; color:#58083f; font-style:normal;} #titlePane {margin-left:70px;} .tableRegistration { padding: 0px; margin: 3px; font-size:small; } .tableRegistration td { padding-bottom:1px;} /*IE7 required padding*/ .tableRegistration .req input {background:url(../images/veld-verplicht.gif); #background:url(../images/veld-verplicht.gif) #efefef;} .tableRegistration .error input {border:solid 1px #f28409; background:#f28409;} .accentuated {background:#f5f7e0;} img {border:none;} p.imgContent img {margin-right:7px;} li.end {border:none !important; } .hidden { display: none; } .radiobuttonlist label { width: 100%; float: none; font-size: small; } /* ====================================================================================================================== LOGIN PAGE STYLES ==== */ #loginPage #stage {background:transparent; overflow:hidden; margin:0;} /* #loginPage #stage p#logo {background:url(../images/logo1.gif) no-repeat transparent;overflow:hidden;margin:18px 20px; width:381px; height:74px; float:left;cursor:pointer} */ #loginPage #stage p#logo {background:url(../images/vazo.png) no-repeat transparent;overflow:hidden;margin:18px 20px 0 0px; width:150px; height:70px; cursor:pointer} #loginPart {width:437px; float:left;overflow:hidden; clear:both;} .loginPane {background:transparent; width:378px; height:209px; margin:40px 0 0 35px;} .loginPane p {margin:4px 0 4px 0;} #loginPage .loginPane fieldset#loginField {padding-top:40px; padding-right:15px;} #loginPage .loginPane label {width:120px; margin-right:5px;} #loginPage .loginPane input[type="text"], #loginPage .loginPane input[type="password"] {border:solid 1px #b1117e; width:220px;} #infoPart {width:400px; background:#fff; min-height:631px; position:absolute; z-index:1;top:0; left:437px;} #infoPart p {padding:0 35px 0 25px; line-height:30px;} #infoPart .imp {font-size:x-large; color:#b1117e; } #loginpageButs {width:358px; height:497px; position:absolute; top:186px; left:503px; background:url(../images/login-man.png) no-repeat top right;z-index:5;} #loginpageButs a#meerWeten {width:129px; height:76px; background:url(../images/button-meerweten.png) no-repeat; display:block; margin-top:110px; } #loginpageButs a#meerWeten:hover {background:url(../images/button-meerweten.png) no-repeat top right; display:block;cursor:pointer;} #loginpageButs a#aanMelden {width:129px; height:76px; background:url(../images/button-aanmelden.png) no-repeat; display:block; } #loginpageButs a#aanMelden:hover {background:url(../images/button-aanmelden.png) no-repeat top right; display:block;cursor:pointer;} #loginpageButs a#meerWeten span,#loginpageButs a#aanMelden span {display:none;} /* ====================================================================================================================== CONTENT STYLES ==== */ #contentPane h4 {padding:0 0 2px 5px; } #mainContent {clear:both; margin:0 240px 0 70px; background:transparent;} #contentSpace #contentPane {padding-left:154px; } #contentSpace {min-height:354px;background:url(../images/persona-content.png) no-repeat; margin-top:15px;} #contentSpace p, #contentSpace ul {font-size:x-small;} #contentSpace #contentPane #first.instructionPane {float:left; width:48.5% !important; width:47%; overflow:hidden; } #contentSpace #contentPane #second.instructionPane {float:right; margin:0 !important; width:48.5% !important; width:47%; } #inst {clear:both; margin-top:10px;} .contentSpaceWoman {min-height:354px;background:url(../images/persona-content.png) no-repeat; margin-top:15px;} .contentSpaceMan {min-height:354px;background:url(../images/persona2-content.png) no-repeat; margin-top:15px;} .contentSpaceWoman #contentPane {padding-left:154px; min-height:396px; } .contentSpaceMan #contentPane {padding-left:184px; min-height:396px; } .contentSpace #contentPane {padding-left:0; } .contentSpace {background:none !important; margin-top:25px;} .contentSpace td, .contentSpace p, .contentSpaceMan p, .contentSpaceWoman p {font-size: small;} .contentSpace td label { float: none } .programContent b { color: #B1117E; } .programContent li {font-size:small;} .programContent span {font-size:small;} .programContent {font-size:small; } /* ====================================================================================================================== USER MENU STYLES ==== */ #userPane {position:absolute; top:17px; right:32px; font-size:small; color:#677482; text-align:right; width:50%;} #userPane .userName {font-size:xx-small; font-weight:bold; color:#20812d; padding:0 5px 0 5px;} #userPane ul#userMenuLi {margin:0; padding:0; color:#20812d; list-style:none; text-align:right; margin-top:5px; float:right;} #userPane ul#userMenuLi li {float:left; border-right:solid 1px #677482; padding:0 5px 0 5px; font-size:x-small;} #userPane ul#userMenuLi li.end {float:left; border-right:none;} .text_O {font-size:small; color:#EF830C; } a:link, a:hover, a:visited {text-decoration:none; color:#b1117e;} h1 {color:#b1117e; font-size:1.3em; font-weight:normal; margin-bottom:0;} h2 {color:#20812d; font-size:1em; font-weight:normal; margin-top:0;} h3 {color:#b1117e; font-size:1.05em; margin:0; padding-top:2px;} h4 {color:#fff; margin:0; padding-top:2px; background:#ef9201;} h4 span {font-weight:normal; font-size:x-small;} #toolButs {position:absolute; top:100px; right:254px; cursor:pointer;} #toolButs ul {padding:0; margin:0;} #toolButs li {float:left; list-style:none; width:26px; height:26px; overflow:hidden; margin-right:1px;} #toolButs li#help {background:url(../images/toolbut-help.png);} #toolButs li#help:hover {background:url(../images/toolbut-help.png) right top;} #toolButs li#col {background:url(../images/toolbut-col.png); } #toolButs li#col:hover {background:url(../images/toolbut-col.png) -26px top ;} #toolButs li.colB {background:url(../images/toolbut-col.png) right top !important; width:26px !important; height:26px !important;} #toolButs li.colB:hover {background:url(../images/toolbut-col.png) -52px top !important;} #toolButs li.colE {background:url(../images/toolbut-col.png) !important; } #toolButs li.colE:hover {background:url(../images/toolbut-col.png) -26px top !important;} #toolButs span {color:#ef9201; font-weight:bold; font-size:small;} /* ====================================================================================================================== PORTLET STYLES ==== */ #clientModePortlets { font-size:small;} .portletTop2 {background:url(../images/portlet-top.png) no-repeat; width:211px; height:24px; padding:0 0 0 8px;} .portletTop2 h3 {padding:3px 0 0 4px; color:#667382;} .portletBot2 {background:url(../images/portlet-bot.png) no-repeat; width:211px; height:16px;} .portletCon2 {width:209px; border-left:solid 1px #667382; border-right:solid 1px #667382; overflow:hidden;} .portletCon2 p {margin:0; padding:5px 8px 0 8px; font-size:0.7em;} .portletCon2 table {margin:0; padding:5px 8px 0 8px; font-size:0.7em;} #moreInfoTherapist {display:none;} #portletPane {position: absolute; top:100px; right:25px; width:211px; font-size:small; display:block;} .portletTop {background:url(../images/portlet-top.png) no-repeat; width:211px; height:24px; padding:0 0 0 8px;} .portletTop:hover {background:url(../images/portlet-top.png) no-repeat -211px top;} .portletTop h3 {padding:3px 0 0 4px; color:#667382;} .portletTop h3:hover {color:#000;} .portletBot {background:url(../images/portlet-bot.png) no-repeat; width:211px; height:16px;} .portletCon {width:209px; border-left:solid 1px #667382; border-right:solid 1px #667382; overflow:hidden;} .portletCon img {border:none; float:left; margin-right:3px;} .portletCon p {margin:0; padding:5px 8px 0 8px; font-size:0.7em;} .portletCon ul {margin:5px 5px 0 10px; padding:0;} .portletCon ul li {line-height:18px; list-style:none;} .portletCon ul li ul {margin-top:0;} .portletCon ul li ul li {margin-left:5px;} .portletCon ul li ul li ul li {margin-left:5px;} .portletCon ul li#programIntake, .portletCon ul li#programBehandeling, .portletCon ul li#modBewustwording {cursor:pointer; padding-left:12px;} a.closed {background:url(../images/kruisje.gif) left 5px no-repeat;display:block; padding-left:12px;color:#666;} a.open {background:url(../images/min.gif) left 5px no-repeat;display:block;padding-left:12px;color:#666;} .portletCon ul#subList, .portletCon ul#subList2, .portletCon ul#subSubList {display:none;} .portletCon ul li#programIntake ul#subList, .portletCon ul li#programBehandeling ul#subList2 {display:none;} .portletCon ul#treatmentLi {margin:0; padding:0; font-size:x-small; color:#677482;} .portletCon ul#treatmentLi li {cursor:pointer; list-style:none; line-height:18px;} .portletCon ul#treatmentLi li#name {font-weight:bold;} .portletCon ul#treatmentLi li#taken {background:url(../images/icon-taken.gif) no-repeat; padding-left:18px;} .portletCon ul#treatmentLi li#gesprek {background:url(../images/icon-gesprek.gif) no-repeat; padding-left:18px;} .portletCon ul#treatmentLi li#mail {background:url(../images/icon-mail.gif) no-repeat; padding-left:18px;} .portletCon ul#treatmentLi li#info {background:url(../images/icon-info.gif) no-repeat; padding-left:18px;} .portletCon ul#zelfHulp li {height:20px; margin-left:2px; padding-left:23px;} .portletCon ul#zelfHulp li.dagBoek {background:url(../images/icon-dagboek.png) no-repeat; } .portletCon ul#zelfHulp li.motivatiePlan {background:url(../images/icon-motivatieplan.png) no-repeat; } .portletCon ul#zelfHulp li.oefenPlan {background:url(../images/icon-oefenplan.png) no-repeat; } .portletCon ul#zelfHulp li.gedachtenSchema {background:url(../images/icon-gedachtenschema.png) no-repeat; } .portletCon ul.notificatieLi li {background:url(../images/notificatie-icoon.gif) no-repeat left 5px; height:11px; clear:both; margin-top:5px; padding-left:15px;height:auto;} .portlet {margin-bottom:10px; overflow:hidden;width:211px;} .portlet li {list-style:none; font-size:x-small; display:table;} .active {font-weight:bold;} .completed {color:#b3b3b3;} .portlet li a.completed {color:#b3b3b3 !important;} .therapyTreePortlet {margin:5px 5px 0px 10px;} .tag {background:url(../images/tag-line.png) no-repeat; width:535px; height:40px;clear:both; margin:0; padding:0; display:none;} /* ====================================================================================================================== STEP TABS STYLES ==== */ #stepsPane {background:url(../images/steps-bg-sel.png) repeat-x; height:108px; margin-top:30px; } #stepsPane ul {padding:0; margin:0;} #stepsPane li {float:left; list-style:none; height:62px; width:138px; overflow:hidden;margin-right:9% !important; margin-right:8%;} #stepsPane li#step1Sel {background:url(../images/step-1-sel.png); width:138px; } #stepsPane li#step1Done {background:url(../images/step-1-sel.png) top right; width:138px; } #stepsPane li#step1Done:hover {background:url(../images/step-1-sel.png) top left; width:138px; cursor:pointer;} #stepsPane li#step2Dim {background:url(../images/step-2-dim.png);} #stepsPane li#step2Sel {background:url(../images/step-2-dim.png) -138px top;} #stepsPane li#step2Done {background:url(../images/step-2-dim.png) right top;} #stepsPane li#step2Done:hover {background:url(../images/step-2-dim.png) -138px top;cursor:pointer;} #stepsPane li#step3Dim {background:url(../images/step-3-dim.png); margin-right:0 !important;} #stepsPane li.step1Sel {background:url(../images/step-1-sel.png); width:138px; } #stepsPane li.step1Done {background:url(../images/step-1-sel.png) top right; width:138px; } #stepsPane li.step1Done:hover {background:url(../images/step-1-sel.png) top left; width:138px; cursor:pointer;} #stepsPane li.step1Sel_instruction {background:url(../images/step-1-sel_instruction.png); width:138px; } #stepsPane li.step1Done_instruction {background:url(../images/step-1-sel_instruction.png) top right; width:138px; } #stepsPane li.step1Done_instruction:hover {background:url(../images/step-1-sel_instruction.png) top left; width:138px; cursor:pointer;} #stepsPane li.step2Dim {background:url(../images/step-2-dim.png);} #stepsPane li.step2Sel {background:url(../images/step-2-dim.png) -138px top;} #stepsPane li.step2Done {background:url(../images/step-2-dim.png) right top;} #stepsPane li.step2Done:hover {background:url(../images/step-2-dim.png) -138px top;cursor:pointer;} #stepsPane li.step3Dim {background:url(../images/step-3-dim.png); margin-right:0 !important;} #stepsPane li.step3Sel {background:url(../images/step-3-sel.png); width:138px; } #stepsPane li.step3Sel {background:url(../images/step-3-dim.png) -138px top; } #stepsPane li.step3Done {background:url(../images/step-3-dim.png) right top;} #stepsPane li.step3Done:hover {background:url(../images/step-3-dim.png) -138px top;cursor:pointer;} .tip {background:url(../images/tip-thumb.gif) no-repeat; padding-left:40px;min-height:38px !important;} #stepsPane ul#endTopLi {margin:0 0 0 5px; padding:0; cursor:pointer;} #stepsPane li#stepInfo {background:url(../images/but-info.png) no-repeat !important; background:url(../images/but-info.gif) no-repeat; width:16px; height:16px; margin:50px 0 0 0; float:left;} #stepsPane li#stepCol {background:url(../images/but-info.png) -28px top no-repeat !important; background:url(../images/but-info.gif) -28px top no-repeat;width:16px; height:16px; margin:50px 0 0 7px !important; margin:50px 0 0 12px; float:left;} #stepsPane li#stepInfo:hover {background:url(../images/but-info.png) -44px top no-repeat !important; background:url(../images/but-info.gif) no-repeat; width:16px; height:16px; margin:50px 0 0 0; float:left;} #stepsPane li#stepCol:hover {background:url(../images/but-info.png) -72px top no-repeat !important; background:url(../images/but-info.gif) -28px top no-repeat;width:16px; height:16px; margin:50px 0 0 7px !important; margin:50px 0 0 12px; float:left;} #stepsEndTop {background:url(../images/steps-bg-end-top.png) no-repeat; width:58px; height:62px; float:right; margin:0; padding:0;} #stepsPane #stepsMenuPane {background:url(../images/steps-bg-end.png) no-repeat top right; clear:both; overflow:hidden; height:46px;} #stepsPane #progressBar {height:5px; background: #b1117e; overflow:hidden; /*clear:both;*/ margin:22px 5px 0 20px !important;margin:18px 5px 0 32px; text-align:right;} #stepsPane #progressBar1 {height:5px; background:url(../images/progressbar.gif) #b1117e no-repeat -1195px 0px; overflow:hidden; } #stepsPane .progressBar2 {height:5px; background: #ef830c; overflow:hidden; float: left; } #stepsPane ul.stepsMenuSel1 {padding:5px 0 0 42px !important; padding:1px 0 0 32px; margin:0; float:left; margin:0; overflow:hidden;} #stepsPane ul.stepsMenuSel1 li {padding:0; margin:0 0 0 8px !important; width:auto; height:auto; font-size:0.7em; color:#677482;} #stepsPane ul.stepsMenuSel1 li.sel {color:#000; font-weight:bold;} #stepsPane ul#progressText {margin:0; padding:0; height:auto;} #stepsPane li#progessTextLi {float:right; font-size:xx-small;margin:9px 5px 0 0 !important; margin:3px 5px 0 0; padding:0;height:auto; width:auto;color:#677482;} #showSteps {background:url(../images/showstep.png) no-repeat right; overflow:hidden; height:41px; clear:both; display:none; cursor:pointer;} #showSteps:hover {background:url(../images/showstep-h.png) no-repeat right; overflow:hidden; height:41px; clear:both;} #moreInfo {background:url(../images/bg-info.png) repeat-x; font-size:1.0em; border:solid 1px #b1117e;display:none;} #moreInfo p {padding:10px 10px 0 65px;} #moreInfo p.infoText {background:url(../images/info-i.png) no-repeat 10px 10px; min-height:83px;} .feedBackPane {border:solid 1px #b1117e; background:#ffffe1;font-size:small;padding:10px;display:none;} #feedBack {border:solid 1px #b1117e; background:#ffffe1;font-size:small;padding:10px;} .messageBox {border:solid 1px #b1117e; background:#ffffe1;font-size:small;padding:10px;} .feedBackSent {border:solid 1px #b1117e; background:url(../images/bg-info.png) repeat-x;font-size:small;padding:10px;} #feedBackBox {clear:both;} #feedBackBox p {float:left;} #feedBackBox p#part1 {background:url(../images/feedback-vlak1.png) no-repeat; overflow:hidden; width:133px; height:408px;} #feedBackBox p#part2 {background:url(../images/feedback-vlak2.png) no-repeat; overflow:hidden; width:129px; height:76px; margin:50px 0 0 100px;} #feedBackBox p#part2:hover {background:url(../images/feedback-vlak2.png) no-repeat top right; cursor:pointer;} #feedBackBox p#part3 {background:url(../images/but-uitlog.png) no-repeat; overflow:hidden; width:129px; height:76px; margin:50px 0 0 100px;} #feedBackBox p#part3:hover {background:url(../images/but-uitlog.png) no-repeat top right; overflow:hidden;cursor:pointer;} /* ====================================================================================================================== NAV BAR STYLES ==== */ #navBar {height:55px; background:url(../images/bg-navbar.gif) repeat-x; margin-top:10px; clear:both;} #navBar ul {margin:0; padding:0; float:right; display:inline; height:auto;} #navBar ul li {list-style:none; margin:0; padding:0; float:left;} #navBar li.arrowRightDis {background:url(../images/volgende_inactive.png) no-repeat !important; background:url(../images/volgende.png) no-repeat;width:92px; height:25px; overflow:hidden; margin-top:22px;} #navBar li.arrowLeftDis {background:url(../images/vorige_inactive.png) no-repeat !important; background:url(../images/vorige.png) no-repeat;width:74px; height:25px; overflow:hidden; margin-top:22px;} #navBar li.arrowRight {background:url(../images/volgende.png) no-repeat !important; background:url(../images/volgende.png) no-repeat;width:92px; height:25px; overflow:hidden;margin-top:22px; } #navBar li.arrowLeft {background:url(../images/vorige.png) no-repeat !important; background:url(../images/vorige.png) no-repeat;width:74px; height:25px; overflow:hidden;margin-top:22px;} #navBar li.arrowRight:hover {background:url(../images/volgende_mouseover.png) no-repeat right !important; background:url(../images/volgende_mouseover.png) no-repeat;width:92px; height:25px; overflow:hidden;cursor:pointer;} #navBar li.arrowLeft:hover {background:url(../images/vorige_mouseover.png) no-repeat right !important; background:url(../images/vorige_mouseover.png) no-repeat;width:74px; height:25px; overflow:hidden;cursor:pointer;} #navBar li.separator {background:url(../images/separator.png) no-repeat center !important; background:url(../images/separator.png) no-repeat;width:20px; height:25px; overflow:hidden;margin-top:20px; } #navBar li.arrowRightO {background:url(../images/volgende_extra.png) no-repeat !important; background:url(../images/volgende_extra.png) no-repeat;width:92px; height:25px; overflow:hidden;margin-top:22px; } #navBar li.arrowRightO:hover {background:url(../images/volgende_extra_mouseover.png) no-repeat right !important; background:url(../images/volgende_extra_mouseover.png) no-repeat top right; cursor:pointer;} #navBar li#printer {background:url(../images/icon-printer.png) no-repeat !important;background:url(../images/icon-printer.gif) no-repeat;width:40px; height:40px; overflow:hidden;margin-left:15px;cursor:pointer;} #navBar li.save {background:url(../images/icon-save.png) no-repeat !important;background:url(../images/icon-save.gif) no-repeat;width:40px; height:40px; overflow:hidden;margin-left:15px;cursor:pointer;} #navBar li.send {background:url(../images/icon-versturen.png) no-repeat !important;background:url(../images/icon-versturen.gif) no-repeat;width:40px; height:40px; overflow:hidden;margin-left:15px;cursor:pointer; border:none;} #navBar ul#mailBox {margin:0; padding:0; float:left; display:inline; height:auto;} #navBar ul#mailBox li {margin-right:10px} #navBar ul#mailBox .inbox {background:url(../images/icon-mail-inbox.png) no-repeat !important; background:url(../images/icon-mail-inbox.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none;} #navBar ul#mailBox .outbox {background:url(../images/icon-mail-outbox.png) no-repeat !important; background:url(../images/icon-mail-outbox.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none;} #navBar ul#mailBox .newMessage {background:url(../images/icon-mail-newmessage.png) no-repeat !important; background:url(../images/icon-mail-newmessage.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none;} #navBar ul#mailBox .reply {background:url(../images/icon-mail-reply.png) no-repeat !important; background:url(../images/icon-mail-reply.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none;} #navBar ul#mailBox .directContact {background:url(../images/icon-mail-contact.png) no-repeat !important; background:url(../images/icon-mail-contact.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none; margin-left:40px;} #navBar ul#mailBox .inbox.sel {background:url(../images/icon-mail-inbox-sel.png) no-repeat !important; background:url(../images/icon-mail-inbox-sel.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none;} #navBar ul#mailBox .outbox.sel {background:url(../images/icon-mail-outbox-sel.png) no-repeat !important; background:url(../images/icon-mail-outbox-sel.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none;} #navBar ul#mailBox .newMessage.sel {background:url(../images/icon-mail-newmessage-sel.png) no-repeat !important; background:url(../images/icon-mail-newmessage-sel.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none;} #navBar ul#mailBox .reply.sel {background:url(../images/icon-mail-reply-sel.png) no-repeat !important; background:url(../images/icon-mail-reply-sel.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none;} #navBar ul#mailBox .directContact.sel {background:url(../images/icon-mail-contact-sel.png) no-repeat !important; background:url(../images/icon-mail-contact-sel.gif) no-repeat;width:40px; height:40px; overflow:hidden;cursor:pointer;border:none; margin-left:40px;} #navBar p {float:left; margin-top:23px; padding-left:10px;} #navBar p a.sel {font-weight:bold; color:#000;} .hidden_button { display: none; } ul#mailBox li {text-align:center; font-size:xx-small;} ul#mailBox li span {padding-left:15px;} .send {background:url(../images/icon-versturen.png) no-repeat !important;background:url(../images/icon-versturen.gif) no-repeat;width:40px; height:40px; overflow:hidden;margin-left:15px;cursor:pointer; border:none;} .verstuur {background:url(../images/but-versturen.png) no-repeat !important;background:url(../images/icon-versturen.gif) no-repeat;padding-left:45px; color:#666;width:173px; height:49px; overflow:hidden;margin-left:15px;cursor:pointer; border:none;} .verstuurDis {background:url(../images/but-versturen-dis.png) no-repeat !important;background:url(../images/icon-versturen.gif) no-repeat;padding-left:45px; color:#acacac;width:173px; height:49px; overflow:hidden;margin-left:15px;cursor:default; border:none;} .gesprekNew {background:url(../images/icon-gesprek-new.png) no-repeat !important; width:40px; height:40px; overflow:hidden; margin-left:15px; border:none; cursor:pointer;} .gesprekNewDis {background:url(../images/icon-gesprek-new-dis.png) no-repeat !important; width:40px; height:40px; overflow:hidden; margin-left:15px; border:none; cursor:default;} .gesprekIn {background:url(../images/icon-gesprek-inbox.png) no-repeat !important; width:40px; height:40px; overflow:hidden; margin-left:15px; border:none; cursor:pointer;} .gesprekOut {background:url(../images/icon-gesprek-outbox.png) no-repeat !important; width:40px; height:40px; overflow:hidden; margin-left:15px; border:none; cursor:pointer;} .gesprekReply {background:url(../images/icon-gesprek-reply.png) no-repeat !important; width:40px; height:40px; overflow:hidden; margin-left:15px; border:none; cursor:pointer;} .gesprekReplyDis {background:url(../images/icon-gesprek-reply-dis.png) no-repeat !important; width:40px; height:40px; overflow:hidden; margin-left:15px; border:none; cursor:pointer;} .gesprekStop {background:url(../images/icon-gesprek-stop.png) no-repeat !important; width:40px; height:40px; overflow:hidden; margin-left:15px; border:none; cursor:pointer;} .gesprekStopDis {background:url(../images/icon-gesprek-stop-dis.png) no-repeat !important; width:40px; height:40px; overflow:hidden; margin-left:15px; border:none; cursor:pointer;} /* ====================================================================================================================== BUTTONS ==== */ .but {text-align:right;} .floatRight {float:right;} .floatLeft {float:left;} button {background:url(../images/bg-but.png) repeat-x; border:solid 1px #b1117e; height:26px; color:#58083f; font-weight:bold; cursor:pointer; font-size:x-small; } .button {background:url(../images/bg-but.png) repeat-x; border:solid 1px #b1117e; height:26px; color:#58083f; font-weight:bold; cursor:pointer; font-size:x-small; } .button.auto,.buttonNoFoc.auto {width:auto;} .button.auto {background:url(../images/bg-but.png) repeat-x;} .buttonNoFoc {background:#fafbe8; border:solid 1px #d5dc81; height:26px; color:#B1117E; font-weight:normal; cursor:pointer; font-size:x-small; } button.disabled {background:url(../images/bg-but-dis.png) repeat-x; border:solid 1px #b3b3b3; height:26px; color:#b3b3b3; font-weight:bold;cursor:default;font-size:x-small; } .disabled {background:url(../images/bg-but-dis.png) repeat-x; border:solid 1px #b3b3b3; height:26px; color:#b3b3b3; font-weight:bold;cursor:default;font-size:x-small;} .buttonO {background:url(../images/bg-but-o.png) repeat-x; border:solid 1px #ef9201; height:26px; color:#c26a07; font-weight:bold; cursor:pointer;font-size:x-small; } .buttonCal {background:url(../images/bg-but.png) repeat-x; margin-right:10px; border:none; border:solid 1px #b1117e;font-size:x-small;color:#58083f; font-weight:bold;} .butRemove {background:url(../images/close.gif) #e9f3ea no-repeat center center; height:18px; width:18px; border:none;border:solid 1px #c4ce4e; cursor:pointer;} .butRemove:hover {background:url(../images/close.gif) #fff no-repeat center center;} .butPlus {background:url(../images/but-plus.gif) #f3dcec no-repeat center center; height:18px; width:18px; border:none;border:solid 1px #d888bf; cursor:pointer;} .butPlus:hover {background:url(../images/but-plus.gif) #fff no-repeat center center;} form {margin:0;} fieldset {border:none;} fieldset p {display:block;overflow:hidden;} fieldset input[type="text"] {width:100px;} label {float:left; width:67px; text-align:right;margin-right:3px;} input[type="text"], input[type="password"], select {border:solid 1px #b1117e;} textarea {border:solid 1px #B1117E; overflow:auto;} textarea.fullWidth {width:100%; height:120px;} .formContainer {clear:both;} .formContainer fieldset p {margin:0; padding:3px;} .formContainer fieldset {float:left;} .klachtContainer fieldset textarea#klachtFieldset {background:url(../images/veld-verplicht.gif);} .formContainer fieldset#klachtFieldset {clear:both !important;} .formContainer fieldset label {width:140px;margin-right:5px;} .formContainer fieldset input[type="radio"] {width:10px;background:#fff;} .formContainer fieldset input {width:145px;background:#fff;} .formContainer fieldset input[type="file"] {width:auto;background:#fff;} .formContainer fieldset textarea {width:170px; height:150px; float:left;} .formContainer fieldset label.error,.klachtContainer fieldset label.error {color:#ef9201; font-weight:bold;} .formContainer fieldset input.error {border:solid 1px #ef9201;} .formContainer fieldset textarea.error, .klachtContainer fieldset textarea.error {border:solid 1px #ef9201; } .formContainer fieldset input.req {background:url(../images/veld-verplicht.gif);} .formContainer fieldset select.req {background:url(../images/veld-verplicht.gif); #background:url(../images/veld-verplicht.gif) #efefef;} .formContainer fieldset select.error {border:solid 1px #ef9201; #background:#ef9201;} .formContainer fieldset textarea.req, .klachtContainer fieldset textarea.req {background:url(../images/veld-verplicht.gif); } .klachtContainer fieldset textarea.klacht {width:70%;height:150px;} .formContainer fieldset input.straatHuisnr {width:94px;} .formContainer fieldset input.huisnr {width:30px;} .formContainer fieldset input.postcode {width:60px;} .formContainer fieldset input#regio {width:31px;} .formContainer fieldset input#leeftijd {width:25px;} .formContainer fieldset input.geboorteDatum{color:#677482;} .formContainer fieldset input.geboorteDatum.nor {color:#000;} .formContainer fieldset input.telnr, .formContainer fieldset input.telnrMob {width:82px;} #errorInForm {background:url(../images/warning-icon.png) #fef3e7 no-repeat 5px 5px; min-height:85px;padding:2px 2px 2px 80px;border:solid 2px #ef9201;display:none;} .errorInForm {color:#666666; background:url(../images/warning-icon.png) #fef3e7 no-repeat 5px 5px; min-height:85px;padding:2px 2px 2px 80px;border:solid 2px #ef9201;} #loginError {background:#fef3e7;padding:2px 2px 2px 2px;border:solid 2px #ef9201;} /* ====================================================================================================================== FOOTER STYLES ==== */ #footer {clear:both !important; border-top:solid 1px #b1117e; font-size:x-small; text-align:center; margin-top:10px; margin-right:240px;} #footer div {margin-top:10px;} #footer div#footerLinks {} #footer div#footerLinks span {overflow:hidden;text-align:center; margin:5px auto;border-right:solid 1px #677482; padding: 0 5px 0 5px;} #footer div#footerLinks span.end {border:none;} #footer ul {margin:5px auto; padding:0; width:auto; overflow:hidden;display:table; white-space:nowrap; } #footer ul li {float:left; border-right:solid 1px #666666; list-style:none;display:table; padding: 0 5px 0 5px;} /* ====================================================================================================================== PAGE SPECIFIC ITEMS ==== */ /* ---------------------------------------------------------------------------------------------------------------------- START PAGE ==== */ .templateStart #tag {display:none;} .stepsPane ul, .stepsPane_instruction ul {padding:0; margin:0;} .stepsPane li, .stepsPane_instruction li {float:left; list-style:none; height:62px; width:138px; overflow:hidden;margin-right:9% !important; margin-right:8%;} .templateStart .stepsPane {width:478px; height:193px; background:url('../images/steps-start.png') no-repeat;} .templateStart .stepsPane_instruction {width:478px; height:193px; background:url('../images/steps-start_instruction.png') no-repeat;} .templateStart .stepsPane p, .templateStart .stepsPane_instruction p {float:left; width:155px;} .templateStart .stepsPane p#stap1, .templateStart .stepsPane_instruction p#stap1 {width:100px; margin-top:85px; padding-left:66px; font-weight:bold; font-size:medium;} .templateStart .stepsPane p#stap2, .templateStart .stepsPane_instruction p#stap2 {width:100px; margin-top:100px; padding-left:55px; font-weight:bold; font-size:medium;} .templateStart .stepsPane p#stap3, .templateStart .stepsPane_instruction p#stap3 {width:100px; margin-top:100px; padding-left:48px; font-weight:bold; font-size:medium;} .templateStart .stepsPane ul, .templateStart .stepsPane_instruction ul {margin:0px 0 0 45px; padding:0 0 0 0; clear:both;} .templateStart .stepsPane ul#stappenInfo li, .templateStart .stepsPane_instruction ul#stappenInfo li {background:url(../images/stappen-info.png) no-repeat; width:24px; height:24px; padding-right:125px;margin:0 !important; cursor:pointer;} .templateStart .stepsPane ul#stappenInfo li#info4Evaluatie, .templateStart .stepsPane_instruction ul#stappenInfo li#info4Evaluatie {padding-right:0;} .templateStart #navBar {display:none;} .templateStart #div0, .templateStart #div1, .templateStart #div2, .templateStart #div3 {position:relative; margin-top:-58px; } .templateStart #div0 #moreInfo,.templateStart #div1 #moreInfo, .templateStart #div2 #moreInfo, .templateStart #div3 #moreInfo {display:block; position:relative; z-index:1;margin-top:-3px;} .templateStart #div0 #closeInfo {background:url(../images/close-info.png) no-repeat; width:57px; height:36px;z-index:5 !important; position:relative; margin-left:35px;cursor:pointer;} .templateStart #div1 #closeInfo {background:url(../images/close-info.png) no-repeat; width:57px; height:36px;z-index:5 !important; position:relative; margin-left:183px;cursor:pointer;} .templateStart #div2 #closeInfo {background:url(../images/close-info.png) no-repeat; width:57px; height:36px;z-index:5 !important; position:relative; margin-left:330px;cursor:pointer;} .templateStart #div3 #closeInfo {background:url(../images/close-info.png) no-repeat; width:57px; height:36px;z-index:5 !important; position:relative; margin-left:480px;cursor:pointer;} .templateStart #div0, .templateStart #div1, .templateStart #div2, .templateStart #div3 {display:none;} .templateStart #contentSpace {background:none !important; margin-top:25px; margin-left:0 !important;} .templateStart #contentSpace #contentPane {padding-left:0; } /* ---------------------------------------------------------------------------------------------------------------------- BIOGRAFISCHE VRAGENLIJST ==== */ .templateVragenlijst1 #tag, #aardZiekte, #medicijnGebruik {display:none;} .templateVragenlijst1 #contentSpace #contentPane {padding-left:0; } .templateVragenlijst1 #contentSpace {background:none !important; margin-top:25px;} .templateVragenlijst1 fieldset#vragenlijstBiografisch label {width:auto; text-align:left; font-weight:bold; font-size:1.0em; } .templateVragenlijst1 fieldset#vragenlijstBiografisch ol {width:auto; text-align:left; font-weight:bold; font-size:1.2em; } .templateVragenlijst1 fieldset#vragenlijstBiografisch input {} .templateVragenlijst1 fieldset#vragenlijstBiografisch textarea {width:99%; clear:both; height:80px;} .templateVragenlijst1 p#Q3RB,#templateVragenlijst1 p#Q4RB,#templateVragenlijst1 p#Q6RB,#templateVragenlijst1 p#Q8RB,#templateVragenlijst1 p#Q11RB,#templateVragenlijst1 p#Q12RB {float:left !important; margin-left:10px;} .templateVragenlijst1 p#Q3TA,#templateVragenlijst1 p#Q4TA,#templateVragenlijst1 p#Q6TA,#templateVragenlijst1 p#Q8TA,#templateVragenlijst1 p#Q11TA,#templateVragenlijst1 p#Q12TA {float:right !important; display:none;} .templateVragenlijst1 p#Q3TA,#templateVragenlijst1 p#Q4TA,#templateVragenlijst1 p#Q6TA,#templateVragenlijst1 p#Q8TA,#templateVragenlijst1 p#Q9aTA,#templateVragenlijst1 p#Q11TA,#templateVragenlijst1 p#Q12TA {width:89%;} .templateVragenlijst1 .subLabel {float:left; width:120px; margin:0 5px 0 0; white-space:nowrap;} .templateVragenlijst1 input#field10aDosage {width:130px !important;} .templateVragenlijst1 input#field10aMedName {width:65%; } .templateVragenlijst1 #field5Anders,#templateVragenlijst1 #field7Anders {width:200px; display:none; float:left; margin-bottom:10px;} .break {clear:both;} .marginBot {margin-bottom:20px !important;} .marginTop {padding-top:15px !important;#padding-top:10px !important;} ul.subSteps {margin:0; padding:0; font-size:x-small; width: 100% } ul.subSteps li.subStepForm {font-size: x-small; float:left; padding-left:18px; list-style:none; margin:0 0 10px 0; background:url(../images/icon-oefening-doc.png) no-repeat;height:16px; width:46%;} ul.subSteps li.subStepForm a {font-size: x-small;color:#B1117E;} ul.subSteps li.subStepForm a.done {font-size: x-small;color:#c26a07;} ul.subSteps li.subStepForm a.current {font-size: x-small;color:#B1117E; font-style:normal; font-weight:bold;} ul.subSteps li.subStepText {font-size: x-small; float:left; padding-left:18px; list-style:none; margin:0 0 10px 0; background:url(../images/icon-info-doc.png) no-repeat;height:16px; width:46%;} ul.subSteps li.subStepText a {font-size: x-small;color:#B1117E;} ul.subSteps li.subStepText a.done {font-size: x-small;color:#c26a07;} ul.subSteps li.subStepText a.current {font-size: x-small;color:#B1117E; font-style:normal; font-weight:bold;} ul.subSteps li.subStepEmpty {float:left; padding-left:18px; list-style:none; margin:0 0 10px 0; height:16px; width:46%;} ul#tipsFeedback {margin:0; padding:0; font-size:x-small;} ul#tipsFeedback li {float:left; padding-left:18px; list-style:none; margin:0 20px 10px 0; width:27%;color:#c26a07; padding-top:110px;text-align:center;} ul#tipsFeedback li#tip1 {background:url(../images/tip-omgeving.png) center top no-repeat;} ul#tipsFeedback li#tip2 {background:url(../images/tip-boeken.png) center top no-repeat;} ul#tipsFeedback li#tip3 {background:url(../images/tip-websites.png) center top no-repeat;} #tipContainer {clear:both;} #tipContainer div {float:left; width:48%;} #tipContainer ul li {font-size:x-small;} ul.bulOrange li {list-style:url(../images/bullet-orange.gif); font-size:small; line-height:18px;} /* ---------------------------------------------------------------------------------------------------------------------- Question table ==== */ .Qtable {margin:10px 0 10px 0 !important;font-size:0.7em;clear:both; } .Qtable td {border-bottom:dotted 1px #677482;overflow:hidden; padding:2px;} .Qtable thead td, .Qtable th {border-bottom:solid 1px #fff;overflow:hidden; padding:2px; color:#000; font-weight:bold;font-size:x-small;} .Qtable td ol {margin:2px;padding-left:23px; font-size:x-small !important;} .Qtable td ol li {list-style-type:decimal !important; } .Qtable thead tr, .Qtable tr.thead {height:25px;} .Qtable tbody td.questionCell {background:#fff;cursor:default;} .Qtable tbody tr:hover td {cursor:pointer; background:#f7f8e6; color:#000;} .questionCell_3 {width:55%;} .questionCell_4 {width:40%;} .questionCell_5 {width:36%;} .questionCell_6 {width:32.5%;} .questionCell_7 {width:30%;} .questionCell_8 {width:28%;} .questionCell_9 {width:26%;} .A1_3, .A2_3, .A3_3 {width:15%; text-align:center;} .A1_4, .A2_4, .A3_4, .A4_4 {width:15%; text-align:center;} .A1_5, .A2_5, .A3_5, .A4_5, .A5_5 {width:12.8%; text-align:center;} .A1_6, .A2_6, .A3_6, .A4_6, .A5_6, .A6_6 {width:11.25%; text-align:center;} .A1_7, .A2_7, .A3_7, .A4_7, .A5_7, .A6_7, .A7_7 {width:10%; text-align:center;} .A1_8, .A2_8, .A3_8, .A4_8, .A5_8, .A6_8, .A7_8, A8_8 {width:9%; text-align:center;} .A1_9, .A2_9, .A3_9, .A4_9, .A5_9, .A6_9, .A7_9, .A8_9, .A9_9 {width:8%; text-align:center;} thead .questionCell, tr.thead .questionCell {background:#fef2e6 !important;} thead .A1, tr.thead .A1 {background:#fce6ce !important;} thead .A2, tr.thead .A2 {background:#face9d !important;} thead .A3, tr.thead .A3 {background:#f7b56b !important;} thead .A4, tr.thead .A4 {background:#f59d3a !important;} thead .A5, tr.thead .A5 {background:#ef9201 !important;} thead .A6, tr.thead .A6 {background:#f06c09 !important;} thead .A7, tr.thead .A7 {background:#ed5409 !important;} thead .A8, tr.thead .A8 {background:#eb3c09 !important;} thead .A9, tr.thead .A9 {background:#e92409 !important;} .A1,.A1 input[type="radio"] {background:#fdeddd !important;cursor:default;} .A2,.A2 input[type="radio"] {background:#fbddba !important;cursor:default;} .A3,.A3 input[type="radio"] {background:#f9cb97 !important;cursor:default;} .A4,.A4 input[type="radio"] {background:#f8ba75 !important;cursor:default;} .A5,.A5 input[type="radio"] {background:#f6a952 !important;cursor:default;} .A6,.A6 input[type="radio"] {background:#f49830 !important;cursor:default;} .A7,.A7 input[type="radio"] {background:#f2870E !important;cursor:default;} .A8,.A8 input[type="radio"] {background:#f0760E !important;cursor:default;} .A9,.A9 input[type="radio"] {background:#ee650e !important;cursor:default;} .A1.check {background:url(../images/check.png) no-repeat center center #fdeddd !important; background:url(../images/check.gif) no-repeat center center #fdeddd; height:24px;} .A2.check {background:url(../images/check.png) no-repeat center center #fbddba !important; background:url(../images/check.gif) no-repeat center center #fbddba; height:24px;} .A3.check {background:url(../images/check.png) no-repeat center center #f9cb97 !important; background:url(../images/check.gif) no-repeat center center #f9cb97; height:24px;} .A4.check {background:url(../images/check.png) no-repeat center center #f8ba75 !important; background:url(../images/check.gif) no-repeat center center #f8ba75; height:24px;} .A5.check {background:url(../images/check.png) no-repeat center center #f6a952 !important; background:url(../images/check.gif) no-repeat center center #f6a952; height:24px;} .A6.check {background:url(../images/check.png) no-repeat center center #f49830 !important; background:url(../images/check.gif) no-repeat center center #f49830; height:24px;} .A7.check {background:url(../images/check.png) no-repeat center center #f2870E !important; background:url(../images/check.gif) no-repeat center center #f2870E; height:24px;} .A8.check {background:url(../images/check.png) no-repeat center center #f0760E !important; background:url(../images/check.gif) no-repeat center center #f0760E; height:24px;} .A9.check {background:url(../images/check.png) no-repeat center center #ee650e !important; background:url(../images/check.gif) no-repeat center center #ee650e; height:24px;} #allRadioButs .questionBlock {margin-top:20px; clear:both; width:80%;} #allRadioButs h6 {clear:both;margin:0;} #allRadioButs div {float:left;} #allRadioButs div p {clear:both; margin:0; padding:3px;} #allRadioButs div input {float:left;} #allRadioButs div label {width:200px; text-align:left;float:left;} .check {background:url(../images/check.png) no-repeat top left !important; background:url(../images/check.gif) no-repeat left top; min-height:24px;padding-left:26px !important;} .checkNot {background:url(../images/check-not.png) no-repeat top left !important; background:url(../images/check-not.gif) no-repeat left top; min-height:24px;padding-left:26px !important;} /* ====================================================================================================================== TABLE STYLES ==== */ #tasksContainer { margin-top:20px;border-bottom:solid 1px #b1117e;} #tasksContainer h5 {margin:0; font-weight:normal; font-size:1em;padding:5px; color:#fff; background:url(../images/afronding.png) no-repeat #b1117e;} #tasksContainer table {width:100%; border-collapse:collapse; } #tasksContainer table td, #tasksContainer table th {padding:5px; border-bottom:solid 1px #d9d9d9;font-size:x-small; vertical-align:top; text-align:left;} #tasksContainer table td.type {padding:0;} /* remove padding here, re-add it in the nested div to correct div's background position */ #tasksContainer table .type .typeHeader {padding-left: 15px;} /* to align header text with task type icon */ #tasksContainer table tbody tr:hover td {cursor:pointer; background:#f0f1f3; color:#000;} #tasksContainer table tbody tr.sel td {background:#e9f2ea; color:#000;} #tasksContainer table tbody tr.sel:hover td {background:#d2e6d5; color:#000;} #tasksContainer table tbody td {font-size:small;} #tasksContainer table tr:last-child td {border-bottom:none;} #tasksContainer table tr.rgNoRecords td {border-bottom:none;} #tasksContainer table tr.rgNoRecords:hover td {cursor:auto; background:transparent;} #tasksContainer table thead tr {background:url(../images/bg-tabletop.png) #d5dc81 repeat-x; height:25px;#height:15px;font-size:small;font-weight:bold;} #tasksContainer table thead td {font-size:15px;} #tasksContainer table thead th {font-weight:bold;border-bottom:solid 1px #fff; color: #000;} table.lettPaneAgenda {width:100%; border-collapse:collapse; } table.lettPaneAgenda td {padding:5px; border-bottom:solid 1px #d9d9d9;font-size:x-small; vertical-align:top;} table.lettPaneAgenda tr.last td {border-bottom:none;} table.lettPaneAgenda tbody tr:hover td {cursor:pointer; background:#f0f1f3; color:#000;} table.lettPaneAgenda tbody tr.sel td {background:#e9f2ea; color:#000;} table.lettPaneAgenda tbody tr.sel:hover td {background:#d2e6d5; color:#000;} table.lettPaneAgenda thead tr {background:url(../images/bg-tabletop.png) #d5dc81 repeat-x; height:25px;#height:15px;font-size:small;font-weight:bold;} table.lettPaneAgenda thead td {font-weight:bold;border-bottom:solid 1px #fff; color: #000;} table.archive {} table.archive thead tr {background:url(../images/bg-tabletop-gr.png) #ccc repeat-x; height:25px;#height:15px;font-size:small;font-weight:bold;} .announcement {line-height:20px;} .announcement img {margin-right:7px; float:left;} .messages {border-left:solid 1px #d1d1d1;border-right:solid 1px #d1d1d1;} table tr.notRead {font-weight:bold;} .newMessagePane {position:absolute; z-index:100; width:99%;top:0; left:0; min-height:100%;} .newMessagePane div {margin:100px auto 0 auto; width:700px; border-top:solid 3px #e0e3e6; border-left:solid 3px #b3b9c1; border-right:solid 3px #667382; border-bottom: solid 3px #333941; background:#f0f1f3; padding:10px;} .newMessagePane div .fileUploader div { margin: 0px; width: 500px; border: 0px; padding:0px; } .newMessagePane div .fileUploader { margin: 0px; width: 100%; border: 0px; font-size:0.7em; line-height:18px; padding:0px; } .newMessagePane div img {float:left; margin-right:5px;} .newMessagePane div img.close {float:right; padding-top:5px;} .newMessagePane div textarea {width:99%; height:200px;} .newMessagePane div input[type="text"] {width:39%;} div.messageHeader {margin:0 !important; padding:0; background:#e0e3e6; overflow:hidden; border:none} div.messageHeader h1 {margin:0 !important; padding:0;overflow:hidden;} #berichtenPane, #berichtenPaneReply, #berichtenPaneContact {} table tbody td.subject { padding-left:20px; white-space:nowrap; overflow:hidden; border-left: 1px dotted #ABB902 !important; padding-left: 1px !important;} table tbody td.subject .line { float: left; color: #ABB902; font-size: 7px; padding-bottom: 4px; } table tbody tr.receivedIndication {font-weight:bold;background:#e6eab4;} table tbody tr.receivedIndication:hover {background:#f0f0f0 !important; cursor:default; color:#666;} table tbody td.receivedDate,table tbody td.receivedDate:hover {background:url(../images/kruisje.gif) 30px center no-repeat #f0f0f0; padding-left:55px; color:#666;} table tbody tr.messagePane td {line-height:18px; padding:10px;} table tbody tr.messagePane:hover td {background:#fff; cursor:default; color:#666;} table tbody tr.readPane, table tbody tr.readPane:hover td {background:#f0f0f0;} .messageDate {white-space:nowrap;overflow:hidden;} .att, .read {width:16px;} .sender {white-space:nowrap; overflow:hidden;} .resize, .resize:hover {background:url(../images/arrow-resize.gif) #b3b9c1 no-repeat center center; height:10px; } .arrowUp,.arrowUp:hover {background:url(../images/arrow-resize.gif) #b3b9c1 no-repeat center center; height:10px; } .arrowDown,.arrowDown:hover {background:url(../images/arrow-resize2.gif) #b3b9c1 no-repeat center center; height:10px; } .messageDetail {border-top:solid 1px #666;} table.messageDetail {width:100%; border-collapse:collapse; margin-top: 1px; } table.messageDetail td {padding:5px; font-size:x-small; vertical-align:top;} .goalsOdd {background:#d9dce0; padding:3px; overflow:hidden; margin-top:10px;} .goalsOdd .goalActivity {background:#e8eaed;overflow:hidden; clear:both; margin-top:10px;} .goalsOdd .rows input[type="checkbox"] {background:#d5dc81 !important; } .goalsOdd .goalActivity input[type="checkbox"] {background:#eef1cc !important; } .goalsEven {background:#d5dc81; padding:3px; overflow:hidden; margin-top:10px;} .goalsEven .goalActivity {background:#eef1cc;overflow:hidden; clear:both; margin-top:10px;} .goalsEven .rows input[type="checkbox"] {background:#d5dc81 !important; } .goalsEven .goalActivity input[type="checkbox"] {background:#eef1cc !important;} .goalActivity .button {width:20px; height:20px;} .goalActivity p.description {width:47.5%; } .rowsHeader {clear:both;} .rows {clear:both;} .rowsHeader p {float:left; font-weight:bold; margin:0; padding-top:2px; } .rows p {float:left; margin:0; padding-top:2px;} p.priority {width:11.5%;} p.goal {width:29%;} p.goal input,p.description input {width:96%;} p.reached {width:8.5%;} p.description {width:48%;} .doelen em {float:left;} /* == GESPREK == */ tr.gesprekReceiver td {background:#f9faed !important;} tr.gesprekSender td {background:#f4f4f4 !important;} tr.gesprekReceiver .sel td {background:#ff0000 !important;} tr.gesprekSender .sel td {background:#ff00ff !important;} /* ====================================================================== TABLE MotivationPlan ==== */ /* ====================================================================================================================== TABLE OEFENPALN (TRAININGPLAN) ==== */ #tableTrainingPlan {margin-bottom:15px;} #tableTrainingPlan input {width:100%;} #tableTrainingPlan td .stap {width:12px; text-align:center;} #tableTrainingPlan td .addRow {width:60px; text-align:center;} #tableTrainingPlan td .removeRow {width:55px; text-align:center;} .trainingPlanTable {width:100%; border-collapse:collapse;} .trainingPlanTable tr {border-collapse:collapse;} .trainingPlanTable td { border-bottom:1px solid #D9D9D9; font-size:x-small; padding:5px; vertical-align:top; text-align:center;} .trainingPlanTable .deleteOefen {background:url('../images/icon-delete.gif') no-repeat; border:none; width:16px; height:16px; } /* ====================================================================================================================== TABLE STYLES FOR CALENDAR AND DIARY ==== */ table#tableCalendar {border-collapse:separate; border-spacing: 1px 1px; float:left;} table#tableCalendar td {border:solid 1px #fff;padding:4px; text-align:center;} table#tableCalendar {color:#000; width:auto;} table#tableCalendar td:hover {background:#ececec;} table#tableCalendar .rcWeek {font-weight:bold;} table#tableCalendar .rcOtherMonth {color:#b3b3b3;} table#tableCalendar .rcWeekend {color:#666;} table#tableCalendar .rcSelected {border:solid 1px #666;} table#tableCalendar .today {background:#20812d; color:#fff; font-weight:bold;} table#tableCalendar .registered {font-weight:bold; color:#ef9201;} table#tableCalendar .sent {background:#e7ebb7;} table#tableCalendar tbody tr:hover {background:#fff;color:#000;} .diary {width:70%; #width:auto; float:left; margin-left:10px;} .diary table {width:100% !important; } .diary h6 .diary table tr td {border:none;} .diary table thead tr th {text-align:left; padding-left:8px; background:#fce1c2;font-size:x-small;} .diary table tr td {vertical-align:top;} .diary table tr:hover {background:#fff; cursor:default; color:#666;} .diary table tr td.situatie,.diary table tr td.thoughts {} .diary table tr td.situatie textarea {width:100%;height:75px;} .diary table tr td.thoughts textarea,.diary table tr td.feelings textarea {width:100%; height:75px;} .diary p {width:48%; float:left; overflow:hidden;} .diary p textarea {width:99%;} .diaryRegistered {clear:both; padding-top:15px;} .diaryRegistered table td.delete {text-align:right;} .diaryRegistered table tr th {font-size:x-small;text-align:left;width:auto;padding-left:8px;} .diaryRegistered table tr td textarea {width:100%; min-width:100px;} .tableDiaryContainer {overflow:hidden; margin-top:10px;} .sleepSchedule {padding:20px 5px 20px 5px; background-color: #e9f3ea; border: 1px solid #fff; font-size:x-small;} .sleepScheduleTable {border-style:solid; border-color:#677482; border-width: 1px 1px 0 0;} .sleepScheduleTable td {border-style:solid; border-color:#677482; border-width: 0 0 1px 1px;} .sleepScheduleTable td.cellFullHour {border-left-width: 2px;} .sleepScheduleTable .cellMode_Normal {background-color: White;} .sleepScheduleTable .cellMode_InBed {background-color: #BD93BF;} .sleepScheduleTable .cellMode_Sleep {background-color: #81197F;} .sleepScheduleTable .cellMode_Awake {background-color: #E20850;} .sleepScheduleTable .cellSelect_Selected {border-color:#e9f3ea;} .sleepScheduleTable .cellDiv {position:relative; margin:0; padding:0; width:100%; height:20px;} .sleepScheduleTable .cellContent {margin:0; padding:0; width:100%; height:100%;} .sleepScheduleTable .cellSelect_Selected .cellContent {} .sleepScheduleTable .cellDivHour {position:absolute; font-size:11px; font-weight:bold;} .sleepScheduleTable .cellDivHourUpper {top: -17px;} .sleepScheduleTable .cellDivHourLower {bottom: -17px;} .sleepDiaryRadioButtonList {margin-top:20px; margin-bottom:10px;} .sleepDiaryRadioButtonList label {width:100%; float:none; font-weight:bold;} p.receivers select {width:60%; margin-right:10px;} p.receivers input[type="button"] {margin-top:26px;} .paneReg {background:#e9f3ea; overflow:hidden; border:solid 1px #fff; margin-bottom:5px; } .paneReg label {font-size:x-small; font-weight:bold; width:auto;margin-right:8px; padding-top:4px;} .paneReg label.label1 {width:40px;} .paneReg label.label2 {width:84px; float:left;} .paneReg label.label2.glasses {width:130px;} .paneReg input.timeReg {margin-right: 5px; width:36px; text-align:center;} .paneReg label, .paneReg input, .paneReg textarea, .paneReg select {float:left;} .paneReg textarea.situation {width:45%; height:40px; overflow:auto; } .paneReg .paneSegment {clear:both; overflow:hidden; padding:3px;} .paneReg .paneSegment p {float:left; width:48%;padding-left:8px;} .paneReg .paneSegment p.col2 {width:97%;} .paneReg .paneSegment.feeling textarea {clear:both; width:97%; height:100px;} .paneReg a.open {display:block; width:9px; height:9px; background:url(../images/min.gif) no-repeat; float:right;} .paneReg a.closed {display:block; width:9px; height:9px; background:url(../images/kruisje.gif) no-repeat; float:right;} .paneReg a span {display:none;} .paneMood {float:left; width:50%; overflow:hidden;} .paneFoto p.req {background:url(../images/arceren.gif); width:100%; min-height:100px;} .paneMood textarea {width:95% !important; #width:98% !important; height:200px;} .paneFoto {float:right; width:48%; overflow:hidden; margin-left:5px;} .paneFoto input[type="file"] {border:solid 1px #b1117e; } .paneMood p, .paneFoto p {width:100%; margin:0;} .moodMoment {padding-top:10px;} .moodMoment div {float:left; width:49.5%;} .moodMoment input,.moodMoment textarea {width:98%;} .moodMoment textarea {height:120px;} .moodGraph {padding-top:10px;} .moodGraph label p {margin:0;} .moodGraph label {width:100px;} #writeS,#writeS2,#writeS3 {height:52px;padding-left:10px;margin-bottom:5px;font-size:xx-large; font-weight:bold;color:#58083f;} .pane {background:#f4f9f5; overflow:hidden; border:solid 1px #e9f2ea; margin-bottom:5px;} .pane label {font-size:x-small; font-weight:bold; width:auto;margin-right:8px; padding-top:4px;} .pane label.label1 {width:40px;} .pane label.label2 {width:84px;} .pane label.label2.glasses {width:130px;} .pane input.timeReg {margin-right: 5px; width:36px; text-align:center;} .pane label, .pane input, .pane textarea, .pane select {float:left;} .pane textarea.situation {width:60%; #width:59%; height:20px; overflow:auto;} .pane .paneSegment {clear:both; border-bottom:solid 1px #e6eab3;overflow:hidden;padding:3px;} .pane .paneSegment p {float:left; width:48%;padding-left:8px;} .pane .paneSegment p.col2 {width:97%;} .pane .paneSegment.feeling textarea {clear:both; width:99%; height:100px;} .pane a.open {display:block; width:9px; height:9px; background:url(../images/min.gif) no-repeat; float:right;} .pane a.closed {display:block; width:9px; height:9px; background:url(../images/kruisje.gif) no-repeat; float:right;} .pane a span {display:none;} .pane100 p {width:100%;margin:0; } .pane100 p textarea {height:115px; width:99%;} .paneSelection p {} .paneSelection label {width:175px;margin-right:8px; } .paneSelection textarea {height:115px; width:99%;} .otherEvaluations {border-top:dashed 1px #666; overflow:hidden; margin-top:10px;} .general div {margin-top:15px;float:left; width:49%; } .general div p {padding:5px; font-weight:bold; margin-top:0;margin-bottom:0; } .general div.generalGraph {} .general div.generalGraph p {margin-left:15px;} .general div p textarea {width:100%; height:260px;} .general div p {} .general div p label {width:80px; font-style:normal !important; } /* ====================================================================================================================== TABLE STYLES INDEX PAGE ==== */ .type {padding-left:20px;} .feedback {padding:5px; padding-left:20px; background:url(../images/icon-feedback.gif) left center no-repeat;} tr:hover td.feedback {background:url(../images/icon-feedback.gif) #f0f1f3 left center no-repeat;} .melding {padding:5px; padding-left:20px; background:url(../images/icon-melding.gif) left center no-repeat;} tr:hover td.melding {background:url(../images/icon-melding.gif) #f0f1f3 left center no-repeat;} .taskConversation {padding:5px; padding-left:20px; background:url(../images/icon-task-gesprek.gif) left center no-repeat;} tr:hover td.taskConversation {background:url(../images/icon-task-gesprek.gif) #f0f1f3 left center no-repeat;} .taskMotPlan {padding:5px; padding-left:20px; background:url(../images/icon-motivatieplan.gif) left center no-repeat;} tr:hover td.taskMotPlan {background:url(../images/icon-motivatieplan.gif) #f0f1f3 left center no-repeat;} .taskPracticePlan {padding:5px; padding-left:20px; background:url(../images/icon-oefenplan.gif) left center no-repeat;} tr:hover td.taskPracticePlan {background:url(../images/icon-oefenplan.gif) #f0f1f3 left center no-repeat;} .taskThoScheme {padding:5px; padding-left:20px; background:url(../images/icon-gedachtenschema.gif) left center no-repeat;} tr:hover td.taskThoScheme {background:url(../images/icon-gedachtenschema.gif) #f0f1f3 left center no-repeat;} .taskMessage {padding:5px; padding-left:20px; background:url(../images/icon-task-message.gif) left center no-repeat;} tr:hover td.taskMessage {background:url(../images/icon-task-message.gif) #f0f1f3 left center no-repeat;} .taskDiary {padding:5px; padding-left:20px; background:url(../images/icon-dagboek.gif) left center no-repeat;} tr:hover td.taskDiary {background:url(../images/icon-dagboek.gif) #f0f1f3 left center no-repeat;} /*.taskOverdue {padding:5px; padding-left:20px; background:url(../images/icon-overdue.gif) left center no-repeat;} tr:hover td.taskOverdue {background:url(../images/icon-overdue.gif) #f0f1f3 left center no-repeat;}*/ .taskNewApp {padding:5px; padding-left:20px; background:url(../images/icon-new-appointment.gif) left center no-repeat;} tr:hover td.taskNewApp {background:url(../images/icon-new-appointment.gif) #f0f1f3 left center no-repeat;} /*.taskUnreplied {padding:5px; padding-left:20px; background:url(../images/icon-task-unreplied.gif) left center no-repeat;} tr:hover td.taskUnreplied {background:url(../images/icon-task-unreplied.gif) #f0f1f3 left center no-repeat;}*/ /* ====================================================================================================================== TABLE STYLES AGENDA ==== */ .agendaDatum {color:#58083f;} /* ====================================================================================================================== OVERIGE ACTIVITEITEN ==== */ .activiteit {background:url(../images/check-not.png) no-repeat #fff left top; padding:0 5px 0 25px; cursor:pointer; margin-top:15px; min-height:24px;} .activiteitS {background:url(../images/arrow-uitleg-aan.gif) no-repeat top right #e6eab4; padding:0 5px 0 25px; cursor:pointer; margin-top:15px;} .activiteit.check {background:url(../images/check.png) no-repeat #fff left top; padding:0 5px 0 25px; cursor:pointer; margin-top:15px;} .uitleg p, .activiteit p, .activiteitS p {margin:0} .uitleg {background:#f0f1f3; padding:0 5px 0 5px;} #uitleg1,#uitleg2,#uitleg3 {display:none;} /* ====================================================================================================================== AANMELDEN (REGISTRATION) PAGE ==== */ .aanmelden #portletPane {min-height:480px;background:url(../images/persona-aanmeld.png) no-repeat !important; margin-top:5px;} .aanmelden #mainContent {clear:both; margin:0 320px 0 70px; } .aanmelden #contentSpace #contentPane {min-height:420px; } #aanmeldpageButs {margin-left:-75px; margin-top:195px;} #aanmeldpageButs a#aanMelden {width:129px; height:76px; background:url(../images/aanmelden-circ1.png) no-repeat; display:block; margin-top:110px; } #aanmeldpageButs a#aanMelden:hover {background:url(../images/aanmelden-circ1.png) no-repeat top right; display:block;cursor:pointer;} #aanmeldpageButs a#logIn {width:129px; height:76px; background:url(../images/aanmelden-circ2.png) no-repeat; display:block; margin-left:1px;margin-top:-5px;} #aanmeldpageButs a#logIn:hover {background:url(../images/aanmelden-circ2.png) no-repeat top right; display:block;cursor:pointer;} #aanmeldpageButs a#aanMelden span,#aanmeldpageButs a#logIn span {display:none;} .registreren #portletPane {min-height:481px;background:url(../images/persona2-registreren.png) no-repeat !important;} /* ====================================================================================================================== BOX ON START PAGE ==== */ .boxContainer {background:url(../images/box-bot-mid.gif) bottom repeat-x;} .box {background:url(../images/box-mid.png) repeat-x;} .box h3 {border-bottom:solid 1px #b1117e;background:url(../images/box-left.png) top left no-repeat; margin:0; padding:2px 0 0 10px;min-height:22px;} .box p.boxRight {background:url(../images/box-right.png) no-repeat top right !important; background:url(../images/box-right.gif) no-repeat top right; margin:0; min-height:25px; width:16px; float:right;} .box div.boxContent {overflow:hidden; margin:0; padding:5px;border-left:solid 1px #b1117e; border-right:solid 1px #b1117e; padding:10px 10px 0 15px;} .boxBottom {background:url(../images/box-bottom.gif) no-repeat bottom left; min-height:16px;} .boxBottom p {background:url(../images/box-bot-right.gif) no-repeat bottom right; margin:0;min-height:16px;} /* ====================================================================================================================== EXAMPLE BEHANDELING ==== */ p.answer {font-family:'trebuchet MS'; font-size:1.2em !important;display:block; color:#555c01; border-bottom:dashed 1px #b3b3b3;} ol {font-size:0.7em !important;} /* ============================================================ TABLE DAY PLANNER ============================================================== */ .rsHeader {height:25px; overflow:hidden; } .rsHeader h2 { float:left; font-size:small; font-weight:bold; } .tableDayPlanner { width:100%; color:#666666; background:#FFFFFF none repeat scroll 0 0; border: 1px solid #D9D9D9; border-collapse: collapse; font-size:x-small; } .tableDayPlanner thead tr { background:#D5DC81 url(../images/bg-tabletop.png) repeat-x scroll 0 0; font-weight:bold; height:25px; } .tableDayPlanner td { width:12% !important; padding:6px 2px 4px 2px; vertical-align:top; border-collapse: collapse; border:1px solid #D9D9D9; } .tableDayPlanner th { background:#F7F7F7 none repeat scroll 0 0; color:#899402; font-weight:normal; text-align:right; vertical-align:top; border-collapse: collapse; border:1px solid #D9D9D9; } .evaluationPlaceHolder .evalTime { width:12% !important; padding-top:6px; vertical-align:top; white-space:nowrap; } .evaluationPlaceHolder .act { width:20% !important; } .evaluationPlaceHolder .gelukt { width:5% !important; } .evaluationPlaceHolder .plezier { width:5% !important; } .evaluationPlaceHolder .stemming { width:5% !important; } .evaluationPlaceHolder .remark { width:55% !important; } /* ====================================================================================================================== EXAMPLE PRESENTATION OF BOOKS UNDER TIPS ==== */ .presentations {overflow:hidden; margin-top:15px;} .presentations dl {margin: 10px 20px; padding:0; float:left; clear:both;display:inline;width:96%;} .presentations dt {margin:0; padding: 0 0 0 95px; font-size:small; letter-spacing:1px; font-weight:bold; color:#58083f;} .presentations dt.url {margin:0; padding: 0 0 0 105px; font-size:small; letter-spacing:1px; font-weight:bold; color:#58083f;} .presentations dd {margin:0; padding:0; font-size:x-small; clear:right; line-height:20px;} .presentations dd.image img {float:left; margin-top:-20px;} .presentations dd.image img {float:left; margin-top:-20px; overflow:hidden;} .presentations dd.image.siteVNN {width:100px; height:58px; background:url(../images/websites_001.gif) left top no-repeat; overflow:hidden;float:left; margin-top:-20px;} .presentations dd.image.siteAI {width:100px; height:58px; background:url(../images/websites_001.gif) left -58px no-repeat; overflow:hidden;float:left; margin-top:-20px;} .presentations dd.image.siteTB {width:100px; height:58px; background:url(../images/websites_001.gif) left -116px no-repeat; overflow:hidden;float:left; margin-top:-20px;} /* ====================================================================================================================== TEMP STYLES FOR INSTRUCTION PAGE ==== */ #programContentText {clear:both; margin:15px 0 15px 0; font-size:x-small; line-height:16px;} #programContentText b {font-weight:bold; color:#58083f; display:block; margin-top:15px;} #programContentText br {display:none;} /* ====================================================================================================================== STYLES FOR INPUT TYPE ==== */ #divinputfile{ background:url(../images/file_upload.gif) no-repeat top right; height:28px; width:100%; margin:0px; cursor:pointer; } #divinputfile #filepc{opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:11px;} #fakeinputfile{margin-top:-27px; float:left;} #fakeinputfile #fakefilepc{width:90%; height:22px; font-size:small;} /* ====================================================================================================================== STYLES FOR TABS ==== */ .tabMenu {font-size:x-small; background:url(../images/tab-menu.png) repeat-x; overflow:hidden; margin-top:25px; clear:both;color:#555c01;} .tabSelB {background:url(../images/tab-b-sel.png) no-repeat; float:left; height:21px; overflow:hidden; width:3px;} .tabSelM {background:url(../images/tab-m-sel.png) repeat-x; float:left; height:21px; overflow:hidden; width:auto; padding:3px 3px 0 3px;} .tabSelE {background:url(../images/tab-e-sel.png) no-repeat; float:left; height:21px; overflow:hidden; width:3px;} .tabB {background:url(../images/tab-b.png) no-repeat; float:left; height:21px; overflow:hidden; width:3px;} .tabM {background:url(../images/tab-m.png) repeat-x; float:left; height:21px; overflow:hidden; width:auto; padding:3px 3px 0 3px; cursor:pointer;} .tabE {background:url(../images/tab-e.png) no-repeat; float:left; height:21px; overflow:hidden; width:3px;} .tabBh {background:url(../images/tab-b-hov.png) no-repeat; float:left; height:21px; overflow:hidden; width:3px;} .tabMh {background:url(../images/tab-m-hov.png) repeat-x; float:left; height:21px; overflow:hidden; width:auto; padding:3px 3px 0 3px;} .tabEh {background:url(../images/tab-e-hov.png) no-repeat; float:left; height:21px; overflow:hidden; width:3px;} .profileContent {float:left; width:49%; overflow:hidden; color:#000;} .profileContent label {color:#666; width:120px; margin-right:8px;} /* ====================================================================================================================== STYLES FOR QUIZ ==== */ .selectedWrong {background:url(../images/quiz-sel-wrong.png) no-repeat; min-height:24px; padding-left:30px !important;margin-top:3px !important;} .selectedRight {background:url(../images/quiz-sel-right.png) no-repeat; min-height:24px; padding-left:30px !important;margin-top:3px !important;} .notSelectedWrong {background:url(../images/quiz-notsel-wrong.png) no-repeat; min-height:24px; padding-left:30px !important;margin-top:3px !important;} .notSelectedRight {background:url(../images/quiz-notsel-right.png) no-repeat; min-height:24px; padding-left:30px !important;margin-top:3px !important;} .ajax__tab_xp2 .ajax__tab_header {font-size:x-small;background:url(../images/tab-menu.png) repeat-x;overflow:hidden;margin-top:25px;clear:both;color:#58083F} .ajax__tab_xp2 .ajax__tab_inner {background:url(../images/tab-e.png) no-repeat right;height:21px;padding-left:3px} .ajax__tab_xp2 .ajax__tab_outer {background:url(../images/tab-b.png) no-repeat;height:21px} .ajax__tab_xp2 .ajax__tab_tab {background:url(../images/tab-m.png) repeat-x; float:left; height:21px;overflow:hidden;width:auto;padding:3px 3px 0 3px;margin-right:3px !important} .ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {background:url(../images/tab-e-sel.png) no-repeat right;height:21px;padding-left:3px} .ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {background:url(../images/tab-b-sel.png) no-repeat;height:21px} .ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {background:url(../images/tab-m-sel.png) repeat-x; float:left; height:21px;overflow:hidden;width:auto;padding:3px 3px 0 3px;margin-right:3px !important} .ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {background:url(../images/tab-e.png) no-repeat right;height:21px;padding-left:3px} .ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {background:url(../images/tab-b.png) no-repeat;height:21px} .ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {background:url(../images/tab-m.png) repeat-x; float:left; height:21px;overflow:hidden;width:auto;padding:3px 3px 0 3px;margin-right:3px !important} .ajax__tab_xp2 .ajax__tab_body{float:left;overflow:hidden;color:#000} ul.extraFunctions {margin:0; padding:0; font-size:x-small; line-height:20px;} ul.extraFunctions li {padding-left:130px; min-height:131px; list-style:none;} ul.extraFunctions li.dagboek {background:url(../images/icon-big-dagboek.png) no-repeat;} ul.extraFunctions li.motivatieplan {background:url(../images/icon-big-motivatieplan.png) no-repeat;} ul.extraFunctions li.oefenplan {background:url(../images/icon-big-oefenplan.png) no-repeat;} ul.extraFunctions li.gedachtenschema {background:url(../images/icon-big-gedachtenschema.png) no-repeat;} /* ====================================================================================================================== STYLES FOR PRINTING ==== */ @media print { * { background: #fff; color: #000; } html { font: 100%/1.5 verdana, sans-serif; } #portletPane, #stepsPane,input[type="button"],input[type="submit"],#navBar,#intakeAssignments,#header,#footerLinks,#toolButs,.accentuated {display:none;} #contentSpace {margin:0 !important; width:100%; background:none; } #mainContent {clear:both;margin:0 2px 0 2px;} #contentSpace #contentPane {padding:0;min-height:auto;} #titlePane {margin:0;} body#templateInstructions.persona2 #contentSpace #contentPane {padding:0;} } .newMessagePane div input[type="text"].uploader_inputFileName { width: 90%; } input.uploader_inputFileName { border: 0px; background: transparent; width: 90%; } .uploader_inputFileDelete { background:url(../images/icon-delete.gif) no-repeat !important; width:16px; height:16px; overflow:hidden; margin-right:5px; border:none; cursor:pointer; } .pane100 textarea { height:115px; width:99%; } .radioButtonListTextPadding { position:relative; }