IE8 does not support RADSCHEDULER

[Bottlerocket]

Hi,
          I'm using radscheduler in my application and it is not supported by IE8. It looks more compressed. Can some body throw some light on it.

R/ Michael.

[Paul]

Hello Bottlerocket,

RadControls for ASP.NET AJAX provide full support for IE8 as of Q1 2009 SP1 release. I suggest you download and try the latest version of the controls. In addition, please browse the online demos and let us know if you notice any issue(s).

All the best,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mattias Jöraas]

i have a similar problem if not the same as bottlerocket, we are using version 2009.1.311.35 of telerik.ui.dll.

the frame for the sheduler is big and nice, but all rows and items is totaly compressed to the left. (IE8).
http://i579.photobucket.com/albums/ss236/mjoraas/scheduler.jpg
http://i579.photobucket.com/albums/ss236/mjoraas/scheduler2.jpg

although in firefox it kinda expands out past the frame.
http://i579.photobucket.com/albums/ss236/mjoraas/scheduler3.jpg

anyone knows how to fix this ?
IE 7 shows the controller perfect! (almost, the prev/next day buttons are floating a bit too low and in the calendar)
http://i579.photobucket.com/albums/ss236/mjoraas/scheduler4.jpg

[Kamen Bundev]

Hello Mattias,

As said previously, RadControls for ASP.NET AJAX provide full support for IE8 since Q1 2009 SP1 (build 402) and you have just Q1 2009 (build 311) installed. Please upgrade to a more recent version to get the issue fixed.

Kind regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mattias Jöraas]

Thanks for the reply, we updated our components to telerik.ui.dll - 2009.2.701.35.
IE7 still looks the same, the day navigation is flooating a bit low and on IE8 the same and a big white padd before the calendar content.
http://i579.photobucket.com/albums/ss236/mjoraas/scheduler5.jpg

and on Firefox the day navigation is floating low and a big white padd on the left.
http://i579.photobucket.com/albums/ss236/mjoraas/scheduler6.jpg

Any fix for this ?

[Kamen Bundev]

Hello Mattias,

This separate issue looks like a global CSS is being applied on these elements. Can you can send a live URL so we can check? Thank you in advance.

Regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mattias Jöraas]

** URL Removed ** 

[T. Tsonev]

Hi,

The URL that you've sent appears to be an Intranet address. Can you please send us the fully qualified URL, including the domain name?

All the best,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mattias Jöraas]

** Url Removed **

[T. Tsonev]

Hello,

We still can't open the page. Probably that host is not accessible outside of your corporate network. You should consult your network administrator if such access can be arranged. If this is not possible, we'll need either a sample project or the generated HTML of the page along with any CSS stylesheets.

Best wishes,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mattias Jöraas]

try this then ;
http://utv-2.dev.sbbs.se/Medlemssidor/Projektverktyget/

[Peter]

Hello Mattias,

Still, the resource is not available.


Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mattias Jöraas]

*** Our HTML ***

