@charset "UTF-8";

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––

   Title:              screen.css

   Browser(s):         firefox 2 (pc/mac), firefox 3 (pc/mac), 
                       safari (pc/mac), opera 9.5 (pc/mac), 
                       IE6, IE7

   Author:             Scott Chown / WorldBackups.net
   Created:            02/03/09
   Last Modified:      10/04/09

––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* COLOR GUIDE

   Body Background:    #FFF
   Main Text:          #4D4D4D
   Main Links:         #F3AE0A
   Main Headings:      #85B601

   CSS DECLARATION STRUCTURE

   1. positioning (with coordinates) styles
   2. float/clear styles
   3. display/visibility styles
   4. spacing (margin, padding, border) styles
   5. dimensions (width, height) styles
   6. typography-related (line-height, color, etc.) styles
   7. miscellaneous (list-style, cursors, etc.) styles

   
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* IMPORTED STYLESHEETS
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   @import url('reset.css');

/* LAYOUT
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   /* BASIC STRUCTURE */

   body                { margin:0; padding:0;}
   body#page-tag-0     { /*background:#ffffff url(../images/tile_home.jpg) top left repeat-x;*/}
   #head-wrap          { background:#d295db url(../images/tile_generic.jpg) top left repeat-x;}
   #page-tag-0 #head-wrap
                       { background:#d295db url(../images/tile_home.jpg) top left repeat-x;}
   #header             {}
   #header-wrapper     { background:transparent url(../images/header_bg.jpg) top right no-repeat;}
   .generic #header-wrapper
                       { background:transparent url(../images/header_bg_generic.jpg) top right no-repeat;}
   
   #header-boxes       { position:relative; display:inline; float:right; overflow:visible; zoom:1;}
   
   #intro              { margin-bottom:20px;}
   #intro-wrapper      { background:transparent url(../images/intro_bg.jpg) top left no-repeat;}
   #footer             { padding-top:9px; clear:both; overflow:auto; background:#678b06 url(../images/footer.jpg) top left repeat-x;}

   #head-wrap, #header, #intro, #content, #footer
                       { position:relative; min-width:1000px; text-align:center;}
   #header-wrapper, #intro-wrapper, #content-wrapper, #footer-wrapper
                       { position: relative; clear:both; margin:0 auto; width:900px; text-align:left;}

   /* BASIC CONTENT GRID */

   #main-content       { position:relative; float:right; display:inline; margin:2em 0 0 0; width:100%;}

   #primary, #slider   { position:relative; float:left; display:inline; margin:0 0 20px 0;}
   #primary {width: 100%;}
   /*_______________________________________________________________________________*/

   #primary, #slider   { width:605px;} /* Added to adjust layout for IE6 box model  */
   html>body #primary,
   html>body #slider   { width:593px;} /* Added to define layout for other browsers */

   /*_______________________________________________________________________________*/

   #secondary,
   .message, 
   #free-trial-form    { position:relative; float:right; display:inline; margin:0 0 20px 0; width:285px;}
   #free-trial-form    { display:block; float:none; margin-top:39px;}
   .message            { display:block; float:none; margin-top:50px;}

   .message-content    { margin-top:10px; padding:15px; font-size:1.2em; color:#3D0048; text-align:center;}

   #menu               { position:relative; float:right; display:inline; margin:0; width:379px;}

   /* ADDITIONAL LAYOUT */
   #footer-wrapper div { float:left; margin-right:20px;}
   #footer-wrapper #company-logos 
                       { float:right; margin-right:0; text-indent:-9999px;}
   #footer-wrapper #corporate-logos    
                       { float:none; margin:0 0 55px 0; overflow:auto; zoom:1; }

   .copy               { padding-top:40px; clear:both;}
   .blog-date          { display:block; float:left; margin:0; width:45px; height:54px; background:#c0c0c0 url(../images/calendar.jpg) top left no-repeat;}
   .blog-short         { float:right; width:220px; min-height: 65px; margin-bottom: 2px;}
   .blog-clear		   { clear: both;}

   #page-tag-1 .intro  { padding:35px 260px 0px 0; border-width:0; background:#fff url(../images/intro_home_user.jpg) top right no-repeat;}
   #page-tag-2 .intro  { padding:35px 260px 0px 0; margin-bottom:0; border-bottom-width:0; background:#fff url(../images/intro_pro_user.jpg) top right no-repeat;}


/* NAVIGATION MENUS
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
   
   /* Jump Menu */

   #jump-links ul       { margin: 0; padding: 0; list-style: none;}
   #jump-links li       { display:inline; margin:0; padding: 0; list-style: none;}

   #jump-links a        { position:absolute; overflow: hidden; z-index: 1000; width: 0; height: 0; font-weight: bold; font-size: 0.8em !important; color: #cc0000;}
   #jump-links a:active, 
   #jumpLinks a:focus   { overflow: visible; margin: 2em 0 0 1em; padding: 6px; border: 1px dashed #000; width: auto; height: auto; font-size: .6em; background: #fff;}

   /* Main Menu */

   #menu                { padding:0; margin:0; list-style-type:none; list-style-position:outside; overflow:auto;}
   #menu li             { position:relative; float:left; display:block; padding:0; margin:0;}
   #menu li a           { position:relative; display:block; height:86px; font-size:14px; color:#000000; text-decoration:none; text-transform:capitalize; text-indent:-9999px;}
   .generic #menu li a  { height:132px;}

   #menu li a.tag-1     { width:118px; background: transparent url(../images/link_01.jpg) bottom left no-repeat;} 
   #menu li a.tag-2     { width:109px; background: transparent url(../images/link_02.jpg) bottom left no-repeat;} 
   #menu li a.tag-3     { width:97px; background: transparent url(../images/link_03.jpg) bottom left no-repeat;} 
   #menu li a.tag-4     { width:55px; background: transparent url(../images/link_04.jpg) bottom left no-repeat;} 
   #menu li a.tag-5     { width:55px; background: transparent url(../images/link_05.jpg) bottom left no-repeat;}

   .generic #menu li a.tag-1
                        { background-image: url(../images/link_g_01.jpg);} 
   .generic #menu li a.tag-2
                        { background-image: url(../images/link_g_02.jpg);} 
   .generic #menu li a.tag-3
                        { background-image: url(../images/link_g_03.jpg);} 
   .generic #menu li a.tag-4
                        { background-image: url(../images/link_g_04.jpg);} 
   /*.generic #menu li a.tag-4
                        { background-image: url(../images/link_g_05.jpg);}*/

   #menu li a:hover     { background-position:top;}

   #page-tag-1 #menu li a.tag-1,
   #page-tag-2 #menu li a.tag-1,
   #page-tag-3 #menu li a.tag-2,
   #page-tag-4 #menu li a.tag-3
                        { background-position:top; cursor:pointer;}

/* SLIDER
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
   .scroll              { height: 250px; width:593px; overflow: auto; overflow-x: hidden; position: relative; /* fix for IE to respect overflow */ clear: left; background-color: transparent;}

   .scrollContainer div.panel 
                        { padding:0px; height: 248px; width: 593px; /* change to 560px if not using JS to remove rh.scroll */}

   /*#slider .panel img   { position:absolute; right:0; top:0;}*/
   #slider .panel span  { position:absolute; top:0; right:0; width:265px; height:276px; background:transparent url(../images/character03c.png) top right no-repeat;}

   #slider #panel2 span { background-image:url(../images/character03c.png);}
   #slider #panel3 span { background-image:url(../images/character03c.png);}
   #slider #panel4 span { background-image:url(../images/character03c.png);}
   #slider #panel5 span { background-image:url(../images/character03c.png);}

/* SLIDE BOX
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
	
	.boxgrid            { width: 100%; height: 133px; margin:0px 0 35px 0; background:#161613; border: solid 1px #cccccc; overflow: hidden; position: relative; background:transparent url(../images/askTheQuestionUnder.jpg) bottom left no-repeat;}
	.boxgrid img        { position: absolute; top: 0; left: 0; border: 0; }
	.boxgrid p          { float:left; margin: 15px 10px 10px 25px; width:220px; color:#fff; font-weight:bold; font:11pt "Lucida Grande", Arial, sans-serif;}
	.boxgrid ul         { float:left; margin:15px 0 0 20px; width:300px;}
    .boxgrid ul li      { float:left; display:inline; margin:10px 0; width:280px;}
				
	.boxcaption         { float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
							/* For IE 5-7 */
							filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
							/* For IE 8 */
							-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			             }

/* TYPOGRAPHY
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   body                 { font-family: "tahoma, verdana, arial",sans-serif; font-size:.75em; line-height:18px;}

   /* HEADINGS */

   h1,h2,h3,h4,h5,h6    { font-weight: normal; color: #85b601; line-height:1em;}

   h1                   { margin-bottom: 0.5em; font-size: 3em; line-height: 1;}
   h2                   { margin-bottom: 0.75em; font-size: 2em;}
   h3                   { margin-bottom: 1em; font-size: 1.5em; line-height: 1;}
   h4                   { margin-bottom: 1.25em; height: 1.25em; font-size: 1.2em; line-height: 1.25; text-transform:uppercase;}
   h5                   { margin-bottom: 1.5em; font-size: 1em; font-weight: bold;}
   h6                   { font-size: 1em; font-weight: bold;}

   #header h1           { position:relative; float:left; margin:0 0 0 -50px; width:460px; height:132px; font-size:.9em;}
   #header h1           { background:transparent url(../images/logo_generic.jpg) top left no-repeat;}
   #page-tag-0 #header h1
                        { background:transparent url(../images/logo_home.jpg) top left no-repeat;}

   #intro h1,
   #intro h2,
   #intro h3,
   #intro h4,
   #intro h5,
   #intro h6
                        { color: #fff;}

   #intro .panel h2     { margin-top:20px; margin-bottom:10px;}

   #main-content h1     { padding-bottom:.2em; margin-bottom:2em; font-size:2.2em; font-weight:bold; color:#999; text-transform:uppercase; border-bottom:1px solid #999;}
   #main-content h1 strong
                        { color:#9dd012;}
   #page-tag-1 #main-content h1,
   #page-tag-2 #main-content h1
                        { margin-bottom:.5em;}
   #main-content h2     { margin-bottom:1em; font-size:18px; line-height:1.4em; text-transform:uppercase;}
   #main-content h2 strong
                        { display:block; color:#999; font-weight:normal; font-size:.6em;}
   #main-content h3,
   #main-content h4     { color:#666;}

   #secondary h2        { margin-bottom:1.5em; padding:16px 16px 16px 40px; font-size:1.3em; font-weight:bold; color:#333; border:1px solid #ccc; border-width:1px 0; line-height:24px; background:#f9f9f9 url(../images/arrow_heading.jpg) center left no-repeat;}
   #secondary h3        { margin-bottom:.5em;}

   #footer h4           { color:#fff;}

   #secondary #free-trial-form h2,
   #free-trial-form h2,
   .message h2          { position:absolute; top:-39px; left:-1px; margin:0; padding:.8em 1em 1em 1em; width:100%; text-transform:uppercase; font-size:1.25em; font-weight:normal; font-style:italic; letter-spacing:.07em; border-width:0; background:transparent url(../images/header_box_titleBg.png) top left no-repeat;}
   #secondary #free-trial-form h2
                        { color:#fff;}
   #free-trial-form h3  { position:absolute; top:-50px; right:-30px; margin:0; padding:0; width:102px; height:102px; text-indent:-9999px; background:transparent url(../images/badge.png) center no-repeat;}

   /* TEXT ELEMENTS */

   #main-content        { color:#4d4d4d;}
   p                    { margin: 0 0 1.5em; color:#4D4D4D;}

   blockquote           { margin-right:40px; margin-bottom:1em; width: auto; padding-left: 18px; font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif; color:#666; background: url(../images/close-quote.gif) no-repeat right bottom; text-indent:-18px;}
   blockquote:first-letter 
                        { padding-left: 18px; font: italic 1.4em Georgia, "Times New Roman", Times, serif; background: url(../images/open-quote.gif) no-repeat left top;}
   strong               { font-weight: bold;}
   em,dfn               { font-style: italic;}
   dfn                  { font-weight: bold;}
   sup, sub             { line-height: 0;}

   abbr, 
   acronym              { border-bottom: 1px dotted #666;}
   address              { margin: 0 0 1.5em; font-style: italic;}
   del                  { color:#666;}

   pre,code             { margin: 1.5em 0; white-space: pre;}
   pre,code,tt          { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}

   #intro p             { color:#fff;}
   #intro .panel p      { width:350px;}

   #footer              { color:#fff;}
   #footer p            { margin-top:40px; color:#fff;}
   .photo p             { margin:.4em 0 0 0;}

   #slider .panel p     { margin-bottom:15px; font-size:1.2em;}
   #free-trial-form strong
                        { display:block; margin:.5em 20px 20px; color:#fff; font-size:.8em; font-weight:normal; line-height:14px;}
   #secondary #free-trial-form strong
                        { color:#999;}
   #page-tag-0 #free-trial-form p,
   #page-tag-0 #free-trial-form strong
                        { color:#663366;}
   #page-tag-0 #free-trial-form p  
                        { margin:10px 60px 0.5em 20px; font-weight:bold; color:#fff;}
   #secondary #free-trial-form p
                        { margin:10px 60px 0.5em 20px; font-weight:bold;}
   .blog-date strong,
   .blog-date span      { display:block; margin:.5em 0 0 0; text-align:center; text-transform:uppercase; font-weight:bold;}
   .blog-date strong    { color:#333;}
   .blog-date span      { color:#fff; font-size:1.5em;}

   .supported           { display:block; margin-bottom:1em; width:100%; height:34px; text-indent:-9999px; background:#fff url(../images/supported.jpg) center no-repeat;}
   .intro p strong      { font-size:1.2em;}

   #footer-wrapper #company-logos strong
                        { display:block; width:150px; height:80px;}
   #footer-wrapper #company-logos strong.company-one
                        { background:transparent url(../images/microsoft_cert_partner.png) center no-repeat;}
   #footer-wrapper #company-logos strong.company-two
                        { background:transparent url(../images/company-two.png) center no-repeat;}
   #footer-wrapper #company-logos strong.company-three
                        { height:92px; background:transparent url(../images/company-three.png) center no-repeat;}

   /* LINKS */

   a:hover              { text-decoration:underline;}
   a                    { overflow:hidden; color: #f3ae0a; text-decoration: none; outline:none;}
   .highlight a         { color:#333;}

   #header h1 a         { display:block; width:100%; height:100%; text-indent:-9999px;}
   #header h1 a:hover   { background-color:transparent;}

   #intro a             { color:#fff;}
   #intro a.panel-button{ display:block; width:178px; height:15px; padding:12px; font-size:1.6em; font-weight:bold; color:#333; background:#d194db url(../images/panel_button.jpg) top left no-repeat;}
   #intro a.panel-button:hover
                        { text-decoration:none;}

   #footer a            { display:block; color:#fff;}
   #footer a:hover      { color:#333; text-decoration:none;}
   #footer #contacts li a
                        { display:inline;}

   #intro .slider-menu li a
                        { display:block; padding-top:15px; width:100%; text-align:center; color:#f0d0f5; font-size:1.3em;}
   #intro .slider-menu li a strong
                        { display:block; margin-bottom:10px; color:#fff; font-size:1.5em; font-style:italic;}

   #intro .slider-menu li a:hover,
   #intro .slider-menu li a.selected
                        { text-decoration:none; background:#d094da url(../images/slider_menu_over.jpg) top left repeat-x;}

   .callout-01,
   .callout-02,
   .callout-03          { display:block; float:left; margin:0 0 4em; width:299px; height:131px; border:1px solid #ddd; text-indent:-9999px;}

   .callout-01          { background:#f9f9f9 url(../images/callout_01.jpg) bottom center no-repeat; border-width:1px 0 1px 1px;}
   .callout-02          { background:#999999 url(../images/callout_02.jpg) bottom center no-repeat; border-width:1px 0;}
   .callout-03          { background:#f9f9f9 url(../images/callout_03.jpg) bottom center no-repeat; border-width:1px 1px 1px 0;}

   .callout-01:hover,
   .callout-02:hover,
   .callout-03:hover
                        { background-position:top center;}

   #secondary .callout-01,
   #secondary .callout-02,
   #secondary .callout-03
                        { float:none; clear:both; margin:1em 0; width:100%; border-width:1px; background-color:#fff;}
   #free-trial-form a:hover
                        { text-decoration:none; background-color:#3d0048; background-image:none;}
   #free-trial-form a   { display:block; margin:20px 0 1em 20px; width:230px; height:; padding:0.5em; color:#fff; font-size:1.5em; text-align:center; text-transform:uppercase; background:transparent url(../images/submit_green.jpg) top left repeat-x; border:1px solid #fff;}

   #corporate-logos a   { display:block; float:left; }

   /* LISTS */

   li ul, 
   li ol                { margin:1.5em 0em;}
   ul, ol               { margin: 0 0 2em 0;}

   #main-content li     { padding:0 0 0 25px; margin:0 0 .5em 0; line-height:18px; list-style-type:none; background:transparent url(../images/arrow.jpg) top left no-repeat;}
   #main-content li.case-studies     { padding:0 0 0 15px; margin:0; line-height: 10px; list-style-type:none; background:transparent url(../images/arrow-small.jpg) top left no-repeat;}
    #main-content li.case-studies2     { padding:0 0 0 15px; margin:0; list-style-type:none; background:transparent url(../images/arrow-small-2.jpg) top left no-repeat;}
	#main-content li.pdf     { padding:0 0 0 20px; margin:0; list-style-type:none; background:transparent url(../images/pdf.png) top left no-repeat;}

   ul                   { list-style-type: disc;}
   ol                   { list-style-type: decimal;}

   dl                   { margin: 0 0 1.5em 0;}
   dl dt                { font-weight: bold;}
   dd                   { margin-left: 1.5em;}

   ul.slider-menu       { margin:0; padding:0; width:593px; list-style-type:none; overflow:auto; background:#d094da url(../images/slider_menu.jpg) top center no-repeat;}
   ul.slider-menu li    { position:relative; display:block; float:left; margin:6px 1px 0 0; width:117px; height:69px;}

   #footer ul           { margin:0; list-style-type:none; list-style-position:outside;}
   #pages ul            { float:left; margin-right:15px;}

   #footer li           { padding-bottom:5px; padding-left:10px; margin-bottom:5px; text-transform:capitalize; border-bottom:1px solid #fff; background:transparent url(../images/footer_arrow.png) center left no-repeat;}
   #footer #pages li    { width:117px;}
   #footer #contacts li { width:215px;}

   .site-map li strong  { text-transform:uppercase;}

   /* MISC CLASSES */

   .section             { margin-bottom:3em; padding-bottom:5px; border-bottom: 1px dotted #999; overflow:auto;}
   .reseller-section             { margin-bottom:.5em; padding-bottom:5px; overflow:auto;}
   .archive .section    { margin-bottom:1em;}
   .col-half            { display:inline; float:left; margin-right:30px; width:281px; overflow:auto;}
   .col-half-wide       { display:inline; float:left; margin-right:30px; width:428px; overflow:auto;}

   .small               { margin-bottom: 1.875em; font-size: .8em; line-height: 1.875em;}
   .large               { margin-bottom: 1.25em; font-size: 1.2em; line-height: 1.5em;}
   .hide                { display: none;}

   .quiet               { color: #999;}
   .loud                { color: #000;}
   .highlight           { padding:10px; color:#8B5C92; background:#F9E6FC; }
   .added               { color: #fff; background:#5DACFB;}
   .removed             { color: #fff; background:#666;}
   .disabled            { color: #ccc;}

   .first               { margin-left:0; padding-left:0;}
   #page-tag-2 .first   { padding-top:2em; border-top:1px dotted #999;}
   .last                { margin-right:0; padding-right:0;}
   .top                 { margin-top:0; padding-top:0;}
   .bottom              { margin-bottom:0; padding-bottom:0; border-bottom-width:0;}

   .left                { float:left; margin-right:15px; margin-left:0;}
   .right               { float:right; margin-right:0; margin-left:15px;}
   .text-left           { text-align:left;}
   .text-right          { text-align:right;}

/* FORMS
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   label                { margin-right:.5em; text-transform:uppercase; font-weight: bold;}
   fieldset             { display:block; margin:0 0 1.5em 0; width:413px; border:1px solid #E0BAE6; background-color:#FAF0FB;}
   fieldset label       { width:12em;}
   fieldset label,
   fieldset select      { float:left; margin:0; width:12em;}
   legend               { font-weight: bold; font-size:1.2em;}
   fieldset div         { clear:both; margin:1em; overflow:auto;}

   /* FORM FIELDS */

   input.text, 
   input.title,
   textarea, select     { display:block; margin:0.5em 0; border:3px solid #eee; color:#999;}

   input.text:focus,
   input.title:focus,
   textarea:focus,
   select:focus         { color:#d194db; border-color:#d194db;}

   input.text, 
   input.title          { padding:5px; margin-bottom:2em;}
   textarea             { padding:5px; width:400px; height:150px;}

   #free-trial-form,
   .message             { background-color:#e0bae6; border:1px solid #f3d8f8;}
   #secondary #free-trial-form
                        { background:#ffffff url(../images/form2_bg.jpg) bottom left repeat-x; border-color:#ddd;}
   input.text           { display:block; margin:0 20px 1em 20px; width:229px;}
   #primary input.text  { width:400px; margin-left:0;}
   input.submit         { float:right; margin:0 20px; padding:1em; width:84px; font-weight:bold; font-size:1.2em; text-align:center; text-transform:uppercase; color:#fff; border:1px solid #fff; cursor:pointer; background:#8fc400 url(../images/submit_green.jpg) top left repeat-x;}
   input.submit:focus,
   input.submit:hover   { background-image:none;}
   #primary input.submit{ margin-right:176px; margin-bottom:2em;}
   input.submit-style02 { float:none; padding:.5em; margin-bottom:1em; width:244px;}

   /* SUCCESS, NOTICE AND ERROR BOXES */

   .error,
   .notice, 
   .success             { margin-bottom: 1em; padding: .8em; border: 2px solid #ddd;}

   .error               { border-color: #FBC2C4; background: #FBE3E4; color: #8a1f11;}
   .notice              { border-color: #FFD324; background: #FFF6BF; color: #514721;}
   .success             { border-color: #C6D880; background: #E6EFC2; color: #264409;}
   .error a             { color:#8a1f11;}
   .notice a            { color:#514721;}
   .success a           { color:#264409;}
   .error a:hover       { color:#FBE3E4; background-color: #8a1f11;}
   .notice a:hover      { color:#FFF6BF; background-color: #514721;}
   .success a:hover     { color:#E6EFC2; background-color: #264409;}


/* TABLES
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   table                { margin-bottom:1.4em; width:100%; border:1px solid #ddd; border-width:1px;}
   thead th             { font-size:1.4em; text-transform:uppercase; vertical-align:top; background:transparent url(../images/thead.jpg) bottom left repeat-x;}
   th,td                { padding:1em 20px;}
   tbody th             { font-weight:bold; }
   tbody tr.even th     { background-color:#f3f3f3;}
   tr.even td           { background-color:#f3f3f3;}
   tfoot                { font-style:italic;}
   caption              { color:#663333; font-size:.8em; text-align:right; font-style:italic;}
   thead th strong      { display:block; font-weight:normal; font-size:.6em;}

   tr td.on             { text-align:center; background-color:#e7b6ef;}
   tr.even td.on        { background-color:#d194db;}
   tr td.on,
   thead th.on,
   tr.even td.on        { color:#fff; border:1px solid #fff; border-width:0 2px; font-weight:bold; text-align:center;}
   tr td.on,
   tr.even td.on        { color:#333; font-size:1.5em;}

   thead th.on          { width:75px; border-bottom:1px solid #fff; background:transparent url(../images/thead_on.jpg) bottom left repeat-x;}   

   tr.even td.confirm,
   td.confirm           { text-indent:-9999px; background-image:url(../images/tick_big.png);  background-position:center; background-repeat:no-repeat;}

   table.base-costs thead th strong      
                        { display:inline; margin-left:5px; font-size:1em; color:#999;}
   table.base-costs thead th.on
                        { width:110px;} 
   table.base-costs thead th
                        { font-size:1em;}  
	th.case-studies {
		background: #faf0fb;
		line-height: 18px;
		vertical-align: top;
	}

/* ACCORDION
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
   .accordion           { width: 100%; margin-bottom:2em; border-top:1px solid #e0bae6;}
   .a-content           { margin:2em 70px; background-color: #fff;}
   .accordion .a-title  { padding-left:40px; border:1px solid #e0bae6; border-width:0 0 1px 0; background:#f1dff4 url(../images/arrow_purple.jpg) center left no-repeat;}
   #primary .accordion .selected .a-title
                        { background-image:url(../images/arrow_purple_down.jpg); background-position:center left; background-repeat:no-repeat;}
   .accordion .a-title a{ display:block; padding:1em 85px 1em 2em; margin-top: 0; color: #8b5c92; font-size:1.2em; cursor:pointer; text-decoration: none; border-top: 0px solid #e0bae6; border-left:2px solid #fff; background-color:#faf0fb;}
   .accordion .a-title a:hover
                        { background-color: #f9e6fc;}
   #primary .accordion .selected .a-title a
                        { background-color: #f1dff4; background:#faf0fb url(../images/question_mark.jpg) right center no-repeat;}

   #secondary .accordion{ width: 100%; margin-bottom:2em; border-top-width:0px}
   #secondary .a-content { margin:0; padding:5px; border:1px solid #DDDDDD; border-width:0px 0px 1px 0px;}
   #secondary .accordion .a-title  
                        { padding-left:0; border-width:0px;}
   #secondary .accordion .a-title a
                        { display:block; padding:0; margin-top: 0; cursor:pointer; text-decoration: none; border-top:1px solid #DDDDDD; border-left:1px solid #DDDDDD; background-color:#fff;}
   #secondary .accordion .a-title a:hover
                        { background-color: #fff;}

/* POPUP EFFECT
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
   .popup               { position:absolute; /*position values can be found in popup_efect.js*/ display:block; width:299px; height:auto; padding:10px 10px 30px 10px; background:#fff url(../images/popupBg.png) bottom center no-repeat;}

/* CLEARING
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

   .clear               { position:relative; clear:both;} 
   .fix                 { clear: both; overflow: hidden; margin: 0 0 -1px; height: 1px;}