/*
-------------- 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;
      }    
           
h1, h2, h3, h4, h5, h6 {
      text-align:center;
      }

h1    {
      font-size:18px;
      } 

h2    {
      font-size:16px;
      }

h3    {
      font-size:14px;
      }
      
h4    {
      font-size:12px;
      }
      
p     {
      margin:7px 0px 0px 0px;
      }

a     {
      text-decoration:none;
      cursor:hand;
      cursor:pointer;
      }

a:hover {
      text-decoration:underline;
      }

a.reversedUnderline {
      text-decoration:underline;
      }

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

hr    {
      border:none;
      border-top:1px dotted #d1d1d1;
      height:1px;
      width:100%;
      }

.blue {
      color:#169dd8;
      }
      
.dark-blue {
      color:#5088AD;
      }

.green {
      color:#50878c;
      }
      
.dark-green {
      color:#165159;
      }      
      
.orange {
      color:#e9732f;
      }
      
.error-message {
      color: #88330E;
      background: #F7F0B2;
      }
      
.success-message {
      background: #E0F5B1;
      }
      
.light-gray-BG {
      background:#f1f1f1;
      }
      
.required-field {
      color:#ff0000;
      }
      
input { 
      width:auto;
      height:auto;
      border: 1px solid #c1c1c1;
      padding:3px 3px 5px 3px; 
      }

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
      border:none;
      }

select { 
      width:auto;
      height:20px;
      border:1px solid #c1c1c1;
      }
      
option {
      border-top: 1px dotted #c1c1c1;
      padding:3px 10px 5px 10px; 
      }
      
textarea {
      border:solid 1px #c1c1c1;
      padding:3px 3px 5px 3px; 
      }
        
.blue-button, .gray-button { 
      padding:2px 10px 4px 10px;
      }

.blue-button {
      border-left:solid 1px #D8DEEA;
      border-top:solid 1px #D8DEEA; 
      border-right:solid 1px #0F1F5A;  
      border-bottom:solid 1px #0F1F5A; 
      background:#3B5997;
      color:#ffffff;
      text-align:center;
      }

.gray-button {
      border-left:solid 1px #D8D8D8;
      border-top:solid 1px #D8D8D8; 
      border-right:solid 1px #7a7a7a;  
      border-bottom:solid 1px #7a7a7a; 
      background:#f1f1f1;
      color:#3e3e3e;
      text-align:center;
      }    

.float-left {
      float:left;
      }

.float-right {
      float:right;
      } 
      
.text-left {
      text-align:left;
      } 
      
.text-center {
      text-align:center;
      }       

.text-right {
      text-align:right;
      } 
      
.no-link {
      cursor:text;
      color:#bfbfbf;
      }  
      
.asterisk {
      margin-left:2px;
      color:#ff0000;
      }
    
/* -- table style -- */
table.standard-table {
      border:solid 1px #dfdfdf;
      }

table tr {
      height:24px;
      }
      
table tr.light-row {
      background:#ffffff;  
      }

table tr.dark-row {
      background:#efefef;  
      }

table tr.header-row {
      background:#CCDFEB; 
      font-weight:bold;
      }

table tr.header-row td {
      border-bottom:1px solid #bfbfbf;
      }
      
table td {
      padding:5px 5px 5px 5px;
      }  
      
.width-100 {
      width:100px;
      }
 
.width-150 {
      width:150px;
      }
      
.width-200 {
      width:200px;
      }
      
.width-250 {
      width:250px;
      }
     
.width-300 {
      width:300px;
      }
      
.width-400 {
      width:400px;
      }
      
.width-500 {
      width:500px;
      }

/* -- end table style -- */

/*
------------- End Global styles ----------*/


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

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

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

#PanelHeader {
      width:100%;
      height:auto;
      float:left;
            background:#ffffff;
      }

#PanelNavigation {
      width:100%;
      height:auto;
      overflow:hidden;
            background:#ffffff;
      float:left;
      }

#PanelSubNavigation {
      width:100%;
      height:auto;
      overflow:hidden;
      float:left;
      }

#PanelMain {
      width:100%;
      height:auto;
      overflow:hidden;
            background:#ffffff;
      float:left;
      }    

#PanelFooter {
      width:100%;
      height:auto;
      overflow:hidden;
      margin:5px 0px 0px 0px;
            background:#ffffff;
      float:left;
      }

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

/*
---------- Main content area structure ----------------------*/
.main-content-block {
      height:auto;
      overflow:hidden;
      margin:0px auto 30px auto;
      padding:10px 0px 0px 0px;
      border:1px solid #e1e1e1;
      }
      