<div id="ctl00_ctl00_MainContent_MyPagesContent_RadPageViewCalendar" style="display:none;">

                <div class="module mod4">
                    <div class="content">
                        <div id="ctl00_ctl00_MainContent_MyPagesContent_ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendarPanel">
            <div id="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar" class="RadScheduler RadScheduler_Office2007 " style="height:670px;width:100%;">
                <div class="rsTopWrap">
                    <div class="rsHeader">
                        <h2>
                            aug, 2009
                        </h2>
                    </div><div class="rsContent rsMonthView">
                        <table cellpadding="0" cellspacing="0" border="0" style="width:100%;">
                            <tr>
                                <td class="rsHorizontalHeaderWrapper"><div>
                                    <div class="rsInnerFix" style="overflow:hidden;">
                                        <table class="rsHorizontalHeaderTable" cellpadding="0" cellspacing="0" border="0" style="height:25px;width:100%;">
                                            <tr>
                                                <th><span>må</span></th><th><span>ti</span></th><th><span>on</span></th><th><span>to</span></th><th><span>fr</span></th><th><span>lö</span></th><th><span>sö</span></th>
                                            </tr>
                                        </table>
                                    </div>
                                </div></td>
                            </tr><tr>
                                <td class="rsContentWrapper"><div class="rsContentScrollArea" style="overflow:auto;position:relative;overflow-y:scroll;">
                                    <table class="rsContentTable" cellpadding="0" cellspacing="0" border="0" style="table-layout:fixed;width:100%;">
                                        <tr class="rsRow rsFirstRow">
                                            <td class=" rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:7;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-07-27" class="rsDateHeader">27</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:6;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-07-28" class="rsDateHeader">28</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:5;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-07-29" class="rsDateHeader">29</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:4;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-07-30" class="rsDateHeader">30</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:3;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-07-31" class="rsDateHeader">31</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsSatCol"><div class="rsWrap rsDateWrap" style="z-index:2;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-01" class="rsDateHeader">01 aug</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsLastCell rsSunCol"><div class="rsWrap rsDateWrap" style="z-index:1;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-02" class="rsDateHeader">2</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td>
                                        </tr><tr class="rsRow">
                                            <td><div class="rsWrap rsDateWrap" style="z-index:7;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-03" class="rsDateHeader">3</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:6;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-04" class="rsDateHeader">4</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:5;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-05" class="rsDateHeader">5</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:4;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-06" class="rsDateHeader">6</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:3;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-07" class="rsDateHeader">7</a></div>
                                            </div><div class="rsWrap" style="z-index:3;height:25px;">
                                                <div id="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar_3_0" title="Beskrivning Av något." class="rsApt" style="height:21px;width:100%;">
                                                    <div class="rsAptOut">
                                                        <div class="rsAptMid">
                                                            <div class="rsAptIn">
                                                                <div class="rsAptContent">
                                                                    Beskrivning Av n&#229;got.<a class="rsAptDelete" href="#">delete</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsSatCol"><div class="rsWrap rsDateWrap" style="z-index:2;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-08" class="rsDateHeader">8</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsLastCell rsSunCol"><div class="rsWrap rsDateWrap" style="z-index:1;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-09" class="rsDateHeader">9</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td>
                                        </tr><tr class="rsRow">
                                            <td><div class="rsWrap rsDateWrap" style="z-index:7;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-10" class="rsDateHeader">10</a></div>
                                            </div><div class="rsWrap" style="z-index:7;height:25px;">
                                                <div id="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar_1_0" title="Ny aktivitet den 10:e" class="rsApt" style="height:21px;width:100%;">
                                                    <div class="rsAptOut">
                                                        <div class="rsAptMid">
                                                            <div class="rsAptIn">
                                                                <div class="rsAptContent">
                                                                    Ny aktivitet den 10:e<a class="rsAptDelete" href="#">delete</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsTodayCell"><div class="rsWrap rsDateWrap" style="z-index:6;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-11" class="rsDateHeader">11</a></div>
                                            </div><div class="rsWrap" style="z-index:6;height:25px;">
                                                <div id="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar_4_0" title="Möte idag!" class="rsApt" style="height:21px;width:100%;">
                                                    <div class="rsAptOut">
                                                        <div class="rsAptMid">
                                                            <div class="rsAptIn">
                                                                <div class="rsAptContent">
                                                                    M&#246;te idag!<a class="rsAptDelete" href="#">delete</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:5;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-12" class="rsDateHeader">12</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:4;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-13" class="rsDateHeader">13</a></div>
                                            </div><div class="rsWrap" style="z-index:4;height:25px;">
                                                <div id="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar_6_0" title="Test av nytt objekt!" class="rsApt" style="height:21px;width:100%;">
                                                    <div class="rsAptOut">
                                                        <div class="rsAptMid">
                                                            <div class="rsAptIn">
                                                                <div class="rsAptContent">
                                                                    Test av nytt objekt!<a class="rsAptDelete" href="#">delete</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:3;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-14" class="rsDateHeader">14</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsSatCol"><div class="rsWrap rsDateWrap" style="z-index:2;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-15" class="rsDateHeader">15</a></div>
                                            </div><div class="rsWrap" style="z-index:2;height:25px;">
                                                <div id="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar_0_0" title="Lördags aktivitet" class="rsApt" style="height:21px;width:100%;">
                                                    <div class="rsAptOut">
                                                        <div class="rsAptMid">
                                                            <div class="rsAptIn">
                                                                <div class="rsAptContent">
                                                                    L&#246;rdags aktivitet<a class="rsAptDelete" href="#">delete</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsLastCell rsSunCol"><div class="rsWrap rsDateWrap" style="z-index:1;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-16" class="rsDateHeader">16</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td>
                                        </tr><tr class="rsRow">
                                            <td><div class="rsWrap rsDateWrap" style="z-index:7;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-17" class="rsDateHeader">17</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:6;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-18" class="rsDateHeader">18</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:5;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-19" class="rsDateHeader">19</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:4;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-20" class="rsDateHeader">20</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:3;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-21" class="rsDateHeader">21</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsSatCol"><div class="rsWrap rsDateWrap" style="z-index:2;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-22" class="rsDateHeader">22</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsLastCell rsSunCol"><div class="rsWrap rsDateWrap" style="z-index:1;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-23" class="rsDateHeader">23</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td>
                                        </tr><tr class="rsRow">
                                            <td><div class="rsWrap rsDateWrap" style="z-index:7;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-24" class="rsDateHeader">24</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:6;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-25" class="rsDateHeader">25</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:5;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-26" class="rsDateHeader">26</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:4;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-27" class="rsDateHeader">27</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td><div class="rsWrap rsDateWrap" style="z-index:3;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-28" class="rsDateHeader">28</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsSatCol"><div class="rsWrap rsDateWrap" style="z-index:2;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-29" class="rsDateHeader">29</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsLastCell rsSunCol"><div class="rsWrap rsDateWrap" style="z-index:1;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-30" class="rsDateHeader">30</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">
                                                <div id="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar_5_0" title="Söndagen" class="rsApt" style="height:21px;width:100%;">
                                                    <div class="rsAptOut">
                                                        <div class="rsAptMid">
                                                            <div class="rsAptIn">
                                                                <div class="rsAptContent">
                                                                    S&#246;ndagen<a class="rsAptDelete" href="#">delete</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td>
                                        </tr><tr class="rsRow rsLastRow">
                                            <td><div class="rsWrap rsDateWrap" style="z-index:7;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-08-31" class="rsDateHeader">31</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:6;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-09-01" class="rsDateHeader">01 sep</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:5;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-09-02" class="rsDateHeader">2</a></div>
                                            </div><div class="rsWrap" style="z-index:5;height:25px;">
                                                <div id="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar_2_0" title="Beskrivning!!" class="rsApt" style="height:21px;width:100%;">
                                                    <div class="rsAptOut">
                                                        <div class="rsAptMid">
                                                            <div class="rsAptIn">
                                                                <div class="rsAptContent">
                                                                    Beskrivning!!<a class="rsAptDelete" href="#">delete</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:4;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-09-03" class="rsDateHeader">3</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:3;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-09-04" class="rsDateHeader">4</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsSatCol rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:2;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-09-05" class="rsDateHeader">5</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td><td class=" rsLastCell rsSunCol rsOtherMonth"><div class="rsWrap rsDateWrap" style="z-index:1;height:25px;">
                                                <div class="rsDateBox"><a href="#" title="2009-09-06" class="rsDateHeader">6</a></div>
                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap" style="z-index:1;height:25px;">

                                            </div><div class="rsWrap rsLastWrap" style="z-index:1;height:25px;">

                                            </div></td>
                                        </tr>
                                    </table>
                                </div></td>
                            </tr>
                        </table>
                    </div>
                </div><script type="text/javascript">
                    Telerik.Web.UI.RadScheduler._preInitialize("ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar",0,0,1,false);
                </script><input id="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar_ClientState" name="ctl00_ctl00_MainContent_MyPagesContent_RadSchedulerActivityCalendar_ClientState" type="hidden" />
            </div>
        </div>
                    </div>
                    <input type="button" name="ctl00$ctl00$MainContent$MyPagesContent$ButtonPrev" value="Föregående" onclick="javascript:__doPostBack('ctl00$ctl00$MainContent$MyPagesContent$ButtonPrev','')" id="ctl00_ctl00_MainContent_MyPagesContent_ButtonPrev" />
                    <input type="button" name="ctl00$ctl00$MainContent$MyPagesContent$ButtonNow" value="Nuvarande" onclick="javascript:__doPostBack('ctl00$ctl00$MainContent$MyPagesContent$ButtonNow','')" id="ctl00_ctl00_MainContent_MyPagesContent_ButtonNow" />
                    <input type="button" name="ctl00$ctl00$MainContent$MyPagesContent$ButtonNext" value="Nästa" onclick="javascript:__doPostBack('ctl00$ctl00$MainContent$MyPagesContent$ButtonNext','')" id="ctl00_ctl00_MainContent_MyPagesContent_ButtonNext" />
                </div>

    </div><input id="ctl00_ctl00_MainContent_MyPagesContent_RadMultiPage_ClientState" name="ctl00_ctl00_MainContent_MyPagesContent_RadMultiPage_ClientState" type="hidden" />
