@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('fonts/TitilliumText22L005-webfont.eot');
    src: url('fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText22L005-webfont.woff') format('woff'),
         url('fonts/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('fonts/TitilliumText22L004-webfont.eot');
    src: url('fonts/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText22L004-webfont.woff') format('woff'),
         url('fonts/TitilliumText22L004-webfont.ttf') format('truetype'),
         url('fonts/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Droid Serif';
	src: url('/Content/Fonts/DroidSerif-Bold.eot');
	src: url('/Content/Fonts/DroidSerif-Bold.eot?#iefix') format('embedded-opentype'),
         url('/Content/Fonts/DroidSerif-Bold.woff') format('woff'),
         url('/Content/Fonts/DroidSerif-Bold.ttf') format('truetype'),
         url('/Content/Fonts/DroidSerif-Bold.svg#DroidSerif-Bold') format('svg');
	font-weight: bold;
    font-style: normal;
}

.help{width:100% !important; background-color:#005584; margin:100px 0px; background-image:url(images/supp/top_bg.jpg); background-repeat:no-repeat; background-position:50% 7.5%;}
body
{
	width:100% !important; 
	background-color:#005584; 
	margin:100px 0px;
	/*
	background-image:url(images/supp/top_bg.jpg); 
	background-repeat:no-repeat; 
	background-position:50% 10%;
	*/
}
.main 
{	 
	margin:0 auto;
	/*
	background-image:url(images/supp/bg-content.jpg);
	width:980px;
	*/
}
.content 
{
	padding:20px 30px;
	background-color:#FFF; 
	background-repeat:repeat-y;
	min-height:600px; 
	/*
	background:url(images/supp/bottom-bg.jpg) no-repeat bottom; 
	*/
}
.videos { padding-left:70px; }
h1 {font-family:'TitilliumText22LMedium'; 
    font-size:28px; 
    color:#31a4de; 
    margin:0px;}
h2 {color:#989898;
    font-family:Myriad Pro, Arial; 
    font-size:16px; 
    font-weight:bold; }
h3 {color:#1f8fd3; 
    font-family:Myriad Pro, Arial; 
    font-size:16px; 
    font-style:italic; 
    border-bottom:solid 1px #f6f6f6; 
    border-bottom-width:100%}
p 
{
	color:#989898; 
	font-family:Myriad Pro, Arial; 
	font-size:14px; 
	margin:0px;
}
a { color:#3596db; text-decoration:none;}
/* Home */
.home-box-help 
{
    background-image:url(images/supp/help-center.jpg); 
    width:295px; 
    height:125px; 
    color:#818181; 
    padding-top:200px; 
    margin-top:35px; 
    float:left; 
    display:block;
    outline:none;}
    
.home-box-help:hover 
{
    background-position:0px -325px; 
    color:#FFF;}
    
.home-box-tutorials 
{
    background-image:url(images/supp/view-tutorials.jpg); 
    background-repeat:no-repeat; 
    width:295px; 
    height:125px; 
    color:#818181; 
    padding-top:200px; 
    margin-top:35px; 
    float:left; 
    display:block; 
    margin-left:15px;
    outline:none;}
    
.home-box-tutorials:hover 
{
    background-position:0px -325px; 
    color:#FFF;}
    
.home-box-courtsonline 
{
    background-image:url(images/supp/co-help.jpg); 
    background-repeat:no-repeat; 
    width:295px; 
    height:125px; 
    color:#818181; 
    padding-top:200px; 
    margin-top:35px; 
    float:left; 
    display:block; 
    margin-left:15px;
    outline:none;}
    
.home-box-courtsonline:hover 
{
    background-position:0px -325px; 
    color:#FFF;}
    
.gothere  
{
    background-image:url(images/supp/go-there-bg.png); 
    background-repeat:no-repeat; 
    width:243px; 
    height:30px; 
    color:#FFF; 
    margin:0 auto; 
    padding-top:2px; 
    margin-top:10px;
    outline:none;}
    
.gothere:hover 
{
    background-image:url(images/supp/go-there-bg.png); 
    background-repeat:no-repeat; 
    background-position: 0px -32px;}
   
   .gothere img
{
    padding:0px 85px;
    margin-top:6px;
    outline:none;
    } 
.gothere a 
{
    padding:0px 85px;
    outline:none;
    }
.gothere_Tutorial 
{
    background-image:url(images/supp/go-there-bg.png); 
    background-repeat:no-repeat; 
    width:243px; 
    height:30px; 
    color:#FFF; 
    margin:0 auto; 
    padding-top:2px; 
    margin-top:27px;
    outline:none;}
    
.gothere_Tutorial:hover 
{
    background-image:url(images/supp/go-there-bg.png); 
    background-repeat:no-repeat; 
    background-position: 0px -32px;}
   
   .gothere_Tutorial img
{
    padding:0px 85px;
    margin-top:6px;
    outline:none;
    } 
.gothere_Tutorial a 
{
    padding:0px 85px;
    outline:none;
    }
.home-box-help p 
{
    width:228px; 
    margin:0 auto; 
    text-align:justify;}
    
.home-box-help:hover p 
{
    color:#fff;}
    
.home-box-tutorials:hover p 
{
    color:#fff;}
    
.home-box-courtsonline:hover p 
{
    color:#fff;}
    
.home-box-tutorials p 
{
    width:228px; 
    margin:0 auto; 
    text-align:justify;}
    
.home-box-courtsonline p 
{
    width:228px; 
    margin:0 auto; 
    text-align:justify; }
    
.philosophy  
{
    background-image:url(images/supp/our_philosophy_box.jpg); 
    background-repeat:no-repeat; 
    width:923px; 
    height:158px; 
    color:#818181; 
    padding-left:180px; 
    margin-top:15px; 
    float:left; 
    display:block; 
    padding-top:26px;}
    
.philosophy p  
{
    width:707px; 
    padding-top:10px; 
    text-align:justify;}
    
.philosophy a  
{
    color:#3596db; 
    font-weight:bold; 
    text-decoration:none;}
    
.philosophy a:hover  
{
    color:#006cd7;}
    
/* Documentation */
.view-tutorial 
{
    width:222px; 
    height:134px; 
    float:left; 
    margin-right: 10px;}
    
.view-tutorial p 
{
    padding-top:25px; 
    text-align:center; 
    margin-bottom: 20px; 
    font-weight:bold;}
    
li.view-tutorial p 
{
    padding-top:25px; 
    text-align:center; 
    margin-bottom: 20px; 
    font-weight:bold;}
    
.view-tutorial a 
{
    color:#7D8082;
    font-weight:bold;}
    
.view-tutorial a:hover  
{
    color:#01578a;
    
    text-decoration:underline;
    /*font-weight:bolder;*/}
    
.view-tutorial-last 
{
    width:222px; 
    height:134px; 
    float:left;}
    
.view-tutorial-last p 
{
    padding-top:25px; 
    text-align:center;
     margin-bottom: 20px;}
     
.view-tutorial-last a 
{
    font-weight:bold;}
    
.view-tutorial-last a:hover  
{
    color:#01578a;
    font-weight:bold;}
 .video
 {
     text-align:center;
 }   
.img  
{
    position:absolute;
     z-index: 2;}
     
.pdf-img
 {
		margin-left:5px;
       margin-top:0px;
       margin-bottom: -5px;
 }
.pdf-a
{
    color:#1f8fd3; 
    font-family:Myriad Pro, Arial; 
    font-size:16px; 
    font-style:italic; 
     font-weight:bold;
    border-bottom:solid 1px #f6f6f6; 
}
.pdf-a:hover
{
    color:#1f8fd3; 
    font-family:Myriad Pro, Arial; 
    font-size:16px; 
    font-style:italic; 
     font-weight:bold;
    border-bottom:solid 1px #f6f6f6; 
     text-decoration:underline;
}
.pdf-title
{
    color:#1f8fd3; 
    font-family:Myriad Pro, Arial; 
    font-size:16px; 
    font-style:italic; 
     font-weight:bold;
    border-bottom:solid 1px #f6f6f6; 
}
.vtimg  
{
    z-index: 1;
     padding-left:10px; 
     padding-top:11px;}
     
.play-video 
{
    width:222px;
     min-height:271px; 
     float:left; 
     margin-right: 60px;}
     
.vdimg  
{
    z-index: 1; 
    padding-left:10px; 
    padding-top:11px;}
    
.play-video p 
{
    padding-top:20px; 
    text-align:center; 
    margin-bottom: 20px;}
    
.demo 
{
   /* margin-top:20px;*/}
    
li 
{
    color:#989898; 
    font-family:Myriad Pro, Arial; 
    font-size:14px;}
    
.large-box  
{
    width:870px; 
    height:120px; 
    background-image:url(images/supp/large-box.jpg); 
    background-repeat:no-repeat; 
    padding:22px 25px; 
    margin-bottom:5px;}
    
.large-box a  
{
    color:#3596db; 
    font-weight:bold; 
    text-decoration:none;}
    
.large-box h1  
{
    margin-bottom:10px;}
    
/* Basics Item */
.basics .active 
{
    background-image:url(images/supp/basics.jpg); 
    background-repeat:no-repeat;
     background-position:0px -56px; 
     width:179px; height:56px;}
     
.basics:hover 
{
    background-image:url(images/supp/basics.jpg); 
    background-repeat:no-repeat; 
    background-position:20px -56px; 
    width:179px; height:56px;}
    
.basics  
{
    width:179px; 
    height:54px; }
    
.basics a
{
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    margin :0px;}
    
/* Courts Item */
.courts .active 
{
    background-image:url(images/supp/courts.jpg); 
    background-repeat:no-repeat; 
    background-position:0px -58px; 
    width:173px; 
    height:56px;}
    
.courts:hover 
{
    background-image:url(images/supp/courts.jpg); 
    background-repeat:no-repeat; 
    background-position: 60px -58px; 
    width:246px; 
    height:56px; }
    
.courts  
{
    width:248px; 
    height:54px;}
    
.courts a
{
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    margin:0px;  
    margin-left:60px;}
    
/* Features */
.features .active 
{
    background-image:url(images/supp/features.jpg); 
    background-repeat:no-repeat; 
    background-position:0px -58px; 
    width:173px; 
    height:56px;}
    
.features:hover 
{
    background-image:url(images/supp/features.jpg); 
    background-repeat:no-repeat; 
    background-position: 20px -58px; 
    width:211px; 
    height:56px; }
    
.features  
{
    width:211px; 
    height:54px;}
    
.features a
{
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    margin:0px;  
    margin-left:20px;}
    
/* Account */
.accounts .active 
{
    background-image:url(images/supp/accounts.jpg); 
    background-repeat:no-repeat; 
    background-position:0px -58px; 
    width:173px; 
    height:56px;}
    
.accounts:hover 
{
    background-image:url(images/supp/accounts.jpg); 
    background-repeat:no-repeat; 
    background-position: 43px -58px; 
    width:241px; 
    height:56px; }
    
.accounts  
{
    width:221px; 
    height:54px;}
    
.accounts a
{
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
    margin:0px;   
    margin-left:20px;}

/* Slider */

#wrapper {
    width: 980px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.scroll {
	margin-top: 200px;
    min-height: 250px;
    width: 910px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/supp/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    min-height: 210px;
    width: 880px;
}

#shade {
    background: #EDEDEC url(images/supp/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	min-height: 100px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
	float:left;
}

ul.navigation a {
    /*padding: 10px;*/
    text-decoration: none;
}

ul.navigation a:hover {
    
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
	display:none;
}

.scrollButtons.right {
    right: -20px;
		display:none;

}

.hide {
    display: none;
}

/* ---- start glowsheet ----- */
#main-panel {
  min-width: 1194px;
  position: relative;
}
#main-panel-tl, #main-panel-tr, #main-panel-bl, #main-panel-br {
  background-image: url("images/sheet_s_1.png");
  height: 422px;
  width: 422px;
}
#main-panel-tl {
  top: 0;
  left: 0;
  clip: rect(auto, 211px, 211px, auto);
}
#main-panel-tr {
  top: 0;
  right: 0;
  clip: rect(auto, auto, 211px, 211px);
}
#main-panel-bl {
  bottom: 0;
  left: 0;
  clip: rect(211px, 211px, auto, auto);
}
#main-panel-br {
  bottom: 0;
  right: 0;
  clip: rect(211px, auto, auto, 211px);
}

#main-panel-tc {
  top: 0;
  clip: rect(auto, auto, 211px, auto);
}
#main-panel-bc {
  bottom: 0;
  clip: rect(211px, auto, auto, auto);
}
#main-panel-tc, #main-panel-bc {
  background-image: url("images/sheet_h_1.png");
  height: 422px;
  left: 211px;
  right: 211px;
}
#main-panel-cl {
  left: 0;
  clip: rect(auto, 211px, auto, auto);
}
#main-panel-cr {
  right: 0;
  clip: rect(auto, auto, auto, 211px);
}
#main-panel-cl, #main-panel-cr {
  background-image: url("images/sheet_v_1.png");
  bottom: 211px;
  top: 211px;
  width: 422px;
}
#main-panel-cc {
  background-color: #f3f3f3;
  position: absolute;
  left: 211px;
  right: 211px;
  bottom: 211px;
  top: 211px;
  z-index: -1;
}
#main-panel-tl, #main-panel-tr, #main-panel-bl, #main-panel-br,
#main-panel-tc, #main-panel-bc, #main-panel-cl, #main-panel-cr {
  position: absolute;
  z-index: -1;
}
#main-panel-body {
  padding: 85px;
  position: relative;
}
#main-panel-body-content {
  margin: 11px;
}
/* ---- end glowsheet ----- */

