/********************************************************/ 
/* Copyright 2008 TeraGo Networks.com                   */
/*                                                      */
/********************************************************/ 

@media print {
    div.screenOnlyPrint
    {
        display: none;
    }
}

@media screen {
    div.screenOnlyPrint
    {
        display: block;
        position: relative;
        text-align: right;
        padding: 5px; 
        padding-left: 0px;      
        font-weight: bold;
    }
    div.screenOnlyPrint a
    {
        color: #117bb7;
    }

    div.screenOnlyPrint a:hover
    {
        text-decoration: none;
    }
}

*
{
   	font-family: Verdana, Arial, Helvetica, sans-serif !important;
   	font-size: 12px;
   	line-height: 18px;
}

body
{
    background: White !important;
    border: 0;
	margin: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	float: none !important;
	width: 700px;
}    
    
    A:link, A:visited, A:active, A:hover
    {
        color: #1e8bcd;
        font-weight: bold;
        text-decoration: none;
    }

    div.header
    {
        /* Layout Styles */
        margin: 0px;
        padding: 0px;
        display: block;
        position: relative;
        border-bottom: 2px solid #000000;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 20px;        
        margin-bottom: 25px;
        
        /* Font Styles */
        text-align: left;
        color: #f47c1b;	
		font-size: 18px;
		line-height: 22px !important;
		font-weight: bold;
    }

    h1
    {
        /* Layout Styles */
        clear: both;
        display: block;
        position: relative;        
        
        /* Font Styles */
        color: #000000;
        font-weight: bold;   
        font-size: 18px;             
    }

    h2
    {
        /* Layout Styles */
        clear: both;
        display: block;
        position: relative;
        
        /* Font Styles */
        color: #656565;
        font-weight: bold;      
        font-size: 14px;       
    }

    h3
    {
        /* Layout Styles */
        clear: both;
        display: block;
        position: relative;
    
        /* Font Styles */    
        color: #f47c1b !important;
        font-weight: bold;      
    }


    div.footer
    {
        margin: 0px;
        padding: 0px;
        display: block;
        position: relative;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        text-align: center;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 25px;
    }

    table
    {
        border: 0px solid black;           
        width: 650px;
    }   
     
        table td
        {
            padding: 10px;
            border: 1px solid #FFFFFF;
        }


/*=========================================================================*/
/* -> Services Overview                                                    */    
/*=========================================================================*/
/*
table.blueTableInternal
{
    display: block;
    clear: both;
}

table.blueTableInternal td
{
    padding: 10px;
    border: 1px solid #FFFFFF;
}

table.blueTableInternal tr.blueTableHeader
{
    height: 40px;
    text-align: center;
    font-weight: bold;
    background: #F5F5F5;
}

hr 
{
    height: 1px;
    border: 1px solid black;
}
*/

table.blueTableInternal
{
    border-collapse: collapse;   
    border: 1px solid #dfdfdf;
    background: url("/images/internal/stylized-table/table-background.jpg") bottom left repeat-x;
}
table.blueTableInternal td
{
    padding: 2px;
}
table.blueTableInternal p
{
	margin: 0px !important;
	padding: 0px !important;
}

table.blueTableInternal hr
{
	border: 1px solid #9ED4EC !important;
	margin-top: 15px;
}

    table.blueTableInternal th
    {
        height: 37px;
        background: url("/images/internal/stylized-table/header-background.jpg") top left repeat-x;                
    }
    
table.blueTableInternal td ul
{
	vertical-align: text-top;
}

    table.blueTableInternal tr
    {
        height: 40px;   /* Default Row Height */
    }

    tr.blueTableHeader
    {
        height: 37px;
        background: url("/images/internal/stylized-table/header-background.jpg") top left repeat-x;        
    }
    
        tr.blueTableHeader td
        {
            color: #FFFFFF;
            font-weight: bold;
            text-align: center;               
            border: 0px solid white;
            padding: 0px;           
        }
        
            tr.blueTableHeader td.leftAlign
            {
                text-align: left;
            }
    
    tr.blueTableRowBorderTop
    {
        border-top: 1px solid #dfdfdf;
    }
    
    td.blueTableCellTabbedInTitle
    {
        text-align: left !important;
        padding-left: 10px !important;
    }
    
    td.blueTableCellTabbedInItem
    {
        text-align: left !important;
        padding-left: 25px;
    }    


/*=========================================================================*/
/* -> High Speed Internet                                                  */    
/*=========================================================================*/

table.blueTableInternalRight
{
    width: 200px;
    display: block;
    position: relative;
    clear: both;
    margin: 10px;
    
}


