/* CSS for Main Spirit Telecom Website created by Clayton Barnette on 17-Mar-2005 09:17 PM  */

body{
 background-image: url("../images/thick_ridges.gif"); 
 font-family: verdana;
 font-size: 10pt;
 color: #000000; 
 background-color: #c0c0c0;
 /* background-color: #255B9A;*/
}
/* Main Table */
table.main{
 background-color: #cccccc;
 width: 752px;
 height: 500px;
 border: 1px solid #000000;
}
/* Secondary Table */
table.secondary{
 background-color: #ffffff;
 font-family: verdana;
 font-size: 10pt;
 padding: 5px;
 border: 1px solid #cccccc;
}
/* Secondary Table */
td.secondary_header{
 background-color: #255B9A;
 font-family: verdana;
 font-size: 10pt;
 font-weight: bold;
 padding: 5px;
 color: #ffffff;
 border: 1px solid #cccccc;
}

/* Table Cell Properties. */
td.secondary{
 font-family: verdana;
 font-size: 9pt;
 padding: 4px;
 border: 1px solid #cccccc;
}
/* Contains Logo for Spirit Telecom */
td.logo{
 font-family: verdana;
 font-size: 10pt;
 color: #000000; 
 background-color: #ffffff;
 width: 170px;
 text-align: center;
 vertical-align: middle;
 height: 120px;
 border-right: 1px solid #c0c0c0;
 
}
/* Media Window for Banner Ads */
td.media{
 font-family: verdana;
 font-size: 10pt;
 color: #000000; 
 background-color: #ffffff;
 width: 557px;
 text-align: center;
 vertical-align: middle;
 height: 100px;
}

/* The sections below control each section */

/* Blue Section [ Spirittelecom ]*/
td.header_blue1{
 background-color: #255B9A;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 vertical-align: middle;
 padding-top: 4px; 
 padding-bottom: 4px;
 width: 170px;
 border-right: 1px solid #c0c0c0;
}
td.header_blue2{
 background-color: #255B9A;
 font-family: verdana;
 font-size: 10pt;
 font-weight: bold;
 color: #ffffff;
 text-align: left;
 vertical-align: middle;
 padding-top: 4px; 
 padding-bottom: 4px;
 padding-left: 20px;
 width: 557px;
 border-right: 1px solid #c0c0c0;
}
td.blue_icon{
 background-color: #ffffff;
 width: 170px;
 text-align: center;
 vertical-align: middle;
 padding: 0px;
 border: 0px solid #ffffff;
}

/* Green Section [ Business ] */
td.header_green1{
 background-color: #64B820;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 vertical-align: middle;
 padding-top: 4px; 
 padding-bottom: 4px;
 width: 170px;
 border-right: 1px solid #c0c0c0;
}
td.header_green2{
 background-color: #64B820;
 font-family: verdana;
 font-size: 10pt;
 font-weight: bold;
 color: #ffffff;
 text-align: left;
 vertical-align: middle;
 padding-top: 4px; 
 padding-bottom: 4px;
 padding-left: 20px;
 width: 557px;
 border-right: 1px solid #c0c0c0;
}
td.green_icon{
 background-color: #ffffff;
 width: 170px;
 text-align: center;
 vertical-align: middle;
 height: 110px;
 padding: 0px;
 border: 1px solid #ffffff;
}

/* Orange Section [ Independent ]*/
td.header_orange1{
 background-color: #ff9900;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 vertical-align: middle;
 padding-top: 4px; 
 padding-bottom: 4px;
 width: 170px;
 border-right: 1px solid #c0c0c0;
}
td.header_orange2{
 background-color: #ff9900;
 font-family: verdana;
 font-size: 10pt;
 font-weight: bold;
 color: #ffffff;
 text-align: left;
 vertical-align: middle;
 padding-top: 4px; 
 padding-bottom: 4px;
 padding-left: 20px;
 width: 557px;
 border-right: 1px solid #c0c0c0;
}
td.orange_icon{
 background-color: #ffffff;
 width: 170px;
 text-align: center;
 vertical-align: middle;
 height: 110px;
 padding: 0px;
 border: 1px solid #ffffff;
}

/* Red Section [ Wholesale ]*/
td.header_red1{
 background-color: #ff3300;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 vertical-align: middle;
 padding-top: 4px; 
 padding-bottom: 4px;
 width: 170px;
 border-right: 1px solid #c0c0c0;
}
td.header_red2{
 background-color: #ff3300;
 font-family: verdana;
 font-size: 10pt;
 font-weight: bold;
 color: #ffffff;
 text-align: left;
 vertical-align: middle;
 padding-top: 4px; 
 padding-bottom: 4px;
 padding-left: 20px;
 width: 557px;
 border-right: 1px solid #c0c0c0;
}
td.red_icon{
 background-color: #ffffff;
 width: 170px;
 text-align: center;
 vertical-align: middle;
 height: 110px;
 padding: 0px;
 border: 1px solid #ffffff;
}