#canvas {
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  overflow: visible;
}
#outer-container {
  position: relative;
  margin: 0 auto;
  max-width: 1195px;
}

div#topTabsContainer {
  position: absolute;
  top: 0;
  display: block;
  width: 1024px;
  margin: 0 auto;
  margin-left: -11px;
  z-index: 100;
}
.account-control {
  font: bold 11pt Arial,sans-serif;
  height: 34px;
  background-color: #40B0F2; 
  text-align: center;
  float: right;
  margin-left: 5px;
  padding: 0 5px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.account-control a {
  padding: 5px;
  text-decoration: none;
  line-height: 34px;
  z-index: 101;
  outline:none;

}

.account-control a, .account-control a:link, .account-control a:visited {
  color: #fff;
}
.account-control a:hover {
  color: #fc0;
}
#main-panel-body-content p 
{
	margin-bottom: 11px;
}
#ix-logo {
  background: url("images/ix-logo.png") no-repeat scroll 0 0 transparent;
  width: 173px;
  height: 37px;
  float: left;
  margin-top: 7px;
  cursor: pointer;
}
#logo {
  height: 67px;
  background: url("images/courtsonline.png") no-repeat scroll transparent;
  display: inline-block;
  right: 2px;
  width: 173px;
  margin-top:-78px;
  float:right;
}
#logo:hover {
  cursor: pointer;
}
.contact
{
   margin-left:200px;
}
#footer {
  max-width: 1024px;
  margin: 0 auto;
  background-color: #F3F3F3;
  padding: 0;
  margin: 11px 0 0;
  text-align: center;
}
.supportNav
{
    float: right;
    margin-right: 40px;
    margin-top:0px;
    color:White;
}
.supportNav li
{
    display: inline;
    padding-left:8px;
}
.supportNav a
{
    color:#F3F3F3;
}
.supportNav a:hover
{
  color:#3596db;
    text-decoration:underline;
}
.red
{
    color:Red;  
}


/*Pricing Page*/
.main_pricing
{font-family:Myriad Pro, Arial;
    font-size:14px;
   width: 600px;
  margin:0 auto;
    
}
.main_pricing table, th, td
{
border: 1px solid black;
}
.main_pricing h2
{
    color:#005584;
    text-align:center;
}
.pricing
{
 color:#005584;
 width:600px;
   margin:0 auto;
   border-collapse:collapse;
}

.pricing .tr_header
{
    color:Blue;
    background-color:#F3F3F3;
    padding:5px;
    
}
.pricing td
{
    padding:3px;
}
.priceTitle
{
     font-weight:bold;
}
.DownTimes
{
    font-family:Myriad Pro, Arial;
    font-size:14px;
   width: 600px;
  margin:0 auto;
  border: 1px solid black;
  border-collapse:collapse;
   padding:3px;
}
.DownTimesHEADER
{
    font-family:Myriad Pro, Arial;
    font-size:14px;
   width: 600px;
  margin:0 auto;
   border: 1px solid black;
   border-collapse:collapse;
    padding:3px;
     color:Blue;
    background-color:#F3F3F3;
}