﻿@media screen,projection{

/* Main Style */
#main-background
{ 
width: 100%;
margin: 0 auto; 
height:130px; 
}


#page-wrap {
	MARGIN: 0px auto; WIDTH: 960px;height:135px;
}


#branding {
	CLEAR: both; FLOAT: left; WIDTH: 100%; HEIGHT: 130px;
}

#tgo-login-box
	{
		background: transparent url(images/tgo-apply-box.png) no-repeat scroll 0 0; 
		
		margin-top:0px;
		margin-left:550px;
	}

#faux-colL { width: 100%; background: #FFFFFF  bottom left repeat-y;padding-top:10px; padding-bottom:5px; padding-right:5px; width:960px; margin: 0 auto;}
#faux-colR { margin-left:200px; border:solid 1px #ccc; padding-bottom:5px;}


 #pageContent
	    {  
		   /* border-bottom: 1px solid #CDCDCD;*/
		    background-color: #FFF;
			margin: 10px;
			margin-bottom: 0px;
			/*font-size:12px;*/
			padding-bottom: 20px;
			padding-left:20px;
	    }


#pageContent h1
	    {
		font-size:16px;
		}
 #Menu {
    	width: 180px;
		float:left;
		padding-left:10px;
		border: solid 1px #ccc;
    }
#contact-info
	{
		width: 138px;
		margin:0px;
		padding:0px;
		border-bottom: 1px solid #cccccc;	
		margin-top:0px;
		font-size:11px;
		padding-top:5px;
	}

#userHeader   
    {
    	
	    display:block;
	    position:relative;
	    z-index:4;
	    background:#ECECEC url(img/bg_userHeader.png) repeat-x left bottom;	
	    font-size:80%;
	    color:#666;
	    border-bottom: 1px solid #CCCCCC;
	    padding:0 0px;
	    line-height: 2.3em;
	    vertical-align:middle;
    	
    }

    #userHeader a {
	    color:#003399;
	    text-decoration:none;
    }
    #userHeader a:hover {
	    color:#5E92FF;
    }
    #userHeader ul {
        white-space:nowrap;
        list-style:none;
	    display:inline-block;  
	    margin:0px;
	    padding:0;
    }
    #userHeader li {
	    padding:0px 5px 0 11px;
	    background:transparent url(img/blt_userHeader.png) no-repeat 0 50%;
        float:left;
        overflow-x:hidden;
	    white-space:nowrap;
    }
    #userHeader li.first {
	    background-image:none;
	    padding-left:0;
    }
    #userHeader .userName {
	    font-weight:bold;
    }
    #userCredentials {
	    overflow:hidden; 
	    height:2.3em;
	    position:relative;
	    float:right;
    }
    #userCredentials ul {
	    position:relative;
	    display:inline;
        white-space:normal;
    }

   #footer {
	    text-align: center;
	    position:relative;
	    margin:20px 0 10px 0;
	    padding:0px 5px 0px 10px;
		padding-bottom:5px;
		color:#efefef;
	    font-size:70%;
	    width: 950px;
	    background-color:#8a5a7e;
	    margin: 0px auto;
    }
    #footer ul {
	    padding:0px;
	    margin:0px;
	    list-style:none outside none;
	    padding: 5px 0 5px 0; 
        float : left; 
        width: 100%;
    }

    #footer li {
	    display:inline;
	    margin:0px;
        line-height:1.7em;
    }
    #footer li span {
	    padding:0px 5px 0px 11px;
	    background:transparent url(img/icon/blt_footer.png) no-repeat 0 50%;
	    display:inline-block;
	    white-space:nowrap;
    }
    #footer li.first span {
	    padding-left:0px;
	    background-image:none;
    }
    #footer a{position:static;color: #ccffff;}
   


    .MyItem
{
    cursor:  hand !important;
}
.error {
	    color:#F00;
    }
.required {
	    font-weight:bold;
	    color:#FF9A00;
    }
.button, input.submit, input.button, button {
	    background-image: url(images/button.gif);
	    background-repeat: repeat-x;
	    border: solid 1px #ccc;
	    border-left: 1px solid #d7d6c5;
	    border-right: 1px solid #d7d6c5;
	    height: 24px;
	    width: 114px;
	    background-color: transparent;
	    padding: 0px;
	    font: 11px Arial, Verdana, Sans-serif;
	    color: #969277;
    }

   /* Reset Style */
    * {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 
      }
     body{
	    font:normal 95% Arial, Verdana, Helvetica, sans-serif;
         color:#333;
     }
	body
	{
	background: #f4f3f4 url(images/techgrowth-header-bg.png) repeat-x;
        LINE-HEIGHT: 1.166; FONT-FAMILY: Arial,sans-serif; BACKGROUND-COLOR: #f4f3f4
	}


     BODY {
	
     }
    
   A {
	COLOR: #00355f; TEXT-DECORATION: none
   }
   A:link {
	COLOR: #00355f; TEXT-DECORATION: none
   }
   A:visited {
	COLOR: #00355f; TEXT-DECORATION: none
   }

   A:hover {
	COLOR: #4d7191; TEXT-DECORATION: underline
   }
    a:hover{ text-decoration: underline; color: #4d7191; }

  
  SUB {
	LINE-HEIGHT: 1px
  }
  SUP {
	LINE-HEIGHT: 1px
  }
  HR {
	BACKGROUND: #999999; FLOAT: left; MARGIN: 5px 0px; WIDTH: 100%; HEIGHT: 1px
  }
  OL {
	FONT-SIZE: 1.5em; MARGIN-LEFT: 25px; COLOR: #677f67
  }
  OL LI {
	MARGIN: 0px 0px 10px
  }
   #pageContent  UL {
	MARGIN-LEFT: 15px; 
  }
   #pageContent UL LI {
	MARGIN: 0px 0px 0px
  }
  OL LI SPAN {
	FONT-SIZE: 0.7em; COLOR: #000000
  }
   OL LI IMG {
	MARGIN: 10px 0px 0px 35px
  }
  p  {margin:0 0 1em 0}

}
@media print 
{
    @page{
	    position:relative;
	    display:block;
	    size: 8.5in 11in portrait;
	    margin: .5in .75in .5in .75;
	    width:7in;
	    orphans:3;
	    widows:2;
	    page-break-after:avoid;
    }
    #page-wrap,#Menu,
    #footer,#menu,#userHeader
    {
	    visibility:collapse !important;
	    display:none;
    }

}