</div>
    </div>
    <div id="ctl00_ctl00_MainContent_MyPagesContent_RadWindowManager" style="display:none;">
    <div id="ctl00_ctl00_MainContent_MyPagesContent_RadWindowManager_alerttemplate" style="display:none;">
        <div class="rwDialogPopup radalert">
            <div class="rwDialogText">
            {1}
            </div>

            <div>
                <a onclick="$find('{0}').close();" class="rwPopupButton" href="javascript:void(0);">
                    <span class="rwOuterSpan">
                        <span class="rwInnerSpan">##LOC[OK]##</span>
                    </span>
                </a>
            </div>
        </div>
        </div><div id="ctl00_ctl00_MainContent_MyPagesContent_RadWindowManager_prompttemplate" style="display:none;">
         <div class="rwDialogPopup radprompt">
                <div class="rwDialogText">
                {1}
                </div>
                <div>
                    <script type="text/javascript">
                    function RadWindowprompt_detectenter(id, ev, input)
                    {
                        if (!ev) ev = window.event;
                        if (ev.keyCode == 13)
                        {
                            var but = input.parentNode.parentNode.getElementsByTagName("A")[0];
                            if (but)
                            {
                                if (but.click) but.click();
                                else if (but.onclick)
                                {
                                    but.focus(); var click = but.onclick; but.onclick = null; if (click) click.call(but);
                                }
                            }
                           return false;
                        }
                        else return true;
                    }
                    </script>
                    <input onkeydown="return RadWindowprompt_detectenter('{0}', event, this);" type="text" class="rwDialogInput" value="{2}" />
                </div>
                <div>
                    <a onclick="$find('{0}').close(this.parentNode.parentNode.getElementsByTagName('input')[0].value);" class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span></span></a>
                    <a onclick="$find('{0}').close(null);" class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span></a>
                </div>
            </div>
        </div><div id="ctl00_ctl00_MainContent_MyPagesContent_RadWindowManager_confirmtemplate" style="display:none;">
        <div class="rwDialogPopup radconfirm">
            <div class="rwDialogText">
            {1}
            </div>
            <div>
                <a onclick="$find('{0}').close(true);" class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span></span></a>
                <a onclick="$find('{0}').close(false);" class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span></a>
            </div>
        </div>
        </div><input id="ctl00_ctl00_MainContent_MyPagesContent_RadWindowManager_ClientState" name="ctl00_ctl00_MainContent_MyPagesContent_RadWindowManager_ClientState" type="hidden" />
</div>

        </div>
    </div>

                    </div>

*** Our CSS ***

html                                { overflow: -moz-scrollbars-vertical; overflow: scroll; }