.main-content-block.small-main-block {
      width:740px;
      }

.main-content-block.medium-main-block {
      width:850px;
      }

.main-content-block.large-main-block {
      width:960px;
      }
    
.expandable-block {
      height:auto;
      overflow:hidden;
      padding:5px 10px 5px 10px;
      background:#f9f9f9;
      border:1px dotted #cfcfcf;
      margin:0px auto 10px auto;
      }

.expandable-block.small {
      width:700px;
      }

.expandable-block.medium {
      width:810px;
      }

.expandable-block.large {
      width:920px;
      }

.expandable-block .expandable-block-title {
      width:100%;
      clear:both;
      }
     
.expandable-block .expandable-block-title a {
      display:block;
      width:15%;
      font-weight:bold;
      float:left;
      }
      
.expandable-block .expandable-block-title b {
      display:block;
      width:15%;
      float:left;
      }
      
.expandable-block .expandable-block-title .summary {
      width:20%;
      font-size:11px; 
      color:#5f5f5f;
      float:left;
      }
            
.expandable-block .expandable-block-title a.comment {
      display:block;
      width:60%;
      font-weight:normal;
      font-size:11px;
      text-align:right;
      float:right;
      }
      
.expandable-block .expandable-block-title a.comment .setup-manage {
      font-weight:bold;
      font-size:11px;
      }

.expandable-block .expandable-block-title .instructions {
      display:block;
      width:60%;
      font-weight:normal;
      font-size:11px;
      text-align:right;
      float:right;
      }
      
.expandable-block .expandable-block-title a.down-up-arrows {
      display:block;
      width:21px;
      height:21px;
      margin:0px 0px 0px 5px;
      background:url(/images/down-up-arrow.jpg) no-repeat 0px 0px;
      float:right;
      }
      
.expandable-block .expandable-block-title a.down-up-arrows.reversed {
      background-position:0px -25px;
      }
      
.expandable-block .expandable-block-content {
      height:auto;
      width:100%;
      overflow:hidden;
      margin:15px 0px 5px 0px; 
      padding:0px 0px 15px 0px;
      border:1px dotted #cfcfcf;
      background:#ffffff;
      }  
      
.expandable-block .expandable-block-content .success-failure-block {
      height:26px;
      width:100%;
      overflow:hidden;
      padding:0px 0px 0px 0px;
      /*background:#ffff00;*/
      } 
      
.expandable-block .expandable-block-content .success-failure-block .success-failure-message {
      display:none;
      width:130px;
      height:auto;
      padding:5px 5px 7px 10px;
      float:right;   
      }
  
 .expandable-block .expandable-block-content .pagination-block {
      width:50%;
      height:26px;
      overflow:hidden;
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      /*background:#00ff00;*/
      float:right;
      } 

.expandable-block .expandable-block-content .pagination-block .pagination-content {
      display:block;
      width:210px;
      height:auto;
      overflow:hidden;
      padding:5px 5px 7px 10px;
      margin-right:36px;
      float:right;   
      background:#f1f1f1;
      }

.expandable-block .expandable-block-content .pagination-block .pagination-content .input-box-current-page {
      width:36px;
      text-align:center;
      padding-top:0px;
      padding-bottom:2px;
      } 
      
/*
---------- End main content area structure ---------------*/

/*
---------- Pagination bar ---------------------- */
.pagination-bar {
      width:100%;
      height:20px;
      /*padding:5px 0px 5px 0px;
      background:#EFEFEF;*/
      }

.pagination-bar .viewing {
      margin-left:5px;
      float:right;
      }

.pagination-bar .current-page {
      width:20px;
      text-align:center;
      padding:0px;
      margin-left:5px;
      float:right;
      }
      
.pagination-bar .total-pages {
      display:block;
      width:20px;
      text-align:center;
      padding:0px;
      margin-left:5px;
      margin-right:5px;
      float:right;
      }
      
.pagination-bar .pagination-arrow {
      display:block;
      width:20px;
      height:14px;
      background:url(/images/pagination-arrow-left.jpg) no-repeat 0px 0px;
      float:right;
      }

.pagination-bar .pagination-arrow.left {
      background:url(/images/pagination-arrow-left.jpg) no-repeat 0px 0px;
      }

.pagination-bar .pagination-arrow.right {
      background:url(/images/pagination-arrow-right.jpg) no-repeat 0px 0px;
      }

/*
-------- End pagination bar -------------------- */