/*********************************************************/
/* Stylized Right Table - Blue - in Services             */
/*********************************************************/
table.blueTableInternalRight
{   
    border: 1px solid #dfdfdf;
    width: 200px !important;
    margin-left: 10px;    
    background: url("/images/internal/stylized-table/table-background.jpg") bottom left repeat-x;
}	
	
	tr.blueTableInternalRightHeader
    {
        height: 39px;        
        width: 200px !important;                        
        background: url("/images/internal/stylized-table/header-blue-background.jpg") top left repeat-x;
    }
    tr.blueTableInternalRightHeader td
    {
        border: 0px solid black;
        padding: 0px;
		color: #ffffff;
    }

    
ul.popularLinks
{
    list-style-image: url("/images/icons/list-items/pop-links-arrow.gif") !important;    
    color: #656565 !important;
}
    .popularLinks li
    {
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 12px;
        margin-left: 20px;    
        
    }

        .popularLinks li a,
        .popularLinks li a:visited
        {
            color: #006699 !important;
            font-weight: normal !important;
            text-decoration: none !important;
        }

        .popularLinks li a:hover
        {
            color: #006699 !important;
            font-weight: normal !important;
            text-decoration: underline !important;
        }


/*************************************************/
/* Contact Us Page Layout                        */
/* CSS For contact us page                       */
/*                                               */
/* Date: Feb 28, 2008                            */
/*************************************************/

div.grayBoxNarrow
{
    position: relative;
    display: block;        
    float: left;
    margin-left: 5px;    
    width: 340px;
    border: 2px solid #e1e1e1;
}

    div.grayBoxNarrowTop
    {
        width: 229px;
        height: 10px;
        display: block;
    }    

    div.grayBoxNarrowContent
    {        
        padding: 0px;
        margin: 0px;        
        padding-left: 20px;        
        padding-right: 0px;
        padding-bottom: 20px;
        padding-top: 10px;        
        display: block;
        height: 170px;                    
        width: 210px;  
    }
    div.grayBoxNarrowBottom
    {
		margin-top: -30px;
        width: 229px;
        height: 39px;        
    }   
    
        div.grayBoxNarrowContent em,
        div.grayBoxNarrowContent strong
        {        
            font-weight: bold !important;
            color: #f47c1b !Important;
        }    
        
/* Spanning Gray Content Box */        
div.grayBoxWide
{
    margin-top: 10px;
    position: relative;
    clear: both;
    display: block;
    width: 690px;
    float: left;
    margin-left: 5px;
    
    height: 100%;
    border: 2px solid #e1e1e1;
}

    div.grayBoxWide hr
    {
        display: none;
    }
    
    div.grayBoxWideTop
    {
        width: 690px;
        height: 14px;
        display: block;
    }    

    div.grayBoxWideContent
    {        
        padding: 0px;
        margin: 0px;
        padding-left: 20px;
        padding-right: 10px;
        padding-bottom: 20px;
        padding-top: 10px;
        width: 690px;
        display: block;
    }
    
        div.grayBoxWideContent h3
        {
            border-bottom: solid 1px dashed #cccccc;
            display: block;
            width: 420px !important;            
        }

        div.grayBoxWideContent em,
        div.grayBoxWideContent strong
        {        
            font-weight: bold !important;
            color: #f47c1b !Important;
        }    
        
         div.grayBoxWideContent a
         {
            color: #f47c1b !important;
            text-decoration: underline !important;
         }
         
             div.grayBoxWideContent a:hover
             {
                color: #f47c1b !important;
                text-decoration: none !important;
             }
                 
        div.grayBoxWideContent div.leftColumn
        {
            width: 345px;
            float: left;
        }
        
            div.grayBoxWideContent div.leftColumn em,
            div.grayBoxWideContent div.leftColumn strong,
            div.grayBoxWideContent div.rightColumn em,
            div.grayBoxWideContent div.rightColumn strong
            {
                color: #000000 !Important;
            }
        
            div.grayBoxWideContent div.leftColumn a,
            div.grayBoxWideContent div.rightColumn a
            {
                color: #f47c1b !important; 
            }

ul.gray-arrows-internal
{
    list-style-image: url("/images/icons/list-items/blue-arrow.jpg") !important;
    color: #656565 !important;
    margin-left: 0px;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}
    .gray-arrows li
    {
        font-size: 12px;
        line-height: 18px;
        margin-left: 10px;    
    }

    .gray-arrows-internal li
    {
        font-size: 12px;
        line-height: 18px;
        margin-left: 0px;    
    }
        
        .gray-arrows-internal li a
        {
            color: #207fb9 !important;
            text-decoration: underline !important;
        }
        
            .gray-arrows-internal li a:hover
            {
                color: #207fb9 !important;
                text-decoration: none !important; 
            }