/* -------------------------------------------------------------- Reset -------------------------------------------------------------- */ html {overflow-y: scroll; overflow-x: auto; -webkit-font-smoothing: antialiased; text-rendering: optimizeL.my_data_tableegibility;} body {margin:0;padding:0;font-family:verdana, arial, helvetica, sans-serif;font-size:11px; color:#212121!important;} @media all and (min-width: 999px) { html { overflow-x: hidden; } } @media all and (max-width: 999px) { .my-frame-deco { display:none!important;} } img {border: none;} label,[onclick] {cursor: pointer;} textarea, select, input {font-family: verdana, arial, helvetica, sans-serif;font-size: 1em; } p, form {margin:0;padding:0;} ul {list-style: none; padding:0; margin-left:0px; *margin:5px 0} ol {padding:0; margin-left:20px; *margin:5px 0 5px 20px} ol li {margin-bottom:3px} textarea, input[type="text"], input[type="password"], select {border:1px solid #C1C1C1; padding: 2px; margin-right:1px;} input[type="text"], input[type="password"] {padding: 3px;-moz-border-radius:2px;-webkit-border-radius: 2px;} select {padding: 2px;-moz-border-radius:2px;-webkit-border-radius: 2px;} input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { background: #fffee8;} input[type="radio"], input[type="checkbox"] { margin:3px;} textarea {margin:0;} .inputheader {font-size: 15px; width:350px;} /* remove firefox link outline */ a:active, a:focus { outline:0;} /* -------------------------------------------------------------- Custom Fonts -------------------------------------------------------------- */ @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; src: url('fonts/bebasneue-webfont.eot'); src: local('?'), url('fonts/bebasneue-webfont.eot?#iefix') format('eot'), url('fonts/bebasneue-webfont.ttf') format('truetype'), url('fonts/BebasNeue.otf') format('opentype'), url('fonts/bebasneue-webfont.woff') format('woff'), url('fonts/bebasneue-webfont.svg#webfontKa9xQKtS') format('svg'); } /* -------------------------------------------------------------- WRAPPER - Clearing floats without extra markup. -------------------------------------------------------------- */ .wrapper {display: inline-block; } .wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .wrapper {height: 1%;} .wrapper {display: block; *zoom: 1;} /* -------------------------------------------------------------- Frame of MyInstitution #98b572 0%,#a8c87e 22%,#a8c87e 33%,#92ae6d -------------------------------------------------------------- */ #my-header-content {width:980px;margin:0 auto;} #my-header-content {width:950px;height:140px;margin:0 auto;padding:1px 0;position:relative;} #my_header .top_line {background:#7C7A89; height:1px; width:100%;float:left;} #my_header .centertop_green {width:100%;height:5px;float:left;} #my_header .centertop_grey {width:100%;height:9px;float:left;margin-bottom:1px; border-top:1px solid #818181; border-bottom:1px solid #818181;} .centertop_green {background-image: -moz-linear-gradient(top, #98b572, #92ae6d); background: #875498; /* Old browsers */ background: -moz-linear-gradient(top, #815AA6 0%, #79529C 22%, #79529C 33%, #734A97 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#815AA6), color-stop(22%,#79529C), color-stop(33%,#79529C), color-stop(100%,#734A97)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #815AA6 0%,#79529C 22%,#79529C 33%,#734A97 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #815AA6 0%,#79529C 22%,#79529C 33%,#734A97 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #815AA6 0%,#79529C 22%,#79529C 33%,#734A97 100%); /* IE10+ */ background: linear-gradient(top, #815AA6 0%,#79529C 22%,#79529C 33%,#734A97 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#815AA6', endColorstr='#734A97',GradientType=0 ); /* IE6-9 */ } .centertop_grey {background:url(images/center_top_14.gif) repeat-x;background-image: -moz-linear-gradient(top, #98CB02, #7B7593);background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7B7593), color-stop(1.0, #7B7593));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#98CB02', EndColorStr='#7B7593');} #confmanlogo {height:70px;width:271px;background-image:url(images/center_top_10.jpg);display:block;z-index: 3; position:absolute;right:0;bottom:-34px;} .system_button {float:right;background-image: url(images/menu_bg.gif); background-position: 0 -150px;border:1px solid #e7e7e7;height:14px;font-size: 0.82em;color:#fff;padding: 1px 8px; text-decoration:none;cursor:pointer;} .my-frame {width:700px; margin:0 auto; background:#ececec; padding:10px 20px 0 220px; position:relative;} .my-frame-nomenu { width:950px; padding:15px 20px 0 20px;} .my-frame-fluid { width:auto; margin: 0 20px; margin: 0 158px; min-width:758px; } .my-frame-nomenu .my-frame-deco {height: 107%;} .my-frame-deco { background:url(images/cm-bg-decoration.png) no-repeat; width:158px; height:450px;height: 105%; display:block; position:absolute; top:0;} .ie7 .my-frame-deco {height: 100% !important;} .my-frame-deco-left {left: -158px;} .my-frame-deco-right {right: -158px; background-position:-175px 0;} .my_frame_menu {width: 184px; height: 820px; float:left; margin-right:15px; margin: 0 0 0 -206px; vertical-align:top;} .my_frame_content {margin-top: 10px;width: 100%; float: left; position: relative;} .my_frame_content_nomenu { float:none; width:auto; padding:0; } #my_middle {background:#ececec; padding-bottom:10px;} #my_footer { position:relative; *position:static;} #my_footer_top {background: #818181;padding: 1px 0; /*float:left; width:100%;*/} #my_footer_top div {border-top: 1px solid #fff;border-bottom:1px solid #fff; background:#818181; height:6px; width:100%;float:left;} #my_footer .centertop_green {width:100%;height:4px;float:left;} #my_footer .centertop_grey {width:100%;height:9px;float:left;border-left:1px solid #fff; margin-left:-1px;} /* -------------------------------------------------------------- TEXTS -------------------------------------------------------------- */ h1, h2 {font-weight:bold;margin:0;padding:0;} h1 {font-size: 1.58em;margin: 10px 30px 0px;} h2 {font-size: 1.18em;} h3 {font-size: 1.1em;} a {color: #000;} p {margin-bottom: 1em;} .txt_inverted {color:#fff;} .txt_strong {font-weight: bold;} .inputdata-wrap {background-color: #F2F2F2; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; border: 1px solid #ffffff; padding:10px 10px 0 10px; overflow: auto; margin:0 15px 8px 0px} .inputdata-wrap img, .inputdata-wrap p, .inputdata-wrap textarea { margin-bottom: 1em;} .ui-dialog .inputdata-wrap {background:#FAFAFA; margin:0 0 8px 0;} .choice_group .inputdata-wrap {background:#FCFCFC; margin:5px 15px 8px 0px} /* -------------------------------------------------------------- COLORS (!!! Please use States and not alert-bg etc. !!!) -------------------------------------------------------------- */ .error_bg {background-color:#f00!important;color:#fff;} .error_border { border: 2px solid #f00!important;padding:1px;} .error_box {padding: 10px; color:#fff; background-color:#f00; margin-bottom:10px; font-weight: bold;} .txt-color-error {color:#f00;} .alert_border, .alert_border:hover { border-width: 2px!important; border-style: solid!important; border-color:#ffeb09!important;margin:0 -1px 1px!important;} .alert_bg {background-color: #ffeb09!important;} .alert-bg-icon {background-color:#ffeb09!important;padding:6px 6px 6px 55px;color:#000;background:#ffeb09 url(images/big_icons/accommodation_alert_bg.gif) no-repeat left top;} .alert-bg-icon.focusarea { margin:-10px -10px 10px; border-bottom: 1px solid #C1C1C1;} .alert-bg-icon.alert-bg-icon-seperator {margin:-10px 0 0;} hr + .alert-bg-icon {margin:-10px 0 10px;} .input-alert {border:1px solid #c03 !important;padding:2px;} .succes_bg, .color_checked, .choose-all {background: #99cb00!important;} .choose-all-select .choose-all {padding:1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:block; float:left; margin:-4px 3px 0 0} .inputselect-list .choose-all-select input{margin-left:3px;} li.choose-all-select label{padding-left:2px; margin-top:4px} li:hover.choose-all-select{background: #99cb00!important;} .succes_bg, .color_checked, .choose-all { background: none repeat scroll 0 0 #99CB00 !important; } .choose-all-select .choose-all { border-radius: 3px 3px 3px 3px; display: block; float: left; margin: -4px 3px 0 0; padding: 1px; } .inputselect-list .choose-all-select input { margin-left: 3px; } li.choose-all-select label { margin-top: 4px; padding-left: 2px; } li.choose-all-select:hover { background: none repeat scroll 0 0 #99CB00 !important; } li.choose-all-select label:hover { background: none; } .normal_bg {background-color:#690;} .response-box {font-weight:bold;padding:10px; color:#fff;} /* -------------------------------------------------------------- My Password meter -------------------------------------------------------------- */ .my-password-strength {border:1px solid #ccc; position:relative; height:13px;width:134px;-moz-border-radius:2px; background:#fff; padding:1px; font-size:9px; text-align:center;*text-align:left;} .my-password-strength p {position:absolute; width:134px;} .my-password-strength-meter {background-image:url(images/my-password-strength.png); height:13px; width:100%;} /* -------------------------------------------------------------- SEPARATOR -------------------------------------------------------------- */ hr {margin:2px 0 10px;border:1px solid #ddd;border-width:1px 0 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #fff;} hr {*margin:0;} .halfseperator {height:1px;clear:both;margin:2px 0 10px 0;border:solid #ddd;border-width:1px 0 0 0;border-top:1px dashed #c3c3c3;} .ui-dialog .halfseperator {*margin:-4px 0 0;} /* IE7 Likes big spaces :( */ .clickable {cursor:pointer;} .returnlink {cursor:pointer;text-decoration:underline;margin:-5px 0 10px 0;display:inline-block;} .new-section{margin-top:20px !important;} /* -------------------------------------------------------------- Misc -------------------------------------------------------------- */ .label {padding:10px; background:#fff;} .label-full { float:left;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .focusarea_outer {border:1px solid #c1c1c1;border-right:1px solid #fff;border-bottom:1px solid #fff;margin-bottom:10px;float:left;width:100%;} .focusarea_inner {border:1px solid #fff;border-bottom:1px solid #c1c1c1; border-right:1px solid #c1c1c1;float:left;padding:10px;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #selector-filter .focusarea_outer {width: 28%!important; margin:5px 15px 10px 0!important} .clearfields {background:url(images/my_icons.png) -1330px -74px; border: 0 solid; cursor: pointer; display: inline-block; height: 12px; margin-left: -22px; position: relative; top: 4px;*top:6px; width: 12px; z-index: 2000;} .clearfields:hover {background:url(images/my_icons.png) -1314px -74px;} .clearfields.cleardate {margin-left:-33px;} .ie8 .clearfields , .ie9 .clearfields {top:3px} .infobox {background: none repeat scroll 0% 0% #fff; border-width: 1px 3px 3px 1px; border-style: solid; border-color: rgb(204, 204, 204); padding: 10px; -moz-border-radius: 5px; margin-bottom:6px;} .infobox p{margin-left: 23px;} .sectionbox-wrap {background: #f2f2f2; border-radius: 3px; border: 1px solid #fff; margin-bottom: 20px; padding: 15px;} .login-info {width: 400px; margin: 0px auto;} .noline_link {text-decoration:none!important} .link_lookalike {text-decoration:underline;cursor:pointer; } #wizard_setup_form .choice_group_head { margin-bottom:20px;} .previewshade {background: url(images/activation-sprite.png) repeat scroll 0 0 transparent; height: 42px; padding: 6px 0 0 63px; position:absolute; text-align:left; top: -39px; left:0; margin: 0 0 0 -9px; width: 350px;} .previewshade-append {margin-top:39px!important;} .ie7 .previewshade { float:right; display:block; text-align:left;} .previewshade-ticket { width:314px;} .previewshade.isactive {background-position: 0 -47px} .previewshade .action_button {float: right; white-space:nowrap; margin: 2px 0 0;} .activate-end { background: url( /activation-sprite.png) repeat scroll right -95px transparent;float: right;height: 47px;margin: -6px -10px 0 0; width: 10px;} .isactive .activate-end {background-position: right -142px;} .previewtext {font-family: 'Bebas Neue'; font-size:25px; text-align:right; color: #666} .material-active {padding:0 2px; background:#a5c92e; border:1px dashed #666;} .material-inactive {padding:0 2px; background:#fad800; border:1px dashed #666;} .previewshade-minia4 {margin:-476px 1px 0 0; width:314px; *margin-left:-8px;} /* -------------------------------------------------------------- No content/material yet -------------------------------------------------------------- */ .create_material { background:url(images/creatematerial_sprite.jpg) right top no-repeat #dcdcdc; height:262px; border:1px solid #fff;border-bottom:1px solid #c1c1c1; border-right:1px solid #c1c1c1;} .create_material_outer {border:1px solid #c1c1c1;border-right:1px solid #fff;border-bottom:1px solid #fff; margin-bottom:10px;} .create_material_text {padding: 15px; width:300px;} .create_material_text h1 { margin: 0 0 10px;} .create_material button { float: none;margin: 0 5px 5px 0;} .create_ticket{ background-position: right top;} .create_forum{ background-position: right -523px;} .create_nametag{ background-position: right -785px;} .create_tablesign{ background-position: right -1047px;} .create_event {background-position: right -1309px;} .create_event .create_material_text {width:350px;} /* -------------------------------------------------------------- ICONS -------------------------------------------------------------- */ .icons {background:url(images/my_icons.png);} .icons16{background:url(images/my_icons.png) 0 -72px;width:16px;height:16px;display:inline-block; vertical-align:middle;} .myicons16{background:url(images/my_icons.png) 0 -72px;width:16px;height:16px;display:inline-block; vertical-align:middle;} .icons24 {background:url(images/my_icons.png) 0 0;height:24px;width:24px;float:left;} .icons48 {background:url(images/my_icons.png) 0 -24px;height:48px;width:48px;margin-bottom:-48px;} .icon-inline {display:inline-block;vertical-align:middle;} /* -------------------------------------------------------------- ICON INDENT -------------------------------------------------------------- */ .iconindent_24 {padding-left: 35px; margin-bottom:10px;min-height:24px;} .iconindent_24 > .icons24 {margin-left: -35px;} .iconindent_box {padding-left:60px;float:left; min-height:48px;/*margin-right:10px;*/margin-bottom:30px;} .itemshadowbox .iconindent_box {padding-left:50px} .choice_group .iconindent_box {margin-bottom:0px;} .ui-dialog .iconindent_box {float:none;margin:15px 10px 10px 10px;} .iconindent_box > .icons48 {margin-left:-60px;} .indent_inline{float:left; margin-right:5px;} .iconindent_box p + h2 { margin-top:10px;} /* -------------------------------------------------------------- 16x16 ICONS -------------------------------------------------------------- */ .adduser16 {background-position: 0 -72px;} .deleteuser16 {background-position: -16px -72px;} .delete16 {background-position: -32px -72px;} .mail16 {background-position: -48px -72px;} .users16 {background-position: -64px -72px;} .datetime16 {background-position: -80px -72px;} .bed16 {background-position: -96px -72px;} .noteedit16 {background-position: -112px -72px;} .excel16 {background-position: -128px -72px;} .invite16 {background-position:-144px -72px;} .support16 {background-position:-160px -72px;} .add16, .choice-choose16 {background-position: -176px -72px;} .setup16 {background-position: -192px -72px;} .pages16 {background-position: -208px -72px;} .alert16 {background-position: -224px -72px;} .check16 {background-position: -240px -72px;} .line16, .nocheck16 {background-position: -256px -72px;} .about16 {background-position: -271px -72px;} .calender16 {background-position: -288px -72px;} .clock16 {background-position: -304px -72px;} .bell16 {background-position: -320px -72px;} .help16 {background-position: -336px -72px;} .datetime16 {background-position: -352px -72px;} .speaker16 {background-position: -368px -72px;} .disableadd16 {background-position: -384px -72px;} .show16 {background-position: -400px -72px;} .noshow16 {background-position: -416px -72px;} .deletedisable16 {background-position: -432px -72px;} .picture16 {background-position: -448px -72px;} .resendinvi16 {background-position: -464px -72px;} .edit16 {background-position: -480px -72px;} .pdf16 {background-position: -496px -72px;} .doclock16 {background-position: -512px -72px;} .docopen16 {background-position: -528px -72px;} .arrowup16 {background-position: -544px -72px;} .arrowdown16 {background-position: -560px -72px;} .updown16 {background-position: -576px -72px;} .sendtmail16 {background-position: -592px -72px;} .activate16 {background-position: -608px -72px;} .pages16 {background-position: -624px -72px;} .reuse16 {background-position: -640px -72px;} .design16 {background-position: -656px -72px;} .namebadge16 {background-position: -672px -72px;} .paymentcard16 {background-position: -688px -72px;} .checklist16 {background-position: -704px -72px;} .payment16 {background-position: -720px -72px;} .forum16 {background-position: -736px -72px;} .otherusers16 {background-position: -752px -72px;} .showless16 {background-position: -768px -72px;} .showmore16 {background-position: -784px -72px;} .flag16 {background-position: -32px -72px;} .userinfo16 {background-position: -800px -72px;} .link16 {background-position: -817px -72px;} .tickets16 {background-position: -832px -72px;} .goto16, .select16 {background-position: -848px -72px;} .copy16 {background-position: -864px -72px;} .subquest16{background-position: -880px -72px;clear:left;} .percent16 {background-position:-896px -72px;} .settings16 {background-position:-912px -72px;} .save16, .upload16 {background-position:-928px -72px;} .chart16 {background-position:-944px -72px;} .nothanks16, .deactivate16 {background-position:-961px -72px;} .search16 {background-position:-976px -72px;} .addcolumns16 {background-position:-993px -72px;} .accept16, .choice-chosen16 {background-position:-1009px -72px;} .addtext16 {background-position:-1025px -72px;} .addmergedline16 {background-position:-1041px -72px;} .moveuser16 {background-position:-1056px -72px;} .occupiedroom16 {background-position:-1072px -72px;} .userspecs16 {background-position:-1088px -72px;} .crop16 {background-position:-1104px -72px;} .ean16 {background-position:-1120px -72px;} .manuelpayment16 {background-position:-1136px -72px;} .banktransfer16 {background-position:-1152px -72px;} .subarrow16 { background: url(images/subquestion.gif) no-repeat center bottom;height:17px; margin:-5px 5px -10px 6px !important; width:13px;} .attachment16 {background-position:-1168px -72px;} .resetaccount16 {background-position:-1184px -72px;} .creditbill16 {background-position:-1200px -72px;} .reminder16 {background-position:-1216px -72px;} .comment16 {background-position:-1232px -72px;} .reference16 {background-position:-1248px -72px;} .deactivate16 {background-position:-1264px -72px;} .switchcategory16 {background-position:-1280px -72px;} .girokort16 {background-position:-1296px -72px;} .money16 {background-position:-1344px -72px;} .signupcancel16 {background-position:-1360px -72px;} .changestatus16 {background-position:-1376px -72px;} .movefourways16 {background-position:-1392px -72px;} .qrtag16 {background-position:-1408px -72px;} .sms16 {background-position:-1424px -72px;} .tick16 {background-position:-1442px -72px;} .addimag16 {background-position:-1459px -72px;} .del-inline-list16 {background-position:-1456px -72px;} label:hover .del-inline-list16 {background-position:-1440px -72px;} /* -------------------------------------------------------------- 24x24 ICONS -------------------------------------------------------------- */ .datetime24 {background-position: 0 0;} .setup24 {background-position:-24px 0;} .students24 {background-position:-48px 0;} .students24_demo {background-position:-840px 0;} .website24 {background-position:-72px 0;} .website24_demo {background-position:-864px 0;} .invite24 {background-position:-96px 0;} .invite24_demo {background-position:-888px 0;} .forum24 {background-position:-120px 0;} .forum24_demo {background-position:-912px 0;} .changeevent24 {background-position:-144px 0;} .newevent24 {background-position:-168px 0;} .save24 {background-position: -192px 0;} .goto24 {background-position:-216px 0;} .createform24 {background-position:-240px 0;} .messageedit24 {background-position:-264px 0;} .messageadd24 {background-position:-288px 0;} .speakeradd24 {background-position:-312px 0;} .websiteactive24 {background-position:-336px 0;} .websitedisable24 {background-position:-360px 0;} .printpdf24 {background-position:-384px 0;} .makenewpage24 {background-position:-408px 0;} .previewweb24 {background-position:-432px 0;} .payment24 {background-position:-456px 0;} .access24 {background-position:-480px 0;} .paymentcard24 {background-position:-504px 0;} .ean24 {background-position:-528px 0;} .invoice24 {background-position:-552px 0;} .banktransfer24 {background-position:-576px 0;} .email24 {background-position:-600px 0;} .show24 {background-position:-624px 0;} .noshow24 {background-position:-648px 0;} .mailsend24 {background-position:-672px 0;} .reuse24 {background-position:-696px 0;} .newnote24 {background-position:-720px 0;} .usergroup24 {background-position:-744px 0;} .bed24 {background-position:-768px 0;} .docuview24 {background-position:-792px 0;} .upload24 {background-position:-816px 0;} .adduser24 {background-position:-936px 0;} .grid24 {background-position:-960px 0;} .delete24 {background-position:-984px 0;} .alert24 {background-position:-1008px 0; margin-right:4px;} .post24 {background-position:-1032px 0;} .log24 {background-position:-1056px 0;} .companion24 {background-position:-1104px 0;} .ticket_enable24 {background-position:-1128px 0;} .ticket_disable24 {background-position:-1152px 0;} .excel24 {background-position:-1176px 0;} .chart24 {background-position:-1200px 0;} .questionnaire24 {background-position:-1224px 0;} .add24 {background-position:-1248px 0;} .userinfo24 {background-position:-1272px 0;} .creditbill24 {background-position:-1296px 0;} .userimage24{background-position:-1362px 0;} .pdf24 {background-position:-1415px 0;} /* -------------------------------------------------------------- 48x48 ICONS -------------------------------------------------------------- */ .eventtype48 {background-position:0 -24px;} .starchoice48 {background-position:-48px -24px;} .userinvite48 {background-position:-96px -24px;} .groupinvite48 {background-position:-144px -24px;} .usergroup48 {background-position:-192px -24px;} .date48 {background-position:-240px -24px;} .bed48 {background-position:-288px -24px;} .note48 {background-position:-336px -24px;} .info48 {background-position:-2689px -24px;} .design48 {background-position:-432px -24px;} .pages48 {background-position:-480px -24px;} .websitesetup48, .setup48 {background-position:-528px -24px;} .payment48 {background-position:-576px -24px;} .nopayment48 {background-position:-624px -24px;} .access48 {background-position:-672px -24px;} .email48 {background-position:-720px -24px;} .clickpopup48 {background-position:-768px -24px;} .terms48 {background-position:-816px -24px;} .waitinglist48 {background-position:-864px -24px;} .userinfo48 {background-position:-912px -24px;} .log48 {background-position:-960px -24px;} .userheadset48 {background-position:-1008px -24px;} .usermail48 {background-position:-1056px -24px;} .invite48 {background-position:-1104px -24px;} .delete48 {background-position:-1152px -24px;} .alert48 {background-position:-1200px -24px;} .companion48 {background-position:-1248px -24px;} .userspecs48 {background-position:-1296px -24px;} .reciept48 {background-position:-1344px -24px;} .noname48 {background-position:-1388px -24px;} .nobed48 {background-position:-1440px -24px;} .order48 {background-position:-1488px -24px;} .barcode48 {background-position:-1534px -24px;} .miniinfo48 {background-position:-1588px -32px;}/*unik*/ .copy48 {background-position:-1630px -24px;} .participant_list48 {background-position:-1678px -24px;} .participant_info48 {background-position:-1730px -24px;} .questionnarie48 {background-position:-1776px -24px;} .chart48 {background-position:-1824px -24px;} .picture48 {background-position:-1872px -24px;} .excel48 {background-position:-1920px -24px;} .settings48 {background-position:-1968px -24px;} .paymentpercent48 {background-position:-2016px -24px;} .footer48 {background-position:-2064px -24px;} .creditcard48 {background-position:-2112px -24px;} .banktransfer48 {background-position:-2160px -24px;} .ean48 {background-position:-2208px -24px;} .manualpayment48 {background-position:-2256px -24px;} .venue48 {background-position:-2304px -24px;} .admin48 {background-position:-2352px -24px;} .systememail48 {background-position:-2400px -24px;} .googleanalytic48 {background-position:-2400px -24px;} .resetaccount48 {background-position:-2448px -24px;} .attachment48 {background-position:-2496px -24px;} .reminder48 {background-position:-2544px -24px;} .pdf48 {background-position:-2592px -24px;} .creditbill48 {background-position:-2640px -24px;} .comment48 {background-position:-2688px -24px;} .reference48 {background-position:-2736px -24px;} .money48 {background-position:-2784px -24px;} .girokort48 {background-position:-2832px -24px;} .signupcancel48 {background-position:-2880px -24px;} .changestatus48 {background-position:-2928px -24px;} .externalaccessuser48 {background-position:-2976px -24px;} .externalaccess48 {background-position:-3024px -24px;} .qrtag48 {background-position:-3072px -24px;} .sms48 {background-position:-3120px -24px;} .lists48 {background-position:-3168px -24px;} .help48 {background-position:-3216px -24px;} .addon { background:url(images/addon.png) repeat scroll 0 0 transparent; width:11px; height:15px; margin:-3px 0 -3px 7px ;} /* -------------------------------------------------------------- SMILEYS -------------------------------------------------------------- */ .smileys {background:url(images/smileys.png);width:29px;height:29px;margin:auto;} .smiley2 {background-position:-29px 0;} .smiley3 {background-position:-58px 0;} .smiley4 {background-position:-87px 0;} .smiley5 {background-position:-116px 0;} /* -------------------------------------------------------------- Buttons / ui-button -------------------------------------------------------------- */ button{border:1px solid #5E4178;padding:6px 12px;margin:0 0 5px 5px; text-shadow:1px 1px #ccc;text-transform:uppercase;font-weight:bold;font-size:10px; display:inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 18px;background-image: -moz-linear-gradient(top, #fff 30%, #d2d0e2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #fff), color-stop(1.0, #d2d0e2)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#d2d0e2');} button.action_button{border-radius: 3px;} /*button span, .button span {display:inline-block;float:left;height:24px;width:24px;margin:-5px 8px -5px 0;}*/ button.ui-button.ui-widget span{ margin:0; width:auto; height:auto;} /* Temp fix */ button:hover, .button:hover{cursor:pointer;background-image: -moz-linear-gradient(top, #ebebeb 30%, #c2c0d0); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ebebeb), color-stop(1.0, #c2c0d0));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ebebeb', EndColorStr='#c2c0d0');} button:active, .button:active{background-image: -moz-linear-gradient(top, #d1d1d1 30%, #acaab9); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #d1d1d1), color-stop(1.0, #acaab9));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#d1d1d1', EndColorStr='#acaab9');} .button_inactive, .button_inactive:active, .button_inactive:hover{border:1px solid #a7a7a7;color:#999;text-shadow:1px 1px #fff;cursor: default;background-image: -moz-linear-gradient(top, #fff 30%, #e2e2e2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #fff), color-stop(1.0, #e2e2e2));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#e2e2e2');} .button-left {float:left;margin:0 5px 5px 0} button::-moz-focus-inner { border: 0;padding: 0;} button { font-family:Verdana, Arial, Helvetica, sans-serif;} .action_button { position:relative; text-align: left;border:1px solid #C3C3C3;display:inline-block;-moz-border-radius: 2px; padding:4px;font-weight:normal;font-weight:normal\9!important;font-size:11px;text-transform:none;text-shadow: none;cursor:pointer;height:auto;float:none;margin:0 4px 0 0;vertical-align:top;background-image: -moz-linear-gradient(top, #f7f9f9 55%, #e7e7e7); box-shadow: 0 0 1px #fff inset; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f7f9f9), color-stop(1.0, #e7e7e7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f7f9f9', EndColorStr='#e7e7e7');} /*.ie9 .action_button {padding:5px;}*/ .ie7 .action_button {display:inline;padding: 4px 5px 3px 5px!important;} .action_button:hover, .action_button:focus {background-image: -moz-linear-gradient(top, #f1f1f1 55%, #d4d4d4);background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f1f1f1), color-stop(1.0, #d4d4d4));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f1f1f1', EndColorStr='#d4d4d4');} .action_button:active {background-image: -moz-linear-gradient(top, #e6e6e6 55%, #cccccc);background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #e6e6e6), color-stop(1.0, #cccccc));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#e6e6e6', EndColorStr='#cccccc');} .action_button .icons16 {margin:-1px 4px -5px 0;*margin:-5px 4px -5px 0; float:left;} button.action_button { margin:0; padding:5px 5px 5px 24px; padding:5px 5px 5px 22px\9; *padding: 4px 5px 3px 22px!important; } .ie7 input.action_button { padding: 4px 0 3px 4px!important; } button.action_button .icons16 {margin:-1px 4px -5px -20px;*margin:-3px 4px -3px 0px;} .action_button_inactive, .action_button_inactive:hover { cursor:default;opacity:0.4; background-image: -moz-linear-gradient(top, #f7f9f9 55%, #ebeded); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f7f9f9), color-stop(1.0, #ebeded));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f7f9f9', EndColorStr='#ebeded');filter:alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"} button.action_button_txt {padding:4px 5px 4px 5px!important;} .button-pill {margin: 0 1px 4px 0; display:inline-block;} .ie7 .button-pill {display:block;float:left;} .button-pill-alt {margin: 0 0 4px 5px; float:right; display:inline-block;} .ie7 .button-pill-alt {float:right;} .button-pill button:first-child {-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;} .button-pill button {float:left;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; margin: 0 0 0 -1px;margin-left:-1px!important} .button-pill button:last-child {-moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0; margin-left:-1px;} .button-pill button:only-child {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} .action_button_line {border:1px solid #c3c3c3;clear:both;height:24px;background:transparent url(images/menu_bg.gif) repeat-x 0 -245px; margin-bottom:5px;} .action_button_line_txt {text-align:center; margin:5px 0 0 0 !important;} .action_button_line .action_button {float:left;margin:-1px 0 0 -1px; border-bottom:3px solid #99cb00;} .ie7 .action_button_line .action_button {padding-bottom:7px;} .action_button_line .action_button_inactive {border-bottom: 3px solid #ccc;} .action_button_line .right {margin-right:-1px;} .action_button_group { margin-right:5px !important;} .content_box_1 .action_button {clear:left;display:block; text-align:left;} .group-select {max-width:560px; margin-right:15px; float:left} .choice_box .maxcharacter-count {background:#F2F2F2;} .ie7 .maxcharacter-count {margin: -6px 25px 0 10px;} .sms-amount {display:block} .list li {float:none!important; display:list-item!important;} /* -------------------------------------------------------------- Tilføj nye ting knap -------------------------------------------------------------- */ .add-item-wrap {padding: 5px 8px 2px 0;margin-bottom:10px;} .add-item-wrap button { margin-bottom:0;} .add-item-wrap-d {width:60%; vertical-align:middle; float:left; margin-left:5px;} .choice_group .add-item-wrap {border-bottom:1px solid #fff;} /* -------------------------------------------------------------- Columns -------------------------------------------------------------- */ .my-columns {float:left;} .my-columns-right {float:right;} .my-column1 {width:505px;} .my-column2 {width:240px;margin-left:10px;} .my-column3, .my-column6 {width:320px;margin-left:20px;border-left:1px dashed #ccc;border-right:1px dashed #ccc;padding: 0 20px} .my-column4 {width:120px;} .my-column5 {width:450px;} .my-column7 {max-width:670px;} .my-column8 {float:left; width:350px; margin-right:30px;} .my-column9 {width:310px;} .my-column10 {width: 360px; margin-right: 40px;} .my-column11 {width:700px;} .my-column12 {width:210px;} .my-column13 {width:765px} .edit-student-wrapper {padding-bottom:75px;} .my-columns .iconindent_box {margin-right:0;} .my-column-last { margin-right:0;} /* -------------------------------------------------------------- Crates for Agenda, Alarm, and other choices. -------------------------------------------------------------- */ .my-settingsbox {background-color: #E4E4E4; border:1px solid #D7D7D7; clear:both; margin:10px 0; padding:5px;} .my-settingsbox .invitations_right_column_sum { margin:0;} .my-settingsbox .my-printsort { padding:5px;} .x-window-mc .content_column_wrap {background-color:#ececec;} #hiddenagenda li {position: relative;float:left;display:block;} .showhidden li {border-left:1px solid #ccc;float:none!important;margin:0 -1px;} .choice-box input[type="button"] {margin:10px;} .info input[type="button"] {margin:-3px 0 !important;} li .showhidden {z-index:1;list-style:none;position:absolute;top: bottom;left:0;display:none;padding:0;margin:0;width:220px;} li .choice-box:hover {background:#fefefe!important;cursor:default;} li:hover .showhidden, li.over .showhidden {display:block;} .choice_group {background:#f3f3f3;border:1px solid #ccc;margin-bottom:10px;-moz-border-radius:5px;-webkit-border-radius: 5px; } .choice_group_singleoption {padding: 8px 5px 8px 10px; float:none; margin-bottom:0px; border-bottom: 0px solid #f3f3f3!important;} .choice_group_head {background:#ccc;border-bottom:1px solid #ccc;vertical-align:middle;padding:10px;min-height:16px;} .choice_group_head h2 {margin:1px 3px 0 0; font-size:15px;} .choice_group_head .button-pill-right {margin:0px;} /*.choice_group_head p { margin: 6px 10px 0;display:inline-block;}*/ .choice_group_head .choice_name {display:inline-block;width:40%;font-weight:bold;font-size:12px;margin-top:-1px;} .choice_group_head .action_button {float:right;margin:-5px -1px -5px 4px;} .choice_group_head .button-pill .action_button {float:left;} .choice_group_head .help16 {margin:2px 0 0 5px;} .choice_group_settings {background-color:#e5e5e5;padding:5px 10px;border-bottom:1px solid #fff;} .choice_box_wrap{float: left;padding: 8px 8px 0;} .choice_box {border:1px solid #ccc;background-color:#fff;padding:10px;} .choice_box .iconindent_box { margin-bottom:0;} .choice_box_settings {background-color:#e5e5e5;padding:8px 5px 8px 10px;border:1px solid #ccc;margin-bottom:-1px;} .choice_box_settings p{ margin:0; } .choice_box_addnew { margin:10px;} .choice_box_notavailable * { opacity:0.5;} .choice_box_arrange { *margin-right:-1px;} .choice_box_settings input, .choice_box_settings select {vertical-align:bottom;} .choice_box_settings .help16 {margin-right:16px;display:inline-block;vertical-align:middle;} .choice_box_settings .action_button {margin:-3px -1px 0 0;float:right;} .choice_box_settings h2 {margin-top:2px;} .choice_box_settings .iconindent_24 { margin:0;} .choice_box_settings .seperatorline {margin:5px 0 10px 0;} .choice_box_section {background:#fff; overflow:hidden;} .choice-box p {margin:10px;line-height:13px;} .choice-box-bar input {margin-top:2px;} .choice-box-position {left:0;top:0;position:absolute;height:1px;margin-top:-10px;} .choice_box_starttext {margin:0;} .choice_box_select:hover {border:3px solid #ccc;padding:8px;} .choice_box_active, .choice_box_active:hover {border:3px solid #99cb00;padding:8px;} .choice_box_picture {width:85px; float:left;margin:0 10px 10px 0;} .choice_box_picture + .choice_box_content {width:auto;padding-left:125px;} .choice_box_picture .action_button { margin-top: 3px; width:85px; text-align:left;} /* This box holds the picture, can cuts it off if it is too big */ .choice_box_picture_wrap {padding-right: 5px; width: 80px; max-height: 85px; overflow: hidden;} .choice_box_content .seperatorline {clear:none;} .choice_box_table {padding:0 5px;} .choice_box_table td {padding:5px;} .choice_box_table-dragable {padding:5px 5px 5px 0!important;} .choice_box_arrange-td { padding:15px 0 0 0!important;vertical-align:top;} .choice_box_arrange { cursor:grabbing; cursor:-moz-grabbing; cursor:-webkit-grabbing;background-color:#fff;height:20px;width:20px;border:1px solid #ccc;padding:1px;float:left; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;} .choice_box_arrange-td .choice_box_arrange {margin:0 -3px 0 0;} .question_options, .choice_option {width: 400px;} .scheme_question {width: 250px;} .scheme input[type="text"] {width: 40px;text-align:center} .scheme input[type="text"]:focus {border:2px solid #BED740;font-size:15px;margin-left:-100px;margin-right:-40px;margin-top:-6px;position:relative;width:140px;}/*.scheme input[type="text"]:hover, */ .scheme {width:50px;text-align:center!important;} .radioscheme {text-align:center!important;} .sortable { list-style-type: none; margin: 0; padding: 0; } .sortable li { margin: 0 5px 5px 5px; padding: 5px; min-height: 1.5em; } html>body .sortable li { min-height: 1.5em; line-height: 1.2em; } .sortable .choice_box_indent {margin-left:23px;} .question_no {font-size:1.18em; margin-top:3px; float:left;} .question, .choice_name {font-weight:bold;margin-bottom:5px;padding:6px !important;width:97%;*width:95%} .choice_box_indent .question {width:80%} .question_input_preview {margin:1px 5px 0px 0px!important; margin/*\**/: -2px 5px 0px 0px\9!important ;*margin:-2px 5px 0px 0px!important;} .surveytexts {margin:10px; background:#fff} .sub_question {margin-top:6px; margin-bottom:10px;} .sub_question .choice_box,.sub_question .choice_box_settings{margin-left:0!important;} .subquestion_arrow { background:url(images/subquestion.gif) repeat scroll 0 0 transparent; width:11px; height:31px; margin-left:10px;} .my-question-table { border-collapse:collapse!important;} .my-column8 .my-question-table tr:hover { background-color:#fff;} .my-question-table-head { font-weight:bold;} .my-question-table-head td{text-align:center !important;} .my-question-table label { display:block; padding:0;cursor:pointer;} .my-question-table td { vertical-align:middle; border: 1px solid #ccc; padding:5px!important;} .my-question-table-tl { border: none !important;} .my-question-table-select {text-align:center !important; width:13%} .my-question-table-select input {cursor:pointer;} .toppick {border: 2px solid #99cb00!important;padding:5px; font-weight:bold; background-color:#fff;} .my-question-overview-answers{ text-align: right;} .my-question-overview-number{ text-align: right; font-weight:bold;} .my-question-summary_subindent{margin-left:28px;} .my-question-summary-freetext {padding: 5px 0 0 0;} .my-question-summary-freetext li { padding: 10px 0 0 0;border-bottom: 1px dashed #C3C3C3;} .my-question-summary-freetext h2 { margin:-2px 10px 0 0;float:left; } .my-question-summary-freetext p { display:block; } .question-text-startend {padding-top:12px;} .orderline {width:300px;} /*-------------------------------------------------------- MOVINGBOX -----------------------------------------------------*/ .date-wrapper {margin-top: 10px; float: right; color: #000000; font-size: 1.2em; line-height: 1.0em;} .date-wrapper td {padding: 0px 5px; text-align: center;} .date-day {font-size: 1.2em; line-height: 0.8em; font-weight: bold;} .price-wrapper {width: 400px; border-collapse: collapse; border: 0px;} .price-wrapper tr:nth-child(even) td {background: #F4F4F4;} .price-wrapper tr:hover td {background: #cfe5b8;} .price-wrapper th {border-bottom: 1px solid #999999; padding: 5px; font-weight: bold;} .price-wrapper th:last-child {text-align: right;} .price-wrapper td {border: 1px solid #F1F1F1;padding: 5px;} .price-wrapper td:last-child {text-align: right;} .itembox-wrapper .button-pill {position: absolute; top: 6px; right: 6px; margin: 0px;} .clear {clear: both;} .choice_box_arrange:active {cursor:-moz-grabbing;} .choice_box_arrange .grid24 {padding:2px;} .choice_group > .choice_box_arrange {margin: 30px 0 0 -25px;} .choice_box .pictureframe {margin-right:10px;float:left;} .choice_box input[type="checkbox"] {vertical-align:bottom;} .choice_box .strong {font-weight:bold;width:60%;} .choice_box h5 {margin: 0 0 3px; font-size:1.0em;} .choice_box .seperatorline {border-bottom:1px dashed #ccc;width:100%;*width:97%;margin:5px 0; height:1px;} .info {background-color:#e2e2e2;margin:5px -8px 0;min-height:14px;padding:5px 20px;} .active {background:#99cb00;margin:5px -8px 0;padding:5px 20px;} .conflict {background:#ffeb09 url(images/big_icons/accommodation_alert_bg.png) no-repeat scroll left center!important;padding-left:52px!important;} .info input{margin-top:-3px;} .choice_box_editdescription {float:none;margin-bottom:5px;width:97%;*width:95%;height:60px;padding:6px;resize:vertical;} .choice_box_price {width:35px; text-align:right;} .choice_box_list {width:100%;} .choice_box_list div {float:left;width:100%;padding:3px 0;} .choice_box_list p {float:left;display:block;margin:4px 0 0 5px;} .choice_box_list input {float:left;} .choice_box_list .conflict {background:#ffeb09 url(images/big_icons/accommodation_alert_bg.png) no-repeat right;margin:0 -8px;padding:3px 8px;} .choice_box .choice_box, .choice_box .choice_box_settings{margin-left:45px;} .choice_box_adddescription {margin-top:3px;} .choice-box-wl {color:#666;} .choice-box.picture + .choice-box-wl {border-top:1px dashed #ccc; margin-top:5px; padding:5px 0 0 0;} .choice-box-mandatory, .choice-box-mandatory:hover {border:1px solid #ccc;cursor:default;background:#f3f3f3 !important;} .add_option {margin-top:5px; width:auto !important;} .add_option .icons16 {display:inline-block;margin-right:10px;} .add_option .choice_box_arrange {margin-left:0;} .add_option .help16 {margin-top:3px;vertical-align:top;} .add_option input[type="checkbox"], .add_option input[type="radio"], .add_option select, .add_option option {opacity:0.5;} .add_option input[type="text"] {width:230px;} .add_option_matrixedit .add_option_matrixhead {background-color:#fff;} .add_option_matrixhead {background-color:#ececec;} .add_option_matrixhead td:first-child {background-color:#fff;} .add_option_matrixhead input[type="text"] {width:70px!important;} .add_option_matrix, .add_option_matrixedit {text-align:center;} .add_option_matrix p, .add_option_matrixedit p{text-align:left;} .add_option_matrix td {padding:5px !important; text-align:center!important;} .choice_box_trow {background-color:#f5f5f5;} .choice_box_dropzone, .add_option_dropzone {background-color:#eee;border:1px dashed #ccc;color:#666;padding:10px;} .add_option_dropzone {padding:5px;margin-right:8px;} .box_arrange_wrap, .box_arrange_wrap:hover {background:#ececec!important;padding:0!important; width:20px;} .box_arrange_wrap .choice_box_arrange {margin:0 -3px 0 0;} .choice_box_pricetable {text-align:right;} .choice_box_pricetable td {padding:3px 4px;vertical-align:middle;} .choice_box_pricetable th {padding:3px 4px;text-align:center;} .choice_box_pricetable input {text-align:right;width:35px;} .choice_box_pricetable_group {text-align:left;padding-right:10px; text-align:left !important;} .arrange_wrap .choice_group, .arrange_wrap .choice_box_dropzone {margin-left:24px;} .choice-group-error {border:3px solid #f58383;} .choice-box-bar input {margin-top:2px;} .choice-box-head {background:#E5E5E5; border-bottom:1px solid #ccc;min-height:23px;overflow:hidden;} .choice-box-head p {margin:5px 0 5px 10px !important;}.choice-box-content {margin: 3px; padding:5px;} .choice-box-content b {display:block;font-size:1.2em;line-height:1.2em;margin-bottom:3px;} .choice-box {background:#fff;border:1px solid #ccc;position:relative;margin:0 -1px 1px -1px;} .choice_group .choice_box{margin-bottom:8px;} .choice-box-hidden {display:block;z-index:1!important;position:absolute;} .choice-box-bar input {float:left;} .choice-box-bar p {float:left; margin: 5px 0 0 5px;} .choice-box:hover {background:#fefff0;border:2px solid #ccc;margin:-1px -2px 0 -2px;cursor:pointer;} .choice-box-active, .choice-box-active:hover {border:3px solid #9c3;padding:8px; background:#fff; cursor:default} .choice-box-position .choice-box-active,.choice-box-position .choice-box-active:hover {border:2px solid #9c3!important; padding:0!important;margin:0;!important} .choice-box-error, .choice-box-error:hover {outline:3px solid #f58383;padding:10px;border:1px solid #ccc;} .choice-box h5 {margin-bottom:3px;} .choice_box table {width:100%;border-collapse:separate;border-spacing:0; margin-bottom:-5px;} .choice_box td, .choice_box th { padding:0 5px 5px 0; text-align:left;} .choice-box-info {float:right;margin: 0 0 10px 20px;} .choice-box-info .price {padding:10px; font-size:1.3em; background:#F4F4F4;} .choice-box-info .other {padding:10px; margin: 2px 0 0 0;} .choice-box-list {list-style:none;margin:0;padding:0;clear:left;} .choice-box-list li {margin-bottom:4px;} .choice-box-list input {margin-right:5px;} .choice-box-list span { float:right; margin: 3px 0 0 0; color:#fff;} .choice-box-list .selected {background: #99cb00;margin:0 -8px 4px;padding:3px 8px;} .choice-box-list .move {background: #ffc;margin:0 -8px 4px;padding:3px 8px;} .choice-box-list-w {background:#f4f4f4;margin:0 -10px -10px; padding:10px; border-top:1px solid #eee;} .choice-box-list-w h5 {font-size:1.4em; float:left; display:inline-block; margin: 6px 0} .choice-box-list-selectall {margin:0 0 10px 5px;float:left;} .choice-box-list-selectall input {font-weight:bold;padding:5px;} .edit_student_submit {position: absolute;bottom: 5px;width: 92%;margin: 10px 0 2px 0;padding: 10px 25px 10px 10px;border-top: 1px dashed #CCC; background:url(images/cfw_bg.png) no-repeat scroll right bottom #fff; z-index:1} .choice-box-list-batch { clear:left;padding:10px 10px 0; margin: 0 -10px 10px; background: #E8E8E8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .choice-box-list-batch input[type="button"] { font-weight:bold;} .choice-box-list-batch .number { font-weight:bold;} .choice-box-list-batch .addmore { float:none; margin:0;} .choice-box-list-batch .choice_box {margin: 0 0 10px;} .choice-box-list-batch table { width:auto;} .choice-box-list-batch table input { width:40px;} .choice-time {margin-top:20px;position:absolute;font-size:1.5em;font-weight:bold;} .choice-time sup {vertical-align:top;font-weight:normal;font-size:0.6em;} .choice-timeline-wrap {position:relative;} .choice-timeline-wrap div {width:100%;opacity:0.7;position:absolute;} .choice-timeline-hour {border-top:1px dotted #999;} .choice-timeline-half {border-top:1px dashed #ddd;} .choice-group-agenda-output .choice-timeline-hour, .choice-group-agenda-output .choice-timeline-half { border-color: #fcfcfc;} .choice-group-agenda {float:left;position:relative;width:666px;} .choice-group-agenda-output {float:left;position:relative;width:220px;margin-left:5px;background:#d6d6d6;} .choice-group {background:#f3f3f3;border:1px solid #ccc;margin-bottom:10px;} .choice-group-head {background:#ccc;padding:10px;} .choice-group-head h2 {float:left;margin:1px 3px 0 0;} .choice-group-head p { margin: 6px 10px 0;display:inline-block;} .choice-gh-agenda {float:left;width:648px;} .choice-box-table {border-collapse:separate;border-spacing:10px;} .choice-box-table th, .choice-box-table td {padding:0;vertical-align:top;} .choice-box-bar input {float:left;} .choice-box-bar p {float:left; margin: 5px 0 0 5px;} .choice-box-full p {margin: 0 0 20px;} .choice-box-output:hover, .choice-box-full:hover {border:1px solid #ccc;padding:10px;background:#fff;cursor:default;} .choice-box-output a {float:right;margin:0 0 0 5px;} .choice-box-output .alert_bg td {padding:2px 5px 2px 0;} .choice-box-preview { margin: 0 0 10px;} .choice-box-preview a {float:none;margin:0;} #options_container {*width:93%!important;} table.my-price-table { width:auto;} .my-price-table .my-pricetable-number { text-align:right;} .my-price-table input[type="checkbox"] {vertical-align: sub; *vertical-align: middle;} .my-price-table-dec { max-width:250px;} /* indent input */ .input_indent {padding-left:20px;} .input_indent input {vertical-align:sub; margin-left:-20px;} .my-input-smallnumber { width:40px;} .my-input-price { width:60px; text-align:right;} .my-settings-table td { padding:3px 5px 3px 0;} td.my-settings-table-2col {padding:3px 10px 3px 10px;} .my-settings-table img {vertical-align:top;} .my-search-filter .my-input-price {padding-right:18px;} /* -------------------------------------------------------------- Input boxes (Need some work) -------------------------------------------------------------- */ .my-input-short { width:40px;} .my-input-medium { width:210px;} .my-input-length-color { width:75px;} .my-input-smallnumber { width:40px;} .my-input-price { width:60px; text-align:right;} .my-input-number { text-align:right;} .my-input-percent { width:40px;} .my-input-date { width:80px;} .my-input-time { width:35px;} .my-input-placeholder { color: #ccc;} /* -------------------------------------------------------------- Signup tables - Tables to Admin signup - must be merged later -------------------------------------------------------------- */ .signup-userdata {clear:left;} .signup-userdata td, .signup-userdata th { padding:2px !important; height:23px;} .signup-userdata input[type="text"] {width:250px;} .signup-userdata select {max-width:490px;} .signup-userdata .description {width:340px;} .input-price {width:40px!important;} .signup-invoice { border-collapse: collapse;border-spacing:2px;text-align:right;} .signup-invoice th {text-align:left;border:1px solid #aaa; padding: 6px 10px;vertical-align:middle;} .signup-invoice td {background:#FCFCFC;vertical-align:middle;border:1px solid #aaa; padding:5px 10px;} .signup-invoice-h {font-weight:bold; padding-left:25px;background:#acacac; color:#fff;} .signup-invoice-n {text-align:left;} .signup-invoice-a td {background-color:#f9f9f9;} .signup-invoice-g td { background:none; border:none;} .signup-invoice-i {font-weight:bold; text-align:right;} .signup-invoice-t h3 {display:block;text-align:right;text-decoration:underline;border-top:1px dashed #ccc;} .signup-invoice-t td {border:none;} .signup-invoice .signupcomment {height:25px;} .signup-comment { font-weight:bold;} .signup-comment textarea { margin:-10px 0 10px 0;} /* -------------------------------------------------------------- Startsider -------------------------------------------------------------- */ .index_table {background-color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;/*float:left;*/margin:0px 0px 0px 24px;border-collapse:collapse;} .my-frame-nomenu .index_table {margin:0px 0px 0px 0px;} .index_table td { border-spacing:0;padding:20px;margin:0;vertical-align:top;} .index_table .last {background-color:#f9f9f9; border-left: 1px dashed #ccc;margin: 10px 0;} .index_table .link_box {color:#888;font-size:10px;} .index_table h3 {font-size:15px;font-weight:bold;color:#7c528b; margin-top:0;margin-bottom:5px;} .index_table .explain {vertical-align:top;} .index_table .explain span {color:#7c528b;font-family:'Trebuchet MS',tahoma,arial;font-size:21px;font-weight:bold; margin-top: 5px;} .index_table .explain p {font-size:10px;color:#888;} .index_table .explain a {color:#7c528b;font-weight:bold;} .index_table .explain .explaincontinue {font-weight:bold;color:#888;font-size:10px;margin:5px 0 10px 0;} .index_table .explain .info48 {margin:-40px 0 0 -5px; position: relative;} .index_table_bar {background-color:#c3c3c3;height:19px;padding:5px 0;margin-bottom:10px;margin-top:-10px; clear:left;} .index_table_bar p {margin: 4px 10px 0 5px;font-weight: bold;float: left;} .summary_top {background-color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:10px 0; padding:10px;} .index_table .explain {padding:27px;} /* -------------------------------------------------------------- Tables -------------------------------------------------------------- */ .my-table { margin-bottom:10px; border-spacing: 0;} .my-table td { padding: 2px 10px 2px 0; } /* -------------------------------------------------------------- COLOR LEGEND (Used together with cfchart) Is used to start pages to create various lists -------------------------------------------------------------- */ .color_legend {margin:0;padding:0;} .color_legend li {display:inline;float:left;margin-right:10px;} .color_legend p {float:left;color:#888;} .color_legend span {width:5px;height:14px;float:left;margin-right:5px;} .checklist_overview {margin:10px 0 0 0; padding:0;} .checklist_overview li {min-height:16px;background-color:#f3f3f3; padding: 4px; float:left; width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .checklist_overview li:hover {background-color:#fff;cursor:pointer;} .checklist_overview div {float:left;margin-right:5px;margin-top:-2px;margin-bottom:-16px;*padding-bottom:-16px;} .checklist_overview a {color:#888;font-weight:bold;margin-left:20px;font-size:10px;float:left;} .checklist_overview p {padding-left:20px;} .checklist_overview_noclick {margin:8px 0 0;padding:0;color:#888;font-weight:bold;font-size:10px;} .checklist_overview_noclick li {min-height:16px;padding:4px;} .checklist_overview_noclick div {float:left;margin-right:5px;} /* -------------------------------------------------------------- TABS -------------------------------------------------------------- */ .mini_tabs_bg{background:url(images/tabs_purple.png) repeat-x 0 -270px;height:27px;float:left;margin: 0 0 0;width:100%} .mini_tab_wrap,.mini_tab_wrap_active{float:left;margin:0 0 0 1px;cursor:pointer;font-size:10px} .mini_tab_left, .mini_tab_right{float:left;background:url(images/tabs_purple.png) left bottom no-repeat;width:4px;height:27px} .mini_tab_left{background-position:0 -339px;} .mini_tab_wrap_active .mini_tab_left{background-position:0 -378px;} .mini_tab_right{background-position:0 -306px;} .mini_tab_wrap_active .mini_tab_right{background-position:-20px -306px;} .mini_tab_center{background:url(images/tabs_purple.png) repeat-x;float:left;height:18px;padding:9px 2px 0} .mini_tab_center{background-position:-10px -339px;} .mini_tab_wrap_active .mini_tab_center{background-position: -10px -378px;} .page_tabs_bg{background:url(images/tabs_purple.png) repeat-x 0 0;height:44px;margin: 0 20px; 10px;} .my-frame-nomenu .page_tabs_bg, #selector-dialog .page_tabs_bg{margin: 0 0px; 10px;} .page_tab_wrap,.page_tab_wrap_active,.page_tab_wrap_disabled{float:left;margin:0 2px;cursor:pointer;font-weight:bold;font-size:13px;} .page_tab_wrap_active, .mini_tab_wrap_active{cursor:default;} .page_tab_wrap_disabled{cursor:default;color:#bbb;} .page_tab_icon{float:left;padding:0 8px 0 0;} .page_tab_left, .page_tab_right{float:left;width:7px;height:44px;background-image:url(images/tabs_purple.png);} .page_tab_left{background-position:0 -97px;} .page_tab_right{background-position:0 -47px;} .page_tab_center{background:url(images/tabs_purple.png) repeat-x -20px -97px;float:left;height:23px;padding:16px 6px 5px;text-shadow:2px 2px 2px #ccc;} .page_tab_wrap_active .page_tab_left{background-position:0 -203px;} .page_tab_wrap_active .page_tab_right{background-position:-40px -53px;} .page_tab_wrap_active .page_tab_center{background-position:-10px -203px;} .page_tab_wrap_disabled .page_tab_left{background-position:0 -147px;} .page_tab_wrap_disabled .page_tab_right{background-position:-20px -47px;} .page_tab_wrap_disabled .page_tab_center{background-position:-10px -147px;text-shadow:none;} /* -------------------------------------------------------------- Lines table -------------------------------------------------------------- */ .lines_table {border: 2px solid #fff;background:#E0E0E0;margin-bottom:10px; border-spacing: 1px; *border-collapse: expression('separate', cellSpacing = '1px'); } .lines_table td {padding:5px;background:#fff; font-weight: normal;} .lines_table thead td {background-color:#ececec;} .lines_table .thead td {background-color:#ececec;} .lines_table_inactive {opacity:0.4;} .ie7 .lines_table_inactive td { color:#666!important; background-color:#E0E0E0!important;} .ie7 .lines_table_inactive td a { color:#666!important; } .my-column8 .lines_table, .my-column9 .lines_table {width:332px} /* -------------------------------------------------------------- For table containing infomation listed -------------------------------------------------------------- */ .my_data_table {width:100%; border-spacing: 0px; padding: 0px; border-radius:3px; margin: 0 0 10px; border:1px solid #C3C3C3; background:#fff; color: #2e2e2e;} .itembox-wrap .my_data_table {border:none; margin-top:15px;} .item-input .my_data_table {border:none} .my_data_table td {padding:6px;border-bottom: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;} .my_data_table td td { border:none;} .my_data_table td:last-child{border-right: none;} .my_data_table tr:last-child td{border-bottom: none;} .my_data_table tr {background:#fff;} .my_data_table tr:nth-child(2n) {background: none repeat scroll 0 0 #F4F4F4;} .my_data_table tr:hover, .my_data_table_group:hover {padding:6px;background:#e4e4e4;color: #000;} .itembox-wrap .my_data_table tr:hover {background:#ffffff;} .itembox-wrap .my_data_table tr:nth-child(2n):hover {background:#F4F4F4;} .my_data_table_head td, .my_data_table_head th, table.display thead th { background-image: -moz-linear-gradient(top, #eaeaea, #dadada) ; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #dadada)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#dadada'); font-weight:bold;/*padding:6px;*/min-height:20px;vertical-align: inherit; /*background: url("images/search_wrap_bg.gif") repeat-x scroll left bottom #ECECEC;*/} .itembox-wrap .my_data_table_head td, .itembox-wrap .my_data_table_head th, .itembox-wrap table.display thead th { font-weight:bold;/*padding:6px;*/min-height:20px;vertical-align: inherit; background: #ECECEC; background-image:none; filter:none;} .my_data_table_head .succes_bg, .my_data_table_head .choose-all {padding:3px 6px;} .my_data_table_head a {margin-right:2px;} .my_data_table_head [align="right"] a{float:right;margin-left:2px;} .my_data_table + .my-pageblocking {margin:-5px 0 0;} .my_data_table_head .succes_bg{ background:#99CB00!important; filter:none; } .my-choose-conference-wrap .my_data_table td {padding:10px 6px;} .my-state-deleted * {color: #646464!important; text-decoration:line-through;} .my_data_table_head input {*margin:0 3px;} .my_data_table_head span { *display:inline-block;} .my_data_table_group {background:#fafafa;} .my_data_table .table_seperator_line, .my_data_table .table_seperator_line:hover, .my_data_table .table_seperator_line td{background:none;padding:0; display:none;} .my_data_table .table-sub-header, .my_data_table .table-sub-header:hover, .my_data_table .table-sub-header td{background:none; padding-top:1.4em;border-top: 1px solid #CCCCCC;} .my_data_table .icons16 {float:left; margin-right:5px;} .my_data_table_icon { text-align:center;} .my_data_table_icon .icons16 { float:none; margin:0;} .my_data_table_head .icons16 { float: none;} .my_data_table_scroll {max-height:234px;overflow-y:auto;overflow-x:hidden;} .my_data_table_scroll input[type="text"] {width:230px;} .my_data_table_head .wrapper {position: relative; *position: static} .my_data_table_head .sort_arrow_down, .my_data_table_head .sort_arrow_up {margin:1px 8px 0 3px;} .my_data_table_min { width:10px;} .list_table_arrow {background: url('images/table_arrow_down.gif') no-repeat;clear: both;height: 19px;width: 25px;margin: -9px 0 -9px 3px;*margin: -9px 0 -9px 7px;display:block; position: relative;} .my-data-table-number { text-align:right; white-space:nowrap;} .my_data_table_head .my-data-table-number .wrapper div {left:0;} /*tr.addon-order {background:#f2f2f2}*/ .my_data_table_group_child td { background:#dadada;} .highlight { background-color: #bcd63d; font-weight:bold; padding:1px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .my-table-hidden {position:relative; float:right; position:relative; margin:-6px -10px -10px;} .my-table-hidden .button-pill-alt {position:relative; right:0; top:0;} .my_data_table_head .wrapper .sort_arrow_down, .my_data_table_head .wrapper .sort_arrow_up {position:absolute;*position:relative;right:0;top:50%;margin:1px 8px 0 3px;*margin:-2px 8px 0 3px;} .sortarrow .icons16 {margin-right:0;} .cm_dt_center { text-align: center;} .cm_dt_center .title { text-align: left;} .cm_dt_center .title div {height:16px; width:16px; float:left; margin-right: 5px;} .checkall_hover {width:18px; height: 15px;padding: 2px;background-color:#D9F7AC;} .postingslist {max-height:40px; width:330px; overflow:auto;} td.my-data-table-drag, th.my-data-table-drag {width: 20px; padding: 1px 3px 1px 1px;} td.my-data-table-drag .choice_box_arrange { margin-right:-1px; border-radius: 3px; } .my-data-table-drop-zone { background: #F2F2F2;} .my-demo-input { width: 80px; } select.my-demo-input { width: 88px; } /* -------------------------------------------------------------- Creates list with large numbers in front -------------------------------------------------------------- */ .list_bignumber h1 {float:left;font-size:18px;margin-top:-1px;font-weight:normal;} .list_bignumber {display:inline-block;width:100%;margin-top:10px;padding:4px;} .list_bignumber p {padding-left:22px;} .list_bignumber .icons16 {float:right;cursor:pointer;} /* -------------------------------------------------------------- MENU -------------------------------------------------------------- */ .menu-addons {padding:10px 65px 10px 10px; margin:10px 0 10px 0; border-radius: 0 0 5px 5px; border:1px solid #D6D7D7; width:100px; color:#333333; background: #9c6cb0 url(images/addonbg.gif) repeat-x left bottom; color:#FFFFFF} .addon-icon {width:57px; height:69px; background:url("images/modules-icon.png") repeat-x scroll left 0; margin-top:-41px; display:block; float:right; margin-right:-65px; border-radius:0 0 5px 0; } .addon-icon-creditcard {background-position: 0 0; height: 85px; margin-top:-53px; margin-right:-58px} .addon-icon-backup {background-position: -57px 0;} .addon-icon-domain {background-position: -114px 0;} .addon-icon-sms {background-position: -171px 0;} .addon-icon-invoice {background-position: -228px 0;} .addon-icon-api {background-position: -285px 0;} .ie7 .addon-icon {margin-bottom:-15px; margin-top:-59px; margin-left:8px; } .ie9 .addon-icon {margin-bottom:-35px;} .menu-addons a {padding-top:5px; display:inline-block; color:#FFFFFF; font-weight:bold} .menu {margin:10px 0 0 0; padding:1px 1px 1px 1px; width: 210px; height: 790px; border-radius: 16px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 2px 2px 2px 4px #666666; -webkit-box-shadow: 2px 2px 3px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; } .menu a { display:block; padding: 8px 8px 8px 8px; color: #1E1E1E; text-decoration: none; font-weight: bold; margin-bottom:1px; word-spacing: -1px; text-shadow: 0 1px 0 #fff; position:relative;} /* Gardient */ .menu a { /* Old browsers */ background: -moz-linear-gradient(top, #e8e8e8 0%, #fdfdfd 25%, #d6d6d6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(25%,#fdfdfd), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e8e8 0%,#fdfdfd 25%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e8e8 0%,#fdfdfd 25%,#d6d6d6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e8e8 0%,#fdfdfd 25%,#d6d6d6 100%); /* IE10+ */ background: linear-gradient(top, #e8e8e8 0%,#fdfdfd 25%,#d6d6d6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */ border-radius: 24px; } .menu a:hover, .menu-active a{text-shadow: 0 0px 0 #79529C; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; } .menu-active a{ color: #E4E4E4; text-align: center; } /* Gardient */ .menu a:hover, .menu-active a{background: #875498; /* Old browsers */ background: -moz-linear-gradient(top, #875498 0%, #79529C 22%, #79529C 33%, #653F7E 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#875498), color-stop(22%,#FFC082), color-stop(33%,#FCD2B4), color-stop(100%,#653F7E)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #875498 0%,#79529C 22%,#79529C 33%,#653F7E 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #875498 0%,#79529C 22%,#79529C 33%,#653F7E 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #875498 0%,#79529C 22%,#79529C 33%,#653F7E 100%); /* IE10+ */ background: linear-gradient(top, #875498 0%,#79529C 22%,#79529C 33%,#653F7E 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#875498', endColorstr='#653F7E',GradientType=0 ); /* IE6-9 */ } .menu-active a{ color: #E4E4E4; } .menu .icons24 {margin: -6px 7px -2px 0;} .menu-seperator{ background:#D6D7D7; height:10px; display:block; border:0; margin: 0 0 1px;} .ie7 .menu-seperator{width:170px;margin:-3px 0 1px 0;} .menu-event a {font-weight:normal; background: #ebf0db; /* Old browsers */ background: -moz-linear-gradient(top, #ebf0db 0%, #f2f6e8 25%, #d9e4bc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf0db), color-stop(25%,#f2f6e8), color-stop(100%,#d9e4bc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebf0db 0%,#f2f6e8 25%,#d9e4bc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebf0db 0%,#f2f6e8 25%,#d9e4bc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ebf0db 0%,#f2f6e8 25%,#d9e4bc 100%); /* IE10+ */ background: linear-gradient(top, #ebf0db 0%,#f2f6e8 25%,#d9e4bc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf0db', endColorstr='#d9e4bc',GradientType=0 ); /* IE6-9 */ } .menu-event:hover a {background: #dce8b7; /* Old browsers */ background: -moz-linear-gradient(top, #dce8b7 0%, #e6f4c1 30%, #cbd8a2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dce8b7), color-stop(30%,#e6f4c1), color-stop(100%,#cbd8a2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dce8b7 0%,#e6f4c1 30%,#cbd8a2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dce8b7 0%,#e6f4c1 30%,#cbd8a2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dce8b7 0%,#e6f4c1 30%,#cbd8a2 100%); /* IE10+ */ background: linear-gradient(top, #dce8b7 0%,#e6f4c1 30%,#cbd8a2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce8b7', endColorstr='#cbd8a2',GradientType=0 ); /* IE6-9 */ } .menu-sub { list-style:none; padding:5px 0; margin: 0 0 1px; *width:200px;} .menu-sub a { background:none; font-weight:normal; padding: 5px 16px; text-shadow: 0 1px 0 #d5d5d5; filter:none; } .menu-sub a:hover { background:#E9E2EF} .menu-sub .icons16 {margin: -2px 2px -2px 0;} .menu-sub-active a { background:url(images/pil_21.gif) no-repeat scroll 95% 50% #D8D8D8; text-shadow: 0 1px 0 #d5d5d5;} .menu-sub-active a:hover { background:url(images/pil_21.gif) no-repeat scroll 95% 50% #F3F3F3; text-shadow: 0 1px 0 #d5d5d5;} .menu-extend { background:url(images/cm-menu-interactive.png) -2px 0; height:29px; width:15px; position:absolute; right:3px; z-index:1; top:50%;margin: -15px 0; *cursor:pointer;} .ie7 .menu-extend { top:0;margin:0; } .menu a:hover .menu-extend, .menu-active a .menu-extend{ background-position: -2px -30px;} .menu a:hover .menu-extend:hover{ background-position: -31px -30px;} .menu-extend-out {background-position: -16px 0;} .menu a:hover .menu-extend-out, .menu-active a .menu-extend-out {background-position: -16px -30px;} .menu a:hover .menu-extend-out:hover{ background-position: -46px -30px;} .menu-active a .menu-extend{ background-position: -2px -30px;} .menu-active a .menu-extend-out{ background-position: -16px -30px;} .menu-active a:hover .menu-extend-out:hover{ background-position: -46px -30px;} .my-updatecount {color: #6e6e6e; font-size:10px; } /* Older DEMO colors */ div.menu-sub-row-icon {height:17px;width:17px; float:left;padding:5px; margin-left: 5px;} div.menu-sub-row-icon_demo {height:17px;width:17px;float:left;padding:5px;opacity:0.4; background-color: #666;} .icons16.menu-sub-row-icon_demo {opacity:0.4;} /* -------------------------------------------------------------- Loading -------------------------------------------------------------- */ .my-progressbar, div.ui-progressbar-value { height:24px; border:1px solid #aaa; -moz-border-radius:3px;-webkit-border-radius: 3px; height:24px; background: #99cb00 url(images/pbar-ani.png) 50% 0;} /* -------------------------------------------------------------- Content column -------------------------------------------------------------- */ .content_line_wrap {margin-bottom:10px;} .content_line_headline {font-weight: bold;font-size: 13px;margin: 5px 0;float: left;} .content_lable_wrap {display: inline-block;border: 1px solid #fff;background: #fff;} .content_column_wrap {background: #ececec url(images/search_wrap_bg.gif) repeat-x left bottom;border: 1px solid #c3c3c3;padding:0 10px;*padding:0 10px 3px 10px;margin-bottom: 10px;} .content_column_wrap .action_button { margin: 5px 0 5px 0; *float:left;} .content_column_wrap .content_lable_wrap {margin-top:4px;} .content_column_wrap p,.content_column_txt {float:left;font-weight:bold;padding-right:10px;margin:11px 0 5px 0;height:18px;} .content_column_input {float: left;padding: 7px 5px 4px 0;} .content_column_input input[type="text"] {width:180px;} .content_column_right {float: right;height: 35px;} .content_column_checkbox {float: left;margin: 7px 10px 0 0;} .content_column_wrap .help_icon_box {margin-top: 11px;} .content_column_wrap .help16 { margin-top:10px;} /* -------------------------------------------------------------- UPLOADED USER DATA -------------------------------------------------------------- */ .data-columns-uploaded {border-spacing:0; border-bottom: 1px solid #ccc; margin-left:5px; float:right; width:200px; } .data-columns-uploaded td {padding:5px; border-top: 1px solid #ccc; background:#fff;} .data-columns-uploaded tr {border-top: 1px solid #ccc;} .data-columns-uploaded th {text-align:left; padding-right:10px;} .data-columns-uploaded + .iconindent_box { width:195px;} .data-columns-uc {width:280;} .data-columns-uploaded select { max-width:230px;} /* -------------------------------------------------------------- Shadowbox used for name card -------------------------------------------------------------- */ .itemshadowbox {border-bottom:5px solid #e0e0e0;border-right:5px solid #e0e0e0; *display:inline-block; margin:0 3px 10px 0;} .rgba.boxshadow .itemshadowbox { border:0; margin:0; box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.1);} .itemshadowbox_inside {border:1px solid #c3c3c3; background: #fff; padding:10px;} .itemshadowbox_inside .my-columns {margin-top:15px;margin-bottom:15px;} .itemshadowbox textarea {width:100%;} .itemshadowbox input[type="text"] {width:250px;border:1px dashed #d3d3d3;} .itemshadowbox #message_header, .itemshadowbox_header {border:1px dashed #d3d3d3;font-size:13px;font-weight:bold; margin-bottom:5px;} .itemshadowbox-text {border:1px dashed #d3d3d3; margin-bottom:5px; margin-top:5px; padding:3px;} .itemshadowbox-option {margin-bottom:5px; margin-left:25px;} .itemshadowbox_status {background: ##eee;margin: 0 -10px -10px;padding: 10px;} .itemshadowbox-wrap {float:left;padding:5px 10px 0 0;} .itemshadowbox-wrap .action_button {float:left; margin-bottom:-1px;} .itemshadowbox-wrap .action_button_connect { margin-left:-1px;} .itemshadowbox-wrap .itemshadowbox {margin:0;} .itemshadowbox-content-outline {margin:-4px; padding:2px; border:2px solid #FFFF66;} .itemshadowbox-list-select span:hover { background:#99cb00; cursor:pointer;} .itemshadowbox-list-col1 {float:left; margin-bottom:10px;} .itemshadowbox-list-col2 {float:left; margin: 0 0 0 20px; width:230px;} .itemshadowbox-list-content {border:1px solid #c3c3c3;width:300px; padding:0 5px; border-right:6px solid #99cb00;} .itemshadowbox-list-seperator {height:8px; background-color:#818181} .itemshadowbox-list {margin:5px 0;} .itemshadowbox-list li {padding:4px 3px; font-weight:bold; cursor:pointer;} .itemshadowbox-list .altbg {background:#ececec;} .itemshadowbox-list .selected {color:#999;} .itemshadowbox-list li:hover {background:#d0d0d0;} .itemshadowbox-bottom {margin:0 -10px -10px -10px; clear:both;} .itemshadowbox-bottom-line { padding:10px 7px 10px 10px;} .itemshadowbox-bottom-line .button-pill-alt {margin: -5px 0;} .itemshadowbox-bottom-line .itemshadowbox-bottom-line { border-top:none!important; border-left: 1px solid #ccc;float: right; margin: -10px -7px -10px 7px; width: 50%; background: #eaeaea!important;} /* -------------------------------------------------------------- Tickets -------------------------------------------------------------- */ .ticket-preview { background:#F9F9F9; color:#666; font-size:1.5em; border: 1px dashed #ccc; line-height:50mm; height:50mm; width:100mm; margin:0 0 0 -50mm; text-align:center; position:absolute; bottom:10px; left:50%; } .ticket-preview-small {position:absolute; top:50%; left:50%; margin: -25px 0 0 -50px; font-size:1em; height:50px; width:100px; line-height:50px;} .ticket-content {min-height:40px; width:315px; padding:10px 10px 5px; background:#f9f9f9;border: 1px dashed #ccc; margin:5px auto; position:absolute; bottom:0; clear:left;} .ticket-content img {max-width:315px;margin-bottom:5px;} .ticket-content p {margin-bottom:5px;} .ticket_indent_width {width: 310px;} .ticket_fields_width {width: 290px;} .ticket-minia4 #ticket_body { width:510px; height:300px} .ticket-minia4 .logo {height:38px;margin:0 0 0 auto;width:157px;} .ticket-minia4 {width: 370px;float:none; position:relative;} .ticket-minia4 .itemshadowbox_inside {min-height:474px;*height:505px; text-align:center} .ticket-minia4 .itemshadowbox_inside img{/*margin:0 -10px;*/max-width: 100%;} #ticket_body_parent + .action_button {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px; margin-top:-1px;} .design-elements-add {background:#fff; padding:10px 10px 0; *padding-bottom:10px; margin: 10px 0; border:1px dashed #ccc; width:300px;} .design-elements-add .action_button {margin-bottom:10px; clear:left;} .design-elements-add p {margin-bottom:5px;} /* -------------------------------------------------------------- Help bar -------------------------------------------------------------- */ .helpbar {width:99.6%;background-color:#99cb00;cursor:pointer;border-top:1px solid #fff;border-bottom:1px solid #fff; height:17px;padding:4px 5px 0 0;color:#fff;font-weight:bold; margin:10px 0;} .helpbar .help_layer_icon {margin-top:-10px;float:left;padding-right:5px;width:37px;height:34px;} .helpbar .icons48 {margin:-10px 0 0 0;float:left;padding-right:5px;width:37px;height:34px;} .helpbar p {float:left; margin-bottom:10px;} .helpbar span {float:right; visibility:hidden} .helpbar-content {width:98%; float:left; padding-left:2%; margin-bottom:10px; display:none;} .helpbar-content-text {border-left:10px solid #99cb00; float:right; margin-left:5px; background-color:#fff; padding:10px; min-height:60px;width:649px;} /* -------------------------------------------------------------- Ticket registration -------------------------------------------------------------- */ .my-ticket h1 { font-size: 1.7em; margin-bottom: 0.8em;} .my-ticket ul { font-size: 1.4em; margin:0;} .my-ticket-alert { background-color: #fac800;} .my-ticket-error { background-color: #c6202d;} .my-ticket-canceled { background-color: #C6C6C6;} .registration_list {margin-top: 5px;} .my-ticket-error h2{padding: 8px; color:#fff; float:left;} .my-ticket-succes { background-color: #86aa19;} .my-ticket-succes h2,.my-ticket-succes p,.my-ticket-error h2,.my-ticket-error p {padding: 8px; color:#fff; float:left} .my-ticket-alert p,.my-ticket-alert h2 {padding: 8px; float:left} .my-ticket-error p ,.my-ticket-succes p,.my-ticket-alert p{margin-top:2px;} /* -------------------------------------------------------------- Select colums on table -------------------------------------------------------------- */ .my-col-selector-cell { padding:6px 30px 6px 6px !important;} .my-col-selector-holder {position: relative; height:25px; width:30px; float: right; margin: -6px -30px -6px 0;} .ie7 .my-col-selector-holder {position: absolute; height:25px; width:30px; right: 2px; margin: -6px -0px -6px 0;} .my-col-selector-wrap { float:right; position:absolute; right: 0; width: 32px; z-index:4; overflow-y:hidden; } .my-col-selector-wrap-ext {width: 253px;margin: 0 -2px 0 0;} .my-col-selector-content { float:right; border: 1px solid #c3c3c3;background-color: #fff; margin:0 0 0 -1px;width:220px; } .my-col-selector-handle {height: 1.6em;background: url(images/menu_bg.gif) 0 -245px repeat-x;font-weight: bold;padding-top:5px;border: solid 1px #c3c3c3; width:30px; float:right; cursor:pointer;text-align: center;} .my-col-selector-head {height: 1.6em;background: url(images/menu_bg.gif) 0 -245px repeat-x;font-weight: bold;padding:5px 5px 0; border-bottom: 1px solid #c3c3c3; *z-index:5; *position:relative;} .my-col-selector-body { margin:0; padding:2px 0;} .my-col-selector-body li {padding: 5px;} .ie7 .my-col-selector-body li {padding: 5px; clear:left; float:left; width:100%} .my-col-selector-body li:hover {background-color:#d0d0d0;} .my-col-selector-body input {float: left;} .ie7 .my-col-selector-body input { margin-top:-2px;} .my-col-selector-body p {margin: 3px 0 3px 25px;padding: 0 5px; font-weight:normal;} .my-col-selector-footer {height: 25px;border-top: solid 1px #c3c3c3;background: url(images/menu_bg.gif) 0 -245px repeat-x; padding:2px;} .ie7 .my-col-selector-footer {float:left; clear:both;} .my-col-selector-footer .action_button { float:right; } .my-col-selector-footer .icons16 {float: left;} /* -------------------------------------------------------------- GET FREE HELP -------------------------------------------------------------- */ #getfreehelp_link_wrap{padding-left:20px;margin-top:5px;margin-right:16px;float:right; white-space:nowrap;} #getfreehelp_link_wrap p {text-decoration:underline;cursor:pointer; font-weight:bold;} #getfreehelp_wrap{float:left;} .getfreehelp_linespacer{padding-bottom:10px} .getfreehelp_question_box{padding:5px;width:550px;height:100px} .getfreehelp_inputbox{width:140px;color:#999; margin-top:5px} #getfreehelp_send_message_wrap{float:left;background:#c3c3c3;margin-top:20px;width:540px;padding:10px;text-align:right} /* -------------------------------------------------------------- Resize popup -------------------------------------------------------------- */ .resize_drag_area {background-color: #fff;position: relative;border: 1px dotted #000;border-collapse: collapse;cursor: pointer;z-index: 100;opacity:0.3;filter: alpha(opacity=40);} .resize_source_image {background-repeat: no-repeat;position: relative;top: 0;left: 0;float: left;} .resize_slider_wrap {height: 35px;margin-top: 10px; float: left;} .resize_slider_wrap input {width: 25px;border: 0; float: left;} .resize_slider_bar {background: url(images/resize_slider_bar.gif) no-repeat;height: 14px;float: left;margin: 5px 10px 0 0;} .resize_slider_pointer {background-image:url(images/resize_slider_pointer.gif);width: 6px;height: 14px;position: relative;bottom: 4px;left: 50px;cursor: pointer;} .resize_thumbnail {float: right;font-weight: bold;} /* -------------------------------------------------------------- media archive -------------------------------------------------------------- */ .material_upload_box {background: #fff;border-top: 1px solid #C3C3C3;border-bottom: 1px solid #C3C3C3;margin: 10px 0 15px 0;float: left;width: 789px;} .material_headline {font-weight: bold;margin: 0 0 5px 0;} .material_upload_box_sub_1, .material_upload_box_sub_2 {margin: 10px 0;padding: 0 10px 5px 10px;} .material_upload_box_sub_1 {display:inline-block;width:50%;*width:100px;} .material_upload_box_sub_2 {float: right;border-left: 1px dashed #c3c3c3;} .material_upload_box_sub_1 input, .material_upload_box_sub_1 select, .material_upload_box_sub_2 input, .material_upload_box_sub_2 select {margin: 0 0 3px 0;} .material_file_wrap {float: left;width: 635px;margin-left: 30px;padding: 0 0 0 15px;border-left: 1px dashed #c3c3c3;} .material_file_list {float: left;width: 146px;height: 135px;margin: 6px 6px 6px 0;background-color: #D7D7D7;border: 3px solid #ccc;} .material_file_list:hover {border: 3px solid #fff;} .material_file_list div {margin: 4px 2px 2px;} .material_folders {float: left;width: 25%;} .material_folders div {background: url(images/folder_closed.png) no-repeat;height: 20px;padding: 0 0 15px 22px;text-decoration: underline;cursor: pointer;width: 123px;float: left; } .material_current_folder {background-image: url(images/folder.png) !important; font-weight: bold;} .material_choosen_wrap {float:right; width: 140px;height:478px; overflow: auto;padding: 0 4px;} .material_popup_file_wrap {float:left; width: 630px;border-right: 1px dashed #C3C3C3;padding-right: 8px;} .material_upload_box_popup {background: #fff;border-top: 1px solid #C3C3C3;border-bottom: 1px solid #C3C3C3;margin: 0 0 15px 0;float: left;width: 100%;} .material_file_wrap_popup {float: left;border-left: 1px dashed #c3c3c3;padding: 0 9px 0 10px;margin-left: 20px;width: 67%;height: 280px;overflow-y: auto;} .material_file_list_popup {background-color: #F5F5F5;margin-bottom: 1px;height: 34px;overflow: hidden;} .material_file_list_popup_white {background-color: #fff;margin-bottom: 1px;height: 34px;} .material_file_list_popup:hover {background-color: #d0d0d0;} .material_file_list_popup:hover .material_file_list_popup_actions { display:block;} .material_file_list_popup_check {float: left;padding: 4px;margin-right: 5px;height: 26px;} .material_file_list_popup_check .action_button {position:static} .material_file_list_popup_img {float: left;margin-right: 5px;} .material_file_list_popup_exp {margin-top: 10px;float: left;max-width:185px;overflow:hidden;} .material_file_list_folder_wrap h1 {margin-right: 10px;} .material_file_list_folder_wrap div {margin:3px 0 10px 5px;text-decoration: underline;} .material_choosen_wrap .material_file_list_popup_exp {margin-top: 3px;width: 65%;overflow: hidden;} .material_file_list_popup_actions {float: right;text-decoration: underline;margin: 10px 5px 0 0; display:none;} .material_file_list_popup_actions p{float: right;margin-left: 5px;cursor: pointer;} .material-wrap {width: 622px; margin-bottom:40px;} .material-wrap .navnekortshadow{margin-right:5px;} .material-wrap h2 {margin:0 0 5px 0; overflow:hidden; font-size:16px} .material-info-wrap {width: 310px; float:left;} .questionnarie_illu, .invitations_illu {min-height:140px; padding: 15px; padding-right: 300px; } .invitations_illu {background:url(images/invitation_illu.gif) right 0 no-repeat #fff;} .questionnarie_illu {background:url(images/questionnarie_illu.png) right 0 no-repeat #fff; width: 295px;} /* -------------------------------------------------------------- NOTICE DROPDOWN -------------------------------------------------------------- */ .my-notice {background:#fff;border:4px solid #fff;color:#fff;width:485px;position:fixed;top:0; left:50%; margin-left:-300px;z-index:20000;padding:0 0 0 115px;} .my-notice h2 { font-size:18px;font-weight:bold;margin:15px 0 0 0; color:#ffffff;} .my-notice-warning h2 {color:#000000} .my-notice ul { clear:left; margin:10px 0 15px 0;} .my-notice-warning { background: #fac800 url('images/icon_alert.png') no-repeat bottom;color:#000;} .my-notice-error { background: #c6202d url('images/icon_error.png') no-repeat bottom;} .my-notice-ok { background: #86aa19 url("images/icon_ok.png") no-repeat bottom;} /* -------------------------------------------------------------- DEMO PAGES -------------------------------------------------------------- */ .inactive-box {float:right;height: 210px;width: 290px;margin:-20px;background-color: #f9f9f9; background-image: url(images/demo-pages-screenshots.jpg);background-position: right;background-repeat: no-repeat;} .inactive_box_setup-agenda {background: url(images/inactive_setup-agenda.png);} .inactive_box_setup-speakers {background: url(images/inactive_setup-speakers.png);} .inactive_box_students {background: url(images/inactive_students.png);} .inactive_box_students-studentlist-addNewstudent {background: url(images/inactive_students-studentlist-addNewstudent.png);} .inactive_box_students-studentlist {background: url(images/inactive_students-studentlist.png);} .inactive_box_students-cards {background: url(images/inactive_students-cards.png);} .inactive_box_students-accommodation {background: url(images/inactive_students-accommodation.png);} .inactive_box_students-payment {background: url(images/inactive_students-payment.png);} .inactive_box_website-content {background: url(images/inactive_website-content.png);} .inactive_box_invitations {background: url(images/inactive_invitations.png);} .inactive_box_invitations-edit {background: url(images/inactive_invitations-edit.png);} .inactive_box_invitations-reuse {background: url(images/inactive_invitations-reuse.png);} .inactive_box_followup {background: url(images/inactive_followup.png);} .inactive_box_followup-participants { background-position: 0 0;} .inactive_box_followup-forum {background-position: 0 -258px;height:250px;} .inactive_box_followup-inquiry {background-position: 0 -516px; height:226px;} .inactive_box_students-tickets {background-position: 0 -774px;height:250px;} .inactive_box_website, .inactive_box_website-design {background-position: 0 -1033px;height:257px;} .inactive_box_website-activate {background-position: 0 -1032px;height:257px;} .inactive_box_website-pages {background-position: 0 -1549px;height:257px;} .inactive_box_website-setup {background-position: 0 -1806px;height:257px;} /* -------------------------------------------------------------- CF Window -------------------------------------------------------------- */ .x-window-body {padding:10px;background:#fff url(images/cfw_bg.png) right bottom no-repeat; height:auto!important;} #media_body { background-image:none!important;} .x-window-mc {font: inherit;} /* Fixer at CF styles ikke overskriver font */ .x-window-mc .iconindent_box { margin-bottom:0;} .ext-el-mask { position:fixed;} .x-window-body .help16 {display:inline-block;vertical-align:middle; margin-left:3px;} .x-window-body input[type="radio"] {vertical-align:text-bottom;} .x-window-body .iconindent_box {*overflow:hidden;} .x-window-body p {margin:0 0 10px;} .x-window-body h1 {margin:0 0 10px;} /* -------------------------------------------------------------- Settings list -------------------------------------------------------------- */ .my-settings-list li { display: table-cell; padding:0 20px 0 0; vertical-align:top;} .ie7 .my-settings-list li {float:left;} /* -------------------------------------------------------------- jQuery and editor overwrite -------------------------------------------------------------- */ .ui-draggable .ui-dialog-titlebar {-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-radius-bottomleft:0;-webkit-border-radius-bottomright:0;border-radius-bottomleft:0;border-radius-bottomright:0;margin:-3px -4px 0 -3px;} .ui-widget { font-size:1em!important; font-family:verdana!important;} .ui-dialog .ui-dialog-content {background: #eee!important} .ui-dialog.ui-widget-content .ui-dialog-buttonpane { margin:0 2px; } .ui-dialog.ui-widget-content { padding:0;} body:first-of-type .o2k7Skin table, body:first-of-type .o2k7Skin tbody, body:first-of-type .o2k7Skin a, body:first-of-type .o2k7Skin img, body:first-of-type .o2k7Skin tr, body:first-of-type .o2k7Skin div, body:first-of-type .o2k7Skin iframe, body:first-of-type .o2k7Skin span, body:first-of-type .o2k7Skin *, body:first-of-type .o2k7Skin .mceText {white-space:initial!important; } .ui-customlink-field {margin-left:5px!important; width:220px; padding:3px} body:first-of-type .defaultSkin table, body:first-of-type .defaultSkin tbody, body:first-of-type .defaultSkin a, body:first-of-type .defaultSkin img, body:first-of-type .defaultSkin tr, body:first-of-type .defaultSkin div, body:first-of-type .defaultSkin td, body:first-of-type .defaultSkin iframe, body:first-of-type .defaultSkin span, body:first-of-type .defaultSkin *, body:first-of-type .defaultSkin .mceText{white-space:initial!important} .ui-datepicker-trigger,.ui-datepicker-trigger:hover {background:none;float:none;padding:0;margin:0;vertical-align:middle; border:0; right:0;} .mceEditor table.mceLayout { position: relative;} table.mceToolbar {float: left;} .mceToolbarRow1 { float: right;} #mce_0_tbl, #mce_7_tbl, #mce_8_tbl {margin-bottom:10px} a.my-mce-custom-btn {background: url(images/cm-main-sprite.png) !important; margin: 0 3px 0 0 !important;} a.my-mce-custom-btn:hover {background: url(images/cm-main-sprite.png) 0 -22px!important;cursor:pointer; } a.my-mce-custom-btn:hover span.mceButtonLabel {background: url(images/cm-main-sprite.png) 100% -22px!important;} a.my-mce-custom-btn .mceIcon {background:url(images/my_icons.png) -816px -71px;margin:2px 5px 0 4px!important;cursor:pointer;height:16px!important;width:16px!important;float:left;} a.my-mce-custom-btn .mceButtonLabel {background: url(images/cm-main-sprite.png) 0 right !important;cursor: pointer; font-size: 11px !important;height: 18px; } span.mceButtonLabel {background: url(images/cm-main-sprite.png) 100% 0 !important; margin:0 -13px 0 0; padding: 4px 8px 0 22px!important;} .my-mce-link .mceButtonLabel {} a.my-mce-name .mceIcon {background:url("images/my_icons.png") 0px -71px ;!important} body:first-of-type .o2k7Skin span.mceButtonLabel, .nowrap {white-space:nowrap!important} /* Handle icons and placement */ #elm_start_text_cmcustomlink .mceIcon {background:url("images/my_icons.png") -816px -71px ;!important} #studentEditWindow {max-height:600px; overflow:auto} /* -------------------------------------------------------------- Graphic overview questions -------------------------------------------------------------- */ .pdf-print {padding-top:25px; font-size: 12px;} .pdf-print h1{font-size:16px;} .pdf-print h2{font-size:14px;} .pdf-print .my-question-summary-freetext li {border-bottom: 0px} .pdf-print .pdf-width {width:670px;} .pdf-print .my-question-summary_subindent .pdf-width{width:650px;} .pdf-print .pdf-chart {background:#F2F2F2} .pdf-print .pdf-subquestion {margin: 0 0 0 28px; width:630px;} .pdf-print .pdf-infobox {background:#fffee2; border:1px solid #dddbb3} .pdf-print .my-question-table-tl {border:0px;} .graphpage .infobox {margin-bottom:20px} .graphpage hr {margin:35px 0} .pdf-print ul {list-style: none; list-style-type: none;} .sub-wrap {border-bottom: 1px dashed #ccc; padding-bottom: 20px;} .pdf-print .sub-wrap {border-bottom: 0px} .pdf-print .my-question-table-schema {width:700px} .pdf-print .smileytd, .pdf-print .my-question-listing, .pdf-print{font-size: 11px;} .freetextwrap {margin-bottom:20px} .freetext-pdf {margin-top:10px; padding-bottom:5px; border-bottom: 1px dashed #f2f2f2} .pdf-print .smileys {margin:0 auto 0 auto; width:28px; height:28px} .pdf-print .my-question-table td{font-size: 14px;} .pdf-print .subquestion_arrow {background:url(images/subquestion.gif); background-position:top left; width:10px; height:30px; margin-left:10px;} /* -------------------------------------------------------------- IE Hacks/Fixes -------------------------------------------------------------- */ .ie7 td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;} .ie7 .system_button {position:relative;margin-top:5px;} .ie6 .clearfix {zoom: 1;} .ie6 .content_column_wrap {background: url(images/search_wrap_bg.gif) repeat-x left bottom !important;} .ie6 .my_frame {text-align:center;position:relative;left:50%;margin-left: -490px;} .ie7 .label-full, .ie7 .focusarea_inner {width:97.15%;} .ie7 .addcolleague_line {width:97.5%;} .ie7 .choice-box-list-selectall input {padding:5px 0;} .ie7 .choice_box_arrange {cursor:move;position:relative;} .ie7 .choice-box-alert, .choice-box-alert:hover {border:3px solid #f58383; padding:8px;} .ie7 .menuinfo {float:left;clear:left;} button span, input.button span {*float:none !important;} button, input.button, .button{*padding:13px 7px;*overflow: visible; *font-weight:bold; *font-size:11px;} .ui-datepicker-trigger, .ui-button {*padding:0px!important} /* replaces PNG, with GIF (IE6) */ .icons {_background-image:url(images/my_icons.gif) !important;} .icons48 {_background-image:url(images/my_icons.gif) !important;} .menuicons {_background-image:url(images/my_icons.gif) !important;} .menu_sub_wrap {_width:100%;} .focusarea_inner {_width:100%;} .my_data_table_head .sort_arrow_down, .my_data_table_head .sort_arrow_up {*margin:-2px 8px 0 3px;} .choice_box_settings input, .choice_box_settings select { vertical-align:inherit;*vertical-align:middle;} .choice_box_settings .help16 {*float:none;*margin:3px 16px 0 0;} .choice_box table {*border-collapse:expression('separate', cellSpacing = '0px');} .signup-invoice { *border-collapse: expression('separate', cellSpacing = '0px');} .choice-box-table {*border-collapse:expression('separate', cellSpacing = '10px');} .my_data_table {*border-collapse: expression('separate', cellSpacing = '1px');} /* -------------------------------------------------------------- IE Alert -------------------------------------------------------------- */ .main_ie6_pop {padding: 10px 0 0 10px;height: 243px;background: url(images/no_ie6.png) no-repeat right bottom;} .main_ie6_head {width:550px;} .main_ie6_head h1 {margin-bottom: 10px;font-size: 21px;} .main_ie6_txt {width:300px; margin-right: 250px;} .main_ie6_link {margin-top: 15px;} /* -------------------------------------------------------------- Depricated styles (Do not use these!) - Non schematic styles - old styles -------------------------------------------------------------- */ /* Non schematic styles */ .topspace {margin-top:10px; margin-left:0!important;} .leftspace {margin-left:25px;} .rightspace {margin-right:10px;} .offset-hoz {margin: 0 0 0 10px;} .offset-ver {margin: 0 0 10px 0;} .left {float:left !important;} .right {float:right !important;} .floatnone {float:none !important;} .zeromargin {margin:0 !important;} .txt13 {font-size: 1.18em;font-weight: bold;} .txt10 {font-size: 0.91em;margin:0;padding:0;} .header {font-size: 15px;font-weight: bold;} .valigntop td {vertical-align: top;} /* jQuery will change these*/ .x-window-body .searchfilter li:hover, .x-window-body .inputselect li:hover {background:#ececec;} /* Use .wrapper */ .div_clear, .clear{height:0;clear:both;overflow:hidden;} /* -------------------------------------------------------------- Filetype icons -------------------------------------------------------------- */ .filetype {background: url('images/filetype-icons.png') repeat scroll 0 0 transparent;display: inline-block; height: 16px;width: 16px;} .filetype-pdf {background-position: -16px 0;} .filetype-img, .filetype-png, .filetype-jpg, .filetype-bmp, .filetype-jpeg, .filetype-gif {background-position: -32px 0;} .filetype-ppt {background-position: -48px 0;} .filetype-xls {background-position: -64px 0;} .filetype-xlt {background-position: -80px 0;} .filetype-doc {background-position: -96px 0;} .filetype-xml {background-position: -112px 0;} .filetype-txt {background-position: -128px 0;} .filetype-mov, .filetype-mpg, .filetype-avi {background-position: -144px 0;} .filetype-rar {background-position: -160px 0;} .filetype-psd {background-position: -176px 0;} .filetype-flv {background-position: -192px 0;} .select-wrap {padding:4px!important; border-radius:8px; background:#fcfcfc} .item-header .select-wrap {background: #8a6b99;} .select-wrap .table-form{margin:5px 5px 0 5px} .select-wrap .my_data_table{margin-bottom:0} .select-wrap .list-standard{margin:5px} /* -------------------------------------------------------------- Headers -------------------------------------------------------------- */ /* Sectionbox's headers */ .sectionbox-wrap h1, .itembox-wrap h1 {margin: 0px 0px 10px 0px; color: #653F7E; font-size: 32px; line-height: 28px; font-family: 'Bebas Neue', Trebuchet MS, sans-serif; font-weight: normal;} .sectionbox-wrap h2, .itembox-wrap h2 {margin: 0px 0px 10px 0px; color: #653F7E; font-size: 26px; line-height: 28px; font-family: 'Bebas Neue', Trebuchet MS, sans-serif; font-weight: normal;} .sectionbox-wrap h3, .itembox-wrap h3 {margin: 0px 0px 5px 0px; color: #653F7E; font-size: 20px; line-height: 16px; font-family: 'Bebas Neue', Trebuchet MS, sans-serif; font-weight: normal;} h3 a {color: #7c528b; } .sectionbox-wrap h4, .itembox-wrap h4 {margin: 0px 0px 5px 0px; font-size: 12px; line-height: 12px;} /* Greenbox's headers */ .greenbox-wrap h1 {margin: 0px 0px 10px 0px; color: #ffffff; font-size: 30px; line-height: 26px; font-family: 'Bebas Neue', Trebuchet MS, sans-serif; font-weight: normal;} .greenbox-wrap h2 {margin: 0px 0px 10px 0px; color: #ffffff; font-size: 24px; line-height: 20px; font-family: 'Bebas Neue', Trebuchet MS, sans-serif; font-weight: normal;} .greenbox-wrap h3 {margin: 0px 0px 5px 0px; color: #ffffff; font-size: 18px; line-height: 14px; font-family: 'Bebas Neue', Trebuchet MS, sans-serif; font-weight: normal;} .greenbox-wrap h4 {margin: 0px 0px 5px 0px; font-size: 12px; line-height: 12px;} /* Itembox's headers */ .itembox-wrap h1 {font-size: 24px; line-height: 26px; font-family: Arial, Helvetica, sans-serif;} .itembox-wrap h2 {font-size: 20px; line-height: 22px; font-family: Arial, Helvetica, sans-serif;} .itembox-wrap h3 {font-size: 14px; line-height: 18px; font-family: Arial, Helvetica, sans-serif;} .itembox-wrap h4 {font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif;} /* Dialogbox's headers */ .item-header h1, .item-wrap h1 {margin: 0px 0px 10px 0px; font-size: 24px; line-height: 26px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;} .item-header h2, .item-wrap h2, h2 {margin: 0px 0px 10px 0px; color: #7c528b; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;} .addcolleague_line h2, .itemshadowbox-bottom h2 {color:#000; font-size:14px; margin:0px; } .addcolleague_line h2 {margin:5px 0 0 5px} .choice_group_head h2 {color:#000; font-weight:bold} .item-header h3, .item-wrap h3 {margin: 0px 0px 5px 0px; color: #7c528b; font-size: 14px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;} .item-header h4, .item-wrap h4 {margin: 0px 0px 5px 0px; font-size: 12px; line-height: 14px;} .item-header h1, .item-header h2, .item-header h3, .item-header h4 {color: #ffffff;} /* Generel */ hgroup {margin-bottom: 10px; padding: 0 0 5px 0px;} hgroup hr {margin-bottom: 0px;} hgroup h1, hgroup h2, hgroup h3, hgroup h4 {margin-bottom: 5px!important;} .main-chart-wrapper {float: right; margin: -80px -10px 0 0} /* -------------------------------------------------------------- Separators -------------------------------------------------------------- */ hr {margin: 3px 0px 16px 0px; border: 1px solid #ddd; border-width: 1px 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #ffffff;} hr {*margin:0;} /* -------------------------------------------------------------- Columns -------------------------------------------------------------- */ .column-wrap {padding: 0px 0px 20px 0px;} .columns {float: left; margin-right: 5%;} .column70 {width: 65%; *width:64%} .column50 {width: 47%} .column30 {width: 30%} .column-last {margin-right: 0px;} /* -------------------------------------------------------------- Section -------------------------------------------------------------- */ .section {margin-bottom: 20px;} .section-last {margin-bottom: 0px;} /* -------------------------------------------------------------- Boxes -------------------------------------------------------------- */ /* Sectionbox */ .sectionbox-wrap {background: #f2f2f2; border-radius: 3px; border: 1px solid #fff; margin-bottom: 20px; padding: 15px; position: relative;} .sectionbox-wrap .columns {margin-right: 5%;} .sectionbox-wrap .column-last {margin-right: 0%;} .allotment-list li {padding: 5px 0; border-bottom: 1px solid #ccc;} .allotment-amount {font-weight: bold; color: #7C528B;} .login-info {width: 400px; margin: 0px auto;} /* Greenbox */ .greenbox-wrap {background: #c1d94c; border-radius: 3px; border: 1px solid #f7ffcc; margin-bottom: 20px; padding: 15px; position: relative;} /* Itembox */ .itembox-wrap {background-color: #F2F2F2; border-radius: 0px 4px 4px 4px; border: 1px solid #ffffff; margin-left: 23px; padding: 15px; position: relative;} .my-frame-nomenu .itembox-wrap {margin-left: 0px;} .my-frame-nomenu h1 {margin-left: 2px;} .my-frame-nomenu hr {margin-left: 0px;} .itembox-arrange {width: 16px; height: 16px; background-color: #ffffff; border-radius: 3px 0 0 3px; padding: 4px; border:none; cursor: grabbing; cursor:-moz-grabbing; cursor:-webkit-grabbing; position: absolute; top: -1px; left: -24px;} .itembox-singleoption {padding: 0px 0px 0px 100px;} .itembox-option {background: #ffffff; border-radius: 3px; padding: 5px;} .itembox-specs-wrap {font-family: Arial, Helvetica, sans-serif;} .itembox-specs-highlight {padding: 5px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #D9D9D9; float:left;} .itembox-option .itembox-specs-highlight {background: #ECECEC; width:245px; float:none;} .itembox-specs-wrap .itembox-specs {margin: 0px 20px 0px 0px; float: left;} .itembox-specs-wrap .itembox-specs-last {margin: 0px;} .itembox-specs-wrap .togglewrap {float:right; margin:15px 0 -20px 0} .itembox-specs-title {font-weight: bold;} .itembox-wrap .button-pill {top: -10px; right: -8px; margin: 0 0 0 10px} .ie7 .itembox-wrap .button-pill {float:right!important} .ie7 .itembox-wrap .choice_box_arrange {position: absolute;} /* Will be deleted in time, at the same time as the general .choice_box_arrange style */ /* Notificationbox */ .notificationbox-wrap {width: 227px; background: url('images/notificationbox-shadow.png') no-repeat bottom; margin-bottom: 20px; padding-bottom: 12px;} .notificationbox {background: #fff; padding: 15px} .notificationbox h2 {margin-bottom: 20px; color: #999999; font-size: 24px; line-height: 20px; font-family: 'Bebas Neue', Trebuchet MS, sans-serif; font-weight: normal;} .notificationbox-warning-wrap {width: 227px; background: #fffbcc; margin: 0px 0px 20px -15px;} .notificationbox-warning-header {height: 5px; background: url('images/shadow5px-header.png') repeat-x;} .notificationbox-warning {padding: 10px 15px;} .notificationbox-warning-footer {height: 5px; background: url('images/shadow5px-footer.png') repeat-x;} .notificationbox-warning h3 {color: #999936; font-size: 1.6em; font-family: "Bebas Neue", Trebuchet MS, sans-serif; font-weight: normal;} .notificationbox-warning .iconindent_box {padding-left: 30px; margin: 0px;} .notificationbox-warning .iconindent_box .icons24 {margin-left: -30px;} /* -------------------------------------------------------------- Indentboxes -------------------------------------------------------------- */ /* Icons */ .indentbox-icon16 {min-height: 16px; padding-left: 31px;} .indentbox-icon16 > .icons16 {margin-left: -31px;} .indentbox-icon24 {min-height: 24px; padding-left: 39px;} .indentbox-icon24 > .icons24 {margin-left: -39px;} .indentbox-icon48 {min-height: 48px; padding-left: 63px;} .indentbox-icon48 > .icons48 {margin-left: -63px;} /* Image */ .indentbox-image {min-height: 93px; padding-left: 108px;} .indentbox-image > .imagepicker-wrap, .indentbox-image > .image-wrap, .indentbox-image > .noimage {margin-left: -108px; float: left;} /* checkboxes */ .indentbox-checkbox {padding-left: 25px;} .indentbox-checkbox > input[type="checkbox"] {margin-left: -25px; float: left;} /* -------------------------------------------------------------- Dialogboxes -------------------------------------------------------------- */ .item-header {background: #7a548c; background-image: -moz-linear-gradient(top, #4d3659, #7a548c 30px); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #35203b), color-stop(1.0, #723c86)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#35203b', EndColorStr='#723c86'); border-bottom: 1px solid #644573; margin: -30px -20px 0px -20px; padding: 30px 20px; color: #ffffff;} .item-header a {color: #fff!important;} .item-header input, .item-header textarea, .item-header select {border-color: #644573} .item-header label {padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .item-header label:hover {background: #644573;} .item-wrap {background: #ECECEC; padding: 30px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} .item-wrap input {display:inline-block;} .item-wrap label {padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .item-wrap label:hover {background: #d9d9d9;} .ui-dialog .ui-dialog-content {background: #ECECEC!important; padding: 30px 20px!important;} /* -------------------------------------------------------------- Images -------------------------------------------------------------- */ .image-wrap {width: 85px; height: 85px; background: #ffffff; border: 1px solid #cccccc; border-radius: 4px; padding: 3px; float: left; overflow: hidden;} .image-wrap img {border-radius: 4px; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2); display: block;} .noimage {width: 93px; height: 20px; background: #cccccc; border-radius: 4px; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2); padding: 37px 0px 36px 0px; float: left; color: #ffffff; text-align: center;} .item-header .image-wrap {border: 1px solid #4d3659;} /* Imagepicker */ .imagepicker-wrap {width: 93px;} .imagepicker-wrap .action_button {width: 93px; margin-top: 5px;} /* -------------------------------------------------------------- Tables -------------------------------------------------------------- */ /* Data */ .table-data {width: 100%; border-collapse: collapse;} .table-data th {background: url('images/table-data-th-shadow.png') repeat-x bottom; padding: 8px 5px; font-weight: bold; text-align: left;} .table-data td {background: #f7f7f7; border: 1px solid #e6e6e6; border-top: 0px; padding: 5px; vertical-align: top;} .table-data tr td:first-child {border-left: 0px;} .table-data tr td:last-child {border-right: 0px;} .table-data tr:last-child td {border-bottom: 0px;} .table-data tr:nth-child(even) td {background: #ffffff;} .table-data tr:hover td {background: #cfe5a1;} /* Form */ .table-form {border-collapse: collapse;} .table-form td {padding: 0px 20px 5px 0px;} .table-form .td-last {padding-right: 0px} /* Allotment overview */ .table-allotment-overview {color: #999999; margin-bottom: 20px; text-align: right;} .table-allotment-overview td {padding-right: 20px; vertical-align: bottom;} .table-allotment-overview .td-last {padding-right: 0px;} .table-allotment-overview-firstdigit {font-size: 60px; font-family: 'Bebas Neue'; margin-top: -10px} .table-allotment-overview-digit {font-size: 26px; font-family: 'Bebas Neue';} /* Generel */ .table-maincolumn {font-weight: bold;} .table-digit, th.table-digit {text-align: right; white-space:nowrap;} .table-checkbox {width: 20px;} .table-verticaltop {vertical-align: top;} /* Notification states */ .table-error {background: #fff699 !important;} /* -------------------------------------------------------------- List -------------------------------------------------------------- */ /* Standard */ .list-standard {list-style: none; list-style-position: inside; margin: 0px; padding: 0px;} .list-standard li {margin: 0px 0px 5px 0px; padding: 0px;} /* Nested */ .list-nested {list-style: none; margin: 5px 0px 0px 0px; padding: 0px;} .list-nested li {margin: 0px 10px 5px 0px; padding: 0px 0px 0px 20px;} .list-nested li input[type="radio"], .list-form li input[type="checkbox"] {margin: 0px 5px 0px -20px;} /* Bullets */ .list-bullets {list-style: circle; list-style-position: inside; margin: 0px; padding: 0px;} .list-bullets li {margin: 0px 0px 5px 14px; text-indent: -12px;} /* Generel */ .list-last {margin: 0px;} /* -------------------------------------------------------------- Form elements -------------------------------------------------------------- */ input[type="text"], input[type="password"] {padding: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .input-currency {width: 60px; text-align: right;} .input-amount {width: 50px} .input-shortamount {width:25px} .item-select-type {padding-left:20px; margin-bottom:10px} .item-select-type input[type="radio"], .item-select-type input[type="checkbox"] {margin-left:-21px!important; float:left} .item-select-type label {display:block} .item-select-type hr {margin-bottom:10px} /* -------------------------------------------------------------- UNDEFINED Has not been put in order -------------------------------------------------------------- */ .ui-dialog-buttonpane {margin: 0px!important;} .item-maxwidth {max-width:98%;*width:95%; overflow:auto; padding-bottom:5px; overflow-y:hidden;} .item-input {font-size:0.9em} .input-name {display: inline-block;font-size: 14px!important;font-weight: bold; width: 97%; margin-bottom:8px;} .input-desciption {height: 60px; margin-bottom: 5px; padding: 6px; resize: vertical; width: 96%;} .item-input-img {border:1px solid #ccc;max-height: 85px; overflow: hidden; padding-right: 5px; width: 80px;} .item-input-search {width: 200px;} .description-wrap p {text-align: right;} .description-wrap input {text-align: left;} .date-wrapper {margin-top: 10px; float: right; color: #000000; font-size: 1.2em; line-height: 1.0em;} .date-wrapper td {padding: 0px 5px; text-align: center;} .date-day {font-size: 1.2em; line-height: 0.8em; font-weight: bold;} .price-wrapper {width: 400px; border-collapse: collapse; border: 0px;} .price-wrapper tr:nth-child(even) td {background: #F4F4F4;} .price-wrapper tr:hover td {background: #cfe5b8;} .price-wrapper th {border-bottom: 1px solid #999999; padding: 5px; font-weight: bold;} .price-wrapper th:last-child {text-align: right;} .price-wrapper td {border: 1px solid #F1F1F1;padding: 5px;} .price-wrapper td:last-child {text-align: right;} .itembox-wrapper .button-pill {position: absolute; right: 10px; bottom: 10px; margin: 0px;} .clear {clear: both;} .dashboard-addons-indicator {width: 10px; height: 10px; margin: 5px 10px 0px 0px; float: left;} .programme-activity {width: 180px; border: 1px solid #a3cc52; margin: 0px 10px 10px 0px; padding: 10px; float: left;} .table-calendar {width: 100%; margin-top: 15px; border-collapse: collapse;} .table-calendar th {border-bottom: 1px solid #999999; padding: 5px; font-weight: bold;} .table-calendar td {padding: 5px; vertical-align: top;} th.table-calendar-day {color: #999999; font-size: 18px; font-family: 'Bebas Neue'; font-weight: normal;} .table-calendar-newtime td {border-top: 1px solid #cccccc;} td.table-calendar-time {width: 50px; color: #333333; font-weight: bold;} .table-allotment {border-collapse: collapse; border: 0px; margin-bottom: 20px;} .table-allotment th {width: 300px; border-bottom: 1px solid #999999; padding: 8px; text-align: center; font-weight: bold;} .table-allotment td {width: 300px; padding: 8px; text-align: center;} .table-allotment tr:nth-child(even) td {background: #e5e5e5;} td.table-allotment-item {text-align: left;} .table-dates td {text-align: center; padding: 2px 5px;} .dashboard-registered-capacity {width: 175px; height: 30px; background: url('images/icon_registered.png') repeat-x;} .dashboard-registered-capacity-Indicator {width: 60px; height: 30px; background: url('images/icon_registered.png') repeat-x; background-position: 0px -35px;} .chart-toggle {cursor: pointer; float: right;} /*------------------------ ERROR-RESPONSES ----------------------------*/ .error-layer-focus-wrap {position:fixed; background:#333; height:100%; width:100%; z-index:4900; opacity:0.8;filter:alpha(opacity=80)} .error-layer-focus {width: 480px;padding:30px;background:#FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius:10px; border:1px solid #ccc;position:absolute; margin-left:50%;left:-240px; margin-top:20px; z-index:5000!important; } .error-toptext {font-size: 71px; color:#9F5AAD; border-bottom: 1px dashed #666; padding-bottom:15px;} .error-infohead {font-size: 29px; color:#666; padding-top:15px; padding-bottom:15px; line-height:35px;} .error-infotext {font-size: 16px; color:#666; padding-top:2px; margin-bottom:15px} /* -------------------------------------------------------------- MenuTable -------------------------------------------------------------- */ .menu_table {width:100%; border-spacing: 0px; padding: 2px; border-radius:3px; border:1px solid #C3C3C3; background:#fff; color: #2e2e2e;} .menu_table td {padding:4px;} .index_table .menu_table {border:0px} /* -------------------------------------------------------------- RowHeadTable -------------------------------------------------------------- */ .cellborder_table {width:100%; border-spacing: 0px; padding: 2px; border-radius:3px; margin: 0 0 10px; border:1px solid #C3C3C3; background:#fff; color: #2e2e2e;} .cellborder_table td {padding:6px;border-bottom: 1px solid #F1F1F1;border-right: 1px solid #F1F1F1;} /* -------------------------------------------------------------- Dialog with White Background -------------------------------------------------------------- */ .ui-dialog .ui-dialog-whitecontent {background: #FFFFFF!important; padding: 30px 20px!important;} /* -------------------------------------------------------------- Menu Bar -------------------------------------------------------------- */ .menu-bar { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 6px 0px 6px; height: 26px; line-height: 100%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; background: #ECECEC; border: solid 1px #6D6D6D; position:relative; z-index:999; background: #875498; /* Old browsers */ background: -moz-linear-gradient(top, #875498 0%, #79529C 22%, #79529C 33%, #653F7E 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#875498), color-stop(22%,#FFC082), color-stop(33%,#FCD2B4), color-stop(100%,#653F7E)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #875498 0%,#79529C 22%,#79529C 33%,#653F7E 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #875498 0%,#79529C 22%,#79529C 33%,#653F7E 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #875498 0%,#79529C 22%,#79529C 33%,#653F7E 100%); /* IE10+ */ background: linear-gradient(top, #875498 0%,#79529C 22%,#79529C 33%,#653F7E 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#875498', endColorstr='#653F7E',GradientType=0 ); /* IE6-9 */ } .menu-bar li { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; float: right; position: relative; list-style: none; border-radius: 16; -webkit-border-radius: 16; -moz-border-radius: 16; } .menu-bar ul li a { font-weight: bold; color:#000; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d2d0e2)); background: -moz-linear-gradient(top, #ffffff, #d2d0e2); border:1px solid #5E4178; margin:3px 3px 3px 3px; text-decoration: none; display: block; padding: 6px 14px 6px 14px; margin-bottom: 6px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; } .menu-bar li ul li a { color:#000; margin: 0; border-radius: 16; -webkit-border-radius: 16; -moz-border-radius: 16; } .menu-bar ul a:hover { background: #E9E2EF !important; border-radius: 16; -webkit-border-radius: 16; -moz-border-radius: 16; color:#000; } .menu-bar ul { background: #DDDDDD; background: linear-gradient(top, #875498, #653F7E); background: -ms-linear-gradient(top, #875498, #653F7E); background: -webkit-gradient(linear, left top, left bottom, from(#875498), to(#653F7E)); background: -moz-linear-gradient(top, #875498, #653F7E); display: none; margin: 0; padding: 0; width: 124px; position: absolute; left: 0; border: solid 1px #B4B4B4; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -webkit-box-shadow: 2px 2px 3px #222222; -moz-box-shadow: 2px 2px 3px #222222; box-shadow: 2px 2px 3px #222222; } .menu-bar li:hover > ul { display: block; border-radius: 16; -webkit-border-radius: 16; -moz-border-radius: 16; } .menu-bar ul li { float: none; margin: 0; padding: 0; border-radius: 16; -webkit-border-radius: 16; -moz-border-radius: 16; } .menu-bar { display: inline-block; border-radius: 16; -webkit-border-radius: 16; -moz-border-radius: 16; } html[xmlns] .menu-bar { display: block; } * html .menu-bar { height: 1%; } .link-button{border:1px solid #5E4178;padding:4px 12px;margin:2px 2px 2px 2px; font-weight:bold; cursor:pointer; display:inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 18px;background-image: -moz-linear-gradient(top, #fff 30%, #d2d0e2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #fff), color-stop(1.0, #d2d0e2)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#d2d0e2');} .listbullet {border:3px solid #5E4178;padding:3px 3px;margin:3px 3px 3px 3px; display:inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 18px; } .btmline {background:url(Assets/Images/btmline.gif) repeat-x;} .white_bg {background-color: #FFFFFF!important;} .nomargin {margin:0px 0} .sort_arrow_up, .sort_arrow_down {width: 9px;height: 5px;margin: 5px 8px 0 3px;display:inline-block;background-repeat:no-repeat;} .sort_arrow_up {background-image: url('images/arrow_sort_up.gif');} .sort_arrow_down {background-image: url('images/arrow_sort_down.gif');} .bordertopbtm td {border-top:1px solid #818181; border-bottom:1px solid #818181;} .borderleft td {border-left:1px solid #818181;} .borderright td {border-right:1px solid #818181;} .nospacetable {border:0 0 0 0; padding:0 0 0 0;margin:0 0 0 0; border-top:0px; border-bottom:0px; border-left:0px; border-right:0px} .nospacetable td { border-spacing:0; padding:0px;margin:0;} .leftdots {border-left: 1px dashed #ccc;margin: 10px 0;} .shadedborder { position: relative; width: 300px; horizontal-align: center; padding: 0px; box-shadow: 0 0 6px rgba(2,2,2,2); } .last .shadedborder{ width: 396px; height: 570px; horizontal-align: right; } .nopadding_table {width:100%; border-spacing: 0px; padding: 0px; border-radius:0px; background:#ffffff;} .nopadding_table td {padding:6px;} .result_table {width:100%; border-spacing: 0px; padding: 2px; border-radius:3px; margin: 0 0 10px; border:1px solid #C3C3C3; background:#fff; color: #2e2e2e;} .result_table td {padding:3px;border-bottom: 1px solid #F1F1F1} .my_data_table .less_padding td {padding:2px;}