body                                { padding: 0px; margin: 0px; background: #f0f0f0; font: 12px arial; text-align: center; }

a                                   { text-decoration: underline; color: #325cd5; }

h1, h2, h3, h4, h5, h6, h7, h8, p   { padding: 0px; margin: 0px; font-size: 12px; }

.topHeading                         { margin:0 0 25px 0;color:#666;}
h1.topHeading                       { font-size:1.3em;}
h2.topHeading                       { font-size:1.2em;}
h3.topHeading                       { font-size:1.1em;}

#wrapperOuter       { width: 100%; }
#wrapperInner       { margin-left: auto; margin-right: auto; width: 1007px; background: #fff; text-align: left; }
#wrapperInner #pad  { padding: 0px 14px 0px 14px; width: 979px; }
#topAd              { width: 979px; height: 119px; background: #ff0000; }

#wrapperHeader          { margin-top: 5px; width: 979px; height: 92px; }
#wrapperHeader #logo    { float: left; }

#wrapperHeader #presentation        { width: 360px; float: rightright; }
#wrapperHeader #presentation .image { float: rightright; }
#wrapperHeader #presentation h4     { margin-top: 10px; font-size: 14px; display: block; }

#wrapperColumn1 { width: 720px; float: left; }
#wrapperColumn2 { width: 250px; float: rightright; }

#wrapperColumn1 #wrapperMenu                            { margin:0; height: 26px; background-image:url('../Images/menu/topmenu_unselected_bg.jpg'); background-repeat:repeat-x; }
#wrapperColumn1 #wrapperMenu ul.mainMenu                { list-style:none; margin:0; padding:0 0 0 5px; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li             { display:block; float:left; padding:0 10px; height:26px; line-height:26px; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li a           { color:#fff; text-decoration:none; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li.selected a  { color:#494747; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li             { background-image:url('../Images/menu/topmenu_delimiter.jpg'); background-repeat:no-repeat; background-position:rightright; }
#wrapperColumn1 #wrapperMenu ul.mainMenu li.selected    { background-image:url('../Images/menu/topmenu_selected_bg.jpg'); background-repeat:repeat-x; }

#wrapperColumn1 #wrapperSubMenu                         { background-image:url('../Images/menu/submenu_bg.jpg'); background-repeat:repeat-x; margin:0 0 15px 0; }
#wrapperColumn1 #wrapperSubMenu .left                   { float:left;}
#wrapperColumn1 #wrapperSubMenu .rightright                  { float:rightright;}
#wrapperColumn1 #wrapperSubMenu .left,
#wrapperColumn1 #wrapperSubMenu .rightright                  { background-image:url('../Images/menu/submenu_bg_edge.jpg'); background-repeat:no-repeat; width:1px; height:27px; }
#wrapperColumn1 #wrapperSubMenu ul.subMenu              { list-style:none; height:27px; margin:0; padding:0 0 0 5px; float:left; }
#wrapperColumn1 #wrapperSubMenu ul.subMenu li           { display:block; float:left; line-height:27px; padding:0 5px;}

#wrapperColumn1 .categoryContainer,
#wrapperColumn1 .linkContainer                          {float:left;padding:0;margin:0;}

#wrapperColumn1 .categoryContainer                      {border-right:1px solid #ccc;height:700px;width:25%;}
#wrapperColumn1 .linkContainer                          {padding:0 0 0 15px;width:70%;}

#wrapperColumn1 ul.links,
#wrapperColumn1 ul.categoryMenu                         {padding:0;list-style:none;margin:0;}

#wrapperColumn1 ul.links li                             {padding:5px 0 5px 0px;}
#wrapperColumn1 ul.categoryMenu li                      {padding:5px 0 5px 5px;}
#wrapperColumn1 ul.categoryMenu li.selected             {background-color:#eee;}
#wrapperColumn1 ul.categoryMenu li:hover                {background-color:#f3f3f3;}
#wrapperColumn1 ul.categoryMenu li a                    {color:#666;text-decoration:none;}

.contact img                                            {}
.contact span                                           {}
.contact                                                {}

/*
====================================================
WRAPPERIMAGEROTATOR
====================================================
*/
#wrapperImageRotator    { margin-bottom: 15px; width: 317px; height: 248px; border: solid 1px #cccccc; float: left; }

/*
====================================================
WRAPPERMAP
====================================================
*/
#wrapperMap             { margin-bottom: 15px; padding: 10px; width: 369px; height: 228px; border: solid 1px #cccccc; float: rightright; }
#wrapperMap div         { width: 235px; float: left; }
#wrapperMap div h2      { font-size: 1.5em; }
#wrapperMap div p       { margin: 7px 0px 15px 0px; font-size: 1.0em; }
#wrapperMap div a       { margin: 7px 0px 7px 0px; padding-left: 20px; background: url('../images/arrow01.gif') no-repeat top left; color: #666666; text-decoration: none; display: block; }
#wrapperMap #Image      { width: 131px; float: rightright; }

/*
====================================================
WRAPPERMYPAGE
====================================================
*/
#wrapperMyPage                  { margin-bottom: 15px; }
#wrapperMyPage #nav             { width: 186px; background: #f3f2f2; border-left: solid 3px #f94c00; overflow: hidden; float: left; }
#wrapperMyPage #nav h3          { width: 186px; padding: 11px; margin: 0px; background: url('../images/menyHeadBg.gif') repeat-x top left; border-bottom: solid 1px #bdbcbc; font-size: 14px; color: #595959; }
#wrapperMyPage #nav .sub        { padding:5px 0px 5px 12px; background: #585959 url('../images/menyArrowDown.gif') no-repeat top rightright; color: #fff; }
#wrapperMyPage #nav .sub strong { display: block; }


#wrapperMyPage #nav ul              { padding: 0px; margin: 0px; list-style-type: none; }
#wrapperMyPage #nav ul li           { display: block; border-top: solid 1px #bdbcbc; border-bottom: solid 1px #f8fbff;  }
#wrapperMyPage #nav ul li a         { height: 40px; background: transparent; display: block; text-decoration: none; color: #000; }
#wrapperMyPage #nav ul li a:hover,
#wrapperMyPage #nav ul li a.selected{ height: 40px; background: #ffffff url('../images/menyArrow.gif') no-repeat top rightright; display: block; text-decoration: none; }
#wrapperMyPage #nav ul li a span    { line-height: 40px; padding-left: 10px; font-size: 13px; }

#wrapperMyPage #wrapperContent      { width: 500px !important; padding: 0px 10px 10px 10px; float: rightright !important; }

/*Horizontal navigation inside a project and network-room*/
ul.proj                     { width: 100%; margin: 0px 0px 15px 0px; padding: 0px; overflow: hidden; list-style-type: none; }
ul.proj li                  { width: 25%; display: block; float: left; text-align: center;  }
ul.proj li a                { display: block; background: url('../images/menyBodyLineBg.gif') repeat-x bottombottom left; text-decoration: none; font-weight: bold; color: #6d6d6d; }
ul.proj li a:hover,
ul.proj li a.selected       { background: url('../images/menyBodyBg.gif') repeat-x top left; cursor: hand; cursor: pointer; }

ul.proj li a span           { padding-top: 10px; height: 28px; display: block; }
ul.proj li a:hover span,
ul.proj li a.selected span  { background: url('../images/menyBodyArrow.gif') no-repeat bottombottom center; cursor: hand; cursor: pointer; }


/*
====================================================
WRAPPERACTIVITIES
====================================================
*/
#wrapperActivity                        { width: 720px; float: left; }
#wrapperActivity #wrapperContent        { padding: 10px; width: 460px; background: url('../images/activityBg.gif') repeat-x top left; border: solid 1px #e3e3e3; color: #666666; float: left; }
#wrapperActivity #wrapperContent.blank  { padding: 10px; width: 696px; background: none; border: none 0px; color: #666666; }

#wrapperActivity #wrapperContent h1 { padding: 10px 0px 10px 0px; font-size: 1.4em; font-weight: 700; color: #6f706f; }
#wrapperActivity #wrapperContent h2 { padding: 10px 0px 10px 0px; font-size: 1.15em; font-weight: bold; color: #6f706f; }
#wrapperActivity #wrapperContent p  { padding: 0px; margin: 10px 0px 10px 0px; }
#wrapperActivity #wrapperContent a  { text-decoration: none; font-weight: bold; }

#wrapperActivity #details           { margin-left: 18px; width: 215px; background: url('../images/activityBg.gif') repeat-x top left; border: solid 1px #e3e3e3; overflow: hidden; float: left; }
#wrapperActivity #details .portrait { padding: 17px; margin: 20px 0px 0px 23px; background: #fff; border: solid 1px #e3e3e3; }

#wrapperActivity #details table.info                { margin: 22px; padding: 0px; width: 190px; }
#wrapperActivity #details table.info tr             {  }
#wrapperActivity #details table.info tr td          {  }
#wrapperActivity #details table.info .padTop        { padding-top: 10px; }
#wrapperActivity #details table.info .padBottom     { padding-bottom: 10px; }
#wrapperActivity #details table.info tr td h2       { font-size: 14px; color: #595959; }
#wrapperActivity #details table.info tr td strong   { font-weight: bold; color: #707070; display: block; }

#wrapperActivity #details table.price               {  }
#wrapperActivity #details table.price tr td         { padding-bottom: 10px; }

#wrapperActivity #wrapperRegister       { padding: 10px; width: 460px; background: url('../images/activityBg.gif') repeat-x top left; border: solid 1px #e3e3e3; color: #666666; float: left; }
#wrapperActivity #wrapperRegister.blank { padding: 10px; background: none; border: none 0px; color: #666666; }
#wrapperActivity #wrapperRegister h1    { padding: 10px 0px 10px 0px; font-size: 1.4em; font-weight: 700; color: #6f706f; }
#wrapperActivity #wrapperRegister h2    { padding: 10px 0px 10px 0px; font-size: 1.15em; font-weight: bold; color: #6f706f; }
#wrapperActivity #wrapperRegister p     { padding: 0px; margin: 10px 0px 10px 0px; }
#wrapperActivity #wrapperRegister a     { text-decoration: none; font-weight: bold; }

/*
====================================================
WRAPPERLINKS
====================================================
*/
#wrapperLinks                       {  }
#wrapperLinks h3                    { padding: 11px; margin: 0px; font-size: 14px; color: #595959; }
#wrapperLinks #nav                  { width: 186px; border-right: solid 1px #d1d1d1; overflow: hidden; float: left; }
#wrapperLinks #nav .sub             { padding:5px 0px 5px 10px; font-size: 13px; font-weight: bold; color: #6f706f; }

#wrapperLinks #nav ul               { padding: 0px; margin: 0px; list-style-type: none; }
#wrapperLinks #nav ul li            { margin: 10px 0px 10px 0px; display: block; }
#wrapperLinks #nav ul li a          { height: 22px; background: transparent; display: block; text-decoration: none; color: #666666; }
#wrapperLinks #nav ul li a:hover,
#wrapperLinks #nav ul li a.selected { height: 22px; background: #e2e2e2 url('../images/menyArrowSmall.gif') no-repeat top rightright; display: block; text-decoration: none; }
#wrapperLinks #nav ul li a span     { line-height: 20px; padding-left: 10px; font-size: 13px; }

#wrapperLinks #wrapperContent           { width: 500px !important; padding: 0px 10px 10px 10px; float: rightright !important; }
#wrapperLinks #wrapperContent ul        { padding: 0px; margin: 0px; overflow: hidden; }
#wrapperLinks #wrapperContent ul li     { margin-bottom: 20px; }
#wrapperLinks #wrapperContent ul li a   { font-weight: bold; text-decoration: none; }


/*
====================================================
WRAPPERSTANDARD & WRAPPERCONTENT
====================================================
*/
#wrapperStandard                    {  }
#wrapperStandard h3                 { margin: 0px; font-size: 14px; color: #595959; }
#wrapperStandard #wrapperContent    { padding: 10px 10px 10px 0px; }

#wrapperContent             { padding: 0px 10px 10px 10px; float: rightright; } /*Is overriden*/
#wrapperContent h1          { font-size: 1.4em; font-weight: 700; color: #6f706f; }
#wrapperContent p.subline   { font-weight: bold; }
#wrapperContent p           { margin: 20px 0px 20px 0px; clear: both; }
#wrapperContent p .left     { margin-right: 20px; float: left; }
#wrapperContent p .rightright    { margin-left: 20px; float: rightright; }

/*
====================================================
LIST
====================================================
*/
ul.news                     {list-style:none;margin:0;padding:0;}

/*
====================================================
CONTACTS
====================================================
*/
table.contacts                      { width:100%;margin:0 0 20px 0;}
table.contacts p                    { margin:0;padding:0; }
table.contacts td.img               { vertical-align:bottombottom; width:100px; }
table.contacts td.text              { vertical-align:bottombottom; }
table.contacts tr.delimiter td      { border-bottom: 1px solid #ccc; height:20px;}

/*
====================================================
PERSONAL
====================================================
*/
table.personal              { margin-bottom: 20px; border-collapse: collapse; }
table.personal td           { padding: 20px 0px 20px 0px; border-bottom: solid 1px #cccccc; }
table.personal td.image     { width: 120px; vertical-align: bottombottom; }
table.personal td.info      { padding-left: 35px; vertical-align: bottombottom; color: #666666; }
table.personal td.info h2   { margin-bottom: 10px; font-size: 1.2em; color: #595959; }
table.personal td.info a    { text-decoration: none; }


/*
====================================================
PARTNERS
====================================================
*/
table.partners              { margin-bottom: 20px; border-collapse: collapse; }
table.partners td           { padding: 20px 0px 20px 0px; border-bottom: solid 1px #cccccc; }
table.partners td.image     { width: 157px; vertical-align: top; }
table.partners td.image a   {  }
table.partners td.info      { padding-left: 35px; vertical-align: top; color: #666666; }
table.partners td.info h2   { margin-bottom: 10px; font-size: 1.2em; color: #595959; }
table.partners td.info p    { padding: 0px; }
table.partners td.info a    { text-decoration: none; }


/*
====================================================
TABLES
====================================================
*/
table                           { margin: 0px; padding: 0px; table-layout: auto; border-collapse: collapse; }
table tbody                     {  }
table tbody tr                  {  }
table tbody tr td               { padding: 2px; vertical-align: top; display: table-cell; }
table tbody tr td.label         {  }
table tbody tr td.label span    { font-weight: bold; color: #666666; }
table tbody tr td.label span em { padding-left: 5px; color: #189ff9; }

.alignTop td                { vertical-align: top; }
.alignMiddle td             { vertical-align: middle; }
.alignBottom td             { vertical-align: bottombottom; }

.topPad                     { padding-top: 20px; }
.bottomPad                  { padding-bottom: 20px; }
.topMargin                  { margin-top: 20px; }
.bottomMargin               { margin-bottom: 20px; }


/*
====================================================
DECORATORS
====================================================
*/
.underline  { padding-bottom: 5px; border-bottom: solid 1px #bdbcbc; }
.overline   { padding-top: 5px; border-bottom: solid 1px #bdbcbc; }

/*
====================================================
WRAPPERCALENDARIUM
====================================================
*/
#wrapperCalendarium
{
    height: 290px;
    margin: 15px 0px 10px 0px;
    width: 720px;
    float: left;
}

#wrapperCalendarium h2
{ margin-bottom: 10px; font-size:14px; font-weight: 700; color: #6f706f; }

#wrapperCalendarium .module
{

    padding: 0px;
    margin: 0px 7px 0px 7px;
    position: relative;
    height: 255px;
    width: 170px;
    float: left;
}

#wrapperCalendarium .module.first   { margin-left: 0px; }
#wrapperCalendarium .module.last    { margin-right: 0px; margin-left: 5px; }

#wrapperCalendarium .module div.content
{
    padding: 10px;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    height: 212px;
    font-size: 1.0em;
}

#wrapperCalendarium .module div.content a.seeAll
{
    position: absolute;
    bottombottom: 5px; left: 5px;
    text-decoration: none;
    font-size: 11px;
    color: #101010;
}

#wrapperCalendarium .module div.content div.editorial
{ display: none; width: 140px; }

#wrapperCalendarium .module div.content a.prevPage,
#wrapperCalendarium .module div.content a.nextPage
{
    position: absolute;
    z-index: 5;
    cursor: hand;
    cursor: pointer;
}

/*Navigators*/
#wrapperCalendarium .module div.content a.disabled  { visibility: hidden !important; }
#wrapperCalendarium .module div.content a.prevPage  { top: 32px; rightright: 5px; }
#wrapperCalendarium .module div.content a.nextPage  { bottombottom:5px; rightright: 5px; }

#wrapperCalendarium .module div.content div.scrollable
{
    position:relative;
    overflow:hidden;
    width: 140px;
    height:180px;
}

#wrapperCalendarium .module div.content .scrollable .items
{
    /* this cannot be too large */
    height:20000em;
    position:absolute;
}

#wrapperCalendarium .module div.content .scrollable .items div
{
    width: 140px;
    border-bottom: solid 1px #999;
}

#wrapperCalendarium .module div.content .scrollable .items div.active,
#wrapperCalendarium .module div.content .scrollable .items div a:hover
{
    background-color:#fff;
}

#wrapperCalendarium .module div.content .scrollable .items div a
{
    padding: 5px 2px 5px 2px;
    text-decoration: none;
    color: #010101;
    display: block;
}

#wrapperCalendarium .module div.content .scrollable .items div a .date
{ display: block; font-size: 10px; }

#wrapperCalendarium .module div.content .scrollable .items div a .content
{ font-size: 1em; }

/*Classes if you need to overloading */
/*Seminars*/
#seminars   {  }

/*networks*/
#networks   {  }
#networks div.content a.prevPage        { top: 100px !important; }
#networks div.content .scrollable       { height: 90px !important; }
#networks div.content div.editorial     { margin-bottom: 20px; display: block !important; }

/*Classes*/
#classes    {  }

/*Events*/
#events     {  }
#events div.content a.prevPage      { top: 100px !important; }
#events div.content .scrollable     { height: 108px !important; }
#events div.content div.editorial   { margin-bottom: 20px; display: block !important; }
#events div.content .scrollable .items div
{ border: none 0 !important; }

/*
====================================================
WRAPPERBLOGS
====================================================
*/
#wrapperBlogs
{
    padding: 10px;
    width: 698px;
    background: #ededed;
    border: solid 1px #cccccc;
    float: left;
}
#wrapperBlogs div
{
    margin: 0px 25px 0px 24px;
    width: 100px;
    height: 190px;
    display: block;
    overflow:hidden;
    float: left;
}
#wrapperBlogs div image { border: solid 1px #929191; }
#wrapperBlogs div h4    { margin-top: 10px; padding-left: 20px; background: transparent url('../images/arrow01.gif') no-repeat top left; }
#wrapperBlogs div p     { padding: 0px 0px 0px 20px; margin: 0px; font-size: 0.9em; }
#wrapperBlogs div.first { margin-left: 1px; }
#wrapperBlogs div.last  { margin-right: 0px; }


/*
====================================================
WRAPPERFOOTER
====================================================
*/
#wrapperFooter
{
    margin-top: 30px;
    height: 28px;
    background: #e0e0e0;
    color: #7f7f7f;
}
#wrapperFooter a
{
    float: left;
    padding-right: 5px;
}
#wrapperFooter div
{
    float:left;
    line-height:28px;
    font-size: 10px;
    font-weight: bold; text-align: center;
}
#wrapperFooter div a
{ float: none; }


/*
====================================================
INFOBOX
====================================================
*/
.infobox                    { width: 450px; position: relative; border: solid 1px #cccccc; float: left; }
.infobox .content           { position: relative; padding: 10px; float: left; }
.infobox .content img,
.infobox .content image     { float: left; }
.infobox .content div       { margin-left: 10px; width: 370px; float: rightright; }
.infobox .content div h4    { font-size: 13px; color: #666666; }

.infobox .corner1,
.infobox .corner2,
.infobox .corner3,
.infobox .corner4   { position: absolute; z-index: 10; width: 6px; height: 6px; background: url('../images/boxCornerBg.gif') no-repeat; }

.infobox .corner1   { top: -1px; left: -1px; background-position: top left; }
.infobox .corner2   { top: -1px; rightright: -1px; background-position: top rightright; }
.infobox .corner3   { bottombottom: -1px; left: -1px; background-position: bottombottom left; }
.infobox .corner4   { bottombottom: -1px; rightright: -1px; background-position: bottombottom rightright; }

/*
====================================================
LOGIN MODULE
====================================================
*/
.LoginModule
{
    display: block;
    margin-bottom: 6px;
    padding: 2px 2px 5px 10px;
    background-color: #ededed;
    border: solid 1px #cccccc;
}
.LoginModule .UserNameField { width: 160px; font-size: 11px; }
.LoginModule .PasswordField { width: 160px; font-size: 11px; }
.LoginModule .LoginButton { width: 63px; font-size: 11px; }
.LoginModule .LogoutButton { float:rightright; width: auto; font-size: 11px; margin-bottom: 10px; clear: rightright; }
.LoginModule .CheckBox { width: 20px; height: 20px; }
.LoginModule .Text { font-size: 11px; }
.LoginModule .HeaderText { display: inline-block; font-size: 11px; margin-top: 10px; }
.LoginModule .MarginText { display: inline-block; font-size: 11px; margin-top: 5px; }
.LoginModule .Link { display: inline-block; font-size: 11px; margin-top: 5px; }

.LoginModule A:active { color: Black; text-decoration: none; }
.LoginModule A:hover { color: Black; text-decoration: none; }
.LoginModule A:visited { color: Black; text-decoration: none; }
.LoginModule A:link { color: Black; text-decoration: none; }

/*
====================================================
SEARCH MODULE
====================================================
*/
.SearchModule
{
    margin-bottom: 6px;
    padding: 2px 2px 5px 10px;
    background-color: #ededed;
    border: solid 1px #cccccc;
}
.SearchModule .Header { font-size: 11px; }
.SearchModule .TextField { font-size: 11px; width: 160px; }
.SearchModule .Button { font-size: 11px; width: auto; float: rightright; clear: rightright; }

/*
====================================================
MEMBER SEARCH MODULE
====================================================
*/
.MemberSearchModule
{
    margin-bottom: 6px;
    padding: 1px 1px 1px 1px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
}
.MemberSearchModule table { padding: 0px; margin: 0px; width: auto; }
.MemberSearchModule table td { padding: 0px; margin: 0px; }
.MemberSearchModule table tr { padding: 0px; margin: 0px; }
.MemberSearchModule img { display: inline-block; margin: 0px; padding: 0px; }
.MemberSearchModule .padding { padding-left: 10px; }
.MemberSearchModule .Heading { font-size: 11px; }
.MemberSearchModule .TextField { font-size: 11px; width: 153px; }
.MemberSearchModule .Link { font-size: 11px; }
.MemberSearchModule .Button { font-size: 11px; }

.MemberSearchModule A:active { color: Black; text-decoration: none; }
.MemberSearchModule A:hover { color: Black; text-decoration: none; }
.MemberSearchModule A:visited { color: Black; text-decoration: none; }
.MemberSearchModule A:link { color: Black; text-decoration: none; }

/*
====================================================
MODULES
====================================================
*/
.module
{
    margin-bottom: 6px;
}
.mod1
{
    padding: 10px;
    background: #ededed;
    border: solid 1px #cccccc;
}

.mod2
{
    background: #f5f5f4;
    border: none 0px;
}
.mod2 h3
{
    padding: 3px 0px 0px 25px;
    height: 19px;
    background: #535252 url('../images/mod2_bg.png') no-repeat top left;
    color: #ffffff;
}
.mod2 div.content
{
    padding: 10px;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
}

.mod3
{
    padding: 4px;
    background: #eaf4fb;
}

.mod3 div.content
{
    background: #fff;
    border: solid 1px #e1e0e0;
}

.mod4
{
    padding: 4px;
    background: #eaf4fb;
}

.mod4 div.content
{
    background: #fff;
    border: solid 1px #bfdbff;
}

.mod1 div.nopad,
.mod2 div.nopad,
.mod3 div.nopad

{
    padding: 0px;
}

.mod1 div.pad,
.mod2 div.pad,
.mod3 div.pad

{
    padding: 10px;
}


/*
====================================================
ICONS
====================================================
*/

span.arrow
{ width:17px; height: 14px; background: url('../images/arrow01.gif') no-repeat top left; display: block; float: left; }

/*
====================================================
HACKS & QUIRKS
====================================================
*/
.clear  { float: none; clear: both; }
.colJustify {}

[Kamen Bundev]

Hi Mattias,

The HTML you posted is not enough for us to see exactly which rule gets applied. There are some that are possible candidates (hint: the prev/next buttons reside in a <p> tag), but to hunt down the exact one, we will need the whole page (plus in the HTML you sent the prev/next buttons are missing completely). On a side note, we were able to enter your site (there was a space at the end of the link URL), but we are getting this error while the page loads:

Could not load type 'HRClasses.Public.Classes.WorkroomPermission' from assembly 'HRClasses, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'.

Can you check what the problem is, it will be certainly better to see the problem there, live. Thank you in advance.

Kind regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mattias Jöraas]

i just ran the site from the developer server and no problems with the Workroompermission class.

The buttons are just replacements for the navigation pane since disabling the navigation pane fixes all padding errors.
i just change the selecteddate of the radscheduler in the code behind for those buttons.

[Kamen Bundev]

Hi Mattias,

I'm attaching a screenshot of what I'm getting from here. Can you at least do in Firefox "Save Page As..." -> "HTML only" and put it somewhere where we can access it? Please add the navigation pane before that. Thank you in advance.

Greetings,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mattias Jöraas]

i have saved the html from firefox but i have no place to put the file so it can be accessed , is there a way to attach it in a forum post or is that only a admin benefit ? otherwise maybe it could be mailed to you ?

[Paul]

Hi Mattias Jöraas,

Attachments are not allowed in the forums due to security reasons. Still, it will be best if you can open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

All the best,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[James Hildeman]

@Mattias Jöraas:  I had this same exact issue.  Views were squeezed to the left in IE8 and FF.  IE7/Compatibility View was fine. 

I have the calendar running on the public side of the site without issue.  I only the experience the above behavior when it is running on the admin side within an architecture that includes iframe, a variety of javascript, resize logic, and different .css being applied. 

ISSUE:  Within the RadScheduler div, it seems to render the <table class="rsContentTable"... /> and <table class="rsHorizontalHeaderTable".../> without the width=100% (as viewed in Firebug or IE8 developer tools; so post-css, post-inline and post-javascript).  When I run exactly the same user control, containing exactly the same RadScheduler on the public side of the site (no iframe or complicated wrappings) it looks fine and rsContentTable and rsHorizontalHeaderTable both have the width:100% on them.  Puzzling.

SOLUTION: jQuery
 

<script type="text/javascript">

$(

".RadScheduler .rsContentTable").css("width", "100%");  

 

 

$(

".RadScheduler .rsHorizontalHeaderTable").css("width", "100%");

 

 

 

</script>

 

 

Hopefully the post helps someone else...

[René Hézser]

Setting the width manually fixed the problem.
It still exists with IE8 and Telerik 2010.1.415.35

<style type="text/css">
    .rsContentTable { width: 100%; }
    .rsHorizontalHeaderTable { width: 100%; }
</style>

[Ian]

As a postscript to this, I had the same problem with the day columns in the scheduler being squashed together on the left side of the screen when viewed in IE7. The same screen displayed fine in IE8.

The suggested CSS fix above cured the problem for appointments that were a few hours in duration. However, all-day appointments still appeared squashed. I had to add a third CSS rule to get the all-day appointments to display correctly:

.rsContentTable { width: 100%; }
.rsHorizontalHeaderTable { width: 100%; }
.rsAllDayTable { width: 100%; }

Regards, Ian