/* All Left Menus*/
td.blue_menu{
 background-color: #ffffff;
 font-family: verdana;
 font-size: 9pt;
 color: #000000;
 /*background-color: #ffffff;*/
 width: 170px;
 text-align: left;
 vertical-align: top;
 border-right: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 padding: 0px;
}
td.green_menu{
 background-color: #ffffff;
 font-family: verdana;
 font-size: 9pt;
 color: #000000;
 width: 170px;
 text-align: left;
 vertical-align: top;
 height: 227px;
 border-right: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 padding: 0px;
}
td.orange_menu{
 background-color: #ffffff;
 font-family: verdana;
 font-size: 9pt;
 color: #000000;
 width: 170px;
 text-align: left;
 vertical-align: top;
 height: 227px;
 border-right: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 padding: 0px;
}
td.red_menu{
 background-color: #ffffff;
 font-family: verdana;
 font-size: 9pt;
 color: #000000;
 /*background-color: #ffffff;*/
 width: 170px;
 text-align: left;
 vertical-align: top;
 height: 227px;
 border-right: 1px solid #c0c0c0;
 border-top: 1px solid #c0c0c0;
 padding: 0px;
}
 
/* Content Section */
td.content{
 font-family: verdana;
 font-size: 10pt;
 color: #000000; 
 background-color: #ffffff;
 width: 557px;
 height: 350px;
 text-align: left;
 vertical-align: top;
 padding: 20px;
 padding-bottom: 100px;
}

/* Footer Section */
td.footer_left{
 background-color: #ffffff;
 font-family: verdana;
 font-size: 7pt;
 color: #255B9A;
 text-align: center;
 vertical-align: middle; 
 height: 35px;
 border-top: 1px solid #c0c0c0;
 width: 180px;
}
td.footer_right{
 background-color: #ffffff;
 font-family: verdana;
 font-size: 7pt;
 color: #255B9A;
 text-align: left;
 vertical-align: middle; 
 height: 35px;
 border-top: 1px solid #c0c0c0;
 padding-left: 65px;
}



/* Standard HTML Tags */
p, ul, ol, li, b, i, u, {
 font-family: verdana;
 font-size: 9pt;
 color: #000000;  
}


/* This is for Headings for Paragraphs */
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue{
 font-family: verdana;
 color: #255B9A;
}
h1.green, h2.green, h3.green, h4.green, h5.green, h6.green{
 font-family: verdana;
 color: #64B820;
}
h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange{
 font-family: verdana;
 color: #ff9900;
}
h1.red, h2.red, h3.red, h4.red, h5.red, h6.red{
 font-family: verdana;
 color: #ff3300;
}


/* Generic Links */
a{
 text-decoration: none;
}
a:hover{
 text-decoration: none;
}
a:active{
 text-decoration: none;
 color: #000000;
}

/* All Menu Items */
 /* Blue Menu Items */
td.blue_menu_item a{
 background-color: #255B9A;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ffffff;
 width: 170px;
 display: block; 
 padding-left: 15px;
 padding-top: 4px;
 padding-bottom: 4px; 
 text-align: left;
 align: center;
 margin: 0px;
 border:1px solid #255B9A;
}
td.blue_menu_item a:hover{ 
 background-color: #E5E5E5;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #255B9A;
 width: 170px;
 display: block;  
 padding-left: 15px;
 padding-top: 4px;
 padding-bottom: 4px;
 text-align: left;
 align: center;
 margin: 0px;
 border:1px solid #c0c0c0;
}
/* Green Menu Items */
td.green_menu_item a{
 background-color:  #64B820;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ffffff;
 width: 170px;
 display: block; 
 padding-left: 15px;
 padding-top: 4px;
 padding-bottom: 4px; 
 text-align: left;
 align: center;
 margin: 0px;
 border:1px solid #64B820;
}
td.green_menu_item a:hover{ 
 background-color:#E5E5E5;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #64B820;
 width: 170px;
 display: block;  
 padding-left: 15px;
 padding-top: 4px;
 padding-bottom: 4px;
 text-align: left;
 align: center;
 margin: 0px;
 border:1px solid #c0c0c0;
}
/* Orange Menu Items */
td.orange_menu_item a{
 background-color: #ff9900;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ffffff;
 width: 170px;
 display: block; 
 padding-left: 15px;
 padding-top: 4px;
 padding-bottom: 4px; 
 text-align: left;
 align: center;
 margin: 0px;
 border:1px solid #ff9900;
}
td.orange_menu_item a:hover{ 
 background-color: #E5E5E5;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ff9900;
 width: 170px;
 display: block;  
 padding-left: 15px;
 padding-top: 4px;
 padding-bottom: 4px;
 text-align: left;
 align: center;
 margin: 0px;
 border:1px solid #c0c0c0;
}
/* Red Menu Items */
td.red_menu_item a{
 background-color: #ff3300;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ffffff;
 width: 170px;
 display: block; 
 padding-left: 15px;
 padding-top: 4px;
 padding-bottom: 4px; 
 text-align: left;
 align: center;
 margin: 0px;
 border:1px solid #ff3300;
}
td.red_menu_item a:hover{ 
 background-color: #E5E5E5;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #ff3300;
 width: 170px;
 display: block;  
 padding-left: 15px;
 padding-top: 4px;
 padding-bottom: 4px;
 text-align: left;
 align: center;
 margin: 0px;
 border:1px solid #c0c0c0;
}

/* Form elements */
input.required{
 background-color: #ffff99;
}
p.note{
 background-color: #ffff99;
 font-family: verdana;
 font-size: 10pt;
 border: 1px solid #000000;
 width: 500px;
 padding:5px;
}