/*
-------------- Global styles --------------*/
*     {
      font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
      /*font-family:Verdana,Tahoma,Arial,"Trebuchet MS";*/
      font-size:12px;
      color:#5e5e5e;
      padding : 0px 0px 0px 0px;
      margin : 0px 0px 0px 0px;
      }

body  {
      background:url(/images/livecast-page-BG.jpg) repeat-x 0px 0px;
      }
      
h3    {
      color:#169dd8;
      text-align:center;
      }
      
a     {
      text-decoration:none;
      }

a:hover {
      text-decoration:underline;
      }

a.reversedUnderline {
      text-decoration:underline;
      }

a.reversedUnderline:hover {
      text-decoration:none;
      }

a.blue {
      color:#169dd8;
      }

a.green {
      color:#50878c;
      }

input {
      border:1px solid #cecece;
      }

p.contact-us {
      margin:0px 0px 7px 0px;
      }

p.quick-tour-intro {
      margin:0px 0px 11px 0px;
      }
     
p.quick-tour {
      margin:0px 0px 14px 0px;
      }
      
p.quick-tour b.blue {
      color:#169dd8;
      }
      
/*
------------- End Global styles ----------*/


/*
--------- Page structure - header, navigation, main, and footer areas ------------*/

#RoundedTop {
      width:760px;
      height:10px;
      margin:10px auto 0px auto;
      background: url(/images/support-rounded-top-BG.png) no-repeat 0px 0px;
      }

#PageWrapper {
      width:760px;
      height:auto;
      overflow:hidden;
      padding:0px 0px 10px 0px;
      margin:0px auto 0px auto;
      background:#ffffff;
      }

#SupportPageHeader {
      width:700px;
      height:auto;
      /*background:#777777;*/
      padding:10px 0px 20px 0px;
      margin:0px auto 0px auto;
      }

#SupportPageNavigation {
      width:700px;
      height:auto;
      overflow:hidden;
      /*background:#773300;*/
      margin:40px auto 0px auto;     
      }

#SupportPageMain {
      width:700px;
      height:auto;
      overflow:hidden;
      padding:20px 0px 15px 0px;
      margin:0px auto 0px auto;
      /*background:#dddddd;*/
      }    

#SupportPageFooter {
      width:700px;
      height:auto;
      overflow:hidden;
      margin:5px 0px 0px 0px;
      border-top:1px solid #e1e1e1;
      /*background: url(../images/shade-right.jpg) repeat-y top right;
      background:#EfEfEf; */
      margin:0px auto 0px auto;
      }

/*
---------- End page structure ----------------------*/

/*
---------- Page Header ----------------------*/

#LogoArea {
      width:230px;
      height:auto;
      margin:0px 0px 0px 0px;
      overflow:hidden;
      /*background:#0ff564;*/
      float:left;
      }

#LogoArea a {
      display:block;
      width:210px;
      height:38px;
      background: url(../images/logo.gif) no-repeat 0px 0px;  
      }

#SupportCenterLabel {
      color:#4F89AF;
      font-size:14px;
      font-weight:bold;
      margin:10px 0px 0px 200px;
      /*background:#eeeeee;*/ 
      float:right;
      }   
/*
---------- End Header ----------------------*/      

/*
---------- Navigation ----------------------*/  

#SupportButtons {
      width:100%;
      height:auto;
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      /*background:#775500;*/
      float:left;
      }

#NavBackground {
      width:100%;
      height:34px;
      margin:0px 0px 0px 0px;
      background: url(/images/nav-gray-bar-BG.png) repeat-x 0px 0px;
      float:left;
      }

#SupportButtons ul {
      margin:0px 0px 0px 0px;
      list-style:none;
      float:left;
      }

#SupportButtons li {
      padding:0px 0px 0px 0px;
      float:left;
      } 

#SupportButtons li a {
      display:block;
      width:100px;
      height:20px;
      text-align:center;
      font-weight:bold;
      color:#7a7a7a;
      padding:6px 0px 3px 0px;
      margin:5px 0px 0px 0px;
      border-right:1px solid #c4c4c4;
      }

#SupportButtons li a.left {
      background: url(support-images/left-button-BG.png) no-repeat 0px 100px; 
      }

#SupportButtons li a.faq {
      background: url(support-images/faq-button-BG.png) no-repeat 0px 100px;  
      }

#SupportButtons li a.quick-tour {
      background: url(support-images/quick-tour-button-BG.png) no-repeat 0px 100px;  
      }

#SupportButtons li a#SupportSupportedDevices {
      width:150px;
      background: url(support-images/supported-devices-button-BG.png) no-repeat 0px 100px;  
      }  
         
#SupportButtons li a.support-blackberry {
      background: url(support-images/quick-tour-button-BG.png) no-repeat 0px 100px;  
      }   
            
#SupportButtons li a.right {
      background: url(support-images/right-button-BG.png) no-repeat 0px 100px; 
      border-right:none;
      }

#SupportButtons li a:hover,
#SupportButtons li a#SupportSupportedDevices:hover {
      /*text-decoration:none;
      background-position:0px -68px;*/
      } 

#SupportButtons li a.selected,
#SupportButtons li a#SupportSupportedDevices.selected {
      background-position:0px -32px;
      /*background:#ff0000;*/
      color:#ffffff;
      height:23px;
      padding:11px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      border-right:none;
      }

#HorizontalBarUnderButtons {
      width:100%;
      height:2px;
      background: url(/images/blue-bar-BG.jpg) repeat-x 0px 0px; 
      }
      
/*
---------- End Navigation -------------------*/  

/*
---------- Main Content Area ----------------*/
h2.supportPageTitle {
      font-size:13px;
      color:#4F89AF;
      text-align:left;
      margin:6px 0px 10px 0px;
      }

h3.supportPageTitle {
      font-size:14px;
      color:#169dd8;
      text-align:left;
      margin:10px 0px 20px 0px;
      }

/*-------- End Main Content Area ------------*/


/*
---------- Footer ----------------------*/ 

#PanelFooterLinks { 
	    display: block;
	    font-size:11px;
	    width: 530px;
	    float: left;
	    /*background:#ffff00;*/
      }
    
#PanelFooterLinks ul {
	    padding-top: 10px;
	    list-style: none;
	    float: left;
      }
    
#PanelFooterLinks ul li {
	    /*display: inline;*/
	    margin-left: 10px; 
	    padding-right: 10px;
	    border-right: 1px solid #8e8e8e;
	    float:left;
      }
    
#PanelFooterLinks ul li.last {
	    border: 0;
      }
    
#PanelFooterLinks ul li a {
	    line-height: 12px;
	    text-decoration: none;
      }

#PanelFooterLinks ul li a:hover { 
      text-decoration: none; 
      }

#SupportCopyright {
	    width: 370px;
	    margin:10px 0px 15px 10px;
	    color: #8e8e8e;
	    text-align: left;
	    font-size:11px;
	    /*float:right;
	    background:#ffff00;*/
      }

/*
------------- End Footer --------------------*/